@axos-web-dev/shared-components 0.0.154 → 0.0.156

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

@@ -0,0 +1,2 @@
+export declare const results_container: string;
+export declare const rate_table_title: string;

package/dist/Forms/QuickPricer/QuickPricerResults.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                                */
+var results_container = "_1eisah00";
+var rate_table_title = "_1eisah01";
+export {
+  rate_table_title,
+  results_container
+};

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

@@ -0,0 +1,7 @@
+export declare const user_container: string;
+export declare const user_card: string;
+export declare const user_headline: string;
+export declare const user_image: string;
+export declare const user_information: string;
+export declare const user_hr: string;
+export declare const user_buttons: string;

package/dist/Forms/QuickPricer/UserInformation.css.js

@@ -0,0 +1,19 @@
+/* empty css                                       */
+/* empty css                                          */
+/* empty css                                                             */
+var user_container = "uw98ur0";
+var user_card = "uw98ur1";
+var user_headline = "uw98ur2";
+var user_image = "uw98ur3";
+var user_information = "uw98ur4";
+var user_hr = "uw98ur5";
+var user_buttons = "uw98ur6";
+export {
+  user_buttons,
+  user_card,
+  user_container,
+  user_headline,
+  user_hr,
+  user_image,
+  user_information
+};

package/dist/Forms/QuickPricer/UserInformation.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+
+export type UserInformationI = {
+    name: string;
+    phone: string;
+    email: string;
+    src_img?: string;
+    title: string;
+};
+export declare const UserInformation: ({ name, phone, email, src_img, title, children, }: UserInformationI & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/QuickPricer/UserInformation.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Hyperlink } from "../../Hyperlink/index.js";
+import clsx from "clsx";
+import { user_container, user_card, user_headline, user_image, user_information, user_hr } from "./UserInformation.css.js";
+const UserInformation = ({
+  name,
+  phone,
+  email,
+  src_img,
+  title,
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: user_container, children: /* @__PURE__ */ jsxs("div", { className: user_card, style: { height: "725px" }, children: [
+    /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: clsx(
+          user_headline,
+          "header_4",
+          "text_center",
+          "push_up_24"
+        ),
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsx("hr", { className: "margin_block" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex_row center", style: { paddingBottom: "2rem" }, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: src_img ?? "https://images.axos.com/o9ov1v03uwqk/H1eQWuSbs2RBL77j9Jckd/0530125a5b0f07707e574c7d26048a9c/dummy_user.jpg",
+        className: user_image,
+        width: "612",
+        height: "612"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: user_information, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex_row between", children: [
+        /* @__PURE__ */ jsx("label", { children: "Name" }),
+        /* @__PURE__ */ jsx("span", { children: name })
+      ] }),
+      /* @__PURE__ */ jsx("hr", { className: clsx("margin_block", user_hr) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex_row between", children: [
+        /* @__PURE__ */ jsx("label", { children: "Phone" }),
+        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Hyperlink, { variant: "primary", targetUrl: `tel:${phone}`, children: phone }) })
+      ] }),
+      /* @__PURE__ */ jsx("hr", { className: clsx("margin_block", user_hr) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex_row between", children: [
+        /* @__PURE__ */ jsx("label", { children: "Email" }),
+        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Hyperlink, { variant: "primary", targetUrl: `mailto:${email}`, children: email }) })
+      ] }),
+      /* @__PURE__ */ jsx("hr", { className: clsx("margin_block", user_hr) })
+    ] }),
+    children
+  ] }) });
+};
+export {
+  UserInformation
+};

package/dist/Forms/QuickPricer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './QuickPricerForm';
+export * from './QuickPricerResults.css';
+export * from './UserInformation';
+export * from './UserInformation.css';

package/dist/Forms/QuickPricer/index.js

