@tonder.io/rn-sdk 0.1.3 → 0.1.4
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
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { IEnrollment, IEnrollmentOptions, IEnrollmentState, IInlineCheckoutOptions, IInlineCheckoutState, ILiteCheckoutOptions, ILiteCheckoutState, IPaymentInlineContainer, IPaymentLiteContainer } from '.';
|
|
2
2
|
import type TonderError from '../shared/utils/errors';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export declare enum Environment {
|
|
4
|
+
production = "production",
|
|
5
|
+
sandbox = "sandbox",
|
|
6
|
+
stage = "stage",
|
|
7
|
+
development = "development"
|
|
8
|
+
}
|
|
7
9
|
export declare enum SDKType {
|
|
8
10
|
INLINE = "inline",
|
|
9
11
|
LITE = "lite",
|
|
@@ -16,7 +18,6 @@ export type IBaseResponse<T> = {
|
|
|
16
18
|
response?: never;
|
|
17
19
|
error: TonderError;
|
|
18
20
|
};
|
|
19
|
-
export type SDKsContainer = PaymentInlineContainer | PaymentLiteContainer | EnrollmentContainer;
|
|
20
21
|
export interface ISDKBaseConfig {
|
|
21
22
|
mode: Environment;
|
|
22
23
|
apiKey: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/types/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,GAAG,CAAC;AACX,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/types/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,GAAG,CAAC;AACX,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAEtD,oBAAY,WAAW;IACrB,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B;AAED,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IACvB;IAAE,QAAQ,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9B;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,OAAO;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC;IACzC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IACrC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,kBAAkB,CAAC;CAC1C,CAAC;AAGF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAG7D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,OAAO,CAAC,MAAM,GACjE,uBAAuB,GACvB,CAAC,SAAS,OAAO,CAAC,IAAI,GACpB,qBAAqB,GACrB,CAAC,SAAS,OAAO,CAAC,UAAU,GAC1B,WAAW,GACX,KAAK,CAAC;AAEd,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,OAAO,CAAC,MAAM,GACtE,oBAAoB,GACpB,CAAC,SAAS,OAAO,CAAC,IAAI,GACpB,kBAAkB,GAClB,CAAC,SAAS,OAAO,CAAC,UAAU,GAC1B,gBAAgB,GAChB,KAAK,CAAC"}
|
|
@@ -5,6 +5,12 @@ import { SDKType } from './base';
|
|
|
5
5
|
export interface StylesBaseVariant {
|
|
6
6
|
base?: Record<string, any>;
|
|
7
7
|
}
|
|
8
|
+
export interface StylesCheckboxVariant {
|
|
9
|
+
base?: Record<string, any>;
|
|
10
|
+
checkboxBase?: Record<string, any>;
|
|
11
|
+
checkboxCheckedBase?: Record<string, any>;
|
|
12
|
+
checkedIcon?: Record<string, any>;
|
|
13
|
+
}
|
|
8
14
|
export interface StylesSelectVariant {
|
|
9
15
|
base?: Record<string, any>;
|
|
10
16
|
radioBase?: Record<string, any>;
|
|
@@ -13,6 +19,7 @@ export interface StylesSelectVariant {
|
|
|
13
19
|
cardIcon?: Record<string, any>;
|
|
14
20
|
}
|
|
15
21
|
export interface StylesSavedCardsVariant extends StylesSelectVariant {
|
|
22
|
+
cardItem?: StylesBaseVariant;
|
|
16
23
|
deleteButton?: Record<string, any>;
|
|
17
24
|
deleteIcon?: Record<string, any>;
|
|
18
25
|
}
|
|
@@ -34,6 +41,10 @@ export interface IFormLabels {
|
|
|
34
41
|
cardNumber?: string;
|
|
35
42
|
cvv?: string;
|
|
36
43
|
expiryDate?: string;
|
|
44
|
+
saveCardFuturePayment?: string;
|
|
45
|
+
saveCardCheckedIcon?: string;
|
|
46
|
+
expirationCard?: string;
|
|
47
|
+
payWithCard?: string;
|
|
37
48
|
}
|
|
38
49
|
export interface IFormPlaceholder {
|
|
39
50
|
name?: string;
|
|
@@ -44,7 +55,8 @@ export interface IFormPlaceholder {
|
|
|
44
55
|
}
|
|
45
56
|
export interface IStyles {
|
|
46
57
|
sdkCard?: StylesBaseVariant;
|
|
47
|
-
|
|
58
|
+
skeletonCard?: ISkeletonCardStyles;
|
|
59
|
+
cardForm?: ICardFormStyles;
|
|
48
60
|
paymentMethods?: StylesSelectVariant;
|
|
49
61
|
savedCards?: StylesSavedCardsVariant;
|
|
50
62
|
paymentRadio?: StylesSelectVariant;
|
|
@@ -52,6 +64,15 @@ export interface IStyles {
|
|
|
52
64
|
errorMessage?: StylesBaseVariant;
|
|
53
65
|
successMessage?: StylesBaseVariant;
|
|
54
66
|
}
|
|
67
|
+
export interface ICardFormStyles extends StylesBaseVariant, IElementStyle {
|
|
68
|
+
saveCardOption?: StylesCheckboxVariant;
|
|
69
|
+
}
|
|
70
|
+
export interface ISkeletonCardStyles extends StylesBaseVariant {
|
|
71
|
+
fullField?: StylesBaseVariant;
|
|
72
|
+
compactField?: StylesBaseVariant;
|
|
73
|
+
compactRow?: StylesBaseVariant;
|
|
74
|
+
animatedBGColors?: [string, string];
|
|
75
|
+
}
|
|
55
76
|
export interface ITonderContext<T extends SDKType> {
|
|
56
77
|
uiWrapper: IUIWrapper;
|
|
57
78
|
sdk: SDKInstance<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ICardFormStyles, IFormLabels, IFormPlaceholder } from '../../../types';
|
|
3
3
|
interface NewCardFormProps {
|
|
4
4
|
showSaveOption?: boolean;
|
|
5
5
|
saveCard: boolean;
|
|
6
6
|
onSaveCardChange: (save: boolean) => void;
|
|
7
7
|
labels?: IFormLabels;
|
|
8
8
|
placeholders?: IFormPlaceholder;
|
|
9
|
-
style?:
|
|
9
|
+
style?: ICardFormStyles;
|
|
10
10
|
}
|
|
11
11
|
export declare const NewCardForm: React.FC<NewCardFormProps>;
|
|
12
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/CardForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/CardForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAOxB,UAAU,gBAAgB;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgDlD,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { StylesCheckboxVariant } from '../../../types';
|
|
2
3
|
interface CheckBoxProps {
|
|
3
4
|
checked: boolean;
|
|
4
5
|
onValueChange: (value: boolean) => void;
|
|
5
6
|
label: string;
|
|
7
|
+
checkedIcon?: string;
|
|
8
|
+
style?: StylesCheckboxVariant;
|
|
6
9
|
}
|
|
7
10
|
export declare const CheckBox: React.FC<CheckBoxProps>;
|
|
8
11
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmC5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/SavedCardsList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/SavedCardsList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsFjD,CAAC;AAoCF,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ISkeletonCardStyles, StylesBaseVariant } from '@tonder.io/rn-sdk';
|
|
2
|
+
declare const CardFormSkeleton: ({ message, style, errorMessageStyle, }: {
|
|
2
3
|
message?: string;
|
|
4
|
+
style?: ISkeletonCardStyles;
|
|
5
|
+
errorMessageStyle?: StylesBaseVariant;
|
|
3
6
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
4
7
|
export default CardFormSkeleton;
|
|
5
8
|
//# sourceMappingURL=CardFormSkeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFormSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Skeleton/CardFormSkeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CardFormSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Skeleton/CardFormSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAmBhF,QAAA,MAAM,gBAAgB,2CAInB;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,4CA6FA,CAAC;AA4CF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderEnrollment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,sBAAsB;CAAG;AAC1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderEnrollment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,sBAAsB;CAAG;AAC1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiGtD,CAAC;AAqCF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderPayment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,MAAM,WAAW,mBAAmB;CAAG;AACvC,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderPayment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,MAAM,WAAW,mBAAmB;CAAG;AACvC,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6LhD,CAAC;AAwCF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC/D,cAAc,SAAS,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { IEnrollment, IEnrollmentOptions, IEnrollmentState, IInlineCheckoutOptions, IInlineCheckoutState, ILiteCheckoutOptions, ILiteCheckoutState, IPaymentInlineContainer, IPaymentLiteContainer } from '.';
|
|
2
2
|
import type TonderError from '../shared/utils/errors';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export declare enum Environment {
|
|
4
|
+
production = "production",
|
|
5
|
+
sandbox = "sandbox",
|
|
6
|
+
stage = "stage",
|
|
7
|
+
development = "development"
|
|
8
|
+
}
|
|
7
9
|
export declare enum SDKType {
|
|
8
10
|
INLINE = "inline",
|
|
9
11
|
LITE = "lite",
|
|
@@ -16,7 +18,6 @@ export type IBaseResponse<T> = {
|
|
|
16
18
|
response?: never;
|
|
17
19
|
error: TonderError;
|
|
18
20
|
};
|
|
19
|
-
export type SDKsContainer = PaymentInlineContainer | PaymentLiteContainer | EnrollmentContainer;
|
|
20
21
|
export interface ISDKBaseConfig {
|
|
21
22
|
mode: Environment;
|
|
22
23
|
apiKey: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/types/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,GAAG,CAAC;AACX,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/types/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,GAAG,CAAC;AACX,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAEtD,oBAAY,WAAW;IACrB,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B;AAED,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IACvB;IAAE,QAAQ,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9B;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,OAAO;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC;IACzC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IACrC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,kBAAkB,CAAC;CAC1C,CAAC;AAGF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAG7D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,OAAO,CAAC,MAAM,GACjE,uBAAuB,GACvB,CAAC,SAAS,OAAO,CAAC,IAAI,GACpB,qBAAqB,GACrB,CAAC,SAAS,OAAO,CAAC,UAAU,GAC1B,WAAW,GACX,KAAK,CAAC;AAEd,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,OAAO,CAAC,MAAM,GACtE,oBAAoB,GACpB,CAAC,SAAS,OAAO,CAAC,IAAI,GACpB,kBAAkB,GAClB,CAAC,SAAS,OAAO,CAAC,UAAU,GAC1B,gBAAgB,GAChB,KAAK,CAAC"}
|
|
@@ -5,6 +5,12 @@ import { SDKType } from './base';
|
|
|
5
5
|
export interface StylesBaseVariant {
|
|
6
6
|
base?: Record<string, any>;
|
|
7
7
|
}
|
|
8
|
+
export interface StylesCheckboxVariant {
|
|
9
|
+
base?: Record<string, any>;
|
|
10
|
+
checkboxBase?: Record<string, any>;
|
|
11
|
+
checkboxCheckedBase?: Record<string, any>;
|
|
12
|
+
checkedIcon?: Record<string, any>;
|
|
13
|
+
}
|
|
8
14
|
export interface StylesSelectVariant {
|
|
9
15
|
base?: Record<string, any>;
|
|
10
16
|
radioBase?: Record<string, any>;
|
|
@@ -13,6 +19,7 @@ export interface StylesSelectVariant {
|
|
|
13
19
|
cardIcon?: Record<string, any>;
|
|
14
20
|
}
|
|
15
21
|
export interface StylesSavedCardsVariant extends StylesSelectVariant {
|
|
22
|
+
cardItem?: StylesBaseVariant;
|
|
16
23
|
deleteButton?: Record<string, any>;
|
|
17
24
|
deleteIcon?: Record<string, any>;
|
|
18
25
|
}
|
|
@@ -34,6 +41,10 @@ export interface IFormLabels {
|
|
|
34
41
|
cardNumber?: string;
|
|
35
42
|
cvv?: string;
|
|
36
43
|
expiryDate?: string;
|
|
44
|
+
saveCardFuturePayment?: string;
|
|
45
|
+
saveCardCheckedIcon?: string;
|
|
46
|
+
expirationCard?: string;
|
|
47
|
+
payWithCard?: string;
|
|
37
48
|
}
|
|
38
49
|
export interface IFormPlaceholder {
|
|
39
50
|
name?: string;
|
|
@@ -44,7 +55,8 @@ export interface IFormPlaceholder {
|
|
|
44
55
|
}
|
|
45
56
|
export interface IStyles {
|
|
46
57
|
sdkCard?: StylesBaseVariant;
|
|
47
|
-
|
|
58
|
+
skeletonCard?: ISkeletonCardStyles;
|
|
59
|
+
cardForm?: ICardFormStyles;
|
|
48
60
|
paymentMethods?: StylesSelectVariant;
|
|
49
61
|
savedCards?: StylesSavedCardsVariant;
|
|
50
62
|
paymentRadio?: StylesSelectVariant;
|
|
@@ -52,6 +64,15 @@ export interface IStyles {
|
|
|
52
64
|
errorMessage?: StylesBaseVariant;
|
|
53
65
|
successMessage?: StylesBaseVariant;
|
|
54
66
|
}
|
|
67
|
+
export interface ICardFormStyles extends StylesBaseVariant, IElementStyle {
|
|
68
|
+
saveCardOption?: StylesCheckboxVariant;
|
|
69
|
+
}
|
|
70
|
+
export interface ISkeletonCardStyles extends StylesBaseVariant {
|
|
71
|
+
fullField?: StylesBaseVariant;
|
|
72
|
+
compactField?: StylesBaseVariant;
|
|
73
|
+
compactRow?: StylesBaseVariant;
|
|
74
|
+
animatedBGColors?: [string, string];
|
|
75
|
+
}
|
|
55
76
|
export interface ITonderContext<T extends SDKType> {
|
|
56
77
|
uiWrapper: IUIWrapper;
|
|
57
78
|
sdk: SDKInstance<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/types/common.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ICardFormStyles, IFormLabels, IFormPlaceholder } from '../../../types';
|
|
3
3
|
interface NewCardFormProps {
|
|
4
4
|
showSaveOption?: boolean;
|
|
5
5
|
saveCard: boolean;
|
|
6
6
|
onSaveCardChange: (save: boolean) => void;
|
|
7
7
|
labels?: IFormLabels;
|
|
8
8
|
placeholders?: IFormPlaceholder;
|
|
9
|
-
style?:
|
|
9
|
+
style?: ICardFormStyles;
|
|
10
10
|
}
|
|
11
11
|
export declare const NewCardForm: React.FC<NewCardFormProps>;
|
|
12
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/CardForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/CardForm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAOxB,UAAU,gBAAgB;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgDlD,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { StylesCheckboxVariant } from '../../../types';
|
|
2
3
|
interface CheckBoxProps {
|
|
3
4
|
checked: boolean;
|
|
4
5
|
onValueChange: (value: boolean) => void;
|
|
5
6
|
label: string;
|
|
7
|
+
checkedIcon?: string;
|
|
8
|
+
style?: StylesCheckboxVariant;
|
|
6
9
|
}
|
|
7
10
|
export declare const CheckBox: React.FC<CheckBoxProps>;
|
|
8
11
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmC5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/SavedCardsList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/SavedCardsList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsFjD,CAAC;AAoCF,eAAe,cAAc,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ISkeletonCardStyles, StylesBaseVariant } from '@tonder.io/rn-sdk';
|
|
2
|
+
declare const CardFormSkeleton: ({ message, style, errorMessageStyle, }: {
|
|
2
3
|
message?: string;
|
|
4
|
+
style?: ISkeletonCardStyles;
|
|
5
|
+
errorMessageStyle?: StylesBaseVariant;
|
|
3
6
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
4
7
|
export default CardFormSkeleton;
|
|
5
8
|
//# sourceMappingURL=CardFormSkeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardFormSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Skeleton/CardFormSkeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CardFormSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/Skeleton/CardFormSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAmBhF,QAAA,MAAM,gBAAgB,2CAInB;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,4CA6FA,CAAC;AA4CF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderEnrollment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,sBAAsB;CAAG;AAC1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderEnrollment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,sBAAsB;CAAG;AAC1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiGtD,CAAC;AAqCF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderPayment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,MAAM,WAAW,mBAAmB;CAAG;AACvC,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/features/TonderPayment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,MAAM,WAAW,mBAAmB;CAAG;AACvC,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6LhD,CAAC;AAwCF,eAAe,aAAa,CAAC"}
|
package/package.json
CHANGED
package/src/index.tsx
CHANGED
|
@@ -1,26 +1,3 @@
|
|
|
1
|
-
import { NativeModules, Platform } from 'react-native';
|
|
2
|
-
|
|
3
|
-
const LINKING_ERROR =
|
|
4
|
-
`The package '@tonder.io/rn-sdk' doesn't seem to be linked. Make sure: \n\n` +
|
|
5
|
-
Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
|
|
6
|
-
'- You rebuilt the app after installing the package\n' +
|
|
7
|
-
'- You are not using Expo Go\n';
|
|
8
|
-
|
|
9
|
-
const RnSdk = NativeModules.RnSdk
|
|
10
|
-
? NativeModules.RnSdk
|
|
11
|
-
: new Proxy(
|
|
12
|
-
{},
|
|
13
|
-
{
|
|
14
|
-
get() {
|
|
15
|
-
throw new Error(LINKING_ERROR);
|
|
16
|
-
},
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
export function multiply(a: number, b: number): Promise<number> {
|
|
21
|
-
return RnSdk.multiply(a, b);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
1
|
export * from './ui/components/Input/CardHolderInput';
|
|
25
2
|
export * from './ui/components/Input/CardExpirationMonthInput';
|
|
26
3
|
export * from './ui/components/Input/CardExpirationDateInput';
|
package/src/types/base.ts
CHANGED
|
@@ -10,11 +10,13 @@ import type {
|
|
|
10
10
|
IPaymentLiteContainer,
|
|
11
11
|
} from '.';
|
|
12
12
|
import type TonderError from '../shared/utils/errors';
|
|
13
|
-
import type PaymentInlineContainer from '../core/PaymentInlineContainer';
|
|
14
|
-
import type PaymentLiteContainer from '../core/PaymentLiteContainer';
|
|
15
|
-
import type { EnrollmentContainer } from '../core/EnrollmentContainer';
|
|
16
13
|
|
|
17
|
-
export
|
|
14
|
+
export enum Environment {
|
|
15
|
+
production = 'production',
|
|
16
|
+
sandbox = 'sandbox',
|
|
17
|
+
stage = 'stage',
|
|
18
|
+
development = 'development',
|
|
19
|
+
}
|
|
18
20
|
|
|
19
21
|
export enum SDKType {
|
|
20
22
|
INLINE = 'inline',
|
|
@@ -26,10 +28,6 @@ export type IBaseResponse<T> =
|
|
|
26
28
|
| { response: T; error?: never }
|
|
27
29
|
| { response?: never; error: TonderError };
|
|
28
30
|
|
|
29
|
-
export type SDKsContainer =
|
|
30
|
-
| PaymentInlineContainer
|
|
31
|
-
| PaymentLiteContainer
|
|
32
|
-
| EnrollmentContainer;
|
|
33
31
|
export interface ISDKBaseConfig {
|
|
34
32
|
mode: Environment;
|
|
35
33
|
apiKey: string;
|
package/src/types/common.ts
CHANGED
|
@@ -7,6 +7,13 @@ export interface StylesBaseVariant {
|
|
|
7
7
|
base?: Record<string, any>;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
export interface StylesCheckboxVariant {
|
|
11
|
+
base?: Record<string, any>;
|
|
12
|
+
checkboxBase?: Record<string, any>;
|
|
13
|
+
checkboxCheckedBase?: Record<string, any>;
|
|
14
|
+
checkedIcon?: Record<string, any>;
|
|
15
|
+
}
|
|
16
|
+
|
|
10
17
|
export interface StylesSelectVariant {
|
|
11
18
|
base?: Record<string, any>;
|
|
12
19
|
radioBase?: Record<string, any>;
|
|
@@ -16,6 +23,7 @@ export interface StylesSelectVariant {
|
|
|
16
23
|
}
|
|
17
24
|
|
|
18
25
|
export interface StylesSavedCardsVariant extends StylesSelectVariant {
|
|
26
|
+
cardItem?: StylesBaseVariant;
|
|
19
27
|
deleteButton?: Record<string, any>;
|
|
20
28
|
deleteIcon?: Record<string, any>;
|
|
21
29
|
}
|
|
@@ -40,6 +48,10 @@ export interface IFormLabels {
|
|
|
40
48
|
cardNumber?: string;
|
|
41
49
|
cvv?: string;
|
|
42
50
|
expiryDate?: string;
|
|
51
|
+
saveCardFuturePayment?: string;
|
|
52
|
+
saveCardCheckedIcon?: string;
|
|
53
|
+
expirationCard?: string;
|
|
54
|
+
payWithCard?: string;
|
|
43
55
|
}
|
|
44
56
|
|
|
45
57
|
export interface IFormPlaceholder {
|
|
@@ -52,7 +64,8 @@ export interface IFormPlaceholder {
|
|
|
52
64
|
|
|
53
65
|
export interface IStyles {
|
|
54
66
|
sdkCard?: StylesBaseVariant;
|
|
55
|
-
|
|
67
|
+
skeletonCard?: ISkeletonCardStyles;
|
|
68
|
+
cardForm?: ICardFormStyles;
|
|
56
69
|
paymentMethods?: StylesSelectVariant;
|
|
57
70
|
savedCards?: StylesSavedCardsVariant;
|
|
58
71
|
paymentRadio?: StylesSelectVariant;
|
|
@@ -61,6 +74,17 @@ export interface IStyles {
|
|
|
61
74
|
successMessage?: StylesBaseVariant;
|
|
62
75
|
}
|
|
63
76
|
|
|
77
|
+
export interface ICardFormStyles extends StylesBaseVariant, IElementStyle {
|
|
78
|
+
saveCardOption?: StylesCheckboxVariant;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
export interface ISkeletonCardStyles extends StylesBaseVariant {
|
|
82
|
+
fullField?: StylesBaseVariant;
|
|
83
|
+
compactField?: StylesBaseVariant;
|
|
84
|
+
compactRow?: StylesBaseVariant;
|
|
85
|
+
animatedBGColors?: [string, string];
|
|
86
|
+
}
|
|
87
|
+
|
|
64
88
|
export interface ITonderContext<T extends SDKType> {
|
|
65
89
|
uiWrapper: IUIWrapper;
|
|
66
90
|
sdk: SDKInstance<T>;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, StyleSheet } from 'react-native';
|
|
3
3
|
import type {
|
|
4
|
-
|
|
4
|
+
ICardFormStyles,
|
|
5
5
|
IFormLabels,
|
|
6
6
|
IFormPlaceholder,
|
|
7
|
-
StylesBaseVariant,
|
|
8
7
|
} from '../../../types';
|
|
9
8
|
import { CardHolderInput } from '../Input/CardHolderInput';
|
|
10
9
|
import { CardNumberInput } from '../Input/CardNumberInput';
|
|
@@ -18,7 +17,7 @@ interface NewCardFormProps {
|
|
|
18
17
|
onSaveCardChange: (save: boolean) => void;
|
|
19
18
|
labels?: IFormLabels;
|
|
20
19
|
placeholders?: IFormPlaceholder;
|
|
21
|
-
style?:
|
|
20
|
+
style?: ICardFormStyles;
|
|
22
21
|
}
|
|
23
22
|
|
|
24
23
|
export const NewCardForm: React.FC<NewCardFormProps> = ({
|
|
@@ -59,7 +58,12 @@ export const NewCardForm: React.FC<NewCardFormProps> = ({
|
|
|
59
58
|
<CheckBox
|
|
60
59
|
checked={saveCard}
|
|
61
60
|
onValueChange={onSaveCardChange}
|
|
62
|
-
label=
|
|
61
|
+
label={
|
|
62
|
+
labels?.saveCardFuturePayment ||
|
|
63
|
+
'Guardar tarjeta para futuros pagos'
|
|
64
|
+
}
|
|
65
|
+
style={style?.saveCardOption}
|
|
66
|
+
checkedIcon={labels?.saveCardCheckedIcon}
|
|
63
67
|
/>
|
|
64
68
|
)}
|
|
65
69
|
</View>
|
|
@@ -1,25 +1,50 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';
|
|
3
|
+
import type { StylesCheckboxVariant } from '../../../types';
|
|
4
|
+
import { buildBaseStyleText } from '../../../shared/utils/styleUtils';
|
|
3
5
|
|
|
4
6
|
interface CheckBoxProps {
|
|
5
7
|
checked: boolean;
|
|
6
8
|
onValueChange: (value: boolean) => void;
|
|
7
9
|
label: string;
|
|
10
|
+
checkedIcon?: string;
|
|
11
|
+
style?: StylesCheckboxVariant;
|
|
8
12
|
}
|
|
9
13
|
|
|
10
14
|
export const CheckBox: React.FC<CheckBoxProps> = ({
|
|
11
15
|
checked,
|
|
12
16
|
onValueChange,
|
|
13
17
|
label,
|
|
18
|
+
style,
|
|
19
|
+
checkedIcon = '✓',
|
|
14
20
|
}) => (
|
|
15
21
|
<TouchableOpacity
|
|
16
|
-
style={styles.checkboxContainer}
|
|
22
|
+
style={{ ...styles.checkboxContainer, ...(style?.base || {}) }}
|
|
17
23
|
onPress={() => onValueChange(!checked)}
|
|
18
24
|
>
|
|
19
|
-
<View
|
|
20
|
-
|
|
25
|
+
<View
|
|
26
|
+
style={[
|
|
27
|
+
{ ...styles.checkbox, ...(style?.checkboxBase || {}) },
|
|
28
|
+
checked && {
|
|
29
|
+
...styles.checkboxChecked,
|
|
30
|
+
...(style?.checkboxCheckedBase || {}),
|
|
31
|
+
},
|
|
32
|
+
]}
|
|
33
|
+
>
|
|
34
|
+
{checked && (
|
|
35
|
+
<Text style={{ ...styles.checkmark, ...(style?.checkedIcon || {}) }}>
|
|
36
|
+
{checkedIcon}
|
|
37
|
+
</Text>
|
|
38
|
+
)}
|
|
21
39
|
</View>
|
|
22
|
-
<Text
|
|
40
|
+
<Text
|
|
41
|
+
style={{
|
|
42
|
+
...styles.checkboxLabel,
|
|
43
|
+
...buildBaseStyleText(style),
|
|
44
|
+
}}
|
|
45
|
+
>
|
|
46
|
+
{label}
|
|
47
|
+
</Text>
|
|
23
48
|
</TouchableOpacity>
|
|
24
49
|
);
|
|
25
50
|
const styles = StyleSheet.create({
|