react-native-unit-components 1.5.0 → 1.7.0

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

@@ -9,12 +9,14 @@ var _reactNative = require("react-native");
 var _unitMessages = require("../../messages/webMessages/unitMessages");
 var _listenerToBus = require("../../hooks/listenerToBus");
 var _pageMessage = require("../../messages/webMessages/pageMessage");
-var _bodyHtml = require("../../scripts/html/bodyHtml");
 var _WebComponent = require("../../webComponent/WebComponent");
 var _UNActivityComponent = require("./UNActivityComponent.utils");
 var _EventBus = _interopRequireDefault(require("../../helpers/EventBus"));
 var _onLoadMessage = require("../../messages/webMessages/onLoadMessage");
 var _activityMessage = require("../../messages/webMessages/activityMessage");
+var _bottomSheet = require("../../types/internal/bottomSheet.types");
+var _webComponent = require("../../types/internal/webComponent.types");
+var _bottomSheetMessage = require("../../messages/nativeMessages/bottomSheetMessage");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -62,12 +64,16 @@ const UNActivityComponent = props => {
     switch (message.type) {
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
         {
-          const event = {
-            componentName: _WebComponent.WebComponentType.activity,
+          const slotData = {
+            componentName: _webComponent.WebComponentType.activity,
             componentResourceId: props.accountId,
             requestRenderingEvent: message.details
           };
-          _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, event);
+          const event = {
+            type: _bottomSheet.BottomSheetRenderingType.Slot,
+            data: slotData
+          };
+          _EventBus.default.Instance.event(_bottomSheetMessage.BottomSheetNativeMessage.START_FLOW, event);
           break;
         }
       case _unitMessages.UnitMessage.UNIT_ON_LOAD:
@@ -84,8 +90,8 @@ const UNActivityComponent = props => {
   const renderActivityWebView = () => {
     return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
       ref: webRef,
-      type: _WebComponent.WebComponentType.activity,
-      presentationMode: _bodyHtml.PresentationMode.Inherit,
+      type: _webComponent.WebComponentType.activity,
+      presentationMode: _webComponent.PresentationMode.Inherit,
       params: (0, _UNActivityComponent.getActivityParams)(props),
       onMessage: message => handleWebViewMessage(message),
       nestedScrollEnabled: true,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_unitMessages","_listenerToBus","_pageMessage","_bodyHtml","_WebComponent","_UNActivityComponent","_EventBus","_interopRequireDefault","_onLoadMessage","_activityMessage","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DEFAULT_HEIGHT","Dimensions","height","UNActivityComponent","props","webRef","useRef","defaultHeight","setDefaultHeight","useState","requestRefresh","data","injectRefreshEventIfNeeded","current","dispatchActivityFiltersChanged","query","injectFiltersChanged","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_REFRESH","action","ActivityMessage","UNIT_ACTIVITY_FILTERS_CHANGED","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","authorization","transactions","activityOnLoad","console","error","handleWebViewMessage","message","type","UNIT_REQUEST_RENDERING","event","componentName","WebComponentType","activity","componentResourceId","accountId","requestRenderingEvent","details","EventBus","Instance","UNIT_ON_LOAD","PageMessage","PAGE_HEIGHT","currentHeight","renderActivityWebView","createElement","WebComponent","ref","presentationMode","PresentationMode","Inherit","params","getActivityParams","onMessage","nestedScrollEnabled","theme","language","script","getActivityScript","View","style","exports"],"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","_interopRequireWildcard","require","_reactNative","_unitMessages","_listenerToBus","_pageMessage","_WebComponent","_UNActivityComponent","_EventBus","_interopRequireDefault","_onLoadMessage","_activityMessage","_bottomSheet","_webComponent","_bottomSheetMessage","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DEFAULT_HEIGHT","Dimensions","height","UNActivityComponent","props","webRef","useRef","defaultHeight","setDefaultHeight","useState","requestRefresh","data","injectRefreshEventIfNeeded","current","dispatchActivityFiltersChanged","query","injectFiltersChanged","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_REFRESH","action","ActivityMessage","UNIT_ACTIVITY_FILTERS_CHANGED","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","authorization","transactions","activityOnLoad","console","error","handleWebViewMessage","message","type","UNIT_REQUEST_RENDERING","slotData","componentName","WebComponentType","activity","componentResourceId","accountId","requestRenderingEvent","details","event","BottomSheetRenderingType","Slot","EventBus","Instance","BottomSheetNativeMessage","START_FLOW","UNIT_ON_LOAD","PageMessage","PAGE_HEIGHT","currentHeight","renderActivityWebView","createElement","WebComponent","ref","presentationMode","PresentationMode","Inherit","params","getActivityParams","onMessage","nestedScrollEnabled","theme","language","script","getActivityScript","View","style","exports"],"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/commonjs/components/UNActivityComponent/UNActivityComponent.utils.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.injectRefreshEventIfNeeded = exports.injectFiltersChanged = exports.getActivityScript = exports.getActivityParams = void 0;
-var _WebComponent = require("./../../webComponent/WebComponent");
 var _bodyScript = require("./../../scripts/html/bodyScript");
+var _webComponent = require("../../types/internal/webComponent.types");
 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%"
@@ -22,7 +23,7 @@ const getActivityScript = () => {
 };
 exports.getActivityScript = getActivityScript;
 const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
-  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(_WebComponent.WebComponentType.activity.valueOf())) {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(_webComponent.WebComponentType.activity.valueOf())) {
     currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_WebComponent","require","_bodyScript","getActivityParams","props","queryFilterParam","queryFilter","accountId","customerToken","hideFilterButton","exports","getActivityScript","DISPATCH_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","WebComponentType","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,IAAAA,aAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAGO,MAAME,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;AAACK,OAAA,CAAAP,iBAAA,GAAAA,iBAAA;AAEK,MAAMQ,iBAAiB,GAAGA,CAAA,KAAM;EACrC,OAAOC,oCAAwB;AACjC,CAAC;AAACF,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAEK,MAAME,0BAA0B,GAAGA,CAACC,UAA0B,EAAEC,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACC,8BAAgB,CAACC,QAAQ,CAACC,OAAO,EAAE,CAAC,EAAE;IACzGN,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,gBAAgB,CAAE,yBAAwBC,IAAI,CAACC,SAAS,CAACR,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAACL,OAAA,CAAAG,0BAAA,GAAAA,0BAAA;AAEK,MAAMW,oBAAoB,GAAGA,CAACV,UAA0B,EAAEW,KAAa,KAAK;EACjFX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,gBAAgB,CAAE,uCAAsCI,KAAM,IAAG,CAAC;AAChF,CAAC;AAACf,OAAA,CAAAc,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_bodyScript","require","_webComponent","getActivityParams","props","accountIdParam","accountId","queryFilterParam","queryFilter","customerToken","hideFilterButton","exports","getActivityScript","DISPATCH_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","WebComponentType","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,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,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;AAACI,OAAA,CAAAR,iBAAA,GAAAA,iBAAA;AAEK,MAAMS,iBAAiB,GAAGA,CAAA,KAAM;EACrC,OAAOC,oCAAwB;AACjC,CAAC;AAACF,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAEK,MAAME,0BAA0B,GAAGA,CAACC,UAA0B,EAAEC,mBAA+C,KAAK;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACC,8BAAgB,CAACC,QAAQ,CAACC,OAAO,EAAE,CAAC,EAAE;IACzGN,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,gBAAgB,CAAE,yBAAwBC,IAAI,CAACC,SAAS,CAACR,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC;AAACL,OAAA,CAAAG,0BAAA,GAAAA,0BAAA;AAEK,MAAMW,oBAAoB,GAAGA,CAACV,UAA0B,EAAEW,KAAa,KAAK;EACjFX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,gBAAgB,CAAE,uCAAsCI,KAAM,IAAG,CAAC;AAChF,CAAC;AAACf,OAAA,CAAAc,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.UNBookPaymentComponent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _WebComponent = require("../../webComponent/WebComponent");
-var _bodyHtml = require("../../scripts/html/bodyHtml");
 var _UNBookPaymentComponent = require("./UNBookPaymentComponent.utils");
 var _pageMessage = require("../../messages/webMessages/pageMessage");
 var _reactNative = require("react-native");
 var _unitMessages = require("../../messages/webMessages/unitMessages");
 var _paymentsMessage = require("../../messages/webMessages/paymentsMessage");
 var _onLoadMessage = require("../../messages/webMessages/onLoadMessage");
+var _webComponent = require("../../types/internal/webComponent.types");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const UNBookPaymentComponent = props => {
   const [height, setHeight] = (0, _react.useState)(0);
-  const [presentationMode, setPresentationMode] = (0, _react.useState)(_bodyHtml.PresentationMode.Inherit);
+  const [presentationMode, setPresentationMode] = (0, _react.useState)(_webComponent.PresentationMode.Inherit);
   const handleUnitOnLoad = response => {
     if (!props.onLoad) {
       return;
@@ -47,8 +47,8 @@ const UNBookPaymentComponent = props => {
         {
           const currentHeight = message.details.height;
           setHeight(currentHeight);
-          if (presentationMode === _bodyHtml.PresentationMode.Inherit && currentHeight === 0) {
-            setPresentationMode(_bodyHtml.PresentationMode.Default);
+          if (presentationMode === _webComponent.PresentationMode.Inherit && currentHeight === 0) {
+            setPresentationMode(_webComponent.PresentationMode.Default);
           }
           break;
         }
@@ -56,7 +56,7 @@ const UNBookPaymentComponent = props => {
   };
   const renderBookPaymentWebView = () => {
     return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
-      type: _WebComponent.WebComponentType.bookPayment,
+      type: _webComponent.WebComponentType.bookPayment,
       presentationMode: presentationMode,
       params: (0, _UNBookPaymentComponent.getBookPaymentParams)(props),
       script: (0, _UNBookPaymentComponent.getBookPaymentScript)(),
@@ -66,7 +66,7 @@ const UNBookPaymentComponent = props => {
       language: props.language
     });
   };
-  if (presentationMode === _bodyHtml.PresentationMode.Inherit) {
+  if (presentationMode === _webComponent.PresentationMode.Inherit) {
     return renderBookPaymentWebView();
   }
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_bodyHtml","_UNBookPaymentComponent","_pageMessage","_reactNative","_unitMessages","_paymentsMessage","_onLoadMessage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNBookPaymentComponent","props","height","setHeight","useState","presentationMode","setPresentationMode","PresentationMode","Inherit","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","account","console","error","handleWebViewMessage","message","details","type","PaymentMessage","PAYMENT_CREATED","onPaymentCreated","data","UnitMessage","UNIT_ON_LOAD","PageMessage","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","createElement","WebComponent","WebComponentType","bookPayment","params","getBookPaymentParams","script","getBookPaymentScript","onMessage","isScrollable","theme","language","View","style","exports"],"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","_interopRequireWildcard","require","_WebComponent","_UNBookPaymentComponent","_pageMessage","_reactNative","_unitMessages","_paymentsMessage","_onLoadMessage","_webComponent","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNBookPaymentComponent","props","height","setHeight","useState","presentationMode","setPresentationMode","PresentationMode","Inherit","handleUnitOnLoad","response","onLoad","RESPONSE_KEYS","errors","account","console","error","handleWebViewMessage","message","details","type","PaymentMessage","PAYMENT_CREATED","onPaymentCreated","data","UnitMessage","UNIT_ON_LOAD","PageMessage","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","createElement","WebComponent","WebComponentType","bookPayment","params","getBookPaymentParams","script","getBookPaymentScript","onMessage","isScrollable","theme","language","View","style","exports"],"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/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js

@@ -13,6 +13,7 @@ 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/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bodyScript","require","_paymentsMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","exports","getBookPaymentScript","PaymentMessage","PAYMENT_CREATED","LISTENERS","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,IAAAA,WAAA,GAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAEO,MAAME,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;AAACC,OAAA,CAAAP,oBAAA,GAAAA,oBAAA;AAEK,MAAMQ,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAQ;AACV,+BAA+BC,+BAAc,CAACC,eAAgB;AAC9D;AACA;AACA,sCAAsCD,+BAAc,CAACC,eAAgB;AACrE;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAS,CAACC,cAAe;AAC/B,GAAG;AACH,CAAC;AAACL,OAAA,CAAAC,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_bodyScript","require","_paymentsMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","isAutoFocus","exports","getBookPaymentScript","PaymentMessage","PAYMENT_CREATED","LISTENERS","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,IAAAA,WAAA,GAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAEO,MAAME,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;AAACC,OAAA,CAAAR,oBAAA,GAAAA,oBAAA;AAEK,MAAMS,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAQ;AACV,+BAA+BC,+BAAc,CAACC,eAAgB;AAC9D;AACA;AACA,sCAAsCD,+BAAc,CAACC,eAAgB;AACrE;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAS,CAACC,cAAe;AAC/B,GAAG;AACH,CAAC;AAACL,OAAA,CAAAC,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.js

@@ -15,13 +15,16 @@ var _cardMessage = require("../../messages/webMessages/cardMessage");
 var _listenerToBus = require("../../hooks/listenerToBus");
 var _UNBottomSheetComponent = require("./UNBottomSheetComponent.utils");
 var _UNBottomSheetComponent2 = require("./UNBottomSheetComponent.styles");
-var _bodyHtml = require("../../scripts/html/bodyHtml");
 var _useAppStateListener = require("../../hooks/useAppStateListener");
 var _UNAddToWalletBottomSheetItem = require("./components/UNAddToWalletBottomSheetItem");
 var _UNAccountComponent = require("../UNAccountComponent/UNAccountComponent.utils");
 var _UNAccountComponent2 = require("../UNAccountComponent/UNAccountComponent");
 var _accountMessage = require("../../messages/webMessages/accountMessage");
 var _activityMessage = require("../../messages/webMessages/activityMessage");
+var _UNBottomSheetComponent3 = require("./UNBottomSheetComponent.constants");
+var _bottomSheet = require("../../types/internal/bottomSheet.types");
+var _webComponent = require("../../types/internal/webComponent.types");
+var _bottomSheetMessage = require("../../messages/nativeMessages/bottomSheetMessage");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -34,115 +37,179 @@ exports.ScrollState = ScrollState;
   ScrollState["onlyWebView"] = "webViewScroll";
   ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
 })(ScrollState || (exports.ScrollState = ScrollState = {}));
-var CustomDialog;
-(function (CustomDialog) {
-  CustomDialog[CustomDialog["addToWallet"] = 0] = "addToWallet";
-})(CustomDialog || (CustomDialog = {}));
 const UNBottomSheetComponent = () => {
   const [isBottomSheetActive, setIsBottomSheetActive] = (0, _react.useState)(false);
   const [height, setHeight] = (0, _react.useState)(0);
+  const fullScreenHeight = _reactNative.Dimensions.get('window').height * _UNBottomSheetComponent3.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;
+  const [renderingType, setRenderingType] = (0, _react.useState)(_bottomSheet.BottomSheetRenderingType.Slot);
   const [bottomSheetSlotData, setBottomSheetSlotData] = (0, _react.useState)();
-  const [requestRenderingEvent, setRequestRenderingEvent] = (0, _react.useState)();
+  const [webComponentData, setWebComponentData] = (0, _react.useState)();
+  const [nativeComponentData, setNativeComponentData] = (0, _react.useState)();
+  const [isAddToWallet, setIsAddToWallet] = (0, _react.useState)(false);
   const [scrollState, setScrollState] = (0, _react.useState)(ScrollState.onTop);
-  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = (0, _react.useState)(false);
+  const [shouldShowComponent, setShouldShowComponent] = (0, _react.useState)(false);
   const [newHeightMessage, setNewHeightMessage] = (0, _react.useState)(null);
-  const [customDialog, setCustomDialog] = (0, _react.useState)(null);
   const isAppActive = (0, _useAppStateListener.useAppStateListener)();
   const styles = (0, _UNBottomSheetComponent2.getStylesObject)();
   const webRef = (0, _react.useRef)(null);
-  const handleRequestRendering = data => {
-    setBottomSheetSlotData(data);
+  const startFlow = rendering => {
+    setRenderingType(rendering.type);
     setIsBottomSheetActive(true);
-    setRequestRenderingEvent(data.requestRenderingEvent);
+    setShouldShowComponent(true);
+    switch (rendering.type) {
+      case _bottomSheet.BottomSheetRenderingType.Slot:
+        setBottomSheetSlotData(rendering.data);
+        setIsAddToWallet((0, _UNBottomSheetComponent.isAddToWalletFromRequestRendering)(rendering.data));
+        setWebComponentData(undefined);
+        break;
+      case _bottomSheet.BottomSheetRenderingType.WebComponent:
+        setIsAddToWallet((0, _UNBottomSheetComponent.isAddToWalletByComponentParams)(rendering.data));
+        isAddToWallet && setHeight(fullScreenHeight);
+        setBottomSheetSlotData(undefined);
+        setWebComponentData(rendering.data);
+        break;
+      case _bottomSheet.BottomSheetRenderingType.NativeComponent:
+        setNativeComponentData(rendering.data);
+        break;
+    }
   };
   const handleCloseFlow = () => {
     setIsBottomSheetActive(false);
   };
   (0, _react.useEffect)(() => {
-    setRequestRenderingEvent(bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent);
-  }, [bottomSheetSlotData]);
-  (0, _react.useEffect)(() => {
-    if (!webRef.current) return;
-    if (requestRenderingEvent) {
-      (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, requestRenderingEvent);
+    switch (renderingType) {
+      case _bottomSheet.BottomSheetRenderingType.Slot:
+        if (webRef.current && bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && bottomSheetSlotData.requestRenderingEvent) {
+          (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, bottomSheetSlotData.requestRenderingEvent);
+        }
+        break;
+      case _bottomSheet.BottomSheetRenderingType.WebComponent:
+        if (isAddToWallet) {
+          var _webRef$current;
+          (_webRef$current = webRef.current) === null || _webRef$current === void 0 ? void 0 : _webRef$current.injectJavaScript('document.activeElement && document.activeElement.blur();');
+          setHeight(fullScreenHeight);
+        }
+        break;
+      case _bottomSheet.BottomSheetRenderingType.NativeComponent:
+        break;
     }
-  }, [webRef.current, requestRenderingEvent]);
+  }, [webRef, webComponentData, bottomSheetSlotData, nativeComponentData]);
   (0, _react.useEffect)(() => {
     if (!isBottomSheetActive) {
       webRef.current && (0, _UNBottomSheetComponent.resetHtml)(webRef.current);
       setHeight(0);
-      setRequestRenderingEvent(undefined);
+      setShouldShowComponent(false);
+      setWebComponentData(undefined);
+      setBottomSheetSlotData(undefined);
+      setRenderingType(_bottomSheet.BottomSheetRenderingType.Slot);
       setScrollState(ScrollState.onTop);
-      setCustomDialog(null);
+      setIsAddToWallet(false);
     }
   }, [isBottomSheetActive]);
   (0, _react.useEffect)(() => {
-    if (!waitForLoadingNewComponent && newHeightMessage) {
-      setWaitForLoadingNewComponent(false);
+    if (shouldShowComponent) {
+      defineScrollState();
       setNewHeight(newHeightMessage);
     }
-  }, [waitForLoadingNewComponent, newHeightMessage]);
+  }, [shouldShowComponent, newHeightMessage, isAddToWallet]);
   (0, _listenerToBus.useListenerToBus)({
-    busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING,
-    action: handleRequestRendering
+    busEventKey: _bottomSheetMessage.BottomSheetNativeMessage.START_FLOW,
+    action: startFlow
   });
   (0, _listenerToBus.useListenerToBus)({
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
     action: handleCloseFlow
   });
-  const setNewHeight = message => {
-    if (!requestRenderingEvent) return;
-    switch (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName) {
-      case _WebComponent.WebComponentType.account:
-        {
-          const accountActionType = (0, _UNAccountComponent.getAccountActionType)(requestRenderingEvent);
-          setScrollState(accountActionType === _UNAccountComponent2.AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
-          break;
-        }
-      case _WebComponent.WebComponentType.card:
-        {
-          if (customDialog === CustomDialog.addToWallet) {
-            setScrollState(ScrollState.unScrollable);
-          } else {
-            setScrollState(ScrollState.onTop);
+  const defineScrollState = () => {
+    const scrollStateForSlot = () => {
+      if (!(bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && bottomSheetSlotData.requestRenderingEvent)) return;
+      switch (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName) {
+        case _webComponent.WebComponentType.account:
+          {
+            const accountActionType = (0, _UNAccountComponent.getAccountActionType)(bottomSheetSlotData.requestRenderingEvent);
+            setScrollState(accountActionType === _UNAccountComponent2.AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
+            break;
           }
-          break;
-        }
-      default:
-        {
-          const nativePlace = requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : requestRenderingEvent.data.nativePlace;
-          if (nativePlace == 'overFullScreen') {
-            setScrollState(ScrollState.onTop);
-          } else {
-            setScrollState(ScrollState.unScrollable);
+        case _webComponent.WebComponentType.card:
+          {
+            if (isAddToWallet) {
+              setScrollState(ScrollState.unScrollable);
+            } else {
+              setScrollState(ScrollState.onTop);
+            }
+            break;
           }
-        }
+        default:
+          {
+            // default web component case
+            const nativePlace = bottomSheetSlotData.requestRenderingEvent.data.nativePlace;
+            if (nativePlace == 'overFullScreen') {
+              setScrollState(ScrollState.onTop);
+            } else {
+              setScrollState(ScrollState.unScrollable);
+            }
+          }
+      }
+    };
+    const scrollStateForWebComponent = () => {
+      if (isAddToWallet) {
+        setScrollState(ScrollState.unScrollable);
+      } else {
+        setScrollState(ScrollState.onTop);
+      }
+    };
+    switch (renderingType) {
+      case _bottomSheet.BottomSheetRenderingType.Slot:
+        scrollStateForSlot();
+        break;
+      case _bottomSheet.BottomSheetRenderingType.WebComponent:
+        scrollStateForWebComponent();
+        break;
+      default:
+        setScrollState(ScrollState.onTop);
     }
-    const nativePlace = requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : requestRenderingEvent.data.nativePlace;
-    if (nativePlace == 'overFullScreen') {
-      const bottomSheetNewHeight = (0, _UNBottomSheetComponent.handleHtmlFullHeight)(webRef.current, _reactNative.Dimensions.get('window').height);
-      setHeight(bottomSheetNewHeight);
-    } else {
-      setHeight(message.details.height);
+  };
+  const setNewHeight = message => {
+    if (isAddToWallet) {
+      setHeight(fullScreenHeight);
+    } else if (message) {
+      const nativePlace = bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent.data.nativePlace;
+      if (nativePlace == 'overFullScreen') {
+        (0, _UNBottomSheetComponent.injectHtmlFullScreenHeight)(webRef.current, fullScreenHeight);
+        setHeight(fullScreenHeight);
+      } else {
+        setHeight(message.details.height);
+      }
     }
   };
   const onWebMessage = message => {
     switch (message.type) {
       case _pageMessage.PageMessage.PAGE_HEIGHT:
-        requestRenderingEvent && setNewHeightMessage(message);
+        (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent) && setNewHeightMessage(message);
         break;
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
         {
-          var _requestRenderingEven;
+          var _bottomSheetSlotData$, _bottomSheetSlotData$2;
+          setRenderingType(_bottomSheet.BottomSheetRenderingType.Slot);
           const requestRendering = message.details;
-          if (requestRendering.data.nativeComponent != (requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : (_requestRenderingEven = requestRenderingEvent.data) === null || _requestRenderingEven === void 0 ? void 0 : _requestRenderingEven.nativeComponent)) {
-            if (requestRendering.data.nativeComponent.includes('action=AddToWallet')) {
-              setCustomDialog(CustomDialog.addToWallet);
-            }
+          setWebComponentData(undefined);
+          if (requestRendering.data.nativeComponent != (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : (_bottomSheetSlotData$ = bottomSheetSlotData.requestRenderingEvent) === null || _bottomSheetSlotData$ === void 0 ? void 0 : (_bottomSheetSlotData$2 = _bottomSheetSlotData$.data) === null || _bottomSheetSlotData$2 === void 0 ? void 0 : _bottomSheetSlotData$2.nativeComponent)) {
+            setIsAddToWallet(requestRendering.data.nativeComponent.includes('action=AddToWallet'));
+
+            // Animation between bottom sheet screens
+            // Close the bottom sheet
             setHeight(0);
-            setRequestRenderingEvent(requestRendering);
-            setWaitForLoadingNewComponent(true);
-            setTimeout(() => setWaitForLoadingNewComponent(false), 400);
+            setShouldShowComponent(false);
+
+            // Update the bottom sheet data
+            setBottomSheetSlotData({
+              componentResourceId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId,
+              componentName: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName,
+              requestRenderingEvent: requestRendering
+            });
+
+            // Open the bottom sheet
+            setTimeout(() => setShouldShowComponent(true), 400);
           }
           break;
         }
@@ -185,22 +252,40 @@ const UNBottomSheetComponent = () => {
     setScrollState(ScrollState.onlyWebView);
   };
   const renderBottomSheetItem = () => {
-    switch (customDialog) {
-      case CustomDialog.addToWallet:
-        return /*#__PURE__*/_react.default.createElement(_UNAddToWalletBottomSheetItem.UNAddToWalletBottomSheetItem, {
-          renderingRequest: requestRenderingEvent,
-          cardId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId
-        });
-      default:
+    var _bottomSheetSlotData$3, _webComponentData$par;
+    switch (renderingType) {
+      case _bottomSheet.BottomSheetRenderingType.Slot:
+        if (bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && (_bottomSheetSlotData$3 = bottomSheetSlotData.requestRenderingEvent.data.nativeComponent) !== null && _bottomSheetSlotData$3 !== void 0 && _bottomSheetSlotData$3.includes('action=AddToWallet') && bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && bottomSheetSlotData.componentResourceId) {
+          return /*#__PURE__*/_react.default.createElement(_UNAddToWalletBottomSheetItem.UNAddToWalletBottomSheetItem, {
+            renderingType: renderingType,
+            renderingRequest: bottomSheetSlotData.requestRenderingEvent,
+            cardId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId,
+            fullScreenHeight: fullScreenHeight
+          });
+        }
         return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
           ref: webRef,
-          type: _WebComponent.WebComponentType.slot,
-          presentationMode: _bodyHtml.PresentationMode.CoverInjectedHeight,
+          type: _webComponent.WebComponentType.slot,
+          presentationMode: _webComponent.PresentationMode.CoverInjectedHeight,
           script: (0, _UNBottomSheetComponent.getBottomSheetScript)(),
           onMessage: onWebMessage,
           isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
           handleScroll: onScrollWebView
         });
+      case _bottomSheet.BottomSheetRenderingType.WebComponent:
+        if (webComponentData !== null && webComponentData !== void 0 && (_webComponentData$par = webComponentData.params) !== null && _webComponentData$par !== void 0 && _webComponentData$par.includes('action=AddToWallet')) {
+          const cardId = (0, _UNBottomSheetComponent.extractCardIdFromComponentParams)(webComponentData);
+          if (!cardId) return null;
+          return /*#__PURE__*/_react.default.createElement(_UNAddToWalletBottomSheetItem.UNAddToWalletBottomSheetItem, {
+            renderingType: renderingType,
+            webComponentData: webComponentData,
+            cardId: cardId,
+            fullScreenHeight: fullScreenHeight
+          });
+        }
+        return null;
+      case _bottomSheet.BottomSheetRenderingType.NativeComponent:
+        return null;
     }
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {