@robylon/web-react-sdk 1.1.28-staging.17 → 1.1.28-staging.19

package/README.md

@@ -13,7 +13,7 @@ npm install @robylon/web-react-sdk
 ### Vanilla JavaScript
 
 ```html
-<script src="https://staging-cdn.robylon.com/1.1.28-staging.16/robylon.min.js"></script>
+<script src="https://staging-cdn.robylon.com/1.1.28-staging.18/robylon.min.js"></script>
 ```
 
 Or via npm:

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -847,7 +847,7 @@ var Logger = /** @class */ (function () {
 /**
  * Singleton logger instance
  */
-var logger$1 = new Logger();
+var logger = new Logger();
 
 /**
  * Error codes for API operations
@@ -897,7 +897,7 @@ var fetchChatbotConfig = function (chatbotId, userId, token) { return __awaiter(
                 _b.label = 1;
             case 1:
                 _b.trys.push([1, 6, , 7]);
-                logger$1.log("Fetching chatbot config from ".concat(endpointUrl));
+                logger.log("Fetching chatbot config from ".concat(endpointUrl));
                 return [4 /*yield*/, fetch(endpointUrl, {
                         method: "POST",
                         headers: {
@@ -1066,7 +1066,7 @@ function init(config) {
                 defaultApiUrls[currentEnv], copilotUrl: config.copilotUrl ||
                 defaultCopilotUrls[currentEnv], environment: config.environment || currentEnv });
         setEnvironmentConfig(configWithDefaults);
-        logger$1.log("Robylon SDK environment initialized with custom config", configWithDefaults);
+        logger.log("Robylon SDK environment initialized with custom config", configWithDefaults);
     }
 }
 /**
@@ -1150,7 +1150,7 @@ function create(config) {
                         }];
                 case 3:
                     error_1 = _h.sent();
-                    logger$1.error("Failed to create chatbot instance:", error_1);
+                    logger.error("Failed to create chatbot instance:", error_1);
                     if (error_1 instanceof ApiError) {
                         throw new Error("Robylon SDK initialization failed: ".concat(error_1.message, " (").concat(error_1.code, ")"));
                     }
@@ -1161,79 +1161,42 @@ function create(config) {
     });
 }
 
-// Create a dummy logger in case the real one isn't available
-var safeLogger = {
-    error: function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        if (typeof console !== "undefined") {
-            console.error.apply(console, __spreadArray(["[Robylon Error]"], args, false));
-        }
-    },
-};
-// Use a function to create the component only when needed
-// This prevents any reference to React.Component during module evaluation
-var createErrorBoundary = function () {
-    // Only create the real component if React is available
-    if (typeof React === "undefined" || typeof React.Component === "undefined") {
-        // Return a simple function component that just renders children
-        return function SimpleErrorBoundary(props) {
-            return props.children;
+/**
+ * Error Boundary component to catch and handle React rendering errors
+ */
+var ErrorBoundary = /** @class */ (function (_super) {
+    __extends(ErrorBoundary, _super);
+    function ErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            hasError: false,
+            error: null,
         };
+        return _this;
     }
-    // If React is available, create a proper error boundary
-    var ErrorBoundaryComponent = /** @class */ (function (_super) {
-        __extends(ErrorBoundaryComponent, _super);
-        function ErrorBoundaryComponent(props) {
-            var _this = _super.call(this, props) || this;
-            _this.state = {
-                hasError: false,
-                error: null,
-            };
-            return _this;
-        }
-        ErrorBoundaryComponent.getDerivedStateFromError = function (error) {
-            return {
-                hasError: true,
-                error: error,
-            };
-        };
-        ErrorBoundaryComponent.prototype.componentDidCatch = function (error, errorInfo) {
-            var componentName = this.props.componentName;
-            // Use the safe logger to avoid errors
-            try {
-                if (logger$1 && typeof logger$1.error === "function") {
-                    logger$1.error("Error in ".concat(componentName, " component:"), error, errorInfo);
-                }
-                else {
-                    safeLogger.error("Error in ".concat(componentName, " component:"), error, errorInfo);
-                }
-            }
-            catch (e) {
-                // Last resort fallback
-                console.error("[Robylon]", "Error in ".concat(componentName, " component:"), error);
-            }
-        };
-        ErrorBoundaryComponent.prototype.render = function () {
-            if (this.state.hasError) {
-                return null; // Silently fail to not disrupt the user experience
-            }
-            return this.props.children;
+    ErrorBoundary.getDerivedStateFromError = function (error) {
+        return {
+            hasError: true,
+            error: error,
         };
-        return ErrorBoundaryComponent;
-    }(React.Component));
-    return ErrorBoundaryComponent;
-};
-// Create the component outside of the export to avoid immediate evaluation
-var ErrorBoundaryImpl = createErrorBoundary();
-/**
- * Safe ErrorBoundary that works even when React isn't available
- */
-var ErrorBoundary = function (props) {
-    return React.createElement(ErrorBoundaryImpl, props);
-};
+    };
+    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+        var componentName = this.props.componentName;
+        logger.error("[Robylon Error] Error in ".concat(componentName, " component:"), error, errorInfo);
+        // You could also log to an error reporting service here
+        console.error({
+            componentStack: errorInfo.componentStack,
+        });
+    };
+    ErrorBoundary.prototype.render = function () {
+        if (this.state.hasError) {
+            // You can render any custom fallback UI
+            return null; // Silently fail to not disrupt the user experience
+        }
+        return this.props.children;
+    };
+    return ErrorBoundary;
+}(react.Component));
 
 var ChatbotEventType;
 (function (ChatbotEventType) {
@@ -1256,13 +1219,13 @@ var InternalEventType;
 function useChatbotState(props) {
     var _this = this;
     var api_key = props.api_key, user_id = props.user_id, user_token = props.user_token, user_profile = props.user_profile;
-    var _a = React.useState(false), isInitializing = _a[0], setIsInitializing = _a[1];
-    var _b = React.useState(false), isInitialized = _b[0], setIsInitialized = _b[1];
-    var _c = React.useState(null), error = _c[0], setError = _c[1];
-    var _d = React.useState(null), chatbotConfig = _d[0], setChatbotConfig = _d[1];
-    var _e = React.useState(false), isIframeVisible = _e[0], setIsIframeVisible = _e[1];
+    var _a = react.useState(false), isInitializing = _a[0], setIsInitializing = _a[1];
+    var _b = react.useState(false), isInitialized = _b[0], setIsInitialized = _b[1];
+    var _c = react.useState(null), error = _c[0], setError = _c[1];
+    var _d = react.useState(null), chatbotConfig = _d[0], setChatbotConfig = _d[1];
+    var _e = react.useState(false), isIframeVisible = _e[0], setIsIframeVisible = _e[1];
     // Initialize the chatbot
-    React.useEffect(function () {
+    react.useEffect(function () {
         var initChatbot = function () { return __awaiter(_this, void 0, void 0, function () {
             var userId, isAnonymous, apiResponse, systemInfo, finalUserProfile, config, err_1, errorMessage;
             var _a, _b, _c, _d, _e, _f, _g;
@@ -1318,7 +1281,7 @@ function useChatbotState(props) {
                         err_1 = _h.sent();
                         errorMessage = err_1 instanceof Error ? err_1.message : "Failed to initialize chatbot";
                         setError(errorMessage);
-                        logger$1.error("Chatbot initialization failed:", err_1);
+                        logger.error("Chatbot initialization failed:", err_1);
                         return [3 /*break*/, 5];
                     case 4:
                         setIsInitializing(false);
@@ -1348,7 +1311,7 @@ function useChatbotState(props) {
 
 function useChatbotEvents(props) {
     var onEvent = props.onEvent;
-    var emitEvent = React.useCallback(function (type, data) {
+    var emitEvent = react.useCallback(function (type, data) {
         var event = {
             type: type,
             timestamp: Date.now(),
@@ -1356,7 +1319,7 @@ function useChatbotEvents(props) {
         };
         onEvent === null || onEvent === void 0 ? void 0 : onEvent(event);
     }, [onEvent]);
-    var onInternalEvent = React.useCallback(function (eventType, additionalData) {
+    var onInternalEvent = react.useCallback(function (eventType, additionalData) {
         // Handle internal events if needed
         // This can be expanded based on requirements
     }, []);
@@ -1371,9 +1334,9 @@ var ChatbotFloatingButton = function (_a) {
     // If config is null, don't render anything
     if (!config)
         return null;
-    var buttonRef = React.useRef(null);
+    var buttonRef = react.useRef(null);
     var copilotUrl = getEnvironmentConfig().copilotUrl;
-    React.useEffect(function () {
+    react.useEffect(function () {
         if (buttonRef.current) {
             requestAnimationFrame(function () {
                 onEvent === null || onEvent === void 0 ? void 0 : onEvent({
@@ -1397,7 +1360,7 @@ var ChatbotFloatingButton = function (_a) {
                 height: "100%",
             } }));
     };
-    logger$1.log("config chatbotfloatingbutton", config);
+    logger.log("config chatbotfloatingbutton", config);
     return (jsxRuntime.jsx("div", { ref: buttonRef, className: "message-bubble-container", style: {
             position: "fixed",
             bottom: "1.5rem",
@@ -1416,18 +1379,18 @@ var ChatbotFloatingButton = function (_a) {
             overflow: "hidden",
         }, onClick: toggleIframe, children: renderIcon() }));
 };
-var ChatbotFloatingButton$1 = React.memo(ChatbotFloatingButton);
+var ChatbotFloatingButton$1 = react.memo(ChatbotFloatingButton);
 
 var ChatbotIframe = function (_a) {
     var config = _a.config, isVisible = _a.isVisible, onClose = _a.onClose, onEvent = _a.onEvent, onInternalEvent = _a.onInternalEvent;
     // If config is null, don't render anything
     if (!config)
         return null;
-    var iframeRef = React.useRef(null);
-    var isInitializedRef = React.useRef(false);
-    var hasRegisteredRef = React.useRef(false);
+    var iframeRef = react.useRef(null);
+    var isInitializedRef = react.useRef(false);
+    var hasRegisteredRef = react.useRef(false);
     // Add responsive styles handler
-    var applyResponsiveStyles = React.useCallback(function () {
+    var applyResponsiveStyles = react.useCallback(function () {
         var iframe = iframeRef.current;
         if (!iframe)
             return;
@@ -1457,13 +1420,13 @@ var ChatbotIframe = function (_a) {
         }
     }, []);
     // Add resize listener
-    React.useEffect(function () {
+    react.useEffect(function () {
         window === null || window === void 0 ? void 0 : window.addEventListener("resize", applyResponsiveStyles);
         applyResponsiveStyles(); // Apply initial styles
         return function () { return window === null || window === void 0 ? void 0 : window.removeEventListener("resize", applyResponsiveStyles); };
     }, [applyResponsiveStyles]);
     // Initialize iframe only once
-    React.useEffect(function () {
+    react.useEffect(function () {
         var iframe = iframeRef.current;
         if (!iframe || isInitializedRef.current)
             return;
@@ -1482,7 +1445,7 @@ var ChatbotIframe = function (_a) {
         return function () { return iframe.removeEventListener("load", handleIframeLoad); };
     }, [config.chatbotId]);
     // Handle visibility changes in separate effect
-    React.useEffect(function () {
+    react.useEffect(function () {
         var _a, _b, _c, _d;
         var iframe = iframeRef.current;
         if (!iframe || !isInitializedRef.current)
@@ -1510,7 +1473,7 @@ var ChatbotIframe = function (_a) {
             }
         }
     }, [isVisible, config.userId, config.token, config.userProfile]);
-    React.useEffect(function () {
+    react.useEffect(function () {
         var iframe = iframeRef.current;
         if (!iframe || !isInitializedRef.current)
             return;
@@ -1579,7 +1542,7 @@ var ChatbotIframe = function (_a) {
         return function () { return window === null || window === void 0 ? void 0 : window.removeEventListener("message", handleMessage); };
     }, [onClose, onEvent, onInternalEvent, config.chatbotId, isVisible]);
     // Update iframe when user profile changes
-    React.useEffect(function () {
+    react.useEffect(function () {
         var _a;
         if (!iframeRef.current || !config || !isVisible)
             return;
@@ -1600,26 +1563,26 @@ var ChatbotIframe = function (_a) {
             display: isVisible ? "block" : "none",
         } }));
 };
-var ChatbotIframe$1 = React.memo(ChatbotIframe);
+var ChatbotIframe$1 = react.memo(ChatbotIframe);
 
 /**
  * Main Chatbot component that renders the chatbot UI
  */
-var RobylonChatbot = React.memo(function (_a) {
+var RobylonChatbot = react.memo(function (_a) {
     var api_key = _a.api_key, user_id = _a.user_id, user_token = _a.user_token, user_profile = _a.user_profile, onEvent = _a.onEvent;
-    React.useEffect(function () {
+    react.useEffect(function () {
     });
-    var stateProps = React.useMemo(function () { return ({
+    var stateProps = react.useMemo(function () { return ({
         api_key: api_key,
         user_id: user_id,
         user_token: user_token,
         user_profile: user_profile,
     }); }, [api_key, user_id, user_token, user_profile]);
-    var stableOnEvent = React.useCallback(function (event) {
+    var stableOnEvent = react.useCallback(function (event) {
         onEvent === null || onEvent === void 0 ? void 0 : onEvent(event);
     }, [onEvent]);
     var _b = useChatbotState(stateProps), isInitialized = _b.isInitialized, error = _b.error, chatbotConfig = _b.chatbotConfig, isIframeVisible = _b.isIframeVisible, toggleIframeVisibility = _b.toggleIframeVisibility, closeIframe = _b.closeIframe;
-    var eventProps = React.useMemo(function () { return ({
+    var eventProps = react.useMemo(function () { return ({
         api_key: api_key,
         user_profile: stateProps.user_profile,
         onEvent: stableOnEvent,
@@ -1639,17 +1602,17 @@ var RobylonChatbot = React.memo(function (_a) {
         chatbotConfig === null || chatbotConfig === void 0 ? void 0 : chatbotConfig.userId,
     ]);
     var _c = useChatbotEvents(__assign({}, eventProps)), emitEvent = _c.emitEvent, onInternalEvent = _c.onInternalEvent;
-    var handleClose = React.useCallback(function () {
+    var handleClose = react.useCallback(function () {
         closeIframe();
         emitEvent(ChatbotEventType.CHATBOT_CLOSED);
     }, [closeIframe, emitEvent]);
-    var handleButtonClick = React.useCallback(function () {
+    var handleButtonClick = react.useCallback(function () {
         toggleIframeVisibility();
         emitEvent(isIframeVisible
             ? ChatbotEventType.CHATBOT_CLOSED
             : ChatbotEventType.CHATBOT_BUTTON_CLICKED);
     }, [toggleIframeVisibility, emitEvent, isIframeVisible]);
-    var floatingButtonProps = React.useMemo(function () { return ({
+    var floatingButtonProps = react.useMemo(function () { return ({
         config: chatbotConfig,
         toggleIframe: handleButtonClick,
         isIframeVisible: isIframeVisible,
@@ -1662,7 +1625,7 @@ var RobylonChatbot = React.memo(function (_a) {
         stableOnEvent,
         onInternalEvent,
     ]);
-    var iframeProps = React.useMemo(function () { return ({
+    var iframeProps = react.useMemo(function () { return ({
         config: chatbotConfig,
         isVisible: isIframeVisible,
         onClose: handleClose,
@@ -1691,124 +1654,16 @@ var RobylonChatbot = React.memo(function (_a) {
  */
 var ChatbotWithErrorBoundary = function (props) { return (jsxRuntime.jsx(ErrorBoundary, { componentName: "RobylonChatbot", children: jsxRuntime.jsx(RobylonChatbot, __assign({}, props)) })); };
 
-// Check if React is available in UMD/global environments
-var isReactAvailable = typeof window !== "undefined" &&
-    typeof window.React !== "undefined" &&
-    typeof window.React.Component !== "undefined";
-// Create a safe logger that won't throw errors
-var logger = (function () {
-    // Default no-op implementation
-    var noopLogger = {
-        setEnabled: function (_enabled) { },
-        setLevel: function (_level) { },
-        debug: function () {
-        },
-        log: function () {
-        },
-        warn: function () {
-        },
-        error: function () {
-        },
-    };
-    // Try to use the original logger if available
-    if (typeof logger$1 !== "undefined" && logger$1) {
-        return {
-            setEnabled: function (enabled) {
-                try {
-                    if (typeof logger$1.setEnabled === "function") {
-                        logger$1.setEnabled(enabled);
-                    }
-                }
-                catch (e) {
-                    console.warn("[Robylon] Failed to set logging enabled state");
-                }
-            },
-            setLevel: function (level) {
-                try {
-                    if (typeof logger$1.setLevel === "function") {
-                        logger$1.setLevel(level);
-                    }
-                }
-                catch (e) {
-                    console.warn("[Robylon] Failed to set logging level");
-                }
-            },
-            debug: function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                try {
-                    if (typeof logger$1.debug === "function") {
-                        logger$1.debug.apply(logger$1, args);
-                    }
-                }
-                catch (e) {
-                    // Silent fail
-                }
-            },
-            log: function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                try {
-                    if (typeof logger$1.log === "function") {
-                        logger$1.log.apply(logger$1, args);
-                    }
-                }
-                catch (e) {
-                    // Silent fail
-                }
-            },
-            warn: function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                try {
-                    if (typeof logger$1.warn === "function") {
-                        logger$1.warn.apply(logger$1, args);
-                    }
-                    else {
-                        console.warn.apply(console, __spreadArray(["[Robylon]"], args, false));
-                    }
-                }
-                catch (e) {
-                    console.warn.apply(console, __spreadArray(["[Robylon]"], args, false));
-                }
-            },
-            error: function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                try {
-                    if (typeof logger$1.error === "function") {
-                        logger$1.error.apply(logger$1, args);
-                    }
-                    else {
-                        console.error.apply(console, __spreadArray(["[Robylon]"], args, false));
-                    }
-                }
-                catch (e) {
-                    console.error.apply(console, __spreadArray(["[Robylon]"], args, false));
-                }
-            },
-        };
-    }
-    return noopLogger;
-})();
 // Expose the public API
-var Robylon = __assign({ 
+var Robylon = {
     /**
      * Create a new Robylon chatbot instance
      */
-    create: create, 
+    create: create,
     /**
      * Initialize the SDK with custom environment settings
      */
-    init: init, 
+    init: init,
     /**
      * Configure logging
      */
@@ -1823,7 +1678,8 @@ var Robylon = __assign({
         setLevel: function (level) {
             return logger.setLevel(level);
         },
-    } }, (isReactAvailable ? { Chatbot: ChatbotWithErrorBoundary } : {}));
+    },
+};
 // For UMD/global environments
 if (typeof window !== "undefined") {
     window.Robylon = Robylon;