react-native-unit-components 1.0.1 → 1.0.3

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNAddToWalletBottomSheetItem = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cardMessage = require("../../../messages/nativeMessages/cardMessage");
+
+var _EventBus = _interopRequireDefault(require("../../../helpers/EventBus"));
+
+var _bodyHtml = require("../../../scripts/html/bodyHtml");
+
+var _WebComponent = require("../../../webComponent/WebComponent");
+
+var _UNBottomSheetComponent = require("../UNBottomSheetComponent.utils");
+
+var _UNAddToWalletBottomSheetItem = require("./UNAddToWalletBottomSheetItem.styles");
+
+var _reactNative = require("react-native");
+
+var _listenerToBus = require("../../../hooks/listenerToBus");
+
+var _UnitAddToWalletButton = _interopRequireDefault(require("../../../nativeComponent/UnitAddToWalletButton"));
+
+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; }
+
+const UNAddToWalletBottomSheetItem = props => {
+  const styles = (0, _UNAddToWalletBottomSheetItem.getStylesObject)();
+  const webRef = (0, _react.useRef)(null);
+  const {
+    renderingRequest,
+    cardId
+  } = props;
+  const [addToWalletStatus, setAddToWalletStatus] = (0, _react.useState)(_cardMessage.CardAddToWalletStatus.pending);
+  (0, _react.useEffect)(() => {
+    if (!cardId) return;
+    const event = {
+      cardId
+    };
+
+    _EventBus.default.Instance.event(_cardMessage.CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);
+  }, [cardId]);
+  (0, _react.useEffect)(() => {
+    if (!webRef.current) return;
+    if (addToWalletStatus === _cardMessage.CardAddToWalletStatus.pending) return;
+    const isCardInWallet = addToWalletStatus === _cardMessage.CardAddToWalletStatus.addedToWallet;
+    webRef.current.injectJavaScript(`window.UnitMobileSDKConfig["isCardInWallet"] = ${isCardInWallet}`);
+
+    if (renderingRequest) {
+      (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, renderingRequest);
+    }
+  }, [webRef.current, renderingRequest, addToWalletStatus]);
+
+  const gotCardWalletStatus = data => {
+    if (data != null) {
+      setAddToWalletStatus(data.status);
+    }
+  };
+
+  (0, _listenerToBus.useListenerToBus)([{
+    busEventKey: _cardMessage.CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS,
+    action: gotCardWalletStatus
+  }]);
+
+  const handleAddToWalletClicked = () => {
+    if (!cardId) return;
+    const startPushProvisioningEvent = {
+      cardId
+    };
+
+    _EventBus.default.Instance.event(_cardMessage.CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+    ref: webRef,
+    type: _WebComponent.WebComponentType.slot,
+    presentationMode: _bodyHtml.PresentationMode.CoverInjectedHeight,
+    isScrollable: false
+  }), addToWalletStatus === _cardMessage.CardAddToWalletStatus.pending && /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    style: styles.loader
+  }), addToWalletStatus === _cardMessage.CardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/_react.default.createElement(_UnitAddToWalletButton.default, {
+    style: styles.addToWalletButton,
+    onAddToWalletClicked: handleAddToWalletClicked
+  }));
+};
+
+exports.UNAddToWalletBottomSheetItem = UNAddToWalletBottomSheetItem;
+//# sourceMappingURL=UNAddToWalletBottomSheetItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UNAddToWalletBottomSheetItem","props","styles","getStylesObject","webRef","useRef","renderingRequest","cardId","addToWalletStatus","setAddToWalletStatus","useState","CardAddToWalletStatus","pending","useEffect","event","EventBus","Instance","CardNativeMessage","CARD_GET_ADD_TO_WALLET_STATUS","current","isCardInWallet","addedToWallet","injectJavaScript","renderingBottomSheetRequest","gotCardWalletStatus","data","status","useListenerToBus","busEventKey","CARD_UPDATE_ADD_TO_WALLET_STATUS","action","handleAddToWalletClicked","startPushProvisioningEvent","CARD_START_PUSH_PROVISIONING","WebComponentType","slot","PresentationMode","CoverInjectedHeight","loader","readyToProvisioning","addToWalletButton"],"sources":["UNAddToWalletBottomSheetItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { CardAddToWalletStatus, CardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../../messages/nativeMessages/cardMessage';\nimport EventBus from '../../../helpers/EventBus';\nimport { PresentationMode } from '../../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../../webComponent/WebComponent';\nimport { renderingBottomSheetRequest } from '../UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';\nimport { ActivityIndicator } from 'react-native';\nimport { useListenerToBus } from '../../../hooks/listenerToBus';\nimport type { RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';\nimport UnitAddToWalletButtonView from '../../../nativeComponent/UnitAddToWalletButton';\n\nexport interface UNAddToWalletBottomSheetItemProps {\n  renderingRequest?: RequestRenderingEvent\n  cardId?: string\n}\n\nexport const UNAddToWalletBottomSheetItem = (props: UNAddToWalletBottomSheetItemProps) => {\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const { renderingRequest, cardId } = props;\n\n  const [addToWalletStatus, setAddToWalletStatus] = useState<CardAddToWalletStatus>(CardAddToWalletStatus.pending);\n\n  useEffect(() => {\n    if (!cardId) return;\n    const event: CardGetAddToWalletStatusEvent = { cardId };\n    EventBus.Instance.event(CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);\n  }, [cardId]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (addToWalletStatus === CardAddToWalletStatus.pending) return;\n\n    const isCardInWallet = addToWalletStatus === CardAddToWalletStatus.addedToWallet;\n    webRef.current.injectJavaScript(`window.UnitMobileSDKConfig[\"isCardInWallet\"] = ${isCardInWallet}`);\n\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest, addToWalletStatus]);\n\n  const gotCardWalletStatus = (data?: CardAddToWalletStatusEvent) => {\n    if (data != null) {\n      setAddToWalletStatus(data.status);\n    }\n  };\n\n  useListenerToBus([\n    { busEventKey: CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, action: gotCardWalletStatus },\n  ]);\n\n  const handleAddToWalletClicked = () => {\n    if (!cardId) return;\n    const startPushProvisioningEvent: CardStartPushProvisioningEvent = { cardId };\n    EventBus.Instance.event(CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);\n  };\n\n  return (\n    <>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.slot}\n        presentationMode={PresentationMode.CoverInjectedHeight}\n        isScrollable={false}\n      />\n      {addToWalletStatus === CardAddToWalletStatus.pending && <ActivityIndicator style={styles.loader} />}\n      {addToWalletStatus === CardAddToWalletStatus.readyToProvisioning && <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAOO,MAAMA,4BAA4B,GAAIC,KAAD,IAA8C;EACxF,MAAMC,MAAM,GAAG,IAAAC,6CAAA,GAAf;EAEA,MAAMC,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;EAEA,MAAM;IAAEC,gBAAF;IAAoBC;EAApB,IAA+BN,KAArC;EAEA,MAAM,CAACO,iBAAD,EAAoBC,oBAApB,IAA4C,IAAAC,eAAA,EAAgCC,kCAAA,CAAsBC,OAAtD,CAAlD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAI,CAACN,MAAL,EAAa;IACb,MAAMO,KAAoC,GAAG;MAAEP;IAAF,CAA7C;;IACAQ,iBAAA,CAASC,QAAT,CAAkBF,KAAlB,CAAwBG,8BAAA,CAAkBC,6BAA1C,EAAyEJ,KAAzE;EACD,CAJD,EAIG,CAACP,MAAD,CAJH;EAMA,IAAAM,gBAAA,EAAU,MAAM;IACd,IAAI,CAACT,MAAM,CAACe,OAAZ,EAAqB;IACrB,IAAIX,iBAAiB,KAAKG,kCAAA,CAAsBC,OAAhD,EAAyD;IAEzD,MAAMQ,cAAc,GAAGZ,iBAAiB,KAAKG,kCAAA,CAAsBU,aAAnE;IACAjB,MAAM,CAACe,OAAP,CAAeG,gBAAf,CAAiC,kDAAiDF,cAAe,EAAjG;;IAEA,IAAId,gBAAJ,EAAsB;MACpB,IAAAiB,mDAAA,EAA4BnB,MAAM,CAACe,OAAnC,EAA4Cb,gBAA5C;IACD;EACF,CAVD,EAUG,CAACF,MAAM,CAACe,OAAR,EAAiBb,gBAAjB,EAAmCE,iBAAnC,CAVH;;EAYA,MAAMgB,mBAAmB,GAAIC,IAAD,IAAuC;IACjE,IAAIA,IAAI,IAAI,IAAZ,EAAkB;MAChBhB,oBAAoB,CAACgB,IAAI,CAACC,MAAN,CAApB;IACD;EACF,CAJD;;EAMA,IAAAC,+BAAA,EAAiB,CACf;IAAEC,WAAW,EAAEX,8BAAA,CAAkBY,gCAAjC;IAAmEC,MAAM,EAAEN;EAA3E,CADe,CAAjB;;EAIA,MAAMO,wBAAwB,GAAG,MAAM;IACrC,IAAI,CAACxB,MAAL,EAAa;IACb,MAAMyB,0BAA0D,GAAG;MAAEzB;IAAF,CAAnE;;IACAQ,iBAAA,CAASC,QAAT,CAAkBF,KAAlB,CAAwBG,8BAAA,CAAkBgB,4BAA1C,EAAwED,0BAAxE;EACD,CAJD;;EAMA,oBACE,yEACE,6BAAC,0BAAD;IACE,GAAG,EAAE5B,MADP;IAEE,IAAI,EAAE8B,8BAAA,CAAiBC,IAFzB;IAGE,gBAAgB,EAAEC,0BAAA,CAAiBC,mBAHrC;IAIE,YAAY,EAAE;EAJhB,EADF,EAOG7B,iBAAiB,KAAKG,kCAAA,CAAsBC,OAA5C,iBAAuD,6BAAC,8BAAD;IAAmB,KAAK,EAAEV,MAAM,CAACoC;EAAjC,EAP1D,EAQG9B,iBAAiB,KAAKG,kCAAA,CAAsB4B,mBAA5C,iBAAmE,6BAAC,8BAAD;IAA2B,KAAK,EAAErC,MAAM,CAACsC,iBAAzC;IAA4D,oBAAoB,EAAET;EAAlF,EARtE,CADF;AAYD,CAvDM"}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStylesObject = void 0;
+
+var _reactNative = require("react-native");
+
+const getStylesObject = () => {
+  return _reactNative.StyleSheet.create({
+    addToWalletButton: {
+      position: 'absolute',
+      height: _reactNative.Platform.OS === 'ios' ? 48 : 55,
+      bottom: 32,
+      left: 0,
+      right: 0,
+      marginHorizontal: 24
+    },
+    loader: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  });
+};
+
+exports.getStylesObject = getStylesObject;
+//# sourceMappingURL=UNAddToWalletBottomSheetItem.styles.js.map

