@lorikeetai/react-native-sdk 1.0.0

package/README.md

@@ -0,0 +1,81 @@
+# @lorikeetai/react-native-sdk
+
+SDK containing embeddable React Native components that renders the LorikeetCX web widget inside a react-native-webview.
+
+## Installation
+
+```bash
+pnpm add @lorikeetai/react-native-sdk
+```
+
+## Basic Usage
+
+```tsx
+import { LorikeetWidgetView } from '@lorikeetai/react-native-sdk'
+
+export default function Screen() {
+  return (
+    <LorikeetWidgetView
+      publicKey="wk_xxx"
+      authToken="your-auth-token"
+      onWebViewMessage={(event) => console.log(event.nativeEvent.data)}
+    />
+  )
+}
+```
+
+**Props:**
+
+- `publicKey` (required): The public key for your Lorikeet account
+- `authToken` (required): Authentication token for the user
+- `baseUrl` (optional): Base URL for the Lorikeet API (defaults to `https://chat.lorikeetcx.ai`)
+- `customisations` (optional): Widget customization options from `@lorikeetai/web-sdk`
+- `styles` (optional): Style overrides for the header text
+- `onWebViewMessage` (optional): Handler for messages from the webview
+
+## Headless components
+
+You may use these if you want to compose the lorikeet widget itself. It comprises of 2 components - the widget view & header view - which are rolled up together in 'LorikeetWidgetView'.
+
+### LorikeetWidgetHeader
+
+Header component for the widget.
+
+```tsx
+<LorikeetWidgetHeader title='Testing' style={{ fontFamily: 'Inter' ... }} />
+```
+
+**Props:**
+
+- `title` (required): The title text to display
+- `style` (optional): Style for the header text
+
+### LorikeetWidgetWebView
+
+WebView component that handles the widget content.
+
+```tsx
+<LorikeetWidgetWebView
+  uri={url}
+  webviewProps={{
+      scalesPageToFit: true,
+      startInLoadingState: true,
+      style: ...
+  }}
+/>
+```
+
+**Props:**
+
+- `uri` (required): The URI that the web view will load
+- `baseUrl` (optional): Base URL for the Lorikeet API (defaults to `https://chat.lorikeetcx.ai`)
+- `webviewProps` (optional): Passed through to the webview component
+
+## Development
+
+- Build: `pnpm -w turbo build --filter=@lorikeetai/react-native-sdk`
+- Lint: `pnpm --filter=@lorikeetai/react-native-sdk lint`
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+var react = require('react');
+var lucideReactNative = require('lucide-react-native');
+var reactNative = require('react-native');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var reactNativeWebview = require('react-native-webview');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/client.ts
+var LorikeetClient = class {
+  constructor({ customisations, api_base, public_key }) {
+    __publicField(this, "baseUrl", "https://chat.lorikeetcx.ai");
+    // Fallback URL
+    __publicField(this, "customisations", null);
+    __publicField(this, "publicKey");
+    __publicField(this, "getWebviewUrl", ({
+      customer_email,
+      customer_name,
+      token,
+      ticket_id
+    }) => {
+      const url = new URL(this.baseUrl);
+      url.pathname = ticket_id ? `/tickets/${this.publicKey}/${ticket_id}` : "/widget";
+      url.searchParams.append("public_key", this.publicKey);
+      if (customer_email) {
+        url.searchParams.append("customer_email", customer_email);
+      }
+      if (customer_name) {
+        url.searchParams.append("customer_name", customer_name);
+      }
+      url.searchParams.append("token", token);
+      if (this.customisations) {
+        url.searchParams.append(
+          "customisations",
+          btoa(JSON.stringify(this.customisations))
+        );
+      }
+      return url.toString();
+    });
+    if (api_base) {
+      this.baseUrl = api_base;
+    }
+    this.publicKey = public_key;
+    if (customisations) {
+      this.customisations = customisations;
+    }
+  }
+};
+var stylesheet = reactNative.StyleSheet.create({
+  root: { flex: 1, backgroundColor: "#fff" },
+  container: {
+    flex: 1,
+    borderRadius: 8,
+    overflow: "hidden",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3
+  },
+  header: {
+    padding: 16,
+    justifyContent: "center"
+  },
+  headerText: {
+    textAlign: "center",
+    fontSize: 16
+  },
+  webView: {
+    flex: 1
+  }
+});
+var LorikeetWidgetWebView = ({
+  uri,
+  baseUrl = "https://chat.lorikeetcx.ai",
+  webviewProps = {}
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNativeWebview.WebView,
+    {
+      ...webviewProps,
+      onNavigationStateChange: (navState) => {
+        if (navState.url.includes(baseUrl)) {
+          return false;
+        } else {
+          void reactNative.Linking.openURL(navState.url);
+          return false;
+        }
+      },
+      source: {
+        uri
+      },
+      style: stylesheet.webView
+    }
+  );
+};
+var LorikeetWidgetHeader = ({
+  title,
+  style,
+  icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.MessageCirclePlusIcon, {})
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: stylesheet.header, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [stylesheet.headerText, style], children: title }),
+    icon
+  ] });
+};
+function LorikeetWidgetView({
+  publicKey,
+  baseUrl,
+  authToken,
+  customisations,
+  styles,
+  onWebViewMessage
+}) {
+  var _a;
+  const [lorikeetClient, setLorikeetClient] = react.useState(
+    null
+  );
+  react.useEffect(() => {
+    const lorikeetClient2 = new LorikeetClient({
+      public_key: publicKey,
+      api_base: baseUrl,
+      customisations: {
+        ...customisations,
+        hideHeader: (customisations == null ? void 0 : customisations.hideHeader) === void 0 ? true : customisations.hideHeader
+      }
+    });
+    setLorikeetClient(lorikeetClient2);
+  }, [publicKey, baseUrl]);
+  if (!lorikeetClient) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, { edges: ["top", "left", "right"], style: stylesheet.root, children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: stylesheet.container, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LorikeetWidgetHeader,
+      {
+        style: styles == null ? void 0 : styles.header,
+        title: (_a = customisations == null ? void 0 : customisations.title) != null ? _a : "Lorikeet AI Agent"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      LorikeetWidgetWebView,
+      {
+        baseUrl: lorikeetClient.baseUrl,
+        uri: lorikeetClient.getWebviewUrl({
+          token: authToken
+        }),
+        webviewProps: {
+          onMessage: onWebViewMessage,
+          allowsInlineMediaPlayback: true,
+          mediaPlaybackRequiresUserAction: false,
+          scalesPageToFit: true,
+          startInLoadingState: true,
+          style: stylesheet.webView
+        }
+      }
+    )
+  ] }) });
+}
+
+exports.LorikeetClient = LorikeetClient;
+exports.LorikeetWidgetHeader = LorikeetWidgetHeader;
+exports.LorikeetWidgetView = LorikeetWidgetView;
+exports.LorikeetWidgetWebView = LorikeetWidgetWebView;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts","../src/widget.tsx"],"names":["StyleSheet","jsx","WebView","Linking","MessageCirclePlusIcon","jsxs","View","Text","useState","useEffect","lorikeetClient","SafeAreaView"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { Customisations } from '@lorikeetai/web-sdk/types'\n\nimport type { LorikeetInitOptions } from './types'\n\nexport class LorikeetClient {\n  baseUrl: string = 'https://chat.lorikeetcx.ai' // Fallback URL\n  customisations: Customisations | null = null\n  publicKey: string\n\n  constructor({ customisations, api_base, public_key }: LorikeetInitOptions) {\n    if (api_base) {\n      this.baseUrl = api_base\n    }\n    this.publicKey = public_key\n\n    if (customisations) {\n      this.customisations = customisations\n    }\n  }\n\n  getWebviewUrl = ({\n    customer_email,\n    customer_name,\n    token,\n    ticket_id,\n  }: {\n    customer_email?: string\n    customer_name?: string\n    token: string\n    ticket_id?: string\n  }) => {\n    const url = new URL(this.baseUrl)\n\n    url.pathname = ticket_id\n      ? `/tickets/${this.publicKey}/${ticket_id}`\n      : '/widget'\n    url.searchParams.append('public_key', this.publicKey)\n\n    if (customer_email) {\n      url.searchParams.append('customer_email', customer_email)\n    }\n    if (customer_name) {\n      url.searchParams.append('customer_name', customer_name)\n    }\n\n    url.searchParams.append('token', token)\n\n    if (this.customisations) {\n      url.searchParams.append(\n        'customisations',\n        btoa(JSON.stringify(this.customisations)),\n      )\n    }\n\n    return url.toString()\n  }\n}\n","import { useEffect, useState } from 'react'\n\nimport { MessageCirclePlusIcon } from 'lucide-react-native'\nimport { Linking, StyleSheet, Text, View } from 'react-native'\nimport { SafeAreaView } from 'react-native-safe-area-context'\nimport { WebView } from 'react-native-webview'\n\nimport { LorikeetClient } from './client'\nimport type {\n  LorikeetWidgetHeaderProps,\n  LorikeetWidgetViewProps,\n  LorikeetWidgetWebViewProps,\n} from './types'\n\nconst stylesheet = StyleSheet.create({\n  root: { flex: 1, backgroundColor: '#fff' },\n  container: {\n    flex: 1,\n    borderRadius: 8,\n    overflow: 'hidden',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.1,\n    shadowRadius: 4,\n    elevation: 3,\n  },\n  header: {\n    padding: 16,\n    justifyContent: 'center',\n  },\n  headerText: {\n    textAlign: 'center',\n    fontSize: 16,\n  },\n  webView: {\n    flex: 1,\n  },\n})\n\nexport const LorikeetWidgetWebView = ({\n  uri,\n  baseUrl = 'https://chat.lorikeetcx.ai',\n  webviewProps = {},\n}: LorikeetWidgetWebViewProps) => {\n  return (\n    <WebView\n      {...webviewProps}\n      onNavigationStateChange={(navState) => {\n        if (navState.url.includes(baseUrl)) {\n          return false\n        } else {\n          void Linking.openURL(navState.url)\n          return false\n        }\n      }}\n      source={{\n        uri,\n      }}\n      style={stylesheet.webView}\n    />\n  )\n}\n\nexport const LorikeetWidgetHeader = ({\n  title,\n  style,\n  icon = <MessageCirclePlusIcon />,\n}: LorikeetWidgetHeaderProps) => {\n  return (\n    <View style={stylesheet.header}>\n      <Text style={[stylesheet.headerText, style]}>{title}</Text>\n      {icon}\n    </View>\n  )\n}\n\nexport function LorikeetWidgetView({\n  publicKey,\n  baseUrl,\n  authToken,\n  customisations,\n  styles,\n  onWebViewMessage,\n}: LorikeetWidgetViewProps) {\n  const [lorikeetClient, setLorikeetClient] = useState<LorikeetClient | null>(\n    null,\n  )\n\n  useEffect(() => {\n    const lorikeetClient = new LorikeetClient({\n      public_key: publicKey,\n      api_base: baseUrl,\n      customisations: {\n        ...customisations,\n        hideHeader:\n          customisations?.hideHeader === undefined\n            ? true\n            : customisations.hideHeader,\n      },\n    })\n    setLorikeetClient(lorikeetClient)\n  }, [publicKey, baseUrl])\n\n  if (!lorikeetClient) {\n    return null\n  }\n\n  return (\n    <SafeAreaView edges={['top', 'left', 'right']} style={stylesheet.root}>\n      <View style={stylesheet.container}>\n        <LorikeetWidgetHeader\n          style={styles?.header}\n          title={customisations?.title ?? 'Lorikeet AI Agent'}\n        />\n        <LorikeetWidgetWebView\n          baseUrl={lorikeetClient.baseUrl}\n          uri={lorikeetClient.getWebviewUrl({\n            token: authToken,\n          })}\n          webviewProps={{\n            onMessage: onWebViewMessage,\n            allowsInlineMediaPlayback: true,\n            mediaPlaybackRequiresUserAction: false,\n            scalesPageToFit: true,\n            startInLoadingState: true,\n            style: stylesheet.webView,\n          }}\n        />\n      </View>\n    </SafeAreaView>\n  )\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Customisations } from '@lorikeetai/web-sdk/types';
+import { StyleProp, TextStyle } from 'react-native';
+import { WebViewProps, WebViewMessageEvent } from 'react-native-webview';
+
+interface LorikeetInitOptions {
+    api_base?: string;
+    customisations?: Customisations;
+    public_key: string;
+}
+type LorikeetWidgetWebViewProps = {
+    uri: string;
+    baseUrl?: string;
+    webviewProps?: WebViewProps;
+};
+type LorikeetWidgetHeaderProps = {
+    title: string;
+    style?: StyleProp<TextStyle>;
+    icon?: React.ReactNode;
+};
+type LorikeetWidgetViewProps = {
+    publicKey: string;
+    baseUrl?: string;
+    authToken: string;
+    onWebViewMessage?: (event: WebViewMessageEvent) => void;
+    customisations?: Customisations;
+    styles?: {
+        header?: StyleProp<TextStyle>;
+    };
+};
+
+declare const LorikeetWidgetWebView: ({ uri, baseUrl, webviewProps, }: LorikeetWidgetWebViewProps) => react_jsx_runtime.JSX.Element;
+declare const LorikeetWidgetHeader: ({ title, style, icon, }: LorikeetWidgetHeaderProps) => react_jsx_runtime.JSX.Element;
+declare function LorikeetWidgetView({ publicKey, baseUrl, authToken, customisations, styles, onWebViewMessage, }: LorikeetWidgetViewProps): react_jsx_runtime.JSX.Element | null;
+
+declare class LorikeetClient {
+    baseUrl: string;
+    customisations: Customisations | null;
+    publicKey: string;
+    constructor({ customisations, api_base, public_key }: LorikeetInitOptions);
+    getWebviewUrl: ({ customer_email, customer_name, token, ticket_id, }: {
+        customer_email?: string;
+        customer_name?: string;
+        token: string;
+        ticket_id?: string;
+    }) => string;
+}
+
+export { LorikeetClient, type LorikeetInitOptions, LorikeetWidgetHeader, type LorikeetWidgetHeaderProps, LorikeetWidgetView, type LorikeetWidgetViewProps, LorikeetWidgetWebView, type LorikeetWidgetWebViewProps };

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Customisations } from '@lorikeetai/web-sdk/types';
+import { StyleProp, TextStyle } from 'react-native';
+import { WebViewProps, WebViewMessageEvent } from 'react-native-webview';
+
+interface LorikeetInitOptions {
+    api_base?: string;
+    customisations?: Customisations;
+    public_key: string;
+}
+type LorikeetWidgetWebViewProps = {
+    uri: string;
+    baseUrl?: string;
+    webviewProps?: WebViewProps;
+};
+type LorikeetWidgetHeaderProps = {
+    title: string;
+    style?: StyleProp<TextStyle>;
+    icon?: React.ReactNode;
+};
+type LorikeetWidgetViewProps = {
+    publicKey: string;
+    baseUrl?: string;
+    authToken: string;
+    onWebViewMessage?: (event: WebViewMessageEvent) => void;
+    customisations?: Customisations;
+    styles?: {
+        header?: StyleProp<TextStyle>;
+    };
+};
+
+declare const LorikeetWidgetWebView: ({ uri, baseUrl, webviewProps, }: LorikeetWidgetWebViewProps) => react_jsx_runtime.JSX.Element;
+declare const LorikeetWidgetHeader: ({ title, style, icon, }: LorikeetWidgetHeaderProps) => react_jsx_runtime.JSX.Element;
+declare function LorikeetWidgetView({ publicKey, baseUrl, authToken, customisations, styles, onWebViewMessage, }: LorikeetWidgetViewProps): react_jsx_runtime.JSX.Element | null;
+
+declare class LorikeetClient {
+    baseUrl: string;
+    customisations: Customisations | null;
+    publicKey: string;
+    constructor({ customisations, api_base, public_key }: LorikeetInitOptions);
+    getWebviewUrl: ({ customer_email, customer_name, token, ticket_id, }: {
+        customer_email?: string;
+        customer_name?: string;
+        token: string;
+        ticket_id?: string;
+    }) => string;
+}
+
+export { LorikeetClient, type LorikeetInitOptions, LorikeetWidgetHeader, type LorikeetWidgetHeaderProps, LorikeetWidgetView, type LorikeetWidgetViewProps, LorikeetWidgetWebView, type LorikeetWidgetWebViewProps };

