@axos-web-dev/shared-components 2.0.0-dev.9-3 → 2.0.0-dev.insights.9

package/dist/Insight/Featured/CategorySelector.js

@@ -6,7 +6,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.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/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/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/ServerNavigation/NavigationBar.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/NavigationMenu/AxosBank/NavBar2.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/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/Forms/HoneyPot/HoneyPot.css';import '../../assets/ImageToast/ImageToast.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,16 @@ 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 "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+/* empty css                                             */
+import "../../SetContainer/SetContainer.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -46,7 +53,8 @@ import "../../Input/PercentageInput.js";
 import "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
+/* empty css                                               */
+import "../../Forms/HoneyPot/honeyPotValidation.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
@@ -71,19 +79,14 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-/* empty css                                       */
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.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";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
@@ -98,16 +101,19 @@ import "../../ImageBillboard/ImageBillboard.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                           */
-import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
-/* empty css                          */
+import { featured_maingrid_text, info_details, onhover } from "./Featured.css.js";
+import { insight_wrap } from "./Header.css.js";
 import "../../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                      */
 /* empty css                                                         */
 import "next/navigation.js";
 /* empty css                                                            */
 /* empty css                                                                 */
 /* empty css                                                                    */
-import "next/link.js";
-/* empty css                                                      */
+/* empty css                                                                     */
+import "../../NavigationMenu/ServerNavigation/Menu.js";
+import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                         */
 /* empty css                                                          */
 /* empty css                                                      */
@@ -126,7 +132,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                   */
 /* empty css                                                 */
 /* empty css                                   */
-import { selector_title_link, selector_more, selector_link, selector_grid_items, selector_link_mobile, selector_section, selector_img, selector_title, selector_grid_content, selector_small_item } from "./CategorySelector.css.js";
+import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_grid_stacked, selector_link_mobile, img_fit, selector_img, selector_grid_content, selector_title, selector_small_item } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {
   const {
     id,
@@ -137,12 +143,14 @@ const CategorySelector = (props) => {
     insights,
     children,
     hideLink = false,
-    hideMore = false
+    hideMore = false,
+    stackOnMobile = false
   } = props;
-  const url = (subcategory !== void 0 ? `/${section}/insights/${category}/${subcategory}` : `/${section}/insights/${category}/`).toLowerCase();
-  return /* @__PURE__ */ jsx("section", { id, className: clsx(selector_section), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
-    !hideLink && /* @__PURE__ */ jsx("div", { className: clsx(selector_link), children: !hideMore ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("a", { href: url, className: clsx(selector_title_link), children: title2.replaceAll("-", " ") }),
+  const base = section ? `/${section}/insights` : `/insights`;
+  const url = (subcategory !== void 0 ? `${base}/${category}/${subcategory}` : `${base}/${category}/`).toLowerCase();
+  return /* @__PURE__ */ jsx("section", { id, className: selector_section, children: /* @__PURE__ */ jsxs("div", { className: insight_wrap, children: [
+    !hideLink && /* @__PURE__ */ jsx("div", { className: selector_link, children: !hideMore ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h2", { children: /* @__PURE__ */ jsx("a", { href: url, className: selector_title_link, children: title2.replaceAll("-", " ") }) }),
       /* @__PURE__ */ jsx(
         Chevron,
         {
@@ -152,18 +160,29 @@ const CategorySelector = (props) => {
           children: `See More ${title2.replaceAll("-", " ")} Articles`
         }
       )
-    ] }) : /* @__PURE__ */ jsx("p", { className: clsx(selector_title_link), children: subcategory !== void 0 ? subcategory : category }) }),
-    /* @__PURE__ */ jsx("div", { className: clsx(selector_grid_items), children: typeof insights !== "undefined" ? insights.map((item) => /* @__PURE__ */ jsx(
-      InsightItem,
+    ] }) : /* @__PURE__ */ jsx("p", { className: selector_title_link, children: subcategory !== void 0 ? subcategory.replaceAll("-", " ") : title2.replaceAll("-", " ") }) }),
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        id: item.id,
-        image: item.image,
-        readingTime: item.readingTime,
-        title: item.title,
-        url: item.url
-      },
-      item.id
-    )) : children }),
+        className: clsx(
+          selector_grid_items,
+          stackOnMobile && selector_grid_stacked
+        ),
+        children: typeof insights !== "undefined" ? insights.map((item) => /* @__PURE__ */ jsx(
+          InsightItem,
+          {
+            id: item.id,
+            image: item.image,
+            readingTime: item.readingTime,
+            title: item.title,
+            text: item.text,
+            url: item.url,
+            supertag: item.supertag
+          },
+          item.id
+        )) : children
+      }
+    ),
     !hideLink && /* @__PURE__ */ jsx("div", { className: clsx(selector_link_mobile), children: /* @__PURE__ */ jsx(
       Chevron,
       {
@@ -176,26 +195,54 @@ const CategorySelector = (props) => {
   ] }) });
 };
 const InsightItem = (props) => {
-  const { id, image, readingTime, title: itemTitle, url } = props;
-  return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(selector_small_item), children: [
-    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+  const {
+    id,
+    image,
+    readingTime,
+    title: itemTitle,
+    url,
+    text,
+    supertag
+  } = props;
+  return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(onhover, selector_small_item), children: [
+    /* @__PURE__ */ jsx("div", { className: clsx(selector_img, "relative"), "aria-hidden": "true", children: /* @__PURE__ */ jsx(
       OptimizeImage,
       {
         src: `${image?.url}`,
         alt: image?.alt ?? "",
-        className: clsx(featured_maingrid_img, selector_img),
-        height: 207,
-        width: 368,
+        className: img_fit,
+        height: 200,
+        width: 384,
         rootMargin: "210px"
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
-      /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
-        " ",
-        /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
-      ] })
+    /* @__PURE__ */ jsxs("div", { className: selector_grid_content, children: [
+      /* @__PURE__ */ jsx("h3", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: featured_maingrid_text,
+          style: { marginBottom: 24, color: "#1F1F1F" },
+          children: text ?? ""
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { marginTop: "auto" }, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
+        /* @__PURE__ */ jsx(ClockIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: info_details, children: (readingTime ?? "0") + " minute read" }),
+        /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 1,
+            height: 20,
+            viewBox: "0 0 1 20",
+            fill: "none",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof supertag == "string" && supertag.replaceAll("-", " ")) ?? "" })
+      ] }) })
     ] })
   ] });
 };

