@coinflowlabs/react 0.2.8 → 0.2.10

package/build/esm/CoinflowIFrame.js

@@ -1,33 +1,24 @@
 import React, { useMemo } from 'react';
-import base58 from 'bs58';
-function getCoinflowUrl(env) {
-    console.log('getCoinflowUrl', { env: env });
-    if (!env || env === 'prod')
-        return 'https://coinflow.cash';
-    if (env === 'local')
-        return 'http://localhost:3000';
-    return "https://".concat(env, ".coinflow.cash");
-}
+import { CoinflowUtils, } from './CoinflowUtils';
 export function CoinflowIFrame(_a) {
-    var publicKey = _a.publicKey, IFrameRef = _a.IFrameRef, env = _a.env, route = _a.route, transaction = _a.transaction, amount = _a.amount;
+    var wallet = _a.wallet, IFrameRef = _a.IFrameRef, env = _a.env, route = _a.route, transaction = _a.transaction, amount = _a.amount;
     var url = useMemo(function () {
-        var url = new URL(route, getCoinflowUrl(env));
-        url.searchParams.append('pubkey', publicKey);
-        if (transaction) {
-            var serializedTx = base58.encode(transaction.serialize({
-                requireAllSignatures: false,
-                verifySignatures: false
-            }));
-            url.searchParams.append('transaction', serializedTx);
-        }
-        if (amount) {
-            url.searchParams.append('amount', amount.toString());
-        }
-        return url;
-    }, [amount, env, publicKey, route, transaction]);
-    return useMemo(function () { return (React.createElement("iframe", { ref: IFrameRef, style: {
+        return CoinflowUtils.getCoinflowUrl({
+            wallet: wallet,
+            amount: amount,
+            env: env,
+            route: route,
+            transaction: transaction
+        });
+    }, [amount, env, wallet, route, transaction]);
+    return useMemo(function () { return (React.createElement("iframe", { onLoad: function () {
+            if (IFrameRef.current)
+                IFrameRef.current.style.opacity = '1';
+        }, ref: IFrameRef, style: {
             width: '100%',
-            height: '100%'
-        }, title: "withdraw", frameBorder: "0", src: url.toString() })); }, [IFrameRef, url]);
+            height: '100%',
+            opacity: 0,
+            transition: 'opacity 300ms linear'
+        }, title: "withdraw", frameBorder: "0", src: url })); }, [IFrameRef, 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":"AAAA,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,MAAM,MAAM,MAAM,CAAC;AAY1B,SAAS,cAAc,CAAC,GAAkB;IACxC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,EAAC,GAAG,KAAA,EAAC,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,MAAM;QAAE,OAAO,uBAAuB,CAAC;IAC3D,IAAI,GAAG,KAAK,OAAO;QAAE,OAAO,uBAAuB,CAAC;IAEpD,OAAO,kBAAW,GAAG,mBAAgB,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAOT;QANpB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,GAAG,SAAA,EACH,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,MAAM,YAAA;IAEN,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,IAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QAChD,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC7C,IAAI,WAAW,EAAE;YACf,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAChC,WAAW,CAAC,SAAS,CAAC;gBACpB,oBAAoB,EAAE,KAAK;gBAC3B,gBAAgB,EAAE,KAAK;aACxB,CAAC,CACH,CAAC;YACF,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;SACtD;QACD,IAAI,MAAM,EAAE;YACV,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;SACtD;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjD,OAAO,OAAO,CACZ,cAAM,OAAA,CACJ,gCACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,GAAG,EACf,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,GACnB,CACH,EAXK,CAWL,EACD,CAAC,SAAS,EAAE,GAAG,CAAC,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,EAEL,aAAa,GAEd,MAAM,iBAAiB,CAAC;AAWzB,MAAM,UAAU,cAAc,CAAC,EAOT;QANpB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,GAAG,SAAA,EACH,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,MAAM,YAAA;IAEN,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,OAAO,aAAa,CAAC,cAAc,CAAC;YAClC,MAAM,QAAA;YACN,MAAM,QAAA;YACN,GAAG,KAAA;YACH,KAAK,OAAA;YACL,WAAW,aAAA;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9C,OAAO,OAAO,CACZ,cAAM,OAAA,CACJ,gCACE,MAAM,EAAE;YACN,IAAI,SAAS,CAAC,OAAO;gBAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAC/D,CAAC,EACD,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,EAhBK,CAgBL,EACD,CAAC,SAAS,EAAE,GAAG,CAAC,CACjB,CAAC;AACJ,CAAC"}

package/build/esm/CoinflowPurchase.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { WalletContextState } from '@solana/wallet-adapter-react';
 import { Connection, Signer, Transaction } from '@solana/web3.js';
 import { OnSuccessMethod } from './IFrameWalletConnector';
-import { CoinflowEnvs } from './CoinflowUtils';
-type Props = {
-    wallet: WalletContextState;
+import { CoinflowEnvs, SubsetWalletContextState } from './CoinflowUtils';
+export type CoinflowPurchaseProps = {
+    wallet: SubsetWalletContextState;
     merchantId: string;
     connection: Connection;
     amount?: number;
@@ -14,5 +13,4 @@ type Props = {
     partialSigners?: Signer[];
     debugTx?: boolean;
 };
-export declare function CoinflowPurchase({ wallet, merchantId, env, connection, onSuccess, transaction, amount, partialSigners, debugTx, }: Props): JSX.Element | null;
-export {};
+export declare function CoinflowPurchase({ wallet, merchantId, env, connection, onSuccess, transaction, amount, partialSigners, debugTx, }: CoinflowPurchaseProps): JSX.Element | null;

package/build/esm/CoinflowPurchase.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CoinflowIFrame } from './CoinflowIFrame';
-import { useIframeWallet } from './IFrameWalletConnector';
+import { useIframeWallet } from './useIframeWallet';
 export function CoinflowPurchase(_a) {
     var wallet = _a.wallet, merchantId = _a.merchantId, env = _a.env, connection = _a.connection, onSuccess = _a.onSuccess, transaction = _a.transaction, amount = _a.amount, partialSigners = _a.partialSigners, _b = _a.debugTx, debugTx = _b === void 0 ? false : _b;
     var IFrameRef = useIframeWallet({
@@ -12,6 +12,6 @@ export function CoinflowPurchase(_a) {
     }).IFrameRef;
     if (!wallet.publicKey || !wallet.connected)
         return null;
-    return (React.createElement(CoinflowIFrame, { publicKey: wallet.publicKey.toString(), IFrameRef: IFrameRef, route: "/purchase/".concat(merchantId), env: env, transaction: transaction, amount: amount }));
+    return (React.createElement(CoinflowIFrame, { wallet: wallet, IFrameRef: IFrameRef, route: "/purchase/".concat(merchantId), env: env, transaction: transaction, amount: amount }));
 }
 //# sourceMappingURL=CoinflowPurchase.js.map

package/build/esm/CoinflowPurchase.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAkB,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAezE,MAAM,UAAU,gBAAgB,CAAC,EAUzB;QATN,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAER,IAAA,SAAS,GAAI,eAAe,CAAC;QAClC,MAAM,QAAA;QACN,UAAU,YAAA;QACV,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,OAAO,SAAA;KACR,CAAC,UANc,CAMb;IAEH,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAExD,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,oBAAa,UAAU,CAAE,EAChC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAclD,MAAM,UAAU,gBAAgB,CAAC,EAUT;QATtB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAER,IAAA,SAAS,GAAI,eAAe,CAAC;QAClC,MAAM,QAAA;QACN,UAAU,YAAA;QACV,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,OAAO,SAAA;KACR,CAAC,UANc,CAMb;IAEH,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAExD,OAAO,CACL,oBAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,oBAAa,UAAU,CAAE,EAChC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC"}

package/build/esm/CoinflowUtils.d.ts

@@ -1,9 +1,19 @@
-import { Connection, PublicKey } from '@solana/web3.js';
+import { Connection, PublicKey, Transaction } from '@solana/web3.js';
+import { WalletContextState } from '@solana/wallet-adapter-react';
 export type CoinflowEnvs = 'prod' | 'staging' | 'sandbox' | 'local';
+export type SubsetWalletContextState = Pick<WalletContextState, 'wallet' | 'signTransaction' | 'signMessage' | 'connected' | 'publicKey' | 'sendTransaction'>;
 export declare class CoinflowUtils {
     env: CoinflowEnvs;
     url: string;
     constructor(env?: CoinflowEnvs);
     getFeePayer(): Promise<PublicKey>;
+    static getCoinflowBaseUrl(env?: CoinflowEnvs): string;
+    static getCoinflowUrl({ wallet, route, env, amount, transaction, }: {
+        wallet: SubsetWalletContextState;
+        route: string;
+        env?: CoinflowEnvs;
+        amount?: number;
+        transaction?: Transaction;
+    }): string;
     getCoinflowCreditsBalance(publicKey: PublicKey, connection: Connection): Promise<number>;
 }

package/build/esm/CoinflowUtils.js

@@ -1,7 +1,7 @@
 import { __awaiter, __generator } from "tslib";
 import { PublicKey } from '@solana/web3.js';
-import axios from 'axios';
 import { getAccount, getAssociatedTokenAddress, } from '@solana/spl-token';
+import base58 from 'bs58';
 var CoinflowUtils = /** @class */ (function () {
     function CoinflowUtils(env) {
         this.env = env !== null && env !== void 0 ? env : 'prod';
@@ -14,17 +14,47 @@ var CoinflowUtils = /** @class */ (function () {
     }
     CoinflowUtils.prototype.getFeePayer = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var data;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, axios.get(this.url + '/v1/redeem/fee-payer')];
+            var response, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, fetch(this.url + '/v1/redeem/fee-payer')];
                     case 1:
-                        data = (_a.sent()).data;
-                        return [2 /*return*/, new PublicKey(data)];
+                        response = _b.sent();
+                        _a = PublicKey.bind;
+                        return [4 /*yield*/, response.json()];
+                    case 2: return [2 /*return*/, new (_a.apply(PublicKey, [void 0, _b.sent()]))()];
                 }
             });
         });
     };
