@axos-web-dev/shared-components 2.0.0-dev.18 → 2.0.0-dev.19

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

@@ -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,7 +203,7 @@ const BoatMooringLocation = ({
                 label: "Last Name",
                 sizes: "medium",
                 required: true,
-                error: !!errors.email,
+                error: !!errors.lastName,
                 helperText: errors.lastName?.message,
                 variant
               }
@@ -217,6 +254,7 @@ const BoatMooringLocation = ({
               Input,
               {
                 id: "marinaAddress2",
+                ...register("marinaAddress2"),
                 label: "Marina Address Line 2 (optional)",
                 sizes: "medium",
                 required: false,
@@ -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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.18",
+  "version": "2.0.0-dev.19",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",