@coinflowlabs/react 5.13.0 → 5.14.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/build/cjs/CoinflowApplePayButton.d.ts +1 -1
- package/build/cjs/CoinflowIFrame.d.ts +2 -2
- package/build/cjs/CoinflowIFrame.js +3 -1
- package/build/cjs/CoinflowIFrame.js.map +1 -1
- package/build/cjs/CoinflowPaymentIntentPurchase.d.ts +3 -0
- package/build/cjs/CoinflowPaymentIntentPurchase.js +45 -0
- package/build/cjs/CoinflowPaymentIntentPurchase.js.map +1 -0
- package/build/cjs/CoinflowPurchase.js +5 -86
- package/build/cjs/CoinflowPurchase.js.map +1 -1
- package/build/cjs/CoinflowPurchaseProtection.d.ts +1 -1
- package/build/cjs/Loader.d.ts +5 -0
- package/build/cjs/Loader.js +39 -0
- package/build/cjs/Loader.js.map +1 -0
- package/build/cjs/MobileWalletButton.d.ts +1 -1
- package/build/cjs/Utils.d.ts +42 -0
- package/build/cjs/Utils.js +56 -0
- package/build/cjs/Utils.js.map +1 -0
- package/build/cjs/card-form/CoinflowCardFormV2.js +18 -10
- package/build/cjs/card-form/CoinflowCardFormV2.js.map +1 -1
- package/build/cjs/card-form/useCardFormIframe.d.ts +1 -1
- package/build/cjs/common/CoinflowProtectionInit.d.ts +1 -1
- package/build/cjs/common/CoinflowProtectionInit.js +2 -5
- package/build/cjs/common/CoinflowProtectionInit.js.map +1 -1
- package/build/cjs/common/CoinflowProtectionSession.d.ts +1 -1
- package/build/cjs/common/CoinflowTypes.d.ts +56 -8
- package/build/cjs/common/CoinflowTypes.js +2 -0
- package/build/cjs/common/CoinflowTypes.js.map +1 -1
- package/build/cjs/common/CoinflowUtils.d.ts +6 -3
- package/build/cjs/common/CoinflowUtils.js +28 -4
- package/build/cjs/common/CoinflowUtils.js.map +1 -1
- package/build/cjs/common/card-form/tokenexHelpers.d.ts +1 -1
- package/build/esm/CoinflowApplePayButton.d.ts +1 -1
- package/build/esm/CoinflowIFrame.d.ts +2 -2
- package/build/esm/CoinflowIFrame.js +3 -1
- package/build/esm/CoinflowIFrame.js.map +1 -1
- package/build/esm/CoinflowPaymentIntentPurchase.d.ts +3 -0
- package/build/esm/CoinflowPaymentIntentPurchase.js +41 -0
- package/build/esm/CoinflowPaymentIntentPurchase.js.map +1 -0
- package/build/esm/CoinflowPurchase.js +2 -83
- package/build/esm/CoinflowPurchase.js.map +1 -1
- package/build/esm/CoinflowPurchaseProtection.d.ts +1 -1
- package/build/esm/Loader.d.ts +5 -0
- package/build/esm/Loader.js +35 -0
- package/build/esm/Loader.js.map +1 -0
- package/build/esm/MobileWalletButton.d.ts +1 -1
- package/build/esm/Utils.d.ts +42 -0
- package/build/esm/Utils.js +52 -0
- package/build/esm/Utils.js.map +1 -0
- package/build/esm/card-form/CoinflowCardFormV2.js +18 -10
- package/build/esm/card-form/CoinflowCardFormV2.js.map +1 -1
- package/build/esm/card-form/useCardFormIframe.d.ts +1 -1
- package/build/esm/common/CoinflowProtectionInit.d.ts +1 -1
- package/build/esm/common/CoinflowProtectionInit.js +2 -5
- package/build/esm/common/CoinflowProtectionInit.js.map +1 -1
- package/build/esm/common/CoinflowProtectionSession.d.ts +1 -1
- package/build/esm/common/CoinflowTypes.d.ts +56 -8
- package/build/esm/common/CoinflowTypes.js +2 -0
- package/build/esm/common/CoinflowTypes.js.map +1 -1
- package/build/esm/common/CoinflowUtils.d.ts +6 -3
- package/build/esm/common/CoinflowUtils.js +28 -4
- package/build/esm/common/CoinflowUtils.js.map +1 -1
- package/build/esm/common/card-form/tokenexHelpers.d.ts +1 -1
- package/build/tsconfig.cjs.tsbuildinfo +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -2,4 +2,4 @@ import { CoinflowPurchaseProps } from './common';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { MobileWalletButtonProps } from './MobileWalletButton';
|
|
4
4
|
export declare function CoinflowApplePayButton(props: CoinflowPurchaseProps & MobileWalletButtonProps): React.JSX.Element;
|
|
5
|
-
export declare function AppleButtonOverlayLogo({ color }: Pick<MobileWalletButtonProps, 'color'>): React.JSX.Element;
|
|
5
|
+
export declare function AppleButtonOverlayLogo({ color, }: Pick<MobileWalletButtonProps, 'color'>): React.JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CoinflowIFrameProps, IFrameMessageHandlers } from './common';
|
|
2
|
+
import { CoinflowIFrameProps, CoinflowIntentsIFrameProps, IFrameMessageHandlers } from './common';
|
|
3
3
|
export type SendAndReceiveMessage = (message: string, isResponseValid: (response: string) => boolean) => Promise<string>;
|
|
4
4
|
export type CoinflowIFrameExposedFunctions = {
|
|
5
5
|
sendAndReceiveMessage: SendAndReceiveMessage;
|
|
6
6
|
listenForMessage: (isResponseValid: (response: string) => boolean) => Promise<string>;
|
|
7
7
|
};
|
|
8
8
|
export declare function useRandomHandleHeightChangeId(): string;
|
|
9
|
-
export declare const CoinflowIFrame: React.ForwardRefExoticComponent<CoinflowIFrameProps & IFrameMessageHandlers & React.RefAttributes<unknown>>;
|
|
9
|
+
export declare const CoinflowIFrame: React.ForwardRefExoticComponent<((CoinflowIFrameProps | CoinflowIntentsIFrameProps) & IFrameMessageHandlers) & React.RefAttributes<unknown>>;
|
|
@@ -11,7 +11,9 @@ function useRandomHandleHeightChangeId() {
|
|
|
11
11
|
exports.CoinflowIFrame = (0, react_1.forwardRef)((props, ref) => {
|
|
12
12
|
const IFrameRef = (0, react_1.useRef)(null);
|
|
13
13
|
const url = (0, react_1.useMemo)(() => {
|
|
14
|
-
return
|
|
14
|
+
return 'intentId' in props
|
|
15
|
+
? common_1.CoinflowUtils.getCoinflowIntentsUrl(props)
|
|
16
|
+
: common_1.CoinflowUtils.getCoinflowUrl(props);
|
|
15
17
|
}, [props]);
|
|
16
18
|
const sendMessage = (0, react_1.useCallback)((message) => {
|
|
17
19
|
if (!IFrameRef?.current?.contentWindow)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":";;;;;AAAA,uDAQe;AACf,
|
|
1
|
+
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CoinflowPaymentIntentCheckout = CoinflowPaymentIntentCheckout;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const common_1 = require("./common");
|
|
7
|
+
const CoinflowIFrame_1 = require("./CoinflowIFrame");
|
|
8
|
+
const useOverlay_1 = require("./useOverlay");
|
|
9
|
+
const Utils_1 = require("./Utils");
|
|
10
|
+
const Loader_1 = require("./Loader");
|
|
11
|
+
function CoinflowPaymentIntentCheckout(props) {
|
|
12
|
+
const iframeRef = (0, react_1.useRef)(null);
|
|
13
|
+
const { iframeProps, messageHandlers } = useCoinflowPaymentIntentCheckout(props);
|
|
14
|
+
const { showOverlay } = (0, useOverlay_1.useOverlay)(iframeRef);
|
|
15
|
+
const loaderBackground = iframeProps.loaderBackground || '#ffffff'; // white default bg
|
|
16
|
+
const invertedColor = (0, Utils_1.invertHexColor)(loaderBackground);
|
|
17
|
+
return (react_1.default.createElement("div", { style: Utils_1.styles.container(loaderBackground) },
|
|
18
|
+
react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers }),
|
|
19
|
+
showOverlay && (react_1.default.createElement(Loader_1.LoaderOverlay, { loaderBackground: loaderBackground, invertedColor: invertedColor }))));
|
|
20
|
+
}
|
|
21
|
+
function useCoinflowPaymentIntentCheckout(props) {
|
|
22
|
+
const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
|
|
23
|
+
const iframeProps = (0, react_1.useMemo)(() => {
|
|
24
|
+
const walletPubkey = (0, common_1.getWalletPubkey)(props);
|
|
25
|
+
return {
|
|
26
|
+
...props,
|
|
27
|
+
walletPubkey,
|
|
28
|
+
route: `/intents/checkout/${props.paymentIntentId}`,
|
|
29
|
+
intentId: props.paymentIntentId,
|
|
30
|
+
handleHeightChangeId,
|
|
31
|
+
};
|
|
32
|
+
}, [handleHeightChangeId, props]);
|
|
33
|
+
const messageHandlers = (0, react_1.useMemo)(() => {
|
|
34
|
+
return {
|
|
35
|
+
handleSendTransaction: () => {
|
|
36
|
+
throw new Error('Not impl');
|
|
37
|
+
},
|
|
38
|
+
onSuccess: props.onSuccess,
|
|
39
|
+
onAuthDeclined: props.onAuthDeclined,
|
|
40
|
+
handleHeightChange: props.handleHeightChange,
|
|
41
|
+
};
|
|
42
|
+
}, [props]);
|
|
43
|
+
return { iframeProps, messageHandlers };
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=CoinflowPaymentIntentPurchase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CoinflowPaymentIntentPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPaymentIntentPurchase.tsx"],"names":[],"mappings":";;;;AAAA,uDAA6C;AAC7C,qCAKkB;AAClB,qDAI0B;AAC1B,6CAAwC;AACxC,mCAA+C;AAC/C,qCAAuC;AAEvC,uCACE,KAAuC;IAEvC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiC,IAAI,CAAC,CAAC;IAC/D,MAAM,EAAC,WAAW,EAAE,eAAe,EAAC,GAClC,gCAAgC,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,EAAC,WAAW,EAAC,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,IAAI,SAAS,CAAC,CAAC,mBAAmB;IACvF,MAAM,aAAa,GAAG,IAAA,sBAAc,EAAC,gBAAgB,CAAC,CAAC;IAEvD,OAAO,CACL,uCAAK,KAAK,EAAE,cAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAC5C,8BAAC,+BAAc,IAAC,GAAG,EAAE,SAAS,KAAM,WAAW,KAAM,eAAe,GAAI;QACvE,WAAW,IAAI,CACd,8BAAC,sBAAa,IACZ,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,GAC5B,CACH,CACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gCAAgC,CACvC,KAAuC;IAEvC,MAAM,oBAAoB,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,eAAO,EAA6B,GAAG,EAAE;QAC3D,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,GAAG,KAAK;YACR,YAAY;YACZ,KAAK,EAAE,qBAAqB,KAAK,CAAC,eAAe,EAAE;YACnD,QAAQ,EAAE,KAAK,CAAC,eAAe;YAC/B,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,qBAAqB,EAAE,GAAG,EAAE;gBAC1B,MAAM,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC;YAC9B,CAAC;YACD,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,cAAc,EAAE,KAAK,CAAC,cAAc;YACpC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC;AACxC,CAAC"}
|
|
@@ -6,6 +6,8 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const common_1 = require("./common");
|
|
7
7
|
const CoinflowIFrame_1 = require("./CoinflowIFrame");
|
|
8
8
|
const useOverlay_1 = require("./useOverlay");
|
|
9
|
+
const Utils_1 = require("./Utils");
|
|
10
|
+
const Loader_1 = require("./Loader");
|
|
9
11
|
function useCoinflowPurchase(purchaseProps, version) {
|
|
10
12
|
const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
|
|
11
13
|
const iframeProps = (0, react_1.useMemo)(() => {
|
|
@@ -31,92 +33,9 @@ function CoinflowPurchase(purchaseProps) {
|
|
|
31
33
|
const { iframeProps, messageHandlers } = useCoinflowPurchase(purchaseProps, '-v2');
|
|
32
34
|
const { showOverlay } = (0, useOverlay_1.useOverlay)(iframeRef);
|
|
33
35
|
const loaderBackground = iframeProps.loaderBackground || '#ffffff'; // white default bg
|
|
34
|
-
const invertedColor = invertHexColor(loaderBackground);
|
|
35
|
-
return (react_1.default.createElement("div", { style: styles.container(loaderBackground) },
|
|
36
|
+
const invertedColor = (0, Utils_1.invertHexColor)(loaderBackground);
|
|
37
|
+
return (react_1.default.createElement("div", { style: Utils_1.styles.container(loaderBackground) },
|
|
36
38
|
react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers }),
|
|
37
|
-
showOverlay && (react_1.default.createElement(LoaderOverlay, { loaderBackground: loaderBackground, invertedColor: invertedColor }))));
|
|
39
|
+
showOverlay && (react_1.default.createElement(Loader_1.LoaderOverlay, { loaderBackground: loaderBackground, invertedColor: invertedColor }))));
|
|
38
40
|
}
|
|
39
|
-
function LoaderOverlay({ loaderBackground, invertedColor, }) {
|
|
40
|
-
return (react_1.default.createElement("div", { style: styles.overlay(loaderBackground) },
|
|
41
|
-
react_1.default.createElement(LoaderGrid, { columns: 2 },
|
|
42
|
-
react_1.default.createElement(Loader, { loaderBackground: invertedColor }),
|
|
43
|
-
react_1.default.createElement(Loader, { loaderBackground: invertedColor })),
|
|
44
|
-
react_1.default.createElement(LoaderGrid, { columns: 1 },
|
|
45
|
-
react_1.default.createElement(Loader, { height: 80, loaderBackground: invertedColor })),
|
|
46
|
-
[...Array(3)].map((_, index) => (react_1.default.createElement(LoaderRow, { key: index },
|
|
47
|
-
react_1.default.createElement(Loader, { width: index < 2 ? 80 : 120, height: index < 2 ? 15 : 20, loaderBackground: invertedColor }),
|
|
48
|
-
react_1.default.createElement(Loader, { width: index < 2 ? 60 : 100, height: index < 2 ? 15 : 20, loaderBackground: invertedColor })))),
|
|
49
|
-
react_1.default.createElement(LoaderGrid, { columns: 1 },
|
|
50
|
-
react_1.default.createElement(Loader, { height: 60, loaderBackground: invertedColor })),
|
|
51
|
-
react_1.default.createElement(LoaderGrid, { columns: 1, width: "50%" },
|
|
52
|
-
react_1.default.createElement(Loader, { height: 10, loaderBackground: invertedColor })),
|
|
53
|
-
react_1.default.createElement(LoaderGrid, { columns: 1, width: "40%" },
|
|
54
|
-
react_1.default.createElement(Loader, { height: 6, loaderBackground: invertedColor }))));
|
|
55
|
-
}
|
|
56
|
-
function LoaderGrid({ children, columns, width = '100%', }) {
|
|
57
|
-
return (react_1.default.createElement("div", { style: {
|
|
58
|
-
...styles.grid,
|
|
59
|
-
gridTemplateColumns: `repeat(${columns}, 1fr)`,
|
|
60
|
-
width,
|
|
61
|
-
} }, children));
|
|
62
|
-
}
|
|
63
|
-
function LoaderRow({ children }) {
|
|
64
|
-
return react_1.default.createElement("div", { style: styles.row }, children);
|
|
65
|
-
}
|
|
66
|
-
function Loader({ loaderBackground, height = 40, width, }) {
|
|
67
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
68
|
-
react_1.default.createElement("div", { style: styles.loader(loaderBackground, height, width) }),
|
|
69
|
-
react_1.default.createElement("style", null, styles.keyframes)));
|
|
70
|
-
}
|
|
71
|
-
function invertHexColor(hex) {
|
|
72
|
-
hex = hex.replace(/^#/, '');
|
|
73
|
-
const rgb = hex.match(/.{2}/g)?.map(val => 255 - parseInt(val, 16)) || [];
|
|
74
|
-
return `#${rgb.map(val => val.toString(16).padStart(2, '0')).join('')}`;
|
|
75
|
-
}
|
|
76
|
-
const styles = {
|
|
77
|
-
container: (bg) => ({
|
|
78
|
-
position: 'relative',
|
|
79
|
-
height: '100%',
|
|
80
|
-
backgroundColor: bg,
|
|
81
|
-
}),
|
|
82
|
-
overlay: (bg) => ({
|
|
83
|
-
backgroundColor: bg,
|
|
84
|
-
display: 'flex',
|
|
85
|
-
color: 'gray',
|
|
86
|
-
position: 'absolute',
|
|
87
|
-
top: 0,
|
|
88
|
-
left: 0,
|
|
89
|
-
right: 0,
|
|
90
|
-
bottom: 0,
|
|
91
|
-
fontSize: 24,
|
|
92
|
-
alignItems: 'center',
|
|
93
|
-
flexDirection: 'column',
|
|
94
|
-
gap: '20px',
|
|
95
|
-
zIndex: 10,
|
|
96
|
-
padding: '20px',
|
|
97
|
-
}),
|
|
98
|
-
grid: {
|
|
99
|
-
display: 'grid',
|
|
100
|
-
gap: '20px',
|
|
101
|
-
width: '100%',
|
|
102
|
-
},
|
|
103
|
-
row: {
|
|
104
|
-
display: 'flex',
|
|
105
|
-
justifyContent: 'space-between',
|
|
106
|
-
width: '100%',
|
|
107
|
-
},
|
|
108
|
-
loader: (bg, height, width) => ({
|
|
109
|
-
width: width ? `${width}px` : '100%',
|
|
110
|
-
height: `${height}px`,
|
|
111
|
-
backgroundColor: bg,
|
|
112
|
-
borderRadius: '4px',
|
|
113
|
-
animation: 'pulse 1.5s infinite',
|
|
114
|
-
}),
|
|
115
|
-
keyframes: `
|
|
116
|
-
@keyframes pulse {
|
|
117
|
-
0%, 100% { opacity: 0.07; }
|
|
118
|
-
50% { opacity: 0.03; }
|
|
119
|
-
}
|
|
120
|
-
`,
|
|
121
|
-
};
|
|
122
41
|
//# sourceMappingURL=CoinflowPurchase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":";;;;AAAA,uDAA6C;AAC7C,qCAOkB;AAClB,qDAI0B;AAC1B,6CAAwC;
|
|
1
|
+
{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":";;;;AAAA,uDAA6C;AAC7C,qCAOkB;AAClB,qDAI0B;AAC1B,6CAAwC;AACxC,mCAA+C;AAC/C,qCAAuC;AAEvC,SAAS,mBAAmB,CAC1B,aAAoC,EACpC,OAAe;IAEf,MAAM,oBAAoB,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAA,eAAO,EAAsB,GAAG,EAAE;QACpD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,aAAa,CAAC,CAAC;QACpD,OAAO;YACL,GAAG,aAAa;YAChB,YAAY;YACZ,KAAK,EAAE,YAAY,OAAO,IAAI,aAAa,CAAC,UAAU,EAAE;YACxD,WAAW,EAAE,sBAAa,CAAC,cAAc,CAAC,aAAa,CAAC;YACxD,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,GAAG,IAAA,oBAAW,EAAC,aAAa,CAAC;YAC7B,kBAAkB,EAAE,aAAa,CAAC,kBAAkB;SACrD,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,EAAC,WAAW,EAAE,eAAe,EAAC,CAAC;AACxC,CAAC;AAED,0BAAiC,aAAoC;IACnE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiC,IAAI,CAAC,CAAC;IAC/D,MAAM,EAAC,WAAW,EAAE,eAAe,EAAC,GAAG,mBAAmB,CACxD,aAAa,EACb,KAAK,CACN,CAAC;IAEF,MAAM,EAAC,WAAW,EAAC,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,IAAI,SAAS,CAAC,CAAC,mBAAmB;IACvF,MAAM,aAAa,GAAG,IAAA,sBAAc,EAAC,gBAAgB,CAAC,CAAC;IAEvD,OAAO,CACL,uCAAK,KAAK,EAAE,cAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAC5C,8BAAC,+BAAc,IAAC,GAAG,EAAE,SAAS,KAAM,WAAW,KAAM,eAAe,GAAI;QACvE,WAAW,IAAI,CACd,8BAAC,sBAAa,IACZ,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,GAC5B,CACH,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CoinflowEnvs } from './common';
|
|
2
|
-
export declare function CoinflowPurchaseProtection({ coinflowEnv, merchantId }: {
|
|
2
|
+
export declare function CoinflowPurchaseProtection({ coinflowEnv, merchantId, }: {
|
|
3
3
|
coinflowEnv: CoinflowEnvs;
|
|
4
4
|
merchantId: string;
|
|
5
5
|
}): null;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.LoaderOverlay = LoaderOverlay;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
const Utils_1 = require("./Utils");
|
|
7
|
+
function LoaderOverlay({ loaderBackground, invertedColor, }) {
|
|
8
|
+
return (react_1.default.createElement("div", { style: Utils_1.styles.overlay(loaderBackground) },
|
|
9
|
+
react_1.default.createElement(LoaderGrid, { columns: 2 },
|
|
10
|
+
react_1.default.createElement(Loader, { loaderBackground: invertedColor }),
|
|
11
|
+
react_1.default.createElement(Loader, { loaderBackground: invertedColor })),
|
|
12
|
+
react_1.default.createElement(LoaderGrid, { columns: 1 },
|
|
13
|
+
react_1.default.createElement(Loader, { height: 80, loaderBackground: invertedColor })),
|
|
14
|
+
[...Array(3)].map((_, index) => (react_1.default.createElement(LoaderRow, { key: index },
|
|
15
|
+
react_1.default.createElement(Loader, { width: index < 2 ? 80 : 120, height: index < 2 ? 15 : 20, loaderBackground: invertedColor }),
|
|
16
|
+
react_1.default.createElement(Loader, { width: index < 2 ? 60 : 100, height: index < 2 ? 15 : 20, loaderBackground: invertedColor })))),
|
|
17
|
+
react_1.default.createElement(LoaderGrid, { columns: 1 },
|
|
18
|
+
react_1.default.createElement(Loader, { height: 60, loaderBackground: invertedColor })),
|
|
19
|
+
react_1.default.createElement(LoaderGrid, { columns: 1, width: "50%" },
|
|
20
|
+
react_1.default.createElement(Loader, { height: 10, loaderBackground: invertedColor })),
|
|
21
|
+
react_1.default.createElement(LoaderGrid, { columns: 1, width: "40%" },
|
|
22
|
+
react_1.default.createElement(Loader, { height: 6, loaderBackground: invertedColor }))));
|
|
23
|
+
}
|
|
24
|
+
function LoaderGrid({ children, columns, width = '100%', }) {
|
|
25
|
+
return (react_1.default.createElement("div", { style: {
|
|
26
|
+
...Utils_1.styles.grid,
|
|
27
|
+
gridTemplateColumns: `repeat(${columns}, 1fr)`,
|
|
28
|
+
width,
|
|
29
|
+
} }, children));
|
|
30
|
+
}
|
|
31
|
+
function LoaderRow({ children }) {
|
|
32
|
+
return react_1.default.createElement("div", { style: Utils_1.styles.row }, children);
|
|
33
|
+
}
|
|
34
|
+
function Loader({ loaderBackground, height = 40, width, }) {
|
|
35
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
36
|
+
react_1.default.createElement("div", { style: Utils_1.styles.loader(loaderBackground, height, width) }),
|
|
37
|
+
react_1.default.createElement("style", null, Utils_1.styles.keyframes)));
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=Loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/Loader.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,mCAA+B;AAE/B,uBAA8B,EAC5B,gBAAgB,EAChB,aAAa,GAId;IACC,OAAO,CACL,uCAAK,KAAK,EAAE,cAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAC1C,8BAAC,UAAU,IAAC,OAAO,EAAE,CAAC;YACpB,8BAAC,MAAM,IAAC,gBAAgB,EAAE,aAAa,GAAI;YAC3C,8BAAC,MAAM,IAAC,gBAAgB,EAAE,aAAa,GAAI,CAChC;QACb,8BAAC,UAAU,IAAC,OAAO,EAAE,CAAC;YACpB,8BAAC,MAAM,IAAC,MAAM,EAAE,EAAE,EAAE,gBAAgB,EAAE,aAAa,GAAI,CAC5C;QACZ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,8BAAC,SAAS,IAAC,GAAG,EAAE,KAAK;YACnB,8BAAC,MAAM,IACL,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAC3B,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3B,gBAAgB,EAAE,aAAa,GAC/B;YACF,8BAAC,MAAM,IACL,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAC3B,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAC3B,gBAAgB,EAAE,aAAa,GAC/B,CACQ,CACb,CAAC;QACF,8BAAC,UAAU,IAAC,OAAO,EAAE,CAAC;YACpB,8BAAC,MAAM,IAAC,MAAM,EAAE,EAAE,EAAE,gBAAgB,EAAE,aAAa,GAAI,CAC5C;QACb,8BAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,KAAK;YACjC,8BAAC,MAAM,IAAC,MAAM,EAAE,EAAE,EAAE,gBAAgB,EAAE,aAAa,GAAI,CAC5C;QACb,8BAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,KAAK;YACjC,8BAAC,MAAM,IAAC,MAAM,EAAE,CAAC,EAAE,gBAAgB,EAAE,aAAa,GAAI,CAC3C,CACT,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,MAAM,GAC6C;IAC3D,OAAO,CACL,uCACE,KAAK,EAAE;YACL,GAAG,cAAM,CAAC,IAAI;YACd,mBAAmB,EAAE,UAAU,OAAO,QAAQ;YAC9C,KAAK;SACN,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAC,QAAQ,EAA8B;IACxD,OAAO,uCAAK,KAAK,EAAE,cAAM,CAAC,GAAG,IAAG,QAAQ,CAAO,CAAC;AAClD,CAAC;AAED,SAAS,MAAM,CAAC,EACd,gBAAgB,EAChB,MAAM,GAAG,EAAE,EACX,KAAK,GAKN;IACC,OAAO,CACL;QACE,uCAAK,KAAK,EAAE,cAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,EAAE,KAAK,CAAC,GAAI;QAC9D,6CAAQ,cAAM,CAAC,SAAS,CAAS,CAChC,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CoinflowPurchaseProps } from './common';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare function MobileWalletButton({ props, route, overlayDisplayOverride, children, alignItems }: {
|
|
3
|
+
export declare function MobileWalletButton({ props, route, overlayDisplayOverride, children, alignItems, }: {
|
|
4
4
|
props: CoinflowPurchaseProps & MobileWalletButtonProps;
|
|
5
5
|
route: string;
|
|
6
6
|
overlayDisplayOverride?: string;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export declare function invertHexColor(hex: string): string;
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
container: (bg: string) => {
|
|
4
|
+
position: 'relative';
|
|
5
|
+
height: string;
|
|
6
|
+
backgroundColor: string;
|
|
7
|
+
};
|
|
8
|
+
overlay: (bg: string) => {
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
display: string;
|
|
11
|
+
color: string;
|
|
12
|
+
position: 'absolute';
|
|
13
|
+
top: number;
|
|
14
|
+
left: number;
|
|
15
|
+
right: number;
|
|
16
|
+
bottom: number;
|
|
17
|
+
fontSize: number;
|
|
18
|
+
alignItems: string;
|
|
19
|
+
flexDirection: 'column';
|
|
20
|
+
gap: string;
|
|
21
|
+
zIndex: number;
|
|
22
|
+
padding: string;
|
|
23
|
+
};
|
|
24
|
+
grid: {
|
|
25
|
+
display: string;
|
|
26
|
+
gap: string;
|
|
27
|
+
width: string;
|
|
28
|
+
};
|
|
29
|
+
row: {
|
|
30
|
+
display: string;
|
|
31
|
+
justifyContent: string;
|
|
32
|
+
width: string;
|
|
33
|
+
};
|
|
34
|
+
loader: (bg: string, height: number, width?: number) => {
|
|
35
|
+
width: string;
|
|
36
|
+
height: string;
|
|
37
|
+
backgroundColor: string;
|
|
38
|
+
borderRadius: string;
|
|
39
|
+
animation: string;
|
|
40
|
+
};
|
|
41
|
+
keyframes: string;
|
|
42
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.styles = void 0;
|
|
4
|
+
exports.invertHexColor = invertHexColor;
|
|
5
|
+
function invertHexColor(hex) {
|
|
6
|
+
hex = hex.replace(/^#/, '');
|
|
7
|
+
const rgb = hex.match(/.{2}/g)?.map(val => 255 - parseInt(val, 16)) || [];
|
|
8
|
+
return `#${rgb.map(val => val.toString(16).padStart(2, '0')).join('')}`;
|
|
9
|
+
}
|
|
10
|
+
exports.styles = {
|
|
11
|
+
container: (bg) => ({
|
|
12
|
+
position: 'relative',
|
|
13
|
+
height: '100%',
|
|
14
|
+
backgroundColor: bg,
|
|
15
|
+
}),
|
|
16
|
+
overlay: (bg) => ({
|
|
17
|
+
backgroundColor: bg,
|
|
18
|
+
display: 'flex',
|
|
19
|
+
color: 'gray',
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
top: 0,
|
|
22
|
+
left: 0,
|
|
23
|
+
right: 0,
|
|
24
|
+
bottom: 0,
|
|
25
|
+
fontSize: 24,
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
flexDirection: 'column',
|
|
28
|
+
gap: '20px',
|
|
29
|
+
zIndex: 10,
|
|
30
|
+
padding: '20px',
|
|
31
|
+
}),
|
|
32
|
+
grid: {
|
|
33
|
+
display: 'grid',
|
|
34
|
+
gap: '20px',
|
|
35
|
+
width: '100%',
|
|
36
|
+
},
|
|
37
|
+
row: {
|
|
38
|
+
display: 'flex',
|
|
39
|
+
justifyContent: 'space-between',
|
|
40
|
+
width: '100%',
|
|
41
|
+
},
|
|
42
|
+
loader: (bg, height, width) => ({
|
|
43
|
+
width: width ? `${width}px` : '100%',
|
|
44
|
+
height: `${height}px`,
|
|
45
|
+
backgroundColor: bg,
|
|
46
|
+
borderRadius: '4px',
|
|
47
|
+
animation: 'pulse 1.5s infinite',
|
|
48
|
+
}),
|
|
49
|
+
keyframes: `
|
|
50
|
+
@keyframes pulse {
|
|
51
|
+
0%, 100% { opacity: 0.07; }
|
|
52
|
+
50% { opacity: 0.03; }
|
|
53
|
+
}
|
|
54
|
+
`,
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=Utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../src/Utils.ts"],"names":[],"mappings":";;;;AAAA,wBAA+B,GAAW;IACxC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC5B,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAC1E,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1E,CAAC;AAEY,QAAA,MAAM,GAAG;IACpB,SAAS,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAmB;QAC7B,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,EAAE;KACpB,CAAC;IACF,OAAO,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,CAAC;QACxB,eAAe,EAAE,EAAE;QACnB,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAmB;QAC7B,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAiB;QAChC,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,MAAM;KAChB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,KAAK,EAAE,MAAM;KACd;IACD,MAAM,EAAE,CAAC,EAAU,EAAE,MAAc,EAAE,KAAc,EAAE,EAAE,CAAC,CAAC;QACvD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QACpC,MAAM,EAAE,GAAG,MAAM,IAAI;QACrB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,qBAAqB;KACjC,CAAC;IACF,SAAS,EAAE;;;;;GAKV;CACF,CAAC"}
|
|
@@ -8,10 +8,12 @@ const common_1 = require("../common");
|
|
|
8
8
|
function useCardFormIframe({ variant, merchantId, env, theme, token, onLoad, }) {
|
|
9
9
|
const iframeRef = (0, react_1.useRef)(null);
|
|
10
10
|
const [loaded, setLoaded] = (0, react_1.useState)(false);
|
|
11
|
+
const [iframeHeight, setIframeHeight] = (0, react_1.useState)(null);
|
|
11
12
|
const url = (0, react_1.useMemo)(() => {
|
|
12
13
|
const baseUrl = common_1.CoinflowUtils.getCoinflowBaseUrl(env);
|
|
13
14
|
const url = new URL(`/form/v2/${variant}`, baseUrl);
|
|
14
15
|
url.searchParams.append('merchantId', merchantId);
|
|
16
|
+
url.searchParams.append('useHeightChange', 'true');
|
|
15
17
|
if (theme) {
|
|
16
18
|
url.searchParams.append('theme', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(theme)));
|
|
17
19
|
}
|
|
@@ -31,6 +33,12 @@ function useCardFormIframe({ variant, merchantId, env, theme, token, onLoad, })
|
|
|
31
33
|
setLoaded(true);
|
|
32
34
|
onLoad?.();
|
|
33
35
|
}
|
|
36
|
+
else if (parsed.method === common_1.IFrameMessageMethods.HeightChange) {
|
|
37
|
+
const parsedHeight = Number(parsed.data);
|
|
38
|
+
if (Number.isFinite(parsedHeight) && parsedHeight > 0) {
|
|
39
|
+
setIframeHeight(parsedHeight);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
34
42
|
}
|
|
35
43
|
catch {
|
|
36
44
|
// not JSON, ignore
|
|
@@ -82,39 +90,39 @@ function useCardFormIframe({ variant, merchantId, env, theme, token, onLoad, })
|
|
|
82
90
|
iframeRef.current.contentWindow.postMessage('tokenize', targetOrigin);
|
|
83
91
|
});
|
|
84
92
|
}, [env]);
|
|
85
|
-
return { iframeRef, url, loaded, tokenize };
|
|
93
|
+
return { iframeRef, url, loaded, tokenize, iframeHeight };
|
|
86
94
|
}
|
|
87
95
|
const CoinflowCardFormComponent = (0, react_1.forwardRef)((props, ref) => {
|
|
88
|
-
const { iframeRef, url, loaded, tokenize } = useCardFormIframe({
|
|
96
|
+
const { iframeRef, url, loaded, tokenize, iframeHeight } = useCardFormIframe({
|
|
89
97
|
...props,
|
|
90
98
|
variant: 'card-form',
|
|
91
99
|
});
|
|
92
100
|
(0, react_1.useImperativeHandle)(ref, () => ({ tokenize }), [tokenize]);
|
|
93
|
-
return (react_1.default.createElement(CardFormIFrame, { iframeRef: iframeRef, url: url, loaded: loaded, title: "Card Form" }));
|
|
101
|
+
return (react_1.default.createElement(CardFormIFrame, { iframeRef: iframeRef, url: url, loaded: loaded, iframeHeight: iframeHeight, title: "Card Form" }));
|
|
94
102
|
});
|
|
95
103
|
const CoinflowCardNumberFormComponent = (0, react_1.forwardRef)((props, ref) => {
|
|
96
|
-
const { iframeRef, url, loaded, tokenize } = useCardFormIframe({
|
|
104
|
+
const { iframeRef, url, loaded, tokenize, iframeHeight } = useCardFormIframe({
|
|
97
105
|
...props,
|
|
98
106
|
variant: 'card-number-form',
|
|
99
107
|
});
|
|
100
108
|
(0, react_1.useImperativeHandle)(ref, () => ({ tokenize }), [tokenize]);
|
|
101
|
-
return (react_1.default.createElement(CardFormIFrame, { iframeRef: iframeRef, url: url, loaded: loaded, title: "Card Number Form" }));
|
|
109
|
+
return (react_1.default.createElement(CardFormIFrame, { iframeRef: iframeRef, url: url, loaded: loaded, iframeHeight: iframeHeight, title: "Card Number Form" }));
|
|
102
110
|
});
|
|
103
111
|
const CoinflowCvvFormComponent = (0, react_1.forwardRef)((props, ref) => {
|
|
104
|
-
const { iframeRef, url, loaded, tokenize } = useCardFormIframe({
|
|
112
|
+
const { iframeRef, url, loaded, tokenize, iframeHeight } = useCardFormIframe({
|
|
105
113
|
...props,
|
|
106
114
|
variant: 'cvv-form',
|
|
107
115
|
});
|
|
108
116
|
(0, react_1.useImperativeHandle)(ref, () => ({ tokenize }), [tokenize]);
|
|
109
|
-
return (react_1.default.createElement(CardFormIFrame, { iframeRef: iframeRef, url: url, loaded: loaded, title: "CVV Form" }));
|
|
117
|
+
return (react_1.default.createElement(CardFormIFrame, { iframeRef: iframeRef, url: url, loaded: loaded, iframeHeight: iframeHeight, title: "CVV Form" }));
|
|
110
118
|
});
|
|
111
|
-
function CardFormIFrame({ iframeRef, url, loaded, title, }) {
|
|
119
|
+
function CardFormIFrame({ iframeRef, url, loaded, iframeHeight, title, }) {
|
|
112
120
|
return (react_1.default.createElement("iframe", { ref: iframeRef, src: url, title: title, frameBorder: "0", allow: "payment", style: {
|
|
113
121
|
width: '100%',
|
|
114
|
-
height: '
|
|
122
|
+
height: iframeHeight ? `${iframeHeight}px` : '56px',
|
|
115
123
|
border: 'none',
|
|
116
124
|
opacity: loaded ? 1 : 0,
|
|
117
|
-
transition: 'opacity 300ms linear',
|
|
125
|
+
transition: 'opacity 300ms linear, height 150ms ease-out',
|
|
118
126
|
} }));
|
|
119
127
|
}
|
|
120
128
|
exports.CoinflowCardForm = (0, react_1.memo)(CoinflowCardFormComponent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowCardFormV2.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardFormV2.tsx"],"names":[],"mappings":";;;;AAAA,uDAUe;AACf,kEAAiC;AACjC,sCAKmB;AA6BnB,SAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,UAAU,EACV,GAAG,EACH,KAAK,EACL,KAAK,EACL,MAAM,GACyD;IAC/D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CoinflowCardFormV2.js","sourceRoot":"","sources":["../../../src/card-form/CoinflowCardFormV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CoinflowEnvs, doInitializeCvvOnlyTokenExIframe, doInitializeTokenExCardOnlyIframe, doInitializeTokenExIframe, setTokenExScriptTag, TokenExIframe, MerchantIdOrCheckoutJwt } from '../common';
|
|
2
|
-
export declare function useCardFormIframe({ env, merchantId, checkoutJwt }: {
|
|
2
|
+
export declare function useCardFormIframe({ env, merchantId, checkoutJwt, }: {
|
|
3
3
|
env: CoinflowEnvs;
|
|
4
4
|
} & MerchantIdOrCheckoutJwt): {
|
|
5
5
|
tokenExIframe: TokenExIframe | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CoinflowEnvs } from './CoinflowTypes';
|
|
2
|
-
export declare function initCoinflowProtection({ coinflowEnv, merchantId }: {
|
|
2
|
+
export declare function initCoinflowProtection({ coinflowEnv, merchantId, }: {
|
|
3
3
|
coinflowEnv: CoinflowEnvs;
|
|
4
4
|
merchantId: string;
|
|
5
5
|
}): Promise<void>;
|
|
@@ -5,10 +5,7 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const web_client_sdk_1 = tslib_1.__importDefault(require("@nsure-ai/web-client-sdk"));
|
|
6
6
|
const CoinflowUtils_1 = require("./CoinflowUtils");
|
|
7
7
|
const CoinflowProtectionSession_1 = require("./CoinflowProtectionSession");
|
|
8
|
-
const
|
|
9
|
-
prod: '9JBW2RHC7JNJN8ZQ',
|
|
10
|
-
sandbox: 'SANDBOX_CTCE4XK53ZW0R7V1',
|
|
11
|
-
};
|
|
8
|
+
const NSURE_APP_ID = '9JBW2RHC7JNJN8ZQ';
|
|
12
9
|
const PROTECTION_SESSION_PROJECT_IDS = {
|
|
13
10
|
prod: '315da543-c486-435a-aa21-53844c469822',
|
|
14
11
|
sandbox: 'e9f629c4-80ee-4c6d-967e-62af47d8679e',
|
|
@@ -20,7 +17,7 @@ async function initCoinflowProtection({ coinflowEnv, merchantId, }) {
|
|
|
20
17
|
if (!hasUrlDeviceId) {
|
|
21
18
|
const partnerId = await new CoinflowUtils_1.CoinflowUtils(coinflowEnv).getNSurePartnerId(merchantId);
|
|
22
19
|
if (partnerId) {
|
|
23
|
-
const appId =
|
|
20
|
+
const appId = NSURE_APP_ID;
|
|
24
21
|
try {
|
|
25
22
|
web_client_sdk_1.default.init(appId, partnerId);
|
|
26
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowProtectionInit.js","sourceRoot":"","sources":["../../../src/common/CoinflowProtectionInit.ts"],"names":[],"mappings":";;;;AAAA,sFAAgD;AAChD,mDAAmE;AACnE,2EAAkE;AAGlE,MAAM,
|
|
1
|
+
{"version":3,"file":"CoinflowProtectionInit.js","sourceRoot":"","sources":["../../../src/common/CoinflowProtectionInit.ts"],"names":[],"mappings":";;;;AAAA,sFAAgD;AAChD,mDAAmE;AACnE,2EAAkE;AAGlE,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAExC,MAAM,8BAA8B,GAA2B;IAC7D,IAAI,EAAE,sCAAsC;IAC5C,OAAO,EAAE,sCAAsC;CAChD,CAAC;AAEK,KAAK,iCAAiC,EAC3C,WAAW,EACX,UAAU,GAIX;IACC,MAAM,GAAG,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,MAAM,cAAc,GAClB,OAAO,MAAM,KAAK,WAAW;QAC7B,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAE9D,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,MAAM,IAAI,6BAAa,CAAC,WAAW,CAAC,CAAC,iBAAiB,CACtE,UAAU,CACX,CAAC;QACF,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,KAAK,GAAG,YAAY,CAAC;YAC3B,IAAI,CAAC;gBACH,wBAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAClC,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;gBACpD,IAAA,mCAAmB,EAAC;oBAClB,KAAK,EAAE,WAAW;oBAClB,KAAK,EAAE,CAAC;oBACR,GAAG,EAAE,WAAW;oBAChB,UAAU;iBACX,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IAED,2CAA2C;IAC3C,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAC;QACvE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,SAAS,GACb,8BAA8B,CAAC,GAAG,CAAC;gBACnC,8BAA8B,CAAC,SAAS,CAAC,CAAC;YAC5C,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;oBAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAChD,MAAM,CAAC,GAAG,GAAG,4BAA4B,GAAG,YAAY,CAAC;oBACzD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;oBACpB,MAAM,CAAC,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;oBACtD,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;wBACnB,IAAA,iDAAqB,EAAC,EAAC,UAAU,EAAE,GAAG,EAAE,WAAW,EAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACtE,CAAC,CAAC;oBACF,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE;wBACnB,IAAA,mCAAmB,EAAC;4BAClB,KAAK,EAAE,iBAAiB;4BACxB,KAAK,EAAE,CAAC;4BACR,GAAG,EAAE,WAAW;4BAChB,UAAU;yBACX,CAAC,CAAC;wBACH,OAAO,EAAE,CAAC;oBACZ,CAAC,CAAC;oBACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBACpC,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC"}
|