@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-dev.20

package/dist/Chatbot/useHeadlessChat.js

@@ -1,26 +1,62 @@
 "use client";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { useMessages } from "./store/messages.js";
+const brandMap = /* @__PURE__ */ new Map([
+  ["axos", 1],
+  ["", 2],
+  ["ufb", 3]
+]);
 function useHeadlessChat({
   companyId,
   tenant,
   host,
   getToken,
   projectId = "axos",
-  debug = false
+  debug = false,
+  menuOption = "Support Virtual Agent"
 }) {
   const addMessage = useMessages((state) => state.addMessage);
   const addMessages = useMessages((state) => state.addMessages);
+  const clearMessages = useMessages((state) => state.clearMessages);
+  const [showReconnect, setShowReconnect] = useState(false);
   const [status, setStatus] = useState("idle");
   const chatRef = useRef(null);
   const clientRef = useRef(null);
   const isMountedRef = useRef(true);
   const hasLoadedBefore = useRef(true);
+  const menuRef = useRef({ menus: [] });
   const sendMessage = useCallback(async (body) => {
     if (chatRef.current) {
       await clientRef.current?.sendTextMessage(body);
     }
   }, []);
+  const endChat = useCallback(async () => {
+    if (chatRef.current) {
+      await clientRef.current?.finishChat();
+      clearMessages();
+      clientRef.current?.createChat(
+        menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
+        {
+          custom_data: {
+            unsigned: {
+              facingBrandId: {
+                label: "facingBrandId",
+                value: `${brandMap.get(projectId) || 1}`
+              },
+              channel: {
+                label: "channel",
+                value: "in_web"
+              },
+              user_auth: {
+                label: "user_auth",
+                value: "false"
+              }
+            }
+          }
+        }
+      );
+    }
+  }, [clearMessages, menuOption, projectId]);
   useEffect(() => {
     let messageHandler;
     let chatReadyHandler;
@@ -49,21 +85,45 @@ function useHeadlessChat({
         if (isMountedRef.current) setStatus("error");
         return;
       }
-      const menus = await clientRef.current?.getMenus();
-      if (debug) console.log("channelId:", menus);
-      if (debug) console.log("channelId:", menus?.menus[5].id);
-      try {
-        chatRef.current = await clientRef.current?.createChat(
-          menus.menus[5].id
-          // {
-          //   custom_data: {
-          //     unsigned: {
-          //       facingBrandId: brandMap.get(projectId) || 1,
-          //     },
-          //   },
-          // }
+      menuRef.current = await clientRef.current?.getMenus();
+      if (debug) console.log("channelId:", menuRef.current);
+      if (debug)
+        console.log(
+          "channelId:",
+          menuRef.current?.menus.find((menu) => menu.name === menuOption)?.id
         );
-        if (debug) console.log("chatRef:", chatRef.current);
+      const custom_data = {
+        unsigned: {
+          facingBrandId: {
+            label: "facingBrandId",
+            value: `${brandMap.get(projectId) || 1}`
+          },
+          channel: {
+            label: "channel",
+            value: "in_web"
+          },
+          user_auth: {
+            label: "user_auth",
+            value: "false"
+          }
+        }
+      };
+      try {
+        chatRef.current = await clientRef.current?.loadOngoingChat();
+        if (chatRef.current != null) {
+          chatRef.current = await clientRef.current?.resumeChat(
+            chatRef.current?.state?.id
+          );
+          if (debug) console.log("Resumed chatRef:", chatRef.current);
+        } else {
+          chatRef.current = await clientRef.current?.createChat(
+            menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
+            {
+              custom_data
+            }
+          );
+          if (debug) console.log("chatRef:", chatRef.current);
+        }
       } catch (error) {
         console.error("Error creating chat:", error);
       }
@@ -81,9 +141,13 @@ function useHeadlessChat({
       chatConnectedHandler = async () => {
         console.log("Chat connected");
         setStatus("connected");
-        const messagesFetched = await chatRef.current?.fetchMessages();
-        if (debug) console.log("[messages]:", messagesFetched);
-        addMessages(messagesFetched || []);
+        try {
+          const messagesFetched = await chatRef.current?.fetchMessages();
+          if (debug) console.log("[messages]:", messagesFetched);
+          addMessages(messagesFetched || []);
+        } catch (error) {
+          console.error("Error fetching messages:", error);
+        }
       };
       startTypingHandler = (identity) => {
         console.log("start typing: ", identity);
@@ -148,9 +212,17 @@ function useHeadlessChat({
     addMessage,
     addMessages,
     debug,
-    projectId
+    projectId,
+    menuOption
   ]);
-  return { status, sendMessage };
+  return {
+    status,
+    sendMessage,
+    showReconnect,
+    setShowReconnect,
+    endChat,
+    virtualAgent: chatRef.current?.state.virtual_agent
+  };
 }
 export {
   useHeadlessChat

package/dist/Chevron/Chevron.css.d.ts

@@ -19,11 +19,11 @@ export declare const chevron: import('@vanilla-extract/recipes').RuntimeFn<{
             };
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: "FFFFFF";
             selectors: {
                 "&:hover": {
                     textDecoration: "underline";
-                    textDecorationColor: `var(--${string})`;
+                    textDecorationColor: "#FFFFFF";
                 };
             };
         };

package/dist/Chevron/index.js

@@ -71,12 +71,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/CollectInformationAlert/index.js

@@ -41,7 +41,7 @@ const CollectInformationAlert = () => {
         Hyperlink,
         {
           id: "close_btn_optin",
-          className: `${close_btn_optin}`,
+          className: close_btn_optin,
           targetUrl: "#",
           children: /* @__PURE__ */ jsx(SvgCloseIcon, {})
         }

package/dist/Comparison/Comparison.js

@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Typography/Typography.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -68,15 +68,15 @@ import "react-dom";
 import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
-/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                          */
 /* empty css                                                                    */
 import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
 import "next/image.js";

package/dist/Comparison/ComparisonSet.js

@@ -35,30 +35,39 @@ const ComparisonSet = ({
       bodyCopy,
       additionalDetails,
       isolate: true,
-      children: /* @__PURE__ */ jsxs("div", { className: clsx(comparison_container), children: [
-        /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
-          Tab,
-          {
-            id: `tab_${id2}_${index}`,
-            headline: `${headerTab}`,
-            onClick: () => {
-              toggleTab(index);
-            },
-            className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
-            variant
-          },
-          `tab_${id2}_${index}`
-        )) }),
-        comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
-          Comparison,
-          {
-            ...item,
-            key: item.id,
-            index,
-            toggleState
-          }
-        ))
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx(
+            comparison_container,
+            comparisonElements.length > 2 && "comparison_container--many_items"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
+              Tab,
+              {
+                id: `tab_${id2}_${index}`,
+                headline: `${headerTab}`,
+                onClick: () => {
+                  toggleTab(index);
+                },
+                className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
+                variant
+              },
+              `tab_${id2}_${index}`
+            )) }),
+            comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
+              Comparison,
+              {
+                ...item,
+                key: item.id,
+                index,
+                toggleState
+              }
+            ))
+          ]
+        }
+      )
     }
   );
 };

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -71,12 +71,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/FaqAccordion/index.js

