@magic-sdk/react-native-bare 32.3.0-canary.970.19965747020.0 → 33.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +4 -4
- package/dist/es/index.js +1 -1
- package/dist/es/index.js.map +4 -4
- package/dist/types/react-native-webview-controller.d.ts +0 -4
- package/package.json +3 -6
- package/dist/types/native-crypto/constants/index.d.ts +0 -2
- package/dist/types/native-crypto/dpop.d.ts +0 -11
- package/dist/types/native-crypto/keychain.d.ts +0 -4
- package/dist/types/native-crypto/types/index.d.ts +0 -18
- package/dist/types/native-crypto/utils/der.d.ts +0 -5
- package/dist/types/native-crypto/utils/jwk.d.ts +0 -10
- package/dist/types/native-crypto/utils/key-alias.d.ts +0 -11
- package/dist/types/native-crypto/utils/uint8.d.ts +0 -21
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var G=Object.create;var y=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var z=(o,r)=>{for(var n in r)y(o,n,{get:r[n],enumerable:!0})},g=(o,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of K(r))!q.call(o,i)&&i!==n&&y(o,i,{get:()=>r[i],enumerable:!(s=$(r,i))||s.enumerable});return o},t=(o,r,n)=>(g(o,r,"default"),n&&g(n,r,"default")),m=(o,r,n)=>(n=o!=null?G(Y(o)):{},g(r||!o||!o.__esModule?y(n,"default",{value:o,enumerable:!0}):n,o)),J=o=>g(y({},"__esModule",{value:!0}),o);var e={};z(e,{Magic:()=>Z,useInternetConnection:()=>h});module.exports=J(e);var ce=require("regenerator-runtime/runtime"),D=require("@magic-sdk/provider"),X=m(require("process")),S=require("whatwg-url"),R=require("buffer"),T=m(require("lodash")),L=require("react-native-device-info");var a=m(require("react")),v=require("react-native"),V=require("react-native-webview"),O=require("react-native-safe-area-context"),E=require("@magic-sdk/provider"),P=require("lodash"),f=m(require("@react-native-async-storage/async-storage")),_=require("react-native-event-listeners");var u=require("react"),C=m(require("@react-native-community/netinfo")),h=()=>{let[o,r]=(0,u.useState)(!0);return(0,u.useEffect)(()=>{let n=s=>{r(!!s.isConnected)};return C.default.addEventListener(n)},[]),o};var A="MAGIC_PAYLOAD_FLAG_TYPED_ARRAY",H="open_in_device_browser",j="#FFFFFF",M="msg_posted_after_inactivity_event",w="lastMessageTime";function Q(){return v.StyleSheet.create({"magic-webview":{flex:1,backgroundColor:"transparent"},"webview-container":{flex:1,width:"100%",backgroundColor:"transparent",position:"absolute",top:0,left:0,right:0,bottom:0},show:{zIndex:1e4,elevation:1e4},hide:{zIndex:-1e4,elevation:0}})}var b=class extends E.ViewController{webView;container;styles;init(){this.webView=null,this.container=null,this.styles=Q()}Relayer=r=>{let[n,s]=(0,a.useState)(!1),[i,l]=(0,a.useState)(!0),d=h();(0,a.useEffect)(()=>{this.isConnectedToInternet=d},[d]),(0,a.useEffect)(()=>(f.default.setItem(w,""),()=>{this.isReadyForRequest=!1}),[]),(0,a.useEffect)(()=>{_.EventRegister.addEventListener(M,async c=>{this.isReadyForRequest=!1,l(!1),this.post(c.msgType,c.payload),await f.default.setItem(w,new Date().toISOString())})},[]),(0,a.useEffect)(()=>{i||setTimeout(()=>l(!0),10)},[i]);let N=(0,a.useCallback)(c=>{this.webView=c},[]),k=(0,a.useCallback)(c=>{this.container={...c,showOverlay:F,hideOverlay:U}},[]),F=(0,a.useCallback)(()=>{s(!0)},[]),U=(0,a.useCallback)(()=>{s(!1)},[]),W=(0,a.useMemo)(()=>[this.styles["webview-container"],n?{...this.styles.show,backgroundColor:r??j}:this.styles.hide],[n]),B=(0,a.useCallback)(c=>{this.handleReactNativeWebViewMessage(c)},[]);return i?a.default.createElement(O.SafeAreaView,{ref:k,style:W},a.default.createElement(V.WebView,{ref:N,source:{uri:`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`},onMessage:B,style:this.styles["magic-webview"],webviewDebuggingEnabled:!0,autoManageStatusBarEnabled:!1,onShouldStartLoadWithRequest:c=>new URLSearchParams(c.url.split("?")[1]).get(H)?(v.Linking.openURL(c.url),!1):!0})):null};handleReactNativeWebViewMessage(r){let n=new URL(`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`);if(r.nativeEvent&&typeof r.nativeEvent.data=="string"&&(r.nativeEvent.url===`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`||r.nativeEvent.url===`${this.endpoint}/send/?params=${this.parameters}`||r.nativeEvent.url===this.endpoint||r.nativeEvent.title===`${n.hostname}/send/${n.search}`)){let s=JSON.parse(r.nativeEvent.data,(i,l)=>{try{if(l&&typeof l=="object"&&l.flag&&l.flag===A)return new global[l.constructor](l.data.split(","))}catch(d){console.log("Error parsing data",d)}return l});if(s&&s.msgType&&this.messageHandlers.size){s.response=s.response??{};let i={data:s};for(let l of this.messageHandlers.values())l(i)}}}async msgPostedAfterInactivity(){let r=await f.default.getItem(w);if(r){let n=new Date(r).getTime(),s=new Date().getTime(),i=5*60*1e3;return s-n>i}return!1}hideOverlay(){this.container&&this.container.hideOverlay()}showOverlay(){this.container&&this.container.showOverlay()}async _post(r){if(await this.msgPostedAfterInactivity()){_.EventRegister.emit(M,r);return}if(this.webView&&this.webView.postMessage)this.webView.postMessage(JSON.stringify(r,(n,s)=>(0,P.isTypedArray)(s)?{constructor:s.constructor.name,data:s.toString(),flag:A}:s)),f.default.setItem(w,new Date().toISOString());else throw(0,E.createModalNotReadyError)()}checkRelayerExistsInDOM(){return Promise.resolve(!0)}reloadRelayer(){return Promise.resolve(void 0)}};var x=require("@magic-sdk/provider"),I=class extends x.SDKBase{get Relayer(){return this.overlay.Relayer}};var p=m(require("@react-native-async-storage/async-storage"));t(e,require("@magic-sdk/provider"),module.exports);t(e,require("@magic-sdk/types"),module.exports);global.process=T.default.merge(global.process,X);global.process.browser=!1;global.Buffer=R.Buffer;global.URL=S.URL;global.URLSearchParams=S.URLSearchParams;global.btoa=o=>R.Buffer.from(o,"binary").toString("base64");global.atob=o=>R.Buffer.from(o,"base64").toString("binary");var Z=(0,D.createSDK)(I,{platform:"react-native",sdkName:"@magic-sdk/react-native-bare",version:"32.2.1",bundleId:(0,L.getBundleId)(),defaultEndpoint:"https://box.magic.link/",ViewController:b,configureStorage:async()=>({ready:async()=>Promise.resolve(!0),getItem:p.default.getItem,setItem:p.default.setItem,removeItem:p.default.removeItem,clear:p.default.clear,length:()=>{},key:()=>{},keys:p.default.getAllKeys,iterate:()=>{}})});0&&(module.exports={Magic,useInternetConnection,...require("@magic-sdk/provider"),...require("@magic-sdk/types")});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts", "../../src/react-native-webview-controller.tsx", "../../src/hooks.ts", "../../src/
|
|
4
|
-
"sourcesContent": ["/* istanbul ignore file */\n\nimport 'regenerator-runtime/runtime';\n\nimport { createSDK, InstanceWithExtensions, MagicSDKExtensionsOption } from '@magic-sdk/provider';\nimport * as processPolyfill from 'process';\nimport { URL as URLPolyfill, URLSearchParams as URLSearchParamsPolyfill } from 'whatwg-url';\nimport { Buffer } from 'buffer';\nimport _ from 'lodash';\nimport { getBundleId } from 'react-native-device-info';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\nimport { SDKBaseReactNative } from './react-native-sdk-base';\nimport type localForage from 'localforage';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\n// Web3 assumes a browser context, so we need\n// to provide `btoa` and `atob` shims.\n\n// We expect `global.process` to be a Node Process for web3.js usage\n// so we replace it here.\nglobal.process = _.merge(global.process, processPolyfill);\n\n(global.process as any).browser = false;\n\n// WHATWG URL requires global `Buffer` access.\nglobal.Buffer = Buffer;\n\n// Setup global WHATWG URL polyfills\nglobal.URL = URLPolyfill as any;\nglobal.URLSearchParams = URLSearchParamsPolyfill as any;\n\n/* istanbul ignore next */\nglobal.btoa = str => Buffer.from(str, 'binary').toString('base64');\n/* istanbul ignore next */\nglobal.atob = b64Encoded => Buffer.from(b64Encoded, 'base64').toString('binary');\n\nexport * from '@magic-sdk/provider';\nexport * from '@magic-sdk/types';\n\nexport const Magic = createSDK(SDKBaseReactNative, {\n platform: 'react-native',\n sdkName: '@magic-sdk/react-native-bare',\n version: process.env.BARE_REACT_NATIVE_VERSION!,\n bundleId: getBundleId(),\n defaultEndpoint: 'https://box.magic.link/',\n ViewController: ReactNativeWebViewController,\n configureStorage: /* istanbul ignore next */ async () => {\n return {\n ready: async () => Promise.resolve(true),\n getItem: AsyncStorage.getItem,\n setItem: AsyncStorage.setItem,\n removeItem: AsyncStorage.removeItem,\n clear: AsyncStorage.clear,\n length: () => {},\n key: () => {},\n keys: AsyncStorage.getAllKeys,\n iterate: () => {},\n } as unknown as typeof localForage;\n },\n});\n\nexport type Magic<T extends MagicSDKExtensionsOption<any> = MagicSDKExtensionsOption> = InstanceWithExtensions<\n SDKBaseReactNative,\n T\n>;\n\nexport { useInternetConnection } from './hooks';\n", "import React, { useState, useCallback, useMemo, useEffect } from 'react';\nimport { Linking, StyleSheet, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { ViewController, createModalNotReadyError } from '@magic-sdk/provider';\nimport { MagicMessageEvent } from '@magic-sdk/types';\nimport { isTypedArray } from 'lodash';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { EventRegister } from 'react-native-event-listeners';\n/* global NodeJS */\nimport Global = NodeJS.Global;\nimport { useInternetConnection } from './hooks';\nimport { getRefreshTokenInKeychain, setRefreshTokenInKeychain } from './native-crypto/keychain';\nimport { getDpop } from './native-crypto/dpop';\n\nconst MAGIC_PAYLOAD_FLAG_TYPED_ARRAY = 'MAGIC_PAYLOAD_FLAG_TYPED_ARRAY';\nconst OPEN_IN_DEVICE_BROWSER = 'open_in_device_browser';\nconst DEFAULT_BACKGROUND_COLOR = '#FFFFFF';\nconst MSG_POSTED_AFTER_INACTIVITY_EVENT = 'msg_posted_after_inactivity_event';\nconst LAST_MESSAGE_TIME = 'lastMessageTime';\n/**\n * Builds the Magic `<WebView>` overlay styles. These base styles enable\n * `<WebView>` UI to render above all other DOM content.\n */\nfunction createWebViewStyles() {\n return StyleSheet.create({\n 'magic-webview': { flex: 1, backgroundColor: 'transparent' },\n\n 'webview-container': {\n flex: 1,\n width: '100%',\n backgroundColor: 'transparent',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n show: { zIndex: 10000, elevation: 10000 },\n\n hide: { zIndex: -10000, elevation: 0 },\n });\n}\n\n/**\n * Overloads React Native's `<View>` with helper methods we require to hide/show\n * the rendered `<WebView>`.\n */\ninterface ViewWrapper extends View {\n showOverlay: () => void;\n hideOverlay: () => void;\n}\n\n/**\n * View controller for the Magic `<WebView>` overlay.\n */\nexport class ReactNativeWebViewController extends ViewController {\n private webView!: WebView | null;\n private container!: ViewWrapper | null;\n private styles: any;\n\n protected init() {\n this.webView = null;\n this.container = null;\n this.styles = createWebViewStyles();\n }\n\n /**\n * Renders a React Native `<WebView>` with built-in message handling to and\n * from the Magic `<iframe>` context.\n */\n // Validating this logic requires lots of React-specific boilerplate. We will\n // revisit this method for unit testing in the future. For now, manual testing\n // is sufficient (this logic is stable right now and not expected to change in\n // the foreseeable future).\n /* istanbul ignore next */\n public Relayer: React.FC<{ backgroundColor?: string }> = backgroundColor => {\n const [show, setShow] = useState(false);\n const [mountOverlay, setMountOverlay] = useState(true);\n const isConnected = useInternetConnection();\n\n useEffect(() => {\n this.isConnectedToInternet = isConnected;\n }, [isConnected]);\n\n useEffect(() => {\n // reset lastMessage when webview is first mounted\n AsyncStorage.setItem(LAST_MESSAGE_TIME, '');\n return () => {\n this.isReadyForRequest = false;\n };\n }, []);\n\n useEffect(() => {\n EventRegister.addEventListener(MSG_POSTED_AFTER_INACTIVITY_EVENT, async message => {\n // If inactivity has been determined, the message is posted only after a brief\n // unmount and re-mount of the webview. This is to ensure the webview is accepting messages.\n // iOS kills webview processes after a certain period of inactivity, like when the app is\n // on background for long periods of time.\n this.isReadyForRequest = false;\n setMountOverlay(false);\n this.post(message.msgType, message.payload);\n await AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n });\n }, []);\n\n useEffect(() => {\n if (!mountOverlay) {\n // Briefly unmount and re-mount the webview to ensure it's ready to accept messages.\n setTimeout(() => setMountOverlay(true), 10);\n }\n }, [mountOverlay]);\n\n /**\n * Saves a reference to the underlying `<WebView>` node so we can interact\n * with incoming messages.\n */\n const webViewRef = useCallback((webView: any): void => {\n this.webView = webView;\n }, []);\n\n /**\n * Saves a reference to the underlying `<View>` node so we can interact with\n * display styles.\n */\n const containerRef = useCallback((view: any): void => {\n this.container = { ...view, showOverlay, hideOverlay };\n }, []);\n\n /**\n * Show the Magic `<WebView>` overlay.\n */\n const showOverlay = useCallback(() => {\n setShow(true);\n }, []);\n\n /**\n * Hide the Magic `<WebView>` overlay.\n */\n const hideOverlay = useCallback(() => {\n setShow(false);\n }, []);\n\n const containerStyles = useMemo(() => {\n return [\n this.styles['webview-container'],\n show ? { ...this.styles.show, backgroundColor: backgroundColor ?? DEFAULT_BACKGROUND_COLOR } : this.styles.hide,\n ];\n }, [show]);\n\n const handleWebViewMessage = useCallback((event: unknown) => {\n this.handleReactNativeWebViewMessage(event);\n }, []);\n\n if (!mountOverlay) {\n return null;\n }\n\n return (\n <SafeAreaView ref={containerRef} style={containerStyles}>\n <WebView\n ref={webViewRef}\n source={{ uri: `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` }}\n onMessage={handleWebViewMessage}\n style={this.styles['magic-webview']}\n webviewDebuggingEnabled\n autoManageStatusBarEnabled={false}\n onShouldStartLoadWithRequest={event => {\n const queryParams = new URLSearchParams(event.url.split('?')[1]);\n const openInDeviceBrowser = queryParams.get(OPEN_IN_DEVICE_BROWSER);\n\n if (openInDeviceBrowser) {\n Linking.openURL(event.url);\n return false;\n }\n return true;\n }}\n />\n </SafeAreaView>\n );\n };\n\n /**\n * Route incoming messages from a React Native `<WebView>`.\n */\n private handleReactNativeWebViewMessage(event: any) {\n const url = new URL(`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`);\n\n if (\n event.nativeEvent &&\n typeof event.nativeEvent.data === 'string' &&\n /* Backward compatible */\n (event.nativeEvent.url === `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` ||\n event.nativeEvent.url === `${this.endpoint}/send/?params=${this.parameters}` ||\n event.nativeEvent.url === this.endpoint ||\n event.nativeEvent.title === `${url.hostname}/send/${url.search}`)\n ) {\n // Special parsing logic when dealing with TypedArray in the payload\n // Such change is required as JSON.stringify will manipulate the object and cause exceptions during parsing\n // The typed Array is stringified in Mgbox with a flag as notation.\n const data: any = JSON.parse(event.nativeEvent.data, (key, value) => {\n try {\n if (value && typeof value === 'object' && value.flag && value.flag === MAGIC_PAYLOAD_FLAG_TYPED_ARRAY) {\n return new (global[value.constructor as keyof Global] as any)(value.data.split(','));\n }\n\n // silently handles exception and return the original copy\n } catch (e) {\n console.log('Error parsing data', e);\n }\n return value;\n });\n if (data && data.msgType && this.messageHandlers.size) {\n // If the response object is undefined, we ensure it's at least an\n // empty object before passing to the event listener.\n\n data.response = data.response ?? {};\n\n // Reconstruct event from RN event\n const magicEvent: MagicMessageEvent = { data } as MagicMessageEvent;\n for (const handler of this.messageHandlers.values()) {\n handler(magicEvent);\n }\n }\n }\n }\n\n private async msgPostedAfterInactivity() {\n const lastPostTimestamp: string | null = await AsyncStorage.getItem(LAST_MESSAGE_TIME);\n if (lastPostTimestamp) {\n const lastPostDate = new Date(lastPostTimestamp).getTime();\n const now = new Date().getTime();\n const fiveMinutes = 5 * 60 * 1000;\n\n // there's been inactivity if the new message is posted\n // 5 min or more after the last message.\n return now - lastPostDate > fiveMinutes;\n }\n return false;\n }\n\n protected hideOverlay() {\n if (this.container) this.container.hideOverlay();\n }\n\n protected showOverlay() {\n if (this.container) this.container.showOverlay();\n }\n\n protected async _post(data: any) {\n if (await this.msgPostedAfterInactivity()) {\n EventRegister.emit(MSG_POSTED_AFTER_INACTIVITY_EVENT, data);\n return;\n }\n if (this.webView && this.webView.postMessage) {\n this.webView.postMessage(\n JSON.stringify(data, (key, value) => {\n // parse Typed Array to Stringify object\n if (isTypedArray(value)) {\n return {\n constructor: value.constructor.name,\n data: value.toString(),\n flag: MAGIC_PAYLOAD_FLAG_TYPED_ARRAY,\n };\n }\n return value;\n }),\n );\n AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n } else {\n throw createModalNotReadyError();\n }\n }\n\n // Overrides parent method to keep refresh token in keychain\n async persistMagicEventRefreshToken(event: MagicMessageEvent) {\n if (!event?.data?.rt) {\n return;\n }\n\n await setRefreshTokenInKeychain(event.data.rt);\n }\n\n // Overrides parent method to retrieve refresh token from keychain while creating a request\n async getRT(): Promise<string | null> {\n return await getRefreshTokenInKeychain();\n }\n\n async getJWT(): Promise<string | null | undefined> {\n try {\n return await getDpop();\n } catch (e) {\n return null;\n }\n }\n\n // Todo - implement these methods\n /* istanbul ignore next */\n protected checkRelayerExistsInDOM(): Promise<boolean> {\n return Promise.resolve(true);\n }\n\n /* istanbul ignore next */\n protected reloadRelayer(): Promise<void> {\n return Promise.resolve(undefined);\n }\n}\n", "import { useEffect, useState } from 'react';\nimport NetInfo, { NetInfoState } from '@react-native-community/netinfo';\n\nexport const useInternetConnection = () => {\n const [isConnected, setIsConnected] = useState(true);\n useEffect(() => {\n const handleConnectionChange = (connectionInfo: NetInfoState) => {\n setIsConnected(!!connectionInfo.isConnected);\n };\n\n // Subscribe to connection changes and cleanup on unmount\n return NetInfo.addEventListener(handleConnectionChange);\n }, []);\n\n return isConnected;\n};\n", "import * as Keychain from 'react-native-keychain';\nimport { getKeyAlias } from './utils/key-alias';\n\nconst SERVICE = getKeyAlias('refreshTokenService');\nconst KEY = getKeyAlias('refreshToken');\n\nlet cachedRefreshToken: string | null = null;\n\nexport const setRefreshTokenInKeychain = async (rt: string) => {\n // Skip write if token hasn't changed\n if (cachedRefreshToken === rt) {\n return true;\n }\n\n try {\n const result = await Keychain.setGenericPassword(KEY, rt, {\n service: SERVICE,\n accessible: Keychain.ACCESSIBLE.AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY,\n });\n cachedRefreshToken = rt; // Update cache on successful write\n return result;\n } catch (error) {\n console.error('Failed to set refresh token in keychain', error);\n return false;\n }\n};\n\nexport const getRefreshTokenInKeychain = async (): Promise<string | null> => {\n // Return cached value if available\n if (cachedRefreshToken !== null) {\n return cachedRefreshToken;\n }\n\n try {\n const keychainEntry = await Keychain.getGenericPassword({ service: SERVICE });\n if (!keychainEntry) return null;\n\n cachedRefreshToken = keychainEntry.password;\n return cachedRefreshToken;\n } catch (error) {\n console.error('Failed to get refresh token in keychain', error);\n return null;\n }\n};\n\nexport const removeRefreshTokenInKeychain = async () => {\n try {\n cachedRefreshToken = null; // Clear cache\n return await Keychain.resetGenericPassword({ service: SERVICE });\n } catch (error) {\n console.error('Failed to remove refresh token in keychain', error);\n return null;\n }\n};\n", "import DeviceInfo from 'react-native-device-info';\n\nconst KEY_SUFFIX_MAP = {\n dpop: 'magic.sdk.dpop',\n refreshToken: 'magic.sdk.rt',\n refreshTokenService: 'magic.sdk.rt.service',\n};\n\n/**\n * Returns the key alias for the given key.\n * Let's us to safely store the keys in the keychain and avoid conflicts with other apps using magic sdk.\n */\nexport function getKeyAlias(key: keyof typeof KEY_SUFFIX_MAP): string {\n const appId = DeviceInfo.getBundleId();\n return `${appId}.${KEY_SUFFIX_MAP[key]}`;\n}\n", "import uuid from 'react-native-uuid';\nimport { toBase64Url } from './utils/uint8';\nimport { spkiToJwk } from './utils/jwk';\nimport { ALG, TYP } from './constants';\nimport { derToRawSignature } from './utils/der';\nimport { DpopClaims, DpopHeader } from './types';\nimport DeviceCrypto, { AccessLevel } from 'react-native-device-crypto';\nimport { getKeyAlias } from './utils/key-alias';\n\nconst KEY_ALIAS = getKeyAlias('dpop');\n\n/**\n * Generates the DPoP proof compatible with the Python backend.\n * Handles key creation (if missing), JWK construction, and signing.\n */\nexport const getDpop = async (): Promise<string | null> => {\n try {\n // 1. Get or Create Key in Secure Enclave\n // We strictly disable authentication to avoid biometric prompts\n const publicKey = await DeviceCrypto.getOrCreateAsymmetricKey(KEY_ALIAS, {\n accessLevel: AccessLevel.ALWAYS, // Key is always accessible in this device\n invalidateOnNewBiometry: false,\n });\n\n // 2. Prepare Public Key as JWK\n // Toaster backend expects JWK in the header\n const publicJwk = spkiToJwk(publicKey);\n\n // 3. Construct Payload\n const now = Math.floor(Date.now() / 1000);\n const claims: DpopClaims = {\n iat: now,\n jti: uuid.v4(),\n };\n\n const header: DpopHeader = {\n typ: TYP,\n alg: ALG,\n jwk: publicJwk,\n };\n\n // 4. Prepare Signing Input\n const headerB64 = toBase64Url(JSON.stringify(header));\n const payloadB64 = toBase64Url(JSON.stringify(claims));\n const signingInput = `${headerB64}.${payloadB64}`;\n\n // 5. Sign Data\n // DeviceCrypto returns a Base64 signature.\n const signatureBase64 = await DeviceCrypto.sign(KEY_ALIAS, signingInput, {\n // Biometry prompts should not be fired since the key is always accessible in this device\n biometryTitle: 'Sign DPoP',\n biometrySubTitle: 'Sign DPoP',\n biometryDescription: 'Sign DPoP',\n });\n\n // 6. Convert Signature (Toaster expects Raw R|S)\n const signatureB64 = derToRawSignature(signatureBase64);\n\n return `${signingInput}.${signatureB64}`;\n } catch (error) {\n console.error('DPoP Generation Error:', error);\n return null;\n }\n};\n\n/**\n * Removes the keys from the Secure Enclave\n * Returns true if the key was deleted successfully, false otherwise.\n * @returns {Promise<boolean>} True if the key was deleted successfully, false otherwise.\n */\nexport const deleteDpop = async (): Promise<boolean> => {\n try {\n return await DeviceCrypto.deleteKey(KEY_ALIAS);\n } catch (error) {\n console.error('DPoP Deletion Error:', error);\n return false;\n }\n};\n", "/**\n * Encodes a Uint8Array to a Base64 string.\n * Uses native 'btoa' by converting bytes to a binary string first.\n */\nexport const uint8ArrayToBase64 = (bytes: Uint8Array): string => {\n let binary = '';\n const len = bytes.byteLength;\n for (let i = 0; i < len; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return btoa(binary);\n};\n\n/**\n * Decodes a Base64 string to a Uint8Array.\n * Uses native 'atob'.\n */\nexport const base64ToUint8Array = (base64: string): Uint8Array => {\n const binaryString = atob(base64);\n const len = binaryString.length;\n const bytes = new Uint8Array(len);\n for (let i = 0; i < len; i++) {\n bytes[i] = binaryString.charCodeAt(i);\n }\n return bytes;\n};\n\n/**\n * Converts a string (UTF-8) to Uint8Array.\n * Polyfill for simple ASCII/UTF-8 if TextEncoder is not available,\n * but TextEncoder is standard in RN 0.68+.\n */\nexport const stringToUint8Array = (str: string): Uint8Array => {\n // Use TextEncoder if available (standard in modern RN)\n if (typeof TextEncoder !== 'undefined') {\n return new TextEncoder().encode(str);\n }\n // Fallback for older environments\n const arr = [];\n for (let i = 0; i < str.length; i++) {\n let code = str.charCodeAt(i);\n if (code < 0x80) {\n arr.push(code);\n } else if (code < 0x800) {\n arr.push(0xc0 | (code >> 6), 0x80 | (code & 0x3f));\n } else if (code < 0xd800 || code >= 0xe000) {\n arr.push(0xe0 | (code >> 12), 0x80 | ((code >> 6) & 0x3f), 0x80 | (code & 0x3f));\n } else {\n i++;\n code = 0x10000 + (((code & 0x3ff) << 10) | (str.charCodeAt(i) & 0x3ff));\n arr.push(0xf0 | (code >> 18), 0x80 | ((code >> 12) & 0x3f), 0x80 | ((code >> 6) & 0x3f), 0x80 | (code & 0x3f));\n }\n }\n return new Uint8Array(arr);\n};\n\n/**\n * Encodes input (String or Uint8Array) to Base64Url (RFC 4648).\n * Removes padding '=', replaces '+' with '-', and '/' with '_'\n */\nexport const toBase64Url = (input: string | Uint8Array): string => {\n let bytes: Uint8Array;\n\n if (typeof input === 'string') {\n bytes = stringToUint8Array(input);\n } else {\n bytes = input;\n }\n\n const base64 = uint8ArrayToBase64(bytes);\n return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n};\n", "import { base64ToUint8Array, toBase64Url } from './uint8';\n\n/**\n * Converts SPKI Public Key (Base64) to JWK format.\n * Extracts Raw X and Y coordinates from the uncompressed point.\n */\nexport const spkiToJwk = (spkiBase64: string) => {\n const buf = base64ToUint8Array(spkiBase64);\n // P-256 SPKI Header is 26 bytes. The key data (0x04 + X + Y) is at the end.\n // We explicitly look for the last 65 bytes (1 header byte + 32 bytes X + 32 bytes Y)\n const rawKey = buf.subarray(buf.length - 65);\n\n if (rawKey[0] !== 0x04) {\n throw new Error('Invalid Public Key format: Expected uncompressed point');\n }\n\n const x = rawKey.subarray(1, 33);\n const y = rawKey.subarray(33, 65);\n\n return {\n kty: 'EC',\n crv: 'P-256',\n x: toBase64Url(x),\n y: toBase64Url(y),\n };\n};\n", "export const ALG = 'ES256';\nexport const TYP = 'dpop+jwt';\n", "import { base64ToUint8Array, toBase64Url } from './uint8';\n\n/**\n * Converts a DER encoded signature (ASN.1) to a Raw R|S signature (64 bytes).\n * Device Crypto returns DER; Toaster backend expects Raw P1363.\n */\nexport const derToRawSignature = (derBase64: string): string => {\n const der = base64ToUint8Array(derBase64);\n\n // DER Structure: 0x30 | total_len | 0x02 | r_len | r_bytes | 0x02 | s_len | s_bytes\n let offset = 2; // Skip Sequence Tag (0x30) and Total Length\n\n // --- Read R ---\n if (der[offset] !== 0x02) throw new Error('Invalid DER: R tag missing');\n offset++; // skip tag\n const rLen = der[offset++]; // read length\n let rBytes = der.subarray(offset, offset + rLen);\n offset += rLen;\n\n // Handle ASN.1 Integer padding for R (remove leading 0x00 if present)\n if (rLen === 33 && rBytes[0] === 0x00) {\n rBytes = rBytes.subarray(1);\n }\n\n // --- Read S ---\n if (der[offset] !== 0x02) throw new Error('Invalid DER: S tag missing');\n offset++; // skip tag\n const sLen = der[offset++]; // read length\n let sBytes = der.subarray(offset, offset + sLen);\n\n // Handle ASN.1 Integer padding for S\n if (sLen === 33 && sBytes[0] === 0x00) {\n sBytes = sBytes.subarray(1);\n }\n\n // --- Construct Raw Signature (64 bytes) ---\n const rawSignature = new Uint8Array(64);\n\n // Copy R into the first 32 bytes (right-aligned/padded)\n rawSignature.set(rBytes, 32 - rBytes.length);\n\n // Copy S into the last 32 bytes (right-aligned/padded)\n rawSignature.set(sBytes, 64 - sBytes.length);\n\n return toBase64Url(rawSignature);\n};\n", "import { SDKBase } from '@magic-sdk/provider';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\n\nexport class SDKBaseReactNative extends SDKBase {\n public get Relayer() {\n return (this.overlay as ReactNativeWebViewController).Relayer;\n }\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["index_exports", "__export", "Magic", "useInternetConnection", "__toCommonJS", "import_runtime", "import_provider", "processPolyfill", "import_whatwg_url", "import_buffer", "import_lodash", "import_react_native_device_info", "import_react", "import_react_native", "import_react_native_webview", "import_react_native_safe_area_context", "import_provider", "import_lodash", "import_async_storage", "import_react_native_event_listeners", "import_react", "import_netinfo", "useInternetConnection", "isConnected", "setIsConnected", "handleConnectionChange", "connectionInfo", "NetInfo", "
|
|
3
|
+
"sources": ["../../src/index.ts", "../../src/react-native-webview-controller.tsx", "../../src/hooks.ts", "../../src/react-native-sdk-base.ts"],
|
|
4
|
+
"sourcesContent": ["/* istanbul ignore file */\n\nimport 'regenerator-runtime/runtime';\n\nimport { createSDK, InstanceWithExtensions, MagicSDKExtensionsOption } from '@magic-sdk/provider';\nimport * as processPolyfill from 'process';\nimport { URL as URLPolyfill, URLSearchParams as URLSearchParamsPolyfill } from 'whatwg-url';\nimport { Buffer } from 'buffer';\nimport _ from 'lodash';\nimport { getBundleId } from 'react-native-device-info';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\nimport { SDKBaseReactNative } from './react-native-sdk-base';\nimport type localForage from 'localforage';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\n// Web3 assumes a browser context, so we need\n// to provide `btoa` and `atob` shims.\n\n// We expect `global.process` to be a Node Process for web3.js usage\n// so we replace it here.\nglobal.process = _.merge(global.process, processPolyfill);\n\n(global.process as any).browser = false;\n\n// WHATWG URL requires global `Buffer` access.\nglobal.Buffer = Buffer;\n\n// Setup global WHATWG URL polyfills\nglobal.URL = URLPolyfill as any;\nglobal.URLSearchParams = URLSearchParamsPolyfill as any;\n\n/* istanbul ignore next */\nglobal.btoa = str => Buffer.from(str, 'binary').toString('base64');\n/* istanbul ignore next */\nglobal.atob = b64Encoded => Buffer.from(b64Encoded, 'base64').toString('binary');\n\nexport * from '@magic-sdk/provider';\nexport * from '@magic-sdk/types';\n\nexport const Magic = createSDK(SDKBaseReactNative, {\n platform: 'react-native',\n sdkName: '@magic-sdk/react-native-bare',\n version: process.env.BARE_REACT_NATIVE_VERSION!,\n bundleId: getBundleId(),\n defaultEndpoint: 'https://box.magic.link/',\n ViewController: ReactNativeWebViewController,\n configureStorage: /* istanbul ignore next */ async () => {\n return {\n ready: async () => Promise.resolve(true),\n getItem: AsyncStorage.getItem,\n setItem: AsyncStorage.setItem,\n removeItem: AsyncStorage.removeItem,\n clear: AsyncStorage.clear,\n length: () => {},\n key: () => {},\n keys: AsyncStorage.getAllKeys,\n iterate: () => {},\n } as unknown as typeof localForage;\n },\n});\n\nexport type Magic<T extends MagicSDKExtensionsOption<any> = MagicSDKExtensionsOption> = InstanceWithExtensions<\n SDKBaseReactNative,\n T\n>;\n\nexport { useInternetConnection } from './hooks';\n", "import React, { useState, useCallback, useMemo, useEffect } from 'react';\nimport { Linking, StyleSheet, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { ViewController, createModalNotReadyError } from '@magic-sdk/provider';\nimport { MagicMessageEvent } from '@magic-sdk/types';\nimport { isTypedArray } from 'lodash';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { EventRegister } from 'react-native-event-listeners';\n/* global NodeJS */\nimport Global = NodeJS.Global;\nimport { useInternetConnection } from './hooks';\n\nconst MAGIC_PAYLOAD_FLAG_TYPED_ARRAY = 'MAGIC_PAYLOAD_FLAG_TYPED_ARRAY';\nconst OPEN_IN_DEVICE_BROWSER = 'open_in_device_browser';\nconst DEFAULT_BACKGROUND_COLOR = '#FFFFFF';\nconst MSG_POSTED_AFTER_INACTIVITY_EVENT = 'msg_posted_after_inactivity_event';\nconst LAST_MESSAGE_TIME = 'lastMessageTime';\n/**\n * Builds the Magic `<WebView>` overlay styles. These base styles enable\n * `<WebView>` UI to render above all other DOM content.\n */\nfunction createWebViewStyles() {\n return StyleSheet.create({\n 'magic-webview': {\n flex: 1,\n backgroundColor: 'transparent',\n },\n\n 'webview-container': {\n flex: 1,\n width: '100%',\n backgroundColor: 'transparent',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n show: {\n zIndex: 10000,\n elevation: 10000,\n },\n\n hide: {\n zIndex: -10000,\n elevation: 0,\n },\n });\n}\n\n/**\n * Overloads React Native's `<View>` with helper methods we require to hide/show\n * the rendered `<WebView>`.\n */\ninterface ViewWrapper extends View {\n showOverlay: () => void;\n hideOverlay: () => void;\n}\n\n/**\n * View controller for the Magic `<WebView>` overlay.\n */\nexport class ReactNativeWebViewController extends ViewController {\n private webView!: WebView | null;\n private container!: ViewWrapper | null;\n private styles: any;\n\n protected init() {\n this.webView = null;\n this.container = null;\n this.styles = createWebViewStyles();\n }\n\n /**\n * Renders a React Native `<WebView>` with built-in message handling to and\n * from the Magic `<iframe>` context.\n */\n // Validating this logic requires lots of React-specific boilerplate. We will\n // revisit this method for unit testing in the future. For now, manual testing\n // is sufficient (this logic is stable right now and not expected to change in\n // the foreseeable future).\n /* istanbul ignore next */\n public Relayer: React.FC<{ backgroundColor?: string }> = backgroundColor => {\n const [show, setShow] = useState(false);\n const [mountOverlay, setMountOverlay] = useState(true);\n const isConnected = useInternetConnection();\n\n useEffect(() => {\n this.isConnectedToInternet = isConnected;\n }, [isConnected]);\n\n useEffect(() => {\n // reset lastMessage when webview is first mounted\n AsyncStorage.setItem(LAST_MESSAGE_TIME, '');\n return () => {\n this.isReadyForRequest = false;\n };\n }, []);\n\n useEffect(() => {\n EventRegister.addEventListener(MSG_POSTED_AFTER_INACTIVITY_EVENT, async message => {\n // If inactivity has been determined, the message is posted only after a brief\n // unmount and re-mount of the webview. This is to ensure the webview is accepting messages.\n // iOS kills webview processes after a certain period of inactivity, like when the app is\n // on background for long periods of time.\n this.isReadyForRequest = false;\n setMountOverlay(false);\n this.post(message.msgType, message.payload);\n await AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n });\n }, []);\n\n useEffect(() => {\n if (!mountOverlay) {\n // Briefly unmount and re-mount the webview to ensure it's ready to accept messages.\n setTimeout(() => setMountOverlay(true), 10);\n }\n }, [mountOverlay]);\n\n /**\n * Saves a reference to the underlying `<WebView>` node so we can interact\n * with incoming messages.\n */\n const webViewRef = useCallback((webView: any): void => {\n this.webView = webView;\n }, []);\n\n /**\n * Saves a reference to the underlying `<View>` node so we can interact with\n * display styles.\n */\n const containerRef = useCallback((view: any): void => {\n this.container = {\n ...view,\n showOverlay,\n hideOverlay,\n };\n }, []);\n\n /**\n * Show the Magic `<WebView>` overlay.\n */\n const showOverlay = useCallback(() => {\n setShow(true);\n }, []);\n\n /**\n * Hide the Magic `<WebView>` overlay.\n */\n const hideOverlay = useCallback(() => {\n setShow(false);\n }, []);\n\n const containerStyles = useMemo(() => {\n return [\n this.styles['webview-container'],\n show\n ? {\n ...this.styles.show,\n backgroundColor: backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n }\n : this.styles.hide,\n ];\n }, [show]);\n\n const handleWebViewMessage = useCallback((event: unknown) => {\n this.handleReactNativeWebViewMessage(event);\n }, []);\n\n if (!mountOverlay) {\n return null;\n }\n\n return (\n <SafeAreaView ref={containerRef} style={containerStyles}>\n <WebView\n ref={webViewRef}\n source={{ uri: `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` }}\n onMessage={handleWebViewMessage}\n style={this.styles['magic-webview']}\n webviewDebuggingEnabled\n autoManageStatusBarEnabled={false}\n onShouldStartLoadWithRequest={event => {\n const queryParams = new URLSearchParams(event.url.split('?')[1]);\n const openInDeviceBrowser = queryParams.get(OPEN_IN_DEVICE_BROWSER);\n\n if (openInDeviceBrowser) {\n Linking.openURL(event.url);\n return false;\n }\n return true;\n }}\n />\n </SafeAreaView>\n );\n };\n\n /**\n * Route incoming messages from a React Native `<WebView>`.\n */\n private handleReactNativeWebViewMessage(event: any) {\n const url = new URL(`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`);\n\n if (\n event.nativeEvent &&\n typeof event.nativeEvent.data === 'string' &&\n /* Backward compatible */\n (event.nativeEvent.url === `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` ||\n event.nativeEvent.url === `${this.endpoint}/send/?params=${this.parameters}` ||\n event.nativeEvent.url === this.endpoint ||\n event.nativeEvent.title === `${url.hostname}/send/${url.search}`)\n ) {\n // Special parsing logic when dealing with TypedArray in the payload\n // Such change is required as JSON.stringify will manipulate the object and cause exceptions during parsing\n // The typed Array is stringified in Mgbox with a flag as notation.\n const data: any = JSON.parse(event.nativeEvent.data, (key, value) => {\n try {\n if (value && typeof value === 'object' && value.flag && value.flag === MAGIC_PAYLOAD_FLAG_TYPED_ARRAY) {\n return new (global[value.constructor as keyof Global] as any)(value.data.split(','));\n }\n\n // silently handles exception and return the original copy\n } catch (e) {\n console.log('Error parsing data', e);\n }\n return value;\n });\n if (data && data.msgType && this.messageHandlers.size) {\n // If the response object is undefined, we ensure it's at least an\n // empty object before passing to the event listener.\n\n data.response = data.response ?? {};\n\n // Reconstruct event from RN event\n const magicEvent: MagicMessageEvent = { data } as MagicMessageEvent;\n for (const handler of this.messageHandlers.values()) {\n handler(magicEvent);\n }\n }\n }\n }\n\n private async msgPostedAfterInactivity() {\n const lastPostTimestamp: string | null = await AsyncStorage.getItem(LAST_MESSAGE_TIME);\n if (lastPostTimestamp) {\n const lastPostDate = new Date(lastPostTimestamp).getTime();\n const now = new Date().getTime();\n const fiveMinutes = 5 * 60 * 1000;\n\n // there's been inactivity if the new message is posted\n // 5 min or more after the last message.\n return now - lastPostDate > fiveMinutes;\n }\n return false;\n }\n\n protected hideOverlay() {\n if (this.container) this.container.hideOverlay();\n }\n\n protected showOverlay() {\n if (this.container) this.container.showOverlay();\n }\n\n protected async _post(data: any) {\n if (await this.msgPostedAfterInactivity()) {\n EventRegister.emit(MSG_POSTED_AFTER_INACTIVITY_EVENT, data);\n return;\n }\n if (this.webView && this.webView.postMessage) {\n this.webView.postMessage(\n JSON.stringify(data, (key, value) => {\n // parse Typed Array to Stringify object\n if (isTypedArray(value)) {\n return {\n constructor: value.constructor.name,\n data: value.toString(),\n flag: MAGIC_PAYLOAD_FLAG_TYPED_ARRAY,\n };\n }\n return value;\n }),\n );\n AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n } else {\n throw createModalNotReadyError();\n }\n }\n\n // Todo - implement these methods\n /* istanbul ignore next */\n protected checkRelayerExistsInDOM(): Promise<boolean> {\n return Promise.resolve(true);\n }\n\n /* istanbul ignore next */\n protected reloadRelayer(): Promise<void> {\n return Promise.resolve(undefined);\n }\n}\n", "import { useEffect, useState } from 'react';\nimport NetInfo, { NetInfoState } from '@react-native-community/netinfo';\n\nexport const useInternetConnection = () => {\n const [isConnected, setIsConnected] = useState(true);\n useEffect(() => {\n const handleConnectionChange = (connectionInfo: NetInfoState) => {\n setIsConnected(!!connectionInfo.isConnected);\n };\n\n // Subscribe to connection changes and cleanup on unmount\n return NetInfo.addEventListener(handleConnectionChange);\n }, []);\n\n return isConnected;\n};\n", "import { SDKBase } from '@magic-sdk/provider';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\n\nexport class SDKBaseReactNative extends SDKBase {\n public get Relayer() {\n return (this.overlay as ReactNativeWebViewController).Relayer;\n }\n}\n"],
|
|
5
|
+
"mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,0BAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,GAAO,uCAEPC,EAA4E,+BAC5EC,EAAiC,sBACjCC,EAA+E,sBAC/EC,EAAuB,kBACvBC,EAAc,qBACdC,EAA4B,oCCT5B,IAAAC,EAAiE,oBACjEC,EAA0C,wBAC1CC,EAAwB,gCACxBC,EAA6B,0CAC7BC,EAAyD,+BAEzDC,EAA6B,kBAC7BC,EAAyB,wDACzBC,EAA8B,wCCR9B,IAAAC,EAAoC,iBACpCC,EAAsC,8CAEzBC,EAAwB,IAAM,CACzC,GAAM,CAACC,EAAaC,CAAc,KAAI,YAAS,EAAI,EACnD,sBAAU,IAAM,CACd,IAAMC,EAA0BC,GAAiC,CAC/DF,EAAe,CAAC,CAACE,EAAe,WAAW,CAC7C,EAGA,OAAO,EAAAC,QAAQ,iBAAiBF,CAAsB,CACxD,EAAG,CAAC,CAAC,EAEEF,CACT,EDFA,IAAMK,EAAiC,iCACjCC,EAAyB,yBACzBC,EAA2B,UAC3BC,EAAoC,oCACpCC,EAAoB,kBAK1B,SAASC,GAAsB,CAC7B,OAAO,aAAW,OAAO,CACvB,gBAAiB,CACf,KAAM,EACN,gBAAiB,aACnB,EAEA,oBAAqB,CACnB,KAAM,EACN,MAAO,OACP,gBAAiB,cACjB,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,CACV,EAEA,KAAM,CACJ,OAAQ,IACR,UAAW,GACb,EAEA,KAAM,CACJ,OAAQ,KACR,UAAW,CACb,CACF,CAAC,CACH,CAcO,IAAMC,EAAN,cAA2C,gBAAe,CACvD,QACA,UACA,OAEE,MAAO,CACf,KAAK,QAAU,KACf,KAAK,UAAY,KACjB,KAAK,OAASD,EAAoB,CACpC,CAWO,QAAkDE,GAAmB,CAC1E,GAAM,CAACC,EAAMC,CAAO,KAAI,YAAS,EAAK,EAChC,CAACC,EAAcC,CAAe,KAAI,YAAS,EAAI,EAC/CC,EAAcC,EAAsB,KAE1C,aAAU,IAAM,CACd,KAAK,sBAAwBD,CAC/B,EAAG,CAACA,CAAW,CAAC,KAEhB,aAAU,KAER,EAAAE,QAAa,QAAQV,EAAmB,EAAE,EACnC,IAAM,CACX,KAAK,kBAAoB,EAC3B,GACC,CAAC,CAAC,KAEL,aAAU,IAAM,CACd,gBAAc,iBAAiBD,EAAmC,MAAMY,GAAW,CAKjF,KAAK,kBAAoB,GACzBJ,EAAgB,EAAK,EACrB,KAAK,KAAKI,EAAQ,QAASA,EAAQ,OAAO,EAC1C,MAAM,EAAAD,QAAa,QAAQV,EAAmB,IAAI,KAAK,EAAE,YAAY,CAAC,CACxE,CAAC,CACH,EAAG,CAAC,CAAC,KAEL,aAAU,IAAM,CACTM,GAEH,WAAW,IAAMC,EAAgB,EAAI,EAAG,EAAE,CAE9C,EAAG,CAACD,CAAY,CAAC,EAMjB,IAAMM,KAAa,eAAaC,GAAuB,CACrD,KAAK,QAAUA,CACjB,EAAG,CAAC,CAAC,EAMCC,KAAe,eAAaC,GAAoB,CACpD,KAAK,UAAY,CACf,GAAGA,EACH,YAAAC,EACA,YAAAC,CACF,CACF,EAAG,CAAC,CAAC,EAKCD,KAAc,eAAY,IAAM,CACpCX,EAAQ,EAAI,CACd,EAAG,CAAC,CAAC,EAKCY,KAAc,eAAY,IAAM,CACpCZ,EAAQ,EAAK,CACf,EAAG,CAAC,CAAC,EAECa,KAAkB,WAAQ,IACvB,CACL,KAAK,OAAO,mBAAmB,EAC/Bd,EACI,CACE,GAAG,KAAK,OAAO,KACf,gBAAiBD,GAAmBL,CACtC,EACA,KAAK,OAAO,IAClB,EACC,CAACM,CAAI,CAAC,EAEHe,KAAuB,eAAaC,GAAmB,CAC3D,KAAK,gCAAgCA,CAAK,CAC5C,EAAG,CAAC,CAAC,EAEL,OAAKd,EAKH,EAAAe,QAAA,cAAC,gBAAa,IAAKP,EAAc,MAAOI,GACtC,EAAAG,QAAA,cAAC,WACC,IAAKT,EACL,OAAQ,CAAE,IAAK,GAAG,KAAK,QAAQ,iBAAiB,mBAAmB,KAAK,UAAU,CAAC,EAAG,EACtF,UAAWO,EACX,MAAO,KAAK,OAAO,eAAe,EAClC,wBAAuB,GACvB,2BAA4B,GAC5B,6BAA8BC,GACR,IAAI,gBAAgBA,EAAM,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,EACvB,IAAIvB,CAAsB,GAGhE,UAAQ,QAAQuB,EAAM,GAAG,EAClB,IAEF,GAEX,CACF,EAvBO,IAyBX,EAKQ,gCAAgCA,EAAY,CAClD,IAAME,EAAM,IAAI,IAAI,GAAG,KAAK,QAAQ,iBAAiB,mBAAmB,KAAK,UAAU,CAAC,EAAE,EAE1F,GACEF,EAAM,aACN,OAAOA,EAAM,YAAY,MAAS,WAEjCA,EAAM,YAAY,MAAQ,GAAG,KAAK,QAAQ,iBAAiB,mBAAmB,KAAK,UAAU,CAAC,IAC7FA,EAAM,YAAY,MAAQ,GAAG,KAAK,QAAQ,iBAAiB,KAAK,UAAU,IAC1EA,EAAM,YAAY,MAAQ,KAAK,UAC/BA,EAAM,YAAY,QAAU,GAAGE,EAAI,QAAQ,SAASA,EAAI,MAAM,IAChE,CAIA,IAAMC,EAAY,KAAK,MAAMH,EAAM,YAAY,KAAM,CAACI,EAAKC,IAAU,CACnE,GAAI,CACF,GAAIA,GAAS,OAAOA,GAAU,UAAYA,EAAM,MAAQA,EAAM,OAAS7B,EACrE,OAAO,IAAK,OAAO6B,EAAM,WAA2B,EAAUA,EAAM,KAAK,MAAM,GAAG,CAAC,CAIvF,OAASC,EAAG,CACV,QAAQ,IAAI,qBAAsBA,CAAC,CACrC,CACA,OAAOD,CACT,CAAC,EACD,GAAIF,GAAQA,EAAK,SAAW,KAAK,gBAAgB,KAAM,CAIrDA,EAAK,SAAWA,EAAK,UAAY,CAAC,EAGlC,IAAMI,EAAgC,CAAE,KAAAJ,CAAK,EAC7C,QAAWK,KAAW,KAAK,gBAAgB,OAAO,EAChDA,EAAQD,CAAU,CAEtB,CACF,CACF,CAEA,MAAc,0BAA2B,CACvC,IAAME,EAAmC,MAAM,EAAAnB,QAAa,QAAQV,CAAiB,EACrF,GAAI6B,EAAmB,CACrB,IAAMC,EAAe,IAAI,KAAKD,CAAiB,EAAE,QAAQ,EACnDE,EAAM,IAAI,KAAK,EAAE,QAAQ,EACzBC,EAAc,EAAI,GAAK,IAI7B,OAAOD,EAAMD,EAAeE,CAC9B,CACA,MAAO,EACT,CAEU,aAAc,CAClB,KAAK,WAAW,KAAK,UAAU,YAAY,CACjD,CAEU,aAAc,CAClB,KAAK,WAAW,KAAK,UAAU,YAAY,CACjD,CAEA,MAAgB,MAAMT,EAAW,CAC/B,GAAI,MAAM,KAAK,yBAAyB,EAAG,CACzC,gBAAc,KAAKxB,EAAmCwB,CAAI,EAC1D,MACF,CACA,GAAI,KAAK,SAAW,KAAK,QAAQ,YAC/B,KAAK,QAAQ,YACX,KAAK,UAAUA,EAAM,CAACC,EAAKC,OAErB,gBAAaA,CAAK,EACb,CACL,YAAaA,EAAM,YAAY,KAC/B,KAAMA,EAAM,SAAS,EACrB,KAAM7B,CACR,EAEK6B,CACR,CACH,EACA,EAAAf,QAAa,QAAQV,EAAmB,IAAI,KAAK,EAAE,YAAY,CAAC,MAEhE,SAAM,4BAAyB,CAEnC,CAIU,yBAA4C,CACpD,OAAO,QAAQ,QAAQ,EAAI,CAC7B,CAGU,eAA+B,CACvC,OAAO,QAAQ,QAAQ,MAAS,CAClC,CACF,EE7SA,IAAAiC,EAAwB,+BAGXC,EAAN,cAAiC,SAAQ,CAC9C,IAAW,SAAU,CACnB,OAAQ,KAAK,QAAyC,OACxD,CACF,EHMA,IAAAC,EAAyB,wDAuBzBC,EAAAC,EAAc,+BApCd,gBAqCAD,EAAAC,EAAc,4BArCd,gBAoBA,OAAO,QAAU,EAAAC,QAAE,MAAM,OAAO,QAASC,CAAe,EAEvD,OAAO,QAAgB,QAAU,GAGlC,OAAO,OAAS,SAGhB,OAAO,IAAM,EAAAC,IACb,OAAO,gBAAkB,EAAAC,gBAGzB,OAAO,KAAOC,GAAO,SAAO,KAAKA,EAAK,QAAQ,EAAE,SAAS,QAAQ,EAEjE,OAAO,KAAOC,GAAc,SAAO,KAAKA,EAAY,QAAQ,EAAE,SAAS,QAAQ,EAKxE,IAAMC,KAAQ,aAAUC,EAAoB,CACjD,SAAU,eACV,QAAS,+BACT,QAAS,SACT,YAAU,eAAY,EACtB,gBAAiB,0BACjB,eAAgBC,EAChB,iBAA6C,UACpC,CACL,MAAO,SAAY,QAAQ,QAAQ,EAAI,EACvC,QAAS,EAAAC,QAAa,QACtB,QAAS,EAAAA,QAAa,QACtB,WAAY,EAAAA,QAAa,WACzB,MAAO,EAAAA,QAAa,MACpB,OAAQ,IAAM,CAAC,EACf,IAAK,IAAM,CAAC,EACZ,KAAM,EAAAA,QAAa,WACnB,QAAS,IAAM,CAAC,CAClB,EAEJ,CAAC",
|
|
6
|
+
"names": ["index_exports", "__export", "Magic", "useInternetConnection", "__toCommonJS", "import_runtime", "import_provider", "processPolyfill", "import_whatwg_url", "import_buffer", "import_lodash", "import_react_native_device_info", "import_react", "import_react_native", "import_react_native_webview", "import_react_native_safe_area_context", "import_provider", "import_lodash", "import_async_storage", "import_react_native_event_listeners", "import_react", "import_netinfo", "useInternetConnection", "isConnected", "setIsConnected", "handleConnectionChange", "connectionInfo", "NetInfo", "MAGIC_PAYLOAD_FLAG_TYPED_ARRAY", "OPEN_IN_DEVICE_BROWSER", "DEFAULT_BACKGROUND_COLOR", "MSG_POSTED_AFTER_INACTIVITY_EVENT", "LAST_MESSAGE_TIME", "createWebViewStyles", "ReactNativeWebViewController", "backgroundColor", "show", "setShow", "mountOverlay", "setMountOverlay", "isConnected", "useInternetConnection", "AsyncStorage", "message", "webViewRef", "webView", "containerRef", "view", "showOverlay", "hideOverlay", "containerStyles", "handleWebViewMessage", "event", "React", "url", "data", "key", "value", "e", "magicEvent", "handler", "lastPostTimestamp", "lastPostDate", "now", "fiveMinutes", "import_provider", "SDKBaseReactNative", "import_async_storage", "__reExport", "index_exports", "_", "processPolyfill", "URLPolyfill", "URLSearchParamsPolyfill", "str", "b64Encoded", "Magic", "SDKBaseReactNative", "ReactNativeWebViewController", "AsyncStorage"]
|
|
7
7
|
}
|
package/dist/es/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"regenerator-runtime/runtime";import{createSDK as
|
|
1
|
+
import"regenerator-runtime/runtime";import{createSDK as $}from"@magic-sdk/provider";import*as K from"process";import{URL as Y,URLSearchParams as q}from"whatwg-url";import{Buffer as u}from"buffer";import z from"lodash";import{getBundleId as J}from"react-native-device-info";import h,{useState as w,useCallback as i,useMemo as P,useEffect as m}from"react";import{Linking as x,StyleSheet as D}from"react-native";import{WebView as T}from"react-native-webview";import{SafeAreaView as L}from"react-native-safe-area-context";import{ViewController as N,createModalNotReadyError as k}from"@magic-sdk/provider";import{isTypedArray as F}from"lodash";import p from"@react-native-async-storage/async-storage";import{EventRegister as b}from"react-native-event-listeners";import{useEffect as M,useState as V}from"react";import O from"@react-native-community/netinfo";var y=()=>{let[a,e]=V(!0);return M(()=>{let n=t=>{e(!!t.isConnected)};return O.addEventListener(n)},[]),a};var v="MAGIC_PAYLOAD_FLAG_TYPED_ARRAY",U="open_in_device_browser",W="#FFFFFF",E="msg_posted_after_inactivity_event",f="lastMessageTime";function B(){return D.create({"magic-webview":{flex:1,backgroundColor:"transparent"},"webview-container":{flex:1,width:"100%",backgroundColor:"transparent",position:"absolute",top:0,left:0,right:0,bottom:0},show:{zIndex:1e4,elevation:1e4},hide:{zIndex:-1e4,elevation:0}})}var d=class extends N{webView;container;styles;init(){this.webView=null,this.container=null,this.styles=B()}Relayer=e=>{let[n,t]=w(!1),[s,r]=w(!0),c=y();m(()=>{this.isConnectedToInternet=c},[c]),m(()=>(p.setItem(f,""),()=>{this.isReadyForRequest=!1}),[]),m(()=>{b.addEventListener(E,async o=>{this.isReadyForRequest=!1,r(!1),this.post(o.msgType,o.payload),await p.setItem(f,new Date().toISOString())})},[]),m(()=>{s||setTimeout(()=>r(!0),10)},[s]);let I=i(o=>{this.webView=o},[]),S=i(o=>{this.container={...o,showOverlay:R,hideOverlay:_}},[]),R=i(()=>{t(!0)},[]),_=i(()=>{t(!1)},[]),C=P(()=>[this.styles["webview-container"],n?{...this.styles.show,backgroundColor:e??W}:this.styles.hide],[n]),A=i(o=>{this.handleReactNativeWebViewMessage(o)},[]);return s?h.createElement(L,{ref:S,style:C},h.createElement(T,{ref:I,source:{uri:`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`},onMessage:A,style:this.styles["magic-webview"],webviewDebuggingEnabled:!0,autoManageStatusBarEnabled:!1,onShouldStartLoadWithRequest:o=>new URLSearchParams(o.url.split("?")[1]).get(U)?(x.openURL(o.url),!1):!0})):null};handleReactNativeWebViewMessage(e){let n=new URL(`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`);if(e.nativeEvent&&typeof e.nativeEvent.data=="string"&&(e.nativeEvent.url===`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`||e.nativeEvent.url===`${this.endpoint}/send/?params=${this.parameters}`||e.nativeEvent.url===this.endpoint||e.nativeEvent.title===`${n.hostname}/send/${n.search}`)){let t=JSON.parse(e.nativeEvent.data,(s,r)=>{try{if(r&&typeof r=="object"&&r.flag&&r.flag===v)return new global[r.constructor](r.data.split(","))}catch(c){console.log("Error parsing data",c)}return r});if(t&&t.msgType&&this.messageHandlers.size){t.response=t.response??{};let s={data:t};for(let r of this.messageHandlers.values())r(s)}}}async msgPostedAfterInactivity(){let e=await p.getItem(f);if(e){let n=new Date(e).getTime(),t=new Date().getTime(),s=5*60*1e3;return t-n>s}return!1}hideOverlay(){this.container&&this.container.hideOverlay()}showOverlay(){this.container&&this.container.showOverlay()}async _post(e){if(await this.msgPostedAfterInactivity()){b.emit(E,e);return}if(this.webView&&this.webView.postMessage)this.webView.postMessage(JSON.stringify(e,(n,t)=>F(t)?{constructor:t.constructor.name,data:t.toString(),flag:v}:t)),p.setItem(f,new Date().toISOString());else throw k()}checkRelayerExistsInDOM(){return Promise.resolve(!0)}reloadRelayer(){return Promise.resolve(void 0)}};import{SDKBase as G}from"@magic-sdk/provider";var g=class extends G{get Relayer(){return this.overlay.Relayer}};import l from"@react-native-async-storage/async-storage";export*from"@magic-sdk/provider";export*from"@magic-sdk/types";global.process=z.merge(global.process,K);global.process.browser=!1;global.Buffer=u;global.URL=Y;global.URLSearchParams=q;global.btoa=a=>u.from(a,"binary").toString("base64");global.atob=a=>u.from(a,"base64").toString("binary");var _e=$(g,{platform:"react-native",sdkName:"@magic-sdk/react-native-bare",version:"32.2.1",bundleId:J(),defaultEndpoint:"https://box.magic.link/",ViewController:d,configureStorage:async()=>({ready:async()=>Promise.resolve(!0),getItem:l.getItem,setItem:l.setItem,removeItem:l.removeItem,clear:l.clear,length:()=>{},key:()=>{},keys:l.getAllKeys,iterate:()=>{}})});export{_e as Magic,y as useInternetConnection};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/es/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts", "../../src/react-native-webview-controller.tsx", "../../src/hooks.ts", "../../src/
|
|
4
|
-
"sourcesContent": ["/* istanbul ignore file */\n\nimport 'regenerator-runtime/runtime';\n\nimport { createSDK, InstanceWithExtensions, MagicSDKExtensionsOption } from '@magic-sdk/provider';\nimport * as processPolyfill from 'process';\nimport { URL as URLPolyfill, URLSearchParams as URLSearchParamsPolyfill } from 'whatwg-url';\nimport { Buffer } from 'buffer';\nimport _ from 'lodash';\nimport { getBundleId } from 'react-native-device-info';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\nimport { SDKBaseReactNative } from './react-native-sdk-base';\nimport type localForage from 'localforage';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\n// Web3 assumes a browser context, so we need\n// to provide `btoa` and `atob` shims.\n\n// We expect `global.process` to be a Node Process for web3.js usage\n// so we replace it here.\nglobal.process = _.merge(global.process, processPolyfill);\n\n(global.process as any).browser = false;\n\n// WHATWG URL requires global `Buffer` access.\nglobal.Buffer = Buffer;\n\n// Setup global WHATWG URL polyfills\nglobal.URL = URLPolyfill as any;\nglobal.URLSearchParams = URLSearchParamsPolyfill as any;\n\n/* istanbul ignore next */\nglobal.btoa = str => Buffer.from(str, 'binary').toString('base64');\n/* istanbul ignore next */\nglobal.atob = b64Encoded => Buffer.from(b64Encoded, 'base64').toString('binary');\n\nexport * from '@magic-sdk/provider';\nexport * from '@magic-sdk/types';\n\nexport const Magic = createSDK(SDKBaseReactNative, {\n platform: 'react-native',\n sdkName: '@magic-sdk/react-native-bare',\n version: process.env.BARE_REACT_NATIVE_VERSION!,\n bundleId: getBundleId(),\n defaultEndpoint: 'https://box.magic.link/',\n ViewController: ReactNativeWebViewController,\n configureStorage: /* istanbul ignore next */ async () => {\n return {\n ready: async () => Promise.resolve(true),\n getItem: AsyncStorage.getItem,\n setItem: AsyncStorage.setItem,\n removeItem: AsyncStorage.removeItem,\n clear: AsyncStorage.clear,\n length: () => {},\n key: () => {},\n keys: AsyncStorage.getAllKeys,\n iterate: () => {},\n } as unknown as typeof localForage;\n },\n});\n\nexport type Magic<T extends MagicSDKExtensionsOption<any> = MagicSDKExtensionsOption> = InstanceWithExtensions<\n SDKBaseReactNative,\n T\n>;\n\nexport { useInternetConnection } from './hooks';\n", "import React, { useState, useCallback, useMemo, useEffect } from 'react';\nimport { Linking, StyleSheet, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { ViewController, createModalNotReadyError } from '@magic-sdk/provider';\nimport { MagicMessageEvent } from '@magic-sdk/types';\nimport { isTypedArray } from 'lodash';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { EventRegister } from 'react-native-event-listeners';\n/* global NodeJS */\nimport Global = NodeJS.Global;\nimport { useInternetConnection } from './hooks';\nimport { getRefreshTokenInKeychain, setRefreshTokenInKeychain } from './native-crypto/keychain';\nimport { getDpop } from './native-crypto/dpop';\n\nconst MAGIC_PAYLOAD_FLAG_TYPED_ARRAY = 'MAGIC_PAYLOAD_FLAG_TYPED_ARRAY';\nconst OPEN_IN_DEVICE_BROWSER = 'open_in_device_browser';\nconst DEFAULT_BACKGROUND_COLOR = '#FFFFFF';\nconst MSG_POSTED_AFTER_INACTIVITY_EVENT = 'msg_posted_after_inactivity_event';\nconst LAST_MESSAGE_TIME = 'lastMessageTime';\n/**\n * Builds the Magic `<WebView>` overlay styles. These base styles enable\n * `<WebView>` UI to render above all other DOM content.\n */\nfunction createWebViewStyles() {\n return StyleSheet.create({\n 'magic-webview': { flex: 1, backgroundColor: 'transparent' },\n\n 'webview-container': {\n flex: 1,\n width: '100%',\n backgroundColor: 'transparent',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n show: { zIndex: 10000, elevation: 10000 },\n\n hide: { zIndex: -10000, elevation: 0 },\n });\n}\n\n/**\n * Overloads React Native's `<View>` with helper methods we require to hide/show\n * the rendered `<WebView>`.\n */\ninterface ViewWrapper extends View {\n showOverlay: () => void;\n hideOverlay: () => void;\n}\n\n/**\n * View controller for the Magic `<WebView>` overlay.\n */\nexport class ReactNativeWebViewController extends ViewController {\n private webView!: WebView | null;\n private container!: ViewWrapper | null;\n private styles: any;\n\n protected init() {\n this.webView = null;\n this.container = null;\n this.styles = createWebViewStyles();\n }\n\n /**\n * Renders a React Native `<WebView>` with built-in message handling to and\n * from the Magic `<iframe>` context.\n */\n // Validating this logic requires lots of React-specific boilerplate. We will\n // revisit this method for unit testing in the future. For now, manual testing\n // is sufficient (this logic is stable right now and not expected to change in\n // the foreseeable future).\n /* istanbul ignore next */\n public Relayer: React.FC<{ backgroundColor?: string }> = backgroundColor => {\n const [show, setShow] = useState(false);\n const [mountOverlay, setMountOverlay] = useState(true);\n const isConnected = useInternetConnection();\n\n useEffect(() => {\n this.isConnectedToInternet = isConnected;\n }, [isConnected]);\n\n useEffect(() => {\n // reset lastMessage when webview is first mounted\n AsyncStorage.setItem(LAST_MESSAGE_TIME, '');\n return () => {\n this.isReadyForRequest = false;\n };\n }, []);\n\n useEffect(() => {\n EventRegister.addEventListener(MSG_POSTED_AFTER_INACTIVITY_EVENT, async message => {\n // If inactivity has been determined, the message is posted only after a brief\n // unmount and re-mount of the webview. This is to ensure the webview is accepting messages.\n // iOS kills webview processes after a certain period of inactivity, like when the app is\n // on background for long periods of time.\n this.isReadyForRequest = false;\n setMountOverlay(false);\n this.post(message.msgType, message.payload);\n await AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n });\n }, []);\n\n useEffect(() => {\n if (!mountOverlay) {\n // Briefly unmount and re-mount the webview to ensure it's ready to accept messages.\n setTimeout(() => setMountOverlay(true), 10);\n }\n }, [mountOverlay]);\n\n /**\n * Saves a reference to the underlying `<WebView>` node so we can interact\n * with incoming messages.\n */\n const webViewRef = useCallback((webView: any): void => {\n this.webView = webView;\n }, []);\n\n /**\n * Saves a reference to the underlying `<View>` node so we can interact with\n * display styles.\n */\n const containerRef = useCallback((view: any): void => {\n this.container = { ...view, showOverlay, hideOverlay };\n }, []);\n\n /**\n * Show the Magic `<WebView>` overlay.\n */\n const showOverlay = useCallback(() => {\n setShow(true);\n }, []);\n\n /**\n * Hide the Magic `<WebView>` overlay.\n */\n const hideOverlay = useCallback(() => {\n setShow(false);\n }, []);\n\n const containerStyles = useMemo(() => {\n return [\n this.styles['webview-container'],\n show ? { ...this.styles.show, backgroundColor: backgroundColor ?? DEFAULT_BACKGROUND_COLOR } : this.styles.hide,\n ];\n }, [show]);\n\n const handleWebViewMessage = useCallback((event: unknown) => {\n this.handleReactNativeWebViewMessage(event);\n }, []);\n\n if (!mountOverlay) {\n return null;\n }\n\n return (\n <SafeAreaView ref={containerRef} style={containerStyles}>\n <WebView\n ref={webViewRef}\n source={{ uri: `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` }}\n onMessage={handleWebViewMessage}\n style={this.styles['magic-webview']}\n webviewDebuggingEnabled\n autoManageStatusBarEnabled={false}\n onShouldStartLoadWithRequest={event => {\n const queryParams = new URLSearchParams(event.url.split('?')[1]);\n const openInDeviceBrowser = queryParams.get(OPEN_IN_DEVICE_BROWSER);\n\n if (openInDeviceBrowser) {\n Linking.openURL(event.url);\n return false;\n }\n return true;\n }}\n />\n </SafeAreaView>\n );\n };\n\n /**\n * Route incoming messages from a React Native `<WebView>`.\n */\n private handleReactNativeWebViewMessage(event: any) {\n const url = new URL(`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`);\n\n if (\n event.nativeEvent &&\n typeof event.nativeEvent.data === 'string' &&\n /* Backward compatible */\n (event.nativeEvent.url === `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` ||\n event.nativeEvent.url === `${this.endpoint}/send/?params=${this.parameters}` ||\n event.nativeEvent.url === this.endpoint ||\n event.nativeEvent.title === `${url.hostname}/send/${url.search}`)\n ) {\n // Special parsing logic when dealing with TypedArray in the payload\n // Such change is required as JSON.stringify will manipulate the object and cause exceptions during parsing\n // The typed Array is stringified in Mgbox with a flag as notation.\n const data: any = JSON.parse(event.nativeEvent.data, (key, value) => {\n try {\n if (value && typeof value === 'object' && value.flag && value.flag === MAGIC_PAYLOAD_FLAG_TYPED_ARRAY) {\n return new (global[value.constructor as keyof Global] as any)(value.data.split(','));\n }\n\n // silently handles exception and return the original copy\n } catch (e) {\n console.log('Error parsing data', e);\n }\n return value;\n });\n if (data && data.msgType && this.messageHandlers.size) {\n // If the response object is undefined, we ensure it's at least an\n // empty object before passing to the event listener.\n\n data.response = data.response ?? {};\n\n // Reconstruct event from RN event\n const magicEvent: MagicMessageEvent = { data } as MagicMessageEvent;\n for (const handler of this.messageHandlers.values()) {\n handler(magicEvent);\n }\n }\n }\n }\n\n private async msgPostedAfterInactivity() {\n const lastPostTimestamp: string | null = await AsyncStorage.getItem(LAST_MESSAGE_TIME);\n if (lastPostTimestamp) {\n const lastPostDate = new Date(lastPostTimestamp).getTime();\n const now = new Date().getTime();\n const fiveMinutes = 5 * 60 * 1000;\n\n // there's been inactivity if the new message is posted\n // 5 min or more after the last message.\n return now - lastPostDate > fiveMinutes;\n }\n return false;\n }\n\n protected hideOverlay() {\n if (this.container) this.container.hideOverlay();\n }\n\n protected showOverlay() {\n if (this.container) this.container.showOverlay();\n }\n\n protected async _post(data: any) {\n if (await this.msgPostedAfterInactivity()) {\n EventRegister.emit(MSG_POSTED_AFTER_INACTIVITY_EVENT, data);\n return;\n }\n if (this.webView && this.webView.postMessage) {\n this.webView.postMessage(\n JSON.stringify(data, (key, value) => {\n // parse Typed Array to Stringify object\n if (isTypedArray(value)) {\n return {\n constructor: value.constructor.name,\n data: value.toString(),\n flag: MAGIC_PAYLOAD_FLAG_TYPED_ARRAY,\n };\n }\n return value;\n }),\n );\n AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n } else {\n throw createModalNotReadyError();\n }\n }\n\n // Overrides parent method to keep refresh token in keychain\n async persistMagicEventRefreshToken(event: MagicMessageEvent) {\n if (!event?.data?.rt) {\n return;\n }\n\n await setRefreshTokenInKeychain(event.data.rt);\n }\n\n // Overrides parent method to retrieve refresh token from keychain while creating a request\n async getRT(): Promise<string | null> {\n return await getRefreshTokenInKeychain();\n }\n\n async getJWT(): Promise<string | null | undefined> {\n try {\n return await getDpop();\n } catch (e) {\n return null;\n }\n }\n\n // Todo - implement these methods\n /* istanbul ignore next */\n protected checkRelayerExistsInDOM(): Promise<boolean> {\n return Promise.resolve(true);\n }\n\n /* istanbul ignore next */\n protected reloadRelayer(): Promise<void> {\n return Promise.resolve(undefined);\n }\n}\n", "import { useEffect, useState } from 'react';\nimport NetInfo, { NetInfoState } from '@react-native-community/netinfo';\n\nexport const useInternetConnection = () => {\n const [isConnected, setIsConnected] = useState(true);\n useEffect(() => {\n const handleConnectionChange = (connectionInfo: NetInfoState) => {\n setIsConnected(!!connectionInfo.isConnected);\n };\n\n // Subscribe to connection changes and cleanup on unmount\n return NetInfo.addEventListener(handleConnectionChange);\n }, []);\n\n return isConnected;\n};\n", "import * as Keychain from 'react-native-keychain';\nimport { getKeyAlias } from './utils/key-alias';\n\nconst SERVICE = getKeyAlias('refreshTokenService');\nconst KEY = getKeyAlias('refreshToken');\n\nlet cachedRefreshToken: string | null = null;\n\nexport const setRefreshTokenInKeychain = async (rt: string) => {\n // Skip write if token hasn't changed\n if (cachedRefreshToken === rt) {\n return true;\n }\n\n try {\n const result = await Keychain.setGenericPassword(KEY, rt, {\n service: SERVICE,\n accessible: Keychain.ACCESSIBLE.AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY,\n });\n cachedRefreshToken = rt; // Update cache on successful write\n return result;\n } catch (error) {\n console.error('Failed to set refresh token in keychain', error);\n return false;\n }\n};\n\nexport const getRefreshTokenInKeychain = async (): Promise<string | null> => {\n // Return cached value if available\n if (cachedRefreshToken !== null) {\n return cachedRefreshToken;\n }\n\n try {\n const keychainEntry = await Keychain.getGenericPassword({ service: SERVICE });\n if (!keychainEntry) return null;\n\n cachedRefreshToken = keychainEntry.password;\n return cachedRefreshToken;\n } catch (error) {\n console.error('Failed to get refresh token in keychain', error);\n return null;\n }\n};\n\nexport const removeRefreshTokenInKeychain = async () => {\n try {\n cachedRefreshToken = null; // Clear cache\n return await Keychain.resetGenericPassword({ service: SERVICE });\n } catch (error) {\n console.error('Failed to remove refresh token in keychain', error);\n return null;\n }\n};\n", "import DeviceInfo from 'react-native-device-info';\n\nconst KEY_SUFFIX_MAP = {\n dpop: 'magic.sdk.dpop',\n refreshToken: 'magic.sdk.rt',\n refreshTokenService: 'magic.sdk.rt.service',\n};\n\n/**\n * Returns the key alias for the given key.\n * Let's us to safely store the keys in the keychain and avoid conflicts with other apps using magic sdk.\n */\nexport function getKeyAlias(key: keyof typeof KEY_SUFFIX_MAP): string {\n const appId = DeviceInfo.getBundleId();\n return `${appId}.${KEY_SUFFIX_MAP[key]}`;\n}\n", "import uuid from 'react-native-uuid';\nimport { toBase64Url } from './utils/uint8';\nimport { spkiToJwk } from './utils/jwk';\nimport { ALG, TYP } from './constants';\nimport { derToRawSignature } from './utils/der';\nimport { DpopClaims, DpopHeader } from './types';\nimport DeviceCrypto, { AccessLevel } from 'react-native-device-crypto';\nimport { getKeyAlias } from './utils/key-alias';\n\nconst KEY_ALIAS = getKeyAlias('dpop');\n\n/**\n * Generates the DPoP proof compatible with the Python backend.\n * Handles key creation (if missing), JWK construction, and signing.\n */\nexport const getDpop = async (): Promise<string | null> => {\n try {\n // 1. Get or Create Key in Secure Enclave\n // We strictly disable authentication to avoid biometric prompts\n const publicKey = await DeviceCrypto.getOrCreateAsymmetricKey(KEY_ALIAS, {\n accessLevel: AccessLevel.ALWAYS, // Key is always accessible in this device\n invalidateOnNewBiometry: false,\n });\n\n // 2. Prepare Public Key as JWK\n // Toaster backend expects JWK in the header\n const publicJwk = spkiToJwk(publicKey);\n\n // 3. Construct Payload\n const now = Math.floor(Date.now() / 1000);\n const claims: DpopClaims = {\n iat: now,\n jti: uuid.v4(),\n };\n\n const header: DpopHeader = {\n typ: TYP,\n alg: ALG,\n jwk: publicJwk,\n };\n\n // 4. Prepare Signing Input\n const headerB64 = toBase64Url(JSON.stringify(header));\n const payloadB64 = toBase64Url(JSON.stringify(claims));\n const signingInput = `${headerB64}.${payloadB64}`;\n\n // 5. Sign Data\n // DeviceCrypto returns a Base64 signature.\n const signatureBase64 = await DeviceCrypto.sign(KEY_ALIAS, signingInput, {\n // Biometry prompts should not be fired since the key is always accessible in this device\n biometryTitle: 'Sign DPoP',\n biometrySubTitle: 'Sign DPoP',\n biometryDescription: 'Sign DPoP',\n });\n\n // 6. Convert Signature (Toaster expects Raw R|S)\n const signatureB64 = derToRawSignature(signatureBase64);\n\n return `${signingInput}.${signatureB64}`;\n } catch (error) {\n console.error('DPoP Generation Error:', error);\n return null;\n }\n};\n\n/**\n * Removes the keys from the Secure Enclave\n * Returns true if the key was deleted successfully, false otherwise.\n * @returns {Promise<boolean>} True if the key was deleted successfully, false otherwise.\n */\nexport const deleteDpop = async (): Promise<boolean> => {\n try {\n return await DeviceCrypto.deleteKey(KEY_ALIAS);\n } catch (error) {\n console.error('DPoP Deletion Error:', error);\n return false;\n }\n};\n", "/**\n * Encodes a Uint8Array to a Base64 string.\n * Uses native 'btoa' by converting bytes to a binary string first.\n */\nexport const uint8ArrayToBase64 = (bytes: Uint8Array): string => {\n let binary = '';\n const len = bytes.byteLength;\n for (let i = 0; i < len; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return btoa(binary);\n};\n\n/**\n * Decodes a Base64 string to a Uint8Array.\n * Uses native 'atob'.\n */\nexport const base64ToUint8Array = (base64: string): Uint8Array => {\n const binaryString = atob(base64);\n const len = binaryString.length;\n const bytes = new Uint8Array(len);\n for (let i = 0; i < len; i++) {\n bytes[i] = binaryString.charCodeAt(i);\n }\n return bytes;\n};\n\n/**\n * Converts a string (UTF-8) to Uint8Array.\n * Polyfill for simple ASCII/UTF-8 if TextEncoder is not available,\n * but TextEncoder is standard in RN 0.68+.\n */\nexport const stringToUint8Array = (str: string): Uint8Array => {\n // Use TextEncoder if available (standard in modern RN)\n if (typeof TextEncoder !== 'undefined') {\n return new TextEncoder().encode(str);\n }\n // Fallback for older environments\n const arr = [];\n for (let i = 0; i < str.length; i++) {\n let code = str.charCodeAt(i);\n if (code < 0x80) {\n arr.push(code);\n } else if (code < 0x800) {\n arr.push(0xc0 | (code >> 6), 0x80 | (code & 0x3f));\n } else if (code < 0xd800 || code >= 0xe000) {\n arr.push(0xe0 | (code >> 12), 0x80 | ((code >> 6) & 0x3f), 0x80 | (code & 0x3f));\n } else {\n i++;\n code = 0x10000 + (((code & 0x3ff) << 10) | (str.charCodeAt(i) & 0x3ff));\n arr.push(0xf0 | (code >> 18), 0x80 | ((code >> 12) & 0x3f), 0x80 | ((code >> 6) & 0x3f), 0x80 | (code & 0x3f));\n }\n }\n return new Uint8Array(arr);\n};\n\n/**\n * Encodes input (String or Uint8Array) to Base64Url (RFC 4648).\n * Removes padding '=', replaces '+' with '-', and '/' with '_'\n */\nexport const toBase64Url = (input: string | Uint8Array): string => {\n let bytes: Uint8Array;\n\n if (typeof input === 'string') {\n bytes = stringToUint8Array(input);\n } else {\n bytes = input;\n }\n\n const base64 = uint8ArrayToBase64(bytes);\n return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n};\n", "import { base64ToUint8Array, toBase64Url } from './uint8';\n\n/**\n * Converts SPKI Public Key (Base64) to JWK format.\n * Extracts Raw X and Y coordinates from the uncompressed point.\n */\nexport const spkiToJwk = (spkiBase64: string) => {\n const buf = base64ToUint8Array(spkiBase64);\n // P-256 SPKI Header is 26 bytes. The key data (0x04 + X + Y) is at the end.\n // We explicitly look for the last 65 bytes (1 header byte + 32 bytes X + 32 bytes Y)\n const rawKey = buf.subarray(buf.length - 65);\n\n if (rawKey[0] !== 0x04) {\n throw new Error('Invalid Public Key format: Expected uncompressed point');\n }\n\n const x = rawKey.subarray(1, 33);\n const y = rawKey.subarray(33, 65);\n\n return {\n kty: 'EC',\n crv: 'P-256',\n x: toBase64Url(x),\n y: toBase64Url(y),\n };\n};\n", "export const ALG = 'ES256';\nexport const TYP = 'dpop+jwt';\n", "import { base64ToUint8Array, toBase64Url } from './uint8';\n\n/**\n * Converts a DER encoded signature (ASN.1) to a Raw R|S signature (64 bytes).\n * Device Crypto returns DER; Toaster backend expects Raw P1363.\n */\nexport const derToRawSignature = (derBase64: string): string => {\n const der = base64ToUint8Array(derBase64);\n\n // DER Structure: 0x30 | total_len | 0x02 | r_len | r_bytes | 0x02 | s_len | s_bytes\n let offset = 2; // Skip Sequence Tag (0x30) and Total Length\n\n // --- Read R ---\n if (der[offset] !== 0x02) throw new Error('Invalid DER: R tag missing');\n offset++; // skip tag\n const rLen = der[offset++]; // read length\n let rBytes = der.subarray(offset, offset + rLen);\n offset += rLen;\n\n // Handle ASN.1 Integer padding for R (remove leading 0x00 if present)\n if (rLen === 33 && rBytes[0] === 0x00) {\n rBytes = rBytes.subarray(1);\n }\n\n // --- Read S ---\n if (der[offset] !== 0x02) throw new Error('Invalid DER: S tag missing');\n offset++; // skip tag\n const sLen = der[offset++]; // read length\n let sBytes = der.subarray(offset, offset + sLen);\n\n // Handle ASN.1 Integer padding for S\n if (sLen === 33 && sBytes[0] === 0x00) {\n sBytes = sBytes.subarray(1);\n }\n\n // --- Construct Raw Signature (64 bytes) ---\n const rawSignature = new Uint8Array(64);\n\n // Copy R into the first 32 bytes (right-aligned/padded)\n rawSignature.set(rBytes, 32 - rBytes.length);\n\n // Copy S into the last 32 bytes (right-aligned/padded)\n rawSignature.set(sBytes, 64 - sBytes.length);\n\n return toBase64Url(rawSignature);\n};\n", "import { SDKBase } from '@magic-sdk/provider';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\n\nexport class SDKBaseReactNative extends SDKBase {\n public get Relayer() {\n return (this.overlay as ReactNativeWebViewController).Relayer;\n }\n}\n"],
|
|
5
|
-
"mappings": "AAEA,MAAO,8BAEP,OAAS,aAAAA,
|
|
6
|
-
"names": ["createSDK", "processPolyfill", "URLPolyfill", "URLSearchParamsPolyfill", "Buffer", "_", "getBundleId", "React", "useState", "useCallback", "useMemo", "useEffect", "Linking", "StyleSheet", "WebView", "SafeAreaView", "ViewController", "createModalNotReadyError", "isTypedArray", "AsyncStorage", "EventRegister", "useEffect", "useState", "NetInfo", "useInternetConnection", "isConnected", "setIsConnected", "handleConnectionChange", "connectionInfo", "
|
|
3
|
+
"sources": ["../../src/index.ts", "../../src/react-native-webview-controller.tsx", "../../src/hooks.ts", "../../src/react-native-sdk-base.ts"],
|
|
4
|
+
"sourcesContent": ["/* istanbul ignore file */\n\nimport 'regenerator-runtime/runtime';\n\nimport { createSDK, InstanceWithExtensions, MagicSDKExtensionsOption } from '@magic-sdk/provider';\nimport * as processPolyfill from 'process';\nimport { URL as URLPolyfill, URLSearchParams as URLSearchParamsPolyfill } from 'whatwg-url';\nimport { Buffer } from 'buffer';\nimport _ from 'lodash';\nimport { getBundleId } from 'react-native-device-info';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\nimport { SDKBaseReactNative } from './react-native-sdk-base';\nimport type localForage from 'localforage';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\n// Web3 assumes a browser context, so we need\n// to provide `btoa` and `atob` shims.\n\n// We expect `global.process` to be a Node Process for web3.js usage\n// so we replace it here.\nglobal.process = _.merge(global.process, processPolyfill);\n\n(global.process as any).browser = false;\n\n// WHATWG URL requires global `Buffer` access.\nglobal.Buffer = Buffer;\n\n// Setup global WHATWG URL polyfills\nglobal.URL = URLPolyfill as any;\nglobal.URLSearchParams = URLSearchParamsPolyfill as any;\n\n/* istanbul ignore next */\nglobal.btoa = str => Buffer.from(str, 'binary').toString('base64');\n/* istanbul ignore next */\nglobal.atob = b64Encoded => Buffer.from(b64Encoded, 'base64').toString('binary');\n\nexport * from '@magic-sdk/provider';\nexport * from '@magic-sdk/types';\n\nexport const Magic = createSDK(SDKBaseReactNative, {\n platform: 'react-native',\n sdkName: '@magic-sdk/react-native-bare',\n version: process.env.BARE_REACT_NATIVE_VERSION!,\n bundleId: getBundleId(),\n defaultEndpoint: 'https://box.magic.link/',\n ViewController: ReactNativeWebViewController,\n configureStorage: /* istanbul ignore next */ async () => {\n return {\n ready: async () => Promise.resolve(true),\n getItem: AsyncStorage.getItem,\n setItem: AsyncStorage.setItem,\n removeItem: AsyncStorage.removeItem,\n clear: AsyncStorage.clear,\n length: () => {},\n key: () => {},\n keys: AsyncStorage.getAllKeys,\n iterate: () => {},\n } as unknown as typeof localForage;\n },\n});\n\nexport type Magic<T extends MagicSDKExtensionsOption<any> = MagicSDKExtensionsOption> = InstanceWithExtensions<\n SDKBaseReactNative,\n T\n>;\n\nexport { useInternetConnection } from './hooks';\n", "import React, { useState, useCallback, useMemo, useEffect } from 'react';\nimport { Linking, StyleSheet, View } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { ViewController, createModalNotReadyError } from '@magic-sdk/provider';\nimport { MagicMessageEvent } from '@magic-sdk/types';\nimport { isTypedArray } from 'lodash';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { EventRegister } from 'react-native-event-listeners';\n/* global NodeJS */\nimport Global = NodeJS.Global;\nimport { useInternetConnection } from './hooks';\n\nconst MAGIC_PAYLOAD_FLAG_TYPED_ARRAY = 'MAGIC_PAYLOAD_FLAG_TYPED_ARRAY';\nconst OPEN_IN_DEVICE_BROWSER = 'open_in_device_browser';\nconst DEFAULT_BACKGROUND_COLOR = '#FFFFFF';\nconst MSG_POSTED_AFTER_INACTIVITY_EVENT = 'msg_posted_after_inactivity_event';\nconst LAST_MESSAGE_TIME = 'lastMessageTime';\n/**\n * Builds the Magic `<WebView>` overlay styles. These base styles enable\n * `<WebView>` UI to render above all other DOM content.\n */\nfunction createWebViewStyles() {\n return StyleSheet.create({\n 'magic-webview': {\n flex: 1,\n backgroundColor: 'transparent',\n },\n\n 'webview-container': {\n flex: 1,\n width: '100%',\n backgroundColor: 'transparent',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n show: {\n zIndex: 10000,\n elevation: 10000,\n },\n\n hide: {\n zIndex: -10000,\n elevation: 0,\n },\n });\n}\n\n/**\n * Overloads React Native's `<View>` with helper methods we require to hide/show\n * the rendered `<WebView>`.\n */\ninterface ViewWrapper extends View {\n showOverlay: () => void;\n hideOverlay: () => void;\n}\n\n/**\n * View controller for the Magic `<WebView>` overlay.\n */\nexport class ReactNativeWebViewController extends ViewController {\n private webView!: WebView | null;\n private container!: ViewWrapper | null;\n private styles: any;\n\n protected init() {\n this.webView = null;\n this.container = null;\n this.styles = createWebViewStyles();\n }\n\n /**\n * Renders a React Native `<WebView>` with built-in message handling to and\n * from the Magic `<iframe>` context.\n */\n // Validating this logic requires lots of React-specific boilerplate. We will\n // revisit this method for unit testing in the future. For now, manual testing\n // is sufficient (this logic is stable right now and not expected to change in\n // the foreseeable future).\n /* istanbul ignore next */\n public Relayer: React.FC<{ backgroundColor?: string }> = backgroundColor => {\n const [show, setShow] = useState(false);\n const [mountOverlay, setMountOverlay] = useState(true);\n const isConnected = useInternetConnection();\n\n useEffect(() => {\n this.isConnectedToInternet = isConnected;\n }, [isConnected]);\n\n useEffect(() => {\n // reset lastMessage when webview is first mounted\n AsyncStorage.setItem(LAST_MESSAGE_TIME, '');\n return () => {\n this.isReadyForRequest = false;\n };\n }, []);\n\n useEffect(() => {\n EventRegister.addEventListener(MSG_POSTED_AFTER_INACTIVITY_EVENT, async message => {\n // If inactivity has been determined, the message is posted only after a brief\n // unmount and re-mount of the webview. This is to ensure the webview is accepting messages.\n // iOS kills webview processes after a certain period of inactivity, like when the app is\n // on background for long periods of time.\n this.isReadyForRequest = false;\n setMountOverlay(false);\n this.post(message.msgType, message.payload);\n await AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n });\n }, []);\n\n useEffect(() => {\n if (!mountOverlay) {\n // Briefly unmount and re-mount the webview to ensure it's ready to accept messages.\n setTimeout(() => setMountOverlay(true), 10);\n }\n }, [mountOverlay]);\n\n /**\n * Saves a reference to the underlying `<WebView>` node so we can interact\n * with incoming messages.\n */\n const webViewRef = useCallback((webView: any): void => {\n this.webView = webView;\n }, []);\n\n /**\n * Saves a reference to the underlying `<View>` node so we can interact with\n * display styles.\n */\n const containerRef = useCallback((view: any): void => {\n this.container = {\n ...view,\n showOverlay,\n hideOverlay,\n };\n }, []);\n\n /**\n * Show the Magic `<WebView>` overlay.\n */\n const showOverlay = useCallback(() => {\n setShow(true);\n }, []);\n\n /**\n * Hide the Magic `<WebView>` overlay.\n */\n const hideOverlay = useCallback(() => {\n setShow(false);\n }, []);\n\n const containerStyles = useMemo(() => {\n return [\n this.styles['webview-container'],\n show\n ? {\n ...this.styles.show,\n backgroundColor: backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n }\n : this.styles.hide,\n ];\n }, [show]);\n\n const handleWebViewMessage = useCallback((event: unknown) => {\n this.handleReactNativeWebViewMessage(event);\n }, []);\n\n if (!mountOverlay) {\n return null;\n }\n\n return (\n <SafeAreaView ref={containerRef} style={containerStyles}>\n <WebView\n ref={webViewRef}\n source={{ uri: `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` }}\n onMessage={handleWebViewMessage}\n style={this.styles['magic-webview']}\n webviewDebuggingEnabled\n autoManageStatusBarEnabled={false}\n onShouldStartLoadWithRequest={event => {\n const queryParams = new URLSearchParams(event.url.split('?')[1]);\n const openInDeviceBrowser = queryParams.get(OPEN_IN_DEVICE_BROWSER);\n\n if (openInDeviceBrowser) {\n Linking.openURL(event.url);\n return false;\n }\n return true;\n }}\n />\n </SafeAreaView>\n );\n };\n\n /**\n * Route incoming messages from a React Native `<WebView>`.\n */\n private handleReactNativeWebViewMessage(event: any) {\n const url = new URL(`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`);\n\n if (\n event.nativeEvent &&\n typeof event.nativeEvent.data === 'string' &&\n /* Backward compatible */\n (event.nativeEvent.url === `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` ||\n event.nativeEvent.url === `${this.endpoint}/send/?params=${this.parameters}` ||\n event.nativeEvent.url === this.endpoint ||\n event.nativeEvent.title === `${url.hostname}/send/${url.search}`)\n ) {\n // Special parsing logic when dealing with TypedArray in the payload\n // Such change is required as JSON.stringify will manipulate the object and cause exceptions during parsing\n // The typed Array is stringified in Mgbox with a flag as notation.\n const data: any = JSON.parse(event.nativeEvent.data, (key, value) => {\n try {\n if (value && typeof value === 'object' && value.flag && value.flag === MAGIC_PAYLOAD_FLAG_TYPED_ARRAY) {\n return new (global[value.constructor as keyof Global] as any)(value.data.split(','));\n }\n\n // silently handles exception and return the original copy\n } catch (e) {\n console.log('Error parsing data', e);\n }\n return value;\n });\n if (data && data.msgType && this.messageHandlers.size) {\n // If the response object is undefined, we ensure it's at least an\n // empty object before passing to the event listener.\n\n data.response = data.response ?? {};\n\n // Reconstruct event from RN event\n const magicEvent: MagicMessageEvent = { data } as MagicMessageEvent;\n for (const handler of this.messageHandlers.values()) {\n handler(magicEvent);\n }\n }\n }\n }\n\n private async msgPostedAfterInactivity() {\n const lastPostTimestamp: string | null = await AsyncStorage.getItem(LAST_MESSAGE_TIME);\n if (lastPostTimestamp) {\n const lastPostDate = new Date(lastPostTimestamp).getTime();\n const now = new Date().getTime();\n const fiveMinutes = 5 * 60 * 1000;\n\n // there's been inactivity if the new message is posted\n // 5 min or more after the last message.\n return now - lastPostDate > fiveMinutes;\n }\n return false;\n }\n\n protected hideOverlay() {\n if (this.container) this.container.hideOverlay();\n }\n\n protected showOverlay() {\n if (this.container) this.container.showOverlay();\n }\n\n protected async _post(data: any) {\n if (await this.msgPostedAfterInactivity()) {\n EventRegister.emit(MSG_POSTED_AFTER_INACTIVITY_EVENT, data);\n return;\n }\n if (this.webView && this.webView.postMessage) {\n this.webView.postMessage(\n JSON.stringify(data, (key, value) => {\n // parse Typed Array to Stringify object\n if (isTypedArray(value)) {\n return {\n constructor: value.constructor.name,\n data: value.toString(),\n flag: MAGIC_PAYLOAD_FLAG_TYPED_ARRAY,\n };\n }\n return value;\n }),\n );\n AsyncStorage.setItem(LAST_MESSAGE_TIME, new Date().toISOString());\n } else {\n throw createModalNotReadyError();\n }\n }\n\n // Todo - implement these methods\n /* istanbul ignore next */\n protected checkRelayerExistsInDOM(): Promise<boolean> {\n return Promise.resolve(true);\n }\n\n /* istanbul ignore next */\n protected reloadRelayer(): Promise<void> {\n return Promise.resolve(undefined);\n }\n}\n", "import { useEffect, useState } from 'react';\nimport NetInfo, { NetInfoState } from '@react-native-community/netinfo';\n\nexport const useInternetConnection = () => {\n const [isConnected, setIsConnected] = useState(true);\n useEffect(() => {\n const handleConnectionChange = (connectionInfo: NetInfoState) => {\n setIsConnected(!!connectionInfo.isConnected);\n };\n\n // Subscribe to connection changes and cleanup on unmount\n return NetInfo.addEventListener(handleConnectionChange);\n }, []);\n\n return isConnected;\n};\n", "import { SDKBase } from '@magic-sdk/provider';\nimport { ReactNativeWebViewController } from './react-native-webview-controller';\n\nexport class SDKBaseReactNative extends SDKBase {\n public get Relayer() {\n return (this.overlay as ReactNativeWebViewController).Relayer;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["createSDK", "processPolyfill", "URLPolyfill", "URLSearchParamsPolyfill", "Buffer", "_", "getBundleId", "React", "useState", "useCallback", "useMemo", "useEffect", "Linking", "StyleSheet", "WebView", "SafeAreaView", "ViewController", "createModalNotReadyError", "isTypedArray", "AsyncStorage", "EventRegister", "useEffect", "useState", "NetInfo", "useInternetConnection", "isConnected", "setIsConnected", "handleConnectionChange", "connectionInfo", "MAGIC_PAYLOAD_FLAG_TYPED_ARRAY", "OPEN_IN_DEVICE_BROWSER", "DEFAULT_BACKGROUND_COLOR", "MSG_POSTED_AFTER_INACTIVITY_EVENT", "LAST_MESSAGE_TIME", "createWebViewStyles", "StyleSheet", "ReactNativeWebViewController", "ViewController", "backgroundColor", "show", "setShow", "useState", "mountOverlay", "setMountOverlay", "isConnected", "useInternetConnection", "useEffect", "AsyncStorage", "EventRegister", "message", "webViewRef", "useCallback", "webView", "containerRef", "view", "showOverlay", "hideOverlay", "containerStyles", "useMemo", "handleWebViewMessage", "event", "React", "SafeAreaView", "WebView", "Linking", "url", "data", "key", "value", "e", "magicEvent", "handler", "lastPostTimestamp", "lastPostDate", "now", "fiveMinutes", "isTypedArray", "createModalNotReadyError", "SDKBase", "SDKBaseReactNative", "AsyncStorage", "_", "processPolyfill", "Buffer", "URLPolyfill", "URLSearchParamsPolyfill", "str", "b64Encoded", "Magic", "createSDK", "SDKBaseReactNative", "getBundleId", "ReactNativeWebViewController"]
|
|
7
7
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ViewController } from '@magic-sdk/provider';
|
|
3
|
-
import { MagicMessageEvent } from '@magic-sdk/types';
|
|
4
3
|
/**
|
|
5
4
|
* View controller for the Magic `<WebView>` overlay.
|
|
6
5
|
*/
|
|
@@ -24,9 +23,6 @@ export declare class ReactNativeWebViewController extends ViewController {
|
|
|
24
23
|
protected hideOverlay(): void;
|
|
25
24
|
protected showOverlay(): void;
|
|
26
25
|
protected _post(data: any): Promise<void>;
|
|
27
|
-
persistMagicEventRefreshToken(event: MagicMessageEvent): Promise<void>;
|
|
28
|
-
getRT(): Promise<string | null>;
|
|
29
|
-
getJWT(): Promise<string | null | undefined>;
|
|
30
26
|
protected checkRelayerExistsInDOM(): Promise<boolean>;
|
|
31
27
|
protected reloadRelayer(): Promise<void>;
|
|
32
28
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@magic-sdk/react-native-bare",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "33.0.0",
|
|
4
4
|
"description": "Passwordless authentication for React Native (Bare).",
|
|
5
5
|
"author": "Magic Labs <team@magic.link> (https://magic.link/)",
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"types": "./dist/types/index.d.ts",
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@aveq-research/localforage-asyncstorage-driver": "^3.0.1",
|
|
21
|
-
"@magic-sdk/provider": "
|
|
21
|
+
"@magic-sdk/provider": "^32.0.0",
|
|
22
22
|
"@magic-sdk/types": "^25.2.0",
|
|
23
23
|
"@react-native-async-storage/async-storage": "^2.1.2",
|
|
24
24
|
"@types/lodash": "^4.14.158",
|
|
@@ -26,11 +26,8 @@
|
|
|
26
26
|
"localforage": "^1.7.4",
|
|
27
27
|
"lodash": "^4.17.19",
|
|
28
28
|
"process": "~0.11.10",
|
|
29
|
-
"react-native-device-crypto": "^0.1.7",
|
|
30
29
|
"react-native-device-info": "^10.3.0",
|
|
31
30
|
"react-native-event-listeners": "^1.0.7",
|
|
32
|
-
"react-native-keychain": "^10.0.0",
|
|
33
|
-
"react-native-uuid": "^2.0.3",
|
|
34
31
|
"regenerator-runtime": "0.13.9",
|
|
35
32
|
"tslib": "^2.0.3",
|
|
36
33
|
"whatwg-url": "~8.1.0"
|
|
@@ -55,5 +52,5 @@
|
|
|
55
52
|
"react-native-safe-area-context": ">=4.4.1",
|
|
56
53
|
"react-native-webview": ">=12.4.0"
|
|
57
54
|
},
|
|
58
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "87d7bf3e06f8f3412a231ccdc5dd8107865d474d"
|
|
59
56
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generates the DPoP proof compatible with the Python backend.
|
|
3
|
-
* Handles key creation (if missing), JWK construction, and signing.
|
|
4
|
-
*/
|
|
5
|
-
export declare const getDpop: () => Promise<string | null>;
|
|
6
|
-
/**
|
|
7
|
-
* Removes the keys from the Secure Enclave
|
|
8
|
-
* Returns true if the key was deleted successfully, false otherwise.
|
|
9
|
-
* @returns {Promise<boolean>} True if the key was deleted successfully, false otherwise.
|
|
10
|
-
*/
|
|
11
|
-
export declare const deleteDpop: () => Promise<boolean>;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as Keychain from 'react-native-keychain';
|
|
2
|
-
export declare const setRefreshTokenInKeychain: (rt: string) => Promise<boolean | Keychain.Result>;
|
|
3
|
-
export declare const getRefreshTokenInKeychain: () => Promise<string | null>;
|
|
4
|
-
export declare const removeRefreshTokenInKeychain: () => Promise<boolean | null>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export interface DpopHeader {
|
|
2
|
-
typ: 'dpop+jwt';
|
|
3
|
-
alg: 'ES256';
|
|
4
|
-
jwk: JsonWebKey;
|
|
5
|
-
}
|
|
6
|
-
export interface DpopClaims {
|
|
7
|
-
iat: number;
|
|
8
|
-
jti: string;
|
|
9
|
-
htm?: string;
|
|
10
|
-
htu?: string;
|
|
11
|
-
}
|
|
12
|
-
export interface JsonWebKey {
|
|
13
|
-
kty: string;
|
|
14
|
-
crv: string;
|
|
15
|
-
x: string;
|
|
16
|
-
y: string;
|
|
17
|
-
ext?: boolean;
|
|
18
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
declare const KEY_SUFFIX_MAP: {
|
|
2
|
-
dpop: string;
|
|
3
|
-
refreshToken: string;
|
|
4
|
-
refreshTokenService: string;
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* Returns the key alias for the given key.
|
|
8
|
-
* Let's us to safely store the keys in the keychain and avoid conflicts with other apps using magic sdk.
|
|
9
|
-
*/
|
|
10
|
-
export declare function getKeyAlias(key: keyof typeof KEY_SUFFIX_MAP): string;
|
|
11
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Encodes a Uint8Array to a Base64 string.
|
|
3
|
-
* Uses native 'btoa' by converting bytes to a binary string first.
|
|
4
|
-
*/
|
|
5
|
-
export declare const uint8ArrayToBase64: (bytes: Uint8Array) => string;
|
|
6
|
-
/**
|
|
7
|
-
* Decodes a Base64 string to a Uint8Array.
|
|
8
|
-
* Uses native 'atob'.
|
|
9
|
-
*/
|
|
10
|
-
export declare const base64ToUint8Array: (base64: string) => Uint8Array;
|
|
11
|
-
/**
|
|
12
|
-
* Converts a string (UTF-8) to Uint8Array.
|
|
13
|
-
* Polyfill for simple ASCII/UTF-8 if TextEncoder is not available,
|
|
14
|
-
* but TextEncoder is standard in RN 0.68+.
|
|
15
|
-
*/
|
|
16
|
-
export declare const stringToUint8Array: (str: string) => Uint8Array;
|
|
17
|
-
/**
|
|
18
|
-
* Encodes input (String or Uint8Array) to Base64Url (RFC 4648).
|
|
19
|
-
* Removes padding '=', replaces '+' with '-', and '/' with '_'
|
|
20
|
-
*/
|
|
21
|
-
export declare const toBase64Url: (input: string | Uint8Array) => string;
|