@dynamic-labs/react-native-extension 4.0.0-alpha.5 → 4.0.0-alpha.50

package/index.cjs

@@ -2,32 +2,28 @@
 
 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.5";
+var version = "4.0.0-alpha.50";
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const logger = new logger$1.Logger('react-native-extension');
@@ -188,21 +184,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* ({
@@ -253,11 +234,35 @@ const setupPlatformHandler = core => {
   }));
 };
 
-const setupSecureStorageHandler = core => {
-  const secureStorageRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
-  secureStorageRequestChannel.handle('getSecureItem', expoSecureStore.getItemAsync);
-  secureStorageRequestChannel.handle('setSecureItem', expoSecureStore.setItemAsync);
-  secureStorageRequestChannel.handle('deleteSecureItem', expoSecureStore.deleteItemAsync);
+const assertValidSource = source => {
+  if (source !== 'secureStorage') {
+    throw new Error(`Invalid storage source "${source}"`);
+  }
+};
+const setupStorageHandler = core => {
+  const storageRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
+  storageRequestChannel.handle('getItem', _a => __awaiter(void 0, [_a], void 0, function* ({
+    key,
+    source
+  }) {
+    assertValidSource(source);
+    return expoSecureStore.getItemAsync(key);
+  }));
+  storageRequestChannel.handle('deleteItem', _b => __awaiter(void 0, [_b], void 0, function* ({
+    key,
+    source
+  }) {
+    assertValidSource(source);
+    return expoSecureStore.deleteItemAsync(key);
+  }));
+  storageRequestChannel.handle('setItem', _c => __awaiter(void 0, [_c], void 0, function* ({
+    key,
+    data,
+    source
+  }) {
+    assertValidSource(source);
+    return expoSecureStore.setItemAsync(key, data);
+  }));
 };
 
 const defaultWebviewUrl = `https://webview.dynamicauth.com/${version}`;
@@ -266,11 +271,22 @@ 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);
+  setupStorageHandler(core);
   return {
     reactNative: {
       WebView: createWebView({
@@ -282,4 +298,6 @@ const ReactNativeExtension = ({
   };
 };
 
+assertPackageVersion.assertPackageVersion('@dynamic-labs/react-native-extension', version);
+
 exports.ReactNativeExtension = ReactNativeExtension;

package/index.js

@@ -1,29 +1,25 @@
+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';
+import { getItemAsync, deleteItemAsync, setItemAsync } from 'expo-secure-store';
 
-var version = "4.0.0-alpha.5";
+var version = "4.0.0-alpha.50";
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const logger = new Logger('react-native-extension');
@@ -184,21 +180,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* ({
@@ -249,11 +230,35 @@ const setupPlatformHandler = core => {
   }));
 };
 
-const setupSecureStorageHandler = core => {
-  const secureStorageRequestChannel = createRequestChannel(core.messageTransport);
-  secureStorageRequestChannel.handle('getSecureItem', getItemAsync);
-  secureStorageRequestChannel.handle('setSecureItem', setItemAsync);
-  secureStorageRequestChannel.handle('deleteSecureItem', deleteItemAsync);
+const assertValidSource = source => {
+  if (source !== 'secureStorage') {
+    throw new Error(`Invalid storage source "${source}"`);
+  }
+};
+const setupStorageHandler = core => {
+  const storageRequestChannel = createRequestChannel(core.messageTransport);
+  storageRequestChannel.handle('getItem', _a => __awaiter(void 0, [_a], void 0, function* ({
+    key,
+    source
+  }) {
+    assertValidSource(source);
+    return getItemAsync(key);
+  }));
+  storageRequestChannel.handle('deleteItem', _b => __awaiter(void 0, [_b], void 0, function* ({
+    key,
+    source
+  }) {
+    assertValidSource(source);
+    return deleteItemAsync(key);
+  }));
+  storageRequestChannel.handle('setItem', _c => __awaiter(void 0, [_c], void 0, function* ({
+    key,
+    data,
+    source
+  }) {
+    assertValidSource(source);
+    return setItemAsync(key, data);
+  }));
 };
 
 const defaultWebviewUrl = `https://webview.dynamicauth.com/${version}`;
@@ -262,11 +267,22 @@ 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);
+  setupStorageHandler(core);
   return {
     reactNative: {
       WebView: createWebView({
@@ -278,4 +294,6 @@ const ReactNativeExtension = ({
   };
 };
 
+assertPackageVersion('@dynamic-labs/react-native-extension', version);
+
 export { ReactNativeExtension };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/react-native-extension",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-alpha.50",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./src/index.d.ts",
@@ -14,10 +14,11 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@turnkey/react-native-passkey-stamper": "0.2.5",
-    "@dynamic-labs/client": "4.0.0-alpha.5",
-    "@dynamic-labs/logger": "4.0.0-alpha.5",
-    "@dynamic-labs/message-transport": "4.0.0-alpha.5"
+    "@turnkey/react-native-passkey-stamper": "0.2.15",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.50",
+    "@dynamic-labs/client": "4.0.0-alpha.50",
+    "@dynamic-labs/logger": "4.0.0-alpha.50",
+    "@dynamic-labs/message-transport": "4.0.0-alpha.50"
   },
   "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/setupStorageHandler/index.d.ts

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

package/src/ReactNativeExtension/setupStorageHandler/setupStorageHandler.d.ts

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

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;

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

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

package/src/ReactNativeExtension/setupSecureStorageHandler/setupSecureStorageHandler.d.ts

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