@coinflowlabs/react 5.9.1 → 5.10.0
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 +8 -0
- package/build/cjs/CoinflowApplePayButton.d.ts +1 -1
- package/build/cjs/CoinflowApplePayButton.js +5 -6
- package/build/cjs/CoinflowApplePayButton.js.map +1 -1
- package/build/cjs/CoinflowGooglePayButton.js +4 -5
- package/build/cjs/CoinflowGooglePayButton.js.map +1 -1
- package/build/cjs/CoinflowIFrame.js +42 -53
- package/build/cjs/CoinflowIFrame.js.map +1 -1
- package/build/cjs/CoinflowPurchase.js +55 -42
- package/build/cjs/CoinflowPurchase.js.map +1 -1
- package/build/cjs/CoinflowPurchaseHistory.js +20 -11
- package/build/cjs/CoinflowPurchaseHistory.js.map +1 -1
- package/build/cjs/CoinflowPurchaseProtection.d.ts +1 -1
- package/build/cjs/CoinflowPurchaseProtection.js +10 -11
- package/build/cjs/CoinflowPurchaseProtection.js.map +1 -1
- package/build/cjs/CoinflowWithdraw.js +20 -11
- package/build/cjs/CoinflowWithdraw.js.map +1 -1
- package/build/cjs/CoinflowWithdrawHistory.js +20 -11
- package/build/cjs/CoinflowWithdrawHistory.js.map +1 -1
- package/build/cjs/MobileWalletButton.d.ts +1 -1
- package/build/cjs/MobileWalletButton.js +35 -26
- package/build/cjs/MobileWalletButton.js.map +1 -1
- package/build/cjs/card-form/CoinflowCardForm.js +42 -54
- package/build/cjs/card-form/CoinflowCardForm.js.map +1 -1
- package/build/cjs/card-form/CoinflowCardFormHeader.js +5 -5
- package/build/cjs/card-form/CoinflowCardFormHeader.js.map +1 -1
- package/build/cjs/card-form/useCardFormIframe.d.ts +5 -5
- package/build/cjs/card-form/useCardFormIframe.js +57 -57
- package/build/cjs/card-form/useCardFormIframe.js.map +1 -1
- package/build/cjs/common/CoinflowLibMessageHandlers.d.ts +2 -1
- package/build/cjs/common/CoinflowLibMessageHandlers.js +128 -193
- package/build/cjs/common/CoinflowLibMessageHandlers.js.map +1 -1
- package/build/cjs/common/CoinflowTypes.d.ts +19 -8
- package/build/cjs/common/CoinflowTypes.js +15 -16
- package/build/cjs/common/CoinflowTypes.js.map +1 -1
- package/build/cjs/common/CoinflowUtils.d.ts +2 -1
- package/build/cjs/common/CoinflowUtils.js +68 -64
- package/build/cjs/common/CoinflowUtils.js.map +1 -1
- package/build/cjs/common/EventBus.js +8 -11
- package/build/cjs/common/EventBus.js.map +1 -1
- package/build/cjs/common/NSure.js +2 -2
- package/build/cjs/common/NSure.js.map +1 -1
- package/build/cjs/common/NSure.native.js.map +1 -1
- package/build/cjs/common/SolanaPeerDeps.js +5 -5
- package/build/cjs/common/SolanaPeerDeps.js.map +1 -1
- package/build/cjs/common/card-form/TokenEx.js +7 -8
- package/build/cjs/common/card-form/TokenEx.js.map +1 -1
- package/build/cjs/common/card-form/tokenexHelpers.d.ts +1 -1
- package/build/cjs/common/card-form/tokenexHelpers.js +97 -150
- package/build/cjs/common/card-form/tokenexHelpers.js.map +1 -1
- package/build/cjs/common/index.js +1 -1
- package/build/cjs/common/types/Subtotal.js +175 -176
- package/build/cjs/common/types/Subtotal.js.map +1 -1
- package/build/cjs/common/types/nftCartItem.js +2 -2
- package/build/cjs/common/types/nftCartItem.js.map +1 -1
- package/build/cjs/index.js +1 -1
- package/build/cjs/useOverlay.js +13 -12
- package/build/cjs/useOverlay.js.map +1 -1
- package/build/esm/CoinflowApplePayButton.d.ts +1 -1
- package/build/esm/CoinflowApplePayButton.js +2 -3
- package/build/esm/CoinflowApplePayButton.js.map +1 -1
- package/build/esm/CoinflowGooglePayButton.js +1 -2
- package/build/esm/CoinflowGooglePayButton.js.map +1 -1
- package/build/esm/CoinflowIFrame.js +39 -51
- package/build/esm/CoinflowIFrame.js.map +1 -1
- package/build/esm/CoinflowPurchase.js +50 -38
- package/build/esm/CoinflowPurchase.js.map +1 -1
- package/build/esm/CoinflowPurchaseHistory.js +16 -8
- package/build/esm/CoinflowPurchaseHistory.js.map +1 -1
- package/build/esm/CoinflowPurchaseProtection.d.ts +1 -1
- package/build/esm/CoinflowPurchaseProtection.js +6 -7
- package/build/esm/CoinflowPurchaseProtection.js.map +1 -1
- package/build/esm/CoinflowWithdraw.js +16 -8
- package/build/esm/CoinflowWithdraw.js.map +1 -1
- package/build/esm/CoinflowWithdrawHistory.js +16 -8
- package/build/esm/CoinflowWithdrawHistory.js.map +1 -1
- package/build/esm/MobileWalletButton.d.ts +1 -1
- package/build/esm/MobileWalletButton.js +30 -22
- package/build/esm/MobileWalletButton.js.map +1 -1
- package/build/esm/card-form/CoinflowCardForm.js +41 -54
- package/build/esm/card-form/CoinflowCardForm.js.map +1 -1
- package/build/esm/card-form/CoinflowCardFormHeader.js +3 -3
- package/build/esm/card-form/CoinflowCardFormHeader.js.map +1 -1
- package/build/esm/card-form/useCardFormIframe.d.ts +5 -5
- package/build/esm/card-form/useCardFormIframe.js +56 -56
- package/build/esm/card-form/useCardFormIframe.js.map +1 -1
- package/build/esm/common/CoinflowLibMessageHandlers.d.ts +2 -1
- package/build/esm/common/CoinflowLibMessageHandlers.js +126 -191
- package/build/esm/common/CoinflowLibMessageHandlers.js.map +1 -1
- package/build/esm/common/CoinflowTypes.d.ts +19 -8
- package/build/esm/common/CoinflowTypes.js +16 -17
- package/build/esm/common/CoinflowTypes.js.map +1 -1
- package/build/esm/common/CoinflowUtils.d.ts +2 -1
- package/build/esm/common/CoinflowUtils.js +63 -61
- package/build/esm/common/CoinflowUtils.js.map +1 -1
- package/build/esm/common/EventBus.js +8 -12
- package/build/esm/common/EventBus.js.map +1 -1
- package/build/esm/common/SolanaPeerDeps.js +2 -2
- package/build/esm/common/SolanaPeerDeps.js.map +1 -1
- package/build/esm/common/card-form/TokenEx.js +8 -9
- package/build/esm/common/card-form/TokenEx.js.map +1 -1
- package/build/esm/common/card-form/tokenexHelpers.d.ts +1 -1
- package/build/esm/common/card-form/tokenexHelpers.js +95 -148
- package/build/esm/common/card-form/tokenexHelpers.js.map +1 -1
- package/build/esm/common/types/Subtotal.js +175 -176
- package/build/esm/common/types/Subtotal.js.map +1 -1
- package/build/esm/common/types/nftCartItem.js +2 -2
- package/build/esm/common/types/nftCartItem.js.map +1 -1
- package/build/esm/useOverlay.js +11 -10
- package/build/esm/useOverlay.js.map +1 -1
- package/build/tsconfig.cjs.tsbuildinfo +1 -0
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1,27 +1,22 @@
|
|
|
1
|
-
import { __awaiter, __generator } from "tslib";
|
|
2
1
|
import React, { forwardRef, memo, useEffect, useImperativeHandle, useMemo, } from 'react';
|
|
3
2
|
import { useCardFormIframe } from './useCardFormIframe';
|
|
4
3
|
import { TokenExCardNumberIframeId, TokenExCvvContainerID, } from '../common';
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const CoinflowCardNumberInputComponent = forwardRef((props, ref) => {
|
|
5
|
+
const css = useMemo(() => {
|
|
7
6
|
return JSON.stringify(props.css);
|
|
8
7
|
}, [props.css]);
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
useImperativeHandle(ref,
|
|
12
|
-
getToken
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
throw new Error('Unable to get token');
|
|
17
|
-
return [2 /*return*/, tokenExIframe.tokenize()];
|
|
18
|
-
});
|
|
19
|
-
});
|
|
8
|
+
const origins = JSON.stringify(props.origins);
|
|
9
|
+
const { tokenExIframe, initializeTokenExIframe } = useCardFormIframe(props);
|
|
10
|
+
useImperativeHandle(ref, () => ({
|
|
11
|
+
async getToken() {
|
|
12
|
+
if (!tokenExIframe)
|
|
13
|
+
throw new Error('Unable to get token');
|
|
14
|
+
return tokenExIframe.tokenize();
|
|
20
15
|
},
|
|
21
|
-
})
|
|
22
|
-
useEffect(
|
|
16
|
+
}));
|
|
17
|
+
useEffect(() => {
|
|
23
18
|
initializeTokenExIframe({
|
|
24
|
-
css
|
|
19
|
+
css,
|
|
25
20
|
debug: props.debug,
|
|
26
21
|
origins: JSON.parse(origins),
|
|
27
22
|
font: props.font,
|
|
@@ -65,31 +60,27 @@ var CoinflowCardNumberInputComponent = forwardRef(function (props, ref) {
|
|
|
65
60
|
*
|
|
66
61
|
* ```
|
|
67
62
|
*/
|
|
68
|
-
export
|
|
63
|
+
export const CoinflowCardNumberInput = memo(CoinflowCardNumberInputComponent);
|
|
69
64
|
/**
|
|
70
65
|
* The CVV number input for creating a new tokenized card
|
|
71
66
|
*/
|
|
72
|
-
export
|
|
73
|
-
|
|
74
|
-
|
|
67
|
+
export const CoinflowCvvInput = memo(() => React.createElement("div", { id: TokenExCvvContainerID }));
|
|
68
|
+
const CoinflowCvvOnlyInputComponent = forwardRef((props, ref) => {
|
|
69
|
+
const css = useMemo(() => {
|
|
75
70
|
return JSON.stringify(props.css);
|
|
76
71
|
}, [props.css]);
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
useImperativeHandle(ref,
|
|
80
|
-
getToken
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
throw new Error('Unable to get token');
|
|
85
|
-
return [2 /*return*/, tokenExIframe.tokenize()];
|
|
86
|
-
});
|
|
87
|
-
});
|
|
72
|
+
const origins = JSON.stringify(props.origins);
|
|
73
|
+
const { tokenExIframe, initializeCvvOnlyTokenExIframe } = useCardFormIframe(props);
|
|
74
|
+
useImperativeHandle(ref, () => ({
|
|
75
|
+
async getToken() {
|
|
76
|
+
if (!tokenExIframe)
|
|
77
|
+
throw new Error('Unable to get token');
|
|
78
|
+
return tokenExIframe.tokenize();
|
|
88
79
|
},
|
|
89
|
-
})
|
|
90
|
-
useEffect(
|
|
80
|
+
}));
|
|
81
|
+
useEffect(() => {
|
|
91
82
|
initializeCvvOnlyTokenExIframe({
|
|
92
|
-
css
|
|
83
|
+
css,
|
|
93
84
|
debug: props.debug,
|
|
94
85
|
token: props.token,
|
|
95
86
|
cardType: props.cardType,
|
|
@@ -105,7 +96,7 @@ var CoinflowCvvOnlyInputComponent = forwardRef(function (props, ref) {
|
|
|
105
96
|
origins,
|
|
106
97
|
props.font,
|
|
107
98
|
]);
|
|
108
|
-
return useMemo(
|
|
99
|
+
return useMemo(() => React.createElement("div", { id: TokenExCvvContainerID }), []);
|
|
109
100
|
});
|
|
110
101
|
/**
|
|
111
102
|
* Allows merchants to collect the CVV for an already tokenized card in a PCI-compliant way and receive the token with the CVV linked.
|
|
@@ -144,27 +135,23 @@ var CoinflowCvvOnlyInputComponent = forwardRef(function (props, ref) {
|
|
|
144
135
|
*
|
|
145
136
|
* ```
|
|
146
137
|
*/
|
|
147
|
-
export
|
|
148
|
-
|
|
149
|
-
|
|
138
|
+
export const CoinflowCvvOnlyInput = memo(CoinflowCvvOnlyInputComponent);
|
|
139
|
+
const CoinflowCardOnlyInputComponent = forwardRef((props, ref) => {
|
|
140
|
+
const css = useMemo(() => {
|
|
150
141
|
return JSON.stringify(props.css);
|
|
151
142
|
}, [props.css]);
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
useImperativeHandle(ref,
|
|
155
|
-
getToken
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
throw new Error('Unable to get token');
|
|
160
|
-
return [2 /*return*/, tokenExIframe.tokenize()];
|
|
161
|
-
});
|
|
162
|
-
});
|
|
143
|
+
const origins = JSON.stringify(props.origins);
|
|
144
|
+
const { tokenExIframe, initializeTokenExCardOnlyIframe } = useCardFormIframe(props);
|
|
145
|
+
useImperativeHandle(ref, () => ({
|
|
146
|
+
async getToken() {
|
|
147
|
+
if (!tokenExIframe)
|
|
148
|
+
throw new Error('Unable to get token');
|
|
149
|
+
return tokenExIframe.tokenize();
|
|
163
150
|
},
|
|
164
|
-
})
|
|
165
|
-
useEffect(
|
|
151
|
+
}));
|
|
152
|
+
useEffect(() => {
|
|
166
153
|
initializeTokenExCardOnlyIframe({
|
|
167
|
-
css
|
|
154
|
+
css,
|
|
168
155
|
debug: props.debug,
|
|
169
156
|
origins: JSON.parse(origins),
|
|
170
157
|
font: props.font,
|
|
@@ -214,5 +201,5 @@ var CoinflowCardOnlyInputComponent = forwardRef(function (props, ref) {
|
|
|
214
201
|
*
|
|
215
202
|
* ```
|
|
216
203
|
*/
|
|
217
|
-
export
|
|
204
|
+
export const CoinflowCardOnlyInput = memo(CoinflowCardOnlyInputComponent);
|
|
218
205
|
//# sourceMappingURL=CoinflowCardForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardForm.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import { useCardFormIframe } from './useCardFormIframe';
|
|
3
3
|
export function CoinflowCardFormHeader(props) {
|
|
4
|
-
|
|
5
|
-
useEffect(
|
|
6
|
-
setTokenExScriptTag({ env: props.env, setTokenExScriptLoaded:
|
|
4
|
+
const { setTokenExScriptTag } = useCardFormIframe(props);
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
setTokenExScriptTag({ env: props.env, setTokenExScriptLoaded: () => { } });
|
|
7
7
|
}, [props.env, setTokenExScriptTag]);
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowCardFormHeader.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardFormHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAGtD,MAAM,UAAU,sBAAsB,CACpC,KAAoD;
|
|
1
|
+
{"version":3,"file":"CoinflowCardFormHeader.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardFormHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAGtD,MAAM,UAAU,sBAAsB,CACpC,KAAoD;IAEpD,MAAM,EAAC,mBAAmB,EAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAC,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAErC,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { CoinflowEnvs,
|
|
2
|
-
export declare function useCardFormIframe({ env, merchantId, checkoutJwt
|
|
1
|
+
import { CoinflowEnvs, setTokenExScriptTag, TokenExIframe, MerchantIdOrCheckoutJwt } from '../common';
|
|
2
|
+
export declare function useCardFormIframe({ env, merchantId, checkoutJwt }: {
|
|
3
3
|
env: CoinflowEnvs;
|
|
4
4
|
} & MerchantIdOrCheckoutJwt): {
|
|
5
5
|
tokenExIframe: TokenExIframe | undefined;
|
|
6
|
-
initializeTokenExIframe: (args: Omit<
|
|
7
|
-
initializeCvvOnlyTokenExIframe: (args: Omit<
|
|
8
|
-
initializeTokenExCardOnlyIframe: (args: Omit<
|
|
6
|
+
initializeTokenExIframe: (args: Omit<import("..").DoInitializeTokenExIframeArgs, "env" | "setCachedToken" | "setLoaded" | "tokenExScriptLoaded">) => Promise<TokenExIframe | undefined>;
|
|
7
|
+
initializeCvvOnlyTokenExIframe: (args: Omit<import("..").DoInitializeCvvOnlyTokenExIframeArgs, "env" | "setCachedToken" | "setLoaded" | "tokenExScriptLoaded">) => Promise<TokenExIframe | undefined>;
|
|
8
|
+
initializeTokenExCardOnlyIframe: (args: Omit<import("..").DoInitializeTokenExIframeArgs, "env" | "setCachedToken" | "setLoaded" | "tokenExScriptLoaded">) => Promise<TokenExIframe | undefined>;
|
|
9
9
|
loaded: boolean;
|
|
10
10
|
cachedToken: string | undefined;
|
|
11
11
|
setTokenExScriptTag: typeof setTokenExScriptTag;
|
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import { __assign, __awaiter, __generator } from "tslib";
|
|
2
1
|
import { useCallback, useEffect, useState } from 'react';
|
|
3
2
|
import { doInitializeCvvOnlyTokenExIframe, doInitializeTokenExCardOnlyIframe, doInitializeTokenExIframe, setTokenExScriptTag, } from '../common';
|
|
4
|
-
export function useCardFormIframe(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
useEffect(function () {
|
|
16
|
-
setTokenExScriptTag({ env: env, setTokenExScriptLoaded: setTokenExScriptLoaded });
|
|
3
|
+
export function useCardFormIframe({ env,
|
|
4
|
+
// @ts-ignore
|
|
5
|
+
merchantId,
|
|
6
|
+
// @ts-ignore
|
|
7
|
+
checkoutJwt, }) {
|
|
8
|
+
const [loaded, setLoaded] = useState(false);
|
|
9
|
+
const [tokenExScriptLoaded, setTokenExScriptLoaded] = useState(false);
|
|
10
|
+
const [tokenExIframe, setTokenExIframe] = useState(undefined);
|
|
11
|
+
const [cachedToken, setCachedToken] = useState(undefined);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
setTokenExScriptTag({ env, setTokenExScriptLoaded });
|
|
17
14
|
}, [env, setTokenExScriptLoaded]);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
15
|
+
const initializeCvvOnlyTokenExIframe = useCallback(async (args) => {
|
|
16
|
+
const iframe = await doInitializeCvvOnlyTokenExIframe({
|
|
17
|
+
...args,
|
|
18
|
+
tokenExScriptLoaded,
|
|
19
|
+
setCachedToken,
|
|
20
|
+
setLoaded,
|
|
21
|
+
env,
|
|
22
|
+
merchantId,
|
|
23
|
+
checkoutJwt,
|
|
28
24
|
});
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
25
|
+
setTokenExIframe(iframe);
|
|
26
|
+
return iframe;
|
|
27
|
+
}, [checkoutJwt, env, merchantId, tokenExScriptLoaded]);
|
|
28
|
+
const initializeTokenExIframe = useCallback(async (args) => {
|
|
29
|
+
const iframe = await doInitializeTokenExIframe({
|
|
30
|
+
...args,
|
|
31
|
+
tokenExScriptLoaded,
|
|
32
|
+
setCachedToken,
|
|
33
|
+
setLoaded,
|
|
34
|
+
env,
|
|
35
|
+
merchantId,
|
|
36
|
+
checkoutJwt,
|
|
40
37
|
});
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
38
|
+
setTokenExIframe(iframe);
|
|
39
|
+
return iframe;
|
|
40
|
+
}, [checkoutJwt, env, merchantId, tokenExScriptLoaded]);
|
|
41
|
+
const initializeTokenExCardOnlyIframe = useCallback(async (args) => {
|
|
42
|
+
const iframe = await doInitializeTokenExCardOnlyIframe({
|
|
43
|
+
...args,
|
|
44
|
+
tokenExScriptLoaded,
|
|
45
|
+
setCachedToken,
|
|
46
|
+
setLoaded,
|
|
47
|
+
env,
|
|
48
|
+
merchantId,
|
|
49
|
+
checkoutJwt,
|
|
52
50
|
});
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
setTokenExIframe(iframe);
|
|
52
|
+
return iframe;
|
|
53
|
+
}, [checkoutJwt, env, merchantId, tokenExScriptLoaded]);
|
|
54
|
+
useEffect(() => {
|
|
55
55
|
if (!tokenExIframe)
|
|
56
56
|
return;
|
|
57
57
|
tokenExIframe.load();
|
|
58
|
-
return
|
|
58
|
+
return () => tokenExIframe.remove();
|
|
59
59
|
}, [tokenExIframe]);
|
|
60
60
|
return {
|
|
61
|
-
tokenExIframe
|
|
62
|
-
initializeTokenExIframe
|
|
63
|
-
initializeCvvOnlyTokenExIframe
|
|
64
|
-
initializeTokenExCardOnlyIframe
|
|
65
|
-
loaded
|
|
66
|
-
cachedToken
|
|
67
|
-
setTokenExScriptTag
|
|
61
|
+
tokenExIframe,
|
|
62
|
+
initializeTokenExIframe,
|
|
63
|
+
initializeCvvOnlyTokenExIframe,
|
|
64
|
+
initializeTokenExCardOnlyIframe,
|
|
65
|
+
loaded,
|
|
66
|
+
cachedToken,
|
|
67
|
+
setTokenExScriptTag,
|
|
68
68
|
};
|
|
69
69
|
}
|
|
70
70
|
//# sourceMappingURL=useCardFormIframe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCardFormIframe.js","sourceRoot":"","sources":["../../../src/card-form/useCardFormIframe.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useCardFormIframe.js","sourceRoot":"","sources":["../../../src/card-form/useCardFormIframe.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,gCAAgC,EAChC,iCAAiC,EACjC,yBAAyB,EACzB,mBAAmB,GAGpB,MAAM,WAAW,CAAC;AAEnB,MAAM,UAAU,iBAAiB,CAAC,EAChC,GAAG;AACH,aAAa;AACb,UAAU;AACV,aAAa;AACb,WAAW,GACmC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GACjD,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,SAAS,CACV,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,EAAC,GAAG,EAAE,sBAAsB,EAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAElC,MAAM,8BAA8B,GAAG,WAAW,CAChD,KAAK,EACH,IAGC,EACD,EAAE;QACF,MAAM,MAAM,GAAG,MAAM,gCAAgC,CAAC;YACpD,GAAG,IAAI;YACP,mBAAmB;YACnB,cAAc;YACd,SAAS;YACT,GAAG;YACH,UAAU;YACV,WAAW;SACZ,CAAC,CAAC;QAEH,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,MAAM,CAAC;IAChB,CAAC,EACD,CAAC,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,mBAAmB,CAAC,CACpD,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CACzC,KAAK,EACH,IAGC,EACD,EAAE;QACF,MAAM,MAAM,GAAG,MAAM,yBAAyB,CAAC;YAC7C,GAAG,IAAI;YACP,mBAAmB;YACnB,cAAc;YACd,SAAS;YACT,GAAG;YACH,UAAU;YACV,WAAW;SACZ,CAAC,CAAC;QAEH,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,MAAM,CAAC;IAChB,CAAC,EACD,CAAC,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,mBAAmB,CAAC,CACpD,CAAC;IAEF,MAAM,+BAA+B,GAAG,WAAW,CACjD,KAAK,EACH,IAGC,EACD,EAAE;QACF,MAAM,MAAM,GAAG,MAAM,iCAAiC,CAAC;YACrD,GAAG,IAAI;YACP,mBAAmB;YACnB,cAAc;YACd,SAAS;YACT,GAAG;YACH,UAAU;YACV,WAAW;SACZ,CAAC,CAAC;QAEH,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,MAAM,CAAC;IAChB,CAAC,EACD,CAAC,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,mBAAmB,CAAC,CACpD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,aAAa,CAAC,IAAI,EAAE,CAAC;QACrB,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO;QACL,aAAa;QACb,uBAAuB;QACvB,8BAA8B;QAC9B,+BAA+B;QAC/B,MAAM;QACN,WAAW;QACX,mBAAmB;KACpB,CAAC;AACJ,CAAC"}
|
|
@@ -27,7 +27,8 @@ export declare enum IFrameMessageMethods {
|
|
|
27
27
|
Success = "success",
|
|
28
28
|
AuthDeclined = "authDeclined",
|
|
29
29
|
Loaded = "loaded",
|
|
30
|
-
AccountLinked = "accountLinked"
|
|
30
|
+
AccountLinked = "accountLinked",
|
|
31
|
+
Redirect = "redirect"
|
|
31
32
|
}
|
|
32
33
|
export declare function getWalletPubkey(input: Pick<CoinflowPurchaseProps, 'wallet' | 'blockchain'>): string | null | undefined;
|
|
33
34
|
export declare function handleIFrameMessage(rawMessage: string, handlers: IFrameMessageHandlers, handleHeightChangeId: string | number): Promise<string> | void;
|