react-native-unit-components 1.8.1 → 1.10.0

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

@@ -1 +1 @@
-{"version":3,"names":["DISPATCH_PLAID_RESPONSE","LISTENERS","getACHDebitParams","props","accountId","customerToken","isAutoFocus","fee","getACHDebitScript","androidPackageName","unitPlaidTokenCreated","unitPaymentCreated","injectUnitPlaidResponse","currentWeb","success","successObj","data","publicToken","metadata","injectJavaScript","JSON","stringify"],"sources":["UNACHDebitComponent.utils.ts"],"sourcesContent":["import { DISPATCH_PLAID_RESPONSE, LISTENERS } from './../../scripts/html/bodyScript';\nimport type { UNACHDebitComponentProps } from './UNACHDebitComponent';\n\nimport type WebView from 'react-native-webview';\nimport type { LinkSuccess } from 'react-native-plaid-link-sdk';\n\nexport const getACHDebitParams = (props: UNACHDebitComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getACHDebitScript = (androidPackageName?: string) => {\n  return `\n    ${LISTENERS.unitPlaidTokenCreated}\n    ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}\n    ${LISTENERS.unitPaymentCreated}\n    ${DISPATCH_PLAID_RESPONSE}\n    `;\n};\n\nexport const injectUnitPlaidResponse = (currentWeb: WebView | null, success: LinkSuccess) => {\n  const successObj = {data: { publicToken: success.publicToken, metadata: success.metadata}};\n  currentWeb?.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iCAAiC;AAMpF,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,qBAAqBF,KAAK,CAACG,WAAW,IAAI,KAAM;AAChD,MAAMH,KAAK,CAACI,GAAG,GAAI,QAAOJ,KAAK,CAACI,GAAI,GAAE,GAAG,EAAG;AAC5C;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIC,kBAA2B,IAAK;EAChE,OAAQ;AACV,MAAMR,SAAS,CAACS,qBAAsB;AACtC,MAAMD,kBAAkB,IAAK,kDAAiDA,kBAAmB,GAAG;AACpG,MAAMR,SAAS,CAACU,kBAAmB;AACnC,MAAMX,uBAAwB;AAC9B,KAAK;AACL,CAAC;AAED,OAAO,MAAMY,uBAAuB,GAAGA,CAACC,UAA0B,EAAEC,OAAoB,KAAK;EAC3F,MAAMC,UAAU,GAAG;IAACC,IAAI,EAAE;MAAEC,WAAW,EAAEH,OAAO,CAACG,WAAW;MAAEC,QAAQ,EAAEJ,OAAO,CAACI;IAAQ;EAAC,CAAC;EAC1FL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,gBAAgB,CAAE,sBAAqBC,IAAI,CAACC,SAAS,CAACN,UAAU,CAAE,GAAE,CAAC;AACnF,CAAC"}
+{"version":3,"names":["DISPATCH_PLAID_RESPONSE","LISTENERS","getACHDebitParams","props","accountId","customerToken","isAutoFocus","fee","sameDay","getACHDebitScript","androidPackageName","unitPlaidTokenCreated","unitPaymentCreated","injectUnitPlaidResponse","currentWeb","success","successObj","data","publicToken","metadata","injectJavaScript","JSON","stringify"],"sources":["UNACHDebitComponent.utils.ts"],"sourcesContent":["import { DISPATCH_PLAID_RESPONSE, LISTENERS } from './../../scripts/html/bodyScript';\nimport type { UNACHDebitComponentProps } from './UNACHDebitComponent';\n\nimport type WebView from 'react-native-webview';\nimport type { LinkSuccess } from 'react-native-plaid-link-sdk';\n\nexport const getACHDebitParams = (props: UNACHDebitComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n    same-day=\"${props.sameDay ?? false}\"\n  `;\n};\n\nexport const getACHDebitScript = (androidPackageName?: string) => {\n  return `\n    ${LISTENERS.unitPlaidTokenCreated}\n    ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}\n    ${LISTENERS.unitPaymentCreated}\n    ${DISPATCH_PLAID_RESPONSE}\n    `;\n};\n\nexport const injectUnitPlaidResponse = (currentWeb: WebView | null, success: LinkSuccess) => {\n  const successObj = {data: { publicToken: success.publicToken, metadata: success.metadata}};\n  currentWeb?.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iCAAiC;AAMpF,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,qBAAqBF,KAAK,CAACG,WAAW,IAAI,KAAM;AAChD,MAAMH,KAAK,CAACI,GAAG,GAAI,QAAOJ,KAAK,CAACI,GAAI,GAAE,GAAG,EAAG;AAC5C;AACA,gBAAgBJ,KAAK,CAACK,OAAO,IAAI,KAAM;AACvC,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIC,kBAA2B,IAAK;EAChE,OAAQ;AACV,MAAMT,SAAS,CAACU,qBAAsB;AACtC,MAAMD,kBAAkB,IAAK,kDAAiDA,kBAAmB,GAAG;AACpG,MAAMT,SAAS,CAACW,kBAAmB;AACnC,MAAMZ,uBAAwB;AAC9B,KAAK;AACL,CAAC;AAED,OAAO,MAAMa,uBAAuB,GAAGA,CAACC,UAA0B,EAAEC,OAAoB,KAAK;EAC3F,MAAMC,UAAU,GAAG;IAACC,IAAI,EAAE;MAAEC,WAAW,EAAEH,OAAO,CAACG,WAAW;MAAEC,QAAQ,EAAEJ,OAAO,CAACI;IAAQ;EAAC,CAAC;EAC1FL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,gBAAgB,CAAE,sBAAqBC,IAAI,CAACC,SAAS,CAACN,UAAU,CAAE,GAAE,CAAC;AACnF,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as UNACHDebitComponent, UNACHDebitComponentProps } from './UNACHDebitComponent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","UNACHDebitComponent","UNACHDebitComponentProps"],"sources":["index.ts"],"sourcesContent":["export { default as UNACHDebitComponent, UNACHDebitComponentProps } from './UNACHDebitComponent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,mBAAmB,EAAEC,wBAAwB,QAAQ,uBAAuB"}

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

@@ -2,21 +2,24 @@ import React, { useEffect, 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 { 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';
-export let AccountAction;
-(function (AccountAction) {
-  AccountAction["List"] = "account-list";
-  AccountAction["Menu"] = "account-menu";
-})(AccountAction || (AccountAction = {}));
-export const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccountComponent(props, accountRef) {
+import { withReduxStoreAndRefForwarding } from '../../helpers/store/helpers';
+import { useDispatch } from 'react-redux';
+import { setEvent } from '../../slices/SharedEventsSlice';
+import { useListenerToEvent } from '../../hooks/useListenerToEvent';
+export let UNAccountAction;
+(function (UNAccountAction) {
+  UNAccountAction["List"] = "account-list";
+  UNAccountAction["Menu"] = "account-menu";
+})(UNAccountAction || (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);
@@ -42,11 +45,11 @@ export const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccou
     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
   });
@@ -73,11 +76,14 @@ export const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccou
             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.START_FLOW,
+            data
+          }));
           break;
         }
       case PageMessage.PAGE_HEIGHT:
