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

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/lib/commonjs/FloatingButton.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/jobinabraham/Developer/personal/robylon-react-native-sdk/src/FloatingButton.tsx";var FloatingButton=function FloatingButton(_ref){var onPress=_ref.onPress,_ref$brandColor=_ref.brandColor,brandColor=_ref$brandColor===void 0?"#007AFF":_ref$brandColor,imageUrl=_ref.imageUrl;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.button,{backgroundColor:brandColor}],onPress:onPress,children:imageUrl?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:imageUrl},style:styles.buttonImage}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonText,children:"Chat"})});};var styles=_reactNative.StyleSheet.create({button:{position:"absolute",bottom:20,right:20,borderRadius:24,width:48,height:48,justifyContent:"center",alignItems:"center",elevation:5,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:0.25,shadowRadius:3.84},buttonText:{color:"white",fontSize:16,fontWeight:"bold"},buttonImage:{width:48,height:48,borderRadius:24}});var _default=exports.default=FloatingButton;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/jobinabraham/Developer/personal/robylon-react-native-sdk/src/FloatingButton.tsx";var FloatingButton=function FloatingButton(_ref){var onPress=_ref.onPress,_ref$brandColor=_ref.brandColor,brandColor=_ref$brandColor===void 0?"#007AFF":_ref$brandColor,imageUrl=_ref.imageUrl;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.button,{backgroundColor:brandColor}],onPress:onPress,children:imageUrl?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:imageUrl},style:styles.buttonImage}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonText,children:"Chat"})});};var styles=_reactNative.StyleSheet.create({button:{position:"absolute",bottom:20,right:20,borderRadius:30,width:60,height:60,justifyContent:"center",alignItems:"center",elevation:5,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:0.25,shadowRadius:3.84},buttonText:{color:"white",fontSize:16,fontWeight:"bold"},buttonImage:{width:40,height:40,borderRadius:20}});var _default=exports.default=FloatingButton;
 //# sourceMappingURL=FloatingButton.js.map

package/lib/commonjs/constants.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.BASE_CHATBOT_URL=void 0;var BASE_CHATBOT_DOMAIN=process&&process.env&&process.env.CHATBOT_DOMAIN||"http://172.16.1.79:5174"||"";var CHATBOT_PATH=process&&process.env&&process.env.CHATBOT_PATH||"chatbot-plugin"||"";var BASE_CHATBOT_URL=exports.BASE_CHATBOT_URL=BASE_CHATBOT_DOMAIN+"/"+CHATBOT_PATH;
+Object.defineProperty(exports,"__esModule",{value:true});exports.BASE_CHATBOT_URL=void 0;var BASE_CHATBOT_DOMAIN=process&&process.env&&process.env.CHATBOT_DOMAIN||"http://172.16.1.14:5174"||"";var CHATBOT_PATH=process&&process.env&&process.env.CHATBOT_PATH||"chatbot-plugin"||"";var BASE_CHATBOT_URL=exports.BASE_CHATBOT_URL=BASE_CHATBOT_DOMAIN+"/"+CHATBOT_PATH;
 //# sourceMappingURL=constants.js.map

package/lib/module/FloatingButton.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/jobinabraham/Developer/personal/robylon-react-native-sdk/src/FloatingButton.tsx";var FloatingButton=function FloatingButton(_ref){var onPress=_ref.onPress,_ref$brandColor=_ref.brandColor,brandColor=_ref$brandColor===void 0?"#007AFF":_ref$brandColor,imageUrl=_ref.imageUrl;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.button,{backgroundColor:brandColor}],onPress:onPress,children:imageUrl?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:imageUrl},style:styles.buttonImage}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonText,children:"Chat"})});};var styles=_reactNative.StyleSheet.create({button:{position:"absolute",bottom:20,right:20,borderRadius:24,width:48,height:48,justifyContent:"center",alignItems:"center",elevation:5,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:0.25,shadowRadius:3.84},buttonText:{color:"white",fontSize:16,fontWeight:"bold"},buttonImage:{width:48,height:48,borderRadius:24}});var _default=exports.default=FloatingButton;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/jobinabraham/Developer/personal/robylon-react-native-sdk/src/FloatingButton.tsx";var FloatingButton=function FloatingButton(_ref){var onPress=_ref.onPress,_ref$brandColor=_ref.brandColor,brandColor=_ref$brandColor===void 0?"#007AFF":_ref$brandColor,imageUrl=_ref.imageUrl;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.button,{backgroundColor:brandColor}],onPress:onPress,children:imageUrl?(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:imageUrl},style:styles.buttonImage}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonText,children:"Chat"})});};var styles=_reactNative.StyleSheet.create({button:{position:"absolute",bottom:20,right:20,borderRadius:30,width:60,height:60,justifyContent:"center",alignItems:"center",elevation:5,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:0.25,shadowRadius:3.84},buttonText:{color:"white",fontSize:16,fontWeight:"bold"},buttonImage:{width:40,height:40,borderRadius:20}});var _default=exports.default=FloatingButton;
 //# sourceMappingURL=FloatingButton.js.map

