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

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,199 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { useForm, FormProvider } from "react-hook-form";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+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: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
+    Insurance_Company__c: z.string(),
+    Type_of_Policy__c: z.string()
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    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__ */ jsx("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: "Business 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", { required: true }),
+          label: "Insurance Company",
+          sizes: "medium",
+          required: true,
+          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/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.69",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",