@sagepilot-ai/react-native-sdk 0.2.0 → 0.2.2

package/dist/index.cjs

@@ -830,6 +830,9 @@ var SagepilotReactNativeChat = class {
     }
     url.searchParams.set("session_id", session.session_id);
     url.searchParams.set("wid", this.workspaceId);
+    if (this.legacyWidgetJwt) {
+      url.searchParams.set("jwt", this.legacyWidgetJwt);
+    }
     if (this.hostedChatView.screen === "composer") {
       url.searchParams.set("new", "true");
       if (this.hostedChatView.message) {
@@ -857,6 +860,16 @@ var SagepilotReactNativeChat = class {
       "})();"
     ].join("\n");
   }
+  getHostedIdentityMessage() {
+    if (!this.legacyWidgetJwt) return null;
+    return {
+      type: "identity_update",
+      data: {
+        jwt: this.legacyWidgetJwt,
+        chat_id: this.session?.conversation_id ?? void 0
+      }
+    };
+  }
   handleHostedBridgeMessage(message) {
     if (!message) return false;
     if (message.type === "close_widget") {
@@ -1184,6 +1197,20 @@ function getInjectedWebViewScript() {
     mobileWebViewBridgeScript
   ].filter(Boolean).join("\n");
 }
+function getHostedIdentityDispatchScript() {
+  const message = internalSagepilotChat.getHostedIdentityMessage();
+  if (!message) return "";
+  return [
+    internalSagepilotChat.getHostedAuthScript(),
+    "(function(){",
+    "try {",
+    `var message = ${JSON.stringify(message)};`,
+    "window.dispatchEvent(new MessageEvent('message', { data: message, origin: window.location.origin, source: window.parent || window }));",
+    "} catch (_) {}",
+    "true;",
+    "})();"
+  ].filter(Boolean).join("\n");
+}
 function readUrlOrigin(url) {
   if (!url) return null;
   try {
@@ -1207,6 +1234,8 @@ function SagepilotChatProvider({
   loadingLabel = "Loading chat"
 }) {
   const [state, setState] = (0, import_react.useState)(readPresentationState);
+  const webFrameRef = (0, import_react.useRef)(null);
+  const nativeWebViewRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     return internalSagepilotChat.onStateChange(() => {
       setState(readPresentationState());
@@ -1214,10 +1243,23 @@ function SagepilotChatProvider({
   }, []);
   const showCloseButton = state.presentation?.showCloseButton ?? false;
   const presentationStyle = state.presentation?.style ?? "sheet";
+  const isFullScreenModal = presentationStyle === "fullScreen";
   const animationType = presentationStyle === "fullScreen" || presentationStyle === "push" ? "slide" : "fade";
+  const ModalContainer = import_react_native.Platform.OS === "ios" && isFullScreenModal ? import_react_native.SafeAreaView : import_react_native.View;
   const handleWebViewMessage = (event) => {
     internalSagepilotChat.handleHostedBridgeMessage(parseHostedBridgeMessage(event.nativeEvent?.data));
   };
+  const postIdentityToWebFrame = () => {
+    const message = internalSagepilotChat.getHostedIdentityMessage();
+    const targetOrigin = readUrlOrigin(state.conversationUrl);
+    if (!message || !targetOrigin) return;
+    webFrameRef.current?.contentWindow?.postMessage(message, targetOrigin);
+  };
+  const postIdentityToNativeWebView = () => {
+    const script = getHostedIdentityDispatchScript();
+    if (!script || !nativeWebViewRef.current) return;
+    nativeWebViewRef.current.injectJavaScript(script);
+  };
   (0, import_react.useEffect)(() => {
     if (import_react_native.Platform.OS !== "web" || typeof window === "undefined") return;
     const trustedWidgetOrigin = readUrlOrigin(state.conversationUrl);
@@ -1229,6 +1271,14 @@ function SagepilotChatProvider({
     window.addEventListener("message", handleWindowMessage);
     return () => window.removeEventListener("message", handleWindowMessage);
   }, [state.conversationUrl]);
+  (0, import_react.useEffect)(() => {
+    if (import_react_native.Platform.OS !== "web" || !state.isPresented) return;
+    postIdentityToWebFrame();
+  }, [state.isPresented, state.conversationUrl, state.configured]);
+  (0, import_react.useEffect)(() => {
+    if (import_react_native.Platform.OS === "web" || !state.isPresented) return;
+    postIdentityToNativeWebView();
+  }, [state.isPresented, state.conversationUrl, state.configured]);
   if (import_react_native.Platform.OS === "web") {
     return (0, import_react.createElement)(
       import_react_native.View,
@@ -1256,9 +1306,11 @@ function SagepilotChatProvider({
             (0, import_react.createElement)(import_react_native.Text, { style: styles.closeText }, closeLabel)
           ) : null,
           (0, import_react.createElement)("iframe", {
+            ref: webFrameRef,
             src: state.conversationUrl,
             style: styles.webFrame,
-            title: "Sagepilot chat"
+            title: "Sagepilot chat",
+            onLoad: postIdentityToWebFrame
           })
         )
       ) : null
@@ -1280,11 +1332,11 @@ function SagepilotChatProvider({
       {
         visible: state.configured && state.isPresented,
         animationType,
-        presentationStyle: presentationStyle === "fullScreen" ? "fullScreen" : "pageSheet",
+        presentationStyle: isFullScreenModal ? "fullScreen" : "pageSheet",
         onRequestClose: () => internalSagepilotChat.dismiss()
       },
       (0, import_react.createElement)(
-        import_react_native.View,
+        ModalContainer,
         { style: styles.container },
         showCloseButton ? (0, import_react.createElement)(
           import_react_native.View,
@@ -1302,11 +1354,13 @@ function SagepilotChatProvider({
         ) : null,
         state.conversationUrl ? (0, import_react.createElement)(import_react_native_webview.WebView, {
           ...hostedChatWebViewProps,
+          ref: nativeWebViewRef,
           source: { uri: state.conversationUrl },
           style: styles.webview,
           startInLoadingState: true,
           injectedJavaScriptBeforeContentLoaded: getInjectedWebViewScript(),
           onMessage: handleWebViewMessage,
+          onLoadEnd: postIdentityToNativeWebView,
           renderLoading: () => (0, import_react.createElement)(
             import_react_native.View,
             { style: styles.loading },

package/dist/index.js

@@ -799,6 +799,9 @@ var SagepilotReactNativeChat = class {
     }
     url.searchParams.set("session_id", session.session_id);
     url.searchParams.set("wid", this.workspaceId);
+    if (this.legacyWidgetJwt) {
+      url.searchParams.set("jwt", this.legacyWidgetJwt);
+    }
     if (this.hostedChatView.screen === "composer") {
       url.searchParams.set("new", "true");
       if (this.hostedChatView.message) {
@@ -826,6 +829,16 @@ var SagepilotReactNativeChat = class {
       "})();"
     ].join("\n");
   }
+  getHostedIdentityMessage() {
+    if (!this.legacyWidgetJwt) return null;
+    return {
+      type: "identity_update",
+      data: {
+        jwt: this.legacyWidgetJwt,
+        chat_id: this.session?.conversation_id ?? void 0
+      }
+    };
+  }
   handleHostedBridgeMessage(message) {
     if (!message) return false;
     if (message.type === "close_widget") {
@@ -1046,12 +1059,13 @@ function createAsyncStorageCacheStorage(asyncStorage) {
 }
 
 // src/ui/SagepilotChatProvider.ts
-import { createElement, useEffect, useState } from "react";
+import { createElement, useEffect, useRef, useState } from "react";
 import {
   ActivityIndicator,
   Modal,
   Platform,
   Pressable,
+  SafeAreaView,
   StyleSheet,
   Text,
   View
@@ -1161,6 +1175,20 @@ function getInjectedWebViewScript() {
     mobileWebViewBridgeScript
   ].filter(Boolean).join("\n");
 }
+function getHostedIdentityDispatchScript() {
+  const message = internalSagepilotChat.getHostedIdentityMessage();
+  if (!message) return "";
+  return [
+    internalSagepilotChat.getHostedAuthScript(),
+    "(function(){",
+    "try {",
+    `var message = ${JSON.stringify(message)};`,
+    "window.dispatchEvent(new MessageEvent('message', { data: message, origin: window.location.origin, source: window.parent || window }));",
+    "} catch (_) {}",
+    "true;",
+    "})();"
+  ].filter(Boolean).join("\n");
+}
 function readUrlOrigin(url) {
   if (!url) return null;
   try {
@@ -1184,6 +1212,8 @@ function SagepilotChatProvider({
   loadingLabel = "Loading chat"
 }) {
   const [state, setState] = useState(readPresentationState);
+  const webFrameRef = useRef(null);
+  const nativeWebViewRef = useRef(null);
   useEffect(() => {
     return internalSagepilotChat.onStateChange(() => {
       setState(readPresentationState());
@@ -1191,10 +1221,23 @@ function SagepilotChatProvider({
   }, []);
   const showCloseButton = state.presentation?.showCloseButton ?? false;
   const presentationStyle = state.presentation?.style ?? "sheet";
+  const isFullScreenModal = presentationStyle === "fullScreen";
   const animationType = presentationStyle === "fullScreen" || presentationStyle === "push" ? "slide" : "fade";
+  const ModalContainer = Platform.OS === "ios" && isFullScreenModal ? SafeAreaView : View;
   const handleWebViewMessage = (event) => {
     internalSagepilotChat.handleHostedBridgeMessage(parseHostedBridgeMessage(event.nativeEvent?.data));
   };
+  const postIdentityToWebFrame = () => {
+    const message = internalSagepilotChat.getHostedIdentityMessage();
+    const targetOrigin = readUrlOrigin(state.conversationUrl);
+    if (!message || !targetOrigin) return;
+    webFrameRef.current?.contentWindow?.postMessage(message, targetOrigin);
+  };
+  const postIdentityToNativeWebView = () => {
+    const script = getHostedIdentityDispatchScript();
+    if (!script || !nativeWebViewRef.current) return;
+    nativeWebViewRef.current.injectJavaScript(script);
+  };
   useEffect(() => {
     if (Platform.OS !== "web" || typeof window === "undefined") return;
     const trustedWidgetOrigin = readUrlOrigin(state.conversationUrl);
@@ -1206,6 +1249,14 @@ function SagepilotChatProvider({
     window.addEventListener("message", handleWindowMessage);
     return () => window.removeEventListener("message", handleWindowMessage);
   }, [state.conversationUrl]);
+  useEffect(() => {
+    if (Platform.OS !== "web" || !state.isPresented) return;
+    postIdentityToWebFrame();
+  }, [state.isPresented, state.conversationUrl, state.configured]);
+  useEffect(() => {
+    if (Platform.OS === "web" || !state.isPresented) return;
+    postIdentityToNativeWebView();
+  }, [state.isPresented, state.conversationUrl, state.configured]);
   if (Platform.OS === "web") {
     return createElement(
       View,
@@ -1233,9 +1284,11 @@ function SagepilotChatProvider({
             createElement(Text, { style: styles.closeText }, closeLabel)
           ) : null,
           createElement("iframe", {
+            ref: webFrameRef,
             src: state.conversationUrl,
             style: styles.webFrame,
-            title: "Sagepilot chat"
+            title: "Sagepilot chat",
+            onLoad: postIdentityToWebFrame
           })
         )
       ) : null
@@ -1257,11 +1310,11 @@ function SagepilotChatProvider({
       {
         visible: state.configured && state.isPresented,
         animationType,
-        presentationStyle: presentationStyle === "fullScreen" ? "fullScreen" : "pageSheet",
+        presentationStyle: isFullScreenModal ? "fullScreen" : "pageSheet",
         onRequestClose: () => internalSagepilotChat.dismiss()
       },
       createElement(
-        View,
+        ModalContainer,
         { style: styles.container },
         showCloseButton ? createElement(
           View,
@@ -1279,11 +1332,13 @@ function SagepilotChatProvider({
         ) : null,
         state.conversationUrl ? createElement(WebView, {
           ...hostedChatWebViewProps,
+          ref: nativeWebViewRef,
           source: { uri: state.conversationUrl },
           style: styles.webview,
           startInLoadingState: true,
           injectedJavaScriptBeforeContentLoaded: getInjectedWebViewScript(),
           onMessage: handleWebViewMessage,
+          onLoadEnd: postIdentityToNativeWebView,
           renderLoading: () => createElement(
             View,
             { style: styles.loading },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sagepilot-ai/react-native-sdk",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Sagepilot AI React Native chat SDK",
   "keywords": [
     "sagepilot",

package/LICENSE.md

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Sagepilot AI
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.