@axos-web-dev/shared-components 1.0.100-dev.43 → 1.0.100-dev.43-executive.3

package/dist/main.js

@@ -42,7 +42,7 @@ import { bubbleWrapper, svgFill } from "./Chatbot/Bubble.css.js";
 import { Chatbot } from "./Chatbot/Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot/Chatbot.css.js";
 import { ChatWindow } from "./Chatbot/ChatWindow.js";
-import { arrowFill, autoResize, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
+import { arrowFill, button_reset, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, messageStyle, messagesContainerStyle, notificationStyle, sendButtonStyle, windowBarStyle, windowOpenStyle, windowStyle } from "./Chatbot/ChatWindow.css.js";
 import { useOpenChat } from "./Chatbot/store/chat.js";
 import { useMessages } from "./Chatbot/store/messages.js";
 import { Chevron } from "./Chevron/index.js";
@@ -52,7 +52,7 @@ import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
-import { bio_section_text, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
+import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { FdicBanner } from "./FdicCallout/index.js";
@@ -205,14 +205,11 @@ import { VideoWrapper } from "./VideoWrapper/index.js";
 import { Tab } from "./Tab/Tab.js";
 import { TabContainer } from "./Tab/TabContainer.js";
 import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
-import { appendQueryParams } from "./utils/appendQueryParams.js";
-import { createCachedEmailValidator } from "./utils/emailValidation.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
-import { createCachedNMLSValidator } from "./utils/nmlsValidation.js";
-import { useCachedEmailValidator, useCachedNMLSValidator } from "./utils/useCachedValidators.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
 import { columnValues } from "./utils/variant.types.js";
+import { appendQueryParams } from "./utils/appendQueryParams.js";
 import { padding_in_footer, smb_section, smb_wrapper } from "./SocialMediaBar/SocialMediaBar.css.js";
 export {
   default20 as AASLogo,
@@ -434,7 +431,6 @@ export {
   article_share_svg,
   article_spacer,
   associatedEmail,
-  autoResize,
   award_company,
   award_item,
   award_name,
@@ -470,6 +466,8 @@ export {
   bs_wrapper,
   bubbleWrapper,
   bullet_details,
+  bulletsHeadline,
+  bulletsWrapper,
   button,
   button_reset,
   buttons,
@@ -480,6 +478,19 @@ export {
   center_center,
   center_left,
   center_right,
+  ceoContainer,
+  ceoContent,
+  ceoHeader,
+  ceoImgWrapper,
+  ceoMedia,
+  ceoPersonalInfo,
+  ceoSection,
+  ceoWrapper,
+  ceo_body,
+  ceo_contacts,
+  ceo_name,
+  ceo_quote,
+  ceo_title,
   chatFinishDialog,
   chatNetworkStatus,
   chat_title,
@@ -505,8 +516,6 @@ export {
   containerIconBillboard,
   content,
   copy,
-  createCachedEmailValidator,
-  createCachedNMLSValidator,
   description,
   descriptionField,
   details,
@@ -546,6 +555,7 @@ export {
   featured_supertag,
   featured_title,
   findMoreAxosDomains,
+  flexColumn,
   footerDisclosure,
   footerLink,
   footerParagraph,
@@ -607,7 +617,9 @@ export {
   highlight_first_row,
   highlight_last_row,
   highlight_th,
+  highlights,
   honeyPotSchema,
+  hover,
   icon,
   iconContainer,
   iconContainerBase,
@@ -620,6 +632,7 @@ export {
   image_background,
   image_based,
   image_inner_wrapper,
+  imgAlignment,
   img_area,
   img_contents,
   inline_button,
@@ -680,6 +693,8 @@ export {
   notificationStyle,
   ol,
   one_row,
+  order_3,
+  overlay,
   padding,
   padding_in_footer,
   paragraph,
@@ -738,11 +753,13 @@ export {
   single_container,
   smb_section,
   smb_wrapper,
+  social,
   spb_container,
   spb_hover,
   step_num,
   step_title_apply_now,
   steps_wrapper,
+  stroke_color,
   sub_bullets,
   succes_check_mark,
   success_circle,
@@ -750,6 +767,7 @@ export {
   success_wrap,
   supertag,
   svgFill,
+  svg_color,
   svg_fill,
   svg_icon,
   svg_logo,
@@ -771,6 +789,7 @@ export {
   three_inline,
   title,
   toggle_container,
+  tooltip,
   top_center,
   top_left,
   top_right,
@@ -784,8 +803,6 @@ export {
   two_inline,
   up_to,
   url_row,
-  useCachedEmailValidator,
-  useCachedNMLSValidator,
   useGlobalContext,
   useMessages,
   useOpenChat,

package/dist/utils/index.d.ts

@@ -1,9 +1,6 @@
 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,19 +1,13 @@
-"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,
@@ -22,7 +16,5 @@ export {
   isEmailLink,
   isPhoneLink,
   shortUrl,
-  useCachedEmailValidator,
-  useCachedNMLSValidator,
   validateLink
 };

package/package.json

@@ -1,136 +1,136 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.43",
-  "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",
-    "@ts-stack/markdown": "^1.5.0",
-    "@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.1.0",
-    "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"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "1.0.100-dev.43-executive.3",
+  "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",
+    "@ts-stack/markdown": "^1.5.0",
+    "@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.1.0",
+    "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"
+}

package/dist/utils/emailValidation.d.ts

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

package/dist/utils/emailValidation.js

@@ -1,31 +0,0 @@
-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/nmlsValidation.d.ts

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

package/dist/utils/nmlsValidation.js

@@ -1,34 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,22 +0,0 @@
-"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
-};