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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useWindowDimensions","useTheme","useSafeArea","useStyles","colors","height","insets","styles","create","container","backgroundColor","white","maxHeight","top","paddingBottom","bottom","title","fontWeight","fontSize","marginBottom","color","black","separatorText","lineHeight","width","textAlign","image","savedCardContainer","marginTop","marginLeft","keyboardView"],"sourceRoot":"../../../../src","sources":["components/CardSheet/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,WAAW,QAAQ,yBAAyB;AAErD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAEI;EAAO,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAExC,MAAMM,MAAM,GAAGJ,WAAW,CAAC,CAAC;EAE5B,MAAMK,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEN,MAAM,CAACO,KAAK;MAC7BC,SAAS,EAAEP,MAAM,GAAGC,MAAM,CAACO,GAAG;MAC9BC,aAAa,EAAER,MAAM,CAACS,MAAM,GAAG;IACjC,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAEhB,MAAM,CAACiB;IAChB,CAAC;IACDC,aAAa,EAAE;MACbJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,EAAE;MACdH,KAAK,EAAEhB,MAAM,CAACiB,KAAK;MACnBG,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,EAAE;MACTnB,MAAM,EAAE;IACV,CAAC;IACDsB,kBAAkB,EAAE;MAClBC,SAAS,EAAE,EAAE;MACbT,YAAY,EAAE,EAAE;MAChBU,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZ;IAAA;EAEJ,CAAC,CAAC;EAEF,OAAOvB,MAAM;AACf,CAAC"}

package/lib/module/components/CardSheet/useCardSheet/index.js

