@tronweb3/tronwallet-adapter-react-ui 1.0.1 → 1.1.0

package/lib/cjs/WalletSelectButton.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletSelectButton = void 0;
+const react_1 = __importStar(require("react"));
+const Button_js_1 = require("./Button.js");
+const useWalletModal_js_1 = require("./useWalletModal.js");
+const WalletSelectButton = function (_a) {
+    var { children = 'Select Wallet', onClick } = _a, props = __rest(_a, ["children", "onClick"]);
+    const { visible, setVisible } = (0, useWalletModal_js_1.useWalletModal)();
+    const handleClick = (0, react_1.useCallback)((event) => {
+        if (onClick)
+            onClick(event);
+        if (!event.defaultPrevented)
+            setVisible(!visible);
+    }, [onClick, setVisible, visible]);
+    return (react_1.default.createElement(Button_js_1.Button, Object.assign({ "data-testid": "wallet-select-button", onClick: handleClick }, props), children));
+};
+exports.WalletSelectButton = WalletSelectButton;
+//# sourceMappingURL=WalletSelectButton.js.map

package/lib/cjs/WalletSelectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSelectButton.js","sourceRoot":"","sources":["../../src/WalletSelectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,2CAAqC;AAErC,2DAAqD;AAE9C,MAAM,kBAAkB,GAAoB,UAAU,EAAiD;QAAjD,EAAE,QAAQ,GAAG,eAAe,EAAE,OAAO,OAAY,EAAP,KAAK,cAA/C,uBAAiD,CAAF;IACxG,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAA,kCAAc,GAAE,CAAC;IAEjD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC3B,CAAC,KAAoC,EAAE,EAAE;QACrC,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CACjC,CAAC;IAEF,OAAO,CACH,8BAAC,kBAAM,iCAAa,sBAAsB,EAAC,OAAO,EAAE,WAAW,IAAM,KAAK,GACrE,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,kBAAkB,sBAgB7B"}

