npm - react-native-payengine - Versions diffs - 1.0.6 → 2.0.4 - Mend

react-native-payengine 1.0.6 → 2.0.4

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.

Files changed (309) hide show

package/ios/Sources/Payengine.swift ADDED Viewed

@@ -0,0 +1,13 @@
+import UIKit
+import PassKit
+let borderColor = UIColor.gray
+let errorBorderColor = UIColor.red
+@objc(Payengine)
+class Payengine: NSObject {
+    @objc(multiply:withB:withResolver:withRejecter:)
+    func multiply(a: Float, b: Float, resolve:RCTPromiseResolveBlock,reject:RCTPromiseRejectBlock) -> Void {
+        resolve(a*b)
+    }
+}

package/lib/commonjs/components/PayEngine.js CHANGED Viewed

@@ -9,133 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeWebview = require("react-native-webview");
-var _utils = require("../utils");
-var _LoadingIndicator = _interopRequireDefault(require("./LoadingIndicator"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const getHtmlTag = props => {
-  const allowedProps = Object.keys(props).filter(x => !['config', 'events', 'style'].includes(x));
-  return `<pay-engine id="component"
-    style="z-index: 100"
-    ${allowedProps.map(propName => `${propName}="${props[propName]}"`).join(' ')}
-  ></pay-engine>`;
-};
-const generateHTML = (scriptURL, props) => {
-  return `<!DOCTYPE html>
-    <html>
-    <head>
-      <title>PayEngine Elements</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <script src="${scriptURL}" async defer type="text/javascript"></script>
-    </head>
-    <body>
-      ${getHtmlTag(props)}
-      <script>
-        setInterval(function() {
-          window.ReactNativeWebView.postMessage(JSON.stringify({
-            type: 'PayEngine-height',
-            height: document.body.scrollHeight
-          }))
-        }, 500);
-      </script>
-    </body>
-    </html>`;
-};
-const PayEngine = props => {
-  const [scriptURL] = _react.default.useState((0, _utils.getScriptURL)(props.config));
-  const [height, setHeight] = _react.default.useState(30);
-  const html = generateHTML(scriptURL, props);
-  const onMessage = payload => {
-    var _props$events;
-    const isDebug = props.config.logLevel > 0;
-    let dataPayload;
-    try {
-      dataPayload = JSON.parse(payload.nativeEvent.data);
-    } catch (e) {}
-    if (dataPayload) {
-      switch (dataPayload.type) {
-        case 'Console':
-          if (isDebug) {
-            console.info(`[Console] ${JSON.stringify(dataPayload.data)}`);
-          }
-          break;
-        case 'PayEngine':
-          const {
-            type,
-            detail
-          } = dataPayload.event;
-          if ((_props$events = props.events) !== null && _props$events !== void 0 && _props$events[type]) {
-            var _props$events2, _props$events2$type;
-            (_props$events2 = props.events) === null || _props$events2 === void 0 ? void 0 : (_props$events2$type = _props$events2[type]) === null || _props$events2$type === void 0 ? void 0 : _props$events2$type.call(_props$events2, detail);
-          }
-          break;
-        case 'PayEngine-height':
-          setHeight(dataPayload.height);
-          break;
-        default:
-          if (isDebug) {
-            console.log(dataPayload);
-          }
-          break;
-      }
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [{
-      flex: 1,
-      height: height
-    }, props.style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.yellowBox
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Script URL: ", scriptURL)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.yellowBox
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, getHtmlTag(props))), /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
-    originWhitelist: ['*'],
-    source: {
-      html: html,
-      baseUrl: ''
-    } // source={{ uri: 'https://google.com' }}
-    ,
-    applicationNameForUserAgent: `PayEngine-RN/${_reactNative.Platform.OS}`,
-    injectedJavaScript: _utils.debuggingScript,
-    renderLoading: _LoadingIndicator.default,
-    startInLoadingState: true,
-    onMessage: onMessage
-  }));
+const PayEngine = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Obsolete. Please check out the package readme");
 };
-const styles = _reactNative.StyleSheet.create({
-  yellowBox: {
-    marginVertical: 5,
-    marginHorizontal: 10,
-    padding: 10,
-    backgroundColor: 'yellow',
-    borderWidth: 1,
-    borderColor: 'yellow'
-  }
-});
 var _default = PayEngine;
 exports.default = _default;
 //# sourceMappingURL=PayEngine.js.map