package/lib/module/constants.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.BASE_CHATBOT_URL=void 0;var BASE_CHATBOT_DOMAIN=process&&process.env&&process.env.CHATBOT_DOMAIN||"http://172.16.1.79:5174"||"";var CHATBOT_PATH=process&&process.env&&process.env.CHATBOT_PATH||"chatbot-plugin"||"";var BASE_CHATBOT_URL=exports.BASE_CHATBOT_URL=BASE_CHATBOT_DOMAIN+"/"+CHATBOT_PATH;
+Object.defineProperty(exports,"__esModule",{value:true});exports.BASE_CHATBOT_URL=void 0;var BASE_CHATBOT_DOMAIN=process&&process.env&&process.env.CHATBOT_DOMAIN||"http://172.16.1.14:5174"||"";var CHATBOT_PATH=process&&process.env&&process.env.CHATBOT_PATH||"chatbot-plugin"||"";var BASE_CHATBOT_URL=exports.BASE_CHATBOT_URL=BASE_CHATBOT_DOMAIN+"/"+CHATBOT_PATH;
 //# sourceMappingURL=constants.js.map

package/lib/module/openChatbot.js

@@ -1,3 +1,2 @@
-
-//# sourceMappingURL=openChatbot.js.mape",{value:true});exports.openChatbot=void 0;var _reactNative=require("react-native");var _constants=require("./constants");var openChatbot=exports.openChatbot=function openChatbot(chatbotId){var additionalParams=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var params=new URLSearchParams(Object.assign({id:chatbotId},additionalParams));var url=_constants.BASE_CHATBOT_URL+"?"+params.toString();_reactNative.Linking.openURL(url);};
+Object.defineProperty(exports,"__esModule",{value:true});exports.openChatbot=void 0;var _reactNative=require("react-native");var _constants=require("./constants");var openChatbot=exports.openChatbot=function openChatbot(chatbotId){var additionalParams=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var params=new URLSearchParams(Object.assign({id:chatbotId},additionalParams));var url=_constants.BASE_CHATBOT_URL+"?"+params.toString();_reactNative.Linking.openURL(url);};
 //# sourceMappingURL=openChatbot.js.map

package/lib/module/openChatbot.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["openChatbot.tsx"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_constants","openChatbot","exports","chatbotId","additionalParams","arguments","length","undefined","params","URLSearchParams","Object","assign","id","url","BASE_CHATBOT_URL","toString","Linking","openURL"],"sourceRoot":"../../src","sources":["openChatbot.ts"],"mappings":"oFAAA,IAAAA,YAAA,CAAAC,OAAA,iBACA,IAAAC,UAAA,CAAAD,OAAA,gBAEO,GAAM,CAAAE,WAAW,CAAAC,OAAA,CAAAD,WAAA,CAAG,QAAd,CAAAA,WAAWA,CACtBE,SAAiB,CAER,IADT,CAAAC,gBAAwC,CAAAC,SAAA,CAAAC,MAAA,IAAAD,SAAA,MAAAE,SAAA,CAAAF,SAAA,IAAG,CAAC,CAAC,CAE7C,GAAM,CAAAG,MAAM,CAAG,GAAI,CAAAC,eAAe,CAAAC,MAAA,CAAAC,MAAA,EAAGC,EAAE,CAAET,SAAS,EAAKC,gBAAgB,CAAE,CAAC,CAC1E,GAAM,CAAAS,GAAG,CAAMC,2BAAgB,KAAIN,MAAM,CAACO,QAAQ,CAAC,CAAG,CACtDC,oBAAO,CAACC,OAAO,CAACJ,GAAG,CAAC,CACtB,CAAC","ignoreList":[]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@robylon/react-native-sdk",
-  "version": "1.10.1-staging.11",
+  "version": "1.10.1-staging.4",
   "description": "React Native SDK for Robylon",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
-  "react-native": "lib/commonjs/index.js",
+  "react-native": "src/index.tsx",
   "source": "src/index.tsx",
   "scripts": {
     "prepare": "bob build",

package/src/FloatingButton.tsx

@@ -31,9 +31,9 @@ const styles = StyleSheet.create({
     position: "absolute",
     bottom: 20,
     right: 20,
-    borderRadius: 24,
-    width: 48,
-    height: 48,
+    borderRadius: 30,
+    width: 60,
+    height: 60,
     justifyContent: "center",
     alignItems: "center",
     elevation: 5,
@@ -48,9 +48,9 @@ const styles = StyleSheet.create({
     fontWeight: "bold",
   },
   buttonImage: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
   },
 });