package/dist/index.js

@@ -0,0 +1,166 @@
+import { useState, useEffect } from 'react';
+import { MessageCirclePlusIcon } from 'lucide-react-native';
+import { StyleSheet, Linking, View, Text } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { WebView } from 'react-native-webview';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/client.ts
+var LorikeetClient = class {
+  constructor({ customisations, api_base, public_key }) {
+    __publicField(this, "baseUrl", "https://chat.lorikeetcx.ai");
+    // Fallback URL
+    __publicField(this, "customisations", null);
+    __publicField(this, "publicKey");
+    __publicField(this, "getWebviewUrl", ({
+      customer_email,
+      customer_name,
+      token,
+      ticket_id
+    }) => {
+      const url = new URL(this.baseUrl);
+      url.pathname = ticket_id ? `/tickets/${this.publicKey}/${ticket_id}` : "/widget";
+      url.searchParams.append("public_key", this.publicKey);
+      if (customer_email) {
+        url.searchParams.append("customer_email", customer_email);
+      }
+      if (customer_name) {
+        url.searchParams.append("customer_name", customer_name);
+      }
+      url.searchParams.append("token", token);
+      if (this.customisations) {
+        url.searchParams.append(
+          "customisations",
+          btoa(JSON.stringify(this.customisations))
+        );
+      }
+      return url.toString();
+    });
+    if (api_base) {
+      this.baseUrl = api_base;
+    }
+    this.publicKey = public_key;
+    if (customisations) {
+      this.customisations = customisations;
+    }
+  }
+};
+var stylesheet = StyleSheet.create({
+  root: { flex: 1, backgroundColor: "#fff" },
+  container: {
+    flex: 1,
+    borderRadius: 8,
+    overflow: "hidden",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3
+  },
+  header: {
+    padding: 16,
+    justifyContent: "center"
+  },
+  headerText: {
+    textAlign: "center",
+    fontSize: 16
+  },
+  webView: {
+    flex: 1
+  }
+});
+var LorikeetWidgetWebView = ({
+  uri,
+  baseUrl = "https://chat.lorikeetcx.ai",
+  webviewProps = {}
+}) => {
+  return /* @__PURE__ */ jsx(
+    WebView,
+    {
+      ...webviewProps,
+      onNavigationStateChange: (navState) => {
+        if (navState.url.includes(baseUrl)) {
+          return false;
+        } else {
+          void Linking.openURL(navState.url);
+          return false;
+        }
+      },
+      source: {
+        uri
+      },
+      style: stylesheet.webView
+    }
+  );
+};
+var LorikeetWidgetHeader = ({
+  title,
+  style,
+  icon = /* @__PURE__ */ jsx(MessageCirclePlusIcon, {})
+}) => {
+  return /* @__PURE__ */ jsxs(View, { style: stylesheet.header, children: [
+    /* @__PURE__ */ jsx(Text, { style: [stylesheet.headerText, style], children: title }),
+    icon
+  ] });
+};
+function LorikeetWidgetView({
+  publicKey,
+  baseUrl,
+  authToken,
+  customisations,
+  styles,
+  onWebViewMessage
+}) {
+  var _a;
+  const [lorikeetClient, setLorikeetClient] = useState(
+    null
+  );
+  useEffect(() => {
+    const lorikeetClient2 = new LorikeetClient({
+      public_key: publicKey,
+      api_base: baseUrl,
+      customisations: {
+        ...customisations,
+        hideHeader: (customisations == null ? void 0 : customisations.hideHeader) === void 0 ? true : customisations.hideHeader
+      }
+    });
+    setLorikeetClient(lorikeetClient2);
+  }, [publicKey, baseUrl]);
+  if (!lorikeetClient) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(SafeAreaView, { edges: ["top", "left", "right"], style: stylesheet.root, children: /* @__PURE__ */ jsxs(View, { style: stylesheet.container, children: [
+    /* @__PURE__ */ jsx(
+      LorikeetWidgetHeader,
+      {
+        style: styles == null ? void 0 : styles.header,
+        title: (_a = customisations == null ? void 0 : customisations.title) != null ? _a : "Lorikeet AI Agent"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LorikeetWidgetWebView,
+      {
+        baseUrl: lorikeetClient.baseUrl,
+        uri: lorikeetClient.getWebviewUrl({
+          token: authToken
+        }),
+        webviewProps: {
+          onMessage: onWebViewMessage,
+          allowsInlineMediaPlayback: true,
+          mediaPlaybackRequiresUserAction: false,
+          scalesPageToFit: true,
+          startInLoadingState: true,
+          style: stylesheet.webView
+        }
+      }
+    )
+  ] }) });
+}
+
+export { LorikeetClient, LorikeetWidgetHeader, LorikeetWidgetView, LorikeetWidgetWebView };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts","../src/widget.tsx"],"names":["lorikeetClient"],"mappings":"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","file":"index.js","sourcesContent":["import type { Customisations } from '@lorikeetai/web-sdk/types'\n\nimport type { LorikeetInitOptions } from './types'\n\nexport class LorikeetClient {\n  baseUrl: string = 'https://chat.lorikeetcx.ai' // Fallback URL\n  customisations: Customisations | null = null\n  publicKey: string\n\n  constructor({ customisations, api_base, public_key }: LorikeetInitOptions) {\n    if (api_base) {\n      this.baseUrl = api_base\n    }\n    this.publicKey = public_key\n\n    if (customisations) {\n      this.customisations = customisations\n    }\n  }\n\n  getWebviewUrl = ({\n    customer_email,\n    customer_name,\n    token,\n    ticket_id,\n  }: {\n    customer_email?: string\n    customer_name?: string\n    token: string\n    ticket_id?: string\n  }) => {\n    const url = new URL(this.baseUrl)\n\n    url.pathname = ticket_id\n      ? `/tickets/${this.publicKey}/${ticket_id}`\n      : '/widget'\n    url.searchParams.append('public_key', this.publicKey)\n\n    if (customer_email) {\n      url.searchParams.append('customer_email', customer_email)\n    }\n    if (customer_name) {\n      url.searchParams.append('customer_name', customer_name)\n    }\n\n    url.searchParams.append('token', token)\n\n    if (this.customisations) {\n      url.searchParams.append(\n        'customisations',\n        btoa(JSON.stringify(this.customisations)),\n      )\n    }\n\n    return url.toString()\n  }\n}\n","import { useEffect, useState } from 'react'\n\nimport { MessageCirclePlusIcon } from 'lucide-react-native'\nimport { Linking, StyleSheet, Text, View } from 'react-native'\nimport { SafeAreaView } from 'react-native-safe-area-context'\nimport { WebView } from 'react-native-webview'\n\nimport { LorikeetClient } from './client'\nimport type {\n  LorikeetWidgetHeaderProps,\n  LorikeetWidgetViewProps,\n  LorikeetWidgetWebViewProps,\n} from './types'\n\nconst stylesheet = StyleSheet.create({\n  root: { flex: 1, backgroundColor: '#fff' },\n  container: {\n    flex: 1,\n    borderRadius: 8,\n    overflow: 'hidden',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.1,\n    shadowRadius: 4,\n    elevation: 3,\n  },\n  header: {\n    padding: 16,\n    justifyContent: 'center',\n  },\n  headerText: {\n    textAlign: 'center',\n    fontSize: 16,\n  },\n  webView: {\n    flex: 1,\n  },\n})\n\nexport const LorikeetWidgetWebView = ({\n  uri,\n  baseUrl = 'https://chat.lorikeetcx.ai',\n  webviewProps = {},\n}: LorikeetWidgetWebViewProps) => {\n  return (\n    <WebView\n      {...webviewProps}\n      onNavigationStateChange={(navState) => {\n        if (navState.url.includes(baseUrl)) {\n          return false\n        } else {\n          void Linking.openURL(navState.url)\n          return false\n        }\n      }}\n      source={{\n        uri,\n      }}\n      style={stylesheet.webView}\n    />\n  )\n}\n\nexport const LorikeetWidgetHeader = ({\n  title,\n  style,\n  icon = <MessageCirclePlusIcon />,\n}: LorikeetWidgetHeaderProps) => {\n  return (\n    <View style={stylesheet.header}>\n      <Text style={[stylesheet.headerText, style]}>{title}</Text>\n      {icon}\n    </View>\n  )\n}\n\nexport function LorikeetWidgetView({\n  publicKey,\n  baseUrl,\n  authToken,\n  customisations,\n  styles,\n  onWebViewMessage,\n}: LorikeetWidgetViewProps) {\n  const [lorikeetClient, setLorikeetClient] = useState<LorikeetClient | null>(\n    null,\n  )\n\n  useEffect(() => {\n    const lorikeetClient = new LorikeetClient({\n      public_key: publicKey,\n      api_base: baseUrl,\n      customisations: {\n        ...customisations,\n        hideHeader:\n          customisations?.hideHeader === undefined\n            ? true\n            : customisations.hideHeader,\n      },\n    })\n    setLorikeetClient(lorikeetClient)\n  }, [publicKey, baseUrl])\n\n  if (!lorikeetClient) {\n    return null\n  }\n\n  return (\n    <SafeAreaView edges={['top', 'left', 'right']} style={stylesheet.root}>\n      <View style={stylesheet.container}>\n        <LorikeetWidgetHeader\n          style={styles?.header}\n          title={customisations?.title ?? 'Lorikeet AI Agent'}\n        />\n        <LorikeetWidgetWebView\n          baseUrl={lorikeetClient.baseUrl}\n          uri={lorikeetClient.getWebviewUrl({\n            token: authToken,\n          })}\n          webviewProps={{\n            onMessage: onWebViewMessage,\n            allowsInlineMediaPlayback: true,\n            mediaPlaybackRequiresUserAction: false,\n            scalesPageToFit: true,\n            startInLoadingState: true,\n            style: stylesheet.webView,\n          }}\n        />\n      </View>\n    </SafeAreaView>\n  )\n}\n"]}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@lorikeetai/react-native-sdk",
+  "version": "1.0.0",
+  "type": "module",
+  "private": false,
+  "description": "LorikeetCX React Native widget for embedding the chat widget via WebView",
+  "keywords": [
+    "lorikeet",
+    "react-native",
+    "webview",
+    "widget"
+  ],
+  "author": "LorikeetCX.ai",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "react-native": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "react-native": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "dependencies": {
+    "lucide-react-native": "^0.544.0",
+    "react-native-webview": "13.15.0",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-svg": "^15.13.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.70.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.75",
+    "eslint": "^9.31.0",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "@lorikeetai/prettier-config": "1.0.0",
+    "@lorikeetai/eslint-config": "1.0.0",
+    "@lorikeetai/tsconfig": "1.0.0",
+    "@lorikeetai/web-sdk": "1.5.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@lorikeetai/prettier-config",
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "eslint --fix --quiet --config eslint.config.js"
+    ],
+    "*.{json,md,yml}": [
+      "prettier --write"
+    ]
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .ts,.tsx --config eslint.config.js"
+  }
+}