cometchat-visual-builder-no-code 1.0.20-authtest2 → 1.0.20-authtest4

package/dist/src/CometChat/customHooks.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A custom hook that detects and returns the system's preferred color scheme.
+ *
+ * @returns {'light' | 'dark'} The current system color scheme.
+ */
+declare const useSystemColorScheme: () => 'light' | 'dark';
+export default useSystemColorScheme;

package/dist/src/CometChat/styleConfig.d.ts

@@ -0,0 +1,108 @@
+export declare const fontOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const sizeOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const buttonShapeOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const dockedAlignmentOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const fontSizes: {
+    compact: {
+        '--cometchat-font-title-bold': string;
+        '--cometchat-font-title-medium': string;
+        '--cometchat-font-title-regular': string;
+        '--cometchat-font-heading1-bold': string;
+        '--cometchat-font-heading1-medium': string;
+        '--cometchat-font-heading1-regular': string;
+        '--cometchat-font-heading2-bold': string;
+        '--cometchat-font-heading2-medium': string;
+        '--cometchat-font-heading2-regular': string;
+        '--cometchat-font-heading3-bold': string;
+        '--cometchat-font-heading3-medium': string;
+        '--cometchat-font-heading3-regular': string;
+        '--cometchat-font-heading4-bold': string;
+        '--cometchat-font-heading4-medium': string;
+        '--cometchat-font-heading4-regular': string;
+        '--cometchat-font-body-bold': string;
+        '--cometchat-font-body-medium': string;
+        '--cometchat-font-body-regular': string;
+        '--cometchat-font-caption1-bold': string;
+        '--cometchat-font-caption1-medium': string;
+        '--cometchat-font-caption1-regular': string;
+        '--cometchat-font-caption2-bold': string;
+        '--cometchat-font-caption2-medium': string;
+        '--cometchat-font-caption2-regular': string;
+        '--cometchat-font-button-bold': string;
+        '--cometchat-font-button-medium': string;
+        '--cometchat-font-button-regular': string;
+        '--cometchat-font-link': string;
+    };
+    default: {
+        '--cometchat-font-title-bold': string;
+        '--cometchat-font-title-medium': string;
+        '--cometchat-font-title-regular': string;
+        '--cometchat-font-heading1-bold': string;
+        '--cometchat-font-heading1-medium': string;
+        '--cometchat-font-heading1-regular': string;
+        '--cometchat-font-heading2-bold': string;
+        '--cometchat-font-heading2-medium': string;
+        '--cometchat-font-heading2-regular': string;
+        '--cometchat-font-heading3-bold': string;
+        '--cometchat-font-heading3-medium': string;
+        '--cometchat-font-heading3-regular': string;
+        '--cometchat-font-heading4-bold': string;
+        '--cometchat-font-heading4-medium': string;
+        '--cometchat-font-heading4-regular': string;
+        '--cometchat-font-body-bold': string;
+        '--cometchat-font-body-medium': string;
+        '--cometchat-font-body-regular': string;
+        '--cometchat-font-caption1-bold': string;
+        '--cometchat-font-caption1-medium': string;
+        '--cometchat-font-caption1-regular': string;
+        '--cometchat-font-caption2-bold': string;
+        '--cometchat-font-caption2-medium': string;
+        '--cometchat-font-caption2-regular': string;
+        '--cometchat-font-button-bold': string;
+        '--cometchat-font-button-medium': string;
+        '--cometchat-font-button-regular': string;
+        '--cometchat-font-link': string;
+    };
+    comfortable: {
+        '--cometchat-font-title-bold': string;
+        '--cometchat-font-title-medium': string;
+        '--cometchat-font-title-regular': string;
+        '--cometchat-font-heading1-bold': string;
+        '--cometchat-font-heading1-medium': string;
+        '--cometchat-font-heading1-regular': string;
+        '--cometchat-font-heading2-bold': string;
+        '--cometchat-font-heading2-medium': string;
+        '--cometchat-font-heading2-regular': string;
+        '--cometchat-font-heading3-bold': string;
+        '--cometchat-font-heading3-medium': string;
+        '--cometchat-font-heading3-regular': string;
+        '--cometchat-font-heading4-bold': string;
+        '--cometchat-font-heading4-medium': string;
+        '--cometchat-font-heading4-regular': string;
+        '--cometchat-font-body-bold': string;
+        '--cometchat-font-body-medium': string;
+        '--cometchat-font-body-regular': string;
+        '--cometchat-font-caption1-bold': string;
+        '--cometchat-font-caption1-medium': string;
+        '--cometchat-font-caption1-regular': string;
+        '--cometchat-font-caption2-bold': string;
+        '--cometchat-font-caption2-medium': string;
+        '--cometchat-font-caption2-regular': string;
+        '--cometchat-font-button-bold': string;
+        '--cometchat-font-button-medium': string;
+        '--cometchat-font-button-regular': string;
+        '--cometchat-font-link': string;
+    };
+};

