UNPKG

@0xsplits/splits-sdk-react

Version:

React wrapper for the 0xSplits SDK

608 lines 30.9 kB
"use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype); return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (g && (g = 0, op[0] && (_ = 0)), _) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.useMakeSplitImmutable = exports.useAcceptControlTransfer = exports.useCancelControlTransfer = exports.useInitiateControlTransfer = exports.useWithdrawFunds = exports.useUpdateSplitAndDistributeToken = exports.useDistributeToken = exports.useUpdateSplit = exports.useCreateSplit = exports.useSplitsClient = void 0; var viem_1 = require("viem"); var chains_1 = require("viem/chains"); var react_1 = require("react"); var abi_1 = require("@0xsplits/splits-sdk/constants/abi"); var context_1 = require("../context"); var utils_1 = require("../utils"); var useSplitsClient = function (config) { var _a, _b; var context = (0, react_1.useContext)(context_1.SplitsContext); if (context === undefined) { throw new Error('Make sure to include <SplitsProvider>'); } // Since apiConfig is an object, if it gets set directly it'll be considered "new" on each render var apiKey = config && 'apiConfig' in config ? config.apiConfig.apiKey : (_a = context.splitsClient._apiConfig) === null || _a === void 0 ? void 0 : _a.apiKey; var serverURL = config && 'apiConfig' in config ? config.apiConfig.serverURL : (_b = context.splitsClient._apiConfig) === null || _b === void 0 ? void 0 : _b.serverURL; var apiConfig = (0, react_1.useMemo)(function () { if (!apiKey) return; return { apiKey: apiKey, serverURL: serverURL, }; }, [apiKey, serverURL]); // Since publicClients is an array, if it gets set directly it'll be considered "new" on each render var stringPublicClients = config && 'publicClients' in config ? JSON.stringify(config.publicClients) : undefined; var publicClients = (0, react_1.useMemo)(function () { if (stringPublicClients) return config.publicClients; return context.splitsClient._publicClients; }, [stringPublicClients]); var chainId = config && 'chainId' in config ? config.chainId : context.splitsClient._chainId; var publicClient = config && 'publicClient' in config ? config.publicClient : context.splitsClient._publicClient; var walletClient = config && 'walletClient' in config ? config.walletClient : context.splitsClient._walletClient; var includeEnsNames = config && 'includeEnsNames' in config ? config.includeEnsNames : context.splitsClient._includeEnsNames; var ensPublicClient = config && 'ensPublicClient' in config ? config.ensPublicClient : context.splitsClient._ensPublicClient; (0, react_1.useEffect)(function () { context.initClient({ chainId: chainId, publicClient: publicClient, publicClients: publicClients, walletClient: walletClient, apiConfig: apiConfig, includeEnsNames: includeEnsNames, ensPublicClient: ensPublicClient, }); }, [ chainId, publicClient, publicClients, walletClient, apiConfig, includeEnsNames, ensPublicClient, ]); return context.splitsClient; }; exports.useSplitsClient = useSplitsClient; var useCreateSplit = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), splitAddress = _a[0], setSplitAddress = _a[1]; var _b = (0, react_1.useState)(), status = _b[0], setStatus = _b[1]; var _c = (0, react_1.useState)(), txHash = _c[0], setTxHash = _c[1]; var _d = (0, react_1.useState)(), error = _d[0], setError = _d[1]; var createSplit = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, splitMainAbi, event_1, decodedLog, splitId, e_1; var _a, _b, _c, _d; return __generator(this, function (_e) { switch (_e.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _e.label = 1; case 1: _e.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setSplitAddress(undefined); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitCreateSplitTransaction(argsDict)]; case 2: hash = (_e.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.createSplit, })]; case 3: events = _e.sent(); splitMainAbi = ((_d = (_c = splitsClient._walletClient) === null || _c === void 0 ? void 0 : _c.chain) === null || _d === void 0 ? void 0 : _d.id) === chains_1.mainnet.id ? abi_1.splitMainEthereumAbi : abi_1.splitMainPolygonAbi; event_1 = events === null || events === void 0 ? void 0 : events[0]; decodedLog = event_1 ? (0, viem_1.decodeEventLog)({ abi: splitMainAbi, data: event_1.data, topics: event_1.topics, }) : undefined; splitId = (decodedLog === null || decodedLog === void 0 ? void 0 : decodedLog.eventName) === 'CreateSplit' ? decodedLog.args.split : undefined; setSplitAddress(splitId); setStatus('complete'); return [2 /*return*/, events]; case 4: e_1 = _e.sent(); setStatus('error'); setError(e_1); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { createSplit: createSplit, splitAddress: splitAddress, status: status, txHash: txHash, error: error }; }; exports.useCreateSplit = useCreateSplit; var useUpdateSplit = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var updateSplit = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_2; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitUpdateSplitTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.updateSplit, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_2 = _c.sent(); setStatus('error'); setError(e_2); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { updateSplit: updateSplit, status: status, txHash: txHash, error: error }; }; exports.useUpdateSplit = useUpdateSplit; var useDistributeToken = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var distributeTokenCalldata = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var callData; return __generator(this, function (_a) { switch (_a.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); return [4 /*yield*/, splitsClient.callData.distributeToken(argsDict)]; case 1: callData = _a.sent(); return [2 /*return*/, callData]; } }); }); }, [splitsClient]); var distributeToken = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_3; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitDistributeTokenTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.distributeToken, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_3 = _c.sent(); setStatus('error'); setError(e_3); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { distributeToken: distributeToken, distributeTokenCalldata: distributeTokenCalldata, status: status, txHash: txHash, error: error }; }; exports.useDistributeToken = useDistributeToken; var useUpdateSplitAndDistributeToken = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var updateSplitAndDistributeToken = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_4; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitUpdateSplitAndDistributeTokenTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.updateSplitAndDistributeToken, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_4 = _c.sent(); setStatus('error'); setError(e_4); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { updateSplitAndDistributeToken: updateSplitAndDistributeToken, status: status, txHash: txHash, error: error }; }; exports.useUpdateSplitAndDistributeToken = useUpdateSplitAndDistributeToken; var useWithdrawFunds = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var withdrawFundsCalldata = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var callData; return __generator(this, function (_a) { switch (_a.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); return [4 /*yield*/, splitsClient.callData.withdrawFunds(argsDict)]; case 1: callData = _a.sent(); return [2 /*return*/, callData]; } }); }); }, [splitsClient]); var withdrawFunds = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_5; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitWithdrawFundsTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.withdrawFunds, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_5 = _c.sent(); setStatus('error'); setError(e_5); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { withdrawFunds: withdrawFunds, withdrawFundsCalldata: withdrawFundsCalldata, status: status, txHash: txHash, error: error }; }; exports.useWithdrawFunds = useWithdrawFunds; var useInitiateControlTransfer = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var initiateControlTransfer = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_6; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitInitiateControlTransferTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.initiateControlTransfer, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_6 = _c.sent(); setStatus('error'); setError(e_6); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { initiateControlTransfer: initiateControlTransfer, status: status, txHash: txHash, error: error }; }; exports.useInitiateControlTransfer = useInitiateControlTransfer; var useCancelControlTransfer = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var cancelControlTransfer = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_7; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitCancelControlTransferTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.cancelControlTransfer, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_7 = _c.sent(); setStatus('error'); setError(e_7); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { cancelControlTransfer: cancelControlTransfer, status: status, txHash: txHash, error: error }; }; exports.useCancelControlTransfer = useCancelControlTransfer; var useAcceptControlTransfer = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var acceptControlTransfer = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_8; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitAcceptControlTransferTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.acceptControlTransfer, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_8 = _c.sent(); setStatus('error'); setError(e_8); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { acceptControlTransfer: acceptControlTransfer, status: status, txHash: txHash, error: error }; }; exports.useAcceptControlTransfer = useAcceptControlTransfer; var useMakeSplitImmutable = function () { var context = (0, react_1.useContext)(context_1.SplitsContext); var splitsClient = (0, utils_1.getSplitsClient)(context).splitV1; var _a = (0, react_1.useState)(), status = _a[0], setStatus = _a[1]; var _b = (0, react_1.useState)(), txHash = _b[0], setTxHash = _b[1]; var _c = (0, react_1.useState)(), error = _c[0], setError = _c[1]; var makeSplitImmutable = (0, react_1.useCallback)(function (argsDict) { return __awaiter(void 0, void 0, void 0, function () { var chainId, eventTopics, hash, events, e_9; var _a, _b; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!splitsClient) throw new Error('Invalid chain id for split v1'); _c.label = 1; case 1: _c.trys.push([1, 4, , 5]); setStatus('pendingApproval'); setError(undefined); setTxHash(undefined); chainId = (_b = (_a = splitsClient._walletClient) === null || _a === void 0 ? void 0 : _a.chain) === null || _b === void 0 ? void 0 : _b.id; if (!chainId) { throw new Error('Wallet client required'); } eventTopics = splitsClient.getEventTopics(chainId); return [4 /*yield*/, splitsClient._submitMakeSplitImmutableTransaction(argsDict)]; case 2: hash = (_c.sent()).txHash; setStatus('txInProgress'); setTxHash(hash); return [4 /*yield*/, splitsClient.getTransactionEvents({ txHash: hash, eventTopics: eventTopics.makeSplitImmutable, })]; case 3: events = _c.sent(); setStatus('complete'); return [2 /*return*/, events]; case 4: e_9 = _c.sent(); setStatus('error'); setError(e_9); return [3 /*break*/, 5]; case 5: return [2 /*return*/]; } }); }); }, [splitsClient]); return { makeSplitImmutable: makeSplitImmutable, status: status, txHash: txHash, error: error }; }; exports.useMakeSplitImmutable = useMakeSplitImmutable; //# sourceMappingURL=splitV1.js.map