package/lib/commonjs/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStylesObject","StyleSheet","create","addToWalletButton","position","height","Platform","OS","bottom","left","right","marginHorizontal","loader","top"],"sources":["UNAddToWalletBottomSheetItem.styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from 'react-native';\n\nexport const getStylesObject = () => {\n  return StyleSheet.create({\n    addToWalletButton: {\n      position: 'absolute',\n      height: Platform.OS === 'ios' ? 48 : 55,\n      bottom: 32,\n      left: 0,\n      right: 0,\n      marginHorizontal: 24\n    },\n    loader: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n    }\n  });\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,UADO;MAEjBC,MAAM,EAAEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,EAAxB,GAA6B,EAFpB;MAGjBC,MAAM,EAAE,EAHS;MAIjBC,IAAI,EAAE,CAJW;MAKjBC,KAAK,EAAE,CALU;MAMjBC,gBAAgB,EAAE;IAND,CADI;IASvBC,MAAM,EAAE;MACNR,QAAQ,EAAE,UADJ;MAENS,GAAG,EAAE,CAFC;MAGNL,MAAM,EAAE,CAHF;MAINC,IAAI,EAAE,CAJA;MAKNC,KAAK,EAAE;IALD;EATe,CAAlB,CAAP;AAiBD,CAlBM"}

