@axos-web-dev/shared-components 0.0.111 → 0.0.113

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -25,6 +25,14 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
             selectors: {
                 [x: string]: {
                     flexDirection: "column";
+                    "@media"?: undefined;
+                } | {
+                    flexDirection: "row";
+                    "@media": {
+                        "screen and (max-width:1023px)": {
+                            flexDirection: "column";
+                        };
+                    };
                 };
             };
         };
@@ -33,6 +41,15 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
                 [x: string]: {
                     flexDirection: "column-reverse";
                     justifyContent: "space-between";
+                    "@media"?: undefined;
+                } | {
+                    flexDirection: "row-reverse";
+                    "@media": {
+                        "screen and (max-width:1023px)": {
+                            flexDirection: "column-reverse";
+                        };
+                    };
+                    justifyContent?: undefined;
                 };
             };
         };

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -43,8 +43,7 @@ const ImageBillboard = ({
         bordered && billboard_variant === "primary" ? "bordered" : "",
         imagePlacement({ position: position?.toLowerCase() }),
         `${set ? "" : "containment"}`,
-        position === "right" && "reversed",
-        imagePlacement({ position: position?.toLowerCase() })
+        position === "right" && "reversed"
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(

package/dist/ImageLink/ImageLink.js

@@ -72,6 +72,7 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                  */
 /* empty css                                                                     */
 /* empty css                                                       */
+import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -80,6 +80,7 @@ import "../Modal/contextApi/store.js";
 /* empty css                                                                  */
 /* empty css                                                                     */
 /* empty css                                                       */
+import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";

package/dist/ImageLink/index.js

@@ -75,6 +75,7 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                  */
 /* empty css                                                                     */
 /* empty css                                                       */
+import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";

package/dist/Input/DatePicker.css.d.ts

@@ -0,0 +1 @@
+export declare const datePicker: string;

package/dist/Input/DatePicker.css.js

@@ -0,0 +1,6 @@
+/* empty css                                              */
+/* empty css                                         */
+var datePicker = "_1oit9ls0";
+export {
+  datePicker
+};

package/dist/Input/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  DatePickerInput
+};

package/dist/Input/InputDate.css.d.ts

@@ -0,0 +1,6 @@
+export declare const calendarContainer: string;
+export declare const calendarIcon: string;
+export declare const inputDate: string;
+export declare const verticalCenter: string;
+export declare const calendar: string;
+export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -0,0 +1,15 @@
+/* empty css                                        */
+var calendarContainer = "skzved0";
+var calendarIcon = "skzved1";
+var inputDate = "skzved2";
+var verticalCenter = "skzved3";
+var calendar = "skzved4";
+var headerCalendar = "skzved5";
+export {
+  calendar,
+  calendarContainer,
+  calendarIcon,
+  headerCalendar,
+  inputDate,
+  verticalCenter
+};

package/dist/Input/InputDate.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const InputDate = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  InputDate
+};

package/dist/Input/InputProps.d.ts

@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DatepickerInputProps extends InputProps {
+    month?: string;
+    selected?: string;
+    show?: boolean;
+    onDateChange: (day: string) => void;
+}

package/dist/Insight/Featured/CategorySelector.js

@@ -74,6 +74,7 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                     */
 /* empty css                                                                        */
 /* empty css                                                          */
+import "../../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";

package/dist/Insight/Featured/Featured.js

@@ -78,6 +78,7 @@ import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                                     */
 /* empty css                                                                        */
 /* empty css                                                          */
+import "../../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";

package/dist/Modal/Modal.js

@@ -75,6 +75,7 @@ import "./contextApi/store.js";
 /* empty css                                                                  */
 /* empty css                                                                     */
 /* empty css                                                       */
+import "../NavigationMenu/AxosBank/NavData.js";
 import "next/image.js";
 import "next/link.js";
 import "next/navigation.js";

package/dist/NavigationMenu/AxosBank/NavData.d.ts

@@ -1,36 +1,2 @@
-export declare const navItems: {
-    name: string;
-    url: string;
-}[];
-export declare const subNavItems: {
-    personal: {
-        name: string;
-        url: string;
-        id: string;
-    }[];
-    business: {
-        name: string;
-        url: string;
-        id: string;
-    }[];
-    partners: {
-        name: string;
-        url: string;
-        id: string;
-    }[];
-    support: {
-        name: string;
-        url: string;
-        id: string;
-    }[];
-    about: {
-        name: string;
-        url: string;
-        id: string;
-    }[];
-    legal: {
-        name: string;
-        url: string;
-        id: string;
-    }[];
-};
+export declare const navItems: any;
+export declare const subNavItems: any;

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -1,46 +1,142 @@
-const navItems = [
-  { name: "Personal", url: "/personal" },
-  { name: "Business", url: "/business" },
-  { name: "Partners", url: "/partners" },
-  { name: "Support", url: "/customer-support" }
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "react/jsx-runtime";
+import "../../icons/ArrowIcon/ArrowIcon.css.js";
+import "../../icons/CheckIcon/CheckIcon.css.js";
+/* 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";
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
+/* empty css                                                 */
+/* empty css                                                 */
+import "../../Button/Button.css.js";
+import "react-use";
+import "../../Interstitial/Interstitial-variants.css.js";
+/* empty css                                       */
+import "../../Modal/contextApi/store.js";
+import "clsx";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Table/Table.css.js";
+import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import "../../Input/Dropdown.js";
+/* empty css                                          */
+import "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "react-hook-form";
+import "../../Forms/Forms.css.js";
+import "../../Forms/SalesforceFieldsForm.js";
+import "../../LoadingIndicator/LoadingIndicator.css.js";
+import "../../Input/RadioButton.js";
+import "../../Input/RadioButton.css.js";
+import "../../Input/Checkbox.css.js";
+import "iframe-resizer";
+import "../../Calculators/calculator.css.js";
+/* empty css                                                                                       */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                                     */
+/* empty css                                                 */
+/* empty css                                                           */
+import "../../Carousel/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
+/* empty css                                                                           */
+import "../../Comparison/Comparison.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+import "../../SetContainer/SetContainer.css.js";
+import "../../Tab/Tab.css.js";
+import "../../icons/Star/Star.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 "../../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                     */
+/* empty css                                                             */
+import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                             */
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
+/* empty css                                                          */
+import "next/image.js";
+import "next/link.js";
+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                                                         */
+import "../../StepItem/StepItem.css.js";
+import "../../StepItemSet/StepItemSet.css.js";
+/* empty css                                               */
+/* empty css                                                         */
+/* empty css                                                       */
+/* empty css                                               */
+/* empty css                                                     */
+const navItemsRaw = [
+  { name: "Personal", url: findMoreAxosDomains("{AXOSBANK}/personal") },
+  { name: "Business", url: findMoreAxosDomains("{AXOSBANK}/business") },
+  { name: "Partners", url: findMoreAxosDomains("{AXOSBANK}/partners") },
+  { name: "Support", url: findMoreAxosDomains("{AXOSBANK}/customer-support") }
 ];
-const subNavItems = {
+const subNavItemsRaw = {
   personal: [
     {
       name: "Bank",
-      url: "/personal",
+      url: findMoreAxosDomains("{AXOSBANK}/personal"),
       id: "ps_1"
     },
     {
       name: "Borrow",
-      url: "/personal/borrow",
+      url: findMoreAxosDomains("{AXOSBANK}/personal/borrow"),
       id: "ps_2"
     },
     {
       name: "Invest",
-      url: "https://www.axos.com/invest",
+      url: findMoreAxosDomains("{AXOS}"),
       id: "ps_3"
     },
     {
       name: "Plan",
-      url: "/personal/plan",
+      url: findMoreAxosDomains("{AXOSBANK}/personal/plan"),
       id: "ps_4"
     }
   ],
   business: [
     {
       name: "Small Business Banking",
-      url: "/business/small-business-banking",
+      url: findMoreAxosDomains("{AXOSBANK}/business"),
       id: "b_1"
     },
     {
       name: "Commercial Banking",
-      url: "/business/commercial-banking",
+      url: findMoreAxosDomains("{AXOSBANK}/commercial"),
       id: "b_2"
     },
     {
       name: "Commercial Lending",
-      url: "/business/commercial-lending",
+      url: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
       id: "b_3"
     }
   ],
@@ -52,12 +148,14 @@ const subNavItems = {
     },
     {
       name: "Wholesale Lending",
-      url: "/partners/wholesale-correspondent-portfolio-lending",
+      url: findMoreAxosDomains(
+        "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"
+      ),
       id: "pt_2"
     },
     {
       name: "Small Balance Commercial",
-      url: "/business/small-balance-commercial",
+      url: findMoreAxosDomains("{AXOSBANK}/business/small-balance-commercial"),
       id: "pt_3"
     },
     {
@@ -67,102 +165,104 @@ const subNavItems = {
     },
     {
       name: "Dealer Services",
-      url: "/partners/dealer-services",
+      url: findMoreAxosDomains("{AXOSBANK}/partners/dealer-services"),
       id: "pt_5"
     },
     {
       name: "Strategic Partnerships",
-      url: "/partners/strategic-partnerships",
+      url: findMoreAxosDomains("{AXOSBANK}/partners/strategic-partnerships"),
       id: "pt_6"
     }
   ],
   support: [
     {
       name: "Personal Support",
-      url: "/customer-support/personal-support",
+      url: findMoreAxosDomains("{AXOSBANK}/support"),
       id: "b_1"
     },
     {
       name: "Business Support",
-      url: "/customer-support/business-support",
+      url: findMoreAxosDomains("{AXOSBANK}/business/resources"),
       id: "b_2"
     },
     {
       name: "Partner Support",
-      url: "/customer-support/partner-support",
+      url: findMoreAxosDomains("{AXOSBANK}/partners/support"),
       id: "b_3"
     }
   ],
   about: [
     {
       name: "Axos Financial",
-      url: "/about-Us/axos-financial",
+      url: "https://investors.axosfinancial.com/corporate-profile/default.aspx",
       id: "a_1"
     },
     {
       name: "History",
-      url: "/about-us/history-of-axos",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/history-of-axos"),
       id: "a_2"
     },
     {
       name: "Why Axos",
-      url: "/about-us/why-axos",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/why-axos"),
       id: "a_3"
     },
     {
       name: "Awards and Recognitions",
-      url: "/about-us/awards-and-recognitions",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/awards-and-recognitions"),
       id: "a_4"
     },
     {
       name: "Executive Team",
-      url: "/about-us/executive-team",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/executive-team"),
       id: "a_5"
     },
     {
       name: "Press and News",
-      url: "/about-us/press-and-news",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/press-and-news"),
       id: "a_6"
     }
   ],
   legal: [
     {
       name: "Business Disclosures",
-      url: "/legal/disclosures",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/disclosures"),
       id: "l_1"
     },
     {
       name: "HELOC Disclosures",
-      url: "/legal/heloc-disclosures",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/heloc-disclosures"),
       id: "l_2"
     },
     {
       name: "Home Equity Loan Disclosures",
-      url: "/legal/home-equity-loan-disclosures",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/home-equity-loan-disclosures"),
       id: "l_3"
     },
     {
       name: "Privacy Policy",
-      url: "/legal/privacy",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/privacy"),
       id: "l_4"
     },
     {
       name: "FDIC Notice",
-      url: "/legal/fdic-notice",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/fdic-notice"),
       id: "l_5"
     },
     {
       name: "EHL Notice",
-      url: "/legal/ehl-notice",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/ehl-notice"),
       id: "l_6"
     },
     {
       name: "SAFE Act",
-      url: "/legal/safe-act",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/safe-act"),
       id: "l_7"
     }
   ]
 };
+const navItems = JSON.parse(JSON.stringify(navItemsRaw));
+const subNavItems = JSON.parse(JSON.stringify(subNavItemsRaw));
 export {
   navItems,
   subNavItems