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

package/lib/commonjs/types/transaction.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=transaction.js.map

package/lib/commonjs/types/transaction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/transaction.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/ui/components/Button/ProcessButton.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProcessButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("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 ProcessButton = ({
+  text,
+  onPress,
+  isLoading,
+  style
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+  style: {
+    ...styles.payButton,
+    ...(style?.base || {})
+  },
+  onPress: onPress,
+  disabled: isLoading,
+  children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+    color: "#fff",
+    size: "small"
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: {
+      ...styles.payButtonText,
+      ...(0, _styleUtils.buildBaseStyleText)(style)
+    },
+    children: text
+  })
+});
+exports.ProcessButton = ProcessButton;
+const styles = _reactNative.StyleSheet.create({
+  payButton: {
+    backgroundColor: '#000',
+    padding: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+    margin: 20
+  },
+  payButtonText: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: 'bold'
+  }
+});
+//# sourceMappingURL=ProcessButton.js.map

package/lib/commonjs/ui/components/Button/ProcessButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleUtils","_jsxRuntime","e","__esModule","default","ProcessButton","text","onPress","isLoading","style","jsx","TouchableOpacity","styles","payButton","base","disabled","children","ActivityIndicator","color","size","Text","payButtonText","buildBaseStyleText","exports","StyleSheet","create","backgroundColor","padding","borderRadius","alignItems","margin","fontSize","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/Button/ProcessButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASvD,MAAMG,aAAuC,GAAGA,CAAC;EACtDC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC;AACF,CAAC,kBACC,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,gBAAgB;EACfF,KAAK,EAAE;IAAE,GAAGG,MAAM,CAACC,SAAS;IAAE,IAAIJ,KAAK,EAAEK,IAAI,IAAI,CAAC,CAAC;EAAE,CAAE;EACvDP,OAAO,EAAEA,OAAQ;EACjBQ,QAAQ,EAAEP,SAAU;EAAAQ,QAAA,EAEnBR,SAAS,gBACR,IAAAP,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAkB,iBAAiB;IAACC,KAAK,EAAC,MAAM;IAACC,IAAI,EAAC;EAAO,CAAE,CAAC,gBAE/C,IAAAlB,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAqB,IAAI;IACHX,KAAK,EAAE;MACL,GAAGG,MAAM,CAACS,aAAa;MACvB,GAAG,IAAAC,8BAAkB,EAACb,KAAK;IAC7B,CAAE;IAAAO,QAAA,EAEDV;EAAI,CACD;AACP,CACe,CACnB;AAACiB,OAAA,CAAAlB,aAAA,GAAAA,aAAA;AAEF,MAAMO,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,eAAe,EAAE,MAAM;IACvBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDT,aAAa,EAAE;IACbH,KAAK,EAAE,MAAM;IACba,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NewCardForm = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _CardHolderInput = require("@components/Input/CardHolderInput");
+var _CardNumberInput = require("@components/Input/CardNumberInput");
+var _CardCVVInput = require("@components/Input/CardCVVInput");
+var _Checkbox = require("@components/Checkbox/Checkbox");
+var _CardExpirationDateInput = require("@components/Input/CardExpirationDateInput");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NewCardForm = ({
+  showSaveOption,
+  saveCard,
+  onSaveCardChange,
+  style,
+  labels,
+  placeholders
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      ...styles.container,
+      ...(style?.base || {})
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CardHolderInput.CardHolderInput, {
+      style: style,
+      label: labels?.name,
+      placeholder: placeholders?.name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardNumberInput.CardNumberInput, {
+      style: style,
+      label: labels?.cardNumber,
+      placeholder: placeholders?.cardNumber
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.expirationRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CardExpirationDateInput.CardExpirationDateInput, {
+        style: style,
+        label: labels?.expiryDate,
+        yearPlaceholder: placeholders?.expiryYear,
+        monthPlaceholder: placeholders?.expiryMonth
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardCVVInput.CardCVVInput, {
+        style: style,
+        label: labels?.cvv,
+        placeholder: placeholders?.cvv
+      })]
+    }), showSaveOption && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.CheckBox, {
+      checked: saveCard,
+      onValueChange: onSaveCardChange,
+      label: "Guardar tarjeta para futuros pagos"
+    })]
+  });
+};
+exports.NewCardForm = NewCardForm;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: 20,
+    paddingVertical: 10
+  },
+  expirationRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  groupContainer: {
+    flex: 2,
+    marginVertical: 5
+  },
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  inputContainerCustom: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CardHolderInput","_CardNumberInput","_CardCVVInput","_Checkbox","_CardExpirationDateInput","_jsxRuntime","e","__esModule","default","NewCardForm","showSaveOption","saveCard","onSaveCardChange","style","labels","placeholders","jsxs","View","styles","container","base","children","jsx","CardHolderInput","label","name","placeholder","CardNumberInput","cardNumber","expirationRow","CardExpirationDateInput","expiryDate","yearPlaceholder","expiryYear","monthPlaceholder","expiryMonth","CardCVVInput","cvv","CheckBox","checked","onValueChange","exports","StyleSheet","create","padding","paddingVertical","flexDirection","justifyContent","gap","groupContainer","flex","marginVertical","row","inputContainerCustom"],"sourceRoot":"../../../../../src","sources":["ui/components/CardForm/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAN,OAAA;AAAoF,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW7E,MAAMG,WAAuC,GAAGA,CAAC;EACtDC,cAAc;EACdC,QAAQ;EACRC,gBAAgB;EAChBC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACJ,KAAK,EAAE;MAAE,GAAGK,MAAM,CAACC,SAAS;MAAE,IAAIN,KAAK,EAAEO,IAAI,IAAI,CAAC,CAAC;IAAE,CAAE;IAAAC,QAAA,gBAC3D,IAAAhB,WAAA,CAAAiB,GAAA,EAACtB,gBAAA,CAAAuB,eAAe;MACdV,KAAK,EAAEA,KAAM;MACbW,KAAK,EAAEV,MAAM,EAAEW,IAAK;MACpBC,WAAW,EAAEX,YAAY,EAAEU;IAAK,CACjC,CAAC,eACF,IAAApB,WAAA,CAAAiB,GAAA,EAACrB,gBAAA,CAAA0B,eAAe;MACdd,KAAK,EAAEA,KAAM;MACbW,KAAK,EAAEV,MAAM,EAAEc,UAAW;MAC1BF,WAAW,EAAEX,YAAY,EAAEa;IAAW,CACvC,CAAC,eACF,IAAAvB,WAAA,CAAAW,IAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACJ,KAAK,EAAEK,MAAM,CAACW,aAAc;MAAAR,QAAA,gBAChC,IAAAhB,WAAA,CAAAiB,GAAA,EAAClB,wBAAA,CAAA0B,uBAAuB;QACtBjB,KAAK,EAAEA,KAAM;QACbW,KAAK,EAAEV,MAAM,EAAEiB,UAAW;QAC1BC,eAAe,EAAEjB,YAAY,EAAEkB,UAAW;QAC1CC,gBAAgB,EAAEnB,YAAY,EAAEoB;MAAY,CAC7C,CAAC,eACF,IAAA9B,WAAA,CAAAiB,GAAA,EAACpB,aAAA,CAAAkC,YAAY;QACXvB,KAAK,EAAEA,KAAM;QACbW,KAAK,EAAEV,MAAM,EAAEuB,GAAI;QACnBX,WAAW,EAAEX,YAAY,EAAEsB;MAAI,CAChC,CAAC;IAAA,CACE,CAAC,EAEN3B,cAAc,iBACb,IAAAL,WAAA,CAAAiB,GAAA,EAACnB,SAAA,CAAAmC,QAAQ;MACPC,OAAO,EAAE5B,QAAS;MAClB6B,aAAa,EAAE5B,gBAAiB;MAChCY,KAAK,EAAC;IAAoC,CAC3C,CACF;EAAA,CACG,CAAC;AAEX,CAAC;AAACiB,OAAA,CAAAhC,WAAA,GAAAA,WAAA;AAEF,MAAMS,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE;EACnB,CAAC;EACDhB,aAAa,EAAE;IACbiB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,GAAG,EAAE;EACP,CAAC;EACDC,cAAc,EAAE;IACdC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDC,GAAG,EAAE;IACHN,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,GAAG,EAAE;EACP,CAAC;EACDK,oBAAoB,EAAE;IACpBH,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/components/Checkbox/Checkbox.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckBox = 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 CheckBox = ({
+  checked,
+  onValueChange,
+  label
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+  style: styles.checkboxContainer,
+  onPress: () => onValueChange(!checked),
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.checkbox, checked && styles.checkboxChecked],
+    children: checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.checkmark,
+      children: "\u2713"
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: styles.checkboxLabel,
+    children: label
+  })]
+});
+exports.CheckBox = CheckBox;
+const styles = _reactNative.StyleSheet.create({
+  checkboxContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 10,
+    marginBottom: 20,
+    paddingHorizontal: 0
+  },
+  checkbox: {
+    width: 16,
+    height: 16,
+    borderWidth: 1,
+    borderColor: '#bababa',
+    borderRadius: 4,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  checkboxChecked: {
+    backgroundColor: '#3bc635',
+    borderColor: '#3bc635'
+  },
+  checkmark: {
+    color: '#fff',
+    fontSize: 10
+  },
+  checkboxLabel: {
+    marginLeft: 14,
+    fontSize: 12,
+    fontWeight: '500',
+    color: '#1D1D1D'
+  }
+});
+//# sourceMappingURL=Checkbox.js.map

