@robylon/web-react-sdk 1.1.32-staging.0 → 1.1.32

package/dist/umd/types/utils/chatbotSdk.d.ts

@@ -0,0 +1,23 @@
+import { ChatbotConfig } from "../types";
+export declare class ChatbotEmbed {
+    private config;
+    private logoContainer;
+    private iframe;
+    private bubblePromptContainer;
+    private chatBtnImage;
+    constructor(config: ChatbotConfig);
+    private onCloseListener;
+    private validateDomain;
+    private createChatBubblContainer;
+    private createMessageBubble;
+    private createFloatingButton;
+    private loadImage;
+    private createIframe;
+    private adjustIframeWidth;
+    private loadSvgInline;
+    private toggleIcon;
+    private toggleIframe;
+    private closeIframe;
+    init(): void;
+}
+export declare const initializeRobylonSdk: (config: ChatbotConfig, setIsInitialized: (value: boolean) => void, setError: (error: string | null) => void) => void;

package/dist/umd/types/utils/colorUtils.d.ts

@@ -0,0 +1 @@
+export declare const getBestFontColor: (backgroundColor: string, contrastThreshold?: number) => string;

package/dist/umd/types/utils/cookieUtils.d.ts

@@ -0,0 +1,6 @@
+export declare const generateUUID: () => string;
+export declare const getCookie: (name: string) => string | undefined;
+export declare const setCookie: (name: string, value: string, days: number) => void;
+export declare const getLocalStorage: () => string;
+export declare const getSessionStorage: () => string;
+export declare const getCookies: (isTeachmint: boolean) => any;

package/dist/umd/types/utils/environment.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Checks if code is running in a browser environment
+ */
+export declare const isBrowser: () => boolean;
+/**
+ * Gets environment configuration
+ */
+export declare const getEnvironmentConfig: () => {
+    copilotUrl: string;
+    environment: string;
+    apiUrl: string;
+};

package/dist/umd/types/utils/fetchData.d.ts

@@ -0,0 +1,46 @@
+import { ChatbotInterfaceType, LauncherType, WidgetPositionEnums } from "../types";
+interface ChatbotResponse {
+    user: {
+        token: string;
+        user_info: {
+            email: string;
+            user_id: string;
+            name: string;
+        };
+        org_info: {
+            org_id: string;
+            org_name: string;
+            role: string;
+            auth_status: string;
+            domain: string;
+            brand_config: {
+                display_name: string;
+                redirect_url: string;
+                colors?: {
+                    brand_color: string;
+                    title_bar_color?: string;
+                };
+                launcher_logo_url?: string;
+                welcome_message: string;
+                image_url: string;
+                interface_properties: {
+                    position: WidgetPositionEnums;
+                    side_spacing: number;
+                    bottom_spacing: number;
+                };
+                interface_type: ChatbotInterfaceType;
+                launcher_type: LauncherType;
+                launcher_properties: {
+                    text: string;
+                };
+                images: {
+                    launcher_image_url: {
+                        url: string;
+                    };
+                };
+            };
+        };
+    };
+}
+export declare const fetchChatbotConfig: (chatbotId: string, userId: string | null | number, token?: string) => Promise<ChatbotResponse>;
+export {};

package/dist/umd/types/utils/logger.d.ts

@@ -0,0 +1,6 @@
+export declare const logger: {
+    log: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    warn: (...args: any[]) => void;
+    info: (...args: any[]) => void;
+};

package/dist/umd/types/utils/misc.d.ts

@@ -0,0 +1 @@
+export declare function generateUUID(): string;

package/dist/umd/types/utils/originalFetchDataFile.d.ts

@@ -0,0 +1 @@
+export declare const originalFetchData: (url: string, payload: any) => Promise<any>;

package/dist/umd/types/utils/systemInfo.d.ts

@@ -0,0 +1,13 @@
+interface SystemInfo {
+    platform: string;
+    os: string;
+    browser: string;
+    sdk_version: string;
+    device: string;
+    screen_size: {
+        width: number;
+        height: number;
+    };
+}
+export declare const getSystemInfo: () => SystemInfo;
+export {};

package/dist/umd/types/utils/version.d.ts

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

package/dist/umd/types/vanilla/components/ChatbotContainer.d.ts

