@axos-web-dev/shared-components 0.0.12 → 0.0.14

package/dist/main.js

@@ -16,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";
@@ -25,11 +25,12 @@ import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
-import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_img, body, header, imagePlacement, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
+import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, mh_330, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
 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";
@@ -46,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,
@@ -71,6 +74,8 @@ export {
   FooterDisclosure,
   FooterIcons,
   FooterParagraph,
+  GlobalContext,
+  GlobalContextProvider,
   GoBackButton,
   HeroBanner,
   IconBillboard,
@@ -109,6 +114,7 @@ export {
   billboard_ctas,
   billboard_header_section,
   billboard_icon,
+  billboard_image,
   billboard_img,
   body,
   bodyAccordion,
@@ -119,10 +125,12 @@ export {
   content,
   disclosureForm,
   expand_icon,
+  findMoreAxosDomains,
   footerContent,
   footerDisclosure,
   footerLink,
   footerParagraph,
+  form,
   formContainer,
   formWrapper,
   getVariant,
@@ -144,17 +152,23 @@ export {
   iconsContent,
   imagePlacement,
   inline_container,
+  isAbsoluteUrl,
+  isAllowedUrl,
+  isEmailLink,
+  isPhoneLink,
   item,
   layout,
   list,
   listItem,
   mb_8,
+  mh_330,
   paragraph,
   premierTheme,
   renderSwitch,
   section_container,
   section_text,
   section_text_ImageBillboard,
+  shortUrl,
   show,
   single_container,
   supertag,
@@ -175,6 +189,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.12",
+  "version": "0.0.14",
   "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": {