package/lib/cjs/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Collapse.js"), exports);
+__exportStar(require("./Button.js"), exports);
+__exportStar(require("./Modal/WalletSelectModal.js"), exports);
+__exportStar(require("./WalletConnectButton.js"), exports);
+__exportStar(require("./WalletDisconnectButton.js"), exports);
+__exportStar(require("./WalletItem.js"), exports);
+__exportStar(require("./WalletActionButton.js"), exports);
+__exportStar(require("./WalletSelectButton.js"), exports);
+__exportStar(require("./useWalletModal.js"), exports);
+__exportStar(require("./WalletModalProvider.js"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,8CAA4B;AAC5B,+DAA6C;AAC7C,2DAAyC;AACzC,8DAA4C;AAC5C,kDAAgC;AAChC,0DAAwC;AACxC,0DAAwC;AACxC,sDAAoC;AACpC,2DAAyC"}

package/lib/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/lib/cjs/useWalletModal.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWalletModal = exports.WalletModalContext = void 0;
+const react_1 = require("react");
+const DEFAULT_VALUE = {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    setVisible(_open) {
+        printError();
+    },
+    visible: false,
+};
+Object.defineProperty(DEFAULT_VALUE, 'visible', {
+    get() {
+        printError();
+        return false;
+    },
+});
+function printError() {
+    console.error('WalletModalProvider is not provided.' + 'Please wrap your components with WalletModalProvider.');
+}
+exports.WalletModalContext = (0, react_1.createContext)(DEFAULT_VALUE);
+function useWalletModal() {
+    return (0, react_1.useContext)(exports.WalletModalContext);
+}
+exports.useWalletModal = useWalletModal;
+//# sourceMappingURL=useWalletModal.js.map

package/lib/cjs/useWalletModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletModal.js","sourceRoot":"","sources":["../../src/useWalletModal.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAOlD,MAAM,aAAa,GAAG;IAClB,6DAA6D;IAC7D,UAAU,CAAC,KAAc;QACrB,UAAU,EAAE,CAAC;IACjB,CAAC;IACD,OAAO,EAAE,KAAK;CACjB,CAAC;AACF,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,SAAS,EAAE;IAC5C,GAAG;QACC,UAAU,EAAE,CAAC;QACb,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ,CAAC,CAAC;AAEH,SAAS,UAAU;IACf,OAAO,CAAC,KAAK,CAAC,sCAAsC,GAAG,uDAAuD,CAAC,CAAC;AACpH,CAAC;AAEY,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B,aAAoB,CAAC,CAAC;AAE/F,SAAgB,cAAc;IAC1B,OAAO,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;AAC1C,CAAC;AAFD,wCAEC"}

package/lib/cjs/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyData = void 0;
+function copyData(copyText) {
+    const textArea = document.createElement('textarea');
+    textArea.value = copyText;
+    document.body.appendChild(textArea);
+    textArea.select();
+    textArea.style.position = 'fixed';
+    textArea.style.top = '-9999px';
+    textArea.style.left = '-9999px';
+    document.execCommand('copy');
+    textArea.blur();
+}
+exports.copyData = copyData;
+//# sourceMappingURL=utils.js.map

package/lib/cjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.tsx"],"names":[],"mappings":";;;AAAA,SAAgB,QAAQ,CAAC,QAAgB;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,CAAC;AACpB,CAAC;AAVD,4BAUC"}

package/lib/esm/Button.js

@@ -0,0 +1,15 @@
+import React, { useRef } from 'react';
+export const Button = ({ children, onClick, className = '', tabIndex = 0, icon, ...rest }) => {
+    const ref = useRef(null);
+    function handleClick(event) {
+        onClick?.(event);
+        setTimeout(() => {
+            ref.current?.blur();
+        }, 300);
+    }
+    return (React.createElement("button", { ref: ref, onClick: handleClick, className: `adapter-react-button ${className}`, tabIndex: tabIndex, ...rest },
+        icon && (React.createElement("i", { className: "button-icon" },
+            React.createElement("img", { src: icon }))),
+        children));
+};
+//# sourceMappingURL=Button.js.map

package/lib/esm/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYtC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1G,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,SAAS,WAAW,CAAC,KAAoC;QACrD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACZ,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QACxB,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IACD,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,wBAAwB,SAAS,EAAE,EAC9C,QAAQ,EAAE,QAAQ,KACd,IAAI;QAEP,IAAI,IAAI,CACL,2BAAG,SAAS,EAAC,aAAa;YACtB,6BAAK,GAAG,EAAE,IAAI,GAAI,CAClB,CACP;QACA,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/Collapse.js

@@ -0,0 +1,40 @@
+import React, { useLayoutEffect, useRef, useEffect, useState } from 'react';
+export const Collapse = function ({ children, className, transition = 'height 250ms ease-out', isOpen, }) {
+    const initialState = { height: '0px', transition };
+    const wrapRef = useRef(null);
+    const [style, setStyle] = useState(initialState);
+    useEffect(function () {
+        setStyle((style) => ({ ...style, transition }));
+    }, [transition]);
+    function open() {
+        if (!wrapRef.current) {
+            return;
+        }
+        setStyle((style) => ({
+            ...style,
+            height: wrapRef.current?.scrollHeight + 'px',
+        }));
+    }
+    function close() {
+        if (!wrapRef.current) {
+            return;
+        }
+        setStyle((style) => ({
+            ...style,
+            height: '0px',
+        }));
+    }
+    useLayoutEffect(() => {
+        if (isOpen) {
+            open();
+        }
+        else {
+            close();
+        }
+    }, [isOpen]);
+    return (React.createElement("div", { ref: wrapRef, className: 'react-collapse ' + className, style: {
+            overflow: 'hidden',
+            ...style,
+        } }, children));
+};
+//# sourceMappingURL=Collapse.js.map

package/lib/esm/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5E,MAAM,CAAC,MAAM,QAAQ,GAAsB,UAAU,EACjD,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,uBAAuB,EACpC,MAAM,GACT;IACG,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,SAAS,CACL;QACI,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,UAAU,CAAC,CACf,CAAC;IAEF,SAAS,IAAI;QACT,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,KAAK;YACR,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;SAC/C,CAAC,CAAC,CAAC;IACR,CAAC;IAED,SAAS,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAClB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,KAAK;YACR,MAAM,EAAE,KAAK;SAChB,CAAC,CAAC,CAAC;IACR,CAAC;IAED,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,EAAE;YACR,IAAI,EAAE,CAAC;SACV;aAAM;YACH,KAAK,EAAE,CAAC;SACX;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,6BACI,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,iBAAiB,GAAG,SAAS,EACxC,KAAK,EAAE;YACH,QAAQ,EAAE,QAAQ;YAClB,GAAG,KAAK;SACX,IAEA,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/Modal/ReactPortal.js

@@ -0,0 +1,34 @@
+import { useState, useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+function createWrapperAndAppendToBody(wrapperId) {
+    const wrapperElement = document.createElement('div');
+    wrapperElement.setAttribute('id', wrapperId);
+    wrapperElement.style.position = 'relative';
+    document.body.appendChild(wrapperElement);
+    return wrapperElement;
+}
+export const ReactPortal = function ({ children, wrapperId = 'react-portal-wrapper' }) {
+    const [wrapperElement, setWrapperElement] = useState(null);
+    useLayoutEffect(() => {
+        let element = document.getElementById(wrapperId);
+        let systemCreated = false;
+        // if element is not found with wrapperId or wrapperId is not provided,
+        // create and append to body
+        if (!element) {
+            systemCreated = true;
+            element = createWrapperAndAppendToBody(wrapperId);
+        }
+        setWrapperElement(element);
+        return () => {
+            // delete the programatically created element
+            if (systemCreated && element?.parentNode) {
+                element.parentNode.removeChild(element);
+            }
+        };
+    }, [wrapperId]);
+    // wrapperElement state will be null on very first render.
+    if (wrapperElement === null)
+        return null;
+    return createPortal(children, wrapperElement);
+};
+//# sourceMappingURL=ReactPortal.js.map

package/lib/esm/Modal/ReactPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactPortal.js","sourceRoot":"","sources":["../../../src/Modal/ReactPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,SAAS,4BAA4B,CAAC,SAAiB;IACnD,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC7C,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1C,OAAO,cAAc,CAAC;AAC1B,CAAC;AAKD,MAAM,CAAC,MAAM,WAAW,GAAyB,UAAU,EAAE,QAAQ,EAAE,SAAS,GAAG,sBAAsB,EAAE;IACvG,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE/E,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAuB,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACrE,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,uEAAuE;QACvE,4BAA4B;QAC5B,IAAI,CAAC,OAAO,EAAE;YACV,aAAa,GAAG,IAAI,CAAC;YACrB,OAAO,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;SACrD;QACD,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAE3B,OAAO,GAAG,EAAE;YACR,6CAA6C;YAC7C,IAAI,aAAa,IAAI,OAAO,EAAE,UAAU,EAAE;gBACtC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;aAC3C;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,0DAA0D;IAC1D,IAAI,cAAc,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AAClD,CAAC,CAAC"}

package/lib/esm/Modal/WalletSelectModal.js

@@ -0,0 +1,54 @@
+import { useWallet } from '@tronweb3/tronwallet-adapter-react-hooks';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AdapterState } from '@tronweb3/tronwallet-abstract-adapter';
+import { ReactPortal } from './ReactPortal.js';
+import { WalletItem } from '../WalletItem.js';
+export const WalletSelectModal = function ({ visible, onClose }) {
+    const nodeRef = useRef(null);
+    const { wallets, select } = useWallet();
+    const [fadeIn, setFadeIn] = useState(false);
+    const [render, setRender] = useState(false);
+    const walletsList = useMemo(() => [
+        ...wallets.filter((a) => a.state !== AdapterState.NotFound),
+        ...wallets.filter((a) => a.state === AdapterState.NotFound),
+    ], [wallets]);
+    const onWalletClick = useCallback((wallet) => {
+        select(wallet.adapter.name);
+        onClose();
+    }, [select, onClose]);
+    function show() {
+        setRender(true);
+        setFadeIn(true);
+    }
+    function close() {
+        setFadeIn(false);
+        // setRender(false)
+        setTimeout(() => setRender(false), 200);
+    }
+    useEffect(function () {
+        if (visible) {
+            show();
+        }
+        else {
+            close();
+        }
+    }, [visible]);
+    useEffect(() => {
+        const closeOnEscapeKey = (e) => (e.key === 'Escape' ? onClose() : null);
+        document.body.addEventListener('keydown', closeOnEscapeKey);
+        return () => {
+            document.body.removeEventListener('keydown', closeOnEscapeKey);
+        };
+    }, [onClose]);
+    return render ? (React.createElement(ReactPortal, { wrapperId: "react-portal-modal-container" },
+        React.createElement("div", { "data-testid": "wallet-select-modal", ref: nodeRef, className: `adapter-modal ${fadeIn && 'adapter-modal-fade-in'}` },
+            React.createElement("div", { className: "adapter-modal-wrapper" },
+                React.createElement("div", { className: "adapter-modal-header" },
+                    React.createElement("button", { onClick: onClose, className: "close-button", tabIndex: 0 }),
+                    React.createElement("div", { className: "adapter-modal-title" },
+                        "Connect a wallet on",
+                        React.createElement("br", null),
+                        "Tron to continue")),
+                React.createElement("div", { className: "adapter-list" }, walletsList.map((wallet) => (React.createElement(WalletItem, { key: wallet.adapter.name, wallet: wallet, onClick: () => onWalletClick(wallet) })))))))) : null;
+};
+//# sourceMappingURL=WalletSelectModal.js.map

package/lib/esm/Modal/WalletSelectModal.js.map

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

package/lib/esm/WalletActionButton.js

@@ -0,0 +1,73 @@
+import { useWallet } from '@tronweb3/tronwallet-adapter-react-hooks';
+import { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useMemo } from 'react';
+import { Button } from './Button.js';
+import { WalletSelectButton } from './WalletSelectButton.js';
+import { WalletConnectButton } from './WalletConnectButton.js';
+import { Collapse } from './Collapse.js';
+import { useWalletModal } from './useWalletModal.js';
+import { copyData } from './utils.js';
+export const WalletActionButton = ({ children, ...props }) => {
+    const { address, wallet, disconnect } = useWallet();
+    const { setVisible } = useWalletModal();
+    const [dropdownVisible, setDropdownVisible] = useState(false);
+    const [copied, setCopied] = useState(false);
+    const ref = useRef(null);
+    const content = useMemo(() => {
+        if (children)
+            return children;
+        if (!wallet || !address)
+            return null;
+        return address.slice(0, 4) + '...' + address.slice(-4);
+    }, [children, wallet, address]);
+    const copyAddress = () => {
+        if (address) {
+            copyData(address);
+            setCopied(true);
+            setTimeout(() => {
+                setCopied(false);
+                hideDropdown();
+            }, 400);
+        }
+    };
+    function changeWallet() {
+        setVisible(true);
+        hideDropdown();
+    }
+    const openDropdown = useCallback(function () {
+        setDropdownVisible(true);
+    }, []);
+    const hideDropdown = useCallback(function () {
+        setDropdownVisible(false);
+    }, []);
+    const handleDisconnect = useCallback(async function () {
+        await disconnect();
+        hideDropdown();
+    }, [disconnect, hideDropdown]);
+    useEffect(() => {
+        const listener = (event) => {
+            const node = ref.current;
+            if (!node || node.contains(event.target))
+                return;
+            hideDropdown();
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, [ref, hideDropdown]);
+    if (!wallet)
+        return React.createElement(WalletSelectButton, { ...props }, children);
+    if (!address)
+        return React.createElement(WalletConnectButton, { ...props }, children);
+    return (React.createElement("div", { "data-testid": "wallet-action-button", className: "adapter-dropdown" },
+        React.createElement(Button, { onClick: openDropdown, style: { pointerEvents: dropdownVisible ? 'none' : 'auto', ...props.style }, icon: wallet ? wallet.adapter.icon : '', ...props }, content),
+        React.createElement(Collapse, { className: "adapter-dropdown-collapse", isOpen: dropdownVisible },
+            React.createElement("ul", { ref: ref, className: "adapter-dropdown-list", role: "menu" },
+                React.createElement("li", { onClick: copyAddress, className: "adapter-dropdown-list-item", role: "menuitem" }, copied ? 'Copied' : 'Copy address'),
+                React.createElement("li", { onClick: changeWallet, className: "adapter-dropdown-list-item", role: "menuitem" }, "Change wallet"),
+                React.createElement("li", { onClick: handleDisconnect, className: "adapter-dropdown-list-item", role: "menuitem" }, "Disconnect")))));
+};
+//# sourceMappingURL=WalletActionButton.js.map

package/lib/esm/WalletActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,MAAM,CAAC,MAAM,kBAAkB,GAAoB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACpD,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,OAAO,EAAE;YACT,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE;gBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,YAAY,EAAE,CAAC;YACnB,CAAC,EAAE,GAAG,CAAC,CAAC;SACX;IACL,CAAC,CAAC;IACF,SAAS,YAAY;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,YAAY,EAAE,CAAC;IACnB,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAAC;QAC7B,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC;QAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,gBAAgB,GAAG,WAAW,CAChC,KAAK;QACD,MAAM,UAAU,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;YAC9B,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;YACzB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE,OAAO;YACzD,YAAY,EAAE,CAAC;QACnB,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAExB,IAAI,CAAC,MAAM;QAAE,OAAO,oBAAC,kBAAkB,OAAK,KAAK,IAAG,QAAQ,CAAsB,CAAC;IACnF,IAAI,CAAC,OAAO;QAAE,OAAO,oBAAC,mBAAmB,OAAK,KAAK,IAAG,QAAQ,CAAuB,CAAC;IAEtF,OAAO,CACH,4CAAiB,sBAAsB,EAAC,SAAS,EAAC,kBAAkB;QAChE,oBAAC,MAAM,IACH,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,EAC3E,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KACnC,KAAK,IAER,OAAO,CACH;QACT,oBAAC,QAAQ,IAAC,SAAS,EAAC,2BAA2B,EAAC,MAAM,EAAE,eAAe;YACnE,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM;gBACvD,4BAAI,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,UAAU,IAC3E,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAClC;gBACL,4BAAI,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,UAAU,oBAE5E;gBACL,4BAAI,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,UAAU,iBAEhF,CACJ,CACE,CACT,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/WalletConnectButton.js

@@ -0,0 +1,27 @@
+import { useWallet } from '@tronweb3/tronwallet-adapter-react-hooks';
+import React, { useCallback, useMemo } from 'react';
+import { Button } from './Button.js';
+export const WalletConnectButton = ({ children, disabled, onClick, ...props }) => {
+    const { wallet, connect, connecting, connected } = useWallet();
+    const handleClick = useCallback(async (event) => {
+        if (onClick)
+            onClick(event);
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        if (!event.defaultPrevented) {
+            await connect();
+        }
+    }, [onClick, connect]);
+    const content = useMemo(() => {
+        if (children)
+            return children;
+        if (connecting)
+            return 'Connecting ...';
+        if (connected)
+            return 'Connected';
+        if (wallet)
+            return 'Connect';
+        return 'Connect Wallet';
+    }, [children, connecting, connected, wallet]);
+    return (React.createElement(Button, { "data-testid": "wallet-connect-button", className: "wallet-button", disabled: disabled || !wallet || connecting || connected, onClick: handleClick, icon: wallet ? wallet.adapter.icon : '', ...props }, content));
+};
+//# sourceMappingURL=WalletConnectButton.js.map

package/lib/esm/WalletConnectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/D,MAAM,WAAW,GAAG,WAAW,CAC3B,KAAK,EAAE,KAAoC,EAAE,EAAE;QAC3C,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,gEAAgE;QAChE,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YACzB,MAAM,OAAO,EAAE,CAAC;SACnB;IACL,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,UAAU;YAAE,OAAO,gBAAgB,CAAC;QACxC,IAAI,SAAS;YAAE,OAAO,WAAW,CAAC;QAClC,IAAI,MAAM;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO,gBAAgB,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,oBAAC,MAAM,mBACS,uBAAuB,EACnC,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,UAAU,IAAI,SAAS,EACxD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KACnC,KAAK,IAER,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/WalletDisconnectButton.js

@@ -0,0 +1,24 @@
+import { useWallet } from '@tronweb3/tronwallet-adapter-react-hooks';
+import React, { useCallback, useMemo } from 'react';
+import { Button } from './Button.js';
+export const WalletDisconnectButton = ({ children, disabled, onClick, ...props }) => {
+    const { wallet, disconnect, disconnecting, connected } = useWallet();
+    const handleClick = useCallback((event) => {
+        if (onClick)
+            onClick(event);
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        if (!event.defaultPrevented)
+            disconnect().catch(() => { });
+    }, [onClick, disconnect]);
+    const content = useMemo(() => {
+        if (children)
+            return children;
+        if (disconnecting)
+            return 'Disconnecting ...';
+        if (wallet)
+            return 'Disconnect';
+        return 'Disconnect Wallet';
+    }, [children, disconnecting, wallet]);
+    return (React.createElement(Button, { "data-testid": "wallet-disconnect-button", disabled: disabled || !wallet || !connected, icon: wallet ? wallet.adapter.icon : '', onClick: handleClick, ...props }, content));
+};
+//# sourceMappingURL=WalletDisconnectButton.js.map

package/lib/esm/WalletDisconnectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletDisconnectButton.js","sourceRoot":"","sources":["../../src/WalletDisconnectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,sBAAsB,GAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjG,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAErE,MAAM,WAAW,GAAyC,WAAW,CACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,gEAAgE;QAChE,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAAE,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC9D,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACxB,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,aAAa;YAAE,OAAO,mBAAmB,CAAC;QAC9C,IAAI,MAAM;YAAE,OAAO,YAAY,CAAC;QAChC,OAAO,mBAAmB,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,CACH,oBAAC,MAAM,mBACS,0BAA0B,EACtC,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAC3C,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EACvC,OAAO,EAAE,WAAW,KAChB,KAAK,IAER,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/WalletItem.js

@@ -0,0 +1,10 @@
+import { AdapterState } from '@tronweb3/tronwallet-abstract-adapter';
+import React from 'react';
+import { Button } from './Button.js';
+export const WalletItem = ({ onClick, wallet }) => {
+    return (React.createElement("div", { className: "adapter-wallet-item" },
+        React.createElement(Button, { onClick: onClick, icon: wallet.adapter.icon, tabIndex: 0 },
+            wallet.adapter.name,
+            React.createElement("span", { className: "status-text" }, wallet.state !== AdapterState.NotFound ? 'Detected' : 'NotFound'))));
+};
+//# sourceMappingURL=WalletItem.js.map

package/lib/esm/WalletItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletItem.js","sourceRoot":"","sources":["../../src/WalletItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACnE,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;QAChC,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC3D,MAAM,CAAC,OAAO,CAAC,IAAI;YACpB,8BAAM,SAAS,EAAC,aAAa,IAAE,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAQ,CAClG,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/WalletModalProvider.js

@@ -0,0 +1,13 @@
+import React, { useState } from 'react';
+import { WalletSelectModal } from './Modal/WalletSelectModal.js';
+import { WalletModalContext } from './useWalletModal.js';
+export function WalletModalProvider({ children, ...props }) {
+    const [visible, setVisible] = useState(false);
+    return (React.createElement(WalletModalContext.Provider, { value: {
+            visible,
+            setVisible,
+        } },
+        children,
+        React.createElement(WalletSelectModal, { visible: visible, onClose: () => setVisible(false), ...props })));
+}
+//# sourceMappingURL=WalletModalProvider.js.map

package/lib/esm/WalletModalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletModalProvider.js","sourceRoot":"","sources":["../../src/WalletModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAO;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACH,oBAAC,kBAAkB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAEA,QAAQ;QACR,oBAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI,CAC3D,CACjC,CAAC;AACN,CAAC"}

package/lib/esm/WalletSelectButton.js

@@ -0,0 +1,14 @@
+import React, { useCallback } from 'react';
+import { Button } from './Button.js';
+import { useWalletModal } from './useWalletModal.js';
+export const WalletSelectButton = function ({ children = 'Select Wallet', onClick, ...props }) {
+    const { visible, setVisible } = useWalletModal();
+    const handleClick = useCallback((event) => {
+        if (onClick)
+            onClick(event);
+        if (!event.defaultPrevented)
+            setVisible(!visible);
+    }, [onClick, setVisible, visible]);
+    return (React.createElement(Button, { "data-testid": "wallet-select-button", onClick: handleClick, ...props }, children));
+};
+//# sourceMappingURL=WalletSelectButton.js.map

package/lib/esm/WalletSelectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSelectButton.js","sourceRoot":"","sources":["../../src/WalletSelectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAoB,UAAU,EAAE,QAAQ,GAAG,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE;IAC1G,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAEjD,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAoC,EAAE,EAAE;QACrC,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAAE,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CACjC,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,mBAAa,sBAAsB,EAAC,OAAO,EAAE,WAAW,KAAM,KAAK,IACrE,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/index.js

@@ -0,0 +1,11 @@
+export * from './Collapse.js';
+export * from './Button.js';
+export * from './Modal/WalletSelectModal.js';
+export * from './WalletConnectButton.js';
+export * from './WalletDisconnectButton.js';
+export * from './WalletItem.js';
+export * from './WalletActionButton.js';
+export * from './WalletSelectButton.js';
+export * from './useWalletModal.js';
+export * from './WalletModalProvider.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC"}

package/lib/esm/useWalletModal.js

@@ -0,0 +1,22 @@
+import { createContext, useContext } from 'react';
+const DEFAULT_VALUE = {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    setVisible(_open) {
+        printError();
+    },
+    visible: false,
+};
+Object.defineProperty(DEFAULT_VALUE, 'visible', {
+    get() {
+        printError();
+        return false;
+    },
+});
+function printError() {
+    console.error('WalletModalProvider is not provided.' + 'Please wrap your components with WalletModalProvider.');
+}
+export const WalletModalContext = createContext(DEFAULT_VALUE);
+export function useWalletModal() {
+    return useContext(WalletModalContext);
+}
+//# sourceMappingURL=useWalletModal.js.map

package/lib/esm/useWalletModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWalletModal.js","sourceRoot":"","sources":["../../src/useWalletModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOlD,MAAM,aAAa,GAAG;IAClB,6DAA6D;IAC7D,UAAU,CAAC,KAAc;QACrB,UAAU,EAAE,CAAC;IACjB,CAAC;IACD,OAAO,EAAE,KAAK;CACjB,CAAC;AACF,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,SAAS,EAAE;IAC5C,GAAG;QACC,UAAU,EAAE,CAAC;QACb,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ,CAAC,CAAC;AAEH,SAAS,UAAU;IACf,OAAO,CAAC,KAAK,CAAC,sCAAsC,GAAG,uDAAuD,CAAC,CAAC;AACpH,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAA0B,aAAoB,CAAC,CAAC;AAE/F,MAAM,UAAU,cAAc;IAC1B,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAC1C,CAAC"}

package/lib/esm/utils.js

@@ -0,0 +1,12 @@
+export function copyData(copyText) {
+    const textArea = document.createElement('textarea');
+    textArea.value = copyText;
+    document.body.appendChild(textArea);
+    textArea.select();
+    textArea.style.position = 'fixed';
+    textArea.style.top = '-9999px';
+    textArea.style.left = '-9999px';
+    document.execCommand('copy');
+    textArea.blur();
+}
+//# sourceMappingURL=utils.js.map

package/lib/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAC,QAAgB;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,CAAC;AACpB,CAAC"}

package/lib/types/Button.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, FC, MouseEvent, PropsWithChildren } from 'react';
+export type ButtonProps = PropsWithChildren<{
+    className?: string;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    style?: CSSProperties;
+    tabIndex?: number;
+    icon?: string;
+}>;
+export declare const Button: FC<ButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/lib/types/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAwBlC,CAAC"}

package/lib/types/Collapse.d.ts

@@ -0,0 +1,9 @@
+import type { FC, PropsWithChildren } from 'react';
+export type CollapseProps = PropsWithChildren<{
+    isOpen: boolean;
+    id?: string;
+    className?: string;
+    transition?: string;
+}>;
+export declare const Collapse: FC<CollapseProps>;
+//# sourceMappingURL=Collapse.d.ts.map

package/lib/types/Collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyDtC,CAAC"}

package/lib/types/Modal/ReactPortal.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, FC } from 'react';
+type ReactPortalProps = PropsWithChildren<{
+    wrapperId: string;
+}>;
+export declare const ReactPortal: FC<ReactPortalProps>;
+export {};
+//# sourceMappingURL=ReactPortal.d.ts.map

package/lib/types/Modal/ReactPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactPortal.d.ts","sourceRoot":"","sources":["../../../src/Modal/ReactPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWnD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0B5C,CAAC"}