@0xsequence/wallet-widget 0.0.0-20250314205219

package/dist/cjs/components/SendItemInfo.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendItemInfo = exports.SendItemInfoSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const viem_1 = require("viem");
+const hooks_1 = require("../hooks");
+const CollectibleTileImage_1 = require("./CollectibleTileImage");
+const SendItemInfoSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center items-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { className: "rounded-full", style: { width: 30, height: 30 } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 items-start", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: 100, height: 14 } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: 75, height: 14 } })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 items-end", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: 100, height: 14 } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: 50, height: 12 } })] })] }));
+};
+exports.SendItemInfoSkeleton = SendItemInfoSkeleton;
+const SendItemInfo = ({ imageUrl, name, decimals, balance, symbol, fiatValue, chainId, showSquareImage, balanceSuffix = 'available' }) => {
+    const { fiatCurrency } = (0, hooks_1.useSettings)();
+    const formattedBalance = (0, viem_1.formatUnits)(BigInt(balance), decimals);
+    const balanceDisplayed = (0, connect_1.formatDisplay)(formattedBalance);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-end justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center gap-2", children: [showSquareImage ? ((0, jsx_runtime_1.jsx)("div", { style: { width: '40px' }, children: (0, jsx_runtime_1.jsx)(CollectibleTileImage_1.CollectibleTileImage, { imageUrl: imageUrl }) })) : ((0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: imageUrl, size: "lg" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "medium", color: "primary", children: name }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { color: "muted", variant: "normal", children: [' ', `${balanceDisplayed} ${symbol} ${balanceSuffix}`] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-end justify-end", children: fiatValue && (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: `${fiatCurrency.sign}${fiatValue}` }) })] }));
+};
+exports.SendItemInfo = SendItemInfo;
+//# sourceMappingURL=SendItemInfo.js.map

package/dist/cjs/components/SendItemInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendItemInfo.js","sourceRoot":"","sources":["../../../src/components/SendItemInfo.tsx"],"names":[],"mappings":";;;;AAAA,iDAAmD;AACnD,6DAAoF;AAEpF,+BAAkC;AAElC,oCAAsC;AAEtC,iEAA6D;AActD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,CACL,iCAAK,SAAS,EAAC,mCAAmC,aAChD,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,wBAAQ,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EACvE,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EAC/C,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,IAC1C,IACF,EACN,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EAC/C,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,IAC1C,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,oBAAoB,wBAgBhC;AAEM,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,GAAG,WAAW,EACT,EAAE,EAAE;IACtB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,mBAAW,GAAE,CAAA;IACtC,MAAM,gBAAgB,GAAG,IAAA,kBAAW,EAAC,MAAM,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,CAAA;IAC/D,MAAM,gBAAgB,GAAG,IAAA,uBAAa,EAAC,gBAAgB,CAAC,CAAA;IAExD,OAAO,CACL,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,iCAAK,SAAS,EAAC,yCAAyC,aACrD,eAAe,CAAC,CAAC,CAAC,CACjB,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC3B,uBAAC,2CAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACxC,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,0BAAU,IAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,GAAG,CACxC,EACD,iCAAK,SAAS,EAAC,2BAA2B,aACxC,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YACnC,IAAI,GACA,EACP,uBAAC,4BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,IACxC,EACN,wBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,aACjC,GAAG,EACH,GAAG,gBAAgB,IAAI,MAAM,IAAI,aAAa,EAAE,IAC5C,IACH,IACF,EACN,gCAAK,SAAS,EAAC,qCAAqC,YACjD,SAAS,IAAI,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,YAAY,CAAC,IAAI,GAAG,SAAS,EAAE,GAAQ,GAC5F,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,YAAY,gBA2CxB"}

package/dist/cjs/components/SequenceWalletProvider/SequenceWalletProvider.js

