@robylon/react-native-sdk 2.0.22-dev.0 → 2.0.22-staging.0

package/src/utils/webViewStorage.ts

@@ -0,0 +1,62 @@
+import { logger } from "./logger";
+
+export enum StorageMessageType {
+  GET_STORAGE = "GET_STORAGE",
+  SET_STORAGE = "SET_STORAGE",
+  STORAGE_READY = "STORAGE_READY",
+  STORAGE_ERROR = "STORAGE_ERROR",
+  STORAGE_RESPONSE = "STORAGE_RESPONSE",
+}
+
+export interface StorageMessage {
+  type: StorageMessageType;
+  key?: string;
+  value?: string;
+  error?: string;
+}
+
+export const getStorageScript = () => `
+  window.handleStorageOperation = function(message) {
+    try {
+      switch(message.type) {
+        case '${StorageMessageType.GET_STORAGE}':
+          const value = localStorage.getItem(message.key);
+          window.ReactNativeWebView.postMessage(JSON.stringify({
+            type: '${StorageMessageType.STORAGE_RESPONSE}',
+            key: message.key,
+            value: value
+          }));
+          break;
+        case '${StorageMessageType.SET_STORAGE}':
+          localStorage.setItem(message.key, message.value);
+          window.ReactNativeWebView.postMessage(JSON.stringify({
+            type: '${StorageMessageType.STORAGE_RESPONSE}',
+            key: message.key,
+            value: message.value
+          }));
+          break;
+      }
+    } catch (error) {
+      window.ReactNativeWebView.postMessage(JSON.stringify({
+        type: '${StorageMessageType.STORAGE_ERROR}',
+        error: error.message
+      }));
+    }
+  };
+
+  window.ReactNativeWebView.postMessage(JSON.stringify({
+    type: '${StorageMessageType.STORAGE_READY}'
+  }));
+`;
+
+export const createStorageMessage = (
+  type: StorageMessageType,
+  key?: string,
+  value?: string
+): string => {
+  return `window.handleStorageOperation(${JSON.stringify({
+    type,
+    key,
+    value,
+  })});`;
+};

package/src/version.ts

@@ -0,0 +1,2 @@
+// This file is auto-generated. Do not modify it manually.
+export { SDK_VERSION } from './versions/version.staging';

package/src/versions/version.dev.ts

@@ -0,0 +1,2 @@
+// This file is auto-generated. Do not modify it manually.
+export const SDK_VERSION = '2.0.22-dev.0';

package/src/versions/version.production.ts

@@ -0,0 +1,2 @@
+// This file is auto-generated. Do not modify it manually.
+export const SDK_VERSION = "0.0.0";

package/src/versions/version.staging.ts

@@ -0,0 +1,2 @@
+// This file is auto-generated. Do not modify it manually.
+export const SDK_VERSION = '2.0.22-staging.0';

package/tsconfig.build.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "declaration": true,
+    "outDir": "./lib/typescript"
+  },
+  "exclude": [
+    "**/__tests__",
+    "**/__mocks__",
+    "**/__fixtures__",
+    "node_modules",
+    "babel.config.js",
+    "metro.config.js",
+    "jest.config.js"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "lib": ["esnext"],
+    "jsx": "react-native",
+    "strict": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "types": ["react-native", "node"]
+  },
+  "exclude": [
+    "node_modules",
+    "babel.config.js",
+    "metro.config.js",
+    "jest.config.js"
+  ]
+}

package/usage/react-native-ios-docs.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.