@axos-web-dev/shared-components 1.0.100-chat.1 → 1.0.100-dev.10

package/dist/Forms/index.js

@@ -4,6 +4,7 @@ import { ApplyNow } from "./ApplyNow.js";
 import { getLink } from "./applynow-utils.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
+import { CommercialDepositsNoLendingOption } from "./CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./CommercialLending.js";
 import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
 import { ContactCompany } from "./ContactCompany.js";
@@ -44,6 +45,7 @@ export {
   ApplyNow,
   ClearingForm,
   CommercialDeposits,
+  CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
   ContactCompany,

package/dist/Input/Dropdown.js

@@ -32,6 +32,7 @@ const Dropdown = forwardRef(
           "select",
           {
             ...rest,
+            disabled,
             className: clsx(
               props.className,
               input({ size: sizes }),

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -144,6 +144,7 @@ export declare const menuData: {
                 "ATM Locator": string;
                 Calculators: string;
             };
+            "Refer-a-Friend": string;
             Insights: string;
         };
         "Commercial Banking": {

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -424,6 +424,9 @@ const menuData = {
           "{AXOSBANK}/tools/calculators/saving-to-start-a-business-calculator"
         )
       },
+      "Refer-a-Friend": findMoreAxosDomains(
+        "{AXOSBANK}/business/refer-a-friend"
+      ),
       Insights: findMoreAxosDomains("{AXOSBANK}/business/insights")
     },
     "Commercial Banking": {

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -2447,6 +2447,27 @@ function SubNavBar() {
                         ) })
                       ] })
                     ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
