@worktual/react-native-ai-bot 1.0.0 → 1.0.1

package/dist/WorktualAIBot.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface WorktualAIBotProps {
+    /** Your unique webchat ID provided by Worktual */
+    webchatId: string;
+    /** Called when the bot sends a close/end event (navigate back, dismiss modal, etc.) */
+    onClose: () => void;
+    /** Optional: custom base URL (defaults to Worktual production) */
+    baseUrl?: string;
+    /** Optional: loading screen title (default: "AI Assistant") */
+    loadingTitle?: string;
+    /** Optional: loading screen subtitle (default: "Loading your chat...") */
+    loadingSubtitle?: string;
+    /** Optional: primary colour for progress bar & spinner (default: "#575CFF") */
+    primaryColor?: string;
+    /** Optional: loading screen background colour (default: "#f8f9fb") */
+    loadingBackground?: string;
+    /** Optional: maximum time (ms) to wait before force-hiding loader (default: 6000) */
+    maxLoadTime?: number;
+    /** Optional: called when bot content is fully loaded */
+    onReady?: () => void;
+    /** Optional: called on every postMessage from the WebView */
+    onMessage?: (data: Record<string, unknown>) => void;
+}
+declare const WorktualAIBot: React.FC<WorktualAIBotProps>;
+export default WorktualAIBot;
+//# sourceMappingURL=WorktualAIBot.d.ts.map

package/dist/WorktualAIBot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorktualAIBot.d.ts","sourceRoot":"","sources":["../src/WorktualAIBot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAC;IAElB,uFAAuF;IACvF,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AA2CD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4J/C,CAAC;AA8CF,eAAe,aAAa,CAAC"}

package/dist/WorktualAIBot.js

