@axos-web-dev/shared-components 2.0.0-dev.9-3 → 2.0.0-dev.login

package/dist/Forms/ApplicationStart.d.ts

@@ -9,4 +9,4 @@ export type ApplicationStartInputs = {
     Send_SMS__c: boolean;
     DoNotCall: boolean;
 };
-export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ApplicationStart: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ApplyNow.d.ts

@@ -3,4 +3,4 @@ import { FormProps } from './FormProps';
 export declare const ApplyNow: ({ icon, children, disclosure, variant: fullVariant, headline, description, id, gbf, project, }: Omit<FormProps & {
     gbf?: boolean;
     project?: string;
-}, "callToAction" | "validateEmail" | "onSubmit">) => import("react/jsx-runtime").JSX.Element;
+}, "callToAction" | "validateEmail" | "onSubmit">) => import("react").JSX.Element;

package/dist/Forms/ApplyNow.js

@@ -6,7 +6,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/Modal/Modal.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Modal/Modal.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.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/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.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/Forms/QuickPricer/QuickPricerResults.css';import '../assets/ImageToast/ImageToast.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -27,9 +27,16 @@ import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Button/Button.css.js";
 import "../Modal/contextApi/store.js";
+import "next/image.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -75,7 +82,7 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
@@ -83,11 +90,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -106,12 +108,15 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */

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;
+export declare const BoatMooringLocation: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/BoatMooringLocation.js

@@ -53,8 +53,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(),
@@ -73,7 +77,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)) {
@@ -89,6 +102,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),
@@ -105,10 +141,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);
@@ -151,7 +188,7 @@ const BoatMooringLocation = ({
                 label: "First Name",
                 sizes: "medium",
                 required: true,
-                error: !!errors.email,
+                error: !!errors.firstName,
                 helperText: errors.firstName?.message,
                 variant
               }
@@ -166,56 +203,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,
               {
@@ -262,6 +254,7 @@ const BoatMooringLocation = ({
               Input,
               {
                 id: "marinaAddress2",
+                ...register("marinaAddress2"),
                 label: "Marina Address Line 2 (optional)",
                 sizes: "medium",
                 required: false,
@@ -317,6 +310,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,
               {
@@ -370,6 +408,7 @@ const BoatMooringLocation = ({
                 Input,
                 {
                   id: "extraMarinaAddress2",
+                  ...register("extraMarinaAddress2"),
                   label: "Marina Address Line 2 (optional)",
                   sizes: "medium",
                   required: false,
@@ -430,7 +469,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,
@@ -504,6 +543,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/ClearingForm.d.ts

@@ -11,4 +11,4 @@ export type ClearingInputs = {
     Memo__c: string;
     business_type_selection: string;
 };
-export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClearingForm: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialDeposits.d.ts

@@ -14,4 +14,4 @@ export type CommercialDepositsInputs = {
     Others_Detail__c: string;
     Product_and_servicing_needs__c: string;
 };
-export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommercialDeposits: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/CommercialDepositsACS.d.ts

@@ -0,0 +1,3 @@
+import { FormProps } from './FormProps';
+
+export declare const CommercialDepositsACS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;