@magic-sdk/react-native-bare 30.0.7-canary.879.14604995212.0 → 30.0.7-canary.879.14606675257.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 +1 -1
- package/dist/es/index.js +1 -1
- package/dist/es/index.js.map +1 -1
- package/package.json +4 -4
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var $=Object.create;var u=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var J=(t,a)=>{for(var e in a)u(t,e,{get:a[e],enumerable:!0})},y=(t,a,e,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of Y(a))!z.call(t,s)&&s!==e&&u(t,s,{get:()=>a[s],enumerable:!(i=K(a,s))||i.enumerable});return t},o=(t,a,e)=>(y(t,a,"default"),e&&y(e,a,"default")),p=(t,a,e)=>(e=t!=null?$(q(t)):{},y(a||!t||!t.__esModule?u(e,"default",{value:t,enumerable:!0}):e,t)),H=t=>y(u({},"__esModule",{value:!0}),t);var r={};J(r,{Magic:()=>ee,useInternetConnection:()=>w});module.exports=H(r);var me=require("regenerator-runtime/runtime"),x=require("@magic-sdk/provider"),Z=p(require("process")),R=require("whatwg-url"),_=require("buffer"),L=p(require("lodash")),N=require("react-native-device-info");var n=p(require("react")),E=require("react-native"),O=require("react-native-webview"),P=require("react-native-safe-area-context"),I=require("@magic-sdk/provider"),D=require("lodash"),d=p(require("@react-native-async-storage/async-storage")),C=require("react-native-event-listeners");var h=require("react"),A=p(require("@react-native-community/netinfo")),w=()=>{let[t,a]=(0,h.useState)(!0);return(0,h.useEffect)(()=>{let e=i=>{a(!!i.isConnected)};return A.default.addEventListener(e)},[]),t};var M="MAGIC_PAYLOAD_FLAG_TYPED_ARRAY",j="open_in_device_browser",Q="#FFFFFF",V="msg_posted_after_inactivity_event",b="lastMessageTime";function X(){return E.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 v=class extends I.ViewController{constructor(){super(...arguments);this.Relayer=e=>{let[i,s]=(0,n.useState)(!1),[m,l]=(0,n.useState)(!0),g=w();(0,n.useEffect)(()=>{this.isConnectedToInternet=g},[g]),(0,n.useEffect)(()=>(d.default.setItem(b,""),()=>{this.isReadyForRequest=!1}),[]),(0,n.useEffect)(()=>{C.EventRegister.addEventListener(V,async c=>{this.isReadyForRequest=!1,l(!1),this.post(c.msgType,c.payload),await d.default.setItem(b,new Date().toISOString())})},[]),(0,n.useEffect)(()=>{m||setTimeout(()=>l(!0),10)},[m]);let k=(0,n.useCallback)(c=>{this.webView=c},[]),F=(0,n.useCallback)(c=>{this.container={...c,showOverlay:U,hideOverlay:W}},[]),U=(0,n.useCallback)(()=>{s(!0)},[]),W=(0,n.useCallback)(()=>{s(!1)},[]),B=(0,n.useMemo)(()=>[this.styles["webview-container"],i?{...this.styles.show,backgroundColor:e??Q}:this.styles.hide],[i]),G=(0,n.useCallback)(c=>{this.handleReactNativeWebViewMessage(c)},[]);return m?n.default.createElement(P.SafeAreaView,{ref:F,style:B},n.default.createElement(O.WebView,{ref:k,source:{uri:`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`},onMessage:G,style:this.styles["magic-webview"],webviewDebuggingEnabled:!0,autoManageStatusBarEnabled:!1,onShouldStartLoadWithRequest:c=>new URLSearchParams(c.url.split("?")[1]).get(j)?(E.Linking.openURL(c.url),!1):!0})):null}}init(){this.webView=null,this.container=null,this.styles=X()}handleReactNativeWebViewMessage(e){let i=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.title===`${i.hostname}/send/${i.search}`)){let s=JSON.parse(e.nativeEvent.data,(m,l)=>{try{if(l&&typeof l=="object"&&l.flag&&l.flag===M)return new global[l.constructor](l.data.split(","))}catch(g){console.log("Error parsing data",g)}return l});if(s&&s.msgType&&this.messageHandlers.size){s.response=s.response??{};let m={data:s};for(let l of this.messageHandlers.values())l(m)}}}async msgPostedAfterInactivity(){let e=await d.default.getItem(b);if(e){let i=new Date(e).getTime(),s=new Date().getTime(),m=5*60*1e3;return s-i>m}return!1}hideOverlay(){this.container&&this.container.hideOverlay()}showOverlay(){this.container&&this.container.showOverlay()}async e(e){if(await this.msgPostedAfterInactivity()){C.EventRegister.emit(V,e);return}if(this.webView&&this.webView.postMessage)this.webView.postMessage(JSON.stringify(e,(i,s)=>(0,D.isTypedArray)(s)?{constructor:s.constructor.name,data:s.toString(),flag:M}:s),this.endpoint),d.default.setItem(b,new Date().toISOString());else throw(0,I.createModalNotReadyError)()}checkRelayerExistsInDOM(){return Promise.resolve(!0)}reloadRelayer(){return Promise.resolve(void 0)}};var T=require("@magic-sdk/provider"),S=class extends T.SDKBase{get Relayer(){return this.overlay.Relayer}};var f=p(require("@react-native-async-storage/async-storage"));o(r,require("@magic-sdk/commons"),module.exports);global.process=L.merge(global.process,Z);global.process.browser=!1;global.Buffer=_.Buffer;global.URL=R.URL;global.URLSearchParams=R.URLSearchParams;global.btoa=t=>_.Buffer.from(t,"binary").toString("base64");global.atob=t=>_.Buffer.from(t,"base64").toString("binary");var ee=(0,x.createSDK)(S,{platform:"react-native",sdkName:"@magic-sdk/react-native-bare",version:"30.0.6",bundleId:(0,N.getBundleId)(),defaultEndpoint:"https://box.magic.link/",ViewController:v,configureStorage:async()=>({ready:async()=>Promise.resolve(!0),getItem:f.default.getItem,setItem:f.default.setItem,removeItem:f.default.removeItem,clear:f.default.clear,length:()=>{},key:()=>{},keys:f.default.getAllKeys,iterate:()=>{}})});0&&(module.exports={Magic,useInternetConnection,...require("@magic-sdk/commons")});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts", "../../src/react-native-webview-controller.tsx", "../../src/hooks.ts", "../../src/react-native-sdk-base.ts"],
|
|
4
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 * as _ 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/commons';\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 forseeable 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 comaptible */\n (event.nativeEvent.url === `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` ||\n event.nativeEvent.url === `${this.endpoint}/send/?params=${this.parameters}` ||\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 as any).postMessage) {\n (this.webView as any).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 this.endpoint,\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,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["index_exports", "__export", "Magic", "useInternetConnection", "__toCommonJS", "import_runtime", "import_provider", "processPolyfill", "import_whatwg_url", "import_buffer", "_", "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", "_post", "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 Y}from"@magic-sdk/provider";import*as q from"process";import{URL as z,URLSearchParams as J}from"whatwg-url";import{Buffer as u}from"buffer";import*as S from"lodash";import{getBundleId as H}from"react-native-device-info";import w,{useState as b,useCallback as i,useMemo as T,useEffect as m}from"react";import{Linking as x,StyleSheet as L}from"react-native";import{WebView as N}from"react-native-webview";import{SafeAreaView as k}from"react-native-safe-area-context";import{ViewController as F,createModalNotReadyError as U}from"@magic-sdk/provider";import{isTypedArray as W}from"lodash";import p from"@react-native-async-storage/async-storage";import{EventRegister as v}from"react-native-event-listeners";import{useEffect as O,useState as P}from"react";import D from"@react-native-community/netinfo";var y=()=>{let[a,h]=P(!0);return O(()=>{let e=s=>{h(!!s.isConnected)};return D.addEventListener(e)},[]),a};var E="MAGIC_PAYLOAD_FLAG_TYPED_ARRAY",B="open_in_device_browser",G="#FFFFFF",I="msg_posted_after_inactivity_event",f="lastMessageTime";function $(){return L.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 F{constructor(){super(...arguments);this.Relayer=e=>{let[s,t]=b(!1),[n,r]=b(!0),c=y();m(()=>{this.isConnectedToInternet=c},[c]),m(()=>(p.setItem(f,""),()=>{this.isReadyForRequest=!1}),[]),m(()=>{v.addEventListener(I,async o=>{this.isReadyForRequest=!1,r(!1),this.post(o.msgType,o.payload),await p.setItem(f,new Date().toISOString())})},[]),m(()=>{n||setTimeout(()=>r(!0),10)},[n]);let R=i(o=>{this.webView=o},[]),_=i(o=>{this.container={...o,showOverlay:C,hideOverlay:A}},[]),C=i(()=>{t(!0)},[]),A=i(()=>{t(!1)},[]),M=T(()=>[this.styles["webview-container"],s?{...this.styles.show,backgroundColor:e??G}:this.styles.hide],[s]),V=i(o=>{this.handleReactNativeWebViewMessage(o)},[]);return n?w.createElement(k,{ref:_,style:M},w.createElement(N,{ref:R,source:{uri:`${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}`},onMessage:V,style:this.styles["magic-webview"],webviewDebuggingEnabled:!0,autoManageStatusBarEnabled:!1,onShouldStartLoadWithRequest:o=>new URLSearchParams(o.url.split("?")[1]).get(B)?(x.openURL(o.url),!1):!0})):null}}init(){this.webView=null,this.container=null,this.styles=$()}handleReactNativeWebViewMessage(e){let s=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.title===`${s.hostname}/send/${s.search}`)){let t=JSON.parse(e.nativeEvent.data,(n,r)=>{try{if(r&&typeof r=="object"&&r.flag&&r.flag===E)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 n={data:t};for(let r of this.messageHandlers.values())r(n)}}}async msgPostedAfterInactivity(){let e=await p.getItem(f);if(e){let s=new Date(e).getTime(),t=new Date().getTime(),n=5*60*1e3;return t-s>n}return!1}hideOverlay(){this.container&&this.container.hideOverlay()}showOverlay(){this.container&&this.container.showOverlay()}async e(e){if(await this.msgPostedAfterInactivity()){v.emit(I,e);return}if(this.webView&&this.webView.postMessage)this.webView.postMessage(JSON.stringify(e,(s,t)=>W(t)?{constructor:t.constructor.name,data:t.toString(),flag:E}:t),this.endpoint),p.setItem(f,new Date().toISOString());else throw U()}checkRelayerExistsInDOM(){return Promise.resolve(!0)}reloadRelayer(){return Promise.resolve(void 0)}};import{SDKBase as K}from"@magic-sdk/provider";var g=class extends K{get Relayer(){return this.overlay.Relayer}};import l from"@react-native-async-storage/async-storage";export*from"@magic-sdk/commons";global.process=S.merge(global.process,q);global.process.browser=!1;global.Buffer=u;global.URL=z;global.URLSearchParams=J;global.btoa=a=>u.from(a,"binary").toString("base64");global.atob=a=>u.from(a,"base64").toString("binary");var _e=Y(g,{platform:"react-native",sdkName:"@magic-sdk/react-native-bare",version:"30.0.6",bundleId:H(),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
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts", "../../src/react-native-webview-controller.tsx", "../../src/hooks.ts", "../../src/react-native-sdk-base.ts"],
|
|
4
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 * as _ 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/commons';\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 forseeable 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 comaptible */\n (event.nativeEvent.url === `${this.endpoint}/send/?params=${encodeURIComponent(this.parameters)}` ||\n event.nativeEvent.url === `${this.endpoint}/send/?params=${this.parameters}` ||\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 as any).postMessage) {\n (this.webView as any).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 this.endpoint,\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": "AAEA,MAAO,8BAEP,OAAS,aAAAA,MAAmE,sBAC5E,UAAYC,MAAqB,UACjC,OAAS,OAAOC,EAAa,mBAAmBC,MAA+B,aAC/E,OAAS,UAAAC,MAAc,SACvB,UAAYC,MAAO,SACnB,OAAS,eAAAC,MAAmB,2BCT5B,OAAOC,GAAS,YAAAC,EAAU,eAAAC,EAAa,WAAAC,EAAS,aAAAC,MAAiB,QACjE,OAAS,WAAAC,EAAS,cAAAC,MAAwB,eAC1C,OAAS,WAAAC,MAAe,uBACxB,OAAS,gBAAAC,MAAoB,iCAC7B,OAAS,kBAAAC,EAAgB,4BAAAC,MAAgC,sBAEzD,OAAS,gBAAAC,MAAoB,SAC7B,OAAOC,MAAkB,4CACzB,OAAS,iBAAAC,MAAqB,+BCR9B,OAAS,aAAAC,EAAW,YAAAC,MAAgB,QACpC,OAAOC,MAA+B,kCAE/B,IAAMC,EAAwB,IAAM,CACzC,GAAM,CAACC,EAAaC,CAAc,EAAIJ,EAAS,EAAI,EACnD,OAAAD,EAAU,IAAM,CACd,IAAMM,EAA0BC,GAAiC,CAC/DF,EAAe,CAAC,CAACE,EAAe,WAAW,CAC7C,EAGA,OAAOL,EAAQ,iBAAiBI,CAAsB,CACxD,EAAG,CAAC,CAAC,EAEEF,CACT,EDFA,IAAMI,EAAiC,iCACjCC,EAAyB,yBACzBC,EAA2B,UAC3BC,EAAoC,oCACpCC,EAAoB,kBAK1B,SAASC,GAAsB,CAC7B,OAAOC,EAAW,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,cAA2CC,CAAe,
|
|
5
|
+
"mappings": "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",
|
|
6
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", "_post", "isTypedArray", "createModalNotReadyError", "SDKBase", "SDKBaseReactNative", "AsyncStorage", "processPolyfill", "Buffer", "URLPolyfill", "URLSearchParamsPolyfill", "str", "b64Encoded", "Magic", "createSDK", "SDKBaseReactNative", "getBundleId", "ReactNativeWebViewController"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@magic-sdk/react-native-bare",
|
|
3
|
-
"version": "30.0.7-canary.879.
|
|
3
|
+
"version": "30.0.7-canary.879.14606675257.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,8 +18,8 @@
|
|
|
18
18
|
"types": "./dist/types/index.d.ts",
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@aveq-research/localforage-asyncstorage-driver": "^3.0.1",
|
|
21
|
-
"@magic-sdk/commons": "25.0.6-canary.879.
|
|
22
|
-
"@magic-sdk/provider": "29.0.6-canary.879.
|
|
21
|
+
"@magic-sdk/commons": "25.0.6-canary.879.14606675257.0",
|
|
22
|
+
"@magic-sdk/provider": "29.0.6-canary.879.14606675257.0",
|
|
23
23
|
"@magic-sdk/types": "^24.18.1",
|
|
24
24
|
"@react-native-async-storage/async-storage": "^2.1.2",
|
|
25
25
|
"@types/lodash": "^4.14.158",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"react-native-safe-area-context": ">=4.4.1",
|
|
54
54
|
"react-native-webview": ">=12.4.0"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "f77bdbc0d855c20912351a326ef2a9bc9f63c674"
|
|
57
57
|
}
|