@@ -102,4 +108,5 @@ export const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccou
     isScrollable: false
   }));
 });
+export default withReduxStoreAndRefForwarding(UNAccountComponent);
 //# sourceMappingURL=UNAccountComponent.js.map

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","AccountAction","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';\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 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\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"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useImperativeHandle","useRef","useState","View","PageMessage","UnitMessage","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","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","Slot","key","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 { WebComponent } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport {\n  getAccountParams,\n  getAccountScript,\n  injectOpenActionsMenuScript,\n  injectRefreshEventIfNeeded,\n  injectRequestAccountActionScript,\n} from './UNAccountComponent.utils';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';\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 {\n  BottomSheetRenderingType,\n  SlotRendering,\n  type BottomSheetSlotData,\n} 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';\nimport { useDispatch } from 'react-redux';\nimport { setEvent } from '../../slices/SharedEventsSlice';\nimport { useListenerToEvent } from '../../hooks/useListenerToEvent';\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\n  const dispatch = useDispatch();\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  useListenerToEvent({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToEvent({ 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 data = {\n          type: BottomSheetRenderingType.Slot,\n          data: slotData,\n        } as SlotRendering;\n\n        dispatch(setEvent({ key: BottomSheetNativeMessage.START_FLOW, data }));\n        \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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"}

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

