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

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+const useStyles = () => {
+  const {
+    colors
+  } = (0, _ThemeContext.useTheme)();
+  const styles = _reactNative.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;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","useTheme","styles","StyleSheet","create","modalStyle","margin","safeArea","flex","bottomColorContainer","width","height","backgroundColor","white","position","bottom","contentContainer","paddingBottom","exports"],"sourceRoot":"../../../../src","sources":["components/Modal/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,EAAEZ,MAAM,CAACa,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,OAAOf,MAAM;AACf,CAAC;AAACgB,OAAA,CAAAnB,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativePayButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ApplePayButton = require("../ApplePayButton");
+var _GooglePayButton = require("../GooglePayButton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const NativePayButton = props => {
+  return _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/_react.default.createElement(_ApplePayButton.ApplePayButton, {
+    disabled: props.disabled
+  }) : /*#__PURE__*/_react.default.createElement(_GooglePayButton.GooglePayButton, {
+    disabled: props.disabled
+  });
+};
+exports.NativePayButton = NativePayButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ApplePayButton","_GooglePayButton","obj","__esModule","default","NativePayButton","props","Platform","OS","createElement","ApplePayButton","disabled","GooglePayButton","exports"],"sourceRoot":"../../../../src","sources":["components/NativePayButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM9C,MAAMG,eAAe,GAAIC,KAA2B,IAAK;EAC9D,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,gBAC1BZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,eAAA,CAAAU,cAAc;IAACC,QAAQ,EAAEL,KAAK,CAACK;EAAS,CAAE,CAAC,gBAE5Cf,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,gBAAA,CAAAW,eAAe;IAACD,QAAQ,EAAEL,KAAK,CAACK;EAAS,CAAE,CAC7C;AACH,CAAC;AAACE,OAAA,CAAAR,eAAA,GAAAA,eAAA"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoInternetConnection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSpacingSystem = require("react-native-spacing-system");
+var _LanguageContext = require("../../contexts/LanguageContext");
+var _styles = require("./styles");
+var _netinfo = require("@react-native-community/netinfo");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const NoInternetConnection = () => {
+  const styles = (0, _styles.useStyles)();
+  const {
+    strings
+  } = (0, _LanguageContext.useStrings)();
+  const {
+    isConnected
+  } = (0, _netinfo.useNetInfo)();
+  if (isConnected) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, strings.choosePaymentMethod.noInternet), /*#__PURE__*/_react.default.createElement(_reactNativeSpacingSystem.Stack, {
+    size: 24
+  }));
+};
+exports.NoInternetConnection = NoInternetConnection;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSpacingSystem","_LanguageContext","_styles","_netinfo","obj","__esModule","default","NoInternetConnection","styles","useStyles","strings","useStrings","isConnected","useNetInfo","createElement","Fragment","View","Text","style","text","choosePaymentMethod","noInternet","Stack","size","exports"],"sourceRoot":"../../../../src","sources":["components/NoInternetConnection/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAA6D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtD,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAU,EAAC,CAAC;EAEhC,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAEpC,IAAID,WAAW,EAAE;IACf,oBAAOhB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAAAlB,MAAA,CAAAU,OAAA,CAAAS,QAAA,MAAI,CAAC;EACd;EAEA,oBACEnB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACf,YAAA,CAAAiB,IAAI,qBACHpB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACf,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEV,MAAM,CAACW;EAAK,GAAET,OAAO,CAACU,mBAAmB,CAACC,UAAiB,CAAC,eACzEzB,MAAA,CAAAU,OAAA,CAAAQ,aAAA,CAACd,yBAAA,CAAAsB,KAAK;IAACC,IAAI,EAAE;EAAG,CAAE,CACd,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAjB,oBAAA,GAAAA,oBAAA"}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+const useStyles = () => {
+  const {
+    colors
+  } = (0, _ThemeContext.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    text: {
+      color: colors.cinnabar
+    }
+  });
+  return styles;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","useTheme","styles","StyleSheet","create","text","color","cinnabar","exports"],"sourceRoot":"../../../../src","sources":["components/NoInternetConnection/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,KAAK,EAAEN,MAAM,CAACO;IAChB;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC;AAACM,OAAA,CAAAT,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OptionMenuModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+var _styles = require("./styles");
+var _OptionMenuContext = require("../../contexts/OptionMenuContext");
+var _ThemeContext = require("../../contexts/ThemeContext");
+var _LanguageContext = require("../../contexts/LanguageContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const LEFT_OFFSET = 95;
+const TOP_OFFSET_WITHOUT_USED = 36.5;
+const TOP_OFFSET_WITH_USED = 15;
+const OptionMenuModal = props => {
+  const {
+    colors
+  } = (0, _ThemeContext.useTheme)();
+  const {
+    strings
+  } = (0, _LanguageContext.useStrings)();
+  const styles = (0, _styles.useStyles)();
+  const {
+    isVisible,
+    x,
+    y,
+    isUsed,
+    hide
+  } = (0, _OptionMenuContext.useOptionMenu)();
+  const close = () => {
+    hide();
+  };
+  const renderOption = (text, type, onPress) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      style: styles.optionContainer,
+      onPress: onPress
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_reactNativeModal.default, {
+    hasBackdrop: true,
+    animationIn: 'fadeIn',
+    animationInTiming: _reactNative.Platform.OS === 'android' ? 1 : undefined,
+    animationOut: 'fadeOut',
+    animationOutTiming: _reactNative.Platform.OS === 'android' ? 1 : undefined,
+    isVisible: isVisible,
+    onBackdropPress: close,
+    backdropOpacity: 0,
+    style: styles.modalStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      left: x - LEFT_OFFSET,
+      top: y - (isUsed ? TOP_OFFSET_WITH_USED : TOP_OFFSET_WITHOUT_USED)
+    }]
+  }, !isUsed && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderOption(strings.savedCards.options.use, 'regular', onUse), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.separator
+  })), renderOption(strings.savedCards.options.delete, 'destructive', onDelete)));
+};
+exports.OptionMenuModal = OptionMenuModal;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = (0, _ThemeContext.useTheme)();
+  const styles = _reactNative.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;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","fonts","useTheme","styles","StyleSheet","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","exports"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEV,MAAM,CAACW,KAAK;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAEb,MAAM,CAACc,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,EAAEV,MAAM,CAACsB,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,EAAE3B,KAAK,CAAC4B,gBAAgB;MAClCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,OAAO5B,MAAM;AACf,CAAC;AAAC6B,OAAA,CAAAjC,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PayButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+var _LanguageContext = require("../../contexts/LanguageContext");
+var _styles = require("./styles");
+var _StoreContext = require("../../contexts/StoreContext");
+var _mobxReactLite = require("mobx-react-lite");
+var _reactNativeSpacingSystem = require("react-native-spacing-system");
+var _ProcessButton = require("../ProcessButton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PayButton = (0, _mobxReactLite.observer)(props => {
+  const {
+    amount,
+    currency,
+    paymentStatus
+  } = (0, _StoreContext.usePaymentStore)();
+  const {
+    strings
+  } = (0, _LanguageContext.useStrings)();
+  const theme = (0, _ThemeContext.useTheme)();
+  const formatDisplayAmount = () => {
+    if (!currency) {
+      return '';
+    }
+    return new Intl.NumberFormat(undefined, {
+      style: 'currency',
+      currency,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(amount || 0);
+  };
+  const styles = (0, _styles.useStyles)();
+  return /*#__PURE__*/_react.default.createElement(_ProcessButton.ProcessButton, {
+    canStartPayment: props.canStartPayment,
+    paymentStatus: paymentStatus,
+    defaultContent: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.defaultContentContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      style: styles.lockImage,
+      source: theme.images.lock
+    }), /*#__PURE__*/_react.default.createElement(_reactNativeSpacingSystem.Queue, {
+      size: 8
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.text
+    }, `${strings.choosePaymentMethod.payButton} ${formatDisplayAmount()}`)),
+    onPress: props.onPress
+  });
+});
+exports.PayButton = PayButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_LanguageContext","_styles","_StoreContext","_mobxReactLite","_reactNativeSpacingSystem","_ProcessButton","obj","__esModule","default","PayButton","observer","props","amount","currency","paymentStatus","usePaymentStore","strings","useStrings","theme","useTheme","formatDisplayAmount","Intl","NumberFormat","undefined","style","minimumFractionDigits","maximumFractionDigits","format","styles","useStyles","createElement","ProcessButton","canStartPayment","defaultContent","View","defaultContentContainer","Image","lockImage","source","images","lock","Queue","size","Text","text","choosePaymentMethod","payButton","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/PayButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAAiD,SAAAD,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQ1C,MAAMG,SAAS,GAAG,IAAAC,uBAAQ,EAAEC,KAAqB,IAAK;EAC3D,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EAE7D,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2BAAU,EAAC,CAAC;EAEhC,MAAMC,KAAK,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAExB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAI,CAACP,QAAQ,EAAE;MACb,OAAO,EAAE;IACX;IAEA,OAAO,IAAIQ,IAAI,CAACC,YAAY,CAACC,SAAS,EAAE;MACtCC,KAAK,EAAE,UAAU;MACjBX,QAAQ;MACRY,qBAAqB,EAAE,CAAC;MACxBC,qBAAqB,EAAE;IACzB,CAAC,CAAC,CAACC,MAAM,CAACf,MAAM,IAAI,CAAC,CAAC;EACxB,CAAC;EAED,MAAMgB,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,oBACElC,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAACzB,cAAA,CAAA0B,aAAa;IACZC,eAAe,EAAErB,KAAK,CAACqB,eAAgB;IACvClB,aAAa,EAAEA,aAAc;IAC7BmB,cAAc,eACZtC,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAoC,IAAI;MAACV,KAAK,EAAEI,MAAM,CAACO;IAAwB,gBAC1CxC,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAAsC,KAAK;MAACZ,KAAK,EAAEI,MAAM,CAACS,SAAU;MAACC,MAAM,EAAEpB,KAAK,CAACqB,MAAM,CAACC;IAAK,CAAE,CAAC,eAC7D7C,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAC1B,yBAAA,CAAAqC,KAAK;MAACC,IAAI,EAAE;IAAE,CAAE,CAAC,eAClB/C,MAAA,CAAAa,OAAA,CAAAsB,aAAA,CAAChC,YAAA,CAAA6C,IAAI;MACHnB,KAAK,EAAEI,MAAM,CAACgB;IAAK,GAClB,GAAE5B,OAAO,CAAC6B,mBAAmB,CAACC,SAAU,IAAG1B,mBAAmB,CAAC,CAAE,EAAQ,CACxE,CACP;IACD2B,OAAO,EAAEpC,KAAK,CAACoC;EAAQ,CACxB,CAAC;AAEN,CAAC,CAAC;AAACC,OAAA,CAAAvC,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/PayButton/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = (0, _ThemeContext.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    text: {
+      fontSize: 16,
+      lineHeight: 24,
+      color: colors.white,
+      fontFamily: fonts.aktivGroteskBold
+    },
+    lockImage: {
+      width: 24,
+      height: 24
+    },
+    defaultContentContainer: {
+      flexDirection: 'row'
+    }
+  });
+  return styles;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/PayButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","fonts","useTheme","styles","StyleSheet","create","text","fontSize","lineHeight","color","white","fontFamily","aktivGroteskBold","lockImage","width","height","defaultContentContainer","flexDirection","exports"],"sourceRoot":"../../../../src","sources":["components/PayButton/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAET,MAAM,CAACU,KAAK;MACnBC,UAAU,EAAEV,KAAK,CAACW;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,OAAOd,MAAM;AACf,CAAC;AAACe,OAAA,CAAAnB,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaymentMethod = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+var _ThemeContext = require("../../contexts/ThemeContext");
+var _reactNativeSpacingSystem = require("react-native-spacing-system");
+var _Checkbox = require("../Checkbox");
+var _SavedCard = require("../SavedCard");
+var _ImageButton = require("../ImageButton");
+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 PaymentMethod = props => {
+  const {
+    images
+  } = (0, _ThemeContext.useTheme)();
+  const styles = (0, _styles.useStyles)();
+  const optionsContainerRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.optionContainer,
+    onPress: props.onSelect
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    selected: props.selected
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSpacingSystem.Queue, {
+    size: 16
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.savedCardContainer
+  }, /*#__PURE__*/_react.default.createElement(_SavedCard.SavedCard, {
+    paymentInstrument: props.item
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    ref: optionsContainerRef
+  }, /*#__PURE__*/_react.default.createElement(_ImageButton.ImageButton, {
+    source: images.more,
+    onPress: () => {
+      var _optionsContainerRef$;
+      (_optionsContainerRef$ = optionsContainerRef.current) === null || _optionsContainerRef$ === void 0 ? void 0 : _optionsContainerRef$.measureInWindow(props.onOptionsPress);
+    }
+  })));
+};
+exports.PaymentMethod = PaymentMethod;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","_ThemeContext","_reactNativeSpacingSystem","_Checkbox","_SavedCard","_ImageButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PaymentMethod","props","images","useTheme","styles","useStyles","optionsContainerRef","useRef","createElement","TouchableOpacity","style","optionContainer","onPress","onSelect","Checkbox","selected","Queue","size","View","savedCardContainer","SavedCard","paymentInstrument","item","ref","ImageButton","source","more","_optionsContainerRef$","current","measureInWindow","onOptionsPress","exports"],"sourceRoot":"../../../../src","sources":["components/PaymentMethod/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+const useStyles = () => {
+  const styles = _reactNative.StyleSheet.create({
+    optionContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 14
+    },
+    savedCardContainer: {
+      flex: 1
+    }
+  });
+  return styles;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useStyles","styles","StyleSheet","create","optionContainer","flexDirection","alignItems","paddingVertical","savedCardContainer","flex","exports"],"sourceRoot":"../../../../src","sources":["components/PaymentMethod/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,OAAOR,MAAM;AACf,CAAC;AAACS,OAAA,CAAAV,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaymentMethodFormHeaderOption = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+var _Checkbox = require("../Checkbox");
+var _reactNativeSpacingSystem = require("react-native-spacing-system");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PaymentMethodFormHeaderOption = props => {
+  const styles = (0, _styles.useStyles)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    disabled: props.disabled,
+    style: styles.optionContainer,
+    onPress: props.onSelect
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    selected: props.selected
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSpacingSystem.Queue, {
+    size: 16
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, props.title), props.rightChildren);
+};
+exports.PaymentMethodFormHeaderOption = PaymentMethodFormHeaderOption;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","_Checkbox","_reactNativeSpacingSystem","obj","__esModule","default","PaymentMethodFormHeaderOption","props","styles","useStyles","createElement","TouchableOpacity","disabled","style","optionContainer","onPress","onSelect","Checkbox","selected","Queue","size","Text","title","rightChildren","exports"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodFormHeaderOption/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAoD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAY7C,MAAMG,6BAA6B,GACxCC,KAAyC,IACtC;EACH,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,YAAA,CAAAY,gBAAgB;IACfC,QAAQ,EAAEL,KAAK,CAACK,QAAS;IACzBC,KAAK,EAAEL,MAAM,CAACM,eAAgB;IAC9BC,OAAO,EAAER,KAAK,CAACS;EAAS,gBAExBpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,SAAA,CAAAgB,QAAQ;IAACC,QAAQ,EAAEX,KAAK,CAACW;EAAS,CAAE,CAAC,eACtCtB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,yBAAA,CAAAiB,KAAK;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC,eACnBxB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,YAAA,CAAAsB,IAAI;IAACR,KAAK,EAAEL,MAAM,CAACc;EAAM,GAAEf,KAAK,CAACe,KAAY,CAAC,EAC9Cf,KAAK,CAACgB,aACS,CAAC;AAEvB,CAAC;AAACC,OAAA,CAAAlB,6BAAA,GAAAA,6BAAA"}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = (0, _ThemeContext.useTheme)();
+  const styles = _reactNative.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;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","fonts","useTheme","styles","StyleSheet","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","exports"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodFormHeaderOption/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEP,MAAM,CAACQ,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,EAAEhB,MAAM,CAACiB,OAAO;MACrBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAElB,KAAK,CAACmB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAEzB,MAAM,CAAC0B,KAAK;MAC7BC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEF,OAAO1B,MAAM;AACf,CAAC;AAAC2B,OAAA,CAAA/B,SAAA,GAAAA,SAAA"}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaymentMethodsForm = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+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 PaymentMethodsForm = props => {
+  const styles = (0, _styles.useStyles)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, props.methods.map((item, index) => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    key: index
+  }, item, props.methods.length - 1 > index && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.separator
+  }))));
+};
+exports.PaymentMethodsForm = PaymentMethodsForm;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PaymentMethodsForm","props","styles","useStyles","createElement","View","style","container","methods","map","item","index","Fragment","length","separator","exports"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodsForm/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAqC,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAM9B,MAAMW,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,oBACE9B,MAAA,CAAAY,OAAA,CAAAmB,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACC,KAAK,EAAEJ,MAAM,CAACK;EAAU,GAC3BN,KAAK,CAACO,OAAO,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC7BtC,MAAA,CAAAY,OAAA,CAAAmB,aAAA,CAAC/B,MAAA,CAAAuC,QAAQ;IAAClB,GAAG,EAAEiB;EAAM,GAClBD,IAAI,EACJT,KAAK,CAACO,OAAO,CAACK,MAAM,GAAG,CAAC,GAAGF,KAAK,iBAC/BtC,MAAA,CAAAY,OAAA,CAAAmB,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACC,KAAK,EAAEJ,MAAM,CAACY;EAAU,CAAE,CAE1B,CACX,CACG,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAf,kBAAA,GAAAA,kBAAA"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/ThemeContext");
+const useStyles = () => {
+  const {
+    colors
+  } = (0, _ThemeContext.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      borderColor: colors.mercury,
+      borderWidth: 2,
+      borderRadius: 16,
+      paddingHorizontal: 16
+    },
+    separator: {
+      height: 1,
+      backgroundColor: colors.mercury,
+      marginLeft: 40,
+      marginRight: -16
+    }
+  });
+  return styles;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","useTheme","styles","StyleSheet","create","container","borderColor","mercury","borderWidth","borderRadius","paddingHorizontal","separator","height","backgroundColor","marginLeft","marginRight","exports"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodsForm/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEN,MAAM,CAACO,OAAO;MAC3BC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,SAAS,EAAE;MACTC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEb,MAAM,CAACO,OAAO;MAC/BO,UAAU,EAAE,EAAE;MACdC,WAAW,EAAE,CAAC;IAChB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC;AAACc,OAAA,CAAAjB,SAAA,GAAAA,SAAA"}