react-native-unit-components 1.5.0 → 1.7.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","WebComponent","WebComponentType","PresentationMode","PageMessage","View","UnitMessage","getACHCreditParams","getACHCreditScript","PaymentMessage","RESPONSE_KEYS","UNACHCreditComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","handleUnitOnLoad","response","onLoad","errors","account","counterpartyAccount","achOnload","data","console","error","handleWebViewMessage","message","details","type","PAYMENT_CREATED","achCreditEvent","onPaymentCreated","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","renderACHCreditWebView","createElement","achCreditPayment","params","script","onMessage","isScrollable","theme","language","style"],"sources":["UNACHCreditComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNOnLoadResponse, UNACHData, UNACHOnLoadData, UNError, UNOnLoadResponseData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getACHCreditParams, getACHCreditScript } from './UNACHCreditComponent.utils';\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { ACHEvent } from '../../messages/webMessages/achCreditMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\n\nexport interface UNACHCreditComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n  language?: string;\n  isAutoFocus?: boolean;\n  fee?: number;\n  onPaymentCreated?: (data: UNACHData) => void;\n  onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;\n}\n\nexport const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response && RESPONSE_KEYS.counterpartyAccount in response) {\n      // ACHOnLoadResponse;\n      const achOnload: UNOnLoadResponseData<UNACHOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.account]: response[RESPONSE_KEYS.account].data,\n          [RESPONSE_KEYS.counterpartyAccount]: response[RESPONSE_KEYS.counterpartyAccount].data,\n        }\n      };\n      props.onLoad(achOnload);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED: {\n        const achCreditEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achCreditEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n    }\n  };\n\n  const renderACHCreditWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.achCreditPayment}\n        presentationMode={presentationMode}\n        params={getACHCreditParams(props)}\n        script={getACHCreditScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n        language={props.language}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderACHCreditWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderACHCreditWebView()}\n    </View>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,iCAAiC;AAChF,SAASC,gBAAgB,QAAQ,6BAA6B;AAG9D,SAAsBC,WAAW,QAAQ,wCAAwC;AACjF,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,yCAAyC;AACrE,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,8BAA8B;AACrF,SAASC,cAAc,QAAQ,4CAA4C;AAE3E,SAASC,aAAa,QAAiC,0CAA0C;AAajG,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACxE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGd,QAAQ,CAAS,CAAC,CAAC;EAC/C,MAAM,CAACe,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CAAmBG,gBAAgB,CAACc,OAAO,CAAC;EAEpG,MAAMC,gBAAgB,GAAIC,QAAiC,IAAK;IAC9D,IAAI,CAACP,KAAK,CAACQ,MAAM,EAAE;MACjB;IACF;IAEA,IAAIV,aAAa,CAACW,MAAM,IAAIF,QAAQ,EAAE;MACpCP,KAAK,CAACQ,MAAM,CAACD,QAAQ,CAAY;MACjC;IACF;IAEA,IAAIT,aAAa,CAACY,OAAO,IAAIH,QAAQ,IAAIT,aAAa,CAACa,mBAAmB,IAAIJ,QAAQ,EAAE;MACtF;MACA,MAAMK,SAAgD,GAAG;QACvDC,IAAI,EAAE;UACJ,CAACf,aAAa,CAACY,OAAO,GAAGH,QAAQ,CAACT,aAAa,CAACY,OAAO,CAAC,CAACG,IAAI;UAC7D,CAACf,aAAa,CAACa,mBAAmB,GAAGJ,QAAQ,CAACT,aAAa,CAACa,mBAAmB,CAAC,CAACE;QACnF;MACF,CAAC;MACDb,KAAK,CAACQ,MAAM,CAACI,SAAS,CAAC;MACvB;IACF;IAEAE,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,KAAKtB,cAAc,CAACuB,eAAe;QAAE;UACnC,MAAMC,cAAc,GAAGJ,OAAO,CAACC,OAAmB;UAClDlB,KAAK,CAACsB,gBAAgB,IAAItB,KAAK,CAACsB,gBAAgB,CAACD,cAAc,CAACR,IAAI,CAAc;UAClF;QACF;MACA,KAAKnB,WAAW,CAAC6B,YAAY;QAC3BjB,gBAAgB,CAACW,OAAO,CAACC,OAAO,CAA4B;QAC5D;MACF,KAAK1B,WAAW,CAACgC,WAAW;QAAE;UAC5B,MAAMC,aAAa,GAAIR,OAAO,CAACC,OAAO,CAAiBjB,MAAM;UAC7DC,SAAS,CAACuB,aAAa,CAAC;UACxB,IAAItB,gBAAgB,KAAKZ,gBAAgB,CAACc,OAAO,IAAIoB,aAAa,KAAK,CAAC,EAAE;YACxErB,mBAAmB,CAACb,gBAAgB,CAACmC,OAAO,CAAC;UAC/C;UACA;QACF;IAAC;EAEL,CAAC;EAED,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACnC,oBACExC,KAAA,CAAAyC,aAAA,CAACvC,YAAY;MACX8B,IAAI,EAAE7B,gBAAgB,CAACuC,gBAAiB;MACxC1B,gBAAgB,EAAEA,gBAAiB;MACnC2B,MAAM,EAAEnC,kBAAkB,CAACK,KAAK,CAAE;MAClC+B,MAAM,EAAEnC,kBAAkB,EAAG;MAC7BoC,SAAS,EAAGf,OAAuB,IAAKD,oBAAoB,CAACC,OAAO,CAAE;MACtEgB,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAElC,KAAK,CAACkC,KAAM;MACnBC,QAAQ,EAAEnC,KAAK,CAACmC;IAAS,EACzB;EAEN,CAAC;EAED,IAAIhC,gBAAgB,KAAKZ,gBAAgB,CAACc,OAAO,EAAE;IACjD,OAAOsB,sBAAsB,EAAE;EACjC;EAEA,oBACExC,KAAA,CAAAyC,aAAA,CAACnC,IAAI;IAAC2C,KAAK,EAAE;MAAEnC,MAAM,EAAEA;IAAO;EAAE,GAC7B0B,sBAAsB,EAAE,CACpB;AAEX,CAAC"}
+{"version":3,"names":["React","useState","useEffect","useRef","WebComponent","PageMessage","Platform","View","getACHCreditParams","getACHCreditScript","injectUnitPlaidResponse","PaymentMessage","RESPONSE_KEYS","UnitMessage","openLink","getAndroidPackageName","PresentationMode","WebComponentType","UNACHCreditComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","linkToken","setLinkToken","appPackageName","setAppPackageName","webRef","setPackageNameForAndroid","OS","packageName","handleUnitOnLoad","response","onLoad","errors","account","counterpartyAccount","achOnload","data","console","error","handleWebViewMessage","message","details","type","PAYMENT_CREATED","achCreditEvent","onPaymentCreated","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","UNIT_PLAID_TOKEN_CREATED","linkTokenEvent","linkTokenData","attributes","UNIT_REQUEST_EXTERNAL_SDK","externalSdkType","tokenConfig","noLoadingState","token","onSuccess","success","current","onExit","exit","log","catch","e","renderACHCreditWebView","createElement","ref","achCreditPayment","params","script","onMessage","isScrollable","theme","language","style"],"sources":["UNACHCreditComponent.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { WebComponent } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNOnLoadResponse, UNACHData, UNACHOnLoadData, UNError, UNOnLoadResponseData } from '../../types/shared';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { Platform, View } from 'react-native';\nimport { getACHCreditParams, getACHCreditScript, injectUnitPlaidResponse } from './UNACHCreditComponent.utils';\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { ACHEvent } from '../../messages/webMessages/achCreditMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { LinkSuccess, openLink } from 'react-native-plaid-link-sdk';\nimport type WebView from 'react-native-webview';\nimport { getAndroidPackageName } from '../utils/nativeModulesInfo';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\n\nexport interface UNACHCreditComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n  language?: string;\n  isAutoFocus?: boolean;\n  fee?: number;\n  withPlaid?: boolean;\n  onPaymentCreated?: (data: UNACHData) => void;\n  onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;\n}\n\nexport const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n  const [linkToken, setLinkToken] = useState<string>();\n  const [appPackageName, setAppPackageName] = useState<string>();\n  const webRef = useRef<WebView>(null);\n\n  useEffect(() => {\n    const setPackageNameForAndroid = async () => {\n      if (Platform.OS === 'android') {\n        const packageName = await getAndroidPackageName();\n        setAppPackageName(packageName);\n      }\n    };\n    setPackageNameForAndroid();\n  }, []);\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response && RESPONSE_KEYS.counterpartyAccount in response) {\n      // ACHOnLoadResponse;\n      const achOnload: UNOnLoadResponseData<UNACHOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.account]: response[RESPONSE_KEYS.account].data,\n          [RESPONSE_KEYS.counterpartyAccount]: response[RESPONSE_KEYS.counterpartyAccount].data,\n        }\n      };\n      props.onLoad(achOnload);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED: {\n        const achCreditEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achCreditEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n      case UnitMessage.UNIT_PLAID_TOKEN_CREATED: {\n        const linkTokenEvent = message.details as PlaidTokenCreatedEvent;\n        const linkTokenData = linkTokenEvent.linkToken as PlaidLinkTokenData;\n        setLinkToken(linkTokenData.attributes.linkToken);\n        break;\n      }\n\n      case UnitMessage.UNIT_REQUEST_EXTERNAL_SDK: {\n        const externalSdkType = (message.details as RequestExternalSdkEvent).type;\n        if (externalSdkType !== 'plaid') return;\n        linkToken && openLink({\n          tokenConfig: { noLoadingState: false, token: linkToken },\n          onSuccess: (success: LinkSuccess) => {\n            injectUnitPlaidResponse(webRef.current, success);\n          },\n          onExit: exit => { console.log(exit); }\n        }).catch(e => {\n          console.error(e);\n        });\n        break;\n      }\n    }\n  };\n\n  const renderACHCreditWebView = () => {\n    return (\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.achCreditPayment}\n        presentationMode={presentationMode}\n        params={getACHCreditParams(props)}\n        script={getACHCreditScript(appPackageName)}\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 renderACHCreditWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderACHCreditWebView()}\n    </View>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,23 +1,29 @@
-import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
+import { DISPATCH_PLAID_RESPONSE, LISTENERS } from '../../scripts/html/bodyScript';
 export const getACHCreditParams = props => {
   return `
     account-id="${props.accountId}"
     customer-token="${props.customerToken}"
+    with-plaid="${props.withPlaid ?? false}"
     is-auto-focus="${props.isAutoFocus ?? false}"
     ${props.fee ? `fee="${props.fee}"` : ''}
     style="height: 100%"
   `;
 };
-export const getACHCreditScript = () => {
+export const getACHCreditScript = appPackageName => {
   return `
-    window.addEventListener("${PaymentMessage.PAYMENT_CREATED}", (e) => {
-      const response = e.detail
-        response.then((data) => {
-          postMessageToSDK({ type: "${PaymentMessage.PAYMENT_CREATED}", details:  { data: JSON.stringify(data.data) }})
-        }).catch((e) => {
-          console.log(e)
-        })
-    });
+    ${LISTENERS.unitPlaidTokenCreated}
+    ${appPackageName && `window.UnitMobileSDKConfig.androidPackageName='${appPackageName}'`}
+    ${LISTENERS.unitPaymentCreated}
+    ${DISPATCH_PLAID_RESPONSE}
   `;
 };
+export const injectUnitPlaidResponse = (currentWeb, success) => {
+  const successObj = {
+    data: {
+      publicToken: success.publicToken,
+      metadata: success.metadata
+    }
+  };
+  currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);
+};
 //# sourceMappingURL=UNACHCreditComponent.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PaymentMessage","getACHCreditParams","props","accountId","customerToken","isAutoFocus","fee","getACHCreditScript","PAYMENT_CREATED"],"sources":["UNACHCreditComponent.utils.ts"],"sourcesContent":["import type { UNACHCreditComponentProps } from './UNACHCreditComponent';\n\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\n\nexport const getACHCreditParams = (props: UNACHCreditComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getACHCreditScript = () => {\n  return `\n    window.addEventListener(\"${PaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${PaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n  `;\n};\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ,4CAA4C;AAE3E,OAAO,MAAMC,kBAAkB,GAAIC,KAAgC,IAAK;EACtE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,qBAAqBF,KAAK,CAACG,WAAW,IAAI,KAAM;AAChD,MAAMH,KAAK,CAACI,GAAG,GAAI,QAAOJ,KAAK,CAACI,GAAI,GAAE,GAAG,EAAG;AAC5C;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,OAAQ;AACV,+BAA+BP,cAAc,CAACQ,eAAgB;AAC9D;AACA;AACA,sCAAsCR,cAAc,CAACQ,eAAgB;AACrE;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC"}
+{"version":3,"names":["DISPATCH_PLAID_RESPONSE","LISTENERS","getACHCreditParams","props","accountId","customerToken","withPlaid","isAutoFocus","fee","getACHCreditScript","appPackageName","unitPlaidTokenCreated","unitPaymentCreated","injectUnitPlaidResponse","currentWeb","success","successObj","data","publicToken","metadata","injectJavaScript","JSON","stringify"],"sources":["UNACHCreditComponent.utils.ts"],"sourcesContent":["import type { UNACHCreditComponentProps } from './UNACHCreditComponent';\nimport type WebView from 'react-native-webview';\nimport type { LinkSuccess } from 'react-native-plaid-link-sdk';\nimport { DISPATCH_PLAID_RESPONSE, LISTENERS } from '../../scripts/html/bodyScript';\n\nexport const getACHCreditParams = (props: UNACHCreditComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    with-plaid=\"${props.withPlaid ?? false}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getACHCreditScript = (appPackageName?: string) => {\n  return `\n    ${LISTENERS.unitPlaidTokenCreated}\n    ${appPackageName && `window.UnitMobileSDKConfig.androidPackageName='${appPackageName}'`}\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":"AAGA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,+BAA+B;AAElF,OAAO,MAAMC,kBAAkB,GAAIC,KAAgC,IAAK;EACtE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,kBAAkBF,KAAK,CAACG,SAAS,IAAI,KAAM;AAC3C,qBAAqBH,KAAK,CAACI,WAAW,IAAI,KAAM;AAChD,MAAMJ,KAAK,CAACK,GAAG,GAAI,QAAOL,KAAK,CAACK,GAAI,GAAE,GAAG,EAAG;AAC5C;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAIC,cAAuB,IAAK;EAC7D,OAAQ;AACV,MAAMT,SAAS,CAACU,qBAAsB;AACtC,MAAMD,cAAc,IAAK,kDAAiDA,cAAe,GAAG;AAC5F,MAAMT,SAAS,CAACW,kBAAmB;AACnC,MAAMZ,uBAAwB;AAC9B,GAAG;AACH,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/UNACHDebitComponent.js

@@ -1,13 +1,14 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { WebComponent } from '../../webComponent/WebComponent';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { Platform, View } from 'react-native';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { getACHDebitParams, getACHDebitScript, getAndroidPackageName, injectUnitPlaidResponse } from './UNACHDebitComponent.utils';
+import { getACHDebitParams, getACHDebitScript, injectUnitPlaidResponse } from './UNACHDebitComponent.utils';
 import { openLink } from 'react-native-plaid-link-sdk';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
+import { getAndroidPackageName } from '../utils/nativeModulesInfo';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 export const UNACHDebitComponent = props => {
   const [height, setHeight] = useState(0);
   const [appPackageName, setAppPackageName] = useState('');
@@ -23,9 +24,6 @@ export const UNACHDebitComponent = props => {
     };
     setPackageNameForAndroid();
   }, []);
-  const dispatchUnitPlaidResponse = success => {
-    injectUnitPlaidResponse(webRef.current, success);
-  };
   const handleUnitOnLoad = response => {
     if (!props.onLoad) {
       return;
@@ -86,7 +84,7 @@ export const UNACHDebitComponent = props => {
               token: linkToken
             },
             onSuccess: success => {
-              dispatchUnitPlaidResponse(success);
+              injectUnitPlaidResponse(webRef.current, success);
             },
             onExit: exit => {
               console.log(exit);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","WebComponent","WebComponentType","PresentationMode","PageMessage","Platform","View","UnitMessage","getACHDebitParams","getACHDebitScript","getAndroidPackageName","injectUnitPlaidResponse","openLink","PaymentMessage","RESPONSE_KEYS","UNACHDebitComponent","props","height","setHeight","appPackageName","setAppPackageName","linkToken","setLinkToken","webRef","presentationMode","setPresentationMode","Inherit","setPackageNameForAndroid","OS","packageName","dispatchUnitPlaidResponse","success","current","handleUnitOnLoad","response","onLoad","errors","account","counterpartyAccount","achOnload","data","console","error","handleWebViewMessage","message","details","type","PAYMENT_CREATED","achDebitEvent","onPaymentCreated","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","UNIT_PLAID_TOKEN_CREATED","linkTokenEvent","linkTokenData","attributes","UNIT_REQUEST_EXTERNAL_SDK","externalSdkType","tokenConfig","noLoadingState","token","onSuccess","onExit","exit","log","catch","e","renderACHDebitWebView","createElement","ref","achDebitPayment","params","script","onMessage","isScrollable","theme","language","style"],"sources":["UNACHDebitComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNOnLoadResponse, UNACHData, UNError, UNOnLoadResponseData, UNACHOnLoadData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { Platform, View } from 'react-native';\nimport { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getACHDebitParams, getACHDebitScript, getAndroidPackageName, injectUnitPlaidResponse } from './UNACHDebitComponent.utils';\n\nimport { LinkSuccess, openLink } from 'react-native-plaid-link-sdk';\nimport type WebView from 'react-native-webview';\n\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { ACHEvent } from '../../messages/webMessages/achCreditMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\n\nexport interface UNACHDebitComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n  language?: string;\n  isAutoFocus?: boolean;\n  fee?: number;\n  onPaymentCreated?: (data: UNACHData) => void;\n  onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;\n}\n\nexport const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [appPackageName, setAppPackageName] = useState<string>('');\n  const [linkToken, setLinkToken] = useState<string>('');\n  const webRef = useRef<WebView>(null);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  useEffect(() => {\n    const setPackageNameForAndroid = async () => {\n      if (Platform.OS === 'android') {\n        const packageName = await getAndroidPackageName();\n        setAppPackageName(packageName);\n      }\n    };\n    setPackageNameForAndroid();\n  }, []);\n\n  const dispatchUnitPlaidResponse = (success: LinkSuccess) => {\n    injectUnitPlaidResponse(webRef.current, success);\n  };\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response && RESPONSE_KEYS.counterpartyAccount in response) {\n      // ACHOnLoadResponse;\n      const achOnload: UNOnLoadResponseData<UNACHOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.account]: response[RESPONSE_KEYS.account].data,\n          [RESPONSE_KEYS.counterpartyAccount]: response[RESPONSE_KEYS.counterpartyAccount].data,\n        }\n      };\n      props.onLoad(achOnload);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED: {\n        const achDebitEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achDebitEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n      case UnitMessage.UNIT_PLAID_TOKEN_CREATED: {\n        const linkTokenEvent = message.details as PlaidTokenCreatedEvent;\n        const linkTokenData = linkTokenEvent.linkToken as PlaidLinkTokenData;\n        setLinkToken(linkTokenData.attributes.linkToken);\n        break;\n      }\n\n      case UnitMessage.UNIT_REQUEST_EXTERNAL_SDK: {\n        const externalSdkType = (message.details as RequestExternalSdkEvent).type;\n        if (externalSdkType !== 'plaid') return;\n        linkToken && openLink({\n          tokenConfig: { noLoadingState: false, token: linkToken },\n          onSuccess: (success) => {\n            dispatchUnitPlaidResponse(success);\n          },\n          onExit: exit => { console.log(exit); }\n        }).catch(e => {\n          console.error(e);\n        });\n        break;\n      }\n    }\n  };\n\n  const renderACHDebitWebView = () => {\n    return (\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.achDebitPayment}\n        presentationMode={presentationMode}\n        params={getACHDebitParams(props)}\n        script={getACHDebitScript(appPackageName)}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n        language={props.language}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderACHDebitWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderACHDebitWebView()}\n    </View>\n\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,iCAAiC;AAChF,SAASC,gBAAgB,QAAQ,6BAA6B;AAG9D,SAAsBC,WAAW,QAAQ,wCAAwC;AACjF,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAA8EC,WAAW,QAAQ,yCAAyC;AAC1I,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAEC,uBAAuB,QAAQ,6BAA6B;AAElI,SAAsBC,QAAQ,QAAQ,6BAA6B;AAGnE,SAASC,cAAc,QAAQ,4CAA4C;AAE3E,SAASC,aAAa,QAAiC,0CAA0C;AAajG,OAAO,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EACtE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAS,CAAC,CAAC;EAC/C,MAAM,CAACmB,cAAc,EAAEC,iBAAiB,CAAC,GAAGpB,QAAQ,CAAS,EAAE,CAAC;EAChE,MAAM,CAACqB,SAAS,EAAEC,YAAY,CAAC,GAAGtB,QAAQ,CAAS,EAAE,CAAC;EACtD,MAAMuB,MAAM,GAAGxB,MAAM,CAAU,IAAI,CAAC;EACpC,MAAM,CAACyB,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGzB,QAAQ,CAAmBG,gBAAgB,CAACuB,OAAO,CAAC;EAEpG5B,SAAS,CAAC,MAAM;IACd,MAAM6B,wBAAwB,GAAG,MAAAA,CAAA,KAAY;MAC3C,IAAItB,QAAQ,CAACuB,EAAE,KAAK,SAAS,EAAE;QAC7B,MAAMC,WAAW,GAAG,MAAMnB,qBAAqB,EAAE;QACjDU,iBAAiB,CAACS,WAAW,CAAC;MAChC;IACF,CAAC;IACDF,wBAAwB,EAAE;EAC5B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,yBAAyB,GAAIC,OAAoB,IAAK;IAC1DpB,uBAAuB,CAACY,MAAM,CAACS,OAAO,EAAED,OAAO,CAAC;EAClD,CAAC;EAED,MAAME,gBAAgB,GAAIC,QAAiC,IAAK;IAC9D,IAAI,CAAClB,KAAK,CAACmB,MAAM,EAAE;MACjB;IACF;IAEA,IAAIrB,aAAa,CAACsB,MAAM,IAAIF,QAAQ,EAAE;MACpClB,KAAK,CAACmB,MAAM,CAACD,QAAQ,CAAY;MACjC;IACF;IAEA,IAAIpB,aAAa,CAACuB,OAAO,IAAIH,QAAQ,IAAIpB,aAAa,CAACwB,mBAAmB,IAAIJ,QAAQ,EAAE;MACtF;MACA,MAAMK,SAAgD,GAAG;QACvDC,IAAI,EAAE;UACJ,CAAC1B,aAAa,CAACuB,OAAO,GAAGH,QAAQ,CAACpB,aAAa,CAACuB,OAAO,CAAC,CAACG,IAAI;UAC7D,CAAC1B,aAAa,CAACwB,mBAAmB,GAAGJ,QAAQ,CAACpB,aAAa,CAACwB,mBAAmB,CAAC,CAACE;QACnF;MACF,CAAC;MACDxB,KAAK,CAACmB,MAAM,CAACI,SAAS,CAAC;MACvB;IACF;IAEAE,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,KAAKjC,cAAc,CAACkC,eAAe;QAAE;UACnC,MAAMC,aAAa,GAAGJ,OAAO,CAACC,OAAmB;UACjD7B,KAAK,CAACiC,gBAAgB,IAAIjC,KAAK,CAACiC,gBAAgB,CAACD,aAAa,CAACR,IAAI,CAAc;UACjF;QACF;MACA,KAAKjC,WAAW,CAAC2C,YAAY;QAC3BjB,gBAAgB,CAACW,OAAO,CAACC,OAAO,CAA4B;QAC5D;MACF,KAAKzC,WAAW,CAAC+C,WAAW;QAAE;UAC5B,MAAMC,aAAa,GAAIR,OAAO,CAACC,OAAO,CAAiB5B,MAAM;UAC7DC,SAAS,CAACkC,aAAa,CAAC;UACxB,IAAI5B,gBAAgB,KAAKrB,gBAAgB,CAACuB,OAAO,IAAI0B,aAAa,KAAK,CAAC,EAAE;YACxE3B,mBAAmB,CAACtB,gBAAgB,CAACkD,OAAO,CAAC;UAC/C;UACA;QACF;MACA,KAAK9C,WAAW,CAAC+C,wBAAwB;QAAE;UACzC,MAAMC,cAAc,GAAGX,OAAO,CAACC,OAAiC;UAChE,MAAMW,aAAa,GAAGD,cAAc,CAAClC,SAA+B;UACpEC,YAAY,CAACkC,aAAa,CAACC,UAAU,CAACpC,SAAS,CAAC;UAChD;QACF;MAEA,KAAKd,WAAW,CAACmD,yBAAyB;QAAE;UAC1C,MAAMC,eAAe,GAAIf,OAAO,CAACC,OAAO,CAA6BC,IAAI;UACzE,IAAIa,eAAe,KAAK,OAAO,EAAE;UACjCtC,SAAS,IAAIT,QAAQ,CAAC;YACpBgD,WAAW,EAAE;cAAEC,cAAc,EAAE,KAAK;cAAEC,KAAK,EAAEzC;YAAU,CAAC;YACxD0C,SAAS,EAAGhC,OAAO,IAAK;cACtBD,yBAAyB,CAACC,OAAO,CAAC;YACpC,CAAC;YACDiC,MAAM,EAAEC,IAAI,IAAI;cAAExB,OAAO,CAACyB,GAAG,CAACD,IAAI,CAAC;YAAE;UACvC,CAAC,CAAC,CAACE,KAAK,CAACC,CAAC,IAAI;YACZ3B,OAAO,CAACC,KAAK,CAAC0B,CAAC,CAAC;UAClB,CAAC,CAAC;UACF;QACF;IAAC;EAEL,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClC,oBACExE,KAAA,CAAAyE,aAAA,CAACrE,YAAY;MACXsE,GAAG,EAAEhD,MAAO;MACZuB,IAAI,EAAE5C,gBAAgB,CAACsE,eAAgB;MACvChD,gBAAgB,EAAEA,gBAAiB;MACnCiD,MAAM,EAAEjE,iBAAiB,CAACQ,KAAK,CAAE;MACjC0D,MAAM,EAAEjE,iBAAiB,CAACU,cAAc,CAAE;MAC1CwD,SAAS,EAAG/B,OAAuB,IAAKD,oBAAoB,CAACC,OAAO,CAAE;MACtEgC,YAAY,EAAE,KAAM;MACpBC,KAAK,EAAE7D,KAAK,CAAC6D,KAAM;MACnBC,QAAQ,EAAE9D,KAAK,CAAC8D;IAAS,EACzB;EAEN,CAAC;EAED,IAAItD,gBAAgB,KAAKrB,gBAAgB,CAACuB,OAAO,EAAE;IACjD,OAAO2C,qBAAqB,EAAE;EAChC;EAEA,oBACExE,KAAA,CAAAyE,aAAA,CAAChE,IAAI;IAACyE,KAAK,EAAE;MAAE9D,MAAM,EAAEA;IAAO;EAAE,GAC7BoD,qBAAqB,EAAE,CACnB;AAGX,CAAC"}
+{"version":3,"names":["React","useEffect","useRef","useState","WebComponent","PageMessage","Platform","View","UnitMessage","getACHDebitParams","getACHDebitScript","injectUnitPlaidResponse","openLink","PaymentMessage","RESPONSE_KEYS","getAndroidPackageName","PresentationMode","WebComponentType","UNACHDebitComponent","props","height","setHeight","appPackageName","setAppPackageName","linkToken","setLinkToken","webRef","presentationMode","setPresentationMode","Inherit","setPackageNameForAndroid","OS","packageName","handleUnitOnLoad","response","onLoad","errors","account","counterpartyAccount","achOnload","data","console","error","handleWebViewMessage","message","details","type","PAYMENT_CREATED","achDebitEvent","onPaymentCreated","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","UNIT_PLAID_TOKEN_CREATED","linkTokenEvent","linkTokenData","attributes","UNIT_REQUEST_EXTERNAL_SDK","externalSdkType","tokenConfig","noLoadingState","token","onSuccess","success","current","onExit","exit","log","catch","e","renderACHDebitWebView","createElement","ref","achDebitPayment","params","script","onMessage","isScrollable","theme","language","style"],"sources":["UNACHDebitComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { WebComponent } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNOnLoadResponse, UNACHData, UNError, UNOnLoadResponseData, UNACHOnLoadData } from '../../types/shared';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { Platform, View } from 'react-native';\nimport { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getACHDebitParams, getACHDebitScript, injectUnitPlaidResponse } from './UNACHDebitComponent.utils';\nimport { LinkSuccess, openLink } from 'react-native-plaid-link-sdk';\nimport type WebView from 'react-native-webview';\n\nimport { PaymentMessage } from '../../messages/webMessages/paymentsMessage';\nimport type { ACHEvent } from '../../messages/webMessages/achCreditMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { getAndroidPackageName } from '../utils/nativeModulesInfo';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\n\nexport interface UNACHDebitComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n  language?: string;\n  isAutoFocus?: boolean;\n  fee?: number;\n  onPaymentCreated?: (data: UNACHData) => void;\n  onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;\n}\n\nexport const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [appPackageName, setAppPackageName] = useState<string>('');\n  const [linkToken, setLinkToken] = useState<string>('');\n  const webRef = useRef<WebView>(null);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  useEffect(() => {\n    const setPackageNameForAndroid = async () => {\n      if (Platform.OS === 'android') {\n        const packageName = await getAndroidPackageName();\n        setAppPackageName(packageName);\n      }\n    };\n    setPackageNameForAndroid();\n  }, []);\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response && RESPONSE_KEYS.counterpartyAccount in response) {\n      // ACHOnLoadResponse;\n      const achOnload: UNOnLoadResponseData<UNACHOnLoadData> = {\n        data: {\n          [RESPONSE_KEYS.account]: response[RESPONSE_KEYS.account].data,\n          [RESPONSE_KEYS.counterpartyAccount]: response[RESPONSE_KEYS.counterpartyAccount].data,\n        }\n      };\n      props.onLoad(achOnload);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case PaymentMessage.PAYMENT_CREATED: {\n        const achDebitEvent = message.details as ACHEvent;\n        props.onPaymentCreated && props.onPaymentCreated(achDebitEvent.data as UNACHData);\n        break;\n      }\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n      case UnitMessage.UNIT_PLAID_TOKEN_CREATED: {\n        const linkTokenEvent = message.details as PlaidTokenCreatedEvent;\n        const linkTokenData = linkTokenEvent.linkToken as PlaidLinkTokenData;\n        setLinkToken(linkTokenData.attributes.linkToken);\n        break;\n      }\n\n      case UnitMessage.UNIT_REQUEST_EXTERNAL_SDK: {\n        const externalSdkType = (message.details as RequestExternalSdkEvent).type;\n        if (externalSdkType !== 'plaid') return;\n        linkToken && openLink({\n          tokenConfig: { noLoadingState: false, token: linkToken },\n          onSuccess: (success: LinkSuccess) => {\n            injectUnitPlaidResponse(webRef.current, success);\n          },\n          onExit: exit => { console.log(exit); }\n        }).catch(e => {\n          console.error(e);\n        });\n        break;\n      }\n    }\n  };\n\n  const renderACHDebitWebView = () => {\n    return (\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.achDebitPayment}\n        presentationMode={presentationMode}\n        params={getACHDebitParams(props)}\n        script={getACHDebitScript(appPackageName)}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n        language={props.language}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderACHDebitWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderACHDebitWebView()}\n    </View>\n\n  );\n};\n"],"mappings":"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"}

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

@@ -1,9 +1,4 @@
 import { DISPATCH_PLAID_RESPONSE, LISTENERS } from './../../scripts/html/bodyScript';
-import { NativeModules } from 'react-native';
-const {
-  RNAppInfoModule
-} = NativeModules;
-import { UnitMessage } from '../../messages/webMessages/unitMessages';
 export const getACHDebitParams = props => {
   return `
     account-id="${props.accountId}"
@@ -13,24 +8,9 @@ export const getACHDebitParams = props => {
     style="height: 100%"
   `;
 };
-export const getAndroidPackageName = async () => {
-  try {
-    const response = await RNAppInfoModule.getAppPackageName();
-    return response;
-  } catch (error) {
-    console.error(error);
-  }
-};
 export const getACHDebitScript = androidPackageName => {
   return `
-      window.addEventListener("${UnitMessage.UNIT_PLAID_TOKEN_CREATED}", (e) => {
-        const response = e.detail
-        response.then((data) => {
-          postMessageToSDK({ type: "${UnitMessage.UNIT_PLAID_TOKEN_CREATED}", details:  { linkToken: data.data }})
-        }).catch((e) => {
-          console.log(e)
-        })
-      });
+    ${LISTENERS.unitPlaidTokenCreated}
     ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}
     ${LISTENERS.unitPaymentCreated}
     ${DISPATCH_PLAID_RESPONSE}

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

@@ -1 +1 @@
-{"version":3,"names":["DISPATCH_PLAID_RESPONSE","LISTENERS","NativeModules","RNAppInfoModule","UnitMessage","getACHDebitParams","props","accountId","customerToken","isAutoFocus","fee","getAndroidPackageName","response","getAppPackageName","error","console","getACHDebitScript","androidPackageName","UNIT_PLAID_TOKEN_CREATED","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';\nimport { NativeModules } from 'react-native';\nconst { RNAppInfoModule } = NativeModules;\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\n\nexport const getACHDebitParams = (props: UNACHDebitComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-auto-focus=\"${props.isAutoFocus ?? false}\"\n    ${props.fee ? `fee=\"${props.fee}\"` : ''}\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getAndroidPackageName = async () => {\n  try {\n    const response = await RNAppInfoModule.getAppPackageName();\n    return response;\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nexport const getACHDebitScript = (androidPackageName?: string) => {\n  return `\n      window.addEventListener(\"${UnitMessage.UNIT_PLAID_TOKEN_CREATED}\", (e) => {\n        const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${UnitMessage.UNIT_PLAID_TOKEN_CREATED}\", details:  { linkToken: data.data }})\n        }).catch((e) => {\n          console.log(e)\n        })\n      });\n    ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}\n    ${LISTENERS.unitPaymentCreated}\n    ${DISPATCH_PLAID_RESPONSE}\n    `;\n};\n\nexport const injectUnitPlaidResponse = (currentWeb: WebView | null, success: LinkSuccess) => {\n  const successObj = {data: { publicToken: success.publicToken, metadata: success.metadata}};\n  currentWeb?.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iCAAiC;AAKpF,SAASC,aAAa,QAAQ,cAAc;AAC5C,MAAM;EAAEC;AAAgB,CAAC,GAAGD,aAAa;AACzC,SAASE,WAAW,QAAQ,yCAAyC;AAErE,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,qBAAqB,GAAG,MAAAA,CAAA,KAAY;EAC/C,IAAI;IACF,MAAMC,QAAQ,GAAG,MAAMT,eAAe,CAACU,iBAAiB,EAAE;IAC1D,OAAOD,QAAQ;EACjB,CAAC,CAAC,OAAOE,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;EACtB;AACF,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAIC,kBAA2B,IAAK;EAChE,OAAQ;AACV,iCAAiCb,WAAW,CAACc,wBAAyB;AACtE;AACA;AACA,sCAAsCd,WAAW,CAACc,wBAAyB;AAC3E;AACA;AACA;AACA;AACA,MAAMD,kBAAkB,IAAK,kDAAiDA,kBAAmB,GAAG;AACpG,MAAMhB,SAAS,CAACkB,kBAAmB;AACnC,MAAMnB,uBAAwB;AAC9B,KAAK;AACL,CAAC;AAED,OAAO,MAAMoB,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","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"}

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

@@ -3,12 +3,14 @@ import { Dimensions, View } from 'react-native';
 import { PageMessage } from '../..//messages/webMessages/pageMessage';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import EventBus from '../../helpers/EventBus';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { WebComponent } from '../../webComponent/WebComponent';
 import { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
 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";
@@ -67,12 +69,16 @@ export const UNAccountComponent = /*#__PURE__*/React.forwardRef(function UNAccou
         break;
       case UnitMessage.UNIT_REQUEST_RENDERING:
         {
-          const event = {
+          const slotData = {
             componentName: WebComponentType.account,
             componentResourceId: props.accountId,
             requestRenderingEvent: message.details
           };
-          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+          const event = {
+            type: BottomSheetRenderingType.Slot,
+            data: slotData
+          };
+          EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
           break;
         }
       case PageMessage.PAGE_HEIGHT:

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useImperativeHandle","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","getAccountParams","getAccountScript","injectOpenActionsMenuScript","injectRefreshEventIfNeeded","injectRequestAccountActionScript","PresentationMode","useListenerToBus","AccountMessage","RESPONSE_KEYS","AccountAction","UNAccountComponent","forwardRef","props","accountRef","height","setHeight","windowWidth","get","width","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","event","componentName","componentResourceId","accountId","requestRenderingEvent","Instance","PAGE_HEIGHT","createElement","style","ref","presentationMode","Default","params","script","theme","language","onMessage","isScrollable"],"sources":["UNAccountComponent.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { UNAccountData } from '../../sharedTypes/account.types';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport type { UNAccountMenuAction } from '../../sharedTypes';\n\nexport interface UNAccountComponentProps {\n  // inputs\n  accountId?: string;\n  customerToken: string;\n\n  // ui\n  theme?: string;\n  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  const windowWidth = Dimensions.get('window').width;\n\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n\n  const webRef = useRef<WebView>(null);\n\n  const handleAccountChanged = (account: UNAccountData) => {\n    props.onAccountChanged && props.onAccountChanged(account);\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response) {\n      // AccountsOnLoadResponse;\n      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<[UNAccountData]>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type.');\n    return;\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED, action: handleAccountChanged });\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);\n  }, [requestRefreshEvent]);\n\n  useImperativeHandle(accountRef, () => ({\n    openActionsMenu() {\n      injectOpenActionsMenuScript(webRef.current);\n    },\n    openAction(action: UNAccountMenuAction) {\n      injectRequestAccountActionScript(webRef.current, action);\n    }\n  }));\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const event: BottomSheetSlotData = {\n          componentName: WebComponentType.account,\n          componentResourceId: props.accountId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);\n        break;\n      }\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.account}\n        presentationMode={PresentationMode.Default}\n        params={getAccountParams(props)}\n        script={getAccountScript()}\n        theme={props.theme}\n        language={props.language}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useImperativeHandle","useRef","useState","Dimensions","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","windowWidth","get","width","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","ref","presentationMode","Default","params","script","theme","language","onMessage","isScrollable"],"sources":["UNAccountComponent.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent } 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  const windowWidth = Dimensions.get('window').width;\n\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n\n  const webRef = useRef<WebView>(null);\n\n  const handleAccountChanged = (account: UNAccountData) => {\n    props.onAccountChanged && props.onAccountChanged(account);\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response) {\n      // AccountsOnLoadResponse;\n      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<[UNAccountData]>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type.');\n    return;\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED, action: handleAccountChanged });\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);\n  }, [requestRefreshEvent]);\n\n  useImperativeHandle(accountRef, () => ({\n    openActionsMenu() {\n      injectOpenActionsMenuScript(webRef.current);\n    },\n    openAction(action: UNAccountMenuAction) {\n      injectRequestAccountActionScript(webRef.current, action);\n    }\n  }));\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const 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 }}>\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        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
 import { AccountAction } from './UNAccountComponent';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { WebComponentType } from '../../webComponent/WebComponent';
+import { WebComponentType } from '../../types/internal/webComponent.types';
 export const getAccountParams = props => {
+  const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';
   return `
-    account-id="${props.accountId}"
     customer-token="${props.customerToken}"
+    ${accountIdParam}
     hide-actions-menu-button="${props.hideActionsMenuButton || false}"
     hide-selection-menu-button="${props.hideSelectionMenuButton || false}"
   `;

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

@@ -1 +1 @@
-{"version":3,"names":["AccountAction","UnitMessage","WebComponentType","getAccountParams","props","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 { WebComponentType } from '../../webComponent/WebComponent';\nimport type { UNAccountMenuAction } from 'src/sharedTypes';\n\nexport const getAccountParams = (props: UNAccountComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    hide-actions-menu-button=\"${props.hideActionsMenuButton || false}\"\n    hide-selection-menu-button=\"${props.hideSelectionMenuButton || false}\"\n  `;\n};\n\nexport const getAccountScript = () => {\n  return `\n    const dispatchRefreshEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n    }\n  `;\n};\n\nexport const injectOpenActionsMenuScript = (currentWeb: WebView | null) => {\n  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.account}')`);\n};\n\nexport const injectRequestAccountActionScript = (currentWeb: WebView | null, action: UNAccountMenuAction) => {\n  currentWeb?.injectJavaScript(`dispatchRequestAccountAction('${action}')`);\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n\nexport const getAccountActionType = (requestRendering: RequestRenderingEvent) => {\n  return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAiC,sBAAsB;AAC7E,SAAqDC,WAAW,QAAQ,yCAAyC;AAEjH,SAASC,gBAAgB,QAAQ,iCAAiC;AAGlE,OAAO,MAAMC,gBAAgB,GAAIC,KAA8B,IAAK;EAClE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,gCAAgCF,KAAK,CAACG,qBAAqB,IAAI,KAAM;AACrE,kCAAkCH,KAAK,CAACI,uBAAuB,IAAI,KAAM;AACzE,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,OAAQ;AACV;AACA,qCAAqCR,WAAW,CAACS,oBAAqB;AACtE;AACA;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAIC,UAA0B,IAAK;EACzEA,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,4BAA2BX,gBAAgB,CAACY,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,CAAClB,gBAAgB,CAACY,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,CAACpB,aAAa,CAAC4B,IAAI,CAAC,GAAG5B,aAAa,CAAC4B,IAAI,GAAG5B,aAAa,CAAC6B,IAAI;AACrH,CAAC"}
+{"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"}

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

@@ -3,12 +3,14 @@ import { Dimensions, View } from 'react-native';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { useListenerToBus } from '../../hooks/listenerToBus';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+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';
 const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
 export const UNActivityComponent = props => {
   const webRef = useRef(null);
@@ -53,12 +55,16 @@ export const UNActivityComponent = props => {
     switch (message.type) {
       case UnitMessage.UNIT_REQUEST_RENDERING:
         {
-          const event = {
+          const slotData = {
             componentName: WebComponentType.activity,
             componentResourceId: props.accountId,
             requestRenderingEvent: message.details
           };
-          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+          const event = {
+            type: BottomSheetRenderingType.Slot,
+            data: slotData
+          };
+          EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
           break;
         }
       case UnitMessage.UNIT_ON_LOAD:

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Dimensions","View","UnitMessage","useListenerToBus","PageMessage","PresentationMode","WebComponent","WebComponentType","getActivityParams","getActivityScript","injectFiltersChanged","injectRefreshEventIfNeeded","EventBus","RESPONSE_KEYS","ActivityMessage","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","event","componentName","activity","componentResourceId","accountId","requestRenderingEvent","details","Instance","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 { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { getActivityParams, getActivityScript, injectFiltersChanged, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';\nimport type WebView from 'react-native-webview';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nimport EventBus from '../../helpers/EventBus';\nimport type { UNActivityOnLoadData } from '../../sharedTypes/activity.types';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { ActivityMessage } from '../../messages/webMessages/activityMessage';\n\nconst DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;\nexport interface UNActivityComponentProps {\n  // inputs\n  accountId: string;\n  customerToken: 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 event: BottomSheetSlotData = {\n          componentName: WebComponentType.activity,\n          componentResourceId: props.accountId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);\n        break;\n      }\n      case 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","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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"}

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

@@ -1,10 +1,11 @@
-import { WebComponentType } from './../../webComponent/WebComponent';
 import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
+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}"` : '';
   return `
-    account-id="${props.accountId}"
     customer-token="${props.customerToken}"
+    ${accountIdParam}
     hide-filter-button="${props.hideFilterButton || false}"
     ${queryFilterParam}
     style="height: 100%"

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

@@ -1 +1 @@
-{"version":3,"names":["WebComponentType","DISPATCH_REQUEST_REFRESH","getActivityParams","props","queryFilterParam","queryFilter","accountId","customerToken","hideFilterButton","getActivityScript","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","activity","valueOf","injectJavaScript","JSON","stringify","injectFiltersChanged","query"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import { WebComponentType } from './../../webComponent/WebComponent';\nimport 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';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n  const queryFilterParam = props.queryFilter ? `query-filter=\"${props.queryFilter}\"` : '';\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\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":"AAAA,SAASA,gBAAgB,QAAQ,mCAAmC;AAGpE,SAASC,wBAAwB,QAAQ,iCAAiC;AAG1E,OAAO,MAAMC,iBAAiB,GAAIC,KAA+B,IAAK;EACpE,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,WAAW,GAAI,iBAAgBF,KAAK,CAACE,WAAY,GAAE,GAAG,EAAE;EACvF,OAAQ;AACV,kBAAkBF,KAAK,CAACG,SAAU;AAClC,sBAAsBH,KAAK,CAACI,aAAc;AAC1C,0BAA0BJ,KAAK,CAACK,gBAAgB,IAAI,KAAM;AAC1D,MAAMJ,gBAAiB;AACvB;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAGA,CAAA,KAAM;EACrC,OAAOR,wBAAwB;AACjC,CAAC;AAED,OAAO,MAAMS,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","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"}

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

@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { WebComponent } from '../../webComponent/WebComponent';
 import { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { View } from 'react-native';
 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 => {
   const [height, setHeight] = useState(0);
   const [presentationMode, setPresentationMode] = useState(PresentationMode.Inherit);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","WebComponent","WebComponentType","PresentationMode","getBookPaymentParams","getBookPaymentScript","PageMessage","View","UnitMessage","PaymentMessage","RESPONSE_KEYS","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, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport type { UNOnLoadResponse, UNBookPaymentData, UNError, UNAccountData, UNOnLoadResponseData } from '../../sharedTypes';\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';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  language?: string;\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":"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"}
+{"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":"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"}

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

@@ -7,6 +7,7 @@ export const getBookPaymentParams = props => {
     is-same-customer="${props.isSameCustomer}"
     counterparty-account-id="${props.counterPartyAccountId}"
     counterparty-name="${props.counterPartyName}"
+    is-auto-focus="${props.isAutoFocus || false}"
     style="height: 100%"
   `;
 };

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

@@ -1 +1 @@
-{"version":3,"names":["LISTENERS","PaymentMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","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    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;AACA,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAQ;AACV,+BAA+BR,cAAc,CAACS,eAAgB;AAC9D;AACA;AACA,sCAAsCT,cAAc,CAACS,eAAgB;AACrE;AACA;AACA;AACA;AACA;AACA,MAAMV,SAAS,CAACW,cAAe;AAC/B,GAAG;AACH,CAAC"}
+{"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"}