@@ -0,0 +1,45 @@
+import { ChatbotConfig } from "../../types";
+/**
+ * Class representing the ChatbotContainer component
+ * Container component that wraps the floating button and iframe
+ * to allow styling them as a single unit
+ */
+export declare class ChatbotContainer {
+    private containerElement;
+    private resizeObserver;
+    private handleResizeFunction;
+    private config;
+    /**
+     * Creates a new ChatbotContainer
+     */
+    constructor(config: ChatbotConfig, position?: "Left" | "Right", sideSpacing?: number, bottomSpacing?: number);
+    /**
+     * Renders the container element
+     */
+    private render;
+    /**
+     * Apply styles based on screen width
+     */
+    private applyStyles;
+    /**
+     * Handle resize event
+     */
+    private handleResize;
+    /**
+     * Set up resize listener to adjust styles on window resize
+     */
+    private setupResizeListener;
+    /**
+     * Mounts the container to the DOM
+     */
+    private mount;
+    /**
+     * Gets the container element
+     * @returns The container element
+     */
+    getElement(): HTMLDivElement;
+    /**
+     * Unmounts and destroys the container
+     */
+    destroy(): void;
+}

package/dist/umd/types/vanilla/components/ChatbotFloatingButton.d.ts

@@ -0,0 +1,72 @@
+import { ChatbotConfig } from "../../types";
+import { ChatbotEventType, AllEventTypes } from "../../types/events";
+/**
+ * Interface for the ChatbotFloatingButton configuration
+ */
+interface ChatbotFloatingButtonConfig {
+    config: ChatbotConfig;
+    toggleIframe: () => void;
+    isIframeVisible: boolean;
+    onEvent?: (event: {
+        type: ChatbotEventType;
+        timestamp: number;
+        data?: any;
+    }) => void;
+    onInternalEvent: (eventType: AllEventTypes, additionalData?: Record<string, any>) => void;
+    position?: "Left" | "Right";
+    sideSpacing?: number;
+    bottomSpacing?: number;
+}
+/**
+ * Class representing the ChatbotFloatingButton component
+ */
+export declare class ChatbotFloatingButton {
+    private buttonElement;
+    private config;
+    private resizeObserver;
+    private handleResizeFunction;
+    /**
+     * Creates a new ChatbotFloatingButton
+     * @param config The button configuration
+     */
+    constructor(config: ChatbotFloatingButtonConfig);
+    /**
+     * Renders the button element
+     */
+    private render;
+    private createLauncherElement;
+    private createTextLauncher;
+    private createTextualImageLauncher;
+    /**
+     * Apply responsive styles based on screen width
+     * @param baseStyles The base styles to apply
+     */
+    private applyResponsiveStyles;
+    /**
+     * Handle resize event
+     */
+    private handleResize;
+    /**
+     * Set up resize listener to adjust styles on window resize
+     */
+    private setupResizeListener;
+    /**
+     * Gets the button element
+     * @returns The button element
+     */
+    getElement(): HTMLDivElement;
+    /**
+     * Mounts the button to the DOM
+     */
+    private mount;
+    /**
+     * Updates the button with new configuration
+     * @param config The new configuration
+     */
+    update(config: Partial<ChatbotFloatingButtonConfig>): void;
+    /**
+     * Unmounts and destroys the button
+     */
+    destroy(): void;
+}
+export {};

package/dist/umd/types/vanilla/components/ChatbotIframe.d.ts

@@ -0,0 +1,73 @@
+import { ChatbotConfig } from "../../types";
+import { ChatbotEventType, AllEventTypes } from "../../types/events";
+/**
+ * Interface for the ChatbotIframe configuration
+ */
+interface ChatbotIframeConfig {
+    config: ChatbotConfig;
+    isVisible: boolean;
+    onClose: () => void;
+    onEvent?: (event: {
+        type: ChatbotEventType;
+        timestamp: number;
+        data?: any;
+    }) => void;
+    onInternalEvent: (eventType: AllEventTypes, additionalData?: Record<string, any>) => void;
+    position?: "Left" | "Right";
+    bottomSpacing?: number;
+}
+/**
+ * Class representing the ChatbotIframe component
+ */
+export declare class ChatbotIframe {
+    private iframeElement;
+    private config;
+    private isInitialized;
+    private hasRegistered;
+    private resizeHandler;
+    /**
+     * Creates a new ChatbotIframe
+     * @param config The iframe configuration
+     */
+    constructor(config: ChatbotIframeConfig);
+    /**
+     * Gets the iframe element
+     * @returns The iframe element
+     */
+    getElement(): HTMLIFrameElement;
+    /**
+     * Renders the iframe element
+     */
+    private render;
+    /**
+     * Applies responsive styles based on window width
+     */
+    private applyResponsiveStyles;
+    /**
+     * Initializes the iframe
+     */
+    private initialize;
+    /**
+     * Sets up event listeners
+     */
+    private setupEventListeners;
+    /**
+     * Handles messages from the iframe
+     */
+    private handleMessage;
+    /**
+     * Updates the iframe visibility
+     * @param isVisible Whether the iframe should be visible
+     */
+    updateVisibility(isVisible: boolean): void;
+    /**
+     * Updates the iframe with new configuration
+     * @param config The new configuration
+     */
+    update(config: Partial<ChatbotIframeConfig>): void;
+    /**
+     * Unmounts and destroys the iframe
+     */
+    destroy(): void;
+}
+export {};

