@coinflowlabs/react 5.15.0 → 5.17.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/CoinflowIFrame.d.ts +1 -0
- package/build/cjs/CoinflowIFrame.js +5 -0
- package/build/cjs/CoinflowIFrame.js.map +1 -1
- package/build/cjs/CoinflowPayPalButton.d.ts +28 -0
- package/build/cjs/CoinflowPayPalButton.js +140 -0
- package/build/cjs/CoinflowPayPalButton.js.map +1 -0
- package/build/cjs/CoinflowVenmoButton.d.ts +27 -0
- package/build/cjs/CoinflowVenmoButton.js +94 -0
- package/build/cjs/CoinflowVenmoButton.js.map +1 -0
- package/build/cjs/common/CoinflowLibMessageHandlers.d.ts +7 -1
- package/build/cjs/common/CoinflowLibMessageHandlers.js +6 -0
- package/build/cjs/common/CoinflowLibMessageHandlers.js.map +1 -1
- package/build/cjs/common/CoinflowTypes.d.ts +4 -1
- package/build/cjs/common/CoinflowTypes.js +8 -2
- package/build/cjs/common/CoinflowTypes.js.map +1 -1
- package/build/cjs/index.d.ts +2 -0
- package/build/cjs/index.js +2 -0
- package/build/cjs/index.js.map +1 -1
- package/build/esm/CoinflowIFrame.d.ts +1 -0
- package/build/esm/CoinflowIFrame.js +5 -0
- package/build/esm/CoinflowIFrame.js.map +1 -1
- package/build/esm/CoinflowPayPalButton.d.ts +28 -0
- package/build/esm/CoinflowPayPalButton.js +136 -0
- package/build/esm/CoinflowPayPalButton.js.map +1 -0
- package/build/esm/CoinflowVenmoButton.d.ts +27 -0
- package/build/esm/CoinflowVenmoButton.js +90 -0
- package/build/esm/CoinflowVenmoButton.js.map +1 -0
- package/build/esm/common/CoinflowLibMessageHandlers.d.ts +7 -1
- package/build/esm/common/CoinflowLibMessageHandlers.js +6 -0
- package/build/esm/common/CoinflowLibMessageHandlers.js.map +1 -1
- package/build/esm/common/CoinflowTypes.d.ts +4 -1
- package/build/esm/common/CoinflowTypes.js +8 -2
- package/build/esm/common/CoinflowTypes.js.map +1 -1
- package/build/esm/index.d.ts +2 -0
- package/build/esm/index.js +2 -0
- package/build/esm/index.js.map +1 -1
- package/build/tsconfig.cjs.tsbuildinfo +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -80,6 +80,14 @@ Props:
|
|
|
80
80
|
|
|
81
81
|
# Changelog
|
|
82
82
|
|
|
83
|
+
## 5.17.0
|
|
84
|
+
|
|
85
|
+
- Added `CoinflowVenmoButton` to let merchants embed the Venmo button in their own checkout UI
|
|
86
|
+
|
|
87
|
+
## 5.16.0
|
|
88
|
+
|
|
89
|
+
- Added `CoinflowPayPalButton` to let merchants embed the PayPal button in their own checkout UI
|
|
90
|
+
|
|
83
91
|
## 5.15.0
|
|
84
92
|
|
|
85
93
|
- Added `cardBackground` to `MerchantTheme` to control the inner card-entry surface independently of the outer canvas `background`
|
|
@@ -4,6 +4,7 @@ export type SendAndReceiveMessage = (message: string, isResponseValid: (response
|
|
|
4
4
|
export type CoinflowIFrameExposedFunctions = {
|
|
5
5
|
sendAndReceiveMessage: SendAndReceiveMessage;
|
|
6
6
|
listenForMessage: (isResponseValid: (response: string) => boolean) => Promise<string>;
|
|
7
|
+
postMessage: (message: string) => void;
|
|
7
8
|
};
|
|
8
9
|
export declare function useRandomHandleHeightChangeId(): string;
|
|
9
10
|
export declare const CoinflowIFrame: React.ForwardRefExoticComponent<((CoinflowIFrameProps | CoinflowIntentsIFrameProps) & IFrameMessageHandlers) & React.RefAttributes<unknown>>;
|
|
@@ -47,6 +47,11 @@ exports.CoinflowIFrame = (0, react_1.forwardRef)((props, ref) => {
|
|
|
47
47
|
sendMessage(message);
|
|
48
48
|
return this.listenForMessage(isResponseValid);
|
|
49
49
|
},
|
|
50
|
+
postMessage(message) {
|
|
51
|
+
if (!IFrameRef?.current?.contentWindow)
|
|
52
|
+
return;
|
|
53
|
+
IFrameRef.current.contentWindow.postMessage(message, '*');
|
|
54
|
+
},
|
|
50
55
|
}));
|
|
51
56
|
const handleIframeMessages = (0, react_1.useCallback)(({ data, origin }) => {
|
|
52
57
|
const expectedOrigin = new URL(common_1.CoinflowUtils.getCoinflowBaseUrl(props.env)).origin;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":";;;;;AAAA,uDAQe;AACf,qCAMkB;
|
|
1
|
+
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":";;;;;AAAA,uDAQe;AACf,qCAMkB;AAclB;IACE,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACpE,CAAC;AAEY,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,KACuB,EACvB,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvB,OAAO,UAAU,IAAI,KAAK;YACxB,CAAC,CAAC,sBAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC;YAC5C,CAAC,CAAC,sBAAa,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,EAAE;QAClD,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa;YACpC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACxC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,2BAAmB,EAA0C,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACvE,KAAK,CAAC,gBAAgB,CACpB,eAA8C;YAE9C,IAAI,OAAiE,CAAC;YACtE,OAAO,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBAC7C,OAAO,GAAG,CAAC,EAAC,IAAI,EAAE,MAAM,EAAiC,EAAE,EAAE;oBAC3D,MAAM,cAAc,GAAG,IAAI,GAAG,CAC5B,sBAAa,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAC5C,CAAC,MAAM,CAAC;oBACT,IAAI,MAAM,KAAK,cAAc;wBAAE,OAAO;oBAEtC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;wBAC7B,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC7C,OAAO;oBACT,CAAC;oBAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;wBAAE,OAAO;oBACnC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChB,CAAC,CAAC;gBAEF,IAAI,CAAC,MAAM;oBAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;gBACnD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;QACL,CAAC;QAED,KAAK,CAAC,qBAAqB,CACzB,OAAe,EACf,eAA8C;YAE9C,WAAW,CAAC,OAAO,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAChD,CAAC;QAED,WAAW,CAAC,OAAe;YACzB,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa;gBAAE,OAAO;YAC/C,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAC5D,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EACtC,CAAC,EAAC,IAAI,EAAE,MAAM,EAAiC,EAAE,EAAE;QACjD,MAAM,cAAc,GAAG,IAAI,GAAG,CAC5B,sBAAa,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAC5C,CAAC,MAAM,CAAC;QACT,IAAI,MAAM,KAAK,cAAc;YAAE,OAAO;QAEtC,MAAM,OAAO,GAAG,IAAA,4BAAmB,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,CAAC,oBAAoB,CAC3B,CAAC;QACF,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1E,CAAC,EACD,CAAC,KAAK,EAAE,WAAW,CAAC,CACrB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACnD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAE/B,gHAAgH;QAChH,SAAS,CAAC,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC;IACnC,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,CACJ,0CACE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC5C,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,SAAS,CAAC,OAAO;gBAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC/D,CAAC,EACD,KAAK,EAAE,4CAA4C,EACnD,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,sBAAsB;SACnC,EACD,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,GAAG,EACf,GAAG,EAAE,GAAG,GACR,CACH,EACD,CAAC,SAAS,EAAE,kBAAkB,EAAE,GAAG,CAAC,CACrC,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { CoinflowPurchaseProps } from './common';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { MobileWalletButtonProps } from './MobileWalletButton';
|
|
4
|
+
export type CoinflowPayPalButtonProps = CoinflowPurchaseProps & MobileWalletButtonProps & {
|
|
5
|
+
/**
|
|
6
|
+
* Id of an element the PayPal approval overlay should fill while it's open
|
|
7
|
+
* (e.g. a full-screen backdrop the merchant renders). When PayPal's modal
|
|
8
|
+
* opens, the button iframe is positioned over this element's bounds; on
|
|
9
|
+
* close it returns to the inline button.
|
|
10
|
+
*/
|
|
11
|
+
overlayId: string;
|
|
12
|
+
/** Phone number tied to the PayPal account, used to create the order. */
|
|
13
|
+
phoneNumber?: {
|
|
14
|
+
countryCode: string;
|
|
15
|
+
nationalNumber: string;
|
|
16
|
+
};
|
|
17
|
+
/** Saved PayPal account token, used to create the order directly. */
|
|
18
|
+
token?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Fires once the PayPal purchase is approved/complete, with the resulting
|
|
21
|
+
* payment. Use it to drive your own post-purchase UI (the hosted iframe
|
|
22
|
+
* shows its own "purchase complete" screen; the standalone button doesn't).
|
|
23
|
+
*/
|
|
24
|
+
onApprove: (info: {
|
|
25
|
+
paymentId: string;
|
|
26
|
+
}) => void;
|
|
27
|
+
};
|
|
28
|
+
export declare function CoinflowPayPalButton(props: CoinflowPayPalButtonProps): React.JSX.Element;
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CoinflowPayPalButton = CoinflowPayPalButton;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const common_1 = require("./common");
|
|
6
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
const CoinflowIFrame_1 = require("./CoinflowIFrame");
|
|
8
|
+
function CoinflowPayPalButton(props) {
|
|
9
|
+
const { overlayId, onError, onApprove, env, email, phoneNumber, token } = props;
|
|
10
|
+
const iframeRef = (0, react_1.useRef)(null);
|
|
11
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
12
|
+
const [overlayOpen, setOverlayOpen] = (0, react_1.useState)(false);
|
|
13
|
+
const [overlayBounds, setOverlayBounds] = (0, react_1.useState)(null);
|
|
14
|
+
const [loaded, setLoaded] = (0, react_1.useState)(false);
|
|
15
|
+
const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
|
|
16
|
+
const hasIdentifier = Boolean(email || phoneNumber || token);
|
|
17
|
+
const iframeProps = (0, react_1.useMemo)(() => {
|
|
18
|
+
const walletPubkey = (0, common_1.getWalletPubkey)(props);
|
|
19
|
+
return {
|
|
20
|
+
...props,
|
|
21
|
+
email: undefined,
|
|
22
|
+
walletPubkey,
|
|
23
|
+
transaction: undefined,
|
|
24
|
+
routePrefix: 'form',
|
|
25
|
+
route: `/paypal/${props.merchantId}`,
|
|
26
|
+
handleHeightChangeId,
|
|
27
|
+
};
|
|
28
|
+
}, [handleHeightChangeId, props]);
|
|
29
|
+
const identifierMessage = (0, react_1.useMemo)(() => JSON.stringify({
|
|
30
|
+
method: 'paypalIdentifier',
|
|
31
|
+
email: email || undefined,
|
|
32
|
+
phoneNumber: phoneNumber || undefined,
|
|
33
|
+
token: token || undefined,
|
|
34
|
+
}), [email, phoneNumber, token]);
|
|
35
|
+
(0, react_1.useEffect)(() => {
|
|
36
|
+
iframeRef.current
|
|
37
|
+
?.listenForMessage(data => {
|
|
38
|
+
try {
|
|
39
|
+
return JSON.parse(data).method === 'loaded';
|
|
40
|
+
}
|
|
41
|
+
catch {
|
|
42
|
+
return false;
|
|
43
|
+
}
|
|
44
|
+
})
|
|
45
|
+
.then(() => setLoaded(true))
|
|
46
|
+
.catch(() => undefined);
|
|
47
|
+
}, []);
|
|
48
|
+
(0, react_1.useEffect)(() => {
|
|
49
|
+
if (!loaded)
|
|
50
|
+
return;
|
|
51
|
+
iframeRef.current?.postMessage(identifierMessage);
|
|
52
|
+
}, [loaded, identifierMessage]);
|
|
53
|
+
const messageHandlers = (0, react_1.useMemo)(() => ({
|
|
54
|
+
...(0, common_1.getHandlers)(props),
|
|
55
|
+
handleHeightChange: props.handleHeightChange,
|
|
56
|
+
handleOverlay: (state) => setOverlayOpen(state === 'open'),
|
|
57
|
+
}), [props]);
|
|
58
|
+
(0, react_1.useEffect)(() => {
|
|
59
|
+
if (!overlayId || !loaded || overlayBounds)
|
|
60
|
+
return;
|
|
61
|
+
const sendOffset = () => {
|
|
62
|
+
const container = containerRef.current;
|
|
63
|
+
const el = document.getElementById(overlayId);
|
|
64
|
+
if (!container || !el)
|
|
65
|
+
return;
|
|
66
|
+
const b = container.getBoundingClientRect();
|
|
67
|
+
const p = el.getBoundingClientRect();
|
|
68
|
+
iframeRef.current?.postMessage(JSON.stringify({
|
|
69
|
+
method: 'paypalOverlayOffset',
|
|
70
|
+
top: b.top - p.top,
|
|
71
|
+
left: b.left - p.left,
|
|
72
|
+
width: b.width,
|
|
73
|
+
height: b.height,
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
sendOffset();
|
|
77
|
+
window.addEventListener('resize', sendOffset);
|
|
78
|
+
return () => window.removeEventListener('resize', sendOffset);
|
|
79
|
+
}, [overlayId, loaded, overlayBounds]);
|
|
80
|
+
(0, react_1.useEffect)(() => {
|
|
81
|
+
if (!overlayOpen || !overlayId) {
|
|
82
|
+
setOverlayBounds(null);
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
const measure = () => {
|
|
86
|
+
const el = document.getElementById(overlayId);
|
|
87
|
+
setOverlayBounds(el ? el.getBoundingClientRect() : null);
|
|
88
|
+
};
|
|
89
|
+
measure();
|
|
90
|
+
window.addEventListener('resize', measure);
|
|
91
|
+
window.addEventListener('scroll', measure, true);
|
|
92
|
+
return () => {
|
|
93
|
+
window.removeEventListener('resize', measure);
|
|
94
|
+
window.removeEventListener('scroll', measure, true);
|
|
95
|
+
};
|
|
96
|
+
}, [overlayOpen, overlayId]);
|
|
97
|
+
(0, react_1.useEffect)(() => {
|
|
98
|
+
if (!onError && !onApprove)
|
|
99
|
+
return;
|
|
100
|
+
const expectedOrigin = new URL(common_1.CoinflowUtils.getCoinflowBaseUrl(env))
|
|
101
|
+
.origin;
|
|
102
|
+
const handler = (e) => {
|
|
103
|
+
if (e.origin !== expectedOrigin)
|
|
104
|
+
return;
|
|
105
|
+
if (typeof e.data !== 'string')
|
|
106
|
+
return;
|
|
107
|
+
try {
|
|
108
|
+
const res = JSON.parse(e.data);
|
|
109
|
+
if (typeof res?.data === 'string' && res.data.startsWith('ERROR'))
|
|
110
|
+
onError?.(res.info ?? res.data);
|
|
111
|
+
else if (res?.method === 'success')
|
|
112
|
+
onApprove(res.info ?? {});
|
|
113
|
+
}
|
|
114
|
+
catch {
|
|
115
|
+
// Ignore non-JSON messages.
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
window.addEventListener('message', handler);
|
|
119
|
+
return () => window.removeEventListener('message', handler);
|
|
120
|
+
}, [onError, onApprove, env]);
|
|
121
|
+
const containerStyle = overlayBounds
|
|
122
|
+
? {
|
|
123
|
+
position: 'fixed',
|
|
124
|
+
top: overlayBounds.top,
|
|
125
|
+
left: overlayBounds.left,
|
|
126
|
+
width: overlayBounds.width,
|
|
127
|
+
height: overlayBounds.height,
|
|
128
|
+
zIndex: 2147483647,
|
|
129
|
+
}
|
|
130
|
+
: {
|
|
131
|
+
position: 'relative',
|
|
132
|
+
height: '100%',
|
|
133
|
+
...(hasIdentifier
|
|
134
|
+
? {}
|
|
135
|
+
: { opacity: 0.5, pointerEvents: 'none', cursor: 'not-allowed' }),
|
|
136
|
+
};
|
|
137
|
+
return (react_1.default.createElement("div", { ref: containerRef, style: containerStyle },
|
|
138
|
+
react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers })));
|
|
139
|
+
}
|
|
140
|
+
//# sourceMappingURL=CoinflowPayPalButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CoinflowPayPalButton.js","sourceRoot":"","sources":["../../src/CoinflowPayPalButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CoinflowPurchaseProps } from './common';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { MobileWalletButtonProps } from './MobileWalletButton';
|
|
4
|
+
export type CoinflowVenmoButtonProps = CoinflowPurchaseProps & MobileWalletButtonProps & {
|
|
5
|
+
/** Phone number tied to the Venmo account, used to create the order. */
|
|
6
|
+
phoneNumber?: {
|
|
7
|
+
countryCode: string;
|
|
8
|
+
nationalNumber: string;
|
|
9
|
+
};
|
|
10
|
+
/** Saved Venmo account token, used to create the order directly. */
|
|
11
|
+
token?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Fires once the Venmo purchase is approved/complete, with the resulting
|
|
14
|
+
* payment. Use it to drive your own post-purchase UI (the hosted iframe
|
|
15
|
+
* shows its own "purchase complete" screen; the standalone button doesn't).
|
|
16
|
+
*/
|
|
17
|
+
onApprove: (info: {
|
|
18
|
+
paymentId: string;
|
|
19
|
+
}) => void;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Standalone Venmo button merchants can embed in their own checkout UI. Unlike
|
|
23
|
+
* PayPal, Venmo's approval flow runs in a popup window rather than an in-page
|
|
24
|
+
* overlay, so the button iframe stays inline — there's no overlay element to
|
|
25
|
+
* position over and no `overlayId` prop.
|
|
26
|
+
*/
|
|
27
|
+
export declare function CoinflowVenmoButton(props: CoinflowVenmoButtonProps): React.JSX.Element;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CoinflowVenmoButton = CoinflowVenmoButton;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const common_1 = require("./common");
|
|
6
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
const CoinflowIFrame_1 = require("./CoinflowIFrame");
|
|
8
|
+
/**
|
|
9
|
+
* Standalone Venmo button merchants can embed in their own checkout UI. Unlike
|
|
10
|
+
* PayPal, Venmo's approval flow runs in a popup window rather than an in-page
|
|
11
|
+
* overlay, so the button iframe stays inline — there's no overlay element to
|
|
12
|
+
* position over and no `overlayId` prop.
|
|
13
|
+
*/
|
|
14
|
+
function CoinflowVenmoButton(props) {
|
|
15
|
+
const { onError, onApprove, env, email, phoneNumber, token } = props;
|
|
16
|
+
const iframeRef = (0, react_1.useRef)(null);
|
|
17
|
+
const [loaded, setLoaded] = (0, react_1.useState)(false);
|
|
18
|
+
const handleHeightChangeId = (0, CoinflowIFrame_1.useRandomHandleHeightChangeId)();
|
|
19
|
+
const hasIdentifier = Boolean(email || phoneNumber || token);
|
|
20
|
+
const iframeProps = (0, react_1.useMemo)(() => {
|
|
21
|
+
const walletPubkey = (0, common_1.getWalletPubkey)(props);
|
|
22
|
+
return {
|
|
23
|
+
...props,
|
|
24
|
+
email: undefined,
|
|
25
|
+
walletPubkey,
|
|
26
|
+
transaction: undefined,
|
|
27
|
+
routePrefix: 'form',
|
|
28
|
+
route: `/venmo/${props.merchantId}`,
|
|
29
|
+
handleHeightChangeId,
|
|
30
|
+
};
|
|
31
|
+
}, [handleHeightChangeId, props]);
|
|
32
|
+
const identifierMessage = (0, react_1.useMemo)(() => JSON.stringify({
|
|
33
|
+
method: 'venmoIdentifier',
|
|
34
|
+
email: email || undefined,
|
|
35
|
+
phoneNumber: phoneNumber || undefined,
|
|
36
|
+
token: token || undefined,
|
|
37
|
+
}), [email, phoneNumber, token]);
|
|
38
|
+
(0, react_1.useEffect)(() => {
|
|
39
|
+
iframeRef.current
|
|
40
|
+
?.listenForMessage(data => {
|
|
41
|
+
try {
|
|
42
|
+
return JSON.parse(data).method === 'loaded';
|
|
43
|
+
}
|
|
44
|
+
catch {
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
})
|
|
48
|
+
.then(() => setLoaded(true))
|
|
49
|
+
.catch(() => undefined);
|
|
50
|
+
}, []);
|
|
51
|
+
(0, react_1.useEffect)(() => {
|
|
52
|
+
if (!loaded)
|
|
53
|
+
return;
|
|
54
|
+
iframeRef.current?.postMessage(identifierMessage);
|
|
55
|
+
}, [loaded, identifierMessage]);
|
|
56
|
+
const messageHandlers = (0, react_1.useMemo)(() => ({
|
|
57
|
+
...(0, common_1.getHandlers)(props),
|
|
58
|
+
handleHeightChange: props.handleHeightChange,
|
|
59
|
+
}), [props]);
|
|
60
|
+
(0, react_1.useEffect)(() => {
|
|
61
|
+
if (!onError && !onApprove)
|
|
62
|
+
return;
|
|
63
|
+
const expectedOrigin = new URL(common_1.CoinflowUtils.getCoinflowBaseUrl(env))
|
|
64
|
+
.origin;
|
|
65
|
+
const handler = (e) => {
|
|
66
|
+
if (e.origin !== expectedOrigin)
|
|
67
|
+
return;
|
|
68
|
+
if (typeof e.data !== 'string')
|
|
69
|
+
return;
|
|
70
|
+
try {
|
|
71
|
+
const res = JSON.parse(e.data);
|
|
72
|
+
if (typeof res?.data === 'string' && res.data.startsWith('ERROR'))
|
|
73
|
+
onError?.(res.info ?? res.data);
|
|
74
|
+
else if (res?.method === 'success')
|
|
75
|
+
onApprove(res.info ?? {});
|
|
76
|
+
}
|
|
77
|
+
catch {
|
|
78
|
+
// Ignore non-JSON messages.
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
window.addEventListener('message', handler);
|
|
82
|
+
return () => window.removeEventListener('message', handler);
|
|
83
|
+
}, [onError, onApprove, env]);
|
|
84
|
+
const containerStyle = {
|
|
85
|
+
position: 'relative',
|
|
86
|
+
height: '100%',
|
|
87
|
+
...(hasIdentifier
|
|
88
|
+
? {}
|
|
89
|
+
: { opacity: 0.5, pointerEvents: 'none', cursor: 'not-allowed' }),
|
|
90
|
+
};
|
|
91
|
+
return (react_1.default.createElement("div", { style: containerStyle },
|
|
92
|
+
react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers })));
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=CoinflowVenmoButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CoinflowVenmoButton.js","sourceRoot":"","sources":["../../src/CoinflowVenmoButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,11 @@ export interface IFrameMessageHandlers {
|
|
|
18
18
|
handleHeightChange?: (height: string) => void;
|
|
19
19
|
onSuccess: OnSuccessMethod | undefined;
|
|
20
20
|
onAuthDeclined: OnAuthDeclinedMethod | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* Called when the iframe opens/closes an in-page overlay (e.g. the PayPal
|
|
23
|
+
* approval modal). `state` is 'open' or 'close'.
|
|
24
|
+
*/
|
|
25
|
+
handleOverlay?: (state: string) => void;
|
|
21
26
|
}
|
|
22
27
|
export declare enum IFrameMessageMethods {
|
|
23
28
|
SignMessage = "signMessage",
|
|
@@ -28,7 +33,8 @@ export declare enum IFrameMessageMethods {
|
|
|
28
33
|
AuthDeclined = "authDeclined",
|
|
29
34
|
Loaded = "loaded",
|
|
30
35
|
AccountLinked = "accountLinked",
|
|
31
|
-
Redirect = "redirect"
|
|
36
|
+
Redirect = "redirect",
|
|
37
|
+
Overlay = "overlay"
|
|
32
38
|
}
|
|
33
39
|
export declare function getWalletPubkey(input: Pick<CoinflowPurchaseProps, 'wallet' | 'blockchain'>): string | null | undefined;
|
|
34
40
|
export declare function handleIFrameMessage(rawMessage: string, handlers: IFrameMessageHandlers, handleHeightChangeId: string | number): Promise<string> | void;
|
|
@@ -17,6 +17,7 @@ var IFrameMessageMethods;
|
|
|
17
17
|
IFrameMessageMethods["Loaded"] = "loaded";
|
|
18
18
|
IFrameMessageMethods["AccountLinked"] = "accountLinked";
|
|
19
19
|
IFrameMessageMethods["Redirect"] = "redirect";
|
|
20
|
+
IFrameMessageMethods["Overlay"] = "overlay";
|
|
20
21
|
})(IFrameMessageMethods || (exports.IFrameMessageMethods = IFrameMessageMethods = {}));
|
|
21
22
|
function getWalletPubkey(input) {
|
|
22
23
|
let wallet;
|
|
@@ -83,6 +84,11 @@ function handleIFrameMessage(rawMessage, handlers, handleHeightChangeId) {
|
|
|
83
84
|
case IFrameMessageMethods.Redirect:
|
|
84
85
|
window.open(data, '_blank');
|
|
85
86
|
return;
|
|
87
|
+
case IFrameMessageMethods.Overlay:
|
|
88
|
+
if (!handlers.handleOverlay)
|
|
89
|
+
return;
|
|
90
|
+
handlers.handleOverlay(data);
|
|
91
|
+
return;
|
|
86
92
|
}
|
|
87
93
|
console.warn(`Didn't expect to get here, handleIFrameMessage method:${method} is not one of ${Object.values(IFrameMessageMethods)}`);
|
|
88
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowLibMessageHandlers.js","sourceRoot":"","sources":["../../../src/common/CoinflowLibMessageHandlers.ts"],"names":[],"mappings":";;;;;;AAWA,mDAA8C;AAE9C,qDAA8C;
|
|
1
|
+
{"version":3,"file":"CoinflowLibMessageHandlers.js","sourceRoot":"","sources":["../../../src/common/CoinflowLibMessageHandlers.ts"],"names":[],"mappings":"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"}
|
|
@@ -267,7 +267,10 @@ export declare enum PaymentMethods {
|
|
|
267
267
|
crypto = "crypto",
|
|
268
268
|
wire = "wire",
|
|
269
269
|
cashApp = "cashApp",
|
|
270
|
-
|
|
270
|
+
apa = "apa",
|
|
271
|
+
paypal = "paypal",
|
|
272
|
+
venmo = "venmo",
|
|
273
|
+
interac = "interac"
|
|
271
274
|
}
|
|
272
275
|
export declare const paymentMethodLabels: Record<PaymentMethods, string>;
|
|
273
276
|
export interface CoinflowCommonPaymentIntentProps extends Omit<CoinflowTypes, 'blockchain'> {
|
|
@@ -67,7 +67,10 @@ var PaymentMethods;
|
|
|
67
67
|
PaymentMethods["crypto"] = "crypto";
|
|
68
68
|
PaymentMethods["wire"] = "wire";
|
|
69
69
|
PaymentMethods["cashApp"] = "cashApp";
|
|
70
|
-
PaymentMethods["
|
|
70
|
+
PaymentMethods["apa"] = "apa";
|
|
71
|
+
PaymentMethods["paypal"] = "paypal";
|
|
72
|
+
PaymentMethods["venmo"] = "venmo";
|
|
73
|
+
PaymentMethods["interac"] = "interac";
|
|
71
74
|
})(PaymentMethods || (exports.PaymentMethods = PaymentMethods = {}));
|
|
72
75
|
exports.paymentMethodLabels = {
|
|
73
76
|
[PaymentMethods.card]: 'Card',
|
|
@@ -82,7 +85,10 @@ exports.paymentMethodLabels = {
|
|
|
82
85
|
[PaymentMethods.crypto]: 'Crypto',
|
|
83
86
|
[PaymentMethods.wire]: 'Wire Transfer',
|
|
84
87
|
[PaymentMethods.cashApp]: 'CashApp',
|
|
85
|
-
[PaymentMethods.
|
|
88
|
+
[PaymentMethods.apa]: 'APA',
|
|
89
|
+
[PaymentMethods.paypal]: 'PayPal',
|
|
90
|
+
[PaymentMethods.venmo]: 'Venmo',
|
|
91
|
+
[PaymentMethods.interac]: 'Interac',
|
|
86
92
|
};
|
|
87
93
|
var CardType;
|
|
88
94
|
(function (CardType) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowTypes.js","sourceRoot":"","sources":["../../../src/common/CoinflowTypes.ts"],"names":[],"mappings":";;;;;AAaA,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,gBAAgB,aAAhB,gBAAgB,GAAhB,gBAAgB,QAI3B;AAED,IAAY,aAYX;AAZD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;IACrB,8BAAa,CAAA;IACb,8BAAa,CAAA;IACb,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,gCAAe,CAAA;IACf,kCAAiB,CAAA;IACjB,8BAAa,CAAA;IACb,oCAAmB,CAAA;AACrB,CAAC,EAZW,aAAa,aAAb,aAAa,GAAb,aAAa,QAYxB;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,+BAAa,CAAA;IACb,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,aAAd,cAAc,GAAd,cAAc,QAIzB;AAoDD,8BACE,MAA+B;IAE/B,OAAO,WAAW,IAAI,MAAM,CAAC;AAC/B,CAAC;AAED,uCACE,MAA+B;IAE/B,OAAO,4BAA4B,IAAI,MAAM,CAAC;AAChD,CAAC;AAED,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;IACf,8BAAa,CAAA;AACf,CAAC,EAJW,aAAa,aAAb,aAAa,GAAb,aAAa,QAIxB;AA6OD,IAAY,+BAIX;AAJD,WAAY,+BAA+B;IACzC,kDAAe,CAAA;IACf,sDAAmB,CAAA;IACnB,wDAAqB,CAAA;AACvB,CAAC,EAJW,+BAA+B,aAA/B,+BAA+B,GAA/B,+BAA+B,QAI1C;AAqBD,IAAY,0BAIX;AAJD,WAAY,0BAA0B;IACpC,2DAA6B,CAAA;IAC7B,2DAA6B,CAAA;IAC7B,qDAAuB,CAAA;AACzB,CAAC,EAJW,0BAA0B,aAA1B,0BAA0B,GAA1B,0BAA0B,QAIrC;AAED,IAAY,
|
|
1
|
+
{"version":3,"file":"CoinflowTypes.js","sourceRoot":"","sources":["../../../src/common/CoinflowTypes.ts"],"names":[],"mappings":"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"}
|
package/build/cjs/index.d.ts
CHANGED
|
@@ -11,3 +11,5 @@ export * from './card-form/CoinflowCardFormHeader';
|
|
|
11
11
|
export * from './card-form/CoinflowCardFormV2';
|
|
12
12
|
export * from './CoinflowApplePayButton';
|
|
13
13
|
export * from './CoinflowGooglePayButton';
|
|
14
|
+
export * from './CoinflowPayPalButton';
|
|
15
|
+
export * from './CoinflowVenmoButton';
|
package/build/cjs/index.js
CHANGED
|
@@ -14,4 +14,6 @@ tslib_1.__exportStar(require("./card-form/CoinflowCardFormHeader"), exports);
|
|
|
14
14
|
tslib_1.__exportStar(require("./card-form/CoinflowCardFormV2"), exports);
|
|
15
15
|
tslib_1.__exportStar(require("./CoinflowApplePayButton"), exports);
|
|
16
16
|
tslib_1.__exportStar(require("./CoinflowGooglePayButton"), exports);
|
|
17
|
+
tslib_1.__exportStar(require("./CoinflowPayPalButton"), exports);
|
|
18
|
+
tslib_1.__exportStar(require("./CoinflowVenmoButton"), exports);
|
|
17
19
|
//# 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,yEAA+C;AAC/C,uEAA6C;AAC7C,6EAAmD;AACnD,yEAA+C;AAC/C,mEAAyC;AACzC,oEAA0C"}
|
|
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,yEAA+C;AAC/C,uEAA6C;AAC7C,6EAAmD;AACnD,yEAA+C;AAC/C,mEAAyC;AACzC,oEAA0C;AAC1C,iEAAuC;AACvC,gEAAsC"}
|
|
@@ -4,6 +4,7 @@ export type SendAndReceiveMessage = (message: string, isResponseValid: (response
|
|
|
4
4
|
export type CoinflowIFrameExposedFunctions = {
|
|
5
5
|
sendAndReceiveMessage: SendAndReceiveMessage;
|
|
6
6
|
listenForMessage: (isResponseValid: (response: string) => boolean) => Promise<string>;
|
|
7
|
+
postMessage: (message: string) => void;
|
|
7
8
|
};
|
|
8
9
|
export declare function useRandomHandleHeightChangeId(): string;
|
|
9
10
|
export declare const CoinflowIFrame: React.ForwardRefExoticComponent<((CoinflowIFrameProps | CoinflowIntentsIFrameProps) & IFrameMessageHandlers) & React.RefAttributes<unknown>>;
|
|
@@ -42,6 +42,11 @@ export const CoinflowIFrame = forwardRef((props, ref) => {
|
|
|
42
42
|
sendMessage(message);
|
|
43
43
|
return this.listenForMessage(isResponseValid);
|
|
44
44
|
},
|
|
45
|
+
postMessage(message) {
|
|
46
|
+
if (!IFrameRef?.current?.contentWindow)
|
|
47
|
+
return;
|
|
48
|
+
IFrameRef.current.contentWindow.postMessage(message, '*');
|
|
49
|
+
},
|
|
45
50
|
}));
|
|
46
51
|
const handleIframeMessages = useCallback(({ data, origin }) => {
|
|
47
52
|
const expectedOrigin = new URL(CoinflowUtils.getCoinflowBaseUrl(props.env)).origin;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,aAAa,EACb,mBAAmB,GAEpB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { CoinflowPurchaseProps } from './common';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { MobileWalletButtonProps } from './MobileWalletButton';
|
|
4
|
+
export type CoinflowPayPalButtonProps = CoinflowPurchaseProps & MobileWalletButtonProps & {
|
|
5
|
+
/**
|
|
6
|
+
* Id of an element the PayPal approval overlay should fill while it's open
|
|
7
|
+
* (e.g. a full-screen backdrop the merchant renders). When PayPal's modal
|
|
8
|
+
* opens, the button iframe is positioned over this element's bounds; on
|
|
9
|
+
* close it returns to the inline button.
|
|
10
|
+
*/
|
|
11
|
+
overlayId: string;
|
|
12
|
+
/** Phone number tied to the PayPal account, used to create the order. */
|
|
13
|
+
phoneNumber?: {
|
|
14
|
+
countryCode: string;
|
|
15
|
+
nationalNumber: string;
|
|
16
|
+
};
|
|
17
|
+
/** Saved PayPal account token, used to create the order directly. */
|
|
18
|
+
token?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Fires once the PayPal purchase is approved/complete, with the resulting
|
|
21
|
+
* payment. Use it to drive your own post-purchase UI (the hosted iframe
|
|
22
|
+
* shows its own "purchase complete" screen; the standalone button doesn't).
|
|
23
|
+
*/
|
|
24
|
+
onApprove: (info: {
|
|
25
|
+
paymentId: string;
|
|
26
|
+
}) => void;
|
|
27
|
+
};
|
|
28
|
+
export declare function CoinflowPayPalButton(props: CoinflowPayPalButtonProps): React.JSX.Element;
|