@@ -0,0 +1,55 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletContent = exports.SequenceWalletProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const utils_1 = require("./utils");
+const DEFAULT_LOCATION = {
+    location: 'home'
+};
+const SequenceWalletProvider = (props) => {
+    const queryClient = new react_query_1.QueryClient();
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(exports.WalletContent, { ...props }) }));
+};
+exports.SequenceWalletProvider = SequenceWalletProvider;
+const WalletContent = ({ children }) => {
+    const { theme, position } = (0, connect_1.useTheme)();
+    // Wallet Modal Context
+    const [openWalletModal, setOpenWalletModalState] = (0, react_2.useState)(false);
+    const setOpenWalletModal = (open, options) => {
+        setOpenWalletModalState(open);
+        setTimeout(() => {
+            setHistory(options?.defaultNavigation ? [options.defaultNavigation] : []);
+        }, 0);
+    };
+    // Navigation Context
+    const [history, setHistory] = (0, react_2.useState)([]);
+    const [isBackButtonEnabled, setIsBackButtonEnabled] = (0, react_2.useState)(true);
+    const navigation = history.length > 0 ? history[history.length - 1] : DEFAULT_LOCATION;
+    const displayScrollbar = navigation.location === 'home' ||
+        navigation.location === 'collection-details' ||
+        navigation.location === 'collectible-details' ||
+        navigation.location === 'coin-details' ||
+        navigation.location === 'history' ||
+        navigation.location === 'search' ||
+        navigation.location === 'search-view-all' ||
+        navigation.location === 'settings-currency';
+    return ((0, jsx_runtime_1.jsx)(contexts_1.WalletModalContextProvider, { value: { setOpenWalletModal, openWalletModalState: openWalletModal }, children: (0, jsx_runtime_1.jsxs)(contexts_1.NavigationContextProvider, { value: { setHistory, history, isBackButtonEnabled, setIsBackButtonEnabled }, children: [(0, jsx_runtime_1.jsx)(connect_1.ShadowRoot, { theme: theme, children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: openWalletModal && ((0, jsx_runtime_1.jsx)(design_system_1.Modal, { contentProps: {
+                                style: {
+                                    maxWidth: '400px',
+                                    height: 'fit-content',
+                                    ...(0, connect_1.getModalPositionCss)(position),
+                                    scrollbarColor: 'gray black',
+                                    scrollbarWidth: 'thin'
+                                }
+                            }, scroll: false, onClose: () => setOpenWalletModal(false), children: (0, jsx_runtime_1.jsxs)("div", { id: "sequence-kit-wallet-content", children: [(0, utils_1.getHeader)(navigation), displayScrollbar ? ((0, jsx_runtime_1.jsx)(design_system_1.Scroll, { style: { paddingTop: constants_1.HEADER_HEIGHT, height: 'min(800px, 80vh)' }, children: (0, utils_1.getContent)(navigation) })) : ((0, utils_1.getContent)(navigation))] }) })) }) }), children] }) }));
+};
+exports.WalletContent = WalletContent;
+//# sourceMappingURL=SequenceWalletProvider.js.map

package/dist/cjs/components/SequenceWalletProvider/SequenceWalletProvider.js.map

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

package/dist/cjs/components/SequenceWalletProvider/index.js

@@ -0,0 +1,18 @@
+"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("./SequenceWalletProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SequenceWalletProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SequenceWalletProvider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC"}

