@dynamic-labs/react-native-extension 2.1.0-alpha.24 → 2.1.0-alpha.26

package/{index.js → index.cjs}

@@ -1,12 +1,17 @@
-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';
+'use strict';
 
-var version$1 = "2.1.0-alpha.24";
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 expoLinking = require('expo-linking');
+var reactNativePasskeyStamper = require('@turnkey/react-native-passkey-stamper');
+
+var version$1 = "2.1.0-alpha.26";
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1092,14 +1097,14 @@ $$8({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-const logger = new Logger('react-native-extension');
+const logger = new logger$1.Logger('react-native-extension');
 
 const useIsMounted = () => {
-  const isMountedRef = useRef(true);
-  useEffect(() => () => {
+  const isMountedRef = react.useRef(true);
+  react.useEffect(() => () => {
     isMountedRef.current = false;
   }, []);
-  return useCallback(() => isMountedRef.current, [isMountedRef]);
+  return react.useCallback(() => isMountedRef.current, [isMountedRef]);
 };
 
 const useMessageTransportWebViewBridge = (core, webViewRef) => {
@@ -1117,7 +1122,7 @@ const useMessageTransportWebViewBridge = (core, webViewRef) => {
       logger.debug('error parsing data', err);
       return;
     }
-    const message = parseMessageTransportData(parsedData);
+    const message = messageTransport.parseMessageTransportData(parsedData);
     if (!message) {
       logger.debug('invalid message', message);
       return;
@@ -1132,7 +1137,7 @@ const useMessageTransportWebViewBridge = (core, webViewRef) => {
   /**
    * Send messages created by the client to the webview
    */
-  useEffect(() => {
+  react.useEffect(() => {
     const sendMessageToWebView = message => {
       if (!canBroadcastMessages()) return;
       /**
@@ -1681,15 +1686,15 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 const useWebViewVisibility = core => {
-  const webViewVisibilityRequestChannelRef = useRef(createRequestChannel(core.messageTransport));
-  const [visible, setVisible] = useState(false);
-  useEffect(() => webViewVisibilityRequestChannelRef.current.handle('setVisibility', setVisible), [setVisible]);
+  const webViewVisibilityRequestChannelRef = react.useRef(messageTransport.createRequestChannel(core.messageTransport));
+  const [visible, setVisible] = react.useState(false);
+  react.useEffect(() => webViewVisibilityRequestChannelRef.current.handle('setVisibility', setVisible), [setVisible]);
   return {
     visible
   };
 };
 
-const styles = StyleSheet.create({
+const styles = reactNative.StyleSheet.create({
   container: {
     backgroundColor: 'transparent',
     bottom: 0,
@@ -1721,7 +1726,7 @@ const WebView = ({
   core,
   webviewDebuggingEnabled: _webviewDebuggingEnabled = false
 }) => {
-  const webViewRef = useRef(null);
+  const webViewRef = react.useRef(null);
   const {
     visible
   } = useWebViewVisibility(core);
@@ -1729,7 +1734,7 @@ const WebView = ({
     onMessageHandler
   } = useMessageTransportWebViewBridge(core, webViewRef);
   const containerStyles = [styles['container'], visible ? styles.show : styles.hide];
-  return /*#__PURE__*/jsx(WebView$1, {
+  return /*#__PURE__*/jsxRuntime.jsx(reactNativeWebview.WebView, {
     ref: webViewRef,
     source: {
       uri: webviewUrl
@@ -1743,71 +1748,10 @@ const WebView = ({
   }, 'webview');
 };
 const createWebView = props => {
-  const WebViewWrapper = () => /*#__PURE__*/jsx(WebView, Object.assign({}, props));
+  const WebViewWrapper = () => /*#__PURE__*/jsxRuntime.jsx(WebView, Object.assign({}, props));
   return WebViewWrapper;
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-const setupPasskeyHandler = core => {
-  const passkeysRequestChannel = createRequestChannel(core.messageTransport);
-  passkeysRequestChannel.handle('createPasskey', _a => __awaiter(void 0, [_a], void 0, function* ({
-    publicKey
-  }) {
-    try {
-      const {
-        attestation
-      } = yield createPasskey(publicKey);
-      return {
-        attestation
-      };
-    } catch (err) {
-      logger.error(err);
-      throw err;
-    }
-  }));
-  passkeysRequestChannel.handle('passkeyStamp', (rpId, payload) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-      const stamper = new PasskeyStamper({
-        rpId
-      });
-      const stamped = yield stamper.stamp(payload);
-      return stamped;
-    } catch (err) {
-      logger.error(err);
-      throw err;
-    }
-  }));
-};
-
 var classof$3 = classofRaw$2;
 var global$8 = global$j;
 
@@ -2970,8 +2914,38 @@ $({ target: 'Object', stat: true }, {
   }
 });
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 const setupFetchHandler = core => {
-  const fetchRequestChannel = createRequestChannel(core.messageTransport);
+  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();
@@ -2985,6 +2959,56 @@ const setupFetchHandler = core => {
   }));
 };
 
+const setupPlatformHandler = core => {
+  const platformChannel = messageTransport.createRequestChannel(core.messageTransport);
+  core.manifest.setPlatform('react-native');
+  platformChannel.handle('openURL', url => __awaiter(void 0, void 0, void 0, function* () {
+    yield expoLinking.openURL(url);
+  }));
+  platformChannel.handle('openNewWindow', url => __awaiter(void 0, void 0, void 0, function* () {
+    const error = new Error('openNewWindow message handler not implemented');
+    logger.error(error);
+    core.initialization.error = error;
+    throw error;
+  }));
+  // TODO: this is temporary and should be removed once we are able to get the redirect URL from
+  // dashboard as provided from the customer
+  platformChannel.handle('getRedirectUrl', () => __awaiter(void 0, void 0, void 0, function* () {
+    return expoLinking.createURL('');
+  }));
+};
+
+const setupPasskeyHandler = core => {
+  const passkeysRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
+  passkeysRequestChannel.handle('createPasskey', _a => __awaiter(void 0, [_a], void 0, function* ({
+    publicKey
+  }) {
+    try {
+      const {
+        attestation
+      } = yield reactNativePasskeyStamper.createPasskey(publicKey);
+      return {
+        attestation
+      };
+    } catch (err) {
+      logger.error(err);
+      throw err;
+    }
+  }));
+  passkeysRequestChannel.handle('passkeyStamp', (rpId, payload) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+      const stamper = new reactNativePasskeyStamper.PasskeyStamper({
+        rpId
+      });
+      const stamped = yield stamper.stamp(payload);
+      return stamped;
+    } catch (err) {
+      logger.error(err);
+      throw err;
+    }
+  }));
+};
+
 const defaultWebviewUrl = `https://webview.dynamicauth.com/${version$1}`;
 const ReactNativeExtension = ({
   webviewUrl: _webviewUrl = defaultWebviewUrl,
@@ -2994,6 +3018,7 @@ const ReactNativeExtension = ({
   if (appOrigin) core.manifest.setAppOrigin(appOrigin);
   setupPasskeyHandler(core);
   setupFetchHandler(core);
+  setupPlatformHandler(core);
   return {
     reactNative: {
       WebView: createWebView({
@@ -3005,4 +3030,4 @@ const ReactNativeExtension = ({
   };
 };
 
-export { ReactNativeExtension };
+exports.ReactNativeExtension = ReactNativeExtension;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dynamic-labs/react-native-extension",
-  "version": "2.1.0-alpha.24",
-  "main": "./index.js",
-  "module": "./index.js",
+  "version": "2.1.0-alpha.26",
+  "main": "./index.cjs",
+  "module": "./src/index.js",
   "types": "./src/index.d.ts",
-  "type": "module",
+  "type": "commonjs",
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
@@ -14,14 +14,15 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@dynamic-labs/message-transport": "2.1.0-alpha.24",
-    "@dynamic-labs/logger": "2.1.0-alpha.24",
-    "@turnkey/react-native-passkey-stamper": "0.2.5"
+    "@dynamic-labs/message-transport": "2.1.0-alpha.26",
+    "@dynamic-labs/logger": "2.1.0-alpha.26",
+    "@turnkey/react-native-passkey-stamper": "0.2.5",
+    "expo-linking": "6.3.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-native": "^0.73.6",
     "react-native-webview": "^13.6.4",
-    "@dynamic-labs/client": "2.1.0-alpha.24"
+    "@dynamic-labs/client": "2.1.0-alpha.26"
   }
 }

package/src/ReactNativeExtension/index.d.ts

@@ -0,0 +1 @@
+export * from './ReactNativeExtension';

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

@@ -0,0 +1 @@
+export * from './setupPlatformHandler';

package/src/ReactNativeExtension/setupPlatformHandler/setupPlatformHandler.d.ts

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

package/src/components/WebView/index.d.ts

@@ -0,0 +1 @@
+export * from './WebView';

package/src/index.d.ts

@@ -1 +1 @@
-export { ReactNativeExtension, type IReactNativeExtension, } from './lib/ReactNativeExtension';
+export { ReactNativeExtension, type IReactNativeExtension, } from './ReactNativeExtension';

package/src/lib/components/WebView/index.d.ts

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