@sumup/react-native-checkout 0.0.0-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Modal","ThreeDSecureSheet","usePaymentStore","observer","CardSheet","AnimatedContainer","SavedCardsSheet","usePaymentSheet","PaymentSheet","sheetId","isSheetVisible","hidePaymentSheet","currentId","init","deinit","sheetHeight","setSheetHeight","cardSheetRef","savedCardsSheetRef","stack","current","close","handleCardPress","push","show","_stack$current","_stack$current$curren","_stack$current2","_stack$current2$curre","length","goToBack","goBack","_stack$current3","_stack$current3$curre","_stack$current4","_stack$current4$curre","hide","pop","createElement","Fragment","isVisible","onClose","ref","initWithoutAnimation","onHeightChanged","onCardPress","height","onBack"],"sourceRoot":"../../../../src","sources":["components/PaymentSheet/index.tsx"],"mappings":"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"}

package/lib/module/components/PrivacyPolicySheet/consts.js

@@ -0,0 +1,41 @@
+export const PRIVACY_POLICY_LINKS = {
+  AT: 'sumup.at',
+  BE: 'nl.sumup.be',
+  BG: 'sumup.bg',
+  HR: 'sumup.hr',
+  CY: 'sumup.com.cy',
+  CZ: 'sumup.cz',
+  DK: 'sumup.dk',
+  EE: 'sumup.ee',
+  FI: 'sumup.fi',
+  FR: 'sumup.fr',
+  DE: 'sumup.de',
+  GR: 'sumup.gr',
+  HU: 'sumup.hu',
+  IT: 'sumup.it',
+  LV: 'sumup.lv',
+  LT: 'sumup.lt',
+  LU: 'fr.sumup.lu',
+  MT: 'sumup.com.mt',
+  NL: 'sumup.nl',
+  PL: 'sumup.pl',
+  PT: 'sumup.pt',
+  RO: 'sumup.ro',
+  SK: 'sumup.sk',
+  SI: 'sumup.si',
+  ES: 'sumup.es',
+  SE: 'sumup.se',
+  GB: 'sumup.co.uk',
+  CH: 'ch-de.sumup.com',
+  NO: 'sumup.no',
+  AR: 'sumup.com.ar',
+  BR: 'sumup.com.br',
+  CL: 'sumup.cl',
+  CO: 'sumup.co',
+  PE: 'sumup.pe',
+  CA: 'sumup.ca',
+  AU: 'sumup.com.au'
+};
+export const DEFAULT_PRIVACY_POLICY_LINK = 'sumup.com';
+export const PRIVACY_URL_KEY = '/privacy';
+//# sourceMappingURL=consts.js.map

package/lib/module/components/PrivacyPolicySheet/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PRIVACY_POLICY_LINKS","AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","GB","CH","NO","AR","BR","CL","CO","PE","CA","AU","DEFAULT_PRIVACY_POLICY_LINK","PRIVACY_URL_KEY"],"sourceRoot":"../../../../src","sources":["components/PrivacyPolicySheet/consts.ts"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG;EAClCC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,cAAc;EAClBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,cAAc;EAClBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,cAAc;EAClBC,EAAE,EAAE,cAAc;EAClBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAG,WAAW;AAEtD,OAAO,MAAMC,eAAe,GAAG,UAAU"}

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

