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

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

@@ -1,66 +1,84 @@
 export declare const axosTheme: string, vars: {
     colors: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            headline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            backgroundButton: `var(--${string})`;
+            body: `var(--${string})`;
+            border: `var(--${string})`;
+            headline: `var(--${string})`;
+            textButton: `var(--${string})`;
+            textGradient: `var(--${string})`;
         };
     };
-    error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    error: `var(--${string})`;
     disabled: {
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        border: `var(--${string})`;
+        color: `var(--${string})`;
+        background: `var(--${string})`;
     };
     icons: {
         check: {
-            primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            primary: `var(--${string})`;
+            secondary: `var(--${string})`;
         };
     };
     table: {
-        highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        highlight: `var(--${string})`;
+        color: `var(--${string})`;
     };
     footer: {
         link: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     selecction: {
         icon: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+        };
+    };
+    chatbot: {
+        bubble: {
+            background: `var(--${string})`;
+            border: `var(--${string})`;
+            borderGradient: `var(--${string})`;
+            icon: `var(--${string})`;
+        };
+        window: {
+            background: `var(--${string})`;
+            headerBackground: `var(--${string})`;
+            headerText: `var(--${string})`;
+            agentBackground: `var(--${string})`;
+            userBackground: `var(--${string})`;
+            inputBorder: `var(--${string})`;
+            timestampColor: `var(--${string})`;
+            borderBtn: `var(--${string})`;
         };
     };
 };

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
-/* empty css                        */
+import '../assets/themes/axos.css';/* empty css                        */
 var axosTheme = "_1073cm80";
-var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", backgroundButton: "var(--_1073cm82)", body: "var(--_1073cm83)", border: "var(--_1073cm84)", headline: "var(--_1073cm85)", textButton: "var(--_1073cm86)", textGradient: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", backgroundButton: "var(--_1073cm89)", body: "var(--_1073cm8a)", border: "var(--_1073cm8b)", headline: "var(--_1073cm8c)", textButton: "var(--_1073cm8d)", textGradient: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", backgroundButton: "var(--_1073cm8g)", body: "var(--_1073cm8h)", border: "var(--_1073cm8i)", headline: "var(--_1073cm8j)", textButton: "var(--_1073cm8k)", textGradient: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", backgroundButton: "var(--_1073cm8n)", body: "var(--_1073cm8o)", border: "var(--_1073cm8p)", headline: "var(--_1073cm8q)", textButton: "var(--_1073cm8r)", textGradient: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } }, table: { highlight: "var(--_1073cm8z)", color: "var(--_1073cm810)" }, footer: { link: { color: "var(--_1073cm811)" } }, selecction: { icon: { color: "var(--_1073cm812)" } }, chatbot: { bubble: { background: "var(--_1073cm813)", border: "var(--_1073cm814)", borderGradient: "var(--_1073cm815)", icon: "var(--_1073cm816)" }, window: { background: "var(--_1073cm817)", headerBackground: "var(--_1073cm818)", headerText: "var(--_1073cm819)", agentBackground: "var(--_1073cm81a)", userBackground: "var(--_1073cm81b)", inputBorder: "var(--_1073cm81c)", timestampColor: "var(--_1073cm81d)", borderBtn: "var(--_1073cm81e)" } } };
 export {
   axosTheme,
   vars

package/dist/themes/index.d.ts

@@ -1,3 +1,4 @@
 export * from './axos.css';
 export * from './premier.css';
+export * from './ufb.css';
 export * from './victorie.css';

package/dist/themes/index.js

@@ -1,9 +1,11 @@
 import { axosTheme, vars } from "./axos.css.js";
 import { premierTheme } from "./premier.css.js";
+import { ufbTheme } from "./ufb.css.js";
 import { victorieTheme } from "./victorie.css.js";
 export {
   axosTheme,
   premierTheme,
+  ufbTheme,
   vars,
   victorieTheme
 };

package/dist/themes/premier.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                           */
 var premierTheme = "_1es6o1h0";
 export {

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/themes/victorie.css.js

@@ -1,4 +1,4 @@
-/* empty css                        */
+import '../assets/themes/victorie.css';import '../assets/themes/axos.css';/* empty css                        */
 /* empty css                            */
 var victorieTheme = "fl2fv50";
 export {

package/dist/utils/allowedAxosDomains.js

@@ -42,7 +42,9 @@ 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",
+  "{MERIDIAN}": process.env.MERIDIAN_URL || "https://www.axosbank.com/"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

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/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/optimizeImage/optimizeImage.module.js

@@ -1,4 +1,4 @@
-const loader = "_loader_pwl74_10";
+import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_pwl74_10";
 const loading = "_loading_pwl74_16";
 const shimmer = "_shimmer_pwl74_1";
 const css = {

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(null);
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedEmailValidator(validateEmail);
+  }
+  return validatorRef.current;
+}
+function useCachedNMLSValidator(validateNMLS) {
+  const validatorRef = useRef(null);
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedNMLSValidator(validateNMLS);
+  }
+  return validatorRef.current;
+}
+export {
+  useCachedEmailValidator,
+  useCachedNMLSValidator
+};

package/package.json

@@ -1,10 +1,22 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100",
+  "version": "1.0.101-dev.1",
   "type": "module",
+  "main": "index.js",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./styles.css": "./dist/assets/index.css",
+    "./globals.css": "./dist/assets/globals.css",
+    "./themes/axos.css": "./dist/assets/themes/axos.css",
+    "./themes/premier.css": "./dist/assets/themes/premier.css",
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -29,8 +41,8 @@
   },
   "dependencies": {
     "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "@hookform/resolvers": "^5.0.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.2",
     "@react-input/mask": "^1.2.15",
     "@react-input/number-format": "^1.1.3",
     "@storybook/icons": "^1.3.0",
@@ -49,9 +61,8 @@
     "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-hook-form": "^7.56.4",
     "react-markdown": "^9.1.0",
-    "react-popper": "^2.3.0",
     "react-slick": "^0.30.2",
     "react-use": "^17.6.0",
     "react-wrap-balancer": "^1.1.1",
@@ -64,14 +75,13 @@
     "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",
+    "@vanilla-extract/css-utils": "^0.1.3 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.3 || ^4.0.18",
+    "next": "^14.1.4 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
     "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "react-slick": "^0.30.2",
     "slick-carousel": "^1.8.1"
   },
@@ -93,28 +103,28 @@
     "@svgr/plugin-svgo": "^8.1.0",
     "@types/lodash": "^4.17.17",
     "@types/node": "^20.19.0",
-    "@types/react": "^18.3.23",
+    "@types/react": "^19.0.0",
     "@types/react-date-range": "^1.4.9",
     "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.7",
+    "@types/react-dom": "^19.0.0",
     "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.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": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "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",
+    "next": "^16.0.0",
     "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-svg-import": "^3.0.0",
     "rollup-plugin-svgo": "^2.0.0",
@@ -127,7 +137,6 @@
     "vite-plugin-setting-css-module": "^1.1.4",
     "vite-tsconfig-paths": "^4.3.2"
   },
-  "main": "index.js",
   "directories": {
     "lib": "lib"
   },

package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js

@@ -1 +0,0 @@
-