react-native-unit-components 1.3.0 → 1.4.0

package/README.md

@@ -69,378 +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.                        |
-| onCardActivated           | (card: UNCardData)  =>  void | No        | Callback for card activated                     |
-| pushProvisioningModule     | typeof NativeModules         | NO        | A Native Module that implements Visa's push provisioning |
-| onLoad                     | (response: UNOnLoadResponse<UNCardData>) => void | No | Callback for a loaded component   |
-
-##### 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) }}
-      onCardActivated={(card: UNCardData) => { console.log(card) }}
-      pushProvisioningModule={PushProvisioningModule}
-      onLoad={(response: UNOnLoadResponse<UNCardData>) => { console.log(response) }}
-    />
-  );
-}
-```
-
-##### Incoming Events:
-- In some cases, the default menu button won't fit into the design of an application.
-  By using the `openActionsMenu()` method, it's possible to open the card actions bottom sheet from a custom button.
-
-  Important Note: one can use the `openActionsMenu()` only after UNCardComponent is loaded. (can be verified by onLoad callback)
-
-- It's also possible to create your own menu and call card actions from it.
-  Use `openAction(action: UNCardMenuAction)` method and send inside an action you want to perform.
-  Use API Docs in order to understand which actions could be applied for any particular card statuses.
-
-#### Example:
-```js
-import { UNCardComponent, CardRef, UNCardMenuAction } from 'react-native-unit-components';
-
-...
-
-const cardRef = useRef<CardRef>(null);
-
-...
-
-const openActionsMenu = () => {
-  cardRef.current?.openActionsMenu();
-};
-
-const openAction = (action: UNCardMenuAction) => {
-  cardRef.current?.openAction(action);
-};
-
-
-...
-
-<UNCardComponent
-  ref={cardRef}
-  cardId={"4242"}
-  customerToken={''}
-/>
-
-```
-
-
-
-##### 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.          |
-| onLoad                | (response: UNOnLoadResponse<UNAccountData>) => void | NO | Callback for a loaded component
-
-
-
-##### 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) }}
-      onLoad={(response: UNOnLoadResponse<UNBookPaymentData>) => { console.log(response) }}
-    />
-  );
-}
-```
-
-#### 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.     |
-| onAccountChanged      | (account: UNAccountData) => Void       | NO        | Callback for account changes.   |
-| onLoad                | (response: UNOnLoadResponse<[UNAccountData]>) => void | NO    | Callback for a loaded component |
-
-
-##### Example:
-```js
-import React from 'react';
-import { UNAccountComponent } from 'react-native-unit-components';
-
-export default function YourComponent() {
-  return (
-    <UNAccountComponent
-      customerToken={''}
-      accountId={'1105561'}
-      onAccountChanged={(account: UNAccountData) => console.log('Account changed', account)}/>
-      onLoad={(response: UNOnLoadResponse<UNAccountData>) => { console.log(response) }}
-    />
-  );
-}
-```
-
-#### 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"       |
-| onPaymentCreated       | (data: UNACHData) => Void              | NO        | Callback for ACH payment created |
-| onLoad                | (response: UNOnLoadResponse<UNACHOnLoadData>) => void | NO       | Callback for a loaded component  |
-
-
-
-##### Example:
-```js
-import React from 'react';
-import { UNACHCreditComponent, UNACHData, UNACHOnLoadData } from 'react-native-unit-components';
-export default function YourComponent() {
-  return (
-    <UNACHCreditComponent
-      customerToken={''}
-      accountId={'1105561'}
-      onPaymentCreated={(payment: UNACHData) => { console.log(payment) }}
-      onLoad={(response: UNOnLoadResponse<UNACHOnLoadData>) => { console.log(response) }}
-    />
-  );
-}
-```
-
-#### 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"       |
-| onPaymentCreated       | (data: UNACHData) => Void              | NO        | Callback for ACH payment created |
-| onLoad                | (response: UNOnLoadResponse<UNACHOnLoadData>) | NO       | Callback for a loaded component  |
-
-
-##### Example:
-```js
-import React from 'react';
-import { UNACHDebitComponent, UNACHData, UNACHOnLoadData } from 'react-native-unit-components';
-export default function YourComponent() {
-  return (
-    <UNACHDebitComponent
-      customerToken={''}
-      accountId={'1105561'}
-      onPaymentCreated={(payment: UNACHData) => { console.log(payment) }}
-      onLoad={(response: UNOnLoadResponse<UNACHOnLoadData>) => { console.log(response) }}
-    />
-  );
-}
-```
-
-
-#### Error Handling
-
-By using unitOnLoad callback you can get a Swift.Result about the requested component.
-OnError - you will get an enum UNError that consist of several cases.
-
-#### UNError:
-
-fields     |  Description           |
-| --------------------- | --------------------------- | ------------------------------------------------------------ |
-errors: UNErrorData[]   | Report UNError on errors that happen in loading time |
-
-
-#### UNErrorData:
-| Name                  | Type                                       | Description                                                                 |
-| --------------------- | -------------------------------------------| --------------------------------------------------------------------------- |
-| status                | String                                     | A Unit-specific code, uniquely identifying the error type                   |
-| title                 | String?                                    | The title of the error type                                                 |
-| detail                | String?                                    | Additional information about the error.                                     |
-| details               | String?                                    | Additional information about the error.                                     |
-| meta                  | { supportId: String }?               | meta.supportId unique error identifier to be used for further investigation |
-
-Note: An "error object" MUST contain a title and the HTTP status code members.
-
-#### Example:
-```ts
-    import { UNCardComponent, UNCardData, UNOnLoadResponse } from 'react-native-unit-components';
-
-    ....
-
-    const handleCardOnLoad = (response: UNOnLoadResponse<UNCardData>) => {
-      if ('errors' in response) {
-        console.error('ERROR unitOnLoad: ', response.errors);
-        return;
-      }
-
-      if ('data' in response) {
-        const cardData: UNCardData = response.data;
-        console.log('Success, data:', cardData)
-        return;
-      }
-
-      return;
-    }
-
-
-    ....
-
-    return (
-      ...
-
-      <UNCardComponent
-        cardId={'632197'}
-        customerToken={''}
-        onLoad={handleCardOnLoad}
-      />
-
-      ...
-    )
-```
-

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/UNAccountComponent/UNAccountComponent.js

@@ -65,6 +65,9 @@ const UNAccountComponent = /*#__PURE__*/_react.default.forwardRef(function UNAcc
   (0, _react.useImperativeHandle)(accountRef, () => ({
     openActionsMenu() {
       (0, _UNAccountComponent.injectOpenActionsMenuScript)(webRef.current);
+    },
+    openAction(action) {
+      (0, _UNAccountComponent.injectRequestAccountActionScript)(webRef.current, action);
     }
   }));
   const handleMessage = message => {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_pageMessage","_unitMessages","_EventBus","_interopRequireDefault","_WebComponent","_UNAccountComponent","_bodyHtml","_listenerToBus","_accountMessage","_onLoadMessage","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccountAction","exports","UNAccountComponent","React","forwardRef","props","accountRef","height","setHeight","useState","windowWidth","Dimensions","width","requestRefreshEvent","setRequestRefreshEvent","webRef","useRef","handleAccountChanged","account","onAccountChanged","requestRefresh","data","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","console","error","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_REFRESH","action","AccountMessage","UNIT_ACCOUNT_CHANGED","useEffect","injectRefreshEventIfNeeded","current","useImperativeHandle","openActionsMenu","injectOpenActionsMenuScript","handleMessage","message","type","UNIT_ON_LOAD","details","UNIT_REQUEST_RENDERING","event","componentName","WebComponentType","componentResourceId","accountId","requestRenderingEvent","EventBus","Instance","PageMessage","PAGE_HEIGHT","createElement","View","style","WebComponent","ref","presentationMode","PresentationMode","Default","params","getAccountParams","script","getAccountScript","theme","onMessage","isScrollable"],"sources":["UNAccountComponent.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded } from './UNAccountComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { UNAccountData } from '../../sharedTypes/account.types';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\n\nexport interface UNAccountComponentProps {\n  accountId?: string;\n  customerToken: string;\n  theme?: string;\n  onLoad?: (response: UNOnLoadResponse<[UNAccountData]>) => void;\n  onAccountChanged?: (account: UNAccountData) => void;\n}\n\nexport interface UNAccountRef {\n  openActionsMenu: () => void;\n}\n\nexport enum AccountAction {\n  List = 'account-list',\n  Menu = 'account-menu'\n}\n\nexport const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProps>(function UNAccountComponent(props, accountRef) {\n  const [height, setHeight] = useState(0);\n  const windowWidth = Dimensions.get('window').width;\n\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n\n  const webRef = useRef<WebView>(null);\n\n  const handleAccountChanged = (account: UNAccountData) => {\n    props.onAccountChanged && props.onAccountChanged(account);\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\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) {\n      // AccountsOnLoadResponse;\n      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<[UNAccountData]>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type.');\n    return;\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED, action: handleAccountChanged });\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);\n  }, [requestRefreshEvent]);\n\n  useImperativeHandle(accountRef, () => ({\n    openActionsMenu() {\n      injectOpenActionsMenuScript(webRef.current);\n    }\n  }));\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const event: BottomSheetSlotData = {\n          componentName: WebComponentType.account,\n          componentResourceId: props.accountId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);\n        break;\n      }\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.account}\n        presentationMode={PresentationMode.Default}\n        params={getAccountParams(props)}\n        script={getAccountScript()}\n        theme={props.theme}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_pageMessage","_unitMessages","_EventBus","_interopRequireDefault","_WebComponent","_UNAccountComponent","_bodyHtml","_listenerToBus","_accountMessage","_onLoadMessage","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccountAction","exports","UNAccountComponent","React","forwardRef","props","accountRef","height","setHeight","useState","windowWidth","Dimensions","width","requestRefreshEvent","setRequestRefreshEvent","webRef","useRef","handleAccountChanged","account","onAccountChanged","requestRefresh","data","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","console","error","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_REFRESH","action","AccountMessage","UNIT_ACCOUNT_CHANGED","useEffect","injectRefreshEventIfNeeded","current","useImperativeHandle","openActionsMenu","injectOpenActionsMenuScript","openAction","injectRequestAccountActionScript","handleMessage","message","type","UNIT_ON_LOAD","details","UNIT_REQUEST_RENDERING","event","componentName","WebComponentType","componentResourceId","accountId","requestRenderingEvent","EventBus","Instance","PageMessage","PAGE_HEIGHT","createElement","View","style","WebComponent","ref","presentationMode","PresentationMode","Default","params","getAccountParams","script","getAccountScript","theme","onMessage","isScrollable"],"sources":["UNAccountComponent.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { UNAccountData } from '../../sharedTypes/account.types';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport type { UNAccountMenuAction } from '../../sharedTypes';\n\nexport interface UNAccountComponentProps {\n  // inputs\n  accountId?: string;\n  customerToken: string;\n\n  // ui\n  theme?: string;\n  hideActionsMenuButton?: boolean;\n  hideSelectionMenuButton?: boolean;\n\n  // events\n  onLoad?: (response: UNOnLoadResponse<[UNAccountData]>) => void;\n  onAccountChanged?: (account: UNAccountData) => void;\n}\n\nexport interface UNAccountRef {\n  openActionsMenu: () => void;\n  openAction: (action: UNAccountMenuAction) => void;\n}\n\nexport enum AccountAction {\n  List = 'account-list',\n  Menu = 'account-menu'\n}\n\nexport const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProps>(function UNAccountComponent(props, accountRef) {\n  const [height, setHeight] = useState(0);\n  const windowWidth = Dimensions.get('window').width;\n\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n\n  const webRef = useRef<WebView>(null);\n\n  const handleAccountChanged = (account: UNAccountData) => {\n    props.onAccountChanged && props.onAccountChanged(account);\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\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) {\n      // AccountsOnLoadResponse;\n      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<[UNAccountData]>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type.');\n    return;\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED, action: handleAccountChanged });\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);\n  }, [requestRefreshEvent]);\n\n  useImperativeHandle(accountRef, () => ({\n    openActionsMenu() {\n      injectOpenActionsMenuScript(webRef.current);\n    },\n    openAction(action: UNAccountMenuAction) {\n      injectRequestAccountActionScript(webRef.current, action);\n    }\n  }));\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const event: BottomSheetSlotData = {\n          componentName: WebComponentType.account,\n          componentResourceId: props.accountId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);\n        break;\n      }\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.account}\n        presentationMode={PresentationMode.Default}\n        params={getAccountParams(props)}\n        script={getAccountScript()}\n        theme={props.theme}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n"],"mappings":"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"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.injectRefreshEventIfNeeded = exports.injectOpenActionsMenuScript = exports.getAccountScript = exports.getAccountParams = exports.getAccountActionType = void 0;
+exports.injectRequestAccountActionScript = exports.injectRefreshEventIfNeeded = exports.injectOpenActionsMenuScript = exports.getAccountScript = exports.getAccountParams = exports.getAccountActionType = void 0;
 var _UNAccountComponent = require("./UNAccountComponent");
 var _unitMessages = require("../../messages/webMessages/unitMessages");
 var _WebComponent = require("../../webComponent/WebComponent");
@@ -11,6 +11,8 @@ const getAccountParams = props => {
   return `
     account-id="${props.accountId}"
     customer-token="${props.customerToken}"
+    hide-actions-menu-button="${props.hideActionsMenuButton || false}"
+    hide-selection-menu-button="${props.hideSelectionMenuButton || false}"
   `;
 };
 exports.getAccountParams = getAccountParams;
@@ -27,6 +29,10 @@ const injectOpenActionsMenuScript = currentWeb => {
   currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchOpenActionsMenu('${_WebComponent.WebComponentType.account}')`);
 };
 exports.injectOpenActionsMenuScript = injectOpenActionsMenuScript;
+const injectRequestAccountActionScript = (currentWeb, action) => {
+  currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRequestAccountAction('${action}')`);
+};
+exports.injectRequestAccountActionScript = injectRequestAccountActionScript;
 const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
   if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(_WebComponent.WebComponentType.account.valueOf())) {
     currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);

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