@@ -0,0 +1,83 @@
+import { useCard, useCvcCode, useExpirationDate, useName } from '../../../hooks/base';
+import { useEffect, useState } from 'react';
+import { usePaymentInstrumentsStore, usePaymentStore } from '../../../contexts/StoreContext';
+import { LayoutAnimation } from 'react-native';
+export const useCardSheet = () => {
+  const {
+    cardHolderName,
+    saveCardForFutureUsage,
+    countryCode,
+    pay
+  } = usePaymentStore();
+  const {
+    selectedPaymentInstrument,
+    paymentInstruments,
+    payWithToken
+  } = usePaymentInstrumentsStore();
+  const cardInputModel = useCard();
+  const nameInputModel = useName(cardHolderName);
+  const expirationDateInputModel = useExpirationDate();
+  const cvcCodeInputModel = useCvcCode();
+  const [saveCard, setSaveCard] = useState(saveCardForFutureUsage || false);
+  const [paymentMethod, setPaymentMethod] = useState('new-card');
+  useEffect(() => {
+    setPaymentMethod(selectedPaymentInstrument ? 'saved-card' : 'new-card');
+  }, [selectedPaymentInstrument]);
+  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 () => {
+    let error;
+    if (paymentMethod === 'saved-card' && selectedPaymentInstrument) {
+      error = await payWithToken(selectedPaymentInstrument.token);
+    } else {
+      var _expirationDateInputM, _expirationDateInputM2;
+      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
+      };
+      error = await pay(cardPayment);
+    }
+    if (error) {
+      handleError(error);
+    }
+  };
+  const selectPaymentMethod = method => {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    setPaymentMethod(method);
+  };
+  return {
+    countryCode,
+    paymentMethod,
+    selectedPaymentInstrument,
+    paymentInstruments,
+    saveCard,
+    cardInputModel,
+    nameInputModel,
+    expirationDateInputModel,
+    cvcCodeInputModel,
+    setSaveCard,
+    processPayment,
+    selectPaymentMethod
+  };
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/CardSheet/useCardSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCard","useCvcCode","useExpirationDate","useName","useEffect","useState","usePaymentInstrumentsStore","usePaymentStore","LayoutAnimation","useCardSheet","cardHolderName","saveCardForFutureUsage","countryCode","pay","selectedPaymentInstrument","paymentInstruments","payWithToken","cardInputModel","nameInputModel","expirationDateInputModel","cvcCodeInputModel","saveCard","setSaveCard","paymentMethod","setPaymentMethod","handleError","error","param","includes","setErrorText","message","processPayment","token","_expirationDateInputM","_expirationDateInputM2","showErrorIfNeeded","isValid","cardPayment","name","value","number","expiryMonth","month","toString","expiryYear","year","cvv","selectPaymentMethod","method","configureNext","Presets","easeInEaseOut"],"sourceRoot":"../../../../../src","sources":["components/CardSheet/useCardSheet/index.ts"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TouchableOpacity, Image } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStyles } from './styles';
+export const Checkbox = props => {
+  const styles = useStyles(props.selected);
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: !props.onPress,
+    style: styles.container,
+    onPress: props.onPress
+  }, props.selected && /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: theme.images.checkbox
+  }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","Image","useTheme","useStyles","Checkbox","props","styles","selected","theme","createElement","disabled","onPress","style","container","image","source","images","checkbox"],"sourceRoot":"../../../../src","sources":["components/Checkbox/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,cAAc;AACtD,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,SAAS,QAAQ,UAAU;AAOpC,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAMC,MAAM,GAAGH,SAAS,CAACE,KAAK,CAACE,QAAQ,CAAC;EACxC,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExB,oBACEH,KAAA,CAAAU,aAAA,CAACT,gBAAgB;IACfU,QAAQ,EAAE,CAACL,KAAK,CAACM,OAAQ;IACzBC,KAAK,EAAEN,MAAM,CAACO,SAAU;IACxBF,OAAO,EAAEN,KAAK,CAACM;EAAQ,GAEtBN,KAAK,CAACE,QAAQ,iBACbR,KAAA,CAAAU,aAAA,CAACR,KAAK;IAACW,KAAK,EAAEN,MAAM,CAACQ,KAAM;IAACC,MAAM,EAAEP,KAAK,CAACQ,MAAM,CAACC;EAAS,CAAE,CAE9C,CAAC;AAEvB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = selected => {
+  const {
+    colors
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      borderRadius: 12,
+      width: 24,
+      height: 24,
+      borderWidth: 2,
+      borderColor: selected ? colors.royalBlue : colors.doveGray
+    },
+    image: {
+      width: 24,
+      height: 24,
+      marginLeft: -2,
+      marginTop: -2
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","selected","colors","styles","create","container","borderRadius","width","height","borderWidth","borderColor","royalBlue","doveGray","image","marginLeft","marginTop"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,QAAQ,GAAGC,MAAM,CAACS,SAAS,GAAGT,MAAM,CAACU;IACpD,CAAC;IACDC,KAAK,EAAE;MACLN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVM,UAAU,EAAE,CAAC,CAAC;MACdC,SAAS,EAAE,CAAC;IACd;EACF,CAAC,CAAC;EAEF,OAAOZ,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TouchableOpacity, Image } from 'react-native';
+import { useNativePaymentStore } from '../../contexts/StoreContext';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStyles } from './styles';
+export const GooglePayButton = props => {
+  const styles = useStyles(props.disabled);
+  const theme = useTheme();
+  const {
+    presentGooglePay
+  } = useNativePaymentStore();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: props.disabled,
+    style: styles.container,
+    onPress: presentGooglePay
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: theme.images.googlePay
+  }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","Image","useNativePaymentStore","useTheme","useStyles","GooglePayButton","props","styles","disabled","theme","presentGooglePay","createElement","style","container","onPress","image","source","images","googlePay"],"sourceRoot":"../../../../src","sources":["components/GooglePayButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,cAAc;AACtD,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,SAAS,QAAQ,UAAU;AAMpC,OAAO,MAAMC,eAAe,GAAIC,KAA2B,IAAK;EAC9D,MAAMC,MAAM,GAAGH,SAAS,CAACE,KAAK,CAACE,QAAQ,CAAC;EACxC,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExB,MAAM;IAAEO;EAAiB,CAAC,GAAGR,qBAAqB,CAAC,CAAC;EAEpD,oBACEH,KAAA,CAAAY,aAAA,CAACX,gBAAgB;IACfQ,QAAQ,EAAEF,KAAK,CAACE,QAAS;IACzBI,KAAK,EAAEL,MAAM,CAACM,SAAU;IACxBC,OAAO,EAAEJ;EAAiB,gBAE1BX,KAAA,CAAAY,aAAA,CAACV,KAAK;IAACW,KAAK,EAAEL,MAAM,CAACQ,KAAM;IAACC,MAAM,EAAEP,KAAK,CAACQ,MAAM,CAACC;EAAU,CAAE,CAC7C,CAAC;AAEvB,CAAC"}

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

@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = disabled => {
+  const {
+    colors
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      opacity: disabled ? 0.6 : 1,
+      height: 48,
+      width: '100%',
+      backgroundColor: colors.black,
+      borderRadius: 8,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    text: {
+      fontSize: 14,
+      color: colors.white
+    },
+    image: {
+      width: 44,
+      height: 24
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","disabled","colors","styles","create","container","flexDirection","opacity","height","width","backgroundColor","black","borderRadius","justifyContent","alignItems","text","fontSize","color","white","image"],"sourceRoot":"../../../../src","sources":["components/GooglePayButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAEN,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BO,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAER,MAAM,CAACS,KAAK;MAC7BC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEf,MAAM,CAACgB;IAChB,CAAC;IACDC,KAAK,EAAE;MACLV,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Image, Text, TouchableOpacity, View } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+import { useStyles } from './styles';
+export const Header = props => {
+  const styles = useStyles();
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: !props.onBackButtonPress,
+    style: styles.imageContainer,
+    onPress: props.onBackButtonPress
+  }, props.onBackButtonPress && /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: theme.images.back
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, props.title), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.imageContainer,
+    onPress: props.onCloseButtonPress
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: theme.images.cross
+  })));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Text","TouchableOpacity","View","useTheme","useStyles","Header","props","styles","theme","createElement","style","container","disabled","onBackButtonPress","imageContainer","onPress","image","source","images","back","title","onCloseButtonPress","cross"],"sourceRoot":"../../../../src","sources":["components/Header/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAClE,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,SAAS,QAAQ,UAAU;AASpC,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1B,MAAMI,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,oBACEL,KAAA,CAAAW,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEH,MAAM,CAACI;EAAU,gBAC5Bb,KAAA,CAAAW,aAAA,CAACR,gBAAgB;IACfW,QAAQ,EAAE,CAACN,KAAK,CAACO,iBAAkB;IACnCH,KAAK,EAAEH,MAAM,CAACO,cAAe;IAC7BC,OAAO,EAAET,KAAK,CAACO;EAAkB,GAEhCP,KAAK,CAACO,iBAAiB,iBACtBf,KAAA,CAAAW,aAAA,CAACV,KAAK;IAACW,KAAK,EAAEH,MAAM,CAACS,KAAM;IAACC,MAAM,EAAET,KAAK,CAACU,MAAM,CAACC;EAAK,CAAE,CAE1C,CAAC,eACnBrB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEH,MAAM,CAACa;EAAM,GAAEd,KAAK,CAACc,KAAY,CAAC,eAC/CtB,KAAA,CAAAW,aAAA,CAACR,gBAAgB;IACfS,KAAK,EAAEH,MAAM,CAACO,cAAe;IAC7BC,OAAO,EAAET,KAAK,CAACe;EAAmB,gBAElCvB,KAAA,CAAAW,aAAA,CAACV,KAAK;IAACW,KAAK,EAAEH,MAAM,CAACS,KAAM;IAACC,MAAM,EAAET,KAAK,CAACU,MAAM,CAACI;EAAM,CAAE,CACzC,CACd,CAAC;AAEX,CAAC"}

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