package/lib/commonjs/ui/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","CheckBox","checked","onValueChange","label","jsxs","TouchableOpacity","style","styles","checkboxContainer","onPress","children","jsx","View","checkbox","checkboxChecked","Text","checkmark","checkboxLabel","exports","StyleSheet","create","flexDirection","alignItems","marginTop","marginBottom","paddingHorizontal","width","height","borderWidth","borderColor","borderRadius","justifyContent","backgroundColor","color","fontSize","marginLeft","fontWeight"],"sourceRoot":"../../../../../src","sources":["ui/components/Checkbox/Checkbox.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQjE,MAAMG,QAAiC,GAAGA,CAAC;EAChDC,OAAO;EACPC,aAAa;EACbC;AACF,CAAC,kBACC,IAAAP,WAAA,CAAAQ,IAAA,EAACT,YAAA,CAAAU,gBAAgB;EACfC,KAAK,EAAEC,MAAM,CAACC,iBAAkB;EAChCC,OAAO,EAAEA,CAAA,KAAMP,aAAa,CAAC,CAACD,OAAO,CAAE;EAAAS,QAAA,gBAEvC,IAAAd,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACN,KAAK,EAAE,CAACC,MAAM,CAACM,QAAQ,EAAEZ,OAAO,IAAIM,MAAM,CAACO,eAAe,CAAE;IAAAJ,QAAA,EAC/DT,OAAO,iBAAI,IAAAL,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAoB,IAAI;MAACT,KAAK,EAAEC,MAAM,CAACS,SAAU;MAAAN,QAAA,EAAC;IAAC,CAAM;EAAC,CAC/C,CAAC,eACP,IAAAd,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAoB,IAAI;IAACT,KAAK,EAAEC,MAAM,CAACU,aAAc;IAAAP,QAAA,EAAEP;EAAK,CAAO,CAAC;AAAA,CACjC,CACnB;AAACe,OAAA,CAAAlB,QAAA,GAAAA,QAAA;AACF,MAAMO,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,iBAAiB,EAAE;IACjBa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE;EACrB,CAAC;EACDZ,QAAQ,EAAE;IACRa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBT,UAAU,EAAE;EACd,CAAC;EACDR,eAAe,EAAE;IACfkB,eAAe,EAAE,SAAS;IAC1BH,WAAW,EAAE;EACf,CAAC;EACDb,SAAS,EAAE;IACTiB,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDjB,aAAa,EAAE;IACbkB,UAAU,EAAE,EAAE;IACdD,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,KAAK;IACjBH,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardCVVInput = void 0;
+var _skyflowReactNative = require("skyflow-react-native");
+var _react = _interopRequireWildcard(require("react"));
+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 CardCVVInput = ({
+  placeholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.cvvPlaceholder,
+  label = _skyflow.DEFAULT_SKYFLOW_lABELS.cvvLabel,
+  style
+}) => {
+  const [errorText, setErrorText] = (0, _react.useState)('');
+  const {
+    state
+  } = (0, _hook.default)();
+  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.CvvElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "cvv",
+        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.CardCVVInput = CardCVVInput;
+//# sourceMappingURL=CardCVVInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_skyflowReactNative","require","_react","_interopRequireWildcard","_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","CardCVVInput","placeholder","DEFAULT_SKYFLOW_PLACEHOLDERS","cvvPlaceholder","label","DEFAULT_SKYFLOW_lABELS","cvvLabel","style","errorText","setErrorText","useState","state","useTonderContext","jsx","Fragment","children","skyflowContainer","isCreated","isCreating","jsxs","View","inputStyles","container","DEFAULT_INPUT_CONTAINER_STYLES","base","CvvElement","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/CardCVVInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAMA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAMA,IAAAO,KAAA,GAAAC,sBAAA,CAAAR,OAAA;AAAiE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAQ,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAE1D,MAAMW,YAAkC,GAAGA,CAAC;EACjDC,WAAW,GAAGC,qCAA4B,CAACC,cAAc;EACzDC,KAAK,GAAGC,+BAAsB,CAACC,QAAQ;EACvCC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EAC9C,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,aAAgB,EAAC,CAAC;EAEpC,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAAAlC,WAAA,CAAAmC,QAAA;IAAAC,QAAA,EACGJ,KAAK,EAAEK,gBAAgB,IAAIL,KAAK,EAAEM,SAAS,IAAI,CAACN,KAAK,EAAEO,UAAU,iBAChE,IAAAvC,WAAA,CAAAwC,IAAA,EAAC7C,YAAA,CAAA8C,IAAI;MACHb,KAAK,EAAE;QACL,IAAIA,KAAK,EAAEc,WAAW,EAAEC,SAAS,GAC7B;UAAE,GAAGf,KAAK,CAACc,WAAW,CAACC;QAAU,CAAC,GAClCC,uCAA8B,CAACC,IAAI;MACzC,CAAE;MAAAT,QAAA,gBAEF,IAAApC,WAAA,CAAAkC,GAAA,EAAC5C,mBAAA,CAAAwD,UAAU;QACTH,SAAS,EAAEX,KAAK,CAACK,gBAAiB;QAClCU,KAAK,EAAC,OAAO;QACbC,MAAM,EAAC,KAAK;QACZ1B,WAAW,EAAEA,WAAY;QACzBG,KAAK,EAAEA,KAAM;QACbwB,WAAW,EAAE,CAACC,uBAAc,CAAE;QAC9BR,WAAW,EAAE;UACX,GAAGS,sCAA4B;UAC/B,IAAIvB,KAAK,EAAEc,WAAW,GAClB;YACE,GAAGd,KAAK,EAAEc,WAAW;YACrBG,IAAI,EAAE;cACJ,GAAGM,sCAA4B,CAACN,IAAI;cACpC,GAAGjB,KAAK,EAAEc,WAAW,CAACG;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFO,eAAe,EAAE;UACf,GAAGC;QACL,CAAE;QACFC,WAAW,EAAE;UACX,GAAGC,sCAA4B;UAC/B,IAAI3B,KAAK,EAAE0B,WAAW,GAClB;YACE,GAAG1B,KAAK,EAAE0B,WAAW;YACrBT,IAAI,EAAE;cACJ,GAAGU,sCAA4B,CAACV,IAAI;cACpC,GAAGjB,KAAK,EAAE0B,WAAW,CAACT;YACxB;UACF,CAAC,GACD,CAAC,CAAC;QACR,CAAE;QACFW,QAAQ,EAAEA,CAAA,KAAM;UACd1B,YAAY,CAAC,EAAE,CAAC;QAClB;QACA;QAAA;QACA2B,MAAM,EAAGxD,CAAC,IAAK;UACb6B,YAAY,CAAC,IAAA4B,sBAAa,EAACzD,CAAC,EAAEwB,KAAK,CAAC,CAAC;QACvC;QACA;MAAA,CACD,CAAC,EAEDI,SAAS,iBACR,IAAA7B,WAAA,CAAAkC,GAAA,EAACvC,YAAA,CAAAgE,IAAI;QAAC/B,KAAK,EAAE;UAAE,GAAGgC,2CAAiC,CAACf;QAAK,CAAE;QAAAT,QAAA,EACxDP;MAAS,CACN,CACP;IAAA,CACG;EACP,CACD,CAAC;AAEP,CAAC;AAACgC,OAAA,CAAAxC,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardExpirationDateInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _skyflow = require("@shared/constants/skyflow");
+var _reactNative = require("react-native");
+var _skyflow2 = require("@ui/styles/skyflow");
+var _payment = require("@ui/styles/payment");
+var _CardExpirationMonthInput = require("@ui/components/Input/CardExpirationMonthInput");
+var _CardExpirationYearInput = require("@ui/components/Input/CardExpirationYearInput");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// @ts-nocheck
+
+const CardExpirationDateInput = ({
+  yearPlaceholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.expiryYearPlaceholder,
+  monthPlaceholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.expiryMonthPlaceholder,
+  label = _skyflow.DEFAULT_SKYFLOW_lABELS.expiryDateLabel,
+  style
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        ..._skyflow2.DEFAULT_SKYFLOW_lABEL_STYLES.base,
+        ...(style?.labelStyles?.base || {})
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.row,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CardExpirationMonthInput.CardExpirationMonthInput, {
+        label: '',
+        placeholder: monthPlaceholder,
+        style: {
+          ...{
+            ...style,
+            inputStyles: {
+              ..._skyflow2.DEFAULT_SKYFLOW_INPUT_STYLES,
+              ...(style?.inputStyles || {}),
+              container: {
+                ..._payment.DEFAULT_INPUT_CONTAINER_STYLES.base,
+                ...{
+                  marginVertical: 0
+                },
+                ...(style?.inputStyles?.container || {})
+              }
+            }
+          }
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardExpirationYearInput.CardExpirationYearInput, {
+        label: '',
+        placeholder: yearPlaceholder,
+        style: {
+          ...{
+            ...style,
+            inputStyles: {
+              ..._skyflow2.DEFAULT_SKYFLOW_INPUT_STYLES,
+              ...(style?.inputStyles || {}),
+              container: {
+                ..._payment.DEFAULT_INPUT_CONTAINER_STYLES.base,
+                ...{
+                  marginVertical: 0
+                },
+                ...(style?.inputStyles?.container || {})
+              }
+            }
+          }
+        }
+      })]
+    })]
+  });
+};
+exports.CardExpirationDateInput = CardExpirationDateInput;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 2,
+    marginVertical: 5
+  },
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  inputContainerCustom: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=CardExpirationDateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_skyflow","_reactNative","_skyflow2","_payment","_CardExpirationMonthInput","_CardExpirationYearInput","_jsxRuntime","e","__esModule","default","CardExpirationDateInput","yearPlaceholder","DEFAULT_SKYFLOW_PLACEHOLDERS","expiryYearPlaceholder","monthPlaceholder","expiryMonthPlaceholder","label","DEFAULT_SKYFLOW_lABELS","expiryDateLabel","style","jsxs","View","styles","container","children","jsx","Text","DEFAULT_SKYFLOW_lABEL_STYLES","base","labelStyles","row","CardExpirationMonthInput","placeholder","inputStyles","DEFAULT_SKYFLOW_INPUT_STYLES","DEFAULT_INPUT_CONTAINER_STYLES","marginVertical","CardExpirationYearInput","exports","StyleSheet","create","flex","flexDirection","justifyContent","gap","inputContainerCustom"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardExpirationDateInput.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardExpirationMonthInput = 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 CardExpirationMonthInput = ({
+  placeholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.expiryMonthPlaceholder,
+  label = _skyflow.DEFAULT_SKYFLOW_lABELS.expiryMonthLabel,
+  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.ExpirationMonthElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "expiration_month",
+        options: {},
+        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.CardExpirationMonthInput = CardExpirationMonthInput;
+//# sourceMappingURL=CardExpirationMonthInput.js.map