@@ -1,4 +1,4 @@
-import { AccountAction } from './UNAccountComponent';
+import { UNAccountAction } from './UNAccountComponent';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { WebComponentType } from '../../types/internal/webComponent.types';
 export const getAccountParams = props => {
@@ -30,6 +30,6 @@ export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
   }
 };
 export const getAccountActionType = requestRendering => {
-  return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;
+  return requestRendering.data.nativeComponent.includes(UNAccountAction.List) ? UNAccountAction.List : UNAccountAction.Menu;
 };
 //# sourceMappingURL=UNAccountComponent.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["AccountAction","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 { AccountAction, 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(AccountAction.List) ? AccountAction.List : AccountAction.Menu;\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAiC,sBAAsB;AAC7E,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,aAAa,CAAC6B,IAAI,CAAC,GAAG7B,aAAa,CAAC6B,IAAI,GAAG7B,aAAa,CAAC8B,IAAI;AACrH,CAAC"}
+{"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"}

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

@@ -0,0 +1,2 @@
+export { default as UNAccountComponent, UNAccountComponentProps, UNAccountRef } from './UNAccountComponent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -1,18 +1,21 @@
 import React, { useRef, useState } from 'react';
 import { Dimensions, View } from 'react-native';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { useListenerToBus } from '../../hooks/listenerToBus';
 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 { setEvent } from '../../slices/SharedEventsSlice';
+import { useDispatch } from 'react-redux';
+import { useListenerToEvent } from '../../hooks/useListenerToEvent';
 const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
-export const UNActivityComponent = props => {
+const UNActivityComponent = props => {
+  const dispatch = useDispatch();
   const webRef = useRef(null);
   const [defaultHeight, setDefaultHeight] = useState();
   const requestRefresh = data => {
@@ -21,11 +24,11 @@ export const UNActivityComponent = props => {
   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
   });
@@ -37,11 +40,11 @@ export 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
         }
       };
@@ -60,11 +63,14 @@ export 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.START_FLOW,
+            data
+          }));
           break;
         }
       case UnitMessage.UNIT_ON_LOAD:
@@ -100,4 +106,5 @@ export const UNActivityComponent = props => {
     }
   }, renderActivityWebView());
 };
+export default withReduxStore(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","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';\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\nexport const 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"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","Dimensions","View","UnitMessage","PageMessage","WebComponent","getActivityParams","getActivityScript","injectFiltersChanged","injectRefreshEventIfNeeded","RESPONSE_KEYS","ActivityMessage","BottomSheetRenderingType","PresentationMode","WebComponentType","BottomSheetNativeMessage","withReduxStore","setEvent","useDispatch","useListenerToEvent","DEFAULT_HEIGHT","get","height","UNActivityComponent","props","dispatch","webRef","defaultHeight","setDefaultHeight","requestRefresh","data","current","dispatchActivityFiltersChanged","query","busEventKey","UNIT_REQUEST_REFRESH","action","UNIT_ACTIVITY_FILTERS_CHANGED","handleUnitOnLoad","response","onLoad","errors","authorizations","transactions","activityOnLoad","console","error","handleWebViewMessage","message","type","UNIT_REQUEST_RENDERING","slotData","componentName","activity","componentResourceId","accountId","requestRenderingEvent","details","Slot","key","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 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 {\n  getActivityParams,\n  getActivityScript,\n  injectFiltersChanged,\n  injectRefreshEventIfNeeded,\n} from './UNActivityComponent.utils';\nimport type WebView from 'react-native-webview';\nimport type { UNActivityOnLoadData } from '../../types/shared/activity.types';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { ActivityMessage } from '../../messages/webMessages/activityMessage';\nimport {\n  BottomSheetRenderingType,\n  type BottomSheetSlotData,\n  type SlotRendering,\n} 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';\nimport { setEvent } from '../../slices/SharedEventsSlice';\nimport { useDispatch } from 'react-redux';\nimport { useListenerToEvent } from '../../hooks/useListenerToEvent';\nimport type { UNActivityComponentPaginationType } from '../../types/shared';\n\nconst DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;\n\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  paginationType?: UNActivityComponentPaginationType;\n  transactionsPerPage?: number;\n  // event\n  onLoad?: (response: UNOnLoadResponse<UNActivityOnLoadData>) => void;\n}\n\nconst UNActivityComponent = (props: UNActivityComponentProps) => {\n  const dispatch = useDispatch();\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  useListenerToEvent({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToEvent({\n    busEventKey: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,\n    action: dispatchActivityFiltersChanged,\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.authorizations in response && RESPONSE_KEYS.transactions in response) {\n      // ActivityOnLoadResponse;\n      const activityOnLoad: UNOnLoadResponseData<UNActivityOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.authorizations]: response[RESPONSE_KEYS.authorizations].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 data = {\n          type: BottomSheetRenderingType.Slot,\n          data: slotData,\n        } as SlotRendering;\n\n        dispatch(setEvent({ key: BottomSheetNativeMessage.START_FLOW, data }));\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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"}

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

@@ -3,11 +3,15 @@ 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}"
     ${queryFilterParam}
