@coinflowlabs/react 4.1.0 → 4.1.2

package/build/cjs/{CoinflowUtils.js → common/CoinflowUtils.js}

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CoinflowUtils = void 0;
 var tslib_1 = require("tslib");
-var bs58_1 = tslib_1.__importDefault(require("bs58"));
+var SolanaPeerDeps_1 = require("./SolanaPeerDeps");
+var lz_string_1 = tslib_1.__importDefault(require("lz-string"));
 var CoinflowUtils = /** @class */ (function () {
     function CoinflowUtils(env) {
         this.env = env !== null && env !== void 0 ? env : 'prod';
@@ -64,7 +65,7 @@ var CoinflowUtils = /** @class */ (function () {
     };
     CoinflowUtils.getCoinflowUrl = function (_a) {
         var _b;
-        var walletPubkey = _a.walletPubkey, route = _a.route, routePrefix = _a.routePrefix, env = _a.env, amount = _a.amount, transaction = _a.transaction, blockchain = _a.blockchain, supportsVersionedTransactions = _a.supportsVersionedTransactions, webhookInfo = _a.webhookInfo, email = _a.email, loaderBackground = _a.loaderBackground, handleHeightChange = _a.handleHeightChange, useSocket = _a.useSocket, bankAccountLinkRedirect = _a.bankAccountLinkRedirect, additionalWallets = _a.additionalWallets, nearDeposit = _a.nearDeposit, chargebackProtectionData = _a.chargebackProtectionData, merchantCss = _a.merchantCss, color = _a.color, rent = _a.rent, lockDefaultToken = _a.lockDefaultToken, token = _a.token, tokens = _a.tokens, planCode = _a.planCode, disableApplePay = _a.disableApplePay, disableGooglePay = _a.disableGooglePay, customerInfo = _a.customerInfo, settlementType = _a.settlementType, lockAmount = _a.lockAmount, nativeSolToConvert = _a.nativeSolToConvert, theme = _a.theme, usePermit = _a.usePermit, transactionSigner = _a.transactionSigner, authOnly = _a.authOnly;
+        var walletPubkey = _a.walletPubkey, route = _a.route, routePrefix = _a.routePrefix, env = _a.env, amount = _a.amount, transaction = _a.transaction, blockchain = _a.blockchain, supportsVersionedTransactions = _a.supportsVersionedTransactions, webhookInfo = _a.webhookInfo, email = _a.email, loaderBackground = _a.loaderBackground, handleHeightChange = _a.handleHeightChange, bankAccountLinkRedirect = _a.bankAccountLinkRedirect, additionalWallets = _a.additionalWallets, nearDeposit = _a.nearDeposit, chargebackProtectionData = _a.chargebackProtectionData, merchantCss = _a.merchantCss, color = _a.color, rent = _a.rent, lockDefaultToken = _a.lockDefaultToken, token = _a.token, tokens = _a.tokens, planCode = _a.planCode, disableApplePay = _a.disableApplePay, disableGooglePay = _a.disableGooglePay, customerInfo = _a.customerInfo, settlementType = _a.settlementType, lockAmount = _a.lockAmount, nativeSolToConvert = _a.nativeSolToConvert, theme = _a.theme, usePermit = _a.usePermit, transactionSigner = _a.transactionSigner, authOnly = _a.authOnly, deviceId = _a.deviceId, jwtToken = _a.jwtToken;
         var prefix = routePrefix
             ? "/".concat(routePrefix, "/").concat(blockchain)
             : "/".concat(blockchain);
@@ -80,13 +81,13 @@ var CoinflowUtils = /** @class */ (function () {
             url.searchParams.append('supportsVersionedTransactions', 'true');
         }
         if (webhookInfo) {
-            url.searchParams.append('webhookInfo', Buffer.from(JSON.stringify(webhookInfo)).toString('base64'));
+            url.searchParams.append('webhookInfo', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(webhookInfo)));
         }
         if (theme) {
-            url.searchParams.append('theme', Buffer.from(JSON.stringify(theme)).toString('base64'));
+            url.searchParams.append('theme', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(theme)));
         }
         if (customerInfo) {
-            url.searchParams.append('customerInfo', Buffer.from(JSON.stringify(customerInfo)).toString('base64'));
+            url.searchParams.append('customerInfo', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(customerInfo)));
         }
         if (email) {
             url.searchParams.append('email', email);
@@ -103,23 +104,26 @@ var CoinflowUtils = /** @class */ (function () {
         if (handleHeightChange) {
             url.searchParams.append('useHeightChange', 'true');
         }
-        if (useSocket) {
-            url.searchParams.append('useSocket', 'true');
-        }
         if (bankAccountLinkRedirect) {
             url.searchParams.append('bankAccountLinkRedirect', bankAccountLinkRedirect);
         }
         if (additionalWallets)
-            url.searchParams.append('additionalWallets', JSON.stringify(additionalWallets));
+            url.searchParams.append('additionalWallets', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(additionalWallets)));
         if (nearDeposit)
             url.searchParams.append('nearDeposit', nearDeposit);
         if (chargebackProtectionData)
-            url.searchParams.append('chargebackProtectionData', JSON.stringify(chargebackProtectionData));
-        if (typeof window !== 'undefined') {
-            // @ts-ignore
-            var deviceId = (_b = window === null || window === void 0 ? void 0 : window.nSureSDK) === null || _b === void 0 ? void 0 : _b.getDeviceId();
-            if (deviceId)
-                url.searchParams.append('deviceId', deviceId);
+            url.searchParams.append('chargebackProtectionData', lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(chargebackProtectionData)));
+        if (deviceId) {
+            url.searchParams.append('deviceId', deviceId);
+        }
+        else {
+            if (typeof window !== 'undefined') {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                var deviceId_1 = (_b = window === null || window === void 0 ? void 0 : window.nSureSDK) === null || _b === void 0 ? void 0 : _b.getDeviceId();
+                if (deviceId_1)
+                    url.searchParams.append('deviceId', deviceId_1);
+            }
         }
         if (merchantCss)
             url.searchParams.append('merchantCss', merchantCss);
@@ -147,20 +151,54 @@ var CoinflowUtils = /** @class */ (function () {
             url.searchParams.append('transactionSigner', transactionSigner);
         if (authOnly === true)
             url.searchParams.append('authOnly', 'true');
+        if (jwtToken)
+            url.searchParams.append('jwtToken', jwtToken);
         return url.toString();
     };
-    CoinflowUtils.serializeSolanaTransaction = function (transaction) {
-        if (!transaction)
-            return undefined;
-        var serializedTx = transaction.serialize({
-            requireAllSignatures: false,
-            verifySignatures: false,
-        });
-        return bs58_1.default.encode(serializedTx);
-    };
-    CoinflowUtils.solanaWalletSupportsVersionedTransactions = function (wallet) {
-        var _a, _b, _c;
-        return !!((_c = (_b = (_a = wallet.wallet) === null || _a === void 0 ? void 0 : _a.adapter) === null || _b === void 0 ? void 0 : _b.supportedTransactionVersions) === null || _c === void 0 ? void 0 : _c.has(0));
+    CoinflowUtils.getTransaction = function (props) {
+        return this.byBlockchain(props.blockchain, {
+            solana: function () {
+                if (!('transaction' in props))
+                    return undefined;
+                var transaction = props.transaction;
+                if (!SolanaPeerDeps_1.web3)
+                    throw new Error('@solana/web3.js dependency is required for Solana');
+                if (!SolanaPeerDeps_1.base58)
+                    throw new Error('bs58 dependency is required for Solana');
+                if (transaction instanceof SolanaPeerDeps_1.web3.Transaction)
+                    return SolanaPeerDeps_1.base58.encode(transaction.serialize({
+                        requireAllSignatures: false,
+                        verifySignatures: false,
+                    }));
+                if (transaction instanceof SolanaPeerDeps_1.web3.VersionedTransaction)
+                    return SolanaPeerDeps_1.base58.encode(transaction.serialize());
+                return undefined;
+            },
+            polygon: function () {
+                if (!('transaction' in props))
+                    return undefined;
+                var transaction = props.transaction;
+                return lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(transaction));
+            },
+            eth: function () {
+                if (!('transaction' in props))
+                    return undefined;
+                var transaction = props.transaction;
+                return lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(transaction));
+            },
+            base: function () {
+                if (!('transaction' in props))
+                    return undefined;
+                var transaction = props.transaction;
+                return lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(transaction));
+            },
+            near: function () {
+                if (!('action' in props))
+                    return undefined;
+                var action = props.action;
+                return lz_string_1.default.compressToEncodedURIComponent(JSON.stringify(action));
+            },
+        })();
     };
     CoinflowUtils.byBlockchain = function (blockchain, args) {
         switch (blockchain) {
@@ -171,8 +209,6 @@ var CoinflowUtils = /** @class */ (function () {
             case 'polygon':
                 return args.polygon;
             case 'eth':
-                if (args.eth === undefined)
-                    throw new Error('blockchain not supported for this operation!');
                 return args.eth;
             case 'base':
                 return args.base;

package/build/cjs/common/CoinflowUtils.js.map

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

package/build/cjs/common/SolanaPeerDeps.d.ts

@@ -0,0 +1,5 @@
+import * as SolanaWeb3Js from '@solana/web3.js';
+import base58Imported from 'bs58';
+declare const web3: typeof SolanaWeb3Js | undefined;
+declare const base58: typeof base58Imported | undefined;
+export { web3, base58 };

package/build/cjs/common/SolanaPeerDeps.js

@@ -0,0 +1,22 @@
+"use strict";
+// This works in angular, but not react
+// let web3: typeof import('@solana/web3.js') | undefined;
+// let base58: typeof import('bs58') | undefined;
+//
+// try {
+//   web3 = require('@solana/web3.js');
+//   base58 = require('bs58');
+// } catch (e) {}
+//
+// export {web3, base58};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.base58 = exports.web3 = void 0;
+var tslib_1 = require("tslib");
+// This works in react, but not angular
+var SolanaWeb3Js = tslib_1.__importStar(require("@solana/web3.js"));
+var bs58_1 = tslib_1.__importDefault(require("bs58"));
+var web3 = SolanaWeb3Js;
+exports.web3 = web3;
+var base58 = bs58_1.default;
+exports.base58 = base58;
+//# sourceMappingURL=SolanaPeerDeps.js.map

package/build/cjs/common/SolanaPeerDeps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolanaPeerDeps.js","sourceRoot":"","sources":["../../../src/common/SolanaPeerDeps.ts"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,0DAA0D;AAC1D,iDAAiD;AACjD,EAAE;AACF,QAAQ;AACR,uCAAuC;AACvC,8BAA8B;AAC9B,iBAAiB;AACjB,EAAE;AACF,yBAAyB;;;;AAEzB,uCAAuC;AACvC,oEAAgD;AAChD,sDAAkC;AAElC,IAAM,IAAI,GAAoC,YAAY,CAAC;AAEnD,oBAAI;AADZ,IAAM,MAAM,GAAsC,cAAc,CAAC;AACnD,wBAAM"}

package/build/cjs/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CoinflowTypes';
+export * from './CoinflowUtils';
+export * from './CoinflowLibMessageHandlers';

package/build/cjs/common/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CoinflowTypes"), exports);
+tslib_1.__exportStar(require("./CoinflowUtils"), exports);
+tslib_1.__exportStar(require("./CoinflowLibMessageHandlers"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC;AAChC,0DAAgC;AAChC,uEAA6C"}

package/build/cjs/index.d.ts

@@ -1,11 +1,9 @@
 export * from './CoinflowWithdraw';
 export * from './CoinflowPurchase';
-export * from './CoinflowUtils';
-export * from './wallet/useIframeWallet';
+export * from './common';
 export * from './CoinflowIFrame';
 export * from './CoinflowPurchaseHistory';
 export * from './CoinflowWithdrawHistory';
-export * from './CoinflowTypes';
 export * from './CoinflowPurchaseProtection';
 export * from './CoinflowCardForm';
 export * from './CoinflowApplePayButton';

package/build/cjs/index.js

@@ -3,12 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CoinflowWithdraw"), exports);
 tslib_1.__exportStar(require("./CoinflowPurchase"), exports);
-tslib_1.__exportStar(require("./CoinflowUtils"), exports);
-tslib_1.__exportStar(require("./wallet/useIframeWallet"), exports);
+tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./CoinflowIFrame"), exports);
 tslib_1.__exportStar(require("./CoinflowPurchaseHistory"), exports);
 tslib_1.__exportStar(require("./CoinflowWithdrawHistory"), exports);
-tslib_1.__exportStar(require("./CoinflowTypes"), exports);
 tslib_1.__exportStar(require("./CoinflowPurchaseProtection"), exports);
 tslib_1.__exportStar(require("./CoinflowCardForm"), exports);
 tslib_1.__exportStar(require("./CoinflowApplePayButton"), exports);

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,6DAAmC;AACnC,0DAAgC;AAChC,mEAAyC;AACzC,2DAAiC;AACjC,oEAA0C;AAC1C,oEAA0C;AAC1C,0DAAgC;AAChC,uEAA6C;AAC7C,6DAAmC;AACnC,mEAAyC;AACzC,oEAA0C"}
+{"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,6DAAmC;AACnC,mEAAyC;AACzC,oEAA0C"}

package/build/esm/CoinflowApplePayButton.d.ts

@@ -1,12 +1,10 @@
-import { CoinflowPurchaseProps } from './CoinflowTypes';
-import React from 'react';
+import { CoinflowPurchaseProps } from './common';
+import React from "react";
 export declare function CoinflowApplePayButton(props: CoinflowPurchaseProps & MobileWalletButtonProps): React.JSX.Element;
 export declare function MobileWalletButton({ props, route }: {
     props: CoinflowPurchaseProps;
     route: string;
-}): React.JSX.Element | null;
+}): React.JSX.Element;
 export interface MobileWalletButtonProps {
     color: "white" | "black";
 }
-export declare function useStringWalletPubkey(props: CoinflowPurchaseProps): string | null | undefined;
-export declare function useGetTokenHandler(props: CoinflowPurchaseProps): void;

package/build/esm/CoinflowApplePayButton.js

@@ -1,48 +1,54 @@
 import { __assign } from "tslib";
-import { CoinflowIFrame } from './CoinflowIFrame';
-import React, { useEffect, useMemo, useRef } from 'react';
-import { useHandleHeightChange } from './useHandleHeightChange';
-import { getMessageHandler } from './wallet/useIframeWallet';
-import { CoinflowUtils } from './CoinflowUtils';
+import { getWalletPubkey, getHandlers } from './common';
+import { CoinflowIFrame } from "./CoinflowIFrame";
+import React, { useEffect, useMemo, useRef } from "react";
 export function CoinflowApplePayButton(props) {
     return React.createElement(MobileWalletButton, { props: props, route: 'apple-pay' });
 }
 export function MobileWalletButton(_a) {
     var props = _a.props, route = _a.route;
-    var IFrameRef = useRef(null);
-    useHandleHeightChange(props.handleHeightChange);
-    useGetTokenHandler(props);
-    var walletPubkey = useStringWalletPubkey(props);
-    if (!walletPubkey)
-        return null;
-    var iframeProps = __assign(__assign({}, props), { walletPubkey: walletPubkey, IFrameRef: IFrameRef, transaction: undefined, routePrefix: 'form', route: "/".concat(route, "/").concat(props.merchantId) });
-    return React.createElement(CoinflowIFrame, __assign({}, iframeProps));
-}
-export function useStringWalletPubkey(props) {
-    return useMemo(function () {
-        var getWalletPubkey = CoinflowUtils.byBlockchain(props.blockchain, {
-            solana: function () { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.wallet) === null || _a === void 0 ? void 0 : _a.publicKey) === null || _b === void 0 ? void 0 : _b.toString(); },
-            near: function () { return props.wallet.accountId; },
-            eth: function () { return props.wallet.address; },
-            polygon: function () { return props.wallet.address; },
-            base: function () { return props.wallet.address; },
-        });
-        return getWalletPubkey();
-    }, [props]);
-}
-export function useGetTokenHandler(props) {
+    var iframeRef = useRef(null);
     var onSuccess = props.onSuccess;
     useEffect(function () {
-        var handler = getMessageHandler('getToken', function (data) {
-            if (data.startsWith('ERROR')) {
-                console.error('Mobile Wallet Payment Error', data.replace('ERROR', ''));
-                return;
+        if (!onSuccess)
+            return;
+        if (!(iframeRef === null || iframeRef === void 0 ? void 0 : iframeRef.current))
+            return;
+        iframeRef.current.listenForMessage(function (data) {
+            try {
+                var res = JSON.parse(data);
+                return 'method' in res && res.method === 'getToken';
             }
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
-        });
-        if (!window)
-            throw new Error('Window not defined');
-        window.addEventListener('message', handler);
+            catch (e) {
+                return false;
+            }
+        }).then(function (data) { return onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data); });
     }, [onSuccess]);
+    var iframeProps = useMemo(function () {
+        var walletPubkey = getWalletPubkey(props);
+        return __assign(__assign({}, props), { walletPubkey: walletPubkey, transaction: undefined, routePrefix: 'form', route: "/".concat(route, "/").concat(props.merchantId) });
+    }, [props, route]);
+    var messageHandlers = useMemo(function () {
+        return __assign(__assign({}, getHandlers(props)), { handleHeightChange: props.handleHeightChange });
+    }, [props]);
+    return React.createElement(CoinflowIFrame, __assign({ ref: iframeRef }, iframeProps, messageHandlers));
 }
+// TODO
+// export function useGetTokenHandler(props: CoinflowPurchaseProps) {
+//   const {onSuccess} = props;
+//
+//   useEffect(() => {
+//     const handler = getMessageHandler('getToken', (data: string) => {
+//       if (data.startsWith('ERROR')) {
+//         console.error('Mobile Wallet Payment Error', data.replace('ERROR', ''));
+//         return;
+//       }
+//
+//       onSuccess?.(data);
+//     });
+//
+//     if (!window) throw new Error('Window not defined');
+//     window.addEventListener('message', handler);
+//   }, [onSuccess]);
+// }
 //# sourceMappingURL=CoinflowApplePayButton.js.map

package/build/esm/CoinflowApplePayButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowApplePayButton.js","sourceRoot":"","sources":["../../src/CoinflowApplePayButton.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,sBAAsB,CAAC,KAAsD;IAC3F,OAAO,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,GAAI,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAA6D;QAA5D,KAAK,WAAA,EAAE,KAAK,WAAA;IAC9C,IAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,qBAAqB,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAChD,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1B,IAAM,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAElD,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,IAAM,WAAW,yBACZ,KAAK,KACR,YAAY,cAAA,EACZ,SAAS,WAAA,EACT,WAAW,EAAE,SAAS,EACtB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,WAAI,KAAK,cAAI,KAAK,CAAC,UAAU,CAAE,GACvC,CAAC;IACF,OAAO,oBAAC,cAAc,eAAK,WAAW,EAAI,CAAC;AAC7C,CAAC;AAMD,MAAM,UAAU,qBAAqB,CAAC,KAA4B;IAChE,OAAO,OAAO,CAAC;QACb,IAAM,eAAe,GAAG,aAAa,CAAC,YAAY,CAAkC,KAAK,CAAC,UAAU,EAAE;YACpG,MAAM,EAAE,0BAAM,OAAA,MAAA,MAAC,KAAqC,aAArC,KAAK,uBAAL,KAAK,CAAkC,MAAM,0CAAE,SAAS,0CAAE,QAAQ,EAAE,CAAA,EAAA;YACnF,IAAI,EAAE,cAAM,OAAC,KAAmC,CAAC,MAAM,CAAC,SAAS,EAArD,CAAqD;YACjE,GAAG,EAAE,cAAM,OAAC,KAAkC,CAAC,MAAM,CAAC,OAAO,EAAlD,CAAkD;YAC7D,OAAO,EAAE,cAAM,OAAC,KAAkC,CAAC,MAAM,CAAC,OAAO,EAAlD,CAAkD;YACjE,IAAI,EAAE,cAAM,OAAC,KAAkC,CAAC,MAAM,CAAC,OAAO,EAAlD,CAAkD;SAC/D,CAAC,CAAC;QACH,OAAO,eAAe,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAA4B;IACtD,IAAA,SAAS,GAAI,KAAK,UAAT,CAAU;IAE1B,SAAS,CAAC;QACR,IAAM,OAAO,GAAG,iBAAiB,CAAC,UAAU,EAAE,UAAC,IAAY;YACzD,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7B,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;gBACxE,OAAO;YACT,CAAC;YAED,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM;YAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACnD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,CAAC"}
+{"version":3,"file":"CoinflowApplePayButton.js","sourceRoot":"","sources":["../../src/CoinflowApplePayButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,eAAe,EACf,WAAW,EAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAkC,MAAM,kBAAkB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,UAAU,sBAAsB,CAAC,KAAsD;IAC3F,OAAO,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,GAAI,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAA6D;QAA5D,KAAK,WAAA,EAAE,KAAK,WAAA;IAC9C,IAAM,SAAS,GAAG,MAAM,CAAiC,IAAI,CAAC,CAAC;IACxD,IAAA,SAAS,GAAI,KAAK,UAAT,CAAU;IAE1B,SAAS,CAAC;QACR,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAA;YAAE,OAAO;QAChC,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAC,IAAY;YAC9C,IAAI,CAAC;gBACH,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC7B,OAAO,QAAQ,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,KAAK,UAAU,CAAA;YACrD,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,IAAI,CAAC,EAAjB,CAAiB,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,WAAW,GAAG,OAAO,CAAsB;QAC/C,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,6BACK,KAAK,KACR,YAAY,cAAA,EACZ,WAAW,EAAE,SAAS,EACtB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,WAAI,KAAK,cAAI,KAAK,CAAC,UAAU,CAAE,IACvC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IACnB,IAAM,eAAe,GAAG,OAAO,CAAwB;QACrD,6BACK,WAAW,CAAC,KAAK,CAAC,KACrB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAC5C;IACJ,CAAC,EAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAEb,OAAO,oBAAC,cAAc,aAAC,GAAG,EAAE,SAAS,IAAM,WAAW,EAAO,eAAe,EAAI,CAAC;AACnF,CAAC;AAMD,OAAO;AACP,qEAAqE;AACrE,+BAA+B;AAC/B,EAAE;AACF,sBAAsB;AACtB,wEAAwE;AACxE,wCAAwC;AACxC,mFAAmF;AACnF,kBAAkB;AAClB,UAAU;AACV,EAAE;AACF,2BAA2B;AAC3B,UAAU;AACV,EAAE;AACF,0DAA0D;AAC1D,mDAAmD;AACnD,qBAAqB;AACrB,IAAI"}

package/build/esm/CoinflowCardForm.d.ts

@@ -1,5 +1,5 @@
-import React, { CSSProperties } from 'react';
-import { CoinflowBlockchain, CoinflowEnvs } from './CoinflowTypes';
+import React, { CSSProperties } from "react";
+import { CoinflowBlockchain, CoinflowEnvs } from './common';
 export type CoinflowCardTokenResponse = {
     last4: string;
     type: 'VISA' | 'MSTR' | 'AMEX' | 'DISC';

package/build/esm/CoinflowCardForm.js

@@ -1,8 +1,6 @@
 import { __assign, __awaiter, __generator } from "tslib";
-import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
-import { getMessageHandler } from './wallet/useIframeWallet';
-import { CoinflowIFrame } from './CoinflowIFrame';
-import { useHandleHeightChange } from './useHandleHeightChange';
+import React, { forwardRef, useImperativeHandle, useMemo, useRef } from "react";
+import { CoinflowIFrame } from "./CoinflowIFrame";
 /**
  * Allows merchants to collect card information from their customers in a PCI-compliant way and receive a token for use with the `/api/checkout/token` endpoint.
  *
@@ -23,56 +21,55 @@ import { useHandleHeightChange } from './useHandleHeightChange';
  *
  * ```
  */
-export var CoinflowCardForm = forwardRef(function (_a, ref) {
-    var handleHeightChange = _a.handleHeightChange, walletPubkey = _a.walletPubkey, env = _a.env, customCss = _a.customCss, merchantId = _a.merchantId, blockchain = _a.blockchain;
-    var IFrameRef = useRef(null);
-    useHandleHeightChange(handleHeightChange);
+export var CoinflowCardForm = forwardRef(function (props, ref) {
+    var iframeRef = useRef();
     useImperativeHandle(ref, function () { return ({
         getToken: function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _a;
-                return __generator(this, function (_b) {
-                    if (!((_a = IFrameRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow))
-                        throw new Error('content window not found');
-                    IFrameRef.current.contentWindow.postMessage('getToken', '*');
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            var handler = getMessageHandler('getToken', function (data) {
-                                if (data.startsWith('ERROR')) {
-                                    reject(new Error(data.replace('ERROR', '')));
-                                    return;
+                var methodName, isValid, response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            methodName = 'getToken';
+                            if (!iframeRef.current)
+                                throw new Error('Unable to get token');
+                            isValid = function (data) {
+                                try {
+                                    var res = JSON.parse(data);
+                                    return 'method' in res && res.method === methodName;
                                 }
-                                resolve(JSON.parse(data));
-                            });
-                            if (!window)
-                                throw new Error('Window not defined');
-                            window.addEventListener('message', handler);
-                        })];
+                                catch (e) {
+                                    return false;
+                                }
+                            };
+                            return [4 /*yield*/, iframeRef.current.sendAndReceiveMessage(methodName, isValid)];
+                        case 1:
+                            response = _a.sent();
+                            return [2 /*return*/, JSON.parse(response).data];
+                    }
                 });
             });
         }
     }); });
     var merchantCss = useMemo(function () {
-        if (!customCss)
+        if (!props.customCss)
             return undefined;
-        var cssStr = Object.entries(customCss).reduce(function (acc, _a) {
+        var cssStr = Object.entries(props.customCss).reduce(function (acc, _a) {
             var key = _a[0], value = _a[1];
             return acc + "".concat(key, " {").concat(CSSPropertiesToComponent(value), "}\n");
         }, '');
         return Buffer.from(cssStr).toString('base64');
-    }, [customCss]);
-    if (!walletPubkey)
-        return null;
-    var iFrameProps = {
-        walletPubkey: walletPubkey,
-        blockchain: blockchain,
-        route: "/checkout-form/".concat(merchantId),
-        env: env,
-        IFrameRef: IFrameRef,
-        routePrefix: 'form',
-        merchantCss: merchantCss,
-        handleHeightChange: handleHeightChange,
-    };
-    return React.createElement(CoinflowIFrame, __assign({}, iFrameProps));
+    }, [props.customCss]);
+    var iframeProps = useMemo(function () {
+        return __assign(__assign({}, props), { walletPubkey: props.walletPubkey, route: "/checkout-form/".concat(props.merchantId), routePrefix: 'form', merchantCss: merchantCss, transaction: undefined });
+    }, [merchantCss, props]);
+    var messageHandlers = useMemo(function () {
+        return {
+            handleSendTransaction: function () { throw new Error('Not Supported'); },
+            handleHeightChange: props.handleHeightChange
+        };
+    }, [props]);
+    return React.createElement(CoinflowIFrame, __assign({ ref: iframeRef }, iframeProps, messageHandlers));
 });
 function CSSPropertiesToComponent(dict) {
     var str = '';

package/build/esm/CoinflowCardForm.js.map

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

package/build/esm/CoinflowGooglePayButton.d.ts

@@ -1,4 +1,4 @@
-import { CoinflowPurchaseProps } from './CoinflowTypes';
+import { CoinflowPurchaseProps } from './common';
 import React from 'react';
 import { MobileWalletButtonProps } from './CoinflowApplePayButton';
 export declare function CoinflowGooglePayButton(props: CoinflowPurchaseProps & MobileWalletButtonProps): React.JSX.Element;

package/build/esm/CoinflowIFrame.d.ts

@@ -1,3 +1,8 @@
 import React from 'react';
-import { CoinflowIFrameProps } from './CoinflowTypes';
-export declare function CoinflowIFrame(props: CoinflowIFrameProps): React.JSX.Element;
+import { CoinflowIFrameProps, IFrameMessageHandlers } from './common';
+export type SendAndReceiveMessage = (message: string, isResponseValid: (response: string) => boolean) => Promise<string>;
+export type CoinflowIFrameExposedFunctions = {
+    sendAndReceiveMessage: SendAndReceiveMessage;
+    listenForMessage: (isResponseValid: (response: string) => boolean) => Promise<string>;
+};
+export declare const CoinflowIFrame: React.ForwardRefExoticComponent<CoinflowIFrameProps & IFrameMessageHandlers & React.RefAttributes<unknown>>;

package/build/esm/CoinflowIFrame.js

@@ -1,10 +1,71 @@
-import React, { useMemo } from 'react';
-import { CoinflowUtils } from './CoinflowUtils';
-export function CoinflowIFrame(props) {
+import { __awaiter, __generator } from "tslib";
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
+import { CoinflowUtils, handleIFrameMessage, } from './common';
+export var CoinflowIFrame = forwardRef(function (props, ref) {
+    var IFrameRef = useRef(null);
     var url = useMemo(function () {
         return CoinflowUtils.getCoinflowUrl(props);
     }, [props]);
-    var handleHeightChange = props.handleHeightChange, IFrameRef = props.IFrameRef;
+    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))
+            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);
+                        })];
+                });
+            });
+        },
+        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)];
+                });
+            });
+        },
+    }); });
+    var handleIframeMessages = useCallback(function (_a) {
+        var data = _a.data, origin = _a.origin;
+        if (!origin.includes(CoinflowUtils.getCoinflowBaseUrl(props.env)))
+            return;
+        var promise = handleIFrameMessage(data, props);
+        if (!promise)
+            return;
+        promise.then(sendMessage).catch(function (e) { return sendMessage('ERROR ' + e.message); });
+    }, [props, sendMessage]);
+    useEffect(function () {
+        if (!window)
+            throw new Error('Window not defined');
+        window.addEventListener('message', handleIframeMessages);
+        return function () {
+            window.removeEventListener('message', handleIframeMessages);
+        };
+    }, [handleIframeMessages]);
+    var handleHeightChange = props.handleHeightChange;
     return useMemo(function () { return (React.createElement("iframe", { scrolling: handleHeightChange ? 'no' : 'yes', onLoad: function () {
             if (IFrameRef.current)
                 IFrameRef.current.style.opacity = '1';
@@ -14,5 +75,5 @@ export function CoinflowIFrame(props) {
             opacity: 0,
             transition: 'opacity 300ms linear',
         }, title: "withdraw", frameBorder: "0", src: url })); }, [IFrameRef, handleHeightChange, url]);
-}
+});
 //# sourceMappingURL=CoinflowIFrame.js.map