@axos-web-dev/shared-components 0.0.198 → 0.0.199

package/dist/Forms/VendorQuestionnaire.js

@@ -0,0 +1,932 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import { InputTextArea } from "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
+import { formContainer, form, formWrapper, form_row, descriptionField, actions } from "./Forms.css.js";
+const VendorQuestionnaire = ({
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  variant: fullVariant = "primary",
+  validateEmail,
+  callToAction,
+  id
+}) => {
+  const schema = z.object({
+    "name/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "dba/0-2": z.string(),
+    "phone/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "website/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "address/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "address2/0-2": z.string(),
+    "city/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "state/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "zip/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "description/0-2": z.string(),
+    "how_did_you_hear_about_us_/0-2": z.string(),
+    "owner_name_1/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "owner_phone_1/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "owner_email_1/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "owner_name_2/0-2": z.string(),
+    "owner_phone_2/0-2": z.string(),
+    "owner_email_2/0-2": z.string(),
+    "owner_name_3/0-2": z.string(),
+    "owner_phone_3/0-2": z.string(),
+    "owner_email_3/0-2": z.string(),
+    "owner_name_4/0-2": z.string(),
+    "owner_phone_4/0-2": z.string(),
+    "owner_email_4/0-2": z.string(),
+    "sales_contact_name/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "sales_contact_phone/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "sales_contact_email/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "finance_contact_name/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "finance_contact_phone/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "finance_contact_email/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "type_of_organization/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "founded_year/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "officer_name_1/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "officer_title_1/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "officer_name_2/0-2": z.string(),
+    "officer_title_2/0-2": z.string(),
+    "officer_name_3/0-2": z.string(),
+    "officer_title_3/0-2": z.string(),
+    "name_of_insurer/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "insurer_phone/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "insurer_email/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "forecasted_business/0-2": z.string(),
+    "forecasted_business_comments/0-2": z.string(),
+    "security_transit_approval_documents/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "security_transit_closing_documents/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "security_rest_electronic/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "security_rest_paper/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "security_time_of_disposal_paper/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "security_time_of_disposal_electronic/0-2": z.string().min(1, { message: "Please complete this required field." }),
+    "company/0-1": z.string().min(1, { message: "Please complete this required field." }),
+    "firstname/0-1": z.string().min(1, { message: "Please complete this required field." }),
+    "lastname/0-1": z.string().min(1, { message: "Please complete this required field." }),
+    "jobtitle/0-1": z.string().min(1, { message: "Please complete this required field." }),
+    "email/0-1": z.string().email({ message: "Please complete this required field." }).refine(async (val) => await validateEmail(val))
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema, {
+      async: true
+    }),
+    mode: "all"
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid }
+  } = methods;
+  const submitForm = async (data) => {
+    const formattedFieldsData = Object.keys(data).map((key) => {
+      const [name, typeId] = key.split("/");
+      return { name, value: data[key], objectTypeId: typeId };
+    });
+    const contextData = {
+      pageUri: "https://lavictoirefinance.com/la-victoire-vendor-questionnaire",
+      pageName: "La Victoire",
+      pageId: "102797191008"
+    };
+    const legalConsentData = {
+      consent: {
+        consentToProcess: true,
+        text: "I agree to allow La Victoire Finance to store and process my personal data."
+      }
+    };
+    await onSubmit({
+      fields: formattedFieldsData,
+      context: contextData,
+      legalConsentOptions: legalConsentData
+    });
+  };
+  const variant = getVariant(fullVariant);
+  const formType = "questionnaire";
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: clsx(formContainer({ variant, formType })),
+      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+        /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType })), children: [
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h4", { children: "COMPANY INFORMATION" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "name/0-2",
+                ...register("name/0-2", { required: true }),
+                sizes: "medium",
+                placeholder: "Company Name",
+                required: true,
+                error: !!errors["name/0-2"],
+                helperText: errors["name/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "dba/0-2",
+                ...register("dba/0-2", { required: false }),
+                placeholder: "DBA",
+                sizes: "medium",
+                required: false,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone/0-2",
+                ...register("phone/0-2", { required: true }),
+                placeholder: "Phone Number",
+                sizes: "medium",
+                required: true,
+                type: "tel",
+                error: !!errors["phone/0-2"],
+                helperText: errors["phone/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "website/0-2",
+                ...register("website/0-2", { required: true }),
+                placeholder: "Website URL",
+                sizes: "medium",
+                required: true,
+                error: !!errors["website/0-2"],
+                helperText: errors["website/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "address/0-2",
+                ...register("address/0-2", { required: true }),
+                placeholder: "Street Address",
+                sizes: "medium",
+                required: true,
+                error: !!errors["address/0-2"],
+                helperText: errors["address/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "address2/0-2",
+                ...register("address2/0-2", { required: false }),
+                placeholder: "Street Address 2",
+                sizes: "medium",
+                required: false,
+                error: !!errors["address2/0-2"],
+                helperText: errors["address2/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "city/0-2",
+                ...register("city/0-2", { required: true }),
+                placeholder: "City",
+                sizes: "medium",
+                required: true,
+                error: !!errors["city/0-2"],
+                helperText: errors["city/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "state/0-2",
+                ...register("state/0-2", { required: true }),
+                placeholder: "State/Region",
+                sizes: "medium",
+                required: true,
+                error: !!errors["state/0-2"],
+                helperText: errors["state/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "zip/0-2",
+                ...register("zip/0-2", { required: true }),
+                placeholder: "ZIP/Postal Code",
+                sizes: "medium",
+                required: true,
+                error: !!errors["zip/0-2"],
+                helperText: errors["zip/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "description/0-2",
+              ...register("description/0-2", { required: false }),
+              label: "Description of current business (current brands, additional locations, etc.)",
+              placeholder: "Description",
+              sizes: "medium",
+              required: false,
+              error: !!errors["description/0-2"],
+              helperText: errors["description/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "how_did_you_hear_about_us_/0-2",
+              ...register("how_did_you_hear_about_us_/0-2", {
+                required: false
+              }),
+              placeholder: "How did you hear about us?",
+              sizes: "medium",
+              required: false,
+              error: !!errors["how_did_you_hear_about_us_/0-2"],
+              helperText: errors["how_did_you_hear_about_us_/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsxs("div", { className: `${descriptionField({ variant, formType })}`, children: [
+            /* @__PURE__ */ jsx("h4", { children: "OWNER INFORMATION" }),
+            /* @__PURE__ */ jsx("p", { children: "Include all parties with at least 25% ownership." })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "OWNER ONE" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_name_1/0-2",
+                ...register("owner_name_1/0-2", { required: true }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["owner_name_1/0-2"],
+                helperText: errors["owner_name_1/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_phone_1/0-2",
+                ...register("owner_phone_1/0-2", { required: true }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors["owner_phone_1/0-2"],
+                helperText: errors["owner_phone_1/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_email_1/0-2",
+                ...register("owner_email_1/0-2", { required: true }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors["owner_email_1/0-2"],
+                helperText: errors["owner_email_1/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "OWNER TWO" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_name_2/0-2",
+                ...register("owner_name_2/0-2", { required: false }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_name_2/0-2"],
+                helperText: errors["owner_name_2/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_phone_2/0-2",
+                ...register("owner_phone_2/0-2", { required: false }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_phone_2/0-2"],
+                helperText: errors["owner_phone_2/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_email_2/0-2",
+                ...register("owner_email_2/0-2", { required: false }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_email_2/0-2"],
+                helperText: errors["owner_email_2/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "OWNER THREE" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_name_3/0-2",
+                ...register("owner_name_3/0-2", { required: false }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_name_3/0-2"],
+                helperText: errors["owner_name_3/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_phone_3/0-2",
+                ...register("owner_phone_3/0-2", { required: false }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_phone_3/0-2"],
+                helperText: errors["owner_phone_3/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_email_3/0-2",
+                ...register("owner_email_3/0-2", { required: false }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_email_3/0-2"],
+                helperText: errors["owner_email_3/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "OWNER FOUR" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_name_4/0-2",
+                ...register("owner_name_4/0-2", { required: false }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_name_4/0-2"],
+                helperText: errors["owner_name_4/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_phone_4/0-2",
+                ...register("owner_phone_4/0-2", { required: false }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_phone_4/0-2"],
+                helperText: errors["owner_phone_4/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "owner_email_4/0-2",
+                ...register("owner_email_4/0-2", { required: false }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: false,
+                error: !!errors["owner_email_4/0-2"],
+                helperText: errors["owner_email_4/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h4", { children: "SALES & FINANCE CONTACTS" }) }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "SALES CONTACT" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "sales_contact_name/0-2",
+                ...register("sales_contact_name/0-2", { required: true }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["sales_contact_name/0-2"],
+                helperText: errors["sales_contact_name/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "sales_contact_phone/0-2",
+                ...register("sales_contact_phone/0-2", { required: true }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors["sales_contact_phone/0-2"],
+                helperText: errors["sales_contact_phone/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "sales_contact_email/0-2",
+                ...register("sales_contact_email/0-2", { required: true }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors["sales_contact_email/0-2"],
+                helperText: errors["sales_contact_email/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "FINANCE CONTACT" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "finance_contact_name/0-2",
+                ...register("finance_contact_name/0-2", {
+                  required: true
+                }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["finance_contact_name/0-2"],
+                helperText: errors["finance_contact_name/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "finance_contact_phone/0-2",
+                ...register("finance_contact_phone/0-2", {
+                  required: true
+                }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors["finance_contact_phone/0-2"],
+                helperText: errors["finance_contact_phone/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "finance_contact_email/0-2",
+                ...register("finance_contact_email/0-2", {
+                  required: true
+                }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors["finance_contact_email/0-2"],
+                helperText: errors["finance_contact_email/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h4", { children: "CORPORATE INFORMATION" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "type_of_organization/0-2",
+                ...register("type_of_organization/0-2", {
+                  required: true
+                }),
+                placeholder: "Type of Organization",
+                sizes: "medium",
+                required: true,
+                error: !!errors["type_of_organization/0-2"],
+                helperText: errors["type_of_organization/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "founded_year/0-2",
+                ...register("founded_year/0-2", { required: true }),
+                placeholder: "Year Founded",
+                sizes: "medium",
+                required: true,
+                error: !!errors["founded_year/0-2"],
+                helperText: errors["founded_year/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "OFFICERS, DIRECTORS, MEMBERS OR PARTNERS" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "officer_name_1/0-2",
+                ...register("officer_name_1/0-2", { required: true }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["officer_name_1/0-2"],
+                helperText: errors["officer_name_1/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "officer_title_1/0-2",
+                ...register("officer_title_1/0-2", { required: true }),
+                placeholder: "Title",
+                sizes: "medium",
+                required: true,
+                error: !!errors["officer_title_1/0-2"],
+                helperText: errors["officer_title_1/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "officer_name_2/0-2",
+                ...register("officer_name_2/0-2", { required: false }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: false,
+                error: !!errors["officer_name_2/0-2"],
+                helperText: errors["officer_name_2/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "officer_title_2/0-2",
+                ...register("officer_title_2/0-2", { required: false }),
+                placeholder: "Title",
+                sizes: "medium",
+                required: false,
+                error: !!errors["officer_title_2/0-2"],
+                helperText: errors["officer_title_2/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "officer_name_3/0-2",
+                ...register("officer_name_3/0-2", { required: false }),
+                placeholder: "Name",
+                sizes: "medium",
+                required: false,
+                error: !!errors["officer_name_3/0-2"],
+                helperText: errors["officer_name_3/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "officer_title_3/0-2",
+                ...register("officer_title_3/0-2", { required: false }),
+                placeholder: "Title",
+                sizes: "medium",
+                required: false,
+                error: !!errors["officer_title_3/0-2"],
+                helperText: errors["officer_title_3/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h4", { children: "INSURANCE INFORMATION" }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "name_of_insurer/0-2",
+                ...register("name_of_insurer/0-2", { required: true }),
+                placeholder: "Insurer Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["name_of_insurer/0-2"],
+                helperText: errors["name_of_insurer/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "insurer_phone/0-2",
+                ...register("insurer_phone/0-2", { required: true }),
+                placeholder: "Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors["insurer_phone/0-2"],
+                helperText: errors["insurer_phone/0-2"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "insurer_email/0-2",
+                ...register("insurer_email/0-2", { required: true }),
+                placeholder: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors["insurer_email/0-2"],
+                helperText: errors["insurer_email/0-2"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h4", { children: "FORECASTED BUSINESS" }) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "forecasted_business/0-2",
+              ...register("forecasted_business/0-2", {
+                required: false
+              }),
+              label: "Brands and anticipated volume.",
+              placeholder: "Forecasted Business",
+              sizes: "medium",
+              required: false,
+              error: !!errors["forecasted_business/0-2"],
+              helperText: errors["forecasted_business/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "forecasted_business_comments/0-2",
+              ...register("forecasted_business_comments/0-2", {
+                required: false
+              }),
+              label: "Tell us what’s important to you.",
+              placeholder: "Comments",
+              sizes: "medium",
+              required: false,
+              error: !!errors["forecasted_business_comments/0-2"],
+              helperText: errors["forecasted_business_comments/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsxs("div", { className: `${descriptionField({ variant, formType })}`, children: [
+            /* @__PURE__ */ jsx("h4", { children: "SECURITY POLICY" }),
+            /* @__PURE__ */ jsx("p", { children: "In lieu of the questions below, you may attach a copy of your existing policy. Please indicate how you protect customer Non-Public Information when communicating with LaVictoire, or once in receipt of Customer Information." })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "IN TRANSIT" }) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "security_transit_approval_documents/0-2",
+              ...register("security_transit_approval_documents/0-2", {
+                required: true
+              }),
+              label: "When submitting applications and sharing miscellaneous documents during the approval process.",
+              sizes: "medium",
+              placeholder: "Approval Documents",
+              required: true,
+              error: !!errors["security_transit_approval_documents/0-2"],
+              helperText: errors["security_transit_approval_documents/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "security_transit_closing_documents/0-2",
+              ...register("security_transit_closing_documents/0-2", {
+                required: true
+              }),
+              label: "When sharing closing and USCG documents, if applicable.",
+              sizes: "medium",
+              placeholder: "Closing Documents",
+              required: true,
+              error: !!errors["security_transit_closing_documents/0-2"],
+              helperText: errors["security_transit_closing_documents/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "AT REST" }) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "security_rest_electronic/0-2",
+              ...register("security_rest_electronic/0-2", {
+                required: true
+              }),
+              label: "Where are ELECTRONIC loan applications and closing documents saved, and how are they protected?",
+              sizes: "medium",
+              placeholder: "Electronic Documents",
+              required: true,
+              error: !!errors["security_rest_electronic/0-2"],
+              helperText: errors["security_rest_electronic/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "security_rest_paper/0-2",
+              ...register("security_rest_paper/0-2", { required: true }),
+              label: "Where are PAPER loan applications and closing documents saved, and how are they protected? Is there an alarm system on the premises?",
+              sizes: "medium",
+              required: true,
+              placeholder: "Paper Documents",
+              error: !!errors["security_rest_paper/0-2"],
+              helperText: errors["security_rest_paper/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h5", { children: "AT TIME OF DISPOSAL" }) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "security_time_of_disposal_paper/0-2",
+              ...register("security_time_of_disposal_paper/0-2", {
+                required: true
+              }),
+              label: "How long do you retain paper documents, and how does your company dispose of them?",
+              sizes: "medium",
+              required: true,
+              placeholder: "Paper Disposal",
+              error: !!errors["security_time_of_disposal_paper/0-2"],
+              helperText: errors["security_time_of_disposal_paper/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            InputTextArea,
+            {
+              id: "security_time_of_disposal_electronic/0-2",
+              ...register("security_time_of_disposal_electronic/0-2", {
+                required: true
+              }),
+              label: "When you upgrade or dispose of company computers, how do you remove the customer confidential data?  Does your company have IT personnel wipe the hard drives and destroy prior to disposal?",
+              sizes: "medium",
+              required: true,
+              placeholder: "Electronic Disposal",
+              error: !!errors["security_time_of_disposal_electronic/0-2"],
+              helperText: errors["security_time_of_disposal_electronic/0-2"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsxs("div", { className: `${descriptionField({ variant, formType })}`, children: [
+            /* @__PURE__ */ jsx("p", { children: "I am submitting this Vendor Questionnaire on behalf of the business named herein. I certify that I made no misrepresentation in this Vendor Questionnaire or in any related documents, that all information is true and complete, that I did not omit any important information, and that I am obligated to amend and/or supplement the information provided in this Questionnaire if any of the material facts represented herein should change. Lender is authorized to verify with other parties and to make any investigation of our Business, either directly or through any agency employed by the Lender for that purpose. I understand that Lender will retain this Questionnaire and any other information Lender receives, even if a mutual Agreement is not obtained." }),
+            /* @__PURE__ */ jsx("p", { children: "The transmission of this application as an “electronic record” containing my “electronic signature,” as those terms are defined in applicable federal and/or state laws, shall be as effective, enforceable and valid as if a paper version of this application were delivered containing my original written signature." })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: `${form_row}`, children: /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant, formType })}`, children: /* @__PURE__ */ jsx("h4", { children: "AUTHORIZED REPRESENTATIVE" }) }) }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "company/0-1",
+              ...register("company/0-1", { required: true }),
+              placeholder: "Company Name",
+              sizes: "medium",
+              required: true,
+              error: !!errors["company/0-1"],
+              helperText: errors["company/0-1"]?.message,
+              variant
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs("div", { className: form_row, children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "firstname/0-1",
+                ...register("firstname/0-1", { required: true }),
+                placeholder: "First Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["firstname/0-1"],
+                helperText: errors["firstname/0-1"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "lastname/0-1",
+                ...register("lastname/0-1", { required: true }),
+                placeholder: "Last Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors["lastname/0-1"],
+                helperText: errors["lastname/0-1"]?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "jobtitle/0-1",
+                ...register("jobtitle/0-1", { required: true }),
+                placeholder: "Job Title",
+                sizes: "medium",
+                required: true,
+                error: !!errors["jobtitle/0-1"],
+                helperText: errors["jobtitle/0-1"]?.message,
+                variant
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: form_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "email/0-1",
+              ...register("email/0-1", { required: true }),
+              placeholder: "Email",
+              sizes: "medium",
+              required: true,
+              error: !!errors["email/0-1"],
+              helperText: errors["email/0-1"]?.message,
+              variant
+            }
+          ) }) })
+        ] }),
+        children,
+        /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            color: getVariant(callToAction?.variant),
+            as: "button",
+            type: "submit",
+            disabled: !isValid,
+            children: callToAction?.displayText
+          }
+        ) })
+      ] }) }) })
+    },
+    id
+  );
+};
+export {
+  VendorQuestionnaire
+};