@dynamic-labs/react-native-extension 4.0.0-alpha.11 → 4.0.0-alpha.12

package/index.cjs

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var assertPackageVersion = require('@dynamic-labs/assert-package-version');
+var reactNative = require('react-native');
 var react = require('react');
 var reactNativeWebview = require('react-native-webview');
 var messageTransport = require('@dynamic-labs/message-transport');
 var logger$1 = require('@dynamic-labs/logger');
-var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
 var reactNativePasskeyStamper = require('@turnkey/react-native-passkey-stamper');
 var expoLinking = require('expo-linking');
 var expoWebBrowser = require('expo-web-browser');
 var expoSecureStore = require('expo-secure-store');
 
-var version = "4.0.0-alpha.11";
+var version = "4.0.0-alpha.12";
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -189,21 +189,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const setupFetchHandler = core => {
-  const fetchRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
-  fetchRequestChannel.handle('fetch', (input, init) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(input, init);
-    const responseBody = yield response.text();
-    return {
-      body: responseBody,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      headers: Object.fromEntries(response.headers.entries()),
-      status: response.status,
-      statusText: response.statusText
-    };
-  }));
-};
-
 const setupPasskeyHandler = core => {
   const passkeysRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
   passkeysRequestChannel.handle('createPasskey', _a => __awaiter(void 0, [_a], void 0, function* ({
@@ -267,9 +252,20 @@ const ReactNativeExtension = ({
   webviewDebuggingEnabled,
   appOrigin
 } = {}) => (_, core) => {
+  const isPlatformSupportedByWebView = reactNative.Platform.OS === 'android' || reactNative.Platform.OS === 'ios';
+  /**
+   * If react-native-webview does not supported it will return
+   * a dummy webview component so it does not break expo for web
+   */
+  if (!isPlatformSupportedByWebView) {
+    return {
+      reactNative: {
+        WebView: () => null
+      }
+    };
+  }
   if (appOrigin) core.manifest.setAppOrigin(appOrigin);
   setupPasskeyHandler(core);
-  setupFetchHandler(core);
   setupPlatformHandler(core);
   setupSecureStorageHandler(core);
   return {

package/index.js

@@ -1,16 +1,16 @@
 import { assertPackageVersion } from '@dynamic-labs/assert-package-version';
+import { StyleSheet, Platform } from 'react-native';
 import { useRef, useEffect, useCallback, useState } from 'react';
 import { WebView as WebView$1 } from 'react-native-webview';
 import { parseMessageTransportData, createRequestChannel } from '@dynamic-labs/message-transport';
 import { Logger } from '@dynamic-labs/logger';
-import { StyleSheet } from 'react-native';
 import { jsx } from 'react/jsx-runtime';
 import { createPasskey, PasskeyStamper } from '@turnkey/react-native-passkey-stamper';
 import { createURL, openURL } from 'expo-linking';
 import { openAuthSessionAsync } from 'expo-web-browser';
 import { getItemAsync, setItemAsync, deleteItemAsync } from 'expo-secure-store';
 
-var version = "4.0.0-alpha.11";
+var version = "4.0.0-alpha.12";
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -185,21 +185,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const setupFetchHandler = core => {
-  const fetchRequestChannel = createRequestChannel(core.messageTransport);
-  fetchRequestChannel.handle('fetch', (input, init) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(input, init);
-    const responseBody = yield response.text();
-    return {
-      body: responseBody,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      headers: Object.fromEntries(response.headers.entries()),
-      status: response.status,
-      statusText: response.statusText
-    };
-  }));
-};
-
 const setupPasskeyHandler = core => {
   const passkeysRequestChannel = createRequestChannel(core.messageTransport);
   passkeysRequestChannel.handle('createPasskey', _a => __awaiter(void 0, [_a], void 0, function* ({
@@ -263,9 +248,20 @@ const ReactNativeExtension = ({
   webviewDebuggingEnabled,
   appOrigin
 } = {}) => (_, core) => {
+  const isPlatformSupportedByWebView = Platform.OS === 'android' || Platform.OS === 'ios';
+  /**
+   * If react-native-webview does not supported it will return
+   * a dummy webview component so it does not break expo for web
+   */
+  if (!isPlatformSupportedByWebView) {
+    return {
+      reactNative: {
+        WebView: () => null
+      }
+    };
+  }
   if (appOrigin) core.manifest.setAppOrigin(appOrigin);
   setupPasskeyHandler(core);
-  setupFetchHandler(core);
   setupPlatformHandler(core);
   setupSecureStorageHandler(core);
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/react-native-extension",
-  "version": "4.0.0-alpha.11",
+  "version": "4.0.0-alpha.12",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./src/index.d.ts",
@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "@turnkey/react-native-passkey-stamper": "0.2.5",
-    "@dynamic-labs/assert-package-version": "4.0.0-alpha.11",
-    "@dynamic-labs/client": "4.0.0-alpha.11",
-    "@dynamic-labs/logger": "4.0.0-alpha.11",
-    "@dynamic-labs/message-transport": "4.0.0-alpha.11"
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.12",
+    "@dynamic-labs/client": "4.0.0-alpha.12",
+    "@dynamic-labs/logger": "4.0.0-alpha.12",
+    "@dynamic-labs/message-transport": "4.0.0-alpha.12"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/src/ReactNativeExtension/ReactNativeExtension.d.ts

@@ -16,7 +16,7 @@ export type ReactNativeExtensionProps = {
 };
 export type IReactNativeExtension = {
     reactNative: {
-        WebView: () => JSX.Element;
+        WebView: () => JSX.Element | null;
     };
 };
 export declare const ReactNativeExtension: ({ webviewUrl, webviewDebuggingEnabled, appOrigin, }?: ReactNativeExtensionProps) => Extension<IReactNativeExtension>;

package/src/ReactNativeExtension/setupFetchHandler/index.d.ts

@@ -1 +0,0 @@
-export { setupFetchHandler } from './setupFetchHandler';

package/src/ReactNativeExtension/setupFetchHandler/setupFetchHandler.d.ts

@@ -1,2 +0,0 @@
-import { Core } from '@dynamic-labs/client';
-export declare const setupFetchHandler: (core: Core) => void;