@coinflowlabs/react 0.2.8 → 0.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/build/cjs/CoinflowIFrame.d.ts +3 -3
- package/build/cjs/CoinflowIFrame.js +18 -27
- package/build/cjs/CoinflowIFrame.js.map +1 -1
- package/build/cjs/CoinflowPurchase.d.ts +4 -6
- package/build/cjs/CoinflowPurchase.js +3 -3
- package/build/cjs/CoinflowPurchase.js.map +1 -1
- package/build/cjs/CoinflowUtils.d.ts +11 -1
- package/build/cjs/CoinflowUtils.js +37 -7
- package/build/cjs/CoinflowUtils.js.map +1 -1
- package/build/cjs/CoinflowWithdraw.d.ts +4 -6
- package/build/cjs/CoinflowWithdraw.js +3 -3
- package/build/cjs/CoinflowWithdraw.js.map +1 -1
- package/build/cjs/IFrameWalletConnector.d.ts +7 -5
- package/build/cjs/IFrameWalletConnector.js +78 -34
- package/build/cjs/IFrameWalletConnector.js.map +1 -1
- package/build/cjs/index.d.ts +3 -0
- package/build/cjs/index.js +3 -0
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/useIframeWallet.d.ts +14 -0
- package/build/cjs/useIframeWallet.js +31 -0
- package/build/cjs/useIframeWallet.js.map +1 -0
- package/build/esm/CoinflowIFrame.d.ts +3 -3
- package/build/esm/CoinflowIFrame.js +18 -27
- package/build/esm/CoinflowIFrame.js.map +1 -1
- package/build/esm/CoinflowPurchase.d.ts +4 -6
- package/build/esm/CoinflowPurchase.js +2 -2
- package/build/esm/CoinflowPurchase.js.map +1 -1
- package/build/esm/CoinflowUtils.d.ts +11 -1
- package/build/esm/CoinflowUtils.js +37 -7
- package/build/esm/CoinflowUtils.js.map +1 -1
- package/build/esm/CoinflowWithdraw.d.ts +4 -6
- package/build/esm/CoinflowWithdraw.js +2 -2
- package/build/esm/CoinflowWithdraw.js.map +1 -1
- package/build/esm/IFrameWalletConnector.d.ts +7 -5
- package/build/esm/IFrameWalletConnector.js +78 -34
- package/build/esm/IFrameWalletConnector.js.map +1 -1
- package/build/esm/index.d.ts +3 -0
- package/build/esm/index.js +3 -0
- package/build/esm/index.js.map +1 -1
- package/build/esm/useIframeWallet.d.ts +14 -0
- package/build/esm/useIframeWallet.js +27 -0
- package/build/esm/useIframeWallet.js.map +1 -0
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Transaction } from '@solana/web3.js';
|
|
3
|
-
import { CoinflowEnvs } from './CoinflowUtils';
|
|
3
|
+
import { CoinflowEnvs, SubsetWalletContextState } from './CoinflowUtils';
|
|
4
4
|
type CoinflowIFrameProps = {
|
|
5
|
-
|
|
5
|
+
wallet: SubsetWalletContextState;
|
|
6
6
|
IFrameRef: React.RefObject<HTMLIFrameElement>;
|
|
7
7
|
env?: CoinflowEnvs;
|
|
8
8
|
route: string;
|
|
9
9
|
amount?: number;
|
|
10
10
|
transaction?: Transaction;
|
|
11
11
|
};
|
|
12
|
-
export declare function CoinflowIFrame({
|
|
12
|
+
export declare function CoinflowIFrame({ wallet, IFrameRef, env, route, transaction, amount, }: CoinflowIFrameProps): JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -3,36 +3,27 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.CoinflowIFrame = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
-
var
|
|
7
|
-
function getCoinflowUrl(env) {
|
|
8
|
-
console.log('getCoinflowUrl', { env: env });
|
|
9
|
-
if (!env || env === 'prod')
|
|
10
|
-
return 'https://coinflow.cash';
|
|
11
|
-
if (env === 'local')
|
|
12
|
-
return 'http://localhost:3000';
|
|
13
|
-
return "https://".concat(env, ".coinflow.cash");
|
|
14
|
-
}
|
|
6
|
+
var CoinflowUtils_1 = require("./CoinflowUtils");
|
|
15
7
|
function CoinflowIFrame(_a) {
|
|
16
|
-
var
|
|
8
|
+
var wallet = _a.wallet, IFrameRef = _a.IFrameRef, env = _a.env, route = _a.route, transaction = _a.transaction, amount = _a.amount;
|
|
17
9
|
var url = (0, react_1.useMemo)(function () {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
return url;
|
|
31
|
-
}, [amount, env, publicKey, route, transaction]);
|
|
32
|
-
return (0, react_1.useMemo)(function () { return (react_1["default"].createElement("iframe", { ref: IFrameRef, style: {
|
|
10
|
+
return CoinflowUtils_1.CoinflowUtils.getCoinflowUrl({
|
|
11
|
+
wallet: wallet,
|
|
12
|
+
amount: amount,
|
|
13
|
+
env: env,
|
|
14
|
+
route: route,
|
|
15
|
+
transaction: transaction
|
|
16
|
+
});
|
|
17
|
+
}, [amount, env, wallet, route, transaction]);
|
|
18
|
+
return (0, react_1.useMemo)(function () { return (react_1["default"].createElement("iframe", { onLoad: function () {
|
|
19
|
+
if (IFrameRef.current)
|
|
20
|
+
IFrameRef.current.style.opacity = '1';
|
|
21
|
+
}, ref: IFrameRef, style: {
|
|
33
22
|
width: '100%',
|
|
34
|
-
height: '100%'
|
|
35
|
-
|
|
23
|
+
height: '100%',
|
|
24
|
+
opacity: 0,
|
|
25
|
+
transition: 'opacity 300ms linear'
|
|
26
|
+
}, title: "withdraw", frameBorder: "0", src: url })); }, [IFrameRef, url]);
|
|
36
27
|
}
|
|
37
28
|
exports.CoinflowIFrame = CoinflowIFrame;
|
|
38
29
|
//# sourceMappingURL=CoinflowIFrame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":";;;;AAAA,qDAAqC;AAErC,
|
|
1
|
+
{"version":3,"file":"CoinflowIFrame.js","sourceRoot":"","sources":["../../src/CoinflowIFrame.tsx"],"names":[],"mappings":";;;;AAAA,qDAAqC;AAErC,iDAIyB;AAWzB,SAAgB,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,IAAA,eAAO,EAAC;QAClB,OAAO,6BAAa,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,IAAA,eAAO,EACZ,cAAM,OAAA,CACJ,6CACE,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;AAtCD,wCAsCC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { WalletContextState } from '@solana/wallet-adapter-react';
|
|
3
2
|
import { Connection, Signer, Transaction } from '@solana/web3.js';
|
|
4
3
|
import { OnSuccessMethod } from './IFrameWalletConnector';
|
|
5
|
-
import { CoinflowEnvs } from './CoinflowUtils';
|
|
6
|
-
type
|
|
7
|
-
wallet:
|
|
4
|
+
import { CoinflowEnvs, SubsetWalletContextState } from './CoinflowUtils';
|
|
5
|
+
export type CoinflowPurchaseProps = {
|
|
6
|
+
wallet: SubsetWalletContextState;
|
|
8
7
|
merchantId: string;
|
|
9
8
|
connection: Connection;
|
|
10
9
|
amount?: number;
|
|
@@ -14,5 +13,4 @@ type Props = {
|
|
|
14
13
|
partialSigners?: Signer[];
|
|
15
14
|
debugTx?: boolean;
|
|
16
15
|
};
|
|
17
|
-
export declare function CoinflowPurchase({ wallet, merchantId, env, connection, onSuccess, transaction, amount, partialSigners, debugTx, }:
|
|
18
|
-
export {};
|
|
16
|
+
export declare function CoinflowPurchase({ wallet, merchantId, env, connection, onSuccess, transaction, amount, partialSigners, debugTx, }: CoinflowPurchaseProps): JSX.Element | null;
|
|
@@ -4,10 +4,10 @@ exports.CoinflowPurchase = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var CoinflowIFrame_1 = require("./CoinflowIFrame");
|
|
7
|
-
var
|
|
7
|
+
var useIframeWallet_1 = require("./useIframeWallet");
|
|
8
8
|
function CoinflowPurchase(_a) {
|
|
9
9
|
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;
|
|
10
|
-
var IFrameRef = (0,
|
|
10
|
+
var IFrameRef = (0, useIframeWallet_1.useIframeWallet)({
|
|
11
11
|
wallet: wallet,
|
|
12
12
|
connection: connection,
|
|
13
13
|
onSuccess: onSuccess,
|
|
@@ -16,7 +16,7 @@ function CoinflowPurchase(_a) {
|
|
|
16
16
|
}).IFrameRef;
|
|
17
17
|
if (!wallet.publicKey || !wallet.connected)
|
|
18
18
|
return null;
|
|
19
|
-
return (react_1["default"].createElement(CoinflowIFrame_1.CoinflowIFrame, {
|
|
19
|
+
return (react_1["default"].createElement(CoinflowIFrame_1.CoinflowIFrame, { wallet: wallet, IFrameRef: IFrameRef, route: "/purchase/".concat(merchantId), env: env, transaction: transaction, amount: amount }));
|
|
20
20
|
}
|
|
21
21
|
exports.CoinflowPurchase = CoinflowPurchase;
|
|
22
22
|
//# sourceMappingURL=CoinflowPurchase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"CoinflowPurchase.js","sourceRoot":"","sources":["../../src/CoinflowPurchase.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,mDAAgD;AAGhD,qDAAkD;AAclD,SAAgB,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,IAAA,iCAAe,EAAC;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,iCAAC,+BAAc,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;AA/BD,4CA+BC"}
|
|
@@ -1,9 +1,19 @@
|
|
|
1
|
-
import { Connection, PublicKey } from '@solana/web3.js';
|
|
1
|
+
import { Connection, PublicKey, Transaction } from '@solana/web3.js';
|
|
2
|
+
import { WalletContextState } from '@solana/wallet-adapter-react';
|
|
2
3
|
export type CoinflowEnvs = 'prod' | 'staging' | 'sandbox' | 'local';
|
|
4
|
+
export type SubsetWalletContextState = Pick<WalletContextState, 'wallet' | 'signTransaction' | 'signMessage' | 'connected' | 'publicKey' | 'sendTransaction'>;
|
|
3
5
|
export declare class CoinflowUtils {
|
|
4
6
|
env: CoinflowEnvs;
|
|
5
7
|
url: string;
|
|
6
8
|
constructor(env?: CoinflowEnvs);
|
|
7
9
|
getFeePayer(): Promise<PublicKey>;
|
|
10
|
+
static getCoinflowBaseUrl(env?: CoinflowEnvs): string;
|
|
11
|
+
static getCoinflowUrl({ wallet, route, env, amount, transaction, }: {
|
|
12
|
+
wallet: SubsetWalletContextState;
|
|
13
|
+
route: string;
|
|
14
|
+
env?: CoinflowEnvs;
|
|
15
|
+
amount?: number;
|
|
16
|
+
transaction?: Transaction;
|
|
17
|
+
}): string;
|
|
8
18
|
getCoinflowCreditsBalance(publicKey: PublicKey, connection: Connection): Promise<number>;
|
|
9
19
|
}
|
|
@@ -3,8 +3,8 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.CoinflowUtils = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var web3_js_1 = require("@solana/web3.js");
|
|
6
|
-
var axios_1 = tslib_1.__importDefault(require("axios"));
|
|
7
6
|
var spl_token_1 = require("@solana/spl-token");
|
|
7
|
+
var bs58_1 = tslib_1.__importDefault(require("bs58"));
|
|
8
8
|
var CoinflowUtils = /** @class */ (function () {
|
|
9
9
|
function CoinflowUtils(env) {
|
|
10
10
|
this.env = env !== null && env !== void 0 ? env : 'prod';
|
|
@@ -17,17 +17,47 @@ var CoinflowUtils = /** @class */ (function () {
|
|
|
17
17
|
}
|
|
18
18
|
CoinflowUtils.prototype.getFeePayer = function () {
|
|
19
19
|
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
20
|
-
var
|
|
21
|
-
return tslib_1.__generator(this, function (
|
|
22
|
-
switch (
|
|
23
|
-
case 0: return [4 /*yield*/,
|
|
20
|
+
var response, _a;
|
|
21
|
+
return tslib_1.__generator(this, function (_b) {
|
|
22
|
+
switch (_b.label) {
|
|
23
|
+
case 0: return [4 /*yield*/, fetch(this.url + '/v1/redeem/fee-payer')];
|
|
24
24
|
case 1:
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
response = _b.sent();
|
|
26
|
+
_a = web3_js_1.PublicKey.bind;
|
|
27
|
+
return [4 /*yield*/, response.json()];
|
|
28
|
+
case 2: return [2 /*return*/, new (_a.apply(web3_js_1.PublicKey, [void 0, _b.sent()]))()];
|
|
27
29
|
}
|
|
28
30
|
});
|
|
29
31
|
});
|
|
30
32
|
};
|
|
33
|
+
CoinflowUtils.getCoinflowBaseUrl = function (env) {
|
|
34
|
+
if (!env || env === 'prod')
|
|
35
|
+
return 'https://coinflow.cash';
|
|
36
|
+
if (env === 'local')
|
|
37
|
+
return 'http://localhost:3000';
|
|
38
|
+
return "https://".concat(env, ".coinflow.cash");
|
|
39
|
+
};
|
|
40
|
+
CoinflowUtils.getCoinflowUrl = function (_a) {
|
|
41
|
+
var _b, _c, _d, _e;
|
|
42
|
+
var wallet = _a.wallet, route = _a.route, env = _a.env, amount = _a.amount, transaction = _a.transaction;
|
|
43
|
+
var url = new URL(route, CoinflowUtils.getCoinflowBaseUrl(env));
|
|
44
|
+
url.searchParams.append('pubkey', (_c = (_b = wallet.publicKey) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : '');
|
|
45
|
+
if (transaction) {
|
|
46
|
+
var serializedTx = bs58_1["default"].encode(transaction.serialize({
|
|
47
|
+
requireAllSignatures: false,
|
|
48
|
+
verifySignatures: false
|
|
49
|
+
}));
|
|
50
|
+
url.searchParams.append('transaction', serializedTx);
|
|
51
|
+
}
|
|
52
|
+
if (amount) {
|
|
53
|
+
url.searchParams.append('amount', amount.toString());
|
|
54
|
+
}
|
|
55
|
+
var supportsVersionedTransactions = !!((_e = (_d = wallet.wallet) === null || _d === void 0 ? void 0 : _d.adapter.supportedTransactionVersions) === null || _e === void 0 ? void 0 : _e.has(0));
|
|
56
|
+
if (supportsVersionedTransactions) {
|
|
57
|
+
url.searchParams.append('supportsVersionedTransactions', 'true');
|
|
58
|
+
}
|
|
59
|
+
return url.toString();
|
|
60
|
+
};
|
|
31
61
|
CoinflowUtils.prototype.getCoinflowCreditsBalance = function (publicKey, connection) {
|
|
32
62
|
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
33
63
|
function getCreditBalance(wallet) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowUtils.js","sourceRoot":"","sources":["../../src/CoinflowUtils.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"CoinflowUtils.js","sourceRoot":"","sources":["../../src/CoinflowUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { WalletContextState } from '@solana/wallet-adapter-react';
|
|
3
2
|
import { Connection } from '@solana/web3.js';
|
|
3
|
+
import { CoinflowEnvs, SubsetWalletContextState } from './CoinflowUtils';
|
|
4
4
|
import { OnSuccessMethod } from './IFrameWalletConnector';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
wallet: WalletContextState;
|
|
5
|
+
export type CoinflowWithdrawProps = {
|
|
6
|
+
wallet: SubsetWalletContextState;
|
|
8
7
|
merchantId: string;
|
|
9
8
|
connection: Connection;
|
|
10
9
|
env?: CoinflowEnvs;
|
|
11
10
|
onSuccess?: OnSuccessMethod;
|
|
12
11
|
};
|
|
13
|
-
export declare function CoinflowWithdraw({ wallet, merchantId, env, connection, onSuccess, }:
|
|
14
|
-
export {};
|
|
12
|
+
export declare function CoinflowWithdraw({ wallet, merchantId, env, connection, onSuccess, }: CoinflowWithdrawProps): JSX.Element | null;
|
|
@@ -4,13 +4,13 @@ exports.CoinflowWithdraw = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var CoinflowIFrame_1 = require("./CoinflowIFrame");
|
|
7
|
-
var
|
|
7
|
+
var useIframeWallet_1 = require("./useIframeWallet");
|
|
8
8
|
function CoinflowWithdraw(_a) {
|
|
9
9
|
var wallet = _a.wallet, merchantId = _a.merchantId, env = _a.env, connection = _a.connection, onSuccess = _a.onSuccess;
|
|
10
|
-
var IFrameRef = (0,
|
|
10
|
+
var IFrameRef = (0, useIframeWallet_1.useIframeWallet)({ wallet: wallet, connection: connection, onSuccess: onSuccess }).IFrameRef;
|
|
11
11
|
if (!wallet.publicKey || !wallet.connected)
|
|
12
12
|
return null;
|
|
13
|
-
return (react_1["default"].createElement(CoinflowIFrame_1.CoinflowIFrame, {
|
|
13
|
+
return (react_1["default"].createElement(CoinflowIFrame_1.CoinflowIFrame, { wallet: wallet, IFrameRef: IFrameRef, route: "/withdraw/".concat(merchantId), env: env }));
|
|
14
14
|
}
|
|
15
15
|
exports.CoinflowWithdraw = CoinflowWithdraw;
|
|
16
16
|
//# sourceMappingURL=CoinflowWithdraw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"CoinflowWithdraw.js","sourceRoot":"","sources":["../../src/CoinflowWithdraw.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,mDAAgD;AAGhD,qDAAkD;AAUlD,SAAgB,gBAAgB,CAAC,EAMT;QALtB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,SAAS,eAAA;IAEF,IAAA,SAAS,GAAI,IAAA,iCAAe,EAAC,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,iCAAC,+BAAc,IACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,oBAAa,UAAU,CAAE,EAChC,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC;AAnBD,4CAmBC"}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Connection, Signer } from '@solana/web3.js';
|
|
3
|
-
import {
|
|
2
|
+
import { SubsetWalletContextState } from './CoinflowUtils';
|
|
4
3
|
export type WalletCall = {
|
|
5
4
|
method: string;
|
|
6
5
|
data: string;
|
|
7
6
|
};
|
|
8
7
|
export type OnSuccessMethod = (params: string) => void | Promise<void>;
|
|
9
8
|
type Props = {
|
|
10
|
-
wallet:
|
|
9
|
+
wallet: SubsetWalletContextState;
|
|
11
10
|
connection: Connection;
|
|
12
11
|
onSuccess?: OnSuccessMethod;
|
|
13
12
|
partialSigners?: Signer[];
|
|
14
13
|
debugTx?: boolean;
|
|
14
|
+
sendIFrameMessage: (message: string) => void;
|
|
15
15
|
};
|
|
16
|
-
export declare function
|
|
17
|
-
|
|
16
|
+
export declare function useHandleIFrameMessages({ wallet, connection, onSuccess, partialSigners, debugTx, sendIFrameMessage, }: Props): {
|
|
17
|
+
handleIframeMessages: ({ data }: {
|
|
18
|
+
data: string;
|
|
19
|
+
}) => Promise<void>;
|
|
18
20
|
};
|
|
19
21
|
export {};
|
|
@@ -1,20 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.
|
|
3
|
+
exports.useHandleIFrameMessages = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var bs58_1 = tslib_1.__importDefault(require("bs58"));
|
|
7
7
|
var web3_js_1 = require("@solana/web3.js");
|
|
8
|
-
function
|
|
8
|
+
function useHandleIFrameMessages(_a) {
|
|
9
9
|
var _this = this;
|
|
10
|
-
var wallet = _a.wallet, connection = _a.connection, onSuccess = _a.onSuccess, partialSigners = _a.partialSigners, _b = _a.debugTx, debugTx = _b === void 0 ? false : _b;
|
|
11
|
-
var IFrameRef = (0, react_1.useRef)(null);
|
|
12
|
-
var sendIFrameMessage = (0, react_1.useCallback)(function (message) {
|
|
13
|
-
var _a;
|
|
14
|
-
if (!((_a = IFrameRef === null || IFrameRef === void 0 ? void 0 : IFrameRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow))
|
|
15
|
-
throw new Error('Iframe not defined');
|
|
16
|
-
IFrameRef.current.contentWindow.postMessage(message, '*');
|
|
17
|
-
}, [IFrameRef]);
|
|
10
|
+
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;
|
|
18
11
|
var handleSignMessage = (0, react_1.useCallback)(function (_a) {
|
|
19
12
|
var data = _a.data;
|
|
20
13
|
return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
@@ -57,18 +50,35 @@ function useIframeWallet(_a) {
|
|
|
57
50
|
var handleSendTransaction = (0, react_1.useCallback)(function (_a) {
|
|
58
51
|
var data = _a.data;
|
|
59
52
|
return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
53
|
+
function getTransaction() {
|
|
54
|
+
var parsedUInt8Array = bs58_1["default"].decode(data);
|
|
55
|
+
var vtx = web3_js_1.VersionedTransaction.deserialize(parsedUInt8Array);
|
|
56
|
+
if (vtx.version === 'legacy')
|
|
57
|
+
return web3_js_1.Transaction.from(parsedUInt8Array);
|
|
58
|
+
return vtx;
|
|
59
|
+
}
|
|
60
60
|
var tx, partiallySign, signature;
|
|
61
61
|
return tslib_1.__generator(this, function (_b) {
|
|
62
62
|
switch (_b.label) {
|
|
63
63
|
case 0:
|
|
64
|
-
tx =
|
|
64
|
+
tx = getTransaction();
|
|
65
65
|
partiallySign = function (signer) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
66
|
+
if (tx instanceof web3_js_1.Transaction) {
|
|
67
|
+
var requiredSignatures = tx.signatures.map(function (sig) {
|
|
68
|
+
return sig.publicKey.toString();
|
|
69
|
+
});
|
|
70
|
+
var shouldSign_1 = requiredSignatures.includes(signer.publicKey.toString());
|
|
71
|
+
if (shouldSign_1)
|
|
72
|
+
tx.partialSign(signer);
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
var signerPubkeys = tx.message.staticAccountKeys
|
|
76
|
+
.slice(0, tx.message.header.numRequiredSignatures)
|
|
77
|
+
.map(function (pk) { return pk.toString(); });
|
|
78
|
+
var shouldSign = signerPubkeys.includes(signer.publicKey.toString());
|
|
70
79
|
if (shouldSign)
|
|
71
|
-
tx.
|
|
80
|
+
tx.sign([signer]);
|
|
81
|
+
return;
|
|
72
82
|
};
|
|
73
83
|
if (partialSigners) {
|
|
74
84
|
partialSigners.forEach(partiallySign);
|
|
@@ -94,6 +104,40 @@ function useIframeWallet(_a) {
|
|
|
94
104
|
sendTransactionDebug,
|
|
95
105
|
wallet,
|
|
96
106
|
]);
|
|
107
|
+
var handleSignTransaction = (0, react_1.useCallback)(function (_a) {
|
|
108
|
+
var data = _a.data;
|
|
109
|
+
return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
110
|
+
var tx, partiallySign, signedTransaction;
|
|
111
|
+
return tslib_1.__generator(this, function (_b) {
|
|
112
|
+
switch (_b.label) {
|
|
113
|
+
case 0:
|
|
114
|
+
if (!wallet.signTransaction) {
|
|
115
|
+
throw new Error('signTransaction is not supported by this wallet');
|
|
116
|
+
}
|
|
117
|
+
tx = web3_js_1.Transaction.from(bs58_1["default"].decode(data));
|
|
118
|
+
partiallySign = function (signer) {
|
|
119
|
+
var requiredSignatures = tx.signatures.map(function (sig) {
|
|
120
|
+
return sig.publicKey.toString();
|
|
121
|
+
});
|
|
122
|
+
var shouldSign = requiredSignatures.includes(signer.publicKey.toString());
|
|
123
|
+
if (shouldSign)
|
|
124
|
+
tx.partialSign(signer);
|
|
125
|
+
};
|
|
126
|
+
if (partialSigners) {
|
|
127
|
+
partialSigners.forEach(partiallySign);
|
|
128
|
+
}
|
|
129
|
+
return [4 /*yield*/, wallet.signTransaction(tx)];
|
|
130
|
+
case 1:
|
|
131
|
+
signedTransaction = _b.sent();
|
|
132
|
+
sendIFrameMessage(bs58_1["default"].encode(signedTransaction.serialize({
|
|
133
|
+
requireAllSignatures: false,
|
|
134
|
+
verifySignatures: false
|
|
135
|
+
})));
|
|
136
|
+
return [2 /*return*/];
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
}, [partialSigners, sendIFrameMessage, wallet]);
|
|
97
141
|
var handleIframeMessages = (0, react_1.useCallback)(function (_a) {
|
|
98
142
|
var data = _a.data;
|
|
99
143
|
return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
@@ -101,7 +145,7 @@ function useIframeWallet(_a) {
|
|
|
101
145
|
return tslib_1.__generator(this, function (_c) {
|
|
102
146
|
switch (_c.label) {
|
|
103
147
|
case 0:
|
|
104
|
-
_c.trys.push([0,
|
|
148
|
+
_c.trys.push([0, 10, , 11]);
|
|
105
149
|
if (!wallet)
|
|
106
150
|
return [2 /*return*/];
|
|
107
151
|
parsedData = parseJSON(data);
|
|
@@ -112,35 +156,40 @@ function useIframeWallet(_a) {
|
|
|
112
156
|
case 'signMessage': return [3 /*break*/, 1];
|
|
113
157
|
case 'sendTransaction': return [3 /*break*/, 3];
|
|
114
158
|
case 'success': return [3 /*break*/, 5];
|
|
159
|
+
case 'signTransaction': return [3 /*break*/, 6];
|
|
115
160
|
}
|
|
116
|
-
return [3 /*break*/,
|
|
161
|
+
return [3 /*break*/, 8];
|
|
117
162
|
case 1: return [4 /*yield*/, handleSignMessage(parsedData)];
|
|
118
163
|
case 2:
|
|
119
164
|
_c.sent();
|
|
120
|
-
return [3 /*break*/,
|
|
165
|
+
return [3 /*break*/, 9];
|
|
121
166
|
case 3: return [4 /*yield*/, handleSendTransaction(parsedData)];
|
|
122
167
|
case 4:
|
|
123
168
|
_c.sent();
|
|
124
|
-
return [3 /*break*/,
|
|
169
|
+
return [3 /*break*/, 9];
|
|
125
170
|
case 5:
|
|
126
171
|
{
|
|
127
172
|
if (onSuccess)
|
|
128
173
|
onSuccess(data);
|
|
129
|
-
return [3 /*break*/,
|
|
174
|
+
return [3 /*break*/, 9];
|
|
130
175
|
}
|
|
131
176
|
_c.label = 6;
|
|
132
|
-
case 6:
|
|
177
|
+
case 6: return [4 /*yield*/, handleSignTransaction(parsedData)];
|
|
178
|
+
case 7:
|
|
179
|
+
_c.sent();
|
|
180
|
+
return [3 /*break*/, 9];
|
|
181
|
+
case 8:
|
|
133
182
|
{
|
|
134
183
|
throw new Error("Unsupported Wallet Method ".concat(parsedData.method, ", must be signMessage or signTransaction"));
|
|
135
184
|
}
|
|
136
|
-
_c.label =
|
|
137
|
-
case
|
|
138
|
-
case
|
|
185
|
+
_c.label = 9;
|
|
186
|
+
case 9: return [3 /*break*/, 11];
|
|
187
|
+
case 10:
|
|
139
188
|
e_1 = _c.sent();
|
|
140
189
|
console.error('handleIframeMessages', e_1);
|
|
141
190
|
sendIFrameMessage('ERROR');
|
|
142
|
-
return [3 /*break*/,
|
|
143
|
-
case
|
|
191
|
+
return [3 /*break*/, 11];
|
|
192
|
+
case 11: return [2 /*return*/];
|
|
144
193
|
}
|
|
145
194
|
});
|
|
146
195
|
});
|
|
@@ -151,14 +200,9 @@ function useIframeWallet(_a) {
|
|
|
151
200
|
sendIFrameMessage,
|
|
152
201
|
wallet,
|
|
153
202
|
]);
|
|
154
|
-
|
|
155
|
-
if (!window)
|
|
156
|
-
throw new Error('Window not defined');
|
|
157
|
-
window.onmessage = handleIframeMessages;
|
|
158
|
-
}, [handleIframeMessages]);
|
|
159
|
-
return { IFrameRef: IFrameRef };
|
|
203
|
+
return { handleIframeMessages: handleIframeMessages };
|
|
160
204
|
}
|
|
161
|
-
exports.
|
|
205
|
+
exports.useHandleIFrameMessages = useHandleIFrameMessages;
|
|
162
206
|
function parseJSON(data) {
|
|
163
207
|
try {
|
|
164
208
|
var res = JSON.parse(data);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFrameWalletConnector.js","sourceRoot":"","sources":["../../src/IFrameWalletConnector.ts"],"names":[],"mappings":";;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"IFrameWalletConnector.js","sourceRoot":"","sources":["../../src/IFrameWalletConnector.ts"],"names":[],"mappings":"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"}
|
package/build/cjs/index.d.ts
CHANGED
package/build/cjs/index.js
CHANGED
|
@@ -4,4 +4,7 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
tslib_1.__exportStar(require("./CoinflowWithdraw"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./CoinflowPurchase"), exports);
|
|
6
6
|
tslib_1.__exportStar(require("./CoinflowUtils"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./IFrameWalletConnector"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./useIframeWallet"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./CoinflowIFrame"), exports);
|
|
7
10
|
//# sourceMappingURL=index.js.map
|
package/build/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,6DAAmC;AACnC,0DAAgC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,6DAAmC;AACnC,0DAAgC;AAChC,kEAAwC;AACxC,4DAAkC;AAClC,2DAAiC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Connection, Signer } from '@solana/web3.js';
|
|
3
|
+
import { OnSuccessMethod } from './IFrameWalletConnector';
|
|
4
|
+
import { SubsetWalletContextState } from './CoinflowUtils';
|
|
5
|
+
export type IFrameWalletProps = {
|
|
6
|
+
wallet: SubsetWalletContextState;
|
|
7
|
+
connection: Connection;
|
|
8
|
+
onSuccess?: OnSuccessMethod;
|
|
9
|
+
partialSigners?: Signer[];
|
|
10
|
+
debugTx?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare function useIframeWallet({ wallet, connection, onSuccess, partialSigners, debugTx, }: IFrameWalletProps): {
|
|
13
|
+
IFrameRef: import("react").RefObject<HTMLIFrameElement>;
|
|
14
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.useIframeWallet = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var IFrameWalletConnector_1 = require("./IFrameWalletConnector");
|
|
6
|
+
function useIframeWallet(_a) {
|
|
7
|
+
var wallet = _a.wallet, connection = _a.connection, onSuccess = _a.onSuccess, partialSigners = _a.partialSigners, _b = _a.debugTx, debugTx = _b === void 0 ? false : _b;
|
|
8
|
+
var IFrameRef = (0, react_1.useRef)(null);
|
|
9
|
+
var sendIFrameMessage = (0, react_1.useCallback)(function (message) {
|
|
10
|
+
var _a;
|
|
11
|
+
if (!((_a = IFrameRef === null || IFrameRef === void 0 ? void 0 : IFrameRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow))
|
|
12
|
+
throw new Error('Iframe not defined');
|
|
13
|
+
IFrameRef.current.contentWindow.postMessage(message, '*');
|
|
14
|
+
}, [IFrameRef]);
|
|
15
|
+
var handleIframeMessages = (0, IFrameWalletConnector_1.useHandleIFrameMessages)({
|
|
16
|
+
wallet: wallet,
|
|
17
|
+
connection: connection,
|
|
18
|
+
onSuccess: onSuccess,
|
|
19
|
+
partialSigners: partialSigners,
|
|
20
|
+
debugTx: debugTx,
|
|
21
|
+
sendIFrameMessage: sendIFrameMessage
|
|
22
|
+
}).handleIframeMessages;
|
|
23
|
+
(0, react_1.useEffect)(function () {
|
|
24
|
+
if (!window)
|
|
25
|
+
throw new Error('Window not defined');
|
|
26
|
+
window.onmessage = handleIframeMessages;
|
|
27
|
+
}, [handleIframeMessages]);
|
|
28
|
+
return { IFrameRef: IFrameRef };
|
|
29
|
+
}
|
|
30
|
+
exports.useIframeWallet = useIframeWallet;
|
|
31
|
+
//# sourceMappingURL=useIframeWallet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useIframeWallet.js","sourceRoot":"","sources":["../../src/useIframeWallet.ts"],"names":[],"mappings":";;;AAAA,+BAAqD;AAErD,iEAGiC;AAWjC,SAAgB,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,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,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,IAAA,+CAAuB,EAAC;QACrD,MAAM,QAAA;QACN,UAAU,YAAA;QACV,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,OAAO,SAAA;QACP,iBAAiB,mBAAA;KAClB,CAAC,qBAPyB,CAOxB;IAEH,IAAA,iBAAS,EAAC;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;AAjCD,0CAiCC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Transaction } from '@solana/web3.js';
|
|
3
|
-
import { CoinflowEnvs } from './CoinflowUtils';
|
|
3
|
+
import { CoinflowEnvs, SubsetWalletContextState } from './CoinflowUtils';
|
|
4
4
|
type CoinflowIFrameProps = {
|
|
5
|
-
|
|
5
|
+
wallet: SubsetWalletContextState;
|
|
6
6
|
IFrameRef: React.RefObject<HTMLIFrameElement>;
|
|
7
7
|
env?: CoinflowEnvs;
|
|
8
8
|
route: string;
|
|
9
9
|
amount?: number;
|
|
10
10
|
transaction?: Transaction;
|
|
11
11
|
};
|
|
12
|
-
export declare function CoinflowIFrame({
|
|
12
|
+
export declare function CoinflowIFrame({ wallet, IFrameRef, env, route, transaction, amount, }: CoinflowIFrameProps): JSX.Element;
|
|
13
13
|
export {};
|