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

package/dist/Forms/ClearingForm.js

@@ -8,8 +8,8 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                              */
-/* empty css                                       */
+/* empty css                                          */
+/* empty css                                   */
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
@@ -20,10 +20,10 @@ 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                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import { associatedEmail } from "../utils/EverestValidity.js";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -153,195 +153,187 @@ const ClearingForm = ({
     }
   };
   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: clsx(headerContainer, "text_center"), children: [
-          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
-          description && /* @__PURE__ */ jsx(
-            "div",
+  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: clsx(headerContainer, "text_center"), children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            form,
+            descriptionField({ variant }),
+            "text_center"
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "first_name",
+            ...register("first_name", {
+              required: "First Name is required"
+            }),
+            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(
+          InputPhone,
+          {
+            id: "phone",
+            ...register("phone", { required: true, maxLength: 12 }),
+            label: "Phone",
+            sizes: "medium",
+            required: true,
+            error: !!errors.phone,
+            helperText: errors.phone?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "company",
+            ...register("company", { required: true }),
+            label: "Broker-Dealer Name",
+            sizes: "medium",
+            required: true,
+            error: !!errors.company,
+            helperText: errors.company?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Dropdown,
+          {
+            id: "Current_Assets_Under_Management__c",
+            ...register("Current_Assets_Under_Management__c", {
+              required: true
+            }),
+            label: "Assets Under Management",
+            sizes: "medium",
+            required: true,
+            error: !!errors.Current_Assets_Under_Management__c,
+            helperText: errors.Current_Assets_Under_Management__c?.message,
+            variant,
+            defaultValue: "Select option",
+            onChange: handleDropdownChange,
+            onClick: handleAUMerror,
+            onBlur: handleAUMerror,
+            children: [
+              /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
+              /* @__PURE__ */ jsx("option", { value: "$0 - $100MM", children: "$0 - $100MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$101MM - $200MM", children: "$101MM - $200MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$201MM - $500MM", children: "$201MM - $500MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$501MM - $750MM", children: "$501MM - $750MM" }),
+              /* @__PURE__ */ jsx("option", { value: "$751MM - $1B", children: "$751MM - $1B" }),
+              /* @__PURE__ */ jsx("option", { value: "$1B -$2B", children: "$1B -$2B" }),
+              /* @__PURE__ */ jsx("option", { value: "$2B+", children: "$2B+" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
+          /* @__PURE__ */ jsx(
+            Input,
             {
-              className: clsx(
-                form,
-                descriptionField({ variant }),
-                "text_center"
-              ),
-              children: description
+              id: "business_type_selection",
+              label: "Type of Business",
+              onFocus: handleShowBusinessType,
+              onBlur: handleTOBerrors,
+              sizes: "medium",
+              placeholder: "Select All That Apply",
+              error: !!errors.Business_Type__c,
+              readOnly: true,
+              className: ro_input
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "first_name",
-                ...register("first_name", {
-                  required: "First Name is required"
-                }),
-                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(
-              InputPhone,
-              {
-                id: "phone",
-                ...register("phone", { required: true, maxLength: 12 }),
-                label: "Phone",
-                sizes: "medium",
-                required: true,
-                error: !!errors.phone,
-                helperText: errors.phone?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "company",
-                ...register("company", { required: true }),
-                label: "Broker-Dealer Name",
-                sizes: "medium",
-                required: true,
-                error: !!errors.company,
-                helperText: errors.company?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Current_Assets_Under_Management__c",
-                ...register("Current_Assets_Under_Management__c", {
-                  required: true
-                }),
-                label: "Assets Under Management",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Current_Assets_Under_Management__c,
-                helperText: errors.Current_Assets_Under_Management__c?.message,
-                variant,
-                defaultValue: "Select option",
-                onChange: handleDropdownChange,
-                onClick: handleAUMerror,
-                onBlur: handleAUMerror,
-                children: [
-                  /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "$0 - $100MM", children: "$0 - $100MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$101MM - $200MM", children: "$101MM - $200MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$201MM - $500MM", children: "$201MM - $500MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$501MM - $750MM", children: "$501MM - $750MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$751MM - $1B", children: "$751MM - $1B" }),
-                  /* @__PURE__ */ jsx("option", { value: "$1B -$2B", children: "$1B -$2B" }),
-                  /* @__PURE__ */ jsx("option", { value: "$2B+", children: "$2B+" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: "business_type_selection",
-                  label: "Type of Business",
-                  onFocus: handleShowBusinessType,
-                  onBlur: handleTOBerrors,
-                  sizes: "medium",
-                  placeholder: "Select All That Apply",
-                  error: !!errors.Business_Type__c,
-                  readOnly: true,
-                  className: ro_input
-                }
-              ),
-              showBusinessTypes && /* @__PURE__ */ jsx(
-                CheckboxGroup,
-                {
-                  options,
-                  selectedValues,
-                  onChange: handleBusinessTypeChange,
-                  error: !!errors.Business_Type__c
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Memo__c",
-                ...register("Memo__c", { required: false }),
-                label: "Please provide additional details about your clearing needs (optional)",
-                sizes: "medium",
-                required: false,
-                error: !!errors.Memo__c,
-                helperText: errors.Memo__c?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "hidden",
-                ...register("Lead_Source_Detail_SFDC2__c", {
-                  value: "Axos Clearing"
-                })
-              }
-            )
-          ] }),
-          children,
-          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
-            Button,
+          ),
+          showBusinessTypes && /* @__PURE__ */ jsx(
+            CheckboxGroup,
             {
-              color: getVariant(callToAction?.variant),
-              as: "button",
-              type: "submit",
-              disabled: !isValid || isSubmitting || !requiredAUM || !requiredTOB,
-              children: callToAction?.displayText
+              options,
+              selectedValues,
+              onChange: handleBusinessTypeChange,
+              error: !!errors.Business_Type__c
             }
-          ) })
-        ] })
-      ] }) })
-    },
-    id
-  );
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "Memo__c",
+            ...register("Memo__c", { required: false }),
+            label: "Please provide additional details about your clearing needs (optional)",
+            sizes: "medium",
+            required: false,
+            error: !!errors.Memo__c,
+            helperText: errors.Memo__c?.message,
+            variant
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "hidden",
+            ...register("Lead_Source_Detail_SFDC2__c", {
+              value: "Axos Clearing"
+            })
+          }
+        )
+      ] }),
+      children,
+      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+      /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: getVariant(callToAction?.variant),
+          as: "button",
+          type: "submit",
+          disabled: !isValid || isSubmitting || !requiredAUM || !requiredTOB,
+          children: callToAction?.displayText
+        }
+      ) })
+    ] })
+  ] }) }) }, id);
 };
 export {
   ClearingForm