@axos-web-dev/shared-components 0.0.50 → 0.0.52

package/dist/Forms/EmailOnly.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                          */
+/* empty css                                   */
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+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                                                */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+/* empty css                                                */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+import clsx from "clsx";
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                         */
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import "../SetContainer/SetContainer.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+const EmailOnly = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "tertiary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  const schema = z.object({
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val))
+  });
+  const methods = useForm({
+    resolver: async (data, context, options) => {
+      return zodResolver(schema.merge(SalesforceSchema))(
+        data,
+        context,
+        options
+      );
+    },
+    mode: "all",
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  const formType = "email";
+  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: `${form} ${descriptionField({ variant })} text_center`,
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsx("div", { className: clsx(formWrapper({ variant, formType })), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "email",
+              ...register("email", {
+                required: true,
+                validate: {
+                  isValid: associatedEmail
+                }
+              }),
+              label: "Email",
+              sizes: "medium",
+              placeholder: "Email",
+              required: true,
+              error: !!errors.email,
+              helperText: errors.email?.message,
+              variant
+            }
+          ) }) }),
+          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,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  EmailOnly
+};

package/dist/Forms/Forms.css.d.ts

@@ -75,6 +75,11 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
+    formType: {
+        email: {
+            gridTemplateColumns: "1fr";
+        };
+    };
 }>;
 export declare const actions: string;
 export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
@@ -132,4 +137,20 @@ export declare const success_circle: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
-export declare const descriptionField: string;
+export declare const descriptionField: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const fullRowForm: string;

package/dist/Forms/Forms.css.js

@@ -7,15 +7,16 @@ var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassN
 var iconForm = "tfms6a5";
 var headerContainer = "tfms6a6";
 var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" } }, defaultVariants: {}, compoundVariants: [] });
-var actions = "tfms6ah";
-var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ai", variantClassNames: { variant: { primary: "tfms6aj", secondary: "tfms6ak", tertiary: "tfms6al", quaternary: "tfms6am" } }, defaultVariants: {}, compoundVariants: [] });
-var form = "tfms6an";
-var success_wrap = createRuntimeFn({ defaultClassName: "tfms6aq", variantClassNames: { variant: { primary: "tfms6ar", secondary: "tfms6as", tertiary: "tfms6at", quaternary: "tfms6au" } }, defaultVariants: {}, compoundVariants: [] });
-var success_icon = "tfms6av";
-var succes_check_mark = "tfms6aw";
-var success_circle = createRuntimeFn({ defaultClassName: "tfms6ax", variantClassNames: { variant: { primary: "tfms6ay", secondary: "tfms6az", tertiary: "tfms6a10", quaternary: "tfms6a11" } }, defaultVariants: {}, compoundVariants: [] });
-var descriptionField = "tfms6a12";
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" }, formType: { email: "tfms6ah" } }, defaultVariants: {}, compoundVariants: [] });
+var actions = "tfms6ai";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6aj", variantClassNames: { variant: { primary: "tfms6ak", secondary: "tfms6al", tertiary: "tfms6am", quaternary: "tfms6an" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6ao";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6ar", variantClassNames: { variant: { primary: "tfms6as", secondary: "tfms6at", tertiary: "tfms6au", quaternary: "tfms6av" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6aw";
+var succes_check_mark = "tfms6ax";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6ay", variantClassNames: { variant: { primary: "tfms6az", secondary: "tfms6a10", tertiary: "tfms6a11", quaternary: "tfms6a12" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a13", variantClassNames: { variant: { primary: "tfms6a14", secondary: "tfms6a15", tertiary: "tfms6a16", quaternary: "tfms6a17" } }, defaultVariants: {}, compoundVariants: [] });
+var fullRowForm = "tfms6a18";
 export {
   actions,
   descriptionField,
@@ -23,6 +24,7 @@ export {
   form,
   formContainer,
   formWrapper,
+  fullRowForm,
   headerContainer,
   headerForm,
   iconForm,

package/dist/Forms/RenderForm.js

@@ -1,8 +1,59 @@
 import { jsx, Fragment } from "react/jsx-runtime";
+import "@hookform/resolvers/zod";
+import "../Modal/contextApi/store.js";
+import "clsx";
+import "react";
+import "../Button/Button.css.js";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                          */
+/* empty css                                   */
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import "react-hook-form";
 import "./Forms.css.js";
 import "./SalesforceFieldsForm.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+/* empty css                                                */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                         */
+import "../SetContainer/SetContainer.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
 import { ScheduleCall } from "./ScheduleCall.js";
-import "clsx";
 const renderSwitch = (form = "Contact Form", props) => {
   switch (form) {
     case "Contact Form":

package/dist/Forms/SalesforceFieldsForm.js

@@ -36,7 +36,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Brand_SFDC2__c", {
-          value: salesforceFields == null ? void 0 : salesforceFields.brand
+          value: salesforceFields?.brand
         })
       }
     ),