+    CoinflowUtils.getCoinflowBaseUrl = function (env) {
+        if (!env || env === 'prod')
+            return 'https://coinflow.cash';
+        if (env === 'local')
+            return 'http://localhost:3000';
+        return "https://".concat(env, ".coinflow.cash");
+    };
+    CoinflowUtils.getCoinflowUrl = function (_a) {
+        var _b, _c, _d, _e;
+        var wallet = _a.wallet, route = _a.route, env = _a.env, amount = _a.amount, transaction = _a.transaction;
+        var url = new URL(route, CoinflowUtils.getCoinflowBaseUrl(env));
+        url.searchParams.append('pubkey', (_c = (_b = wallet.publicKey) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : '');
+        if (transaction) {
+            var serializedTx = base58.encode(transaction.serialize({
+                requireAllSignatures: false,
+                verifySignatures: false
+            }));
+            url.searchParams.append('transaction', serializedTx);
+        }
+        if (amount) {
+            url.searchParams.append('amount', amount.toString());
+        }
+        var supportsVersionedTransactions = !!((_e = (_d = wallet.wallet) === null || _d === void 0 ? void 0 : _d.adapter.supportedTransactionVersions) === null || _e === void 0 ? void 0 : _e.has(0));
+        if (supportsVersionedTransactions) {
+            url.searchParams.append('supportsVersionedTransactions', 'true');
+        }
+        return url.toString();
+    };
     CoinflowUtils.prototype.getCoinflowCreditsBalance = function (publicKey, connection) {
         return __awaiter(this, void 0, void 0, function () {
             function getCreditBalance(wallet) {

package/build/esm/CoinflowUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowUtils.js","sourceRoot":"","sources":["../../src/CoinflowUtils.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,UAAU,EACV,yBAAyB,GAC1B,MAAM,mBAAmB,CAAC;AAI3B;IAIE,uBAAY,GAAkB;QAC5B,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,MAAM,CAAC;QACzB,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM;YAAE,IAAI,CAAC,GAAG,GAAG,2BAA2B,CAAC;aAC3D,IAAI,IAAI,CAAC,GAAG,KAAK,OAAO;YAAE,IAAI,CAAC,GAAG,GAAG,uBAAuB,CAAC;;YAC7D,IAAI,CAAC,GAAG,GAAG,sBAAe,IAAI,CAAC,GAAG,mBAAgB,CAAC;IAC1D,CAAC;IAEK,mCAAW,GAAjB;;;;;4BACiB,qBAAM,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,sBAAsB,CAAC,EAAA;;wBAA1D,IAAI,GAAI,CAAA,SAAkD,CAAA,KAAtD;wBACX,sBAAO,IAAI,SAAS,CAAC,IAAI,CAAC,EAAC;;;;KAC5B;IAEK,iDAAyB,GAA/B,UACE,SAAoB,EACpB,UAAsB;;YAItB,SAAe,gBAAgB,CAAC,MAAiB;;;;;oCAC/B,qBAAM,gBAAgB,CAAC,MAAM,CAAC,EAAA;;gCAAxC,OAAO,GAAG,SAA8B;gCAC9C,IAAI,CAAC,OAAO;oCAAE,sBAAO,CAAC,EAAC;gCACvB,sBAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC;;;;aACjD;YAED,SAAe,gBAAgB,CAC7B,MAAiB;;;;;;;gCAGH,qBAAM,mBAAmB,CAAC,MAAM,CAAC,EAAA;;gCAAvC,GAAG,GAAG,SAAiC;gCACtC,qBAAM,UAAU,CAAC,UAAU,EAAE,GAAG,CAAC,EAAA;oCAAxC,sBAAO,SAAiC,EAAC;;;gCAEzC,sBAAO,SAAS,EAAC;;;;;aAEpB;YAED,SAAe,mBAAmB,CAAC,MAAiB;;;;;;gCAC3C,KAAA,yBAAyB,CAAA;gCAAC,qBAAM,WAAW,EAAE,EAAA;oCAApD,sBAAO,kBAA0B,SAAmB,EAAE,MAAM,EAAC,EAAC;;;;aAC/D;YAED,SAAe,WAAW;;;;oCAEtB,qBAAM,SAAS,CAAC,kBAAkB,CAChC,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EACpC,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAC9D,EAAA;oCAJH,sBAAO,CACL,SAGC,CACF,CAAC,CAAC,CAAC,EAAC;;;;aACN;;;;wBA9BD,IAAI,CAAC,SAAS;4BAAE,sBAAO,CAAC,EAAC;wBAgClB,qBAAM,gBAAgB,CAAC,SAAS,CAAC,EAAA;4BAAxC,sBAAO,SAAiC,EAAC;;;;KAC1C;IACH,oBAAC;AAAD,CAAC,AAtDD,IAsDC"}
+{"version":3,"file":"CoinflowUtils.js","sourceRoot":"","sources":["../../src/CoinflowUtils.ts"],"names":[],"mappings":"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"}

package/build/esm/CoinflowWithdraw.d.ts

@@ -1,14 +1,12 @@
 /// <reference types="react" />
-import { WalletContextState } from '@solana/wallet-adapter-react';
 import { Connection } from '@solana/web3.js';
+import { CoinflowEnvs, SubsetWalletContextState } from './CoinflowUtils';
 import { OnSuccessMethod } from './IFrameWalletConnector';
-import { CoinflowEnvs } from './CoinflowUtils';
-type Props = {
-    wallet: WalletContextState;
+export type CoinflowWithdrawProps = {
+    wallet: SubsetWalletContextState;
     merchantId: string;
     connection: Connection;
     env?: CoinflowEnvs;
     onSuccess?: OnSuccessMethod;
 };
-export declare function CoinflowWithdraw({ wallet, merchantId, env, connection, onSuccess, }: Props): JSX.Element | null;
-export {};
+export declare function CoinflowWithdraw({ wallet, merchantId, env, connection, onSuccess, }: CoinflowWithdrawProps): JSX.Element | null;

package/build/esm/CoinflowWithdraw.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { CoinflowIFrame } from './CoinflowIFrame';
-import { useIframeWallet } from './IFrameWalletConnector';
+import { useIframeWallet } from './useIframeWallet';
 export function CoinflowWithdraw(_a) {
     var wallet = _a.wallet, merchantId = _a.merchantId, env = _a.env, connection = _a.connection, onSuccess = _a.onSuccess;
     var IFrameRef = useIframeWallet({ wallet: wallet, connection: connection, onSuccess: onSuccess }).IFrameRef;
     if (!wallet.publicKey || !wallet.connected)
         return null;
-    return (React.createElement(CoinflowIFrame, { publicKey: wallet.publicKey.toString(), IFrameRef: IFrameRef, route: "/withdraw/".concat(merchantId), env: env }));
+    return (React.createElement(CoinflowIFrame, { wallet: wallet, IFrameRef: IFrameRef, route: "/withdraw/".concat(merchantId), env: env }));
 }
 //# sourceMappingURL=CoinflowWithdraw.js.map

package/build/esm/CoinflowWithdraw.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAkB,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAWzE,MAAM,UAAU,gBAAgB,CAAC,EAMzB;QALN,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,SAAS,eAAA;IAEF,IAAA,SAAS,GAAI,eAAe,CAAC,EAAC,MAAM,QAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAC,CAAC,UAApD,CAAqD;IAErE,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAExD,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,oBAAa,UAAU,CAAE,EAChC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAUlD,MAAM,UAAU,gBAAgB,CAAC,EAMT;QALtB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,SAAS,eAAA;IAEF,IAAA,SAAS,GAAI,eAAe,CAAC,EAAC,MAAM,QAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAC,CAAC,UAApD,CAAqD;IAErE,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAExD,OAAO,CACL,oBAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,oBAAa,UAAU,CAAE,EAChC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC"}

package/build/esm/IFrameWalletConnector.d.ts

@@ -1,19 +1,21 @@
-/// <reference types="react" />
 import { Connection, Signer } from '@solana/web3.js';
-import { WalletContextState } from '@solana/wallet-adapter-react';
+import { SubsetWalletContextState } from './CoinflowUtils';
 export type WalletCall = {
     method: string;
     data: string;
 };
 export type OnSuccessMethod = (params: string) => void | Promise<void>;
 type Props = {
-    wallet: WalletContextState;
+    wallet: SubsetWalletContextState;
     connection: Connection;
     onSuccess?: OnSuccessMethod;
     partialSigners?: Signer[];
     debugTx?: boolean;
+    sendIFrameMessage: (message: string) => void;
 };
-export declare function useIframeWallet({ wallet, connection, onSuccess, partialSigners, debugTx, }: Props): {
-    IFrameRef: import("react").RefObject<HTMLIFrameElement>;
+export declare function useHandleIFrameMessages({ wallet, connection, onSuccess, partialSigners, debugTx, sendIFrameMessage, }: Props): {
+    handleIframeMessages: ({ data }: {
+        data: string;
+    }) => Promise<void>;
 };
 export {};

package/build/esm/IFrameWalletConnector.js

@@ -1,17 +1,10 @@
 import { __awaiter, __generator } from "tslib";
-import { useCallback, useEffect, useRef } from 'react';
+import { useCallback } from 'react';
 import base58 from 'bs58';
-import { Transaction } from '@solana/web3.js';
-export function useIframeWallet(_a) {
+import { Transaction, VersionedTransaction, } from '@solana/web3.js';
+export function useHandleIFrameMessages(_a) {
     var _this = this;
-    var wallet = _a.wallet, connection = _a.connection, onSuccess = _a.onSuccess, partialSigners = _a.partialSigners, _b = _a.debugTx, debugTx = _b === void 0 ? false : _b;
-    var IFrameRef = useRef(null);
-    var sendIFrameMessage = 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, '*');
-    }, [IFrameRef]);
+    var wallet = _a.wallet, connection = _a.connection, onSuccess = _a.onSuccess, partialSigners = _a.partialSigners, _b = _a.debugTx, debugTx = _b === void 0 ? false : _b, sendIFrameMessage = _a.sendIFrameMessage;
     var handleSignMessage = useCallback(function (_a) {
         var data = _a.data;
         return __awaiter(_this, void 0, void 0, function () {
@@ -54,18 +47,35 @@ export function useIframeWallet(_a) {
     var handleSendTransaction = useCallback(function (_a) {
         var data = _a.data;
         return __awaiter(_this, void 0, void 0, function () {
+            function getTransaction() {
+                var parsedUInt8Array = base58.decode(data);
+                var vtx = VersionedTransaction.deserialize(parsedUInt8Array);
+                if (vtx.version === 'legacy')
+                    return Transaction.from(parsedUInt8Array);
+                return vtx;
+            }
             var tx, partiallySign, signature;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        tx = Transaction.from(base58.decode(data));
+                        tx = getTransaction();
                         partiallySign = function (signer) {
-                            var requiredSignatures = tx.signatures.map(function (sig) {
-                                return sig.publicKey.toString();
-                            });
-                            var shouldSign = requiredSignatures.includes(signer.publicKey.toString());
+                            if (tx instanceof Transaction) {
+                                var requiredSignatures = tx.signatures.map(function (sig) {
+                                    return sig.publicKey.toString();
+                                });
+                                var shouldSign_1 = requiredSignatures.includes(signer.publicKey.toString());
+                                if (shouldSign_1)
+                                    tx.partialSign(signer);
+                                return;
+                            }
+                            var signerPubkeys = tx.message.staticAccountKeys
+                                .slice(0, tx.message.header.numRequiredSignatures)
+                                .map(function (pk) { return pk.toString(); });
+                            var shouldSign = signerPubkeys.includes(signer.publicKey.toString());
                             if (shouldSign)
-                                tx.partialSign(signer);
+                                tx.sign([signer]);
+                            return;
                         };
                         if (partialSigners) {
                             partialSigners.forEach(partiallySign);
@@ -91,6 +101,40 @@ export function useIframeWallet(_a) {
         sendTransactionDebug,
         wallet,
     ]);
+    var handleSignTransaction = useCallback(function (_a) {
+        var data = _a.data;
+        return __awaiter(_this, void 0, void 0, function () {
+            var tx, partiallySign, signedTransaction;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!wallet.signTransaction) {
+                            throw new Error('signTransaction is not supported by this wallet');
+                        }
+                        tx = Transaction.from(base58.decode(data));
+                        partiallySign = function (signer) {
+                            var requiredSignatures = tx.signatures.map(function (sig) {
+                                return sig.publicKey.toString();
+                            });
+                            var shouldSign = requiredSignatures.includes(signer.publicKey.toString());
+                            if (shouldSign)
+                                tx.partialSign(signer);
+                        };
+                        if (partialSigners) {
+                            partialSigners.forEach(partiallySign);
+                        }
+                        return [4 /*yield*/, wallet.signTransaction(tx)];
+                    case 1:
+                        signedTransaction = _b.sent();
+                        sendIFrameMessage(base58.encode(signedTransaction.serialize({
+                            requireAllSignatures: false,
+                            verifySignatures: false
+                        })));
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }, [partialSigners, sendIFrameMessage, wallet]);
     var handleIframeMessages = useCallback(function (_a) {
         var data = _a.data;
         return __awaiter(_this, void 0, void 0, function () {
@@ -98,7 +142,7 @@ export function useIframeWallet(_a) {
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        _c.trys.push([0, 8, , 9]);
+                        _c.trys.push([0, 10, , 11]);
                         if (!wallet)
                             return [2 /*return*/];
                         parsedData = parseJSON(data);
@@ -109,35 +153,40 @@ export function useIframeWallet(_a) {
                             case 'signMessage': return [3 /*break*/, 1];
                             case 'sendTransaction': return [3 /*break*/, 3];
                             case 'success': return [3 /*break*/, 5];
+                            case 'signTransaction': return [3 /*break*/, 6];
                         }
-                        return [3 /*break*/, 6];
+                        return [3 /*break*/, 8];
                     case 1: return [4 /*yield*/, handleSignMessage(parsedData)];
                     case 2:
                         _c.sent();
-                        return [3 /*break*/, 7];
+                        return [3 /*break*/, 9];
                     case 3: return [4 /*yield*/, handleSendTransaction(parsedData)];
                     case 4:
                         _c.sent();
-                        return [3 /*break*/, 7];
+                        return [3 /*break*/, 9];
                     case 5:
                         {
                             if (onSuccess)
                                 onSuccess(data);
-                            return [3 /*break*/, 7];
+                            return [3 /*break*/, 9];
                         }
                         _c.label = 6;
-                    case 6:
+                    case 6: return [4 /*yield*/, handleSignTransaction(parsedData)];
+                    case 7:
+                        _c.sent();
+                        return [3 /*break*/, 9];
+                    case 8:
                         {
                             throw new Error("Unsupported Wallet Method ".concat(parsedData.method, ", must be signMessage or signTransaction"));
                         }
-                        _c.label = 7;
-                    case 7: return [3 /*break*/, 9];
-                    case 8:
+                        _c.label = 9;
+                    case 9: return [3 /*break*/, 11];
+                    case 10:
                         e_1 = _c.sent();
                         console.error('handleIframeMessages', e_1);
                         sendIFrameMessage('ERROR');
-                        return [3 /*break*/, 9];
-                    case 9: return [2 /*return*/];
+                        return [3 /*break*/, 11];
+                    case 11: return [2 /*return*/];
                 }
             });
         });
@@ -148,12 +197,7 @@ export function useIframeWallet(_a) {
         sendIFrameMessage,
         wallet,
     ]);
-    useEffect(function () {
-        if (!window)
-            throw new Error('Window not defined');
-        window.onmessage = handleIframeMessages;
-    }, [handleIframeMessages]);
-    return { IFrameRef: IFrameRef };
+    return { handleIframeMessages: handleIframeMessages };
 }
 function parseJSON(data) {
     try {

package/build/esm/IFrameWalletConnector.js.map

@@ -1 +1 @@
-{"version":3,"file":"IFrameWalletConnector.js","sourceRoot":"","sources":["../../src/IFrameWalletConnector.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAqB,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAehE,MAAM,UAAU,eAAe,CAAC,EAMxB;IANR,iBA6HC;QA5HC,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAEf,IAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAC,OAAe;;QACd,IAAI,CAAC,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,aAAa,CAAA;YACpC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACxC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAO,EAAkB;YAAjB,IAAI,UAAA;;;;;;wBACV,IAAI,CAAC,MAAM,CAAC,WAAW;4BAAE,sBAAO;wBACd,qBAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA;;wBAAzD,SAAS,GAAG,SAA6C;wBAC/D,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;;;;;KAC7C,EACD,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAC;IAEF,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAO,EAAe;;;;;oBACpB,IAAI,CAAC,MAAM,CAAC,eAAe;wBACzB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;oBAE7C,qBAAM,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,EAAA;;oBAA3C,QAAQ,GAAG,SAAgC;oBAC3C,YAAY,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;oBACxB,qBAAM,UAAU,CAAC,kBAAkB,CAAC,YAAY,EAAE;4BAClE,aAAa,EAAE,IAAI;yBACpB,CAAC,EAAA;;oBAFI,SAAS,GAAG,SAEhB;oBACF,iBAAiB,CAAC,SAAS,CAAC,CAAC;;;;SAC9B,EACD,CAAC,UAAU,EAAE,iBAAiB,EAAE,MAAM,CAAC,CACxC,CAAC;IAEF,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAO,EAAkB;YAAjB,IAAI,UAAA;;;;;;wBACJ,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;wBAG3C,aAAa,GAAG,UAAC,MAAc;4BACnC,IAAM,kBAAkB,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,GAAG;gCAC9C,OAAA,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE;4BAAxB,CAAwB,CACzB,CAAC;4BACF,IAAM,UAAU,GAAG,kBAAkB,CAAC,QAAQ,CAC5C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAC5B,CAAC;4BACF,IAAI,UAAU;gCAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;wBACzC,CAAC,CAAC;wBACF,IAAI,cAAc,EAAE;4BAClB,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;yBACvC;6BAEG,OAAO,EAAP,wBAAO;wBACT,qBAAM,oBAAoB,CAAC,EAAE,CAAC,EAAA;;wBAA9B,SAA8B,CAAC;wBAC/B,sBAAO;4BAGS,qBAAM,MAAM,CAAC,eAAe,CAAC,EAAE,EAAE,UAAU,CAAC,EAAA;;wBAAxD,SAAS,GAAG,SAA4C;wBAC9D,iBAAiB,CAAC,SAAS,CAAC,CAAC;;;;;KAC9B,EACD;QACE,UAAU;QACV,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,oBAAoB;QACpB,MAAM;KACP,CACF,CAAC;IAEF,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAO,EAAsB;YAArB,IAAI,UAAA;;;;;;;wBAER,IAAI,CAAC,MAAM;4BAAE,sBAAO;wBAEhB,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;wBACjC,IAAI,CAAC,UAAU;4BAAE,sBAAO;wBAEhB,KAAA,UAAU,CAAC,MAAM,CAAA;;iCAClB,aAAa,CAAC,CAAd,wBAAa;iCAIb,iBAAiB,CAAC,CAAlB,wBAAiB;iCAIjB,SAAS,CAAC,CAAV,wBAAS;;;4BAPZ,qBAAM,iBAAiB,CAAC,UAAU,CAAC,EAAA;;wBAAnC,SAAmC,CAAC;wBACpC,wBAAM;4BAGN,qBAAM,qBAAqB,CAAC,UAAU,CAAC,EAAA;;wBAAvC,SAAuC,CAAC;wBACxC,wBAAM;;wBAEQ;4BACd,IAAI,SAAS;gCAAE,SAAS,CAAC,IAAI,CAAC,CAAC;4BAC/B,wBAAM;yBACP;;;wBACQ;4BACP,MAAM,IAAI,KAAK,CACb,oCAA6B,UAAU,CAAC,MAAM,6CAA0C,CACzF,CAAC;yBACH;;;;;wBAGH,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAC,CAAC,CAAC;wBACzC,iBAAiB,CAAC,OAAO,CAAC,CAAC;;;;;;KAE9B,EACD;QACE,iBAAiB;QACjB,qBAAqB;QACrB,SAAS;QACT,iBAAiB;QACjB,MAAM;KACP,CACF,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,CAAC,MAAM;YAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAC1C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,EAAC,SAAS,WAAA,EAAC,CAAC;AACrB,CAAC;AAED,SAAS,SAAS,CAAC,IAAY;IAC7B,IAAI;QACF,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAC3B,OAAO,GAAG,CAAC;KACZ;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,IAAI,CAAC;KACb;AACH,CAAC"}
+{"version":3,"file":"IFrameWalletConnector.js","sourceRoot":"","sources":["../../src/IFrameWalletConnector.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,MAAM,CAAC;AAC1B,OAAO,EAGL,WAAW,EACX,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AAgBzB,MAAM,UAAU,uBAAuB,CAAC,EAOhC;IAPR,iBAuKC;QAtKC,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,uBAAA;IAEjB,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAO,EAAkB;YAAjB,IAAI,UAAA;;;;;;wBACV,IAAI,CAAC,MAAM,CAAC,WAAW;4BAAE,sBAAO;wBACd,qBAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA;;wBAAzD,SAAS,GAAG,SAA6C;wBAC/D,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;;;;;KAC7C,EACD,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAC5B,CAAC;IAEF,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAO,EAAsC;;;;;oBAC3C,IAAI,CAAC,MAAM,CAAC,eAAe;wBACzB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;oBAE7C,qBAAM,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,EAAA;;oBAA3C,QAAQ,GAAG,SAAgC;oBAC3C,YAAY,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;oBACxB,qBAAM,UAAU,CAAC,kBAAkB,CAAC,YAAY,EAAE;4BAClE,aAAa,EAAE,IAAI;yBACpB,CAAC,EAAA;;oBAFI,SAAS,GAAG,SAEhB;oBACF,iBAAiB,CAAC,SAAS,CAAC,CAAC;;;;SAC9B,EACD,CAAC,UAAU,EAAE,iBAAiB,EAAE,MAAM,CAAC,CACxC,CAAC;IAEF,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAO,EAAkB;YAAjB,IAAI,UAAA;;YACV,SAAS,cAAc;gBACrB,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAC7C,IAAM,GAAG,GAAG,oBAAoB,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;gBAC/D,IAAI,GAAG,CAAC,OAAO,KAAK,QAAQ;oBAAE,OAAO,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBACxE,OAAO,GAAG,CAAC;YACb,CAAC;;;;;wBAEK,EAAE,GAAG,cAAc,EAAE,CAAC;wBAGtB,aAAa,GAAG,UAAC,MAAc;4BACnC,IAAI,EAAE,YAAY,WAAW,EAAE;gCAC7B,IAAM,kBAAkB,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,GAAG;oCAC9C,OAAA,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE;gCAAxB,CAAwB,CACzB,CAAC;gCACF,IAAM,YAAU,GAAG,kBAAkB,CAAC,QAAQ,CAC5C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAC5B,CAAC;gCACF,IAAI,YAAU;oCAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gCACvC,OAAO;6BACR;4BAED,IAAM,aAAa,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAiB;iCAC/C,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC;iCACjD,GAAG,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,CAAC,QAAQ,EAAE,EAAb,CAAa,CAAC,CAAC;4BAC5B,IAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;4BACvE,IAAI,UAAU;gCAAE,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;4BAClC,OAAO;wBACT,CAAC,CAAC;wBAEF,IAAI,cAAc,EAAE;4BAClB,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;yBACvC;6BAEG,OAAO,EAAP,wBAAO;wBACT,qBAAM,oBAAoB,CAAC,EAAE,CAAC,EAAA;;wBAA9B,SAA8B,CAAC;wBAC/B,sBAAO;4BAGS,qBAAM,MAAM,CAAC,eAAe,CAAC,EAAE,EAAE,UAAU,CAAC,EAAA;;wBAAxD,SAAS,GAAG,SAA4C;wBAC9D,iBAAiB,CAAC,SAAS,CAAC,CAAC;;;;;KAC9B,EACD;QACE,UAAU;QACV,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,oBAAoB;QACpB,MAAM;KACP,CACF,CAAC;IAEF,IAAM,qBAAqB,GAAG,WAAW,CACvC,UAAO,EAAkB;YAAjB,IAAI,UAAA;;;;;;wBACV,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE;4BAC3B,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;yBACpE;wBAEK,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;wBAG3C,aAAa,GAAG,UAAC,MAAc;4BACnC,IAAM,kBAAkB,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,GAAG;gCAC9C,OAAA,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE;4BAAxB,CAAwB,CACzB,CAAC;4BACF,IAAM,UAAU,GAAG,kBAAkB,CAAC,QAAQ,CAC5C,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAC5B,CAAC;4BACF,IAAI,UAAU;gCAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;wBACzC,CAAC,CAAC;wBACF,IAAI,cAAc,EAAE;4BAClB,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;yBACvC;wBAEyB,qBAAM,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC,EAAA;;wBAApD,iBAAiB,GAAG,SAAgC;wBAC1D,iBAAiB,CACf,MAAM,CAAC,MAAM,CACX,iBAAiB,CAAC,SAAS,CAAC;4BAC1B,oBAAoB,EAAE,KAAK;4BAC3B,gBAAgB,EAAE,KAAK;yBACxB,CAAC,CACH,CACF,CAAC;;;;;KACH,EACD,CAAC,cAAc,EAAE,iBAAiB,EAAE,MAAM,CAAC,CAC5C,CAAC;IAEF,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAO,EAAsB;YAArB,IAAI,UAAA;;;;;;;wBAER,IAAI,CAAC,MAAM;4BAAE,sBAAO;wBAEhB,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;wBACjC,IAAI,CAAC,UAAU;4BAAE,sBAAO;wBAEhB,KAAA,UAAU,CAAC,MAAM,CAAA;;iCAClB,aAAa,CAAC,CAAd,wBAAa;iCAIb,iBAAiB,CAAC,CAAlB,wBAAiB;iCAIjB,SAAS,CAAC,CAAV,wBAAS;iCAIT,iBAAiB,CAAC,CAAlB,wBAAiB;;;4BAXpB,qBAAM,iBAAiB,CAAC,UAAU,CAAC,EAAA;;wBAAnC,SAAmC,CAAC;wBACpC,wBAAM;4BAGN,qBAAM,qBAAqB,CAAC,UAAU,CAAC,EAAA;;wBAAvC,SAAuC,CAAC;wBACxC,wBAAM;;wBAEQ;4BACd,IAAI,SAAS;gCAAE,SAAS,CAAC,IAAI,CAAC,CAAC;4BAC/B,wBAAM;yBACP;;4BAEC,qBAAM,qBAAqB,CAAC,UAAU,CAAC,EAAA;;wBAAvC,SAAuC,CAAC;wBACxC,wBAAM;;wBAEC;4BACP,MAAM,IAAI,KAAK,CACb,oCAA6B,UAAU,CAAC,MAAM,6CAA0C,CACzF,CAAC;yBACH;;;;;wBAGH,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAC,CAAC,CAAC;wBACzC,iBAAiB,CAAC,OAAO,CAAC,CAAC;;;;;;KAE9B,EACD;QACE,iBAAiB;QACjB,qBAAqB;QACrB,SAAS;QACT,iBAAiB;QACjB,MAAM;KACP,CACF,CAAC;IAEF,OAAO,EAAC,oBAAoB,sBAAA,EAAC,CAAC;AAChC,CAAC;AAED,SAAS,SAAS,CAAC,IAAY;IAC7B,IAAI;QACF,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAC3B,OAAO,GAAG,CAAC;KACZ;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,IAAI,CAAC;KACb;AACH,CAAC"}

package/build/esm/index.d.ts

@@ -1,3 +1,6 @@
 export * from './CoinflowWithdraw';
 export * from './CoinflowPurchase';
 export * from './CoinflowUtils';
+export * from './IFrameWalletConnector';
+export * from './useIframeWallet';
+export * from './CoinflowIFrame';

package/build/esm/index.js

@@ -1,4 +1,7 @@
 export * from './CoinflowWithdraw';
 export * from './CoinflowPurchase';
 export * from './CoinflowUtils';
+export * from './IFrameWalletConnector';
+export * from './useIframeWallet';
+export * from './CoinflowIFrame';
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/build/esm/useIframeWallet.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Connection, Signer } from '@solana/web3.js';
+import { OnSuccessMethod } from './IFrameWalletConnector';
+import { SubsetWalletContextState } from './CoinflowUtils';
+export type IFrameWalletProps = {
+    wallet: SubsetWalletContextState;
+    connection: Connection;
+    onSuccess?: OnSuccessMethod;
+    partialSigners?: Signer[];
+    debugTx?: boolean;
+};
+export declare function useIframeWallet({ wallet, connection, onSuccess, partialSigners, debugTx, }: IFrameWalletProps): {
+    IFrameRef: import("react").RefObject<HTMLIFrameElement>;
+};

package/build/esm/useIframeWallet.js

@@ -0,0 +1,27 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useHandleIFrameMessages, } from './IFrameWalletConnector';
+export function useIframeWallet(_a) {
+    var wallet = _a.wallet, connection = _a.connection, onSuccess = _a.onSuccess, partialSigners = _a.partialSigners, _b = _a.debugTx, debugTx = _b === void 0 ? false : _b;
+    var IFrameRef = useRef(null);
+    var sendIFrameMessage = 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, '*');
+    }, [IFrameRef]);
+    var handleIframeMessages = useHandleIFrameMessages({
+        wallet: wallet,
+        connection: connection,
+        onSuccess: onSuccess,
+        partialSigners: partialSigners,
+        debugTx: debugTx,
+        sendIFrameMessage: sendIFrameMessage
+    }).handleIframeMessages;
+    useEffect(function () {
+        if (!window)
+            throw new Error('Window not defined');
+        window.onmessage = handleIframeMessages;
+    }, [handleIframeMessages]);
+    return { IFrameRef: IFrameRef };
+}
+//# sourceMappingURL=useIframeWallet.js.map

package/build/esm/useIframeWallet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIframeWallet.js","sourceRoot":"","sources":["../../src/useIframeWallet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,uBAAuB,GACxB,MAAM,yBAAyB,CAAC;AAWjC,MAAM,UAAU,eAAe,CAAC,EAMZ;QALlB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAEf,IAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,IAAM,iBAAiB,GAAG,WAAW,CACnC,UAAC,OAAe;;QACd,IAAI,CAAC,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,aAAa,CAAA;YACpC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACxC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEK,IAAA,oBAAoB,GAAI,uBAAuB,CAAC;QACrD,MAAM,QAAA;QACN,UAAU,YAAA;QACV,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,OAAO,SAAA;QACP,iBAAiB,mBAAA;KAClB,CAAC,qBAPyB,CAOxB;IAEH,SAAS,CAAC;QACR,IAAI,CAAC,MAAM;YAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAC1C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,EAAC,SAAS,WAAA,EAAC,CAAC;AACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinflowlabs/react",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "React Component for Coinflow Withdraw",
   "main": "./build/cjs/index.js",
   "module": "./build/esm/index.js",
@@ -24,7 +24,7 @@
   ],
   "dependencies": {
     "bs58": "^5.0.0",
-    "@solana/web3.js": "^1.69.0",
+    "@solana/web3.js": "^1.70.0",
     "@solana/spl-token": "^0.3.6"
   },
   "devDependencies": {
@@ -32,7 +32,7 @@
     "eslint-config-react-app": "^7.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^4.9.3"
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
     "react": ">=16"