+    ${paginationTypeParam}
+    ${transactionsPerPageParam}
     style="height: 100%"
   `;
 };

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","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  const paginationTypeParam = props.paginationType ? `pagination-type=\"${props.paginationType}\"` : '';\n  const transactionsPerPageParam = props.transactionsPerPage ? `transactions-per-page=\"${props.transactionsPerPage}\"` : '';\n  return `\n    customer-token=\"${props.customerToken}\"\n    ${accountIdParam}\n    hide-filter-button=\"${props.hideFilterButton || false}\"\n    ${queryFilterParam}\n    ${paginationTypeParam}\n    ${transactionsPerPageParam}\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;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,MAAMP,gBAAiB;AACvB,MAAME,mBAAoB;AAC1B,MAAME,wBAAyB;AAC/B;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAM;EACrC,OAAOd,wBAAwB;AACjC,CAAC;AAED,OAAO,MAAMe,0BAA0B,GAAGA,CAACC,UAA0B,EAAEC,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAAClB,gBAAgB,CAACmB,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"}

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

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

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

@@ -0,0 +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"}

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

@@ -7,7 +7,8 @@ import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
-export const UNBookPaymentComponent = props => {
+import { withReduxStore } from '../../helpers/store/helpers';
+const UNBookPaymentComponent = props => {
   const [height, setHeight] = useState(0);
   const [presentationMode, setPresentationMode] = useState(PresentationMode.Inherit);
   const handleUnitOnLoad = response => {
@@ -67,4 +68,5 @@ export const UNBookPaymentComponent = props => {
     }
   }, renderBookPaymentWebView());
 };
