@axos-web-dev/shared-components 0.0.93 → 0.0.95

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -3,23 +3,23 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.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                                                   */
 import "react";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
-/* empty css                                             */
-/* empty css                                             */
+/* empty css                                                 */
+/* empty css                                                 */
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                   */
+/* empty css                                       */
 import "../../Modal/contextApi/store.js";
 import "clsx";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
@@ -30,9 +30,9 @@ import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import "../../Input/Input.css.js";
-/* empty css                                        */
+/* empty css                                            */
 import "../../Input/Dropdown.js";
-/* empty css                                      */
+/* empty css                                          */
 import "../../Input/Input.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
@@ -43,15 +43,15 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
 import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
-/* empty css                                                                                   */
+/* empty css                                                                                       */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
 /* empty css                                                 */
-/* empty css                                             */
 import "next/image.js";
-/* 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";
@@ -60,32 +60,37 @@ 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";
 import { footer_section, footer_wrapper, ft_col, ft_col_header, ft_col_subheader, nested_grid, app_col, footer_mobile, ft_panel_group, ft_panel } from "./FooterSiteMap.css.js";
 import "../../ImageBillboard/ImageBillboard.css.js";
 import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                         */
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
+/* empty css                                                             */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
 import "next/link.js";
-/* empty css                                                      */
+/* empty css                                                          */
 import "next/navigation.js";
+/* empty css                                                             */
+/* empty css                                                              */
+import "../../PageNavItem/PageNavItem.css.js";
+import "lodash";
+import "react-slick";
+/* empty css                                                      */
+/* 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                                                     */
 const AxosFooterSiteMap = () => {
   return /* @__PURE__ */ jsx("footer", { className: footer_section, id: "site_map", children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
     /* @__PURE__ */ jsxs("nav", { className: footer_wrapper, children: [

package/dist/Forms/ApplicationStart.js

@@ -8,10 +8,10 @@ import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -19,10 +19,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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";

package/dist/Forms/CommercialLending.js

@@ -8,10 +8,10 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -19,10 +19,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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
@@ -45,7 +45,10 @@ const CommercialLending = ({
   id
 }) => {
   const schema = z.object({
-    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    first_name: z.string({
+      required_error: "First name is required",
+      invalid_type_error: "Invalid first name"
+    }).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." }),
     business_email: z.string().email({ message: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
     business_phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
@@ -65,9 +68,13 @@ const CommercialLending = ({
     type: z.string()
   });
   const methods = useForm({
-    resolver: zodResolver(schema.merge(SalesforceSchema), {
-      async: true
-    }),
+    resolver: zodResolver(
+      schema.merge(SalesforceSchema).refine(() => {
+      }),
+      {
+        async: true
+      }
+    ),
     mode: "all",
     defaultValues: {
       business_email: ""

package/dist/Forms/ContactCompany.js

@@ -8,10 +8,10 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -19,10 +19,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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";

package/dist/Forms/ContactUs.js

@@ -8,10 +8,10 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -19,10 +19,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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";

package/dist/Forms/ContactUsAAS.js

@@ -8,10 +8,10 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";

package/dist/Forms/ContactUsBusiness.js

@@ -5,10 +5,10 @@ import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "react";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -16,10 +16,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 "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -44,16 +44,16 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
 import "next/image.js";
-/* 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";
@@ -62,35 +62,40 @@ 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";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
 import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                       */
 import "next/navigation.js";
+/* empty css                                                          */
+/* empty css                                                           */
+import "../PageNavItem/PageNavItem.css.js";
+import "lodash";
+import "react-slick";
+/* empty css                                                   */
+/* 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                                                  */
 const ContactUsBusiness = ({
   icon = false,
   children,

package/dist/Forms/ContactUsNMLSId.js

@@ -5,10 +5,10 @@ import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "react";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
@@ -16,10 +16,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 "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -44,16 +44,16 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-/* empty css                                                                                */
+/* empty css                                                                                    */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                  */
 /* empty css                                              */
-/* empty css                                          */
 import "next/image.js";
-/* 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";
@@ -62,35 +62,40 @@ 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";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                */
+/* empty css                                    */
 import "../Modal/contextApi/store.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                              */
-/* empty css                                                                 */
+/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                                  */
+/* empty css                                                                     */
 import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                       */
 import "next/navigation.js";
+/* empty css                                                          */
+/* empty css                                                           */
+import "../PageNavItem/PageNavItem.css.js";
+import "lodash";
+import "react-slick";
+/* empty css                                                   */
+/* 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                                                  */
 const ContactUsNMLSId = ({
   icon = false,
   children,

package/dist/Forms/DealerServices.js

@@ -8,10 +8,10 @@ import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Input.css.js";
-/* empty css                                          */
-/* empty css                                     */
+/* empty css                                              */
+/* empty css                                         */
 import { Dropdown } from "../Input/Dropdown.js";
-/* empty css                                   */
+/* empty css                                       */
 import { Input } from "../Input/Input.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
@@ -19,10 +19,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 { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";