package/dist/umd/types/vanilla/index.d.ts

@@ -0,0 +1,35 @@
+import { ChatbotEvent } from "../types/events";
+/**
+ * Interface for the RobylonChatbot configuration
+ */
+export interface RobylonChatbotConfig {
+    api_key: string;
+    user_id?: string | null | number;
+    user_token?: string;
+    user_profile?: Record<string, any>;
+    onEvent?: (event: ChatbotEvent) => void;
+    position?: "Left" | "Right" | string;
+    sideSpacing?: number | string;
+    bottomSpacing?: number | string;
+}
+/**
+ * RobylonChatbot instance interface
+ */
+export interface RobylonChatbotInstance {
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    destroy: () => void;
+    getState: () => string;
+}
+/**
+ * Creates a new RobylonChatbot instance
+ * @param config The chatbot configuration
+ * @returns A RobylonChatbot instance
+ */
+export declare function create(config: RobylonChatbotConfig): RobylonChatbotInstance;
+declare const _default: {
+    create: typeof create;
+    getState: () => string;
+};
+export default _default;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@robylon/web-react-sdk",
-  "version": "1.1.32-staging.0",
+  "version": "1.1.32",
   "description": "React SDK for Robylon AI Chatbot",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
+  "unpkg": "dist/umd/robylon-chatbot.js",
   "files": [
     "dist",
     "README.md",
@@ -12,20 +13,38 @@
   ],
   "scripts": {
     "clean": "rm -rf dist",
-    "build:development": "npm run clean && cross-env NODE_ENV=development rollup -c",
-    "build:staging": "npm run clean && cross-env NODE_ENV=staging PUBLISH_TYPE=staging rollup -c",
-    "build:production": "npm run clean && cross-env NODE_ENV=production PUBLISH_TYPE=production rollup -c",
-    "build": "npm run build:development",
-    "publish:staging": "node scripts/validate-publish.js staging && npm run build:staging && npm version prerelease --preid=staging --force && npm publish --tag staging && node scripts/create-version-tag.js",
-    "publish:production": "node scripts/validate-publish.js production && npm run build:production && node scripts/publish-version.js && npm publish --tag latest && node scripts/create-version-tag.js",
-    "publish:hotfix": "node scripts/validate-publish.js hotfix && npm run build:production && npm version prerelease --preid=patch && npm publish --tag hotfix && node scripts/create-version-tag.js",
+    "build:development": "npm run clean && cross-env NODE_ENV=development TARGET=npm rollup -c",
+    "build:staging": "npm run clean && cross-env NODE_ENV=staging PUBLISH_TYPE=staging TARGET=npm rollup -c",
+    "build:production": "npm run clean && cross-env NODE_ENV=production PUBLISH_TYPE=production TARGET=npm rollup -c",
+    "build:development:unpkg": "npm run clean && cross-env NODE_ENV=development TARGET=unpkg rollup -c",
+    "build:staging:unpkg": "npm run clean && cross-env NODE_ENV=staging PUBLISH_TYPE=staging TARGET=unpkg rollup -c",
+    "build:production:unpkg": "npm run clean && cross-env NODE_ENV=production PUBLISH_TYPE=production TARGET=unpkg rollup -c",
+    "build:development:all": "npm run clean && cross-env NODE_ENV=development TARGET=all rollup -c",
+    "build:staging:all": "npm run clean && cross-env NODE_ENV=staging PUBLISH_TYPE=staging TARGET=all rollup -c",
+    "build:production:all": "npm run clean && cross-env NODE_ENV=production PUBLISH_TYPE=production TARGET=all rollup -c",
+    "build": "npm run build:development:all",
+    "version:staging": "npm version prerelease --preid=staging",
+    "version:production": "npm version patch",
+    "trigger:staging": "node scripts/trigger-staging-workflow.js",
+    "trigger:production": "gh workflow run deploy-sdk.yml",
+    "deploy:staging": "npm run version:staging && npm run trigger:staging",
+    "deploy:production": "npm run version:production && npm run trigger:production",
+    "update-changelog": "node scripts/update-changelog.js",
+    "install-hooks": "node scripts/install-hooks.js",
+    "publish:staging": "node scripts/validate-publish.js staging && npm run build:staging:all && npm version prerelease --preid=staging --force && npm publish --tag staging && node scripts/create-version-tag.js",
+    "publish:production": "node scripts/validate-publish.js production && npm run build:production:all && node scripts/publish-version.js && npm publish --tag latest && node scripts/create-version-tag.js",
+    "publish:hotfix": "node scripts/validate-publish.js hotfix && npm run build:production:all && npm version prerelease --preid=patch && npm publish --tag hotfix && node scripts/create-version-tag.js",
     "test": "jest",
     "test:watch": "jest --watch",
     "lint": "eslint src/**/*.{ts,tsx}",
     "lint:fix": "eslint src/**/*.{ts,tsx} --fix",
     "prepare": "node scripts/husky-setup.js",
     "branch": "node scripts/create-branch.js",
-    "release": "node scripts/release.js"
+    "release": "node scripts/release.js",
+    "build:vanilla": "cross-env TARGET=unpkg rollup -c",
+    "build:development:cloudfront": "npm run clean && cross-env NODE_ENV=development TARGET=cloudfront rollup -c",
+    "build:staging:cloudfront": "npm run clean && cross-env NODE_ENV=staging PUBLISH_TYPE=staging TARGET=cloudfront rollup -c",
+    "build:production:cloudfront": "npm run clean && cross-env NODE_ENV=production PUBLISH_TYPE=production TARGET=cloudfront rollup -c"
   },
   "publishConfig": {
     "access": "public"

package/dist/cjs/types/types/config.d.ts

@@ -1,33 +0,0 @@
-export interface UserProfile {
-    email: string;
-    name: string;
-    platform?: string;
-    OS?: string;
-    browser?: string;
-    sdkVersion?: string;
-}
-export interface ChatbotStyles {
-    buttonPosition?: "bottom-right" | "bottom-left";
-    primaryColor?: string;
-    buttonSize?: "small" | "medium" | "large";
-}
-export interface ChatbotConfig {
-    chatbotId: string;
-    userId: string;
-    token: string;
-    userProfile?: Record<string, any>;
-    domain: string;
-    brand_colour: string;
-    image_url?: string;
-    chat_interface_config?: {
-        chat_bubble_prompts?: string[];
-        display_name?: string;
-        welcome_message?: string;
-    };
-}
-export interface RobylonSdkConfig {
-    chatbot_id: string;
-    user_id: string;
-    token?: string;
-    userProfile: UserProfile;
-}

package/dist/cjs/types/types/index.d.ts

@@ -1,16 +0,0 @@
-export * from "./config";
-export * from "./state";
-export interface ChatbotConfig {
-    chatbotId: string;
-    userId: string;
-    token: string;
-    userProfile?: Record<string, any>;
-    domain: string;
-    brand_colour: string;
-    image_url?: string;
-}
-export interface ChatbotState {
-    isLoading: boolean;
-    isInitialized: boolean;
-    error: string | null;
-}

package/dist/esm/types/types/config.d.ts

@@ -1,33 +0,0 @@
-export interface UserProfile {
-    email: string;
-    name: string;
-    platform?: string;
-    OS?: string;
-    browser?: string;
-    sdkVersion?: string;
-}
-export interface ChatbotStyles {
-    buttonPosition?: "bottom-right" | "bottom-left";
-    primaryColor?: string;
-    buttonSize?: "small" | "medium" | "large";
-}
-export interface ChatbotConfig {
-    chatbotId: string;
-    userId: string;
-    token: string;
-    userProfile?: Record<string, any>;
-    domain: string;
-    brand_colour: string;
-    image_url?: string;
-    chat_interface_config?: {
-        chat_bubble_prompts?: string[];
-        display_name?: string;
-        welcome_message?: string;
-    };
-}
-export interface RobylonSdkConfig {
-    chatbot_id: string;
-    user_id: string;
-    token?: string;
-    userProfile: UserProfile;
-}

package/dist/esm/types/types/index.d.ts

@@ -1,16 +0,0 @@
-export * from "./config";
-export * from "./state";
-export interface ChatbotConfig {
-    chatbotId: string;
-    userId: string;
-    token: string;
-    userProfile?: Record<string, any>;
-    domain: string;
-    brand_colour: string;
-    image_url?: string;
-}
-export interface ChatbotState {
-    isLoading: boolean;
-    isInitialized: boolean;
-    error: string | null;
-}