@axos-web-dev/shared-components 0.0.11 → 0.0.13

package/dist/main.js

@@ -4,7 +4,9 @@ import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, p
 import { AlertBanner } from "./AlertBanner/index.js";
 import { ApyCalculator } from "./ApyCalculator/index.js";
 import { BulletItem } from "./BulletItem/BulletItem.js";
-import { Button } from "./Button/index.js";
+import { Button } from "./Button/Button.js";
+import { button } from "./Button/Button.css.js";
+import { GoBackButton } from "./Button/GoBackButton.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
@@ -14,7 +16,7 @@ import { DownloadTile } from "./DownloadTile/index.js";
 import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
 import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
-import { actions, disclosureForm, formContainer, formWrapper, headerForm, iconForm } from "./Forms/Forms.css.js";
+import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm } from "./Forms/Forms.css.js";
 import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
@@ -27,14 +29,15 @@ import { billboard, billboard_body, billboard_container, billboard_ctas, billboa
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/index.js";
 import { MainHTML } from "./MainHTML/index.js";
-import { Modal } from "./Modal/index.js";
+import { Modal } from "./Modal/Modal.js";
+import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
 import { default as default2 } from "./NavigationMenu/AxosAdvisor/index.js";
 import { default as default3 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SetContainer } from "./SetContainer/SetContainer.js";
 import { inline_container } from "./SetContainer/SetContainer.css.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
-import { bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, table_container, table_container_text, table_headline, td, th } from "./Table/Table.css.js";
+import { alternate_color_rows, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
 import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
 import { VideoInit } from "./VideoTile/VideoInit.js";
@@ -44,7 +47,9 @@ import { VideoWrapper } from "./VideoWrapper/index.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
+import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
+import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
 export {
   Accordion,
   AccordionCtx,
@@ -69,6 +74,9 @@ export {
   FooterDisclosure,
   FooterIcons,
   FooterParagraph,
+  GlobalContext,
+  GlobalContextProvider,
+  GoBackButton,
   HeroBanner,
   IconBillboard,
   IconBillboardSet,
@@ -97,6 +105,7 @@ export {
   VideoWrapper,
   accordion,
   actions,
+  alternate_color_rows,
   associatedEmail,
   axosTheme,
   billboard,
@@ -109,15 +118,18 @@ export {
   body,
   bodyAccordion,
   bodyHeader,
+  button,
   buttons,
   containerIconBillboard,
   content,
   disclosureForm,
   expand_icon,
+  findMoreAxosDomains,
   footerContent,
   footerDisclosure,
   footerLink,
   footerParagraph,
+  form,
   formContainer,
   formWrapper,
   getVariant,
@@ -139,6 +151,10 @@ export {
   iconsContent,
   imagePlacement,
   inline_container,
+  isAbsoluteUrl,
+  isAllowedUrl,
+  isEmailLink,
+  isPhoneLink,
   item,
   layout,
   list,
@@ -150,10 +166,12 @@ export {
   section_container,
   section_text,
   section_text_ImageBillboard,
+  shortUrl,
   show,
   single_container,
   supertag,
   table,
+  tableWrapper,
   table_container,
   table_container_text,
   table_headline,
@@ -169,6 +187,8 @@ export {
   transcript_container,
   transcript_content,
   two_inline,
+  useGlobalContext,
+  validateLink,
   vars,
   video_container,
   video_title,

package/dist/utils/allowedAxosDomains.d.ts

@@ -0,0 +1,2 @@
+export declare const isAllowedUrl: (url: string) => boolean;
+export declare const findMoreAxosDomains: (url: string) => string;

package/dist/utils/allowedAxosDomains.js

@@ -0,0 +1,40 @@
+const moreDomains = {
+  "{AXOS}": "www.axos.com",
+  "{AXOSBANK}": "www.axosbank.com",
+  "{AXOSCLEARING}": "https://axosclearing.com/",
+  "{AAS}": "www.axosadvisorservices.com",
+  "{NATIONWIDE}": "www.nationwide.axosbank.com",
+  // '{ENROLLMENT}': process.env.NEXT_PUBLIC_ENROLLMENT_URL as string,
+  // '{SECENROLLMENT}': process.env.NEXT_PUBLIC_ENROLLMENT2_URL as string,
+  "{ASSETSURL}": "https://assets.ctfassets.net",
+  "{IMAGEASSETSURL}": "https://images.ctfassets.net",
+  "{ONLINEBANKING}": "https://onlinebanking.uat.axsobank.com",
+  "{UFBDIRECT": "www.ufbdirect.com"
+};
+const isAllowedUrl = (url) => {
+  const uri = new URL(url, location.href);
+  for (const key in moreDomains) {
+    const urlToCompare = new URL(moreDomains[key], location.href);
+    if (uri.hostname === urlToCompare.hostname)
+      return true;
+  }
+  return false;
+};
+const findMoreAxosDomains = (url) => {
+  const regexSearching = /\{[a-xA-Z]+\}/;
+  if (regexSearching.test(url)) {
+    const domainToReplace = url.match(regexSearching);
+    if (Array.isArray(domainToReplace)) {
+      const newURL = url.replace(
+        regexSearching,
+        moreDomains[domainToReplace[0]]
+      );
+      return newURL;
+    }
+  }
+  return url;
+};
+export {
+  findMoreAxosDomains,
+  isAllowedUrl
+};

package/dist/utils/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./EverestValidity";
+export * from "./allowedAxosDomains";
 export * from "./getVariant";
+export * from "./validateExternalLinks";
 export * from "./variant.types";

package/dist/utils/index.js

@@ -1,7 +1,16 @@
 import { associatedEmail } from "./EverestValidity.js";
+import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
+import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./validateExternalLinks.js";
 export {
   associatedEmail,
+  findMoreAxosDomains,
   getVariant,
-  getVariantWithRegex
+  getVariantWithRegex,
+  isAbsoluteUrl,
+  isAllowedUrl,
+  isEmailLink,
+  isPhoneLink,
+  shortUrl,
+  validateLink
 };

package/dist/utils/validateExternalLinks.d.ts

@@ -0,0 +1,5 @@
+export declare const isAbsoluteUrl: (url: string) => boolean;
+export declare const shortUrl: (url: string) => string;
+export declare const isEmailLink: (url: string) => boolean;
+export declare const isPhoneLink: (url: string) => boolean;
+export declare const validateLink: (url: string) => boolean;

package/dist/utils/validateExternalLinks.js

@@ -0,0 +1,32 @@
+import { isAllowedUrl } from "./allowedAxosDomains.js";
+const isAbsoluteUrl = (url) => {
+  const RgExp = new RegExp("^(?:[a-z]+:)?//", "i");
+  return RgExp.test(url);
+};
+const shortUrl = (url) => {
+  const uri = new URL(url);
+  return uri.hostname;
+};
+const isEmailLink = (url) => {
+  const uri = new URL(url, location.href);
+  return uri.protocol == "mailto:";
+};
+const isPhoneLink = (url) => {
+  const uri = new URL(url, location.href);
+  return uri.protocol === "tel:";
+};
+const validateLink = (url) => {
+  const newUrl = new URL(url, location.href);
+  let openModal = false;
+  if (isAbsoluteUrl(newUrl.href) && !isEmailLink(newUrl.href) && !isPhoneLink(newUrl.href) && !isAllowedUrl(newUrl.href)) {
+    openModal = true;
+  }
+  return openModal;
+};
+export {
+  isAbsoluteUrl,
+  isEmailLink,
+  isPhoneLink,
+  shortUrl,
+  validateLink
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -47,6 +47,7 @@
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/recipes": "^0.5.1",
     "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -93,7 +94,8 @@
     "vite-plugin-dts": "^3.7.3",
     "vite-plugin-lib-inject-css": "^1.3.0",
     "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.1"
+    "vite-tsconfig-paths": "^4.3.1",
+    "next": "^14.1.4"
   },
   "main": "index.js",
   "directories": {

package/dist/NavigationMenu/AxosFiduciary/MobileToggle.d.ts

@@ -1,2 +0,0 @@
-declare const MobileToggle: () => import("react/jsx-runtime").JSX.Element;
-export default MobileToggle;

package/dist/NavigationMenu/AxosFiduciary/MobileToggle.js

@@ -1,120 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState } from "react";
-import { NavItem } from "../NavItem/index.js";
-import styles from "./NavBar.module.js";
-import { navItems } from "./NavData.js";
-const MobileToggle = () => {
-  const [isOpenMobile, setisOpenMobile] = useState(false);
-  const mobileToggle = () => setisOpenMobile(!isOpenMobile);
-  return /* @__PURE__ */ jsxs("header", { children: [
-    /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: clsx(styles.mobile_only, styles.hamburger),
-          onClick: mobileToggle,
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: 24,
-              height: 24,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  clipRule: "evenodd",
-                  d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
-                  fill: "#4A5560"
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: "//images.axos.com/o9ov1v03uwqk/70DeSnNiwKxnnpoNEmdHYc/c89285e7f92b31397b49e09ddb9ea14d/afs-logo-mobile.svg",
-          alt: "",
-          width: 113,
-          height: 58
-        }
-      ) })
-    ] }) }) }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          styles.mobile_nav,
-          styles.mobile_only,
-          "relative",
-          "bg_white",
-          isOpenMobile ? styles.mobile_opened : ""
-        ),
-        "aria-expanded": isOpenMobile,
-        role: "menu",
-        children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.inner_wrapper, "bg_white"), children: [
-          /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_header} relative text_center`, children: [
-            /* @__PURE__ */ jsx("p", { role: "heading", children: "Welcome" }),
-            /* @__PURE__ */ jsx("button", { onClick: mobileToggle, "aria-label": "close navigation menu", children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: 24,
-                height: 24,
-                viewBox: "0 0 24 24",
-                fill: "none",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
-                    fill: "#4A5560"
-                  }
-                )
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: styles.mobile_body, children: [
-            navItems.map((item, i) => /* @__PURE__ */ jsx(
-              NavItem,
-              {
-                className: styles.main_nav_link,
-                index: i,
-                name: item.name,
-                url: item.url
-              },
-              i
-            )),
-            /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_1", children: /* @__PURE__ */ jsx("a", { href: "#", children: "About Us" }) }),
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_2", children: /* @__PURE__ */ jsx("a", { href: "/services", children: "Services" }) }),
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_3", children: /* @__PURE__ */ jsx("a", { href: "/Software", children: "Software" }) }),
-              /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_4", children: /* @__PURE__ */ jsx("a", { href: "/Contact", children: "Contact" }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsxs("div", { className: "flex_row between", children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `${styles.mobile_footer_content} flex_col between`,
-                children: [
-                  /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: "Contact a Specialist Today!" }) }),
-                  /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx("a", { href: "/contact", children: "Talk With Us" }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, children: " " })
-          ] }) })
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  MobileToggle as default
-};