cometchat-visual-builder-no-code 1.0.8-test → 1.0.10-test10

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,53 @@
+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?: "user" | "group";
+    defaultChatID?: string;
+    theme?: string;
+    dockedAlignment?: "left" | "right";
+}
+export declare const vcbData: VcbData;
+export declare const listeners: Record<string, Function>;
+declare const CometChatApp: {
+    init: (config: {
+        appID: string;
+        appRegion: string;
+        authKey: 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?: "user" | "group";
+        defaultChatID?: string;
+        dockedAlignment?: "left" | "right";
+    }) => 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>;
+    CometChat: typeof CometChat;
+};
+export default CometChatApp;

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

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

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface DockedChatViewInterface {
+    children: React.ReactNode;
+    showSidebarOnDesktop?: boolean | undefined;
+    type?: "user" | "group";
+    dockedAlignment?: "left" | "right";
+}
+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,8 @@
+interface EmbeddedChatViewInterface {
+    showSidebarOnDesktop?: boolean;
+    user?: CometChat.User;
+    group?: CometChat.Group;
+    type?: "user" | "group";
+}
+declare const EmbeddedChatView: ({ showSidebarOnDesktop, user, group, type, }: EmbeddedChatViewInterface) => import("react/jsx-runtime").JSX.Element;
+export default EmbeddedChatView;

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

@@ -0,0 +1,12 @@
+import "./App.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,8 @@
+/** Type definition for noCode constants. */
+type NoCodeConstants = {
+    /** The domain URL for the dashboard. */
+    noCodeDomain: string;
+};
+/** Configuration constants for the noCode based on the environment. */
+declare let noCodeConstants: NoCodeConstants;
+export default noCodeConstants;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "cometchat-visual-builder-no-code",
-  "version": "1.0.8-test",
+  "version": "1.0.10-test10",
   "description": "CometChat Visual Builder No-Code Integration",
   "author": "CometChat",
   "dependencies": {
     "@cometchat/calls-sdk-javascript": "4.0.12",
-    "@cometchat/chat-uikit-react": "6.0.6",
+    "@cometchat/chat-uikit-react": "6.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-frame-component": "^5.2.7",