@axos-web-dev/shared-components 1.0.100-dev.2 → 1.0.100-feature-buydown.1

package/package.json

@@ -1,136 +1,133 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.2",
-  "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-feature-buydown.1",
+  "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"
+}

package/dist/Chatbot/Bubble.css.d.ts

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

package/dist/Chatbot/Bubble.css.js

@@ -1,5 +0,0 @@
-import '../assets/Chatbot/Bubble.css';/* empty css                          */
-var bubbleWrapper = "_7u9pv30";
-export {
-  bubbleWrapper
-};

package/dist/Chatbot/Bubble.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-export declare const Bubble: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { bubbleWrapper } from "./Bubble.css.js";
-import { useOpenChat } from "./store/chat.js";
-import { AnimatePresence, motion } from "framer-motion";
-const Bubble = ({ children }) => {
-  const isOpen = useOpenChat((state) => state.isOpen);
-  const toggle = useOpenChat((state) => state.toggle);
-  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick: toggle, children: [
-    /* @__PURE__ */ jsx("div", { className: "bubble-circle", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsx(
-      motion.img,
-      {
-        alt: "Evo, Virtual Financial Assistant",
-        src: "https://www.axos.com/images/5yPSYWRtCV9kNiVUzGONdb/axb-chat-bubble.png",
-        height: 36,
-        width: 36,
-        initial: { scale: 0.1, opacity: 0 },
-        animate: {
-          scale: 1,
-          opacity: 1,
-          transition: {
-            default: { type: "spring" },
-            opacity: { ease: [0, 0.71, 0.2, 1.01] }
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsx(
-      motion.img,
-      {
-        alt: "Close chat",
-        src: "https://www.axos.com/images/7kHGbXlPvoGOC4YL3Ae5cg/axb-x-close.svg",
-        initial: { opacity: 0, rotate: 0 },
-        animate: {
-          opacity: 1,
-          rotate: -90,
-          transition: {
-            default: { type: "spring" },
-            opacity: { ease: "linear" }
-          }
-        }
-      }
-    ) }) }) }),
-    children
-  ] });
-};
-export {
-  Bubble
-};

package/dist/Chatbot/Chat.d.ts

@@ -1 +0,0 @@
-export default function Chat(): import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Chat.js

