From ec18956856493ccc90a17061a8878186dc10ab9b Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Mon, 19 May 2025 15:24:41 -0400
Subject: [PATCH] CASH-313 | refactor

---
 .../img/salesforce-webchat/avatar_webchat.png | Bin 0 -> 503 bytes
 .../minimized_chat_bubble_webchat.png         | Bin 0 -> 622 bytes
 .../safelite_logo_webchat.png                 | Bin 0 -> 1044 bytes
 .../salesforce-helper-dev.js                  |  44 +++++++++++++++---
 .../salesforce-helper-prod.js                 |  40 ++++++++++++++--
 .../salesforce-helper-qa.js                   |  40 ++++++++++------
 .../salesforce-webchat/salesforce-webchat.vue |  33 +++++++------
 .../funnel-header/funnel-header.vue           |   7 ++-
 src/helpers/webchat-helper.js                 |   1 -
 9 files changed, 124 insertions(+), 41 deletions(-)
 create mode 100644 src/assets/img/salesforce-webchat/avatar_webchat.png
 create mode 100644 src/assets/img/salesforce-webchat/minimized_chat_bubble_webchat.png
 create mode 100644 src/assets/img/salesforce-webchat/safelite_logo_webchat.png

diff --git a/src/assets/img/salesforce-webchat/avatar_webchat.png b/src/assets/img/salesforce-webchat/avatar_webchat.png
new file mode 100644
index 0000000000000000000000000000000000000000..03d707a8f4c9e65fb220797ad22a96b2f48b8616
GIT binary patch
literal 503
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!%mREuT!A!0!9|9G^I-B4m;`d+
z=mJ;@SscXvyxV0SP@`Z;kY6yveT9Vm^WQfFI1~sNoS(41zd7z>CIbUwyr+v}NW|f{
zQ%_H7QQ&b^+#?wH?|-^_r|&}3ZpJ%4;e}$nC6$Vt_cX-1kBV<tIw9`FRJ{&U19kRT
ztvoONz@5_N7c!1mteD)G&R5>?_~&A|TX*t=8MoYe`q9WibJtp-wZ}Nl8|O}ZtXgos
z<%q<-DSxz@)^1p$TGHWYa=$iO!!XV@y7r02oJ5{Vh79dbE%OUL#Z8DkooU_~V;7<S
zjA8TQDEDuU9~87UKkM84Dq)Lm%eAa00qd3Q-$&~3@-O?$_2{|Jt;FYt9WDN8msmE+
zua%xqwY%w5?fR4_yRC~t9^R9B@FnBYX63rhNd@couN1!jHK;1Y=Fr3mPduw`CUZ|)
z(XP()PeABbRQE60#`V91-+nCT)p<AJo#@G}r`zq4-R#~Ma78tLlgwKE#$jW7_7)4Z
z2MGthZc|&pU#$DXl=aN~7vEDpajomz8&vgi;kjq0PR{tSOg=*O-h@kPzySOIjQvoi
VsPLh{I}V^2^mO%eS?83{1OVNk-?jh%

literal 0
HcmV?d00001

diff --git a/src/assets/img/salesforce-webchat/minimized_chat_bubble_webchat.png b/src/assets/img/salesforce-webchat/minimized_chat_bubble_webchat.png
new file mode 100644
index 0000000000000000000000000000000000000000..308b48231f0d5fe4386dddb8c2aed24ee32046b2
GIT binary patch
literal 622
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVB>;rs4T!Hj|3V`$OUs*sSL`s7E
zf*BMX-U}q$-``L$f5L_UgY)(M3*yTRJ*5~J7*Bb+IEF+Vemnhk-zx(iSJ~s|mM+zO
z`sDxquPP>jvdg5(B<HzB`g7d0-p9S-^2-vddM@M5M(5>)y6-JJwaMr&U*P<GkJy~w
zFE*3?ux-i8i#HYha%Pl%G4)zn{v-W;mh$`i0oz$MOJ==})vNh@M`doM_j&nUt*a{H
z^e-50*6v!qY2K`RhRZbKIF?wpgtJXdXv?v?<bP&qa)IQ|DKA=mZ6=q@jBl1OlzY$+
z`B2m(KrW2q;ImFP;lN)D7DjB)Wjwi~;G|`<Z5)SUlfJ&CaD~14fxP{ypF^Al@-`X-
zA8k0gE;}Z_Z}$6r+t%c1cU*D5W%syAvp92c=F+)}wVPU4Ra5_5yWk^uW$pq-<t_bE
zeQV#`;nIFrxF&r=Ti*3l-k8Ol!G9M7mPsGDvB%2E+~Gkb>xT!Yd9Fom_}v;W-72>9
z>$HW>EdM0+2Q)AzRy@(OTv1*ze|<p1k0X8;&P&%MrT>nwese@`{a2=iGs0v0w#_x&
zqkcQm_DuA(DUmG+d8t`0du@N6)en#UlIQfCMSQkaT=~8|dH30^nwP2nkuu#J_e#6(
zrOdv+vpMu?kFzb@yyCm^{kuQD$>fUsk~Qkxx75nTdA_4ho7G&u=lq}LYkSnT_H6tH
PN=*!&u6{1-oD!M<$)7l7

