@axos-web-dev/shared-components 2.0.0-dev.14 → 2.0.0-dev.15

package/dist/Chatbot/ChatWindow.js

@@ -43,7 +43,8 @@ const ChatWindow = ({
     toggleThankyouMessage,
     hasEscalated,
     isBlockedInput,
-    isOpen
+    isOpen,
+    hasOpenedOnce
   } = useOpenChat();
   const [mounted, setMounted] = React.useState(false);
   const [menuOpen, setMenuOpen] = React.useState(false);
@@ -398,7 +399,7 @@ const ChatWindow = ({
       }
     ) }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
-      (status === "idle" || messages.length == 0) && /* @__PURE__ */ jsx(
+      (status === "idle" && messages.length == 0 || messages.length == 0) && /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(),
@@ -425,23 +426,28 @@ const ChatWindow = ({
           )
         }
       ),
-      messages?.map((msg) => /* @__PURE__ */ jsx(
-        ChatbotMessage,
-        {
-          msg,
-          onSend,
-          showAvatar,
-          showName,
-          virtualAgent,
-          onCancelEndChat,
-          onEndChat: () => {
-            endChat();
-            onCloseAfterThankYou();
+      messages?.map((msg) => {
+        if (!hasOpenedOnce) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx(
+          ChatbotMessage,
+          {
+            msg,
+            onSend,
+            showAvatar,
+            showName,
+            virtualAgent,
+            onCancelEndChat,
+            onEndChat: () => {
+              endChat();
+              onCloseAfterThankYou();
+            },
+            inputRef
           },
-          inputRef
-        },
-        msg?.$index
-      )),
+          msg?.$index
+        );
+      }),
       showReconnect && /* @__PURE__ */ jsx(
         "button",
         {

package/dist/Chatbot/Chatbot.js

@@ -39,13 +39,11 @@ const Chatbot = ({
   const clientRef = useRef(null);
   const menuRef = useRef(null);
   const isMountedRef = useRef(false);
-  const hasLoadedBefore = useRef(true);
   const chatRef = useRef(null);
   const agent_virtual = useRef(null);
   const [status, setStatus] = useState("idle");
   const [hasStarted, setHasStarted] = useState(false);
   const [menusLoaded, setMenusLoaded] = useState(false);
-  const [pendingStart, setPendingStart] = useState(false);
   const [isTyping, setIsTyping] = useState(false);
   const [scalationStarted, setScalationStarted] = useState(false);
   useEffect(() => {
@@ -100,6 +98,9 @@ const Chatbot = ({
       menuRef.current = await clientRef.current.getMenus();
       setMenusLoaded(true);
       console.log("menus:", menuRef.current);
+      if (menuRef.current !== null) {
+        await startChat();
+      }
     }
   };
   const onAuthenticatedHandler = async () => {
@@ -260,9 +261,10 @@ const Chatbot = ({
     return;
   };
   const startChat = async () => {
-    console.log("Starting chat");
+    console.log("Starting chat", chatRef.current);
     const client = clientRef.current;
     if (!client) return;
+    if (hasStarted) return;
     if (!menuRef.current || !menuRef.current.menus) {
       let waited = 0;
       while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
@@ -275,19 +277,26 @@ const Chatbot = ({
       }
     }
     try {
+      console.log("menus: ->", menuRef.current);
       const ongoingChat = await client.loadOngoingChat();
+      console.log("theres a ongoing chat?: -->", ongoingChat);
       if (ongoingChat) {
         console.log("Ongoing chat found:", ongoingChat);
         console.log("Resuming chat:", ongoingChat.id);
-        chatRef.current = await client.resumeChat(ongoingChat.id);
+        chatRef.current = ongoingChat;
         agent_virtual.current = ongoingChat.agent;
         return;
       }
+      console.log("not ongoing chat ");
+      console.log(!!ongoingChat);
       const foundMenu = menuRef.current.menus.find(
         (menu) => menu.name === menuOption
       );
       const menuId = foundMenu && foundMenu.id;
       console.log("Creating new chat with menu ID:", menuId);
+      if (!foundMenu) {
+        throw new Error("Menu not found: " + menuOption);
+      }
       const newChat = await client.createChat(menuId, { custom_data });
       if (newChat !== null) {
         chatRef.current = newChat;
@@ -297,6 +306,7 @@ const Chatbot = ({
     } catch (err) {
       console.error("Error creating chat:", err);
     } finally {
+      setHasStarted(true);
       if (clientRef?.current?.chat?.state?.status == "va_assigned") {
         const OriginalAudio = window.Audio;
         class PatchedAudio extends OriginalAudio {
@@ -312,10 +322,6 @@ const Chatbot = ({
   const handleClick = async () => {
     toggle();
     if (hasStarted) return;
-    if (!menusLoaded) {
-      setPendingStart(true);
-      return;
-    }
     if (!hasOpenedOnce) {
       await startChat();
       setHasStarted(true);
@@ -356,17 +362,9 @@ const Chatbot = ({
     isMountedRef.current = true;
     await createClient();
   });
-  useEffect(() => {
-    if (menusLoaded && pendingStart && !hasStarted) {
-      startChat();
-      setPendingStart(false);
-    }
-  }, [menusLoaded, pendingStart, hasStarted]);
   useUnmount(() => {
     console.log("Chatbot unmounted");
     deregisterEventHandlers();
-    isMountedRef.current = false;
-    hasLoadedBefore.current = true;
     reset();
     setHasStarted(false);
     setStatus("idle");
@@ -379,9 +377,13 @@ const Chatbot = ({
   const onClose = () => {
     toggle();
   };
-  const onCloseAfterThankYou = () => {
+  const newChatSession = async () => {
+    console.log("create new session");
+  };
+  const onCloseAfterThankYou = async () => {
     reset();
     setHasStarted(false);
+    newChatSession();
   };
   const onPreviewTyping = async (msg) => {
     console.log("Preview typing message:", msg);

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -686,6 +686,15 @@ const AxosFooterSiteMap = ({
                 ),
                 children: "Treasury Management"
               }
+            ) }),
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: resolveUrl(
+                  "{AXOSBANK}/commercial/banking/technology-and-life-sciences-banking"
+                ),
+                children: "Technology and Life Sciences Banking"
+              }
             ) })
           ] }),
           /* @__PURE__ */ jsxs("ul", { children: [

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

@@ -1,30 +1,30 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css';const overlay = "_overlay_w36iv_1";
-const drawer = "_drawer_w36iv_17";
-const mobileNavRow = "_mobileNavRow_w36iv_57";
-const loginTrigger = "_loginTrigger_w36iv_69";
-const hamburger = "_hamburger_w36iv_101";
-const loginDrawerTitle = "_loginDrawerTitle_w36iv_145";
-const loginDrawerContent = "_loginDrawerContent_w36iv_157";
-const header = "_header_w36iv_169";
-const back = "_back_w36iv_191";
-const close = "_close_w36iv_207";
-const levelContainer = "_levelContainer_w36iv_229";
-const level = "_level_w36iv_229";
-const levelTitle = "_levelTitle_w36iv_261";
-const menu = "_menu_w36iv_271";
-const menuItem = "_menuItem_w36iv_303";
-const loginAccordion = "_loginAccordion_w36iv_335";
-const loginAccordionList = "_loginAccordionList_w36iv_343";
-const loginAccordionGroup = "_loginAccordionGroup_w36iv_355";
-const loginAccordionHeading = "_loginAccordionHeading_w36iv_429";
-const loginAccordionGroupList = "_loginAccordionGroupList_w36iv_449";
-const loginHeading = "_loginHeading_w36iv_537";
-const chevron = "_chevron_w36iv_557";
-const chevronIcon = "_chevronIcon_w36iv_567";
-const quickLinks = "_quickLinks_w36iv_589";
-const quickLink = "_quickLink_w36iv_589";
-const sr_only = "_sr_only_w36iv_637";
-const loginAccordionOverlay = "_loginAccordionOverlay_w36iv_687";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css';const overlay = "_overlay_hbh7s_1";
+const drawer = "_drawer_hbh7s_9";
+const mobileNavRow = "_mobileNavRow_hbh7s_29";
+const loginTrigger = "_loginTrigger_hbh7s_35";
+const hamburger = "_hamburger_hbh7s_51";
+const loginDrawerTitle = "_loginDrawerTitle_hbh7s_73";
+const loginDrawerContent = "_loginDrawerContent_hbh7s_79";
+const header = "_header_hbh7s_85";
+const back = "_back_hbh7s_96";
+const close = "_close_hbh7s_104";
+const levelContainer = "_levelContainer_hbh7s_115";
+const level = "_level_hbh7s_115";
+const levelTitle = "_levelTitle_hbh7s_131";
+const menu = "_menu_hbh7s_136";
+const menuItem = "_menuItem_hbh7s_152";
+const loginAccordion = "_loginAccordion_hbh7s_168";
+const loginAccordionList = "_loginAccordionList_hbh7s_172";
+const loginAccordionGroup = "_loginAccordionGroup_hbh7s_178";
+const loginAccordionHeading = "_loginAccordionHeading_hbh7s_215";
+const loginAccordionGroupList = "_loginAccordionGroupList_hbh7s_225";
+const loginHeading = "_loginHeading_hbh7s_269";
+const chevron = "_chevron_hbh7s_279";
+const chevronIcon = "_chevronIcon_hbh7s_284";
+const quickLinks = "_quickLinks_hbh7s_295";
+const quickLink = "_quickLink_hbh7s_295";
+const sr_only = "_sr_only_hbh7s_319";
+const loginAccordionOverlay = "_loginAccordionOverlay_hbh7s_344";
 const styles = {
   overlay,
   drawer,

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -194,6 +194,7 @@ export declare const getMenuData: (resolveUrl: UrlResolver) => {
                 "Leveraged Finance": string;
                 "Dealer Floorplan Finance": string;
                 "Premium Finance": string;
+                "Franchise Finance": string;
             };
             "Other Resources": {
                 "Business Support": string;

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

@@ -359,6 +359,9 @@ const getMenuData = (resolveUrl) => ({
         ),
         "Premium Finance": resolveUrl(
           "{AXOSBANK}/commercial/lending/premium-finance"
+        ),
+        "Franchise Finance": resolveUrl(
+          "{AXOSBANK}/commercial/lending/franchise-finance"
         )
       },
       "Other Resources": {

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -2924,6 +2924,15 @@ function SubNavBar() {
                             ),
                             children: "Premium Finance"
                           }
+                        ) }),
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: resolveUrl(
+                              "{AXOSBANK}/commercial/lending/franchise-finance"
+                            ),
+                            children: "Franchise Finance"
+                          }
                         ) })
                       ] })
                     ] }),

package/dist/NavigationMenu/AxosBank/index.js

@@ -499,7 +499,15 @@ function NavBar({
                               "li",
                               {
                                 className: `${styles.signin_subheader} ${signin_subheader}`,
-                                children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/commercial/lending/commercial-portal"), children: "Commercial Loan Portal" })
+                                children: /* @__PURE__ */ jsx(
+                                  "a",
+                                  {
+                                    href: resolveUrl(
+                                      "{AXOSBANK}/commercial/lending/commercial-portal"
+                                    ),
+                                    children: "Commercial Loan Portal"
+                                  }
+                                )
                               }
                             )
                           ] })

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

@@ -1,353 +1,353 @@
-._overlay_w36iv_1 {
-  position: fixed;
-  inset: 0;
-  height: 100vh;
-  background: rgba(0, 0, 0, 0.6);
-  z-index: 10000;
-}
-
-._drawer_w36iv_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_w36iv_17::-webkit-scrollbar {
-  display: none;
-}
-
-._mobileNavRow_w36iv_57 {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-._loginTrigger_w36iv_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_w36iv_69:hover {
-  opacity: 0.85;
-}
-
-._hamburger_w36iv_101 {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  transition: opacity 0.3s ease;
-  position: relative;
-}
-
-._hamburger_w36iv_101::before {
-  content: "";
-  position: absolute;
-  left: -7px;
-  bottom: 0;
-  height: 28px;
-  border-left: 2px solid #1f1f1f;
-  top: -2px;
-}
-
-._hamburger_w36iv_101:hover {
-  opacity: 0.8;
-}
-
-._loginDrawerTitle_w36iv_145 {
-  font-weight: 700;
-  font-size: 1rem;
-  color: var(--_1073cm83);
-}
-
-._loginDrawerContent_w36iv_157 {
-  padding: 1rem 1.2rem 1.2rem;
-  overflow: auto;
-  flex: 1;
-}
-
-._header_w36iv_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_w36iv_191 {
-  color: var(--_1073cm83);
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1;
-  padding: 0;
-}
-
-._close_w36iv_207 {
-  font-size: 1.3rem;
-}
-
-._back_w36iv_191,
-._close_w36iv_207 {
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-
-._levelContainer_w36iv_229 {
-  height: 100%;
-  position: relative;
-}
-
-._level_w36iv_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_w36iv_261 {
-  font: 700 0.9rem / 1.39 var(--main-font-family);
-  letter-spacing: 0.4px;
-}
-
-._menu_w36iv_271 {
-  background-color: transparent;
-  list-style: none;
-  margin: 0;
-  min-height: 100%;
-  padding: 0 1.2rem;
-  position: relative;
-}
-
-._menu_w36iv_271 li {
-  color: var(--_1073cm83);
-  font-family: var(--header-font-family);
-  font-weight: 500;
-  border-top: 1px solid #e9e9e9;
-}
-
-._menuItem_w36iv_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_w36iv_335 {
-  padding: 0;
-}
-
-._loginAccordionList_w36iv_343 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-._loginAccordionGroup_w36iv_355 {
-  padding-block: 4px;
-}
-
-._loginAccordionGroup_w36iv_355 + ._loginAccordionGroup_w36iv_355 {
-  margin-top: 2px;
-  position: relative;
-}
-
-._loginAccordionGroup_w36iv_355:nth-child(5):is(:last-child) {
-  padding-top: 12px;
-  margin-top: 12px;
-}
-
-._loginAccordionGroup_w36iv_355:nth-child(5):is(:last-child)::before {
-  content: "";
-  background-color: #8f8f8f;
-  height: 2px;
-  opacity: 0.3;
-  position: absolute;
-  right: 8px;
-  top: 0;
-  width: 94%;
-}
-
-._loginAccordionGroup_w36iv_355:nth-child(5):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_w36iv_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_w36iv_449 {
-  list-style: none;
-  margin: 0;
-  padding: 0 0 0 8px;
-}
-
-._loginAccordionList_w36iv_343 li {
-  font-family: var(--header-font-family);
-  font-weight: 500;
-}
-
-._loginAccordionList_w36iv_343 li li {
-  border-top: none;
-  color: #1e629a;
-  font-weight: 400;
-  padding-block: 3px;
-  font-family: var(--main-font-family);
-}
-
-._loginAccordionList_w36iv_343 ._menuItem_w36iv_303 {
-  display: inline;
-  padding-block: 0px;
-}
-
-._loginAccordionList_w36iv_343 ._menuItem_w36iv_303:hover {
-  opacity: 0.7;
-}
-
-._loginAccordion_w36iv_335 > ._menuItem_w36iv_303 {
-  padding-block: 4px;
-  position: relative;
-  isolation: isolate;
-}
-
-._loginAccordion_w36iv_335 > ._menuItem_w36iv_303::after {
-  content: "return to menu";
-  position: absolute;
-  right: 36px;
-  bottom: 50%;
-  font-size: 12px;
-  transform: translateY(50%);
-  letter-spacing: 0.5px;
-}
-
-._loginHeading_w36iv_537 {
-  font-family: var(--header-font-family);
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-._chevron_w36iv_557 {
-  font-size: 1.2rem;
-  margin-left: auto;
-}
-
-._chevronIcon_w36iv_567 {
-  height: auto;
-  margin-right: 10px;
-  max-width: 8px;
-}
-
-body:has(._drawer_w36iv_17) {
-  overflow-y: hidden;
-  position: relative;
-}
-
-._quickLinks_w36iv_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_w36iv_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_w36iv_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_w36iv_17 {
-    border-radius: 0;
-    max-width: none;
-    width: 100%;
-  }
-  ._menu_w36iv_271 li + li {
-    margin-top: 3px;
-  }
-  ._menuItem_w36iv_303 {
-    font-size: 0.9rem;
-    padding: 0.65rem 0;
-  }
-  ._loginAccordionOverlay_w36iv_687::before {
-    opacity: 0.1;
-  }
-}
-
-@media (min-width: 541px) {
-  ._drawer_w36iv_17:has(._loginDrawerContent_w36iv_157) {
-    max-width: 345px;
-  }
-}
+._overlay_hbh7s_1 {
+  position: fixed;
+  inset: 0;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 10000;
+}
+
+._drawer_hbh7s_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_hbh7s_9::-webkit-scrollbar {
+  display: none;
+}
+
+._mobileNavRow_hbh7s_29 {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+._loginTrigger_hbh7s_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_hbh7s_35:hover {
+  opacity: 0.85;
+}
+
+._hamburger_hbh7s_51 {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.3s ease;
+  position: relative;
+}
+
+._hamburger_hbh7s_51::before {
+  content: "";
+  position: absolute;
+  left: -7px;
+  bottom: 0;
+  height: 28px;
+  border-left: 2px solid #1f1f1f;
+  top: -2px;
+}
+
+._hamburger_hbh7s_51:hover {
+  opacity: 0.8;
+}
+
+._loginDrawerTitle_hbh7s_73 {
+  font-weight: 700;
+  font-size: 1rem;
+  color: var(--_1073cm83);
+}
+
+._loginDrawerContent_hbh7s_79 {
+  padding: 1rem 1.2rem 1.2rem;
+  overflow: auto;
+  flex: 1;
+}
+
+._header_hbh7s_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_hbh7s_96 {
+  color: var(--_1073cm83);
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1;
+  padding: 0;
+}
+
+._close_hbh7s_104 {
+  font-size: 1.3rem;
+}
+
+._back_hbh7s_96,
+._close_hbh7s_104 {
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+
+._levelContainer_hbh7s_115 {
+  height: 100%;
+  position: relative;
+}
+
+._level_hbh7s_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_hbh7s_131 {
+  font: 700 0.9rem / 1.39 var(--main-font-family);
+  letter-spacing: 0.4px;
+}
+
+._menu_hbh7s_136 {
+  background-color: transparent;
+  list-style: none;
+  margin: 0;
+  min-height: 100%;
+  padding: 0 1.2rem;
+  position: relative;
+}
+
+._menu_hbh7s_136 li {
+  color: var(--_1073cm83);
+  font-family: var(--header-font-family);
+  font-weight: 500;
+  border-top: 1px solid #e9e9e9;
+}
+
+._menuItem_hbh7s_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_hbh7s_168 {
+  padding: 0;
+}
+
+._loginAccordionList_hbh7s_172 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._loginAccordionGroup_hbh7s_178 {
+  padding-block: 4px;
+}
+
+._loginAccordionGroup_hbh7s_178 + ._loginAccordionGroup_hbh7s_178 {
+  margin-top: 2px;
+  position: relative;
+}
+
+._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child) {
+  padding-top: 12px;
+  margin-top: 12px;
+}
+
+._loginAccordionGroup_hbh7s_178:nth-child(5):is(:last-child)::before {
+  content: "";
+  background-color: #8f8f8f;
+  height: 2px;
+  opacity: 0.3;
+  position: absolute;
+  right: 8px;
+  top: 0;
+  width: 94%;
+}
+
+._loginAccordionGroup_hbh7s_178:nth-child(5):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_hbh7s_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_hbh7s_225 {
+  list-style: none;
+  margin: 0;
+  padding: 0 0 0 8px;
+}
+
+._loginAccordionList_hbh7s_172 li {
+  font-family: var(--header-font-family);
+  font-weight: 500;
+}
+
+._loginAccordionList_hbh7s_172 li li {
+  border-top: none;
+  color: #1e629a;
+  font-weight: 400;
+  padding-block: 3px;
+  font-family: var(--main-font-family);
+}
+
+._loginAccordionList_hbh7s_172 ._menuItem_hbh7s_152 {
+  display: inline;
+  padding-block: 0px;
+}
+
+._loginAccordionList_hbh7s_172 ._menuItem_hbh7s_152:hover {
+  opacity: 0.7;
+}
+
+._loginAccordion_hbh7s_168 > ._menuItem_hbh7s_152 {
+  padding-block: 4px;
+  position: relative;
+  isolation: isolate;
+}
+
+._loginAccordion_hbh7s_168 > ._menuItem_hbh7s_152::after {
+  content: "return to menu";
+  position: absolute;
+  right: 36px;
+  bottom: 50%;
+  font-size: 12px;
+  transform: translateY(50%);
+  letter-spacing: 0.5px;
+}
+
+._loginHeading_hbh7s_269 {
+  font-family: var(--header-font-family);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+._chevron_hbh7s_279 {
+  font-size: 1.2rem;
+  margin-left: auto;
+}
+
+._chevronIcon_hbh7s_284 {
+  height: auto;
+  margin-right: 10px;
+  max-width: 8px;
+}
+
+body:has(._drawer_hbh7s_9) {
+  overflow-y: hidden;
+  position: relative;
+}
+
+._quickLinks_hbh7s_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_hbh7s_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_hbh7s_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_hbh7s_9 {
+    border-radius: 0;
+    max-width: none;
+    width: 100%;
+  }
+  ._menu_hbh7s_136 li + li {
+    margin-top: 3px;
+  }
+  ._menuItem_hbh7s_152 {
+    font-size: 0.9rem;
+    padding: 0.65rem 0;
+  }
+  ._loginAccordionOverlay_hbh7s_344::before {
+    opacity: 0.1;
+  }
+}
+
+@media (min-width: 541px) {
+  ._drawer_hbh7s_9:has(._loginDrawerContent_hbh7s_79) {
+    max-width: 345px;
+  }
+}

package/package.json

@@ -1,148 +1,148 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.14",
-  "type": "module",
-  "main": "index.js",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/main.d.ts",
-      "import": "./dist/main.js"
-    },
-    "./styles.css": "./dist/assets/index.css",
-    "./globals.css": "./dist/assets/globals.css",
-    "./themes/axos.css": "./dist/assets/themes/axos.css",
-    "./themes/premier.css": "./dist/assets/themes/premier.css",
-    "./dist/*": "./dist/*"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --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 .",
-    "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": "^5.0.1",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
-    "@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 || ^0.5.5",
-    "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.56.4",
-    "react-markdown": "^9.1.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 || ^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
-    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@eslint/js": "^9.39.4",
-    "@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": "^19.0.0",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.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": "^9.0.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "globals": "^15.15.0",
-    "husky": "^9.1.7",
-    "next": "^16.0.0",
-    "prettier": "3.2.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "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-eslint": "^8.57.0",
-    "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"
-  },
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "2.0.0-dev.15",
+  "type": "module",
+  "main": "index.js",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./styles.css": "./dist/assets/index.css",
+    "./globals.css": "./dist/assets/globals.css",
+    "./themes/axos.css": "./dist/assets/themes/axos.css",
+    "./themes/premier.css": "./dist/assets/themes/premier.css",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --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 .",
+    "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": "^5.0.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
+    "@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 || ^0.5.5",
+    "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.56.4",
+    "react-markdown": "^9.1.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 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
+    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@eslint/js": "^9.39.4",
+    "@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": "^19.0.0",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.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": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "globals": "^15.15.0",
+    "husky": "^9.1.7",
+    "next": "^16.0.0",
+    "prettier": "3.2.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "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-eslint": "^8.57.0",
+    "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"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}