@tonder.io/rn-sdk 0.1.0-beta.DEV1355.1

package/lib/commonjs/ui/components/Input/CardHolderInput.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardHolderInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _skyflow = require("@shared/constants/skyflow");
+var _reactNative = require("react-native");
+var _skyflowReactNative = require("skyflow-react-native");
+var _skyflow2 = require("@ui/styles/skyflow");
+var _payment = require("@ui/styles/payment");
+var _hook = _interopRequireDefault(require("@ui/providers/TonderProvider/hook"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CardHolderInput = ({
+  placeholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.namePlaceholder,
+  label = _skyflow.DEFAULT_SKYFLOW_lABELS.nameLabel,
+  style
+}) => {
+  const {
+    state
+  } = (0, _hook.default)();
+  const [errorText, setErrorText] = (0, _react.useState)('');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        ...(style?.inputStyles?.container ? {
+          ...style.inputStyles.container
+        } : _payment.DEFAULT_INPUT_CONTAINER_STYLES.base)
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_skyflowReactNative.CardHolderNameElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "cardholder_name",
+        validations: [_skyflow.lengthMatchRule, _skyflow.regexMatchRule],
+        placeholder: placeholder,
+        label: label,
+        inputStyles: {
+          ..._skyflow2.DEFAULT_SKYFLOW_INPUT_STYLES,
+          ...(style?.inputStyles ? {
+            ...style?.inputStyles,
+            base: {
+              ..._skyflow2.DEFAULT_SKYFLOW_INPUT_STYLES.base,
+              ...style?.inputStyles.base
+            }
+          } : {})
+        },
+        errorTextStyles: {
+          ..._skyflow2.SKYFLOW_HIDDEN_ERROR_TEXT_STYLES
+        },
+        labelStyles: {
+          ..._skyflow2.DEFAULT_SKYFLOW_lABEL_STYLES,
+          ...(style?.labelStyles ? {
+            ...style?.labelStyles,
+            base: {
+              ..._skyflow2.DEFAULT_SKYFLOW_lABEL_STYLES.base,
+              ...style?.labelStyles.base
+            }
+          } : {})
+        },
+        onChange: () => {
+          setErrorText('');
+        }
+        // onFocus={props.onFocus}
+        ,
+        onBlur: e => {
+          setErrorText((0, _skyflow.getErrorField)(e, label));
+        }
+        // onReady={props.onReady}
+      }), errorText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          ..._skyflow2.DEFAULT_SKYFLOW_ERROR_TEXT_STYLES.base
+        },
+        children: errorText
+      })]
+    })
+  });
+};
+exports.CardHolderInput = CardHolderInput;
+//# sourceMappingURL=CardHolderInput.js.map

package/lib/commonjs/ui/components/Input/CardHolderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_skyflow","_reactNative","_skyflowReactNative","_skyflow2","_payment","_hook","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardHolderInput","placeholder","DEFAULT_SKYFLOW_PLACEHOLDERS","namePlaceholder","label","DEFAULT_SKYFLOW_lABELS","nameLabel","style","state","useTonderContext","errorText","setErrorText","useState","jsx","Fragment","children","skyflowContainer","isCreated","isCreating","jsxs","View","inputStyles","container","DEFAULT_INPUT_CONTAINER_STYLES","base","CardHolderNameElement","table","column","validations","lengthMatchRule","regexMatchRule","DEFAULT_SKYFLOW_INPUT_STYLES","errorTextStyles","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","labelStyles","DEFAULT_SKYFLOW_lABEL_STYLES","onChange","onBlur","getErrorField","Text","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardHolderInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/Input/CardNumberInput.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardNumberInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _skyflowReactNative = require("skyflow-react-native");
+var _skyflow = require("@shared/constants/skyflow");
+var _reactNative = require("react-native");
+var _payment = require("@ui/styles/payment");
+var _skyflow2 = require("@ui/styles/skyflow");
+var _hook = _interopRequireDefault(require("@ui/providers/TonderProvider/hook"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CardNumberInput = ({
+  placeholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.cardPlaceholder,
+  label = _skyflow.DEFAULT_SKYFLOW_lABELS.cardLabel,
+  style
+}) => {
+  const {
+    state
+  } = (0, _hook.default)();
+  const [errorText, setErrorText] = (0, _react.useState)('');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        ...(style?.inputStyles?.container ? {
+          ...style.inputStyles.container
+        } : _payment.DEFAULT_INPUT_CONTAINER_STYLES.base)
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_skyflowReactNative.CardNumberElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "card_number",
+        placeholder: placeholder,
+        label: label,
+        validations: [_skyflow.regexMatchRule],
+        inputStyles: {
+          ..._skyflow2.DEFAULT_SKYFLOW_INPUT_STYLES,
+          ...(style?.inputStyles ? {
+            ...style?.inputStyles,
+            base: {
+              ..._skyflow2.DEFAULT_SKYFLOW_INPUT_STYLES.base,
+              ...style?.inputStyles.base
+            }
+          } : {})
+        },
+        errorTextStyles: {
+          ..._skyflow2.SKYFLOW_HIDDEN_ERROR_TEXT_STYLES
+        },
+        labelStyles: {
+          ..._skyflow2.DEFAULT_SKYFLOW_lABEL_STYLES,
+          ...(style?.labelStyles ? {
+            ...style?.labelStyles,
+            base: {
+              ..._skyflow2.DEFAULT_SKYFLOW_lABEL_STYLES.base,
+              ...style?.labelStyles.base
+            }
+          } : {})
+        },
+        onChange: () => {
+          setErrorText('');
+        }
+        // onFocus={props.onFocus}
+        ,
+        onBlur: e => {
+          setErrorText((0, _skyflow.getErrorField)(e, label));
+        }
+        // onReady={props.onReady}
+      }), errorText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          ..._skyflow2.DEFAULT_SKYFLOW_ERROR_TEXT_STYLES.base
+        },
+        children: errorText
+      })]
+    })
+  });
+};
+exports.CardNumberInput = CardNumberInput;
+//# sourceMappingURL=CardNumberInput.js.map