+export default withReduxStore(UNBookPaymentComponent);
 //# sourceMappingURL=UNBookPaymentComponent.js.map

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","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';\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\nexport const 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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,oBAAoB,EAAEC,oBAAoB,QAAQ,gCAAgC;AAG3F,SAAsBC,WAAW,QAAQ,wCAAwC;AACjF,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,yCAAyC;AACrE,SAASC,cAAc,QAAQ,4CAA4C;AAE3E,SAASC,aAAa,QAAiC,0CAA0C;AACjG,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,yCAAyC;AAoB5F,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC5E,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGd,QAAQ,CAAS,CAAC,CAAC;EAC/C,MAAM,CAACe,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CAAmBS,gBAAgB,CAACQ,OAAO,CAAC;EAEpG,MAAMC,gBAAgB,GAAIC,QAAiC,IAAK;IAC9D,IAAI,CAACP,KAAK,CAACQ,MAAM,EAAE;MACjB;IACF;IAEA,IAAIZ,aAAa,CAACa,MAAM,IAAIF,QAAQ,EAAE;MACpCP,KAAK,CAACQ,MAAM,CAACD,QAAQ,CAAY;MACjC;IACF;IAEA,IAAIX,aAAa,CAACc,OAAO,IAAIH,QAAQ,EAAE;MACrC;MACAP,KAAK,CAACQ,MAAM,CAACD,QAAQ,CAACX,aAAa,CAACc,OAAO,CAAC,CAAwC;MACpF;IACF;IAEAC,OAAO,CAACC,KAAK,CAAC,yCAAyC,CAAC;IACxD;EACF,CAAC;EAED,MAAMC,oBAAoB,GAAIC,OAAuB,IAAK;IACxD,IAAI,CAACA,OAAO,IAAI,CAACA,OAAO,CAACC,OAAO,EAAE;IAElC,QAAQD,OAAO,CAACE,IAAI;MAClB,KAAKrB,cAAc,CAACsB,eAAe;QACjCjB,KAAK,CAACkB,gBAAgB,IAAIlB,KAAK,CAACkB,gBAAgB,CAAEJ,OAAO,CAACC,OAAO,CAAsBI,IAAI,CAAC;QAC5F;MACF,KAAKzB,WAAW,CAAC0B,YAAY;QAC3Bd,gBAAgB,CAACQ,OAAO,CAACC,OAAO,CAA4B;QAC5D;MACF,KAAKvB,WAAW,CAAC6B,WAAW;QAAE;UAC5B,MAAMC,aAAa,GAAIR,OAAO,CAACC,OAAO,CAAiBd,MAAM;UAC7DC,SAAS,CAACoB,aAAa,CAAC;UACxB,IAAInB,gBAAgB,KAAKN,gBAAgB,CAACQ,OAAO,IAAIiB,aAAa,KAAK,CAAC,EAAE;YACxElB,mBAAmB,CAACP,gBAAgB,CAAC0B,OAAO,CAAC;UAC/C;UACA;QACF;IAAC;EAEL,CAAC;EAED,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;IACrC,oBACErC,KAAA,CAAAsC,aAAA,CAACpC,YAAY;MACX2B,IAAI,EAAElB,gBAAgB,CAAC4B,WAAY;MACnCvB,gBAAgB,EAAEA,gBAAiB;MACnCwB,MAAM,EAAErC,oBAAoB,CAACU,KAAK,CAAE;MACpC4B,MAAM,EAAErC,oBAAoB,EAAG;MAC/BsC,SAAS,EAAGf,OAAuB,IAAKD,oBAAoB,CAACC,OAAO,CAAE;MACtEgB,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAE/B,KAAK,CAAC+B,KAAM;MACnBC,QAAQ,EAAEhC,KAAK,CAACgC;IAAS,EACzB;EAEN,CAAC;EAED,IAAI7B,gBAAgB,KAAKN,gBAAgB,CAACQ,OAAO,EAAE;IACjD,OAAOmB,wBAAwB,EAAE;EACnC;EAEA,oBACErC,KAAA,CAAAsC,aAAA,CAAChC,IAAI;IAACwC,KAAK,EAAE;MAAEhC,MAAM,EAAEA;IAAO;EAAE,GAC7BuB,wBAAwB,EAAE,CACtB;AAEX,CAAC"}
+{"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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"}

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

@@ -0,0 +1,2 @@
+export { default as UNBookPaymentComponent, UNBookPaymentComponentProps } from './UNBookPaymentComponent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -3,23 +3,25 @@ import React, { useEffect, useRef, useState } from 'react';
 import { WebComponent } from '../../webComponent/WebComponent';
 import { Dimensions, Linking, View } from 'react-native';
 import BottomSheet from '../../helpers/BottomSheet/BottomSheet';