package/lib/commonjs/components/PayEngine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~getHtmlTag","props","allowedProps","Object","keys","filter","x","includes","map","propName","join","generateHTML","scriptURL","~~PayEngine","React","useState","getScriptURL","config","height","setHeight","html","onMessage","payload","isDebug","logLevel","dataPayload","JSON","parse","nativeEvent","data","e","type","console","info","stringify","detail","event","events","log","flex","style","styles","yellowBox","baseUrl","Platform","OS","debuggingScript","LoadingIndicator","StyleSheet","create","marginVertical","marginHorizontal","padding","backgroundColor","borderWidth","borderColor"],"sources":["PayEngine.tsx"],"sourcesContent":["import React from 'react';\nimport { ~~Platform, StyleProp, StyleSheet,~~ Text, ~~View, ViewStyle~~ } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { getScriptURL, debuggingScript } from '../utils';\nimport LoadingIndicator from './LoadingIndicator';\nimport type { IPayEngineConfig } from '../interfaces/index';\n\ninterface IProps {\n config: IPayEngineConfig\n type: string\n merchantId?: string\n hash?: string\n events: {\n [key: string]: (eventData: any) => void\n }\n style?: StyleProp<ViewStyle>\n [key: string]: any\n}\n\nconst getHtmlTag = (props: IProps) => {\n const allowedProps = Object.keys(props).filter(x => !['config', 'events', 'style'].includes(x))\n return `<pay-engine id=\"component\"\n style=\"z-index: 100\"\n ${allowedProps.map((propName: string) => `${propName}=\"${props[propName]}\"`).join(' ')}\n ></pay-engine>`\n}\n\nconst generateHTML = (scriptURL: string, props: IProps) => {\n return `<!DOCTYPE html>\n <html>\n <head>\n <title>PayEngine ~~Elements</title>\n <meta name=\"viewport\" content=\"width~~=~~device-width,~~ ~~initial-scale=1.0\">\n <script src=\"${scriptURL}\" async defer type=\"text/javascript\"></script>\n </head>\n <body>\n ${getHtmlTag~~(~~props~~)~~}\n <script>\n setInterval(function()~~ {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n type: 'PayEngine-height',\n height: document.body.scrollHeight\n }))\n }, 500);\n </script>\n </body>\n </html>`\n}\n\nconst PayEngine = (props: IProps) => {\n\n const [scriptURL] = React.useState(getScriptURL(props.config))\n const [height, setHeight] = React.useState(30)\n\n const html = generateHTML(scriptURL, props)\n\n const onMessage = (payload: any) => {\n const isDebug = props.config.logLevel! > 0\n let dataPayload;\n try {\n dataPayload = JSON.parse(payload.nativeEvent.data);\n } catch (e) { }\n\n if (dataPayload) {\n switch (dataPayload.type) {\n case 'Console':\n if (isDebug) {\n console.info(`[Console] ${JSON.stringify(dataPayload.data)}`);\n }\n break;\n case 'PayEngine':\n const { type, detail } = dataPayload.event\n if (props.events?.[type]) {\n props.events?.[type]?.(detail)\n }\n break;\n case 'PayEngine-height':\n setHeight(dataPayload.height)\n break;\n default:\n if (isDebug) {\n console.log(dataPayload)\n }\n break;\n }\n }\n };\n\n return <~~View style={[{ flex: 1, height: height }, props.style]}>\n <View style={styles.yellowBox}>\n <~~Text>~~Script URL: {scriptURL}</Text>\n </View>\n <View style={styles~~.~~yellowBox}>\n <Text>{getHtmlTag(props)}</Text>\n </View>\n <WebView\n originWhitelist={['*']}\n source={{~~ ~~html:~~ ~~html,~~ ~~baseUrl:~~ '' ~~}}\n //~~ source={{ uri: 'https://google.com' }}\n applicationNameForUserAgent={`PayEngine-RN/${Platform.OS}`}\n injectedJavaScript={debuggingScript}\n renderLoading={LoadingIndicator}\n startInLoadingState={true}\n onMessage={onMessage}\n />\n </~~View>\~~n}\n\nconst styles = StyleSheet.create({\n yellowBox: {\n marginVertical: 5,\n marginHorizontal: 10,\n padding: 10,\n backgroundColor: 'yellow',\n borderWidth: 1,\n borderColor: 'yellow'\n }\n})\n\n\nexport default PayEngine\n"],"mappings":";;;;;;;AAAA;;AACA~~;;AACA;;AACA;;AACA~~;;;;~~AAeA~~,MAAMA,~~UAAU~~,GAAIC,KAAD,IAAmB;EACpC,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,CAA0BC,CAAC,IAAI,CAAC,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,EAA8BC,QAA9B,CAAuCD,CAAvC,CAAhC,CAArB;EACA,OAAQ;AACV;AACA,MAAMJ,YAAY,CAACM,GAAb,CAAkBC,QAAD,IAAuB,GAAEA,QAAS,KAAIR,KAAK,CAACQ,QAAD,CAAW,GAAvE,EAA2EC,IAA3E,CAAgF,GAAhF,CAAqF;AAC3F,iBAHE;AAID,CAND;;AAQA,MAAMC,YAAY,GAAG,CAACC,SAAD,EAAoBX,KAApB,KAAsC;EACzD,OAAQ;AACV;AACA;AACA;AACA;AACA,qBAAqBW,SAAU;AAC/B;AACA;AACA,QAAQZ,UAAU,CAACC,KAAD,CAAQ;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAlBE;AAmBD,CApBD;;AAsBA,MAAMY,SAAS,GAAIZ,KAAD,IAAmB;EAEnC,MAAM,CAACW,SAAD,IAAcE,cAAA,CAAMC,QAAN,CAAe,IAAAC,mBAAA,EAAaf,KAAK,CAACgB,MAAnB,CAAf,CAApB;;EACA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBL,cAAA,CAAMC,QAAN,CAAe,EAAf,CAA5B;;EAEA,MAAMK,IAAI,GAAGT,YAAY,CAACC,SAAD,EAAYX,KAAZ,CAAzB;;EAEA,MAAMoB,SAAS,GAAIC,OAAD,IAAkB;~~IAAA;;IAClC~~,MAAMC,OAAO,GAAGtB,KAAK,CAACgB,MAAN,CAAaO,QAAb,GAAyB,CAAzC;IACA,IAAIC,WAAJ;;IACA,IAAI;MACFA,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWL,OAAO,CAACM,WAAR,CAAoBC,IAA/B,CAAd;IACD,CAFD,CAEE,OAAOC,CAAP,EAAU,CAAG;;IAEf,IAAIL,WAAJ,EAAiB;MACf,QAAQA,WAAW,CAACM,IAApB;QACE,KAAK,SAAL;UACE,IAAIR,OAAJ,EAAa;YACXS,OAAO,CAACC,IAAR,CAAc,aAAYP,IAAI,CAACQ,SAAL,CAAeT,WAAW,CAACI,IAA3B,CAAiC,EAA3D;UACD;;UACD;;QACF,KAAK,WAAL;UACE,MAAM;YAAEE,IAAF;YAAQI;UAAR,IAAmBV,WAAW,CAACW,KAArC;;UACA,qBAAInC,KAAK,CAACoC,MAAV,0CAAI,cAAeN,IAAf,CAAJ,EAA0B;YAAA;;YACxB,kBAAA9B,KAAK,CAACoC,MAAN,yFAAeN,IAAf,kGAAuBI,MAAvB;UACD;;UACD;;QACF,KAAK,kBAAL;UACEhB,SAAS,CAACM,WAAW,CAACP,MAAb,CAAT;UACA;;QACF;UACE,IAAIK,OAAJ,EAAa;YACXS,OAAO,CAACM,GAAR,CAAYb,WAAZ;UACD;;UACD;MAnBJ;IAqBD;EACF,CA9BD;;EAgCA,oBAAO,6BAAC,iBAAD~~;IAAM~~,~~KAAK,EAAE,CAAC~~;~~MAAEc~~,IAAI,EAAE,CAAR;MAAWrB,MAAM,EAAEA;IAAnB,CAAD,EAA8BjB,KAAK,CAACuC,KAApC;EAAb,gBACL,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD,wBAAmB9B,SAAnB,CADF,CADK,eAIL,6BAAC,iBAAD;IAAM,KAAK,EAAE6B,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD,QAAO1C,UAAU,CAACC,KAAD,CAAjB,CADF,CAJK,eAOL,6BAAC,2BAAD;IACE,eAAe,EAAE,CAAC,GAAD,CADnB;IAEE,MAAM,EAAE;MAAEmB,IAAI,EAAEA,IAAR;MAAcuB,OAAO,EAAE;IAAvB,CAFV,CAGE;IAHF;IAIE,2BAA2B,EAAG,gBAAeC,qBAAA,CAASC,EAAG,EAJ3D;IAKE,kBAAkB,EAAEC,sBALtB;IAME,aAAa,EAAEC,yBANjB;IAOE,mBAAmB,EAAE,IAPvB;IAQE,SAAS,EAAE1B;EARb,EAPK,CAAP;AAkBD,CAzDD;;~~AA2DA~~,MAAMoB,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,cAAc,EAAE,CADP;IAETC,gBAAgB,EAAE,EAFT;IAGTC,OAAO,EAAE,EAHA;IAITC,eAAe,EAAE,QAJR;IAKTC,WAAW,EAAE,CALJ;IAMTC,WAAW,EAAE;EANJ;AADoB,CAAlB,CAAf;;eAYe1C,S"}
1	+ {"version":3,"names":["PayEngine"],"sources":["PayEngine.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\n\nconst PayEngine = () => {\n return <Text>Obsolete. Please check out the package readme</Text>;\n};\n\nexport default PayEngine;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,MAAM;EACtB,oBAAO,6BAAC,iBAAD,wDAAP;AACD,CAFD;;eAIeA,S"}

package/lib/commonjs/components/v2/ApplePay/PEApplePayButton.js ADDED Viewed

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEApplePayButton = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const RNPEApplePayButton = (0, _reactNative.requireNativeComponent)('RNPEApplePayButton');
+const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  React.useImperativeHandle(ref, () => ({}));
+  const pmError = event => {
+    if (props.onPaymentFailed) {
+      props.onPaymentFailed(new Error(event.nativeEvent.error));
+    }
+  };
+  const pmTokenDidReturn = event => {
+    if (props.onTokenDidReturn) {
+      props.onTokenDidReturn(event.nativeEvent.token);
+    }
+  };
+  const pmSheetDidDismiss = () => {
+    if (props.onPaymentSheetDismissed) {
+      props.onPaymentSheetDismissed();
+    }
+  };
+  if (_reactNative.Platform.OS !== 'ios') {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, null, "Apple Pay is not supported on this platform");
+  }
+  return /*#__PURE__*/React.createElement(RNPEApplePayButton, {
+    style: {
+      height: 32,
+      width: '100%',
+      ...props.style
+    },
+    paymentRequest: JSON.stringify(props.paymentRequest),
+    onPmError: pmError,
+    onPmTokenDidReturn: pmTokenDidReturn,
+    onPmSheetDidDismiss: pmSheetDidDismiss
+  });
+});
+exports.PEApplePayButton = PEApplePayButton;
+//# sourceMappingURL=PEApplePayButton.js.map

