@axos-web-dev/shared-components 2.0.0-queryparams.1 → 2.1.0

package/dist/Calculators/AxosOneCalculator/index.js

@@ -16,8 +16,8 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
 /* empty css                                                   */
 import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
 import { headerCell } from "../../Table/Table.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import clsx from "clsx";
 import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, tieredRowAnimation, tieredRowAnimationDelayed, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
@@ -29,11 +29,9 @@ const AxosOneCalculator = ({
   initialBalance,
   callToActionRow
 }) => {
-  const { domains } = useGlobalContext();
   const calc_variant = getVariant(variant);
-  const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY);
-  const AXOS_ONE_APY_TIERED = Number(domains.AXOS_ONE_APY_TIER);
-  const TIER_THRESHOLD = Number(domains.AXOS_ONE_THRESHOLD);
+  const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
+  const AXOS_ONE_APY_TIERED = +process.env.NEXT_PUBLIC_AXOS1_APY_TIER;
   const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
   const [balance, setBalance] = useState(startingBalance);
   const [calculatedBalance, setCalculatedBalance] = useState(startingBalance);
@@ -55,6 +53,7 @@ const AxosOneCalculator = ({
   };
   const calculateBalance = (amount) => {
     setCalculatedBalance(amount);
+    const TIER_THRESHOLD = 249999.99;
     if (amount > TIER_THRESHOLD) {
       const tier1Amount = TIER_THRESHOLD;
       const tier2Amount = amount - TIER_THRESHOLD;
@@ -191,7 +190,7 @@ const AxosOneCalculator = ({
                 /* @__PURE__ */ jsxs(TableRow, { className: clsx(tieredRowAnimation), children: [
                   /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                     "$",
-                    formatUSD(TIER_THRESHOLD)
+                    formatUSD(249999.99)
                   ] }),
                   /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                     AXOS_ONE_APY.toFixed(2),
@@ -205,7 +204,7 @@ const AxosOneCalculator = ({
                 /* @__PURE__ */ jsxs(TableRow, { className: clsx(tieredRowAnimationDelayed), children: [
                   /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                     "$",
-                    formatUSD(calculatedBalance - TIER_THRESHOLD)
+                    formatUSD(calculatedBalance - 249999.99)
                   ] }),
                   /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                     AXOS_ONE_APY_TIERED.toFixed(2),

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -16,6 +16,7 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
 /* empty css                                                   */
 import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
 import { headerCell } from "../../Table/Table.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { calc_icon, header_container, header_calc, calc_text, description_text, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, table_container, calc_disclosure, container } from "./BalanceAPYCalculator.css.js";

package/dist/Calculators/BuyDownCalculator/index.js

@@ -18,6 +18,7 @@ import "../../Input/InputTextArea.js";
 import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import { PercentageInput } from "../../Input/PercentageInput.js";
+import "../../utils/allowedAxosDomains.js";
 import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";

package/dist/Calculators/Calculator.js

@@ -7,12 +7,13 @@ 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";
-import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
+import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import { useRef, useEffect } from "react";
 import clsx from "clsx";
@@ -39,7 +40,7 @@ import { ApyCalculator } from "./ApyCalculator/index.js";
 import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
 import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
 import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
-import { calculator_headline, calculator_description } from "./calculator.css.js";
+import { calculator_headline, calculator_description, calculator } from "./calculator.css.js";
 import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
 import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
 import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
@@ -50,18 +51,19 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -93,18 +95,21 @@ import "../Input/RadioButton.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */
@@ -271,7 +276,7 @@ const Calculator = (props) => {
       }
     );
   } else {
-    return /* @__PURE__ */ jsx("section", { id, children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+    return /* @__PURE__ */ jsx("section", { id, className: clsx(calculator({ variant })), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
       /* @__PURE__ */ jsxs("div", { children: [
         icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
         /* @__PURE__ */ jsx(

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -7,132 +7,15 @@ import "react-use";
 import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
 import { Chevron } from "../../Chevron/index.js";
 import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { calculator_headline } from "../calculator.css.js";
 import { px40, fc1023, w100, bb_gray, fb50, r400_fs, fs36, green, h50, r603_fs24, mx1, table, r502_fs12, tc, bb0, btl, w25, btml, btr, bbl, bbml, bbr, savingsSummary, w50, g24, mtc } from "./MarginTradingCalculator.css.js";
-import "../../Chevron/Chevron.css.js";
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../icons/ArrowIcon/ArrowIcon.css.js";
-import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
-/* empty css                                      */
-/* empty css                                  */
-/* empty css                                       */
-/* empty css                                                       */
-/* empty css                                                   */
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import { useGlobalContext } from "../../Modal/contextApi/store.js";
-import "../../Table/Table.css.js";
-import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import "@hookform/resolvers/zod";
-import "../../Input/Checkbox.js";
-import "../../Input/CurrencyInput.js";
-import "../../Input/Dropdown.js";
-import "../../Input/Dropdown.css.js";
-import "../../Input/Input.js";
-import "../../Input/Input.css.js";
-import "../../Input/InputAmount.js";
-import "../../Input/InputPhone.js";
-import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
-import "../../Input/RadioButton.js";
-import "../../Input/PercentageInput.js";
-import "react-hook-form";
-import "../BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
-import "../../Forms/SalesforceFieldsForm.js";
-/* empty css                                             */
-/* empty css                                             */
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import "../../LoadingIndicator/LoadingIndicator.css.js";
-import "../../Interstitial/Interstitial-variants.css.js";
-import "../../Inputs/Input.css.js";
-/* empty css                                                            */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
-import "iframe-resizer";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                       */
-/* empty css                                                       */
-import "../../Carousel/index.js";
-/* empty css                                                      */
-/* empty css                                      */
-import "../../Chatbot/store/chat.js";
-import "../../Chatbot/authenticate.js";
-/* empty css                                       */
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.css.js";
-import "next/image.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                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                                 */
-/* empty css                                                         */
-/* empty css                                               */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                                         */
-import "next/navigation.js";
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
-import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                         */
-/* empty css                                                          */
-/* empty css                                                      */
-/* empty css                                                        */
-import "../../PageNavItem/PageNavItem.css.js";
-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                                                 */
-/* empty css                                   */
 const MarginTradingCalculator = ({
   marketingTiles,
   variant
 }) => {
-  const { resolveUrl } = useGlobalContext();
   useEffect(() => {
     const cashVal = document.querySelector("#accCashVal");
     const secVal = document.querySelector("#accSecVal");
@@ -443,7 +326,7 @@ const MarginTradingCalculator = ({
             /* @__PURE__ */ jsx(
               "a",
               {
-                href: resolveUrl(
+                href: findMoreAxosDomains(
                   "{AXOS}/invest/self-directed-trading/margin-trading#AXI----Margin-Trading---Table-(Competitive-pricing-=-more...)"
                 ),
                 children: "rates"

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import clsx from "clsx";
@@ -108,7 +109,7 @@ const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyC
       setEstimatedPayment(0);
     }
   };
-  return /* @__PURE__ */ jsx("section", { className: clsx(calculator), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("section", { className: clsx(calculator({ variant: fullVariant })), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
 import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import clsx from "clsx";
@@ -111,7 +112,7 @@ const MaxLoanCalculator = ({
       setLoanAmount(0);
     }
   };
-  return /* @__PURE__ */ jsx("section", { className: clsx(calculator), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("section", { className: clsx(calculator({ variant: fullVariant })), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import clsx from "clsx";
@@ -110,7 +111,7 @@ const MonthlyPaymentCalculator = ({
       setEstimatedPayment(0);
     }
   };
-  return /* @__PURE__ */ jsx("section", { className: clsx(calculator), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("section", { className: clsx(calculator({ variant: fullVariant })), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,

package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";

package/dist/Calculators/SummitApyCalculator/index.js

@@ -16,8 +16,8 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
 /* empty css                                                   */
 import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
 import { headerCell } from "../../Table/Table.css.js";
+import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import clsx from "clsx";
 import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const SummitApyCalculator = ({
@@ -27,9 +27,8 @@ const SummitApyCalculator = ({
   icon,
   variant
 }) => {
-  const { domains } = useGlobalContext();
   const calc_variant = getVariant(variant);
-  const SUMMIT_APY = Number(domains.SUMMIT_SAVINGS_APY);
+  const SUMMIT_APY = +process.env.NEXT_PUBLIC_SUMMIT_SAVINGS_APY;
   const [balance, setBalance] = useState(1e4);
   const [axbAPY, _setAxbAPY] = useState(SUMMIT_APY);
   const [axbEarning, setAxbEarning] = useState(

package/dist/Calculators/calculator.css.d.ts

@@ -1,4 +1,24 @@
-export declare const calculator: string;
+export declare const calculator: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            marginInline: "auto";
+            paddingBlock: "2.5rem";
+            selectors: {
+                ".page_body_contents > div:not(:first-child) &": {
+                    paddingTop: "0px";
+                };
+            };
+            "@media": {
+                "screen and (max-width: 768px)": {
+                    paddingBlock: "1.5rem";
+                };
+            };
+        };
+        secondary: {};
+        tertiary: {};
+        quaternary: {};
+    };
+}>;
 export declare const calculator_description: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {

package/dist/Calculators/calculator.css.js

@@ -5,9 +5,9 @@ import '../assets/Calculators/calculator.css';import '../assets/themes/victorie.
 /* empty css                                    */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var calculator = "iois7n0";
-var calculator_description = createRuntimeFn({ defaultClassName: "iois7n1", variantClassNames: { variant: { primary: "iois7n2", secondary: "iois7n3", tertiary: "iois7n4", quaternary: "iois7n5" } }, defaultVariants: {}, compoundVariants: [] });
-var calculator_headline = createRuntimeFn({ defaultClassName: "iois7n6", variantClassNames: { variant: { primary: "iois7n7", secondary: "iois7n8", tertiary: "iois7n9", quaternary: "iois7na" } }, defaultVariants: {}, compoundVariants: [] });
+var calculator = createRuntimeFn({ defaultClassName: "iois7n0", variantClassNames: { variant: { primary: "iois7n1", secondary: "iois7n2", tertiary: "iois7n3", quaternary: "iois7n4" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var calculator_description = createRuntimeFn({ defaultClassName: "iois7n5", variantClassNames: { variant: { primary: "iois7n6", secondary: "iois7n7", tertiary: "iois7n8", quaternary: "iois7n9" } }, defaultVariants: {}, compoundVariants: [] });
+var calculator_headline = createRuntimeFn({ defaultClassName: "iois7na", variantClassNames: { variant: { primary: "iois7nb", secondary: "iois7nc", tertiary: "iois7nd", quaternary: "iois7ne" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   calculator,
   calculator_description,

package/dist/Carousel/index.js

@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { section_text } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -15,6 +15,7 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
 import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
+import "../utils/allowedAxosDomains.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
@@ -25,7 +26,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Button/Button.css.js";
-import "../Modal/contextApi/store.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -53,10 +53,11 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Chevron/Chevron.css.js";
-/* empty css                                */
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Inputs/Input.css.js";
 /* empty css                                                         */
+/* empty css                                */
+import "../Modal/contextApi/store.js";
 import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                      */
 import "iframe-resizer";
@@ -73,17 +74,17 @@ import "../Auth/SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                   */
+/* empty css                                    */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
+import "../Chatbot/Chatbot.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
-import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -110,11 +111,15 @@ import "next/navigation.js";
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
 /* empty css                                                      */
 /* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
 /* empty css                                                   */
 /* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
 import "../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                 */

package/dist/Chatbot/AnimatedGradientBorder.css.d.ts

@@ -1,3 +1,8 @@
 export declare const angle: `var(--${string})`;
+export declare const offsetVar: `var(--${string})`;
 export declare const gradientBorder: string;
+export declare const gradientBorderUfb: string;
+export declare const inputFocusKeyframes: string;
 export declare const gradientFocus: string;
+export declare const focusAnimation: string;
+export declare const shadowAnimation: string;

package/dist/Chatbot/AnimatedGradientBorder.css.js

@@ -4,10 +4,20 @@ import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/themes/v
 /* empty css                                    */
 /* empty css                                          */
 var angle = "var(--angle)";
-var gradientBorder = "ic6iil1";
-var gradientFocus = "ic6iil2";
+var offsetVar = "var(--offset)";
+var gradientBorder = "ic6iil2";
+var gradientBorderUfb = "ic6iil3";
+var inputFocusKeyframes = "ic6iil4";
+var gradientFocus = "ic6iil5";
+var focusAnimation = "ic6iil6";
+var shadowAnimation = "ic6iil8";
 export {
   angle,
+  focusAnimation,
   gradientBorder,
-  gradientFocus
+  gradientBorderUfb,
+  gradientFocus,
+  inputFocusKeyframes,
+  offsetVar,
+  shadowAnimation
 };

package/dist/Chatbot/Bubble.css.js

@@ -1,7 +1,8 @@
-import '../assets/Chatbot/Bubble.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
+/* empty css                           */
 /* empty css                          */
 var borderHoverGradient = "_7u9pv31";
 var bubbleWrapper = "_7u9pv32";

package/dist/Chatbot/Bubble.d.ts

@@ -2,4 +2,5 @@ import { PropsWithChildren } from 'react';
 
 export declare const Bubble: ({ children, onClick, }: PropsWithChildren & {
     onClick?: () => void;
+    project: "axos" | "ufb" | "Axos" | "Ufb";
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { vars } from "../themes/axos.css.js";
 import clsx from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
-import { gradientBorder } from "./AnimatedGradientBorder.css.js";
+import { shadowAnimation } from "./AnimatedGradientBorder.css.js";
 import { inner, svgFill, bubbleText, bubbleButton, bubbleWrapper } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
 const Bubble = ({
@@ -12,20 +12,11 @@ const Bubble = ({
   }
 }) => {
   const isOpen = useOpenChat((state) => state.isOpen);
-  return /* @__PURE__ */ jsx("div", { className: clsx(bubbleWrapper, gradientBorder), children: /* @__PURE__ */ jsx("div", { className: inner, children: /* @__PURE__ */ jsxs("button", { className: clsx(bubbleButton, inner), onClick, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx(bubbleWrapper, shadowAnimation), children: /* @__PURE__ */ jsx("div", { className: inner, children: /* @__PURE__ */ jsxs("button", { className: clsx(bubbleButton, inner), onClick, children: [
     /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsx("div", { className: "bubble-circle", children: /* @__PURE__ */ jsxs(
-      motion.svg,
+      "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        initial: { scale: 0.1, opacity: 0 },
-        animate: {
-          scale: 1,
-          opacity: 1,
-          transition: {
-            default: { type: "spring" },
-            opacity: { ease: [0, 0.71, 0.2, 1.01] }
-          }
-        },
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",