literal 0
HcmV?d00001

diff --git a/src/assets/img/salesforce-webchat/safelite_logo_webchat.png b/src/assets/img/salesforce-webchat/safelite_logo_webchat.png
new file mode 100644
index 0000000000000000000000000000000000000000..0aeb823e53356e6a22888d6d0866a41f790ff3fb
GIT binary patch
literal 1044
zcmV+v1nc{WP)<h;3K|Lk000e1NJLTq00BS%003kN0{{R3zyui#0000sP)t-s|NsBn
z03hEWJn^5a``_c~U~~4r$K*g*?SPN{@A2IbF5)ms?~tAGpsVz+x%ki3>u`eRP-e0|
zg&P0>1DQ!gK~#9!?b_*<nm`bS;i~G5USzrdo6VR^=+!}uIpR6r^KV=bUI9xS0ssI2
z0000000000000000000005~nZ%<9ToP5;x(yGUOa-U(GEp-*Ag7&r@Vwe$d=OqA~i
z(bLaV6U=f}t&=d*NAOeNo?PyJ{>ml&l7QMVe@H+pJSLj%;`oID^LzR!0WX|ARnT(n
z1&8n~%%2iabHOE*r2L!iu<|b0T<`gSi(~$rfQGZFyG1{?gpKI&fPUJg@3-`W0(#D*
zzbQQy&^#Ql@p%C)_xlfL=FI^$ot+w-@uKV|Dru{Jo2|Ylpx3kd%`Ptqm{-7BPbZ<c
zF#R|zx_Z=3x(~=A68+!NoC|T)w*qR}#Wr9Nk;`xeqOo)awi%v14Qa<cqjSJ!uUXva
z;m4oCIbid)>Ww?@3<tOmT-z=Sb(X**;%@{@<A>|#0^VMM3%%dO9oa6LN;=Pmt5WSb
zuMarqL-6|ekb^%NQ0IO|m80rH?-zL_rlO&#$C|`D-=71;7rj+oXgUtqp9597j)ti0
z>FE8u;W4u(l)S;s7TeJvt=c&*>^=O00hjItn{VHz_#{!nV=Mi!xo@f6p37*AiEY5V
zeEVR)=3}bAVWLw|j)$VBo=-mq^n7y<<n&a)*zS^BvCp4`Rz|qzs&b2(Obnb211_8e
zxvC%Vc)%YP80kb7wdFd^IYy@(_#mL=);|XHeB0?R`p+Bh@*!d!XGa0&R|nLe6fh5c
z#R?kELNwd+0jJjlJkcR+vUT|FuAa4>J^mE72Un+`IfPF&Iaj!l$G$97>n}%ROdEh+
z5s<=(uWtp;^dPFMHgG)(*e<jEva|fl7?W>Ui@E5{9B0$u+p!{=+d%U{K-bNI{}^y>
zZ^*AO)0-tOB;WqXE4u0xG<`7#0Tb_hT}U21gfDrQFM{ba9nz6YB3zl<pG_`SIX(#J
zrMhHSUR!uHAV=qBB3Hemek)$^?egaJg31TXeRE)c`Ow9B<~R;Wfh$wJk}-z-{P*vG
zMB4BTPLCU}M*(RO9x(pCfT;=iy$UD2B>hFN!X26HxUpEu51+>Y$tU54vv>bzLX!TM
z8Wp+W6rG2jC*xd{E4P_6`{w@SVqgw&y=IuFZ%JS8Q@e#Sn>HtbzldzB$_w;rH@AQ1
zCr{>&b<+Fwj@3osFF~A1C)xV|0000000000000000000000000D!%}lav`B368{JQ
O0000<MNUMnLSTY6arprN

literal 0
HcmV?d00001

diff --git a/src/digital-components/salesforce-webchat/salesforce-helper-dev.js b/src/digital-components/salesforce-webchat/salesforce-helper-dev.js
index fb29bc9eb..d11ccf0d4 100644
--- a/src/digital-components/salesforce-webchat/salesforce-helper-dev.js
+++ b/src/digital-components/salesforce-webchat/salesforce-helper-dev.js
@@ -1,24 +1,47 @@
+/* eslint-disable */
+
+function setupCustomSettings(
+    modifyEmbeddedSvcCallback,
+    finishedLoadingCallback,
+    onWebchatOpenCallback,
+    onWebchatCloseCallback
+) {
+    modifyEmbeddedSvcCallback();
+    embedded_svc.addEventHandler("onSettingsCallCompleted", finishedLoadingCallback);
+    embedded_svc.addEventHandler("afterMaximize", onWebchatOpenCallback);
+    embedded_svc.addEventHandler("afterDestroy", onWebchatCloseCallback);
+}
+
 /*
 The code below is generated from salesforce but modified in the following ways:
   * Only the javascript inside the second <script> tag in the provided salesforce code is copy pasted
   * CSS is not copied in
   * First <script> tag loading in the file from the CDN is not copied in
-  * The only custom code added here is `let embedded_svc = window.embedded_svc` in the first line of the `initESW` function
-	  and the wrapper exported function `initializeSalesforceWebChatForDev`
+  * Copy the entire contents of the second <script> tag inside the initializeSalesforceWebchatForDev
+      method and add a call to setupCustomSettings before the 'embedded_svc.init()' method is called
+      
+      Actual call to paste in:
+      setupCustomSettings(
+            modifyEmbeddedSvcCallback,
+            finishedLoadingCallback,
+            onWebchatOpenCallback,
+            onWebchatCloseCallback
+        );
 */
 
-export function initializeSalesforceWebchatForDev() {
+export function initializeSalesforceWebchatForDev(
+    modifyEmbeddedSvcCallback,
+    finishedLoadingCallback,
+    onWebchatOpenCallback,
+    onWebchatCloseCallback
+) {
     var initESW = function (gslbBaseURL) {
-        let embedded_svc = window.embedded_svc;
         embedded_svc.settings.displayHelpButton = true; //Or false
         embedded_svc.settings.language = ""; //For example, enter 'en' or 'en-US'
-
         //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert)
         //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline)
-
         //embedded_svc.settings.loadingText = ''; //(Defaults to Loading)
         //embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session)
-
         // Settings for Chat
         //embedded_svc.settings.directToButtonRouting = function(prechatFormData) {
         // Dynamically changes the button ID based on what the visitor enters in the pre-chat form.
@@ -31,6 +54,13 @@ export function initializeSalesforceWebchatForDev() {
         embedded_svc.settings.enabledFeatures = ["LiveAgent"];
         embedded_svc.settings.entryFeature = "LiveAgent";
 
+        setupCustomSettings(
+            modifyEmbeddedSvcCallback,
+            finishedLoadingCallback,
+            onWebchatOpenCallback,
+            onWebchatCloseCallback
+        );
+
         embedded_svc.init(
             "https://safelite2--dev.sandbox.my.salesforce.com",
             "https://safelite2--dev.sandbox.my.salesforce-sites.com/chat",
diff --git a/src/digital-components/salesforce-webchat/salesforce-helper-prod.js b/src/digital-components/salesforce-webchat/salesforce-helper-prod.js
index 224f3d72e..9df50ee19 100644
--- a/src/digital-components/salesforce-webchat/salesforce-helper-prod.js
+++ b/src/digital-components/salesforce-webchat/salesforce-helper-prod.js
@@ -1,13 +1,40 @@
+/* eslint-disable */
+
+function setupCustomSettings(
+    modifyEmbeddedSvcCallback,
+    finishedLoadingCallback,
+    onWebchatOpenCallback,
+    onWebchatCloseCallback
+) {
+    modifyEmbeddedSvcCallback();
+    embedded_svc.addEventHandler("onSettingsCallCompleted", finishedLoadingCallback);
+    embedded_svc.addEventHandler("afterMaximize", onWebchatOpenCallback);
+    embedded_svc.addEventHandler("afterDestroy", onWebchatCloseCallback);
+}
+
 /*
 The code below is generated from salesforce but modified in the following ways:
   * Only the javascript inside the second <script> tag in the provided salesforce code is copy pasted
   * CSS is not copied in
   * First <script> tag loading in the file from the CDN is not copied in
-  * The only custom code added here is `let embedded_svc = window.embedded_svc` in the first line of the `initESW` function
-	  and the wrapper exported function `initializeSalesforceWebChatForProd`
+  * Copy the entire contents of the second <script> tag inside the initializeSalesforceWebchatForDev
+      method and add a call to setupCustomSettings before the 'embedded_svc.init()' method is called
+      
+      Actual call to paste in:
+      setupCustomSettings(
+            modifyEmbeddedSvcCallback,
+            finishedLoadingCallback,
+            onWebchatOpenCallback,
+            onWebchatCloseCallback
+        );
 */
 
-export function initializeSalesforceWebchatForProd(embedded_svc) {
+export function initializeSalesforceWebchatForProd(
+    modifyEmbeddedSvcCallback,
+    finishedLoadingCallback,
+    onWebchatOpenCallback,
+    onWebchatCloseCallback
+) {
     var initESW = function (gslbBaseURL) {
         let embedded_svc = window.embedded_svc;
         embedded_svc.settings.displayHelpButton = true; //Or false
@@ -31,6 +58,13 @@ export function initializeSalesforceWebchatForProd(embedded_svc) {
         embedded_svc.settings.enabledFeatures = ["LiveAgent"];
         embedded_svc.settings.entryFeature = "LiveAgent";
 
+        setupCustomSettings(
+            modifyEmbeddedSvcCallback,
+            finishedLoadingCallback,
+            onWebchatOpenCallback,
+            onWebchatCloseCallback
+        );
+
         embedded_svc.init(
             "https://safelite2.my.salesforce.com",
             "https://safelite2.my.salesforce-sites.com/chat",
diff --git a/src/digital-components/salesforce-webchat/salesforce-helper-qa.js b/src/digital-components/salesforce-webchat/salesforce-helper-qa.js
index 985108e06..9801d3c74 100644
--- a/src/digital-components/salesforce-webchat/salesforce-helper-qa.js
+++ b/src/digital-components/salesforce-webchat/salesforce-helper-qa.js
@@ -1,12 +1,4 @@
 /* eslint-disable */
-/*
-The code below is generated from salesforce but modified in the following ways:
-  * Only the javascript inside the second <script> tag in the provided salesforce code is copy pasted
-  * CSS is not copied in
-  * First <script> tag loading in the file from the CDN is not copied in
-  * The only custom code added here is `let embedded_svc = window.embedded_svc` in the first line of the `initESW` function
-	  and the wrapper exported function `initializeSalesforceWebChatForQa`
-*/
 
 function setupCustomSettings(
     modifyEmbeddedSvcCallback,
@@ -20,6 +12,23 @@ function setupCustomSettings(
     embedded_svc.addEventHandler("afterDestroy", onWebchatCloseCallback);
 }
 
+/*
+The code below is generated from salesforce but modified in the following ways:
+  * Only the javascript inside the second <script> tag in the provided salesforce code is copy pasted
+  * CSS is not copied in
+  * First <script> tag loading in the file from the CDN is not copied in
+  * Copy the entire contents of the second <script> tag inside the initializeSalesforceWebchatForQa
+      method and add a call to setupCustomSettings before the 'embedded_svc.init()' method is called
+      
+      Actual call to paste in:
+      setupCustomSettings(
+            modifyEmbeddedSvcCallback,
+            finishedLoadingCallback,
+            onWebchatOpenCallback,
+            onWebchatCloseCallback
+        );
+*/
+
 export function initializeSalesforceWebchatForQa(
     modifyEmbeddedSvcCallback,
     finishedLoadingCallback,
@@ -27,13 +36,7 @@ export function initializeSalesforceWebchatForQa(
     onWebchatCloseCallback
 ) {
     var initESW = function (gslbBaseURL) {
-        setupCustomSettings(
-            modifyEmbeddedSvcCallback,
-            finishedLoadingCallback,
-            onWebchatOpenCallback,
-            onWebchatCloseCallback
-        );
-        embedded_svc.settings.displayHelpButton = false; //Or false
+        embedded_svc.settings.displayHelpButton = true; //Or false
         embedded_svc.settings.language = ""; //For example, enter 'en' or 'en-US'
 
         //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert)
@@ -54,6 +57,13 @@ export function initializeSalesforceWebchatForQa(
         embedded_svc.settings.enabledFeatures = ["LiveAgent"];
         embedded_svc.settings.entryFeature = "LiveAgent";
 
+        setupCustomSettings(
+            modifyEmbeddedSvcCallback,
+            finishedLoadingCallback,
+            onWebchatOpenCallback,
+            onWebchatCloseCallback
+        );
+
         embedded_svc.init(
             "https://safelite2--safeliteua.sandbox.my.salesforce.com",
             "https://safelite2--safeliteua.sandbox.my.salesforce-sites.com/chat",
diff --git a/src/digital-components/salesforce-webchat/salesforce-webchat.vue b/src/digital-components/salesforce-webchat/salesforce-webchat.vue
index cbd407c76..2cac40833 100644
--- a/src/digital-components/salesforce-webchat/salesforce-webchat.vue
+++ b/src/digital-components/salesforce-webchat/salesforce-webchat.vue
@@ -39,11 +39,15 @@ export default {
         initializeSalesforceWebchat() {
             switch (applicationConfig.CURRENT_ENVIRONMENT) {
                 case "Prod":
-                    initializeSalesforceWebchatForProd();
+                    initializeSalesforceWebchatForProd(
+                        this.modifyEmbeddedSvcCallback,
+                        this.finishedLoadingCallback,
+                        this.onWebchatOpenCallback,
+                        this.onWebchatCloseCallback
+                    );
                     break;
                 case "QA":
                 case "SysTest":
-                case "Localhost":
                     initializeSalesforceWebchatForQa(
                         this.modifyEmbeddedSvcCallback,
                         this.finishedLoadingCallback,
@@ -52,17 +56,21 @@ export default {
                     );
                     break;
                 case "Dev":
-                    initializeSalesforceWebchatForDev();
+                case "Localhost":
+                    initializeSalesforceWebchatForDev(
+                        this.modifyEmbeddedSvcCallback,
+                        this.finishedLoadingCallback,
+                        this.onWebchatOpenCallback,
+                        this.onWebchatCloseCallback
+                    );
                     break;
             }
         },
         modifyEmbeddedSvcCallback() {
-            window.embedded_svc.settings.avatarImgURL =
-                "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/avatar_webchat.png";
-            window.embedded_svc.settings.prechatBackgroundImgURL =
-                "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite_logo_webchat.png";
-            window.embedded_svc.settings.smallCompanyLogoImgURL =
-                "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/minimized_chat_bubble_webchat";
+            window.embedded_svc.settings.avatarImgURL = require("@/assets/img/salesforce-webchat/avatar_webchat.png");
+            window.embedded_svc.settings.prechatBackgroundImgURL = require("@/assets/img/salesforce-webchat/safelite_logo_webchat.png");
+            window.embedded_svc.settings.smallCompanyLogoImgURL = require("@/assets/img/salesforce-webchat/minimized_chat_bubble_webchat.png");
+            window.embedded_svc.settings.displayHelpButton = false;
         },
         finishedLoadingCallback(data) {
             this.isAgentAvailable = data.isAgentAvailable;
@@ -79,12 +87,11 @@ export default {
             this.updateShouldShowWebchatButton();
         },
         updateShouldShowWebchatButton() {
-            this.webchatGlobalNonpersistedState.showWebchatButton = (
+            this.webchatGlobalNonpersistedState.showWebchatButton =
                 !this.hideSalesforceWebchatLaunchButton &&
                 this.isAgentAvailable &&
-                !this.isWebchatOpen
-            );
-        }
+                !this.isWebchatOpen;
+        },
     },
     computed: {},
     components: {},
diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue
index ce0163905..bb4ea77f8 100644
--- a/src/fmg-components/funnel-header/funnel-header.vue
+++ b/src/fmg-components/funnel-header/funnel-header.vue
@@ -70,8 +70,11 @@ export default {
             return this.getCmsContent(this.cmsWidgetName, "LogoImage");
         },
         shouldShowWebchatButton() {
-            return !this.shouldHideWebchatButtonOnPage && this.webchatGlobalNonpersistedState.showWebchatButton;
-        }
+            return (
+                !this.shouldHideWebchatButtonOnPage &&
+                this.webchatGlobalNonpersistedState.showWebchatButton
+            );
+        },
     },
     methods: {
         pushGlobalAlert(alertToPush, isAutoDismissing) {
diff --git a/src/helpers/webchat-helper.js b/src/helpers/webchat-helper.js
index c2cbdecbf..f2b624916 100644
--- a/src/helpers/webchat-helper.js
+++ b/src/helpers/webchat-helper.js
@@ -7,7 +7,6 @@ const webchatGlobalNonpersistedState = reactive({
 });
 
 export const webchatHelper = () => {
-
     function launchWebchat() {
         if (webchatGlobalNonpersistedState.shouldLaunchSierra) {
             // do sierra logic here