package/lib/commonjs/components/v2/ApplePay/PEApplePayButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPEApplePayButton","requireNativeComponent","PEApplePayButton","React","forwardRef","props","ref","useImperativeHandle","pmError","event","onPaymentFailed","Error","nativeEvent","error","pmTokenDidReturn","onTokenDidReturn","token","pmSheetDidDismiss","onPaymentSheetDismissed","Platform","OS","height","width","style","JSON","stringify","paymentRequest"],"sources":["PEApplePayButton.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { Platform, requireNativeComponent, Text, ViewProps } from 'react-native';\nimport type { PEPaymentRequest } from '../PEPaymentRequest';\n\n\nconst RNPEApplePayButton = requireNativeComponent<NativePEApplePayViewProps>('RNPEApplePayButton');\n\ntype NativePEApplePayEvent = {\n nativeEvent: {\n error?: string;\n token?: string\n };\n};\n\ninterface NativePEApplePayViewProps extends ViewProps {\n paymentRequest: string;\n onPmSheetDidDismiss: (event: NativePEApplePayEvent) => void;\n onPmTokenDidReturn: (event: NativePEApplePayEvent) => void;\n onPmError: (event: NativePEApplePayEvent) => void;\n}\n\nexport interface PEApplePayButtonProps extends ViewProps {\n paymentRequest: PEPaymentRequest;\n onTokenDidReturn?: (token: string) => void;\n onPaymentSheetDismissed?: () => void;\n onPaymentFailed?: (error: Error) => void;\n}\n\nexport interface PEApplePayButtonMethods {\n \n}\n\n\nexport const PEApplePayButton = React.forwardRef<\nPEApplePayButtonMethods,\n PEApplePayButtonProps\n>((props, ref) => {\n\n React.useImperativeHandle(ref, () => ({\n }));\n\n const pmError = (event: NativePEApplePayEvent) => {\n if (props.onPaymentFailed) {\n props.onPaymentFailed(new Error(event.nativeEvent.error));\n }\n };\n\n const pmTokenDidReturn = (event: NativePEApplePayEvent) => {\n if (props.onTokenDidReturn) {\n props.onTokenDidReturn(event.nativeEvent.token!);\n }\n };\n\n const pmSheetDidDismiss = () => {\n if (props.onPaymentSheetDismissed) {\n props.onPaymentSheetDismissed();\n }\n }\n\n if (Platform.OS !== 'ios') {\n return <Text>Apple Pay is not supported on this platform</Text>\n }\n \n return (\n <RNPEApplePayButton \n style={{ height: 32, width: '100%', ...(props.style as object) }} \n paymentRequest={JSON.stringify(props.paymentRequest)} \n onPmError={pmError} \n onPmTokenDidReturn={pmTokenDidReturn} \n onPmSheetDidDismiss={pmSheetDidDismiss} \n />\n );\n});\n"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAIA,MAAMA,kBAAkB,GAAG,IAAAC,mCAAA,EAAkD,oBAAlD,CAA3B;AA4BO,MAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAN,CAG9B,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAEhBH,KAAK,CAACI,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO,EAAP,CAA/B;;EAGA,MAAME,OAAO,GAAIC,KAAD,IAAkC;IAChD,IAAIJ,KAAK,CAACK,eAAV,EAA2B;MACzBL,KAAK,CAACK,eAAN,CAAsB,IAAIC,KAAJ,CAAUF,KAAK,CAACG,WAAN,CAAkBC,KAA5B,CAAtB;IACD;EACF,CAJD;;EAMA,MAAMC,gBAAgB,GAAIL,KAAD,IAAkC;IACzD,IAAIJ,KAAK,CAACU,gBAAV,EAA4B;MAC1BV,KAAK,CAACU,gBAAN,CAAuBN,KAAK,CAACG,WAAN,CAAkBI,KAAzC;IACD;EACF,CAJD;;EAMA,MAAMC,iBAAiB,GAAG,MAAM;IAC9B,IAAIZ,KAAK,CAACa,uBAAV,EAAmC;MACjCb,KAAK,CAACa,uBAAN;IACD;EACF,CAJD;;EAMA,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;IACzB,oBAAO,oBAAC,iBAAD,sDAAP;EACD;;EAED,oBACE,oBAAC,kBAAD;IACE,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAV;MAAcC,KAAK,EAAE,MAArB;MAA6B,GAAIjB,KAAK,CAACkB;IAAvC,CADT;IAEE,cAAc,EAAEC,IAAI,CAACC,SAAL,CAAepB,KAAK,CAACqB,cAArB,CAFlB;IAGE,SAAS,EAAElB,OAHb;IAIE,kBAAkB,EAAEM,gBAJtB;IAKE,mBAAmB,EAAEG;EALvB,EADF;AASD,CAvC+B,CAAzB"}

