react-native-unit-components 1.0.4 → 1.2.0

package/README.md

@@ -77,11 +77,14 @@ export default function YourRootComponent() {
 ##### UNCardComponent props:
 | Name                   | Type                         | Required  | Description                                              |
 | ---------------------- | ---------------------------- | --------- | -------------------------------------------------------- |
-| customerToken          | string                       | YES       | A Unit Customer token.                                   |
-| cardId                 | string                       | YES       | Unit card id.                                            |
-| theme                  | string                       | No        | A URL that specifies the UI configuration.               |
-| onStatusChanged        | (card: UNCardData)  =>  void | No        | Callback for card status changes.                        |
-| pushProvisioningModule | typeof NativeModules         | No        | A Native Module that implements Visa's push provisioning |
+| customerToken              | string                       | YES       | A Unit Customer token.                                   |
+| cardId                     | string                       | YES       | Unit card id.                                            |
+| theme                      | string                       | No        | A URL that specifies the UI configuration.               |
+| hide-actions-menu-button   | boolean                      | No        | Hide menu button in case value is true |
+| hide-card-title            | boolean                      | No        | Hide card title in case value is true  |
+| hide-sensitive-data-button | boolean                      | No        | Hide sensitive data button in case value is true  |
+| onStatusChanged           | (card: UNCardData)  =>  void | No        | Callback for card status changes.                        |
+| pushProvisioningModule     | typeof NativeModules         | No        | A Native Module that implements Visa's push provisioning |
 
 ##### Example:
 ```js
@@ -152,14 +155,14 @@ export default function YourRootComponent() {
 | counterPartyName      | string                                 | YES       | Name of the counterparty. This is the name that will be displayed in the Book Payment UI during the transfer.|
 | isSameCustomer        | boolean                                | NO        | Stating whether both accounts belong to the same customer. Allows fetching additional information about the counterparty account. Default "false" |
 | theme                 | string                                 | No        | A URL that specifies the UI configuration.     |
-| onPaymentCreated      | (bookPayment: BookPaymentType) => void | NO        | Callback for the created bookPayment.          |
+| onPaymentCreated      | (bookPayment: UNBookPaymentData) => void | NO        | Callback for the created bookPayment.          |
 
 
 
 ##### Example:
 ```js
 import React from 'react';
-import { UNBookPaymentComponent } from 'react-native-unit-components';
+import { UNBookPaymentComponent, UNBookPaymentData } from 'react-native-unit-components';
 
 export default function YourComponent() {
   return (
@@ -169,7 +172,7 @@ export default function YourComponent() {
       counterPartyAccountId={'1105562'}
       counterPartyName={'Peter Parker"'}
       isSameCustomer={true}
-      onPaymentCreated={(bookPayment: BookPaymentType) => { console.log(bookPayment) }}
+      onPaymentCreated={(bookPayment: UNBookPaymentData) => { console.log(bookPayment) }}
     />
   );
 }
@@ -224,3 +227,100 @@ export default function YourComponent() {
   );
 }
 ```
+
+#### ACH Credit Payment Component
+
+##### UNACHCreditComponent props:
+| Name                  | Type                                   | Required  | Description                                    |
+| --------------------- | -------------------------------------- | --------- | ---------------------------------------------- |
+| customerToken         | string                                 | YES       | A Unit Customer token.                         |
+| accountId             | string                                 | YES       | Unit account id. The account from which money is being sent. |
+| theme                 | string                                 | No        | A URL that specifies the UI configuration.     |
+| fee                   | number                                 | NO        | Bill your counterparty for his activity.       |
+| is-auto-focus	        | boolean                                | NO        | Auto-focus the 'add new recipient' button once the component is mounted. Default "false"       |
+
+
+##### Example:
+```js
+import React from 'react';
+import { UNACHCreditComponent, UNACHData } from 'react-native-unit-components';
+export default function YourComponent() {
+  return (
+    <UNACHCreditComponent
+      customerToken={''}
+      accountId={'1105561'}
+      onPaymentCreated={(payment: UNACHData) => { console.log(payment) }}
+    />
+  );
+}
+```
+
+#### ACH Debit Payment Component
+
+##### Prerequirements
+
+###### Installation of the SDK
+In your project directory, run:
+
+With npm:
+
+```
+npm install --save react-native-plaid-link-sdk
+```
+
+With yarn:
+
+```
+yarn add react-native-plaid-link-sdk
+```
+
+###### Installation for iOS
+
+
+Add Plaid to your project’s Podfile as follows (likely located at ios/Podfile).
+
+```
+pod 'Plaid', '~> <insert latest version>'
+```
+
+Then install your CocoaPods dependencies:
+
+```
+(cd ios && pod install)
+```
+
+###### Installation for Android
+
+Register your app id with Plaid:
+
+- Log in to the [Plaid dashboard](https://dashboard.plaid.com/signin) and go to Team Settings -> API.
+
+- Next to Allowed Android package names, click Configure, then Add New Android Package Name.
+
+- Enter your package name, for example com.plaid.example.
+
+
+##### UNACHDebitComponent props:
+| Name                  | Type                                   | Required  | Description                                    |
+| --------------------- | -------------------------------------- | --------- | ---------------------------------------------- |
+| customerToken         | string                                 | YES       | A Unit Customer token.                         |
+| accountId             | string                                 | YES       | Unit account id. The account from which money is being sent. |
+| theme                 | string                                 | No        | A URL that specifies the UI configuration.     |
+| fee                   | number                                 | NO        | Bill your counterparty for his activity.       |
+| is-auto-focus	        | boolean                                | NO        | Auto-focus the 'add new recipient' button once the component is mounted. Default "false"       |
+
+
+##### Example:
+```js
+import React from 'react';
+import { UNACHDebitComponent, UNACHData } from 'react-native-unit-components';
+export default function YourComponent() {
+  return (
+    <UNACHDebitComponent
+      customerToken={''}
+      accountId={'1105561'}
+      onPaymentCreated={(payment: UNACHData) => { console.log(payment) }}
+    />
+  );
+}
+```

package/android/src/main/java/com/unitreactnativecomponents/UnitReactNativeComponentsPackage.kt

@@ -3,12 +3,17 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
+import com.unitreactnativecomponents.getapplicationid.UNAppInfoModule
+
 import com.unitreactnativecomponents.sharepdf.UNShareFile
 
 
 class UnitReactNativeComponentsPackage : ReactPackage {
     override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-        return listOf(UNShareFile(reactContext))
+        var modules: ArrayList<NativeModule> = ArrayList()
+        modules.add(UNShareFile(reactContext))
+        modules.add(UNAppInfoModule(reactContext))
+        return modules
     }
 
     override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {

package/android/src/main/java/com/unitreactnativecomponents/getapplicationid/UNAppInfoModule.kt

@@ -0,0 +1,35 @@
+package com.unitreactnativecomponents.getapplicationid
+
+import android.content.pm.PackageInfo
+import android.content.pm.PackageManager
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+
+
+class UNAppInfoModule(var reactContext: ReactApplicationContext) :
+  ReactContextBaseJavaModule(reactContext) {
+
+  @ReactMethod
+  fun getAppPackageName(promise: Promise) {
+    try {
+      val pInfo: PackageInfo =
+        reactContext.packageManager.getPackageInfo(reactContext.packageName, 0)
+      promise.resolve(pInfo.packageName)
+    } catch (e: PackageManager.NameNotFoundException) {
+      promise.reject(e)
+    }
+  }
+
+
+  override fun getName(): String {
+    return REACT_CLASS
+  }
+
+  companion object {
+    private const val REACT_CLASS = "RNAppInfoModule"
+
+  }
+}
+

package/lib/commonjs/assets/images/index.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "CloseIcon", {
     return _close.default;
   }
 });
-
 var _close = _interopRequireDefault(require("./close.png"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/assets/images/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as CloseIcon } from './close.png';\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_close","_interopRequireDefault","require","obj","__esModule","default"],"sources":["index.ts"],"sourcesContent":["export { default as CloseIcon } from './close.png';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/lib/commonjs/components/UNACHCreditComponent/UNACHCreditComponent.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNACHCreditComponent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _WebComponent = require("../../webComponent/WebComponent");
+var _bodyHtml = require("../../scripts/html/bodyHtml");
+var _pageMessage = require("../../messages/webMessages/pageMessage");
+var _reactNative = require("react-native");
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+var _UNACHCreditComponent = require("./UNACHCreditComponent.utils");
+var _paymentsMessage = require("../../messages/webMessages/paymentsMessage");
+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 UNACHCreditComponent = props => {
+  const [height, setHeight] = (0, _react.useState)(0);
+  const [presentationMode, setPresentationMode] = (0, _react.useState)(_bodyHtml.PresentationMode.Inherit);
+  const handleWebViewMessage = message => {
+    if (!message || !message.details) return;
+    switch (message.type) {
+      case _paymentsMessage.PaymentMessage.PAYMENT_CREATED:
+        {
+          const achCreditEvent = message.details;
+          props.onPaymentCreated && props.onPaymentCreated(achCreditEvent.data);
+          break;
+        }
+      case _unitMessages.UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+      case _pageMessage.PageMessage.PAGE_HEIGHT:
+        {
+          const currentHeight = message.details.height;
+          setHeight(currentHeight);
+          if (presentationMode === _bodyHtml.PresentationMode.Inherit && currentHeight === 0) {
+            setPresentationMode(_bodyHtml.PresentationMode.Default);
+          }
+          break;
+        }
+    }
+  };
+  const renderACHCreditWebView = () => {
+    return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+      type: _WebComponent.WebComponentType.achCreditPayment,
+      presentationMode: presentationMode,
+      params: (0, _UNACHCreditComponent.getACHCreditParams)(props),
+      script: (0, _UNACHCreditComponent.getACHCreditScript)(),
+      onMessage: message => handleWebViewMessage(message),
+      isScrollable: false,
+      theme: props.theme
+    });
+  };
+  if (presentationMode === _bodyHtml.PresentationMode.Inherit) {
+    return renderACHCreditWebView();
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      height: height
+    }
+  }, renderACHCreditWebView());
+};
+exports.UNACHCreditComponent = UNACHCreditComponent;
+//# sourceMappingURL=UNACHCreditComponent.js.map

package/lib/commonjs/components/UNACHCreditComponent/UNACHCreditComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_bodyHtml","_pageMessage","_reactNative","_unitMessages","_UNACHCreditComponent","_paymentsMessage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNACHCreditComponent","props","height","setHeight","useState","presentationMode","setPresentationMode","PresentationMode","Inherit","handleWebViewMessage","message","details","type","PaymentMessage","PAYMENT_CREATED","achCreditEvent","onPaymentCreated","data","UnitMessage","UNIT_ON_LOAD","onLoad","PageMessage","PAGE_HEIGHT","currentHeight","Default","renderACHCreditWebView","createElement","WebComponent","WebComponentType","achCreditPayment","params","getACHCreditParams","script","getACHCreditScript","onMessage","isScrollable","theme","View","style","exports"],"sources":["UNACHCreditComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNResponseUnitOnLoadEvent, UNACHData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getACHCreditParams, getACHCreditScript } from './UNACHCreditComponent.utils';\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { ACHEvent } from '../../messages/webMessages/achCreditMessage';\n\nexport interface UNACHCreditComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n  isAutoFocus?: boolean;\n  fee?: number;\n  onPaymentCreated?: (data: UNACHData) => void;\n  onLoad?: (response: UNResponseUnitOnLoadEvent) => void;\n}\n\nexport const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED: {\n        const achCreditEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achCreditEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        props.onLoad && props.onLoad(message.details as UNResponseUnitOnLoadEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n    }\n  };\n\n  const renderACHCreditWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.achCreditPayment}\n        presentationMode={presentationMode}\n        params={getACHCreditParams(props)}\n        script={getACHCreditScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderACHCreditWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderACHCreditWebView()}\n    </View>\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/components/UNACHCreditComponent/UNACHCreditComponent.utils.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getACHCreditScript = exports.getACHCreditParams = void 0;
+var _paymentsMessage = require("../../messages/webMessages/paymentsMessage");
+const getACHCreditParams = props => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+    is-auto-focus="${props.isAutoFocus ?? false}"
+    ${props.fee ? `fee="${props.fee}"` : ''}
+    style="height: 100%"
+  `;
+};
+exports.getACHCreditParams = getACHCreditParams;
+const getACHCreditScript = () => {
+  return `
+    window.addEventListener("${_paymentsMessage.PaymentMessage.PAYMENT_CREATED}", (e) => {
+      const response = e.detail
+        response.then((data) => {
+          postMessageToSDK({ type: "${_paymentsMessage.PaymentMessage.PAYMENT_CREATED}", details:  { data: JSON.stringify(data.data) }})
+        }).catch((e) => {
+          console.log(e)
+        })
+    });
+  `;
+};
+exports.getACHCreditScript = getACHCreditScript;
+//# sourceMappingURL=UNACHCreditComponent.utils.js.map