@@ -0,0 +1,26 @@
+import React, { forwardRef, useImperativeHandle, useMemo, useState } from 'react';
+import { WebViewSheet } from '../WebViewSheet';
+import { DEFAULT_PRIVACY_POLICY_LINK, PRIVACY_POLICY_LINKS, PRIVACY_URL_KEY } from './consts';
+export const PrivacyPolicySheet = /*#__PURE__*/forwardRef((props, ref) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const countryCode = props.countryCode;
+  const uri = useMemo(() => {
+    return 'https://' + (PRIVACY_POLICY_LINKS[countryCode] || DEFAULT_PRIVACY_POLICY_LINK) + PRIVACY_URL_KEY;
+  }, [countryCode]);
+  useImperativeHandle(ref, () => ({
+    show: () => {
+      setIsVisible(true);
+    }
+  }));
+  const onClose = () => {
+    setIsVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(WebViewSheet, {
+    isVisible: isVisible,
+    onClose: onClose,
+    source: {
+      uri
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useMemo","useState","WebViewSheet","DEFAULT_PRIVACY_POLICY_LINK","PRIVACY_POLICY_LINKS","PRIVACY_URL_KEY","PrivacyPolicySheet","props","ref","isVisible","setIsVisible","countryCode","uri","show","onClose","createElement","source"],"sourceRoot":"../../../../src","sources":["components/PrivacyPolicySheet/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,mBAAmB,EACnBC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SACEC,2BAA2B,EAC3BC,oBAAoB,EACpBC,eAAe,QACV,UAAU;AAUjB,OAAO,MAAMC,kBAAkB,gBAAGR,UAAU,CAG1C,CAACS,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMU,WAAW,GAAGJ,KAAK,CAACI,WAAgD;EAC1E,MAAMC,GAAG,GAAGZ,OAAO,CAAC,MAAM;IACxB,OACE,UAAU,IACTI,oBAAoB,CAACO,WAAW,CAAC,IAAIR,2BAA2B,CAAC,GAClEE,eAAe;EAEnB,CAAC,EAAE,CAACM,WAAW,CAAC,CAAC;EAEjBZ,mBAAmB,CAACS,GAAG,EAAE,OAAO;IAC9BK,IAAI,EAAEA,CAAA,KAAM;MACVH,YAAY,CAAC,IAAI,CAAC;IACpB;EACF,CAAC,CAAC,CAAC;EAEH,MAAMI,OAAO,GAAGA,CAAA,KAAM;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,oBACEb,KAAA,CAAAkB,aAAA,CAACb,YAAY;IACXO,SAAS,EAAEA,SAAU;IACrBK,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAE;MACNJ;IACF;EAAE,CACH,CAAC;AAEN,CAAC,CAAC"}

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

@@ -0,0 +1,54 @@
+import React, { useEffect, useState } from 'react';
+import { TouchableOpacity, Image } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStyles } from './styles';
+import { useNetInfo } from '@react-native-community/netinfo';
+import LoadingSpinner from '../LoadingSpinner';
+export const ProcessButton = props => {
+  const theme = useTheme();
+  const [type, setType] = useState('active');
+  const styles = useStyles(type);
+  const {
+    isConnected
+  } = useNetInfo();
+  useEffect(() => {
+    if (!isConnected) {
+      setType('disabled');
+      return;
+    }
+    switch (props.paymentStatus) {
+      case 'default':
+      case 'failed':
+        setType(props.canStartPayment ? 'active' : 'disabled');
+        break;
+      case 'processing':
+        setType('processing');
+        break;
+      case 'success':
+        setType('success');
+        break;
+    }
+  }, [props.canStartPayment, props.paymentStatus, isConnected]);
+  let content = /*#__PURE__*/React.createElement(React.Fragment, null);
+  switch (type) {
+    case 'processing':
+      content = /*#__PURE__*/React.createElement(LoadingSpinner, null);
+      break;
+    case 'active':
+    case 'disabled':
+      content = props.defaultContent;
+      break;
+    case 'success':
+      content = /*#__PURE__*/React.createElement(Image, {
+        source: theme.images.whiteCheckmark,
+        style: styles.checkmark
+      });
+      break;
+  }
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: type !== 'active',
+    style: styles.container,
+    onPress: props.onPress
+  }, content);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","TouchableOpacity","Image","useTheme","useStyles","useNetInfo","LoadingSpinner","ProcessButton","props","theme","type","setType","styles","isConnected","paymentStatus","canStartPayment","content","createElement","Fragment","defaultContent","source","images","whiteCheckmark","style","checkmark","disabled","container","onPress"],"sourceRoot":"../../../../src","sources":["components/ProcessButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,cAAc;AACtD,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAA4BC,SAAS,QAAQ,UAAU;AACvD,SAASC,UAAU,QAAQ,iCAAiC;AAC5D,OAAOC,cAAc,MAAM,mBAAmB;AAW9C,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExB,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGX,QAAQ,CAAoB,QAAQ,CAAC;EAE7D,MAAMY,MAAM,GAAGR,SAAS,CAACM,IAAI,CAAC;EAE9B,MAAM;IAAEG;EAAY,CAAC,GAAGR,UAAU,CAAC,CAAC;EAEpCN,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,WAAW,EAAE;MAChBF,OAAO,CAAC,UAAU,CAAC;MACnB;IACF;IAEA,QAAQH,KAAK,CAACM,aAAa;MACzB,KAAK,SAAS;MACd,KAAK,QAAQ;QACXH,OAAO,CAACH,KAAK,CAACO,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;QACtD;MAEF,KAAK,YAAY;QACfJ,OAAO,CAAC,YAAY,CAAC;QACrB;MAEF,KAAK,SAAS;QACZA,OAAO,CAAC,SAAS,CAAC;QAClB;IACJ;EACF,CAAC,EAAE,CAACH,KAAK,CAACO,eAAe,EAAEP,KAAK,CAACM,aAAa,EAAED,WAAW,CAAC,CAAC;EAE7D,IAAIG,OAAO,gBAAGlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,MAAI,CAAC;EACnB,QAAQR,IAAI;IACV,KAAK,YAAY;MACfM,OAAO,gBAAGlB,KAAA,CAAAmB,aAAA,CAACX,cAAc,MAAE,CAAC;MAC5B;IAEF,KAAK,QAAQ;IACb,KAAK,UAAU;MACbU,OAAO,GAAGR,KAAK,CAACW,cAAc;MAC9B;IAEF,KAAK,SAAS;MACZH,OAAO,gBACLlB,KAAA,CAAAmB,aAAA,CAACf,KAAK;QAACkB,MAAM,EAAEX,KAAK,CAACY,MAAM,CAACC,cAAe;QAACC,KAAK,EAAEX,MAAM,CAACY;MAAU,CAAE,CACvE;MACD;EACJ;EAEA,oBACE1B,KAAA,CAAAmB,aAAA,CAAChB,gBAAgB;IACfwB,QAAQ,EAAEf,IAAI,KAAK,QAAS;IAC5Ba,KAAK,EAAEX,MAAM,CAACc,SAAU;IACxBC,OAAO,EAAEnB,KAAK,CAACmB;EAAQ,GAEtBX,OACe,CAAC;AAEvB,CAAC"}

package/lib/module/components/ProcessButton/styles.js

@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = type => {
+  const {
+    colors
+  } = useTheme();
+  const backgroundColor = {
+    disabled: colors.dodgerBlue,
+    active: colors.dodgerBlue,
+    processing: colors.dodgerBlue,
+    success: colors.deepSea
+  };
+  const styles = StyleSheet.create({
+    container: {
+      height: 48,
+      width: '100%',
+      backgroundColor: backgroundColor[type],
+      borderRadius: 100,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    checkmark: {
+      width: 24,
+      height: 24
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ProcessButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","type","colors","backgroundColor","disabled","dodgerBlue","active","processing","success","deepSea","styles","create","container","height","width","borderRadius","justifyContent","alignItems","checkmark"],"sourceRoot":"../../../../src","sources":["components/ProcessButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAQtD,OAAO,MAAMC,SAAS,GAAIC,IAAuB,IAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,eAAe,GAAG;IACtBC,QAAQ,EAAEF,MAAM,CAACG,UAAU;IAC3BC,MAAM,EAAEJ,MAAM,CAACG,UAAU;IACzBE,UAAU,EAAEL,MAAM,CAACG,UAAU;IAC7BG,OAAO,EAAEN,MAAM,CAACO;EAClB,CAAC;EAED,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbX,eAAe,EAAEA,eAAe,CAACF,IAAI,CAAC;MACtCc,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,SAAS,EAAE;MACTJ,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOH,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { Image, Keyboard, TouchableWithoutFeedback, View } from 'react-native';
+import { observer } from 'mobx-react-lite';
+import { PaymentMethodFormHeaderOption } from '../PaymentMethodFormHeaderOption';
+import { useStrings } from '../../contexts/LanguageContext';
+import { Queue, Stack } from 'react-native-spacing-system';
+import { CardInformation } from '../CardInformation';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStyles } from './styles';
+import { useSaveCard } from './useSaveCard';
+import { Header } from '../Header';
+import { PaymentMethodsForm } from '../PaymentMethodsForm';
+import { NoInternetConnection } from '../NoInternetConnection';
+import { SaveCardButton } from '../SaveCardButton';
+export const SaveCard = observer(props => {
+  const {
+    strings
+  } = useStrings();
+  const {
+    images
+  } = useTheme();
+  const styles = useStyles();
+  const {
+    countryCode,
+    cardInputModel,
+    nameInputModel,
+    expirationDateInputModel,
+    cvcCodeInputModel,
+    processPayment
+  } = useSaveCard();
+  const cardInformationProps = {
+    saveCardTitle: strings.choosePaymentMethod.cardInformation.saveCard,
+    saveCard: true,
+    nameInputModel,
+    cardInputModel,
+    cvcCodeInputModel,
+    expirationDateInputModel,
+    countryCode,
+    showPrivacyPolicyAllTime: true
+  };
+  const CardPayment = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PaymentMethodFormHeaderOption, {
+    selected: true,
+    disabled: true,
+    title: strings.choosePaymentMethod.paymentMethods.cardOption,
+    rightChildren: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: images.visa
+    }), /*#__PURE__*/React.createElement(Queue, {
+      size: 8
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: images.mastercard
+    }), /*#__PURE__*/React.createElement(Queue, {
+      size: 8
+    }), /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: images.americanExpress
+    }))
+  }), /*#__PURE__*/React.createElement(Stack, {
+    size: 16
+  }), /*#__PURE__*/React.createElement(CardInformation, cardInformationProps));
+  const saveCardButtonProps = {
+    canStartPayment: true,
+    onPress: processPayment
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: Keyboard.dismiss
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, {
+    title: strings.saveCard.title,
+    onCloseButtonPress: props.onClose
+  }), /*#__PURE__*/React.createElement(PaymentMethodsForm, {
+    methods: [CardPayment]
+  }), /*#__PURE__*/React.createElement(Stack, {
+    size: 32
+  }), /*#__PURE__*/React.createElement(NoInternetConnection, null), /*#__PURE__*/React.createElement(SaveCardButton, saveCardButtonProps))));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Keyboard","TouchableWithoutFeedback","View","observer","PaymentMethodFormHeaderOption","useStrings","Queue","Stack","CardInformation","useTheme","useStyles","useSaveCard","Header","PaymentMethodsForm","NoInternetConnection","SaveCardButton","SaveCard","props","strings","images","styles","countryCode","cardInputModel","nameInputModel","expirationDateInputModel","cvcCodeInputModel","processPayment","cardInformationProps","saveCardTitle","choosePaymentMethod","cardInformation","saveCard","showPrivacyPolicyAllTime","CardPayment","createElement","Fragment","selected","disabled","title","paymentMethods","cardOption","rightChildren","style","image","source","visa","size","mastercard","americanExpress","saveCardButtonProps","canStartPayment","onPress","dismiss","container","onCloseButtonPress","onClose","methods"],"sourceRoot":"../../../../src","sources":["components/SaveCard/index.tsx"],"mappings":"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"}

