@coinflowlabs/react 4.2.0 → 4.2.2
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/build/cjs/card-form/CoinflowCardForm.d.ts +40 -3
- package/build/cjs/card-form/CoinflowCardForm.js +58 -10
- package/build/cjs/card-form/CoinflowCardForm.js.map +1 -1
- package/build/cjs/card-form/useCardFormIframe.d.ts +22 -0
- package/build/cjs/card-form/useCardFormIframe.js +34 -3
- package/build/cjs/card-form/useCardFormIframe.js.map +1 -1
- package/build/cjs/common/CoinflowTypes.d.ts +19 -1
- package/build/cjs/common/CoinflowTypes.js.map +1 -1
- package/build/cjs/common/CoinflowUtils.d.ts +1 -1
- package/build/cjs/common/CoinflowUtils.js +3 -1
- package/build/cjs/common/CoinflowUtils.js.map +1 -1
- package/build/esm/card-form/CoinflowCardForm.d.ts +40 -3
- package/build/esm/card-form/CoinflowCardForm.js +57 -9
- package/build/esm/card-form/CoinflowCardForm.js.map +1 -1
- package/build/esm/card-form/useCardFormIframe.d.ts +22 -0
- package/build/esm/card-form/useCardFormIframe.js +34 -3
- package/build/esm/card-form/useCardFormIframe.js.map +1 -1
- package/build/esm/common/CoinflowTypes.d.ts +19 -1
- package/build/esm/common/CoinflowTypes.js.map +1 -1
- package/build/esm/common/CoinflowUtils.d.ts +1 -1
- package/build/esm/common/CoinflowUtils.js +3 -1
- package/build/esm/common/CoinflowUtils.js.map +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -28,8 +28,8 @@ export interface CoinflowCvvOnlyInputProps {
|
|
|
28
28
|
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
29
29
|
*
|
|
30
30
|
* <CoinflowCardNumberInput
|
|
31
|
-
* ref={
|
|
32
|
-
* env={'
|
|
31
|
+
* ref={ref}
|
|
32
|
+
* env={'sandbox'}
|
|
33
33
|
* debug={true}
|
|
34
34
|
* css={{
|
|
35
35
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -72,7 +72,7 @@ export declare function CoinflowCvvInput(): React.JSX.Element;
|
|
|
72
72
|
* ref={ref}
|
|
73
73
|
* cardType={'visa'}
|
|
74
74
|
* token={'411111YJM5TX1111'}
|
|
75
|
-
* env={
|
|
75
|
+
* env={'sandbox'}
|
|
76
76
|
* debug={true}
|
|
77
77
|
* css={{
|
|
78
78
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -99,3 +99,40 @@ export declare function CoinflowCvvInput(): React.JSX.Element;
|
|
|
99
99
|
* ```
|
|
100
100
|
*/
|
|
101
101
|
export declare const CoinflowCvvOnlyInput: React.ForwardRefExoticComponent<CoinflowCvvOnlyInputProps & React.RefAttributes<unknown>>;
|
|
102
|
+
/**
|
|
103
|
+
* Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
|
|
104
|
+
* The `CoinflowCardOnlyInput` is used for collecting a debit card for users to be able to withdraw their funds directly to.
|
|
105
|
+
*
|
|
106
|
+
* Usage:
|
|
107
|
+
* ```tsx
|
|
108
|
+
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
109
|
+
*
|
|
110
|
+
* <CoinflowCardOnlyInput
|
|
111
|
+
* ref={ref}
|
|
112
|
+
* env={'sandbox'}
|
|
113
|
+
* debug={true}
|
|
114
|
+
* css={{
|
|
115
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
116
|
+
* focus:
|
|
117
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
118
|
+
* error:
|
|
119
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
120
|
+
* cvv: {
|
|
121
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
122
|
+
* focus:
|
|
123
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
124
|
+
* error:
|
|
125
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
126
|
+
* },
|
|
127
|
+
* }}
|
|
128
|
+
* />
|
|
129
|
+
*
|
|
130
|
+
* <button onClick={() => {
|
|
131
|
+
* ref.current?.getToken()
|
|
132
|
+
* .then(({token}) => console.log(token))
|
|
133
|
+
* .catch(e => console.error('GET TOKEN ERROR', e))
|
|
134
|
+
* }}>Get Token</button>
|
|
135
|
+
*
|
|
136
|
+
* ```
|
|
137
|
+
*/
|
|
138
|
+
export declare const CoinflowCardOnlyInput: React.ForwardRefExoticComponent<CoinflowCvvOnlyInputProps & React.RefAttributes<unknown>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CoinflowCvvOnlyInput = exports.CoinflowCvvInput = exports.CoinflowCardNumberInput = void 0;
|
|
3
|
+
exports.CoinflowCardOnlyInput = exports.CoinflowCvvOnlyInput = exports.CoinflowCvvInput = exports.CoinflowCardNumberInput = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var useCardFormIframe_1 = require("./useCardFormIframe");
|
|
@@ -12,8 +12,8 @@ var useCardFormIframe_1 = require("./useCardFormIframe");
|
|
|
12
12
|
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
13
13
|
*
|
|
14
14
|
* <CoinflowCardNumberInput
|
|
15
|
-
* ref={
|
|
16
|
-
* env={'
|
|
15
|
+
* ref={ref}
|
|
16
|
+
* env={'sandbox'}
|
|
17
17
|
* debug={true}
|
|
18
18
|
* css={{
|
|
19
19
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -54,12 +54,6 @@ exports.CoinflowCardNumberInput = (0, react_1.forwardRef)(function (props, ref)
|
|
|
54
54
|
},
|
|
55
55
|
}); });
|
|
56
56
|
(0, react_1.useEffect)(function () {
|
|
57
|
-
var sdkScriptTag = document.createElement('script');
|
|
58
|
-
sdkScriptTag.src =
|
|
59
|
-
props.env === 'prod'
|
|
60
|
-
? 'https://htp.tokenex.com/iframe/iframe-v3.min.js'
|
|
61
|
-
: 'https://test-htp.tokenex.com/iframe/iframe-v3.min.js';
|
|
62
|
-
document.head.appendChild(sdkScriptTag);
|
|
63
57
|
initializeTokenExIframe(props);
|
|
64
58
|
}, [initializeTokenExIframe, props]);
|
|
65
59
|
return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCardNumberIframeId });
|
|
@@ -82,7 +76,7 @@ exports.CoinflowCvvInput = CoinflowCvvInput;
|
|
|
82
76
|
* ref={ref}
|
|
83
77
|
* cardType={'visa'}
|
|
84
78
|
* token={'411111YJM5TX1111'}
|
|
85
|
-
* env={
|
|
79
|
+
* env={'sandbox'}
|
|
86
80
|
* debug={true}
|
|
87
81
|
* css={{
|
|
88
82
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -126,4 +120,58 @@ exports.CoinflowCvvOnlyInput = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
126
120
|
}, [initializeCvvOnlyTokenExIframe, props]);
|
|
127
121
|
return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCvvContainerID });
|
|
128
122
|
});
|
|
123
|
+
/**
|
|
124
|
+
* Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
|
|
125
|
+
* The `CoinflowCardOnlyInput` is used for collecting a debit card for users to be able to withdraw their funds directly to.
|
|
126
|
+
*
|
|
127
|
+
* Usage:
|
|
128
|
+
* ```tsx
|
|
129
|
+
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
130
|
+
*
|
|
131
|
+
* <CoinflowCardOnlyInput
|
|
132
|
+
* ref={ref}
|
|
133
|
+
* env={'sandbox'}
|
|
134
|
+
* debug={true}
|
|
135
|
+
* css={{
|
|
136
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
137
|
+
* focus:
|
|
138
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
139
|
+
* error:
|
|
140
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
141
|
+
* cvv: {
|
|
142
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
143
|
+
* focus:
|
|
144
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
145
|
+
* error:
|
|
146
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
147
|
+
* },
|
|
148
|
+
* }}
|
|
149
|
+
* />
|
|
150
|
+
*
|
|
151
|
+
* <button onClick={() => {
|
|
152
|
+
* ref.current?.getToken()
|
|
153
|
+
* .then(({token}) => console.log(token))
|
|
154
|
+
* .catch(e => console.error('GET TOKEN ERROR', e))
|
|
155
|
+
* }}>Get Token</button>
|
|
156
|
+
*
|
|
157
|
+
* ```
|
|
158
|
+
*/
|
|
159
|
+
exports.CoinflowCardOnlyInput = (0, react_1.forwardRef)(function (props, ref) {
|
|
160
|
+
var _a = (0, useCardFormIframe_1.useCardFormIframe)(props.env), tokenExIframe = _a.tokenExIframe, initializeTokenExCardOnlyIframe = _a.initializeTokenExCardOnlyIframe;
|
|
161
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
162
|
+
getToken: function () {
|
|
163
|
+
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
164
|
+
return tslib_1.__generator(this, function (_a) {
|
|
165
|
+
if (!tokenExIframe)
|
|
166
|
+
throw new Error('Unable to get token');
|
|
167
|
+
return [2 /*return*/, tokenExIframe.tokenize()];
|
|
168
|
+
});
|
|
169
|
+
});
|
|
170
|
+
},
|
|
171
|
+
}); });
|
|
172
|
+
(0, react_1.useEffect)(function () {
|
|
173
|
+
initializeTokenExCardOnlyIframe(props);
|
|
174
|
+
}, [initializeTokenExCardOnlyIframe, props]);
|
|
175
|
+
return react_1.default.createElement("div", { id: useCardFormIframe_1.TokenExCardNumberIframeId });
|
|
176
|
+
});
|
|
129
177
|
//# sourceMappingURL=CoinflowCardForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardForm.tsx"],"names":[],"mappings":";;;;AAAA,qDAAwE;AAExE,yDAK6B;AAoB7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACU,QAAA,uBAAuB,GAAG,IAAA,kBAAU,EAC/C,UAAC,KAAmC,EAAE,GAAG;IACjC,IAAA,KAA2C,IAAA,qCAAiB,EAChE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,uBAAuB,6BAE5C,CAAC;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC;QACR,
|
|
1
|
+
{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardForm.tsx"],"names":[],"mappings":";;;;AAAA,qDAAwE;AAExE,yDAK6B;AAoB7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACU,QAAA,uBAAuB,GAAG,IAAA,kBAAU,EAC/C,UAAC,KAAmC,EAAE,GAAG;IACjC,IAAA,KAA2C,IAAA,qCAAiB,EAChE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,uBAAuB,6BAE5C,CAAC;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC;QACR,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,uCAAK,EAAE,EAAE,6CAAyB,GAAQ,CAAC;AACpD,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,SAAgB,gBAAgB;IAC9B,OAAO,uCAAK,EAAE,EAAE,yCAAqB,GAAQ,CAAC;AAChD,CAAC;AAFD,4CAEC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACU,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAC5C,UAAC,KAAgC,EAAE,GAAG;IAC9B,IAAA,KAAkD,IAAA,qCAAiB,EACvE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,8BAA8B,oCAEnD,CAAC;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC;QACR,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,uCAAK,EAAE,EAAE,yCAAqB,GAAQ,CAAC;AAChD,CAAC,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACU,QAAA,qBAAqB,GAAG,IAAA,kBAAU,EAC7C,UAAC,KAAgC,EAAE,GAAG;IAC9B,IAAA,KAAmD,IAAA,qCAAiB,EACxE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,+BAA+B,qCAEpD,CAAC;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC;QACR,+BAA+B,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7C,OAAO,uCAAK,EAAE,EAAE,6CAAyB,GAAQ,CAAC;AACpD,CAAC,CACF,CAAC"}
|
|
@@ -72,6 +72,28 @@ export declare function useCardFormIframe(env: CoinflowEnvs): {
|
|
|
72
72
|
validateConfig(): void;
|
|
73
73
|
setFraudServicesRequestDetails(data: string): void;
|
|
74
74
|
}>;
|
|
75
|
+
initializeTokenExCardOnlyIframe: ({ css, fontFamily, debug, }: {
|
|
76
|
+
css: CardFormInputStyles;
|
|
77
|
+
fontFamily?: string;
|
|
78
|
+
debug?: boolean;
|
|
79
|
+
}) => Promise<{
|
|
80
|
+
tokenize: () => Promise<TokenizationResponse>;
|
|
81
|
+
load(): void;
|
|
82
|
+
on: (event: string, callback: (data?: any) => void) => void;
|
|
83
|
+
validate(): void;
|
|
84
|
+
reset(): void;
|
|
85
|
+
blur(): void;
|
|
86
|
+
cvvBlur(): void;
|
|
87
|
+
focus(): void;
|
|
88
|
+
cvvFocus(): void;
|
|
89
|
+
remove(): void;
|
|
90
|
+
toggleMask(): void;
|
|
91
|
+
toggleCvvMask(): void;
|
|
92
|
+
setPAN(pan: string): void;
|
|
93
|
+
binLookup(): void;
|
|
94
|
+
validateConfig(): void;
|
|
95
|
+
setFraudServicesRequestDetails(data: string): void;
|
|
96
|
+
}>;
|
|
75
97
|
loaded: boolean;
|
|
76
98
|
cachedToken: string | undefined;
|
|
77
99
|
};
|
|
@@ -39,18 +39,34 @@ function useCardFormIframe(env) {
|
|
|
39
39
|
}); });
|
|
40
40
|
}, [env]);
|
|
41
41
|
var getStylesAndFont = (0, react_1.useCallback)(function (css) {
|
|
42
|
+
var _a, _b, _c;
|
|
42
43
|
var styles = {
|
|
43
44
|
base: CSSPropertiesToComponent(css.base),
|
|
44
45
|
focus: CSSPropertiesToComponent(css.focus),
|
|
45
46
|
error: CSSPropertiesToComponent(css.error),
|
|
46
47
|
cvv: {
|
|
47
|
-
base: CSSPropertiesToComponent(css.cvv.base),
|
|
48
|
-
focus: CSSPropertiesToComponent(css.cvv.focus),
|
|
49
|
-
error: CSSPropertiesToComponent(css.cvv.error),
|
|
48
|
+
base: CSSPropertiesToComponent((_a = css.cvv) === null || _a === void 0 ? void 0 : _a.base),
|
|
49
|
+
focus: CSSPropertiesToComponent((_b = css.cvv) === null || _b === void 0 ? void 0 : _b.focus),
|
|
50
|
+
error: CSSPropertiesToComponent((_c = css.cvv) === null || _c === void 0 ? void 0 : _c.error),
|
|
50
51
|
},
|
|
51
52
|
};
|
|
52
53
|
return { styles: styles };
|
|
53
54
|
}, []);
|
|
55
|
+
var setTokenExScriptTag = (0, react_1.useCallback)(function () {
|
|
56
|
+
var scriptTagId = 'tokenex-script';
|
|
57
|
+
if (document.head.querySelector("#".concat(scriptTagId)))
|
|
58
|
+
return;
|
|
59
|
+
var sdkScriptTag = document.createElement('script');
|
|
60
|
+
sdkScriptTag.src =
|
|
61
|
+
env === 'prod'
|
|
62
|
+
? 'https://htp.tokenex.com/iframe/iframe-v3.min.js'
|
|
63
|
+
: 'https://test-htp.tokenex.com/iframe/iframe-v3.min.js';
|
|
64
|
+
sdkScriptTag.id = scriptTagId;
|
|
65
|
+
document.head.appendChild(sdkScriptTag);
|
|
66
|
+
}, [env]);
|
|
67
|
+
(0, react_1.useEffect)(function () {
|
|
68
|
+
setTokenExScriptTag();
|
|
69
|
+
}, [setTokenExScriptTag]);
|
|
54
70
|
var loadIframe = (0, react_1.useCallback)(function (iframe) {
|
|
55
71
|
var tokenize = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
56
72
|
return tslib_1.__generator(this, function (_a) {
|
|
@@ -118,6 +134,20 @@ function useCardFormIframe(env) {
|
|
|
118
134
|
}
|
|
119
135
|
});
|
|
120
136
|
}); }, [getIframeConfig, getStylesAndFont, loadIframe]);
|
|
137
|
+
var initializeTokenExCardOnlyIframe = (0, react_1.useCallback)(function (_a) { return tslib_1.__awaiter(_this, [_a], void 0, function (_b) {
|
|
138
|
+
var iframeConfig, styles, iframe;
|
|
139
|
+
var css = _b.css, fontFamily = _b.fontFamily, debug = _b.debug;
|
|
140
|
+
return tslib_1.__generator(this, function (_c) {
|
|
141
|
+
switch (_c.label) {
|
|
142
|
+
case 0: return [4 /*yield*/, getIframeConfig({})];
|
|
143
|
+
case 1:
|
|
144
|
+
iframeConfig = _c.sent();
|
|
145
|
+
styles = getStylesAndFont(css).styles;
|
|
146
|
+
iframe = TokenEx.Iframe(exports.TokenExCardNumberIframeId, tslib_1.__assign(tslib_1.__assign({}, iframeConfig), { placeholder: '0000 0000 0000 0000', enablePrettyFormat: true, cvv: false, styles: styles, font: fontFamily, debug: debug !== null && debug !== void 0 ? debug : false }));
|
|
147
|
+
return [2 /*return*/, loadIframe(iframe)];
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
}); }, [getIframeConfig, getStylesAndFont, loadIframe]);
|
|
121
151
|
(0, react_1.useEffect)(function () {
|
|
122
152
|
if (!tokenExIframe)
|
|
123
153
|
return;
|
|
@@ -128,6 +158,7 @@ function useCardFormIframe(env) {
|
|
|
128
158
|
tokenExIframe: tokenExIframe,
|
|
129
159
|
initializeTokenExIframe: initializeTokenExIframe,
|
|
130
160
|
initializeCvvOnlyTokenExIframe: initializeCvvOnlyTokenExIframe,
|
|
161
|
+
initializeTokenExCardOnlyIframe: initializeTokenExCardOnlyIframe,
|
|
131
162
|
loaded: loaded,
|
|
132
163
|
cachedToken: cachedToken,
|
|
133
164
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCardFormIframe.js","sourceRoot":"","sources":["../../../src/card-form/useCardFormIframe.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAsE;AACtE,oCAAgE;AAGnD,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAChD,QAAA,qBAAqB,GAAG,gBAAgB,CAAC;AAqBtD,IAAM,iBAAiB;IACrB,GAAC,iBAAQ,CAAC,IAAI,IAAG,MAAM;IACvB,GAAC,iBAAQ,CAAC,UAAU,IAAG,YAAY;IACnC,GAAC,iBAAQ,CAAC,IAAI,IAAG,iBAAiB;IAClC,GAAC,iBAAQ,CAAC,QAAQ,IAAG,UAAU;OAChC,CAAC;AAEF,SAAgB,iBAAiB,CAAC,GAAiB;IAAnD,
|
|
1
|
+
{"version":3,"file":"useCardFormIframe.js","sourceRoot":"","sources":["../../../src/card-form/useCardFormIframe.tsx"],"names":[],"mappings":"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"}
|
|
@@ -162,6 +162,15 @@ export interface CoinflowCommonPurchaseProps extends CoinflowTypes {
|
|
|
162
162
|
authOnly?: boolean;
|
|
163
163
|
deviceId?: string;
|
|
164
164
|
jwtToken?: string;
|
|
165
|
+
/**
|
|
166
|
+
* If rendering the Coinflow component within multiple nested iframes, all ancestors in the chain must be provided as a comma-separated list.
|
|
167
|
+
*
|
|
168
|
+
* Example:
|
|
169
|
+
* Primary origin that will be interacting with the Coinflow iFrame: foo.com
|
|
170
|
+
* Subsequent origins that will render foo.com: bar.com
|
|
171
|
+
* The origin array would then be: [https://foo.com,https://bar.com]
|
|
172
|
+
*/
|
|
173
|
+
origins?: string[];
|
|
165
174
|
}
|
|
166
175
|
export interface CoinflowSolanaPurchaseProps extends CoinflowCommonPurchaseProps {
|
|
167
176
|
wallet: SolanaWallet;
|
|
@@ -215,6 +224,15 @@ export interface CoinflowCommonWithdrawProps extends CoinflowTypes {
|
|
|
215
224
|
supportsVersionedTransactions?: boolean;
|
|
216
225
|
lockAmount?: boolean;
|
|
217
226
|
transactionSigner?: string;
|
|
227
|
+
/**
|
|
228
|
+
* If rendering the Coinflow component within multiple nested iframes, all ancestors in the chain must be provided as a comma-separated list.
|
|
229
|
+
*
|
|
230
|
+
* Example:
|
|
231
|
+
* Primary origin that will be interacting with the Coinflow iFrame: foo.com
|
|
232
|
+
* Subsequent origins that will render foo.com: bar.com
|
|
233
|
+
* The origin array would then be: [https://foo.com,https://bar.com]
|
|
234
|
+
*/
|
|
235
|
+
origins?: string[];
|
|
218
236
|
}
|
|
219
237
|
export interface CoinflowSolanaWithdrawProps extends CoinflowCommonWithdrawProps {
|
|
220
238
|
wallet: SolanaWallet;
|
|
@@ -272,7 +290,7 @@ export interface ReservoirRedeem extends CommonEvmRedeem {
|
|
|
272
290
|
items: ReservoirItems;
|
|
273
291
|
}
|
|
274
292
|
export type EvmTransactionData = SafeMintRedeem | ReturnedTokenIdRedeem | ReservoirRedeem | KnownTokenIdRedeem | NormalRedeem;
|
|
275
|
-
export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'webhookInfo' | 'amount' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'token'> {
|
|
293
|
+
export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'webhookInfo' | 'amount' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken' | 'origins'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken' | 'origins'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'token'> {
|
|
276
294
|
walletPubkey: string | null | undefined;
|
|
277
295
|
route: string;
|
|
278
296
|
routePrefix?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowTypes.js","sourceRoot":"","sources":["../../../src/common/CoinflowTypes.ts"],"names":[],"mappings":";;;AAQA,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;IACb,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB;AAED,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;IACf,8BAAa,CAAA;AACf,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB;
|
|
1
|
+
{"version":3,"file":"CoinflowTypes.js","sourceRoot":"","sources":["../../../src/common/CoinflowTypes.ts"],"names":[],"mappings":";;;AAQA,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;IACb,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB;AAED,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;IACf,8BAAa,CAAA;AACf,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB;AA+ZD,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,+BAAmB,CAAA;IACnB,yBAAa,CAAA;IACb,6BAAiB,CAAA;AACnB,CAAC,EALW,QAAQ,wBAAR,QAAQ,QAKnB"}
|
|
@@ -9,7 +9,7 @@ export declare class CoinflowUtils {
|
|
|
9
9
|
}>;
|
|
10
10
|
static getCoinflowBaseUrl(env?: CoinflowEnvs): string;
|
|
11
11
|
static getCoinflowApiUrl(env?: CoinflowEnvs): string;
|
|
12
|
-
static getCoinflowUrl({ walletPubkey, route, routePrefix, env, amount, transaction, blockchain, supportsVersionedTransactions, webhookInfo, email, loaderBackground, handleHeightChange, bankAccountLinkRedirect, additionalWallets, nearDeposit, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, token, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, }: CoinflowIFrameProps): string;
|
|
12
|
+
static getCoinflowUrl({ walletPubkey, route, routePrefix, env, amount, transaction, blockchain, supportsVersionedTransactions, webhookInfo, email, loaderBackground, handleHeightChange, bankAccountLinkRedirect, additionalWallets, nearDeposit, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, token, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, }: CoinflowIFrameProps): string;
|
|
13
13
|
static getTransaction(props: CoinflowPurchaseProps): string | undefined;
|
|
14
14
|
static byBlockchain<T>(blockchain: CoinflowBlockchain, args: {
|
|
15
15
|
solana: T;
|
|
@@ -65,7 +65,7 @@ var CoinflowUtils = /** @class */ (function () {
|
|
|
65
65
|
};
|
|
66
66
|
CoinflowUtils.getCoinflowUrl = function (_a) {
|
|
67
67
|
var _b;
|
|
68
|
-
var walletPubkey = _a.walletPubkey, route = _a.route, routePrefix = _a.routePrefix, env = _a.env, amount = _a.amount, transaction = _a.transaction, blockchain = _a.blockchain, supportsVersionedTransactions = _a.supportsVersionedTransactions, webhookInfo = _a.webhookInfo, email = _a.email, loaderBackground = _a.loaderBackground, handleHeightChange = _a.handleHeightChange, bankAccountLinkRedirect = _a.bankAccountLinkRedirect, additionalWallets = _a.additionalWallets, nearDeposit = _a.nearDeposit, chargebackProtectionData = _a.chargebackProtectionData, merchantCss = _a.merchantCss, color = _a.color, rent = _a.rent, lockDefaultToken = _a.lockDefaultToken, token = _a.token, tokens = _a.tokens, planCode = _a.planCode, disableApplePay = _a.disableApplePay, disableGooglePay = _a.disableGooglePay, customerInfo = _a.customerInfo, settlementType = _a.settlementType, lockAmount = _a.lockAmount, nativeSolToConvert = _a.nativeSolToConvert, theme = _a.theme, usePermit = _a.usePermit, transactionSigner = _a.transactionSigner, authOnly = _a.authOnly, deviceId = _a.deviceId, jwtToken = _a.jwtToken;
|
|
68
|
+
var walletPubkey = _a.walletPubkey, route = _a.route, routePrefix = _a.routePrefix, env = _a.env, amount = _a.amount, transaction = _a.transaction, blockchain = _a.blockchain, supportsVersionedTransactions = _a.supportsVersionedTransactions, webhookInfo = _a.webhookInfo, email = _a.email, loaderBackground = _a.loaderBackground, handleHeightChange = _a.handleHeightChange, bankAccountLinkRedirect = _a.bankAccountLinkRedirect, additionalWallets = _a.additionalWallets, nearDeposit = _a.nearDeposit, chargebackProtectionData = _a.chargebackProtectionData, merchantCss = _a.merchantCss, color = _a.color, rent = _a.rent, lockDefaultToken = _a.lockDefaultToken, token = _a.token, tokens = _a.tokens, planCode = _a.planCode, disableApplePay = _a.disableApplePay, disableGooglePay = _a.disableGooglePay, customerInfo = _a.customerInfo, settlementType = _a.settlementType, lockAmount = _a.lockAmount, nativeSolToConvert = _a.nativeSolToConvert, theme = _a.theme, usePermit = _a.usePermit, transactionSigner = _a.transactionSigner, authOnly = _a.authOnly, deviceId = _a.deviceId, jwtToken = _a.jwtToken, origins = _a.origins;
|
|
69
69
|
var prefix = routePrefix
|
|
70
70
|
? "/".concat(routePrefix, "/").concat(blockchain)
|
|
71
71
|
: "/".concat(blockchain);
|
|
@@ -153,6 +153,8 @@ var CoinflowUtils = /** @class */ (function () {
|
|
|
153
153
|
url.searchParams.append('authOnly', 'true');
|
|
154
154
|
if (jwtToken)
|
|
155
155
|
url.searchParams.append('jwtToken', jwtToken);
|
|
156
|
+
if (origins)
|
|
157
|
+
url.searchParams.append('origins', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(origins)));
|
|
156
158
|
return url.toString();
|
|
157
159
|
};
|
|
158
160
|
CoinflowUtils.getTransaction = function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowUtils.js","sourceRoot":"","sources":["../../../src/common/CoinflowUtils.ts"],"names":[],"mappings":";;;;AAMA,mDAA8C;AAC9C,gEAAiC;AAEjC;IAIE,uBAAY,GAAkB;QAC5B,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,MAAM,CAAC;QACzB,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM;YAAE,IAAI,CAAC,GAAG,GAAG,2BAA2B,CAAC;aAC3D,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO;YAAE,IAAI,CAAC,GAAG,GAAG,uBAAuB,CAAC;;YAC7D,IAAI,CAAC,GAAG,GAAG,sBAAe,IAAI,CAAC,GAAG,mBAAgB,CAAC;IAC1D,CAAC;IAEK,yCAAiB,GAAvB,UAAwB,UAAkB;;;gBACxC,sBAAO,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,yBAAkB,UAAU,CAAE,CAAC;yBACpD,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;yBACjC,IAAI,CACH,UAAC,IAGA,YAAK,OAAA,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,cAAc,KAAI,IAAI,CAAC,cAAc,CAAA,EAAA,CAChE;yBACA,KAAK,CAAC,UAAA,CAAC;wBACN,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;wBACjB,OAAO,SAAS,CAAC;oBACnB,CAAC,CAAC,EAAC;;;KACN;IAEK,wCAAgB,GAAtB,UACE,SAAiB,EACjB,UAAkB,EAClB,UAA6B;;;;;4BAEZ,qBAAM,KAAK,CAC1B,IAAI,CAAC,GAAG,GAAG,iCAA0B,UAAU,CAAE,EACjD;4BACE,MAAM,EAAE,KAAK;4BACb,OAAO,EAAE;gCACP,wBAAwB,EAAE,SAAS;gCACnC,4BAA4B,EAAE,UAAU;6BACzC;yBACF,CACF,EAAA;;wBATK,QAAQ,GAAG,SAShB;wBACiB,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;wBAAhC,OAAO,GAAI,CAAA,SAAqB,CAAA,QAAzB;wBACd,sBAAO,OAAO,EAAC;;;;KAChB;IAEM,gCAAkB,GAAzB,UAA0B,GAAkB;QAC1C,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,MAAM;YAAE,OAAO,uBAAuB,CAAC;QAC3D,IAAI,GAAG,KAAK,OAAO;YAAE,OAAO,uBAAuB,CAAC;QAEpD,OAAO,kBAAW,GAAG,mBAAgB,CAAC;IACxC,CAAC;IAEM,+BAAiB,GAAxB,UAAyB,GAAkB;QACzC,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,MAAM;YAAE,OAAO,2BAA2B,CAAC;QAC/D,IAAI,GAAG,KAAK,OAAO;YAAE,OAAO,uBAAuB,CAAC;QAEpD,OAAO,sBAAe,GAAG,mBAAgB,CAAC;IAC5C,CAAC;IAEM,4BAAc,GAArB,UAAsB,
|
|
1
|
+
{"version":3,"file":"CoinflowUtils.js","sourceRoot":"","sources":["../../../src/common/CoinflowUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,8 +28,8 @@ export interface CoinflowCvvOnlyInputProps {
|
|
|
28
28
|
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
29
29
|
*
|
|
30
30
|
* <CoinflowCardNumberInput
|
|
31
|
-
* ref={
|
|
32
|
-
* env={'
|
|
31
|
+
* ref={ref}
|
|
32
|
+
* env={'sandbox'}
|
|
33
33
|
* debug={true}
|
|
34
34
|
* css={{
|
|
35
35
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -72,7 +72,7 @@ export declare function CoinflowCvvInput(): React.JSX.Element;
|
|
|
72
72
|
* ref={ref}
|
|
73
73
|
* cardType={'visa'}
|
|
74
74
|
* token={'411111YJM5TX1111'}
|
|
75
|
-
* env={
|
|
75
|
+
* env={'sandbox'}
|
|
76
76
|
* debug={true}
|
|
77
77
|
* css={{
|
|
78
78
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -99,3 +99,40 @@ export declare function CoinflowCvvInput(): React.JSX.Element;
|
|
|
99
99
|
* ```
|
|
100
100
|
*/
|
|
101
101
|
export declare const CoinflowCvvOnlyInput: React.ForwardRefExoticComponent<CoinflowCvvOnlyInputProps & React.RefAttributes<unknown>>;
|
|
102
|
+
/**
|
|
103
|
+
* Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
|
|
104
|
+
* The `CoinflowCardOnlyInput` is used for collecting a debit card for users to be able to withdraw their funds directly to.
|
|
105
|
+
*
|
|
106
|
+
* Usage:
|
|
107
|
+
* ```tsx
|
|
108
|
+
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
109
|
+
*
|
|
110
|
+
* <CoinflowCardOnlyInput
|
|
111
|
+
* ref={ref}
|
|
112
|
+
* env={'sandbox'}
|
|
113
|
+
* debug={true}
|
|
114
|
+
* css={{
|
|
115
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
116
|
+
* focus:
|
|
117
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
118
|
+
* error:
|
|
119
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
120
|
+
* cvv: {
|
|
121
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
122
|
+
* focus:
|
|
123
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
124
|
+
* error:
|
|
125
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
126
|
+
* },
|
|
127
|
+
* }}
|
|
128
|
+
* />
|
|
129
|
+
*
|
|
130
|
+
* <button onClick={() => {
|
|
131
|
+
* ref.current?.getToken()
|
|
132
|
+
* .then(({token}) => console.log(token))
|
|
133
|
+
* .catch(e => console.error('GET TOKEN ERROR', e))
|
|
134
|
+
* }}>Get Token</button>
|
|
135
|
+
*
|
|
136
|
+
* ```
|
|
137
|
+
*/
|
|
138
|
+
export declare const CoinflowCardOnlyInput: React.ForwardRefExoticComponent<CoinflowCvvOnlyInputProps & React.RefAttributes<unknown>>;
|
|
@@ -9,8 +9,8 @@ import { TokenExCardNumberIframeId, TokenExCvvContainerID, useCardFormIframe, }
|
|
|
9
9
|
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
10
10
|
*
|
|
11
11
|
* <CoinflowCardNumberInput
|
|
12
|
-
* ref={
|
|
13
|
-
* env={'
|
|
12
|
+
* ref={ref}
|
|
13
|
+
* env={'sandbox'}
|
|
14
14
|
* debug={true}
|
|
15
15
|
* css={{
|
|
16
16
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -51,12 +51,6 @@ export var CoinflowCardNumberInput = forwardRef(function (props, ref) {
|
|
|
51
51
|
},
|
|
52
52
|
}); });
|
|
53
53
|
useEffect(function () {
|
|
54
|
-
var sdkScriptTag = document.createElement('script');
|
|
55
|
-
sdkScriptTag.src =
|
|
56
|
-
props.env === 'prod'
|
|
57
|
-
? 'https://htp.tokenex.com/iframe/iframe-v3.min.js'
|
|
58
|
-
: 'https://test-htp.tokenex.com/iframe/iframe-v3.min.js';
|
|
59
|
-
document.head.appendChild(sdkScriptTag);
|
|
60
54
|
initializeTokenExIframe(props);
|
|
61
55
|
}, [initializeTokenExIframe, props]);
|
|
62
56
|
return React.createElement("div", { id: TokenExCardNumberIframeId });
|
|
@@ -78,7 +72,7 @@ export function CoinflowCvvInput() {
|
|
|
78
72
|
* ref={ref}
|
|
79
73
|
* cardType={'visa'}
|
|
80
74
|
* token={'411111YJM5TX1111'}
|
|
81
|
-
* env={
|
|
75
|
+
* env={'sandbox'}
|
|
82
76
|
* debug={true}
|
|
83
77
|
* css={{
|
|
84
78
|
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
@@ -122,4 +116,58 @@ export var CoinflowCvvOnlyInput = forwardRef(function (props, ref) {
|
|
|
122
116
|
}, [initializeCvvOnlyTokenExIframe, props]);
|
|
123
117
|
return React.createElement("div", { id: TokenExCvvContainerID });
|
|
124
118
|
});
|
|
119
|
+
/**
|
|
120
|
+
* Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
|
|
121
|
+
* The `CoinflowCardOnlyInput` is used for collecting a debit card for users to be able to withdraw their funds directly to.
|
|
122
|
+
*
|
|
123
|
+
* Usage:
|
|
124
|
+
* ```tsx
|
|
125
|
+
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
126
|
+
*
|
|
127
|
+
* <CoinflowCardOnlyInput
|
|
128
|
+
* ref={ref}
|
|
129
|
+
* env={'sandbox'}
|
|
130
|
+
* debug={true}
|
|
131
|
+
* css={{
|
|
132
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
133
|
+
* focus:
|
|
134
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
135
|
+
* error:
|
|
136
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
137
|
+
* cvv: {
|
|
138
|
+
* base: 'font-family: Arial, sans-serif;padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.2);margin: 0;width: 100%;font-size: 13px;line-height: 30px;height: 32px;box-sizing: border-box;-moz-box-sizing: border-box;',
|
|
139
|
+
* focus:
|
|
140
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
141
|
+
* error:
|
|
142
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
143
|
+
* },
|
|
144
|
+
* }}
|
|
145
|
+
* />
|
|
146
|
+
*
|
|
147
|
+
* <button onClick={() => {
|
|
148
|
+
* ref.current?.getToken()
|
|
149
|
+
* .then(({token}) => console.log(token))
|
|
150
|
+
* .catch(e => console.error('GET TOKEN ERROR', e))
|
|
151
|
+
* }}>Get Token</button>
|
|
152
|
+
*
|
|
153
|
+
* ```
|
|
154
|
+
*/
|
|
155
|
+
export var CoinflowCardOnlyInput = forwardRef(function (props, ref) {
|
|
156
|
+
var _a = useCardFormIframe(props.env), tokenExIframe = _a.tokenExIframe, initializeTokenExCardOnlyIframe = _a.initializeTokenExCardOnlyIframe;
|
|
157
|
+
useImperativeHandle(ref, function () { return ({
|
|
158
|
+
getToken: function () {
|
|
159
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
160
|
+
return __generator(this, function (_a) {
|
|
161
|
+
if (!tokenExIframe)
|
|
162
|
+
throw new Error('Unable to get token');
|
|
163
|
+
return [2 /*return*/, tokenExIframe.tokenize()];
|
|
164
|
+
});
|
|
165
|
+
});
|
|
166
|
+
},
|
|
167
|
+
}); });
|
|
168
|
+
useEffect(function () {
|
|
169
|
+
initializeTokenExCardOnlyIframe(props);
|
|
170
|
+
}, [initializeTokenExCardOnlyIframe, props]);
|
|
171
|
+
return React.createElement("div", { id: TokenExCardNumberIframeId });
|
|
172
|
+
});
|
|
125
173
|
//# sourceMappingURL=CoinflowCardForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAC,MAAM,OAAO,CAAC;AAExE,OAAO,EAEL,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAoB7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAU,CAC/C,UAAC,KAAmC,EAAE,GAAG;IACjC,IAAA,KAA2C,iBAAiB,CAChE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,uBAAuB,6BAE5C,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,SAAS,CAAC;QACR,
|
|
1
|
+
{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardForm.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAC,MAAM,OAAO,CAAC;AAExE,OAAO,EAEL,yBAAyB,EACzB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAoB7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAU,CAC/C,UAAC,KAAmC,EAAE,GAAG;IACjC,IAAA,KAA2C,iBAAiB,CAChE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,uBAAuB,6BAE5C,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,SAAS,CAAC;QACR,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,6BAAK,EAAE,EAAE,yBAAyB,GAAQ,CAAC;AACpD,CAAC,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,6BAAK,EAAE,EAAE,qBAAqB,GAAQ,CAAC;AAChD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAU,CAC5C,UAAC,KAAgC,EAAE,GAAG;IAC9B,IAAA,KAAkD,iBAAiB,CACvE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,8BAA8B,oCAEnD,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,SAAS,CAAC;QACR,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,6BAAK,EAAE,EAAE,qBAAqB,GAAQ,CAAC;AAChD,CAAC,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAU,CAC7C,UAAC,KAAgC,EAAE,GAAG;IAC9B,IAAA,KAAmD,iBAAiB,CACxE,KAAK,CAAC,GAAG,CACV,EAFM,aAAa,mBAAA,EAAE,+BAA+B,qCAEpD,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QACxB,QAAQ;;;oBACZ,IAAI,CAAC,aAAa;wBAAE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;oBAC3D,sBAAO,aAAa,CAAC,QAAQ,EAAE,EAAC;;;SACjC;KACF,CAAC,EAL6B,CAK7B,CAAC,CAAC;IAEJ,SAAS,CAAC;QACR,+BAA+B,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7C,OAAO,6BAAK,EAAE,EAAE,yBAAyB,GAAQ,CAAC;AACpD,CAAC,CACF,CAAC"}
|
|
@@ -72,6 +72,28 @@ export declare function useCardFormIframe(env: CoinflowEnvs): {
|
|
|
72
72
|
validateConfig(): void;
|
|
73
73
|
setFraudServicesRequestDetails(data: string): void;
|
|
74
74
|
}>;
|
|
75
|
+
initializeTokenExCardOnlyIframe: ({ css, fontFamily, debug, }: {
|
|
76
|
+
css: CardFormInputStyles;
|
|
77
|
+
fontFamily?: string;
|
|
78
|
+
debug?: boolean;
|
|
79
|
+
}) => Promise<{
|
|
80
|
+
tokenize: () => Promise<TokenizationResponse>;
|
|
81
|
+
load(): void;
|
|
82
|
+
on: (event: string, callback: (data?: any) => void) => void;
|
|
83
|
+
validate(): void;
|
|
84
|
+
reset(): void;
|
|
85
|
+
blur(): void;
|
|
86
|
+
cvvBlur(): void;
|
|
87
|
+
focus(): void;
|
|
88
|
+
cvvFocus(): void;
|
|
89
|
+
remove(): void;
|
|
90
|
+
toggleMask(): void;
|
|
91
|
+
toggleCvvMask(): void;
|
|
92
|
+
setPAN(pan: string): void;
|
|
93
|
+
binLookup(): void;
|
|
94
|
+
validateConfig(): void;
|
|
95
|
+
setFraudServicesRequestDetails(data: string): void;
|
|
96
|
+
}>;
|
|
75
97
|
loaded: boolean;
|
|
76
98
|
cachedToken: string | undefined;
|
|
77
99
|
};
|