package/lib/commonjs/components/UNACHCreditComponent/UNACHCreditComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_paymentsMessage","require","getACHCreditParams","props","accountId","customerToken","isAutoFocus","fee","exports","getACHCreditScript","PaymentMessage","PAYMENT_CREATED"],"sources":["UNACHCreditComponent.utils.ts"],"sourcesContent":["import type { UNACHCreditComponentProps } from './UNACHCreditComponent';\n\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\n\nexport const getACHCreditParams = (props: UNACHCreditComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getACHCreditScript = () => {\n  return `\n    window.addEventListener(\"${PaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${PaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n  `;\n};\n"],"mappings":";;;;;;AAEA,IAAAA,gBAAA,GAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAIC,KAAgC,IAAK;EACtE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,qBAAqBF,KAAK,CAACG,WAAW,IAAI,KAAM;AAChD,MAAMH,KAAK,CAACI,GAAG,GAAI,QAAOJ,KAAK,CAACI,GAAI,GAAE,GAAG,EAAG;AAC5C;AACA,GAAG;AACH,CAAC;AAACC,OAAA,CAAAN,kBAAA,GAAAA,kBAAA;AAEK,MAAMO,kBAAkB,GAAGA,CAAA,KAAM;EACtC,OAAQ;AACV,+BAA+BC,+BAAc,CAACC,eAAgB;AAC9D;AACA;AACA,sCAAsCD,+BAAc,CAACC,eAAgB;AACrE;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AAACH,OAAA,CAAAC,kBAAA,GAAAA,kBAAA"}

package/lib/commonjs/components/UNACHDebitComponent/UNACHDebitComponent.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNACHDebitComponent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _WebComponent = require("../../webComponent/WebComponent");
+var _bodyHtml = require("../../scripts/html/bodyHtml");
+var _pageMessage = require("../../messages/webMessages/pageMessage");
+var _reactNative = require("react-native");
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+var _UNACHDebitComponent = require("./UNACHDebitComponent.utils");
+var _reactNativePlaidLinkSdk = require("react-native-plaid-link-sdk");
+var _paymentsMessage = require("../../messages/webMessages/paymentsMessage");
+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 UNACHDebitComponent = props => {
+  const [height, setHeight] = (0, _react.useState)(0);
+  const [appPackageName, setAppPackageName] = (0, _react.useState)('');
+  const [linkToken, setLinkToken] = (0, _react.useState)('');
+  const webRef = (0, _react.useRef)(null);
+  const [presentationMode, setPresentationMode] = (0, _react.useState)(_bodyHtml.PresentationMode.Inherit);
+  (0, _react.useEffect)(() => {
+    const setPackageNameForAndroid = async () => {
+      if (_reactNative.Platform.OS === 'android') {
+        const packageName = await (0, _UNACHDebitComponent.getAndroidPackageName)();
+        setAppPackageName(packageName);
+      }
+    };
+    setPackageNameForAndroid();
+  }, []);
+  const dispatchUnitPlaidResponse = success => {
+    (0, _UNACHDebitComponent.injectUnitPlaidResponse)(webRef.current, success);
+  };
+  const handleWebViewMessage = message => {
+    if (!message || !message.details) return;
+    switch (message.type) {
+      case _paymentsMessage.PaymentMessage.PAYMENT_CREATED:
+        {
+          const achDebitEvent = message.details;
+          props.onPaymentCreated && props.onPaymentCreated(achDebitEvent.data);
+          break;
+        }
+      case _unitMessages.UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+      case _pageMessage.PageMessage.PAGE_HEIGHT:
+        {
+          const currentHeight = message.details.height;
+          setHeight(currentHeight);
+          if (presentationMode === _bodyHtml.PresentationMode.Inherit && currentHeight === 0) {
+            setPresentationMode(_bodyHtml.PresentationMode.Default);
+          }
+          break;
+        }
+      case _unitMessages.UnitMessage.UNIT_PLAID_TOKEN_CREATED:
+        {
+          const linkTokenEvent = message.details;
+          const linkTokenData = linkTokenEvent.linkToken;
+          setLinkToken(linkTokenData.attributes.linkToken);
+          break;
+        }
+      case _unitMessages.UnitMessage.UNIT_REQUEST_EXTERNAL_SDK:
+        {
+          const externalSdkType = message.details.type;
+          if (externalSdkType !== 'plaid') return;
+          linkToken && (0, _reactNativePlaidLinkSdk.openLink)({
+            tokenConfig: {
+              noLoadingState: false,
+              token: linkToken
+            },
+            onSuccess: success => {
+              dispatchUnitPlaidResponse(success);
+            },
+            onExit: exit => {
+              console.log(exit);
+            }
+          }).catch(e => {
+            console.error(e);
+          });
+          break;
+        }
+    }
+  };
+  const renderACHDebitWebView = () => {
+    return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+      ref: webRef,
+      type: _WebComponent.WebComponentType.achDebitPayment,
+      presentationMode: presentationMode,
+      params: (0, _UNACHDebitComponent.getACHDebitParams)(props),
+      script: (0, _UNACHDebitComponent.getACHDebitScript)(appPackageName),
+      onMessage: message => handleWebViewMessage(message),
+      isScrollable: false,
+      theme: props.theme
+    });
+  };
+  if (presentationMode === _bodyHtml.PresentationMode.Inherit) {
+    return renderACHDebitWebView();
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      height: height
+    }
+  }, renderACHDebitWebView());
+};
+exports.UNACHDebitComponent = UNACHDebitComponent;
+//# sourceMappingURL=UNACHDebitComponent.js.map