package/lib/commonjs/components/v2/GooglePay/PEGooglePayButton.js ADDED Viewed

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEGooglePayButton = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const {
+  RNPEEventEmitter
+} = _reactNative.NativeModules;
+const RNPEGooglePayButton = (0, _reactNative.requireNativeComponent)('RNPEGooglePayButton');
+const peEventEmitter = new _reactNative.NativeEventEmitter(RNPEEventEmitter);
+const PEGooglePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  React.useImperativeHandle(ref, () => ({}));
+  React.useEffect(() => {
+    const listener1 = peEventEmitter.addListener('onGooglePayRespond', args => {
+      var _props$onTokenDidRetu;
+      const {
+        token
+      } = args;
+      console.log('ON token', token);
+      (_props$onTokenDidRetu = props.onTokenDidReturn) === null || _props$onTokenDidRetu === void 0 ? void 0 : _props$onTokenDidRetu.call(props, token);
+    });
+    const listener2 = peEventEmitter.addListener('onGooglePayError', args => {
+      var _props$onPaymentFaile;
+      const {
+        error
+      } = args;
+      console.log('ON error', error);
+      (_props$onPaymentFaile = props.onPaymentFailed) === null || _props$onPaymentFaile === void 0 ? void 0 : _props$onPaymentFaile.call(props, new Error(error));
+    });
+    const listener3 = peEventEmitter.addListener('onGooglePayDismiss', () => {
+      var _props$onPaymentSheet;
+      console.log('ON dismiss');
+      (_props$onPaymentSheet = props.onPaymentSheetDismissed) === null || _props$onPaymentSheet === void 0 ? void 0 : _props$onPaymentSheet.call(props);
+    });
+    return () => {
+      listener1.remove();
+      listener2.remove();
+      listener3.remove();
+    };
+  }, []);
+  if (_reactNative.Platform.OS !== 'android') {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, null, "Google Pay is not supported on this platform");
+  }
+  return /*#__PURE__*/React.createElement(RNPEGooglePayButton, {
+    style: {
+      height: 32,
+      width: '100%',
+      ...props.style
+    },
+    amount: props.paymentRequest.paymentAmount,
+    merchantId: props.paymentRequest.merchantId
+  });
+});
+exports.PEGooglePayButton = PEGooglePayButton;
+//# sourceMappingURL=PEGooglePayButton.js.map

