From 485ab11d42c941f9bb346e016b9fb40f12a38a92 Mon Sep 17 00:00:00 2001
From: scottkiener-at-safelite <scott.kiener@safelite.com>
Date: Thu, 22 Jan 2026 14:47:17 -0500
Subject: [PATCH] CASH-1527 | Add in sys snippet

---
 .../salesforce-helper-sys.js                  | 59 +++++++++++++++++++
 .../salesforce-webchat/salesforce-webchat.vue | 15 ++++-
 .../sierra-webchat/sierra-webchat.vue         |  2 +-
 3 files changed, 74 insertions(+), 2 deletions(-)
 create mode 100644 src/digital-components/salesforce-webchat/salesforce-helper-sys.js

diff --git a/src/digital-components/salesforce-webchat/salesforce-helper-sys.js b/src/digital-components/salesforce-webchat/salesforce-helper-sys.js
new file mode 100644
index 000000000..c843ced94
--- /dev/null
+++ b/src/digital-components/salesforce-webchat/salesforce-helper-sys.js
@@ -0,0 +1,59 @@
+/* eslint-disable */
+
+function setupCustomSettings(
+    modifyEmbeddedSvcCallback,
+    finishedLoadingCallback,
+    onWebchatOpenCallback,
+    onWebchatCloseCallback
+) {
+    modifyEmbeddedSvcCallback();
+    window.addEventListener("onEmbeddedMessagingButtonCreated", finishedLoadingCallback);
+    window.addEventListener("onEmbeddedMessagingWindowMaximized", onWebchatOpenCallback);
+    window.addEventListener("onEmbeddedMessagingWindowClosed", 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 initializeSalesforceWebchatForSys
+      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 initializeSalesforceWebchatForSys(
+    modifyEmbeddedSvcCallback,
+    finishedLoadingCallback,
+    onWebchatOpenCallback,
+    onWebchatCloseCallback
+) {
+    setupCustomSettings(
+        modifyEmbeddedSvcCallback,
+        finishedLoadingCallback,
+        onWebchatOpenCallback,
+        onWebchatCloseCallback
+    );
+
+    try {
+        embeddedservice_bootstrap.settings.language = "en_US"; // For example, enter 'en' or 'en-US'
+
+        embeddedservice_bootstrap.init(
+            '00DcY0000067qKz',
+            'Sales_Central_TFN',
+            'https://safelite2--sys.sandbox.my.site.com/ESWSalesCentralTFN1767797265631',
+            {
+                scrt2URL: 'https://safelite2--sys.sandbox.my.salesforce-scrt.com'
+            }
+        );
+    } catch (err) {
+        console.error("Error loading Embedded Messaging: ", err);
+    }
+}
diff --git a/src/digital-components/salesforce-webchat/salesforce-webchat.vue b/src/digital-components/salesforce-webchat/salesforce-webchat.vue
index 1dca6de8c..1dab19035 100644
--- a/src/digital-components/salesforce-webchat/salesforce-webchat.vue
+++ b/src/digital-components/salesforce-webchat/salesforce-webchat.vue
@@ -103,7 +103,20 @@ export default {
                 !this.isWebchatOpen;
         },
     },
-    computed: {},
+    computed: {
+        webChatScriptSrc() {
+            switch (applicationConfig.CURRENT_ENVIRONMENT) {
+                case "Prod":
+                    return "https://safelite2.my.salesforce.com/embeddedservice/5.0/esw.min.js";
+                case "QA":
+                case "SysTest":
+                    return "https://safelite2--sys.sandbox.my.site.com/ESWSalesCentralTFN1767797265631/assets/js/bootstrap.min.js";
+                case "Dev":
+                case "Localhost":
+                    return "https://safelite2--dev.sandbox.my.site.com/ESWSalesCentralTFN1755660094477/assets/js/bootstrap.min.js";
+            }
+        },
+    },
     components: {},
 };
 </script>
diff --git a/src/digital-components/sierra-webchat/sierra-webchat.vue b/src/digital-components/sierra-webchat/sierra-webchat.vue
index d9fb7dd0e..920a66052 100644
--- a/src/digital-components/sierra-webchat/sierra-webchat.vue
+++ b/src/digital-components/sierra-webchat/sierra-webchat.vue
@@ -160,7 +160,7 @@ export default {
                         typeof window.embeddedservice_bootstrap.liveAgentAPI.startChat ===
                             "function"
                     ) {
-                        window.embeddedservice_bootstrap.liveAgentAPI.startChat();
+                        window.embeddedservice_bootstrap.utilAPI.launchChat();
                         return;
                     }
                 }