package/lib/commonjs/components/UNACHDebitComponent/UNACHDebitComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_bodyHtml","_pageMessage","_reactNative","_unitMessages","_UNACHDebitComponent","_reactNativePlaidLinkSdk","_paymentsMessage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNACHDebitComponent","props","height","setHeight","useState","appPackageName","setAppPackageName","linkToken","setLinkToken","webRef","useRef","presentationMode","setPresentationMode","PresentationMode","Inherit","useEffect","setPackageNameForAndroid","Platform","OS","packageName","getAndroidPackageName","dispatchUnitPlaidResponse","success","injectUnitPlaidResponse","current","handleWebViewMessage","message","details","type","PaymentMessage","PAYMENT_CREATED","achDebitEvent","onPaymentCreated","data","UnitMessage","UNIT_ON_LOAD","onLoad","PageMessage","PAGE_HEIGHT","currentHeight","Default","UNIT_PLAID_TOKEN_CREATED","linkTokenEvent","linkTokenData","attributes","UNIT_REQUEST_EXTERNAL_SDK","externalSdkType","openLink","tokenConfig","noLoadingState","token","onSuccess","onExit","exit","console","log","catch","e","error","renderACHDebitWebView","createElement","WebComponent","ref","WebComponentType","achDebitPayment","params","getACHDebitParams","script","getACHDebitScript","onMessage","isScrollable","theme","View","style","exports"],"sources":["UNACHDebitComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNResponseUnitOnLoadEvent, UNACHData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { Platform, View } from 'react-native';\nimport { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getACHDebitParams, getACHDebitScript, getAndroidPackageName, injectUnitPlaidResponse } from './UNACHDebitComponent.utils';\n\nimport { LinkSuccess, openLink } from 'react-native-plaid-link-sdk';\nimport type WebView from 'react-native-webview';\n\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { ACHEvent } from '../../messages/webMessages/achCreditMessage';\n\nexport interface UNACHDebitComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n  isAutoFocus?: boolean;\n  fee?: number;\n  onPaymentCreated?: (data: UNACHData) => void;\n  onLoad?: (response: UNResponseUnitOnLoadEvent) => void;\n}\n\nexport const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [appPackageName, setAppPackageName] = useState<string>('');\n  const [linkToken, setLinkToken] = useState<string>('');\n  const webRef = useRef<WebView>(null);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  useEffect(() => {\n    const setPackageNameForAndroid = async () => {\n      if (Platform.OS === 'android') {\n        const packageName = await getAndroidPackageName();\n        setAppPackageName(packageName);\n      }\n    };\n    setPackageNameForAndroid();\n  }, []);\n\n  const dispatchUnitPlaidResponse = (success: LinkSuccess) => {\n    injectUnitPlaidResponse(webRef.current, success);\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED: {\n        const achDebitEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achDebitEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        props.onLoad && props.onLoad(message.details as UNResponseUnitOnLoadEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n      case UnitMessage.UNIT_PLAID_TOKEN_CREATED: {\n        const linkTokenEvent = message.details as PlaidTokenCreatedEvent;\n        const linkTokenData = linkTokenEvent.linkToken as PlaidLinkTokenData;\n        setLinkToken(linkTokenData.attributes.linkToken);\n        break;\n      }\n\n      case UnitMessage.UNIT_REQUEST_EXTERNAL_SDK: {\n        const externalSdkType = (message.details as RequestExternalSdkEvent).type;\n        if (externalSdkType !== 'plaid') return;\n        linkToken && openLink({\n          tokenConfig: { noLoadingState: false, token: linkToken},\n          onSuccess: (success) => {\n            dispatchUnitPlaidResponse(success);\n          },\n          onExit: exit => { console.log(exit); }\n        }).catch(e => {\n          console.error(e);\n        });\n        break;\n      }\n    }\n  };\n\n  const renderACHDebitWebView = () => {\n    return (\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.achDebitPayment}\n        presentationMode={presentationMode}\n        params={getACHDebitParams(props)}\n        script={getACHDebitScript(appPackageName)}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderACHDebitWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderACHDebitWebView()}\n    </View>\n\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/components/UNACHDebitComponent/UNACHDebitComponent.utils.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.injectUnitPlaidResponse = exports.getAndroidPackageName = exports.getACHDebitScript = exports.getACHDebitParams = void 0;
+var _bodyScript = require("./../../scripts/html/bodyScript");
+var _reactNative = require("react-native");
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+const {
+  RNAppInfoModule
+} = _reactNative.NativeModules;
+const getACHDebitParams = props => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+    is-auto-focus="${props.isAutoFocus ?? false}"
+    ${props.fee ? `fee="${props.fee}"` : ''}
+    style="height: 100%"
+  `;
+};
+exports.getACHDebitParams = getACHDebitParams;
+const getAndroidPackageName = async () => {
+  try {
+    const response = await RNAppInfoModule.getAppPackageName();
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};
+exports.getAndroidPackageName = getAndroidPackageName;
+const getACHDebitScript = androidPackageName => {
+  return `
+      window.addEventListener("${_unitMessages.UnitMessage.UNIT_PLAID_TOKEN_CREATED}", (e) => {
+        const response = e.detail
+        response.then((data) => {
+          postMessageToSDK({ type: "${_unitMessages.UnitMessage.UNIT_PLAID_TOKEN_CREATED}", details:  { linkToken: data.data }})
+        }).catch((e) => {
+          console.log(e)
+        })
+      });
+    ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}
+    ${_bodyScript.LISTENERS.unitPaymentCreated}
+    ${_bodyScript.DISPATCH_PLAID_RESPONSE}
+    `;
+};
+exports.getACHDebitScript = getACHDebitScript;
+const injectUnitPlaidResponse = (currentWeb, success) => {
+  const successObj = {
+    data: {
+      publicToken: success.publicToken,
+      metadata: success.metadata
+    }
+  };
+  currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);
+};
+exports.injectUnitPlaidResponse = injectUnitPlaidResponse;
+//# sourceMappingURL=UNACHDebitComponent.utils.js.map

package/lib/commonjs/components/UNACHDebitComponent/UNACHDebitComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bodyScript","require","_reactNative","_unitMessages","RNAppInfoModule","NativeModules","getACHDebitParams","props","accountId","customerToken","isAutoFocus","fee","exports","getAndroidPackageName","response","getAppPackageName","error","console","getACHDebitScript","androidPackageName","UnitMessage","UNIT_PLAID_TOKEN_CREATED","LISTENERS","unitPaymentCreated","DISPATCH_PLAID_RESPONSE","injectUnitPlaidResponse","currentWeb","success","successObj","data","publicToken","metadata","injectJavaScript","JSON","stringify"],"sources":["UNACHDebitComponent.utils.ts"],"sourcesContent":["import { DISPATCH_PLAID_RESPONSE, LISTENERS } from './../../scripts/html/bodyScript';\nimport type { UNACHDebitComponentProps } from './UNACHDebitComponent';\n\nimport type WebView from 'react-native-webview';\nimport type { LinkSuccess } from 'react-native-plaid-link-sdk';\nimport { NativeModules } from 'react-native';\nconst { RNAppInfoModule } = NativeModules;\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\n\nexport const getACHDebitParams = (props: UNACHDebitComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getAndroidPackageName = async () => {\n  try {\n    const response = await RNAppInfoModule.getAppPackageName();\n    return response;\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nexport const getACHDebitScript = (androidPackageName?: string) => {\n  return `\n      window.addEventListener(\"${UnitMessage.UNIT_PLAID_TOKEN_CREATED}\", (e) => {\n        const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${UnitMessage.UNIT_PLAID_TOKEN_CREATED}\", details:  { linkToken: data.data }})\n        }).catch((e) => {\n          console.log(e)\n        })\n      });\n    ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}\n    ${LISTENERS.unitPaymentCreated}\n    ${DISPATCH_PLAID_RESPONSE}\n    `;\n};\n\nexport const injectUnitPlaidResponse = (currentWeb: WebView | null, success: LinkSuccess) => {\n  const successObj = {data: { publicToken: success.publicToken, metadata: success.metadata}};\n  currentWeb?.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AADA,MAAM;EAAEG;AAAgB,CAAC,GAAGC,0BAAa;AAGlC,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,qBAAqBF,KAAK,CAACG,WAAW,IAAI,KAAM;AAChD,MAAMH,KAAK,CAACI,GAAG,GAAI,QAAOJ,KAAK,CAACI,GAAI,GAAE,GAAG,EAAG;AAC5C;AACA,GAAG;AACH,CAAC;AAACC,OAAA,CAAAN,iBAAA,GAAAA,iBAAA;AAEK,MAAMO,qBAAqB,GAAG,MAAAA,CAAA,KAAY;EAC/C,IAAI;IACF,MAAMC,QAAQ,GAAG,MAAMV,eAAe,CAACW,iBAAiB,EAAE;IAC1D,OAAOD,QAAQ;EACjB,CAAC,CAAC,OAAOE,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;EACtB;AACF,CAAC;AAACJ,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AAEK,MAAMK,iBAAiB,GAAIC,kBAA2B,IAAK;EAChE,OAAQ;AACV,iCAAiCC,yBAAW,CAACC,wBAAyB;AACtE;AACA;AACA,sCAAsCD,yBAAW,CAACC,wBAAyB;AAC3E;AACA;AACA;AACA;AACA,MAAMF,kBAAkB,IAAK,kDAAiDA,kBAAmB,GAAG;AACpG,MAAMG,qBAAS,CAACC,kBAAmB;AACnC,MAAMC,mCAAwB;AAC9B,KAAK;AACL,CAAC;AAACZ,OAAA,CAAAM,iBAAA,GAAAA,iBAAA;AAEK,MAAMO,uBAAuB,GAAGA,CAACC,UAA0B,EAAEC,OAAoB,KAAK;EAC3F,MAAMC,UAAU,GAAG;IAACC,IAAI,EAAE;MAAEC,WAAW,EAAEH,OAAO,CAACG,WAAW;MAAEC,QAAQ,EAAEJ,OAAO,CAACI;IAAQ;EAAC,CAAC;EAC1FL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,gBAAgB,CAAE,sBAAqBC,IAAI,CAACC,SAAS,CAACN,UAAU,CAAE,GAAE,CAAC;AACnF,CAAC;AAAChB,OAAA,CAAAa,uBAAA,GAAAA,uBAAA"}

