@axos-web-dev/shared-components 2.0.0-dev.13-stepForm.4 → 2.0.0-dev.13-stepForm.5

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

@@ -374,6 +374,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"
+              }
             ) })
           ] })
         ] })
@@ -688,6 +697,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/Forms/BoatMooringLocation.d.ts

@@ -21,7 +21,10 @@ export type BoatMooringLocationInputs = {
     extraState: string;
     extraZip: string;
     extraCountry: string;
-    charterType: "Limited Charter" | "Full-time Charter";
+    charterType: "Limited Charter" | "Full-time Charter" | "";
     charterCompany: string;
+    insuranceCompanyName: string;
+    insurancePolicyExpirationDate: string;
+    insuranceContactEmailAddress: string;
 };
 export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/BoatMooringLocation.js

@@ -54,8 +54,12 @@ const BoatMooringLocation = ({
   const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
-    firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
-    lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "First Name is required."
+    }).trim().min(1, { message: "First Name is required." }),
+    lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Last Name is required."
+    }).trim().min(1, { message: "Last Name is required." }),
     boatOwnedByLlc: z.string().trim().optional().or(z.literal("")),
     llcName: z.string().trim().optional().or(z.literal("")),
     boatName: z.string().trim(),
@@ -74,7 +78,16 @@ const BoatMooringLocation = ({
     extraZip: z.string().trim().optional().or(z.literal("")),
     extraCountry: z.string().trim().optional().or(z.literal("")),
     charterType: z.string().trim().optional().or(z.literal("")),
-    charterCompany: z.string().trim().optional().or(z.literal(""))
+    charterCompany: z.string().trim().optional().or(z.literal("")),
+    insuranceCompanyName: z.string().trim().optional().or(z.literal("")),
+    insurancePolicyExpirationDate: z.string().trim().optional().or(z.literal("")),
+    insuranceContactEmailAddress: z.string().trim().email({ message: "Invalid email address." }).optional().or(z.literal("")).refine(
+      async (value) => {
+        if (!value) return true;
+        return await cachedEmailValidator(value);
+      },
+      { message: "Invalid email address." }
+    )
   });
   const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {
@@ -90,6 +103,29 @@ const BoatMooringLocation = ({
         path: ["llcName"]
       });
     }
+    if (data.charter === "No") {
+      if (!String(data.insuranceCompanyName ?? "").trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Insurance Company Name is required.",
+          path: ["insuranceCompanyName"]
+        });
+      }
+      if (!String(data.insurancePolicyExpirationDate ?? "").trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Insurance Policy Expiration Date is required.",
+          path: ["insurancePolicyExpirationDate"]
+        });
+      }
+      if (!String(data.insuranceContactEmailAddress ?? "").trim()) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Insurance Contact Email Address is required.",
+          path: ["insuranceContactEmailAddress"]
+        });
+      }
+    }
   });
   const methods = useForm({
     resolver: zodResolver(gen_schema),
@@ -106,10 +142,11 @@ const BoatMooringLocation = ({
     formState: { errors, isValid, isSubmitting }
   } = methods;
   const seasonMove = watch("seasonallyMove");
-  const isCharter = watch("charter");
+  const charter = watch("charter");
   const boatOwnedByLlc = watch("boatOwnedByLlc");
   const renderExtraFields = seasonMove === "Yes";
-  const renderCharterFields = isCharter === "Yes";
+  const renderCharterFields = charter === "Yes";
+  const renderInsuranceFields = charter === "No";
   const renderLlcNameField = boatOwnedByLlc === "Yes";
   const submitForm = async (data) => {
     await onSubmit(data);
@@ -152,7 +189,7 @@ const BoatMooringLocation = ({
                 label: "First Name",
                 sizes: "medium",
                 required: true,
-                error: !!errors.email,
+                error: !!errors.firstName,
                 helperText: errors.firstName?.message,
                 variant
               }
@@ -167,56 +204,11 @@ const BoatMooringLocation = ({
                 label: "Last Name",
                 sizes: "medium",
                 required: true,
-                error: !!errors.email,
+                error: !!errors.lastName,
                 helperText: errors.lastName?.message,
                 variant
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
-              RadioButtonSet,
-              {
-                id: "boatOwnedByLlc",
-                label: "Is your boat owned by an LLC?",
-                sizes: "medium",
-                required: true,
-                error: !!errors.boatOwnedByLlc,
-                helperText: errors.boatOwnedByLlc?.message,
-                variant,
-                children: [
-                  /* @__PURE__ */ jsx(
-                    RadioButton,
-                    {
-                      ...register("boatOwnedByLlc"),
-                      value: "Yes",
-                      radioText: "Yes",
-                      groupName: "boatOwnedByLlc"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    RadioButton,
-                    {
-                      ...register("boatOwnedByLlc"),
-                      value: "No",
-                      radioText: "No",
-                      groupName: "boatOwnedByLlc"
-                    }
-                  )
-                ]
-              }
-            ) }),
-            renderLlcNameField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "llcName",
-                ...register("llcName"),
-                label: "Name of LLC",
-                sizes: "medium",
-                required: true,
-                error: !!errors.llcName,
-                helperText: errors.llcName?.message,
-                variant
-              }
-            ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
@@ -263,6 +255,7 @@ const BoatMooringLocation = ({
               Input,
               {
                 id: "marinaAddress2",
+                ...register("marinaAddress2"),
                 label: "Marina Address Line 2 (optional)",
                 sizes: "medium",
                 required: false,
@@ -318,6 +311,51 @@ const BoatMooringLocation = ({
                 variant
               }
             ) }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "boatOwnedByLlc",
+                label: "Is your boat owned by an LLC?",
+                sizes: "medium",
+                required: true,
+                error: !!errors.boatOwnedByLlc,
+                helperText: errors.boatOwnedByLlc?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("boatOwnedByLlc"),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "boatOwnedByLlc"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("boatOwnedByLlc"),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "boatOwnedByLlc"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            renderLlcNameField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "llcName",
+                ...register("llcName"),
+                label: "Name of LLC",
+                sizes: "medium",
+                required: true,
+                error: !!errors.llcName,
+                helperText: errors.llcName?.message,
+                variant
+              }
+            ) }),
             /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
               RadioButtonSet,
               {
@@ -371,6 +409,7 @@ const BoatMooringLocation = ({
                 Input,
                 {
                   id: "extraMarinaAddress2",
+                  ...register("extraMarinaAddress2"),
                   label: "Marina Address Line 2 (optional)",
                   sizes: "medium",
                   required: false,
@@ -431,7 +470,7 @@ const BoatMooringLocation = ({
               RadioButtonSet,
               {
                 id: "charter",
-                label: "Is your boat a charter?",
+                label: "Is your boat in charter?",
                 sizes: "medium",
                 required: true,
                 error: !!errors.charter,
@@ -505,6 +544,48 @@ const BoatMooringLocation = ({
                 }
               ) })
             ] }),
+            renderInsuranceFields && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "insuranceCompanyName",
+                  ...register("insuranceCompanyName"),
+                  label: "Insurance Company Name",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.insuranceCompanyName,
+                  helperText: errors.insuranceCompanyName?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "insurancePolicyExpirationDate",
+                  ...register("insurancePolicyExpirationDate"),
+                  label: "Insurance Policy Expiration Date",
+                  sizes: "medium",
+                  type: "date",
+                  required: true,
+                  error: !!errors.insurancePolicyExpirationDate,
+                  helperText: errors.insurancePolicyExpirationDate?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "insuranceContactEmailAddress",
+                  ...register("insuranceContactEmailAddress"),
+                  label: "Insurance Contact Email Address",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.insuranceContactEmailAddress,
+                  helperText: errors.insuranceContactEmailAddress?.message,
+                  variant
+                }
+              ) })
+            ] }),
             /* @__PURE__ */ jsx(HoneyPot, { register, variant })
           ] }),
           children,