@@ -0,0 +1,35 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      height: 56,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 16
+    },
+    title: {
+      color: colors.codGray,
+      fontWeight: '700',
+      fontSize: 18,
+      textAlign: 'center',
+      flex: 1,
+      fontFamily: fonts.sfProTextBold
+    },
+    image: {
+      height: 18,
+      width: 16
+    },
+    imageContainer: {
+      height: 18,
+      width: 16
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","flexDirection","height","alignItems","justifyContent","marginBottom","title","color","codGray","fontWeight","fontSize","textAlign","flex","fontFamily","sfProTextBold","image","width","imageContainer"],"sourceRoot":"../../../../src","sources":["components/Header/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,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEX,MAAM,CAACY,OAAO;MACrBC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAEhB,KAAK,CAACiB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLb,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT,CAAC;IACDC,cAAc,EAAE;MACdf,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT;EACF,CAAC,CAAC;EAEF,OAAOlB,MAAM;AACf,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Image, TouchableOpacity } from 'react-native';
+import { useStyles } from './styles';
+export const ImageButton = props => {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    hitSlop: {
+      left: 10,
+      right: 10,
+      top: 10,
+      bottom: 10
+    },
+    style: styles.container,
+    onPress: props.onPress
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: props.source
+  }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","TouchableOpacity","useStyles","ImageButton","props","styles","createElement","hitSlop","left","right","top","bottom","style","container","onPress","image","source"],"sourceRoot":"../../../../src","sources":["components/ImageButton/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAuBC,gBAAgB,QAAQ,cAAc;AAC3E,SAASC,SAAS,QAAQ,UAAU;AAOpC,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAE1B,oBACEH,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfM,OAAO,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAG,CAAE;IACtDC,KAAK,EAAEP,MAAM,CAACQ,SAAU;IACxBC,OAAO,EAAEV,KAAK,CAACU;EAAQ,gBAEvBf,KAAA,CAAAO,aAAA,CAACN,KAAK;IAACY,KAAK,EAAEP,MAAM,CAACU,KAAM;IAACC,MAAM,EAAEZ,KAAK,CAACY;EAAO,CAAE,CACnC,CAAC;AAEvB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    container: {},
+    image: {}
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","container","image"],"sourceRoot":"../../../../src","sources":["components/ImageButton/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,SAAS,EAAE,CAAC,CAAC;IACbC,KAAK,EAAE,CAAC;EACV,CAAC,CAAC;EAEF,OAAOH,MAAM;AACf,CAAC"}