package/lib/commonjs/components/v2/GooglePay/PEGooglePayButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPEEventEmitter","NativeModules","RNPEGooglePayButton","requireNativeComponent","peEventEmitter","NativeEventEmitter","PEGooglePayButton","React","forwardRef","props","ref","useImperativeHandle","useEffect","listener1","addListener","args","token","console","log","onTokenDidReturn","listener2","error","onPaymentFailed","Error","listener3","onPaymentSheetDismissed","remove","Platform","OS","height","width","style","paymentRequest","paymentAmount","merchantId"],"sources":["PEGooglePayButton.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { NativeEventEmitter, NativeModules, Platform, requireNativeComponent, Text, ViewProps } from 'react-native';\nimport type { PEPaymentRequest } from '../PEPaymentRequest';\n\nconst { RNPEEventEmitter } = NativeModules;\n\nconst RNPEGooglePayButton = requireNativeComponent<NativePEGooglePayViewProps>('RNPEGooglePayButton');\n\ninterface NativePEGooglePayViewProps extends ViewProps {\n amount: number;\n merchantId: string;\n}\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEGooglePayButtonProps extends ViewProps {\n paymentRequest: PEPaymentRequest;\n onTokenDidReturn?: (token: string) => void;\n onPaymentSheetDismissed?: () => void;\n onPaymentFailed?: (error: Error) => void;\n}\n\nexport interface PEGooglePayButtonMethods {\n \n}\n\n\nexport const PEGooglePayButton = React.forwardRef<\n PEGooglePayButtonMethods,\n PEGooglePayButtonProps\n>((props, ref) => {\n\n React.useImperativeHandle(ref, () => ({\n }));\n\n React.useEffect(() => {\n const listener1 = peEventEmitter.addListener('onGooglePayRespond', args => {\n const { token } = args;\n console.log('ON token', token)\n props.onTokenDidReturn?.(token)\n });\n\n const listener2 = peEventEmitter.addListener('onGooglePayError', args => {\n const { error } = args;\n console.log('ON error', error)\n props.onPaymentFailed?.(new Error(error))\n });\n\n const listener3 = peEventEmitter.addListener('onGooglePayDismiss', () => {\n console.log('ON dismiss')\n props.onPaymentSheetDismissed?.()\n });\n\n return () => {\n listener1.remove();\n listener2.remove();\n listener3.remove();\n }\n }, []);\n\n if (Platform.OS !== 'android') {\n return <Text>Google Pay is not supported on this platform</Text>\n }\n \n return (\n <RNPEGooglePayButton \n style={{ height: 32, width: '100%', ...(props.style as object) }} \n amount={props.paymentRequest.paymentAmount}\n merchantId={props.paymentRequest.merchantId} \n />\n );\n});\n"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAGA,MAAM;EAAEA;AAAF,IAAuBC,0BAA7B;AAEA,MAAMC,mBAAmB,GAAG,IAAAC,mCAAA,EAAmD,qBAAnD,CAA5B;AAOA,MAAMC,cAAc,GAAG,IAAIC,+BAAJ,CAAuBL,gBAAvB,CAAvB;AAcO,MAAMM,iBAAiB,gBAAGC,KAAK,CAACC,UAAN,CAG/B,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAEhBH,KAAK,CAACI,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO,EAAP,CAA/B;EAGAH,KAAK,CAACK,SAAN,CAAgB,MAAM;IACpB,MAAMC,SAAS,GAAGT,cAAc,CAACU,WAAf,CAA2B,oBAA3B,EAAiDC,IAAI,IAAI;MAAA;;MACzE,MAAM;QAAEC;MAAF,IAAYD,IAAlB;MACAE,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBF,KAAxB;MACA,yBAAAP,KAAK,CAACU,gBAAN,qFAAAV,KAAK,EAAoBO,KAApB,CAAL;IACD,CAJiB,CAAlB;IAMA,MAAMI,SAAS,GAAGhB,cAAc,CAACU,WAAf,CAA2B,kBAA3B,EAA+CC,IAAI,IAAI;MAAA;;MACvE,MAAM;QAAEM;MAAF,IAAYN,IAAlB;MACAE,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBG,KAAxB;MACA,yBAAAZ,KAAK,CAACa,eAAN,qFAAAb,KAAK,EAAmB,IAAIc,KAAJ,CAAUF,KAAV,CAAnB,CAAL;IACD,CAJiB,CAAlB;IAMA,MAAMG,SAAS,GAAGpB,cAAc,CAACU,WAAf,CAA2B,oBAA3B,EAAiD,MAAM;MAAA;;MACvEG,OAAO,CAACC,GAAR,CAAY,YAAZ;MACA,yBAAAT,KAAK,CAACgB,uBAAN,qFAAAhB,KAAK;IACN,CAHiB,CAAlB;IAKA,OAAO,MAAM;MACXI,SAAS,CAACa,MAAV;MACAN,SAAS,CAACM,MAAV;MACAF,SAAS,CAACE,MAAV;IACD,CAJD;EAKD,CAvBD,EAuBG,EAvBH;;EAyBA,IAAIC,qBAAA,CAASC,EAAT,KAAgB,SAApB,EAA+B;IAC7B,oBAAO,oBAAC,iBAAD,uDAAP;EACD;;EAED,oBACE,oBAAC,mBAAD;IACE,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAV;MAAcC,KAAK,EAAE,MAArB;MAA6B,GAAIrB,KAAK,CAACsB;IAAvC,CADT;IAEE,MAAM,EAAEtB,KAAK,CAACuB,cAAN,CAAqBC,aAF/B;IAGE,UAAU,EAAExB,KAAK,CAACuB,cAAN,CAAqBE;EAHnC,EADF;AAOD,CA5CgC,CAA1B"}

