@axos-web-dev/shared-components 1.0.68 → 1.0.70

package/dist/Forms/CommercialPremiumFinance.d.ts

@@ -0,0 +1,10 @@
+import { FormProps } from './FormProps';
+
+export type CommercialPremiumFinanceInputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    Insurance_Company__c: string;
+    Type_of_Policy__c: string;
+};
+export declare const CommercialPremiumFinance: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CommercialPremiumFinance.js

@@ -0,0 +1,201 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { useForm, FormProvider } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import "../utils/allowedAxosDomains.js";
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import clsx from "clsx";
+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";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+const CommercialPremiumFinance = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  callToAction,
+  validateEmail,
+  description,
+  id
+}) => {
+  const schema = z.object({
+    first_name: z.string({
+      required_error: "First name is required",
+      invalid_type_error: "Invalid first name"
+    }).regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
+      message: "Invalid first name"
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({
+      required_error: "Last name is required",
+      invalid_type_error: "Invalid last name"
+    }).regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
+      message: "Invalid last name"
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Invalid email address" }).refine(async (val) => await validateEmail(val), {
+      message: "Invalid email address"
+    }),
+    Insurance_Company__c: z.string(),
+    Type_of_Policy__c: z.string()
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema, {
+      async: true
+    }),
+    mode: "onBlur",
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            "text_center",
+            form,
+            descriptionField({ variant })
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "first_name",
+            ...register("first_name", { required: true }),
+            label: "First Name",
+            sizes: "medium",
+            required: true,
+            error: !!errors.first_name,
+            helperText: errors.first_name?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "last_name",
+            ...register("last_name", { required: true }),
+            label: "Last Name",
+            sizes: "medium",
+            required: true,
+            error: !!errors.last_name,
+            helperText: errors.last_name?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "email",
+            ...register("email", {
+              required: true,
+              validate: {
+                isValid: associatedEmail
+              }
+            }),
+            label: "Email",
+            sizes: "medium",
+            required: true,
+            error: !!errors.email,
+            helperText: errors.email?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Insurance_Company__c",
+            ...register("Insurance_Company__c", {}),
+            label: "Insurance Company",
+            sizes: "medium",
+            error: !!errors.Insurance_Company__c,
+            helperText: errors.Insurance_Company__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Type_of_Policy__c",
+            ...register("Type_of_Policy__c", {}),
+            label: "Type of Policy",
+            sizes: "medium",
+            variant,
+            defaultValue: "",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "" }),
+              /* @__PURE__ */ jsx("option", { value: "Whole life", children: "Whole life" }),
+              /* @__PURE__ */ jsx("option", { value: "Index Universal Life", children: "Index Universal Life" })
+            ]
+          }
+        ) })
+      ] }),
+      children,
+      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+      /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+        LoadingIndicator,
+        {
+          style: { marginInline: "auto" },
+          variant
+        }
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: getVariant(callToAction?.variant),
+          as: "button",
+          type: "submit",
+          disabled: !isValid || isSubmitting,
+          children: callToAction?.displayText
+        }
+      ) })
+    ] })
+  ] }) }) }, id);
+};
+export {
+  CommercialPremiumFinance
+};

package/dist/Forms/index.d.ts

@@ -28,3 +28,4 @@ export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
+export * from './CommercialPremiumFinance';

package/dist/Forms/index.js

@@ -34,12 +34,14 @@ import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { VendorQuestionnaire } from "./VendorQuestionnaire.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
+import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
 export {
   ApplicationStart,
   ApplyNow,
   ClearingForm,
   CommercialDeposits,
   CommercialLending,
+  CommercialPremiumFinance,
   ContactCompany,
   ContactCompanyTitle,
   ContactUs,

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

@@ -185,6 +185,7 @@ export declare const menuData: {
                 "Small Balance Commercial Real Estate": string;
                 "Leveraged Finance": string;
                 "Marine Dealer Floorplan Finance": string;
+                "Premium Finance": string;
             };
             "Other Resources": {
                 "Business Support": string;

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

@@ -497,7 +497,10 @@ const menuData = {
         "Leveraged Finance": findMoreAxosDomains(
           "{AXOSBANK}/commercial/lending/leveraged-finance"
         ),
-        "Marine Dealer Floorplan Finance": "https://lavictoirefinance.com/dealers"
+        "Marine Dealer Floorplan Finance": "https://lavictoirefinance.com/dealers",
+        "Premium Finance": findMoreAxosDomains(
+          "{AXOSBANK}/commercial/lending/premium-finance"
+        )
       },
       "Other Resources": {
         "Business Support": findMoreAxosDomains("{AXOSBANK}/business/support"),

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -2899,6 +2899,15 @@ function SubNavBar() {
                             href: `https://lavictoirefinance.com/dealers`,
                             children: "Marine Dealer Floorplan Finance"
                           }
+                        ) }),
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains(
+                              "{AXOSBANK}/commercial/lending/premium-finance"
+                            ),
+                            children: "Premium Finance"
+                          }
                         ) })
                       ] })
                     ] }),

package/dist/main.js

@@ -87,6 +87,7 @@ import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
+import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
@@ -250,6 +251,7 @@ export {
   CollectInformationAlert,
   CommercialDeposits,
   CommercialLending,
+  CommercialPremiumFinance,
   ComparisonSet,
   ContactCompany,
   ContactCompanyTitle,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.68",
+  "version": "1.0.70",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",