package/lib/module/components/InputFields/BaseInputField/index.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { TextInput, View } from 'react-native';
+import { useStyles } from './styles';
+import { useTheme } from '../../../contexts/ThemeContext';
+import { Stack } from 'react-native-spacing-system';
+import { Text } from '../../../components/Text';
+export const BaseInputField = props => {
+  const styles = useStyles();
+  const theme = useTheme();
+  const onFocus = () => {
+    props.inputModel.onFocus();
+  };
+  const onBlur = () => {
+    props.inputModel.onBlur();
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: props.containerStyle
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, props.title), /*#__PURE__*/React.createElement(Stack, {
+    size: 4
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.container]
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    placeholder: props.placeholder,
+    placeholderTextColor: theme.colors.dustyGray,
+    autoCorrect: false,
+    spellCheck: false,
+    keyboardType: props.keyboardType,
+    maxLength: props.maxLength,
+    value: props.inputModel.value,
+    onChangeText: props.inputModel.setValue,
+    style: styles.input,
+    onFocus: onFocus,
+    onBlur: onBlur
+  })), !!props.inputModel.errorText && /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorText
+  }, props.inputModel.errorText));
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/InputFields/BaseInputField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextInput","View","useStyles","useTheme","Stack","Text","BaseInputField","props","styles","theme","onFocus","inputModel","onBlur","createElement","style","containerStyle","title","size","container","placeholder","placeholderTextColor","colors","dustyGray","autoCorrect","spellCheck","keyboardType","maxLength","value","onChangeText","setValue","input","errorText"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AAErB,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,IAAI,QAAQ,0BAA0B;AAY/C,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,MAAMO,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExB,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACpBH,KAAK,CAACI,UAAU,CAACD,OAAO,CAAC,CAAC;EAC5B,CAAC;EAED,MAAME,MAAM,GAAGA,CAAA,KAAM;IACnBL,KAAK,CAACI,UAAU,CAACC,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEb,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEP,KAAK,CAACQ;EAAe,gBAChChB,KAAA,CAAAc,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEN,MAAM,CAACQ;EAAM,GAAET,KAAK,CAACS,KAAY,CAAC,eAC/CjB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACa,IAAI,EAAE;EAAE,CAAE,CAAC,eAClBlB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACN,MAAM,CAACU,SAAS;EAAE,gBAC9BnB,KAAA,CAAAc,aAAA,CAACb,SAAS;IACRmB,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,oBAAoB,EAAEX,KAAK,CAACY,MAAM,CAACC,SAAU;IAC7CC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAElB,KAAK,CAACkB,YAAa;IACjCC,SAAS,EAAEnB,KAAK,CAACmB,SAAU;IAC3BC,KAAK,EAAEpB,KAAK,CAACI,UAAU,CAACgB,KAAM;IAC9BC,YAAY,EAAErB,KAAK,CAACI,UAAU,CAACkB,QAAS;IACxCf,KAAK,EAAEN,MAAM,CAACsB,KAAM;IACpBpB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACG,CAAC,EACN,CAAC,CAACL,KAAK,CAACI,UAAU,CAACoB,SAAS,iBAC3BhC,KAAA,CAAAc,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEN,MAAM,CAACuB;EAAU,GAAExB,KAAK,CAACI,UAAU,CAACoB,SAAgB,CAE/D,CAAC;AAEX,CAAC"}

