@lorikeetai/react-native-sdk 2.0.0-alpha.3 → 2.1.0

package/dist/index.js

@@ -1,11 +1,11 @@
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { AppState, Linking, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { AppState, KeyboardAvoidingView, Linking, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { WebView } from "react-native-webview";
 import Svg, { Line, Path } from "react-native-svg";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/bridge.ts
+// src/bridge.ts
 /**
 * The public key, base URL and token are one unit, and a conversation belongs to
 * the credentials that created it. Stamping an observation with them is what
@@ -25,8 +25,7 @@ const resumableConversation = (observed, identity, intendedTicketId) => {
 	};
 };
 
-//#endregion
-//#region src/encode.ts
+// src/encode.ts
 const BASE64_ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 /**
 * Base64 of a string's UTF-8 bytes.
@@ -53,8 +52,7 @@ function base64EncodeUtf8(value) {
 	return encoded;
 }
 
-//#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/typeof.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -64,8 +62,7 @@ function _typeof(o) {
 	}, _typeof(o);
 }
 
-//#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPrimitive.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -77,15 +74,13 @@ function toPrimitive(t, r) {
 	return ("string" === r ? String : Number)(t);
 }
 
-//#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPropertyKey.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
-//#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/defineProperty.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -95,8 +90,7 @@ function _defineProperty(e, r, t) {
 	}) : e[r] = t, e;
 }
 
-//#endregion
-//#region src/client.ts
+// src/client.ts
 var LorikeetClient = class {
 	constructor({ customisations, api_base, metadata, public_key }) {
 		_defineProperty(this, "baseUrl", "https://chat.lorikeetcx.ai");
@@ -142,12 +136,16 @@ var LorikeetClient = class {
 	}
 };
 
-//#endregion
-//#region src/errors.ts
+// src/errors.ts
 /**
-* Codes the chat page posts to the host as `{ type: 'error', error: CODE }`.
-* Mirrored here because the page publishes them nowhere else, so a host would
-* otherwise be matching on strings it discovered by observation.
+* The chat page's error vocabulary, as it reaches a host in
+* `{ type: 'error', error: CODE }`. Mirrored here because the page publishes it
+* nowhere else, so a host would otherwise be matching on strings it discovered
+* by observation.
+*
+* The page's own list rather than a list of codes seen in the wild:
+* `MISSING_PUBLIC_KEY` has no producer today, and is kept because narrowing this
+* would be a breaking change.
 */
 const LORIKEET_ERROR_CODES = [
 	"MISSING_TOKEN",
@@ -185,8 +183,7 @@ function isUnusableConversation(message) {
 	return type === "error" && typeof error === "string" ? isUnusableConversationCode(error) : false;
 }
 
-//#endregion
-//#region src/events.ts
+// src/events.ts
 const asRecord = (message) => typeof message === "object" && message !== null && !Array.isArray(message) ? message : null;
 const asNonEmptyString = (value) => typeof value === "string" && value !== "" ? value : null;
 /**
@@ -264,8 +261,7 @@ const resumedTicketIdFromUri = (uri) => {
 	return (_segments$ = segments[2]) !== null && _segments$ !== void 0 ? _segments$ : null;
 };
 
-//#endregion
-//#region src/lifecycle.ts
+// src/lifecycle.ts
 /**
 * The page gives its message stream ten attempts with exponential backoff
 * capped at 30s (`message-stream-utils.tsx`), so the budget runs out roughly
@@ -302,8 +298,7 @@ const shouldReloadAfterBackground = (backgroundedAt, now, thresholdMs = BACKGROU
 	return elapsed >= thresholdMs;
 };
 
-//#endregion
-//#region src/links.ts
+// src/links.ts
 /**
 * Schemes the WebView resolves for itself. None of them is a page the customer
 * asked to leave the app for, and the OS cannot open them anyway.
@@ -348,8 +343,7 @@ const isInternalNavigation = (url, baseUrl) => {
 	return target.origin === base.origin;
 };
 
-//#endregion
-//#region src/message-circle-plus-icon.tsx
+// src/message-circle-plus-icon.tsx
 const MessageCirclePlusIcon = ({ size = 24, color = "currentColor", strokeWidth = 2 }) => {
 	return /* @__PURE__ */ jsxs(Svg, {
 		fill: "none",
@@ -386,13 +380,13 @@ const MessageCirclePlusIcon = ({ size = 24, color = "currentColor", strokeWidth
 	});
 };
 
-//#endregion
-//#region src/widget.tsx
+// src/widget.tsx
 const stylesheet = StyleSheet.create({
 	root: {
 		flex: 1,
 		backgroundColor: "#fff"
 	},
+	keyboardAvoiding: { flex: 1 },
 	container: {
 		flex: 1,
 		borderRadius: 8,
@@ -496,7 +490,7 @@ const LorikeetWidgetHeader = ({ title, style, icon = /* @__PURE__ */ jsx(Message
 		]
 	});
 };
-const LorikeetWidgetView = forwardRef(function LorikeetWidgetView({ publicKey, baseUrl, authToken, customisations, styles, onEvent, onWebViewMessage, ticketId, session, metadata, webviewProps }, ref) {
+const LorikeetWidgetView = forwardRef(function LorikeetWidgetView({ publicKey, baseUrl, authToken, customisations, styles, onEvent, onWebViewMessage, ticketId, session, metadata, webviewProps, avoidKeyboard = true }, ref) {
 	var _customisations$hideH, _customisations$title;
 	const [lorikeetClient, setLorikeetClient] = useState(null);
 	const [loaded, setLoaded] = useState(null);
@@ -507,6 +501,15 @@ const LorikeetWidgetView = forwardRef(function LorikeetWidgetView({ publicKey, b
 		setGeneration((previous) => previous + 1);
 	}, []);
 	const webViewRef = useRef(null);
+	const containerRef = useRef(null);
+	const [keyboardOffset, setKeyboardOffset] = useState(0);
+	const measureKeyboardOffset = useCallback((event) => {
+		var _containerRef$current;
+		const { y } = event.nativeEvent.layout;
+		(_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.measureInWindow((_x, windowY) => {
+			setKeyboardOffset(windowY - y);
+		});
+	}, []);
 	const [refusedTicketId, setRefusedTicketId] = useState(null);
 	const observedRef = useRef(null);
 	const backgroundedAtRef = useRef(null);
@@ -794,67 +797,74 @@ const LorikeetWidgetView = forwardRef(function LorikeetWidgetView({ publicKey, b
 			"right"
 		],
 		style: stylesheet.root,
-		children: /* @__PURE__ */ jsxs(View, {
-			style: stylesheet.container,
-			children: [
-				hideHeader && closed !== "minimised" ? /* @__PURE__ */ jsx(LorikeetWidgetHeader, {
-					onIconPress: startNewChat,
-					style: styles === null || styles === void 0 ? void 0 : styles.header,
-					title: (_customisations$title = customisations === null || customisations === void 0 ? void 0 : customisations.title) !== null && _customisations$title !== void 0 ? _customisations$title : "Lorikeet AI Agent"
-				}) : null,
-				closed === "minimised" ? /* @__PURE__ */ jsx(TouchableOpacity, {
-					onPress: reopen,
-					style: stylesheet.closedControl,
-					children: /* @__PURE__ */ jsx(Text, {
-						style: stylesheet.headerText,
-						children: "Reopen chat"
-					})
-				}) : null,
-				!hideHeader && closed === "ended" ? /* @__PURE__ */ jsx(TouchableOpacity, {
-					onPress: startNewChat,
-					style: stylesheet.closedControl,
-					children: /* @__PURE__ */ jsx(Text, {
-						style: stylesheet.headerText,
-						children: "Start new chat"
-					})
-				}) : null,
-				/* @__PURE__ */ jsx(View, {
-					accessibilityElementsHidden: isClosed,
-					importantForAccessibility: isClosed ? "no-hide-descendants" : "auto",
-					pointerEvents: isClosed ? "none" : "auto",
-					style: isClosed ? stylesheet.closed : stylesheet.webView,
-					children: /* @__PURE__ */ jsx(LorikeetWidgetWebView, {
-						baseUrl: lorikeetClient.baseUrl,
-						onEvent: handleEvent,
-						ref: webViewRef,
-						uri: loaded.uri,
-						webviewProps: {
-							allowsInlineMediaPlayback: true,
-							mediaPlaybackRequiresUserAction: false,
-							scalesPageToFit: true,
-							startInLoadingState: true,
-							style: stylesheet.webView,
-							...webviewProps,
-							onMessage: handleMessage,
-							onRenderProcessGone: (event) => {
-								var _webviewProps$onRende;
-								if (generation === generationRef.current) reload();
-								webviewProps === null || webviewProps === void 0 || (_webviewProps$onRende = webviewProps.onRenderProcessGone) === null || _webviewProps$onRende === void 0 || _webviewProps$onRende.call(webviewProps, event);
-							},
-							onContentProcessDidTerminate: (event) => {
-								var _webviewProps$onConte;
-								if (generation === generationRef.current) reload();
-								webviewProps === null || webviewProps === void 0 || (_webviewProps$onConte = webviewProps.onContentProcessDidTerminate) === null || _webviewProps$onConte === void 0 || _webviewProps$onConte.call(webviewProps, event);
+		children: /* @__PURE__ */ jsx(KeyboardAvoidingView, {
+			behavior: "padding",
+			enabled: avoidKeyboard,
+			keyboardVerticalOffset: keyboardOffset,
+			onLayout: measureKeyboardOffset,
+			style: stylesheet.keyboardAvoiding,
+			children: /* @__PURE__ */ jsxs(View, {
+				ref: containerRef,
+				style: stylesheet.container,
+				children: [
+					hideHeader && closed !== "minimised" ? /* @__PURE__ */ jsx(LorikeetWidgetHeader, {
+						onIconPress: startNewChat,
+						style: styles === null || styles === void 0 ? void 0 : styles.header,
+						title: (_customisations$title = customisations === null || customisations === void 0 ? void 0 : customisations.title) !== null && _customisations$title !== void 0 ? _customisations$title : "Lorikeet AI Agent"
+					}) : null,
+					closed === "minimised" ? /* @__PURE__ */ jsx(TouchableOpacity, {
+						onPress: reopen,
+						style: stylesheet.closedControl,
+						children: /* @__PURE__ */ jsx(Text, {
+							style: stylesheet.headerText,
+							children: "Reopen chat"
+						})
+					}) : null,
+					!hideHeader && closed === "ended" ? /* @__PURE__ */ jsx(TouchableOpacity, {
+						onPress: startNewChat,
+						style: stylesheet.closedControl,
+						children: /* @__PURE__ */ jsx(Text, {
+							style: stylesheet.headerText,
+							children: "Start new chat"
+						})
+					}) : null,
+					/* @__PURE__ */ jsx(View, {
+						accessibilityElementsHidden: isClosed,
+						importantForAccessibility: isClosed ? "no-hide-descendants" : "auto",
+						pointerEvents: isClosed ? "none" : "auto",
+						style: isClosed ? stylesheet.closed : stylesheet.webView,
+						children: /* @__PURE__ */ jsx(LorikeetWidgetWebView, {
+							baseUrl: lorikeetClient.baseUrl,
+							onEvent: handleEvent,
+							ref: webViewRef,
+							uri: loaded.uri,
+							webviewProps: {
+								allowsInlineMediaPlayback: true,
+								mediaPlaybackRequiresUserAction: false,
+								scalesPageToFit: true,
+								startInLoadingState: true,
+								style: stylesheet.webView,
+								...webviewProps,
+								onMessage: handleMessage,
+								onRenderProcessGone: (event) => {
+									var _webviewProps$onRende;
+									if (generation === generationRef.current) reload();
+									webviewProps === null || webviewProps === void 0 || (_webviewProps$onRende = webviewProps.onRenderProcessGone) === null || _webviewProps$onRende === void 0 || _webviewProps$onRende.call(webviewProps, event);
+								},
+								onContentProcessDidTerminate: (event) => {
+									var _webviewProps$onConte;
+									if (generation === generationRef.current) reload();
+									webviewProps === null || webviewProps === void 0 || (_webviewProps$onConte = webviewProps.onContentProcessDidTerminate) === null || _webviewProps$onConte === void 0 || _webviewProps$onConte.call(webviewProps, event);
+								}
 							}
-						}
-					}, `${identity}|${resumingTicketId !== null && resumingTicketId !== void 0 ? resumingTicketId : ""}|${generation}`)
-				})
-			]
+						}, `${identity}|${resumingTicketId !== null && resumingTicketId !== void 0 ? resumingTicketId : ""}|${generation}`)
+					})
+				]
+			})
 		})
 	});
 });
 LorikeetWidgetView.displayName = "LorikeetWidgetView";
 
-//#endregion
 export { LOGOUT_CONFIRMATION_TIMEOUT_MS, LORIKEET_ERROR_CODES, LorikeetClient, LorikeetWidgetHeader, LorikeetWidgetView, LorikeetWidgetWebView, isUnusableConversation, isUnusableConversationCode };
 //# sourceMappingURL=index.js.map