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

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,83 @@
+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;
+    launcher_size?: number;
+}
+/**
+ * Class representing the ChatbotFloatingButton component
+ */
+export declare class ChatbotFloatingButton {
+    private buttonElement;
+    private config;
+    private resizeObserver;
+    private handleResizeFunction;
+    private proactiveElement;
+    private urlUnsubscribe;
+    private delayTimers;
+    /**
+     * 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;
+    private clearProactiveDelays;
+    /**
+     * Hides proactive messages with animation
+     */
+    private hideProactiveMessages;
+    private injectAnimationStyles;
+    private renderProactiveIfNeeded;
+}
+export {};

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

@@ -0,0 +1,42 @@
+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;
+    show_launcher?: boolean | null;
+    overrides?: {
+        header_avatar?: string | null;
+        agent_avatar?: string | null;
+        header_title?: string | null;
+    };
+    launcher_size?: number;
+}
+/**
+ * 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

@@ -0,0 +1,110 @@
+{
+  "name": "@robylon/whatsapp-react-sdk",
+  "version": "1.0.0-staging.1",
+  "description": "React SDK for Robylon WhatsApp",
+  "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",
+    "CONTRIBUTING.md"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "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",
+    "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",
+    "dev:watch": "cross-env NODE_ENV=development TARGET=npm rollup -c -w",
+    "dev:watch:vanilla": "cross-env NODE_ENV=development TARGET=unpkg rollup -c -w",
+    "dev:serve": "npx serve . -l 3002"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "react",
+    "chatbot",
+    "ai",
+    "robylon",
+    "support"
+  ],
+  "author": "Robylon",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneWorldNation/robylon-whatsapp-sdk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/OneWorldNation/robylon-whatsapp-sdk/issues"
+  },
+  "homepage": "https://app.robylon.ai",
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^24.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/react": "^14.1.2",
+    "@types/lodash": "^4.17.13",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
+    "@typescript-eslint/parser": "^6.15.0",
+    "cross-env": "^7.0.3",
+    "dotenv": "^16.4.7",
+    "eslint": "^8.56.0",
+    "husky": "^9.1.7",
+    "jest": "^29.7.0",
+    "prettier": "^3.1.1",
+    "rollup": "^3.29.5",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "semver": "^7.5.4",
+    "ts-jest": "^29.1.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.3.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "dompurify": "^3.1.6"
+  },
+  "husky": {
+    "prepare": "husky install"
+  }
+}