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

package/dist/ATMLocator/ATMLocator.js

@@ -24,6 +24,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 /* empty css                                                                                    */
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import clsx from "clsx";
 /* empty css                                                        */
@@ -94,7 +95,6 @@ import "../Table/Table.css.js";
 /* empty css                                                  */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "iframe-resizer";
 import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
 const ATMLocator = (props) => {

package/dist/Button/Button.js

@@ -141,7 +141,8 @@ const Button = ({
         href: findMoreAxosDomains(targetUrl),
         id,
         target: newTab ? "_blank" : "_self",
-        onClick: marketingIntersitial ? openMarketingInterstitial : action ?? onClick
+        onClick: marketingIntersitial ? openMarketingInterstitial : action ?? onClick,
+        disabled: disabled ?? false
       },
       children
     ),

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -37,7 +37,13 @@ const BalanceAPYCalculator = ({
   const [checkingEarning, setCheckingEarning] = useState(1.5);
   const [error, setError] = useState(false);
   const removeNonNumeric = (value) => {
-    return parseInt(value.replace(/\D/g, ""));
+    if (value === "") {
+      value = "0";
+    }
+    const removeNonNumericChars = value.replace(/\D/g, "");
+    const newValue = parseInt(removeNonNumericChars, 10);
+    setBalance(newValue);
+    return newValue;
   };
   const calculateBlance = (amount) => {
     setAxbEarning(axbAPY / 100 * amount);
@@ -96,7 +102,6 @@ const BalanceAPYCalculator = ({
                 {
                   className: calculator_input,
                   id: "amount",
-                  type: "number",
                   step: 100,
                   name: "amount",
                   value: balance,

package/dist/Calculators/Calculator.js

@@ -146,8 +146,9 @@ const Calculator = (props) => {
       MonthlyPaymentCalculator,
       {
         header: headline,
-        body: bodyCopy,
-        variant
+        bodyCopy,
+        variant,
+        disclosure
       }
     );
   } else if (name === "Max Loan") {

package/dist/Calculators/MonthlyPaymentCalculator/index.d.ts

@@ -2,7 +2,8 @@ import { default as React, FC } from 'react';
 
 export interface MonthlyPaymentCalculatorProps {
     header?: React.ReactNode | string;
-    body?: React.ReactNode | string;
+    bodyCopy?: React.ReactNode | string;
     variant?: string;
+    disclosure?: React.ReactNode;
 }
 export declare const MonthlyPaymentCalculator: FC<MonthlyPaymentCalculatorProps>;

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -5,10 +5,13 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
+import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentCalculator = ({
   variant,
-  header
+  header,
+  disclosure,
+  bodyCopy
 }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("");
@@ -111,13 +114,22 @@ const MonthlyPaymentCalculator = ({
     {
       className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,
       children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          "h2",
-          {
-            className: `text_center ${title({ variant: fullVariant })} ${h2i}`,
-            children: header
-          }
-        ) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: `text_center ${title({ variant: fullVariant })} ${h2i}`,
+              children: header
+            }
+          ),
+          bodyCopy && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${calc_text} ${description_text({ variant: fullVariant })} text_center`,
+              children: bodyCopy
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -204,7 +216,8 @@ const MonthlyPaymentCalculator = ({
               estimatedPayment.toFixed(2)
             ] })
           ] })
-        ] })
+        ] }),
+        disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
       ]
     }
   ) }) });

package/dist/FaqAccordion/FaqAccordion.css.js

@@ -1,6 +1,6 @@
+/* empty css                                              */
 /* empty css                                    */
 /* empty css                                       */
-/* empty css                                              */
 /* empty css                                                  */
 var faqAccordion = "ph6wj60";
 var header = "ph6wj61";

package/dist/FaqAccordion/index.d.ts

@@ -1,3 +1,4 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
 import { PropsWithChildren } from 'react';
 
 export interface AccordionItemProps extends PropsWithChildren {
@@ -8,6 +9,9 @@ export declare const AccordionItemSummary: (props: {
     id: string;
     level: string;
 } & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCtas: (props: {
+    callToActionRow: ChevronProps;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;

package/dist/FaqAccordion/index.js

@@ -1,4 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
@@ -7,9 +11,95 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                       */
 /* empty css                                                        */
 /* empty css                                                    */
+import "../Accordion/Accordion.js";
+import { icon } from "../Accordion/Accordion.css.js";
+import { Chevron } from "../Chevron/index.js";
+import "../AlertBanner/AlertBanner.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "clsx";
+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                                              */
+/* 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                                              */
+/* 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 "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                             */
+import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                                  */
+/* empty css                                                          */
+import "../Interstitial/Interstitial-variants.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                    */
+import "../Modal/contextApi/store.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                                                  */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { icon } from "../Accordion/Accordion.css.js";
 import { summary, summaryHeader, content, header, faqAccordion } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
@@ -65,6 +155,27 @@ const AccordionItemSummary = (props) => {
     /* @__PURE__ */ jsx("div", { className: icon, children: isOpen.includes(props.id) ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
   ] });
 };
+const AccordionCtas = (props) => {
+  return props.callToActionRow && /* @__PURE__ */ jsx("div", { className: "push_up", children: props.callToActionRow.type === "Button" ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      targetUrl: props.callToActionRow.targetUrl,
+      color: getVariant(props.callToActionRow.variant),
+      size: "medium",
+      rounded: "medium",
+      children: props.callToActionRow.displayText
+    },
+    props.callToActionRow.id
+  ) : /* @__PURE__ */ jsx(
+    Chevron,
+    {
+      targetUrl: props.callToActionRow.targetUrl,
+      variant: getVariant(props.callToActionRow.variant),
+      children: props.callToActionRow.displayText
+    },
+    props.callToActionRow.id
+  ) });
+};
 const AccordionItemContent = (props) => {
   return /* @__PURE__ */ jsx("div", { className: content, children: props.children });
 };
@@ -76,6 +187,7 @@ const FaqAccordion = (props) => {
   ] });
 };
 export {
+  AccordionCtas,
   AccordionItem,
   AccordionItemContent,
   AccordionItemSummary,

package/dist/Forms/ClearingForm.js

@@ -29,7 +29,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, ro_input, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import CheckboxGroup from "../Input/CheckboxGroup.js";
 const options = [
@@ -96,12 +96,13 @@ const ClearingForm = ({
   const handleShowBusinessType = () => {
     setShowBusinessTypes(true);
   };
-  let formattedValues = "";
   const handleBusinessTypeChange = (updatedValues) => {
-    setSelectedValues(updatedValues);
-    formattedValues = updatedValues.join(";");
-    setValue("Business_Type__c", formattedValues);
-    handleTOBerrors();
+    if (updatedValues) {
+      setSelectedValues(updatedValues);
+      setValue("Business_Type__c", updatedValues.join(";"));
+      clearErrors("Business_Type__c");
+      setRequiredTOB(true);
+    }
   };
   const methods = useForm({
     resolver: zodResolver(schema.merge(SalesforceSchema), {
@@ -110,8 +111,7 @@ const ClearingForm = ({
     mode: "all",
     defaultValues: {
       email: "",
-      Business_Type__c: "FinTech"
-      // Set default value as empty array
+      Business_Type__c: ""
     }
   });
   const {
@@ -126,7 +126,7 @@ const ClearingForm = ({
     await onSubmit(data);
   };
   const handleTOBerrors = () => {
-    if (!formattedValues.length) {
+    if (!selectedValues.length) {
       setError("Business_Type__c", {
         type: "manual",
         message: "Type of Business is required."
@@ -142,6 +142,16 @@ const ClearingForm = ({
     setValue("Current_Assets_Under_Management__c", value);
     if (value) setRequiredAUM(true);
   };
+  const handleAUMerror = () => {
+    if (!requiredAUM) {
+      setError("Current_Assets_Under_Management__c", {
+        type: "manual",
+        message: "Assets Under Management is required"
+      });
+    } else {
+      clearErrors("Current_Assets_Under_Management__c");
+    }
+  };
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx(
     "section",
@@ -253,8 +263,10 @@ const ClearingForm = ({
                 variant,
                 defaultValue: "Select option",
                 onChange: handleDropdownChange,
+                onClick: handleAUMerror,
+                onBlur: handleAUMerror,
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { disabled: true, value: "Select option", children: "Select Option" }),
                   /* @__PURE__ */ jsx("option", { value: "$0 - $100MM", children: "$0 - $100MM" }),
                   /* @__PURE__ */ jsx("option", { value: "$101MM - $200MM", children: "$101MM - $200MM" }),
                   /* @__PURE__ */ jsx("option", { value: "$201MM - $500MM", children: "$201MM - $500MM" }),
@@ -276,7 +288,8 @@ const ClearingForm = ({
                   sizes: "medium",
                   placeholder: "Select All That Apply",
                   error: !!errors.Business_Type__c,
-                  disabled: true
+                  readOnly: true,
+                  className: ro_input
                 }
               ),
               showBusinessTypes && /* @__PURE__ */ jsx(
@@ -284,7 +297,8 @@ const ClearingForm = ({
                 {
                   options,
                   selectedValues,
-                  onChange: handleBusinessTypeChange
+                  onChange: handleBusinessTypeChange,
+                  error: !!errors.Business_Type__c
                 }
               )
             ] }),

package/dist/Forms/CpraRequest.d.ts

@@ -0,0 +1,27 @@
+import { FormProps } from './FormProps';
+
+export type CpraInputs = {
+    California_Resident: "Yes" | "No";
+    Categories_of_personal_info: "Yes" | "No";
+    Pieces_of_personal_information: "Yes" | "No";
+    Request_Correction_of_Information: "Yes" | "No";
+    Corrected_Information: string;
+    Delete_personal_info: "Yes" | "No";
+    Opt_out_of_sale_of_info: "Yes" | "No";
+    Current_client: "Yes" | "No";
+    Currently_Employed_by_Axos_Financial: "Yes" | "No";
+    Previously_Employed_by_Axos_Financial: "Yes" | "No";
+    Ever_Applied_for_Employment_with_Axos_Financial: "Yes" | "No";
+    Axos_Financial_interaction_outlet: string;
+    First_Name: string;
+    Last_Name: string;
+    DOB: string;
+    email: string;
+    Telephone: string;
+    "Street Address": string;
+    City: string;
+    State: string;
+    "Zip Code": string;
+    Contact_Method: "Email" | "Postal Mail";
+};
+export declare const CpraRequest: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;