@axos-web-dev/shared-components 0.0.117 → 0.0.118

package/dist/Forms/CommercialLending.js

@@ -106,7 +106,10 @@ const CommercialLending = ({
     Type_of_Equipment_Finance__c: z.union([z.string(), z.undefined()]),
     Loan__c: z.union([z.string(), z.undefined()]),
     Asset_Class__c: z.union([z.string(), z.undefined()]),
-    Requested_loan_amount_and_leverage__c: z.union([z.string(), z.undefined()])
+    Requested_loan_amount_and_leverage__c: z.union([
+      z.string().min(0),
+      z.undefined()
+    ])
   });
   const methods = useForm({
     resolver: zodResolver(schema.merge(SalesforceSchema), {
@@ -126,287 +129,279 @@ const CommercialLending = ({
     await onSubmit(data);
   };
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id: `id_${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
+  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
               }
-            ) }),
-            /* @__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(
-              InputPhone,
-              {
-                id: "General_Business_Phone_SFDC2__c",
-                ...register("General_Business_Phone_SFDC2__c", {
-                  required: true,
-                  maxLength: 12
-                }),
-                label: "Business Phone",
-                sizes: "medium",
-                required: true,
-                error: !!errors.General_Business_Phone_SFDC2__c,
-                helperText: errors.General_Business_Phone_SFDC2__c?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Company_NMLS_ID__c",
-                ...register("Company_NMLS_ID__c"),
-                label: "Company NMLS ID",
-                sizes: "medium",
-                error: !!errors.Company_NMLS_ID__c,
-                helperText: errors.Company_NMLS_ID__c?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Business_Name__c",
-                ...register("Business_Name__c"),
-                label: "Business Name",
-                sizes: "medium",
-                error: !!errors.Business_Name__c,
-                helperText: errors.Business_Name__c?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Property_Zip__c",
-                ...register("Property_Zip__c"),
-                label: "Property Location or ZIP Code",
-                sizes: "medium",
-                error: !!errors.Property_Zip__c,
-                helperText: errors.Property_Zip__c?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Annual_Gross_Revenue__c",
-                ...register("Annual_Gross_Revenue__c", {
-                  required: true
-                }),
-                label: "Annual Gross Revenue",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Annual_Gross_Revenue__c,
-                helperText: errors.Annual_Gross_Revenue__c?.message,
-                variant,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Time_in_Business__c",
-                ...register("Time_in_Business__c", {
-                  required: true
-                }),
-                label: "Time in Business",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Time_in_Business__c,
-                helperText: errors.Time_in_Business__c?.message,
-                variant,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
-                  /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
-                  /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Lead_Type__c",
-                ...register("Lead_Type__c", {
-                  required: true
-                }),
-                label: "Type",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Lead_Type__c,
-                helperText: errors.Lead_Type__c?.message,
-                variant,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
-                  /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
-                ]
-              }
-            ) }),
-            equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Type_of_Equipment_Finance__c",
-                ...register("Type_of_Equipment_Finance__c"),
-                label: "Type of Equipment",
-                sizes: "medium",
-                error: !!errors.Type_of_Equipment_Finance__c,
-                helperText: errors.Type_of_Equipment_Finance__c?.message,
-                variant,
-                defaultValue: "",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
-                  /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
-                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
-                  /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
-                  /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
-                  /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
-                  /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
-                  /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
-                  /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
-                ]
-              }
-            ) }),
-            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Asset_Class__c",
-                ...register("Asset_Class__c"),
-                label: "Asset Class",
-                sizes: "medium",
-                error: !!errors.Asset_Class__c,
-                helperText: errors.Asset_Class__c?.message,
-                variant,
-                defaultValue: "",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
-                  CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
-                  /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
-                  /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
-                  /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
-                  /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
-                  /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
-                ]
-              }
-            ) }),
-            CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Loan__c",
-                ...register("Loan__c"),
-                label: "Purpose of Loan",
-                sizes: "medium",
-                error: !!errors.Loan__c,
-                helperText: errors.Loan__c?.message,
-                variant,
-                defaultValue: "",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
-                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
-                ]
-              }
-            ) }),
-            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Requested_loan_amount_and_leverage__c",
-                ...register("Requested_loan_amount_and_leverage__c"),
-                label: "Requested loan amount and leverage",
-                sizes: "medium",
-                error: !!errors.Requested_loan_amount_and_leverage__c,
-                helperText: errors.Requested_loan_amount_and_leverage__c?.message,
-                variant
-              }
-            ) })
-          ] }),
-          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
-  );
+            }),
+            label: "Business Email",
+            sizes: "medium",
+            required: true,
+            error: !!errors.email,
+            helperText: errors.email?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          InputPhone,
+          {
+            id: "General_Business_Phone_SFDC2__c",
+            ...register("General_Business_Phone_SFDC2__c", {
+              required: true,
+              maxLength: 12
+            }),
+            label: "Business Phone",
+            sizes: "medium",
+            required: true,
+            error: !!errors.General_Business_Phone_SFDC2__c,
+            helperText: errors.General_Business_Phone_SFDC2__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Company_NMLS_ID__c",
+            ...register("Company_NMLS_ID__c"),
+            label: "Company NMLS ID",
+            sizes: "medium",
+            error: !!errors.Company_NMLS_ID__c,
+            helperText: errors.Company_NMLS_ID__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Business_Name__c",
+            ...register("Business_Name__c"),
+            label: "Business Name",
+            sizes: "medium",
+            error: !!errors.Business_Name__c,
+            helperText: errors.Business_Name__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Property_Zip__c",
+            ...register("Property_Zip__c"),
+            label: "Property Location or ZIP Code",
+            sizes: "medium",
+            error: !!errors.Property_Zip__c,
+            helperText: errors.Property_Zip__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Annual_Gross_Revenue__c",
+            ...register("Annual_Gross_Revenue__c", {
+              required: true
+            }),
+            label: "Annual Gross Revenue",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Annual_Gross_Revenue__c,
+            helperText: errors.Annual_Gross_Revenue__c?.message,
+            variant,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Time_in_Business__c",
+            ...register("Time_in_Business__c", {
+              required: true
+            }),
+            label: "Time in Business",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Time_in_Business__c,
+            helperText: errors.Time_in_Business__c?.message,
+            variant,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
+              /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
+              /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Lead_Type__c",
+            ...register("Lead_Type__c", {
+              required: true
+            }),
+            label: "Type",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Lead_Type__c,
+            helperText: errors.Lead_Type__c?.message,
+            variant,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
+              /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
+            ]
+          }
+        ) }),
+        equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Type_of_Equipment_Finance__c",
+            ...register("Type_of_Equipment_Finance__c"),
+            label: "Type of Equipment",
+            sizes: "medium",
+            error: !!errors.Type_of_Equipment_Finance__c,
+            helperText: errors.Type_of_Equipment_Finance__c?.message,
+            variant,
+            defaultValue: "",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+              /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
+              /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
+              /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
+              /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
+              /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
+              /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
+              /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
+              /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
+              /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
+            ]
+          }
+        ) }),
+        (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Asset_Class__c",
+            ...register("Asset_Class__c"),
+            label: "Asset Class",
+            sizes: "medium",
+            error: !!errors.Asset_Class__c,
+            helperText: errors.Asset_Class__c?.message,
+            variant,
+            defaultValue: "",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+              /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
+              CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
+              /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
+              /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
+              /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
+              /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
+              /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
+            ]
+          }
+        ) }),
+        CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Loan__c",
+            ...register("Loan__c"),
+            label: "Purpose of Loan",
+            sizes: "medium",
+            error: !!errors.Loan__c,
+            helperText: errors.Loan__c?.message,
+            variant,
+            defaultValue: "",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+              /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
+              /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
+            ]
+          }
+        ) }),
+        (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Requested_loan_amount_and_leverage__c",
+            ...register("Requested_loan_amount_and_leverage__c"),
+            label: "Requested Loan Amount and Leverage",
+            sizes: "medium",
+            error: !!errors.Requested_loan_amount_and_leverage__c,
+            helperText: errors.Requested_loan_amount_and_leverage__c?.message,
+            variant
+          }
+        ) })
+      ] }),
+      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 {
   CommercialLending