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

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

@@ -0,0 +1,28 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      width: 32,
+      height: 32,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    progress: {
+      borderTopColor: colors.white,
+      width: '100%',
+      height: '100%',
+      borderRadius: 16,
+      borderLeftColor: colors.white,
+      borderRightColor: colors.white,
+      borderBottomColor: colors.royalBlue,
+      borderWidth: 3,
+      position: 'absolute'
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","container","width","height","justifyContent","alignItems","progress","borderTopColor","white","borderRadius","borderLeftColor","borderRightColor","borderBottomColor","royalBlue","borderWidth","position"],"sourceRoot":"../../../../src","sources":["components/LoadingSpinner/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,cAAc,EAAET,MAAM,CAACU,KAAK;MAC5BN,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdM,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEZ,MAAM,CAACU,KAAK;MAC7BG,gBAAgB,EAAEb,MAAM,CAACU,KAAK;MAC9BI,iBAAiB,EAAEd,MAAM,CAACe,SAAS;MACnCC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAOhB,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import ModalComponent from 'react-native-modal';
+import { useStyles } from './styles';
+export const Modal = props => {
+  const styles = useStyles();
+  const close = () => {
+    var _props$onClose;
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+  };
+  return /*#__PURE__*/React.createElement(ModalComponent, {
+    hasBackdrop: true,
+    isVisible: props.isVisible,
+    onBackdropPress: close,
+    swipeDirection: undefined,
+    backdropOpacity: 0.4,
+    style: styles.modalStyle
+  }, props.children);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ModalComponent","useStyles","Modal","props","styles","close","_props$onClose","onClose","call","createElement","hasBackdrop","isVisible","onBackdropPress","swipeDirection","undefined","backdropOpacity","style","modalStyle","children"],"sourceRoot":"../../../../src","sources":["components/Modal/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,SAAS,QAAQ,UAAU;AASpC,OAAO,MAAMC,KAAK,GAAIC,KAAiB,IAAK;EAC1C,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAE1B,MAAMI,KAAK,GAAGA,CAAA,KAAM;IAAA,IAAAC,cAAA;IAClB,CAAAA,cAAA,GAAAH,KAAK,CAACI,OAAO,cAAAD,cAAA,uBAAbA,cAAA,CAAAE,IAAA,CAAAL,KAAgB,CAAC;EACnB,CAAC;EAED,oBACEJ,KAAA,CAAAU,aAAA,CAACT,cAAc;IACbU,WAAW;IACXC,SAAS,EAAER,KAAK,CAACQ,SAAU;IAC3BC,eAAe,EAAEP,KAAM;IACvBQ,cAAc,EAAEC,SAAU;IAC1BC,eAAe,EAAE,GAAI;IACrBC,KAAK,EAAEZ,MAAM,CAACa;EAAW,GAExBd,KAAK,CAACe,QACO,CAAC;AAErB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors
+  } = useTheme();
+  const styles = StyleSheet.create({
+    modalStyle: {
+      margin: 0
+    },
+    safeArea: {
+      flex: 1
+    },
+    bottomColorContainer: {
+      width: '100%',
+      height: 100,
+      backgroundColor: colors.white,
+      position: 'absolute',
+      bottom: -100
+    },
+    contentContainer: {
+      flex: 1,
+      paddingBottom: 16
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","modalStyle","margin","safeArea","flex","bottomColorContainer","width","height","backgroundColor","white","position","bottom","contentContainer","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/Modal/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,oBAAoB,EAAE;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,GAAG;MACXC,eAAe,EAAEV,MAAM,CAACW,KAAK;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;IACX,CAAC;IACDC,gBAAgB,EAAE;MAChBR,IAAI,EAAE,CAAC;MACPS,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Platform } from 'react-native';
+import { ApplePayButton } from '../ApplePayButton';
+import { GooglePayButton } from '../GooglePayButton';
+export const NativePayButton = props => {
+  return Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(ApplePayButton, {
+    disabled: props.disabled
+  }) : /*#__PURE__*/React.createElement(GooglePayButton, {
+    disabled: props.disabled
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","ApplePayButton","GooglePayButton","NativePayButton","props","OS","createElement","disabled"],"sourceRoot":"../../../../src","sources":["components/NativePayButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,eAAe,QAAQ,oBAAoB;AAMpD,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC9D,OAAOJ,QAAQ,CAACK,EAAE,KAAK,KAAK,gBAC1BN,KAAA,CAAAO,aAAA,CAACL,cAAc;IAACM,QAAQ,EAAEH,KAAK,CAACG;EAAS,CAAE,CAAC,gBAE5CR,KAAA,CAAAO,aAAA,CAACJ,eAAe;IAACK,QAAQ,EAAEH,KAAK,CAACG;EAAS,CAAE,CAC7C;AACH,CAAC"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+import { Stack } from 'react-native-spacing-system';
+import { useStrings } from '../../contexts/LanguageContext';
+import { useStyles } from './styles';
+import { useNetInfo } from '@react-native-community/netinfo';
+export const NoInternetConnection = () => {
+  const styles = useStyles();
+  const {
+    strings
+  } = useStrings();
+  const {
+    isConnected
+  } = useNetInfo();
+  if (isConnected) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, strings.choosePaymentMethod.noInternet), /*#__PURE__*/React.createElement(Stack, {
+    size: 24
+  }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Stack","useStrings","useStyles","useNetInfo","NoInternetConnection","styles","strings","isConnected","createElement","Fragment","style","text","choosePaymentMethod","noInternet","size"],"sourceRoot":"../../../../src","sources":["components/NoInternetConnection/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,UAAU,QAAQ,iCAAiC;AAE5D,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEI;EAAQ,CAAC,GAAGL,UAAU,CAAC,CAAC;EAEhC,MAAM;IAAEM;EAAY,CAAC,GAAGJ,UAAU,CAAC,CAAC;EAEpC,IAAII,WAAW,EAAE;IACf,oBAAOV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,MAAI,CAAC;EACd;EAEA,oBACEZ,KAAA,CAAAW,aAAA,CAACT,IAAI,qBACHF,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACY,KAAK,EAAEL,MAAM,CAACM;EAAK,GAAEL,OAAO,CAACM,mBAAmB,CAACC,UAAiB,CAAC,eACzEhB,KAAA,CAAAW,aAAA,CAACR,KAAK;IAACc,IAAI,EAAE;EAAG,CAAE,CACd,CAAC;AAEX,CAAC"}

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

@@ -0,0 +1,14 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors
+  } = useTheme();
+  const styles = StyleSheet.create({
+    text: {
+      color: colors.cinnabar
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","text","color","cinnabar"],"sourceRoot":"../../../../src","sources":["components/NoInternetConnection/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,KAAK,EAAEJ,MAAM,CAACK;IAChB;EACF,CAAC,CAAC;EAEF,OAAOJ,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Platform, Text, TouchableOpacity, View } from 'react-native';
+import ModalComponent from 'react-native-modal';
+import { useStyles } from './styles';
+import { useOptionMenu } from '../../contexts/OptionMenuContext';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStrings } from '../../contexts/LanguageContext';
+const LEFT_OFFSET = 95;
+const TOP_OFFSET_WITHOUT_USED = 36.5;
+const TOP_OFFSET_WITH_USED = 15;
+export const OptionMenuModal = props => {
+  const {
+    colors
+  } = useTheme();
+  const {
+    strings
+  } = useStrings();
+  const styles = useStyles();
+  const {
+    isVisible,
+    x,
+    y,
+    isUsed,
+    hide
+  } = useOptionMenu();
+  const close = () => {
+    hide();
+  };
+  const renderOption = (text, type, onPress) => {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.optionContainer,
+      onPress: onPress
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.optionText, {
+        color: type === 'destructive' ? colors.valencia : colors.black
+      }]
+    }, text));
+  };
+  const onDelete = () => {
+    close();
+    props.onDelete();
+  };
+  const onUse = () => {
+    close();
+    props.onUse();
+  };
+  return /*#__PURE__*/React.createElement(ModalComponent, {
+    hasBackdrop: true,
+    animationIn: 'fadeIn',
+    animationInTiming: Platform.OS === 'android' ? 1 : undefined,
+    animationOut: 'fadeOut',
+    animationOutTiming: Platform.OS === 'android' ? 1 : undefined,
+    isVisible: isVisible,
+    onBackdropPress: close,
+    backdropOpacity: 0,
+    style: styles.modalStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      left: x - LEFT_OFFSET,
+      top: y - (isUsed ? TOP_OFFSET_WITH_USED : TOP_OFFSET_WITHOUT_USED)
+    }]
+  }, !isUsed && /*#__PURE__*/React.createElement(React.Fragment, null, renderOption(strings.savedCards.options.use, 'regular', onUse), /*#__PURE__*/React.createElement(View, {
+    style: styles.separator
+  })), renderOption(strings.savedCards.options.delete, 'destructive', onDelete)));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","Text","TouchableOpacity","View","ModalComponent","useStyles","useOptionMenu","useTheme","useStrings","LEFT_OFFSET","TOP_OFFSET_WITHOUT_USED","TOP_OFFSET_WITH_USED","OptionMenuModal","props","colors","strings","styles","isVisible","x","y","isUsed","hide","close","renderOption","text","type","onPress","createElement","style","optionContainer","optionText","color","valencia","black","onDelete","onUse","hasBackdrop","animationIn","animationInTiming","OS","undefined","animationOut","animationOutTiming","onBackdropPress","backdropOpacity","modalStyle","container","left","top","Fragment","savedCards","options","use","separator","delete"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const styles = StyleSheet.create({
+    modalStyle: {
+      margin: 0
+    },
+    container: {
+      borderRadius: 12,
+      backgroundColor: colors.white,
+      position: 'absolute',
+      shadowColor: colors.codGray,
+      shadowOffset: {
+        width: 0,
+        height: 3
+      },
+      shadowOpacity: 0.4,
+      shadowRadius: 10,
+      elevation: 16
+    },
+    separator: {
+      height: 1,
+      backgroundColor: colors.black,
+      opacity: 0.2
+    },
+    optionContainer: {
+      width: 107,
+      paddingVertical: 11,
+      paddingHorizontal: 16
+    },
+    optionText: {
+      fontFamily: fonts.sfProTextRegular,
+      fontSize: 17,
+      lineHeight: 22
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","modalStyle","margin","container","borderRadius","backgroundColor","white","position","shadowColor","codGray","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","separator","black","opacity","optionContainer","paddingVertical","paddingHorizontal","optionText","fontFamily","sfProTextRegular","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/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,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAER,MAAM,CAACS,KAAK;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAEX,MAAM,CAACY,OAAO;MAC3BC,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,EAAE;MAEhBC,SAAS,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACTJ,MAAM,EAAE,CAAC;MACTP,eAAe,EAAER,MAAM,CAACoB,KAAK;MAC7BC,OAAO,EAAE;IACX,CAAC;IACDC,eAAe,EAAE;MACfR,KAAK,EAAE,GAAG;MACVS,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,UAAU,EAAE;MACVC,UAAU,EAAEzB,KAAK,CAAC0B,gBAAgB;MAClCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,OAAO3B,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Text, Image, View } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStrings } from '../../contexts/LanguageContext';
+import { useStyles } from './styles';
+import { usePaymentStore } from '../../contexts/StoreContext';
+import { observer } from 'mobx-react-lite';
+import { Queue } from 'react-native-spacing-system';
+import { ProcessButton } from '../ProcessButton';
+export const PayButton = observer(props => {
+  const {
+    amount,
+    currency,
+    paymentStatus
+  } = usePaymentStore();
+  const {
+    strings
+  } = useStrings();
+  const theme = useTheme();
+  const formatDisplayAmount = () => {
+    if (!currency) {
+      return '';
+    }
+    return new Intl.NumberFormat(undefined, {
+      style: 'currency',
+      currency,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(amount || 0);
+  };
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(ProcessButton, {
+    canStartPayment: props.canStartPayment,
+    paymentStatus: paymentStatus,
+    defaultContent: /*#__PURE__*/React.createElement(View, {
+      style: styles.defaultContentContainer
+    }, /*#__PURE__*/React.createElement(Image, {
+      style: styles.lockImage,
+      source: theme.images.lock
+    }), /*#__PURE__*/React.createElement(Queue, {
+      size: 8
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, `${strings.choosePaymentMethod.payButton} ${formatDisplayAmount()}`)),
+    onPress: props.onPress
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","Image","View","useTheme","useStrings","useStyles","usePaymentStore","observer","Queue","ProcessButton","PayButton","props","amount","currency","paymentStatus","strings","theme","formatDisplayAmount","Intl","NumberFormat","undefined","style","minimumFractionDigits","maximumFractionDigits","format","styles","createElement","canStartPayment","defaultContent","defaultContentContainer","lockImage","source","images","lock","size","text","choosePaymentMethod","payButton","onPress"],"sourceRoot":"../../../../src","sources":["components/PayButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;AAChD,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,aAAa,QAAQ,kBAAkB;AAQhD,OAAO,MAAMC,SAAS,GAAGH,QAAQ,CAAEI,KAAqB,IAAK;EAC3D,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,eAAe,CAAC,CAAC;EAE7D,MAAM;IAAES;EAAQ,CAAC,GAAGX,UAAU,CAAC,CAAC;EAEhC,MAAMY,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,MAAMc,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAI,CAACJ,QAAQ,EAAE;MACb,OAAO,EAAE;IACX;IAEA,OAAO,IAAIK,IAAI,CAACC,YAAY,CAACC,SAAS,EAAE;MACtCC,KAAK,EAAE,UAAU;MACjBR,QAAQ;MACRS,qBAAqB,EAAE,CAAC;MACxBC,qBAAqB,EAAE;IACzB,CAAC,CAAC,CAACC,MAAM,CAACZ,MAAM,IAAI,CAAC,CAAC;EACxB,CAAC;EAED,MAAMa,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAE1B,oBACEN,KAAA,CAAA2B,aAAA,CAACjB,aAAa;IACZkB,eAAe,EAAEhB,KAAK,CAACgB,eAAgB;IACvCb,aAAa,EAAEA,aAAc;IAC7Bc,cAAc,eACZ7B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;MAACmB,KAAK,EAAEI,MAAM,CAACI;IAAwB,gBAC1C9B,KAAA,CAAA2B,aAAA,CAACzB,KAAK;MAACoB,KAAK,EAAEI,MAAM,CAACK,SAAU;MAACC,MAAM,EAAEf,KAAK,CAACgB,MAAM,CAACC;IAAK,CAAE,CAAC,eAC7DlC,KAAA,CAAA2B,aAAA,CAAClB,KAAK;MAAC0B,IAAI,EAAE;IAAE,CAAE,CAAC,eAClBnC,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MACHqB,KAAK,EAAEI,MAAM,CAACU;IAAK,GAClB,GAAEpB,OAAO,CAACqB,mBAAmB,CAACC,SAAU,IAAGpB,mBAAmB,CAAC,CAAE,EAAQ,CACxE,CACP;IACDqB,OAAO,EAAE3B,KAAK,CAAC2B;EAAQ,CACxB,CAAC;AAEN,CAAC,CAAC"}

package/lib/module/components/PayButton/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/PayButton/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/PayButton/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/PaymentMethod/index.js

@@ -0,0 +1,36 @@
+import React, { useRef } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import { useStyles } from './styles';
+import { useTheme } from '../../contexts/ThemeContext';
+import { Queue } from 'react-native-spacing-system';
+import { Checkbox } from '../Checkbox';
+import { SavedCard } from '../SavedCard';
+import { ImageButton } from '../ImageButton';
+export const PaymentMethod = props => {
+  const {
+    images
+  } = useTheme();
+  const styles = useStyles();
+  const optionsContainerRef = useRef(null);
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.optionContainer,
+    onPress: props.onSelect
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    selected: props.selected
+  }), /*#__PURE__*/React.createElement(Queue, {
+    size: 16
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.savedCardContainer
+  }, /*#__PURE__*/React.createElement(SavedCard, {
+    paymentInstrument: props.item
+  })), /*#__PURE__*/React.createElement(View, {
+    ref: optionsContainerRef
+  }, /*#__PURE__*/React.createElement(ImageButton, {
+    source: images.more,
+    onPress: () => {
+      var _optionsContainerRef$;
+      (_optionsContainerRef$ = optionsContainerRef.current) === null || _optionsContainerRef$ === void 0 ? void 0 : _optionsContainerRef$.measureInWindow(props.onOptionsPress);
+    }
+  })));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","TouchableOpacity","View","useStyles","useTheme","Queue","Checkbox","SavedCard","ImageButton","PaymentMethod","props","images","styles","optionsContainerRef","createElement","style","optionContainer","onPress","onSelect","selected","size","savedCardContainer","paymentInstrument","item","ref","source","more","_optionsContainerRef$","current","measureInWindow","onOptionsPress"],"sourceRoot":"../../../../src","sources":["components/PaymentMethod/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC;EAAO,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAE7B,MAAMQ,MAAM,GAAGT,SAAS,CAAC,CAAC;EAE1B,MAAMU,mBAAmB,GAAGb,MAAM,CAAO,IAAI,CAAC;EAE9C,oBACED,KAAA,CAAAe,aAAA,CAACb,gBAAgB;IAACc,KAAK,EAAEH,MAAM,CAACI,eAAgB;IAACC,OAAO,EAAEP,KAAK,CAACQ;EAAS,gBACvEnB,KAAA,CAAAe,aAAA,CAACR,QAAQ;IAACa,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CAAC,eACtCpB,KAAA,CAAAe,aAAA,CAACT,KAAK;IAACe,IAAI,EAAE;EAAG,CAAE,CAAC,eACnBrB,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEH,MAAM,CAACS;EAAmB,gBACrCtB,KAAA,CAAAe,aAAA,CAACP,SAAS;IAACe,iBAAiB,EAAEZ,KAAK,CAACa;EAAK,CAAE,CACvC,CAAC,eACPxB,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACsB,GAAG,EAAEX;EAAoB,gBAC7Bd,KAAA,CAAAe,aAAA,CAACN,WAAW;IACViB,MAAM,EAAEd,MAAM,CAACe,IAAK;IACpBT,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAU,qBAAA;MACb,CAAAA,qBAAA,GAAAd,mBAAmB,CAACe,OAAO,cAAAD,qBAAA,uBAA3BA,qBAAA,CAA6BE,eAAe,CAACnB,KAAK,CAACoB,cAAc,CAAC;IACpE;EAAE,CACH,CACG,CACU,CAAC;AAEvB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    optionContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 14
+    },
+    savedCardContainer: {
+      flex: 1
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","optionContainer","flexDirection","alignItems","paddingVertical","savedCardContainer","flex"],"sourceRoot":"../../../../src","sources":["components/PaymentMethod/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,eAAe,EAAE;MACfC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDC,kBAAkB,EAAE;MAClBC,IAAI,EAAE;IACR;EACF,CAAC,CAAC;EAEF,OAAOP,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+import { useStyles } from './styles';
+import { Checkbox } from '../Checkbox';
+import { Queue } from 'react-native-spacing-system';
+export const PaymentMethodFormHeaderOption = props => {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: props.disabled,
+    style: styles.optionContainer,
+    onPress: props.onSelect
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    selected: props.selected
+  }), /*#__PURE__*/React.createElement(Queue, {
+    size: 16
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, props.title), props.rightChildren);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","useStyles","Checkbox","Queue","PaymentMethodFormHeaderOption","props","styles","createElement","disabled","style","optionContainer","onPress","onSelect","selected","size","title","rightChildren"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodFormHeaderOption/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,KAAK,QAAQ,6BAA6B;AAYnD,OAAO,MAAMC,6BAA6B,GACxCC,KAAyC,IACtC;EACH,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,oBACEH,KAAA,CAAAS,aAAA,CAACP,gBAAgB;IACfQ,QAAQ,EAAEH,KAAK,CAACG,QAAS;IACzBC,KAAK,EAAEH,MAAM,CAACI,eAAgB;IAC9BC,OAAO,EAAEN,KAAK,CAACO;EAAS,gBAExBd,KAAA,CAAAS,aAAA,CAACL,QAAQ;IAACW,QAAQ,EAAER,KAAK,CAACQ;EAAS,CAAE,CAAC,eACtCf,KAAA,CAAAS,aAAA,CAACJ,KAAK;IAACW,IAAI,EAAE;EAAG,CAAE,CAAC,eACnBhB,KAAA,CAAAS,aAAA,CAACR,IAAI;IAACU,KAAK,EAAEH,MAAM,CAACS;EAAM,GAAEV,KAAK,CAACU,KAAY,CAAC,EAC9CV,KAAK,CAACW,aACS,CAAC;AAEvB,CAAC"}

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

@@ -0,0 +1,36 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      borderColor: colors.mercury,
+      borderWidth: 2,
+      borderRadius: 16,
+      paddingHorizontal: 16
+    },
+    title: {
+      fontWeight: '700',
+      fontSize: 14,
+      lineHeight: 20,
+      color: colors.codGray,
+      flex: 1,
+      fontFamily: fonts.sfProTextBold
+    },
+    image: {
+      width: 32,
+      height: 24
+    },
+    optionContainer: {
+      backgroundColor: colors.white,
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 12
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","borderColor","mercury","borderWidth","borderRadius","paddingHorizontal","title","fontWeight","fontSize","lineHeight","color","codGray","flex","fontFamily","sfProTextBold","image","width","height","optionContainer","backgroundColor","white","flexDirection","alignItems","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodFormHeaderOption/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;MACTC,WAAW,EAAEL,MAAM,CAACM,OAAO;MAC3BC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEd,MAAM,CAACe,OAAO;MACrBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAEhB,KAAK,CAACiB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAEvB,MAAM,CAACwB,KAAK;MAC7BC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEF,OAAOzB,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,14 @@
+import React, { Fragment } from 'react';
+import { View } from 'react-native';
+import { useStyles } from './styles';
+export const PaymentMethodsForm = props => {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, props.methods.map((item, index) => /*#__PURE__*/React.createElement(Fragment, {
+    key: index
+  }, item, props.methods.length - 1 > index && /*#__PURE__*/React.createElement(View, {
+    style: styles.separator
+  }))));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","View","useStyles","PaymentMethodsForm","props","styles","createElement","style","container","methods","map","item","index","key","length","separator"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodsForm/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,UAAU;AAMpC,OAAO,MAAMC,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAE1B,oBACEH,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEF,MAAM,CAACG;EAAU,GAC3BJ,KAAK,CAACK,OAAO,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC7Bb,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACa,GAAG,EAAED;EAAM,GAClBD,IAAI,EACJP,KAAK,CAACK,OAAO,CAACK,MAAM,GAAG,CAAC,GAAGF,KAAK,iBAC/Bb,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEF,MAAM,CAACU;EAAU,CAAE,CAE1B,CACX,CACG,CAAC;AAEX,CAAC"}

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

@@ -0,0 +1,23 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      borderColor: colors.mercury,
+      borderWidth: 2,
+      borderRadius: 16,
+      paddingHorizontal: 16
+    },
+    separator: {
+      height: 1,
+      backgroundColor: colors.mercury,
+      marginLeft: 40,
+      marginRight: -16
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","container","borderColor","mercury","borderWidth","borderRadius","paddingHorizontal","separator","height","backgroundColor","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodsForm/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEJ,MAAM,CAACK,OAAO;MAC3BC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,SAAS,EAAE;MACTC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEX,MAAM,CAACK,OAAO;MAC/BO,UAAU,EAAE,EAAE;MACdC,WAAW,EAAE,CAAC;IAChB;EACF,CAAC,CAAC;EAEF,OAAOZ,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,76 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Modal } from '../Modal';
+import { ThreeDSecureSheet } from '../3DSecureSheet';
+import { usePaymentStore } from '../../contexts/StoreContext';
+import { observer } from 'mobx-react-lite';
+import { CardSheet } from '../CardSheet';
+import { AnimatedContainer } from '../AnimatedContainer';
+import { SavedCardsSheet } from '../SavedCardsSheet';
+import { usePaymentSheet } from '../../contexts/PaymentSheetContext';
+export const PaymentSheet = observer(() => {
+  const sheetId = useRef();
+  const {
+    isSheetVisible,
+    hidePaymentSheet
+  } = usePaymentStore();
+  const {
+    currentId,
+    init,
+    deinit
+  } = usePaymentSheet();
+  const [sheetHeight, setSheetHeight] = useState(0);
+  const cardSheetRef = useRef(null);
+  const savedCardsSheetRef = useRef(null);
+  const stack = useRef([]);
+  useEffect(() => {
+    stack.current = [cardSheetRef];
+    sheetId.current = init();
+    return () => {
+      if (sheetId.current) {
+        close();
+        deinit(sheetId.current);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const handleCardPress = () => {
+    stack.current.push(savedCardsSheetRef);
+    show();
+  };
+  const show = () => {
+    var _stack$current, _stack$current$curren, _stack$current2, _stack$current2$curre;
+    (_stack$current = stack.current[stack.current.length - 1]) === null || _stack$current === void 0 ? void 0 : (_stack$current$curren = _stack$current.current) === null || _stack$current$curren === void 0 ? void 0 : _stack$current$curren.show();
+    (_stack$current2 = stack.current[stack.current.length - 2]) === null || _stack$current2 === void 0 ? void 0 : (_stack$current2$curre = _stack$current2.current) === null || _stack$current2$curre === void 0 ? void 0 : _stack$current2$curre.goToBack();
+  };
+  const goBack = () => {
+    var _stack$current3, _stack$current3$curre, _stack$current4, _stack$current4$curre;
+    (_stack$current3 = stack.current[stack.current.length - 2]) === null || _stack$current3 === void 0 ? void 0 : (_stack$current3$curre = _stack$current3.current) === null || _stack$current3$curre === void 0 ? void 0 : _stack$current3$curre.show();
+    (_stack$current4 = stack.current[stack.current.length - 1]) === null || _stack$current4 === void 0 ? void 0 : (_stack$current4$curre = _stack$current4.current) === null || _stack$current4$curre === void 0 ? void 0 : _stack$current4$curre.hide();
+    stack.current.pop();
+  };
+  const close = () => {
+    stack.current = [stack.current[0]];
+    hidePaymentSheet(true);
+  };
+  if (currentId !== sheetId.current || !sheetId.current) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    isVisible: isSheetVisible,
+    onClose: close
+  }, isSheetVisible ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedContainer, {
+    ref: cardSheetRef,
+    initWithoutAnimation: true,
+    onHeightChanged: setSheetHeight
+  }, /*#__PURE__*/React.createElement(CardSheet, {
+    onClose: close,
+    onCardPress: handleCardPress
+  })), /*#__PURE__*/React.createElement(AnimatedContainer, {
+    ref: savedCardsSheetRef,
+    height: sheetHeight
+  }, /*#__PURE__*/React.createElement(SavedCardsSheet, {
+    onClose: close,
+    onBack: goBack
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(ThreeDSecureSheet, null));
+});
+//# sourceMappingURL=index.js.map