-import EventBus from '../../helpers/EventBus';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { CardMessage } from '../../messages/webMessages/cardMessage';
-import { useListenerToBus } from '../../hooks/listenerToBus';
 import { extractCardIdFromComponentParams, getBottomSheetScript, injectHtmlFullScreenHeight, isAddToWalletByComponentParams, isAddToWalletFromRequestRendering, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';
 import { getStylesObject } from './UNBottomSheetComponent.styles';
 import { useAppStateListener } from '../../hooks/useAppStateListener';
 import { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';
 import { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';
-import { AccountAction } from '../UNAccountComponent/UNAccountComponent';
+import { UNAccountAction } from '../UNAccountComponent/UNAccountComponent';
 import { AccountMessage } from '../../messages/webMessages/accountMessage';
 import { ActivityMessage } from '../../messages/webMessages/activityMessage';
 import { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';
 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 { useListenerToEvent } from '../../hooks/useListenerToEvent';
+import { setEvent } from '../../slices/SharedEventsSlice';
+import { useDispatch } from 'react-redux';
 export let ScrollState;
 (function (ScrollState) {
   ScrollState["onTop"] = "onTop";
@@ -27,7 +29,8 @@ export let ScrollState;
   ScrollState["onlyWebView"] = "webViewScroll";
   ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
 })(ScrollState || (ScrollState = {}));
-export const UNBottomSheetComponent = () => {
+const UNBottomSheetComponent = () => {
+  const dispatch = useDispatch();
   const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);
   const [height, setHeight] = useState(0);
   const fullScreenHeight = Dimensions.get('window').height * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;
@@ -102,11 +105,11 @@ export const UNBottomSheetComponent = () => {
       setNewHeight(newHeightMessage);
     }
   }, [shouldShowComponent, newHeightMessage, isAddToWallet]);
-  useListenerToBus({
+  useListenerToEvent({
     busEventKey: BottomSheetNativeMessage.START_FLOW,
     action: startFlow
   });
-  useListenerToBus({
+  useListenerToEvent({
     busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
     action: handleCloseFlow
   });
@@ -117,7 +120,7 @@ export const UNBottomSheetComponent = () => {
         case WebComponentType.account:
           {
             const accountActionType = getAccountActionType(bottomSheetSlotData.requestRenderingEvent);
-            setScrollState(accountActionType === AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
+            setScrollState(accountActionType === UNAccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
             break;
           }
         case WebComponentType.card:
@@ -205,16 +208,28 @@ export const UNBottomSheetComponent = () => {
           break;
         }
       case CardMessage.CARD_ACTIVATED:
-        EventBus.Instance.event(CardMessage.CARD_ACTIVATED, message.details.card);
+        dispatch(setEvent({
+          key: CardMessage.CARD_ACTIVATED,
+          data: message.details.card
+        }));
         break;
       case CardMessage.CARD_STATUS_CHANGED:
-        EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, message.details.card);
+        dispatch(setEvent({
+          key: CardMessage.CARD_STATUS_CHANGED,
+          data: message.details.card
+        }));
         break;
       case AccountMessage.UNIT_ACCOUNT_CHANGED:
-        EventBus.Instance.event(AccountMessage.UNIT_ACCOUNT_CHANGED, message.details.account);
+        dispatch(setEvent({
+          key: AccountMessage.UNIT_ACCOUNT_CHANGED,
+          data: message.details.account
+        }));
         break;
       case ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED:
-        EventBus.Instance.event(ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED, message.details);
+        dispatch(setEvent({
+          key: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
+          data: message.details
+        }));
         break;
       case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
         handleCloseFlow();
@@ -279,7 +294,7 @@ export const UNBottomSheetComponent = () => {
         return null;
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, {
     pointerEvents: isBottomSheetActive ? undefined : 'none',
     style: styles.container
   }, /*#__PURE__*/React.createElement(BottomSheet, {
@@ -289,6 +304,7 @@ export const UNBottomSheetComponent = () => {
     onOpen: () => setIsBottomSheetActive(true),
     handleWebViewScroll: () => handleWebViewScroll(),
     shouldEnableBottomSheetScroll: scrollState !== ScrollState.onlyWebView
-  }, isAppActive && renderBottomSheetItem())));
+  }, isAppActive && renderBottomSheetItem()));
 };
+export default withReduxStore(UNBottomSheetComponent);
 //# sourceMappingURL=UNBottomSheetComponent.js.map