package/dist/src/CometChat/utils/utils.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Initializes the localization for both the sample app and the UI Kit.
+ *
+ * This function sets up the localization system by determining the language to be used.
+ * It uses the provided `language` parameter if available; otherwise, it defaults to the browser's language settings.
+ *
+ * @param {string} [language] - The language code to be used for localization (e.g., 'en', 'fr', 'es'). If not provided, the browser's default language is used.
+ *
+ * @example
+ * // Initialize localization with a specific language
+ * setupLocalization('fr'); // Sets language to French
+ *
+ * @example
+ * // Initialize localization using the browser's default language
+ * setupLocalization(); // Defaults to the browser's language
+ */
+export declare function setupLocalization(language?: string): void;
+/**
+ * Dynamically generates and sets extended primary colors based on the primary color.
+ *
+ * This function retrieves the primary color from CSS variables and generates a set
+ * of extended primary colors by blending the primary color with white or black, depending
+ * on the current theme (light or dark mode). The generated colors are then applied as
+ * CSS variables.
+ *
+ * @static
+ */
+export declare function generateExtendedColors(): void;

package/dist/src/CometChatNoCode/CometChatApi.d.ts

@@ -0,0 +1,65 @@
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+declare let appID: string;
+declare let appRegion: string;
+declare let authKey: string;
+export interface VcbData {
+    appID?: string;
+    appRegion?: string;
+    authKey?: string;
+    variantID?: string;
+    targetElementID?: string;
+    isDocked?: boolean;
+    height?: string;
+    width?: string;
+    chatType?: string;
+    defaultChatID?: string;
+    theme?: string;
+    dockedAlignment?: string;
+    isAIAgentView?: boolean;
+    aiAssistantTools?: any;
+    showDockedUnreadCount?: boolean;
+    showGroupActionMessages?: boolean;
+    storageMode?: string;
+    callInitiatedViaAPI?: boolean;
+}
+export declare const vcbData: VcbData;
+export declare const listeners: Record<string, Function>;
+declare const CometChatApp: {
+    init: (config: {
+        appID: string;
+        appRegion: string;
+        authKey?: string;
+        storageMode?: string;
+    }) => Promise<boolean>;
+    login: ({ uid, authToken }: {
+        uid?: string | undefined;
+        authToken?: string | undefined;
+    }) => Promise<import("@cometchat/chat-sdk-javascript").User>;
+    logout: () => Promise<void>;
+    launch: (config: {
+        variantID?: string;
+        targetElementID: string;
+        isDocked?: boolean;
+        height?: string;
+        width?: string;
+        chatType?: string;
+        defaultChatID?: string;
+        dockedAlignment?: string;
+        aiAssistantTools?: any;
+        showDockedUnreadCount?: boolean;
+        showGroupActionMessages?: boolean;
+    }) => Promise<void>;
+    uiEvent: (eventName: string, callback: Function) => void;
+    callUser: (uid: string) => Promise<void>;
+    callGroup: (guid: string) => Promise<void>;
+    createOrUpdateUser: (user: CometChat.User) => Promise<import("@cometchat/chat-sdk-javascript").User>;
+    createOrUpdateGroup: (groupParams: CometChat.Group) => Promise<import("@cometchat/chat-sdk-javascript").Group>;
+    chatWithUser: (uid: string) => void;
+    chatWithGroup: (guid: string) => void;
+    localize: (language: string) => void;
+    reload: () => Promise<void>;
+    showDockedUnreadCount: (show?: boolean) => void;
+    showGroupActionMessages: (show?: boolean) => void;
+    CometChat: typeof CometChat;
+};
+export default CometChatApp;

package/dist/src/CometChatNoCode/components/AIAgentView/AIAgentView.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CometChatAIAssistantTools } from "@cometchat/chat-uikit-react";
+import "./AiAgentView.css";
+interface AIAgentViewProps {
+    user: CometChat.User;
+    aiAssistantTools?: CometChatAIAssistantTools;
+}
+declare const AIAgentView: React.FC<AIAgentViewProps>;
+export default AIAgentView;

package/dist/src/CometChatNoCode/components/IframePortal.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+interface IframePortalProps {
+    children: ReactNode;
+    height?: string;
+    width?: string;
+    dockedAlignment?: string;
+}
+declare const IframePortal: React.FC<IframePortalProps>;
+export default IframePortal;

