@coinflowlabs/react 4.1.3 → 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 +138 -0
- package/build/cjs/card-form/CoinflowCardForm.js +177 -0
- package/build/cjs/card-form/CoinflowCardForm.js.map +1 -0
- package/build/cjs/card-form/TokenEx.d.ts +106 -0
- package/build/cjs/card-form/TokenEx.js +4 -0
- package/build/cjs/card-form/TokenEx.js.map +1 -0
- package/build/cjs/card-form/useCardFormIframe.d.ts +99 -0
- package/build/cjs/card-form/useCardFormIframe.js +191 -0
- package/build/cjs/card-form/useCardFormIframe.js.map +1 -0
- package/build/cjs/common/CoinflowTypes.d.ts +25 -1
- package/build/cjs/common/CoinflowTypes.js +8 -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/cjs/index.d.ts +1 -1
- package/build/cjs/index.js +1 -1
- package/build/cjs/index.js.map +1 -1
- package/build/esm/card-form/CoinflowCardForm.d.ts +138 -0
- package/build/esm/card-form/CoinflowCardForm.js +173 -0
- package/build/esm/card-form/CoinflowCardForm.js.map +1 -0
- package/build/esm/card-form/TokenEx.d.ts +106 -0
- package/build/esm/card-form/TokenEx.js +3 -0
- package/build/esm/card-form/TokenEx.js.map +1 -0
- package/build/esm/card-form/useCardFormIframe.d.ts +99 -0
- package/build/esm/card-form/useCardFormIframe.js +187 -0
- package/build/esm/card-form/useCardFormIframe.js.map +1 -0
- package/build/esm/common/CoinflowTypes.d.ts +25 -1
- package/build/esm/common/CoinflowTypes.js +7 -0
- 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/esm/index.d.ts +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/index.js.map +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/build/cjs/CoinflowCardForm.d.ts +0 -39
- package/build/cjs/CoinflowCardForm.js +0 -100
- package/build/cjs/CoinflowCardForm.js.map +0 -1
- package/build/esm/CoinflowCardForm.d.ts +0 -39
- package/build/esm/CoinflowCardForm.js +0 -97
- package/build/esm/CoinflowCardForm.js.map +0 -1
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.useCardFormIframe = exports.TokenExCvvContainerID = exports.TokenExCardNumberIframeId = void 0;
|
|
5
|
+
var tslib_1 = require("tslib");
|
|
6
|
+
var react_1 = require("react");
|
|
7
|
+
var common_1 = require("../common");
|
|
8
|
+
exports.TokenExCardNumberIframeId = 'tokenExCardNumber';
|
|
9
|
+
exports.TokenExCvvContainerID = 'tokenExCardCvv';
|
|
10
|
+
var CARD_TYPE_MAPPING = (_a = {},
|
|
11
|
+
_a[common_1.CardType.VISA] = 'visa',
|
|
12
|
+
_a[common_1.CardType.MASTERCARD] = 'masterCard',
|
|
13
|
+
_a[common_1.CardType.AMEX] = 'americanExpress',
|
|
14
|
+
_a[common_1.CardType.DISCOVER] = 'discover',
|
|
15
|
+
_a);
|
|
16
|
+
function useCardFormIframe(env) {
|
|
17
|
+
var _this = this;
|
|
18
|
+
var _a = (0, react_1.useState)(false), loaded = _a[0], setLoaded = _a[1];
|
|
19
|
+
var _b = (0, react_1.useState)(undefined), tokenExIframe = _b[0], setTokenExIframe = _b[1];
|
|
20
|
+
var _c = (0, react_1.useState)(undefined), cachedToken = _c[0], setCachedToken = _c[1];
|
|
21
|
+
var getIframeConfig = (0, react_1.useCallback)(function (_a) {
|
|
22
|
+
var token = _a.token;
|
|
23
|
+
return fetch(new common_1.CoinflowUtils(env).url + '/api/checkout/authentication-key', {
|
|
24
|
+
method: 'POST',
|
|
25
|
+
headers: {
|
|
26
|
+
'Content-Type': 'application/json',
|
|
27
|
+
},
|
|
28
|
+
body: JSON.stringify({
|
|
29
|
+
origins: [window.location.origin],
|
|
30
|
+
token: token,
|
|
31
|
+
}),
|
|
32
|
+
}).then(function (res) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
33
|
+
return tslib_1.__generator(this, function (_a) {
|
|
34
|
+
switch (_a.label) {
|
|
35
|
+
case 0: return [4 /*yield*/, res.json()];
|
|
36
|
+
case 1: return [2 /*return*/, (_a.sent())];
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
}); });
|
|
40
|
+
}, [env]);
|
|
41
|
+
var getStylesAndFont = (0, react_1.useCallback)(function (css) {
|
|
42
|
+
var _a, _b, _c;
|
|
43
|
+
var styles = {
|
|
44
|
+
base: CSSPropertiesToComponent(css.base),
|
|
45
|
+
focus: CSSPropertiesToComponent(css.focus),
|
|
46
|
+
error: CSSPropertiesToComponent(css.error),
|
|
47
|
+
cvv: {
|
|
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),
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
return { styles: styles };
|
|
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]);
|
|
70
|
+
var loadIframe = (0, react_1.useCallback)(function (iframe) {
|
|
71
|
+
var tokenize = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
72
|
+
return tslib_1.__generator(this, function (_a) {
|
|
73
|
+
switch (_a.label) {
|
|
74
|
+
case 0:
|
|
75
|
+
iframe.tokenize();
|
|
76
|
+
return [4 /*yield*/, new Promise(function (resolve, reject) {
|
|
77
|
+
iframe.on('tokenize', function (data) {
|
|
78
|
+
setCachedToken(data.token);
|
|
79
|
+
resolve(data);
|
|
80
|
+
});
|
|
81
|
+
iframe.on('validate', function (data) {
|
|
82
|
+
// noinspection PointlessBooleanExpressionJS
|
|
83
|
+
var isInvalid = !data.isValid || data.isCvvValid === false;
|
|
84
|
+
if (isInvalid)
|
|
85
|
+
reject(data);
|
|
86
|
+
});
|
|
87
|
+
})];
|
|
88
|
+
case 1: return [2 /*return*/, _a.sent()];
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
}); };
|
|
92
|
+
iframe.on('change', function () { return setCachedToken(undefined); });
|
|
93
|
+
iframe.on('cvvChange', function () { return setCachedToken(undefined); });
|
|
94
|
+
iframe.on('load', function () {
|
|
95
|
+
setTimeout(function () { return setLoaded(true); }, 350);
|
|
96
|
+
var el = document.querySelector('#tx_iframe_tokenExCardNumber');
|
|
97
|
+
if (el)
|
|
98
|
+
el.scrolling = 'no';
|
|
99
|
+
});
|
|
100
|
+
setLoaded(false);
|
|
101
|
+
iframe.load();
|
|
102
|
+
var overriden = tslib_1.__assign(tslib_1.__assign({}, iframe), { tokenize: tokenize });
|
|
103
|
+
setTokenExIframe(overriden);
|
|
104
|
+
return overriden;
|
|
105
|
+
}, []);
|
|
106
|
+
var initializeCvvOnlyTokenExIframe = (0, react_1.useCallback)(function (_a) { return tslib_1.__awaiter(_this, [_a], void 0, function (_b) {
|
|
107
|
+
var type, iframeConfig, styles, config, iframe;
|
|
108
|
+
var token = _b.token, cardType = _b.cardType, css = _b.css, debug = _b.debug, fontFamily = _b.fontFamily;
|
|
109
|
+
return tslib_1.__generator(this, function (_c) {
|
|
110
|
+
switch (_c.label) {
|
|
111
|
+
case 0:
|
|
112
|
+
type = CARD_TYPE_MAPPING[cardType];
|
|
113
|
+
return [4 /*yield*/, getIframeConfig({ token: token })];
|
|
114
|
+
case 1:
|
|
115
|
+
iframeConfig = _c.sent();
|
|
116
|
+
styles = getStylesAndFont(css).styles;
|
|
117
|
+
config = tslib_1.__assign(tslib_1.__assign({}, iframeConfig), { placeholder: 'CVV', enablePrettyFormat: true, styles: styles, token: token, cvvOnly: true, cvv: true, cvvContainerID: exports.TokenExCvvContainerID, cardType: type, debug: debug !== null && debug !== void 0 ? debug : false, font: fontFamily });
|
|
118
|
+
iframe = TokenEx.Iframe(exports.TokenExCvvContainerID, config);
|
|
119
|
+
return [2 /*return*/, loadIframe(iframe)];
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
}); }, [getIframeConfig, getStylesAndFont, loadIframe]);
|
|
123
|
+
var initializeTokenExIframe = (0, react_1.useCallback)(function (_a) { return tslib_1.__awaiter(_this, [_a], void 0, function (_b) {
|
|
124
|
+
var iframeConfig, styles, iframe;
|
|
125
|
+
var css = _b.css, fontFamily = _b.fontFamily, debug = _b.debug;
|
|
126
|
+
return tslib_1.__generator(this, function (_c) {
|
|
127
|
+
switch (_c.label) {
|
|
128
|
+
case 0: return [4 /*yield*/, getIframeConfig({})];
|
|
129
|
+
case 1:
|
|
130
|
+
iframeConfig = _c.sent();
|
|
131
|
+
styles = getStylesAndFont(css).styles;
|
|
132
|
+
iframe = TokenEx.Iframe(exports.TokenExCardNumberIframeId, tslib_1.__assign(tslib_1.__assign({}, iframeConfig), { placeholder: '0000 0000 0000 0000', cvvPlaceholder: 'CVV', enablePrettyFormat: true, cvv: true, cvvContainerID: exports.TokenExCvvContainerID, styles: styles, font: fontFamily, debug: debug !== null && debug !== void 0 ? debug : false }));
|
|
133
|
+
return [2 /*return*/, loadIframe(iframe)];
|
|
134
|
+
}
|
|
135
|
+
});
|
|
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]);
|
|
151
|
+
(0, react_1.useEffect)(function () {
|
|
152
|
+
if (!tokenExIframe)
|
|
153
|
+
return;
|
|
154
|
+
tokenExIframe.load();
|
|
155
|
+
return function () { return tokenExIframe.remove(); };
|
|
156
|
+
}, [tokenExIframe]);
|
|
157
|
+
return {
|
|
158
|
+
tokenExIframe: tokenExIframe,
|
|
159
|
+
initializeTokenExIframe: initializeTokenExIframe,
|
|
160
|
+
initializeCvvOnlyTokenExIframe: initializeCvvOnlyTokenExIframe,
|
|
161
|
+
initializeTokenExCardOnlyIframe: initializeTokenExCardOnlyIframe,
|
|
162
|
+
loaded: loaded,
|
|
163
|
+
cachedToken: cachedToken,
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
exports.useCardFormIframe = useCardFormIframe;
|
|
167
|
+
function CSSPropertiesToComponent(dict) {
|
|
168
|
+
if (!dict)
|
|
169
|
+
return '';
|
|
170
|
+
if (typeof dict === 'string')
|
|
171
|
+
return dict;
|
|
172
|
+
var str = '';
|
|
173
|
+
var _loop_1 = function (key, value) {
|
|
174
|
+
var clo = '';
|
|
175
|
+
key.split('').forEach(function (lt) {
|
|
176
|
+
if (lt.toUpperCase() === lt) {
|
|
177
|
+
clo += '-' + lt.toLowerCase();
|
|
178
|
+
}
|
|
179
|
+
else {
|
|
180
|
+
clo += lt;
|
|
181
|
+
}
|
|
182
|
+
});
|
|
183
|
+
str += clo + ':' + value + ';';
|
|
184
|
+
};
|
|
185
|
+
for (var _i = 0, _a = Object.entries(dict); _i < _a.length; _i++) {
|
|
186
|
+
var _b = _a[_i], key = _b[0], value = _b[1];
|
|
187
|
+
_loop_1(key, value);
|
|
188
|
+
}
|
|
189
|
+
return str;
|
|
190
|
+
}
|
|
191
|
+
//# sourceMappingURL=useCardFormIframe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;
|
|
@@ -287,4 +305,10 @@ export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId'>,
|
|
|
287
305
|
theme?: MerchantTheme;
|
|
288
306
|
usePermit?: boolean;
|
|
289
307
|
}
|
|
308
|
+
export declare enum CardType {
|
|
309
|
+
VISA = "VISA",
|
|
310
|
+
MASTERCARD = "MSTR",
|
|
311
|
+
AMEX = "AMEX",
|
|
312
|
+
DISCOVER = "DISC"
|
|
313
|
+
}
|
|
290
314
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MerchantStyle = exports.SettlementType = void 0;
|
|
3
|
+
exports.CardType = exports.MerchantStyle = exports.SettlementType = void 0;
|
|
4
4
|
var SettlementType;
|
|
5
5
|
(function (SettlementType) {
|
|
6
6
|
SettlementType["Credits"] = "Credits";
|
|
@@ -13,4 +13,11 @@ var MerchantStyle;
|
|
|
13
13
|
MerchantStyle["Sharp"] = "sharp";
|
|
14
14
|
MerchantStyle["Pill"] = "pill";
|
|
15
15
|
})(MerchantStyle || (exports.MerchantStyle = MerchantStyle = {}));
|
|
16
|
+
var CardType;
|
|
17
|
+
(function (CardType) {
|
|
18
|
+
CardType["VISA"] = "VISA";
|
|
19
|
+
CardType["MASTERCARD"] = "MSTR";
|
|
20
|
+
CardType["AMEX"] = "AMEX";
|
|
21
|
+
CardType["DISCOVER"] = "DISC";
|
|
22
|
+
})(CardType || (exports.CardType = CardType = {}));
|
|
16
23
|
//# sourceMappingURL=CoinflowTypes.js.map
|
|
@@ -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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"}
|
package/build/cjs/index.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ export * from './CoinflowIFrame';
|
|
|
5
5
|
export * from './CoinflowPurchaseHistory';
|
|
6
6
|
export * from './CoinflowWithdrawHistory';
|
|
7
7
|
export * from './CoinflowPurchaseProtection';
|
|
8
|
-
export * from './CoinflowCardForm';
|
|
8
|
+
export * from './card-form/CoinflowCardForm';
|
|
9
9
|
export * from './CoinflowApplePayButton';
|
|
10
10
|
export * from './CoinflowGooglePayButton';
|
package/build/cjs/index.js
CHANGED
|
@@ -8,7 +8,7 @@ tslib_1.__exportStar(require("./CoinflowIFrame"), exports);
|
|
|
8
8
|
tslib_1.__exportStar(require("./CoinflowPurchaseHistory"), exports);
|
|
9
9
|
tslib_1.__exportStar(require("./CoinflowWithdrawHistory"), exports);
|
|
10
10
|
tslib_1.__exportStar(require("./CoinflowPurchaseProtection"), exports);
|
|
11
|
-
tslib_1.__exportStar(require("./CoinflowCardForm"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./card-form/CoinflowCardForm"), exports);
|
|
12
12
|
tslib_1.__exportStar(require("./CoinflowApplePayButton"), exports);
|
|
13
13
|
tslib_1.__exportStar(require("./CoinflowGooglePayButton"), exports);
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
package/build/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,6DAAmC;AACnC,mDAAyB;AACzB,2DAAiC;AACjC,oEAA0C;AAC1C,oEAA0C;AAC1C,uEAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,6DAAmC;AACnC,mDAAyB;AACzB,2DAAiC;AACjC,oEAA0C;AAC1C,oEAA0C;AAC1C,uEAA6C;AAC7C,uEAA6C;AAC7C,mEAAyC;AACzC,oEAA0C"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardType, CoinflowEnvs } from '../common';
|
|
3
|
+
import { CardFormInputStyles } from './useCardFormIframe';
|
|
4
|
+
export type CoinflowCardTokenResponse = {
|
|
5
|
+
token: string;
|
|
6
|
+
};
|
|
7
|
+
export interface CoinflowCardNumberInputProps {
|
|
8
|
+
env: CoinflowEnvs;
|
|
9
|
+
css: CardFormInputStyles & {
|
|
10
|
+
cvv: CardFormInputStyles;
|
|
11
|
+
};
|
|
12
|
+
debug?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface CoinflowCvvOnlyInputProps {
|
|
15
|
+
token: string;
|
|
16
|
+
cardType: CardType;
|
|
17
|
+
env: CoinflowEnvs;
|
|
18
|
+
css: CardFormInputStyles & {
|
|
19
|
+
cvv: CardFormInputStyles;
|
|
20
|
+
};
|
|
21
|
+
debug?: boolean;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Allows merchants to collect card information from their customers in a PCI-compliant way and receive the tokenized card number.
|
|
25
|
+
*
|
|
26
|
+
* Usage:
|
|
27
|
+
* ```tsx
|
|
28
|
+
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
29
|
+
*
|
|
30
|
+
* <CoinflowCardNumberInput
|
|
31
|
+
* ref={ref}
|
|
32
|
+
* env={'sandbox'}
|
|
33
|
+
* debug={true}
|
|
34
|
+
* css={{
|
|
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;',
|
|
36
|
+
* focus:
|
|
37
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
38
|
+
* error:
|
|
39
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
40
|
+
* cvv: {
|
|
41
|
+
* 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;',
|
|
42
|
+
* focus:
|
|
43
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
44
|
+
* error:
|
|
45
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
46
|
+
* },
|
|
47
|
+
* }}
|
|
48
|
+
* />
|
|
49
|
+
* <CoinflowCvvInput />
|
|
50
|
+
*
|
|
51
|
+
* <button onClick={() => {
|
|
52
|
+
* ref.current?.getToken()
|
|
53
|
+
* .then(({token}) => console.log(token))
|
|
54
|
+
* .catch(e => console.error('GET TOKEN ERROR', e))
|
|
55
|
+
* }}>Get Token</button>
|
|
56
|
+
*
|
|
57
|
+
* ```
|
|
58
|
+
*/
|
|
59
|
+
export declare const CoinflowCardNumberInput: React.ForwardRefExoticComponent<CoinflowCardNumberInputProps & React.RefAttributes<unknown>>;
|
|
60
|
+
/**
|
|
61
|
+
* The CVV number input for creating a new tokenized card
|
|
62
|
+
*/
|
|
63
|
+
export declare function CoinflowCvvInput(): React.JSX.Element;
|
|
64
|
+
/**
|
|
65
|
+
* Allows merchants to collect the CVV for an already tokenized card in a PCI-compliant way and receive the token with the CVV linked.
|
|
66
|
+
*
|
|
67
|
+
* Usage:
|
|
68
|
+
* ```tsx
|
|
69
|
+
* const ref = useRef<{getToken(): Promise<{token: string}>}>();
|
|
70
|
+
*
|
|
71
|
+
* <CoinflowCvvOnlyInput
|
|
72
|
+
* ref={ref}
|
|
73
|
+
* cardType={'visa'}
|
|
74
|
+
* token={'411111YJM5TX1111'}
|
|
75
|
+
* env={'sandbox'}
|
|
76
|
+
* debug={true}
|
|
77
|
+
* css={{
|
|
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;',
|
|
79
|
+
* focus:
|
|
80
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
81
|
+
* error:
|
|
82
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
83
|
+
* cvv: {
|
|
84
|
+
* 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;',
|
|
85
|
+
* focus:
|
|
86
|
+
* 'box-shadow: 0 0 6px 0 rgba(0, 132, 255, 0.5);border: 1px solid rgba(0, 132, 255, 0.5);outline: 0;',
|
|
87
|
+
* error:
|
|
88
|
+
* 'box-shadow: 0 0 6px 0 rgba(224, 57, 57, 0.5);border: 1px solid rgba(224, 57, 57, 0.5);',
|
|
89
|
+
* },
|
|
90
|
+
* }}
|
|
91
|
+
* />
|
|
92
|
+
*
|
|
93
|
+
* <button onClick={() => {
|
|
94
|
+
* ref.current?.getToken()
|
|
95
|
+
* .then(({token}) => console.log(token))
|
|
96
|
+
* .catch(e => console.error('GET TOKEN ERROR', e))
|
|
97
|
+
* }}>Get Token</button>
|
|
98
|
+
*
|
|
99
|
+
* ```
|
|
100
|
+
*/
|
|
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>>;
|