@robylon/whatsapp-react-sdk 1.0.0-staging.1 → 1.0.0

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { ChatbotConfig } from "../types";
+import { ChatbotEventHandler, AllEventTypes } from "../types/events";
+import { Overrides } from "src/components/RobylonChatbot";
+interface ChatbotIframeProps {
+    config: ChatbotConfig;
+    isVisible: boolean;
+    onClose: () => void;
+    onEvent?: ChatbotEventHandler;
+    onInternalEvent: (eventType: AllEventTypes, additionalData?: Record<string, any>) => void;
+    position?: "Left" | "Right";
+    bottomSpacing?: number;
+    overrides?: Overrides;
+}
+declare const _default: React.NamedExoticComponent<ChatbotIframeProps>;
+export default _default;

package/dist/umd/types/constants/fontStyles.d.ts

@@ -1,4 +1,2 @@
 export declare const FONT_FAMILY = "system-ui, Inter, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
-/** Chat widget popup: same stack as FONT_FAMILY with trailing generic + !important via scoped CSS */
-export declare const CHAT_WIDGET_POPUP_FONT_FAMILY = "system-ui, Inter, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif";
 export declare const FONT_LINE_HEIGHT = "21px";

package/dist/umd/types/core/api.d.ts

@@ -1,5 +1,3 @@
-export declare const USE_WHATSAPP_MOCK_API = false;
-export declare const normalizeWhatsappGetResponse: (data: any) => any;
 /**
  * Fetches the chatbot configuration from the API
  * @param apiKey The API key for the chatbot

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

@@ -50,14 +50,6 @@ export interface ChatbotConfig {
         delay: number;
     };
     launcher_size_multiplier?: number;
-    redirect_chat_link?: string;
-    pre_filled_message?: string;
-    widget_type?: string;
-    widget_title?: string;
-    widget_subtitle?: string;
-    title_bar_color?: string;
-    button_content?: string;
-    powered_by_robylon?: boolean;
 }
 interface RobylonSdkConfig {
     chatbot_id: string;

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

@@ -0,0 +1,92 @@
+import { ChatbotConfig } from "../../types";
+import { ChatbotEventType, AllEventTypes } from "../../types/events";
+interface Overrides {
+    header_avatar?: string | null;
+    agent_avatar?: string | null;
+    header_title?: string | null;
+    header_subtitle?: string | null;
+    header_title_text_color?: string | null;
+    header_subtitle_text_color?: string | null;
+    header_bg?: string | null;
+}
+/**
+ * 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;
+    overrides?: Overrides;
+}
+/**
+ * Class representing the ChatbotIframe component
+ */
+export declare class ChatbotIframe {
+    private iframeElement;
+    private config;
+    private isInitialized;
+    private hasRegistered;
+    private isAppReady;
+    private shouldWaitForAppReady;
+    private hasPendingOpenRequest;
+    private resizeHandler;
+    private overridesPayloadCache;
+    private proactiveDataSentInRegistration;
+    /**
+     * 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
+     * @param waitForAppReady If true, defer postMessages until APP_READY is received
+     */
+    updateVisibility(isVisible: boolean, waitForAppReady?: boolean): void;
+    private showIframe;
+    private hideIframe;
+    private sendOpenAndRegisterIfReady;
+    /**
+     * Updates the iframe with new configuration
+     * @param config The new configuration
+     */
+    update(config: Partial<ChatbotIframeConfig>, waitForAppReady?: boolean): void;
+    /**
+     * Unmounts and destroys the iframe
+     */
+    destroy(): void;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robylon/whatsapp-react-sdk",
-  "version": "1.0.0-staging.1",
+  "version": "1.0.0",
   "description": "React SDK for Robylon WhatsApp",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/dist/cjs/types/components/ChatWidgetPopup.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ChatbotConfig } from "src/types";
-interface ChatWidgetPopupProps {
-    config: ChatbotConfig;
-    onCtaClick: () => void;
-}
-declare const ChatWidgetPopup: React.FC<ChatWidgetPopupProps>;
-export default ChatWidgetPopup;

package/dist/cjs/types/vanilla/components/ChatWidgetPopup.d.ts

@@ -1,17 +0,0 @@
-import { ChatbotConfig } from "../../types";
-interface ChatWidgetPopupConfig {
-    config: ChatbotConfig;
-    onCtaClick: () => void;
-}
-export declare class ChatWidgetPopup {
-    private popupElement;
-    private config;
-    constructor(config: ChatWidgetPopupConfig);
-    private createTitleBar;
-    private createContent;
-    private render;
-    getElement(): HTMLDivElement;
-    update(config: ChatWidgetPopupConfig): void;
-    destroy(): void;
-}
-export {};

package/dist/esm/types/components/ChatWidgetPopup.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ChatbotConfig } from "src/types";
-interface ChatWidgetPopupProps {
-    config: ChatbotConfig;
-    onCtaClick: () => void;
-}
-declare const ChatWidgetPopup: React.FC<ChatWidgetPopupProps>;
-export default ChatWidgetPopup;

package/dist/esm/types/vanilla/components/ChatWidgetPopup.d.ts

@@ -1,17 +0,0 @@
-import { ChatbotConfig } from "../../types";
-interface ChatWidgetPopupConfig {
-    config: ChatbotConfig;
-    onCtaClick: () => void;
-}
-export declare class ChatWidgetPopup {
-    private popupElement;
-    private config;
-    constructor(config: ChatWidgetPopupConfig);
-    private createTitleBar;
-    private createContent;
-    private render;
-    getElement(): HTMLDivElement;
-    update(config: ChatWidgetPopupConfig): void;
-    destroy(): void;
-}
-export {};

package/dist/umd/types/components/ChatWidgetPopup.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ChatbotConfig } from "src/types";
-interface ChatWidgetPopupProps {
-    config: ChatbotConfig;
-    onCtaClick: () => void;
-}
-declare const ChatWidgetPopup: React.FC<ChatWidgetPopupProps>;
-export default ChatWidgetPopup;

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

@@ -1,17 +0,0 @@
-import { ChatbotConfig } from "../../types";
-interface ChatWidgetPopupConfig {
-    config: ChatbotConfig;
-    onCtaClick: () => void;
-}
-export declare class ChatWidgetPopup {
-    private popupElement;
-    private config;
-    constructor(config: ChatWidgetPopupConfig);
-    private createTitleBar;
-    private createContent;
-    private render;
-    getElement(): HTMLDivElement;
-    update(config: ChatWidgetPopupConfig): void;
-    destroy(): void;
-}
-export {};