package/lib/commonjs/ui/components/Input/CardNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_skyflowReactNative","_skyflow","_reactNative","_payment","_skyflow2","_hook","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardNumberInput","placeholder","DEFAULT_SKYFLOW_PLACEHOLDERS","cardPlaceholder","label","DEFAULT_SKYFLOW_lABELS","cardLabel","style","state","useTonderContext","errorText","setErrorText","useState","jsx","Fragment","children","skyflowContainer","isCreated","isCreating","jsxs","View","inputStyles","container","DEFAULT_INPUT_CONTAINER_STYLES","base","CardNumberElement","table","column","validations","regexMatchRule","DEFAULT_SKYFLOW_INPUT_STYLES","errorTextStyles","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","labelStyles","DEFAULT_SKYFLOW_lABEL_STYLES","onChange","onBlur","getErrorField","Text","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardNumberInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/PaymentMethodsList/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _paymentMethodsCatalog = require("@shared/catalog/paymentMethodsCatalog");
+var _RadioButton = require("@components/RadioButton");
+var _styleUtils = require("@shared/utils/styleUtils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PaymentMethodsList = ({
+  methods,
+  selectedMethod,
+  onMethodSelect,
+  style
+}) => {
+  if (!methods.length) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    style: {
+      ...styles.container,
+      ...(style?.base || {})
+    },
+    children: methods.map(method => {
+      const details = (0, _paymentMethodsCatalog.getPaymentMethodDetails)(method.payment_method);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.methodItem,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
+          style: {
+            base: style?.radioBase,
+            selected: style?.radioSelected,
+            inner: style?.radioInner
+          },
+          value: method.id,
+          selected: selectedMethod === method.id,
+          onSelect: () => onMethodSelect(method.id)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.methodIconContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.methodIconBorder
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+            source: {
+              uri: details.icon
+            },
+            style: {
+              ...styles.methodIcon,
+              ...(style?.cardIcon || {})
+            },
+            resizeMode: "contain"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            ...styles.methodName,
+            ...(0, _styleUtils.buildBaseStyleText)(style)
+          },
+          children: details.label
+        })]
+      }, method.id);
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: 0
+  },
+  methodItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 5,
+    paddingHorizontal: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  methodIconContainer: {
+    width: 25,
+    height: 25,
+    marginLeft: 15,
+    position: 'relative',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  methodIcon: {
+    width: '100%',
+    height: '100%'
+  },
+  methodIconBorder: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderWidth: 1,
+    borderColor: '#bababa36',
+    borderRadius: 4
+  },
+  methodName: {
+    fontSize: 12,
+    color: '#1D1D1D',
+    marginLeft: 10
+  }
+});
+var _default = exports.default = PaymentMethodsList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_paymentMethodsCatalog","_RadioButton","_styleUtils","_jsxRuntime","e","__esModule","default","PaymentMethodsList","methods","selectedMethod","onMethodSelect","style","length","jsx","ScrollView","styles","container","base","children","map","method","details","getPaymentMethodDetails","payment_method","jsxs","View","methodItem","RadioButton","radioBase","selected","radioSelected","inner","radioInner","value","id","onSelect","methodIconContainer","methodIconBorder","Image","source","uri","icon","methodIcon","cardIcon","resizeMode","Text","methodName","buildBaseStyleText","label","StyleSheet","create","padding","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","width","height","marginLeft","position","justifyContent","top","left","right","bottom","borderWidth","borderColor","borderRadius","fontSize","color","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/PaymentMethodsList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/RadioButton/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// RadioButton.tsx
+
+const RadioButton = ({
+  selected,
+  onSelect,
+  style
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+  onPress: onSelect,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      ...styles.radio,
+      ...(style?.base || {}),
+      ...(selected ? {
+        ...styles.radioSelected,
+        ...(style?.selected || {})
+      } : {})
+    },
+    children: selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        ...styles.radioInner,
+        ...(style?.inner || {})
+      }
+    })
+  })
+});
+exports.RadioButton = RadioButton;
+const styles = _reactNative.StyleSheet.create({
+  radio: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: '#bababa',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  radioSelected: {
+    borderColor: '#3bc635'
+  },
+  radioInner: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: '#3bc635'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","RadioButton","selected","onSelect","style","jsx","TouchableOpacity","onPress","children","View","styles","radio","base","radioSelected","radioInner","inner","exports","StyleSheet","create","width","height","borderRadius","borderWidth","borderColor","justifyContent","alignItems","backgroundColor"],"sourceRoot":"../../../../../src","sources":["ui/components/RadioButton/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAkE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAFlE;;AAeO,MAAMG,WAAuC,GAAGA,CAAC;EACtDC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,kBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACT,YAAA,CAAAU,gBAAgB;EAACC,OAAO,EAAEJ,QAAS;EAAAK,QAAA,eAClC,IAAAX,WAAA,CAAAQ,GAAA,EAACT,YAAA,CAAAa,IAAI;IACHL,KAAK,EAAE;MACL,GAAGM,MAAM,CAACC,KAAK;MACf,IAAIP,KAAK,EAAEQ,IAAI,IAAI,CAAC,CAAC,CAAC;MACtB,IAAIV,QAAQ,GACR;QAAE,GAAGQ,MAAM,CAACG,aAAa;QAAE,IAAIT,KAAK,EAAEF,QAAQ,IAAI,CAAC,CAAC;MAAE,CAAC,GACvD,CAAC,CAAC;IACR,CAAE;IAAAM,QAAA,EAEDN,QAAQ,iBACP,IAAAL,WAAA,CAAAQ,GAAA,EAACT,YAAA,CAAAa,IAAI;MAACL,KAAK,EAAE;QAAE,GAAGM,MAAM,CAACI,UAAU;QAAE,IAAIV,KAAK,EAAEW,KAAK,IAAI,CAAC,CAAC;MAAE;IAAE,CAAE;EAClE,CACG;AAAC,CACS,CACnB;AAACC,OAAA,CAAAf,WAAA,GAAAA,WAAA;AAEF,MAAMS,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDZ,aAAa,EAAE;IACbU,WAAW,EAAE;EACf,CAAC;EACDT,UAAU,EAAE;IACVK,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfK,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/components/SavedCardsList/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _cardBrandCatalog = require("@shared/catalog/cardBrandCatalog");
+var _RadioButton = require("@components/RadioButton");
+var _lucideReactNative = require("lucide-react-native");
+var _styleUtils = require("@shared/utils/styleUtils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SavedCardsList = ({
+  cards,
+  selectedMethod,
+  onMethodSelect,
+  onDeleteCard,
+  deletingCards,
+  showDeleteButton = true,
+  style
+}) => {
+  if (!cards.length) return null;
+  const replaceTextCardNumber = cardNumber => {
+    const carArr = cardNumber.split('-');
+    const last = carArr[carArr.length - 1];
+    return `• • • •  ${last}`;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      ...styles.container,
+      ...(style?.base || {})
+    },
+    children: cards.map(card => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.cardItem,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
+        style: {
+          base: style?.radioBase,
+          selected: style?.radioSelected,
+          inner: style?.radioInner
+        },
+        value: card.fields.skyflow_id,
+        selected: selectedMethod === card.fields.skyflow_id,
+        onSelect: () => onMethodSelect(card.fields.skyflow_id)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: (0, _cardBrandCatalog.getCardType)(card.fields.card_scheme)
+        },
+        style: {
+          ...styles.cardImage,
+          ...(style?.cardIcon || {})
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.cardInfo,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            ...styles.cardNumber,
+            ...(0, _styleUtils.buildBaseStyleText)(style)
+          },
+          children: replaceTextCardNumber(card.fields.card_number)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: {
+            ...styles.cardExpiration,
+            ...(0, _styleUtils.buildBaseStyleText)(style)
+          },
+          children: ["Exp. ", card.fields.expiration_month, "/", card.fields.expiration_year]
+        })]
+      }), (deletingCards || []).includes(card.fields.skyflow_id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: "#000000",
+        size: "small"
+      }), !(deletingCards || []).includes(card.fields.skyflow_id) && showDeleteButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: () => onDeleteCard(card.fields.skyflow_id),
+        style: {
+          ...styles.deleteButton,
+          ...(style?.deleteButton || {})
+        },
+        hitSlop: {
+          top: 10,
+          bottom: 10,
+          left: 10,
+          right: 10
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Trash2, {
+          size: style?.deleteIcon?.fontSize || 16,
+          color: style?.deleteIcon?.color || '#000000'
+        })
+      })]
+    }, card.fields.skyflow_id))
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingHorizontal: 0
+  },
+  cardItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 5,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  cardImage: {
+    width: 32,
+    height: 20,
+    marginLeft: 15
+  },
+  cardInfo: {
+    flex: 1,
+    marginLeft: 15
+  },
+  cardNumber: {
+    fontSize: 12,
+    color: '#1D1D1D'
+  },
+  cardExpiration: {
+    fontSize: 12,
+    color: '#1D1D1D'
+  },
+  deleteButton: {
+    padding: 10
+  }
+});
+var _default = exports.default = SavedCardsList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_cardBrandCatalog","_RadioButton","_lucideReactNative","_styleUtils","_jsxRuntime","e","__esModule","default","SavedCardsList","cards","selectedMethod","onMethodSelect","onDeleteCard","deletingCards","showDeleteButton","style","length","replaceTextCardNumber","cardNumber","carArr","split","last","jsx","View","styles","container","base","children","map","card","jsxs","cardItem","RadioButton","radioBase","selected","radioSelected","inner","radioInner","value","fields","skyflow_id","onSelect","Image","source","uri","getCardType","card_scheme","cardImage","cardIcon","cardInfo","Text","buildBaseStyleText","card_number","cardExpiration","expiration_month","expiration_year","includes","ActivityIndicator","color","size","TouchableOpacity","onPress","deleteButton","hitSlop","top","bottom","left","right","Trash2","deleteIcon","fontSize","StyleSheet","create","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomWidth","borderBottomColor","width","height","marginLeft","flex","padding","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/SavedCardsList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/Skeleton/CardFormSkeleton.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CardFormSkeleton = ({
+  message
+}) => {
+  const animatedValue = new _reactNative.Animated.Value(0);
+  _react.default.useEffect(() => {
+    _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(animatedValue, {
+      toValue: 1,
+      duration: 750,
+      easing: _reactNative.Easing.ease,
+      useNativeDriver: false
+    }), _reactNative.Animated.timing(animatedValue, {
+      toValue: 0,
+      duration: 750,
+      easing: _reactNative.Easing.ease,
+      useNativeDriver: false
+    })])).start();
+  }, []);
+  const interpolatedColor = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['#e0e0e0', '#f0f0f0']
+  });
+  const SkeletonItem = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [styles.skeletonLoader, {
+      backgroundColor: interpolatedColor
+    }]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonItem, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonItem, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.collectRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.skeletonLoaderItem, {
+          backgroundColor: interpolatedColor
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.skeletonLoaderItem, {
+          backgroundColor: interpolatedColor
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.skeletonLoaderItem, {
+          backgroundColor: interpolatedColor
+        }]
+      })]
+    }), !!message && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.errorContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.errorText,
+        children: message
+      })
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    backgroundColor: '#F9F9F9',
+    padding: 20,
+    flex: 1,
+    gap: 20,
+    zIndex: 1
+  },
+  collectRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginHorizontal: 10,
+    gap: 10
+  },
+  skeletonLoader: {
+    height: 35,
+    borderRadius: 8,
+    marginVertical: 2,
+    marginHorizontal: 10
+  },
+  skeletonLoaderItem: {
+    height: 35,
+    borderRadius: 8,
+    flex: 1
+  },
+  errorContainer: {
+    paddingHorizontal: 11
+  },
+  errorText: {
+    color: 'red',
+    fontSize: 12
+  }
+});
+var _default = exports.default = CardFormSkeleton;
+//# sourceMappingURL=CardFormSkeleton.js.map

package/lib/commonjs/ui/components/Skeleton/CardFormSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","CardFormSkeleton","message","animatedValue","Animated","Value","React","useEffect","loop","sequence","timing","toValue","duration","easing","Easing","ease","useNativeDriver","start","interpolatedColor","interpolate","inputRange","outputRange","SkeletonItem","jsx","View","style","styles","skeletonLoader","backgroundColor","jsxs","container","children","collectRow","skeletonLoaderItem","errorContainer","Text","errorText","StyleSheet","create","position","top","left","width","height","padding","flex","gap","zIndex","flexDirection","justifyContent","marginHorizontal","borderRadius","marginVertical","paddingHorizontal","color","fontSize","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/Skeleton/CardFormSkeleton.tsx"],"mappings":"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","ignoreList":[]}