@axos-web-dev/shared-components 2.2.7 → 2.2.9

package/dist/icons/AxosX/index.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgAxosX;

package/dist/icons/CheckCircle.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
 import { CheckColorVariant } from './CheckIcon/CheckIcon.css';
 
-declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircleLight.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgCheckCircleLight;

package/dist/icons/CheckIcon/index.d.ts

@@ -1,4 +1,4 @@
 import { CheckColorVariant } from './CheckIcon.css';
 
-declare const SvgCheckIcon: (props: CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckIcon: (props: CheckColorVariant) => import("react").JSX.Element;
 export default SvgCheckIcon;

package/dist/icons/ChevronDown.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgChevronDown;

package/dist/icons/ChevronUp.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgChevronUp;

package/dist/icons/Clock/index.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default ClockIcon;

package/dist/icons/EqualHousingLender.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgEqualHousingLender;

package/dist/icons/Logos/AAS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AFS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXA.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXB.d.ts

@@ -4,5 +4,5 @@ declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
     height?: number;
     width?: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXC.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXI.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXOS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/GBLVF.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVF.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVFText.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/SPB.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgMemberFdicLogo;

package/dist/icons/QuoteIconGrey.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgQuoteIconGrey;

package/dist/icons/QuoteIconWhite.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgQuoteIconWhite;

package/dist/icons/QuoteIconYellow.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgQuoteIconYellow;

package/package.json

@@ -1,147 +1,147 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "2.2.7",
-  "type": "module",
-  "main": "dist/main.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"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --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 .",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "npm run build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.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",
-    "@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 || ^0.5.5",
-    "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.56.4",
-    "react-markdown": "^9.1.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 || ^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
-    "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 || ^19.0.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@eslint/js": "^9.39.4",
-    "@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": "^19.0.0",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/react-slick": "^0.23.13",
-    "@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": "^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",
-    "globals": "^15.15.0",
-    "husky": "^9.1.7",
-    "next": "^16.0.0",
-    "prettier": "3.2.5",
-    "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",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.57.0",
-    "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"
-  },
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "2.2.9",
+  "type": "module",
+  "main": "dist/main.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"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --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 .",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.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",
+    "@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 || ^0.5.5",
+    "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.56.4",
+    "react-markdown": "^9.1.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 || ^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
+    "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 || ^19.0.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@eslint/js": "^9.39.4",
+    "@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": "^19.0.0",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-slick": "^0.23.13",
+    "@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": "^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",
+    "globals": "^15.15.0",
+    "husky": "^9.1.7",
+    "next": "^16.0.0",
+    "prettier": "3.2.5",
+    "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",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.57.0",
+    "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"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}

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,158 +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");
-      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
-        );
-      }
-      identityHandler = (identity) => {
-        if (!isMounted.current) return;
-        console.log("identity:", identity);
-      };
-      messageHandler = (msg) => {
-        addMessage(msg);
-      };
-      chatUpdatedHandler = (chat) => {
-        console.log("chat updated:", chat);
-      };
-      chatConnectedHandler = async () => {
-        console.log("connected");
-        const messagesFetched = await clientRef.current?.fetchMessages();
-        addMessages(messagesFetched || []);
-      };
-      memberJoinedHandler = (identity) => {
-        console.log("member joined:", identity);
-      };
-      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;
-          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
-};