@robylon/react-native-sdk 1.10.1-staging.0 → 1.10.1-staging.1

package/.npmignore.production

@@ -0,0 +1,7 @@
+# .npmignore.production
+src/
+__tests__/
+__fixtures__/
+__mocks__/
+.env*
+*.log

package/.npmignore.staging

@@ -0,0 +1,6 @@
+# .npmignore.staging
+__tests__/
+__fixtures__/
+__mocks__/
+.env*
+*.log

package/.release-it.json

@@ -0,0 +1,17 @@
+{
+  "git": {
+    "commitMessage": "chore: release ",
+    "tagName": "v"
+  },
+  "npm": {
+    "publish": true
+  },
+  "github": {
+    "release": true
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "angular"
+    }
+  }
+}

package/lib/commonjs/openChatbot.js

@@ -1,6 +1,5 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
+//# sourceMappingURL=openChatbot.js.mapdule", {
   value: true
 });
 exports.openChatbot = void 0;

package/lib/commonjs/openChatbot.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_constants","openChatbot","chatbotId","additionalParams","params","URLSearchParams","id","url","BASE_CHATBOT_URL","toString","Linking","openURL","exports"],"sourceRoot":"../../src","sources":["openChatbot.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAGA,CACzBC,SAAiB,EACjBC,gBAAwC,GAAG,CAAC,CAAC,KACpC;EACT,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAAC;IAAEC,EAAE,EAAEJ,SAAS;IAAE,GAAGC;EAAiB,CAAC,CAAC;EAC1E,MAAMI,GAAG,GAAG,GAAGC,2BAAgB,IAAIJ,MAAM,CAACK,QAAQ,CAAC,CAAC,EAAE;EACtDC,oBAAO,CAACC,OAAO,CAACJ,GAAG,CAAC;AACtB,CAAC;AAACK,OAAA,CAAAX,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["openChatbot.tsx"],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,18 +1,12 @@
 {
   "name": "@robylon/react-native-sdk",
-  "version": "1.10.1-staging.0",
+  "version": "1.10.1-staging.1",
   "description": "React Native SDK for Robylon",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
   "react-native": "src/index.tsx",
   "source": "src/index.tsx",
-  "files": [
-    "lib",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__"
-  ],
   "scripts": {
     "prepare": "bob build",
     "build": "bob build",

package/package.json.backup

@@ -0,0 +1,407 @@
+{
+ "name": "@robylon/robylon-react-native-sdk",
+  "version": "1.6.0",
+  "description": "React Native SDK for Robylon",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index.tsx",
+  "source": "src/index.tsx",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "prepare": "bob build",
+    "build": "bob build",
+    "clean": "del lib"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-webview": "^13.12.2"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-native": "^0.70.0",
+    "react": "^18.0.0",
+    "react-native": "^0.70.0",
+    "react-native-builder-bob": "^0.20.0",
+    "typescript": "^4.5.2"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "tsc": "./node_modules/.bin/tsc"
+        }
+      ]
+    ]
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "dependencies": {
+    "accepts": "^1.3.8",
+    "anser": "^1.4.10",
+    "abort-controller": "^3.0.0",
+    "aggregate-error": "^3.1.0",
+    "ansi-regex": "^5.0.1",
+    "anymatch": "^3.1.3",
+    "ansi-fragments": "^0.2.1",
+    "absolute-path": "^0.0.0",
+    "array-union": "^2.1.0",
+    "ansi-styles": "^4.3.0",
+    "asap": "^2.0.6",
+    "ast-types": "^0.15.2",
+    "astral-regex": "^1.0.0",
+    "async-limiter": "^1.0.1",
+    "babel-plugin-polyfill-corejs3": "^0.10.6",
+    "babel-plugin-polyfill-regenerator": "^0.6.2",
+    "appdirsjs": "^1.2.7",
+    "babel-plugin-polyfill-corejs2": "^0.4.11",
+    "async": "^3.2.6",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-preset-fbjs": "^3.4.0",
+    "balanced-match": "^1.0.2",
+    "babel-plugin-syntax-trailing-function-commas": "^7.0.0-beta.0",
+    "base64-js": "^1.5.1",
+    "braces": "^3.0.3",
+    "brace-expansion": "^1.1.11",
+    "buffer-from": "^1.1.2",
+    "browserslist": "^4.24.0",
+    "buffer": "^5.7.1",
+    "bser": "^2.1.1",
+    "callsites": "^3.1.0",
+    "bytes": "^3.0.0",
+    "caller-path": "^2.0.0",
+    "chalk": "^4.1.2",
+    "bl": "^4.1.0",
+    "caniuse-lite": "^1.0.30001666",
+    "camelcase": "^6.3.0",
+    "cli-spinners": "^2.9.2",
+    "clone": "^1.0.4",
+    "cli-cursor": "^3.1.0",
+    "clone-deep": "^4.0.1",
+    "caller-callsite": "^2.0.0",
+    "color-convert": "^2.0.1",
+    "cliui": "^6.0.0",
+    "color-name": "^1.1.4",
+    "command-exists": "^1.2.9",
+    "colorette": "^1.4.0",
+    "compressible": "^2.0.18",
+    "commondir": "^1.0.1",
+    "commander": "^9.5.0",
+    "connect": "^3.7.0",
+    "concat-map": "^0.0.1",
+    "compression": "^1.7.4",
+    "core-util-is": "^1.0.3",
+    "core-js-compat": "^3.38.1",
+    "convert-source-map": "^2.0.0",
+    "cross-spawn": "^7.0.3",
+    "csstype": "^3.1.3",
+    "dayjs": "^1.11.13",
+    "dedent": "^0.7.0",
+    "deepmerge": "^3.3.0",
+    "decamelize": "^1.2.0",
+    "defaults": "^1.0.4",
+    "denodeify": "^1.2.1",
+    "del": "^6.1.1",
+    "dir-glob": "^3.0.1",
+    "depd": "^2.0.0",
+    "electron-to-chromium": "^1.5.31",
+    "destroy": "^1.2.0",
+    "ee-first": "^1.1.1",
+    "encodeurl": "^1.0.2",
+    "emoji-regex": "^8.0.0",
+    "end-of-stream": "^1.4.4",
+    "error-stack-parser": "^2.1.4",
+    "escalade": "^3.2.0",
+    "error-ex": "^1.3.2",
+    "errorhandler": "^1.5.1",
+    "escape-html": "^1.0.3",
+    "escape-string-regexp": "^4.0.0",
+    "envinfo": "^7.14.0",
+    "esutils": "^2.0.3",
+    "etag": "^1.8.1",
+    "event-target-shim": "^5.0.1",
+    "esprima": "^4.0.1",
+    "fast-glob": "^3.3.2",
+    "finalhandler": "^1.1.2",
+    "ci-info": "^3.9.0",
+    "fb-watchman": "^2.0.2",
+    "fastq": "^1.17.1",
+    "fill-range": "^7.1.1",
+    "flow-parser": "^0.121.0",
+    "fresh": "^0.5.2",
+    "find-up": "^4.1.0",
+    "fs.realpath": "^1.0.0",
+    "fsevents": "^2.3.3",
+    "gensync": "^1.0.0-beta.2",
+    "function-bind": "^1.1.2",
+    "fs-extra": "^8.1.0",
+    "glob-parent": "^5.1.2",
+    "glob": "^7.2.3",
+    "get-caller-file": "^2.0.5",
+    "graceful-fs": "^4.2.11",
+    "globby": "^11.1.0",
+    "find-cache-dir": "^2.1.0",
+    "has-flag": "^4.0.0",
+    "hasown": "^2.0.2",
+    "hermes-parser": "^0.8.0",
+    "globals": "^11.12.0",
+    "http-errors": "^2.0.0",
+    "ignore": "^5.3.2",
+    "hermes-estree": "^0.8.0",
+    "hermes-profile-transformer": "^0.0.6",
+    "image-size": "^0.6.3",
+    "imurmurhash": "^0.1.4",
+    "ieee754": "^1.2.1",
+    "import-fresh": "^3.3.0",
+    "inherits": "^2.0.4",
+    "indent-string": "^4.0.0",
+    "inflight": "^1.0.6",
+    "is-absolute": "^1.0.0",
+    "ip": "^1.1.9",
+    "is-arrayish": "^0.2.1",
+    "is-directory": "^0.3.1",
+    "invariant": "^2.2.4",
+    "is-core-module": "^2.15.1",
+    "is-git-dirty": "^2.0.2",
+    "is-extglob": "^2.1.1",
+    "is-glob": "^4.0.3",
+    "is-interactive": "^1.0.0",
+    "is-git-repository": "^2.0.0",
+    "is-fullwidth-code-point": "^2.0.0",
+    "is-path-cwd": "^2.2.0",
+    "is-number": "^7.0.0",
+    "is-plain-object": "^2.0.4",
+    "is-relative": "^1.0.0",
+    "is-path-inside": "^3.0.3",
+    "is-unicode-supported": "^0.1.0",
+    "is-unc-path": "^1.0.0",
+    "is-stream": "^2.0.1",
+    "is-windows": "^1.0.2",
+    "is-wsl": "^1.1.0",
+    "isarray": "^1.0.0",
+    "isexe": "^2.0.0",
+    "isobject": "^3.0.1",
+    "jest-regex-util": "^27.5.1",
+    "jest-serializer": "^27.5.1",
+    "jest-get-type": "^26.3.0",
+    "jest-worker": "^27.5.1",
+    "jetifier": "^2.0.0",
+    "joi": "^17.13.3",
+    "jest-validate": "^26.6.2",
+    "jscodeshift": "^0.14.0",
+    "jsesc": "^3.0.2",
+    "js-tokens": "^4.0.0",
+    "json-parse-better-errors": "^1.0.2",
+    "json-parse-even-better-errors": "^2.3.1",
+    "jsc-safe-url": "^0.2.4",
+    "kind-of": "^6.0.3",
+    "klaw": "^1.3.1",
+    "lines-and-columns": "^1.2.4",
+    "kleur": "^3.0.3",
+    "leven": "^3.1.0",
+    "locate-path": "^5.0.0",
+    "lodash.debounce": "^4.0.8",
+    "jsc-android": "^250230.2.1",
+    "lodash.throttle": "^4.1.1",
+    "log-symbols": "^4.1.0",
+    "json5": "^2.2.3",
+    "loose-envify": "^1.4.0",
+    "logkitty": "^0.7.1",
+    "lru-cache": "^5.1.1",
+    "makeerror": "^1.0.12",
+    "merge-stream": "^2.0.0",
+    "memoize-one": "^5.2.1",
+    "make-dir": "^2.1.0",
+    "merge2": "^1.4.1",
+    "metro": "^0.72.4",
+    "metro-babel-transformer": "^0.72.4",
+    "metro-cache-key": "^0.72.4",
+    "metro-config": "^0.72.4",
+    "metro-core": "^0.72.4",
+    "metro-file-map": "^0.72.4",
+    "jsonfile": "^4.0.0",
+    "metro-hermes-compiler": "^0.72.4",
+    "metro-inspector-proxy": "^0.72.4",
+    "metro-cache": "^0.72.4",
+    "metro-resolver": "^0.72.4",
+    "metro-runtime": "^0.72.4",
+    "metro-react-native-babel-transformer": "^0.72.4",
+    "metro-react-native-babel-preset": "^0.72.4",
+    "metro-minify-uglify": "^0.72.4",
+    "metro-source-map": "^0.72.4",
+    "metro-symbolicate": "^0.72.4",
+    "metro-transform-plugins": "^0.72.4",
+    "mime-types": "^2.1.35",
+    "mimic-fn": "^2.1.0",
+    "metro-transform-worker": "^0.72.4",
+    "minimatch": "^3.1.2",
+    "mkdirp": "^0.5.6",
+    "ms": "^2.1.3",
+    "mime": "^2.6.0",
+    "negotiator": "^0.6.3",
+    "neo-async": "^2.6.2",
+    "minimist": "^1.2.8",
+    "nice-try": "^1.0.5",
+    "jest-util": "^27.5.1",
+    "nocache": "^3.0.4",
+    "node-fetch": "^2.7.0",
+    "node-int64": "^0.4.0",
+    "node-dir": "^0.1.17",
+    "node-stream-zip": "^1.15.0",
+    "normalize-path": "^3.0.0",
+    "node-releases": "^2.0.18",
+    "ob1": "^0.72.4",
+    "nullthrows": "^1.1.1",
+    "npm-run-path": "^4.0.1",
+    "object-assign": "^4.1.1",
+    "on-finished": "^2.3.0",
+    "on-headers": "^1.0.2",
+    "once": "^1.4.0",
+    "onetime": "^5.1.2",
+    "os-tmpdir": "^1.0.2",
+    "open": "^6.4.0",
+    "p-limit": "^2.3.0",
+    "ora": "^5.4.1",
+    "p-finally": "^1.0.0",
+    "parent-module": "^1.0.1",
+    "p-try": "^2.2.0",
+    "p-map": "^4.0.0",
+    "p-locate": "^4.1.0",
+    "parse-json": "^5.2.0",
+    "parseurl": "^1.3.3",
+    "path-exists": "^4.0.0",
+    "path-parse": "^1.0.7",
+    "path-key": "^3.1.1",
+    "path-type": "^4.0.0",
+    "path-is-absolute": "^1.0.1",
+    "picomatch": "^2.3.1",
+    "pirates": "^4.0.6",
+    "picocolors": "^1.1.0",
+    "pkg-dir": "^3.0.0",
+    "micromatch": "^4.0.8",
+    "pretty-format": "^26.6.2",
+    "process-nextick-args": "^2.0.1",
+    "promise": "^8.3.0",
+    "pify": "^4.0.1",
+    "queue-microtask": "^1.2.3",
+    "pump": "^3.0.2",
+    "prompts": "^2.4.2",
+    "range-parser": "^1.2.1",
+    "react-devtools-core": "^4.27.7",
+    "react-is": "^17.0.2",
+    "react-native-gradle-plugin": "^0.70.3",
+    "react-native-codegen": "^0.70.7",
+    "react-refresh": "^0.4.3",
+    "react-shallow-renderer": "^16.15.0",
+    "react-native-webview": "^13.12.2",
+    "recast": "^0.21.5",
+    "regenerate-unicode-properties": "^10.2.0",
+    "readable-stream": "^3.6.2",
+    "regenerate": "^1.4.2",
+    "regenerator-runtime": "^0.13.11",
+    "regjsgen": "^0.8.0",
+    "regenerator-transform": "^0.15.2",
+    "readline": "^1.3.0",
+    "regjsparser": "^0.11.0",
+    "regexpu-core": "^6.1.1",
+    "require-main-filename": "^2.0.0",
+    "require-directory": "^2.1.1",
+    "restore-cursor": "^3.1.0",
+    "resolve": "^1.22.8",
+    "reusify": "^1.0.4",
+    "resolve-from": "^4.0.0",
+    "rimraf": "^3.0.2",
+    "safe-buffer": "^5.1.2",
+    "send": "^0.19.0",
+    "run-parallel": "^1.2.0",
+    "clean-stack": "^2.2.0",
+    "serialize-error": "^2.1.0",
+    "set-blocking": "^2.0.0",
+    "serve-static": "^1.16.2",
+    "debug": "^4.3.7",
+    "setprototypeof": "^1.2.0",
+    "shebang-regex": "^3.0.0",
+    "shebang-command": "^2.0.0",
+    "shallow-clone": "^3.0.1",
+    "slice-ansi": "^2.1.0",
+    "shell-quote": "^1.8.1",
+    "sisteransi": "^1.0.5",
+    "signal-exit": "^3.0.7",
+    "source-map-support": "^0.5.21",
+    "stackframe": "^1.3.4",
+    "stacktrace-parser": "^0.1.10",
+    "string-width": "^4.2.3",
+    "source-map": "^0.7.4",
+    "string_decoder": "^1.3.0",
+    "sprintf-js": "^1.0.3",
+    "strip-ansi": "^5.2.0",
+    "statuses": "^1.5.0",
+    "sudo-prompt": "^9.2.1",
+    "supports-preserve-symlinks-flag": "^1.0.0",
+    "strip-final-newline": "^2.0.0",
+    "temp": "^0.8.3",
+    "strip-eof": "^1.0.0",
+    "through2": "^2.0.5",
+    "mime-db": "^1.53.0",
+    "tmpl": "^1.0.5",
+    "throat": "^5.0.0",
+    "to-regex-range": "^5.0.1",
+    "tr46": "^0.0.3",
+    "supports-color": "^7.2.0",
+    "to-fast-properties": "^2.0.0",
+    "toidentifier": "^1.0.1",
+    "tslib": "^2.7.0",
+    "type-fest": "^0.7.1",
+    "undici-types": "^6.19.8",
+    "unicode-match-property-ecmascript": "^2.0.0",
+    "unicode-canonical-property-names-ecmascript": "^2.0.1",
+    "unicode-property-aliases-ecmascript": "^2.1.0",
+    "unicode-match-property-value-ecmascript": "^2.2.0",
+    "universalify": "^0.1.2",
+    "uglify-es": "^3.3.9",
+    "unc-path-regex": "^0.1.2",
+    "update-browserslist-db": "^1.1.1",
+    "vary": "^1.1.2",
+    "unpipe": "^1.0.0",
+    "utils-merge": "^1.0.1",
+    "util-deprecate": "^1.0.2",
+    "vlq": "^1.0.1",
+    "use-sync-external-store": "^1.2.2",
+    "walker": "^1.0.8",
+    "wcwidth": "^1.0.1",
+    "webidl-conversions": "^3.0.1",
+    "which": "^2.0.2",
+    "whatwg-fetch": "^3.6.20",
+    "wrappy": "^1.0.2",
+    "whatwg-url": "^5.0.0",
+    "wrap-ansi": "^6.2.0",
+    "write-file-atomic": "^2.4.3",
+    "which-module": "^2.0.1",
+    "xtend": "^4.0.2",
+    "ws": "^6.2.3",
+    "yallist": "^3.1.1",
+    "y18n": "^4.0.3",
+    "yargs": "^15.4.1",
+    "scheduler": "^0.22.0",
+    "yaml": "^1.10.2",
+    "slash": "^3.0.0",
+    "yargs-parser": "^21.1.1",
+    "yocto-queue": "^0.1.0"
+  },
+  "author": "",
+  "license": "ISC"
+}

