@axos-web-dev/shared-components 1.0.100-dev.52 → 1.0.100-dev.53-chat-revamp

package/dist/Chatbot/Chatbot.js

@@ -209,9 +209,13 @@ const Chatbot = ({
       chatRef.current = null;
       console.log("Chat ended");
       setHasStarted(false);
-      reset();
     }
   };
+  const onEndAndStartNewChat = async () => {
+    console.log("Ending current chat and starting a new one");
+    await onEndChat();
+    await startChat();
+  };
   useMount(async () => {
     console.log("Chatbot mounted");
     if (isMountedRef.current) return;
@@ -221,7 +225,6 @@ const Chatbot = ({
   useEffect(() => {
     if (menusLoaded && pendingStart && !hasStarted) {
       startChat();
-      setHasStarted(true);
       setPendingStart(false);
     }
   }, [menusLoaded, pendingStart, hasStarted]);
@@ -238,6 +241,13 @@ const Chatbot = ({
     clientRef.current?.destroyChat();
     clientRef.current = null;
   });
+  const onClose = () => {
+    toggle();
+  };
+  const onCloseAfterThankYou = () => {
+    reset();
+    setHasStarted(false);
+  };
   return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
     /* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
     /* @__PURE__ */ jsx(
@@ -247,7 +257,10 @@ const Chatbot = ({
         virtualAgent: agent_virtual.current,
         messages,
         onSend: onSendMessage,
-        endChat: onEndChat
+        endChat: onEndChat,
+        onClose,
+        onNewChat: onEndAndStartNewChat,
+        onCloseAfterThankYou
       }
     )
   ] });

package/dist/Chatbot/ThankYouMessage.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+interface ThankYouMessageProps {
+    showEndChatDialog: boolean;
+    onClose?: () => void;
+    onStart?: () => void;
+}
+export declare const ThankYouMessage: FC<ThankYouMessageProps>;
+export {};

package/dist/Chatbot/ThankYouMessage.js

@@ -0,0 +1,510 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { vars } from "../themes/axos.css.js";
+import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+import { clsx } from "clsx";
+import { thankyou_image, endChatButtonStyle, noAnswerButton, chatFinishDialog, thankyou_message, chatEndDialogOverlay, thankyou_overlay } from "./ChatWindow.css.js";
+const ThankYouMessage = ({
+  showEndChatDialog = false,
+  onClose,
+  onStart
+}) => {
+  return showEndChatDialog && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          background: "#00000080",
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          zIndex: 999
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "dialog",
+      {
+        open: showEndChatDialog,
+        className: clsx(chatEndDialogOverlay, thankyou_overlay),
+        children: /* @__PURE__ */ jsxs(
+          "form",
+          {
+            method: "dialog",
+            className: clsx(chatFinishDialog, thankyou_message),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: clsx(thankyou_image), style: {}, children: /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  viewBox: "0 0 327 327",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M73.1817 54.4287C74.4276 54.4287 75.4376 53.4202 75.4376 52.1762C75.4376 50.9322 74.4276 49.9237 73.1817 49.9237C71.9358 49.9237 70.9258 50.9322 70.9258 52.1762C70.9258 53.4202 71.9358 54.4287 73.1817 54.4287Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M73.1817 70.3694C74.4276 70.3694 75.4376 69.3609 75.4376 68.1169C75.4376 66.8729 74.4276 65.8644 73.1817 65.8644C71.9358 65.8644 70.9258 66.8729 70.9258 68.1169C70.9258 69.3609 71.9358 70.3694 73.1817 70.3694Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M73.1817 86.3098C74.4276 86.3098 75.4376 85.3013 75.4376 84.0573C75.4376 82.8133 74.4276 81.8048 73.1817 81.8048C71.9358 81.8048 70.9258 82.8133 70.9258 84.0573C70.9258 85.3013 71.9358 86.3098 73.1817 86.3098Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M73.1817 102.251C74.4276 102.251 75.4376 101.242 75.4376 99.9985C75.4376 98.7544 74.4276 97.746 73.1817 97.746C71.9358 97.746 70.9258 98.7544 70.9258 99.9985C70.9258 101.242 71.9358 102.251 73.1817 102.251Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M58.086 54.4287C59.3319 54.4287 60.3419 53.4202 60.3419 52.1762C60.3419 50.9322 59.3319 49.9237 58.086 49.9237C56.8401 49.9237 55.8301 50.9322 55.8301 52.1762C55.8301 53.4202 56.8401 54.4287 58.086 54.4287Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M58.086 70.3694C59.3319 70.3694 60.3419 69.3609 60.3419 68.1169C60.3419 66.8729 59.3319 65.8644 58.086 65.8644C56.8401 65.8644 55.8301 66.8729 55.8301 68.1169C55.8301 69.3609 56.8401 70.3694 58.086 70.3694Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M58.086 86.3098C59.3319 86.3098 60.3419 85.3013 60.3419 84.0573C60.3419 82.8133 59.3319 81.8048 58.086 81.8048C56.8401 81.8048 55.8301 82.8133 55.8301 84.0573C55.8301 85.3013 56.8401 86.3098 58.086 86.3098Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M58.086 102.251C59.3319 102.251 60.3419 101.242 60.3419 99.9985C60.3419 98.7544 59.3319 97.746 58.086 97.746C56.8401 97.746 55.8301 98.7544 55.8301 99.9985C55.8301 101.242 56.8401 102.251 58.086 102.251Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M43.0762 54.4287C44.3222 54.4287 45.3322 53.4202 45.3322 52.1762C45.3322 50.9322 44.3222 49.9237 43.0762 49.9237C41.8303 49.9237 40.8203 50.9322 40.8203 52.1762C40.8203 53.4202 41.8303 54.4287 43.0762 54.4287Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M43.0762 70.3694C44.3222 70.3694 45.3322 69.3609 45.3322 68.1169C45.3322 66.8729 44.3222 65.8644 43.0762 65.8644C41.8303 65.8644 40.8203 66.8729 40.8203 68.1169C40.8203 69.3609 41.8303 70.3694 43.0762 70.3694Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M43.0762 86.3098C44.3222 86.3098 45.3322 85.3013 45.3322 84.0573C45.3322 82.8133 44.3222 81.8048 43.0762 81.8048C41.8303 81.8048 40.8203 82.8133 40.8203 84.0573C40.8203 85.3013 41.8303 86.3098 43.0762 86.3098Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M43.0762 102.251C44.3222 102.251 45.3322 101.242 45.3322 99.9985C45.3322 98.7544 44.3222 97.746 43.0762 97.746C41.8303 97.746 40.8203 98.7544 40.8203 99.9985C40.8203 101.242 41.8303 102.251 43.0762 102.251Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M28.0643 54.4287C29.3102 54.4287 30.3202 53.4202 30.3202 52.1762C30.3202 50.9322 29.3102 49.9237 28.0643 49.9237C26.8184 49.9237 25.8083 50.9322 25.8083 52.1762C25.8083 53.4202 26.8184 54.4287 28.0643 54.4287Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M28.0643 70.3694C29.3102 70.3694 30.3202 69.3609 30.3202 68.1169C30.3202 66.8729 29.3102 65.8644 28.0643 65.8644C26.8184 65.8644 25.8083 66.8729 25.8083 68.1169C25.8083 69.3609 26.8184 70.3694 28.0643 70.3694Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M28.0643 86.3098C29.3102 86.3098 30.3202 85.3013 30.3202 84.0573C30.3202 82.8133 29.3102 81.8048 28.0643 81.8048C26.8184 81.8048 25.8083 82.8133 25.8083 84.0573C25.8083 85.3013 26.8184 86.3098 28.0643 86.3098Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M28.0643 102.251C29.3102 102.251 30.3202 101.242 30.3202 99.9985C30.3202 98.7544 29.3102 97.746 28.0643 97.746C26.8184 97.746 25.8083 98.7544 25.8083 99.9985C25.8083 101.242 26.8184 102.251 28.0643 102.251Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M12.9669 54.4287C14.2128 54.4287 15.2228 53.4202 15.2228 52.1762C15.2228 50.9322 14.2128 49.9237 12.9669 49.9237C11.721 49.9237 10.7109 50.9322 10.7109 52.1762C10.7109 53.4202 11.721 54.4287 12.9669 54.4287Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M12.9669 70.3694C14.2128 70.3694 15.2228 69.3609 15.2228 68.1169C15.2228 66.8729 14.2128 65.8644 12.9669 65.8644C11.721 65.8644 10.7109 66.8729 10.7109 68.1169C10.7109 69.3609 11.721 70.3694 12.9669 70.3694Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M12.9669 86.3098C14.2128 86.3098 15.2228 85.3013 15.2228 84.0573C15.2228 82.8133 14.2128 81.8048 12.9669 81.8048C11.721 81.8048 10.7109 82.8133 10.7109 84.0573C10.7109 85.3013 11.721 86.3098 12.9669 86.3098Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M12.9669 102.251C14.2128 102.251 15.2228 101.242 15.2228 99.9985C15.2228 98.7544 14.2128 97.746 12.9669 97.746C11.721 97.746 10.7109 98.7544 10.7109 99.9985C10.7109 101.242 11.721 102.251 12.9669 102.251Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M191.025 249.283H238.459V256.619H191.025V249.283ZM192.559 250.815V255.088H236.925V250.815H192.559Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M288.37 134.12L293.923 140.271L298.993 134.741L300.124 135.775L293.914 142.548L288.361 136.397L283.292 141.926L282.16 140.892L288.37 134.12Z",
+                        fill: "#FAA74A"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M35.0938 241.312H73.8785V242.844H35.0938V241.312Z",
+                        fill: "#FAA74A"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M64.2458 254.568H91.7509V256.099H64.2458V254.568Z",
+                        fill: "#FAA74A"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M229.797 66.6303H174.006V65.0988H229.797V66.6303Z",
+                        fill: "#DEF4FF"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M136.956 55.1942H111.881V53.6627H136.956V55.1942Z",
+                        fill: "#DEF4FF"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M148.495 236.881H289.578C294.697 236.881 298.862 232.722 298.862 227.611V160.469C298.862 155.358 294.697 151.199 289.578 151.199H148.495C143.376 151.199 139.211 155.358 139.211 160.469V227.611C139.211 232.809 143.376 236.881 148.495 236.881Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M152.4 172.178H284.98V174.058H152.4V172.178Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M152.4 186.213H284.98V188.093H152.4V186.213Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M152.4 200.161H284.98V202.041H152.4V200.161Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M152.4 214.109H284.98V215.989H152.4V214.109Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M279.862 255.074V231.509H248.973L274.742 257.24C276.564 259.146 279.862 257.76 279.862 255.074Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M247.67 193.824H47.8465C42.7273 193.824 38.5625 189.665 38.5625 184.554V85.8774C38.5625 80.766 42.7273 76.6075 47.8465 76.6075H247.67C252.789 76.6075 256.954 80.766 256.954 85.8774V184.554C256.954 189.665 252.789 193.824 247.67 193.824Z",
+                        fill: "#1E3860"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M238.994 107.869H149.277V105.297H238.994V107.869Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M238.994 127.015H149.277V124.444H238.994V127.015Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M238.994 146.074H149.277V143.503H238.994V146.074Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M238.994 165.134H149.277V162.563H238.994V165.134Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M64.5938 218.688V186.373H106.849L71.6218 221.547C69.0188 224.146 64.5938 222.326 64.5938 218.688Z",
+                        fill: "#1E3860"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M139.214 277.339C155.171 277.339 168.107 264.422 168.107 248.489C168.107 232.556 155.171 219.64 139.214 219.64C123.256 219.64 110.32 232.556 110.32 248.489C110.32 264.422 123.256 277.339 139.214 277.339Z",
+                        fill: "#DEF4FF"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M131.924 247.363C135.394 247.363 138.258 244.504 138.258 241.039C138.258 237.574 135.394 234.715 131.924 234.715C128.453 234.715 125.59 237.574 125.59 241.039C125.59 244.504 128.453 247.363 131.924 247.363ZM131.924 244.504C133.833 244.504 135.394 242.945 135.394 241.039C135.394 239.133 133.833 237.574 131.924 237.574C130.015 237.574 128.453 239.133 128.453 241.039C128.453 242.945 130.015 244.504 131.924 244.504Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M153.269 237.141L127.933 262.438L125.938 260.445L151.273 235.148L153.269 237.141Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M153.703 256.46C153.703 259.925 150.84 262.784 147.369 262.784C143.898 262.784 141.035 259.925 141.035 256.46C141.035 252.994 143.898 250.135 147.369 250.135C150.84 250.135 153.703 252.994 153.703 256.46ZM150.927 256.46C150.927 258.366 149.365 259.925 147.456 259.925C145.547 259.925 143.985 258.366 143.985 256.46C143.985 254.554 145.547 252.994 147.456 252.994C149.365 252.994 150.927 254.554 150.927 256.46Z",
+                        fill: "#2F5B88"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M269.709 127.981C281.545 127.981 291.14 118.401 291.14 106.583C291.14 94.7646 281.545 85.1841 269.709 85.1841C257.872 85.1841 248.277 94.7646 248.277 106.583C248.277 118.401 257.872 127.981 269.709 127.981Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M269.71 120.877C271.099 120.877 272.226 119.752 272.226 118.365C272.226 116.977 271.099 115.853 269.71 115.853C268.32 115.853 267.193 116.977 267.193 118.365C267.193 119.752 268.32 120.877 269.71 120.877Z",
+                        fill: "#1E3860"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M269.709 93.7606C273.787 93.7606 276.564 96.7928 276.564 100.605C276.564 102.511 275.87 103.637 273.961 105.543L273.44 106.063L272.659 106.842C271.792 107.795 271.445 108.315 271.358 108.835V109.095V112.474H267.974V109.095V108.662C268.061 107.016 268.842 105.889 270.49 104.157L271.011 103.637L271.792 102.857C272.746 101.818 273.093 101.211 273.093 100.605C273.093 98.6121 271.792 97.226 269.709 97.226C267.974 97.226 266.499 98.872 266.325 100.345V100.691H262.941V100.258C263.115 97.0527 265.978 93.7606 269.709 93.7606Z",
+                        fill: "#1E3860"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M93.5731 147.647C104.332 147.647 113.529 154.058 117.694 163.242C125.59 156.484 130.622 146.434 130.622 135.172C130.622 114.726 114.05 98.2659 93.6599 98.2659C73.2697 98.2659 56.6973 114.813 56.6973 135.172C56.6973 146.348 61.7297 156.397 69.6255 163.242C73.53 154.058 82.814 147.647 93.5731 147.647ZM93.5731 110.828C102.337 110.828 109.365 117.932 109.365 126.595C109.365 135.345 102.25 142.363 93.5731 142.363C84.8097 142.363 77.7816 135.259 77.7816 126.595C77.6948 117.845 84.8097 110.828 93.5731 110.828Z",
+                        fill: "#DEF4FF"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M93.5728 142.362C102.294 142.362 109.364 135.303 109.364 126.595C109.364 117.887 102.294 110.827 93.5728 110.827C84.8514 110.827 77.7812 117.887 77.7812 126.595C77.7812 135.303 84.8514 142.362 93.5728 142.362Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M117.608 163.241C113.529 154.058 104.245 147.647 93.4864 147.647C82.7273 147.647 73.53 154.058 69.3652 163.241C75.8727 168.786 84.2891 172.165 93.4864 172.165C102.684 172.165 111.187 168.872 117.608 163.241Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M316.304 226.571C316.304 226.225 316.39 225.878 316.39 225.618C316.39 220.767 312.833 216.868 308.321 216.868C305.024 216.868 302.248 218.947 301.033 221.979C300.425 221.72 299.731 221.546 298.95 221.546C296 221.546 293.658 223.712 293.311 226.571H316.304Z",
+                        fill: "#4D85B0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M23.7274 169.566C23.7274 169.219 23.6406 168.786 23.6406 168.439C23.6406 162.808 27.8922 158.216 33.0982 158.216C36.9159 158.216 40.2131 160.729 41.6881 164.281C42.469 164.021 43.2499 163.848 44.1176 163.848C47.5015 163.848 50.3648 166.36 50.7118 169.652H23.7274V169.566Z",
+                        fill: "#87B9D7"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M285.067 68.1168C285.067 67.7703 284.98 67.5104 284.98 67.1639C284.98 62.4856 288.451 58.6737 292.789 58.6737C295.913 58.6737 298.69 60.7529 299.904 63.6985C300.512 63.4386 301.206 63.352 301.9 63.352C304.763 63.352 307.019 65.4312 307.366 68.2035H285.067V68.1168Z",
+                        fill: "#DEF4FF"
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: 16,
+                    marginTop: 8,
+                    fontWeight: 500,
+                    color: vars.chatbot.window.headerText
+                  },
+                  children: "Thanks for chatting!"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: 14,
+                    color: vars.chatbot.window.headerText,
+                    textAlign: "center",
+                    maxWidth: 280
+                  },
+                  children: "I'll be here in the future if you have more questions!"
+                }
+              ),
+              " ",
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "1rem",
+                    marginTop: "1.125rem",
+                    flexDirection: "column",
+                    marginBottom: 24,
+                    width: "100%"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        className: endChatButtonStyle,
+                        type: "submit",
+                        onClick: () => {
+                          onStart?.();
+                        },
+                        children: "Start a New Conversation"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        className: clsx(endChatButtonStyle, noAnswerButton),
+                        type: "button",
+                        onClick: () => {
+                          onClose?.();
+                        },
+                        children: "Close Chat"
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  ThankYouMessage
+};

package/dist/Chatbot/index.js

@@ -1,20 +1,29 @@
 "use client";
 import { Bubble } from "./Bubble.js";
-import { bubbleWrapper, svgFill } from "./Bubble.css.js";
+import { angle, borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, svgFill } from "./Bubble.css.js";
 import { Chatbot } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { arrowFill, autoResize, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
   Bubble,
   ChatWindow,
   Chatbot,
+  agent_msg,
+  angle,
   arrowFill,
   autoResize,
+  borderHoverGradient,
+  bubbleButton,
+  bubbleText,
   bubbleWrapper,
+  button_bar,
   button_reset,
+  buttonss_section,
+  chatEndCircle,
+  chatEndDialogOverlay,
   chatFinishDialog,
   chatNetworkStatus,
   chat_title,
@@ -25,14 +34,21 @@ export {
   endChatButtonStyle,
   inline_button,
   inline_button_wrapper,
+  inner,
   inputStyle,
+  left_bar_section,
   messageStyle,
   messagesContainerStyle,
+  noAnswerButton,
   notificationStyle,
   sendButtonStyle,
   svgFill,
+  thankyou_image,
+  thankyou_message,
+  thankyou_overlay,
   useMessages,
   useOpenChat,
+  user_msg,
   windowBarStyle,
   windowOpenStyle,
   windowStyle

package/dist/Chatbot/store/chat.d.ts

@@ -5,6 +5,9 @@ interface OpenChatState {
     open: () => void;
     close: () => void;
     reset: () => void;
+    showThankyouMessage: boolean;
+    displayThankyouMessage: () => void;
+    toggleThankyouMessage?: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -2,6 +2,7 @@ import { create } from "zustand";
 const useOpenChat = create((set, get) => ({
   isOpen: false,
   hasOpenedOnce: false,
+  showThankyouMessage: false,
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -11,7 +12,9 @@ const useOpenChat = create((set, get) => ({
     });
   },
   close: () => set({ isOpen: false }),
-  reset: () => set({ hasOpenedOnce: false, isOpen: false })
+  reset: () => set({ hasOpenedOnce: false, isOpen: false, showThankyouMessage: false }),
+  displayThankyouMessage: () => set({ showThankyouMessage: true }),
+  toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage }))
 }));
 export {
   useOpenChat

package/dist/Chevron/Chevron.css.js

@@ -1,6 +1,7 @@
-import '../assets/Chevron/Chevron.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/Chevron/Chevron.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                           */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";