package/dist/src/CometChatNoCode/components/docked/DockedChatView.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./DockedChatView.css";
+interface DockedChatViewInterface {
+    children: React.ReactNode;
+    showSidebarOnDesktop?: boolean | undefined;
+    type?: string;
+    dockedAlignment?: string;
+}
+declare const DockedChatView: ({ children, showSidebarOnDesktop, type, dockedAlignment, }: DockedChatViewInterface) => import("react/jsx-runtime").JSX.Element;
+export default DockedChatView;

package/dist/src/CometChatNoCode/components/embedded/EmbeddedChatView.d.ts

@@ -0,0 +1,10 @@
+import { CometChatAIAssistantTools } from "@cometchat/chat-uikit-react";
+interface EmbeddedChatViewInterface {
+    showSidebarOnDesktop?: boolean;
+    user?: CometChat.User;
+    group?: CometChat.Group;
+    type?: string;
+    aiAssistantTools?: CometChatAIAssistantTools;
+}
+declare const EmbeddedChatView: ({ showSidebarOnDesktop, user, group, type, aiAssistantTools }: EmbeddedChatViewInterface) => import("react/jsx-runtime").JSX.Element;
+export default EmbeddedChatView;

package/dist/src/CometChatNoCode/customHooks/useInjectNoCodeStyles.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Custom React hook to fetch and apply CometChat noCode styles (CSS & JS) dynamically.
+ */
+declare const useInjectNoCodeStyles: () => void;
+export default useInjectNoCodeStyles;

package/dist/src/CometChatNoCode/customHooks/useMessageIndicatorClick.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Custom React hook to attach a click listener to CometChat message indicators
+ * inside an iframe. The callback will trigger when a user clicks on
+ * a `.cometchat-message-list__message-indicator` element or any of its child buttons.
+ *
+ * This hook works for indicators and buttons that exist at the time the iframe is loaded.
+ * It uses the capture phase to ensure clicks are caught even if internal CometChat
+ * handlers stop propagation.
+ *
+ * @param {() => void} callback - Function to be called when a message indicator is clicked.
+ *
+ * @example
+ * useMessageIndicatorClick(() => {
+ *   console.log("A message indicator was clicked!");
+ * });
+ */
+export declare function useMessageIndicatorClick(callback: () => void): void;

package/dist/src/CometChatNoCode/customHooks/useSyncCSSVarsToIframe.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useSyncCSSVarsToIframe(iframeRef: React.RefObject<HTMLIFrameElement>, styleFeatures: any, systemTheme: string, setStyleFeatures: Function): void;

package/dist/src/CometChatNoCode/services/builders.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Fetch NoCode style settings by App ID or Chat Variant ID.
+ * If ERR_BUILDER_NOT_FOUND is encountered, falls back to fetching all builders.
+ */
+export declare const fetchNoCodeStyles: (appId?: string, variantID?: string) => Promise<any>;

package/dist/src/CometChatNoCode/utils/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Dynamically generates and sets extended primary colors based on the primary color.
+ *
+ * This function retrieves the primary color from CSS variables and generates a set
+ * of extended primary colors by blending the primary color with white or black, depending
+ * on the current theme (light or dark mode). The generated colors are then applied as
+ * CSS variables.
+ *
+ * @static
+ */
+export declare function generateExtendedColors(iframeDoc: Document | null | undefined): void;

package/dist/src/index.d.ts

@@ -0,0 +1,12 @@
+import "./noCodeGlobal.css";
+import "@cometchat/chat-uikit-react/css-variables.css";
+export declare const showOutgoingCallUI: (call: any) => void;
+export declare const showOnGoingCallUI: (sessionId: string) => void;
+export declare const showDirectOnGoingCall: (callToken: string) => void;
+export declare const cleanupCallUI: () => void;
+declare global {
+    interface Window {
+        MyReactComponents: any;
+        CometChatApp: any;
+    }
+}

package/dist/src/noCodeConstants.d.ts

@@ -0,0 +1,5 @@
+type NoCodeConstants = {
+    noCodeDomain: string;
+};
+declare const noCodeConstants: NoCodeConstants;
+export default noCodeConstants;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "cometchat-visual-builder-no-code",
-  "version": "1.0.20-authtest2",
+  "version": "1.0.20-authtest4",
   "description": "CometChat Widget Builder No-Code Integration",
   "cometChatCustomConfig": {
     "prodVersion": "1.0.19",
-    "devStagingVersion": "1.0.20-authtest2",
+    "devStagingVersion": "1.0.20-authtest4",
     "prodName": "@cometchat/chat-embed",
     "devName": "cometchat-visual-builder-no-code",
     "name": "cometchat-visual-builder-react-no-code",