package/dist/cjs/components/SequenceWalletProvider/utils/index.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHeader = exports.getContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const views_1 = require("../../../views");
+const NavigationHeader_1 = require("../../NavigationHeader");
+const WalletHeader_1 = require("../../WalletHeader");
+const getContent = (navigation) => {
+    const { location } = navigation;
+    switch (location) {
+        case 'send-coin':
+            return (0, jsx_runtime_1.jsx)(views_1.SendCoin, { chainId: navigation.params.chainId, contractAddress: navigation.params.contractAddress });
+        case 'send-collectible':
+            return ((0, jsx_runtime_1.jsx)(views_1.SendCollectible, { chainId: navigation.params.chainId, contractAddress: navigation.params.contractAddress, tokenId: navigation.params.tokenId }));
+        case 'receive':
+            return (0, jsx_runtime_1.jsx)(views_1.Receive, {});
+        case 'history':
+            return (0, jsx_runtime_1.jsx)(views_1.History, {});
+        case 'search':
+            return (0, jsx_runtime_1.jsx)(views_1.SearchWallet, {});
+        case 'search-view-all':
+            return (0, jsx_runtime_1.jsx)(views_1.SearchWalletViewAll, { defaultTab: navigation.params.defaultTab });
+        case 'settings':
+            return (0, jsx_runtime_1.jsx)(views_1.SettingsMenu, {});
+        case 'settings-general':
+            return (0, jsx_runtime_1.jsx)(views_1.SettingsGeneral, {});
+        case 'settings-currency':
+            return (0, jsx_runtime_1.jsx)(views_1.SettingsCurrency, {});
+        case 'settings-networks':
+            return (0, jsx_runtime_1.jsx)(views_1.SettingsNetwork, {});
+        case 'coin-details':
+            return (0, jsx_runtime_1.jsx)(views_1.CoinDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId });
+        case 'collectible-details':
+            return ((0, jsx_runtime_1.jsx)(views_1.CollectibleDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId, tokenId: navigation.params.tokenId }));
+        case 'collection-details':
+            return (0, jsx_runtime_1.jsx)(views_1.CollectionDetails, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId });
+        case 'transaction-details':
+            return (0, jsx_runtime_1.jsx)(views_1.TransactionDetails, { transaction: navigation.params.transaction });
+        case 'swap-coin':
+            return (0, jsx_runtime_1.jsx)(views_1.SwapCoin, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId });
+        case 'swap-coin-list':
+            return ((0, jsx_runtime_1.jsx)(views_1.SwapList, { contractAddress: navigation.params.contractAddress, chainId: navigation.params.chainId, amount: navigation.params.amount }));
+        default:
+            return (0, jsx_runtime_1.jsx)(views_1.Home, {});
+    }
+};
+exports.getContent = getContent;
+const getHeader = (navigation) => {
+    const { location } = navigation;
+    switch (location) {
+        case 'search':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { primaryText: "Search wallet" });
+        case 'search-view-all':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Search wallet / ", primaryText: "View all" });
+        case 'settings':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Settings" });
+        case 'settings-general':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / Settings / ", primaryText: "General" });
+        case 'settings-currency':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / Settings / ", primaryText: "Currency" });
+        case 'settings-networks':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / Settings / ", primaryText: "Networks" });
+        case 'receive':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Receive" });
+        case 'history':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / ", primaryText: "History" });
+        case 'coin-details':
+            return (0, jsx_runtime_1.jsx)(WalletHeader_1.WalletHeader, {});
+        case 'collectible-details':
+            return (0, jsx_runtime_1.jsx)(WalletHeader_1.WalletHeader, {});
+        case 'transaction-details':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "", primaryText: "" });
+        case 'send-collectible':
+        case 'send-coin':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Send" });
+        case 'swap-coin':
+        case 'swap-coin-list':
+            return (0, jsx_runtime_1.jsx)(NavigationHeader_1.NavigationHeader, { secondaryText: "Wallet / ", primaryText: "Buy" });
+        default:
+            return (0, jsx_runtime_1.jsx)(WalletHeader_1.WalletHeader, {});
+    }
+};
+exports.getHeader = getHeader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SequenceWalletProvider/utils/index.js.map

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

package/dist/cjs/components/TransactionConfirmation.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionConfirmation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+const FeeOptionSelector_1 = require("./FeeOptionSelector");
+const SendItemInfo_1 = require("./SendItemInfo");
+const useFeeOptionBalances = (feeOptions, chainId) => {
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const indexerClient = (0, react_hooks_1.useIndexerClient)(chainId);
+    return (0, react_query_1.useQuery)({
+        queryKey: ['feeOptionBalances', chainId, accountAddress, feeOptions?.options?.length],
+        queryFn: async () => {
+            if (!feeOptions?.options || !accountAddress || !indexerClient) {
+                return [];
+            }
+            const nativeTokenBalance = await indexerClient.getEtherBalance({
+                accountAddress
+            });
+            const tokenBalances = await indexerClient.getTokenBalances({
+                accountAddress
+            });
+            return feeOptions.options.map(option => {
+                if (option.token.contractAddress === null) {
+                    return {
+                        tokenName: option.token.name,
+                        decimals: option.token.decimals || 0,
+                        balance: nativeTokenBalance.balance.balanceWei
+                    };
+                }
+                else {
+                    return {
+                        tokenName: option.token.name,
+                        decimals: option.token.decimals || 0,
+                        balance: tokenBalances.balances.find(b => b.contractAddress.toLowerCase() === option.token.contractAddress?.toLowerCase())
+                            ?.balance || '0'
+                    };
+                }
+            });
+        },
+        enabled: Boolean(feeOptions?.options && accountAddress && indexerClient),
+        refetchInterval: 10000,
+        staleTime: 10000
+    });
+};
+const TransactionConfirmation = ({ name, symbol, imageUrl, amount, toAddress, showSquareImage, fiatValue, chainId, balance, decimals, feeOptions, onSelectFeeOption, isLoading, onConfirm, onCancel }) => {
+    const [selectedFeeOptionAddress, setSelectedFeeOptionAddress] = (0, react_1.useState)();
+    const { data: feeOptionBalances = [] } = useFeeOptionBalances(feeOptions, chainId);
+    const handleFeeOptionSelect = (address) => {
+        setSelectedFeeOptionAddress(address);
+        onSelectFeeOption?.(address);
+    };
+    // If feeOptions exist and have options, a selection is required
+    // If feeOptions don't exist or have no options, no selection is required
+    const isFeeSelectionRequired = Boolean(feeOptions?.options?.length);
+    const isConfirmDisabled = isFeeSelectionRequired && !selectedFeeOptionAddress;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full h-full items-center justify-center bg-background-primary", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 flex-col bg-background-primary w-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex bg-background-secondary rounded-xl p-4 pb-3 gap-2 flex-col", children: [(0, jsx_runtime_1.jsx)(SendItemInfo_1.SendItemInfo, { imageUrl: imageUrl, showSquareImage: showSquareImage, name: name, symbol: symbol, chainId: chainId, balance: balance, decimals: decimals }), (0, jsx_runtime_1.jsxs)("div", { className: "flex mt-2 gap-1 flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", children: "Amount" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "normal", color: "primary", children: [amount, " ", symbol] }), fiatValue && ((0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "small", color: "muted", children: ["~$", fiatValue] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex mt-2 gap-1 flex-col", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", children: "To" }), (0, jsx_runtime_1.jsx)(design_system_1.Card, { className: "flex w-full flex-row items-center", style: { height: '52px' }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-center items-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.GradientAvatar, { size: "sm", address: toAddress }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "normal", children: `0x${(0, connect_1.truncateAtMiddle)(toAddress.substring(2), 10)}` })] }) })] }), isFeeSelectionRequired && feeOptions?.options && ((0, jsx_runtime_1.jsx)(FeeOptionSelector_1.FeeOptionSelector, { txnFeeOptions: feeOptions.options, feeOptionBalances: feeOptionBalances, selectedFeeOptionAddress: selectedFeeOptionAddress, setSelectedFeeOptionAddress: handleFeeOptionSelect }))] }), (0, jsx_runtime_1.jsx)("div", { className: "flex mt-3 gap-2", children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full items-center justify-center", style: { height: '52px' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full", variant: "primary", size: "lg", onClick: onConfirm, label: "Confirm", rightIcon: design_system_1.ChevronRightIcon, disabled: isConfirmDisabled }), (0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full", variant: "glass", size: "lg", onClick: onCancel, label: "Cancel" })] })) })] }) }));
+};
+exports.TransactionConfirmation = TransactionConfirmation;
+//# sourceMappingURL=TransactionConfirmation.js.map

package/dist/cjs/components/TransactionConfirmation.js.map

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

package/dist/cjs/components/TransactionHistoryList/TransactionHistoryItem.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistoryItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const indexer_1 = require("@0xsequence/indexer");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const dayjs_1 = __importDefault(require("dayjs"));
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const hooks_1 = require("../../hooks");
+const TransactionHistoryItem = ({ transaction }) => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { fiatCurrency } = (0, hooks_1.useSettings)();
+    const { setNavigation } = (0, hooks_1.useNavigation)();
+    const onClickTransaction = () => {
+        setNavigation({
+            location: 'transaction-details',
+            params: {
+                transaction
+            }
+        });
+    };
+    const tokenContractAddresses = [];
+    transaction.transfers?.forEach(transfer => {
+        const tokenContractAddress = transfer.contractAddress;
+        if (!tokenContractAddresses.includes(tokenContractAddress)) {
+            tokenContractAddresses.push(tokenContractAddress);
+        }
+    });
+    const { data: coinPrices = [], isPending: isPendingCoinPrices } = (0, react_hooks_1.useGetCoinPrices)(tokenContractAddresses.map(contractAddress => ({
+        contractAddress,
+        chainId: transaction.chainId
+    })));
+    const { data: conversionRate = 1, isPending: isPendingConversionRate } = (0, react_hooks_1.useGetExchangeRate)(fiatCurrency.symbol);
+    const isPending = isPendingCoinPrices || isPendingConversionRate;
+    const { transfers } = transaction;
+    const getTransactionIconByType = (transferType) => {
+        switch (transferType) {
+            case indexer_1.TxnTransferType.SEND:
+                return ((0, jsx_runtime_1.jsx)(design_system_1.ArrowRightIcon, { style: {
+                        transform: 'rotate(270deg)',
+                        width: '16px'
+                    } }));
+            case indexer_1.TxnTransferType.RECEIVE:
+                return ((0, jsx_runtime_1.jsx)(design_system_1.ArrowRightIcon, { style: {
+                        transform: 'rotate(90deg)',
+                        width: '16px'
+                    } }));
+            case indexer_1.TxnTransferType.UNKNOWN:
+            default:
+                return (0, jsx_runtime_1.jsx)(design_system_1.TransactionIcon, { style: { width: '14px' } });
+        }
+    };
+    const getTansactionLabelByType = (transferType) => {
+        switch (transferType) {
+            case indexer_1.TxnTransferType.SEND:
+                return 'Sent';
+            case indexer_1.TxnTransferType.RECEIVE:
+                return 'Received';
+            case indexer_1.TxnTransferType.UNKNOWN:
+            default:
+                return 'Transacted';
+        }
+    };
+    const getTransferAmountLabel = (amount, symbol, transferType) => {
+        let sign = '';
+        if (transferType === indexer_1.TxnTransferType.SEND) {
+            sign = '-';
+        }
+        else if (transferType === indexer_1.TxnTransferType.RECEIVE) {
+            sign = '+';
+        }
+        let textColor = 'muted';
+        if (transferType === indexer_1.TxnTransferType.SEND) {
+            textColor = 'negative';
+        }
+        else if (transferType === indexer_1.TxnTransferType.RECEIVE) {
+            textColor = 'positive';
+        }
+        return (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: textColor, children: `${sign}${amount} ${symbol}` });
+    };
+    const getTransfer = ({ transfer, isFirstItem }) => {
+        const { amounts } = transfer;
+        const date = (0, dayjs_1.default)(transaction.timestamp).format('MMM DD, YYYY');
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 w-full flex-col justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex text-muted gap-1 flex-row justify-center items-center", children: [getTransactionIconByType(transfer.transferType), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "primary", children: getTansactionLabelByType(transfer.transferType) }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: transaction.chainId, size: "xs" })] }), isFirstItem && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: date }) }))] }), amounts.map((amount, index) => {
+                    const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(transaction.chainId, chains);
+                    const isNativeToken = (0, connect_1.compareAddress)(transfer.contractAddress, viem_1.zeroAddress);
+                    const isCollectible = transfer.contractInfo?.type === 'ERC721' || transfer.contractInfo?.type === 'ERC1155';
+                    let decimals;
+                    const tokenId = transfer.tokenIds?.[index];
+                    if (isCollectible && tokenId) {
+                        decimals = transfer.tokenMetadata?.[tokenId]?.decimals || 0;
+                    }
+                    else {
+                        decimals = isNativeToken ? nativeTokenInfo.decimals : transfer.contractInfo?.decimals;
+                    }
+                    const amountValue = (0, viem_1.formatUnits)(BigInt(amount), decimals || 18);
+                    const symbol = isNativeToken ? nativeTokenInfo.symbol : transfer.contractInfo?.symbol || '';
+                    const tokenLogoUri = isNativeToken ? nativeTokenInfo.logoURI : transfer.contractInfo?.logoURI;
+                    const fiatConversionRate = coinPrices.find((coinPrice) => (0, connect_1.compareAddress)(coinPrice.token.contractAddress, transfer.contractAddress))?.price?.value;
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 justify-center items-center", children: [tokenLogoUri && (0, jsx_runtime_1.jsx)(design_system_1.Image, { className: "w-5", src: tokenLogoUri, alt: "token logo" }), getTransferAmountLabel((0, connect_1.formatDisplay)(amountValue), symbol, transfer.transferType)] }), isPending && (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '35px', height: '20px' } }), fiatConversionRate && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: `${fiatCurrency.sign}${(Number(amountValue) * fiatConversionRate * conversionRate).toFixed(2)}` }))] }, index));
+                })] }));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex bg-background-secondary rounded-xl p-4 gap-2 items-center justify-center flex-col select-none cursor-pointer", onClick: () => onClickTransaction(), children: transfers?.map((transfer, position) => {
+            return ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: getTransfer({
+                    transfer,
+                    isFirstItem: position === 0
+                }) }, `${transaction.txnHash}-${position}`));
+        }) }));
+};
+exports.TransactionHistoryItem = TransactionHistoryItem;
+//# sourceMappingURL=TransactionHistoryItem.js.map

package/dist/cjs/components/TransactionHistoryList/TransactionHistoryItem.js.map

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

package/dist/cjs/components/TransactionHistoryList/TransactionHistorySkeleton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistorySkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const TransactionHistorySkeleton = () => {
+    const getTransactionItem = () => {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 w-full justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '65px', height: '20px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '75px', height: '17px' } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '120px', height: '20px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '35px', height: '17px' } })] })] }));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '70px', height: '17px' } }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: Array(8)
+                    .fill(null)
+                    .map((_, index) => {
+                    return ((0, jsx_runtime_1.jsx)("div", { className: "flex rounded-xl p-4 gap-2 items-center justify-center flex-col bg-background-secondary", children: getTransactionItem() }, index));
+                }) })] }));
+};
+exports.TransactionHistorySkeleton = TransactionHistorySkeleton;
+//# sourceMappingURL=TransactionHistorySkeleton.js.map

package/dist/cjs/components/TransactionHistoryList/TransactionHistorySkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistorySkeleton.js","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/TransactionHistorySkeleton.tsx"],"names":[],"mappings":";;;;AAAA,6DAAoD;AAG7C,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,CACL,iCAAK,SAAS,EAAC,4CAA4C,aACzD,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,EACN,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACvD,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IAClD,IACF,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EACtD,gCAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,CAAC,CAAC;qBACN,IAAI,CAAC,IAAI,CAAC;qBACV,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBAChB,OAAO,CACL,gCAAK,SAAS,EAAC,wFAAwF,YACpG,kBAAkB,EAAE,IADsF,KAAK,CAE5G,CACP,CAAA;gBACH,CAAC,CAAC,GACA,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,0BAA0B,8BAgCtC"}

package/dist/cjs/components/TransactionHistoryList/index.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionHistoryList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const TransactionHistoryItem_1 = require("./TransactionHistoryItem");
+const TransactionHistorySkeleton_1 = require("./TransactionHistorySkeleton");
+const TransactionHistoryList = ({ transactions, isPending, isFetchingNextPage }) => {
+    const transactionPeriods = [
+        {
+            id: 'today',
+            label: 'Today'
+        },
+        {
+            id: 'yesterday',
+            label: 'Yesterday'
+        },
+        {
+            id: 'week',
+            label: 'This Week'
+        },
+        {
+            id: 'month',
+            label: 'This Month'
+        },
+        {
+            id: 'year',
+            label: 'This Year'
+        },
+        {
+            id: 'past',
+            label: 'Past'
+        }
+    ];
+    const transactionsByTime = (0, react_1.useMemo)(() => {
+        const todayThreshold = new Date(new Date().setHours(0, 0, 0, 0)).getTime();
+        const yesterdayThreshold = new Date(new Date().setDate(new Date(todayThreshold).getDate() - 1)).getTime();
+        const currentDate = new Date(new Date().setHours(0, 0, 0, 0));
+        const firstDayOfWeek = new Date(currentDate.setDate(currentDate.getDate() - currentDate.getDay()));
+        const firstDayOfMonth = new Date(currentDate.setDate(1));
+        const firstDayOfYear = new Date(currentDate.setMonth(0, 1));
+        const weekThreshold = firstDayOfWeek.getTime();
+        const monthThreshold = firstDayOfMonth.getTime();
+        const yearThreshold = firstDayOfYear.getTime();
+        const transactionsByTime = {
+            today: [],
+            yesterday: [],
+            week: [],
+            month: [],
+            year: [],
+            past: []
+        };
+        transactions.forEach(transaction => {
+            const transactionTime = new Date(transaction.timestamp).getTime();
+            if (transactionTime >= todayThreshold) {
+                transactionsByTime.today.push(transaction);
+            }
+            else if (transactionTime >= yesterdayThreshold) {
+                transactionsByTime.yesterday.push(transaction);
+            }
+            else if (transactionTime >= weekThreshold) {
+                transactionsByTime.week.push(transaction);
+            }
+            else if (transactionTime >= monthThreshold) {
+                transactionsByTime.month.push(transaction);
+            }
+            else if (transactionTime >= yearThreshold) {
+                transactionsByTime.year.push(transaction);
+            }
+            else {
+                transactionsByTime.past.push(transaction);
+            }
+        });
+        return transactionsByTime;
+    }, [transactions]);
+    if (isPending) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: (0, jsx_runtime_1.jsx)(TransactionHistorySkeleton_1.TransactionHistorySkeleton, {}) }));
+    }
+    const TimeLabel = ({ label }) => {
+        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", fontWeight: "medium", children: label }) }));
+    };
+    const TransactionsList = ({ transactions }) => {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: transactions.map((transaction, index) => {
+                return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: (0, jsx_runtime_1.jsx)(TransactionHistoryItem_1.TransactionHistoryItem, { transaction: transaction }) }, `${transaction.txnHash}-${index}`));
+            }) }));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5", children: [transactionPeriods.map(period => {
+                const txs = transactionsByTime[period.id];
+                if (txs.length === 0) {
+                    return null;
+                }
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsx)(TimeLabel, { label: period.label }), (0, jsx_runtime_1.jsx)(TransactionsList, { transactions: txs })] }, period.id));
+            }), transactions.length === 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsx)(TimeLabel, { label: 'History' }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", children: "No Recent Transaction History Found" })] })), isFetchingNextPage && ((0, jsx_runtime_1.jsx)("div", { className: "flex m-4 items-center justify-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) }))] }));
+};
+exports.TransactionHistoryList = TransactionHistoryList;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TransactionHistoryList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TransactionHistoryList/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAAyD;AAEzD,iCAA+B;AAE/B,qEAAiE;AACjE,6EAAyE;AAQlE,MAAM,sBAAsB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAA+B,EAAE,EAAE;IAQrH,MAAM,kBAAkB,GAAyB;QAC/C;YACE,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,OAAO;SACf;QACD;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;SACnB;QACD;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,WAAW;SACnB;QACD;YACE,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,YAAY;SACpB;QACD;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,WAAW;SACnB;QACD;YACE,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,MAAM;SACd;KACF,CAAA;IAED,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;QAC1E,MAAM,kBAAkB,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;QAEzG,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAC7D,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QAClG,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QACxD,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAE3D,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,EAAE,CAAA;QAC9C,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,EAAE,CAAA;QAChD,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,EAAE,CAAA;QAE9C,MAAM,kBAAkB,GAEpB;YACF,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,EAAE;YACb,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE;SACT,CAAA;QAED,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YACjC,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAA;YACjE,IAAI,eAAe,IAAI,cAAc,EAAE,CAAC;gBACtC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC5C,CAAC;iBAAM,IAAI,eAAe,IAAI,kBAAkB,EAAE,CAAC;gBACjD,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAChD,CAAC;iBAAM,IAAI,eAAe,IAAI,aAAa,EAAE,CAAC;gBAC5C,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC3C,CAAC;iBAAM,IAAI,eAAe,IAAI,cAAc,EAAE,CAAC;gBAC7C,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC5C,CAAC;iBAAM,IAAI,eAAe,IAAI,aAAa,EAAE,CAAC;gBAC5C,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC3C,CAAC;iBAAM,CAAC;gBACN,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC3C,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,kBAAkB,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,uDAA0B,KAAG,GAC1B,CACP,CAAA;IACH,CAAC;IAMD,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;QAC9C,OAAO,CACL,0CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,YACrD,KAAK,GACD,GACH,CACP,CAAA;IACH,CAAC,CAAA;IAMD,MAAM,gBAAgB,GAAG,CAAC,EAAE,YAAY,EAAyB,EAAE,EAAE;QACnE,OAAO,CACL,gCAAK,SAAS,EAAC,qBAAqB,YACjC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;gBACvC,OAAO,CACL,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW,GAAI,IADZ,GAAG,WAAW,CAAC,OAAO,IAAI,KAAK,EAAE,CAErE,CACP,CAAA;YACH,CAAC,CAAC,GACE,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aACjC,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAC/B,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;gBACzC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACrB,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EAClC,uBAAC,gBAAgB,IAAC,YAAY,EAAE,GAAG,GAAI,KAFC,MAAM,CAAC,EAAE,CAG7C,CACP,CAAA;YACH,CAAC,CAAC,EACD,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,EAC/B,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,oDAA2C,IAC5D,CACP,EACA,kBAAkB,IAAI,CACrB,gCAAK,SAAS,EAAC,sCAAsC,YACnD,uBAAC,uBAAO,KAAG,GACP,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAlJY,QAAA,sBAAsB,0BAkJlC"}

