@tonder.io/rn-sdk 0.1.3 → 0.1.4-beta.DEV1395.1
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 +66 -24
- package/lib/commonjs/index.js +0 -15
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types/base.js +8 -1
- package/lib/commonjs/types/base.js.map +1 -1
- package/lib/commonjs/ui/components/CardForm/index.js +3 -1
- package/lib/commonjs/ui/components/CardForm/index.js.map +1 -1
- package/lib/commonjs/ui/components/Checkbox/Checkbox.js +24 -6
- package/lib/commonjs/ui/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/commonjs/ui/components/SavedCardsList/index.js +11 -4
- package/lib/commonjs/ui/components/SavedCardsList/index.js.map +1 -1
- package/lib/commonjs/ui/components/Skeleton/CardFormSkeleton.js +51 -23
- package/lib/commonjs/ui/components/Skeleton/CardFormSkeleton.js.map +1 -1
- package/lib/commonjs/ui/features/TonderEnrollment/index.js +1 -0
- package/lib/commonjs/ui/features/TonderEnrollment/index.js.map +1 -1
- package/lib/commonjs/ui/features/TonderPayment/index.js +6 -2
- package/lib/commonjs/ui/features/TonderPayment/index.js.map +1 -1
- package/lib/module/index.js +0 -13
- package/lib/module/index.js.map +1 -1
- package/lib/module/types/base.js +7 -0
- package/lib/module/types/base.js.map +1 -1
- package/lib/module/ui/components/CardForm/index.js +3 -1
- package/lib/module/ui/components/CardForm/index.js.map +1 -1
- package/lib/module/ui/components/Checkbox/Checkbox.js +24 -6
- package/lib/module/ui/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/module/ui/components/SavedCardsList/index.js +11 -4
- package/lib/module/ui/components/SavedCardsList/index.js.map +1 -1
- package/lib/module/ui/components/Skeleton/CardFormSkeleton.js +51 -23
- package/lib/module/ui/components/Skeleton/CardFormSkeleton.js.map +1 -1
- package/lib/module/ui/features/TonderEnrollment/index.js +1 -0
- package/lib/module/ui/features/TonderEnrollment/index.js.map +1 -1
- package/lib/module/ui/features/TonderPayment/index.js +6 -2
- package/lib/module/ui/features/TonderPayment/index.js.map +1 -1
- package/lib/typescript/commonjs/src/index.d.ts +0 -1
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/base.d.ts +6 -5
- package/lib/typescript/commonjs/src/types/base.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/common.d.ts +22 -1
- package/lib/typescript/commonjs/src/types/common.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/CardForm/index.d.ts +2 -2
- package/lib/typescript/commonjs/src/ui/components/CardForm/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Checkbox/Checkbox.d.ts +3 -0
- package/lib/typescript/commonjs/src/ui/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/SavedCardsList/index.d.ts +1 -0
- package/lib/typescript/commonjs/src/ui/components/SavedCardsList/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/ui/components/Skeleton/CardFormSkeleton.d.ts +4 -1
- package/lib/typescript/commonjs/src/ui/components/Skeleton/CardFormSkeleton.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/module/src/index.d.ts +0 -1
- package/lib/typescript/module/src/index.d.ts.map +1 -1
- package/lib/typescript/module/src/types/base.d.ts +6 -5
- package/lib/typescript/module/src/types/base.d.ts.map +1 -1
- package/lib/typescript/module/src/types/common.d.ts +22 -1
- package/lib/typescript/module/src/types/common.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/CardForm/index.d.ts +2 -2
- package/lib/typescript/module/src/ui/components/CardForm/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Checkbox/Checkbox.d.ts +3 -0
- package/lib/typescript/module/src/ui/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/SavedCardsList/index.d.ts +1 -0
- package/lib/typescript/module/src/ui/components/SavedCardsList/index.d.ts.map +1 -1
- package/lib/typescript/module/src/ui/components/Skeleton/CardFormSkeleton.d.ts +4 -1
- package/lib/typescript/module/src/ui/components/Skeleton/CardFormSkeleton.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/package.json +1 -1
- package/src/index.tsx +0 -23
- package/src/types/base.ts +6 -8
- package/src/types/common.ts +25 -1
- package/src/ui/components/CardForm/index.tsx +8 -4
- package/src/ui/components/Checkbox/Checkbox.tsx +29 -4
- package/src/ui/components/SavedCardsList/index.tsx +15 -3
- package/src/ui/components/Skeleton/CardFormSkeleton.tsx +78 -20
- package/src/ui/features/TonderEnrollment/index.tsx +6 -1
- package/src/ui/features/TonderPayment/index.tsx +10 -2
package/README.md
CHANGED
|
@@ -106,7 +106,7 @@ Each type can be specified when initializing the SDK through the TonderProvider:
|
|
|
106
106
|
## Secure token
|
|
107
107
|
For card-related operations (save, list, delete), you need a secure token. This should be obtained through your backend for security:
|
|
108
108
|
|
|
109
|
-
> **Important Note about SaveCard functionality**:
|
|
109
|
+
> **Important Note about SaveCard functionality**:
|
|
110
110
|
> To properly implement the SaveCard feature, you must use a SecureToken. For detailed implementation instructions and best practices, please refer to our official documentation on [How to use SecureToken for secure card saving](https://docs.tonder.io/integration/sdks/secure-token#how-to-use-securetoken-for-secure-card-saving).
|
|
111
111
|
|
|
112
112
|
|
|
@@ -824,13 +824,17 @@ These options allow you to customize the text of the labels and placeholders for
|
|
|
824
824
|
#### Form Labels
|
|
825
825
|
Customization of field labels:
|
|
826
826
|
|
|
827
|
-
| Property
|
|
828
|
-
|
|
829
|
-
| name
|
|
830
|
-
| cardNumber
|
|
831
|
-
| cvv
|
|
832
|
-
| expiryDate
|
|
833
|
-
|
|
|
827
|
+
| Property | Type | Default | Description |
|
|
828
|
+
|-----------------------|--------|--------------------------------------|-----------------------------------------------------------------------|
|
|
829
|
+
| name | string | "Titular de la tarjeta" | Label for the cardholder's name field. |
|
|
830
|
+
| cardNumber | string | "Número de tarjeta" | Label for the card number field. |
|
|
831
|
+
| cvv | string | "CVV" | Label for the security code field. |
|
|
832
|
+
| expiryDate | string | "Fecha de expiración" | Label for the expiration date fields. |
|
|
833
|
+
| saveCardFuturePayment | string | "Guardar tarjeta para futuros pagos" | Label for the save card for future payments. |
|
|
834
|
+
| saveCardCheckedIcon | string | "✓" | Label for checked icon of the save card for future payments checkbox. |
|
|
835
|
+
| expirationCard | string | "Exp." | Label for the expiration card text. |
|
|
836
|
+
| payWithCard | string | "Pagar con tarjeta" | Label for pay with card option. |
|
|
837
|
+
|
|
834
838
|
|
|
835
839
|
<details>
|
|
836
840
|
<summary>View Form Labels Interface</summary>
|
|
@@ -841,6 +845,10 @@ interface IFormLabels {
|
|
|
841
845
|
cardNumber?: string;
|
|
842
846
|
cvv?: string;
|
|
843
847
|
expiryDate?: string;
|
|
848
|
+
saveCardFuturePayment?: string;
|
|
849
|
+
saveCardCheckedIcon?: string;
|
|
850
|
+
expirationCard?: string;
|
|
851
|
+
payWithCard?: string;
|
|
844
852
|
}
|
|
845
853
|
```
|
|
846
854
|
</details>
|
|
@@ -1085,16 +1093,17 @@ export interface IStyles {
|
|
|
1085
1093
|
|
|
1086
1094
|
The style customization for Full integrations (INLINE and ENROLLMENT) is done through a styles object in the SDK configuration.
|
|
1087
1095
|
|
|
1088
|
-
| Component | Description | Properties
|
|
1089
|
-
|
|
1090
|
-
| **sdkCard** | Main container of the SDK | `base`: StylesBaseVariant
|
|
1091
|
-
| **cardForm** | Card form section | - `base`: StylesBaseVariant<br>- `inputStyles`: CollectInputStylesVariant<br>- `labelStyles`: CollectInputStylesVariant<br>- `errorStyles`:StylesBaseVariant
|
|
1092
|
-
| **savedCards** | Saved cards list section | - `base`: StylesBaseVariant<br>- `radioBase`:
|
|
1093
|
-
| **paymentMethods** | Payment methods section | - `base`: StylesBaseVariant<br>- `radioBase`:
|
|
1094
|
-
| **paymentRadio** | Payment method selector | - `base`: StylesBaseVariant<br>- `radioBase`:
|
|
1095
|
-
| **paymentButton** | Payment button | `base`:
|
|
1096
|
-
| **errorMessage** | Error message display | `base`: TextStyle
|
|
1097
|
-
| **successMessage** | Success message display | `base`: TextStyle
|
|
1096
|
+
| Component | Description | Properties |
|
|
1097
|
+
|--------------------|---------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|
|
1098
|
+
| **sdkCard** | Main container of the SDK | `base`: StylesBaseVariant |
|
|
1099
|
+
| **cardForm** | Card form section | - `base`: StylesBaseVariant<br>- `inputStyles`: CollectInputStylesVariant<br>- `labelStyles`: CollectInputStylesVariant<br>- `errorStyles`:StylesBaseVariant<br>- `saveCardOption`:StylesCheckboxVariant |
|
|
1100
|
+
| **savedCards** | Saved cards list section | - `base`: StylesBaseVariant<br>- `radioBase`: StylesBaseVariant<br>- `radioInner`: StylesBaseVariant<br>- `radioSelected`: StylesBaseVariant<br>- `cardIcon`: StylesBaseVariant<br>- `deleteButton`: StylesBaseVariant<br>-`deteleIcon`: StylesBaseVariant |
|
|
1101
|
+
| **paymentMethods** | Payment methods section | - `base`: StylesBaseVariant<br>- `radioBase`: StylesBaseVariant<br>- `radioInner`: StylesBaseVariant<br>- `radioSelected`: StylesBaseVariant<br> |
|
|
1102
|
+
| **paymentRadio** | Payment method selector | - `base`: StylesBaseVariant<br>- `radioBase`: StylesBaseVariant<br>- `radioInner`: StylesBaseVariant<br>- `radioSelected`: StylesBaseVariant<br> |
|
|
1103
|
+
| **paymentButton** | Payment button | `base`: StylesBaseVariant |
|
|
1104
|
+
| **errorMessage** | Error message display | `base`: TextStyle |
|
|
1105
|
+
| **successMessage** | Success message display | `base`: TextStyle |
|
|
1106
|
+
| **skeletonCard** | Skeleton | - `base`: StylesBaseVariant<br>- `fullField`: StylesBaseVariant<br>- `compactField`: StylesBaseVariant<br>- `compactRow`: StylesBaseVariant<br>- `animatedBGColors`: [string, string]<br> |
|
|
1098
1107
|
|
|
1099
1108
|
#### Full customization example
|
|
1100
1109
|
|
|
@@ -1135,6 +1144,21 @@ const styles = {
|
|
|
1135
1144
|
marginBottom: 6,
|
|
1136
1145
|
},
|
|
1137
1146
|
},
|
|
1147
|
+
saveCardOption: {
|
|
1148
|
+
base: {
|
|
1149
|
+
marginTop: 15,
|
|
1150
|
+
color: '#4a4a4a',
|
|
1151
|
+
},
|
|
1152
|
+
checkboxBase: {
|
|
1153
|
+
borderColor: '#4a4a4a',
|
|
1154
|
+
},
|
|
1155
|
+
checkboxCheckedBase: {
|
|
1156
|
+
backgroundColor: '#35c6c1',
|
|
1157
|
+
},
|
|
1158
|
+
checkedIcon: {
|
|
1159
|
+
color: '#2c2929',
|
|
1160
|
+
},
|
|
1161
|
+
},
|
|
1138
1162
|
},
|
|
1139
1163
|
savedCards: {
|
|
1140
1164
|
base: {
|
|
@@ -1145,6 +1169,11 @@ const styles = {
|
|
|
1145
1169
|
borderWidth: 1,
|
|
1146
1170
|
borderColor: '#e3e3e3',
|
|
1147
1171
|
},
|
|
1172
|
+
cardItem: {
|
|
1173
|
+
base: {
|
|
1174
|
+
borderBottomColor: '#e2e8f0',
|
|
1175
|
+
},
|
|
1176
|
+
},
|
|
1148
1177
|
},
|
|
1149
1178
|
paymentRadio: {
|
|
1150
1179
|
base: {
|
|
@@ -1193,12 +1222,25 @@ const styles = {
|
|
|
1193
1222
|
},
|
|
1194
1223
|
},
|
|
1195
1224
|
errorMessage: {
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1225
|
+
base: {
|
|
1226
|
+
color: '#9a0832',
|
|
1227
|
+
fontWeight: '600',
|
|
1228
|
+
fontSize: 16,
|
|
1229
|
+
textAlign: 'center',
|
|
1230
|
+
marginTop: 20,
|
|
1231
|
+
},
|
|
1232
|
+
},
|
|
1233
|
+
skeletonCard: {
|
|
1234
|
+
base: {
|
|
1235
|
+
backgroundColor: '#F9F9F9',
|
|
1236
|
+
},
|
|
1237
|
+
fullField: {
|
|
1238
|
+
base: {
|
|
1239
|
+
borderRadius: 8,
|
|
1240
|
+
},
|
|
1241
|
+
},
|
|
1242
|
+
animatedBGColors: ['#e0e0e0', '#c8c7c7'],
|
|
1243
|
+
},
|
|
1202
1244
|
};
|
|
1203
1245
|
|
|
1204
1246
|
const { create } = useTonder<SDKType.INLINE>();
|
package/lib/commonjs/index.js
CHANGED
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
var _exportNames = {
|
|
7
|
-
multiply: true,
|
|
8
7
|
TonderProvider: true,
|
|
9
8
|
useTonder: true,
|
|
10
9
|
TonderPayment: true,
|
|
@@ -35,14 +34,12 @@ Object.defineProperty(exports, "TonderProvider", {
|
|
|
35
34
|
return _index.default;
|
|
36
35
|
}
|
|
37
36
|
});
|
|
38
|
-
exports.multiply = multiply;
|
|
39
37
|
Object.defineProperty(exports, "useTonder", {
|
|
40
38
|
enumerable: true,
|
|
41
39
|
get: function () {
|
|
42
40
|
return _index2.default;
|
|
43
41
|
}
|
|
44
42
|
});
|
|
45
|
-
var _reactNative = require("react-native");
|
|
46
43
|
var _CardHolderInput = require("./ui/components/Input/CardHolderInput.js");
|
|
47
44
|
Object.keys(_CardHolderInput).forEach(function (key) {
|
|
48
45
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -133,16 +130,4 @@ Object.keys(_index5).forEach(function (key) {
|
|
|
133
130
|
});
|
|
134
131
|
});
|
|
135
132
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
136
|
-
const LINKING_ERROR = `The package '@tonder.io/rn-sdk' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
|
|
137
|
-
ios: "- You have run 'pod install'\n",
|
|
138
|
-
default: ''
|
|
139
|
-
}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
|
|
140
|
-
const RnSdk = _reactNative.NativeModules.RnSdk ? _reactNative.NativeModules.RnSdk : new Proxy({}, {
|
|
141
|
-
get() {
|
|
142
|
-
throw new Error(LINKING_ERROR);
|
|
143
|
-
}
|
|
144
|
-
});
|
|
145
|
-
function multiply(a, b) {
|
|
146
|
-
return RnSdk.multiply(a, b);
|
|
147
|
-
}
|
|
148
133
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_CardHolderInput","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_CardExpirationMonthInput","_CardExpirationDateInput","_CardExpirationYearInput","_CardCVVInput","_CardNumberInput","_index","_interopRequireDefault","_index2","_index3","_index4","_errors","_index5","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SDKType = void 0;
|
|
6
|
+
exports.SDKType = exports.Environment = void 0;
|
|
7
|
+
let Environment = exports.Environment = /*#__PURE__*/function (Environment) {
|
|
8
|
+
Environment["production"] = "production";
|
|
9
|
+
Environment["sandbox"] = "sandbox";
|
|
10
|
+
Environment["stage"] = "stage";
|
|
11
|
+
Environment["development"] = "development";
|
|
12
|
+
return Environment;
|
|
13
|
+
}({});
|
|
7
14
|
let SDKType = exports.SDKType = /*#__PURE__*/function (SDKType) {
|
|
8
15
|
SDKType["INLINE"] = "inline";
|
|
9
16
|
SDKType["LITE"] = "lite";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Environment","exports","SDKType"],"sourceRoot":"../../../src","sources":["types/base.ts"],"mappings":";;;;;;IAaYA,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAAA,IAOXE,OAAO,GAAAD,OAAA,CAAAC,OAAA,0BAAPA,OAAO;EAAPA,OAAO;EAAPA,OAAO;EAAPA,OAAO;EAAA,OAAPA,OAAO;AAAA,OAqCnB;AAGA","ignoreList":[]}
|
|
@@ -49,7 +49,9 @@ const NewCardForm = ({
|
|
|
49
49
|
}), showSaveOption && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.CheckBox, {
|
|
50
50
|
checked: saveCard,
|
|
51
51
|
onValueChange: onSaveCardChange,
|
|
52
|
-
label:
|
|
52
|
+
label: labels?.saveCardFuturePayment || 'Guardar tarjeta para futuros pagos',
|
|
53
|
+
style: style?.saveCardOption,
|
|
54
|
+
checkedIcon: labels?.saveCardCheckedIcon
|
|
53
55
|
})]
|
|
54
56
|
});
|
|
55
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CardHolderInput","_CardNumberInput","_CardCVVInput","_CardExpirationDateInput","_Checkbox","_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;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CardHolderInput","_CardNumberInput","_CardCVVInput","_CardExpirationDateInput","_Checkbox","_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","saveCardFuturePayment","saveCardOption","checkedIcon","saveCardCheckedIcon","exports","StyleSheet","create","padding","paddingVertical","flexDirection","justifyContent","gap","groupContainer","flex","marginVertical","row","inputContainerCustom"],"sourceRoot":"../../../../../src","sources":["ui/components/CardForm/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,23 +6,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.CheckBox = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _styleUtils = require("../../../shared/utils/styleUtils.js");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
12
|
const CheckBox = ({
|
|
12
13
|
checked,
|
|
13
14
|
onValueChange,
|
|
14
|
-
label
|
|
15
|
+
label,
|
|
16
|
+
style,
|
|
17
|
+
checkedIcon = '✓'
|
|
15
18
|
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
16
|
-
style:
|
|
19
|
+
style: {
|
|
20
|
+
...styles.checkboxContainer,
|
|
21
|
+
...(style?.base || {})
|
|
22
|
+
},
|
|
17
23
|
onPress: () => onValueChange(!checked),
|
|
18
24
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
19
|
-
style: [
|
|
25
|
+
style: [{
|
|
26
|
+
...styles.checkbox,
|
|
27
|
+
...(style?.checkboxBase || {})
|
|
28
|
+
}, checked && {
|
|
29
|
+
...styles.checkboxChecked,
|
|
30
|
+
...(style?.checkboxCheckedBase || {})
|
|
31
|
+
}],
|
|
20
32
|
children: checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
21
|
-
style:
|
|
22
|
-
|
|
33
|
+
style: {
|
|
34
|
+
...styles.checkmark,
|
|
35
|
+
...(style?.checkedIcon || {})
|
|
36
|
+
},
|
|
37
|
+
children: checkedIcon
|
|
23
38
|
})
|
|
24
39
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
25
|
-
style:
|
|
40
|
+
style: {
|
|
41
|
+
...styles.checkboxLabel,
|
|
42
|
+
...(0, _styleUtils.buildBaseStyleText)(style)
|
|
43
|
+
},
|
|
26
44
|
children: label
|
|
27
45
|
})]
|
|
28
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","CheckBox","checked","onValueChange","label","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleUtils","_jsxRuntime","e","__esModule","default","CheckBox","checked","onValueChange","label","style","checkedIcon","jsxs","TouchableOpacity","styles","checkboxContainer","base","onPress","children","jsx","View","checkbox","checkboxBase","checkboxChecked","checkboxCheckedBase","Text","checkmark","checkboxLabel","buildBaseStyleText","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;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAsE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU/D,MAAMG,QAAiC,GAAGA,CAAC;EAChDC,OAAO;EACPC,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG;AAChB,CAAC,kBACC,IAAAT,WAAA,CAAAU,IAAA,EAACZ,YAAA,CAAAa,gBAAgB;EACfH,KAAK,EAAE;IAAE,GAAGI,MAAM,CAACC,iBAAiB;IAAE,IAAIL,KAAK,EAAEM,IAAI,IAAI,CAAC,CAAC;EAAE,CAAE;EAC/DC,OAAO,EAAEA,CAAA,KAAMT,aAAa,CAAC,CAACD,OAAO,CAAE;EAAAW,QAAA,gBAEvC,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IACHV,KAAK,EAAE,CACL;MAAE,GAAGI,MAAM,CAACO,QAAQ;MAAE,IAAIX,KAAK,EAAEY,YAAY,IAAI,CAAC,CAAC;IAAE,CAAC,EACtDf,OAAO,IAAI;MACT,GAAGO,MAAM,CAACS,eAAe;MACzB,IAAIb,KAAK,EAAEc,mBAAmB,IAAI,CAAC,CAAC;IACtC,CAAC,CACD;IAAAN,QAAA,EAEDX,OAAO,iBACN,IAAAL,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAyB,IAAI;MAACf,KAAK,EAAE;QAAE,GAAGI,MAAM,CAACY,SAAS;QAAE,IAAIhB,KAAK,EAAEC,WAAW,IAAI,CAAC,CAAC;MAAE,CAAE;MAAAO,QAAA,EACjEP;IAAW,CACR;EACP,CACG,CAAC,eACP,IAAAT,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAyB,IAAI;IACHf,KAAK,EAAE;MACL,GAAGI,MAAM,CAACa,aAAa;MACvB,GAAG,IAAAC,8BAAkB,EAAClB,KAAK;IAC7B,CAAE;IAAAQ,QAAA,EAEDT;EAAK,CACF,CAAC;AAAA,CACS,CACnB;AAACoB,OAAA,CAAAvB,QAAA,GAAAA,QAAA;AACF,MAAMQ,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,iBAAiB,EAAE;IACjBiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE;EACrB,CAAC;EACDf,QAAQ,EAAE;IACRgB,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;EACDV,eAAe,EAAE;IACfoB,eAAe,EAAE,SAAS;IAC1BH,WAAW,EAAE;EACf,CAAC;EACDd,SAAS,EAAE;IACTkB,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDlB,aAAa,EAAE;IACbmB,UAAU,EAAE,EAAE;IACdD,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,KAAK;IACjBH,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -21,7 +21,8 @@ const SavedCardsList = ({
|
|
|
21
21
|
onDeleteCard,
|
|
22
22
|
deletingCards,
|
|
23
23
|
showDeleteButton = true,
|
|
24
|
-
style
|
|
24
|
+
style,
|
|
25
|
+
expirationLabel = 'Exp.'
|
|
25
26
|
}) => {
|
|
26
27
|
if (!cards.length) return null;
|
|
27
28
|
const replaceTextCardNumber = cardNumber => {
|
|
@@ -34,8 +35,14 @@ const SavedCardsList = ({
|
|
|
34
35
|
...styles.container,
|
|
35
36
|
...(style?.base || {})
|
|
36
37
|
},
|
|
37
|
-
children: cards.map(card => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
38
|
-
style: styles.cardItem,
|
|
38
|
+
children: cards.map((card, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
39
|
+
style: [styles.cardItem, {
|
|
40
|
+
...{
|
|
41
|
+
...(style?.cardItem?.base || {})
|
|
42
|
+
}
|
|
43
|
+
}, index === cards.length - 1 && {
|
|
44
|
+
borderBottomWidth: 0
|
|
45
|
+
}],
|
|
39
46
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RadioButton, {
|
|
40
47
|
style: {
|
|
41
48
|
base: style?.radioBase,
|
|
@@ -66,7 +73,7 @@ const SavedCardsList = ({
|
|
|
66
73
|
...styles.cardExpiration,
|
|
67
74
|
...(0, _styleUtils.buildBaseStyleText)(style)
|
|
68
75
|
},
|
|
69
|
-
children: ["
|
|
76
|
+
children: [expirationLabel, " ", card.fields.expiration_month, "/", card.fields.expiration_year]
|
|
70
77
|
})]
|
|
71
78
|
}), (deletingCards || []).includes(card.fields.skyflow_id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
72
79
|
color: "#000000",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_cardBrandCatalog","_index","_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","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_cardBrandCatalog","_index","_lucideReactNative","_styleUtils","_jsxRuntime","e","__esModule","default","SavedCardsList","cards","selectedMethod","onMethodSelect","onDeleteCard","deletingCards","showDeleteButton","style","expirationLabel","length","replaceTextCardNumber","cardNumber","carArr","split","last","jsx","View","styles","container","base","children","map","card","index","jsxs","cardItem","borderBottomWidth","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","borderBottomColor","width","height","marginLeft","flex","padding","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/SavedCardsList/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,12 +6,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _styleUtils = require("../../../shared/utils/styleUtils.js");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
const SkeletonItem = ({
|
|
13
|
+
styleItem,
|
|
14
|
+
interpolatedColor
|
|
15
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
16
|
+
style: [styles.skeletonLoader, ...(styleItem?.base ? [styleItem.base] : []), {
|
|
17
|
+
backgroundColor: interpolatedColor
|
|
18
|
+
}]
|
|
19
|
+
});
|
|
11
20
|
const CardFormSkeleton = ({
|
|
12
|
-
message
|
|
21
|
+
message,
|
|
22
|
+
style,
|
|
23
|
+
errorMessageStyle
|
|
13
24
|
}) => {
|
|
14
|
-
const animatedValue = new _reactNative.Animated.Value(0);
|
|
25
|
+
const animatedValue = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
|
|
15
26
|
_react.default.useEffect(() => {
|
|
16
27
|
_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(animatedValue, {
|
|
17
28
|
toValue: 1,
|
|
@@ -27,51 +38,67 @@ const CardFormSkeleton = ({
|
|
|
27
38
|
}, []);
|
|
28
39
|
const interpolatedColor = animatedValue.interpolate({
|
|
29
40
|
inputRange: [0, 1],
|
|
30
|
-
outputRange: ['#e0e0e0', '#
|
|
31
|
-
});
|
|
32
|
-
const SkeletonItem = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
33
|
-
style: [styles.skeletonLoader, {
|
|
34
|
-
backgroundColor: interpolatedColor
|
|
35
|
-
}]
|
|
41
|
+
outputRange: style?.animatedBGColors || ['#e0e0e0', '#dddddd']
|
|
36
42
|
});
|
|
37
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
38
|
-
style:
|
|
39
|
-
|
|
40
|
-
style
|
|
44
|
+
style: {
|
|
45
|
+
...styles.container,
|
|
46
|
+
...(style?.base || {}),
|
|
47
|
+
...styles.containerBase
|
|
48
|
+
},
|
|
49
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonItem, {
|
|
50
|
+
styleItem: style?.fullField,
|
|
51
|
+
interpolatedColor: interpolatedColor
|
|
52
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonItem, {
|
|
53
|
+
styleItem: style?.fullField,
|
|
54
|
+
interpolatedColor: interpolatedColor
|
|
55
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
56
|
+
style: {
|
|
57
|
+
...styles.collectRow,
|
|
58
|
+
...(style?.compactRow?.base || {})
|
|
59
|
+
},
|
|
41
60
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
42
|
-
style: [styles.skeletonLoaderItem, {
|
|
61
|
+
style: [styles.skeletonLoader, ...(style?.compactField?.base ? [style?.compactField?.base] : []), styles.skeletonLoaderItem, {
|
|
43
62
|
backgroundColor: interpolatedColor
|
|
44
63
|
}]
|
|
45
64
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
46
|
-
style: [styles.skeletonLoaderItem, {
|
|
65
|
+
style: [styles.skeletonLoader, ...(style?.compactField?.base ? [style?.compactField?.base] : []), styles.skeletonLoaderItem, {
|
|
47
66
|
backgroundColor: interpolatedColor
|
|
48
67
|
}]
|
|
49
68
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
50
|
-
style: [styles.skeletonLoaderItem, {
|
|
69
|
+
style: [styles.skeletonLoader, ...(style?.compactField?.base ? [style?.compactField?.base] : []), styles.skeletonLoaderItem, {
|
|
51
70
|
backgroundColor: interpolatedColor
|
|
52
71
|
}]
|
|
53
72
|
})]
|
|
54
73
|
}), !!message && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
55
|
-
style:
|
|
74
|
+
style: {
|
|
75
|
+
...styles.errorContainer,
|
|
76
|
+
...(errorMessageStyle?.base || {})
|
|
77
|
+
},
|
|
56
78
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
57
|
-
style:
|
|
79
|
+
style: {
|
|
80
|
+
...styles.errorText,
|
|
81
|
+
...(0, _styleUtils.buildBaseStyleText)(errorMessageStyle)
|
|
82
|
+
},
|
|
58
83
|
children: message
|
|
59
84
|
})
|
|
60
85
|
})]
|
|
61
86
|
});
|
|
62
87
|
};
|
|
63
88
|
const styles = _reactNative.StyleSheet.create({
|
|
64
|
-
|
|
89
|
+
containerBase: {
|
|
65
90
|
position: 'absolute',
|
|
66
91
|
top: 0,
|
|
67
92
|
left: 0,
|
|
68
93
|
width: '100%',
|
|
69
94
|
height: '100%',
|
|
95
|
+
zIndex: 1
|
|
96
|
+
},
|
|
97
|
+
container: {
|
|
70
98
|
backgroundColor: '#F9F9F9',
|
|
71
99
|
padding: 20,
|
|
72
100
|
flex: 1,
|
|
73
|
-
gap: 20
|
|
74
|
-
zIndex: 1
|
|
101
|
+
gap: 20
|
|
75
102
|
},
|
|
76
103
|
collectRow: {
|
|
77
104
|
flexDirection: 'row',
|
|
@@ -86,12 +113,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
86
113
|
marginHorizontal: 10
|
|
87
114
|
},
|
|
88
115
|
skeletonLoaderItem: {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
116
|
+
flex: 1,
|
|
117
|
+
marginVertical: 0,
|
|
118
|
+
marginHorizontal: 0
|
|
92
119
|
},
|
|
93
120
|
errorContainer: {
|
|
94
|
-
paddingHorizontal:
|
|
121
|
+
paddingHorizontal: 20,
|
|
122
|
+
marginVertical: 5
|
|
95
123
|
},
|
|
96
124
|
errorText: {
|
|
97
125
|
color: 'red',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","CardFormSkeleton","message","animatedValue","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleUtils","_jsxRuntime","e","__esModule","default","SkeletonItem","styleItem","interpolatedColor","jsx","Animated","View","style","styles","skeletonLoader","base","backgroundColor","CardFormSkeleton","message","errorMessageStyle","animatedValue","React","useRef","Value","current","useEffect","loop","sequence","timing","toValue","duration","easing","Easing","ease","useNativeDriver","start","interpolate","inputRange","outputRange","animatedBGColors","jsxs","container","containerBase","children","fullField","collectRow","compactRow","compactField","skeletonLoaderItem","errorContainer","Text","errorText","buildBaseStyleText","StyleSheet","create","position","top","left","width","height","zIndex","padding","flex","gap","flexDirection","justifyContent","marginHorizontal","borderRadius","marginVertical","paddingHorizontal","color","fontSize","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/Skeleton/CardFormSkeleton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -32,6 +32,7 @@ const TonderEnrollment = () => {
|
|
|
32
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
33
33
|
style: styles.container,
|
|
34
34
|
children: [state?.isCreating && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardFormSkeleton.default, {
|
|
35
|
+
style: state?.customization?.styles?.skeletonCard,
|
|
35
36
|
message: state?.message
|
|
36
37
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
37
38
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ProcessButton","_index","_CardFormSkeleton","_payment","_styleUtils","_hook","_jsxRuntime","e","__esModule","default","TonderEnrollment","sdk","state","useTonderContext","onSave","saveCustomerCard","error","console","isCreating","isCreated","jsxs","View","style","styles","container","children","jsx","message","DEFAULT_PAYMENT_CONTAINER","base","minHeight","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ProcessButton","_index","_CardFormSkeleton","_payment","_styleUtils","_hook","_jsxRuntime","e","__esModule","default","TonderEnrollment","sdk","state","useTonderContext","onSave","saveCustomerCard","error","console","isCreating","isCreated","jsxs","View","style","styles","container","children","jsx","customization","skeletonCard","message","DEFAULT_PAYMENT_CONTAINER","base","minHeight","sdkCard","NewCardForm","showSaveOption","saveCard","onSaveCardChange","cardForm","labels","placeholders","showMessages","messageContainer","errorMessage","Text","errorText","buildBaseStyleText","successMessage","successText","saveButton","show","ProcessButton","text","paymentButton","onPress","isLoading","isProcessing","StyleSheet","create","position","newCardSection","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","cardImage","width","height","marginLeft","newCardText","fontSize","color","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/features/TonderEnrollment/index.tsx"],"mappings":"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","ignoreList":[]}
|