package/react-native.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  dependencies: {
+    "react-native": {
+      platforms: {
+        android: null, // disable Android platform, other platforms will still autolink if provided
+        ios: null, // disable iOS platform, other platforms will still autolink if provided
+      },
+    },
+  },
+};

package/src/ChatbotWebview.tsx

@@ -0,0 +1,44 @@
+// File: src/ChatbotWebview.tsx
+import React, { useEffect, useState } from "react";
+import { View } from "react-native";
+import { WebView } from "react-native-webview";
+import { BASE_CHATBOT_URL } from "./constants";
+import LoadingIndicator from "./LoadingIndicator";
+
+interface ChatbotWebviewProps {
+  chatbotId: string;
+  additionalParams?: Record<string, string>;
+}
+
+const constructUrl = (
+  chatbotId: string,
+  additionalParams: Record<string, string> = {}
+): string => {
+  const params = new URLSearchParams({ id: chatbotId, ...additionalParams });
+  return `${BASE_CHATBOT_URL}?${params.toString()}`;
+};
+
+export const ChatbotWebview: React.FC<ChatbotWebviewProps> = ({
+  chatbotId,
+  additionalParams,
+}) => {
+  const [url, setUrl] = useState<string>("");
+
+  useEffect(() => {
+    setUrl(constructUrl(chatbotId, additionalParams));
+  }, [chatbotId, additionalParams]);
+
+  return (
+    <View style={{ flex: 1 }}>
+      {url ? (
+        <WebView
+          source={{ uri: url }}
+          startInLoadingState={true}
+          renderLoading={() => <LoadingIndicator />}
+        />
+      ) : (
+        <LoadingIndicator />
+      )}
+    </View>
+  );
+};