package/lib/commonjs/components/v2/PEPaymentRequest.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEPaymentRequest = void 0;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+class PEPaymentRequest {
+  constructor(merchantId, paymentAmount) {
+    let currencyCode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'USD';
+    let paymentItems = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+    _defineProperty(this, "merchantId", void 0);
+    _defineProperty(this, "paymentAmount", void 0);
+    _defineProperty(this, "currencyCode", 'USD');
+    _defineProperty(this, "paymentItems", []);
+    this.merchantId = merchantId;
+    this.paymentAmount = paymentAmount;
+    this.currencyCode = currencyCode;
+    this.paymentItems = paymentItems;
+  }
+}
+exports.PEPaymentRequest = PEPaymentRequest;
+//# sourceMappingURL=PEPaymentRequest.js.map

package/lib/commonjs/components/v2/PEPaymentRequest.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["PEPaymentRequest","constructor","merchantId","paymentAmount","currencyCode","paymentItems"],"sources":["PEPaymentRequest.ts"],"sourcesContent":["\nexport class PEPaymentRequest {\n merchantId: string;\n paymentAmount: number;\n currencyCode?: 'USD' | 'CAD' = 'USD';\n paymentItems?: {\n amount: number;\n label: string;\n }[] = []\n\n constructor(merchantId: string, paymentAmount: number, currencyCode: 'USD' | 'CAD' = 'USD', paymentItems: {\n amount: number;\n label: string;\n }[] = []) {\n this.merchantId = merchantId;\n this.paymentAmount = paymentAmount;\n this.currencyCode = currencyCode;\n this.paymentItems = paymentItems;\n }\n}"],"mappings":";;;;;;;;;AACO,MAAMA,gBAAN,CAAuB;EAS5BC,WAAW,CAACC,UAAD,EAAqBC,aAArB,EAGD;IAAA,IAH6CC,YAG7C,uEAH2E,KAG3E;IAAA,IAHkFC,YAGlF,uEAAJ,EAAI;;IAAA;;IAAA;;IAAA,sCATqB,KASrB;;IAAA,sCALJ,EAKI;;IACR,KAAKH,UAAL,GAAkBA,UAAlB;IACA,KAAKC,aAAL,GAAqBA,aAArB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,YAAL,GAAoBA,YAApB;EACD;;AAjB2B"}

package/lib/commonjs/components/v2/PayEngineNative.js ADDED Viewed

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+const {
+  RNPayEngineNative
+} = _reactNative.NativeModules;
+class PayEngineNative {
+  static async createFraudMonitorSession(merchantId) {
+    return RNPayEngineNative.createFraudMonitorSession(merchantId);
+  }
+  static async getBrowserInfo() {
+    return RNPayEngineNative.getBrowserInfo();
+  }
+  static async isPlatformPaySupported(merchantId) {
+    if (_reactNative.Platform.OS === 'ios') {
+      return await RNPayEngineNative.isApplePaySupported(merchantId);
+    } else if (_reactNative.Platform.OS === 'android') {
+      return true;
+    }
+    return false;
+  }
+}
+exports.default = PayEngineNative;
+//# sourceMappingURL=PayEngineNative.js.map

package/lib/commonjs/components/v2/PayEngineNative.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPayEngineNative","NativeModules","PayEngineNative","createFraudMonitorSession","merchantId","getBrowserInfo","isPlatformPaySupported","Platform","OS","isApplePaySupported"],"sources":["PayEngineNative.tsx"],"sourcesContent":["import { NativeModules, Platform } from \"react-native\";\n\nconst { RNPayEngineNative } = NativeModules;\n\nexport default class PayEngineNative {\n static async createFraudMonitorSession(merchantId: string) { \n return RNPayEngineNative.createFraudMonitorSession(merchantId);\n }\n\n static async getBrowserInfo() {\n return RNPayEngineNative.getBrowserInfo();\n }\n\n static async isPlatformPaySupported(merchantId: string) {\n if (Platform.OS === 'ios') {\n return await RNPayEngineNative.isApplePaySupported(merchantId);\n } else if (Platform.OS === 'android') {\n return true\n }\n return false;\n }\n}"],"mappings":";;;;;;;AAAA;;AAEA,MAAM;EAAEA;AAAF,IAAwBC,0BAA9B;;AAEe,MAAMC,eAAN,CAAsB;EACG,aAAzBC,yBAAyB,CAACC,UAAD,EAAqB;IACzD,OAAOJ,iBAAiB,CAACG,yBAAlB,CAA4CC,UAA5C,CAAP;EACD;;EAE0B,aAAdC,cAAc,GAAG;IAC5B,OAAOL,iBAAiB,CAACK,cAAlB,EAAP;EACD;;EAEkC,aAAtBC,sBAAsB,CAACF,UAAD,EAAqB;IACtD,IAAIG,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACzB,OAAO,MAAMR,iBAAiB,CAACS,mBAAlB,CAAsCL,UAAtC,CAAb;IACD,CAFD,MAEO,IAAIG,qBAAA,CAASC,EAAT,KAAgB,SAApB,EAA+B;MACpC,OAAO,IAAP;IACD;;IACD,OAAO,KAAP;EACD;;AAhBkC"}

package/lib/commonjs/components/{SecureFields/VGS/TextField.js → v2/PayEngineProvider.js} RENAMED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.PayEngineProvider = exports.PayEngineContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
@@ -13,18 +13,34 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-class TextField extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-  }
+const {
+  RNPayEngineNative
+} = _reactNative.NativeModules;
+const PayEngineContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.PayEngineContext = PayEngineContext;
+const PayEngineProvider = _ref => {
+  let {
+    config,
+    children
+  } = _ref;
+  const [loading, setLoading] = _react.default.useState(true);
+  _react.default.useEffect(() => {
+    setLoading(true);
+    RNPayEngineNative.setConfig(config.publicKey, config.scriptURL);
+    setLoading(false);
+  }, [config]);
-  render() {
-    return /*#__PURE__*/_react.default.createElement(RTCTextField, this.props);
+  if (!config) {
+    throw new Error('PayEngineProvider: config is required');
   }
-}
+  return /*#__PURE__*/_react.default.createElement(PayEngineContext.Provider, {
+    value: config
+  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, null) : children);
+};
-const RTCTextField = (0, _reactNative.requireNativeComponent)('VGSTextField');
-var _default = TextField;
-exports.default = _default;
-//# sourceMappingURL=TextField.js.map
+exports.PayEngineProvider = PayEngineProvider;
+//# sourceMappingURL=PayEngineProvider.js.map

package/lib/commonjs/components/v2/PayEngineProvider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPayEngineNative","NativeModules","PayEngineContext","createContext","undefined","PayEngineProvider","config","children","loading","setLoading","React","useState","useEffect","setConfig","publicKey","scriptURL","Error"],"sources":["PayEngineProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport type { IPayEngineConfig } from \"../../interfaces\";\nimport { ActivityIndicator, NativeModules } from \"react-native\";\n\nconst { RNPayEngineNative } = NativeModules;\n\nconst PayEngineContext = createContext<IPayEngineConfig | undefined>(undefined);\n\nconst PayEngineProvider = ({ config, children }: { config: IPayEngineConfig, children: React.ReactNode }) => {\n const [loading, setLoading] = React.useState(true);\n\n React.useEffect(() => {\n setLoading(true);\n RNPayEngineNative.setConfig(config.publicKey, config.scriptURL)\n setLoading(false);\n }, [config]);\n\n if (!config) {\n throw new Error('PayEngineProvider: config is required');\n }\n\n return <PayEngineContext.Provider value={config}>\n {loading ? <ActivityIndicator /> : children}\n </PayEngineContext.Provider>\n}\n\nexport {\n PayEngineContext,\n PayEngineProvider\n};"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEA,MAAM;EAAEA;AAAF,IAAwBC,0BAA9B;AAEA,MAAMC,gBAAgB,gBAAG,IAAAC,oBAAA,EAA4CC,SAA5C,CAAzB;;;AAEA,MAAMC,iBAAiB,GAAG,QAAmF;EAAA,IAAlF;IAAEC,MAAF;IAAUC;EAAV,CAAkF;;EAC3G,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,cAAA,CAAMC,QAAN,CAAe,IAAf,CAA9B;;EAEAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IACpBH,UAAU,CAAC,IAAD,CAAV;IACAT,iBAAiB,CAACa,SAAlB,CAA4BP,MAAM,CAACQ,SAAnC,EAA8CR,MAAM,CAACS,SAArD;IACAN,UAAU,CAAC,KAAD,CAAV;EACD,CAJD,EAIG,CAACH,MAAD,CAJH;;EAMA,IAAI,CAACA,MAAL,EAAa;IACX,MAAM,IAAIU,KAAJ,CAAU,uCAAV,CAAN;EACD;;EAED,oBAAO,6BAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEV;EAAlC,GACJE,OAAO,gBAAG,6BAAC,8BAAD,OAAH,GAA2BD,QAD9B,CAAP;AAGD,CAhBD"}