package/lib/commonjs/ui/components/Input/CardExpirationMonthInput.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","CardExpirationMonthInput","placeholder","DEFAULT_SKYFLOW_PLACEHOLDERS","expiryMonthPlaceholder","label","DEFAULT_SKYFLOW_lABELS","expiryMonthLabel","style","state","useTonderContext","errorText","setErrorText","useState","jsx","Fragment","children","skyflowContainer","isCreated","isCreating","jsxs","View","inputStyles","container","DEFAULT_INPUT_CONTAINER_STYLES","base","ExpirationMonthElement","table","column","options","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/CardExpirationMonthInput.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardExpirationYearInput = 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 CardExpirationYearInput = ({
+  placeholder = _skyflow.DEFAULT_SKYFLOW_PLACEHOLDERS.expiryYearPlaceholder,
+  label = _skyflow.DEFAULT_SKYFLOW_lABELS.expiryYearLabel,
+  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.ExpirationYearElement, {
+        container: state.skyflowContainer,
+        table: "cards",
+        column: "expiration_year",
+        options: {},
+        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.CardExpirationYearInput = CardExpirationYearInput;
+//# sourceMappingURL=CardExpirationYearInput.js.map

package/lib/commonjs/ui/components/Input/CardExpirationYearInput.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","CardExpirationYearInput","placeholder","DEFAULT_SKYFLOW_PLACEHOLDERS","expiryYearPlaceholder","label","DEFAULT_SKYFLOW_lABELS","expiryYearLabel","style","state","useTonderContext","errorText","setErrorText","useState","jsx","Fragment","children","skyflowContainer","isCreated","isCreating","jsxs","View","inputStyles","container","DEFAULT_INPUT_CONTAINER_STYLES","base","ExpirationYearElement","table","column","options","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/CardExpirationYearInput.tsx"],"mappings":"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","ignoreList":[]}