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

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/settingsUtils.d.ts

@@ -0,0 +1,24 @@
+import { CometChatSettingsInterface } from '../CometChatSettings';
+/**
+ * Recursively merges API settings with default settings.
+ *
+ * Rules:
+ * - If a key exists in API response (even if false or null), use the API value
+ * - If a key is undefined or missing in API response, use the default value
+ * - For nested objects, recursively apply the same merge logic
+ * - For arrays, use API value if present, otherwise use default
+ *
+ * @param apiSettings - Settings from the API (may be partial)
+ * @param defaultSettings - Complete default settings
+ * @returns Merged settings object with all required keys
+ */
+export declare function mergeWithDefaults<T extends Record<string, unknown>>(apiSettings: Partial<T> | undefined, defaultSettings: T): T;
+/**
+ * Merges API builder settings with default CometChat settings.
+ * Ensures all required keys and nested properties are present.
+ *
+ * @param apiSettings - Partial settings from the API
+ * @param defaultSettings - Complete default CometChatSettings
+ * @returns Complete CometChatSettingsInterface with all required keys
+ */
+export declare function mergeBuilderSettings(apiSettings: Partial<CometChatSettingsInterface> | undefined, defaultSettings: CometChatSettingsInterface): CometChatSettingsInterface;

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,82 @@
+import { CometChat, CometChatNotifications } 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;
+    autoOpenFirstItem?: 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;
+        autoOpenFirstItem?: 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;
+    CometChatAuth: {
+        _config: import("./auth/cometchat-auth").CometChatWidgetConfig & {
+            [key: string]: any;
+        };
+        start(config: import("./auth/cometchat-auth").CometChatWidgetConfig): Promise<void>;
+        _validateConfig(): void;
+        _initSDK(): Promise<void>;
+        _login(): Promise<any>;
+        _ensureUserExists(uid: string, isGuest?: boolean): Promise<void>;
+        _authCreateOrUpdateUser(user: any, userNameAvailable: boolean): Promise<any>;
+        _getOrCreateGuestUID(): string;
+        _getCookie(name: string): string | undefined;
+        _launchWidget(): Promise<any>;
+    };
+    CometChatNotifications: typeof CometChatNotifications;
+};
+export default CometChatApp;

package/dist/src/CometChatNoCode/auth/cometchat-auth.d.ts

@@ -0,0 +1,46 @@
+export interface CometChatWidgetConfig {
+    appID: string;
+    region: string;
+    storageMode?: string;
+    mode: string;
+    authKey?: string;
+    uid?: string;
+    authToken?: string;
+    user?: {
+        name?: string;
+        avatar?: string;
+        link?: string;
+        metadata?: any;
+    };
+    mount: string;
+    width?: string;
+    height?: string;
+    isDocked?: boolean;
+    variantID?: string;
+    chatType?: string;
+    defaultChatID?: string;
+    autoOpenFirstItem?: boolean;
+    dockedAlignment?: string;
+    targetElementID?: string;
+}
+type InternalConfig = CometChatWidgetConfig & {
+    [key: string]: any;
+};
+declare global {
+    interface Window {
+        CometChatApp: any;
+    }
+}
+export declare const CometChatAuth: {
+    _config: InternalConfig;
+    start(config: CometChatWidgetConfig): Promise<void>;
+    _validateConfig(): void;
+    _initSDK(): Promise<void>;
+    _login(): Promise<any>;
+    _ensureUserExists(uid: string, isGuest?: boolean): Promise<void>;
+    _authCreateOrUpdateUser(user: any, userNameAvailable: boolean): Promise<any>;
+    _getOrCreateGuestUID(): string;
+    _getCookie(name: string): string | undefined;
+    _launchWidget(): Promise<any>;
+};
+export default CometChatAuth;

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,19 +1,19 @@
 {
   "name": "cometchat-visual-builder-no-code",
-  "version": "1.0.20-authtest2",
+  "version": "1.0.20-authtest20",
   "description": "CometChat Widget Builder No-Code Integration",
   "cometChatCustomConfig": {
-    "prodVersion": "1.0.19",
-    "devStagingVersion": "1.0.20-authtest2",
+    "prodVersion": "1.0.24",
+    "devStagingVersion": "1.0.20-authtest7",
     "prodName": "@cometchat/chat-embed",
     "devName": "cometchat-visual-builder-no-code",
     "name": "cometchat-visual-builder-react-no-code",
-    "version": "1.0.19",
+    "version": "1.0.24",
     "production": true
   },
   "author": "CometChat",
   "dependencies": {
-    "@cometchat/calls-sdk-javascript": "4.2.1",
+    "@cometchat/calls-sdk-javascript": "4.2.2",
     "@cometchat/chat-uikit-react": "6.3.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",