react-native-unit-components 1.9.1 → 1.11.0

package/lib/module/components/UNAccountComponent/UNAccountComponent.js

@@ -1,31 +1,38 @@
-import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import { View } from 'react-native';
 import { PageMessage } from '../..//messages/webMessages/pageMessage';
-import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import EventBus from '../../helpers/EventBus';
+import { UnitMessage, UnitRequestRefreshEventTypes } from '../../messages/webMessages/unitMessages';
 import { WebComponent } from '../../webComponent/WebComponent';
 import { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';
-import { useListenerToBus } from '../../hooks/listenerToBus';
 import { AccountMessage } from '../../messages/webMessages/accountMessage';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
 import { BottomSheetRenderingType } from '../../types/internal/bottomSheet.types';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 import { withReduxStoreAndRefForwarding } from '../../helpers/store/helpers';
-export let UNAccountAction;
-(function (UNAccountAction) {
+import { useDispatch } from 'react-redux';
+import { setEvent } from '../../slices/SharedEventsSlice';
+import { useListenerToEvent } from '../../hooks/useListenerToEvent';
+export let UNAccountAction = /*#__PURE__*/function (UNAccountAction) {
   UNAccountAction["List"] = "account-list";
   UNAccountAction["Menu"] = "account-menu";
-})(UNAccountAction || (UNAccountAction = {}));
+  return UNAccountAction;
+}({});
 const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccountComponent(props, accountRef) {
+  const dispatch = useDispatch();
   const [height, setHeight] = useState(0);
-  const [requestRefreshEvent, setRequestRefreshEvent] = useState(null);
   const webRef = useRef(null);
+  // currentAccountId is used to store the current account id for the "imperative" refresh event.
+  const accountIdRef = useRef(props.accountId);
   const handleAccountChanged = account => {
+    accountIdRef.current = account.id;
     props.onAccountChanged && props.onAccountChanged(account);
   };
   const requestRefresh = data => {
-    setRequestRefreshEvent(data);
+    injectRefreshEventIfNeeded(webRef.current, data);
+  };
+  const handleRequestLeftToSpendDetails = accountData => {
+    props.onRequestLeftToSpendDetails && props.onRequestLeftToSpendDetails(accountData);
   };
   const handleUnitOnLoad = response => {
     if (!props.onLoad) {
@@ -37,29 +44,39 @@ const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccountCompo
     }
     if (RESPONSE_KEYS.account in response) {
       // AccountsOnLoadResponse;
-      props.onLoad(response[RESPONSE_KEYS.account]);
+      const accountResponse = response[RESPONSE_KEYS.account];
+      props.onLoad(accountResponse);
+      // if accountId is not provided, set the first account as current
+      if (!props.accountId && accountResponse.data && accountResponse.data.length > 0) {
+        accountIdRef.current = accountResponse.data[0].id;
+      }
       return;
     }
     console.error('On Load Error: unexpected response type.');
     return;
   };
-  useListenerToBus({
+  useListenerToEvent({
     busEventKey: UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
   });
-  useListenerToBus({
+  useListenerToEvent({
     busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED,
     action: handleAccountChanged
   });
-  useEffect(() => {
-    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);
-  }, [requestRefreshEvent]);
   useImperativeHandle(accountRef, () => ({
     openActionsMenu() {
       injectOpenActionsMenuScript(webRef.current);
     },
     openAction(action) {
       injectRequestAccountActionScript(webRef.current, action);
+    },
+    refresh() {
+      requestRefresh({
+        type: UnitRequestRefreshEventTypes.REQUEST_REFRESH_EVENT,
+        refEvent: undefined,
+        dependencies: [WebComponentType.account.valueOf()],
+        resourceId: accountIdRef.current
+      });
     }
   }));
   const handleMessage = message => {
@@ -74,16 +91,22 @@ const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccountCompo
             componentResourceId: props.accountId,
             requestRenderingEvent: message.details
           };
-          const event = {
+          const data = {
             type: BottomSheetRenderingType.Slot,
             data: slotData
           };
-          EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
+          dispatch(setEvent({
+            key: BottomSheetNativeMessage.REQUEST_RENDERING,
+            data
+          }));
           break;
         }
       case PageMessage.PAGE_HEIGHT:
         setHeight(message.details.height);
         break;
+      case UnitMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS:
+        handleRequestLeftToSpendDetails(message.details);
+        break;
     }
   };
   return /*#__PURE__*/React.createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useImperativeHandle","useRef","useState","View","PageMessage","UnitMessage","EventBus","WebComponent","getAccountParams","getAccountScript","injectOpenActionsMenuScript","injectRefreshEventIfNeeded","injectRequestAccountActionScript","useListenerToBus","AccountMessage","RESPONSE_KEYS","BottomSheetRenderingType","PresentationMode","WebComponentType","BottomSheetNativeMessage","withReduxStoreAndRefForwarding","UNAccountAction","UNAccountComponent","forwardRef","props","accountRef","height","setHeight","requestRefreshEvent","setRequestRefreshEvent","webRef","handleAccountChanged","account","onAccountChanged","requestRefresh","data","handleUnitOnLoad","response","onLoad","errors","console","error","busEventKey","UNIT_REQUEST_REFRESH","action","UNIT_ACCOUNT_CHANGED","current","openActionsMenu","openAction","handleMessage","message","type","UNIT_ON_LOAD","details","UNIT_REQUEST_RENDERING","slotData","componentName","componentResourceId","accountId","requestRenderingEvent","event","Slot","Instance","START_FLOW","PAGE_HEIGHT","createElement","style","width","ref","presentationMode","Default","params","script","theme","language","onMessage","isScrollable"],"sources":["UNAccountComponent.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { 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 } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { UNAccountData } from '../../types/shared/account.types';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport type { UNAccountMenuAction } from '../../types/shared';\nimport { BottomSheetRenderingType, SlotRendering, type BottomSheetSlotData } from '../../types/internal/bottomSheet.types';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\nimport { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';\nimport { withReduxStoreAndRefForwarding } from '../../helpers/store/helpers';\n\nexport interface UNAccountComponentProps {\n  // inputs\n  accountId?: string;\n  customerToken: string;\n\n  // ui\n  theme?: string;\n  language?: 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 UNAccountAction {\n  List = 'account-list',\n  Menu = 'account-menu'\n}\n\nconst UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProps>(function UNAccountComponent(props, accountRef) {\n  const [height, setHeight] = useState(0);\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 slotData: BottomSheetSlotData = {\n          componentName: WebComponentType.account,\n          componentResourceId: props.accountId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n\n        const event = {\n          type: BottomSheetRenderingType.Slot,\n          data: slotData\n        } as SlotRendering;\n\n        EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, 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, width: '100%' }}>\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        language={props.language}\n        onMessage={message => handleMessage(message)}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n\nexport default withReduxStoreAndRefForwarding<UNAccountComponentProps, UNAccountRef>(UNAccountComponent);\n"],"mappings":"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"}
+{"version":3,"names":["React","useImperativeHandle","useRef","useState","View","PageMessage","UnitMessage","UnitRequestRefreshEventTypes","WebComponent","getAccountParams","getAccountScript","injectOpenActionsMenuScript","injectRefreshEventIfNeeded","injectRequestAccountActionScript","AccountMessage","RESPONSE_KEYS","BottomSheetRenderingType","PresentationMode","WebComponentType","BottomSheetNativeMessage","withReduxStoreAndRefForwarding","useDispatch","setEvent","useListenerToEvent","UNAccountAction","UNAccountComponent","forwardRef","props","accountRef","dispatch","height","setHeight","webRef","accountIdRef","accountId","handleAccountChanged","account","current","id","onAccountChanged","requestRefresh","data","handleRequestLeftToSpendDetails","accountData","onRequestLeftToSpendDetails","handleUnitOnLoad","response","onLoad","errors","accountResponse","length","console","error","busEventKey","UNIT_REQUEST_REFRESH","action","UNIT_ACCOUNT_CHANGED","openActionsMenu","openAction","refresh","type","REQUEST_REFRESH_EVENT","refEvent","undefined","dependencies","valueOf","resourceId","handleMessage","message","UNIT_ON_LOAD","details","UNIT_REQUEST_RENDERING","slotData","componentName","componentResourceId","requestRenderingEvent","Slot","key","REQUEST_RENDERING","PAGE_HEIGHT","UNIT_REQUEST_LEFT_TO_SPEND_DETAILS","createElement","style","width","ref","presentationMode","Default","params","script","theme","language","onMessage","isScrollable"],"sourceRoot":"../../../../src","sources":["components/UNAccountComponent/UNAccountComponent.tsx"],"mappings":"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"}

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

@@ -1,32 +1,34 @@
 import { UNAccountAction } from './UNAccountComponent';
-import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { WebComponentType } from '../../types/internal/webComponent.types';
+import { LISTENERS } from '../../scripts/html/bodyScript';
+import { DISPATCH_REQUEST_REFRESH } from '../../scripts/html/bodyScript';
 export const getAccountParams = props => {
   const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';
+  const menuItemsParam = props.menuItems ? `menu-items="${props.menuItems.join()}"` : '';
   return `
     customer-token="${props.customerToken}"
     ${accountIdParam}
     hide-actions-menu-button="${props.hideActionsMenuButton || false}"
     hide-selection-menu-button="${props.hideSelectionMenuButton || false}"
+    show-left-to-spend="${props.showLeftToSpend || false}"
+    ${menuItemsParam}
   `;
 };
 export const getAccountScript = () => {
   return `
-    const dispatchRefreshEvent = (details) => {
-    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
-    window.dispatchEvent(event)
-    }
+    ${DISPATCH_REQUEST_REFRESH}
+    ${LISTENERS.unitRequestLeftToSpendDetails}
   `;
 };
 export const injectOpenActionsMenuScript = currentWeb => {
-  currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.account}')`);
+  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.account}')`);
 };
 export const injectRequestAccountActionScript = (currentWeb, action) => {
-  currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRequestAccountAction('${action}')`);
+  currentWeb?.injectJavaScript(`dispatchRequestAccountAction('${action}')`);
 };
 export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
   if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {
-    currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };
 export const getAccountActionType = requestRendering => {

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

@@ -1 +1 @@
-{"version":3,"names":["UNAccountAction","UnitMessage","WebComponentType","getAccountParams","props","accountIdParam","accountId","customerToken","hideActionsMenuButton","hideSelectionMenuButton","getAccountScript","UNIT_REQUEST_REFRESH","injectOpenActionsMenuScript","currentWeb","injectJavaScript","account","injectRequestAccountActionScript","action","injectRefreshEventIfNeeded","requestRefreshEvent","dependencies","includes","valueOf","JSON","stringify","getAccountActionType","requestRendering","data","nativeComponent","List","Menu"],"sources":["UNAccountComponent.utils.ts"],"sourcesContent":["import { UNAccountAction, UNAccountComponentProps } from './UNAccountComponent';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport type WebView from 'react-native-webview';\nimport type { UNAccountMenuAction } from 'src/types/shared';\nimport { WebComponentType } from '../../types/internal/webComponent.types';\n\nexport const getAccountParams = (props: UNAccountComponentProps) => {\n  const accountIdParam = props.accountId ? `account-id=\"${props.accountId}\"` : '';\n  return `\n    customer-token=\"${props.customerToken}\"\n    ${accountIdParam}\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(UNAccountAction.List) ? UNAccountAction.List : UNAccountAction.Menu;\n};\n"],"mappings":"AAAA,SAASA,eAAe,QAAiC,sBAAsB;AAC/E,SAAqDC,WAAW,QAAQ,yCAAyC;AAGjH,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,OAAO,MAAMC,gBAAgB,GAAIC,KAA8B,IAAK;EAClE,MAAMC,cAAc,GAAGD,KAAK,CAACE,SAAS,GAAI,eAAcF,KAAK,CAACE,SAAU,GAAE,GAAG,EAAE;EAC/E,OAAQ;AACV,sBAAsBF,KAAK,CAACG,aAAc;AAC1C,MAAMF,cAAe;AACrB,gCAAgCD,KAAK,CAACI,qBAAqB,IAAI,KAAM;AACrE,kCAAkCJ,KAAK,CAACK,uBAAuB,IAAI,KAAM;AACzE,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,OAAQ;AACV;AACA,qCAAqCT,WAAW,CAACU,oBAAqB;AACtE;AACA;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAIC,UAA0B,IAAK;EACzEA,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,4BAA2BZ,gBAAgB,CAACa,OAAQ,IAAG,CAAC;AACxF,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAGA,CAACH,UAA0B,EAAEI,MAA2B,KAAK;EAC3GJ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,iCAAgCG,MAAO,IAAG,CAAC;AAC3E,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAGA,CAACL,UAA0B,EAAEM,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACnB,gBAAgB,CAACa,OAAO,CAACO,OAAO,EAAE,CAAC,EAAE;IACxGT,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,yBAAwBS,IAAI,CAACC,SAAS,CAACL,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAED,OAAO,MAAMM,oBAAoB,GAAIC,gBAAuC,IAAK;EAC/E,OAAOA,gBAAgB,CAACC,IAAI,CAACC,eAAe,CAACP,QAAQ,CAACrB,eAAe,CAAC6B,IAAI,CAAC,GAAG7B,eAAe,CAAC6B,IAAI,GAAG7B,eAAe,CAAC8B,IAAI;AAC3H,CAAC"}
+{"version":3,"names":["UNAccountAction","WebComponentType","LISTENERS","DISPATCH_REQUEST_REFRESH","getAccountParams","props","accountIdParam","accountId","menuItemsParam","menuItems","join","customerToken","hideActionsMenuButton","hideSelectionMenuButton","showLeftToSpend","getAccountScript","unitRequestLeftToSpendDetails","injectOpenActionsMenuScript","currentWeb","injectJavaScript","account","injectRequestAccountActionScript","action","injectRefreshEventIfNeeded","requestRefreshEvent","dependencies","includes","valueOf","JSON","stringify","getAccountActionType","requestRendering","data","nativeComponent","List","Menu"],"sourceRoot":"../../../../src","sources":["components/UNAccountComponent/UNAccountComponent.utils.ts"],"mappings":"AAAA,SAASA,eAAe,QAAiC,sBAAsB;AAI/E,SAASC,gBAAgB,QAAQ,yCAAyC;AAC1E,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,wBAAwB,QAAQ,+BAA+B;AAExE,OAAO,MAAMC,gBAAgB,GAAIC,KAA8B,IAAK;EAClE,MAAMC,cAAc,GAAGD,KAAK,CAACE,SAAS,GAAI,eAAcF,KAAK,CAACE,SAAU,GAAE,GAAG,EAAE;EAC/E,MAAMC,cAAc,GAAGH,KAAK,CAACI,SAAS,GAAI,eAAcJ,KAAK,CAACI,SAAS,CAACC,IAAI,CAAC,CAAE,GAAE,GAAG,EAAE;EACtF,OAAQ;AACV,sBAAsBL,KAAK,CAACM,aAAc;AAC1C,MAAML,cAAe;AACrB,gCAAgCD,KAAK,CAACO,qBAAqB,IAAI,KAAM;AACrE,kCAAkCP,KAAK,CAACQ,uBAAuB,IAAI,KAAM;AACzE,0BAA0BR,KAAK,CAACS,eAAe,IAAI,KAAM;AACzD,MAAMN,cAAe;AACrB,GAAG;AACH,CAAC;AAED,OAAO,MAAMO,gBAAgB,GAAGA,CAAA,KAAM;EACpC,OAAQ;AACV,MAAMZ,wBAAyB;AAC/B,MAAMD,SAAS,CAACc,6BAA8B;AAC9C,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAIC,UAA0B,IAAK;EACzEA,UAAU,EAAEC,gBAAgB,CAAE,4BAA2BlB,gBAAgB,CAACmB,OAAQ,IAAG,CAAC;AACxF,CAAC;AAED,OAAO,MAAMC,gCAAgC,GAAGA,CAACH,UAA0B,EAAEI,MAA2B,KAAK;EAC3GJ,UAAU,EAAEC,gBAAgB,CAAE,iCAAgCG,MAAO,IAAG,CAAC;AAC3E,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAGA,CAACL,UAA0B,EAAEM,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACzB,gBAAgB,CAACmB,OAAO,CAACO,OAAO,CAAC,CAAC,CAAC,EAAE;IACxGT,UAAU,EAAEC,gBAAgB,CAAE,yBAAwBS,IAAI,CAACC,SAAS,CAACL,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAED,OAAO,MAAMM,oBAAoB,GAAIC,gBAAuC,IAAK;EAC/E,OAAOA,gBAAgB,CAACC,IAAI,CAACC,eAAe,CAACP,QAAQ,CAAC1B,eAAe,CAACkC,IAAI,CAAC,GAAGlC,eAAe,CAACkC,IAAI,GAAGlC,eAAe,CAACmC,IAAI;AAC3H,CAAC"}

package/lib/module/components/UNAccountComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","UNAccountComponent","UNAccountComponentProps","UNAccountRef"],"sources":["index.ts"],"sourcesContent":["export { default as UNAccountComponent, UNAccountComponentProps, UNAccountRef } from './UNAccountComponent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,EAAEC,uBAAuB,EAAEC,YAAY,QAAQ,sBAAsB"}
+{"version":3,"names":["default","UNAccountComponent","UNAccountComponentProps","UNAccountRef"],"sourceRoot":"../../../../src","sources":["components/UNAccountComponent/index.ts"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAAkB,EAAEC,uBAAuB,EAAEC,YAAY,QAAQ,sBAAsB"}

package/lib/module/components/UNActivityComponent/UNActivityComponent.js

@@ -1,32 +1,44 @@
-import React, { useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import { Dimensions, View } from 'react-native';
-import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { useListenerToBus } from '../../hooks/listenerToBus';
+import { UnitMessage, UnitRequestRefreshEventTypes } from '../../messages/webMessages/unitMessages';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { WebComponent } from '../../webComponent/WebComponent';
 import { getActivityParams, getActivityScript, injectFiltersChanged, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';
-import EventBus from '../../helpers/EventBus';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
 import { ActivityMessage } from '../../messages/webMessages/activityMessage';
 import { BottomSheetRenderingType } from '../../types/internal/bottomSheet.types';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
-import { withReduxStore } from '../../helpers/store/helpers';
+import { withReduxStoreAndRefForwarding } from '../../helpers/store/helpers';
+import { setEvent } from '../../slices/SharedEventsSlice';
+import { useDispatch } from 'react-redux';
+import { useListenerToEvent } from '../../hooks/useListenerToEvent';
 const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
-const UNActivityComponent = props => {
+const UNActivityComponent = /*#__PURE__*/React.forwardRef(function UNActivityComponent(props, activityRef) {
+  const dispatch = useDispatch();
   const webRef = useRef(null);
   const [defaultHeight, setDefaultHeight] = useState();
   const requestRefresh = data => {
     injectRefreshEventIfNeeded(webRef.current, data);
   };
+  useImperativeHandle(activityRef, () => ({
+    refresh() {
+      requestRefresh({
+        type: UnitRequestRefreshEventTypes.REQUEST_REFRESH_EVENT,
+        refEvent: undefined,
+        dependencies: [WebComponentType.activity.valueOf()],
+        resourceId: ''
+      });
+    }
+  }));
   const dispatchActivityFiltersChanged = query => {
     injectFiltersChanged(webRef.current, query);
   };
-  useListenerToBus({
+  useListenerToEvent({
     busEventKey: UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
   });
-  useListenerToBus({
+  useListenerToEvent({
     busEventKey: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
     action: dispatchActivityFiltersChanged
   });
@@ -38,11 +50,11 @@ const UNActivityComponent = props => {
       props.onLoad(response);
       return;
     }
-    if (RESPONSE_KEYS.authorization in response && RESPONSE_KEYS.transactions in response) {
+    if (RESPONSE_KEYS.authorizations in response && RESPONSE_KEYS.transactions in response) {
       // ActivityOnLoadResponse;
       const activityOnLoad = {
         data: {
-          [RESPONSE_KEYS.authorization]: response[RESPONSE_KEYS.authorization].data,
+          [RESPONSE_KEYS.authorizations]: response[RESPONSE_KEYS.authorizations].data,
           [RESPONSE_KEYS.transactions]: response[RESPONSE_KEYS.transactions].data
         }
       };
@@ -61,11 +73,14 @@ const UNActivityComponent = props => {
             componentResourceId: props.accountId,
             requestRenderingEvent: message.details
           };
-          const event = {
+          const data = {
             type: BottomSheetRenderingType.Slot,
             data: slotData
           };
-          EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
+          dispatch(setEvent({
+            key: BottomSheetNativeMessage.REQUEST_RENDERING,
+            data
+          }));
           break;
         }
       case UnitMessage.UNIT_ON_LOAD:
@@ -100,6 +115,6 @@ const UNActivityComponent = props => {
       height: defaultHeight
     }
   }, renderActivityWebView());
-};
-export default withReduxStore(UNActivityComponent);
+});
+export default withReduxStoreAndRefForwarding(UNActivityComponent);
 //# sourceMappingURL=UNActivityComponent.js.map

package/lib/module/components/UNActivityComponent/UNActivityComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Dimensions","View","UnitMessage","useListenerToBus","PageMessage","WebComponent","getActivityParams","getActivityScript","injectFiltersChanged","injectRefreshEventIfNeeded","EventBus","RESPONSE_KEYS","ActivityMessage","BottomSheetRenderingType","PresentationMode","WebComponentType","BottomSheetNativeMessage","withReduxStore","DEFAULT_HEIGHT","get","height","UNActivityComponent","props","webRef","defaultHeight","setDefaultHeight","requestRefresh","data","current","dispatchActivityFiltersChanged","query","busEventKey","UNIT_REQUEST_REFRESH","action","UNIT_ACTIVITY_FILTERS_CHANGED","handleUnitOnLoad","response","onLoad","errors","authorization","transactions","activityOnLoad","console","error","handleWebViewMessage","message","type","UNIT_REQUEST_RENDERING","slotData","componentName","activity","componentResourceId","accountId","requestRenderingEvent","details","event","Slot","Instance","START_FLOW","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","renderActivityWebView","createElement","ref","presentationMode","Inherit","params","onMessage","nestedScrollEnabled","theme","language","script","style"],"sources":["UNActivityComponent.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';\nimport { WebComponent } from '../../webComponent/WebComponent';\nimport { getActivityParams, getActivityScript, injectFiltersChanged, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';\nimport type WebView from 'react-native-webview';\nimport EventBus from '../../helpers/EventBus';\nimport type { UNActivityOnLoadData } from '../../types/shared/activity.types';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { ActivityMessage } from '../../messages/webMessages/activityMessage';\nimport { BottomSheetRenderingType, type BottomSheetSlotData, type SlotRendering } from '../../types/internal/bottomSheet.types';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\nimport { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';\nimport { withReduxStore } from '../../helpers/store/helpers';\n\nconst DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;\nexport interface UNActivityComponentProps {\n  // inputs\n  customerToken: string;\n  accountId?: string;\n  queryFilter?: string\n\n  // ui\n  theme?: string;\n  language?: string;\n  hideFilterButton?: boolean;\n\n  // event\n  onLoad?: (response: UNOnLoadResponse<UNActivityOnLoadData>) => void;\n}\n\nconst UNActivityComponent = (props: UNActivityComponentProps) => {\n  const webRef = useRef<WebView>(null);\n  const [defaultHeight, setDefaultHeight] = useState<number>();\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    injectRefreshEventIfNeeded(webRef.current, data);\n  };\n\n  const dispatchActivityFiltersChanged = (query: string) => {\n    injectFiltersChanged(webRef.current, query);\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED, action: dispatchActivityFiltersChanged });\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.authorization in response && RESPONSE_KEYS.transactions in response) {\n      // ActivityOnLoadResponse;\n      const activityOnLoad: UNOnLoadResponseData<UNActivityOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.authorization]: response[RESPONSE_KEYS.authorization].data,\n          [RESPONSE_KEYS.transactions]: response[RESPONSE_KEYS.transactions].data\n        }\n      };\n      props.onLoad(activityOnLoad);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const slotData: BottomSheetSlotData = {\n          componentName: WebComponentType.activity,\n          componentResourceId: props.accountId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n\n        const event = {\n          type: BottomSheetRenderingType.Slot,\n          data: slotData\n        } as SlotRendering;\n\n        EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);\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        currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);\n        break;\n      }\n    }\n  };\n\n  const renderActivityWebView = () => {\n    return (\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.activity}\n        presentationMode={PresentationMode.Inherit}\n        params={getActivityParams(props)}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        nestedScrollEnabled={true}\n        theme={props.theme}\n        language={props.language}\n        script={getActivityScript()}\n      />\n    );\n  };\n\n  if (!defaultHeight) {\n    return renderActivityWebView();\n  }\n\n  return (\n    <View style={{ height: defaultHeight }}>\n      {renderActivityWebView()}\n    </View>\n  );\n};\n\nexport default withReduxStore<UNActivityComponentProps>(UNActivityComponent);\n"],"mappings":"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"}
+{"version":3,"names":["React","useImperativeHandle","useRef","useState","Dimensions","View","UnitMessage","UnitRequestRefreshEventTypes","PageMessage","WebComponent","getActivityParams","getActivityScript","injectFiltersChanged","injectRefreshEventIfNeeded","RESPONSE_KEYS","ActivityMessage","BottomSheetRenderingType","PresentationMode","WebComponentType","BottomSheetNativeMessage","withReduxStoreAndRefForwarding","setEvent","useDispatch","useListenerToEvent","DEFAULT_HEIGHT","get","height","UNActivityComponent","forwardRef","props","activityRef","dispatch","webRef","defaultHeight","setDefaultHeight","requestRefresh","data","current","refresh","type","REQUEST_REFRESH_EVENT","refEvent","undefined","dependencies","activity","valueOf","resourceId","dispatchActivityFiltersChanged","query","busEventKey","UNIT_REQUEST_REFRESH","action","UNIT_ACTIVITY_FILTERS_CHANGED","handleUnitOnLoad","response","onLoad","errors","authorizations","transactions","activityOnLoad","console","error","handleWebViewMessage","message","UNIT_REQUEST_RENDERING","slotData","componentName","componentResourceId","accountId","requestRenderingEvent","details","Slot","key","REQUEST_RENDERING","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","renderActivityWebView","createElement","ref","presentationMode","Inherit","params","onMessage","nestedScrollEnabled","theme","language","script","style"],"sourceRoot":"../../../../src","sources":["components/UNActivityComponent/UNActivityComponent.tsx"],"mappings":"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"}

package/lib/module/components/UNActivityComponent/UNActivityComponent.utils.js

@@ -3,11 +3,17 @@ import { WebComponentType } from '../../types/internal/webComponent.types';
 export const getActivityParams = props => {
   const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';
   const queryFilterParam = props.queryFilter ? `query-filter="${props.queryFilter}"` : '';
+  const paginationTypeParam = props.paginationType ? `pagination-type="${props.paginationType}"` : '';
+  const transactionsPerPageParam = props.transactionsPerPage ? `transactions-per-page="${props.transactionsPerPage}"` : '';
   return `
     customer-token="${props.customerToken}"
     ${accountIdParam}
     hide-filter-button="${props.hideFilterButton || false}"
+    hide-back-to-top="${props.hideBackToTop || false}"
+    hide-title="${props.hideTitle || false}"
     ${queryFilterParam}
+    ${paginationTypeParam}
+    ${transactionsPerPageParam}
     style="height: 100%"
   `;
 };
@@ -16,10 +22,10 @@ export const getActivityScript = () => {
 };
 export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
   if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.activity.valueOf())) {
-    currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };
 export const injectFiltersChanged = (currentWeb, query) => {
-  currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);
+  currentWeb?.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);
 };
 //# sourceMappingURL=UNActivityComponent.utils.js.map

package/lib/module/components/UNActivityComponent/UNActivityComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["DISPATCH_REQUEST_REFRESH","WebComponentType","getActivityParams","props","accountIdParam","accountId","queryFilterParam","queryFilter","customerToken","hideFilterButton","getActivityScript","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","activity","valueOf","injectJavaScript","JSON","stringify","injectFiltersChanged","query"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import type { RequestRefreshEvent } from './../../messages/webMessages/unitMessages';\nimport type { WebView } from 'react-native-webview';\nimport { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';\nimport type { UNActivityComponentProps } from './UNActivityComponent';\nimport { WebComponentType } from '../../types/internal/webComponent.types';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n  const accountIdParam = props.accountId ? `account-id=\"${props.accountId}\"` : '';\n  const queryFilterParam = props.queryFilter ? `query-filter=\"${props.queryFilter}\"` : '';\n\n  return `\n    customer-token=\"${props.customerToken}\"\n    ${accountIdParam}\n    hide-filter-button=\"${props.hideFilterButton || false}\"\n    ${queryFilterParam}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getActivityScript = () => {\n  return DISPATCH_REQUEST_REFRESH;\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.activity.valueOf())) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n\nexport const injectFiltersChanged = (currentWeb: WebView | null, query: string) => {\n  currentWeb?.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);\n};\n"],"mappings":"AAEA,SAASA,wBAAwB,QAAQ,iCAAiC;AAE1E,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,MAAMC,cAAc,GAAGD,KAAK,CAACE,SAAS,GAAI,eAAcF,KAAK,CAACE,SAAU,GAAE,GAAG,EAAE;EAC/E,MAAMC,gBAAgB,GAAGH,KAAK,CAACI,WAAW,GAAI,iBAAgBJ,KAAK,CAACI,WAAY,GAAE,GAAG,EAAE;EAEvF,OAAQ;AACV,sBAAsBJ,KAAK,CAACK,aAAc;AAC1C,MAAMJ,cAAe;AACrB,0BAA0BD,KAAK,CAACM,gBAAgB,IAAI,KAAM;AAC1D,MAAMH,gBAAiB;AACvB;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;EACrC,OAAOV,wBAAwB;AACjC,CAAC;AAED,OAAO,MAAMW,0BAA0B,GAAGA,CAACC,UAA0B,EAAEC,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACd,gBAAgB,CAACe,QAAQ,CAACC,OAAO,EAAE,CAAC,EAAE;IACzGL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,gBAAgB,CAAE,yBAAwBC,IAAI,CAACC,SAAS,CAACP,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAED,OAAO,MAAMQ,oBAAoB,GAAGA,CAACT,UAA0B,EAAEU,KAAa,KAAK;EACjFV,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,gBAAgB,CAAE,uCAAsCI,KAAM,IAAG,CAAC;AAChF,CAAC"}
+{"version":3,"names":["DISPATCH_REQUEST_REFRESH","WebComponentType","getActivityParams","props","accountIdParam","accountId","queryFilterParam","queryFilter","paginationTypeParam","paginationType","transactionsPerPageParam","transactionsPerPage","customerToken","hideFilterButton","hideBackToTop","hideTitle","getActivityScript","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","activity","valueOf","injectJavaScript","JSON","stringify","injectFiltersChanged","query"],"sourceRoot":"../../../../src","sources":["components/UNActivityComponent/UNActivityComponent.utils.ts"],"mappings":"AAEA,SAASA,wBAAwB,QAAQ,iCAAiC;AAE1E,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,MAAMC,cAAc,GAAGD,KAAK,CAACE,SAAS,GAAI,eAAcF,KAAK,CAACE,SAAU,GAAE,GAAG,EAAE;EAC/E,MAAMC,gBAAgB,GAAGH,KAAK,CAACI,WAAW,GAAI,iBAAgBJ,KAAK,CAACI,WAAY,GAAE,GAAG,EAAE;EACvF,MAAMC,mBAAmB,GAAGL,KAAK,CAACM,cAAc,GAAI,oBAAmBN,KAAK,CAACM,cAAe,GAAE,GAAG,EAAE;EACnG,MAAMC,wBAAwB,GAAGP,KAAK,CAACQ,mBAAmB,GAAI,0BAAyBR,KAAK,CAACQ,mBAAoB,GAAE,GAAG,EAAE;EACxH,OAAQ;AACV,sBAAsBR,KAAK,CAACS,aAAc;AAC1C,MAAMR,cAAe;AACrB,0BAA0BD,KAAK,CAACU,gBAAgB,IAAI,KAAM;AAC1D,wBAAwBV,KAAK,CAACW,aAAa,IAAI,KAAM;AACrD,kBAAkBX,KAAK,CAACY,SAAS,IAAI,KAAM;AAC3C,MAAMT,gBAAiB;AACvB,MAAME,mBAAoB;AAC1B,MAAME,wBAAyB;AAC/B;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;EACrC,OAAOhB,wBAAwB;AACjC,CAAC;AAED,OAAO,MAAMiB,0BAA0B,GAAGA,CAACC,UAA0B,EAAEC,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACpB,gBAAgB,CAACqB,QAAQ,CAACC,OAAO,CAAC,CAAC,CAAC,EAAE;IACzGL,UAAU,EAAEM,gBAAgB,CAAE,yBAAwBC,IAAI,CAACC,SAAS,CAACP,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAED,OAAO,MAAMQ,oBAAoB,GAAGA,CAACT,UAA0B,EAAEU,KAAa,KAAK;EACjFV,UAAU,EAAEM,gBAAgB,CAAE,uCAAsCI,KAAM,IAAG,CAAC;AAChF,CAAC"}

package/lib/module/components/UNActivityComponent/index.js

@@ -1,2 +1,2 @@
-export { default as UNActivityComponent, UNActivityComponentProps } from './UNActivityComponent';
+export { default as UNActivityComponent, UNActivityComponentProps, UNActivityRef } from './UNActivityComponent';
 //# sourceMappingURL=index.js.map

package/lib/module/components/UNActivityComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","UNActivityComponent","UNActivityComponentProps"],"sources":["index.ts"],"sourcesContent":["export { default as UNActivityComponent, UNActivityComponentProps } from './UNActivityComponent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,mBAAmB,EAAEC,wBAAwB,QAAQ,uBAAuB"}
+{"version":3,"names":["default","UNActivityComponent","UNActivityComponentProps","UNActivityRef"],"sourceRoot":"../../../../src","sources":["components/UNActivityComponent/index.ts"],"mappings":"AAAA,SAASA,OAAO,IAAIC,mBAAmB,EAAEC,wBAAwB,EAAEC,aAAa,QAAQ,uBAAuB"}

package/lib/module/components/UNBookPaymentComponent/UNBookPaymentComponent.js

@@ -30,6 +30,16 @@ const UNBookPaymentComponent = props => {
   const handleWebViewMessage = message => {
     if (!message || !message.details) return;
     switch (message.type) {
+      case PaymentMessage.INITIAL_STAGE_BACK_BUTTON_CLICKED:
+        {
+          props.onInitialStageBackButtonClicked && props.onInitialStageBackButtonClicked();
+          break;
+        }
+      case PaymentMessage.FINAL_STAGE_DONE_BUTTON_CLICKED:
+        {
+          props.onFinalStageDoneButtonClicked && props.onFinalStageDoneButtonClicked();
+          break;
+        }
       case PaymentMessage.PAYMENT_CREATED:
         props.onPaymentCreated && props.onPaymentCreated(message.details.data);
         break;

package/lib/module/components/UNBookPaymentComponent/UNBookPaymentComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","WebComponent","getBookPaymentParams","getBookPaymentScript","PageMessage","View","UnitMessage","PaymentMessage","RESPONSE_KEYS","PresentationMode","WebComponentType","withReduxStore","UNBookPaymentComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","handleUnitOnLoad","response","onLoad","errors","account","console","error","handleWebViewMessage","message","details","type","PAYMENT_CREATED","onPaymentCreated","data","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","createElement","bookPayment","params","script","onMessage","isScrollable","theme","language","style"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent } from '../../webComponent/WebComponent';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNOnLoadResponse, UNBookPaymentData, UNError, UNAccountData, UNOnLoadResponseData } from '../../types/shared';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { BookPaymentEvent } from '../../messages/webMessages/bookPaymentMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\nimport { withReduxStore } from '../../helpers/store/helpers';\n\nexport interface UNBookPaymentComponentProps {\n  //inputs\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n\n  // ui\n  theme?: string;\n  language?: string;\n  isAutoFocus?: boolean;\n\n  // events\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n  onLoad?: (response: UNOnLoadResponse<UNAccountData>) => void;\n}\n\nconst UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\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) {\n      // AccountOnLoadResponse;\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  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED:\n        props.onPaymentCreated && props.onPaymentCreated((message.details as BookPaymentEvent).data);\n        break;\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 renderBookPaymentWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.bookPayment}\n        presentationMode={presentationMode}\n        params={getBookPaymentParams(props)}\n        script={getBookPaymentScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n        language={props.language}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderBookPaymentWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderBookPaymentWebView()}\n    </View>\n  );\n};\n\nexport default withReduxStore<UNBookPaymentComponentProps>(UNBookPaymentComponent);\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","WebComponent","getBookPaymentParams","getBookPaymentScript","PageMessage","View","UnitMessage","PaymentMessage","RESPONSE_KEYS","PresentationMode","WebComponentType","withReduxStore","UNBookPaymentComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","handleUnitOnLoad","response","onLoad","errors","account","console","error","handleWebViewMessage","message","details","type","INITIAL_STAGE_BACK_BUTTON_CLICKED","onInitialStageBackButtonClicked","FINAL_STAGE_DONE_BUTTON_CLICKED","onFinalStageDoneButtonClicked","PAYMENT_CREATED","onPaymentCreated","data","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","createElement","bookPayment","params","script","onMessage","isScrollable","theme","language","style"],"sourceRoot":"../../../../src","sources":["components/UNBookPaymentComponent/UNBookPaymentComponent.tsx"],"mappings":"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"}

package/lib/module/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js

@@ -1,13 +1,18 @@
 import { LISTENERS } from './../../scripts/html/bodyScript';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 export const getBookPaymentParams = props => {
+  const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';
+  const counterpartyAccountIdParam = props.counterPartyAccountId ? `counterparty-account-id="${props.counterPartyAccountId}"` : '';
+  const counterpartyNameParam = props.counterPartyName ? `counterparty-name="${props.counterPartyName}"` : '';
   return `
-    account-id="${props.accountId}"
+    ${accountIdParam}
     customer-token="${props.customerToken}"
-    is-same-customer="${props.isSameCustomer}"
-    counterparty-account-id="${props.counterPartyAccountId}"
-    counterparty-name="${props.counterPartyName}"
+    is-same-customer="${props.isSameCustomer || false}"
+    ${counterpartyAccountIdParam}
+    ${counterpartyNameParam}
     is-auto-focus="${props.isAutoFocus || false}"
+    initial-stage-back-button="${props.initialStageBackButton ?? false}"
+    final-stage-done-button="${props.finalStageDoneButton ?? false}"
     style="height: 100%"
   `;
 };
@@ -23,6 +28,8 @@ export const getBookPaymentScript = () => {
     });
 
     ${LISTENERS.requestRefresh}
+    ${LISTENERS.unitPaymentInitialStageBackButtonClicked}
+    ${LISTENERS.unitPaymentFinalStageDoneButtonClicked}
   `;
 };
 //# sourceMappingURL=UNBookPaymentComponent.utils.js.map

package/lib/module/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["LISTENERS","PaymentMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","isAutoFocus","getBookPaymentScript","PAYMENT_CREATED","requestRefresh"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-same-customer=\"${props.isSameCustomer}\"\n    counterparty-account-id=\"${props.counterPartyAccountId}\"\n    counterparty-name=\"${props.counterPartyName}\"\n    is-auto-focus=\"${props.isAutoFocus || false}\"\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getBookPaymentScript = () => {\n  return `\n    window.addEventListener(\"${PaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${PaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n\n    ${LISTENERS.requestRefresh}\n  `;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,iCAAiC;AAG3D,SAASC,cAAc,QAAQ,4CAA4C;AAE3E,OAAO,MAAMC,oBAAoB,GAAIC,KAAkC,IAAK;EAC1E,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,wBAAwBF,KAAK,CAACG,cAAe;AAC7C,+BAA+BH,KAAK,CAACI,qBAAsB;AAC3D,yBAAyBJ,KAAK,CAACK,gBAAiB;AAChD,qBAAqBL,KAAK,CAACM,WAAW,IAAI,KAAM;AAChD;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAQ;AACV,+BAA+BT,cAAc,CAACU,eAAgB;AAC9D;AACA;AACA,sCAAsCV,cAAc,CAACU,eAAgB;AACrE;AACA;AACA;AACA;AACA;AACA,MAAMX,SAAS,CAACY,cAAe;AAC/B,GAAG;AACH,CAAC"}
+{"version":3,"names":["LISTENERS","PaymentMessage","getBookPaymentParams","props","accountIdParam","accountId","counterpartyAccountIdParam","counterPartyAccountId","counterpartyNameParam","counterPartyName","customerToken","isSameCustomer","isAutoFocus","initialStageBackButton","finalStageDoneButton","getBookPaymentScript","PAYMENT_CREATED","requestRefresh","unitPaymentInitialStageBackButtonClicked","unitPaymentFinalStageDoneButtonClicked"],"sourceRoot":"../../../../src","sources":["components/UNBookPaymentComponent/UNBookPaymentComponent.utils.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,iCAAiC;AAG3D,SAASC,cAAc,QAAQ,4CAA4C;AAE3E,OAAO,MAAMC,oBAAoB,GAAIC,KAAkC,IAAK;EAC1E,MAAMC,cAAc,GAAGD,KAAK,CAACE,SAAS,GAAI,eAAcF,KAAK,CAACE,SAAU,GAAE,GAAG,EAAE;EAC/E,MAAMC,0BAA0B,GAAGH,KAAK,CAACI,qBAAqB,GAAI,4BAA2BJ,KAAK,CAACI,qBAAsB,GAAE,GAAG,EAAE;EAChI,MAAMC,qBAAqB,GAAGL,KAAK,CAACM,gBAAgB,GAAI,sBAAqBN,KAAK,CAACM,gBAAiB,GAAE,GAAG,EAAE;EAC3G,OAAQ;AACV,MAAML,cAAe;AACrB,sBAAsBD,KAAK,CAACO,aAAc;AAC1C,wBAAwBP,KAAK,CAACQ,cAAc,IAAI,KAAM;AACtD,MAAML,0BAA2B;AACjC,MAAME,qBAAsB;AAC5B,qBAAqBL,KAAK,CAACS,WAAW,IAAI,KAAM;AAChD,iCAAiCT,KAAK,CAACU,sBAAsB,IAAI,KAAM;AACvE,+BAA+BV,KAAK,CAACW,oBAAoB,IAAI,KAAM;AACnE;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAQ;AACV,+BAA+Bd,cAAc,CAACe,eAAgB;AAC9D;AACA;AACA,sCAAsCf,cAAc,CAACe,eAAgB;AACrE;AACA;AACA;AACA;AACA;AACA,MAAMhB,SAAS,CAACiB,cAAe;AAC/B,MAAMjB,SAAS,CAACkB,wCAAyC;AACzD,MAAMlB,SAAS,CAACmB,sCAAuC;AACvD,GAAG;AACH,CAAC"}

package/lib/module/components/UNBookPaymentComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","UNBookPaymentComponent","UNBookPaymentComponentProps"],"sources":["index.ts"],"sourcesContent":["export { default as UNBookPaymentComponent, UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,EAAEC,2BAA2B,QAAQ,0BAA0B"}
+{"version":3,"names":["default","UNBookPaymentComponent","UNBookPaymentComponentProps"],"sourceRoot":"../../../../src","sources":["components/UNBookPaymentComponent/index.ts"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,EAAEC,2BAA2B,QAAQ,0BAA0B"}

package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js

@@ -1,2 +1,13 @@
-export const BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = 0.9;
+import { Dimensions, Platform, StatusBar } from 'react-native';
+export const BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE = 0.9;
+export const androidStatusBarHeight = StatusBar.currentHeight || 0;
+
+// For iOS - we are currently using hard coded height
+export const iosStatusBarHeight = Dimensions.get('window').height * 0.05;
+export const statusBarHeight = Platform.OS === 'android' ? androidStatusBarHeight : iosStatusBarHeight;
+// Android 10 and above - need to add status bar height to the window height to get the full screen height because Dimensions.get('window').height returns the height without the status bar
+// reference: https://github.com/facebook/react-native/issues/23693#issuecomment-1403560728
+export const isAndroid10AndAbove = Platform.OS === 'android' && Platform.Version >= 29;
+export const fullScreenHeight = isAndroid10AndAbove ? Dimensions.get('window').height + statusBarHeight : Dimensions.get('window').height;
+export const overFullScreenHeight = Dimensions.get('window').height * BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE;
 //# sourceMappingURL=UNBottomSheetComponent.constants.js.map

package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["BOTTOM_SHEET_MAX_PERCENTAGE_SIZE"],"sources":["UNBottomSheetComponent.constants.ts"],"sourcesContent":["export const BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = 0.9;\n"],"mappings":"AAAA,OAAO,MAAMA,gCAAgC,GAAG,GAAG"}
+{"version":3,"names":["Dimensions","Platform","StatusBar","BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE","androidStatusBarHeight","currentHeight","iosStatusBarHeight","get","height","statusBarHeight","OS","isAndroid10AndAbove","Version","fullScreenHeight","overFullScreenHeight"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.constants.ts"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAE9D,OAAO,MAAMC,4CAA4C,GAAG,GAAG;AAE/D,OAAO,MAAMC,sBAAsB,GAAGF,SAAS,CAACG,aAAa,IAAI,CAAC;;AAElE;AACA,OAAO,MAAMC,kBAAkB,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,IAAI;AAExE,OAAO,MAAMC,eAAe,GAAGR,QAAQ,CAACS,EAAE,KAAK,SAAS,GAAGN,sBAAsB,GAAGE,kBAAkB;AACtG;AACA;AACA,OAAO,MAAMK,mBAAmB,GAAGV,QAAQ,CAACS,EAAE,KAAK,SAAS,IAAIT,QAAQ,CAACW,OAAO,IAAI,EAAE;AAEtF,OAAO,MAAMC,gBAAgB,GAC3BF,mBAAmB,GACjBX,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAGC,eAAe,GAC/CT,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;AAErC,OAAO,MAAMM,oBAAoB,GAAGd,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAGL,4CAA4C"}