@tonder.io/rn-sdk 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +152 -0
- package/lib/commonjs/core/3DSHandler.js +1 -2
- package/lib/commonjs/core/3DSHandler.js.map +1 -1
- package/lib/commonjs/core/BaseCheckout/index.js +5 -4
- package/lib/commonjs/core/BaseCheckout/index.js.map +1 -1
- package/lib/commonjs/core/BaseEnrollment/index.js +2 -2
- package/lib/commonjs/core/BaseEnrollment/index.js.map +1 -1
- package/lib/commonjs/core/BaseSDK/index.js +1 -3
- package/lib/commonjs/core/BaseSDK/index.js.map +1 -1
- package/lib/commonjs/core/EnrollmentContainer/index.js +24 -2
- package/lib/commonjs/core/EnrollmentContainer/index.js.map +1 -1
- package/lib/commonjs/core/PaymentInlineContainer/index.js +2 -2
- package/lib/commonjs/core/PaymentInlineContainer/index.js.map +1 -1
- package/lib/commonjs/core/PaymentLiteContainer/index.js +2 -2
- package/lib/commonjs/core/PaymentLiteContainer/index.js.map +1 -1
- package/lib/commonjs/infrastructure/HttpClient.js +1 -1
- package/lib/commonjs/infrastructure/HttpClient.js.map +1 -1
- package/lib/commonjs/services/SkyflowService.js +3 -3
- package/lib/commonjs/services/SkyflowService.js.map +1 -1
- package/lib/commonjs/shared/catalog/paymentMethodsCatalog.js +16 -0
- package/lib/commonjs/shared/catalog/paymentMethodsCatalog.js.map +1 -1
- package/lib/commonjs/shared/constants/environments.js +10 -1
- package/lib/commonjs/shared/constants/environments.js.map +1 -1
- package/lib/commonjs/shared/constants/paymentMethods.js +4 -1
- package/lib/commonjs/shared/constants/paymentMethods.js.map +1 -1
- package/lib/commonjs/shared/constants/skyflow.js +3 -3
- package/lib/commonjs/shared/constants/skyflow.js.map +1 -1
- package/lib/commonjs/ui/components/CardForm/index.js +2 -1
- package/lib/commonjs/ui/components/CardForm/index.js.map +1 -1
- package/lib/commonjs/ui/components/Input/CardCVVInput.js +9 -6
- package/lib/commonjs/ui/components/Input/CardCVVInput.js.map +1 -1
- package/lib/commonjs/ui/components/Input/CardExpirationDateInput.js +6 -1
- package/lib/commonjs/ui/components/Input/CardExpirationDateInput.js.map +1 -1
- package/lib/commonjs/ui/components/Input/CardExpirationMonthInput.js +6 -5
- package/lib/commonjs/ui/components/Input/CardExpirationMonthInput.js.map +1 -1
- package/lib/commonjs/ui/components/Input/CardExpirationYearInput.js +6 -5
- package/lib/commonjs/ui/components/Input/CardExpirationYearInput.js.map +1 -1
- package/lib/commonjs/ui/components/Input/CardHolderInput.js +6 -5
- package/lib/commonjs/ui/components/Input/CardHolderInput.js.map +1 -1
- package/lib/commonjs/ui/components/Input/CardNumberInput.js +9 -5
- package/lib/commonjs/ui/components/Input/CardNumberInput.js.map +1 -1
- package/lib/commonjs/ui/components/PaymentMethodsList/index.js +3 -1
- package/lib/commonjs/ui/components/PaymentMethodsList/index.js.map +1 -1
- package/lib/commonjs/ui/components/SavedCardsList/index.js +116 -29
- package/lib/commonjs/ui/components/SavedCardsList/index.js.map +1 -1
- package/lib/commonjs/ui/features/TonderEnrollment/index.js +53 -31
- package/lib/commonjs/ui/features/TonderEnrollment/index.js.map +1 -1
- package/lib/commonjs/ui/features/TonderPayment/index.js +55 -17
- package/lib/commonjs/ui/features/TonderPayment/index.js.map +1 -1
- package/lib/commonjs/ui/providers/SkyflowContainerWrapper/index.js +18 -18
- package/lib/commonjs/ui/providers/SkyflowContainerWrapper/index.js.map +1 -1
- package/lib/commonjs/ui/providers/TonderProvider/TonderProviderWrapper.js +32 -0
- package/lib/commonjs/ui/providers/TonderProvider/TonderProviderWrapper.js.map +1 -0
- package/lib/commonjs/ui/providers/TonderProvider/index.js +11 -23
- package/lib/commonjs/ui/providers/TonderProvider/index.js.map +1 -1
- package/lib/commonjs/ui/styles/payment.js +2 -1
- package/lib/commonjs/ui/styles/payment.js.map +1 -1
- package/lib/module/core/3DSHandler.js +1 -2
- package/lib/module/core/3DSHandler.js.map +1 -1
- package/lib/module/core/BaseCheckout/index.js +6 -5
- package/lib/module/core/BaseCheckout/index.js.map +1 -1
- package/lib/module/core/BaseEnrollment/index.js +2 -2
- package/lib/module/core/BaseEnrollment/index.js.map +1 -1
- package/lib/module/core/BaseSDK/index.js +1 -3
- package/lib/module/core/BaseSDK/index.js.map +1 -1
- package/lib/module/core/EnrollmentContainer/index.js +24 -2
- package/lib/module/core/EnrollmentContainer/index.js.map +1 -1
- package/lib/module/core/PaymentInlineContainer/index.js +2 -2
- package/lib/module/core/PaymentInlineContainer/index.js.map +1 -1
- package/lib/module/core/PaymentLiteContainer/index.js +2 -2
- package/lib/module/core/PaymentLiteContainer/index.js.map +1 -1
- package/lib/module/infrastructure/HttpClient.js +1 -1
- package/lib/module/infrastructure/HttpClient.js.map +1 -1
- package/lib/module/services/SkyflowService.js +1 -1
- package/lib/module/services/SkyflowService.js.map +1 -1
- package/lib/module/shared/catalog/paymentMethodsCatalog.js +16 -0
- package/lib/module/shared/catalog/paymentMethodsCatalog.js.map +1 -1
- package/lib/module/shared/constants/environments.js +9 -1
- package/lib/module/shared/constants/environments.js.map +1 -1
- package/lib/module/shared/constants/paymentMethods.js +4 -1
- package/lib/module/shared/constants/paymentMethods.js.map +1 -1
- package/lib/module/shared/constants/skyflow.js +1 -1
- package/lib/module/shared/constants/skyflow.js.map +1 -1
- package/lib/module/ui/components/CardForm/index.js +2 -1
- package/lib/module/ui/components/CardForm/index.js.map +1 -1
- package/lib/module/ui/components/Input/CardCVVInput.js +8 -5
- package/lib/module/ui/components/Input/CardCVVInput.js.map +1 -1
- package/lib/module/ui/components/Input/CardExpirationDateInput.js +6 -1
- package/lib/module/ui/components/Input/CardExpirationDateInput.js.map +1 -1
- package/lib/module/ui/components/Input/CardExpirationMonthInput.js +5 -4
- package/lib/module/ui/components/Input/CardExpirationMonthInput.js.map +1 -1
- package/lib/module/ui/components/Input/CardExpirationYearInput.js +5 -4
- package/lib/module/ui/components/Input/CardExpirationYearInput.js.map +1 -1
- package/lib/module/ui/components/Input/CardHolderInput.js +5 -4
- package/lib/module/ui/components/Input/CardHolderInput.js.map +1 -1
- package/lib/module/ui/components/Input/CardNumberInput.js +8 -4
- package/lib/module/ui/components/Input/CardNumberInput.js.map +1 -1
- package/lib/module/ui/components/PaymentMethodsList/index.js +4 -2
- package/lib/module/ui/components/PaymentMethodsList/index.js.map +1 -1
- package/lib/module/ui/components/SavedCardsList/index.js +116 -29
- package/lib/module/ui/components/SavedCardsList/index.js.map +1 -1
- package/lib/module/ui/features/TonderEnrollment/index.js +53 -32
- package/lib/module/ui/features/TonderEnrollment/index.js.map +1 -1
- package/lib/module/ui/features/TonderPayment/index.js +57 -19
- package/lib/module/ui/features/TonderPayment/index.js.map +1 -1
- package/lib/module/ui/providers/SkyflowContainerWrapper/index.js +17 -16
- package/lib/module/ui/providers/SkyflowContainerWrapper/index.js.map +1 -1
- package/lib/module/ui/providers/TonderProvider/TonderProviderWrapper.js +27 -0
- package/lib/module/ui/providers/TonderProvider/TonderProviderWrapper.js.map +1 -0
- package/lib/module/ui/providers/TonderProvider/index.js +9 -21
- package/lib/module/ui/providers/TonderProvider/index.js.map +1 -1
- package/lib/module/ui/styles/payment.js +2 -1
- package/lib/module/ui/styles/payment.js.map +1 -1
- package/lib/typescript/commonjs/src/core/3DSHandler.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/BaseCheckout/index.d.ts +1 -2
- package/lib/typescript/commonjs/src/core/BaseCheckout/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/BaseEnrollment/index.d.ts +1 -2
- package/lib/typescript/commonjs/src/core/BaseEnrollment/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/BaseSDK/index.d.ts +1 -3
- package/lib/typescript/commonjs/src/core/BaseSDK/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/EnrollmentContainer/index.d.ts +3 -3
- package/lib/typescript/commonjs/src/core/EnrollmentContainer/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/PaymentInlineContainer/index.d.ts +1 -2
- package/lib/typescript/commonjs/src/core/PaymentInlineContainer/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/core/PaymentLiteContainer/index.d.ts +1 -2
- package/lib/typescript/commonjs/src/core/PaymentLiteContainer/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/infrastructure/HttpClient.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/services/SkyflowService.d.ts +1 -1
- package/lib/typescript/commonjs/src/services/SkyflowService.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/shared/catalog/paymentMethodsCatalog.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/shared/constants/environments.d.ts +2 -1
- package/lib/typescript/commonjs/src/shared/constants/environments.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/shared/constants/paymentMethods.d.ts +3 -0
- package/lib/typescript/commonjs/src/shared/constants/paymentMethods.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/baseCheckout.d.ts +1 -1
- package/lib/typescript/commonjs/src/types/baseCheckout.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/baseEnrollment.d.ts +1 -1
- package/lib/typescript/commonjs/src/types/baseEnrollment.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/baseSDK.d.ts +1 -1
- package/lib/typescript/commonjs/src/types/baseSDK.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/enrollment.d.ts +8 -1
- package/lib/typescript/commonjs/src/types/enrollment.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/input.d.ts +1 -1
- package/lib/typescript/commonjs/src/types/input.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/transaction.d.ts +2 -0
- package/lib/typescript/commonjs/src/types/transaction.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/CardForm/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/ui/components/CardForm/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardCVVInput.d.ts +3 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardCVVInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardExpirationDateInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardExpirationMonthInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardExpirationYearInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardHolderInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Input/CardNumberInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/PaymentMethodsList/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/SavedCardsList/index.d.ts +2 -1
- package/lib/typescript/commonjs/src/ui/components/SavedCardsList/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/features/TonderEnrollment/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/features/TonderPayment/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/providers/SkyflowContainerWrapper/index.d.ts +1 -8
- package/lib/typescript/commonjs/src/ui/providers/SkyflowContainerWrapper/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/providers/TonderProvider/TonderProviderWrapper.d.ts +10 -0
- package/lib/typescript/commonjs/src/ui/providers/TonderProvider/TonderProviderWrapper.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/ui/providers/TonderProvider/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/styles/payment.d.ts +1 -0
- package/lib/typescript/commonjs/src/ui/styles/payment.d.ts.map +1 -1
- package/lib/typescript/module/src/core/3DSHandler.d.ts.map +1 -1
- package/lib/typescript/module/src/core/BaseCheckout/index.d.ts +1 -2
- package/lib/typescript/module/src/core/BaseCheckout/index.d.ts.map +1 -1
- package/lib/typescript/module/src/core/BaseEnrollment/index.d.ts +1 -2
- package/lib/typescript/module/src/core/BaseEnrollment/index.d.ts.map +1 -1
- package/lib/typescript/module/src/core/BaseSDK/index.d.ts +1 -3
- package/lib/typescript/module/src/core/BaseSDK/index.d.ts.map +1 -1
- package/lib/typescript/module/src/core/EnrollmentContainer/index.d.ts +3 -3
- package/lib/typescript/module/src/core/EnrollmentContainer/index.d.ts.map +1 -1
- package/lib/typescript/module/src/core/PaymentInlineContainer/index.d.ts +1 -2
- package/lib/typescript/module/src/core/PaymentInlineContainer/index.d.ts.map +1 -1
- package/lib/typescript/module/src/core/PaymentLiteContainer/index.d.ts +1 -2
- package/lib/typescript/module/src/core/PaymentLiteContainer/index.d.ts.map +1 -1
- package/lib/typescript/module/src/infrastructure/HttpClient.d.ts.map +1 -1
- package/lib/typescript/module/src/services/SkyflowService.d.ts +1 -1
- package/lib/typescript/module/src/services/SkyflowService.d.ts.map +1 -1
- package/lib/typescript/module/src/shared/catalog/paymentMethodsCatalog.d.ts.map +1 -1
- package/lib/typescript/module/src/shared/constants/environments.d.ts +2 -1
- package/lib/typescript/module/src/shared/constants/environments.d.ts.map +1 -1
- package/lib/typescript/module/src/shared/constants/paymentMethods.d.ts +3 -0
- package/lib/typescript/module/src/shared/constants/paymentMethods.d.ts.map +1 -1
- package/lib/typescript/module/src/types/baseCheckout.d.ts +1 -1
- package/lib/typescript/module/src/types/baseCheckout.d.ts.map +1 -1
- package/lib/typescript/module/src/types/baseEnrollment.d.ts +1 -1
- package/lib/typescript/module/src/types/baseEnrollment.d.ts.map +1 -1
- package/lib/typescript/module/src/types/baseSDK.d.ts +1 -1
- package/lib/typescript/module/src/types/baseSDK.d.ts.map +1 -1
- package/lib/typescript/module/src/types/enrollment.d.ts +8 -1
- package/lib/typescript/module/src/types/enrollment.d.ts.map +1 -1
- package/lib/typescript/module/src/types/input.d.ts +1 -1
- package/lib/typescript/module/src/types/input.d.ts.map +1 -1
- package/lib/typescript/module/src/types/transaction.d.ts +2 -0
- package/lib/typescript/module/src/types/transaction.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/CardForm/index.d.ts +1 -1
- package/lib/typescript/module/src/ui/components/CardForm/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Input/CardCVVInput.d.ts +3 -1
- package/lib/typescript/module/src/ui/components/Input/CardCVVInput.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Input/CardExpirationDateInput.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Input/CardExpirationMonthInput.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Input/CardExpirationYearInput.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Input/CardHolderInput.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Input/CardNumberInput.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/PaymentMethodsList/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/SavedCardsList/index.d.ts +2 -1
- package/lib/typescript/module/src/ui/components/SavedCardsList/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/features/TonderEnrollment/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/features/TonderPayment/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/providers/SkyflowContainerWrapper/index.d.ts +1 -8
- package/lib/typescript/module/src/ui/providers/SkyflowContainerWrapper/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/providers/TonderProvider/TonderProviderWrapper.d.ts +10 -0
- package/lib/typescript/module/src/ui/providers/TonderProvider/TonderProviderWrapper.d.ts.map +1 -0
- package/lib/typescript/module/src/ui/providers/TonderProvider/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/styles/payment.d.ts +1 -0
- package/lib/typescript/module/src/ui/styles/payment.d.ts.map +1 -1
- package/package.json +12 -5
- package/src/core/3DSHandler.ts +6 -5
- package/src/core/BaseCheckout/index.ts +10 -7
- package/src/core/BaseEnrollment/index.ts +2 -4
- package/src/core/BaseSDK/index.ts +1 -7
- package/src/core/EnrollmentContainer/index.ts +31 -7
- package/src/core/PaymentInlineContainer/index.ts +2 -7
- package/src/core/PaymentLiteContainer/index.ts +2 -7
- package/src/infrastructure/HttpClient.ts +10 -5
- package/src/services/SkyflowService.ts +2 -2
- package/src/shared/catalog/paymentMethodsCatalog.ts +16 -0
- package/src/shared/constants/environments.ts +10 -1
- package/src/shared/constants/paymentMethods.ts +3 -0
- package/src/shared/constants/skyflow.ts +1 -1
- package/src/types/baseCheckout.ts +1 -1
- package/src/types/baseEnrollment.ts +1 -1
- package/src/types/baseSDK.ts +1 -1
- package/src/types/enrollment.ts +19 -2
- package/src/types/input.ts +1 -1
- package/src/types/transaction.ts +2 -0
- package/src/ui/components/CardForm/index.tsx +6 -5
- package/src/ui/components/Input/CardCVVInput.tsx +6 -2
- package/src/ui/components/Input/CardExpirationDateInput.tsx +14 -8
- package/src/ui/components/Input/CardExpirationMonthInput.tsx +3 -1
- package/src/ui/components/Input/CardExpirationYearInput.tsx +3 -1
- package/src/ui/components/Input/CardHolderInput.tsx +3 -1
- package/src/ui/components/Input/CardNumberInput.tsx +6 -1
- package/src/ui/components/PaymentMethodsList/index.tsx +15 -3
- package/src/ui/components/SavedCardsList/index.tsx +186 -65
- package/src/ui/features/TonderEnrollment/index.tsx +63 -35
- package/src/ui/features/TonderPayment/index.tsx +81 -27
- package/src/ui/providers/SkyflowContainerWrapper/index.tsx +19 -24
- package/src/ui/providers/TonderProvider/TonderProviderWrapper.tsx +32 -0
- package/src/ui/providers/TonderProvider/index.tsx +8 -31
- package/src/ui/styles/payment.ts +1 -0
- package/lib/commonjs/ui/providers/InnerProvider/index.js +0 -25
- package/lib/commonjs/ui/providers/InnerProvider/index.js.map +0 -1
- package/lib/module/ui/providers/InnerProvider/index.js +0 -19
- package/lib/module/ui/providers/InnerProvider/index.js.map +0 -1
- package/lib/typescript/commonjs/src/ui/providers/InnerProvider/index.d.ts +0 -10
- package/lib/typescript/commonjs/src/ui/providers/InnerProvider/index.d.ts.map +0 -1
- package/lib/typescript/module/src/ui/providers/InnerProvider/index.d.ts +0 -10
- package/lib/typescript/module/src/ui/providers/InnerProvider/index.d.ts.map +0 -1
- package/src/ui/providers/InnerProvider/index.tsx +0 -24
|
@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.CardNumberInput = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var _skyflowReactNative = require("skyflow-react-native");
|
|
9
9
|
var _skyflow = require("../../../shared/constants/skyflow.js");
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _payment = require("../../styles/payment.js");
|
|
12
12
|
var _skyflow2 = require("../../styles/skyflow.js");
|
|
13
13
|
var _hook = _interopRequireDefault(require("../../providers/TonderProvider/hook.js"));
|
|
14
|
+
var _index = _interopRequireDefault(require("../../providers/SkyflowContainerWrapper/index.js"));
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
@@ -28,18 +29,21 @@ const CardNumberInput = ({
|
|
|
28
29
|
state
|
|
29
30
|
} = (0, _hook.default)();
|
|
30
31
|
const [errorText, setErrorText] = (0, _react.useState)('');
|
|
31
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
|
32
|
-
children: state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {}), state?.skyflowContainer && state?.isCreated && !state?.isCreating && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
33
34
|
style: {
|
|
34
35
|
..._payment.DEFAULT_INPUT_CONTAINER_STYLES.base,
|
|
35
36
|
...(style?.inputStyles?.container ? {
|
|
36
37
|
...style.inputStyles.container
|
|
37
38
|
} : {})
|
|
38
39
|
},
|
|
39
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
40
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_skyflowReactNative.CardNumberElement, {
|
|
40
41
|
container: state.skyflowContainer,
|
|
41
42
|
table: "cards",
|
|
42
43
|
column: "card_number",
|
|
44
|
+
options: {
|
|
45
|
+
enableCardIcon: false
|
|
46
|
+
},
|
|
43
47
|
placeholder: placeholder,
|
|
44
48
|
label: label,
|
|
45
49
|
validations: [_skyflow.regexMatchRule],
|
|
@@ -84,7 +88,7 @@ const CardNumberInput = ({
|
|
|
84
88
|
},
|
|
85
89
|
children: errorText
|
|
86
90
|
})]
|
|
87
|
-
})
|
|
91
|
+
})]
|
|
88
92
|
});
|
|
89
93
|
};
|
|
90
94
|
exports.CardNumberInput = CardNumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_skyflowReactNative","_skyflow","_reactNative","_payment","_skyflow2","_hook","_interopRequireDefault","_index","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardNumberInput","placeholder","DEFAULT_SKYFLOW_PLACEHOLDERS","cardPlaceholder","label","DEFAULT_SKYFLOW_lABELS","cardLabel","style","onFocus","onBlur","onChange","state","useTonderContext","errorText","setErrorText","useState","jsxs","Fragment","children","jsx","skyflowContainer","isCreated","isCreating","View","DEFAULT_INPUT_CONTAINER_STYLES","base","inputStyles","container","CardNumberElement","table","column","options","enableCardIcon","validations","regexMatchRule","DEFAULT_SKYFLOW_INPUT_STYLES","errorTextStyles","SKYFLOW_HIDDEN_ERROR_TEXT_STYLES","labelStyles","DEFAULT_SKYFLOW_lABEL_STYLES","event","getErrorField","Text","DEFAULT_SKYFLOW_ERROR_TEXT_STYLES","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/Input/CardNumberInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,8 +25,10 @@ const PaymentMethodsList = ({
|
|
|
25
25
|
},
|
|
26
26
|
children: methods.map(method => {
|
|
27
27
|
const details = (0, _paymentMethodsCatalog.getPaymentMethodDetails)(method.payment_method);
|
|
28
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
29
29
|
style: styles.methodItem,
|
|
30
|
+
onPress: () => onMethodSelect(method.payment_method),
|
|
31
|
+
activeOpacity: 0.7,
|
|
30
32
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RadioButton, {
|
|
31
33
|
style: {
|
|
32
34
|
base: style?.radioBase,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_paymentMethodsCatalog","_index","_styleUtils","_jsxRuntime","e","__esModule","default","PaymentMethodsList","methods","selectedMethod","onMethodSelect","style","length","jsx","ScrollView","styles","container","base","children","map","method","details","getPaymentMethodDetails","payment_method","jsxs","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_paymentMethodsCatalog","_index","_styleUtils","_jsxRuntime","e","__esModule","default","PaymentMethodsList","methods","selectedMethod","onMethodSelect","style","length","jsx","ScrollView","styles","container","base","children","map","method","details","getPaymentMethodDetails","payment_method","jsxs","TouchableOpacity","methodItem","onPress","activeOpacity","RadioButton","radioBase","selected","radioSelected","inner","radioInner","value","onSelect","View","methodIconContainer","methodIconBorder","Image","source","uri","icon","methodIcon","cardIcon","resizeMode","Text","methodName","buildBaseStyleText","label","id","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":[]}
|
|
@@ -4,45 +4,55 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _cardBrandCatalog = require("../../../shared/catalog/cardBrandCatalog.js");
|
|
10
10
|
var _index = require("../RadioButton/index.js");
|
|
11
11
|
var _lucideReactNative = require("lucide-react-native");
|
|
12
12
|
var _styleUtils = require("../../../shared/utils/styleUtils.js");
|
|
13
|
+
var _rnSdk = require("@tonder.io/rn-sdk");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
16
|
// @ts-nocheck
|
|
16
17
|
|
|
17
|
-
const
|
|
18
|
-
|
|
18
|
+
const CardItem = ({
|
|
19
|
+
card,
|
|
19
20
|
selectedMethod,
|
|
20
21
|
onMethodSelect,
|
|
21
22
|
onDeleteCard,
|
|
22
23
|
deletingCards,
|
|
23
|
-
showDeleteButton
|
|
24
|
+
showDeleteButton,
|
|
24
25
|
style,
|
|
25
|
-
expirationLabel
|
|
26
|
+
expirationLabel,
|
|
27
|
+
isLastItem,
|
|
28
|
+
replaceTextCardNumber,
|
|
29
|
+
cvvProps
|
|
26
30
|
}) => {
|
|
27
|
-
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
31
|
+
const isSelected = selectedMethod === card.fields.skyflow_id;
|
|
32
|
+
const animationScale = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
33
|
+
const animationOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
34
|
+
(0, _react.useEffect)(() => {
|
|
35
|
+
_reactNative.Animated.parallel([_reactNative.Animated.spring(animationScale, {
|
|
36
|
+
toValue: isSelected ? 1 : 0,
|
|
37
|
+
useNativeDriver: true,
|
|
38
|
+
friction: 8,
|
|
39
|
+
tension: 40
|
|
40
|
+
}), _reactNative.Animated.timing(animationOpacity, {
|
|
41
|
+
toValue: isSelected ? 1 : 0,
|
|
42
|
+
duration: 100,
|
|
43
|
+
useNativeDriver: true
|
|
44
|
+
})]).start();
|
|
45
|
+
}, [isSelected, animationScale, animationOpacity]);
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
47
|
+
style: [styles.cardItem, {
|
|
48
|
+
...{
|
|
49
|
+
...(style?.cardItem?.base || {})
|
|
50
|
+
}
|
|
51
|
+
}, isLastItem && styles.cardItemContainerLast],
|
|
52
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
53
|
+
style: [styles.cardItemPreview],
|
|
54
|
+
onPress: () => onMethodSelect(card.fields.skyflow_id),
|
|
55
|
+
activeOpacity: 0.7,
|
|
46
56
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RadioButton, {
|
|
47
57
|
style: {
|
|
48
58
|
base: style?.radioBase,
|
|
@@ -50,7 +60,7 @@ const SavedCardsList = ({
|
|
|
50
60
|
inner: style?.radioInner
|
|
51
61
|
},
|
|
52
62
|
value: card.fields.skyflow_id,
|
|
53
|
-
selected:
|
|
63
|
+
selected: isSelected,
|
|
54
64
|
onSelect: () => onMethodSelect(card.fields.skyflow_id)
|
|
55
65
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
56
66
|
source: {
|
|
@@ -79,7 +89,10 @@ const SavedCardsList = ({
|
|
|
79
89
|
color: "#000000",
|
|
80
90
|
size: "small"
|
|
81
91
|
}), !(deletingCards || []).includes(card.fields.skyflow_id) && showDeleteButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
82
|
-
onPress:
|
|
92
|
+
onPress: e => {
|
|
93
|
+
e.stopPropagation();
|
|
94
|
+
onDeleteCard(card.fields.skyflow_id);
|
|
95
|
+
},
|
|
83
96
|
style: {
|
|
84
97
|
...styles.deleteButton,
|
|
85
98
|
...(style?.deleteButton || {})
|
|
@@ -95,6 +108,65 @@ const SavedCardsList = ({
|
|
|
95
108
|
color: style?.deleteIcon?.color || '#000000'
|
|
96
109
|
})
|
|
97
110
|
})]
|
|
111
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
112
|
+
style: [styles.expandedContent, {
|
|
113
|
+
opacity: animationOpacity,
|
|
114
|
+
transform: [{
|
|
115
|
+
scaleY: animationScale
|
|
116
|
+
}]
|
|
117
|
+
}],
|
|
118
|
+
children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
119
|
+
style: styles.expandedContentInner,
|
|
120
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
121
|
+
style: styles.expandedBodyInner,
|
|
122
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rnSdk.CardCVVInput, {
|
|
123
|
+
style: cvvProps?.style,
|
|
124
|
+
label: cvvProps?.label,
|
|
125
|
+
placeholder: cvvProps?.placeholder,
|
|
126
|
+
onBlur: cvvProps?.onBlur,
|
|
127
|
+
onChange: cvvProps?.onChange,
|
|
128
|
+
onFocus: cvvProps?.onFocus,
|
|
129
|
+
cardId: card.fields.skyflow_id
|
|
130
|
+
})
|
|
131
|
+
})
|
|
132
|
+
})
|
|
133
|
+
})]
|
|
134
|
+
});
|
|
135
|
+
};
|
|
136
|
+
const SavedCardsList = ({
|
|
137
|
+
cards,
|
|
138
|
+
selectedMethod,
|
|
139
|
+
onMethodSelect,
|
|
140
|
+
onDeleteCard,
|
|
141
|
+
deletingCards,
|
|
142
|
+
showDeleteButton = true,
|
|
143
|
+
style,
|
|
144
|
+
expirationLabel = 'Exp.',
|
|
145
|
+
cvvProps
|
|
146
|
+
}) => {
|
|
147
|
+
if (!cards.length) return null;
|
|
148
|
+
const replaceTextCardNumber = cardNumber => {
|
|
149
|
+
const carArr = cardNumber.split('-');
|
|
150
|
+
const last = carArr[carArr.length - 1];
|
|
151
|
+
return `• • • • ${last}`;
|
|
152
|
+
};
|
|
153
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
154
|
+
style: {
|
|
155
|
+
...styles.container,
|
|
156
|
+
...(style?.base || {})
|
|
157
|
+
},
|
|
158
|
+
children: cards.map((card, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(CardItem, {
|
|
159
|
+
card: card,
|
|
160
|
+
selectedMethod: selectedMethod,
|
|
161
|
+
onMethodSelect: onMethodSelect,
|
|
162
|
+
onDeleteCard: onDeleteCard,
|
|
163
|
+
deletingCards: deletingCards,
|
|
164
|
+
showDeleteButton: showDeleteButton,
|
|
165
|
+
style: style,
|
|
166
|
+
expirationLabel: expirationLabel,
|
|
167
|
+
isLastItem: index === cards.length - 1,
|
|
168
|
+
replaceTextCardNumber: replaceTextCardNumber,
|
|
169
|
+
cvvProps: cvvProps
|
|
98
170
|
}, card.fields.skyflow_id))
|
|
99
171
|
});
|
|
100
172
|
};
|
|
@@ -102,9 +174,14 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
102
174
|
container: {
|
|
103
175
|
paddingHorizontal: 0
|
|
104
176
|
},
|
|
105
|
-
|
|
177
|
+
cardItemPreview: {
|
|
106
178
|
flexDirection: 'row',
|
|
107
|
-
alignItems: 'center'
|
|
179
|
+
alignItems: 'center'
|
|
180
|
+
},
|
|
181
|
+
cardItemContainerLast: {
|
|
182
|
+
borderBottomWidth: 0
|
|
183
|
+
},
|
|
184
|
+
cardItem: {
|
|
108
185
|
paddingHorizontal: 20,
|
|
109
186
|
paddingVertical: 5,
|
|
110
187
|
borderBottomWidth: 1,
|
|
@@ -129,6 +206,16 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
129
206
|
},
|
|
130
207
|
deleteButton: {
|
|
131
208
|
padding: 10
|
|
209
|
+
},
|
|
210
|
+
expandedContent: {},
|
|
211
|
+
expandedContentInner: {
|
|
212
|
+
paddingHorizontal: 20,
|
|
213
|
+
paddingTop: 15
|
|
214
|
+
},
|
|
215
|
+
expandedBodyInner: {
|
|
216
|
+
paddingHorizontal: 10,
|
|
217
|
+
minHeight: 75,
|
|
218
|
+
maxWidth: '60%'
|
|
132
219
|
}
|
|
133
220
|
});
|
|
134
221
|
var _default = exports.default = SavedCardsList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_cardBrandCatalog","_index","_lucideReactNative","_styleUtils","_rnSdk","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardItem","card","selectedMethod","onMethodSelect","onDeleteCard","deletingCards","showDeleteButton","style","expirationLabel","isLastItem","replaceTextCardNumber","cvvProps","isSelected","fields","skyflow_id","animationScale","useRef","Animated","Value","current","animationOpacity","useEffect","parallel","spring","toValue","useNativeDriver","friction","tension","timing","duration","start","jsxs","View","styles","cardItem","base","cardItemContainerLast","children","TouchableOpacity","cardItemPreview","onPress","activeOpacity","jsx","RadioButton","radioBase","selected","radioSelected","inner","radioInner","value","onSelect","Image","source","uri","getCardType","card_scheme","cardImage","cardIcon","cardInfo","Text","cardNumber","buildBaseStyleText","card_number","cardExpiration","expiration_month","expiration_year","includes","ActivityIndicator","color","size","stopPropagation","deleteButton","hitSlop","top","bottom","left","right","Trash2","deleteIcon","fontSize","expandedContent","opacity","transform","scaleY","expandedContentInner","expandedBodyInner","CardCVVInput","label","placeholder","onBlur","onChange","onFocus","cardId","SavedCardsList","cards","length","carArr","split","last","container","map","index","StyleSheet","create","paddingHorizontal","flexDirection","alignItems","borderBottomWidth","paddingVertical","borderBottomColor","width","height","marginLeft","flex","padding","paddingTop","minHeight","maxWidth","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/SavedCardsList/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,21 +4,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _ProcessButton = require("../../components/Button/ProcessButton.js");
|
|
10
|
-
var _index = require("../../components/CardForm/index.js");
|
|
11
9
|
var _CardFormSkeleton = _interopRequireDefault(require("../../components/Skeleton/CardFormSkeleton.js"));
|
|
10
|
+
var _hook = _interopRequireDefault(require("../../providers/TonderProvider/hook.js"));
|
|
11
|
+
var _index = require("../../components/CardForm/index.js");
|
|
12
12
|
var _payment = require("../../styles/payment.js");
|
|
13
13
|
var _styleUtils = require("../../../shared/utils/styleUtils.js");
|
|
14
|
-
var
|
|
14
|
+
var _ProcessButton = require("../../components/Button/ProcessButton.js");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
18
|
const TonderEnrollment = () => {
|
|
18
19
|
const {
|
|
19
20
|
sdk,
|
|
20
21
|
state
|
|
21
22
|
} = (0, _hook.default)();
|
|
23
|
+
|
|
24
|
+
// Animación para NewCardForm
|
|
25
|
+
const animationScale = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
26
|
+
const animationOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
27
|
+
const isCardFormVisible = state?.isCreated;
|
|
28
|
+
(0, _react.useEffect)(() => {
|
|
29
|
+
_reactNative.Animated.parallel([_reactNative.Animated.spring(animationScale, {
|
|
30
|
+
toValue: isCardFormVisible ? 1 : 0,
|
|
31
|
+
useNativeDriver: true,
|
|
32
|
+
friction: 8,
|
|
33
|
+
tension: 40
|
|
34
|
+
}), _reactNative.Animated.timing(animationOpacity, {
|
|
35
|
+
toValue: isCardFormVisible ? 1 : 0,
|
|
36
|
+
duration: 100,
|
|
37
|
+
useNativeDriver: true
|
|
38
|
+
})]).start();
|
|
39
|
+
}, [isCardFormVisible, animationScale, animationOpacity]);
|
|
22
40
|
const onSave = async () => {
|
|
23
41
|
try {
|
|
24
42
|
await sdk.saveCustomerCard();
|
|
@@ -42,14 +60,28 @@ const TonderEnrollment = () => {
|
|
|
42
60
|
} : {}),
|
|
43
61
|
...(state?.customization?.styles?.sdkCard?.base || {})
|
|
44
62
|
},
|
|
45
|
-
children: [
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
63
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
64
|
+
style: [styles.animatedFormContainer, {
|
|
65
|
+
opacity: animationOpacity,
|
|
66
|
+
transform: [{
|
|
67
|
+
scaleY: animationScale
|
|
68
|
+
}]
|
|
69
|
+
}],
|
|
70
|
+
children: state?.isCreated && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.NewCardForm, {
|
|
71
|
+
showSaveOption: false,
|
|
72
|
+
saveCard: false,
|
|
73
|
+
onSaveCardChange: () => {},
|
|
74
|
+
style: {
|
|
75
|
+
...(state?.customization?.styles?.cardForm || {}),
|
|
76
|
+
base: {
|
|
77
|
+
...styles.containerForm,
|
|
78
|
+
...(state?.customization?.styles?.cardForm?.base || {})
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
labels: state?.customization?.labels,
|
|
82
|
+
placeholders: state?.customization?.placeholders,
|
|
83
|
+
events: state?.events
|
|
84
|
+
})
|
|
53
85
|
}), state?.customization?.showMessages && state?.message && state?.message !== '' && state?.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
54
86
|
style: {
|
|
55
87
|
...styles.messageContainer,
|
|
@@ -85,25 +117,8 @@ const TonderEnrollment = () => {
|
|
|
85
117
|
};
|
|
86
118
|
const styles = _reactNative.StyleSheet.create({
|
|
87
119
|
container: {
|
|
88
|
-
position: 'relative'
|
|
89
|
-
|
|
90
|
-
newCardSection: {
|
|
91
|
-
flexDirection: 'row',
|
|
92
|
-
alignItems: 'center',
|
|
93
|
-
paddingVertical: 10,
|
|
94
|
-
paddingHorizontal: 20,
|
|
95
|
-
borderBottomWidth: 1,
|
|
96
|
-
borderBottomColor: '#e2e8f0'
|
|
97
|
-
},
|
|
98
|
-
cardImage: {
|
|
99
|
-
width: 32,
|
|
100
|
-
height: 20,
|
|
101
|
-
marginLeft: 15
|
|
102
|
-
},
|
|
103
|
-
newCardText: {
|
|
104
|
-
fontSize: 12,
|
|
105
|
-
color: '#1D1D1D',
|
|
106
|
-
marginLeft: 15
|
|
120
|
+
position: 'relative',
|
|
121
|
+
minHeight: 210
|
|
107
122
|
},
|
|
108
123
|
messageContainer: {
|
|
109
124
|
paddingHorizontal: 20
|
|
@@ -115,6 +130,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
115
130
|
successText: {
|
|
116
131
|
color: '#3bc635',
|
|
117
132
|
fontSize: 12
|
|
133
|
+
},
|
|
134
|
+
containerForm: {
|
|
135
|
+
height: 'auto',
|
|
136
|
+
minHeight: 190
|
|
137
|
+
},
|
|
138
|
+
animatedFormContainer: {
|
|
139
|
+
overflow: 'hidden'
|
|
118
140
|
}
|
|
119
141
|
});
|
|
120
142
|
var _default = exports.default = TonderEnrollment;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CardFormSkeleton","_interopRequireDefault","_hook","_index","_payment","_styleUtils","_ProcessButton","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TonderEnrollment","sdk","state","useTonderContext","animationScale","useRef","Animated","Value","current","animationOpacity","isCardFormVisible","isCreated","useEffect","parallel","spring","toValue","useNativeDriver","friction","tension","timing","duration","start","onSave","saveCustomerCard","error","console","isCreating","jsxs","View","style","styles","container","children","jsx","customization","skeletonCard","message","DEFAULT_PAYMENT_CONTAINER","base","minHeight","sdkCard","animatedFormContainer","opacity","transform","scaleY","NewCardForm","showSaveOption","saveCard","onSaveCardChange","cardForm","containerForm","labels","placeholders","events","showMessages","messageContainer","errorMessage","Text","errorText","buildBaseStyleText","successMessage","successText","saveButton","show","ProcessButton","text","paymentButton","onPress","isLoading","isProcessing","StyleSheet","create","position","paddingHorizontal","color","fontSize","height","overflow","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/features/TonderEnrollment/index.tsx"],"mappings":"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","ignoreList":[]}
|