@@ -0,0 +1,223 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_webview_1 = require("react-native-webview");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+/* ────────────────────────────────────────────────────────
+ *  Constants
+ * ──────────────────────────────────────────────────────── */
+const DEFAULT_BASE_URL = "https://ccaas-storage.worktual.co.uk/chat/ailivebot.html";
+const buildUrl = (baseUrl, webchatId) => {
+    const sep = baseUrl.includes("?") ? "&" : "?";
+    return `${baseUrl}${sep}webchatid=${webchatId}&isHeader=1`;
+};
+/** Injected JS – polls for chat content then posts webchat_ready */
+const buildInjectedJS = (maxMs) => `
+  (function() {
+    var t = setInterval(function() {
+      var m = document.querySelectorAll(
+        '.message, .chat-message, .msg-content, [class*="message"]'
+      );
+      var i = document.querySelector('input[placeholder], textarea[placeholder]');
+      if (m.length > 0 || i) {
+        clearInterval(t);
+        window.ReactNativeWebView.postMessage(
+          JSON.stringify({ type: "webchat_ready" })
+        );
+      }
+    }, 200);
+    setTimeout(function() {
+      clearInterval(t);
+      window.ReactNativeWebView.postMessage(
+        JSON.stringify({ type: "webchat_ready" })
+      );
+    }, ${maxMs});
+  })();
+  true;
+`;
+/* ────────────────────────────────────────────────────────
+ *  Component
+ * ──────────────────────────────────────────────────────── */
+const WorktualAIBot = ({ webchatId, onClose, baseUrl = DEFAULT_BASE_URL, loadingTitle = "AI Assistant", loadingSubtitle = "Loading your chat...", primaryColor = "#575CFF", loadingBackground = "#f8f9fb", maxLoadTime = 6000, onReady, onMessage: onMessageProp, }) => {
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const [showLoader, setShowLoader] = (0, react_1.useState)(true);
+    // Animations
+    const progressAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const fadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    const dotAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const url = buildUrl(baseUrl, webchatId);
+    const injectedJS = buildInjectedJS(maxLoadTime);
+    /* ── Animations ── */
+    (0, react_1.useEffect)(() => {
+        // Progress bar: fast to 70%, then slow to 90%
+        react_native_1.Animated.sequence([
+            react_native_1.Animated.timing(progressAnim, {
+                toValue: 0.7,
+                duration: 800,
+                useNativeDriver: false,
+            }),
+            react_native_1.Animated.timing(progressAnim, {
+                toValue: 0.9,
+                duration: 2500,
+                useNativeDriver: false,
+            }),
+        ]).start();
+        // Pulsing dots
+        react_native_1.Animated.loop(react_native_1.Animated.sequence([
+            react_native_1.Animated.timing(dotAnim, { toValue: 1, duration: 500, useNativeDriver: true }),
+            react_native_1.Animated.timing(dotAnim, { toValue: 0.3, duration: 500, useNativeDriver: true }),
+        ])).start();
+    }, []);
+    /* ── Hide loader ── */
+    const hideLoader = (0, react_1.useCallback)(() => {
+        if (!showLoader)
+            return;
+        // Complete progress bar
+        react_native_1.Animated.timing(progressAnim, {
+            toValue: 1,
+            duration: 150,
+            useNativeDriver: false,
+        }).start();
+        // Fade out
+        setTimeout(() => {
+            react_native_1.Animated.timing(fadeAnim, {
+                toValue: 0,
+                duration: 200,
+                useNativeDriver: true,
+            }).start(() => setShowLoader(false));
+        }, 150);
+    }, [showLoader]);
+    /* ── WebView message handler ── */
+    const handleMessage = (0, react_1.useCallback)((event) => {
+        try {
+            const data = JSON.parse(event.nativeEvent.data);
+            // Forward to client's onMessage if provided
+            onMessageProp === null || onMessageProp === void 0 ? void 0 : onMessageProp(data);
+            if ((data === null || data === void 0 ? void 0 : data.type) === "webchat_ready") {
+                hideLoader();
+                onReady === null || onReady === void 0 ? void 0 : onReady();
+            }
+            if ((data === null || data === void 0 ? void 0 : data.type) === "webchat_end") {
+                onClose();
+            }
+        }
+        catch (_) {
+            // Ignore non-JSON messages
+        }
+    }, [hideLoader, onClose, onReady, onMessageProp]);
+    /* ── Render ── */
+    const progressWidth = progressAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: ["0%", "100%"],
+    });
+    return (<react_native_1.View style={[styles.container, { paddingTop: insets.top }]}>
+      <react_native_1.StatusBar barStyle="dark-content" backgroundColor="#fff"/>
+
+      {/* WebView loads immediately behind the loader */}
+      <react_native_webview_1.WebView source={{ uri: url }} style={styles.webview} javaScriptEnabled domStorageEnabled allowsInlineMediaPlayback mediaPlaybackRequiresUserAction={false} onMessage={handleMessage} injectedJavaScript={injectedJS} 
+    // Prevent white flash on Android
+    {...(react_native_1.Platform.OS === "android" && {
+        overScrollMode: "never",
+        setBuiltInZoomControls: false,
+    })}/>
+
+      {/* Loading overlay */}
+      {showLoader && (<react_native_1.Animated.View style={[
+                styles.loaderOverlay,
+                { opacity: fadeAnim, backgroundColor: loadingBackground },
+            ]}>
+          {/* Spinner */}
+          <react_native_1.ActivityIndicator size="large" color={primaryColor} style={styles.spinner}/>
+
+          {/* Title */}
+          <react_native_1.Text style={styles.loaderTitle}>{loadingTitle}</react_native_1.Text>
+
+          {/* Subtitle with pulsing opacity */}
+          <react_native_1.Animated.Text style={[styles.loaderSubtitle, { opacity: dotAnim }]}>
+            {loadingSubtitle}
+          </react_native_1.Animated.Text>
+
+          {/* Progress bar */}
+          <react_native_1.View style={styles.progressTrack}>
+            <react_native_1.Animated.View style={[
+                styles.progressBar,
+                { width: progressWidth, backgroundColor: primaryColor },
+            ]}/>
+          </react_native_1.View>
+        </react_native_1.Animated.View>)}
+    </react_native_1.View>);
+};
+/* ────────────────────────────────────────────────────────
+ *  Styles
+ * ──────────────────────────────────────────────────────── */
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: "#fff",
+    },
+    webview: {
+        flex: 1,
+    },
+    loaderOverlay: Object.assign(Object.assign({}, react_native_1.StyleSheet.absoluteFillObject), { justifyContent: "center", alignItems: "center" }),
+    spinner: {
+        marginBottom: 20,
+    },
+    loaderTitle: {
+        fontSize: 18,
+        fontWeight: "600",
+        color: "#1a1a2e",
+        marginBottom: 6,
+    },
+    loaderSubtitle: {
+        fontSize: 14,
+        color: "#8e8ea0",
+        marginBottom: 28,
+    },
+    progressTrack: {
+        width: 200,
+        height: 4,
+        backgroundColor: "#e4e4e7",
+        borderRadius: 2,
+        overflow: "hidden",
+    },
+    progressBar: {
+        height: "100%",
+        borderRadius: 2,
+    },
+});
+exports.default = WorktualAIBot;
+//# sourceMappingURL=WorktualAIBot.js.map

package/dist/WorktualAIBot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorktualAIBot.js","sourceRoot":"","sources":["../src/WorktualAIBot.tsx"],"names":[],"mappings":"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"}

package/{src/index.ts → dist/index.d.ts}

@@ -1,2 +1,3 @@
 export { default as WorktualAIBot } from "./WorktualAIBot";
 export type { WorktualAIBotProps } from "./WorktualAIBot";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorktualAIBot = void 0;