package/dist/Insight/Featured/Featured.css.d.ts

@@ -1,14 +1,23 @@
+export declare const onhover: string;
 export declare const featured_section: string;
 export declare const featured_title: string;
 export declare const featured_supertag: string;
 export declare const featured_grid: string;
+export declare const featured_maingrid: string;
+export declare const ratio: string;
+export declare const featured_main_wrapper: string;
+export declare const featured_maingrid_title: string;
+export declare const featured_maingrid_text: string;
+export declare const info_details: string;
+export declare const tab_details: string;
 export declare const featured_subgrid: string;
+export declare const featured_subimage: string;
+export declare const divider_tab: string;
 export declare const featured_subgrid_item: string;
 export declare const featured_subgrid_title: string;
-export declare const featured_subgrid_divider: string;
 export declare const featured_center_vertical: string;
-export declare const featured_maingrid: string;
-export declare const featured_hero: string;
 export declare const featured_maingrid_img: string;
 export declare const featured_maingrid_item: string;
-export declare const featured_maingrid_title: string;
+export declare const featured_subcontent: string;
+export declare const featured_subwrap: string;
+export declare const featured_subouter: string;

package/dist/Insight/Featured/Featured.css.js

@@ -1,32 +1,51 @@
-import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+import '../../assets/Insight/Featured/Featured.css';import '../../assets/themes/axos.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+/* empty css                                   */
 /* empty css                            */
-var featured_section = "_1sr2o6v0";
-var featured_title = "_1sr2o6v1";
-var featured_supertag = "_1sr2o6v2";
-var featured_grid = "_1sr2o6v3";
-var featured_subgrid = "_1sr2o6v4";
-var featured_subgrid_item = "_1sr2o6v5";
-var featured_subgrid_title = "_1sr2o6v6";
-var featured_subgrid_divider = "_1sr2o6v7";
-var featured_center_vertical = "_1sr2o6v8";
-var featured_maingrid = "_1sr2o6v9";
-var featured_hero = "_1sr2o6va";
-var featured_maingrid_img = "_1sr2o6vb";
-var featured_maingrid_item = "_1sr2o6vc";
-var featured_maingrid_title = "_1sr2o6vd";
+var onhover = "_1sr2o6v0";
+var featured_section = "_1sr2o6v1";
+var featured_title = "_1sr2o6v2";
+var featured_supertag = "_1sr2o6v3";
+var featured_grid = "_1sr2o6v4";
+var featured_maingrid = "_1sr2o6v5";
+var ratio = "_1sr2o6v6";
+var featured_main_wrapper = "_1sr2o6v7";
+var featured_maingrid_title = "_1sr2o6v8";
+var featured_maingrid_text = "_1sr2o6v9";
+var info_details = "_1sr2o6va";
+var tab_details = "_1sr2o6vb";
+var featured_subgrid = "_1sr2o6vc";
+var featured_subimage = "_1sr2o6vd";
+var divider_tab = "_1sr2o6ve";
+var featured_subgrid_item = "_1sr2o6vf";
+var featured_subgrid_title = "_1sr2o6vg";
+var featured_center_vertical = "_1sr2o6vh";
+var featured_maingrid_img = "_1sr2o6vi";
+var featured_maingrid_item = "_1sr2o6vj";
+var featured_subcontent = "_1sr2o6vk";
+var featured_subwrap = "_1sr2o6vl";
+var featured_subouter = "_1sr2o6vm";
 export {
+  divider_tab,
   featured_center_vertical,
   featured_grid,
-  featured_hero,
+  featured_main_wrapper,
   featured_maingrid,
   featured_maingrid_img,
   featured_maingrid_item,
+  featured_maingrid_text,
   featured_maingrid_title,
   featured_section,
+  featured_subcontent,
   featured_subgrid,
-  featured_subgrid_divider,
   featured_subgrid_item,
   featured_subgrid_title,
+  featured_subimage,
+  featured_subouter,
+  featured_subwrap,
   featured_supertag,
-  featured_title
+  featured_title,
+  info_details,
+  onhover,
+  ratio,
+  tab_details
 };

package/dist/Insight/Featured/Featured.d.ts

@@ -16,10 +16,11 @@ export interface FeaturedItemProps {
         alt: string;
     };
     title?: ReactNode;
+    text?: string;
     supertag?: ReactNode;
     readingTime?: string;
 }
 export declare const FeaturedItem: (props: FeaturedItemProps & {
     variant: QuaternaryTypes;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Featured: (props: InsightProps) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
+export declare const Featured: (props: InsightProps) => import("react").JSX.Element;