@@ -45,7 +45,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Branch_SFDC2__c", {
-          value: salesforceFields == null ? void 0 : salesforceFields.branch
+          value: salesforceFields?.branch
         })
       }
     ),
@@ -54,7 +54,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Sub_Branch_SFDC2__c", {
-          value: salesforceFields == null ? void 0 : salesforceFields.subBranch
+          value: salesforceFields?.subBranch
         })
       }
     ),
@@ -63,7 +63,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Lead_Source_Detail_SFDC2__c", {
-          value: salesforceFields == null ? void 0 : salesforceFields.leadSourceDetail
+          value: salesforceFields?.leadSourceDetail
         })
       }
     ),
@@ -72,7 +72,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       "input",
       {
         type: "hidden",
-        ...register("Web_Source__c", { value: location == null ? void 0 : location.pathname })
+        ...register("Web_Source__c", { value: location?.pathname })
       }
     ),
     /* @__PURE__ */ jsx(
@@ -80,7 +80,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("Marketing_Source__c", {
-          value: `${(queryParams == null ? void 0 : queryParams.utm_campaign) ? queryParams.utm_campaign : "no campaign_no source"}`
+          value: `${queryParams?.utm_campaign ? queryParams.utm_campaign : "no campaign_no source"}`
         })
       }
     ),
@@ -89,7 +89,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("First_UTMCampaign__c", {
-          value: queryParams == null ? void 0 : queryParams.utm_campaign
+          value: queryParams?.utm_campaign
         })
       }
     ),
@@ -98,7 +98,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("First_UTMContent__c", {
-          value: queryParams == null ? void 0 : queryParams.utm_content
+          value: queryParams?.utm_content
         })
       }
     ),
@@ -107,7 +107,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("First_UTMMedium__c", {
-          value: queryParams == null ? void 0 : queryParams.utm_medium
+          value: queryParams?.utm_medium
         })
       }
     ),
@@ -116,7 +116,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("First_UTMSource__c", {
-          value: queryParams == null ? void 0 : queryParams.utm_source
+          value: queryParams?.utm_source
         })
       }
     ),
@@ -125,7 +125,7 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
       {
         type: "hidden",
         ...register("First_UTMTerm__c", {
-          value: queryParams == null ? void 0 : queryParams.utm_term
+          value: queryParams?.utm_term
         })
       }
     )

package/dist/Forms/ScheduleCall.d.ts

@@ -11,7 +11,7 @@ export type Inputs = {
 export interface FormProps extends PropsWithChildren {
     id?: string;
     onSubmit?: (values: {
-        [index: string]: string;
+        [index: string]: string | boolean | number;
     }) => void;
     icon?: boolean;
     headline?: ReactNode | string;

package/dist/Forms/ScheduleCall.js

@@ -5,6 +5,11 @@ 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";
+/* empty css                                          */
+/* empty css                                   */
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
@@ -37,7 +42,6 @@ const ScheduleCall = ({
   validateEmail,
   id
 }) => {
-  var _a, _b, _c, _d;
   const schema = z.object({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
@@ -95,7 +99,7 @@ const ScheduleCall = ({
                 placeholder: "First Name",
                 required: true,
                 error: !!errors.first_name,
-                helperText: (_a = errors.first_name) == null ? void 0 : _a.message,
+                helperText: errors.first_name?.message,
                 variant
               }
             ) }),
@@ -109,7 +113,7 @@ const ScheduleCall = ({
                 placeholder: "Last Name",
                 required: true,
                 error: !!errors.last_name,
-                helperText: (_b = errors.last_name) == null ? void 0 : _b.message,
+                helperText: errors.last_name?.message,
                 variant
               }
             ) }),
@@ -128,7 +132,7 @@ const ScheduleCall = ({
                 placeholder: "Email",
                 required: true,
                 error: !!errors.email,
-                helperText: (_c = errors.email) == null ? void 0 : _c.message,
+                helperText: errors.email?.message,
                 variant
               }
             ) }),
@@ -142,7 +146,7 @@ const ScheduleCall = ({
                 placeholder: "Phone",
                 required: true,
                 error: !!errors.phone,
-                helperText: (_d = errors.phone) == null ? void 0 : _d.message,
+                helperText: errors.phone?.message,
                 variant
               }
             ) })
@@ -152,11 +156,11 @@ const ScheduleCall = ({
           /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
             Button,
             {
-              color: getVariant(callToAction == null ? void 0 : callToAction.variant),
+              color: getVariant(callToAction?.variant),
               as: "button",
               type: "submit",
               disabled: !isValid || isSubmitting,
-              children: callToAction == null ? void 0 : callToAction.displayText
+              children: callToAction?.displayText
             }
           ) })
         ] })

package/dist/Forms/ScheduleCallPremier.d.ts

@@ -0,0 +1,12 @@
+import { FormProps } from './ScheduleCall';
+
+export type ScheduleCallPremierInputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+    Best_Contact_Date__c: string;
+    Best_Time_To_Call__c: string;
+    Potential_Funding__c: string;
+};
+export declare const ScheduleCallPremier: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;