@coinflowlabs/react 5.9.1 → 5.10.0

package/build/esm/CoinflowIFrame.js

@@ -1,81 +1,69 @@
-import { __awaiter, __generator } from "tslib";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, } from 'react';
 import { CoinflowUtils, handleIFrameMessage, } from './common';
 export function useRandomHandleHeightChangeId() {
-    return useMemo(function () { return Math.random().toString(16).substring(2); }, []);
+    return useMemo(() => Math.random().toString(16).substring(2), []);
 }
-export var CoinflowIFrame = forwardRef(function (props, ref) {
-    var IFrameRef = useRef(null);
-    var url = useMemo(function () {
+export const CoinflowIFrame = forwardRef((props, ref) => {
+    const IFrameRef = useRef(null);
+    const url = useMemo(() => {
         return CoinflowUtils.getCoinflowUrl(props);
     }, [props]);
-    var sendMessage = useCallback(function (message) {
-        var _a;
-        if (!((_a = IFrameRef === null || IFrameRef === void 0 ? void 0 : IFrameRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow))
+    const sendMessage = useCallback((message) => {
+        if (!IFrameRef?.current?.contentWindow)
             throw new Error('Iframe not defined');
         IFrameRef.current.contentWindow.postMessage(message, '*');
     }, []);
-    useImperativeHandle(ref, function () { return ({
-        listenForMessage: function (isResponseValid) {
-            return __awaiter(this, void 0, void 0, function () {
-                var handler;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            handler = function (_a) {
-                                var data = _a.data, origin = _a.origin;
-                                if (!origin.includes(CoinflowUtils.getCoinflowBaseUrl(props.env)))
-                                    return;
-                                if (data.startsWith('ERROR')) {
-                                    reject(new Error(data.replace('ERROR', '')));
-                                    return;
-                                }
-                                if (!isResponseValid(data))
-                                    return;
-                                resolve(data);
-                            };
-                            if (!window)
-                                throw new Error('Window not defined');
-                            window.addEventListener('message', handler);
-                        }).finally(function () {
-                            window.removeEventListener('message', handler);
-                        })];
-                });
+    useImperativeHandle(ref, () => ({
+        async listenForMessage(isResponseValid) {
+            let handler;
+            return new Promise((resolve, reject) => {
+                handler = ({ data, origin }) => {
+                    if (!origin.includes(CoinflowUtils.getCoinflowBaseUrl(props.env)))
+                        return;
+                    if (data.startsWith('ERROR')) {
+                        reject(new Error(data.replace('ERROR', '')));
+                        return;
+                    }
+                    if (!isResponseValid(data))
+                        return;
+                    resolve(data);
+                };
+                if (!window)
+                    throw new Error('Window not defined');
+                window.addEventListener('message', handler);
+            }).finally(() => {
+                window.removeEventListener('message', handler);
             });
         },
-        sendAndReceiveMessage: function (message, isResponseValid) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    sendMessage(message);
-                    return [2 /*return*/, this.listenForMessage(isResponseValid)];
-                });
-            });
+        async sendAndReceiveMessage(message, isResponseValid) {
+            sendMessage(message);
+            return this.listenForMessage(isResponseValid);
         },
-    }); });
-    var handleIframeMessages = useCallback(function (_a) {
-        var data = _a.data, origin = _a.origin;
+    }));
+    const handleIframeMessages = useCallback(({ data, origin }) => {
         if (!origin.includes(CoinflowUtils.getCoinflowBaseUrl(props.env)))
             return;
-        var promise = handleIFrameMessage(data, props, props.handleHeightChangeId);
+        const promise = handleIFrameMessage(data, props, props.handleHeightChangeId);
         if (!promise)
             return;
-        promise.then(sendMessage).catch(function (e) { return sendMessage('ERROR ' + e.message); });
+        promise.then(sendMessage).catch(e => sendMessage('ERROR ' + e.message));
     }, [props, sendMessage]);
-    useEffect(function () {
+    useEffect(() => {
         if (!window)
             throw new Error('Window not defined');
         window.addEventListener('message', handleIframeMessages);
-        return function () {
+        return () => {
             window.removeEventListener('message', handleIframeMessages);
         };
     }, [handleIframeMessages]);
-    useLayoutEffect(function () {
+    useLayoutEffect(() => {
         if (!IFrameRef.current)
             return;
         // @ts-expect-error TypeScript doesn't recognize credentialless as a valid attribute in its type definitions yet
         IFrameRef.current.credentialless = true;
     }, []);
-    var handleHeightChange = props.handleHeightChange;
-    return useMemo(function () { return (React.createElement("iframe", { scrolling: handleHeightChange ? 'no' : 'yes', onLoad: function () {
+    const { handleHeightChange } = props;
+    return useMemo(() => (React.createElement("iframe", { scrolling: handleHeightChange ? 'no' : 'yes', onLoad: () => {
             if (IFrameRef.current)
                 IFrameRef.current.style.opacity = '1';
         }, allow: 'payment;camera;clipboard-write', ref: IFrameRef, style: {
@@ -83,6 +71,6 @@ export var CoinflowIFrame = forwardRef(function (props, ref) {
             height: '100%',
             opacity: 0,
             transition: 'opacity 300ms linear',
-        }, title: "withdraw", frameBorder: "0", src: url })); }, [IFrameRef, handleHeightChange, url]);
+        }, title: "withdraw", frameBorder: "0", src: url })), [IFrameRef, handleHeightChange, url]);
 });
 //# sourceMappingURL=CoinflowIFrame.js.map

package/build/esm/CoinflowIFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"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"}

package/build/esm/CoinflowPurchase.js

@@ -1,40 +1,47 @@
-import { __assign, __spreadArray } from "tslib";
 import React, { useMemo, useRef } from 'react';
 import { CoinflowUtils, getHandlers, getWalletPubkey, } from './common';
 import { CoinflowIFrame, useRandomHandleHeightChangeId, } from './CoinflowIFrame';
 import { useOverlay } from './useOverlay';
 function useCoinflowPurchase(purchaseProps, version) {
-    var handleHeightChangeId = useRandomHandleHeightChangeId();
-    var iframeProps = useMemo(function () {
-        var walletPubkey = getWalletPubkey(purchaseProps);
-        return __assign(__assign({}, purchaseProps), { walletPubkey: walletPubkey, route: "/purchase".concat(version, "/").concat(purchaseProps.merchantId), transaction: CoinflowUtils.getTransaction(purchaseProps), handleHeightChangeId: handleHeightChangeId });
+    const handleHeightChangeId = useRandomHandleHeightChangeId();
+    const iframeProps = useMemo(() => {
+        const walletPubkey = getWalletPubkey(purchaseProps);
+        return {
+            ...purchaseProps,
+            walletPubkey,
+            route: `/purchase${version}/${purchaseProps.merchantId}`,
+            transaction: CoinflowUtils.getTransaction(purchaseProps),
+            handleHeightChangeId,
+        };
     }, [handleHeightChangeId, purchaseProps, version]);
-    var messageHandlers = useMemo(function () {
-        return __assign(__assign({}, getHandlers(purchaseProps)), { handleHeightChange: purchaseProps.handleHeightChange });
+    const messageHandlers = useMemo(() => {
+        return {
+            ...getHandlers(purchaseProps),
+            handleHeightChange: purchaseProps.handleHeightChange,
+        };
     }, [purchaseProps]);
-    return { iframeProps: iframeProps, messageHandlers: messageHandlers };
+    return { iframeProps, messageHandlers };
 }
 export function CoinflowPurchase(purchaseProps) {
-    var iframeRef = useRef(null);
-    var _a = useCoinflowPurchase(purchaseProps, '-v2'), iframeProps = _a.iframeProps, messageHandlers = _a.messageHandlers;
-    var showOverlay = useOverlay(iframeRef).showOverlay;
-    var loaderBackground = iframeProps.loaderBackground || '#ffffff'; // white default bg
-    var invertedColor = invertHexColor(loaderBackground);
+    const iframeRef = useRef(null);
+    const { iframeProps, messageHandlers } = useCoinflowPurchase(purchaseProps, '-v2');
+    const { showOverlay } = useOverlay(iframeRef);
+    const loaderBackground = iframeProps.loaderBackground || '#ffffff'; // white default bg
+    const invertedColor = invertHexColor(loaderBackground);
     return (React.createElement("div", { style: styles.container(loaderBackground) },
-        React.createElement(CoinflowIFrame, __assign({ ref: iframeRef }, iframeProps, messageHandlers)),
+        React.createElement(CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers }),
         showOverlay && (React.createElement(LoaderOverlay, { loaderBackground: loaderBackground, invertedColor: invertedColor }))));
 }
-function LoaderOverlay(_a) {
-    var loaderBackground = _a.loaderBackground, invertedColor = _a.invertedColor;
+function LoaderOverlay({ loaderBackground, invertedColor, }) {
     return (React.createElement("div", { style: styles.overlay(loaderBackground) },
         React.createElement(LoaderGrid, { columns: 2 },
             React.createElement(Loader, { loaderBackground: invertedColor }),
             React.createElement(Loader, { loaderBackground: invertedColor })),
         React.createElement(LoaderGrid, { columns: 1 },
             React.createElement(Loader, { height: 80, loaderBackground: invertedColor })),
-        __spreadArray([], Array(3), true).map(function (_, index) { return (React.createElement(LoaderRow, { key: index },
+        [...Array(3)].map((_, index) => (React.createElement(LoaderRow, { key: index },
             React.createElement(Loader, { width: index < 2 ? 80 : 120, height: index < 2 ? 15 : 20, loaderBackground: invertedColor }),
-            React.createElement(Loader, { width: index < 2 ? 60 : 100, height: index < 2 ? 15 : 20, loaderBackground: invertedColor }))); }),
+            React.createElement(Loader, { width: index < 2 ? 60 : 100, height: index < 2 ? 15 : 20, loaderBackground: invertedColor })))),
         React.createElement(LoaderGrid, { columns: 1 },
             React.createElement(Loader, { height: 60, loaderBackground: invertedColor })),
         React.createElement(LoaderGrid, { columns: 1, width: "50%" },
@@ -42,33 +49,33 @@ function LoaderOverlay(_a) {
         React.createElement(LoaderGrid, { columns: 1, width: "40%" },
             React.createElement(Loader, { height: 6, loaderBackground: invertedColor }))));
 }
-function LoaderGrid(_a) {
-    var children = _a.children, columns = _a.columns, _b = _a.width, width = _b === void 0 ? '100%' : _b;
-    return (React.createElement("div", { style: __assign(__assign({}, styles.grid), { gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"), width: width }) }, children));
+function LoaderGrid({ children, columns, width = '100%', }) {
+    return (React.createElement("div", { style: {
+            ...styles.grid,
+            gridTemplateColumns: `repeat(${columns}, 1fr)`,
+            width,
+        } }, children));
 }
-function LoaderRow(_a) {
-    var children = _a.children;
+function LoaderRow({ children }) {
     return React.createElement("div", { style: styles.row }, children);
 }
-function Loader(_a) {
-    var loaderBackground = _a.loaderBackground, _b = _a.height, height = _b === void 0 ? 40 : _b, width = _a.width;
+function Loader({ loaderBackground, height = 40, width, }) {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { style: styles.loader(loaderBackground, height, width) }),
         React.createElement("style", null, styles.keyframes)));
 }
 function invertHexColor(hex) {
-    var _a;
     hex = hex.replace(/^#/, '');
-    var rgb = ((_a = hex.match(/.{2}/g)) === null || _a === void 0 ? void 0 : _a.map(function (val) { return 255 - parseInt(val, 16); })) || [];
-    return "#".concat(rgb.map(function (val) { return val.toString(16).padStart(2, '0'); }).join(''));
+    const rgb = hex.match(/.{2}/g)?.map(val => 255 - parseInt(val, 16)) || [];
+    return `#${rgb.map(val => val.toString(16).padStart(2, '0')).join('')}`;
 }
-var styles = {
-    container: function (bg) { return ({
+const styles = {
+    container: (bg) => ({
         position: 'relative',
         height: '100%',
         backgroundColor: bg,
-    }); },
-    overlay: function (bg) { return ({
+    }),
+    overlay: (bg) => ({
         backgroundColor: bg,
         display: 'flex',
         color: 'gray',
@@ -83,7 +90,7 @@ var styles = {
         gap: '20px',
         zIndex: 10,
         padding: '20px',
-    }); },
+    }),
     grid: {
         display: 'grid',
         gap: '20px',
@@ -94,13 +101,18 @@ var styles = {
         justifyContent: 'space-between',
         width: '100%',
     },
-    loader: function (bg, height, width) { return ({
-        width: width ? "".concat(width, "px") : '100%',
-        height: "".concat(height, "px"),
+    loader: (bg, height, width) => ({
+        width: width ? `${width}px` : '100%',
+        height: `${height}px`,
         backgroundColor: bg,
         borderRadius: '4px',
         animation: 'pulse 1.5s infinite',
-    }); },
-    keyframes: "\n    @keyframes pulse {\n      0%, 100% { opacity: 0.07; }\n      50% { opacity: 0.03; }\n    }\n  ",
+    }),
+    keyframes: `
+    @keyframes pulse {
+      0%, 100% { opacity: 0.07; }
+      50% { opacity: 0.03; }
+    }
+  `,
 };
 //# sourceMappingURL=CoinflowPurchase.js.map

package/build/esm/CoinflowPurchase.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":"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"}

package/build/esm/CoinflowPurchaseHistory.js

@@ -1,16 +1,24 @@
-import { __assign } from "tslib";
 import { CoinflowIFrame, useRandomHandleHeightChangeId } from './CoinflowIFrame';
 import React, { useMemo } from 'react';
 import { getHandlers, getWalletPubkey, } from './common';
 export function CoinflowPurchaseHistory(props) {
-    var handleHeightChangeId = useRandomHandleHeightChangeId();
-    var iframeProps = useMemo(function () {
-        var walletPubkey = getWalletPubkey(props);
-        return __assign(__assign({}, props), { walletPubkey: walletPubkey, route: "/history/purchase/".concat(props.merchantId), transaction: undefined, handleHeightChangeId: handleHeightChangeId });
+    const handleHeightChangeId = useRandomHandleHeightChangeId();
+    const iframeProps = useMemo(() => {
+        const walletPubkey = getWalletPubkey(props);
+        return {
+            ...props,
+            walletPubkey,
+            route: `/history/purchase/${props.merchantId}`,
+            transaction: undefined,
+            handleHeightChangeId,
+        };
     }, [handleHeightChangeId, props]);
-    var messageHandlers = useMemo(function () {
-        return __assign(__assign({}, getHandlers(props)), { handleHeightChange: props.handleHeightChange });
+    const messageHandlers = useMemo(() => {
+        return {
+            ...getHandlers(props),
+            handleHeightChange: props.handleHeightChange,
+        };
     }, [props]);
-    return React.createElement(CoinflowIFrame, __assign({}, iframeProps, messageHandlers));
+    return React.createElement(CoinflowIFrame, { ...iframeProps, ...messageHandlers });
 }
 //# sourceMappingURL=CoinflowPurchaseHistory.js.map

package/build/esm/CoinflowPurchaseHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowPurchaseHistory.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseHistory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,6BAA6B,EAAC,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAGL,WAAW,EAEX,eAAe,GAChB,MAAM,UAAU,CAAC;AAElB,MAAM,UAAU,uBAAuB,CAAC,KAA2B;IACjE,IAAM,oBAAoB,GAAG,6BAA6B,EAAE,CAAC;IAC7D,IAAM,WAAW,GAAG,OAAO,CAAsB;QAC/C,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,6BACK,KAAK,KACR,YAAY,cAAA,EACZ,KAAK,EAAE,4BAAqB,KAAK,CAAC,UAAU,CAAE,EAC9C,WAAW,EAAE,SAAS,EACtB,oBAAoB,sBAAA,IACpB;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,IAAM,eAAe,GAAG,OAAO,CAAwB;QACrD,6BACK,WAAW,CAAC,KAAK,CAAC,KACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAC5C;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,oBAAC,cAAc,eAAK,WAAW,EAAM,eAAe,EAAI,CAAC;AAClE,CAAC"}
+{"version":3,"file":"CoinflowPurchaseHistory.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,6BAA6B,EAAC,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAGL,WAAW,EAEX,eAAe,GAChB,MAAM,UAAU,CAAC;AAElB,MAAM,UAAU,uBAAuB,CAAC,KAA2B;IACjE,MAAM,oBAAoB,GAAG,6BAA6B,EAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAsB,GAAG,EAAE;QACpD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,GAAG,KAAK;YACR,YAAY;YACZ,KAAK,EAAE,qBAAqB,KAAK,CAAC,UAAU,EAAE;YAC9C,WAAW,EAAE,SAAS;YACtB,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,OAAO,CAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,GAAG,WAAW,CAAC,KAAK,CAAC;YACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,oBAAC,cAAc,OAAK,WAAW,KAAM,eAAe,GAAI,CAAC;AAClE,CAAC"}

package/build/esm/CoinflowPurchaseProtection.d.ts

@@ -1,5 +1,5 @@
 import { CoinflowEnvs } from './common';
-export declare function CoinflowPurchaseProtection({ coinflowEnv, merchantId, }: {
+export declare function CoinflowPurchaseProtection({ coinflowEnv, merchantId }: {
     coinflowEnv: CoinflowEnvs;
     merchantId: string;
 }): null;

package/build/esm/CoinflowPurchaseProtection.js

@@ -1,20 +1,19 @@
 import { useEffect, useMemo, useState } from 'react';
 import { CoinflowUtils } from './common';
 import nsureSDK from '@nsure-ai/web-client-sdk';
-export function CoinflowPurchaseProtection(_a) {
-    var coinflowEnv = _a.coinflowEnv, merchantId = _a.merchantId;
-    var appId = useMemo(function () {
+export function CoinflowPurchaseProtection({ coinflowEnv, merchantId, }) {
+    const appId = useMemo(() => {
         return coinflowEnv === 'prod'
             ? '9JBW2RHC7JNJN8ZQ'
             : 'SANDBOX_CTCE4XK53ZW0R7V1';
     }, [coinflowEnv]);
-    var _b = useState(undefined), partnerId = _b[0], setPartnerId = _b[1];
-    useEffect(function () {
+    const [partnerId, setPartnerId] = useState(undefined);
+    useEffect(() => {
         new CoinflowUtils(coinflowEnv)
             .getNSurePartnerId(merchantId)
-            .then(function (partnerId) { return setPartnerId(partnerId); });
+            .then(partnerId => setPartnerId(partnerId));
     }, [merchantId, coinflowEnv]);
-    useEffect(function () {
+    useEffect(() => {
         if (partnerId) {
             nsureSDK.init(appId, partnerId);
         }

package/build/esm/CoinflowPurchaseProtection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowPurchaseProtection.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseProtection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAe,aAAa,EAAC,MAAM,UAAU,CAAC;AACrD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,MAAM,UAAU,0BAA0B,CAAC,EAM1C;QALC,WAAW,iBAAA,EACX,UAAU,gBAAA;IAKV,IAAM,KAAK,GAAG,OAAO,CAAC;QACpB,OAAO,WAAW,KAAK,MAAM;YAC3B,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,0BAA0B,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IACZ,IAAA,KAA4B,QAAQ,CAAqB,SAAS,CAAC,EAAlE,SAAS,QAAA,EAAE,YAAY,QAA2C,CAAC;IAC1E,SAAS,CAAC;QACR,IAAI,aAAa,CAAC,WAAW,CAAC;aAC3B,iBAAiB,CAAC,UAAU,CAAC;aAC7B,IAAI,CAAC,UAAA,SAAS,IAAI,OAAA,YAAY,CAAC,SAAS,CAAC,EAAvB,CAAuB,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9B,SAAS,CAAC;QACR,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"CoinflowPurchaseProtection.js","sourceRoot":"","sources":["../../src/CoinflowPurchaseProtection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAe,aAAa,EAAC,MAAM,UAAU,CAAC;AACrD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,MAAM,UAAU,0BAA0B,CAAC,EACzC,WAAW,EACX,UAAU,GAIX;IACC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO,WAAW,KAAK,MAAM;YAC3B,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,0BAA0B,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,WAAW,CAAC;aAC3B,iBAAiB,CAAC,UAAU,CAAC;aAC7B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/build/esm/CoinflowWithdraw.js

@@ -1,16 +1,24 @@
-import { __assign } from "tslib";
 import React, { useMemo } from 'react';
 import { CoinflowIFrame, useRandomHandleHeightChangeId } from './CoinflowIFrame';
 import { getHandlers, getWalletPubkey, } from './common';
 export function CoinflowWithdraw(withdrawProps) {
-    var handleHeightChangeId = useRandomHandleHeightChangeId();
-    var iframeProps = useMemo(function () {
-        var walletPubkey = getWalletPubkey(withdrawProps);
-        return __assign(__assign({}, withdrawProps), { walletPubkey: walletPubkey, route: "/withdraw/".concat(withdrawProps.merchantId), transaction: undefined, handleHeightChangeId: handleHeightChangeId });
+    const handleHeightChangeId = useRandomHandleHeightChangeId();
+    const iframeProps = useMemo(() => {
+        const walletPubkey = getWalletPubkey(withdrawProps);
+        return {
+            ...withdrawProps,
+            walletPubkey,
+            route: `/withdraw/${withdrawProps.merchantId}`,
+            transaction: undefined,
+            handleHeightChangeId,
+        };
     }, [handleHeightChangeId, withdrawProps]);
-    var messageHandlers = useMemo(function () {
-        return __assign(__assign({}, getHandlers(withdrawProps)), { handleHeightChange: withdrawProps.handleHeightChange });
+    const messageHandlers = useMemo(() => {
+        return {
+            ...getHandlers(withdrawProps),
+            handleHeightChange: withdrawProps.handleHeightChange,
+        };
     }, [withdrawProps]);
-    return React.createElement(CoinflowIFrame, __assign({}, iframeProps, messageHandlers));
+    return React.createElement(CoinflowIFrame, { ...iframeProps, ...messageHandlers });
 }
 //# sourceMappingURL=CoinflowWithdraw.js.map

package/build/esm/CoinflowWithdraw.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,cAAc,EAAE,6BAA6B,EAAC,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAGL,WAAW,EAEX,eAAe,GAChB,MAAM,UAAU,CAAC;AAElB,MAAM,UAAU,gBAAgB,CAAC,aAAoC;IACnE,IAAM,oBAAoB,GAAG,6BAA6B,EAAE,CAAC;IAC7D,IAAM,WAAW,GAAG,OAAO,CAAsB;QAC/C,IAAM,YAAY,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;QACpD,6BACK,aAAa,KAChB,YAAY,cAAA,EACZ,KAAK,EAAE,oBAAa,aAAa,CAAC,UAAU,CAAE,EAC9C,WAAW,EAAE,SAAS,EACtB,oBAAoB,sBAAA,IACpB;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,IAAM,eAAe,GAAG,OAAO,CAAwB;QACrD,6BACK,WAAW,CAAC,aAAa,CAAC,KAC7B,kBAAkB,EAAE,aAAa,CAAC,kBAAkB,IACpD;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,oBAAC,cAAc,eAAK,WAAW,EAAM,eAAe,EAAI,CAAC;AAClE,CAAC"}
+{"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,cAAc,EAAE,6BAA6B,EAAC,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAGL,WAAW,EAEX,eAAe,GAChB,MAAM,UAAU,CAAC;AAElB,MAAM,UAAU,gBAAgB,CAAC,aAAoC;IACnE,MAAM,oBAAoB,GAAG,6BAA6B,EAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAsB,GAAG,EAAE;QACpD,MAAM,YAAY,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;QACpD,OAAO;YACL,GAAG,aAAa;YAChB,YAAY;YACZ,KAAK,EAAE,aAAa,aAAa,CAAC,UAAU,EAAE;YAC9C,WAAW,EAAE,SAAS;YACtB,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,OAAO,CAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,GAAG,WAAW,CAAC,aAAa,CAAC;YAC7B,kBAAkB,EAAE,aAAa,CAAC,kBAAkB;SACrD,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,oBAAC,cAAc,OAAK,WAAW,KAAM,eAAe,GAAI,CAAC;AAClE,CAAC"}

package/build/esm/CoinflowWithdrawHistory.js

@@ -1,16 +1,24 @@
-import { __assign } from "tslib";
 import { CoinflowIFrame, useRandomHandleHeightChangeId } from './CoinflowIFrame';
 import React, { useMemo } from 'react';
 import { getWalletPubkey, getHandlers, } from './common';
 export function CoinflowWithdrawHistory(props) {
-    var handleHeightChangeId = useRandomHandleHeightChangeId();
-    var iframeProps = useMemo(function () {
-        var walletPubkey = getWalletPubkey(props);
-        return __assign(__assign({}, props), { walletPubkey: walletPubkey, route: "/history/withdraw/".concat(props.merchantId), transaction: undefined, handleHeightChangeId: handleHeightChangeId });
+    const handleHeightChangeId = useRandomHandleHeightChangeId();
+    const iframeProps = useMemo(() => {
+        const walletPubkey = getWalletPubkey(props);
+        return {
+            ...props,
+            walletPubkey,
+            route: `/history/withdraw/${props.merchantId}`,
+            transaction: undefined,
+            handleHeightChangeId,
+        };
     }, [handleHeightChangeId, props]);
-    var messageHandlers = useMemo(function () {
-        return __assign(__assign({}, getHandlers(props)), { handleHeightChange: props.handleHeightChange });
+    const messageHandlers = useMemo(() => {
+        return {
+            ...getHandlers(props),
+            handleHeightChange: props.handleHeightChange,
+        };
     }, [props]);
-    return React.createElement(CoinflowIFrame, __assign({}, iframeProps, messageHandlers));
+    return React.createElement(CoinflowIFrame, { ...iframeProps, ...messageHandlers });
 }
 //# sourceMappingURL=CoinflowWithdrawHistory.js.map

package/build/esm/CoinflowWithdrawHistory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowWithdrawHistory.js","sourceRoot":"","sources":["../../src/CoinflowWithdrawHistory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,6BAA6B,EAAC,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,eAAe,EAEf,WAAW,GAEZ,MAAM,UAAU,CAAC;AAElB,MAAM,UAAU,uBAAuB,CAAC,KAA2B;IACjE,IAAM,oBAAoB,GAAG,6BAA6B,EAAE,CAAC;IAC7D,IAAM,WAAW,GAAG,OAAO,CAAsB;QAC/C,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,6BACK,KAAK,KACR,YAAY,cAAA,EACZ,KAAK,EAAE,4BAAqB,KAAK,CAAC,UAAU,CAAE,EAC9C,WAAW,EAAE,SAAS,EACtB,oBAAoB,sBAAA,IACpB;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,IAAM,eAAe,GAAG,OAAO,CAAwB;QACrD,6BACK,WAAW,CAAC,KAAK,CAAC,KACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAC5C;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,oBAAC,cAAc,eAAK,WAAW,EAAM,eAAe,EAAI,CAAC;AAClE,CAAC"}
+{"version":3,"file":"CoinflowWithdrawHistory.js","sourceRoot":"","sources":["../../src/CoinflowWithdrawHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,6BAA6B,EAAC,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,eAAe,EAEf,WAAW,GAEZ,MAAM,UAAU,CAAC;AAElB,MAAM,UAAU,uBAAuB,CAAC,KAA2B;IACjE,MAAM,oBAAoB,GAAG,6BAA6B,EAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAsB,GAAG,EAAE;QACpD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO;YACL,GAAG,KAAK;YACR,YAAY;YACZ,KAAK,EAAE,qBAAqB,KAAK,CAAC,UAAU,EAAE;YAC9C,WAAW,EAAE,SAAS;YACtB,oBAAoB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,OAAO,CAAwB,GAAG,EAAE;QAC1D,OAAO;YACL,GAAG,WAAW,CAAC,KAAK,CAAC;YACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,oBAAC,cAAc,OAAK,WAAW,KAAM,eAAe,GAAI,CAAC;AAClE,CAAC"}

package/build/esm/MobileWalletButton.d.ts

@@ -1,6 +1,6 @@
 import { CoinflowPurchaseProps } from './common';
 import React from 'react';
-export declare function MobileWalletButton({ props, route, overlayDisplayOverride, children, alignItems, }: {
+export declare function MobileWalletButton({ props, route, overlayDisplayOverride, children, alignItems }: {
     props: CoinflowPurchaseProps & MobileWalletButtonProps;
     route: string;
     overlayDisplayOverride?: string;

package/build/esm/MobileWalletButton.js

@@ -1,24 +1,22 @@
-import { __assign } from "tslib";
 import { getHandlers, getWalletPubkey, } from './common';
 import React, { useEffect, useMemo, useRef } from 'react';
 import { CoinflowIFrame, useRandomHandleHeightChangeId, } from './CoinflowIFrame';
 import { useOverlay } from './useOverlay';
-export function MobileWalletButton(_a) {
-    var props = _a.props, route = _a.route, overlayDisplayOverride = _a.overlayDisplayOverride, children = _a.children, alignItems = _a.alignItems;
-    var iframeRef = useRef(null);
-    var _b = useOverlay(iframeRef), opacity = _b.opacity, display = _b.display;
-    var onSuccess = props.onSuccess, onError = props.onError;
-    useEffect(function () {
+export function MobileWalletButton({ props, route, overlayDisplayOverride, children, alignItems, }) {
+    const iframeRef = useRef(null);
+    const { opacity, display } = useOverlay(iframeRef);
+    const { onSuccess, onError } = props;
+    useEffect(() => {
         if (!onSuccess)
             return;
-        if (!(iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current))
+        if (!iframeRef?.current)
             return;
         iframeRef.current
-            .listenForMessage(function (data) {
+            .listenForMessage((data) => {
             try {
-                var res = JSON.parse(data);
+                const res = JSON.parse(data);
                 if ('method' in res && res.data.startsWith('ERROR')) {
-                    onError === null || onError === void 0 ? void 0 : onError(res.info);
+                    onError?.(res.info);
                     return false;
                 }
                 return 'method' in res && res.method === 'getToken';
@@ -27,15 +25,25 @@ export function MobileWalletButton(_a) {
                 return false;
             }
         })
-            .then(function (data) { return onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data); });
+            .then(data => onSuccess?.(data));
     }, [onError, onSuccess]);
-    var handleHeightChangeId = useRandomHandleHeightChangeId();
-    var iframeProps = useMemo(function () {
-        var walletPubkey = getWalletPubkey(props);
-        return __assign(__assign({}, props), { walletPubkey: walletPubkey, transaction: undefined, routePrefix: 'form', route: "/".concat(route, "/").concat(props.merchantId), handleHeightChangeId: handleHeightChangeId });
+    const handleHeightChangeId = useRandomHandleHeightChangeId();
+    const iframeProps = useMemo(() => {
+        const walletPubkey = getWalletPubkey(props);
+        return {
+            ...props,
+            walletPubkey,
+            transaction: undefined,
+            routePrefix: 'form',
+            route: `/${route}/${props.merchantId}`,
+            handleHeightChangeId,
+        };
     }, [handleHeightChangeId, props, route]);
-    var messageHandlers = useMemo(function () {
-        return __assign(__assign({}, getHandlers(props)), { handleHeightChange: props.handleHeightChange });
+    const messageHandlers = useMemo(() => {
+        return {
+            ...getHandlers(props),
+            handleHeightChange: props.handleHeightChange,
+        };
     }, [props]);
     return (React.createElement("div", { style: {
             position: 'relative',
@@ -50,10 +58,10 @@ export function MobileWalletButton(_a) {
                 bottom: 0,
                 left: 0,
                 zIndex: 20,
-                display: overlayDisplayOverride !== null && overlayDisplayOverride !== void 0 ? overlayDisplayOverride : display,
-                opacity: opacity,
+                display: overlayDisplayOverride ?? display,
+                opacity,
                 justifyContent: 'center',
-                alignItems: alignItems,
+                alignItems,
                 pointerEvents: 'none',
             } }, children),
         React.createElement("div", { style: {
@@ -61,6 +69,6 @@ export function MobileWalletButton(_a) {
                 zIndex: 10,
                 height: '100%',
             } },
-            React.createElement(CoinflowIFrame, __assign({ ref: iframeRef }, iframeProps, messageHandlers)))));
+            React.createElement(CoinflowIFrame, { ref: iframeRef, ...iframeProps, ...messageHandlers }))));
 }
 //# sourceMappingURL=MobileWalletButton.js.map

package/build/esm/MobileWalletButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileWalletButton.js","sourceRoot":"","sources":["../../src/MobileWalletButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MobileWalletButton.js","sourceRoot":"","sources":["../../src/MobileWalletButton.tsx"],"names":[],"mappings":"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"}