+var WorktualAIBot_1 = require("./WorktualAIBot");
+Object.defineProperty(exports, "WorktualAIBot", { enumerable: true, get: function () { return __importDefault(WorktualAIBot_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@worktual/react-native-ai-bot",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Worktual AI Bot - Embeddable AI chatbot for React Native apps",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "build": "tsc",
     "prepublishOnly": "npm run build"
@@ -29,7 +29,7 @@
     "typescript": "^5.9.3"
   },
   "files": [
-    "src/",
+    "dist/",
     "README.md"
   ]
 }

package/src/WorktualAIBot.tsx

@@ -1,293 +0,0 @@
-import React, { useState, useEffect, useRef, useCallback } from "react";
-import {
-  View,
-  StyleSheet,
-  Animated,
-  Text,
-  ActivityIndicator,
-  StatusBar,
-  Platform,
-} from "react-native";
-import { WebView, WebViewMessageEvent } from "react-native-webview";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-
-/* ────────────────────────────────────────────────────────
- *  Public types
- * ──────────────────────────────────────────────────────── */
-
-export interface WorktualAIBotProps {
-  /** Your unique webchat ID provided by Worktual */
-  webchatId: string;
-
-  /** Called when the bot sends a close/end event (navigate back, dismiss modal, etc.) */
-  onClose: () => void;
-
-  /** Optional: custom base URL (defaults to Worktual production) */
-  baseUrl?: string;
-
-  /** Optional: loading screen title (default: "AI Assistant") */
-  loadingTitle?: string;
-
-  /** Optional: loading screen subtitle (default: "Loading your chat...") */
-  loadingSubtitle?: string;
-
-  /** Optional: primary colour for progress bar & spinner (default: "#575CFF") */
-  primaryColor?: string;
-
-  /** Optional: loading screen background colour (default: "#f8f9fb") */
-  loadingBackground?: string;
-
-  /** Optional: maximum time (ms) to wait before force-hiding loader (default: 6000) */
-  maxLoadTime?: number;
-
-  /** Optional: called when bot content is fully loaded */
-  onReady?: () => void;
-
-  /** Optional: called on every postMessage from the WebView */
-  onMessage?: (data: Record<string, unknown>) => void;
-}
-
-/* ────────────────────────────────────────────────────────
- *  Constants
- * ──────────────────────────────────────────────────────── */
-
-const DEFAULT_BASE_URL =
-  "https://ccaas-storage.worktual.co.uk/chat/ailivebot.html";
-
-const buildUrl = (baseUrl: string, webchatId: string): string => {
-  const sep = baseUrl.includes("?") ? "&" : "?";
-  return `${baseUrl}${sep}webchatid=${webchatId}&isHeader=1`;
-};
-
-/** Injected JS – polls for chat content then posts webchat_ready */
-const buildInjectedJS = (maxMs: number): string => `
-  (function() {
-    var t = setInterval(function() {
-      var m = document.querySelectorAll(
-        '.message, .chat-message, .msg-content, [class*="message"]'
-      );
-      var i = document.querySelector('input[placeholder], textarea[placeholder]');
-      if (m.length > 0 || i) {
-        clearInterval(t);
-        window.ReactNativeWebView.postMessage(
-          JSON.stringify({ type: "webchat_ready" })
-        );
-      }
-    }, 200);
-    setTimeout(function() {
-      clearInterval(t);
-      window.ReactNativeWebView.postMessage(
-        JSON.stringify({ type: "webchat_ready" })
-      );
-    }, ${maxMs});
-  })();
-  true;
-`;
-
-/* ────────────────────────────────────────────────────────
- *  Component
- * ──────────────────────────────────────────────────────── */
-
-const WorktualAIBot: React.FC<WorktualAIBotProps> = ({
-  webchatId,
-  onClose,
-  baseUrl = DEFAULT_BASE_URL,
-  loadingTitle = "AI Assistant",
-  loadingSubtitle = "Loading your chat...",
-  primaryColor = "#575CFF",
-  loadingBackground = "#f8f9fb",
-  maxLoadTime = 6000,
-  onReady,
-  onMessage: onMessageProp,
-}) => {
-  const insets = useSafeAreaInsets();
-  const [showLoader, setShowLoader] = useState(true);
-
-  // Animations
-  const progressAnim = useRef(new Animated.Value(0)).current;
-  const fadeAnim = useRef(new Animated.Value(1)).current;
-  const dotAnim = useRef(new Animated.Value(0)).current;
-
-  const url = buildUrl(baseUrl, webchatId);
-  const injectedJS = buildInjectedJS(maxLoadTime);
-
-  /* ── Animations ── */
-  useEffect(() => {
-    // Progress bar: fast to 70%, then slow to 90%
-    Animated.sequence([
-      Animated.timing(progressAnim, {
-        toValue: 0.7,
-        duration: 800,
-        useNativeDriver: false,
-      }),
-      Animated.timing(progressAnim, {
-        toValue: 0.9,
-        duration: 2500,
-        useNativeDriver: false,
-      }),
-    ]).start();
-
-    // Pulsing dots
-    Animated.loop(
-      Animated.sequence([
-        Animated.timing(dotAnim, { toValue: 1, duration: 500, useNativeDriver: true }),
-        Animated.timing(dotAnim, { toValue: 0.3, duration: 500, useNativeDriver: true }),
-      ])
-    ).start();
-  }, []);
-
-  /* ── Hide loader ── */
-  const hideLoader = useCallback(() => {
-    if (!showLoader) return;
-    // Complete progress bar
-    Animated.timing(progressAnim, {
-      toValue: 1,
-      duration: 150,
-      useNativeDriver: false,
-    }).start();
-
-    // Fade out
-    setTimeout(() => {
-      Animated.timing(fadeAnim, {
-        toValue: 0,
-        duration: 200,
-        useNativeDriver: true,
-      }).start(() => setShowLoader(false));
-    }, 150);
-  }, [showLoader]);
-
-  /* ── WebView message handler ── */
-  const handleMessage = useCallback(
-    (event: WebViewMessageEvent) => {
-      try {
-        const data = JSON.parse(event.nativeEvent.data);
-
-        // Forward to client's onMessage if provided
-        onMessageProp?.(data);
-
-        if (data?.type === "webchat_ready") {
-          hideLoader();
-          onReady?.();
-        }
-        if (data?.type === "webchat_end") {
-          onClose();
-        }
-      } catch (_) {
-        // Ignore non-JSON messages
-      }
-    },
-    [hideLoader, onClose, onReady, onMessageProp]
-  );
-
-  /* ── Render ── */
-  const progressWidth = progressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0%", "100%"],
-  });
-
-  return (
-    <View style={[styles.container, { paddingTop: insets.top }]}>
-      <StatusBar barStyle="dark-content" backgroundColor="#fff" />
-
-      {/* WebView loads immediately behind the loader */}
-      <WebView
-        source={{ uri: url }}
-        style={styles.webview}
-        javaScriptEnabled
-        domStorageEnabled
-        allowsInlineMediaPlayback
-        mediaPlaybackRequiresUserAction={false}
-        onMessage={handleMessage}
-        injectedJavaScript={injectedJS}
-        // Prevent white flash on Android
-        {...(Platform.OS === "android" && {
-          overScrollMode: "never" as const,
-          setBuiltInZoomControls: false,
-        })}
-      />
-
-      {/* Loading overlay */}
-      {showLoader && (
-        <Animated.View
-          style={[
-            styles.loaderOverlay,
-            { opacity: fadeAnim, backgroundColor: loadingBackground },
-          ]}
-        >
-          {/* Spinner */}
-          <ActivityIndicator
-            size="large"
-            color={primaryColor}
-            style={styles.spinner}
-          />
-
-          {/* Title */}
-          <Text style={styles.loaderTitle}>{loadingTitle}</Text>
-
-          {/* Subtitle with pulsing opacity */}
-          <Animated.Text
-            style={[styles.loaderSubtitle, { opacity: dotAnim }]}
-          >
-            {loadingSubtitle}
-          </Animated.Text>
-
-          {/* Progress bar */}
-          <View style={styles.progressTrack}>
-            <Animated.View
-              style={[
-                styles.progressBar,
-                { width: progressWidth, backgroundColor: primaryColor },
-              ]}
-            />
-          </View>
-        </Animated.View>
-      )}
-    </View>
-  );
-};
-
-/* ────────────────────────────────────────────────────────
- *  Styles
- * ──────────────────────────────────────────────────────── */
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  webview: {
-    flex: 1,
-  },
-  loaderOverlay: {
-    ...StyleSheet.absoluteFillObject,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  spinner: {
-    marginBottom: 20,
-  },
-  loaderTitle: {
-    fontSize: 18,
-    fontWeight: "600",
-    color: "#1a1a2e",
-    marginBottom: 6,
-  },
-  loaderSubtitle: {
-    fontSize: 14,
-    color: "#8e8ea0",
-    marginBottom: 28,
-  },
-  progressTrack: {
-    width: 200,
-    height: 4,
-    backgroundColor: "#e4e4e7",
-    borderRadius: 2,
-    overflow: "hidden",
-  },
-  progressBar: {
-    height: "100%",
-    borderRadius: 2,
-  },
-});
-
-export default WorktualAIBot;