@axos-web-dev/shared-components 1.0.77-patch.7 → 1.0.77-patch.70

package/dist/themes/ufb.css.d.ts

@@ -0,0 +1 @@
+export declare const ufbTheme: string;

package/dist/themes/ufb.css.js

@@ -0,0 +1,6 @@
+import '../assets/themes/ufb.css';import '../assets/themes/axos.css';/* empty css                        */
+/* empty css                       */
+var ufbTheme = "wub34l0";
+export {
+  ufbTheme
+};

package/dist/utils/allowedAxosDomains.js

@@ -6,7 +6,8 @@ const moreDomains = {
   "{AXA}": process.env.AXA_URL || "https://www.axosadvisor.com",
   "{AFS}": process.env.AFS_URL || "https://www.axosfiduciaryservices.com",
   "{NATIONWIDE}": process.env.NATIOWIDE_URL || "https://www.nationwide.axosbank.com",
-  "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://enrollment.axosbank.com",
+  "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://onboard.axos.com",
+  "{LEGACYENROLLMENT}": process.env.LEGACY_ENROLLMENT_URL || "https://enrollment.axosbank.com",
   "{ASSETSURL}": "https://assets.axos.com",
   "{IMAGEASSETSURL}": "https://images.axos.com",
   "{ONLINEBANKING}": process.env.ONLINEBANKING_URL || "https://onlinebanking.uat.axosbank.com",
@@ -41,7 +42,8 @@ const moreDomains = {
   "{PERSONALLOANS}": process.env.PERSONAL_LOANS_URL || "https://personalloans.axosbank.com",
   "{MODELSELECTION}": process.env.MODEL_SELECTION_URL || "https://modelselection.axos.com",
   "{COMMERCIALPORTAL_LOGIN}": `${process.env.COMMERCIALPORTAL_URL}/login` || "https://portals.axosbank.com/login",
-  "{COMMERCIALPORTAL_REGISTER}": process.env.COMMERCIALPORTAL_URL + "/Register" || "https://portals.axosbank.com/Register"
+  "{COMMERCIALPORTAL_REGISTER}": process.env.COMMERCIALPORTAL_URL + "/Register" || "https://portals.axosbank.com/Register",
+  "{SHAREAXB}": process.env.SHAREAXB_URL || "https://share.axosbank.com"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/dist/utils/appendQueryParams.js

@@ -1,8 +1,12 @@
 const appendQueryParams = () => {
-  const searchParams = new URLSearchParams(window.location.search);
-  const filterParams = (href) => {
+  const currentOrigin = window.location.origin;
+  const currentPathname = window.location.pathname;
+  const filterParams = (href, currentSearch) => {
     try {
-      const url = new URL(href, window.location.origin);
+      const search = currentSearch ?? window.location.search;
+      const searchParams = new URLSearchParams(search);
+      const base = window.location.origin + window.location.pathname + window.location.search;
+      const url = new URL(href, base);
       const existingParams = new URLSearchParams(url.search);
       const newParams = new URLSearchParams();
       const addedKeys = /* @__PURE__ */ new Set();
@@ -25,17 +29,44 @@ const appendQueryParams = () => {
       }
       const mergedParams = new URLSearchParams(existingParams);
       newParams.forEach((value, key) => mergedParams.append(key, value));
-      return `${url.origin}${url.pathname}?${mergedParams.toString()}`;
+      return `${url.origin}${url.pathname}?${mergedParams.toString()}${url.hash}`;
     } catch (e) {
       console.error(e);
       return href;
     }
   };
+  const handleSamePageClick = (e) => {
+    const anchor = e.target?.closest?.("a[href]");
+    if (!anchor || anchor.classList.contains("ext-link"))
+      return;
+    const href = anchor.getAttribute("href")?.trim();
+    if (!href || href.startsWith("tel:") || href.startsWith("mailto:") || href === "#" || href === "" || href.startsWith("#"))
+      return;
+    const base = window.location.origin + window.location.pathname + window.location.search;
+    const url = new URL(href, base);
+    if (url.origin !== currentOrigin || url.pathname !== currentPathname)
+      return;
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    const merged = filterParams(href, window.location.search);
+    const mergedUrl = new URL(merged, window.location.origin);
+    const fullUrl = `${mergedUrl.pathname}${mergedUrl.search}${mergedUrl.hash}`;
+    window.history.replaceState({ ...window.history.state }, "", fullUrl);
+    window.dispatchEvent(
+      new PopStateEvent("popstate", { state: window.history.state })
+    );
+    if (mergedUrl.hash) {
+      const el = document.querySelector(mergedUrl.hash);
+      el?.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+  document.addEventListener("click", handleSamePageClick, true);
   if (window.location.search.length) {
+    const searchParams = new URLSearchParams(window.location.search);
     document.querySelectorAll("a[href]:not(.ext-link)").forEach((anchor) => {
       const href = anchor.getAttribute("href")?.trim();
       if (href && !href.startsWith("tel:") && !href.startsWith("mailto:") && href !== "#" && href !== "" && !href.startsWith("#")) {
-        anchor.href = filterParams(href);
+        anchor.href = filterParams(href, searchParams.toString());
       }
     });
   }

package/dist/utils/emailValidation.d.ts

@@ -0,0 +1 @@
+export declare function createCachedEmailValidator(validateEmail: (email: string) => Promise<boolean>): (val: string) => Promise<boolean>;

package/dist/utils/emailValidation.js

@@ -0,0 +1,31 @@
+import * as z from "zod";
+function createCachedEmailValidator(validateEmail) {
+  const emailValidationCache = /* @__PURE__ */ new Map();
+  const validatingEmails = /* @__PURE__ */ new Set();
+  return async (val) => {
+    if (!val || !z.string().email().safeParse(val).success) {
+      return true;
+    }
+    if (emailValidationCache.has(val)) {
+      return emailValidationCache.get(val) ?? false;
+    }
+    if (validatingEmails.has(val)) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (emailValidationCache.has(val)) {
+        return emailValidationCache.get(val) ?? false;
+      }
+      return true;
+    }
+    validatingEmails.add(val);
+    try {
+      const isValid = await validateEmail(val);
+      emailValidationCache.set(val, isValid);
+      return isValid;
+    } finally {
+      validatingEmails.delete(val);
+    }
+  };
+}
+export {
+  createCachedEmailValidator
+};

package/dist/utils/getPosition.d.ts

@@ -0,0 +1 @@
+export declare const getPosition: (text: string | undefined) => "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/dist/utils/getPosition.js

@@ -0,0 +1,17 @@
+const getPosition = (text) => {
+  switch (text) {
+    case "top left":
+      return "top left";
+    case "top right":
+      return "top right";
+    case "bottom left":
+      return "bottom left";
+    case "bottom right":
+      return "bottom right";
+    default:
+      return "default";
+  }
+};
+export {
+  getPosition
+};

package/dist/utils/index.d.ts

@@ -1,6 +1,9 @@
 export * from './allowedAxosDomains';
+export * from './appendQueryParams';
+export * from './emailValidation';
 export * from './EverestValidity';
 export * from './getVariant';
+export * from './nmlsValidation';
+export * from './useCachedValidators';
 export * from './validateExternalLinks';
 export * from './variant.types';
-export * from './appendQueryParams';

package/dist/utils/index.js

@@ -1,13 +1,19 @@
+"use client";
 import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
+import { appendQueryParams } from "./appendQueryParams.js";
+import { createCachedEmailValidator } from "./emailValidation.js";
 import { associatedEmail } from "./EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
+import { createCachedNMLSValidator } from "./nmlsValidation.js";
+import { useCachedEmailValidator, useCachedNMLSValidator } from "./useCachedValidators.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./validateExternalLinks.js";
 import { columnValues } from "./variant.types.js";
-import { appendQueryParams } from "./appendQueryParams.js";
 export {
   appendQueryParams,
   associatedEmail,
   columnValues,
+  createCachedEmailValidator,
+  createCachedNMLSValidator,
   findMoreAxosDomains,
   getVariant,
   getVariantWithRegex,
@@ -16,5 +22,7 @@ export {
   isEmailLink,
   isPhoneLink,
   shortUrl,
+  useCachedEmailValidator,
+  useCachedNMLSValidator,
   validateLink
 };

package/dist/utils/nmlsValidation.d.ts

@@ -0,0 +1 @@
+export declare function createCachedNMLSValidator(validateNMLS: (nmls_id: string) => Promise<any>): (val: string) => Promise<boolean>;

package/dist/utils/nmlsValidation.js

@@ -0,0 +1,34 @@
+function createCachedNMLSValidator(validateNMLS) {
+  const nmlsValidationCache = /* @__PURE__ */ new Map();
+  const validatingNMLS = /* @__PURE__ */ new Set();
+  return async (val) => {
+    if (!val || val.trim().length === 0 || val.trim().length < 4) {
+      return true;
+    }
+    if (nmlsValidationCache.has(val)) {
+      return nmlsValidationCache.get(val) ?? false;
+    }
+    if (validatingNMLS.has(val)) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (nmlsValidationCache.has(val)) {
+        return nmlsValidationCache.get(val) ?? false;
+      }
+      return true;
+    }
+    validatingNMLS.add(val);
+    try {
+      const res = await validateNMLS(val);
+      const isValid = Boolean(res?.body?.data?.records?.length > 0);
+      nmlsValidationCache.set(val, isValid);
+      return isValid;
+    } catch (error) {
+      nmlsValidationCache.set(val, false);
+      return false;
+    } finally {
+      validatingNMLS.delete(val);
+    }
+  };
+}
+export {
+  createCachedNMLSValidator
+};

package/dist/utils/useCachedValidators.d.ts

@@ -0,0 +1,2 @@
+export declare function useCachedEmailValidator(validateEmail: (email: string) => Promise<boolean>): (val: string) => Promise<boolean>;
+export declare function useCachedNMLSValidator(validateNMLS: (nmls_id: string) => Promise<any>): (val: string) => Promise<boolean>;

package/dist/utils/useCachedValidators.js

@@ -0,0 +1,22 @@
+"use client";
+import { useRef } from "react";
+import { createCachedEmailValidator } from "./emailValidation.js";
+import { createCachedNMLSValidator } from "./nmlsValidation.js";
+function useCachedEmailValidator(validateEmail) {
+  const validatorRef = useRef();
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedEmailValidator(validateEmail);
+  }
+  return validatorRef.current;
+}
+function useCachedNMLSValidator(validateNMLS) {
+  const validatorRef = useRef();
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedNMLSValidator(validateNMLS);
+  }
+  return validatorRef.current;
+}
+export {
+  useCachedEmailValidator,
+  useCachedNMLSValidator
+};

package/dist/utils/validateExternalLinks.js

@@ -8,12 +8,10 @@ const shortUrl = (url) => {
   return uri.hostname;
 };
 const isEmailLink = (url) => {
-  const uri = new URL(url, location.href);
-  return uri.protocol == "mailto:";
+  return typeof url === "string" && url.trim().toLowerCase().startsWith("mailto:");
 };
 const isPhoneLink = (url) => {
-  const uri = new URL(url, location.href);
-  return uri.protocol === "tel:";
+  return typeof url === "string" && url.trim().toLowerCase().startsWith("tel:");
 };
 const validateLink = (url) => {
   let openModal = false;

package/dist/utils/variant.types.d.ts

@@ -6,3 +6,4 @@ export type SideProps = "left" | "right";
 export type StarIconTypes = "gold" | "gray";
 export declare const columnValues: readonly [1, 2, 3, 4, undefined];
 export type ColumnTypes = (typeof columnValues)[number];
+export type AnchorPointTypes = "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/package.json

@@ -1,133 +1,135 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.77-patch.7",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "framer-motion": "^12.9.2",
-    "iframe-resizer": "^3.6.6",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "next-safe-action": "^8.0.2",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.2",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@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-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.6.14",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.17",
-    "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.77-patch.70",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@types/iframe-resizer": "3.5.13",
+    "@ujet/websdk-headless": "^3.41.4",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.9.2",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "next-safe-action": "^8.0.2",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "remark-gfm": "^4.0.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@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-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.6.14",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^20.19.0",
+    "@types/react": "^18.3.23",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}