package/lib/module/components/SaveCard/styles.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from 'react-native';
+import { useSafeArea } from '../../hooks/useSafeArea';
+export const useStyles = () => {
+  const insets = useSafeArea();
+  const styles = StyleSheet.create({
+    image: {
+      width: 32,
+      height: 24
+    },
+    container: {
+      paddingBottom: insets.bottom + 16
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/SaveCard/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useSafeArea","useStyles","insets","styles","create","image","width","height","container","paddingBottom","bottom"],"sourceRoot":"../../../../src","sources":["components/SaveCard/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,yBAAyB;AAErD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,WAAW,CAAC,CAAC;EAE5B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAEP,MAAM,CAACQ,MAAM,GAAG;IACjC;EACF,CAAC,CAAC;EAEF,OAAOP,MAAM;AACf,CAAC"}

package/lib/module/components/SaveCard/useSaveCard/index.js

@@ -0,0 +1,56 @@
+import { useCard, useCvcCode, useExpirationDate, useName } from '../../../hooks/base';
+import { useSaveCardStore } from '../../../contexts/StoreContext';
+export const useSaveCard = () => {
+  const {
+    cardHolderName,
+    countryCode,
+    saveCard
+  } = useSaveCardStore();
+  const cardInputModel = useCard();
+  const nameInputModel = useName(cardHolderName);
+  const expirationDateInputModel = useExpirationDate();
+  const cvcCodeInputModel = useCvcCode();
+  const handleError = error => {
+    if (error.param.includes('number')) {
+      cardInputModel.setErrorText(error.message);
+    } else if (error.param.includes('name')) {
+      nameInputModel.setErrorText(error.message);
+    } else if (error.param.includes('cvv')) {
+      cvcCodeInputModel.setErrorText(error.message);
+    } else if (error.param.includes('expiry')) {
+      expirationDateInputModel.setErrorText(error.message);
+    }
+  };
+  const processPayment = async () => {
+    var _expirationDateInputM, _expirationDateInputM2;
+    let error;
+    cardInputModel.showErrorIfNeeded();
+    nameInputModel.showErrorIfNeeded();
+    cvcCodeInputModel.showErrorIfNeeded();
+    expirationDateInputModel.showErrorIfNeeded();
+    if (!cardInputModel.isValid || !nameInputModel.isValid || !cvcCodeInputModel.isValid || !expirationDateInputModel.isValid) {
+      return;
+    }
+    const cardPayment = {
+      name: nameInputModel.value,
+      number: cardInputModel.value,
+      expiryMonth: ((_expirationDateInputM = expirationDateInputModel.month) === null || _expirationDateInputM === void 0 ? void 0 : _expirationDateInputM.toString()) || '',
+      expiryYear: ((_expirationDateInputM2 = expirationDateInputModel.year) === null || _expirationDateInputM2 === void 0 ? void 0 : _expirationDateInputM2.toString()) || '',
+      cvv: cvcCodeInputModel.value,
+      saveCard: true
+    };
+    error = await saveCard(cardPayment);
+    if (error) {
+      handleError(error);
+    }
+  };
+  return {
+    countryCode,
+    cardInputModel,
+    nameInputModel,
+    expirationDateInputModel,
+    cvcCodeInputModel,
+    processPayment
+  };
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/SaveCard/useSaveCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCard","useCvcCode","useExpirationDate","useName","useSaveCardStore","useSaveCard","cardHolderName","countryCode","saveCard","cardInputModel","nameInputModel","expirationDateInputModel","cvcCodeInputModel","handleError","error","param","includes","setErrorText","message","processPayment","_expirationDateInputM","_expirationDateInputM2","showErrorIfNeeded","isValid","cardPayment","name","value","number","expiryMonth","month","toString","expiryYear","year","cvv"],"sourceRoot":"../../../../../src","sources":["components/SaveCard/useSaveCard/index.ts"],"mappings":"AAAA,SACEA,OAAO,EACPC,UAAU,EACVC,iBAAiB,EACjBC,OAAO,QACF,qBAAqB;AAC5B,SAASC,gBAAgB,QAAQ,gCAAgC;AAGjE,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EAEpE,MAAMK,cAAc,GAAGT,OAAO,CAAC,CAAC;EAChC,MAAMU,cAAc,GAAGP,OAAO,CAACG,cAAc,CAAC;EAC9C,MAAMK,wBAAwB,GAAGT,iBAAiB,CAAC,CAAC;EACpD,MAAMU,iBAAiB,GAAGX,UAAU,CAAC,CAAC;EAEtC,MAAMY,WAAW,GAAIC,KAAwB,IAAK;IAChD,IAAIA,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;MAClCP,cAAc,CAACQ,YAAY,CAACH,KAAK,CAACI,OAAO,CAAC;IAC5C,CAAC,MAAM,IAAIJ,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;MACvCN,cAAc,CAACO,YAAY,CAACH,KAAK,CAACI,OAAO,CAAC;IAC5C,CAAC,MAAM,IAAIJ,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,EAAE;MACtCJ,iBAAiB,CAACK,YAAY,CAACH,KAAK,CAACI,OAAO,CAAC;IAC/C,CAAC,MAAM,IAAIJ,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;MACzCL,wBAAwB,CAACM,YAAY,CAACH,KAAK,CAACI,OAAO,CAAC;IACtD;EACF,CAAC;EAED,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IACjC,IAAIP,KAAK;IAETL,cAAc,CAACa,iBAAiB,CAAC,CAAC;IAClCZ,cAAc,CAACY,iBAAiB,CAAC,CAAC;IAClCV,iBAAiB,CAACU,iBAAiB,CAAC,CAAC;IACrCX,wBAAwB,CAACW,iBAAiB,CAAC,CAAC;IAE5C,IACE,CAACb,cAAc,CAACc,OAAO,IACvB,CAACb,cAAc,CAACa,OAAO,IACvB,CAACX,iBAAiB,CAACW,OAAO,IAC1B,CAACZ,wBAAwB,CAACY,OAAO,EACjC;MACA;IACF;IAEA,MAAMC,WAAwB,GAAG;MAC/BC,IAAI,EAAEf,cAAc,CAACgB,KAAK;MAC1BC,MAAM,EAAElB,cAAc,CAACiB,KAAK;MAC5BE,WAAW,EAAE,EAAAR,qBAAA,GAAAT,wBAAwB,CAACkB,KAAK,cAAAT,qBAAA,uBAA9BA,qBAAA,CAAgCU,QAAQ,CAAC,CAAC,KAAI,EAAE;MAC7DC,UAAU,EAAE,EAAAV,sBAAA,GAAAV,wBAAwB,CAACqB,IAAI,cAAAX,sBAAA,uBAA7BA,sBAAA,CAA+BS,QAAQ,CAAC,CAAC,KAAI,EAAE;MAC3DG,GAAG,EAAErB,iBAAiB,CAACc,KAAK;MAC5BlB,QAAQ,EAAE;IACZ,CAAC;IAEDM,KAAK,GAAG,MAAMN,QAAQ,CAACgB,WAAW,CAAC;IAEnC,IAAIV,KAAK,EAAE;MACTD,WAAW,CAACC,KAAK,CAAC;IACpB;EACF,CAAC;EAED,OAAO;IACLP,WAAW;IACXE,cAAc;IACdC,cAAc;IACdC,wBAAwB;IACxBC,iBAAiB;IACjBO;EACF,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { useStrings } from '../../contexts/LanguageContext';
+import { useStyles } from './styles';
+import { useSaveCardStore } from '../../contexts/StoreContext';
+import { observer } from 'mobx-react-lite';
+import { ProcessButton } from '../ProcessButton';
+export const SaveCardButton = observer(props => {
+  const {
+    paymentStatus
+  } = useSaveCardStore();
+  const {
+    strings
+  } = useStrings();
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(ProcessButton, {
+    canStartPayment: props.canStartPayment,
+    paymentStatus: paymentStatus,
+    defaultContent: /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, strings.saveCard.saveCardButton),
+    onPress: props.onPress
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useStrings","useStyles","useSaveCardStore","observer","ProcessButton","SaveCardButton","props","paymentStatus","strings","styles","createElement","canStartPayment","defaultContent","style","text","saveCard","saveCardButton","onPress"],"sourceRoot":"../../../../src","sources":["components/SaveCardButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAQhD,OAAO,MAAMC,cAAc,GAAGF,QAAQ,CAAEG,KAA0B,IAAK;EACrE,MAAM;IAAEC;EAAc,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EAE5C,MAAM;IAAEM;EAAQ,CAAC,GAAGR,UAAU,CAAC,CAAC;EAEhC,MAAMS,MAAM,GAAGR,SAAS,CAAC,CAAC;EAE1B,oBACEH,KAAA,CAAAY,aAAA,CAACN,aAAa;IACZO,eAAe,EAAEL,KAAK,CAACK,eAAgB;IACvCJ,aAAa,EAAEA,aAAc;IAC7BK,cAAc,eACZd,KAAA,CAAAY,aAAA,CAACX,IAAI;MAACc,KAAK,EAAEJ,MAAM,CAACK;IAAK,GAAEN,OAAO,CAACO,QAAQ,CAACC,cAAqB,CAClE;IACDC,OAAO,EAAEX,KAAK,CAACW;EAAQ,CACxB,CAAC;AAEN,CAAC,CAAC"}

package/lib/module/components/SaveCardButton/styles.js

@@ -0,0 +1,25 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const styles = StyleSheet.create({
+    text: {
+      fontSize: 16,
+      lineHeight: 24,
+      color: colors.white,
+      fontFamily: fonts.aktivGroteskBold
+    },
+    lockImage: {
+      width: 24,
+      height: 24
+    },
+    defaultContentContainer: {
+      flexDirection: 'row'
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/SaveCardButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","white","fontFamily","aktivGroteskBold","lockImage","width","height","defaultContentContainer","flexDirection"],"sourceRoot":"../../../../src","sources":["components/SaveCardButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEP,MAAM,CAACQ,KAAK;MACnBC,UAAU,EAAER,KAAK,CAACS;IACpB,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,uBAAuB,EAAE;MACvBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Modal } from '../Modal';
+import { ThreeDSecureSheet } from '../3DSecureSheet';
+import { useSaveCardStore } from '../../contexts/StoreContext';
+import { observer } from 'mobx-react-lite';
+import { AnimatedContainer } from '../AnimatedContainer';
+import { SaveCard } from '../SaveCard';
+export const SaveCardSheet = observer(() => {
+  const {
+    isSheetVisible,
+    hideSaveCardSheet
+  } = useSaveCardStore();
+  const onClose = () => {
+    hideSaveCardSheet(true);
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    isVisible: isSheetVisible
+  }, /*#__PURE__*/React.createElement(AnimatedContainer, {
+    initWithoutAnimation: true
+  }, isSheetVisible ? /*#__PURE__*/React.createElement(SaveCard, {
+    onClose: onClose
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(ThreeDSecureSheet, null));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","ThreeDSecureSheet","useSaveCardStore","observer","AnimatedContainer","SaveCard","SaveCardSheet","isSheetVisible","hideSaveCardSheet","onClose","createElement","isVisible","initWithoutAnimation","Fragment"],"sourceRoot":"../../../../src","sources":["components/SaveCardSheet/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,kBAAkB;AACpD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,QAAQ,QAAQ,aAAa;AAEtC,OAAO,MAAMC,aAAa,GAAGH,QAAQ,CAAC,MAAM;EAC1C,MAAM;IAAEI,cAAc;IAAEC;EAAkB,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EAEhE,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACpBD,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC;EAED,oBACET,KAAA,CAAAW,aAAA,CAACV,KAAK;IAACW,SAAS,EAAEJ;EAAe,gBAC/BR,KAAA,CAAAW,aAAA,CAACN,iBAAiB;IAACQ,oBAAoB;EAAA,GACpCL,cAAc,gBAAGR,KAAA,CAAAW,aAAA,CAACL,QAAQ;IAACI,OAAO,EAAEA;EAAQ,CAAE,CAAC,gBAAGV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAc,QAAA,MAAI,CACtC,CAAC,eACpBd,KAAA,CAAAW,aAAA,CAACT,iBAAiB,MAAE,CACf,CAAC;AAEZ,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Image, Text, View } from 'react-native';
+import { useStyles } from './styles';
+import { useTheme } from '../../contexts/ThemeContext';
+import { Queue, Stack } from 'react-native-spacing-system';
+export const SavedCard = props => {
+  const {
+    images
+  } = useTheme();
+  const styles = useStyles();
+  let image = images.visa;
+  switch (props.paymentInstrument.type) {
+    case 'MASTERCARD':
+      image = images.mastercard;
+      break;
+    case 'AMEX':
+      image = images.americanExpress;
+      break;
+    default:
+      break;
+  }
+  const cardName = props.paymentInstrument.type.charAt(0).toUpperCase() + props.paymentInstrument.type.slice(1).toLocaleLowerCase();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: image
+  }), /*#__PURE__*/React.createElement(Queue, {
+    size: 16
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, cardName)), /*#__PURE__*/React.createElement(Stack, {
+    size: 2
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, `···· ···· ···· ${props.paymentInstrument.lastDigits}`)));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Text","View","useStyles","useTheme","Queue","Stack","SavedCard","props","images","styles","image","visa","paymentInstrument","type","mastercard","americanExpress","cardName","charAt","toUpperCase","slice","toLocaleLowerCase","createElement","style","container","row","source","size","title","text","lastDigits"],"sourceRoot":"../../../../src","sources":["components/SavedCard/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChD,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,SAASC,KAAK,EAAEC,KAAK,QAAQ,6BAA6B;AAM1D,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAE7B,MAAMM,MAAM,GAAGP,SAAS,CAAC,CAAC;EAE1B,IAAIQ,KAAK,GAAGF,MAAM,CAACG,IAAI;EACvB,QAAQJ,KAAK,CAACK,iBAAiB,CAACC,IAAI;IAClC,KAAK,YAAY;MACfH,KAAK,GAAGF,MAAM,CAACM,UAAU;MACzB;IAEF,KAAK,MAAM;MACTJ,KAAK,GAAGF,MAAM,CAACO,eAAe;MAC9B;IAEF;MACE;EACJ;EAEA,MAAMC,QAAQ,GACZT,KAAK,CAACK,iBAAiB,CAACC,IAAI,CAACI,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GACpDX,KAAK,CAACK,iBAAiB,CAACC,IAAI,CAACM,KAAK,CAAC,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC;EAE3D,oBACEtB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEb,MAAM,CAACc;EAAU,gBAC5BzB,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEb,MAAM,CAACe;EAAI,gBACtB1B,KAAA,CAAAuB,aAAA,CAACtB,KAAK;IAACuB,KAAK,EAAEb,MAAM,CAACC,KAAM;IAACe,MAAM,EAAEf;EAAM,CAAE,CAAC,eAC7CZ,KAAA,CAAAuB,aAAA,CAACjB,KAAK;IAACsB,IAAI,EAAE;EAAG,CAAE,CAAC,eACnB5B,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEb,MAAM,CAACkB;EAAM,GAAEX,QAAe,CACvC,CAAC,eACPlB,KAAA,CAAAuB,aAAA,CAAChB,KAAK;IAACqB,IAAI,EAAE;EAAE,CAAE,CAAC,eAClB5B,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEb,MAAM,CAACe;EAAI,gBACtB1B,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IACHsB,KAAK,EAAEb,MAAM,CAACmB;EAAK,GAClB,kBAAiBrB,KAAK,CAACK,iBAAiB,CAACiB,UAAW,EAAQ,CAC3D,CACF,CAAC;AAEX,CAAC"}

package/lib/module/components/SavedCard/styles.js

@@ -0,0 +1,32 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {},
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    image: {
+      width: 32,
+      height: 24
+    },
+    title: {
+      fontSize: 16,
+      color: colors.codGray,
+      fontFamily: fonts.sfProTextRegular
+    },
+    text: {
+      fontSize: 14,
+      lineHeight: 20,
+      color: colors.doveGray,
+      fontFamily: fonts.sfProTextRegular
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/SavedCard/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","row","flexDirection","alignItems","image","width","height","title","fontSize","color","codGray","fontFamily","sfProTextRegular","text","lineHeight","doveGray"],"sourceRoot":"../../../../src","sources":["components/SavedCard/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE,CAAC,CAAC;IACbC,GAAG,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEb,MAAM,CAACc,OAAO;MACrBC,UAAU,EAAEd,KAAK,CAACe;IACpB,CAAC;IACDC,IAAI,EAAE;MACJL,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE,EAAE;MACdL,KAAK,EAAEb,MAAM,CAACmB,QAAQ;MACtBJ,UAAU,EAAEd,KAAK,CAACe;IACpB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,78 @@
+import React, { useRef } from 'react';
+import { Alert, ScrollView, View } from 'react-native';
+import { useStyles } from './styles';
+import { PaymentMethodsForm } from '../PaymentMethodsForm';
+import { Header } from '../Header';
+import { useStrings } from '../../contexts/LanguageContext';
+import { usePaymentInstrumentsStore } from '../../contexts/StoreContext';
+import { observer } from 'mobx-react-lite';
+import { useOptionMenu } from '../../contexts/OptionMenuContext';
+import { OptionMenuModal } from '../OptionMenuModal';
+import { PaymentMethod } from '../PaymentMethod';
+export const SavedCardsSheet = observer(props => {
+  const {
+    strings
+  } = useStrings();
+  const styles = useStyles();
+  const selectedToken = useRef('');
+  const optionMenu = useOptionMenu();
+  const {
+    paymentInstruments,
+    selectedPaymentInstrument,
+    selectPaymentInstrument,
+    deletePaymentInstrument
+  } = usePaymentInstrumentsStore();
+  const onUse = () => {
+    if (!selectedToken.current) {
+      return;
+    }
+    selectPaymentInstrument(selectedToken.current);
+  };
+  const onDelete = () => {
+    if (!selectedToken.current) {
+      return;
+    }
+    Alert.alert(strings.savedCards.deleteAlert.title, strings.savedCards.deleteAlert.description, [{
+      text: strings.savedCards.deleteAlert.cancelButton,
+      style: 'cancel'
+    }, {
+      text: strings.savedCards.deleteAlert.deleteButton,
+      style: 'destructive',
+      onPress: () => handleDelete(selectedToken.current)
+    }]);
+  };
+  const handleDelete = async token => {
+    const updatedInstruments = await deletePaymentInstrument(token);
+    if (updatedInstruments.length === 0) {
+      props.onBack();
+    }
+  };
+  const renderPaymentMethod = item => {
+    const selected = item.token === (selectedPaymentInstrument === null || selectedPaymentInstrument === void 0 ? void 0 : selectedPaymentInstrument.token);
+    return /*#__PURE__*/React.createElement(PaymentMethod, {
+      item: item,
+      selected: selected,
+      onSelect: () => selectPaymentInstrument(item.token),
+      onOptionsPress: (x, y) => {
+        selectedToken.current = item.token;
+        optionMenu.show(x, y, selected);
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, {
+    title: strings.savedCards.title,
+    onCloseButtonPress: props.onClose,
+    onBackButtonPress: props.onBack
+  }), /*#__PURE__*/React.createElement(ScrollView, {
+    contentContainerStyle: styles.scrollViewContent,
+    showsVerticalScrollIndicator: false
+  }, paymentInstruments && /*#__PURE__*/React.createElement(PaymentMethodsForm, {
+    methods: paymentInstruments.map(renderPaymentMethod)
+  })), /*#__PURE__*/React.createElement(OptionMenuModal, {
+    onDelete: onDelete,
+    onUse: onUse
+  }));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","Alert","ScrollView","View","useStyles","PaymentMethodsForm","Header","useStrings","usePaymentInstrumentsStore","observer","useOptionMenu","OptionMenuModal","PaymentMethod","SavedCardsSheet","props","strings","styles","selectedToken","optionMenu","paymentInstruments","selectedPaymentInstrument","selectPaymentInstrument","deletePaymentInstrument","onUse","current","onDelete","alert","savedCards","deleteAlert","title","description","text","cancelButton","style","deleteButton","onPress","handleDelete","token","updatedInstruments","length","onBack","renderPaymentMethod","item","selected","createElement","onSelect","onOptionsPress","x","y","show","container","onCloseButtonPress","onClose","onBackButtonPress","contentContainerStyle","scrollViewContent","showsVerticalScrollIndicator","methods","map"],"sourceRoot":"../../../../src","sources":["components/SavedCardsSheet/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AAExE,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,aAAa,QAAQ,kBAAkB;AAOhD,OAAO,MAAMC,eAAe,GAAGJ,QAAQ,CAAEK,KAA2B,IAAK;EACvE,MAAM;IAAEC;EAAQ,CAAC,GAAGR,UAAU,CAAC,CAAC;EAEhC,MAAMS,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAE1B,MAAMa,aAAa,GAAGjB,MAAM,CAAC,EAAE,CAAC;EAEhC,MAAMkB,UAAU,GAAGR,aAAa,CAAC,CAAC;EAElC,MAAM;IACJS,kBAAkB;IAClBC,yBAAyB;IACzBC,uBAAuB;IACvBC;EACF,CAAC,GAAGd,0BAA0B,CAAC,CAAC;EAEhC,MAAMe,KAAK,GAAGA,CAAA,KAAM;IAClB,IAAI,CAACN,aAAa,CAACO,OAAO,EAAE;MAC1B;IACF;IAEAH,uBAAuB,CAACJ,aAAa,CAACO,OAAO,CAAC;EAChD,CAAC;EAED,MAAMC,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAI,CAACR,aAAa,CAACO,OAAO,EAAE;MAC1B;IACF;IAEAvB,KAAK,CAACyB,KAAK,CACTX,OAAO,CAACY,UAAU,CAACC,WAAW,CAACC,KAAK,EACpCd,OAAO,CAACY,UAAU,CAACC,WAAW,CAACE,WAAW,EAC1C,CACE;MACEC,IAAI,EAAEhB,OAAO,CAACY,UAAU,CAACC,WAAW,CAACI,YAAY;MACjDC,KAAK,EAAE;IACT,CAAC,EACD;MACEF,IAAI,EAAEhB,OAAO,CAACY,UAAU,CAACC,WAAW,CAACM,YAAY;MACjDD,KAAK,EAAE,aAAa;MACpBE,OAAO,EAAEA,CAAA,KAAMC,YAAY,CAACnB,aAAa,CAACO,OAAO;IACnD,CAAC,CAEL,CAAC;EACH,CAAC;EAED,MAAMY,YAAY,GAAG,MAAOC,KAAa,IAAK;IAC5C,MAAMC,kBAAkB,GAAG,MAAMhB,uBAAuB,CAACe,KAAK,CAAC;IAC/D,IAAIC,kBAAkB,CAACC,MAAM,KAAK,CAAC,EAAE;MACnCzB,KAAK,CAAC0B,MAAM,CAAC,CAAC;IAChB;EACF,CAAC;EAED,MAAMC,mBAAmB,GAAIC,IAAuB,IAAK;IACvD,MAAMC,QAAQ,GAAGD,IAAI,CAACL,KAAK,MAAKjB,yBAAyB,aAAzBA,yBAAyB,uBAAzBA,yBAAyB,CAAEiB,KAAK;IAEhE,oBACEtC,KAAA,CAAA6C,aAAA,CAAChC,aAAa;MACZ8B,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA,CAAA,KAAMxB,uBAAuB,CAACqB,IAAI,CAACL,KAAK,CAAE;MACpDS,cAAc,EAAEA,CAACC,CAAC,EAAEC,CAAC,KAAK;QACxB/B,aAAa,CAACO,OAAO,GAAGkB,IAAI,CAACL,KAAK;QAClCnB,UAAU,CAAC+B,IAAI,CAACF,CAAC,EAAEC,CAAC,EAAEL,QAAQ,CAAC;MACjC;IAAE,CACH,CAAC;EAEN,CAAC;EAED,oBACE5C,KAAA,CAAA6C,aAAA,CAACzC,IAAI;IAAC8B,KAAK,EAAEjB,MAAM,CAACkC;EAAU,gBAC5BnD,KAAA,CAAA6C,aAAA,CAACtC,MAAM;IACLuB,KAAK,EAAEd,OAAO,CAACY,UAAU,CAACE,KAAM;IAChCsB,kBAAkB,EAAErC,KAAK,CAACsC,OAAQ;IAClCC,iBAAiB,EAAEvC,KAAK,CAAC0B;EAAO,CACjC,CAAC,eACFzC,KAAA,CAAA6C,aAAA,CAAC1C,UAAU;IACToD,qBAAqB,EAAEtC,MAAM,CAACuC,iBAAkB;IAChDC,4BAA4B,EAAE;EAAM,GAEnCrC,kBAAkB,iBACjBpB,KAAA,CAAA6C,aAAA,CAACvC,kBAAkB;IACjBoD,OAAO,EAAEtC,kBAAkB,CAACuC,GAAG,CAACjB,mBAAmB;EAAE,CACtD,CAEO,CAAC,eACb1C,KAAA,CAAA6C,aAAA,CAACjC,eAAe;IAACc,QAAQ,EAAEA,QAAS;IAACF,KAAK,EAAEA;EAAM,CAAE,CAChD,CAAC;AAEX,CAAC,CAAC"}