Update wsi2.html

Author: npachpande

npachpande/cwc/sdb3/wsi2.html

@@ -7,7 +7,7 @@
 
 <style>
 body {
-    overflow: hidden;
+    /*overflow: hidden*/
 }
 .background-container {
     width: 100%;
@@ -16,40 +16,74 @@
 .background-container img {
     display: block;
     width: 100%;
-    height: auto;
-}
-
-.custom-fab {
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
+    height: 200%;
 }
 </style>
 
+
 <div class="background-container">
-  <img src="https://esw1234.github.io/wsi.png" alt="Background">
+  <!-- <img src="https://esw1234.github.io/wsi.png" alt="Background"> -->
 </div>
 
-<script type="text/javascript">
- function initEmbeddedMessaging() {
-  try {
-   embeddedservice_bootstrap.settings.language = 'en_US'; // For example, enter 'en' or 'en-US'
-    embeddedservice_bootstrap.settings.devMode = true;
-
-   embeddedservice_bootstrap.init(
-    '00DSB00000bwdTV',
-    'WSI_Chef_Web',
-    'https://orgfarm-f53fb7a3e0.test1.my.pc-rnd.site.com/ESWWSIChefWeb1758610527805',
-    {
-     scrt2URL: 'https://orgfarm-f53fb7a3e0.test1.my.pc-rnd.salesforce-scrt.com'
+<input type="text" id="nudgeInput"><br><br>
+<button type="button" onclick="sendNudge()">send nudge</button>
+<script type='text/javascript'>
+    let oliveReadyPromise, oliveReadyPromiseResolve;
+    let isNewConversation = false;
+
+    window.addEventListener("onEmbeddedMessagingReady", () => {
+        oliveReadyPromise = new Promise((resolve) => {
+            oliveReadyPromiseResolve = resolve;
+        });
+    });
+
+    window.addEventListener("onEmbeddedMessagingConversationStarted", () => {
+        isNewConversation = true;
+    });
+
+    window.addEventListener("onEmbeddedMessagingConversationOpened", () => {
+        if (!isNewConversation) {
+            resolveOliveReadyPromise();
+        }
+    });
+
+    window.addEventListener("onEmbeddedMessagingFirstBotMessageSent", () => {
+        resolveOliveReadyPromise();
+    });
+
+    function resolveOliveReadyPromise() {
+        if (oliveReadyPromiseResolve) {
+            oliveReadyPromiseResolve();
+        }
     }
-   );
-  } catch (err) {
-   console.error('Error loading Embedded Messaging: ', err);
-  }
- };
+	
+	function sendNudge() {
+        const nudgeText = document.getElementById("nudgeInput").value;
+        embeddedservice_bootstrap.utilAPI.launchChat();
+        oliveReadyPromise.then(() => {
+            embeddedservice_bootstrap.utilAPI.sendTextMessage(nudgeText);
+        });
+	}
+
+	function initEmbeddedMessaging() {
+		try {
+			embeddedservice_bootstrap.settings.language = 'en_US'; // For example, enter 'en' or 'en-US'
+			embeddedservice_bootstrap.settings.devMode = true;
+
+			embeddedservice_bootstrap.init(
+				'00DSB00000aGFJL',
+				'CWC_5',
+				'https://orgfarm-cd97985f87.my.site-com.f1f9h67w8lzd1bmxa00yv89dt.wc.crm.dev:6101/ESWCWC11768329220029',
+				{
+					scrt2URL: 'https://orgfarm-d585323017.test1.my.pc-rnd.salesforce-scrt.com'
+				}
+			);
+		} catch (err) {
+			console.error('Error loading Embedded Messaging: ', err);
+		}
+	};
 </script>
-<script onload="initEmbeddedMessaging()" src="https://orgfarm-f53fb7a3e0.test1.my.pc-rnd.site.com/ESWWSIChefWeb1758610527805/assets/js/init.js" type="text/javascript"></script>
+<script type='text/javascript' src='https://orgfarm-cd97985f87.my.site-com.f1f9h67w8lzd1bmxa00yv89dt.wc.crm.dev:6101/ESWCWC11768329220029/assets/js/bootstrap.js' onload='initEmbeddedMessaging()'></script>
 
 </body>
 </html>