package/lib/commonjs/components/UNCardComponent/UNCardComponent.js

@@ -25,6 +25,8 @@ var _bodyHtml = require("../../scripts/html/bodyHtml");
 
 var _cardMessage = require("../../messages/webMessages/cardMessage");
 
+var _cardMessage2 = require("../../messages/nativeMessages/cardMessage");
+
 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); }
@@ -33,10 +35,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const UNCardComponent = props => {
   const [height, setHeight] = (0, _react.useState)(0);
-  const [requestRefreshEvent, setRequestRefreshEvent] = (0, _react.useState)(null);
 
   const windowWidth = _reactNative.Dimensions.get('window').width;
 
+  const walletRef = (0, _react.useRef)(null);
   const webRef = (0, _react.useRef)(null);
 
   const cardStatusChanged = card => {
@@ -46,7 +48,17 @@ const UNCardComponent = props => {
   };
 
   const requestRefresh = data => {
-    setRequestRefreshEvent(data);
+    (0, _UNCardComponent.injectRefreshEventIfNeeded)(webRef.current, data, props.cardId);
+  };
+
+  const startPushProvisioning = async data => {
+    if (data.cardId !== props.cardId) return;
+    onAddToWalletClicked();
+  };
+
+  const getAddToWalletStatus = data => {
+    if (data.cardId !== props.cardId) return;
+    getWallets();
   };
 
   (0, _listenerToBus.useListenerToBus)([{
@@ -55,21 +67,66 @@ const UNCardComponent = props => {
   }, {
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
+  }, {
+    busEventKey: _cardMessage2.CardNativeMessage.CARD_START_PUSH_PROVISIONING,
+    action: startPushProvisioning
+  }, {
+    busEventKey: _cardMessage2.CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS,
+    action: getAddToWalletStatus
   }]);
-  (0, _react.useEffect)(() => {
-    (0, _UNCardComponent.injectRefreshEventIfNeeded)(webRef.current, requestRefreshEvent, props.cardId);
-  }, [requestRefreshEvent]);
 
   const handleMessage = message => {
+    if (!message || !message.details) return;
+
     switch (message.type) {
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
-        _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, message.details.data);
+        {
+          const event = {
+            componentName: _WebComponent.WebComponentType.card,
+            componentResourceId: props.cardId,
+            requestRenderingEvent: message.details
+          };
 
-        break;
+          _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, event);
+
+          break;
+        }
 
       case _pageMessage.PageMessage.PAGE_HEIGHT:
         setHeight(message.details.height);
         break;
+
+      case _unitMessages.UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+    }
+  };
+
+  const getWallets = async () => {
+    try {
+      const walletResponse = await (0, _UNCardComponent.launchGetWallets)(props.customerToken, props.cardId, props.pushProvisioningModule);
+      if (!walletResponse) return;
+      walletRef.current = walletResponse;
+      const walletStatus = {
+        status: walletResponse.status
+      };
+
+      _EventBus.default.Instance.event(_cardMessage2.CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, walletStatus);
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
+  const onAddToWalletClicked = async () => {
+    try {
+      await (0, _UNCardComponent.launchStartCardProvisioning)(props.pushProvisioningModule, walletRef.current);
+    } catch (error) {
+      if (error instanceof Error) {
+        const parsedError = JSON.parse(error.message);
+        if (parsedError.code === _cardMessage2.CardAddToWalletErrors.closedNativeWalletScreen) return;
+      }
+
+      console.log(error);
     }
   };
 
@@ -82,6 +139,7 @@ const UNCardComponent = props => {
     type: _WebComponent.WebComponentType.card,
     presentationMode: _bodyHtml.PresentationMode.Default,
     params: (0, _UNCardComponent.getCardParams)(props),
+    theme: props.theme,
     script: (0, _UNCardComponent.getCardScript)(),
     onMessage: message => handleMessage(message),
     width: windowWidth,

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

@@ -1 +1 @@
-{"version":3,"names":["UNCardComponent","props","height","setHeight","useState","requestRefreshEvent","setRequestRefreshEvent","windowWidth","Dimensions","get","width","webRef","useRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","useListenerToBus","busEventKey","CardMessage","CARD_STATUS_CHANGED","action","UnitMessage","UNIT_REQUEST_REFRESH","useEffect","injectRefreshEventIfNeeded","current","cardId","handleMessage","message","type","UNIT_REQUEST_RENDERING","EventBus","Instance","event","details","PageMessage","PAGE_HEIGHT","WebComponentType","PresentationMode","Default","getCardParams","getCardScript"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { useEffect, 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 { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getCardParams, getCardScript, injectRefreshEventIfNeeded } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNCardData } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\n\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  theme?: string;\n  onStatusChanged?: (card: UNCardData) => void;\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0);\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n  const windowWidth = Dimensions.get('window').width;\n\n  const webRef = useRef<WebView>(null);\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  useListenerToBus([\n    { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n  ]);\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent, props.cardId);\n  }, [requestRefreshEvent]);\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, (message.details as RequestRenderingEvent).data);\n        break;\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.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;;;;;AASO,MAAMA,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAS,CAAT,CAA5B;EACA,MAAM,CAACC,mBAAD,EAAsBC,sBAAtB,IAAgD,IAAAF,eAAA,EAAqC,IAArC,CAAtD;;EACA,MAAMG,WAAW,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;EAEA,MAAMC,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;;EAEA,MAAMC,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIb,KAAK,CAACc,eAAV,EAA2B;MACzBd,KAAK,CAACc,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDX,sBAAsB,CAACW,IAAD,CAAtB;EACD,CAFD;;EAIA,IAAAC,+BAAA,EAAiB,CACf;IAAEC,WAAW,EAAEC,wBAAA,CAAYC,mBAA3B;IAAgDC,MAAM,EAAET;EAAxD,CADe,EAEf;IAAEM,WAAW,EAAEI,yBAAA,CAAYC,oBAA3B;IAAiDF,MAAM,EAAEN;EAAzD,CAFe,CAAjB;EAKA,IAAAS,gBAAA,EAAU,MAAM;IACd,IAAAC,2CAAA,EAA2Bf,MAAM,CAACgB,OAAlC,EAA2CtB,mBAA3C,EAAgEJ,KAAK,CAAC2B,MAAtE;EACD,CAFD,EAEG,CAACvB,mBAAD,CAFH;;EAIA,MAAMwB,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKR,yBAAA,CAAYS,sBAAjB;QACEC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBZ,yBAAA,CAAYS,sBAApC,EAA6DF,OAAO,CAACM,OAAT,CAA2CnB,IAAvG;;QACA;;MACF,KAAKoB,wBAAA,CAAYC,WAAjB;QACEnC,SAAS,CAAE2B,OAAO,CAACM,OAAT,CAAiClC,MAAlC,CAAT;QACA;IANJ;EAQD,CATD;;EAWA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,6BAAC,0BAAD;IACE,GAAG,EAAES,MADP;IAEE,IAAI,EAAE4B,8BAAA,CAAiBzB,IAFzB;IAGE,gBAAgB,EAAE0B,0BAAA,CAAiBC,OAHrC;IAIE,MAAM,EAAE,IAAAC,8BAAA,EAAczC,KAAd,CAJV;IAKE,MAAM,EAAE,IAAA0C,8BAAA,GALV;IAME,SAAS,EAAEb,OAAO,IAAID,aAAa,CAACC,OAAD,CANrC;IAOE,KAAK,EAAEvB,WAPT;IAQE,YAAY,EAAE;EARhB,EADF,CADF;AAcD,CAnDM"}
+{"version":3,"names":["UNCardComponent","props","height","setHeight","useState","windowWidth","Dimensions","get","width","walletRef","useRef","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","injectRefreshEventIfNeeded","current","cardId","startPushProvisioning","onAddToWalletClicked","getAddToWalletStatus","getWallets","useListenerToBus","busEventKey","CardMessage","CARD_STATUS_CHANGED","action","UnitMessage","UNIT_REQUEST_REFRESH","CardNativeMessage","CARD_START_PUSH_PROVISIONING","CARD_GET_ADD_TO_WALLET_STATUS","handleMessage","message","details","type","UNIT_REQUEST_RENDERING","event","componentName","WebComponentType","componentResourceId","requestRenderingEvent","EventBus","Instance","PageMessage","PAGE_HEIGHT","UNIT_ON_LOAD","onLoad","walletResponse","launchGetWallets","customerToken","pushProvisioningModule","walletStatus","status","CARD_UPDATE_ADD_TO_WALLET_STATUS","error","console","launchStartCardProvisioning","Error","parsedError","JSON","parse","code","CardAddToWalletErrors","closedNativeWalletScreen","log","PresentationMode","Default","getCardParams","theme","getCardScript"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { Dimensions, NativeModule, 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 { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getCardParams, getCardScript, injectRefreshEventIfNeeded, launchStartCardProvisioning } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { ResponseUnitOnLoadEvent, UNCardData } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\nimport { launchGetWallets } from './UNCardComponent.utils';\nimport type { NativeModules } from 'react-native';\nimport type { UNWallet } from 'src/sharedTypes/wallet.types';\nimport { CardAddToWalletErrors, CardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../messages/nativeMessages/cardMessage';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  theme?: string;\n  onStatusChanged?: (card: UNCardData) => void;\n  pushProvisioningModule?: typeof NativeModules;\n  onLoad?: (response: ResponseUnitOnLoadEvent) => void\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0);\n  const windowWidth = Dimensions.get('window').width;\n  const walletRef = useRef<UNWallet | null>(null);\n\n  const webRef = useRef<WebView>(null);\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    injectRefreshEventIfNeeded(webRef.current, data, props.cardId);\n  };\n\n  const startPushProvisioning = async (data: CardStartPushProvisioningEvent) => {\n    if (data.cardId !== props.cardId) return;\n    onAddToWalletClicked();\n  };\n\n  const getAddToWalletStatus = (data: CardGetAddToWalletStatusEvent) => {\n    if (data.cardId !== props.cardId) return;\n    getWallets();\n  };\n\n  useListenerToBus([\n    { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n    { busEventKey: CardNativeMessage.CARD_START_PUSH_PROVISIONING, action: startPushProvisioning },\n    { busEventKey: CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, action: getAddToWalletStatus }\n  ]);\n\n  const handleMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const event: BottomSheetSlotData = {\n          componentName: WebComponentType.card,\n          componentResourceId: props.cardId,\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      case UnitMessage.UNIT_ON_LOAD:\n        props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);\n        break;\n    }\n  };\n\n  const getWallets = async () => {\n\n    try {\n\n      const walletResponse = await launchGetWallets(props.customerToken, props.cardId, props.pushProvisioningModule as NativeModule);\n\n      if (!walletResponse) return;\n\n      walletRef.current = walletResponse;\n\n      const walletStatus: CardAddToWalletStatusEvent = { status: walletResponse.status };\n      EventBus.Instance.event(CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, walletStatus);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  const onAddToWalletClicked = async () => {\n    try {\n      await launchStartCardProvisioning(props.pushProvisioningModule as NativeModule, walletRef.current);\n    } catch (error) {\n      if (error instanceof Error) {\n        const parsedError = JSON.parse(error.message);\n        if (parsedError.code === CardAddToWalletErrors.closedNativeWalletScreen) return;\n      }\n      console.log(error);\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        theme={props.theme}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n};\n"],"mappings":"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"}

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

@@ -3,31 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.injectRefreshEventIfNeeded = exports.getCardScript = exports.getCardParams = void 0;
+exports.launchStartCardProvisioning = exports.launchGetWallets = exports.injectRefreshEventIfNeeded = exports.getCardScript = exports.getCardParams = void 0;
+
+var _bodyScript = require("./../../scripts/html/bodyScript");
 
 var _WebComponent = require("../../webComponent/WebComponent");
 
-var _unitMessages = require("../../messages/webMessages/unitMessages");
+var _UNWalletPayloadRequest = require("./networking/requests/UNWalletPayloadRequest");
 
-var _UnitSdkManager = require("../../unitSdkManager/UnitSdkManager");
+var _wallet = require("../../../src/sharedTypes/wallet.types");
 
 const getCardParams = props => {
   return `
     card-id="${props.cardId}"
     customer-token="${props.customerToken}"
-    theme="${props.theme ?? _UnitSdkManager.UnitSDK.getTheme()}"
+    enable-mobile-wallet="${!!props.pushProvisioningModule}"
   `;
 };
 
 exports.getCardParams = getCardParams;
 
 const getCardScript = () => {
-  return `
-    const dispatchRefreshEvent = (details) => {
-    const event = new CustomEvent("${_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
-    window.dispatchEvent(event)
-    }
-  `;
+  return _bodyScript.DISPATCH_REQUEST_REFRESH;
 };
 
 exports.getCardScript = getCardScript;
@@ -39,4 +36,53 @@ const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent, cardId) =>
 };
 
 exports.injectRefreshEventIfNeeded = injectRefreshEventIfNeeded;
+
+const launchGetWallets = async (customerToken, cardId, pushProvisioningModule) => {
+  try {
+    const encryptedPayload = await (0, _UNWalletPayloadRequest.getMobileWalletPayload)(customerToken, cardId);
+    if (!encryptedPayload) return null;
+    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({
+      encPayload: encryptedPayload
+    }));
+    const parsedWalletsResponse = JSON.parse(walletsResponse);
+    const wallets = parsedWalletsResponse.wallets;
+    if (!wallets) return null;
+
+    if (wallets[0].code === _wallet.UNWalletCode.Apple) {
+      return {
+        name: _wallet.UNWalletName.Apple,
+        code: _wallet.UNWalletCode.Apple,
+        status: wallets[0].status
+      };
+    } else {
+      const googleWallet = wallets.filter(wallet => {
+        return wallet.name === _wallet.UNWalletName.Google;
+      });
+      if (!googleWallet) return;
+      return {
+        name: _wallet.UNWalletName.Google,
+        code: _wallet.UNWalletCode.Google,
+        status: googleWallet[0].status
+      };
+    }
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};
+
+exports.launchGetWallets = launchGetWallets;
+
+const launchStartCardProvisioning = async (pushProvisioningModule, wallet) => {
+  try {
+    const response = await pushProvisioningModule.launchStartCardProvisioning(JSON.stringify({
+      walletCode: wallet === null || wallet === void 0 ? void 0 : wallet.code,
+      walletName: wallet === null || wallet === void 0 ? void 0 : wallet.name
+    }));
+    return response;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};
+
+exports.launchStartCardProvisioning = launchStartCardProvisioning;
 //# sourceMappingURL=UNCardComponent.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getCardParams","props","cardId","customerToken","theme","UnitSDK","getTheme","getCardScript","UnitMessage","UNIT_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","WebComponentType","card","valueOf","resourceId","injectJavaScript","JSON","stringify"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n  `;\n};\n\nexport const getCardScript = () => {\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 injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AACA;;AAEO,MAAMA,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,aAAaF,KAAK,CAACG,KAAN,IAAeC,uBAAA,CAAQC,QAAR,EAAmB;AAC/C,GAJE;AAKD,CANM;;;;AAQA,MAAMC,aAAa,GAAG,MAAM;EACjC,OAAQ;AACV;AACA,qCAAqCC,yBAAA,CAAYC,oBAAqB;AACtE;AACA;AACA,GALE;AAMD,CAPM;;;;AASA,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,EAA8EV,MAA9E,KAAiG;EACzI,IAAIU,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CC,8BAAA,CAAiBC,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGL,mBAAmB,CAACM,UAApB,IAAkChB,MAA3I,EAAmJ;IACjJS,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEQ,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeT,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}
+{"version":3,"names":["getCardParams","props","cardId","customerToken","pushProvisioningModule","getCardScript","DISPATCH_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","WebComponentType","card","valueOf","resourceId","injectJavaScript","JSON","stringify","launchGetWallets","encryptedPayload","getMobileWalletPayload","walletsResponse","encPayload","parsedWalletsResponse","parse","wallets","code","UNWalletCode","Apple","name","UNWalletName","status","googleWallet","filter","wallet","Google","error","Promise","reject","launchStartCardProvisioning","response","walletCode","walletName"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport type { NativeModules } from 'react-native';\nimport { getMobileWalletPayload } from './networking/requests/UNWalletPayloadRequest';\nimport { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';\nimport type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    enable-mobile-wallet=\"${!!props.pushProvisioningModule}\"\n  `;\n};\n\nexport const getCardScript = () => {\n  return DISPATCH_REQUEST_REFRESH;\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n\nexport const launchGetWallets = async (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => {\n  try {\n    const encryptedPayload = await getMobileWalletPayload(customerToken, cardId);\n    if (!encryptedPayload) return null;\n\n    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({ encPayload: encryptedPayload }));\n    const parsedWalletsResponse = JSON.parse(walletsResponse);\n    const wallets = parsedWalletsResponse.wallets;\n\n    if (!wallets) return null;\n    if (wallets[0].code === UNWalletCode.Apple) {\n      return ({ name: UNWalletName.Apple, code: UNWalletCode.Apple, status: wallets[0].status });\n    } else {\n      const googleWallet = wallets.filter((wallet: { name: UNWalletName }) => {\n        return wallet.name === UNWalletName.Google;\n      });\n      if (!googleWallet) return;\n      return ({ name: UNWalletName.Google, code: UNWalletCode.Google, status: googleWallet[0].status });\n    }\n  } catch (error) {\n    return Promise.reject(error);\n  }\n\n};\n\nexport const launchStartCardProvisioning = async (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => {\n  try {\n    const response = await pushProvisioningModule.launchStartCardProvisioning(\n      JSON.stringify({\n        walletCode: wallet?.code,\n        walletName: wallet?.name\n      }));\n    return response;\n  }\n\n  catch (error) {\n    return Promise.reject(error);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AACA;;AAGO,MAAMA,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,4BAA4B,CAAC,CAACF,KAAK,CAACG,sBAAuB;AAC3D,GAJE;AAKD,CANM;;;;AAQA,MAAMC,aAAa,GAAG,MAAM;EACjC,OAAOC,oCAAP;AACD,CAFM;;;;AAIA,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,EAA8EP,MAA9E,KAAiG;EACzI,IAAIO,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CC,8BAAA,CAAiBC,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGL,mBAAmB,CAACM,UAApB,IAAkCb,MAA3I,EAAmJ;IACjJM,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEQ,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeT,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM;;;;AAMA,MAAMU,gBAAgB,GAAG,OAAOhB,aAAP,EAA8BD,MAA9B,EAA8CE,sBAA9C,KAA+F;EAC7H,IAAI;IACF,MAAMgB,gBAAgB,GAAG,MAAM,IAAAC,8CAAA,EAAuBlB,aAAvB,EAAsCD,MAAtC,CAA/B;IACA,IAAI,CAACkB,gBAAL,EAAuB,OAAO,IAAP;IAEvB,MAAME,eAAe,GAAG,MAAMlB,sBAAsB,CAACe,gBAAvB,CAAwCF,IAAI,CAACC,SAAL,CAAe;MAAEK,UAAU,EAAEH;IAAd,CAAf,CAAxC,CAA9B;IACA,MAAMI,qBAAqB,GAAGP,IAAI,CAACQ,KAAL,CAAWH,eAAX,CAA9B;IACA,MAAMI,OAAO,GAAGF,qBAAqB,CAACE,OAAtC;IAEA,IAAI,CAACA,OAAL,EAAc,OAAO,IAAP;;IACd,IAAIA,OAAO,CAAC,CAAD,CAAP,CAAWC,IAAX,KAAoBC,oBAAA,CAAaC,KAArC,EAA4C;MAC1C,OAAQ;QAAEC,IAAI,EAAEC,oBAAA,CAAaF,KAArB;QAA4BF,IAAI,EAAEC,oBAAA,CAAaC,KAA/C;QAAsDG,MAAM,EAAEN,OAAO,CAAC,CAAD,CAAP,CAAWM;MAAzE,CAAR;IACD,CAFD,MAEO;MACL,MAAMC,YAAY,GAAGP,OAAO,CAACQ,MAAR,CAAgBC,MAAD,IAAoC;QACtE,OAAOA,MAAM,CAACL,IAAP,KAAgBC,oBAAA,CAAaK,MAApC;MACD,CAFoB,CAArB;MAGA,IAAI,CAACH,YAAL,EAAmB;MACnB,OAAQ;QAAEH,IAAI,EAAEC,oBAAA,CAAaK,MAArB;QAA6BT,IAAI,EAAEC,oBAAA,CAAaQ,MAAhD;QAAwDJ,MAAM,EAAEC,YAAY,CAAC,CAAD,CAAZ,CAAgBD;MAAhF,CAAR;IACD;EACF,CAlBD,CAkBE,OAAOK,KAAP,EAAc;IACd,OAAOC,OAAO,CAACC,MAAR,CAAeF,KAAf,CAAP;EACD;AAEF,CAvBM;;;;AAyBA,MAAMG,2BAA2B,GAAG,OAAOpC,sBAAP,EAAqD+B,MAArD,KAAiF;EAC1H,IAAI;IACF,MAAMM,QAAQ,GAAG,MAAMrC,sBAAsB,CAACoC,2BAAvB,CACrBvB,IAAI,CAACC,SAAL,CAAe;MACbwB,UAAU,EAAEP,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAER,IADP;MAEbgB,UAAU,EAAER,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEL;IAFP,CAAf,CADqB,CAAvB;IAKA,OAAOW,QAAP;EACD,CAPD,CASA,OAAOJ,KAAP,EAAc;IACZ,OAAOC,OAAO,CAACC,MAAR,CAAeF,KAAf,CAAP;EACD;AACF,CAbM"}

package/lib/commonjs/components/UNCardComponent/networking/common/UNNetworkConstants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNIT_SECURE_URL = exports.APIHeaders = void 0;
+
+var _UnitSdkManager = require("../../../../unitSdkManager/UnitSdkManager");
+
+const APIHeaders = {
+  AUTHORIZATION: 'Authorization',
+  CONTENT_TYPE: 'application/vnd.api+json'
+};
+exports.APIHeaders = APIHeaders;
+const UNIT_SECURE_URL = {
+  [_UnitSdkManager.UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
+  [_UnitSdkManager.UNEnvironment.production]: 'https://secure.api.unit.co'
+};
+exports.UNIT_SECURE_URL = UNIT_SECURE_URL;
+//# sourceMappingURL=UNNetworkConstants.js.map

package/lib/commonjs/components/UNCardComponent/networking/common/UNNetworkConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["APIHeaders","AUTHORIZATION","CONTENT_TYPE","UNIT_SECURE_URL","UNEnvironment","sandbox","production"],"sources":["UNNetworkConstants.ts"],"sourcesContent":["import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';\n\nexport const APIHeaders = {\n  AUTHORIZATION: 'Authorization',\n  CONTENT_TYPE: 'application/vnd.api+json',\n};\n\nexport const UNIT_SECURE_URL = {\n  [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',\n  [UNEnvironment.production]: 'https://secure.api.unit.co'\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,UAAU,GAAG;EACxBC,aAAa,EAAE,eADS;EAExBC,YAAY,EAAE;AAFU,CAAnB;;AAKA,MAAMC,eAAe,GAAG;EAC7B,CAACC,6BAAA,CAAcC,OAAf,GAAyB,8BADI;EAE7B,CAACD,6BAAA,CAAcE,UAAf,GAA4B;AAFC,CAAxB"}

package/lib/commonjs/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMobileWalletPayload = void 0;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _UNNetworkConstants = require("../common/UNNetworkConstants");
+
+var _reactNativeUnitComponents = require("react-native-unit-components");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const env = _reactNativeUnitComponents.UnitSDK.getEnv();
+
+const getMobileWalletPayload = async (customerToken, cardId) => {
+  const headers = {
+    'Content-Type': _UNNetworkConstants.APIHeaders.CONTENT_TYPE,
+    'Authorization': `Bearer ${customerToken}`
+  };
+  const data = {
+    data: {
+      attributes: {
+        signedNonce: _reactNativeUnitComponents.UnitSDK.getSignedNonce()
+      }
+    }
+  };
+  const baseURL = `${_UNNetworkConstants.UNIT_SECURE_URL[env]}/cards/${cardId}/mobile-wallet-payload`;
+
+  try {
+    const response = await _axios.default.post(baseURL, data, {
+      headers: headers
+    });
+    const encryptedPayload = response.data.data.attributes.payload;
+    return encryptedPayload;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};
+
+exports.getMobileWalletPayload = getMobileWalletPayload;
+//# sourceMappingURL=UNWalletPayloadRequest.js.map

package/lib/commonjs/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["env","UnitSDK","getEnv","getMobileWalletPayload","customerToken","cardId","headers","APIHeaders","CONTENT_TYPE","data","attributes","signedNonce","getSignedNonce","baseURL","UNIT_SECURE_URL","response","axios","post","encryptedPayload","payload","error","Promise","reject"],"sources":["UNWalletPayloadRequest.ts"],"sourcesContent":["import axios from 'axios';\nimport { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';\nimport { UNEnvironment, UnitSDK } from 'react-native-unit-components';\n\nconst env = UnitSDK.getEnv();\n\nexport const getMobileWalletPayload = async (customerToken: string, cardId: string) => {\n  const headers = {\n    'Content-Type': APIHeaders.CONTENT_TYPE,\n    'Authorization': `Bearer ${customerToken}`,\n  };\n\n  const data = {\n    data: {\n      attributes: {\n        signedNonce: UnitSDK.getSignedNonce(),\n      },\n    },\n  };\n\n  const baseURL = `${UNIT_SECURE_URL[env as keyof typeof UNEnvironment]}/cards/${cardId}/mobile-wallet-payload`;\n  try {\n    const response = await axios.post(\n      baseURL,\n      data,\n      {\n        headers: headers,\n      });\n    const encryptedPayload = response.data.data.attributes.payload;\n    return encryptedPayload;\n  } catch (error) {\n    return Promise.reject(error);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAGC,kCAAA,CAAQC,MAAR,EAAZ;;AAEO,MAAMC,sBAAsB,GAAG,OAAOC,aAAP,EAA8BC,MAA9B,KAAiD;EACrF,MAAMC,OAAO,GAAG;IACd,gBAAgBC,8BAAA,CAAWC,YADb;IAEd,iBAAkB,UAASJ,aAAc;EAF3B,CAAhB;EAKA,MAAMK,IAAI,GAAG;IACXA,IAAI,EAAE;MACJC,UAAU,EAAE;QACVC,WAAW,EAAEV,kCAAA,CAAQW,cAAR;MADH;IADR;EADK,CAAb;EAQA,MAAMC,OAAO,GAAI,GAAEC,mCAAA,CAAgBd,GAAhB,CAAmD,UAASK,MAAO,wBAAtF;;EACA,IAAI;IACF,MAAMU,QAAQ,GAAG,MAAMC,cAAA,CAAMC,IAAN,CACrBJ,OADqB,EAErBJ,IAFqB,EAGrB;MACEH,OAAO,EAAEA;IADX,CAHqB,CAAvB;IAMA,MAAMY,gBAAgB,GAAGH,QAAQ,CAACN,IAAT,CAAcA,IAAd,CAAmBC,UAAnB,CAA8BS,OAAvD;IACA,OAAOD,gBAAP;EACD,CATD,CASE,OAAOE,KAAP,EAAc;IACd,OAAOC,OAAO,CAACC,MAAR,CAAeF,KAAf,CAAP;EACD;AACF,CA3BM"}

package/lib/commonjs/components/index.js

@@ -55,4 +55,17 @@ Object.keys(_UNActivityComponent).forEach(function (key) {
     }
   });
 });
+
+var _UNAccountComponent = require("./UNAccountComponent/UNAccountComponent");
+
+Object.keys(_UNAccountComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UNAccountComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UNAccountComponent[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './UNCardComponent/UNCardComponent';\nexport * from './UNBottomSheetComponent/UNBottomSheetComponent';\nexport * from './UNBookPaymentComponent/UNBookPaymentComponent';\nexport * from './UNActivityComponent/UNActivityComponent';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './UNCardComponent/UNCardComponent';\nexport * from './UNBottomSheetComponent/UNBottomSheetComponent';\nexport * from './UNBookPaymentComponent/UNBookPaymentComponent';\nexport * from './UNActivityComponent/UNActivityComponent';\nexport * from './UNAccountComponent/UNAccountComponent';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}