@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui.2 → 2.0.0-dev.30-toasts

package/dist/Calculators/Calculator.js

@@ -7,7 +7,7 @@ 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/ImageToast/ImageToast.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.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                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -36,10 +36,11 @@ import "../Auth/SignInPassword.js";
 /* empty css                                          */
 import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
 import { ApyCalculator } from "./ApyCalculator/index.js";
+import { ApyCalculatorUserTesting } from "./ApyCalculatorUserTest/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,19 +51,21 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -93,7 +96,6 @@ 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                                                         */
@@ -175,6 +177,16 @@ const Calculator = (props) => {
         disclosure
       }
     );
+  } else if (resolvedName === "APY User Testing") {
+    return /* @__PURE__ */ jsx(
+      ApyCalculatorUserTesting,
+      {
+        header: headline,
+        body: bodyCopy,
+        variant,
+        disclosure
+      }
+    );
   } else if (resolvedName === "Monthly Payment") {
     return /* @__PURE__ */ jsx(
       MonthlyPaymentCalculator,
@@ -271,7 +283,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

@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
 import { button } from "../../Button/Button.css.js";
 import { useEffect } from "react";
 import "react-use";
-import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
+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 { getVariant } from "../../utils/getVariant.js";
@@ -16,7 +16,7 @@ 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                                   */
+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/ImageToast/ImageToast.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.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                                       */
@@ -27,6 +27,8 @@ import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
+import "next/image.js";
+import "../ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../../Table/Table.css.js";
 import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -72,18 +74,18 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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";
+/* empty css                                             */
 import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");
@@ -108,7 +108,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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.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 { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
@@ -111,7 +111,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

@@ -7,7 +7,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentCalculator = ({
   variant,
   header,
@@ -110,7 +110,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

@@ -4,7 +4,7 @@ import { button } from "../../Button/Button.css.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import { bg_vars, calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax } from "./MonthlyPaymentCalculator.css.js";
+import { calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax, bg_vars } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
   const theme = getVariant(variant);
   const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");

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/Calculators/index.d.ts

@@ -1,5 +1,6 @@
 export * from './AnnualFeeCalculator';
 export * from './ApyCalculator';
+export * from './ApyCalculatorUserTest';
 export * from './AxosOneCalculator';
 export * from './BalanceAPYCalculator';
 export * from './BuyDownCalculator';

package/dist/Calculators/index.js

@@ -1,5 +1,6 @@
 import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
 import { ApyCalculator } from "./ApyCalculator/index.js";
+import { ApyCalculatorUserTesting } from "./ApyCalculatorUserTest/index.js";
 import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
 import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
 import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
@@ -14,6 +15,7 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 export {
   AnnualFeeCalculator,
   ApyCalculator,
+  ApyCalculatorUserTesting,
   AxosOneCalculator,
   BalanceAPYCalculator,
   BuyDownCalculator,

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/ImageToast/ImageToast.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.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                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -24,9 +24,11 @@ import "../Article/Article.css.js";
 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 "next/image.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -73,18 +75,18 @@ import "../Auth/SignInPassword.js";
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                   */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* 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";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -128,7 +130,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
+import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

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/AudioManager.d.ts

@@ -0,0 +1,19 @@
+export default class AudioManager {
+    private static UJET_AUDIO_MARKER;
+    private static DEBOUNCE_MS;
+    private overrideInstalled;
+    private lastPlayedAt;
+    private soundEnabled;
+    /** Activa o desactiva el sonido global */
+    setSoundEnabled(v: boolean): void;
+    /** Consulta si el sonido está activo */
+    isSoundEnabled(): boolean;
+    /**
+     * Instala el override de Audio para interceptar sonidos de UJET
+     */
+    installUjetAudioOverride(customSrc: string): void;
+    /**
+     * Reproduce un sonido de notificación con debounce
+     */
+    playNotification(customSrc: string): void;
+}

package/dist/Chatbot/AudioManager.js

@@ -0,0 +1,61 @@
+class AudioManager {
+  static UJET_AUDIO_MARKER = "ujet";
+  static DEBOUNCE_MS = 2e3;
+  overrideInstalled = false;
+  lastPlayedAt = 0;
+  soundEnabled = true;
+  /** Activa o desactiva el sonido global */
+  setSoundEnabled(v) {
+    this.soundEnabled = !!v;
+  }
+  /** Consulta si el sonido está activo */
+  isSoundEnabled() {
+    return this.soundEnabled;
+  }
+  /**
+   * Instala el override de Audio para interceptar sonidos de UJET
+   */
+  installUjetAudioOverride(customSrc) {
+    if (this.overrideInstalled || typeof window === "undefined" || !window.Audio)
+      return;
+    this.overrideInstalled = true;
+    const OriginalAudio = window.Audio;
+    const self = this;
+    const PatchedAudio = function(src) {
+      const isUjet = !!src && src.includes(AudioManager.UJET_AUDIO_MARKER);
+      if (isUjet && !self.soundEnabled) {
+        return new OriginalAudio();
+      }
+      const finalSrc = isUjet ? customSrc : src;
+      return new OriginalAudio(finalSrc);
+    };
+    PatchedAudio.prototype = OriginalAudio.prototype;
+    window.Audio = PatchedAudio;
+  }
+  /**
+   * Reproduce un sonido de notificación con debounce
+   */
+  playNotification(customSrc) {
+    if (!this.soundEnabled) return;
+    const now = Date.now();
+    if (now - this.lastPlayedAt < AudioManager.DEBOUNCE_MS) return;
+    this.lastPlayedAt = now;
+    const isDev = false;
+    try {
+      const a = new Audio(customSrc);
+      const p = a.play();
+      if (isDev)
+        ;
+      if (p && typeof p.then === "function") {
+        p.catch((err) => {
+          if (isDev)
+            ;
+        });
+      }
+    } catch (err) {
+    }
+  }
+}
+export {
+  AudioManager as default
+};

package/dist/Chatbot/Bubble.css.js

@@ -2,6 +2,7 @@ import '../assets/Chatbot/Bubble.css';import '../assets/themes/victorie.css';imp
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
+import "./Chatbot.css.ts.vanilla.css.js";
 /* 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",

package/dist/Chatbot/Chat.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { authenticate } from "./authenticate.js";
 import { useMessages } from "./store/messages.js";
-const companyId = process.env.CCAI_COMPANY_ID || "";
-const tenant = process.env.CCAI_TENANT_NAME || "";
-const host = process.env.CCAI_HOST || "";
+const companyId = "";
+const tenant = "";
+const host = "";
+const authUrl = "";
 const COBROWSE_CONSENT_TEMPLATE = `
   <script class="cobrowse-template" type="text/template">
     <div class="cobrowse">
@@ -32,8 +32,7 @@ function Chat() {
     let memberJoinedHandler;
     let chatConnectedHandler;
     async function initChat() {
-      const { Client, consoleLoggerHandler, Logger } = await import("@ujet/websdk-headless");
-      Logger.addHandler(consoleLoggerHandler);
+      const { Client } = await import("@ujet/websdk-headless");
       clientRef.current = new Client({
         companyId,
         tenant,
@@ -53,7 +52,18 @@ function Chat() {
           }
         },
         host,
-        authenticate
+        authenticate: async () => {
+          const res = await fetch(authUrl, {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json"
+            }
+          });
+          const data = await res.json();
+          return {
+            token: data.token
+          };
+        }
       });
       const menus = await clientRef.current?.getMenus();
       try {

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

@@ -1,4 +1,6 @@
 export declare const windowStyle: string;
+export declare const windowExpandedStyle: string;
+export declare const expandToggleStyle: string;
 export declare const windowOpenStyle: string;
 export declare const windowBarStyle: string;
 export declare const left_bar_section: string;
@@ -14,6 +16,7 @@ export declare const inputStyle: string;
  * - Sets a minimum height to ensure at least 1 or 2 lines are visible.
  */
 export declare const autoResize: string;
+export declare const chatAiDisclaimer: string;
 export declare const sendButtonStyle: string;
 export declare const messagesContainerStyle: string;
 export declare const notificationStyle: string;
@@ -34,3 +37,8 @@ export declare const chatEndCircle: string;
 export declare const user_msg: string;
 export declare const agent_msg: string;
 export declare const shimmerText: string;
+export declare const tableMsg: string;
+export declare const tableHead: string;
+export declare const tableCell: string;
+export declare const trMortgageTable: string;
+export declare const formTextButton: string;