package/lib/module/components/InputFields/BaseInputField/styles.js

@@ -0,0 +1,38 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../../contexts/ThemeContext';
+export const useStyles = () => {
+  const {
+    colors,
+    fonts
+  } = useTheme();
+  const styles = StyleSheet.create({
+    input: {
+      fontSize: 16,
+      paddingHorizontal: 16,
+      width: '100%',
+      color: colors.codGray,
+      fontFamily: fonts.sfProTextRegular
+    },
+    title: {
+      fontSize: 14,
+      lineHeight: 20,
+      color: colors.codGray,
+      fontFamily: fonts.sfProTextRegular
+    },
+    container: {
+      borderColor: colors.silver,
+      borderWidth: 1,
+      height: 56,
+      justifyContent: 'center',
+      borderRadius: 8
+    },
+    errorText: {
+      color: colors.guardsmanRed,
+      fontSize: 12,
+      marginVertical: 6,
+      fontFamily: fonts.sfProTextRegular
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/InputFields/BaseInputField/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","input","fontSize","paddingHorizontal","width","color","codGray","fontFamily","sfProTextRegular","title","lineHeight","container","borderColor","silver","borderWidth","height","justifyContent","borderRadius","errorText","guardsmanRed","marginVertical"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,gCAAgC;AAEzD,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,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE,EAAE;MACrBC,KAAK,EAAE,MAAM;MACbC,KAAK,EAAER,MAAM,CAACS,OAAO;MACrBC,UAAU,EAAET,KAAK,CAACU;IACpB,CAAC;IACDC,KAAK,EAAE;MACLP,QAAQ,EAAE,EAAE;MACZQ,UAAU,EAAE,EAAE;MACdL,KAAK,EAAER,MAAM,CAACS,OAAO;MACrBC,UAAU,EAAET,KAAK,CAACU;IACpB,CAAC;IACDG,SAAS,EAAE;MACTC,WAAW,EAAEf,MAAM,CAACgB,MAAM;MAC1BC,WAAW,EAAE,CAAC;MACdC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,SAAS,EAAE;MACTb,KAAK,EAAER,MAAM,CAACsB,YAAY;MAC1BjB,QAAQ,EAAE,EAAE;MACZkB,cAAc,EAAE,CAAC;MACjBb,UAAU,EAAET,KAAK,CAACU;IACpB;EACF,CAAC,CAAC;EAEF,OAAOT,MAAM;AACf,CAAC"}

package/lib/module/components/InputFields/CVCInputField/index.js

@@ -0,0 +1,19 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { View } from 'react-native';
+import consts from '../../../consts/validation';
+import { BaseInputField } from '../BaseInputField';
+import { useStyles } from './styles';
+export const CVCInputField = props => {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: props.containerStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container]
+  }, /*#__PURE__*/React.createElement(BaseInputField, _extends({}, props, {
+    containerStyle: undefined,
+    maxLength: consts.CVC_MAX_LENGTH,
+    keyboardType: "number-pad"
+  }))));
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/InputFields/CVCInputField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","consts","BaseInputField","useStyles","CVCInputField","props","styles","createElement","style","containerStyle","container","_extends","undefined","maxLength","CVC_MAX_LENGTH","keyboardType"],"sourceRoot":"../../../../../src","sources":["components/InputFields/CVCInputField/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,4BAA4B;AAC/C,SAASC,cAAc,QAA6B,mBAAmB;AACvE,SAASC,SAAS,QAAQ,UAAU;AAOpC,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAE1B,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEH,KAAK,CAACI;EAAe,gBAChCV,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAE,CAACF,MAAM,CAACI,SAAS;EAAE,gBAC9BX,KAAA,CAAAQ,aAAA,CAACL,cAAc,EAAAS,QAAA,KACTN,KAAK;IACTI,cAAc,EAAEG,SAAU;IAC1BC,SAAS,EAAEZ,MAAM,CAACa,cAAe;IACjCC,YAAY,EAAC;EAAY,EAC1B,CACG,CACF,CAAC;AAEX,CAAC"}

