@axos-web-dev/shared-components 2.0.0-dev.enableCTA2 → 2.0.0-dev.insights.11

package/dist/ATMLocator/ATMLocator.js

@@ -75,10 +75,10 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Auth/ErrorAlert.js

@@ -71,10 +71,10 @@ import "./SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Button/Button.js

@@ -80,10 +80,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Calculators/ApyCalculator/index.js

@@ -24,10 +24,6 @@ const CALCULATOR_DEFINITIONS = [
     term: "APY (Annual Percentage Yield)",
     description: "The rate your money earns in a year, with compounding included."
   },
-  {
-    term: "APR (Annual Percentage Rate)",
-    description: "The rate your money earns in a year, without compounding."
-  },
   {
     term: "Months",
     description: "How long you plan to keep your money in the account."
@@ -147,14 +143,6 @@ const ApyCalculator = ({
     },
     [compounding]
   );
-  const getAPY = useCallback(
-    (apr) => {
-      return Number.parseFloat(
-        (((1 + apr / 100 / compounding) ** compounding - 1) * 100).toFixed(2)
-      );
-    },
-    [compounding]
-  );
   const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY) || 4.21;
   const [initialDeposit, setInitialDeposit] = useState(1e4);
   const [initialDepositDisplay, setInitialDepositDisplay] = useState(
@@ -162,8 +150,6 @@ const ApyCalculator = ({
   );
   const [APY, setAPY] = useState(AXOS_ONE_APY);
   const [APYDisplay, setAPYDisplay] = useState(APY.toString());
-  const [APR, setAPR] = useState(() => getAPR(AXOS_ONE_APY));
-  const [APRDisplay, setAPRDisplay] = useState(APR.toString());
   const [months, setMonths] = useState(12);
   const [monthsDisplay, setMonthsDisplay] = useState(months.toString());
   const [monthlyDeposits, setMonthlyDeposits] = useState(100);
@@ -196,29 +182,10 @@ const ApyCalculator = ({
   };
   const handleAPYChange = (e) => {
     const raw = e.target.value;
-    const cleaned = raw.replace(/[^0-9.]/g, "");
-    const num = parseFloat(cleaned);
+    const num = parseFloat(raw.replace(/[^0-9.]/g, ""));
     setAPY(num);
-    setAPYDisplay(cleaned);
-    const newAPR = Number.isNaN(num) ? NaN : getAPR(num);
-    setAPR(newAPR);
-    setAPRDisplay(Number.isNaN(newAPR) ? "" : newAPR.toString());
-  };
-  const handleAPRChange = (e) => {
-    const raw = e.target.value;
-    const cleaned = raw.replace(/[^0-9.]/g, "");
-    const num = parseFloat(cleaned);
-    setAPR(num);
-    setAPRDisplay(cleaned);
-    const newAPY = Number.isNaN(num) ? NaN : getAPY(num);
-    setAPY(newAPY);
-    setAPYDisplay(Number.isNaN(newAPY) ? "" : newAPY.toString());
+    setAPYDisplay(raw.replace(/[^0-9.]/g, ""));
   };
-  useEffect(() => {
-    const newAPR = Number.isNaN(APY) ? NaN : getAPR(APY);
-    setAPR(newAPR);
-    setAPRDisplay(Number.isNaN(newAPR) ? "" : newAPR.toString());
-  }, [compounding]);
   const [endingBalanceRaw, setEndingBalanceRaw] = useState(0);
   const [totalDepositsRaw, setTotalDepositsRaw] = useState(0);
   const [interestEarnedRaw, setInterestEarnedRaw] = useState(0);
@@ -248,11 +215,9 @@ const ApyCalculator = ({
     if (!APY || APY <= 0 || Number.isNaN(APY)) {
       newErrors.APY = "Please enter a valid APY greater than 0.";
     }
-    if (!APR || APR <= 0 || Number.isNaN(APR)) {
-      newErrors.APR = "Please enter a valid APR greater than 0.";
-    }
     setFieldErrors(newErrors);
     if (Object.keys(newErrors).length > 0) return false;
+    const APR = getAPR(APY);
     const interestRate = 0.01 * APR;
     let total;
     if (compounding === 360) {
@@ -278,7 +243,7 @@ const ApyCalculator = ({
     setTotalDepositsRaw(deposits);
     setInterestEarnedRaw(interest > 0 ? interest : 0);
     return true;
-  }, [initialDeposit, APY, APR, months, monthlyDeposits, compounding]);
+  }, [initialDeposit, APY, months, monthlyDeposits, compounding, getAPR]);
   const handleCalculateClick = useCallback(() => {
     const didCalculate = calculate();
     if (!didCalculate || !isStackedLayout) return;
@@ -361,8 +326,7 @@ const ApyCalculator = ({
                       className: `${field_row_input} ${fieldErrors.APY ? ` ${field_row_input_error}` : ""}`,
                       id: "apy",
                       type: "text",
-                      inputMode: "decimal",
-                      pattern: "[0-9.]*",
+                      inputMode: "numeric",
                       name: "apy",
                       value: APYDisplay,
                       onChange: handleAPYChange,
@@ -382,43 +346,6 @@ const ApyCalculator = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs(Field, { className: `${field_row} ${relative} flex flex_col`, children: [
-                  /* @__PURE__ */ jsx(Label, { className: field_label, children: "APR (Annual Percentage Rate)" }),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: `${label_symbol} ${percent}`,
-                      "aria-hidden": "true",
-                      children: "%"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      className: `${field_row_input} ${fieldErrors.APR ? ` ${field_row_input_error}` : ""}`,
-                      id: "apr",
-                      type: "text",
-                      inputMode: "decimal",
-                      pattern: "[0-9.]*",
-                      name: "apr",
-                      value: APRDisplay,
-                      onChange: handleAPRChange,
-                      onWheel: (e) => e.currentTarget.blur(),
-                      "aria-invalid": !!fieldErrors.APR,
-                      "aria-describedby": fieldErrors.APR ? "apr-error" : void 0
-                    }
-                  ),
-                  fieldErrors.APR && /* @__PURE__ */ jsx(
-                    Description,
-                    {
-                      as: "span",
-                      id: "apr-error",
-                      className: field_error,
-                      role: "alert",
-                      children: fieldErrors.APR
-                    }
-                  )
-                ] }),
                 /* @__PURE__ */ jsxs(Field, { className: `${field_row} ${relative} flex flex_col`, children: [
                   /* @__PURE__ */ jsx(Label, { className: field_label, children: "Months" }),
                   /* @__PURE__ */ jsx(

package/dist/Calculators/Calculator.js

@@ -51,10 +51,10 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 /* empty css                                       */

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -80,10 +80,10 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */

package/dist/Carousel/index.js

@@ -81,10 +81,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Chatbot/Bubble.css.js

@@ -2,7 +2,6 @@ import '../assets/Chatbot/Bubble.css';import '../assets/themes/victorie.css';imp
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
-import "./Chatbot.css.ts.vanilla.css.js";
 /* empty css                          */
 var borderHoverGradient = "_7u9pv31";
 var bubbleWrapper = "_7u9pv32";

package/dist/Chatbot/ChatWindow.d.ts

@@ -3,7 +3,6 @@ import { default as React } from 'react';
 
 interface MessageResponse extends BaseMessageResponse {
     to_agent?: HumanAgent;
-    pending?: boolean;
 }
 export interface ChatBubble {
     id: string | number;

package/dist/Chatbot/ChatWindow.js

@@ -18,6 +18,7 @@ import { useOpenChat } from "./store/chat.js";
 import { ThankYouMessage } from "./ThankYouMessage.js";
 const ChatWindow = ({
   messages,
+  status = "connected",
   onSend,
   inputDisabled = false,
   onClose,
@@ -42,6 +43,7 @@ const ChatWindow = ({
     showThankyouMessage,
     toggleThankyouMessage,
     hasEscalated,
+    isBlockedInput,
     isOpen,
     hasOpenedOnce,
     chatStatus,
@@ -63,6 +65,7 @@ const ChatWindow = ({
   const handleSend = (e) => {
     e.preventDefault();
     const cleaned = cleanInput(input);
+    if (isBlockedInput) return;
     if (cleaned != "") {
       onSend(cleaned);
       setInput("");
@@ -457,7 +460,7 @@ const ChatWindow = ({
           }
         ) }) : null,
         /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
-          !messages.some((msg) => !msg.pending) && /* @__PURE__ */ jsx(
+          (status === "idle" && messages.length == 0 || messages.length == 0) && /* @__PURE__ */ jsx(
             "div",
             {
               className: clsx(),
@@ -522,7 +525,9 @@ const ChatWindow = ({
             /* @__PURE__ */ jsx(
               "div",
               {
-                className: clsx(focused && !inputDisabled ? focusAnimation : ""),
+                className: clsx(
+                  focused && !inputDisabled && !isBlockedInput ? focusAnimation : ""
+                ),
                 style: {
                   position: "absolute",
                   left: "10%",
@@ -539,7 +544,7 @@ const ChatWindow = ({
                 style: {
                   display: "flex",
                   padding: "12px 16px",
-                  background: inputDisabled || escalationDeflected ? "light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))" : "#ffffff",
+                  background: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected ? "light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))" : "#ffffff",
                   borderRadius: 12
                 },
                 children: [
@@ -563,7 +568,7 @@ const ChatWindow = ({
                       "aria-label": "Ask anything...",
                       className: clsx(inputStyle, autoResize),
                       autoFocus: true,
-                      disabled: inputDisabled || escalationDeflected,
+                      disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
                       rows: 1
                     }
                   ),
@@ -577,7 +582,7 @@ const ChatWindow = ({
                       type: "submit",
                       title: "Send message",
                       "aria-label": "Send message",
-                      disabled: inputDisabled || !input.trim() || escalationDeflected,
+                      disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
                       children: /* @__PURE__ */ jsx(
                         "svg",
                         {

package/dist/Chatbot/Chatbot.css.js

@@ -1,3 +1,4 @@
+import "./Chatbot.css.ts.vanilla.css.js";
 var chatbotAXB = "_1hpv6vm0";
 var chatbotUFB = "_1hpv6vm1";
 export {

package/dist/Chatbot/Chatbot.js

@@ -40,34 +40,17 @@ const Chatbot = ({
     hideDisplayThankyouMessage
   } = useOpenChat();
   const isVisible = usePageVisibility();
-  const {
-    addMessage,
-    addMessages,
-    clearMessages,
-    messages,
-    addPendingMessage,
-    resolvePendingMessage
-  } = useMessages();
+  const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
   const menuRef = useRef(null);
   const isMountedRef = useRef(false);
   const chatRef = useRef(null);
   const chatLoading = useRef(false);
   const agent_virtual = useRef(null);
-  const messageQueueRef = useRef([]);
-  const sendInFlightRef = useRef(false);
-  const flushingRef = useRef(false);
-  const statusRef = useRef("idle");
   const [status, setStatus] = useState("idle");
   const [menusLoaded, setMenusLoaded] = useState(false);
   const [isTyping, setIsTyping] = useState(false);
   const [scalationStarted, setScalationStarted] = useState(false);
-  useEffect(() => {
-    statusRef.current = status;
-    if (status === "connected") {
-      flushQueuedMessages();
-    }
-  }, [status]);
   useEffect(() => {
     if (messages.length === 0) return;
     const hasScalation = messages.some(
@@ -84,9 +67,6 @@ const Chatbot = ({
     ["axos", 1],
     ["ufb", 3]
   ]);
-  const hasRealReply = () => useMessages.getState().messages.some(
-    (m) => !m.pending && m.$userType !== "end_user" && m.type !== "noti" && m.$sid !== "typing-1"
-  );
   const typingMessage = {
     $sid: "typing-1",
     type: "system",
@@ -127,7 +107,7 @@ const Chatbot = ({
       menuRef.current = await clientRef.current.getMenus();
       setMenusLoaded(true);
       console.log("menus:", menuRef.current);
-      if (menuRef.current !== null && useOpenChat.getState().isOpen) {
+      if (menuRef.current !== null) {
         await startChat("onReady");
       }
     }
@@ -141,11 +121,10 @@ const Chatbot = ({
   const onChatMessageHandler = async (message) => {
     console.log("Received message:", message);
     const { event, $userType } = message;
-    if (["virtual_agent", "user"].includes($userType) && event === void 0) {
+    if (["system", "virtual_agent", "user"].includes($userType) && event === void 0) {
       addMessage(message);
       if (!hasEscalated) {
         unblockInput?.();
-        flushQueuedMessages();
       }
       return;
     }
@@ -226,7 +205,6 @@ const Chatbot = ({
           startEscalation?.();
         }
       }
-      flushQueuedMessages();
     } catch (error) {
       console.error("Error fetching messages on chat connected:", error);
     }
@@ -248,7 +226,7 @@ const Chatbot = ({
   const deregisterEventHandlers = () => {
     clientRef.current?.off("ready", onReadyHandler);
     clientRef.current?.off("authenticated", onAuthenticatedHandler);
-    clientRef.current?.off("chat.ongoing", onChatOngoingHandler);
+    clientRef.current?.off("chat.ongoing", onDismissedHandler);
     clientRef.current?.off("chat.message", onChatMessageHandler);
     clientRef.current?.off("chat.typingStarted", onChatTypingStartedHandler);
     clientRef.current?.off("chat.typingEnded", onChatTypingEndedHandler);
@@ -362,41 +340,6 @@ const Chatbot = ({
       setChatStarted();
     }
   };
-  const sendNow = async (msg) => {
-    sendInFlightRef.current = true;
-    let success = true;
-    try {
-      await clientRef.current?.sendTextMessage(msg);
-    } catch (error) {
-      console.log(error);
-      success = false;
-    } finally {
-      sendInFlightRef.current = false;
-      if (!hasEscalated) {
-        blockInput?.();
-      }
-    }
-    return success;
-  };
-  const flushQueuedMessages = async () => {
-    if (flushingRef.current) return;
-    if (messageQueueRef.current.length === 0) return;
-    if (!clientRef.current || statusRef.current !== "connected") return;
-    if (!hasRealReply()) return;
-    flushingRef.current = true;
-    try {
-      while (messageQueueRef.current.length > 0 && !useOpenChat.getState().isBlockedInput && !sendInFlightRef.current) {
-        const next = messageQueueRef.current[0];
-        const success = await sendNow(next.text);
-        messageQueueRef.current.shift();
-        if (!success) {
-          resolvePendingMessage(next.id);
-        }
-      }
-    } finally {
-      flushingRef.current = false;
-    }
-  };
   const onSendMessage = async (msg) => {
     const clientChatId = clientRef.current?.chat?.id;
     const refChatId = chatRef.current?.id;
@@ -408,16 +351,15 @@ const Chatbot = ({
       "| chatRef.id:",
       refChatId
     );
-    const notReady = !clientRef.current || statusRef.current !== "connected";
-    const isThinking = useOpenChat.getState().isBlockedInput;
-    const noReplyYet = !hasRealReply();
-    if (notReady || isThinking || sendInFlightRef.current || noReplyYet) {
-      const id = `pending-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-      messageQueueRef.current.push({ id, text: msg });
-      addPendingMessage(id, msg);
-      return;
+    try {
+      await clientRef.current?.sendTextMessage(msg);
+    } catch (error) {
+      console.log(error);
+    } finally {
+      if (!hasEscalated) {
+        blockInput?.();
+      }
     }
-    await sendNow(msg);
   };
   const onEndChat = async () => {
     console.log(`Ending chat [end chat]`);
@@ -431,9 +373,6 @@ const Chatbot = ({
           clearMessages();
           chatRef.current = null;
           resetChatStarted();
-          messageQueueRef.current = [];
-          sendInFlightRef.current = false;
-          flushingRef.current = false;
           console.log("Chat ended");
           endEscalation?.();
         } finally {
@@ -460,8 +399,6 @@ const Chatbot = ({
     console.log("Chatbot unmounted");
     deregisterEventHandlers();
     chatLoading.current = false;
-    messageQueueRef.current = [];
-    sendInFlightRef.current = false;
     reset();
     resetChatStarted();
     setStatus("idle");
@@ -506,6 +443,36 @@ const Chatbot = ({
       }
     }
   }, [isOpen, isVisible]);
+  useMount(() => {
+    const hasParams = () => {
+      return window.location.search.includes("utm_");
+    };
+    const tryStart = () => {
+      if (hasParams()) {
+        startChat("utm-ready");
+        return true;
+      }
+      return false;
+    };
+    if (tryStart()) return;
+    const original = history.replaceState;
+    history.replaceState = function(...args) {
+      original.apply(this, args);
+      if (tryStart()) {
+        history.replaceState = original;
+      }
+    };
+    const interval = setInterval(() => {
+      if (tryStart()) {
+        clearInterval(interval);
+        history.replaceState = original;
+      }
+    }, 100);
+    return () => {
+      clearInterval(interval);
+      history.replaceState = original;
+    };
+  });
   return menusLoaded && /* @__PURE__ */ jsxs(
     "div",
     {

package/dist/Chatbot/ChatbotMessage.d.ts

@@ -3,7 +3,6 @@ import { MessageResponse as BaseMessageResponse, HumanAgent, VirtualAgent } from
 
 interface MessageResponse extends BaseMessageResponse {
     to_agent?: HumanAgent;
-    pending?: boolean;
 }
 interface ChatbotMessageProps {
     msg: MessageResponse;

package/dist/Chatbot/ChatbotMessage.js

@@ -108,7 +108,6 @@ const ChatbotMessage = ({
               messageStyle,
               msg.$userType == "end_user" ? user_msg : agent_msg
             ),
-            style: msg.pending ? { opacity: 0.65 } : void 0,
             children: /* @__PURE__ */ jsxs(
               "div",
               {
@@ -254,7 +253,7 @@ const ChatbotMessage = ({
               textTransform: "capitalize",
               fontFamily: "inherit"
             },
-            children: msg.pending ? "Sending..." : timeText
+            children: timeText
           }
         )
       ]

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

@@ -1,17 +1,12 @@
 import { MessageResponse } from '@ujet/websdk-headless';
 
-export type PendingMessage = MessageResponse & {
-    pending?: boolean;
-};
 interface MessageStore {
-    messages: Array<PendingMessage>;
+    messages: Array<MessageResponse>;
     addMessage: (message: MessageResponse) => void;
     removeMessage: (id: string) => void;
     addMessages: (newMessages: MessageResponse[]) => void;
     clearMessages: () => void;
     isEscalated: boolean;
-    addPendingMessage: (id: string, text: string) => void;
-    resolvePendingMessage: (id: string) => void;
 }
 export interface Message {
     id: string;

package/dist/Chatbot/store/messages.js

@@ -3,77 +3,18 @@ const useMessages = create((set, get) => ({
   messages: [],
   addMessage: (message) => set((state) => {
     const cleaned = state.messages.filter((m) => m.$sid !== "typing-1");
-    const isPending = message.pending;
-    if (!isPending && message.$userType === "end_user") {
-      const pendingIdx = cleaned.findIndex(
-        (m) => m.pending && m.content === message.content
-      );
-      if (pendingIdx !== -1) {
-        return {
-          messages: [
-            ...cleaned.slice(0, pendingIdx),
-            message,
-            ...cleaned.slice(pendingIdx + 1)
-          ]
-        };
-      }
-      return { messages: [...cleaned, message] };
-    }
-    const insertBeforeIdx = !isPending ? cleaned.findIndex((m) => m.pending) : -1;
-    if (insertBeforeIdx === -1) {
-      return { messages: [...cleaned, message] };
-    }
-    return {
-      messages: [
-        ...cleaned.slice(0, insertBeforeIdx),
-        message,
-        ...cleaned.slice(insertBeforeIdx)
-      ]
-    };
+    return { messages: [...cleaned, message] };
   }),
   removeMessage: (id) => set((state) => ({
     messages: state.messages.filter(
       (msg) => "$sid" in msg && msg.$sid !== id
     )
   })),
-  addMessages: (newMessages) => set((state) => {
-    const pendingIdx = state.messages.findIndex(
-      (m) => m.pending
-    );
-    if (pendingIdx === -1) {
-      return { messages: [...state.messages, ...newMessages] };
-    }
-    return {
-      messages: [
-        ...state.messages.slice(0, pendingIdx),
-        ...newMessages,
-        ...state.messages.slice(pendingIdx)
-      ]
-    };
-  }),
+  addMessages: (newMessages) => set((state) => ({ messages: [...state.messages, ...newMessages] })),
   clearMessages: () => set({ messages: [] }),
   isEscalated: get()?.messages?.some(
     (msg) => ["escalationAccepted", "escalationStarted"].includes(msg.event)
-  ),
-  addPendingMessage: (id, text) => set((state) => ({
-    messages: [
-      ...state.messages,
-      {
-        $sid: id,
-        type: "text",
-        content: text,
-        sender: { id: "end_user", type: "end_user" },
-        $timestamp: /* @__PURE__ */ new Date(),
-        $userType: "end_user",
-        $index: Date.now(),
-        $userId: 0,
-        pending: true
-      }
-    ]
-  })),
-  resolvePendingMessage: (id) => set((state) => ({
-    messages: state.messages.filter((msg) => msg.$sid !== id)
-  }))
+  )
 }));
 export {
   useMessages

package/dist/Chevron/index.js

@@ -81,10 +81,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Comparison/Comparison.js

@@ -81,10 +81,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */