@web3jskit/walletkit 0.1.6 → 0.1.8

package/dist/src/components/Introduce/index.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import ModalHeader from '../Header/ModalHeader';
+import IntroduceContainer from './style';
+import VectorSvg from '../SVGs/vectorSvg';
+export function Introduce({ onGetWallet, onClose }) {
+    const { t } = useTranslation();
+    return (_jsxs(_Fragment, { children: [_jsx(ModalHeader, { onClose: onClose, className: "mainTitle" }), _jsxs(IntroduceContainer, { children: [_jsx("div", { className: "title", children: t('introduceQuestion') }), _jsxs("div", { className: "vector", children: [_jsx(VectorSvg, {}), _jsxs("div", { className: "vector-text", children: [_jsx("div", { className: "answer", children: t('introduceAnswer') }), _jsx("div", { className: "detail", children: t('introduceDetail') })] })] }), _jsx("div", { className: "footer", children: _jsx("div", { className: "button", onClick: () => onGetWallet?.(), children: t('getWallet') }) })] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/src/components/Introduce/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Introduce/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAO1C,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,EAAkB;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACN,8BACC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,EACvD,MAAC,kBAAkB,eAClB,cAAK,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAO,EACrD,eAAK,SAAS,EAAC,QAAQ,aACtB,KAAC,SAAS,KAAG,EACb,eAAK,SAAS,EAAC,aAAa,aAC3B,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,EACpD,cAAK,SAAS,EAAC,QAAQ,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAO,IAC/C,IACD,EACN,cAAK,SAAS,EAAC,QAAQ,YACtB,cAAK,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,YACpD,CAAC,CAAC,WAAW,CAAC,GACV,GAID,IACc,IACnB,CACH,CAAC;AACH,CAAC"}

package/dist/src/components/Introduce/style.d.ts

@@ -0,0 +1,2 @@
+declare const IntroduceContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default IntroduceContainer;

package/dist/src/components/Introduce/style.js

@@ -0,0 +1,97 @@
+import { styled } from 'styled-components';
+const IntroduceContainer = styled.div `
+	display: flex;
+	flex-direction: column;
+	margin: 84px 50px 0 96px;
+	font-family: Manrope;
+	color: ${({ theme }) => theme.textColor1};
+
+	.title {
+		color: ${({ theme }) => theme.blue};
+		font-size: 18px;
+		font-weight: 700;
+		line-height: 18px;
+	}
+
+	.vector {
+		margin-top: 24px;
+		display: flex;
+		align-items: center;
+		gap: 12px;
+
+		svg {
+			flex-shrink: 0;
+		}
+
+		.vector-text {
+			color: #757575;
+			font-size: 12px;
+			font-style: normal;
+			line-height: 14px;
+			font-weight: 500;
+
+			.answer {
+				font-weight: 700;
+			}
+
+			.detail {
+				margin-top: 14px;
+			}
+		}
+	}
+
+	.introduce {
+		margin-top: 24px;
+		font-size: 12px;
+		font-weight: 700;
+		line-height: 14px;
+	}
+
+	.footer {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		max-width: 120px;
+	}
+
+	.button {
+		width: 100%;
+		display: inline-block;
+		margin-top: 12px;
+		padding: 11px 16px;
+		color: ${({ theme }) => theme.buttonColor};
+		background: ${({ theme }) => theme.buttonBg};
+		font-size: 14px;
+		font-weight: 700;
+		line-height: 14px;
+		text-align: center;
+		border-radius: 8px;
+		box-sizing: border-box;
+		cursor: pointer;
+	}
+
+	.more {
+		margin-top: 8px;
+		font-size: 12px;
+		font-style: normal;
+		font-weight: 700;
+		cursor: pointer;
+	}
+
+	@media (max-width: 768px) {
+		padding: 40px 32px 0;
+		margin: 0;
+		align-items: center;
+
+		.vector {
+			svg {
+				display: none;
+			}
+			.vector-text {
+				text-align: center;
+			}
+		}
+	}
+`;
+export default IntroduceContainer;
+//# sourceMappingURL=style.js.map

package/dist/src/components/Introduce/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Introduce/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;UAK3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoDzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;gBAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC5C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Modal/ConnectModal.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface ModalProps {
+    closeAble?: boolean;
+    slots?: ReactNode[];
+}
+export declare function ConnectModal({ slots }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Modal/ConnectModal.js

@@ -0,0 +1,121 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import ModalHeader from '../Header/ModalHeader';
+import Modal from './index';
+import { SlotWrapper } from '../../styled';
+import { createConnector, SupportWallets } from '@web3jskit/wallethelper';
+import { useTranslation } from 'react-i18next';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { WalletTriggerButton } from '../WalletTriggerButton';
+import { Introduce } from '../Introduce';
+import { WalletList } from '../WalletList';
+import { GetWallet } from '../GetWallet';
+import { Connecting } from '../Connecting';
+import { useWalletKit } from '../../hooks/useWalletKit';
+import { AsideList, ModalAside, ModalContainer, ModalMain } from './style';
+import { useModalStore } from '../../stores/modalStore';
+import { UserRejectError } from '../../errors';
+var Step;
+(function (Step) {
+    Step[Step["Introduce"] = 0] = "Introduce";
+    Step[Step["WalletList"] = 1] = "WalletList";
+    Step[Step["GetWallet"] = 2] = "GetWallet";
+    Step[Step["Connecting"] = 3] = "Connecting";
+})(Step || (Step = {}));
+export function ConnectModal({ slots }) {
+    const { t } = useTranslation();
+    const { currentChainType, supportWallets, connectStatus, isConnecting } = useWalletKit();
+    const { connectModalData } = useModalStore();
+    const [step, setStep] = useState(Step.Introduce);
+    const [selectedWallet, setSelectedWallet] = useState(null);
+    const [connectors, setConnectors] = useState([]);
+    const isOpen = useMemo(() => {
+        return !!connectModalData;
+    }, [connectModalData]);
+    const requestConnectors = async () => {
+        const list = await createConnector(currentChainType, supportWallets || []);
+        setConnectors(list);
+    };
+    const connectorsGroupByType = useMemo(() => {
+        const result = connectors.reduce((acc, connector) => {
+            if (!acc[connector.connectorType]) {
+                acc[connector.connectorType] = [];
+            }
+            acc[connector.connectorType].push(connector);
+            return acc;
+        }, {});
+        return result;
+    }, [connectors]);
+    const sortedKeys = useMemo(() => {
+        const keys = Object.keys(connectorsGroupByType);
+        const sortedKeys = keys.sort((a, b) => {
+            const order = ['installed', 'run', 'more'];
+            return order.indexOf(a) - order.indexOf(b);
+        });
+        return sortedKeys;
+    }, [connectorsGroupByType]);
+    useEffect(() => {
+        if (isOpen) {
+            requestConnectors();
+        }
+        else {
+            setStep(0);
+            setConnectors([]);
+        }
+    }, [isOpen, currentChainType]);
+    useEffect(() => {
+        switch (connectStatus) {
+            case 'connected':
+                break;
+            default:
+                setStep(0);
+                break;
+        }
+    }, [connectStatus]);
+    const renderMainByStep = useCallback(() => {
+        switch (step) {
+            case 0:
+                return (_jsx(Introduce, { onClose: handleCancel, onGetWallet: () => {
+                        setStep(Step.WalletList);
+                    } }));
+            case 1:
+                return (_jsx(WalletList, { onClose: handleCancel, list: SupportWallets, onBack: () => {
+                        setStep(0);
+                    }, onGetWallet: wallet => {
+                        if (wallet.name === 'Gel Wallet') {
+                            window.open(wallet.webUrl, '_blank');
+                            return;
+                        }
+                        setSelectedWallet(wallet);
+                        setStep(Step.GetWallet);
+                    } }));
+            case 2:
+                return (_jsx(GetWallet, { onClose: handleCancel, wallet: selectedWallet, onBack: () => {
+                        setStep(Step.WalletList);
+                    } }));
+            default:
+                return _jsx(_Fragment, {});
+        }
+    }, [step, selectedWallet]);
+    const handleConnect = (address) => {
+        connectModalData?.onConnect(address);
+    };
+    const handleCancel = () => {
+        useModalStore.getState().connectModalData?.onError(UserRejectError);
+    };
+    return (_jsx(Modal, { isOpen: isOpen, onCancel: handleCancel, children: _jsxs(ModalContainer, { children: [_jsxs(ModalAside, { className: step !== 0 ? 'hidden' : '', children: [_jsx(ModalHeader, { onClose: handleCancel, title: t('connectWallet'), className: "asideTitle" }), _jsxs(AsideList, { children: [sortedKeys.map(connectorType => {
+                                    return (_jsxs("div", { className: "typeBox", children: [_jsx("div", { className: `typeHeader ${connectorType}`, children: t(connectorType) }), connectorsGroupByType[connectorType].map((connector) => {
+                                                return (_jsx(WalletTriggerButton, { onConnect: handleConnect, onError: connectModalData?.onError, connector: connector, onGetWallet: () => {
+                                                        if (connector.name === 'Gel Wallet') {
+                                                            window.open(connector.webUrl, '_blank');
+                                                            return;
+                                                        }
+                                                        setSelectedWallet(connector);
+                                                        setStep(Step.GetWallet);
+                                                    } }, connectorType + connector.name));
+                                            })] }, connectorType));
+                                }), slots ? (slots.map((Slot, index) => {
+                                    return _jsx(SlotWrapper, { children: Slot }, index);
+                                })) : (_jsx(_Fragment, {}))] })] }), _jsx(ModalMain, { children: isConnecting ? _jsx(Connecting, { onClose: handleCancel, wallet: isConnecting }) : renderMainByStep() })] }) }));
+}
+//# sourceMappingURL=ConnectModal.js.map

package/dist/src/components/Modal/ConnectModal.js.map

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

package/dist/src/components/Modal/WalletInfoModal.d.ts

@@ -0,0 +1 @@
+export declare function WalletInfoModal(): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Modal/WalletInfoModal.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Modal from './index';
+import { useTranslation } from 'react-i18next';
+import ModalHeader from '../Header/ModalHeader';
+import { useWalletKit } from '../../hooks/useWalletKit';
+import { formatAddress } from '../../utils/formatter';
+import { InfoModalContainer } from './style';
+import CopySvg from '../SVGs/copySvg';
+import CopiedSvg from '../SVGs/copiedSvg';
+import ExitSvg from '../SVGs/exitSvg';
+import copyToClipboard from 'copy-to-clipboard';
+import { useEffect, useState } from 'react';
+import { generateRandomAvatar } from '../../utils/generateAvatar';
+import { useModalStore } from '../../stores/modalStore';
+export function WalletInfoModal() {
+    const { t } = useTranslation();
+    const { walletAddress, avatar, setAvatar, currentConnector } = useWalletKit();
+    const [copied, setCopied] = useState(false);
+    const { closeWalletInfoModal, isShowWalletInfoModal } = useModalStore();
+    const generateAvatar = () => {
+        const newAvatar = generateRandomAvatar();
+        setAvatar(newAvatar);
+    };
+    useEffect(() => {
+        generateAvatar();
+    }, []);
+    const handleCancel = () => {
+        closeWalletInfoModal();
+    };
+    return (_jsx(Modal, { isOpen: isShowWalletInfoModal, onCancel: handleCancel, children: _jsxs(InfoModalContainer, { children: [_jsx(ModalHeader, { onClose: handleCancel }), _jsx("div", { className: "avatarBox", onClick: () => generateAvatar(), children: _jsx("div", { className: "avatar", style: {
+                            backgroundColor: avatar?.bg
+                        }, children: avatar?.text }) }), _jsx("div", { className: "accountInfo", children: _jsx("div", { className: "address", children: formatAddress(walletAddress) }) }), _jsxs("div", { className: "btnGroup", children: [_jsxs("div", { className: "button", onClick: () => {
+                                copyToClipboard(walletAddress);
+                                if (copied)
+                                    return;
+                                setCopied(true);
+                                setTimeout(() => {
+                                    setCopied(false);
+                                }, 1000);
+                            }, children: [_jsx("div", { className: "btnIcon", children: copied ? _jsx(CopiedSvg, {}) : _jsx(CopySvg, {}) }), _jsx("div", { className: "btnText", children: t(copied ? 'copied' : 'copyAddress') })] }), _jsxs("div", { className: "button", onClick: () => {
+                                currentConnector?.disconnect();
+                                closeWalletInfoModal();
+                            }, children: [_jsx("div", { className: "btnIcon", children: _jsx(ExitSvg, {}) }), _jsx("div", { className: "btnText", children: t('disConnect') })] })] })] }) }));
+}
+//# sourceMappingURL=WalletInfoModal.js.map

package/dist/src/components/Modal/WalletInfoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfoModal.js","sourceRoot":"","sources":["../../../../src/components/Modal/WalletInfoModal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,UAAU,eAAe;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,GAAG,aAAa,EAAE,CAAC;IACxE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAC;QACzC,SAAS,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,cAAc,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,oBAAoB,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,KAAK,IAAC,MAAM,EAAE,qBAAqB,EAAE,QAAQ,EAAE,YAAY,YAC3D,MAAC,kBAAkB,eAClB,KAAC,WAAW,IAAC,OAAO,EAAE,YAAY,GAAI,EACtC,cAAK,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,YACzD,cACC,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;4BACN,eAAe,EAAE,MAAM,EAAE,EAAE;yBAC3B,YAEA,MAAM,EAAE,IAAI,GACR,GACD,EACN,cAAK,SAAS,EAAC,aAAa,YAC3B,cAAK,SAAS,EAAC,SAAS,YAAE,aAAa,CAAC,aAAa,CAAC,GAAO,GAExD,EACN,eAAK,SAAS,EAAC,UAAU,aACxB,eACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACb,eAAe,CAAC,aAAa,CAAC,CAAC;gCAC/B,IAAI,MAAM;oCAAE,OAAO;gCACnB,SAAS,CAAC,IAAI,CAAC,CAAC;gCAChB,UAAU,CAAC,GAAG,EAAE;oCACf,SAAS,CAAC,KAAK,CAAC,CAAC;gCAClB,CAAC,EAAE,IAAI,CAAC,CAAC;4BACV,CAAC,aAED,cAAK,SAAS,EAAC,SAAS,YAAE,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,GAAO,EACrE,cAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAO,IAChE,EACN,eACC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gCACb,gBAAgB,EAAE,UAAU,EAAE,CAAC;gCAC/B,oBAAoB,EAAE,CAAC;4BACxB,CAAC,aAED,cAAK,SAAS,EAAC,SAAS,YACvB,KAAC,OAAO,KAAG,GACN,EACN,cAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,YAAY,CAAC,GAAO,IAC3C,IACD,IACc,GACd,CACR,CAAC;AACH,CAAC"}

package/dist/src/components/Modal/index.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode, type RefObject } from 'react';
+import '@reach/dialog/styles.css';
+interface ModalProps {
+    isOpen: boolean;
+    minHeight?: number | false;
+    maxHeight?: number;
+    initialFocusRef?: RefObject<any>;
+    children?: ReactNode;
+    closeAble?: boolean;
+    onCancel?: () => void;
+}
+export default function Modal({ isOpen, children, closeAble, onCancel }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Modal/index.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import {} from 'react';
+import { styled } from 'styled-components';
+import { animated, useTransition } from '@react-spring/web';
+import { DialogOverlay, DialogContent } from '@reach/dialog';
+import '@reach/dialog/styles.css';
+const AnimatedDialogOverlay = animated(DialogOverlay);
+const AnimatedDialogContent = animated(DialogContent);
+const StyledDialogOverlay = styled(AnimatedDialogOverlay) `
+	&[data-reach-dialog-overlay] {
+		width: 100vw;
+		z-index: 99;
+	}
+`;
+const StyledDialogContent = styled(({ ...rest }) => _jsx(AnimatedDialogContent, { ...rest })).attrs({
+    'aria-label': 'dialog'
+}) `
+	position: fixed;
+	left: 50%;
+	bottom: 50%;
+	transform: translate(-50%, 50%);
+	border-radius: 12px;
+	box-shadow: rgb(47 128 237 / 5%) 0 4px 8px 0;
+	overflow: hidden;
+	align-self: center;
+	padding: 0;
+	margin: 0;
+	outline: none;
+	width: auto;
+	background-color: ${({ theme }) => theme.modalBg};
+
+	@media (max-width: 768px) {
+		left: 0;
+		bottom: 0;
+		transform: none;
+		border-bottom-right-radius: 0;
+		border-bottom-left-radius: 0;
+	}
+`;
+export default function Modal({ isOpen, children, closeAble = true, onCancel }) {
+    const transitions = useTransition(isOpen, {
+        from: { opacity: 0 },
+        enter: { opacity: 1 },
+        leave: { opacity: 0 },
+        config: { duration: 150 }
+    });
+    return (_jsx(_Fragment, { children: transitions((styles, item) => {
+            return (item && (_jsx(StyledDialogOverlay, { style: { opacity: styles.opacity }, onDismiss: closeAble ? onCancel : () => { }, isOpen: isOpen, children: _jsx(StyledDialogContent, { className: 'dialog-content-style', children: children }) })));
+        }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/src/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,0BAA0B,CAAC;AAElC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEtD,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAGtD,MAAM,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA;;;;;CAKxD,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,KAAC,qBAAqB,OAAK,IAAI,GAAI,CAAC,CAAC,KAAK,CAAC;IAC9F,YAAY,EAAE,QAAQ;CACtB,CAAC,CAAA;;;;;;;;;;;;;qBAamB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO;;;;;;;;;CAShD,CAAC;AAYF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAc;IACzF,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE;QACzC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACrB,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KACzB,CAAC,CAAC;IAEH,OAAO,CACN,4BACE,WAAW,CAAC,CAAC,MAAW,EAAE,IAAS,EAAE,EAAE;YACvC,OAAO,CACN,IAAI,IAAI,CACP,KAAC,mBAAmB,IACnB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,EAClC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAC1C,MAAM,EAAE,MAAM,YAEd,KAAC,mBAAmB,IAAC,SAAS,EAAE,sBAAsB,YAAG,QAAQ,GAAuB,GACnE,CACtB,CACD,CAAC;QACH,CAAC,CAAC,GACA,CACH,CAAC;AACH,CAAC"}

package/dist/src/components/Modal/style.d.ts

@@ -0,0 +1,5 @@
+export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalAside: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AsideList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InfoModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/Modal/style.js

@@ -0,0 +1,187 @@
+import { styled } from 'styled-components';
+export const ModalContainer = styled.div `
+	display: flex;
+	width: 720px;
+	height: 506px;
+
+	@media (max-width: 768px) {
+		flex-direction: column;
+		width: 100vw;
+		height: 454px;
+	}
+`;
+export const ModalAside = styled.div `
+	width: 200px;
+	display: flex;
+	flex-direction: column;
+	border-right: 1px solid ${({ theme }) => theme.borderColor};
+	padding-top: 16px;
+	box-sizing: border-box;
+
+	@media (max-width: 768px) {
+		width: 100%;
+		border-right: none;
+		padding-top: 0;
+		padding-bottom: 24px;
+		background-color: ${({ theme }) => theme.modalSideBg};
+
+		&.hidden {
+			display: none;
+		}
+	}
+`;
+export const AsideList = styled.div `
+	overflow-y: auto;
+	overflow-x: hidden;
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	padding: 0 20px 20px;
+	margin-top: 10px;
+
+	.typeBox {
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+	}
+
+	.typeHeader {
+		font-size: 14px;
+		line-height: 14px;
+		font-weight: 700;
+		color: ${({ theme }) => theme.gray};
+		margin-bottom: 12px;
+
+		&.installed {
+			color: ${({ theme }) => theme.blue};
+		}
+	}
+
+	@media (max-width: 768px) {
+		overflow-x: auto;
+		overflow-y: hidden;
+		flex-direction: row;
+		padding: 0 20px;
+
+		.typeBox {
+			flex-direction: row;
+
+			.typeHeader {
+				display: none;
+			}
+		}
+
+		// &::-webkit-scrollbar {
+		// 	display: none;
+		// }
+	}
+`;
+export const ModalMain = styled.div `
+	flex: 1;
+	height: 100%;
+`;
+export const InfoModalContainer = styled.div `
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 360px;
+	height: 240px;
+	text-align: center;
+
+	.avatarBox {
+		margin-top: -28px;
+		font-size: 41px;
+
+		.avatar {
+			width: 74px;
+			height: 74px;
+			line-height: 74px;
+			border-radius: 50%;
+			user-select: none;
+			cursor: pointer;
+		}
+	}
+
+	.accountInfo {
+		margin-top: 12px;
+		color: ${({ theme }) => theme.textColor};
+
+		.address {
+			font-size: 18px;
+			font-weight: 800;
+			line-height: 24px;
+		}
+
+		.tokenAmount {
+			font-size: 14px;
+			font-weight: 600;
+			line-height: 18px;
+			color: ${({ theme }) => theme.textColor3};
+		}
+	}
+
+	.btnGroup {
+		display: flex;
+		gap: 8px;
+		margin-top: 16px;
+		width: 100%;
+		justify-content: center;
+		padding: 0 16px 16px;
+		box-sizing: border-box;
+
+		.button {
+			padding: 8px;
+			color: ${({ theme }) => theme.textColor};
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			cursor: pointer;
+			border-radius: 12px;
+			background-color: ${({ theme }) => theme.infoBtnBg};
+
+			&:hover {
+				background-color: ${({ theme }) => theme.infoBtnHoverBg};
+			}
+		}
+
+		.btnIcon {
+			height: 18px;
+		}
+		.btnText {
+			font-size: 13px;
+			font-weight: 600;
+			line-height: 18px;
+		}
+	}
+
+	@media (max-width: 768px) {
+		width: 100vw;
+		height: 280px;
+
+		.avatarBox {
+			margin-top: -4px;
+			font-size: 45px;
+
+			.avatar {
+				width: 82px;
+				height: 82px;
+				line-height: 82px;
+			}
+		}
+
+		.accountInfo {
+			margin-top: 16px;
+
+			.address {
+				font-size: 20px;
+			}
+
+			.tokenAmount {
+				font-size: 16px;
+				line-height: 20px;
+			}
+		}
+	}
+`;
+//# sourceMappingURL=style.js.map

package/dist/src/components/Modal/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../src/components/Modal/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;2BAIT,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;;;;sBASrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW;;;;;;CAMrD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;WAmBxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;YAIxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBpC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;WAwBjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;;;YAY7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;YAe/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;;;;;uBAOnB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;;;wBAG7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C1D,CAAC"}

package/dist/src/components/SVGs/backArrowSvg.d.ts

@@ -0,0 +1,2 @@
+declare const BackArrowSvg: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default BackArrowSvg;

package/dist/src/components/SVGs/backArrowSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const BackArrowSvg = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: _jsx("path", { d: "M3.05505 12.2283C3.08043 12.2779 3.11445 12.3238 3.15686 12.3637C3.16913 12.3753 3.18186 12.3862 3.195 12.3963L9.18767 17.3904C9.4033 17.5629 9.71795 17.528 9.89045 17.3124C10.063 17.0967 10.028 16.7821 9.81237 16.6096L4.92541 12.5H19.5C19.7762 12.5 20 12.2761 20 12C20 11.7239 19.7762 11.5 19.5 11.5H4.803L9.8345 6.87165C10.0398 6.68692 10.0564 6.37078 9.87167 6.16552C9.68694 5.96027 9.37079 5.94363 9.16554 6.12836L3.17252 11.6221C3.15999 11.633 3.14791 11.6445 3.13633 11.6568C3.09631 11.6992 3.06501 11.747 3.04255 11.7979C3.01196 11.867 2.99805 11.9411 3.00022 12.0145C3.00231 12.0879 3.02049 12.1611 3.05505 12.2283Z", fill: "#161617" }) }));
+export default BackArrowSvg;
+//# sourceMappingURL=backArrowSvg.js.map

package/dist/src/components/SVGs/backArrowSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backArrowSvg.js","sourceRoot":"","sources":["../../../../src/components/SVGs/backArrowSvg.tsx"],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CACpC,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,KAAK,KAAK,YACvG,eACC,CAAC,EAAC,inBAAinB,EACnnB,IAAI,EAAC,SAAS,GACb,GACG,CACN,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/components/SVGs/closeSvg.d.ts

@@ -0,0 +1,2 @@
+declare const CloseSvg: () => import("react/jsx-runtime").JSX.Element;
+export default CloseSvg;

package/dist/src/components/SVGs/closeSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CloseSvg = () => (_jsxs("svg", { "aria-hidden": "true", fill: "none", height: "10", viewBox: "0 0 10 10", width: "10", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Close" }), _jsx("path", { d: "M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L3.58579 5L0.292893 8.29289C-0.0976311 8.68342 -0.0976311 9.31658 0.292893 9.70711C0.683417 10.0976 1.31658 10.0976 1.70711 9.70711L5 6.41421L8.29289 9.70711C8.68342 10.0976 9.31658 10.0976 9.70711 9.70711C10.0976 9.31658 10.0976 8.68342 9.70711 8.29289L6.41421 5L9.70711 1.70711C10.0976 1.31658 10.0976 0.683417 9.70711 0.292893C9.31658 -0.0976311 8.68342 -0.0976311 8.29289 0.292893L5 3.58579L1.70711 0.292893Z", fill: "currentColor" })] }));
+export default CloseSvg;
+//# sourceMappingURL=closeSvg.js.map

package/dist/src/components/SVGs/closeSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"closeSvg.js","sourceRoot":"","sources":["../../../../src/components/SVGs/closeSvg.tsx"],"names":[],"mappings":";AAAA,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACtB,8BAAiB,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B,aAChH,oCAAoB,EACpB,eACC,CAAC,EAAC,giBAAgiB,EACliB,IAAI,EAAC,cAAc,GACZ,IACH,CACN,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/SVGs/copiedSvg.d.ts

@@ -0,0 +1,2 @@
+declare const CopiedSvg: () => import("react/jsx-runtime").JSX.Element;
+export default CopiedSvg;

package/dist/src/components/SVGs/copiedSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CopiedSvg = () => (_jsxs("svg", { fill: "none", height: "13", viewBox: "0 0 13 13", width: "13", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Copied" }), _jsx("path", { d: "M4.94568 12.2646C5.41052 12.2646 5.77283 12.0869 6.01892 11.7109L12.39 1.96973C12.5677 1.69629 12.6429 1.44336 12.6429 1.2041C12.6429 0.561523 12.1644 0.0966797 11.5082 0.0966797C11.057 0.0966797 10.7767 0.260742 10.5033 0.691406L4.9115 9.50977L2.07458 5.98926C1.82166 5.68848 1.54822 5.55176 1.16541 5.55176C0.502319 5.55176 0.0238037 6.02344 0.0238037 6.66602C0.0238037 6.95312 0.112671 7.20605 0.358765 7.48633L3.88611 11.7588C4.18005 12.1074 4.50818 12.2646 4.94568 12.2646Z", fill: "currentColor" })] }));
+export default CopiedSvg;
+//# sourceMappingURL=copiedSvg.js.map

package/dist/src/components/SVGs/copiedSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copiedSvg.js","sourceRoot":"","sources":["../../../../src/components/SVGs/copiedSvg.tsx"],"names":[],"mappings":";AAAA,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACvB,eAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B,aAC7F,qCAAqB,EACrB,eACC,CAAC,EAAC,geAAge,EACle,IAAI,EAAC,cAAc,GACZ,IACH,CACN,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components/SVGs/copySvg.d.ts

@@ -0,0 +1,2 @@
+declare const CopySvg: () => import("react/jsx-runtime").JSX.Element;
+export default CopySvg;

package/dist/src/components/SVGs/copySvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CopySvg = () => (_jsxs("svg", { fill: "none", height: "16", viewBox: "0 0 17 16", width: "17", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Copy" }), _jsx("path", { d: "M3.04236 12.3027H4.18396V13.3008C4.18396 14.8525 5.03845 15.7002 6.59705 15.7002H13.6244C15.183 15.7002 16.0375 14.8525 16.0375 13.3008V6.24609C16.0375 4.69434 15.183 3.84668 13.6244 3.84668H12.4828V2.8418C12.4828 1.29688 11.6283 0.442383 10.0697 0.442383H3.04236C1.48376 0.442383 0.629272 1.29004 0.629272 2.8418V9.90332C0.629272 11.4551 1.48376 12.3027 3.04236 12.3027ZM3.23376 10.5391C2.68689 10.5391 2.39294 10.2656 2.39294 9.68457V3.06055C2.39294 2.47949 2.68689 2.21289 3.23376 2.21289H9.8783C10.4252 2.21289 10.7191 2.47949 10.7191 3.06055V3.84668H6.59705C5.03845 3.84668 4.18396 4.69434 4.18396 6.24609V10.5391H3.23376ZM6.78845 13.9365C6.24158 13.9365 5.94763 13.6699 5.94763 13.0889V6.45801C5.94763 5.87695 6.24158 5.61035 6.78845 5.61035H13.433C13.9799 5.61035 14.2738 5.87695 14.2738 6.45801V13.0889C14.2738 13.6699 13.9799 13.9365 13.433 13.9365H6.78845Z", fill: "currentColor" })] }));
+export default CopySvg;
+//# sourceMappingURL=copySvg.js.map