@lorikeetai/react-native-sdk 1.0.0 → 1.1.0

package/README.md

@@ -49,6 +49,8 @@ Header component for the widget.
 
 - `title` (required): The title text to display
 - `style` (optional): Style for the header text
+- `icon` (optional): Clickable icon to be rendered on the right side of the header. Defaults to a new chat icon
+- `onIconPress` (optional): Callback when the header icon is pressed.
 
 ### LorikeetWidgetWebView
 

package/dist/index.cjs

@@ -65,7 +65,12 @@ var stylesheet = reactNative.StyleSheet.create({
   },
   header: {
     padding: 16,
-    justifyContent: "center"
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  headerIcon: {
+    width: 24
   },
   headerText: {
     textAlign: "center",
@@ -75,11 +80,7 @@ var stylesheet = reactNative.StyleSheet.create({
     flex: 1
   }
 });
-var LorikeetWidgetWebView = ({
-  uri,
-  baseUrl = "https://chat.lorikeetcx.ai",
-  webviewProps = {}
-}) => {
+var LorikeetWidgetWebView = react.forwardRef(({ uri, baseUrl = "https://chat.lorikeetcx.ai", webviewProps = {} }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactNativeWebview.WebView,
     {
@@ -92,21 +93,25 @@ var LorikeetWidgetWebView = ({
           return false;
         }
       },
+      ref,
       source: {
         uri
       },
       style: stylesheet.webView
     }
   );
-};
+});
+LorikeetWidgetWebView.displayName = "LorikeetWidgetWebView";
 var LorikeetWidgetHeader = ({
   title,
   style,
-  icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.MessageCirclePlusIcon, {})
+  icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.MessageCirclePlusIcon, { size: 16 }),
+  onIconPress
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: stylesheet.header, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: stylesheet.headerIcon }),
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [stylesheet.headerText, style], children: title }),
-    icon
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: onIconPress, style: stylesheet.headerIcon, children: icon })
   ] });
 };
 function LorikeetWidgetView({
@@ -121,6 +126,9 @@ function LorikeetWidgetView({
   const [lorikeetClient, setLorikeetClient] = react.useState(
     null
   );
+  const [uri, setUri] = react.useState(null);
+  const [timestamp, setTimestamp] = react.useState(Date.now());
+  const webViewRef = react.useRef(null);
   react.useEffect(() => {
     const lorikeetClient2 = new LorikeetClient({
       public_key: publicKey,
@@ -131,14 +139,22 @@ function LorikeetWidgetView({
       }
     });
     setLorikeetClient(lorikeetClient2);
+    setUri(
+      lorikeetClient2.getWebviewUrl({
+        token: authToken
+      })
+    );
   }, [publicKey, baseUrl]);
-  if (!lorikeetClient) {
+  if (!lorikeetClient || !uri) {
     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,
       {
+        onIconPress: () => {
+          setTimestamp(Date.now());
+        },
         style: styles == null ? void 0 : styles.header,
         title: (_a = customisations == null ? void 0 : customisations.title) != null ? _a : "Lorikeet AI Agent"
       }
@@ -147,9 +163,8 @@ function LorikeetWidgetView({
       LorikeetWidgetWebView,
       {
         baseUrl: lorikeetClient.baseUrl,
-        uri: lorikeetClient.getWebviewUrl({
-          token: authToken
-        }),
+        ref: webViewRef,
+        uri,
         webviewProps: {
           onMessage: onWebViewMessage,
           allowsInlineMediaPlayback: true,
@@ -158,7 +173,8 @@ function LorikeetWidgetView({
           startInLoadingState: true,
           style: stylesheet.webView
         }
-      }
+      },
+      timestamp
     )
   ] }) });
 }

package/dist/index.cjs.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/client.ts","../src/widget.tsx"],"names":["StyleSheet","forwardRef","jsx","WebView","Linking","MessageCirclePlusIcon","jsxs","View","Text","TouchableOpacity","useState","useRef","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 { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { MessageCirclePlusIcon } from 'lucide-react-native'\nimport { Linking, StyleSheet, Text, TouchableOpacity, 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    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  headerIcon: {\n    width: 24,\n  },\n  headerText: {\n    textAlign: 'center',\n    fontSize: 16,\n  },\n  webView: {\n    flex: 1,\n  },\n})\n\nexport const LorikeetWidgetWebView = forwardRef<\n  WebView,\n  LorikeetWidgetWebViewProps\n>(({ uri, baseUrl = 'https://chat.lorikeetcx.ai', webviewProps = {} }, ref) => {\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      ref={ref}\n      source={{\n        uri,\n      }}\n      style={stylesheet.webView}\n    />\n  )\n})\nLorikeetWidgetWebView.displayName = 'LorikeetWidgetWebView'\n\nexport const LorikeetWidgetHeader = ({\n  title,\n  style,\n  icon = <MessageCirclePlusIcon size={16} />,\n  onIconPress,\n}: LorikeetWidgetHeaderProps) => {\n  return (\n    <View style={stylesheet.header}>\n      <View style={stylesheet.headerIcon} />\n      <Text style={[stylesheet.headerText, style]}>{title}</Text>\n      <TouchableOpacity onPress={onIconPress} style={stylesheet.headerIcon}>\n        {icon}\n      </TouchableOpacity>\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  const [uri, setUri] = useState<string | null>(null)\n  const [timestamp, setTimestamp] = useState<number>(Date.now())\n  const webViewRef = useRef<WebView>(null)\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    setUri(\n      lorikeetClient.getWebviewUrl({\n        token: authToken,\n      }),\n    )\n  }, [publicKey, baseUrl])\n\n  if (!lorikeetClient || !uri) {\n    return null\n  }\n\n  return (\n    <SafeAreaView edges={['top', 'left', 'right']} style={stylesheet.root}>\n      <View style={stylesheet.container}>\n        <LorikeetWidgetHeader\n          onIconPress={() => {\n            setTimestamp(Date.now())\n          }}\n          style={styles?.header}\n          title={customisations?.title ?? 'Lorikeet AI Agent'}\n        />\n        <LorikeetWidgetWebView\n          baseUrl={lorikeetClient.baseUrl}\n          key={timestamp}\n          ref={webViewRef}\n          uri={uri}\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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { WebViewProps, WebViewMessageEvent, WebView } from 'react-native-webview';
 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;
@@ -17,6 +18,7 @@ type LorikeetWidgetHeaderProps = {
     title: string;
     style?: StyleProp<TextStyle>;
     icon?: React.ReactNode;
+    onIconPress?: () => void;
 };
 type LorikeetWidgetViewProps = {
     publicKey: string;
@@ -29,8 +31,8 @@ type LorikeetWidgetViewProps = {
     };
 };
 
-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 const LorikeetWidgetWebView: react.ForwardRefExoticComponent<LorikeetWidgetWebViewProps & react.RefAttributes<WebView<{}>>>;
+declare const LorikeetWidgetHeader: ({ title, style, icon, onIconPress, }: 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 {

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { WebViewProps, WebViewMessageEvent, WebView } from 'react-native-webview';
 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;
@@ -17,6 +18,7 @@ type LorikeetWidgetHeaderProps = {
     title: string;
     style?: StyleProp<TextStyle>;
     icon?: React.ReactNode;
+    onIconPress?: () => void;
 };
 type LorikeetWidgetViewProps = {
     publicKey: string;
@@ -29,8 +31,8 @@ type LorikeetWidgetViewProps = {
     };
 };
 
-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 const LorikeetWidgetWebView: react.ForwardRefExoticComponent<LorikeetWidgetWebViewProps & react.RefAttributes<WebView<{}>>>;
+declare const LorikeetWidgetHeader: ({ title, style, icon, onIconPress, }: 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 {

package/dist/index.js

@@ -1,6 +1,6 @@
-import { useState, useEffect } from 'react';
+import { forwardRef, useState, useRef, useEffect } from 'react';
 import { MessageCirclePlusIcon } from 'lucide-react-native';
-import { StyleSheet, Linking, View, Text } from 'react-native';
+import { StyleSheet, Linking, View, Text, TouchableOpacity } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { WebView } from 'react-native-webview';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -63,7 +63,12 @@ var stylesheet = StyleSheet.create({
   },
   header: {
     padding: 16,
-    justifyContent: "center"
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  headerIcon: {
+    width: 24
   },
   headerText: {
     textAlign: "center",
@@ -73,11 +78,7 @@ var stylesheet = StyleSheet.create({
     flex: 1
   }
 });
-var LorikeetWidgetWebView = ({
-  uri,
-  baseUrl = "https://chat.lorikeetcx.ai",
-  webviewProps = {}
-}) => {
+var LorikeetWidgetWebView = forwardRef(({ uri, baseUrl = "https://chat.lorikeetcx.ai", webviewProps = {} }, ref) => {
   return /* @__PURE__ */ jsx(
     WebView,
     {
@@ -90,21 +91,25 @@ var LorikeetWidgetWebView = ({
           return false;
         }
       },
+      ref,
       source: {
         uri
       },
       style: stylesheet.webView
     }
   );
-};
+});
+LorikeetWidgetWebView.displayName = "LorikeetWidgetWebView";
 var LorikeetWidgetHeader = ({
   title,
   style,
-  icon = /* @__PURE__ */ jsx(MessageCirclePlusIcon, {})
+  icon = /* @__PURE__ */ jsx(MessageCirclePlusIcon, { size: 16 }),
+  onIconPress
 }) => {
   return /* @__PURE__ */ jsxs(View, { style: stylesheet.header, children: [
+    /* @__PURE__ */ jsx(View, { style: stylesheet.headerIcon }),
     /* @__PURE__ */ jsx(Text, { style: [stylesheet.headerText, style], children: title }),
-    icon
+    /* @__PURE__ */ jsx(TouchableOpacity, { onPress: onIconPress, style: stylesheet.headerIcon, children: icon })
   ] });
 };
 function LorikeetWidgetView({
@@ -119,6 +124,9 @@ function LorikeetWidgetView({
   const [lorikeetClient, setLorikeetClient] = useState(
     null
   );
+  const [uri, setUri] = useState(null);
+  const [timestamp, setTimestamp] = useState(Date.now());
+  const webViewRef = useRef(null);
   useEffect(() => {
     const lorikeetClient2 = new LorikeetClient({
       public_key: publicKey,
@@ -129,14 +137,22 @@ function LorikeetWidgetView({
       }
     });
     setLorikeetClient(lorikeetClient2);
+    setUri(
+      lorikeetClient2.getWebviewUrl({
+        token: authToken
+      })
+    );
   }, [publicKey, baseUrl]);
-  if (!lorikeetClient) {
+  if (!lorikeetClient || !uri) {
     return null;
   }
   return /* @__PURE__ */ jsx(SafeAreaView, { edges: ["top", "left", "right"], style: stylesheet.root, children: /* @__PURE__ */ jsxs(View, { style: stylesheet.container, children: [
     /* @__PURE__ */ jsx(
       LorikeetWidgetHeader,
       {
+        onIconPress: () => {
+          setTimestamp(Date.now());
+        },
         style: styles == null ? void 0 : styles.header,
         title: (_a = customisations == null ? void 0 : customisations.title) != null ? _a : "Lorikeet AI Agent"
       }
@@ -145,9 +161,8 @@ function LorikeetWidgetView({
       LorikeetWidgetWebView,
       {
         baseUrl: lorikeetClient.baseUrl,
-        uri: lorikeetClient.getWebviewUrl({
-          token: authToken
-        }),
+        ref: webViewRef,
+        uri,
         webviewProps: {
           onMessage: onWebViewMessage,
           allowsInlineMediaPlayback: true,
@@ -156,7 +171,8 @@ function LorikeetWidgetView({
           startInLoadingState: true,
           style: stylesheet.webView
         }
-      }
+      },
+      timestamp
     )
   ] }) });
 }

package/dist/index.js.map

@@ -1 +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"]}
+{"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 { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { MessageCirclePlusIcon } from 'lucide-react-native'\nimport { Linking, StyleSheet, Text, TouchableOpacity, 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    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  headerIcon: {\n    width: 24,\n  },\n  headerText: {\n    textAlign: 'center',\n    fontSize: 16,\n  },\n  webView: {\n    flex: 1,\n  },\n})\n\nexport const LorikeetWidgetWebView = forwardRef<\n  WebView,\n  LorikeetWidgetWebViewProps\n>(({ uri, baseUrl = 'https://chat.lorikeetcx.ai', webviewProps = {} }, ref) => {\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      ref={ref}\n      source={{\n        uri,\n      }}\n      style={stylesheet.webView}\n    />\n  )\n})\nLorikeetWidgetWebView.displayName = 'LorikeetWidgetWebView'\n\nexport const LorikeetWidgetHeader = ({\n  title,\n  style,\n  icon = <MessageCirclePlusIcon size={16} />,\n  onIconPress,\n}: LorikeetWidgetHeaderProps) => {\n  return (\n    <View style={stylesheet.header}>\n      <View style={stylesheet.headerIcon} />\n      <Text style={[stylesheet.headerText, style]}>{title}</Text>\n      <TouchableOpacity onPress={onIconPress} style={stylesheet.headerIcon}>\n        {icon}\n      </TouchableOpacity>\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  const [uri, setUri] = useState<string | null>(null)\n  const [timestamp, setTimestamp] = useState<number>(Date.now())\n  const webViewRef = useRef<WebView>(null)\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    setUri(\n      lorikeetClient.getWebviewUrl({\n        token: authToken,\n      }),\n    )\n  }, [publicKey, baseUrl])\n\n  if (!lorikeetClient || !uri) {\n    return null\n  }\n\n  return (\n    <SafeAreaView edges={['top', 'left', 'right']} style={stylesheet.root}>\n      <View style={stylesheet.container}>\n        <LorikeetWidgetHeader\n          onIconPress={() => {\n            setTimestamp(Date.now())\n          }}\n          style={styles?.header}\n          title={customisations?.title ?? 'Lorikeet AI Agent'}\n        />\n        <LorikeetWidgetWebView\n          baseUrl={lorikeetClient.baseUrl}\n          key={timestamp}\n          ref={webViewRef}\n          uri={uri}\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

@@ -1,6 +1,6 @@
 {
   "name": "@lorikeetai/react-native-sdk",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "private": false,
   "description": "LorikeetCX React Native widget for embedding the chat widget via WebView",
@@ -45,8 +45,8 @@
     "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/prettier-config": "1.0.0",
     "@lorikeetai/tsconfig": "1.0.0",
     "@lorikeetai/web-sdk": "1.5.1"
   },