package/src/Chatbotsdk.tsx

@@ -0,0 +1,379 @@
+import React, { useState, useEffect, useRef, useMemo } from "react";
+import {
+  View,
+  StyleSheet,
+  Animated,
+  Dimensions,
+  Platform,
+  StatusBar,
+} from "react-native";
+import { WebView, WebViewMessageEvent } from "react-native-webview";
+import FloatingButton from "./FloatingButton";
+import { BASE_CHATBOT_URL } from "./constants";
+
+interface ChatbotSDKProps {
+  api_key: string;
+  user_id?: string;
+  user_token?: string;
+  additional_params?: Record<string, string>;
+  show_floating_button?: boolean;
+  onMessage?: (message: any) => void;
+  isFullScreen?: boolean;
+  enableAnimation?: boolean;
+  onOpen?: () => void;
+  onClose?: () => void;
+}
+
+interface ChatbotMessage {
+  type: string;
+  data?: any;
+}
+
+interface ChatbotConfig {
+  brand_color: string;
+  image_url: string;
+  welcome_message: string;
+}
+
+const ChatbotSDK: React.FC<ChatbotSDKProps> = ({
+  api_key,
+  user_id,
+  user_token,
+  additional_params = {},
+  show_floating_button = true,
+  onMessage,
+  isFullScreen = true,
+  enableAnimation = true,
+  onOpen,
+  onClose,
+}) => {
+  const [isWebViewVisible, setIsWebViewVisible] = useState(false);
+  const [chatbotConfig, setChatbotConfig] = useState<ChatbotConfig | null>(
+    null
+  );
+  const [loading, setLoading] = useState(true);
+  const webViewRef = useRef<WebView>(null);
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const isFirstLoadRef = useRef(true);
+  const webViewUrl = useMemo(
+    () => constructUrl(),
+    [api_key, user_id, additional_params]
+  );
+
+  const stableAdditionalParams = 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;
+      `);
+    }
+  };
+
+  useEffect(() => {
+    const fetchChatbotConfig = async () => {
+      try {
+        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?.user?.org_info;
+
+        if (orgInfo) {
+          setChatbotConfig({
+            brand_color: orgInfo?.config?.brand_colour || "#007AFF",
+            image_url: orgInfo?.brand_config?.launcher_logo_url || "",
+            welcome_message: orgInfo?.config?.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(): string {
+    if (!user_id) return "";
+    const params = new URLSearchParams({
+      id: api_key,
+      user_id,
+      ...additional_params,
+    });
+    return `${BASE_CHATBOT_URL}?${params.toString()}`;
+  }
+
+  const openWebView = () => {
+    setIsWebViewVisible(true);
+    if (enableAnimation) {
+      Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: 250,
+        useNativeDriver: true,
+      }).start(() => {
+        onOpen?.();
+        if (!isFirstLoadRef.current) {
+          // If not first load, manually trigger initialization
+          setTimeout(triggerAppInit, 100);
+        }
+      });
+    } else {
+      fadeAnim.setValue(1);
+      requestAnimationFrame(() => {
+        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?.();
+    };
+
+    if (enableAnimation) {
+      Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 200,
+        useNativeDriver: true,
+      }).start(complete);
+    } else {
+      fadeAnim.setValue(0);
+      requestAnimationFrame(complete);
+    }
+  };
+
+  const handleMessage = (event: WebViewMessageEvent) => {
+    const { data } = event.nativeEvent;
+
+    try {
+      const parsedData: ChatbotMessage = 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 = Dimensions.get("window").height;
+    const windowWidth = Dimensions.get("window").width;
+    const statusBarHeight =
+      Platform.OS === "ios" ? 0 : StatusBar.currentHeight || 0;
+
+    return {
+      height: windowHeight - statusBarHeight,
+      width: windowWidth,
+    };
+  };
+
+  const screenDimensions = getScreenDimensions();
+
+  return (
+    <View style={styles.mainContainer}>
+      {!loading && (
+        <>
+          {show_floating_button && api_key && chatbotConfig && (
+            <FloatingButton
+              onPress={openWebView}
+              brandColor={chatbotConfig.brand_color}
+              imageUrl={chatbotConfig.image_url}
+            />
+          )}
+          <View
+            style={[
+              styles.webViewWrapper,
+              { height: isWebViewVisible ? "100%" : 0 },
+            ]}
+            pointerEvents={isWebViewVisible ? "auto" : "none"}
+          >
+            <Animated.View
+              style={[
+                isFullScreen
+                  ? styles.fullScreenContainer
+                  : styles.inlineContainer,
+                { opacity: fadeAnim },
+              ]}
+            >
+              <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(BASE_CHATBOT_URL);
+                }}
+                startInLoadingState={isFirstLoadRef.current}
+                onLoadEnd={() => {
+                  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);
+                }}
+              />
+            </Animated.View>
+          </View>
+        </>
+      )}
+    </View>
+  );
+};
+
+const styles = 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",
+  },
+});
+
+export default ChatbotSDK;

package/src/FloatingButton.tsx

@@ -0,0 +1,57 @@
+import React from "react";
+import { TouchableOpacity, StyleSheet, Text, Image } from "react-native";
+
+interface FloatingButtonProps {
+  onPress: () => void;
+  brandColor?: string; // For dynamic branding
+  imageUrl?: string; // For brand logo or icon
+}
+
+const FloatingButton: React.FC<FloatingButtonProps> = ({
+  onPress,
+  brandColor = "#007AFF", // Default color
+  imageUrl,
+}) => {
+  return (
+    <TouchableOpacity
+      style={[styles.button, { backgroundColor: brandColor }]}
+      onPress={onPress}
+    >
+      {imageUrl ? (
+        <Image source={{ uri: imageUrl }} style={styles.buttonImage} />
+      ) : (
+        <Text style={styles.buttonText}>Chat</Text>
+      )}
+    </TouchableOpacity>
+  );
+};
+
+const styles = 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,
+  },
+});
+
+export default FloatingButton;

package/src/LoadingIndicator.tsx

@@ -0,0 +1,11 @@
+import React, { useEffect, useState } from "react";
+import { View, ActivityIndicator } from "react-native";
+import { WebView } from "react-native-webview";
+
+const LoadingIndicator: React.FC = () => (
+  <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+    <ActivityIndicator size="large" color="#0000ff" />
+  </View>
+);
+
+export default LoadingIndicator;

package/src/config.ts

@@ -0,0 +1,4 @@
+export const config = {
+  API_URL: process.env.API_URL || 'https://api.robylon.com',
+  DEBUG: process.env.DEBUG === 'true'
+};

package/src/constants.ts

@@ -0,0 +1,3 @@
+const BASE_CHATBOT_DOMAIN = process.env.CHATBOT_DOMAIN || "";
+const CHATBOT_PATH = process.env.CHATBOT_PATH || "";
+export const BASE_CHATBOT_URL = `${BASE_CHATBOT_DOMAIN}/${CHATBOT_PATH}`;

package/src/global.d.ts

@@ -0,0 +1,6 @@
+// declare module "react-native" {
+//   export const View: any;
+//   export const ActivityIndicator: any;
+//   export const Linking: any;
+//   // Add other React Native exports as needed
+// }

package/src/index.tsx

@@ -0,0 +1,2 @@
+export { default as ChatbotSDK } from "./Chatbotsdk";
+export { openChatbot } from "./openChatbot";

package/src/openChatbot.ts

@@ -0,0 +1,11 @@
+import { Linking } from "react-native";
+import { BASE_CHATBOT_URL } from "./constants";
+
+export const openChatbot = (
+  chatbotId: string,
+  additionalParams: Record<string, string> = {}
+): void => {
+  const params = new URLSearchParams({ id: chatbotId, ...additionalParams });
+  const url = `${BASE_CHATBOT_URL}?${params.toString()}`;
+  Linking.openURL(url);
+};

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"
+  ]
+}