package/lib/module/components/InputFields/CVCInputField/styles.js

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    container: {
+      justifyContent: 'center'
+    },
+    imagesContainer: {
+      flexDirection: 'row',
+      position: 'absolute',
+      right: 0,
+      paddingRight: 8
+    },
+    image: {
+      width: 30,
+      height: 20,
+      marginRight: 6
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/InputFields/CVCInputField/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","container","justifyContent","imagesContainer","flexDirection","position","right","paddingRight","image","width","height","marginRight"],"sourceRoot":"../../../../../src","sources":["components/InputFields/CVCInputField/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,SAAS,EAAE;MACTC,cAAc,EAAE;IAClB,CAAC;IACDC,eAAe,EAAE;MACfC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf;EACF,CAAC,CAAC;EAEF,OAAOZ,MAAM;AACf,CAAC"}

package/lib/module/components/InputFields/CardInputField/index.js

@@ -0,0 +1,39 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { View, Image } from 'react-native';
+import { useTheme } from '../../../contexts/ThemeContext';
+import { BaseInputField } from '../BaseInputField';
+import { useStyles } from './styles';
+import consts from '../../../consts/validation';
+export const CardInputField = props => {
+  const theme = useTheme();
+  const styles = useStyles();
+  const cardType = props.inputModel.cardType;
+  const renderImage = () => {
+    if (!cardType) {
+      return /*#__PURE__*/React.createElement(Image, {
+        style: styles.imagePlaceholder,
+        source: theme.images.cardPlaceholder
+      });
+    }
+    const cardImage = {
+      americanExpress: theme.images.americanExpress,
+      visa: theme.images.visa,
+      mastercard: theme.images.mastercard
+    };
+    return /*#__PURE__*/React.createElement(Image, {
+      style: styles.image,
+      source: cardImage[cardType]
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(BaseInputField, _extends({}, props, {
+    inputModel: props.inputModel,
+    maxLength: cardType ? consts.CARD_NUMBER_LENGTH[cardType] : consts.CARD_NUMBER_LENGTH.default,
+    keyboardType: "number-pad"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.imageContainer
+  }, renderImage()));
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/InputFields/CardInputField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Image","useTheme","BaseInputField","useStyles","consts","CardInputField","props","theme","styles","cardType","inputModel","renderImage","createElement","style","imagePlaceholder","source","images","cardPlaceholder","cardImage","americanExpress","visa","mastercard","image","container","_extends","maxLength","CARD_NUMBER_LENGTH","default","keyboardType","imageContainer"],"sourceRoot":"../../../../../src","sources":["components/InputFields/CardInputField/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAE1C,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,cAAc,QAA6B,mBAAmB;AACvE,SAASC,SAAS,QAAQ,UAAU;AACpC,OAAOC,MAAM,MAAM,4BAA4B;AAS/C,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAMO,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,QAAQ,GAAGH,KAAK,CAACI,UAAU,CAACD,QAAQ;EAE1C,MAAME,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACF,QAAQ,EAAE;MACb,oBACEX,KAAA,CAAAc,aAAA,CAACZ,KAAK;QACJa,KAAK,EAAEL,MAAM,CAACM,gBAAiB;QAC/BC,MAAM,EAAER,KAAK,CAACS,MAAM,CAACC;MAAgB,CACtC,CAAC;IAEN;IAEA,MAAMC,SAAS,GAAG;MAChBC,eAAe,EAAEZ,KAAK,CAACS,MAAM,CAACG,eAAe;MAC7CC,IAAI,EAAEb,KAAK,CAACS,MAAM,CAACI,IAAI;MACvBC,UAAU,EAAEd,KAAK,CAACS,MAAM,CAACK;IAC3B,CAAC;IAED,oBAAOvB,KAAA,CAAAc,aAAA,CAACZ,KAAK;MAACa,KAAK,EAAEL,MAAM,CAACc,KAAM;MAACP,MAAM,EAAEG,SAAS,CAACT,QAAQ;IAAE,CAAE,CAAC;EACpE,CAAC;EAED,oBACEX,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEL,MAAM,CAACe;EAAU,gBAC5BzB,KAAA,CAAAc,aAAA,CAACV,cAAc,EAAAsB,QAAA,KACTlB,KAAK;IACTI,UAAU,EAAEJ,KAAK,CAACI,UAAW;IAC7Be,SAAS,EACPhB,QAAQ,GACJL,MAAM,CAACsB,kBAAkB,CAACjB,QAAQ,CAAC,GACnCL,MAAM,CAACsB,kBAAkB,CAACC,OAC/B;IACDC,YAAY,EAAC;EAAY,EAC1B,CAAC,eACF9B,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEL,MAAM,CAACqB;EAAe,GAAElB,WAAW,CAAC,CAAQ,CACrD,CAAC;AAEX,CAAC"}

package/lib/module/components/InputFields/CardInputField/styles.js

@@ -0,0 +1,24 @@
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    container: {},
+    imageContainer: {
+      flexDirection: 'row',
+      position: 'absolute',
+      right: 0,
+      paddingRight: 8,
+      top: 42,
+      marginRight: 6
+    },
+    imagePlaceholder: {
+      width: 24,
+      height: 24
+    },
+    image: {
+      width: 32,
+      height: 24
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/InputFields/CardInputField/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","container","imageContainer","flexDirection","position","right","paddingRight","top","marginRight","imagePlaceholder","width","height","image"],"sourceRoot":"../../../../../src","sources":["components/InputFields/CardInputField/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,SAAS,EAAE,CAAC,CAAC;IACbC,cAAc,EAAE;MACdC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,YAAY,EAAE,CAAC;MACfC,GAAG,EAAE,EAAE;MACPC,WAAW,EAAE;IACf,CAAC;IACDC,gBAAgB,EAAE;MAChBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOZ,MAAM;AACf,CAAC"}

package/lib/module/components/InputFields/ExpirationDateInputField/index.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { BaseInputField } from '../BaseInputField';
+import consts from '../../../consts/validation';
+export const ExpirationDateInputField = props => {
+  return /*#__PURE__*/React.createElement(BaseInputField, _extends({}, props, {
+    inputModel: props.inputModel,
+    maxLength: consts.EXPIRATION_DATE_MAX_LENGTH,
+    keyboardType: "number-pad"
+  }));
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/InputFields/ExpirationDateInputField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseInputField","consts","ExpirationDateInputField","props","createElement","_extends","inputModel","maxLength","EXPIRATION_DATE_MAX_LENGTH","keyboardType"],"sourceRoot":"../../../../../src","sources":["components/InputFields/ExpirationDateInputField/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAA6B,mBAAmB;AACvE,OAAOC,MAAM,MAAM,4BAA4B;AAU/C,OAAO,MAAMC,wBAAwB,GACnCC,KAAoC,IACjC;EACH,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,cAAc,EAAAK,QAAA,KACTF,KAAK;IACTG,UAAU,EAAEH,KAAK,CAACG,UAAW;IAC7BC,SAAS,EAAEN,MAAM,CAACO,0BAA2B;IAC7CC,YAAY,EAAC;EAAY,EAC1B,CAAC;AAEN,CAAC"}

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

@@ -0,0 +1,33 @@
+import React, { useEffect, useRef } from 'react';
+import { View, Animated, Easing } from 'react-native';
+import { useStyles } from './styles';
+const DURATION = 1000;
+const startRotationAnimation = (durationMs, rotationDegree) => {
+  Animated.loop(Animated.timing(rotationDegree, {
+    toValue: 360,
+    duration: durationMs,
+    easing: Easing.linear,
+    useNativeDriver: true
+  })).start();
+};
+const LoadingSpinner = () => {
+  const styles = useStyles();
+  const rotationDegree = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    startRotationAnimation(DURATION, rotationDegree);
+  }, [rotationDegree]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.progress, {
+      transform: [{
+        rotateZ: rotationDegree.interpolate({
+          inputRange: [0, 360],
+          outputRange: ['0deg', '360deg']
+        })
+      }]
+    }]
+  }));
+};
+export default LoadingSpinner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","Animated","Easing","useStyles","DURATION","startRotationAnimation","durationMs","rotationDegree","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","LoadingSpinner","styles","Value","current","createElement","style","container","progress","transform","rotateZ","interpolate","inputRange","outputRange"],"sourceRoot":"../../../../src","sources":["components/LoadingSpinner/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,QAAQ,GAAG,IAAI;AAErB,MAAMC,sBAAsB,GAAGA,CAC7BC,UAAkB,EAClBC,cAA8B,KACrB;EACTN,QAAQ,CAACO,IAAI,CACXP,QAAQ,CAACQ,MAAM,CAACF,cAAc,EAAE;IAC9BG,OAAO,EAAE,GAAG;IACZC,QAAQ,EAAEL,UAAU;IACpBM,MAAM,EAAEV,MAAM,CAACW,MAAM;IACrBC,eAAe,EAAE;EACnB,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;AACX,CAAC;AAED,MAAMC,cAAc,GAAGA,CAAA,KAAmB;EACxC,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAE1B,MAAMI,cAAc,GAAGR,MAAM,CAAC,IAAIE,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5DrB,SAAS,CAAC,MAAM;IACdO,sBAAsB,CAACD,QAAQ,EAAEG,cAAc,CAAC;EAClD,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,oBACEV,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEJ,MAAM,CAACK;EAAU,gBAC5BzB,KAAA,CAAAuB,aAAA,CAACnB,QAAQ,CAACD,IAAI;IACZqB,KAAK,EAAE,CACLJ,MAAM,CAACM,QAAQ,EACf;MACEC,SAAS,EAAE,CACT;QACEC,OAAO,EAAElB,cAAc,CAACmB,WAAW,CAAC;UAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;UACpBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;QAChC,CAAC;MACH,CAAC;IAEL,CAAC;EACD,CACH,CACG,CAAC;AAEX,CAAC;AAED,eAAeZ,cAAc"}