package/lib/commonjs/components/UNAccountComponent/UNAccountComponent.js

@@ -4,65 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UNAccountComponent = exports.AccountAction = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _pageMessage = require("../..//messages/webMessages/pageMessage");
-
 var _unitMessages = require("../../messages/webMessages/unitMessages");
-
 var _EventBus = _interopRequireDefault(require("../../helpers/EventBus"));
-
 var _WebComponent = require("../../webComponent/WebComponent");
-
-var _listenerToBus = require("../../hooks/listenerToBus");
-
 var _UNAccountComponent = require("./UNAccountComponent.utils");
-
 var _bodyHtml = require("../../scripts/html/bodyHtml");
-
+var _listenerToBus = require("../../hooks/listenerToBus");
+var _accountMessage = require("../../messages/webMessages/accountMessage");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 let AccountAction;
 exports.AccountAction = AccountAction;
-
 (function (AccountAction) {
   AccountAction["List"] = "account-list";
   AccountAction["Menu"] = "account-menu";
 })(AccountAction || (exports.AccountAction = AccountAction = {}));
-
 const UNAccountComponent = props => {
   const [height, setHeight] = (0, _react.useState)(0);
-
   const windowWidth = _reactNative.Dimensions.get('window').width;
-
   const [requestRefreshEvent, setRequestRefreshEvent] = (0, _react.useState)(null);
   const webRef = (0, _react.useRef)(null);
-
+  const handleAccountChanged = account => {
+    props.onAccountChanged && props.onAccountChanged(account);
+  };
   const requestRefresh = data => {
     setRequestRefreshEvent(data);
   };
-
-  (0, _listenerToBus.useListenerToBus)([{
+  (0, _listenerToBus.useListenerToBus)({
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
-  }]);
+  });
+  (0, _listenerToBus.useListenerToBus)({
+    busEventKey: _accountMessage.AccountMessage.UNIT_ACCOUNT_CHANGED,
+    action: handleAccountChanged
+  });
   (0, _react.useEffect)(() => {
     (0, _UNAccountComponent.injectRefreshEventIfNeeded)(webRef.current, requestRefreshEvent);
   }, [requestRefreshEvent]);
-
   const handleMessage = message => {
     switch (message.type) {
       case _unitMessages.UnitMessage.UNIT_ON_LOAD:
         props.onLoad && props.onLoad(message.details);
         break;
-
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
         {
           const event = {
@@ -70,18 +57,14 @@ const UNAccountComponent = props => {
             componentResourceId: props.accountId,
             requestRenderingEvent: message.details
           };
-
           _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, event);
-
           break;
         }
-
       case _pageMessage.PageMessage.PAGE_HEIGHT:
         setHeight(message.details.height);
         break;
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       height
@@ -98,6 +81,5 @@ const UNAccountComponent = props => {
     isScrollable: false
   }));
 };
-
 exports.UNAccountComponent = UNAccountComponent;
 //# sourceMappingURL=UNAccountComponent.js.map