@axos-web-dev/shared-components 1.0.100-dev.70 → 1.0.100-dev.70-slow-msg

package/dist/Chatbot/ChatWindow.js

@@ -51,6 +51,7 @@ const ChatWindow = ({
   const messagesEndRef = useRef(null);
   const inputRef = useRef(null);
   const isOpen = useOpenChat((state2) => state2.isOpen);
+  const isBlockedInput = useOpenChat((state2) => state2.isBlockedInput);
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
@@ -477,7 +478,7 @@ const ChatWindow = ({
               placeholder: "Ask anything...",
               className: clsx(inputStyle, autoResize),
               autoFocus: true,
-              disabled: inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
+              disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
               rows: 1
             }
           ),
@@ -490,7 +491,7 @@ const ChatWindow = ({
               ),
               type: "submit",
               title: "Send message",
-              disabled: inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
+              disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
               children: /* @__PURE__ */ jsx(
                 "svg",
                 {

package/dist/Chatbot/Chatbot.js

@@ -20,7 +20,9 @@ const Chatbot = ({
     reset,
     startEscalation,
     hasEscalated,
-    endEscalation
+    endEscalation,
+    blockInput,
+    unblockInput
   } = useOpenChat();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
@@ -117,6 +119,7 @@ const Chatbot = ({
         addMessage(message);
         if (["end_user"].includes(message.$userType)) {
           if (!hasEscalated) {
+            unblockInput?.();
             addMessage(typingMessage);
           }
         }
@@ -157,19 +160,28 @@ const Chatbot = ({
   const onChatConnectedHandler = async () => {
     setStatus("connected");
     console.log("connected");
-    const messages2 = await clientRef.current?.fetchMessages();
-    if (messages2) {
-      addMessages(messages2);
-      const hasEscalation = messages2.some(
-        (msg) => msg.$userType === "user" || ["escalationAccepted", "escalationStarted"].includes(
-          msg.event
-        )
-      );
-      console.log(hasEscalation);
-      if (hasEscalation) {
-        setScalationStarted(true);
-        startEscalation?.();
+    try {
+      if (!clientRef.current) {
+        console.error("Client not initialized on chat connected");
+        return;
       }
+      const messages2 = await clientRef.current?.fetchMessages();
+      console.log("Fetched messages on chat connected:", messages2);
+      if (messages2) {
+        addMessages(messages2);
+        const hasEscalation = messages2.some(
+          (msg) => msg.$userType === "user" || ["escalationAccepted", "escalationStarted"].includes(
+            msg.event
+          )
+        );
+        console.log(hasEscalation);
+        if (hasEscalation) {
+          setScalationStarted(true);
+          startEscalation?.();
+        }
+      }
+    } catch (error) {
+      console.error("Error fetching messages on chat connected:", error);
     }
   };
   const registerEventHandlers = () => {
@@ -279,6 +291,9 @@ const Chatbot = ({
   const onSendMessage = async (msg) => {
     console.log("Sending message:", msg);
     await clientRef.current?.sendTextMessage(msg);
+    if (!hasEscalated) {
+      blockInput?.();
+    }
   };
   const onEndChat = async () => {
     console.log("Ending chat");

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

@@ -11,6 +11,9 @@ interface OpenChatState {
     hasEscalated?: boolean;
     startEscalation?: () => void;
     endEscalation?: () => void;
+    isBlockedInput?: boolean;
+    blockInput?: () => void;
+    unblockInput?: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -17,12 +17,16 @@ const useOpenChat = create((set, get) => ({
     hasOpenedOnce: false,
     isOpen: false,
     showThankyouMessage: false,
-    hasEscalated: false
+    hasEscalated: false,
+    isBlockedInput: false
   }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
   toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
   startEscalation: () => set({ hasEscalated: true }),
-  endEscalation: () => set({ hasEscalated: false })
+  endEscalation: () => set({ hasEscalated: false }),
+  isBlockedInput: false,
+  blockInput: () => set({ isBlockedInput: true }),
+  unblockInput: () => set({ isBlockedInput: false })
 }));
 export {
   useOpenChat

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js

@@ -1,30 +1,30 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_7ufer_1";
-const drawer = "_drawer_7ufer_9";
-const mobileNavRow = "_mobileNavRow_7ufer_29";
-const loginTrigger = "_loginTrigger_7ufer_35";
-const hamburger = "_hamburger_7ufer_51";
-const loginDrawerTitle = "_loginDrawerTitle_7ufer_73";
-const loginDrawerContent = "_loginDrawerContent_7ufer_79";
-const header = "_header_7ufer_85";
-const back = "_back_7ufer_96";
-const close = "_close_7ufer_104";
-const levelContainer = "_levelContainer_7ufer_115";
-const level = "_level_7ufer_115";
-const levelTitle = "_levelTitle_7ufer_131";
-const menu = "_menu_7ufer_136";
-const menuItem = "_menuItem_7ufer_152";
-const loginAccordion = "_loginAccordion_7ufer_168";
-const loginAccordionList = "_loginAccordionList_7ufer_172";
-const loginAccordionGroup = "_loginAccordionGroup_7ufer_178";
-const loginAccordionHeading = "_loginAccordionHeading_7ufer_215";
-const loginAccordionGroupList = "_loginAccordionGroupList_7ufer_225";
-const loginHeading = "_loginHeading_7ufer_269";
-const chevron = "_chevron_7ufer_279";
-const chevronIcon = "_chevronIcon_7ufer_284";
-const quickLinks = "_quickLinks_7ufer_295";
-const quickLink = "_quickLink_7ufer_295";
-const sr_only = "_sr_only_7ufer_319";
-const loginAccordionOverlay = "_loginAccordionOverlay_7ufer_344";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_rqqo3_1";
+const drawer = "_drawer_rqqo3_17";
+const mobileNavRow = "_mobileNavRow_rqqo3_57";
+const loginTrigger = "_loginTrigger_rqqo3_69";
+const hamburger = "_hamburger_rqqo3_101";
+const loginDrawerTitle = "_loginDrawerTitle_rqqo3_145";
+const loginDrawerContent = "_loginDrawerContent_rqqo3_157";
+const header = "_header_rqqo3_169";
+const back = "_back_rqqo3_191";
+const close = "_close_rqqo3_207";
+const levelContainer = "_levelContainer_rqqo3_229";
+const level = "_level_rqqo3_229";
+const levelTitle = "_levelTitle_rqqo3_261";
+const menu = "_menu_rqqo3_271";
+const menuItem = "_menuItem_rqqo3_303";
+const loginAccordion = "_loginAccordion_rqqo3_335";
+const loginAccordionList = "_loginAccordionList_rqqo3_343";
+const loginAccordionGroup = "_loginAccordionGroup_rqqo3_355";
+const loginAccordionHeading = "_loginAccordionHeading_rqqo3_429";
+const loginAccordionGroupList = "_loginAccordionGroupList_rqqo3_449";
+const loginHeading = "_loginHeading_rqqo3_537";
+const chevron = "_chevron_rqqo3_557";
+const chevronIcon = "_chevronIcon_rqqo3_567";
+const quickLinks = "_quickLinks_rqqo3_589";
+const quickLink = "_quickLink_rqqo3_589";
+const sr_only = "_sr_only_rqqo3_637";
+const loginAccordionOverlay = "_loginAccordionOverlay_rqqo3_687";
 const styles = {
   overlay,
   drawer,

package/dist/assets/Chatbot/ChatWindow.css

@@ -1,9 +1,9 @@
 @keyframes _13n1jqku {
   0% {
-    background-position: -200% 0;
+    background-position: 200% 0;
   }
   100% {
-    background-position: 200% 0;
+    background-position: -200% 0;
   }
 }
 ._13n1jqk0 {
@@ -301,8 +301,13 @@ button:has(span:hover) ._13n1jqk6 {
   border-bottom-right-radius: 32px;
 }
 ._13n1jqkv {
-  background: linear-gradient(90deg, var(--_1073cm819) 0%, rgba(255,255,255,0.8) 50%, var(--_1073cm819) 100%);
-  background-size: 200% 100%;
+  background: linear-gradient(
+  90deg,
+  var(--_1073cm819) 0%,
+  rgba(255,255,255,0.8) 50%,
+  var(--_1073cm819) 100%
+);
+  background-size: 200% auto;
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;

package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css

@@ -1,353 +1,353 @@
-._overlay_7ufer_1 {
-  position: fixed;
-  inset: 0;
-  height: 100vh;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 10000;
-}
-
-._drawer_7ufer_9 {
-  background: #fff;
-  border-radius: 0 0 0 1rem;
-  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
-  max-height: 100vh;
-  max-width: 500px;
-  overflow: hidden auto;
-  position: fixed;
-  right: 0px;
-  top: 0;
-  width: 85%;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  z-index: 10001;
-}
-
-._drawer_7ufer_9::-webkit-scrollbar {
-  display: none;
-}
-
-._mobileNavRow_7ufer_29 {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-._loginTrigger_7ufer_35 {
-  background: transparent;
-  border: none;
-  color: var(--_1073cm83);
-  cursor: pointer;
-  font-family: var(--header-font-family);
-  font-size: 1rem;
-  font-weight: 700;
-  padding: 0.25rem 0;
-  transition: opacity 0.2s ease;
-}
-
-._loginTrigger_7ufer_35:hover {
-  opacity: 0.85;
-}
-
-._hamburger_7ufer_51 {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  transition: opacity 0.3s ease;
-  position: relative;
-}
-
-._hamburger_7ufer_51::before {
-  content: "";
-  position: absolute;
-  left: -7px;
-  bottom: 0;
-  height: 28px;
-  border-left: 2px solid #1f1f1f;
-  top: -2px;
-}
-
-._hamburger_7ufer_51:hover {
-  opacity: 0.8;
-}
-
-._loginDrawerTitle_7ufer_73 {
-  font-weight: 700;
-  font-size: 1rem;
-  color: var(--_1073cm83);
-}
-
-._loginDrawerContent_7ufer_79 {
-  padding: 1rem 1.2rem 1.2rem;
-  overflow: auto;
-  flex: 1;
-}
-
-._header_7ufer_85 {
-  display: flex;
-  align-items: center;
-  background: #f4f4f4;
-  justify-content: space-between;
-  padding: 0.9rem 1.2rem 0.9rem 1rem;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-._back_7ufer_96 {
-  color: var(--_1073cm83);
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1;
-  padding: 0;
-}
-
-._close_7ufer_104 {
-  font-size: 1.3rem;
-}
-
-._back_7ufer_96,
-._close_7ufer_104 {
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-
-._levelContainer_7ufer_115 {
-  height: 100%;
-  position: relative;
-}
-
-._level_7ufer_115 {
-  background: var(--_1073cm86);
-  color: var(--_1073cm85);
-  font-size: 0.9rem;
-  padding: 14px 1.2rem;
-  position: sticky;
-  top: 54.78px;
-  width: 100%;
-  z-index: 1;
-}
-
-._levelTitle_7ufer_131 {
-  font: 700 0.9rem / 1.39 var(--main-font-family);
-  letter-spacing: 0.4px;
-}
-
-._menu_7ufer_136 {
-  background-color: transparent;
-  list-style: none;
-  margin: 0;
-  min-height: 100%;
-  padding: 0 1.2rem;
-  position: relative;
-}
-
-._menu_7ufer_136 li {
-  color: var(--_1073cm83);
-  font-family: var(--header-font-family);
-  font-weight: 500;
-  border-top: 1px solid #e9e9e9;
-}
-
-._menuItem_7ufer_152 {
-  display: flex;
-  align-items: center;
-  background: none;
-  border: none;
-  color: inherit;
-  cursor: pointer;
-  font-size: 1rem;
-  justify-content: space-between;
-  padding: 0.75rem 0;
-  text-align: left;
-  text-decoration: none;
-  transition: background 0.2s ease;
-  width: 100%;
-}
-
-._loginAccordion_7ufer_168 {
-  padding: 0;
-}
-
-._loginAccordionList_7ufer_172 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-._loginAccordionGroup_7ufer_178 {
-  padding-block: 4px;
-}
-
-._loginAccordionGroup_7ufer_178 + ._loginAccordionGroup_7ufer_178 {
-  margin-top: 2px;
-  position: relative;
-}
-
-._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) {
-  padding-top: 12px;
-  margin-top: 12px;
-}
-
-._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child)::before {
-  content: "";
-  background-color: #8f8f8f;
-  height: 2px;
-  opacity: 0.3;
-  position: absolute;
-  right: 8px;
-  top: 0;
-  width: 94%;
-}
-
-._loginAccordionGroup_7ufer_178:nth-child(4):is(:last-child) > span {
-  position: absolute;
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  white-space: nowrap;
-  width: 1px;
-}
-
-._loginAccordionHeading_7ufer_215 {
-  display: block;
-  font-family: var(--header-font-family);
-  font-weight: 700;
-  font-size: 18px;
-  line-height: 1.39;
-
-  padding: 0.35rem 0 0.2rem;
-}
-
-._loginAccordionGroupList_7ufer_225 {
-  list-style: none;
-  margin: 0;
-  padding: 0 0 0 8px;
-}
-
-._loginAccordionList_7ufer_172 li {
-  font-family: var(--header-font-family);
-  font-weight: 500;
-}
-
-._loginAccordionList_7ufer_172 li li {
-  border-top: none;
-  color: #1e629a;
-  font-weight: 400;
-  padding-block: 3px;
-  font-family: var(--main-font-family);
-}
-
-._loginAccordionList_7ufer_172 ._menuItem_7ufer_152 {
-  display: inline;
-  padding-block: 0px;
-}
-
-._loginAccordionList_7ufer_172 ._menuItem_7ufer_152:hover {
-  opacity: 0.7;
-}
-
-._loginAccordion_7ufer_168 > ._menuItem_7ufer_152 {
-  padding-block: 4px;
-  position: relative;
-  isolation: isolate;
-}
-
-._loginAccordion_7ufer_168 > ._menuItem_7ufer_152::after {
-  content: "return to menu";
-  position: absolute;
-  right: 36px;
-  bottom: 50%;
-  font-size: 12px;
-  transform: translateY(50%);
-  letter-spacing: 0.5px;
-}
-
-._loginHeading_7ufer_269 {
-  font-family: var(--header-font-family);
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-._chevron_7ufer_279 {
-  font-size: 1.2rem;
-  margin-left: auto;
-}
-
-._chevronIcon_7ufer_284 {
-  height: auto;
-  margin-right: 10px;
-  max-width: 8px;
-}
-
-body:has(._drawer_7ufer_9) {
-  overflow-y: hidden;
-  position: relative;
-}
-
-._quickLinks_7ufer_295 {
-  background-color: #e8f7ff;
-  bottom: 0;
-  box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
-  gap: 8px;
-  margin-top: 9px;
-  padding: 1rem;
-  position: sticky;
-}
-
-._quickLink_7ufer_295 {
-  display: flex;
-  align-items: center;
-  color: var(--_1073cm83);
-  flex-direction: column;
-  flex: 1 1 0%;
-  font-size: 0.8rem;
-  font-weight: 700;
-  gap: 8px;
-  line-height: 1.5;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-
-._sr_only_7ufer_319 {
-  position: absolute;
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  white-space: nowrap;
-  width: 1px;
-}
-
-@media (max-width: 540px) {
-  ._drawer_7ufer_9 {
-    border-radius: 0;
-    max-width: none;
-    width: 100%;
-  }
-  ._menu_7ufer_136 li + li {
-    margin-top: 3px;
-  }
-  ._menuItem_7ufer_152 {
-    font-size: 0.9rem;
-    padding: 0.65rem 0;
-  }
-  ._loginAccordionOverlay_7ufer_344::before {
-    opacity: 0.1;
-  }
-}
-
-@media (min-width: 541px) {
-  ._drawer_7ufer_9:has(._loginDrawerContent_7ufer_79) {
-    max-width: 345px;
-  }
-}
+._overlay_rqqo3_1 {
+  position: fixed;
+  inset: 0;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 10000;
+}
+
+._drawer_rqqo3_17 {
+  background: #fff;
+  border-radius: 0 0 0 1rem;
+  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
+  max-height: 100vh;
+  max-width: 500px;
+  overflow: hidden auto;
+  position: fixed;
+  right: 0px;
+  top: 0;
+  width: 85%;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  z-index: 10001;
+}
+
+._drawer_rqqo3_17::-webkit-scrollbar {
+  display: none;
+}
+
+._mobileNavRow_rqqo3_57 {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+._loginTrigger_rqqo3_69 {
+  background: transparent;
+  border: none;
+  color: var(--_1073cm83);
+  cursor: pointer;
+  font-family: var(--header-font-family);
+  font-size: 1rem;
+  font-weight: 700;
+  padding: 0.25rem 0;
+  transition: opacity 0.2s ease;
+}
+
+._loginTrigger_rqqo3_69:hover {
+  opacity: 0.85;
+}
+
+._hamburger_rqqo3_101 {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.3s ease;
+  position: relative;
+}
+
+._hamburger_rqqo3_101::before {
+  content: "";
+  position: absolute;
+  left: -7px;
+  bottom: 0;
+  height: 28px;
+  border-left: 2px solid #1f1f1f;
+  top: -2px;
+}
+
+._hamburger_rqqo3_101:hover {
+  opacity: 0.8;
+}
+
+._loginDrawerTitle_rqqo3_145 {
+  font-weight: 700;
+  font-size: 1rem;
+  color: var(--_1073cm83);
+}
+
+._loginDrawerContent_rqqo3_157 {
+  padding: 1rem 1.2rem 1.2rem;
+  overflow: auto;
+  flex: 1;
+}
+
+._header_rqqo3_169 {
+  display: flex;
+  align-items: center;
+  background: #f4f4f4;
+  justify-content: space-between;
+  padding: 0.9rem 1.2rem 0.9rem 1rem;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+._back_rqqo3_191 {
+  color: var(--_1073cm83);
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1;
+  padding: 0;
+}
+
+._close_rqqo3_207 {
+  font-size: 1.3rem;
+}
+
+._back_rqqo3_191,
+._close_rqqo3_207 {
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+
+._levelContainer_rqqo3_229 {
+  height: 100%;
+  position: relative;
+}
+
+._level_rqqo3_229 {
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
+  font-size: 0.9rem;
+  padding: 14px 1.2rem;
+  position: sticky;
+  top: 54.78px;
+  width: 100%;
+  z-index: 1;
+}
+
+._levelTitle_rqqo3_261 {
+  font: 700 0.9rem / 1.39 var(--main-font-family);
+  letter-spacing: 0.4px;
+}
+
+._menu_rqqo3_271 {
+  background-color: transparent;
+  list-style: none;
+  margin: 0;
+  min-height: 100%;
+  padding: 0 1.2rem;
+  position: relative;
+}
+
+._menu_rqqo3_271 li {
+  color: var(--_1073cm83);
+  font-family: var(--header-font-family);
+  font-weight: 500;
+  border-top: 1px solid #e9e9e9;
+}
+
+._menuItem_rqqo3_303 {
+  display: flex;
+  align-items: center;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  font-size: 1rem;
+  justify-content: space-between;
+  padding: 0.75rem 0;
+  text-align: left;
+  text-decoration: none;
+  transition: background 0.2s ease;
+  width: 100%;
+}
+
+._loginAccordion_rqqo3_335 {
+  padding: 0;
+}
+
+._loginAccordionList_rqqo3_343 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._loginAccordionGroup_rqqo3_355 {
+  padding-block: 4px;
+}
+
+._loginAccordionGroup_rqqo3_355 + ._loginAccordionGroup_rqqo3_355 {
+  margin-top: 2px;
+  position: relative;
+}
+
+._loginAccordionGroup_rqqo3_355:nth-child(4):is(:last-child) {
+  padding-top: 12px;
+  margin-top: 12px;
+}
+
+._loginAccordionGroup_rqqo3_355:nth-child(4):is(:last-child)::before {
+  content: "";
+  background-color: #8f8f8f;
+  height: 2px;
+  opacity: 0.3;
+  position: absolute;
+  right: 8px;
+  top: 0;
+  width: 94%;
+}
+
+._loginAccordionGroup_rqqo3_355:nth-child(4):is(:last-child) > span {
+  position: absolute;
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+  width: 1px;
+}
+
+._loginAccordionHeading_rqqo3_429 {
+  display: block;
+  font-family: var(--header-font-family);
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 1.39;
+
+  padding: 0.35rem 0 0.2rem;
+}
+
+._loginAccordionGroupList_rqqo3_449 {
+  list-style: none;
+  margin: 0;
+  padding: 0 0 0 8px;
+}
+
+._loginAccordionList_rqqo3_343 li {
+  font-family: var(--header-font-family);
+  font-weight: 500;
+}
+
+._loginAccordionList_rqqo3_343 li li {
+  border-top: none;
+  color: #1e629a;
+  font-weight: 400;
+  padding-block: 3px;
+  font-family: var(--main-font-family);
+}
+
+._loginAccordionList_rqqo3_343 ._menuItem_rqqo3_303 {
+  display: inline;
+  padding-block: 0px;
+}
+
+._loginAccordionList_rqqo3_343 ._menuItem_rqqo3_303:hover {
+  opacity: 0.7;
+}
+
+._loginAccordion_rqqo3_335 > ._menuItem_rqqo3_303 {
+  padding-block: 4px;
+  position: relative;
+  isolation: isolate;
+}
+
+._loginAccordion_rqqo3_335 > ._menuItem_rqqo3_303::after {
+  content: "return to menu";
+  position: absolute;
+  right: 36px;
+  bottom: 50%;
+  font-size: 12px;
+  transform: translateY(50%);
+  letter-spacing: 0.5px;
+}
+
+._loginHeading_rqqo3_537 {
+  font-family: var(--header-font-family);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+._chevron_rqqo3_557 {
+  font-size: 1.2rem;
+  margin-left: auto;
+}
+
+._chevronIcon_rqqo3_567 {
+  height: auto;
+  margin-right: 10px;
+  max-width: 8px;
+}
+
+body:has(._drawer_rqqo3_17) {
+  overflow-y: hidden;
+  position: relative;
+}
+
+._quickLinks_rqqo3_589 {
+  background-color: #e8f7ff;
+  bottom: 0;
+  box-shadow: 0 15px 10px -20px rgba(0, 0, 0, 0.45) inset;
+  gap: 8px;
+  margin-top: 9px;
+  padding: 1rem;
+  position: sticky;
+}
+
+._quickLink_rqqo3_589 {
+  display: flex;
+  align-items: center;
+  color: var(--_1073cm83);
+  flex-direction: column;
+  flex: 1 1 0%;
+  font-size: 0.8rem;
+  font-weight: 700;
+  gap: 8px;
+  line-height: 1.5;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+._sr_only_rqqo3_637 {
+  position: absolute;
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@media (max-width: 540px) {
+  ._drawer_rqqo3_17 {
+    border-radius: 0;
+    max-width: none;
+    width: 100%;
+  }
+  ._menu_rqqo3_271 li + li {
+    margin-top: 3px;
+  }
+  ._menuItem_rqqo3_303 {
+    font-size: 0.9rem;
+    padding: 0.65rem 0;
+  }
+  ._loginAccordionOverlay_rqqo3_687::before {
+    opacity: 0.1;
+  }
+}
+
+@media (min-width: 541px) {
+  ._drawer_rqqo3_17:has(._loginDrawerContent_rqqo3_157) {
+    max-width: 345px;
+  }
+}

package/package.json

@@ -1,136 +1,136 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.70",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@ts-stack/markdown": "^1.5.0",
-    "@types/iframe-resizer": "3.5.13",
-    "@ujet/websdk-headless": "^3.41.4",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.1.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "remark-gfm": "^4.0.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.100-dev.70-slow-msg",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@ts-stack/markdown": "^1.5.0",
+    "@types/iframe-resizer": "3.5.13",
+    "@ujet/websdk-headless": "^3.41.4",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.1.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "remark-gfm": "^4.0.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^18.3.23",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}