@@ -1 +1 @@
-{"version":3,"names":["_UNAccountComponent","require","_unitMessages","_WebComponent","getAccountParams","props","accountId","customerToken","exports","getAccountScript","UnitMessage","UNIT_REQUEST_REFRESH","injectOpenActionsMenuScript","currentWeb","injectJavaScript","WebComponentType","account","injectRefreshEventIfNeeded","requestRefreshEvent","dependencies","includes","valueOf","JSON","stringify","getAccountActionType","requestRendering","data","nativeComponent","AccountAction","List","Menu"],"sources":["UNAccountComponent.utils.ts"],"sourcesContent":["import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport type WebView from 'react-native-webview';\nimport { WebComponentType } from '../../webComponent/WebComponent';\n\nexport const getAccountParams = (props: UNAccountComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n  `;\n};\n\nexport const getAccountScript = () => {\n  return `\n    const dispatchRefreshEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n    }\n  `;\n};\n\nexport const injectOpenActionsMenuScript = (currentWeb: WebView | null) => {\n  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.account}')`);\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n\nexport const getAccountActionType = (requestRendering: RequestRenderingEvent) => {\n  return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAIC,KAA8B,IAAK;EAClE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,GAAG;AACH,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,MAAMK,gBAAgB,GAAGA,CAAA,KAAM;EACpC,OAAQ;AACV;AACA,qCAAqCC,yBAAW,CAACC,oBAAqB;AACtE;AACA;AACA,GAAG;AACH,CAAC;AAACH,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMG,2BAA2B,GAAIC,UAA0B,IAAK;EACzEA,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,4BAA2BC,8BAAgB,CAACC,OAAQ,IAAG,CAAC;AACxF,CAAC;AAACR,OAAA,CAAAI,2BAAA,GAAAA,2BAAA;AAEK,MAAMK,0BAA0B,GAAGA,CAACJ,UAA0B,EAAEK,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACL,8BAAgB,CAACC,OAAO,CAACK,OAAO,EAAE,CAAC,EAAE;IACxGR,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,yBAAwBQ,IAAI,CAACC,SAAS,CAACL,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAACV,OAAA,CAAAS,0BAAA,GAAAA,0BAAA;AAEK,MAAMO,oBAAoB,GAAIC,gBAAuC,IAAK;EAC/E,OAAOA,gBAAgB,CAACC,IAAI,CAACC,eAAe,CAACP,QAAQ,CAACQ,iCAAa,CAACC,IAAI,CAAC,GAAGD,iCAAa,CAACC,IAAI,GAAGD,iCAAa,CAACE,IAAI;AACrH,CAAC;AAACtB,OAAA,CAAAgB,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_UNAccountComponent","require","_unitMessages","_WebComponent","getAccountParams","props","accountId","customerToken","hideActionsMenuButton","hideSelectionMenuButton","exports","getAccountScript","UnitMessage","UNIT_REQUEST_REFRESH","injectOpenActionsMenuScript","currentWeb","injectJavaScript","WebComponentType","account","injectRequestAccountActionScript","action","injectRefreshEventIfNeeded","requestRefreshEvent","dependencies","includes","valueOf","JSON","stringify","getAccountActionType","requestRendering","data","nativeComponent","AccountAction","List","Menu"],"sources":["UNAccountComponent.utils.ts"],"sourcesContent":["import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport type WebView from 'react-native-webview';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport type { UNAccountMenuAction } from 'src/sharedTypes';\n\nexport const getAccountParams = (props: UNAccountComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    hide-actions-menu-button=\"${props.hideActionsMenuButton || false}\"\n    hide-selection-menu-button=\"${props.hideSelectionMenuButton || false}\"\n  `;\n};\n\nexport const getAccountScript = () => {\n  return `\n    const dispatchRefreshEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n    }\n  `;\n};\n\nexport const injectOpenActionsMenuScript = (currentWeb: WebView | null) => {\n  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.account}')`);\n};\n\nexport const injectRequestAccountActionScript = (currentWeb: WebView | null, action: UNAccountMenuAction) => {\n  currentWeb?.injectJavaScript(`dispatchRequestAccountAction('${action}')`);\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n\nexport const getAccountActionType = (requestRendering: RequestRenderingEvent) => {\n  return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAGO,MAAMG,gBAAgB,GAAIC,KAA8B,IAAK;EAClE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,gCAAgCF,KAAK,CAACG,qBAAqB,IAAI,KAAM;AACrE,kCAAkCH,KAAK,CAACI,uBAAuB,IAAI,KAAM;AACzE,GAAG;AACH,CAAC;AAACC,OAAA,CAAAN,gBAAA,GAAAA,gBAAA;AAEK,MAAMO,gBAAgB,GAAGA,CAAA,KAAM;EACpC,OAAQ;AACV;AACA,qCAAqCC,yBAAW,CAACC,oBAAqB;AACtE;AACA;AACA,GAAG;AACH,CAAC;AAACH,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMG,2BAA2B,GAAIC,UAA0B,IAAK;EACzEA,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,4BAA2BC,8BAAgB,CAACC,OAAQ,IAAG,CAAC;AACxF,CAAC;AAACR,OAAA,CAAAI,2BAAA,GAAAA,2BAAA;AAEK,MAAMK,gCAAgC,GAAGA,CAACJ,UAA0B,EAAEK,MAA2B,KAAK;EAC3GL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,iCAAgCI,MAAO,IAAG,CAAC;AAC3E,CAAC;AAACV,OAAA,CAAAS,gCAAA,GAAAA,gCAAA;AAEK,MAAME,0BAA0B,GAAGA,CAACN,UAA0B,EAAEO,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACP,8BAAgB,CAACC,OAAO,CAACO,OAAO,EAAE,CAAC,EAAE;IACxGV,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,yBAAwBU,IAAI,CAACC,SAAS,CAACL,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAACZ,OAAA,CAAAW,0BAAA,GAAAA,0BAAA;AAEK,MAAMO,oBAAoB,GAAIC,gBAAuC,IAAK;EAC/E,OAAOA,gBAAgB,CAACC,IAAI,CAACC,eAAe,CAACP,QAAQ,CAACQ,iCAAa,CAACC,IAAI,CAAC,GAAGD,iCAAa,CAACC,IAAI,GAAGD,iCAAa,CAACE,IAAI;AACrH,CAAC;AAACxB,OAAA,CAAAkB,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/components/UNActivityComponent/UNActivityComponent.js

@@ -14,6 +14,7 @@ var _WebComponent = require("../../webComponent/WebComponent");
 var _UNActivityComponent = require("./UNActivityComponent.utils");
 var _EventBus = _interopRequireDefault(require("../../helpers/EventBus"));
 var _onLoadMessage = require("../../messages/webMessages/onLoadMessage");
+var _activityMessage = require("../../messages/webMessages/activityMessage");
 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; }
@@ -24,10 +25,17 @@ const UNActivityComponent = props => {
   const requestRefresh = data => {
     (0, _UNActivityComponent.injectRefreshEventIfNeeded)(webRef.current, data);
   };
+  const dispatchActivityFiltersChanged = query => {
+    (0, _UNActivityComponent.injectFiltersChanged)(webRef.current, query);
+  };
   (0, _listenerToBus.useListenerToBus)({
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
   });
+  (0, _listenerToBus.useListenerToBus)({
+    busEventKey: _activityMessage.ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
+    action: dispatchActivityFiltersChanged
+  });
   const handleUnitOnLoad = response => {
     if (!props.onLoad) {
       return;