+                      /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          src: `https://images.axos.com/o9ov1v03uwqk/6ninSDVeSycXICNX8zF4J3/75ccf4194f0b3e7209f4095457bce00d/nav-submenu-raf-icon.svg`,
+                          alt: "",
+                          width: 20,
+                          height: 20
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          href: findMoreAxosDomains(
+                            "{AXOSBANK}/business/refer-a-friend"
+                          ),
+                          role: "heading",
+                          children: "Refer-a-Friend"
+                        }
+                      ) }) })
+                    ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                       /* @__PURE__ */ jsx(
                         Image,

package/dist/StepItemSet/StepItemSet.css.d.ts

@@ -83,6 +83,7 @@ export declare const sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const sec_subtitle: string;
 export declare const tablet_col: string;
 export declare const bs_image: string;
+export declare const bs_video: string;
 export declare const steps_wrapper: string;
 export declare const ol: string;
 export declare const bs_btns: string;

package/dist/StepItemSet/StepItemSet.css.js

@@ -1,6 +1,8 @@
-import '../assets/StepItemSet/StepItemSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/StepItemSet/StepItemSet.css';import '../assets/VideoTile/VideoTile.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
+/* empty css                                          */
+/* empty css                                        */
 /* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var bs_section = createRuntimeFn({ defaultClassName: "_18par6f0", variantClassNames: { variant: { primary: "_18par6f1", secondary: "_18par6f2", tertiary: "_18par6f3", quaternary: "_18par6f4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -11,15 +13,17 @@ var sec_title = createRuntimeFn({ defaultClassName: "_18par6fc", variantClassNam
 var sec_subtitle = "_18par6fh";
 var tablet_col = "_18par6fi";
 var bs_image = "_18par6fj";
-var steps_wrapper = "_18par6fk";
-var ol = "_18par6fl";
-var bs_btns = "_18par6fm";
-var bs_add_details = "_18par6fn";
+var bs_video = "_18par6fk";
+var steps_wrapper = "_18par6fl";
+var ol = "_18par6fm";
+var bs_btns = "_18par6fn";
+var bs_add_details = "_18par6fo";
 export {
   bs_add_details,
   bs_btns,
   bs_image,
   bs_section,
+  bs_video,
   bs_wrapper,
   modifier,
   ol,

package/dist/StepItemSet/StepItemSet.d.ts

@@ -13,5 +13,11 @@ export interface StepItemSetProps {
     stepItems?: StepItemProps[];
     callToActionRow?: boolean | ChevronProps[];
     additionalDetails?: string | ReactNode;
+    video?: {
+        videoId: string;
+        videoPlayer: string;
+        thubnailImage: string;
+        transcript?: string;
+    };
 }
 export declare const StepItemSet: FC<StepItemSetProps>;

package/dist/StepItemSet/StepItemSet.js

@@ -8,7 +8,14 @@ import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { StepItem } from "../StepItem/StepItem.js";
 import "../StepItem/StepItem.css.js";
-import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
+import "next/script.js";
+import { VideoTile } from "../VideoTile/VideoTile.js";
+import '../assets/VideoTile/VideoTile.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                        */
+import { bs_section, bs_wrapper, svg_logo, modifier, sec_title, sec_subtitle, tablet_col, bs_image, bs_video, steps_wrapper, ol, bs_btns, bs_add_details } from "./StepItemSet.css.js";
 const StepItemSet = ({
   id,
   variant: fullVariant = "primary",
@@ -17,7 +24,8 @@ const StepItemSet = ({
   image,
   stepItems,
   callToActionRow,
-  additionalDetails
+  additionalDetails,
+  video
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { className: `${bs_section({ variant })}`, id, children: /* @__PURE__ */ jsxs("div", { className: `${bs_wrapper} containment`, children: [
@@ -55,7 +63,18 @@ const StepItemSet = ({
       description && /* @__PURE__ */ jsx("div", { className: sec_subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: `push_up_32 flex ${tablet_col}`, children: [
-      image && /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) }),
+      image && image.src ? /* @__PURE__ */ jsx("div", { className: bs_image, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: "" }) }) : video && video.videoId && /* @__PURE__ */ jsx("div", { className: bs_video, role: "presentation", children: /* @__PURE__ */ jsx(
+        VideoTile,
+        {
+          id: "video-tile",
+          videoId: video.videoId,
+          videoPlayer: video.videoPlayer,
+          thumbnailImage: video.thubnailImage,
+          displayType: "inline",
+          transcript: video.transcript,
+          enableModal: true
+        }
+      ) }),
       /* @__PURE__ */ jsx("div", { className: steps_wrapper, children: /* @__PURE__ */ jsx("ol", { className: ol, children: stepItems?.map((step, index) => /* @__PURE__ */ jsx(
         StepItem,
         {

package/dist/StepItemSet/index.js

@@ -1,11 +1,12 @@
 import { StepItemSet } from "./StepItemSet.js";
-import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_video, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet.css.js";
 export {
   StepItemSet,
   bs_add_details,
   bs_btns,
   bs_image,
   bs_section,
+  bs_video,
   bs_wrapper,
   modifier,
   ol,

package/dist/assets/Chatbot/ChatWindow.css

@@ -193,4 +193,21 @@
   border: none;
   color: inherit;
   cursor: pointer;
+}
+._13n1jqkg {
+  font-size: 10px;
+  text-align: center;
+  margin-bottom: 8px;
+  margin-top: 8px;
+  color: #1e3860;
+}
+._1hpv6vm1 ._13n1jqkg {
+  color: #323339;
+}
+._13n1jqkh {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 0 1rem;
 }

package/dist/assets/Comparison/Comparison.css

@@ -103,7 +103,6 @@
   width: 100%;
   text-align: center;
   gap: 24px;
-  flex-wrap: wrap;
   align-items: center;
 }
 ._198o0lt0 ._1nivbwe1 {
@@ -112,6 +111,9 @@
 ._198o0lt0 ._1nivbwe5 {
   font-size: 20px;
 }
+.comparison_container--many_items ._198o0lte {
+  flex-direction: column;
+}
 @media screen and (max-width: 1023px) {
   ._198o0lt0 {
     border-radius: 0;

package/dist/assets/StepItemSet/StepItemSet.css

@@ -72,6 +72,19 @@
   overflow: hidden;
   width: 48%;
 }
+._18par6fk {
+  border-radius: 8px;
+  min-height: 378px;
+  position: relative;
+  overflow: hidden;
+  width: 48%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._18par6fk ._16puo4g0 {
+  width: 100%;
+}
 ._18par6fj img {
   height: 100%;
   inset: 0;
@@ -80,31 +93,31 @@
   position: absolute;
   width: 100%;
 }
-._18par6fk {
+._18par6fl {
   padding: 27px 48px;
   flex: 1 1 0%;
 }
-._18par6fl {
+._18par6fm {
   padding: 0;
   list-style: none;
   margin: 0;
 }
-._18par6fl > li + li > :first-child > :first-child {
+._18par6fm > li + li > :first-child > :first-child {
   padding-top: 24px;
 }
-._18par6fl > li + li > :last-child {
+._18par6fm > li + li > :last-child {
   padding-top: 24px;
 }
-._18par6fm > * + * {
+._18par6fn > * + * {
   margin-left: 48px;
 }
-._18par6fn {
+._18par6fo {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   max-width: 800px;
 }
-._18par6fn > * {
+._18par6fo > * {
   line-height: 1.5;
 }
 @media screen and (min-width:1024px) {
@@ -113,7 +126,7 @@
   }
 }
 @media screen and (max-width:1280px) {
-  ._18par6fk {
+  ._18par6fl {
     padding-left: 24px;
     padding-right: 0;
   }
@@ -129,14 +142,18 @@
     aspect-ratio: 16 / 9;
   }
   ._18par6fk {
+    width: 100%;
+    min-height: 183px;
+  }
+  ._18par6fl {
     padding: 0px;
     margin-top: 24px;
   }
-  ._18par6fm {
+  ._18par6fn {
     flex-direction: column;
     margin-top: 24px;
   }
-  ._18par6fm > * + * {
+  ._18par6fn > * + * {
     margin-left: 0px;
     margin-top: 24px;
   }

package/dist/main.js

@@ -42,7 +42,7 @@ import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
 import { Chatbot } from "./Chatbot/Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
 import { ChatWindow } from "./Chatbot/ChatWindow.js";
-import { arrowFill, button_reset, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
 import { useOpenChat } from "./Chatbot/store/chat.js";
 import { useMessages } from "./Chatbot/store/messages.js";
 import { useHeadlessChat } from "./Chatbot/useHeadlessChat.js";
@@ -68,6 +68,7 @@ import { ApplyNow } from "./Forms/ApplyNow.js";
 import { getLink } from "./Forms/applynow-utils.js";
 import { ClearingForm } from "./Forms/ClearingForm.js";
 import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
+import { CommercialDepositsNoLendingOption } from "./Forms/CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./Forms/CommercialLending.js";
 import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
 import { ContactCompany } from "./Forms/ContactCompany.js";
@@ -183,7 +184,7 @@ import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItem } from "./StepItem/StepItem.js";
 import { bs_copy, bs_topic, bullet_details, li, line_points, point, step_num } from "./StepItem/StepItem.css.js";
 import { StepItemSet } from "./StepItemSet/StepItemSet.js";
-import { bs_add_details, bs_btns, bs_image, bs_section, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
+import { bs_add_details, bs_btns, bs_image, bs_section, bs_video, bs_wrapper, modifier, ol, sec_subtitle, sec_title, steps_wrapper, svg_logo, tablet_col } from "./StepItemSet/StepItemSet.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_cell, highlight_first_row, highlight_last_row, highlight_th, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, table_section, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
@@ -267,6 +268,7 @@ export {
   default11 as CloseIcon,
   CollectInformationAlert,
   CommercialDeposits,
+  CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
   ComparisonSet,
@@ -444,6 +446,7 @@ export {
   bs_image,
   bs_section,
   bs_topic,
+  bs_video,
   bs_wrapper,
   bubbleWrapper,
   bullet_details,
@@ -457,6 +460,8 @@ export {
   center_center,
   center_left,
   center_right,
+  chatFinishDialog,
+  chatNetworkStatus,
   chat_title,
   chatbotAXB,
   chatbotMenu,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-chat.1",
+  "version": "1.0.100-dev.10",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",