@robylon/react-native-sdk 1.10.1-staging.11 → 1.10.1-staging.3

package/.npmignore.production

@@ -5,4 +5,3 @@ __fixtures__/
 __mocks__/
 .env*
 *.log
-usage/*

package/.npmignore.staging

@@ -4,4 +4,3 @@ __fixtures__/
 __mocks__/
 .env*
 *.log
-usage/*

package/README.md

@@ -1,185 +0,0 @@
-# Robylon React Native SDK Documentation
-
-## Installation
-
-First, install the package using npm or yarn:
-
-```bash
-# Using npm
-npm install @robylon/react-native-sdk react-native-webview
-
-# Using yarn
-yarn add @robylon/react-native-sdk react-native-webview
-```
-
-## Prerequisites
-
-- React Native project set up for iOS
-- `react-native-webview` installed and configured
-- Valid Robylon API key
-
-## Basic Implementation
-
-### 1. Import the SDK
-
-```typescript
-import { ChatbotSDK } from "@robylon/react-native-sdk";
-```
-
-### 2. Basic Usage
-
-```typescript
-import React from "react";
-import { View } from "react-native";
-import { ChatbotSDK } from "@robylon/react-native-sdk";
-
-const App = () => {
-  return (
-    <View style={{ flex: 1 }}>
-      <ChatbotSDK
-        api_key="YOUR_API_KEY"
-        user_id="USER_ID"
-        user_token="USER_TOKEN"
-      />
-    </View>
-  );
-};
-
-export default App;
-```
-
-## Props Reference
-
-### Required Props
-
-| Prop      | Type   | Description                    |
-| --------- | ------ | ------------------------------ |
-| `api_key` | string | Your Robylon API key           |
-| `user_id` | string | Unique identifier for the user |
-
-### Optional Props
-
-| Prop                   | Type                   | Default   | Description                                  |
-| ---------------------- | ---------------------- | --------- | -------------------------------------------- |
-| `user_token`           | string                 | undefined | Authentication token for the user            |
-| `additional_params`    | Record<string, string> | {}        | Additional parameters to pass to the chatbot |
-| `show_floating_button` | boolean                | true      | Whether to show the floating button          |
-| `isFullScreen`         | boolean                | true      | Whether to display in fullscreen mode        |
-| `enableAnimation`      | boolean                | true      | Enable/disable animations                    |
-| `onMessage`            | (message: any) => void | undefined | Callback for chatbot messages                |
-| `onOpen`               | () => void             | undefined | Callback when chatbot opens                  |
-| `onClose`              | () => void             | undefined | Callback when chatbot closes                 |
-
-## Advanced Implementation
-
-### Custom Configuration Example
-
-```typescript
-import React from "react";
-import { View } from "react-native";
-import { ChatbotSDK } from "@robylon/react-native-sdk";
-
-const App = () => {
-  const handleMessage = (message) => {
-    console.log("Received message:", message);
-  };
-
-  const handleOpen = () => {
-    console.log("Chatbot opened");
-  };
-
-  const handleClose = () => {
-    console.log("Chatbot closed");
-  };
-
-  return (
-    <View style={{ flex: 1 }}>
-      <ChatbotSDK
-        api_key="YOUR_API_KEY"
-        user_id="USER_ID"
-        user_token="USER_TOKEN"
-        additional_params={{
-          theme: "light",
-          language: "en",
-        }}
-        show_floating_button={true}
-        isFullScreen={true}
-        enableAnimation={true}
-        onMessage={handleMessage}
-        onOpen={handleOpen}
-        onClose={handleClose}
-      />
-    </View>
-  );
-};
-
-export default App;
-```
-
-<!-- ### Handling Messages
-
-The `onMessage` callback receives messages in the following format:
-
-```typescript
-interface ChatbotMessage {
-  type: string;
-  data?: any;
-}
-```
-
-Example message handler:
-
-```typescript
-const handleMessage = (message: ChatbotMessage) => {
-  switch (message.type) {
-    case 'user_message':
-      console.log('User sent:', message.data);
-      break;
-    case 'bot_response':
-      console.log('Bot responded:', message.data);
-      break;
-    // Handle other message types
-  }
-};
-``` -->
-
-## Styling and Customization
-
-The SDK automatically fetches and applies your organization's branding configuration, including:
-
-- Brand color
-- Launcher logo
-- Welcome message
-
-<!-- These are fetched using the provided API key and user credentials. -->
-
-## Best Practices
-
-1. **Error Handling**: Always implement error handling for network requests and message processing.
-2. **User Authentication**: Ensure user_id and user_token are properly managed and updated.
-3. **Performance**: Consider using `useMemo` or `useCallback` for callback functions to optimize performance.
-4. **Testing**: Test the implementation across different iOS devices and orientations.
-
-## Troubleshooting
-
-Common issues and solutions:
-
-1. **WebView Not Loading**
-
-   - Verify internet connectivity
-   - Check if API key is valid
-   - Ensure WebView permissions are properly configured
-
-2. **Authentication Issues**
-
-   - Verify user_token is valid and not expired
-   - Check if user_id is correctly formatted
-
-3. **UI Issues**
-   - Ensure proper layout hierarchy
-   - Check for conflicts with other UI elements
-   - Verify styling properties
-
-## Support
-
-For additional support or to report issues, please contact Robylon support or refer to the official documentation.

package/babel.config.js

@@ -1,17 +1,4 @@
-module.exports = function (api) {
-  api.cache(true);
-  return {
-    presets: ["module:metro-react-native-babel-preset"],
-    plugins: [
-      [
-        "inline-dotenv",
-        {
-          path:
-            process.env.NODE_ENV === "production"
-              ? ".env.production"
-              : ".env.staging",
-        },
-      ],
-    ],
-  };
+module.exports = {
+  presets: ["module:metro-react-native-babel-preset"],
+  plugins: ["transform-inline-environment-variables"],
 };

package/lib/commonjs/ChatbotWebview.js

@@ -1,2 +1,45 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ChatbotWebview=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeWebview=require("react-native-webview");var _constants=require("./constants");var _LoadingIndicator=_interopRequireDefault(require("./LoadingIndicator"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/jobinabraham/Developer/personal/robylon-react-native-sdk/src/ChatbotWebview.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var constructUrl=function constructUrl(chatbotId){var additionalParams=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var params=new URLSearchParams(Object.assign({id:chatbotId},additionalParams));return _constants.BASE_CHATBOT_URL+"?"+params.toString();};var ChatbotWebview=exports.ChatbotWebview=function ChatbotWebview(_ref){var chatbotId=_ref.chatbotId,additionalParams=_ref.additionalParams;var _useState=(0,_react.useState)(""),_useState2=(0,_slicedToArray2.default)(_useState,2),url=_useState2[0],setUrl=_useState2[1];(0,_react.useEffect)(function(){setUrl(constructUrl(chatbotId,additionalParams));},[chatbotId,additionalParams]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1},children:url?(0,_jsxRuntime.jsx)(_reactNativeWebview.WebView,{source:{uri:url},startInLoadingState:true,renderLoading:function renderLoading(){return(0,_jsxRuntime.jsx)(_LoadingIndicator.default,{});}}):(0,_jsxRuntime.jsx)(_LoadingIndicator.default,{})});};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatbotWebview = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeWebview = require("react-native-webview");
+var _constants = require("./constants");
+var _LoadingIndicator = _interopRequireDefault(require("./LoadingIndicator"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// File: src/ChatbotWebview.tsx
+
+const constructUrl = (chatbotId, additionalParams = {}) => {
+  const params = new URLSearchParams({
+    id: chatbotId,
+    ...additionalParams
+  });
+  return `${_constants.BASE_CHATBOT_URL}?${params.toString()}`;
+};
+const ChatbotWebview = ({
+  chatbotId,
+  additionalParams
+}) => {
+  const [url, setUrl] = (0, _react.useState)("");
+  (0, _react.useEffect)(() => {
+    setUrl(constructUrl(chatbotId, additionalParams));
+  }, [chatbotId, additionalParams]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, url ? /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
+    source: {
+      uri: url
+    },
+    startInLoadingState: true,
+    renderLoading: () => /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, null)
+  }) : /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, null));
+};
+exports.ChatbotWebview = ChatbotWebview;
 //# sourceMappingURL=ChatbotWebview.js.map

package/lib/commonjs/ChatbotWebview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebview","_constants","_LoadingIndicator","_interopRequireDefault","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","constructUrl","chatbotId","additionalParams","arguments","length","undefined","params","URLSearchParams","assign","id","BASE_CHATBOT_URL","toString","ChatbotWebview","exports","_ref","_useState","useState","_useState2","_slicedToArray2","url","setUrl","useEffect","jsx","View","style","flex","children","WebView","source","uri","startInLoadingState","renderLoading"],"sourceRoot":"../../src","sources":["ChatbotWebview.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebview","_constants","_LoadingIndicator","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","constructUrl","chatbotId","additionalParams","params","URLSearchParams","id","BASE_CHATBOT_URL","toString","ChatbotWebview","url","setUrl","useState","useEffect","createElement","View","style","flex","WebView","source","uri","startInLoadingState","renderLoading","exports"],"sourceRoot":"../../src","sources":["ChatbotWebview.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAkD,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AALlD;;AAYA,MAAMW,YAAY,GAAGA,CACnBC,SAAiB,EACjBC,gBAAwC,GAAG,CAAC,CAAC,KAClC;EACX,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAAC;IAAEC,EAAE,EAAEJ,SAAS;IAAE,GAAGC;EAAiB,CAAC,CAAC;EAC1E,OAAO,GAAGI,2BAAgB,IAAIH,MAAM,CAACI,QAAQ,CAAC,CAAC,EAAE;AACnD,CAAC;AAEM,MAAMC,cAA6C,GAAGA,CAAC;EAC5DP,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACO,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,eAAQ,EAAS,EAAE,CAAC;EAE1C,IAAAC,gBAAS,EAAC,MAAM;IACdF,MAAM,CAACV,YAAY,CAACC,SAAS,EAAEC,gBAAgB,CAAC,CAAC;EACnD,CAAC,EAAE,CAACD,SAAS,EAAEC,gBAAgB,CAAC,CAAC;EAEjC,oBACE9B,MAAA,CAAAU,OAAA,CAAA+B,aAAA,CAACtC,YAAA,CAAAuC,IAAI;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,GACtBP,GAAG,gBACFrC,MAAA,CAAAU,OAAA,CAAA+B,aAAA,CAACrC,mBAAA,CAAAyC,OAAO;IACNC,MAAM,EAAE;MAAEC,GAAG,EAAEV;IAAI,CAAE;IACrBW,mBAAmB,EAAE,IAAK;IAC1BC,aAAa,EAAEA,CAAA,kBAAMjD,MAAA,CAAAU,OAAA,CAAA+B,aAAA,CAACnC,iBAAA,CAAAI,OAAgB,MAAE;EAAE,CAC3C,CAAC,gBAEFV,MAAA,CAAAU,OAAA,CAAA+B,aAAA,CAACnC,iBAAA,CAAAI,OAAgB,MAAE,CAEjB,CAAC;AAEX,CAAC;AAACwC,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/Chatbotsdk.js

@@ -1,2 +1,310 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeWebview=require("react-native-webview");var _FloatingButton=_interopRequireDefault(require("./FloatingButton"));var _constants=require("./constants");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/jobinabraham/Developer/personal/robylon-react-native-sdk/src/Chatbotsdk.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var ChatbotSDK=function ChatbotSDK(_ref){var api_key=_ref.api_key,user_id=_ref.user_id,user_token=_ref.user_token,_ref$additional_param=_ref.additional_params,additional_params=_ref$additional_param===void 0?{}:_ref$additional_param,_ref$show_floating_bu=_ref.show_floating_button,show_floating_button=_ref$show_floating_bu===void 0?true:_ref$show_floating_bu,onMessage=_ref.onMessage,_ref$isFullScreen=_ref.isFullScreen,isFullScreen=_ref$isFullScreen===void 0?true:_ref$isFullScreen,_ref$enableAnimation=_ref.enableAnimation,enableAnimation=_ref$enableAnimation===void 0?true:_ref$enableAnimation,onOpen=_ref.onOpen,onClose=_ref.onClose;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isWebViewVisible=_useState2[0],setIsWebViewVisible=_useState2[1];var _useState3=(0,_react.useState)(null),_useState4=(0,_slicedToArray2.default)(_useState3,2),chatbotConfig=_useState4[0],setChatbotConfig=_useState4[1];var _useState5=(0,_react.useState)(true),_useState6=(0,_slicedToArray2.default)(_useState5,2),loading=_useState6[0],setLoading=_useState6[1];var webViewRef=(0,_react.useRef)(null);var fadeAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var isFirstLoadRef=(0,_react.useRef)(true);var webViewUrl=(0,_react.useMemo)(function(){return constructUrl();},[api_key,user_id,additional_params]);var stableAdditionalParams=(0,_react.useMemo)(function(){return additional_params;},[JSON.stringify(additional_params)]);var triggerAppInit=function triggerAppInit(){if(webViewRef.current){webViewRef.current.injectJavaScript("\n        // Trigger APP_READY equivalent\n        window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'APP_READY' }));\n        true;\n      ");}};(0,_react.useEffect)(function(){var fetchChatbotConfig=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){try{var _data$user;var endpointUrl="https://stage-api.robylon.ai/users/auth/copilot/";var payload={client_user_id:user_id,org_id:api_key,token:user_token,extra_info:stableAdditionalParams};var response=yield fetch(endpointUrl,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});if(!response.ok){throw new Error("Failed to fetch chatbot configuration");}var data=yield response.json();var orgInfo=data==null?void 0:(_data$user=data.user)==null?void 0:_data$user.org_info;if(orgInfo){var _orgInfo$config,_orgInfo$brand_config,_orgInfo$config2;setChatbotConfig({brand_color:(orgInfo==null?void 0:(_orgInfo$config=orgInfo.config)==null?void 0:_orgInfo$config.brand_colour)||"#007AFF",image_url:(orgInfo==null?void 0:(_orgInfo$brand_config=orgInfo.brand_config)==null?void 0:_orgInfo$brand_config.launcher_logo_url)||"",welcome_message:(orgInfo==null?void 0:(_orgInfo$config2=orgInfo.config)==null?void 0:_orgInfo$config2.welcome_message)||""});}}catch(error){console.error("Error fetching chatbot configuration:",error);}finally{setLoading(false);}});return function fetchChatbotConfig(){return _ref2.apply(this,arguments);};}();if(api_key&&user_id){fetchChatbotConfig();}},[api_key,user_id,user_token,stableAdditionalParams]);function constructUrl(){if(!user_id)return"";var params=new URLSearchParams(Object.assign({id:api_key,user_id:user_id},additional_params));return _constants.BASE_CHATBOT_URL+"?"+params.toString();}var openWebView=function openWebView(){setIsWebViewVisible(true);if(enableAnimation){_reactNative.Animated.timing(fadeAnim,{toValue:1,duration:250,useNativeDriver:true}).start(function(){onOpen==null?void 0:onOpen();if(!isFirstLoadRef.current){setTimeout(triggerAppInit,100);}});}else{fadeAnim.setValue(1);requestAnimationFrame(function(){onOpen==null?void 0:onOpen();if(!isFirstLoadRef.current){setTimeout(triggerAppInit,100);}});}};var closeWebView=function closeWebView(){if(webViewRef.current){console.log("closeWebView");webViewRef.current.postMessage(JSON.stringify({name:"closeFrame",domain:"app-domain.com"}));}var complete=function complete(){setIsWebViewVisible(false);onClose==null?void 0:onClose();};if(enableAnimation){_reactNative.Animated.timing(fadeAnim,{toValue:0,duration:200,useNativeDriver:true}).start(complete);}else{fadeAnim.setValue(0);requestAnimationFrame(complete);}};var handleMessage=function handleMessage(event){var data=event.nativeEvent.data;try{var parsedData=JSON.parse(data);if(parsedData.type==="APP_READY"){console.log("APP_READY",webViewRef.current&&isWebViewVisible);if(webViewRef.current&&isWebViewVisible){webViewRef.current.injectJavaScript("\n            window.postMessage("+JSON.stringify({name:"openFrame",domain:"app-domain.com"})+", '*');\n            window.postMessage("+JSON.stringify({name:"registerUserId",action:"registerUserId",domain:"app-domain.com",data:{userId:""+user_id,token:""+user_token}})+", '*');\n          ");}}if(typeof parsedData!=="object"||!parsedData.type){console.warn("Invalid message structure");return;}switch(parsedData.type){case"close_chatbot":closeWebView();break;default:if(onMessage)onMessage(parsedData);}}catch(error){console.error("Failed to parse or process WebView message:",error);}};var getScreenDimensions=function getScreenDimensions(){var windowHeight=_reactNative.Dimensions.get("window").height;var windowWidth=_reactNative.Dimensions.get("window").width;var statusBarHeight=_reactNative.Platform.OS==="ios"?0:_reactNative.StatusBar.currentHeight||0;return{height:windowHeight-statusBarHeight,width:windowWidth};};var screenDimensions=getScreenDimensions();return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.mainContainer,children:!loading&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[show_floating_button&&api_key&&chatbotConfig&&(0,_jsxRuntime.jsx)(_FloatingButton.default,{onPress:openWebView,brandColor:chatbotConfig.brand_color,imageUrl:chatbotConfig.image_url}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.webViewWrapper,{height:isWebViewVisible?"100%":0}],pointerEvents:isWebViewVisible?"auto":"none",children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[isFullScreen?styles.fullScreenContainer:styles.inlineContainer,{opacity:fadeAnim}],children:(0,_jsxRuntime.jsx)(_reactNativeWebview.WebView,{ref:webViewRef,source:{uri:webViewUrl},onMessage:handleMessage,style:styles.webview,containerStyle:isFullScreen?{width:screenDimensions.width,height:screenDimensions.height}:undefined,allowsInlineMediaPlayback:true,mediaPlaybackRequiresUserAction:false,allowFileAccess:false,geolocationEnabled:false,javaScriptEnabled:true,domStorageEnabled:true,cacheEnabled:true,scrollEnabled:true,bounces:false,onShouldStartLoadWithRequest:function onShouldStartLoadWithRequest(request){return request.url.startsWith(_constants.BASE_CHATBOT_URL);},startInLoadingState:isFirstLoadRef.current,onLoadEnd:function onLoadEnd(){var _webViewRef$current;(_webViewRef$current=webViewRef.current)==null?void 0:_webViewRef$current.injectJavaScript("\n  if (!document.querySelector('meta[name=\"viewport\"]')) {\n    var meta = document.createElement('meta');\n    meta.name = 'viewport';\n    meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';\n    document.getElementsByTagName('head')[0].appendChild(meta);\n  }\n\n  if (!document.querySelector('#injectedStyle')) {\n    const style = document.createElement('style');\n    style.id = 'injectedStyle';\n    style.textContent = `\n      html, body, #root, #__next {\n        height: 100% !important;\n        min-height: 100% !important;\n        overflow: hidden !important;\n      }\n    `;\n    document.head.appendChild(style);\n  }\n\n  window.sendToChatbot = function(message) {\n    window.ReactNativeWebView.postMessage(JSON.stringify(message));\n  };\n\n  var closeButton = document.querySelector('.chatbot-close-button');\n  if (closeButton) {\n    closeButton.addEventListener('click', () => {\n      window.sendToChatbot({ type: 'close_chatbot' });\n    });\n  }\n  \n  true;\n");isFirstLoadRef.current=false;},onError:function onError(syntheticEvent){var nativeEvent=syntheticEvent.nativeEvent;console.warn("WebView error:",nativeEvent);}})})})]})});};var styles=_reactNative.StyleSheet.create({mainContainer:{flex:1,position:"relative"},webViewWrapper:{position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"hidden",zIndex:1000},fullScreenContainer:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"white",zIndex:1000},inlineContainer:{flex:1,backgroundColor:"white"},webview:{flex:1,backgroundColor:"white"}});var _default=exports.default=ChatbotSDK;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeWebview = require("react-native-webview");
+var _FloatingButton = _interopRequireDefault(require("./FloatingButton"));
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ChatbotSDK = ({
+  api_key,
+  user_id,
+  user_token,
+  additional_params = {},
+  show_floating_button = true,
+  onMessage,
+  isFullScreen = true,
+  enableAnimation = true,
+  onOpen,
+  onClose
+}) => {
+  const [isWebViewVisible, setIsWebViewVisible] = (0, _react.useState)(false);
+  const [chatbotConfig, setChatbotConfig] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const webViewRef = (0, _react.useRef)(null);
+  const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const isFirstLoadRef = (0, _react.useRef)(true);
+  const webViewUrl = (0, _react.useMemo)(() => constructUrl(), [api_key, user_id, additional_params]);
+  const stableAdditionalParams = (0, _react.useMemo)(() => additional_params, [JSON.stringify(additional_params)]);
+  const triggerAppInit = () => {
+    if (webViewRef.current) {
+      webViewRef.current.injectJavaScript(`
+        // Trigger APP_READY equivalent
+        window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'APP_READY' }));
+        true;
+      `);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    const fetchChatbotConfig = async () => {
+      try {
+        var _data$user;
+        const endpointUrl = `https://stage-api.robylon.ai/users/auth/copilot/`;
+        const payload = {
+          client_user_id: user_id,
+          org_id: api_key,
+          token: user_token,
+          extra_info: stableAdditionalParams
+        };
+        const response = await fetch(endpointUrl, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(payload)
+        });
+        if (!response.ok) {
+          throw new Error("Failed to fetch chatbot configuration");
+        }
+        const data = await response.json();
+        const orgInfo = data === null || data === void 0 || (_data$user = data.user) === null || _data$user === void 0 ? void 0 : _data$user.org_info;
+        if (orgInfo) {
+          var _orgInfo$config, _orgInfo$brand_config, _orgInfo$config2;
+          setChatbotConfig({
+            brand_color: (orgInfo === null || orgInfo === void 0 || (_orgInfo$config = orgInfo.config) === null || _orgInfo$config === void 0 ? void 0 : _orgInfo$config.brand_colour) || "#007AFF",
+            image_url: (orgInfo === null || orgInfo === void 0 || (_orgInfo$brand_config = orgInfo.brand_config) === null || _orgInfo$brand_config === void 0 ? void 0 : _orgInfo$brand_config.launcher_logo_url) || "",
+            welcome_message: (orgInfo === null || orgInfo === void 0 || (_orgInfo$config2 = orgInfo.config) === null || _orgInfo$config2 === void 0 ? void 0 : _orgInfo$config2.welcome_message) || ""
+          });
+        }
+      } catch (error) {
+        console.error("Error fetching chatbot configuration:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    if (api_key && user_id) {
+      fetchChatbotConfig();
+    }
+  }, [api_key, user_id, user_token, stableAdditionalParams]);
+  function constructUrl() {
+    if (!user_id) return "";
+    const params = new URLSearchParams({
+      id: api_key,
+      user_id,
+      ...additional_params
+    });
+    return `${_constants.BASE_CHATBOT_URL}?${params.toString()}`;
+  }
+  const openWebView = () => {
+    setIsWebViewVisible(true);
+    if (enableAnimation) {
+      _reactNative.Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: 250,
+        useNativeDriver: true
+      }).start(() => {
+        onOpen === null || onOpen === void 0 || onOpen();
+        if (!isFirstLoadRef.current) {
+          // If not first load, manually trigger initialization
+          setTimeout(triggerAppInit, 100);
+        }
+      });
+    } else {
+      fadeAnim.setValue(1);
+      requestAnimationFrame(() => {
+        onOpen === null || onOpen === void 0 || onOpen();
+        if (!isFirstLoadRef.current) {
+          setTimeout(triggerAppInit, 100);
+        }
+      });
+    }
+  };
+  const closeWebView = () => {
+    if (webViewRef.current) {
+      console.log("closeWebView");
+      webViewRef.current.postMessage(JSON.stringify({
+        name: "closeFrame",
+        domain: "app-domain.com"
+      }));
+    }
+    const complete = () => {
+      setIsWebViewVisible(false);
+      onClose === null || onClose === void 0 || onClose();
+    };
+    if (enableAnimation) {
+      _reactNative.Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 200,
+        useNativeDriver: true
+      }).start(complete);
+    } else {
+      fadeAnim.setValue(0);
+      requestAnimationFrame(complete);
+    }
+  };
+  const handleMessage = event => {
+    const {
+      data
+    } = event.nativeEvent;
+    try {
+      const parsedData = JSON.parse(data);
+      if (parsedData.type === "APP_READY") {
+        console.log("APP_READY", webViewRef.current && isWebViewVisible);
+        if (webViewRef.current && isWebViewVisible) {
+          webViewRef.current.injectJavaScript(`
+            window.postMessage(${JSON.stringify({
+            name: "openFrame",
+            domain: "app-domain.com"
+          })}, '*');
+            window.postMessage(${JSON.stringify({
+            name: "registerUserId",
+            action: "registerUserId",
+            domain: "app-domain.com",
+            data: {
+              userId: `${user_id}`,
+              token: `${user_token}`
+            }
+          })}, '*');
+          `);
+        }
+      }
+      if (typeof parsedData !== "object" || !parsedData.type) {
+        console.warn("Invalid message structure");
+        return;
+      }
+      switch (parsedData.type) {
+        case "close_chatbot":
+          closeWebView();
+          break;
+        default:
+          if (onMessage) onMessage(parsedData);
+      }
+    } catch (error) {
+      console.error("Failed to parse or process WebView message:", error);
+    }
+  };
+  const getScreenDimensions = () => {
+    const windowHeight = _reactNative.Dimensions.get("window").height;
+    const windowWidth = _reactNative.Dimensions.get("window").width;
+    const statusBarHeight = _reactNative.Platform.OS === "ios" ? 0 : _reactNative.StatusBar.currentHeight || 0;
+    return {
+      height: windowHeight - statusBarHeight,
+      width: windowWidth
+    };
+  };
+  const screenDimensions = getScreenDimensions();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.mainContainer
+  }, !loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show_floating_button && api_key && chatbotConfig && /*#__PURE__*/_react.default.createElement(_FloatingButton.default, {
+    onPress: openWebView,
+    brandColor: chatbotConfig.brand_color,
+    imageUrl: chatbotConfig.image_url
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.webViewWrapper, {
+      height: isWebViewVisible ? "100%" : 0
+    }],
+    pointerEvents: isWebViewVisible ? "auto" : "none"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [isFullScreen ? styles.fullScreenContainer : styles.inlineContainer, {
+      opacity: fadeAnim
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
+    ref: webViewRef,
+    source: {
+      uri: webViewUrl
+    },
+    onMessage: handleMessage,
+    style: styles.webview,
+    containerStyle: isFullScreen ? {
+      width: screenDimensions.width,
+      height: screenDimensions.height
+    } : undefined,
+    allowsInlineMediaPlayback: true,
+    mediaPlaybackRequiresUserAction: false,
+    allowFileAccess: false,
+    geolocationEnabled: false,
+    javaScriptEnabled: true,
+    domStorageEnabled: true,
+    cacheEnabled: true,
+    scrollEnabled: true,
+    bounces: false,
+    onShouldStartLoadWithRequest: request => {
+      return request.url.startsWith(_constants.BASE_CHATBOT_URL);
+    },
+    startInLoadingState: isFirstLoadRef.current,
+    onLoadEnd: () => {
+      var _webViewRef$current;
+      (_webViewRef$current = webViewRef.current) === null || _webViewRef$current === void 0 || _webViewRef$current.injectJavaScript(`
+  if (!document.querySelector('meta[name="viewport"]')) {
+    var meta = document.createElement('meta');
+    meta.name = 'viewport';
+    meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
+    document.getElementsByTagName('head')[0].appendChild(meta);
+  }
+
+  if (!document.querySelector('#injectedStyle')) {
+    const style = document.createElement('style');
+    style.id = 'injectedStyle';
+    style.textContent = \`
+      html, body, #root, #__next {
+        height: 100% !important;
+        min-height: 100% !important;
+        overflow: hidden !important;
+      }
+    \`;
+    document.head.appendChild(style);
+  }
+
+  window.sendToChatbot = function(message) {
+    window.ReactNativeWebView.postMessage(JSON.stringify(message));
+  };
+
+  var closeButton = document.querySelector('.chatbot-close-button');
+  if (closeButton) {
+    closeButton.addEventListener('click', () => {
+      window.sendToChatbot({ type: 'close_chatbot' });
+    });
+  }
+  
+  true;
+`);
+      isFirstLoadRef.current = false;
+    },
+    onError: syntheticEvent => {
+      const {
+        nativeEvent
+      } = syntheticEvent;
+      console.warn("WebView error:", nativeEvent);
+    }
+  })))));
+};
+const styles = _reactNative.StyleSheet.create({
+  mainContainer: {
+    flex: 1,
+    position: "relative"
+  },
+  webViewWrapper: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    overflow: "hidden",
+    zIndex: 1000
+  },
+  fullScreenContainer: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "white",
+    zIndex: 1000
+  },
+  inlineContainer: {
+    flex: 1,
+    backgroundColor: "white"
+  },
+  webview: {
+    flex: 1,
+    backgroundColor: "white"
+  }
+});
+var _default = exports.default = ChatbotSDK;
 //# sourceMappingURL=Chatbotsdk.js.map