@@ -72,12 +72,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -67,12 +67,12 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -431,7 +431,15 @@ const AxosFooterSiteMap = ({
       /* @__PURE__ */ jsxs("div", { className: ft_col, children: [
         /* @__PURE__ */ jsx("h2", { className: ft_col_header, children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{AXOSBANK}/partners"), children: "Partners" }) }),
         /* @__PURE__ */ jsxs("ul", { children: [
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "https://lavictoirefinance.com/dealers", children: "Marine Dealer Floorplan Finance" }) }),
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: findMoreAxosDomains(
+                "{AXOSBANK}/pages/axos-capital-solutions"
+              ),
+              children: "Marine Dealer Floorplan Finance"
+            }
+          ) }),
           /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             "a",
             {
@@ -534,7 +542,7 @@ const AxosFooterSiteMap = ({
                   "path",
                   {
                     d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                    fill: "#4A5560"
+                    fill: "#14263D"
                   }
                 )
               }
@@ -698,7 +706,7 @@ const AxosFooterSiteMap = ({
                   "path",
                   {
                     d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                    fill: "#4A5560"
+                    fill: "#14263D"
                   }
                 )
               }
@@ -870,14 +878,22 @@ const AxosFooterSiteMap = ({
                   "path",
                   {
                     d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
-                    fill: "#4A5560"
+                    fill: "#14263D"
                   }
                 )
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("ul", { children: [
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "https://lavictoirefinance.com/dealers", children: "Marine Dealer Floorplan Finance" }) }),
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: findMoreAxosDomains(
+                  "{AXOSBANK}/pages/axos-capital-solutions"
+                ),
+                children: "Marine Dealer Floorplan Finance"
+              }
+            ) }),
             /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               "a",
               {

package/dist/Forms/ApplyNow.js

@@ -72,12 +72,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/CommercialDepositsNoLendingOption.d.ts

@@ -0,0 +1,16 @@
+import { FormProps } from './FormProps';
+
+export type CommercialDepositsNoLendingOptionInputs = {
+    first_name: string;
+    last_name: string;
+    company: string;
+    email: string;
+    phone: string;
+    Estimated_Gross_Annual_Revenue__c: string;
+    Banking__c: boolean;
+    Treasury_Management__c: boolean;
+    Others__c: boolean;
+    Others_Detail__c: string;
+    Product_and_servicing_needs__c: string;
+};
+export declare const CommercialDepositsNoLendingOption: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;