@@ -0,0 +1,18 @@
+"use client";
+import { QuickPricer } from "./QuickPricerForm.js";
+import { rate_table_title, results_container } from "./QuickPricerResults.css.js";
+import { UserInformation } from "./UserInformation.js";
+import { user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./UserInformation.css.js";
+export {
+  QuickPricer,
+  UserInformation,
+  rate_table_title,
+  results_container,
+  user_buttons,
+  user_card,
+  user_container,
+  user_headline,
+  user_hr,
+  user_image,
+  user_information
+};

package/dist/Forms/ScheduleCall.js

@@ -3,10 +3,11 @@ 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 { useState } from "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import { InputDateField } from "../Input/DatePicker2.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -19,14 +20,15 @@ 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 { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
+import { enUS } from "date-fns/locale";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -87,6 +89,9 @@ const ScheduleCall = ({
     });
   };
   const variant = getVariant(fullVariant);
+  const [valueInputDateField, setValueInputDateField] = useState(
+    /* @__PURE__ */ new Date()
+  );
   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: [
@@ -184,6 +189,16 @@ const ScheduleCall = ({
             variant
           }
         ) }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          InputDateField,
+          {
+            locale: enUS,
+            onChange: (e) => console.log(e),
+            onFieldClear: () => setValueInputDateField(null),
+            placeholder: "Date",
+            value: valueInputDateField
+          }
+        ) }),
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
           Dropdown,
           {

package/dist/Forms/ScheduleCallPremier.js

@@ -7,6 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import { CurrencyInput } from "../Input/CurrencyInput.js";
+import "../Input/DatePicker2.js";
 import { Dropdown } from "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import { Input } from "../Input/Input.js";
@@ -20,12 +21,12 @@ 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 { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";

package/dist/Forms/SuccesForm.js

@@ -6,12 +6,12 @@ import "@hookform/resolvers/zod";
 import "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                                */
-/* empty css                                          */
-/* empty css                                          */
+/* empty css                                              */
+/* empty css                                              */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -26,14 +26,14 @@ import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "iframe-resizer";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
-/* empty css                                                    */
+/* empty css                                                        */
 import "../Carousel/index.js";
 import "../Hyperlink/Hyperlink.css.js";
-/* empty css                                                                    */
+/* empty css                                                                        */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
@@ -42,15 +42,16 @@ import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
+/* empty css                                                  */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                         */
+/* empty css                                                             */
 import "../ImageBillboard/ImageBillboard.css.js";
-/* empty css                                        */
+/* empty css                                            */
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/DatePicker2.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -60,40 +61,40 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "react-wrap-balancer";
-/* empty css                                              */
-/* empty css                                                      */
-/* empty css                                            */
-/* empty css                                    */
+/* empty css                                                  */
+/* empty css                                                          */
+/* empty css                                                */
+/* empty css                                        */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Chevron/Chevron.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
 import "react-use";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
-/* empty css                                                   */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
+/* empty css                                                       */
 import "../NavigationMenu/AxosBank/NavData.js";
 import "next/navigation.js";
 import "next/image.js";
 import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                       */
+/* empty css                                                          */
+/* empty css                                                           */
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
-/* empty css                                                 */
-/* empty css                                                    */
-/* empty css                                                  */
+/* empty css                                                     */
+/* empty css                                                        */
+/* empty css                                                      */
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
-/* empty css                                        */
-/* empty css                                                  */
-/* empty css                                                */
+/* empty css                                            */
+/* empty css                                                      */
+/* empty css                                                    */
 import "next/script.js";
-/* empty css                                        */
-/* empty css                                              */
+/* empty css                                            */
+/* empty css                                                  */
 import "../Interstitial/Interstitial-variants.css.js";
 import "react-hook-form";
 import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
@@ -102,6 +103,8 @@ import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../Input/RadioButton.js";
 import "../Inputs/Input.css.js";
+/* empty css                                                             */
+/* empty css                                                          */
 function SuccesFormWrapper({
   children,
   isSubmitted,

package/dist/Forms/WcplSurvey.js

@@ -7,6 +7,7 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/DatePicker2.js";
 import "../Input/Dropdown.js";
 import "../Input/Dropdown.css.js";
 import "../Input/Input.js";
@@ -21,10 +22,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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";

package/dist/Forms/index.d.ts

@@ -1,5 +1,6 @@
 export * from './ApplicationStart';
 export * from './ClearingForm';
+export * from './CommercialDeposits';
 export * from './CommercialLending';
 export * from './ContactCompany';
 export * from './ContactUs';
@@ -12,15 +13,13 @@ export * from './EmailOnly';
 export * from './EmailUs';
 export * from './FormProps';
 export * from './Forms.css';
+export * from './MortgageRate/MortgageRateForm';
+export * from './MortgageRate/MortgageRateModal';
+export * from './MortgageRate/MortgageRateQuoteFilters';
+export * from './MortgageRate/MortgageRateWatch';
 export * from './QuickPricer';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';
 export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './WcplSurvey';
-export * from './CpraRequest';
-export * from './CommercialDeposits';
-export * from './MortgageRate/MortgageRateForm';
-export * from './MortgageRate/MortgageRateQuoteFilters';
-export * from './MortgageRate/MortgageRateModal';
-export * from './MortgageRate/MortgageRateWatch';

package/dist/Forms/index.js

@@ -1,5 +1,7 @@
+"use client";
 import { ApplicationStart } from "./ApplicationStart.js";
 import { ClearingForm } from "./ClearingForm.js";
+import { CommercialDeposits } from "./CommercialDeposits.js";
 import { CommercialLending } from "./CommercialLending.js";
 import { ContactCompany } from "./ContactCompany.js";
 import { ContactUs } from "./ContactUs.js";
@@ -11,20 +13,22 @@ import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
 import { actions, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, fullRowForm, fullRowSelect, headerContainer, headerForm, iconForm, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
-import { QuickPricer } from "./QuickPricer.js";
-import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
-import { ScheduleCall } from "./ScheduleCall.js";
-import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
-import { SuccesFormWrapper } from "./SuccesForm.js";
-import { WCPLSurvey } from "./WcplSurvey.js";
-import { CommercialDeposits } from "./CommercialDeposits.js";
 import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
-import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
 import "../utils/allowedAxosDomains.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
+import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
+import { QuickPricer } from "./QuickPricer/QuickPricerForm.js";
+import { rate_table_title, results_container } from "./QuickPricer/QuickPricerResults.css.js";
+import { UserInformation } from "./QuickPricer/UserInformation.js";
+import { user_buttons, user_card, user_container, user_headline, user_hr, user_image, user_information } from "./QuickPricer/UserInformation.css.js";
+import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
+import { ScheduleCall } from "./ScheduleCall.js";
+import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
+import { SuccesFormWrapper } from "./SuccesForm.js";
+import { WCPLSurvey } from "./WcplSurvey.js";
 export {
   ApplicationStart,
   ClearingForm,
@@ -48,6 +52,7 @@ export {
   ScheduleCall,
   ScheduleCallPremier,
   SuccesFormWrapper,
+  UserInformation,
   WCPLSurvey,
   actions,
   centerSelect,
@@ -73,7 +78,9 @@ export {
   na_cursor,
   one_row,
   pl_label,
+  rate_table_title,
   resposiveLabel,
+  results_container,
   ro_input,
   section_title,
   succes_check_mark,
@@ -81,6 +88,13 @@ export {
   success_icon,
   success_wrap,
   threeColRow,
+  user_buttons,
+  user_card,
+  user_container,
+  user_headline,
+  user_hr,
+  user_image,
+  user_information,
   x_input,
   xc_input
 };

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,8 +1,8 @@
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                   */
-/* empty css                              */
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                   */
+/* empty css                                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var logout = "_1ye8k3f0";
 var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f1", variantClassNames: { variant: { primary: "_1ye8k3f2", secondary: "_1ye8k3f3", tertiary: "_1ye8k3f4", quaternary: "_1ye8k3f5" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/HeroBanner/LargeBanner.css.js

@@ -1,7 +1,7 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                          */
-/* empty css                               */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                              */
+/* empty css                                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo0", variantClassNames: { variant: { primary: "_1bsyngo1", secondary: "_1bsyngo2", tertiary: "_1bsyngo3", quaternary: "_1bsyngo4" } }, defaultVariants: {}, compoundVariants: [] });
 var lg_hero_content = "_1bsyngo5";

package/dist/HeroBanner/SelectionBanner.css.js

@@ -1,7 +1,7 @@
-/* empty css                                          */
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                   */
+/* empty css                                              */
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                   */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var selection_headline_text = createRuntimeFn({ defaultClassName: "_7etqoq0", variantClassNames: { variant: { primary: "_7etqoq1", secondary: "_7etqoq2", tertiary: "_7etqoq3", quaternary: "_7etqoq4" } }, defaultVariants: {}, compoundVariants: [] });
 var selection_section = "_7etqoq5";

package/dist/Hyperlink/Hyperlink.css.js

@@ -1,4 +1,4 @@
-/* empty css                             */
+/* empty css                                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
 export {