@@ -1,165 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { authenticate } from "./authenticate.js";
-import { useMessages } from "./store/messages.js";
-const companyId = process.env.CCAI_COMPANY_ID || "";
-const tenant = process.env.CCAI_TENANT_NAME || "";
-const host = process.env.CCAI_HOST || "";
-const COBROWSE_CONSENT_TEMPLATE = `
-  <script class="cobrowse-template" type="text/template">
-    <div class="cobrowse">
-      <div class="cobrowse-title">$title</div>
-      <div class="cobrowse-content">$content</div>
-      <div class="cobrowse-footer">
-        <button class="cobrowse-deny js-cobrowse-deny">$deny</button>
-        <button class="cobrowse-allow js-cobrowse-allow">$allow</button>
-      </div>
-    </div>
-  <\/script>
-`;
-function Chat() {
-  const clientRef = useRef(null);
-  const hasLoadedBefore = useRef(true);
-  const addMessages = useMessages((state) => state.addMessages);
-  const addMessage = useMessages((state) => state.addMessage);
-  const chatRef = useRef(null);
-  const isMounted = useRef(true);
-  useEffect(() => {
-    let messageHandler;
-    let identityHandler;
-    let chatUpdatedHandler;
-    let memberJoinedHandler;
-    let chatConnectedHandler;
-    async function initChat() {
-      const { Client, consoleLoggerHandler, Logger } = await import("@ujet/websdk-headless");
-      console.log("this", isMounted);
-      Logger.addHandler(consoleLoggerHandler);
-      clientRef.current = new Client({
-        companyId,
-        tenant,
-        cobrowse: {
-          enabled: true,
-          template: COBROWSE_CONSENT_TEMPLATE,
-          messages: {
-            confirmSessionTitle: "...",
-            confirmSessionContent: "...",
-            endSessionText: "...",
-            confirmRemoteControlTitle: "...",
-            confirmRemoteControlContent: "...",
-            confirmFullDeviceTitle: "...",
-            confirmFullDeviceContent: "...",
-            allowText: "...",
-            denyText: "..."
-          }
-        },
-        host,
-        authenticate
-      });
-      const menus = await clientRef.current?.getMenus();
-      try {
-        chatRef.current = await clientRef.current?.loadOngoingChat();
-        console.log("chat:", chatRef.current);
-        if (!chatRef.current) {
-          chatRef.current = await clientRef.current?.createChat(
-            menus?.menus[5].id
-          );
-        }
-      } catch (error) {
-        console.error("Error creating chat:", error);
-        chatRef.current = await clientRef.current?.createChat(
-          menus?.menus[5].id
-        );
-      }
-      console.log("this");
-      identityHandler = (identity) => {
-        if (!isMounted.current) return;
-        console.log("identity:", identity);
-      };
-      messageHandler = (msg) => {
-        console.log("new message:", msg);
-        console.log("addMessage:", msg);
-        addMessage(msg);
-      };
-      chatUpdatedHandler = (chat) => {
-        console.log("chat updated:", chat);
-      };
-      chatConnectedHandler = async () => {
-        console.log("connected");
-        const messagesFetched = await clientRef.current?.fetchMessages();
-        console.log("[messages]:", messagesFetched);
-        addMessages(messagesFetched || []);
-      };
-      memberJoinedHandler = (identity) => {
-        console.log("member joined:", identity);
-      };
-      console.log(isMounted.current);
-      clientRef.current?.on("authenticated", () => {
-        console.log("authenticated");
-      });
-      clientRef.current?.on("chat.ongoing", (chat) => {
-        if (!isMounted.current) return;
-        console.log("chat:", chat);
-      });
-      clientRef.current?.on("chat.connected", chatConnectedHandler);
-      clientRef.current?.on("chat.updated", chatUpdatedHandler);
-      clientRef.current?.on("chat.identity", identityHandler);
-      clientRef.current?.on("chat.message", messageHandler);
-      clientRef.current?.on("cobrowse.request", ({ from }) => {
-        console.log("request by", from);
-      });
-      clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
-    }
-    if (hasLoadedBefore.current) {
-      console.log("Initial setup");
-      initChat();
-      hasLoadedBefore.current = false;
-    }
-    return () => {
-      isMounted.current = false;
-      console.log("Component unmounted. Cancelling pending async operations.");
-      if (clientRef.current) {
-        if (messageHandler)
-          clientRef.current.off("chat.message", messageHandler);
-        if (identityHandler)
-          clientRef.current.off("chat.identity", identityHandler);
-        clientRef.current.off("chat.connected", chatConnectedHandler);
-        clientRef.current.off("chat.updated", chatUpdatedHandler);
-        clientRef.current.off("chat.memberJoined", memberJoinedHandler);
-        if (typeof clientRef.current.destroyChat === "function") {
-          console.log("Destroying chat:", chatRef.current);
-          clientRef.current.destroyChat();
-        }
-      }
-    };
-  }, [addMessage, addMessages]);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h2", { children: "Chat" }),
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        style: { marginTop: "1rem", display: "flex", gap: "0.5rem" },
-        onSubmit: async (e) => {
-          e.preventDefault();
-          const form = e.target;
-          const input = form.elements[0];
-          const message = input.value;
-          console.log("Sending message:", message);
-          try {
-            await clientRef.current?.sendTextMessage(message);
-            input.value = "";
-          } catch (error) {
-            console.error("Error sending message:", error);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx("input", { type: "text", name: "message", placeholder: "Type a message..." }),
-          /* @__PURE__ */ jsx("button", { type: "submit", children: "Send" })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  Chat as default
-};

package/dist/Chatbot/ChatWindow.css.d.ts

@@ -1,11 +0,0 @@
-export declare const windowStyle: string;
-export declare const windowOpenStyle: string;
-export declare const windowBarStyle: string;
-export declare const chat_title: string;
-export declare const button_reset: string;
-export declare const inputStyle: string;
-export declare const sendButtonStyle: string;
-export declare const messagesContainerStyle: string;
-export declare const notificationStyle: string;
-export declare const messageStyle: string;
-export declare const inline_button_wrapper: string;

package/dist/Chatbot/ChatWindow.css.js

@@ -1,25 +0,0 @@
-import '../assets/Chatbot/ChatWindow.css';/* empty css                              */
-var windowStyle = "_13n1jqk0";
-var windowOpenStyle = "_13n1jqk1";
-var windowBarStyle = "_13n1jqk2";
-var chat_title = "_13n1jqk3";
-var button_reset = "_13n1jqk4";
-var inputStyle = "_13n1jqk5";
-var sendButtonStyle = "_13n1jqk6";
-var messagesContainerStyle = "_13n1jqk7";
-var notificationStyle = "_13n1jqk8";
-var messageStyle = "_13n1jqk9";
-var inline_button_wrapper = "_13n1jqka";
-export {
-  button_reset,
-  chat_title,
-  inline_button_wrapper,
-  inputStyle,
-  messageStyle,
-  messagesContainerStyle,
-  notificationStyle,
-  sendButtonStyle,
-  windowBarStyle,
-  windowOpenStyle,
-  windowStyle
-};

package/dist/Chatbot/ChatWindow.d.ts

@@ -1,23 +0,0 @@
-import { MessageResponse as BaseMessageResponse, HumanAgent } from '@ujet/websdk-headless';
-import { default as React } from 'react';
-
-interface MessageResponse extends BaseMessageResponse {
-    to_agent?: HumanAgent;
-}
-export interface ChatBubble {
-    id: string | number;
-    body: string;
-    sender?: string;
-    timestamp?: string;
-    isOwn?: boolean;
-}
-interface ChatWindowProps {
-    messages: MessageResponse[];
-    status?: string;
-    onSend: (msg: string) => void;
-    inputDisabled?: boolean;
-    onClose?: () => void;
-    endChat?: () => void;
-}
-export declare const ChatWindow: React.FC<ChatWindowProps>;
-export {};