package/dist/Forms/FormEnums.js

@@ -64,8 +64,8 @@ const RepresentativesFico = [
 ];
 const DocType = [
   { value: "FullDoc", text: "Full Doc" },
-  { value: "AssetDepletion", text: "Asset Depletion" },
-  { value: "AssetUtilization", text: "Asset Utilization" },
+  // { value: "AssetDepletion", text: "Asset Depletion" },
+  // { value: "AssetUtilization", text: "Asset Utilization" },
   { value: "PersonalBankStmt12Mos", text: "Personal Bank Stmt: 12 Mos" },
   { value: "BusinessBankStmt12Mos", text: "Business Bank Stmt: 12 Mos" },
   { value: "PersonalBankStmt24Mos", text: "Personal Bank Stmt: 24 Mos" },

package/dist/Forms/MortgageRate/MortgageRateStep.css.d.ts

@@ -46,3 +46,14 @@ export declare const autoAdvanceBar: string;
 export declare const mainTitle: string;
 export declare const mainDescription: string;
 export declare const overlayOpacity: string;
+export declare const fieldSet: string;
+export declare const selectWrap: string;
+export declare const selectButton: string;
+export declare const selectButtonPlaceholder: string;
+export declare const selectChevron: string;
+export declare const selectOptions: string;
+export declare const selectOption: string;
+export declare const selectLabel: string;
+export declare const conditionalFieldWrap: string;
+export declare const subStepLabel: string;
+export declare const conditionalField: string;

package/dist/Forms/MortgageRate/MortgageRateStep.css.js

@@ -48,6 +48,17 @@ var autoAdvanceBar = "_13s19j319";
 var mainTitle = "_13s19j31a";
 var mainDescription = "_13s19j31b";
 var overlayOpacity = "_13s19j31c";
+var fieldSet = "_13s19j31d";
+var selectWrap = "_13s19j31e";
+var selectButton = "_13s19j31f";
+var selectButtonPlaceholder = "_13s19j31g";
+var selectChevron = "_13s19j31h";
+var selectOptions = "_13s19j31i";
+var selectOption = "_13s19j31j";
+var selectLabel = "_13s19j31k";
+var conditionalFieldWrap = "_13s19j31l";
+var subStepLabel = "_13s19j31m";
+var conditionalField = "_13s19j31n";
 export {
   actions,
   amountPreview,
@@ -59,6 +70,8 @@ export {
   autoAdvanceText,
   autoAdvanceTrack,
   buttonBase,
+  conditionalField,
+  conditionalFieldWrap,
   description,
   disclosure,
   disclosureText,
@@ -67,6 +80,7 @@ export {
   errorText,
   fieldBlock,
   fieldLabel,
+  fieldSet,
   formShell,
   helperText,
   input,
@@ -88,11 +102,19 @@ export {
   radioText,
   secondaryButton,
   section,
+  selectButton,
+  selectButtonPlaceholder,
+  selectChevron,
+  selectLabel,
+  selectOption,
+  selectOptions,
+  selectWrap,
   slider,
   sliderHeader,
   sliderValue,
   sliderWrap,
   stepPanel,
+  subStepLabel,
   successText,
   successTitle,
   successWrap,