package/dist/cjs/components/WalletHeader/components/AccountInformation.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountInformation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+exports.AccountInformation = (0, react_1.forwardRef)(({ onClickAccount }, ref) => {
+    const { address } = (0, wagmi_1.useAccount)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 items-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex w-full flex-col items-center justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center justify-center relative select-none cursor-pointer", onClick: onClickAccount, 
+                // @ts-ignore-next-line
+                ref: ref, children: [(0, jsx_runtime_1.jsx)(design_system_1.GradientAvatar, { size: "sm", address: address || '' }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", fontWeight: "medium", variant: "normal", children: (0, connect_1.formatAddress)(address || '') }), (0, jsx_runtime_1.jsx)(design_system_1.ChevronDownIcon, { className: "text-primary" })] }) }) }));
+});
+//# sourceMappingURL=AccountInformation.js.map

package/dist/cjs/components/WalletHeader/components/AccountInformation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountInformation.js","sourceRoot":"","sources":["../../../../../src/components/WalletHeader/components/AccountInformation.tsx"],"names":[],"mappings":";;;;AAAA,iDAAmD;AACnD,6DAAiF;AACjF,iCAAyC;AACzC,iCAAkC;AAMrB,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAE,cAAc,EAA2B,EAAE,GAAG,EAAE,EAAE;IAChG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAEhC,OAAO,CACL,gCAAK,SAAS,EAAC,yBAAyB,YACtC,gCAAK,SAAS,EAAC,kDAAkD,YAC/D,iCACE,SAAS,EAAC,4EAA4E,EACtF,OAAO,EAAE,cAAc;gBACvB,uBAAuB;gBACvB,GAAG,EAAE,GAAG,aAER,uBAAC,8BAAc,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,IAAI,EAAE,GAAI,EACpD,uBAAC,oBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACvD,IAAA,uBAAa,EAAC,OAAO,IAAI,EAAE,CAAC,GACxB,EACP,uBAAC,+BAAe,IAAC,SAAS,EAAC,cAAc,GAAG,IACxC,GACF,GACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}