react-native-unit-components 1.2.1 → 1.4.0

package/README.md

@@ -69,258 +69,3 @@ export default function YourRootComponent() {
   );
 }
 ```
-
-### Components
-
-#### Card Component
-
-##### 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.               |
-| 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
-import React from 'react';
-import { UNCardComponent, UNCardData } from 'react-native-unit-components';
-import { NativeModules } from 'react-native';
-const { PushProvisioningModule } = NativeModules;
-
-export default function YourComponent() {
-  return (
-    <UNCardComponent
-      cardId={'632197'}
-      customerToken={''}
-      onStatusChanged={(card: UNCardData) => { console.log(card) }}
-      pushProvisioningModule={PushProvisioningModule}
-    />
-  );
-}
-```
-
-##### Add card to wallet capability - Optional
-
-[Complete the add to wallet guide for React Native](https://guides.unit.co/add-to-mobile-wallet#react-native), skipping the [last module access from javascript](https://guides.unit.co/add-to-mobile-wallet#module-access-from-javascript-1), to use this capability.
-
-Call `UnitSDK.setSignedNonce` with the signedNonce response you obtained from the `launchInitialize` method of the `PushProvisioningModule` in Javascript.
-
-Then pass the `PushProvisioningModule` as a prop to [Unit's Card Component](#card-component). This will let the SDK get wallets and start card provisioning for you once the native add to wallet button was pressed.
-
-
-###### Input:
-| Name            | Type                         | Required  | Description                                  |
-| --------------- | ---------------------------- | --------- | -------------------------------------------- |
-| signedNonce     | string                       | YES       | A signed nonce obtained from Visa.           |
-
-###### Example:
-```js
-import React from "react";
-import { UnitSDK } from "react-native-unit-components";
-import { NativeModules } from 'react-native';
-const { PushProvisioningModule } = NativeModules;
-
-export default function YourRootComponent() {
-  useEffect(() => {
-    const launchInitialize = async () => {
-      try {
-        // To call the module method to use SDK method initialize
-        const response = await PushProvisioningModule.launchInitialize();
-        const signedNonce = JSON.parse(response).signedNonce;
-        UnitSDK.setSignedNonce(signedNonce);
-      } catch (error) {
-        // Manage errors
-      }
-    };
-
-    launchInitialize();
-  }, []);
-};
-```
-
-#### Book Payment Component
-
-##### UNBookPaymentComponent 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. |
-| counterPartyAccountId | string                                 | YES       | Unit account id. The account which will receive money.       |
-| 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: UNBookPaymentData) => void | NO        | Callback for the created bookPayment.          |
-
-
-
-##### Example:
-```js
-import React from 'react';
-import { UNBookPaymentComponent, UNBookPaymentData } from 'react-native-unit-components';
-
-export default function YourComponent() {
-  return (
-    <UNBookPaymentComponent
-      customerToken={''}
-      accountId={'1105561'}
-      counterPartyAccountId={'1105562'}
-      counterPartyName={'Peter Parker"'}
-      isSameCustomer={true}
-      onPaymentCreated={(bookPayment: UNBookPaymentData) => { console.log(bookPayment) }}
-    />
-  );
-}
-```
-
-#### Activity Component
-
-##### UNActivityComponent props:
-| Name                  | Type                                   | Required  | Description                                    |
-| --------------------- | -------------------------------------- | --------- | ---------------------------------------------- |
-| customerToken         | string                                 | YES       | A Unit Customer token.                         |
-| accountId             | string                                 | No        | Unit account id. The account for which the activity will be shown. If not specified: the activity of the customer (all accounts) will be shown |
-| theme                 | string                                 | No        | A URL that specifies the UI configuration.     |
-
-
-##### Example:
-```js
-import React from 'react';
-import { UNActivityComponent } from 'react-native-unit-components';
-
-export default function YourComponent() {
-  return (
-    <UNActivityComponent
-      customerToken={''}
-      accountId={'1105561'}
-    />
-  );
-}
-```
-
-#### Account Component
-
-##### UNAccountComponent props:
-| Name                  | Type                                   | Required  | Description                                    |
-| --------------------- | -------------------------------------- | --------- | ---------------------------------------------- |
-| customerToken         | string                                 | YES       | A Unit Customer token.                         |
-| accountId             | string                                 | No        | Unit account id. The account to show, when not provided, one of the customer's accounts will be shown. |
-| theme                 | string                                 | No        | A URL that specifies the UI configuration.     |
-
-
-##### Example:
-```js
-import React from 'react';
-import { UNAccountComponent } from 'react-native-unit-components';
-
-export default function YourComponent() {
-  return (
-    <UNAccountComponent
-      customerToken={''}
-      accountId={'1105561'}
-    />
-  );
-}
-```
-
-#### 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/ios/Camera/Camera.swift

@@ -0,0 +1,22 @@
+// CameraAccess.swift
+
+import Foundation
+import AVFoundation
+
+@objc(Camera)
+class Camera: NSObject {
+
+    @objc static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+
+    @objc func requestAccess(_ resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
+        AVCaptureDevice.requestAccess(for: .video) { (granted: Bool) in
+            if granted {
+                resolve("Camera access granted")
+            } else {
+                reject("ERROR", "Camera access denied", nil)
+            }
+        }
+    }
+}

package/ios/Camera/CameraExportModule.m

@@ -0,0 +1,7 @@
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(Camera, NSObject)
+
+RCT_EXTERN_METHOD(requestAccess: (RCTPromiseResolveBlock)resolve rejecter: (RCTPromiseRejectBlock)reject)
+
+@end

package/ios/UNAppInfo/UNAppInfo.swift

@@ -0,0 +1,19 @@
+// AppInfo.swift
+
+import Foundation
+
+@objc(UNAppInfo)
+class UNAppInfo: NSObject {
+
+    @objc static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+
+    @objc func getBundleName(_ resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
+        if let bundleName = Bundle.main.object(forInfoDictionaryKey: "CFBundleDisplayName") as? String {
+            resolve(bundleName)
+        } else {
+            reject("ERROR", "Could not get bundle name", nil)
+        }
+    }
+}

package/ios/UNAppInfo/UNAppInfoExportModule.m

@@ -0,0 +1,7 @@
+#import <React/RCTBridgeModule.h>
+
+@interface RCT_EXTERN_MODULE(UNAppInfo, NSObject)
+
+RCT_EXTERN_METHOD(getBundleName: (RCTPromiseResolveBlock)resolve rejecter: (RCTPromiseRejectBlock)reject)
+
+@end

package/ios/UnitReactNativeComponentsViewManager.swift

@@ -15,17 +15,17 @@ class UnitAddToWalletButtonViewManager: RCTViewManager {
 
 class UnitAddToWalletButtonView : UIView {
     @objc var onAddToWalletClicked: RCTDirectEventBlock?
-    
+
     override init(frame: CGRect) {
       super.init(frame: frame)
       self.addSubview(addPassButton)
       center(addPassButton: addPassButton)
     }
-    
+
     required init?(coder: NSCoder) {
       super.init(coder: coder)
     }
-    
+
     lazy var addPassButton: PKAddPassButton = {
       let button = PKAddPassButton(addPassButtonStyle: PKAddPassButtonStyle.black)
         button.addTarget(
@@ -35,7 +35,7 @@ class UnitAddToWalletButtonView : UIView {
 
       return button
     }()
-    
+
     func center(addPassButton: PKAddPassButton) {
         addPassButton.translatesAutoresizingMaskIntoConstraints = false
         NSLayoutConstraint.activate([
@@ -45,9 +45,9 @@ class UnitAddToWalletButtonView : UIView {
             addPassButton.bottomAnchor.constraint(equalTo: self.bottomAnchor)
         ])
     }
-    
-    
-    
+
+
+
     @objc func sendUpdate(_ sender: UITapGestureRecognizer? = nil) {
         self.onAddToWalletClicked?(nil)
     }

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

@@ -12,11 +12,34 @@ var _reactNative = require("react-native");
 var _unitMessages = require("../../messages/webMessages/unitMessages");
 var _UNACHCreditComponent = require("./UNACHCreditComponent.utils");
 var _paymentsMessage = require("../../messages/webMessages/paymentsMessage");
+var _onLoadMessage = require("../../messages/webMessages/onLoadMessage");
 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 handleUnitOnLoad = response => {
+    if (!props.onLoad) {
+      return;
+    }
+    if (_onLoadMessage.RESPONSE_KEYS.errors in response) {
+      props.onLoad(response);
+      return;
+    }
+    if (_onLoadMessage.RESPONSE_KEYS.account in response && _onLoadMessage.RESPONSE_KEYS.counterpartyAccount in response) {
+      // ACHOnLoadResponse;
+      const achOnload = {
+        data: {
+          [_onLoadMessage.RESPONSE_KEYS.account]: response[_onLoadMessage.RESPONSE_KEYS.account].data,
+          [_onLoadMessage.RESPONSE_KEYS.counterpartyAccount]: response[_onLoadMessage.RESPONSE_KEYS.counterpartyAccount].data
+        }
+      };
+      props.onLoad(achOnload);
+      return;
+    }
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
   const handleWebViewMessage = message => {
     if (!message || !message.details) return;
     switch (message.type) {
@@ -27,7 +50,7 @@ const UNACHCreditComponent = props => {
           break;
         }
       case _unitMessages.UnitMessage.UNIT_ON_LOAD:
-        props.onLoad && props.onLoad(message.details);
+        handleUnitOnLoad(message.details);
         break;
       case _pageMessage.PageMessage.PAGE_HEIGHT:
         {

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

@@ -1 +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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAA4E,SAAAQ,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAarE,MAAMW,oBAAoB,GAAIC,KAAgC,IAAK;EACxE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC,CAAC;EAC/C,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAF,eAAQ,EAAmBG,0BAAgB,CAACC,OAAO,CAAC;EAEpG,MAAMC,oBAAoB,GAAIC,OAAuB,IAAK;IACxD,IAAI,CAACA,OAAO,IAAI,CAACA,OAAO,CAACC,OAAO,EAAE;IAElC,QAAQD,OAAO,CAACE,IAAI;MAClB,KAAKC,+BAAc,CAACC,eAAe;QAAE;UACnC,MAAMC,cAAc,GAAGL,OAAO,CAACC,OAAmB;UAClDV,KAAK,CAACe,gBAAgB,IAAIf,KAAK,CAACe,gBAAgB,CAACD,cAAc,CAACE,IAAI,CAAc;UAClF;QACF;MACA,KAAKC,yBAAW,CAACC,YAAY;QAC3BlB,KAAK,CAACmB,MAAM,IAAInB,KAAK,CAACmB,MAAM,CAACV,OAAO,CAACC,OAAO,CAA8B;QAC1E;MACF,KAAKU,wBAAW,CAACC,WAAW;QAAE;UAC5B,MAAMC,aAAa,GAAIb,OAAO,CAACC,OAAO,CAAiBT,MAAM;UAC7DC,SAAS,CAACoB,aAAa,CAAC;UACxB,IAAIlB,gBAAgB,KAAKE,0BAAgB,CAACC,OAAO,IAAIe,aAAa,KAAK,CAAC,EAAE;YACxEjB,mBAAmB,CAACC,0BAAgB,CAACiB,OAAO,CAAC;UAC/C;UACA;QACF;IAAC;EAEL,CAAC;EAED,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACnC,oBACEzD,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACvD,aAAA,CAAAwD,YAAY;MACXf,IAAI,EAAEgB,8BAAgB,CAACC,gBAAiB;MACxCxB,gBAAgB,EAAEA,gBAAiB;MACnCyB,MAAM,EAAE,IAAAC,wCAAkB,EAAC9B,KAAK,CAAE;MAClC+B,MAAM,EAAE,IAAAC,wCAAkB,GAAG;MAC7BC,SAAS,EAAGxB,OAAuB,IAAKD,oBAAoB,CAACC,OAAO,CAAE;MACtEyB,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAEnC,KAAK,CAACmC;IAAM,EACnB;EAEN,CAAC;EAED,IAAI/B,gBAAgB,KAAKE,0BAAgB,CAACC,OAAO,EAAE;IACjD,OAAOiB,sBAAsB,EAAE;EACjC;EAEA,oBACEzD,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACpD,YAAA,CAAA+D,IAAI;IAACC,KAAK,EAAE;MAAEpC,MAAM,EAAEA;IAAO;EAAE,GAC7BuB,sBAAsB,EAAE,CACpB;AAEX,CAAC;AAACc,OAAA,CAAAvC,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_bodyHtml","_pageMessage","_reactNative","_unitMessages","_UNACHCreditComponent","_paymentsMessage","_onLoadMessage","_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","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","account","counterpartyAccount","achOnload","data","console","error","handleWebViewMessage","message","details","type","PaymentMessage","PAYMENT_CREATED","achCreditEvent","onPaymentCreated","UnitMessage","UNIT_ON_LOAD","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 { UNOnLoadResponse, UNACHData, UNACHOnLoadData, UNError, UNOnLoadResponseData } 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';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\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: UNOnLoadResponse<UNACHOnLoadData>) => 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 handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response && RESPONSE_KEYS.counterpartyAccount in response) {\n      // ACHOnLoadResponse;\n      const achOnload: UNOnLoadResponseData<UNACHOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.account]: response[RESPONSE_KEYS.account].data,\n          [RESPONSE_KEYS.counterpartyAccount]: response[RESPONSE_KEYS.counterpartyAccount].data,\n        }\n      };\n      props.onLoad(achOnload);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\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 achCreditEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achCreditEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\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/UNACHDebitComponent/UNACHDebitComponent.js

@@ -13,6 +13,7 @@ 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");
+var _onLoadMessage = require("../../messages/webMessages/onLoadMessage");
 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 => {
@@ -33,6 +34,28 @@ const UNACHDebitComponent = props => {
   const dispatchUnitPlaidResponse = success => {
     (0, _UNACHDebitComponent.injectUnitPlaidResponse)(webRef.current, success);
   };
+  const handleUnitOnLoad = response => {
+    if (!props.onLoad) {
+      return;
+    }
+    if (_onLoadMessage.RESPONSE_KEYS.errors in response) {
+      props.onLoad(response);
+      return;
+    }
+    if (_onLoadMessage.RESPONSE_KEYS.account in response && _onLoadMessage.RESPONSE_KEYS.counterpartyAccount in response) {
+      // ACHOnLoadResponse;
+      const achOnload = {
+        data: {
+          [_onLoadMessage.RESPONSE_KEYS.account]: response[_onLoadMessage.RESPONSE_KEYS.account].data,
+          [_onLoadMessage.RESPONSE_KEYS.counterpartyAccount]: response[_onLoadMessage.RESPONSE_KEYS.counterpartyAccount].data
+        }
+      };
+      props.onLoad(achOnload);
+      return;
+    }
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
   const handleWebViewMessage = message => {
     if (!message || !message.details) return;
     switch (message.type) {
@@ -43,7 +66,7 @@ const UNACHDebitComponent = props => {
           break;
         }
       case _unitMessages.UnitMessage.UNIT_ON_LOAD:
-        props.onLoad && props.onLoad(message.details);
+        handleUnitOnLoad(message.details);
         break;
       case _pageMessage.PageMessage.PAGE_HEIGHT:
         {

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

@@ -1 +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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_bodyHtml","_pageMessage","_reactNative","_unitMessages","_UNACHDebitComponent","_reactNativePlaidLinkSdk","_paymentsMessage","_onLoadMessage","_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","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","account","counterpartyAccount","achOnload","data","console","error","handleWebViewMessage","message","details","type","PaymentMessage","PAYMENT_CREATED","achDebitEvent","onPaymentCreated","UnitMessage","UNIT_ON_LOAD","PageMessage","PAGE_HEIGHT","currentHeight","Default","UNIT_PLAID_TOKEN_CREATED","linkTokenEvent","linkTokenData","attributes","UNIT_REQUEST_EXTERNAL_SDK","externalSdkType","openLink","tokenConfig","noLoadingState","token","onSuccess","onExit","exit","log","catch","e","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 { UNOnLoadResponse, UNACHData, UNError, UNOnLoadResponseData, UNACHOnLoadData } 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';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\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: UNOnLoadResponse<UNACHOnLoadData>) => 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 handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response && RESPONSE_KEYS.counterpartyAccount in response) {\n      // ACHOnLoadResponse;\n      const achOnload: UNOnLoadResponseData<UNACHOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.account]: response[RESPONSE_KEYS.account].data,\n          [RESPONSE_KEYS.counterpartyAccount]: response[RESPONSE_KEYS.counterpartyAccount].data,\n        }\n      };\n      props.onLoad(achOnload);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\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        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\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/UNAccountComponent/UNAccountComponent.js

@@ -14,6 +14,7 @@ var _UNAccountComponent = require("./UNAccountComponent.utils");
 var _bodyHtml = require("../../scripts/html/bodyHtml");
 var _listenerToBus = require("../../hooks/listenerToBus");
 var _accountMessage = require("../../messages/webMessages/accountMessage");
+var _onLoadMessage = require("../../messages/webMessages/onLoadMessage");
 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; }
@@ -23,7 +24,7 @@ exports.AccountAction = AccountAction;
   AccountAction["List"] = "account-list";
   AccountAction["Menu"] = "account-menu";
 })(AccountAction || (exports.AccountAction = AccountAction = {}));
-const UNAccountComponent = props => {
+const UNAccountComponent = /*#__PURE__*/_react.default.forwardRef(function UNAccountComponent(props, accountRef) {
   const [height, setHeight] = (0, _react.useState)(0);
   const windowWidth = _reactNative.Dimensions.get('window').width;
   const [requestRefreshEvent, setRequestRefreshEvent] = (0, _react.useState)(null);
@@ -34,6 +35,22 @@ const UNAccountComponent = props => {
   const requestRefresh = data => {
     setRequestRefreshEvent(data);
   };
+  const handleUnitOnLoad = response => {
+    if (!props.onLoad) {
+      return;
+    }
+    if (_onLoadMessage.RESPONSE_KEYS.errors in response) {
+      props.onLoad(response);
+      return;
+    }
+    if (_onLoadMessage.RESPONSE_KEYS.account in response) {
+      // AccountsOnLoadResponse;
+      props.onLoad(response[_onLoadMessage.RESPONSE_KEYS.account]);
+      return;
+    }
+    console.error('On Load Error: unexpected response type.');
+    return;
+  };
   (0, _listenerToBus.useListenerToBus)({
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
@@ -45,10 +62,18 @@ const UNAccountComponent = props => {
   (0, _react.useEffect)(() => {
     (0, _UNAccountComponent.injectRefreshEventIfNeeded)(webRef.current, requestRefreshEvent);
   }, [requestRefreshEvent]);
+  (0, _react.useImperativeHandle)(accountRef, () => ({
+    openActionsMenu() {
+      (0, _UNAccountComponent.injectOpenActionsMenuScript)(webRef.current);
+    },
+    openAction(action) {
+      (0, _UNAccountComponent.injectRequestAccountActionScript)(webRef.current, action);
+    }
+  }));
   const handleMessage = message => {
     switch (message.type) {
       case _unitMessages.UnitMessage.UNIT_ON_LOAD:
-        props.onLoad && props.onLoad(message.details);
+        handleUnitOnLoad(message.details);
         break;
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
         {
@@ -80,6 +105,6 @@ const UNAccountComponent = props => {
     width: windowWidth,
     isScrollable: false
   }));
-};
+});
 exports.UNAccountComponent = UNAccountComponent;
 //# sourceMappingURL=UNAccountComponent.js.map