package/lib/commonjs/components/v2/SecureFields/BankAccountView.js ADDED Viewed

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEBankAccountView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const {
+  RNPEEventEmitter
+} = _reactNative.NativeModules;
+const COMPONENT_NAME = 'RNPEBankAccountView';
+const RNPEBankAccountView = (0, _reactNative.requireNativeComponent)(COMPONENT_NAME); // @ts-ignore
+const RNPEBankAccountViewManager = _reactNative.UIManager[COMPONENT_NAME];
+const peEventEmitter = new _reactNative.NativeEventEmitter(RNPEEventEmitter);
+const PEBankAccountView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const formRef = React.useRef();
+  const [height, setHeight] = React.useState(0);
+  React.useImperativeHandle(ref, () => ({
+    submit: async function (merchantId) {
+      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return new Promise((resolve, reject) => {
+        if (height === 0) {
+          return reject(new Error('Form is not ready'));
+        }
+        const listener = peEventEmitter.addListener('onBankAccountRespond', args => {
+          listener.remove();
+          const {
+            error,
+            bankAccount: json
+          } = args;
+          if (error) {
+            reject(new Error(error));
+          } else {
+            const bankAccount = JSON.parse(json);
+            resolve(bankAccount);
+          }
+        });
+        callNativeMethod("submit", [merchantId, additionalData]);
+      });
+    },
+    showKeyboard: () => {
+      callNativeMethod("showKeyboard");
+    },
+    hideKeyboard: () => {
+      callNativeMethod("hideKeyboard");
+    }
+  }));
+  const callNativeMethod = React.useCallback(function (methodName) {
+    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const viewId = (0, _reactNative.findNodeHandle)(formRef.current);
+    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString();
+    if (_reactNative.Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+    _reactNative.UIManager.dispatchViewManagerCommand(viewId, commandId, params);
+  }, [formRef.current]);
+  React.useEffect(() => {
+    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {
+      const {
+        width: _,
+        height: frameHeight
+      } = args;
+      setHeight(frameHeight);
+    });
+    return () => eventListener.remove();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, height === 0 && /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, null), /*#__PURE__*/React.createElement(RNPEBankAccountView, {
+    ref: formRef,
+    additionalFields: JSON.stringify(props.additionalFields ?? []),
+    style: {
+      height: height
+    }
+  }));
+});
+exports.PEBankAccountView = PEBankAccountView;
+//# sourceMappingURL=BankAccountView.js.map

package/lib/commonjs/components/v2/SecureFields/BankAccountView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPEBankAccountView","requireNativeComponent","RNPEBankAccountViewManager","UIManager","peEventEmitter","NativeEventEmitter","PEBankAccountView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","bankAccount","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["BankAccountView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PEBankAccount from './PEBankAccount';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePEBankAccountViewProps extends ViewProps {\n additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPEBankAccountView'\nconst RNPEBankAccountView = requireNativeComponent<NativePEBankAccountViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPEBankAccountViewManager = UIManager[COMPONENT_NAME]\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEBankAccountViewProps {\n additionalFields?: IPEField[];\n}\n\nexport interface PEBankAccountViewMethods {\n submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PEBankAccount>;\n showKeyboard: () => void;\n hideKeyboard: () => void;\n}\n\nexport const PEBankAccountView = React.forwardRef<\n PEBankAccountViewMethods,\n PEBankAccountViewProps\n>((props, ref) => {\n const formRef = React.useRef<any>();\n const [height, setHeight] = React.useState(0);\n\n React.useImperativeHandle(ref, () => ({\n submit: async (merchantId: string, additionalData: any = {}) => {\n return new Promise((resolve, reject) => {\n if (height === 0) {\n return reject(new Error('Form is not ready'))\n }\n \n const listener = peEventEmitter.addListener('onBankAccountRespond', args => {\n listener.remove()\n\n const { error, bankAccount: json } = args;\n if (error) {\n reject(new Error(error))\n } else {\n const bankAccount = JSON.parse(json) as PEBankAccount;\n resolve(bankAccount)\n }\n });\n\n callNativeMethod(\"submit\", [merchantId, additionalData],)\n });\n },\n showKeyboard: () => {\n callNativeMethod(\"showKeyboard\")\n },\n hideKeyboard: () => {\n callNativeMethod(\"hideKeyboard\")\n }\n }));\n\n const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n const viewId = findNodeHandle(formRef.current);\n let commandId = RNPEBankAccountViewManager.Commands[methodName].toString()\n if (Platform.OS === 'ios') {\n commandId = Number(commandId)\n }\n UIManager.dispatchViewManagerCommand(\n viewId,\n commandId,\n params,\n );\n }, [formRef.current])\n\n\n React.useEffect(() => {\n const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n const { width: _, height: frameHeight } = args;\n setHeight(frameHeight);\n });\n return () => eventListener.remove();\n }, []);\n\n return (\n <>\n {height === 0 && <ActivityIndicator />}\n <RNPEBankAccountView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n </>\n );\n});\n"],"mappings":"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"}