@mezo-org/passport 0.4.0-dev.82 → 0.4.0-dev.84

package/dist/src/components/Dropdown/Content.d.ts

@@ -1,20 +1,5 @@
 import React from "react";
-import { DetailedCryptoAsset } from "../../utils/cryptoAssets";
 type ContentProps = {
-    mezoId: string;
-    matsBalance: number;
-    accountAddress: string;
-    walletAddress: string;
-    walletType: "bitcoin" | "evm";
-    usdTotalBalance: number;
-    usdTroveDebt: number;
-    usdCollateral: number;
-    assets: {
-        btc: DetailedCryptoAsset;
-        musd: DetailedCryptoAsset;
-    };
-    otherAssetsCount: number;
-    otherAssetsUsdTotal: number;
     onSignOut?: () => void;
     onOtherAssetsClick?: () => void;
 };

package/dist/src/components/Dropdown/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAG9D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,SAAS,GAAG,KAAK,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE;QACN,GAAG,EAAE,mBAAmB,CAAA;QACxB,IAAI,EAAE,mBAAmB,CAAA;KAC1B,CAAA;IACD,gBAAgB,EAAE,MAAM,CAAA;IACxB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,qBAoEnC;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,qBAsCnC;AAED,eAAe,OAAO,CAAA"}

package/dist/src/components/Dropdown/Content.js

@@ -5,7 +5,7 @@ import Root from "./Root/Root";
 import Receive from "./Receive/Receive";
 import TestnetTopBanner from "./TestnetTopBanner";
 function Content(props) {
-    const { mezoId, accountAddress, walletAddress, walletType, usdTotalBalance, assets, matsBalance, usdTroveDebt, usdCollateral, otherAssetsCount, otherAssetsUsdTotal, onSignOut, onOtherAssetsClick, } = props;
+    const { onSignOut, onOtherAssetsClick } = props;
     const [_, theme] = useStyletron();
     const currentView = useDropdownStore((state) => state.view);
     const setView = useDropdownStore((state) => state.setView);
@@ -20,8 +20,8 @@ function Content(props) {
             },
         } },
         React.createElement(TestnetTopBanner, null),
-        currentView === DropdownView.ROOT && (React.createElement(Root, { mezoId: mezoId, accountAddress: accountAddress, walletAddress: walletAddress, walletType: walletType, usdTotalBalance: usdTotalBalance, assets: assets, matsBalance: matsBalance, usdTroveDebt: usdTroveDebt, usdCollateral: usdCollateral, otherAssetsCount: otherAssetsCount, otherAssetsUsdTotal: otherAssetsUsdTotal, onSignOut: onSignOut, onOtherAssetsClick: onOtherAssetsClick })),
-        currentView === DropdownView.RECEIVE && (React.createElement(Receive, { address: accountAddress }))));
+        currentView === DropdownView.ROOT && (React.createElement(Root, { onSignOut: onSignOut, onOtherAssetsClick: onOtherAssetsClick })),
+        currentView === DropdownView.RECEIVE && React.createElement(Receive, null)));
 }
 export default Content;
 //# sourceMappingURL=Content.js.map

package/dist/src/components/Dropdown/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,IAAI,MAAM,aAAa,CAAA;AAC9B,OAAO,OAAO,MAAM,mBAAmB,CAAA;AAEvC,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAqBjD,SAAS,OAAO,CAAC,KAAmB;IAClC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,WAAW,EACX,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,SAAS,EACT,kBAAkB,GACnB,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEjC,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAE1D,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,aAAa,EACrB,aAAa,EAAC,QAAQ,EACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAC/C,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY;iBACxB;aACF;SACF;QAED,oBAAC,gBAAgB,OAAG;QAEnB,WAAW,KAAK,YAAY,CAAC,IAAI,IAAI,CACpC,oBAAC,IAAI,IACH,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,CACH;QAEA,WAAW,KAAK,YAAY,CAAC,OAAO,IAAI,CACvC,oBAAC,OAAO,IAAC,OAAO,EAAE,cAAc,GAAI,CACrC,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,IAAI,MAAM,aAAa,CAAA;AAC9B,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAOjD,SAAS,OAAO,CAAC,KAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IAE/C,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEjC,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAE1D,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,aAAa,EACrB,aAAa,EAAC,QAAQ,EACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAC/C,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY;iBACxB;aACF;SACF;QAED,oBAAC,gBAAgB,OAAG;QAEnB,WAAW,KAAK,YAAY,CAAC,IAAI,IAAI,CACpC,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CACvE;QAEA,WAAW,KAAK,YAAY,CAAC,OAAO,IAAI,oBAAC,OAAO,OAAG,CAC9C,CACT,CAAA;AACH,CAAC;AAED,eAAe,OAAO,CAAA"}

package/dist/src/components/Dropdown/Dropdown.d.ts

@@ -13,10 +13,6 @@ export type DropdownProps = {
         signedOut?: Omit<ButtonProps, "onClick">;
     };
     onOtherAssetsClick?: () => void;
-    /** Time in milliseconds after which account data (like mats or mezo id) in dropdown should be re-fetched. Default is 90000 (90 secs) */
-    accountDataRefetchInterval?: number;
-    /** Time in milliseconds after which native balance in dropdown should be re-fetched. Default is 90000 (90 secs) */
-    nativeBalanceRefetchInterval?: number;
 } & Omit<StatefulPopoverProps, "children" | "content">;
 /**
  * Passport Dropdown component that displays user's wallet and assets information.

package/dist/src/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAA6B,MAAM,OAAO,CAAA;AAUjD,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;YACjD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;SACzB,CAAA;QACD,SAAS,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;KACzC,CAAA;IACD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,wIAAwI;IACxI,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,mHAAmH;IACnH,4BAA4B,CAAC,EAAE,MAAM,CAAA;CACtC,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEtD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBA6G5C"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;YACjD,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAA;SACzB,CAAA;QACD,SAAS,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;KACzC,CAAA;IACD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEtD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAgE5C"}

package/dist/src/components/Dropdown/Dropdown.js

@@ -1,64 +1,38 @@
 import { StatefulPopover, useStyletron, } from "@mezo-org/mezo-clay";
 import { useConnectModal } from "@rainbow-me/rainbowkit";
-import React, { useEffect, useMemo } from "react";
-import { useDisconnect } from "wagmi";
+import React from "react";
 import DefaultAvatar from "../../assets/DefaultAvatar";
-import useWalletAccount from "../../hooks/useWalletAccount";
 import ConnectedTrigger from "./ConnectedTrigger";
 import Content from "./Content";
 import DisconnectedTrigger from "./DisconnectedTrigger";
-import { useSignInWithWallet } from "../../hooks";
-import useDropdownData from "../../hooks/useDropdownData";
+import useWalletAccount from "../../hooks/useWalletAccount";
+import { useWatchTransferEventsForAllTokens } from "../../hooks/useWatchTransferEvents";
 /**
  * Passport Dropdown component that displays user's wallet and assets information.
  * @param {DropdownProps} props - Component props.
  * @returns {JSX.Element}
  */
 export function Dropdown(props) {
-    const { placement = "bottomRight", animateOutTime = 120, onSignIn, onSignOut, overrides, triggerProps, onOtherAssetsClick, accountDataRefetchInterval, nativeBalanceRefetchInterval, ...restProps } = props;
+    const { placement = "bottomRight", animateOutTime = 120, onSignIn, onSignOut, overrides, triggerProps, onOtherAssetsClick, ...restProps } = props;
     const [, theme] = useStyletron();
-    const data = useDropdownData({
-        accountDataRefetchInterval,
-        nativeBalanceRefetchInterval,
-    });
-    const isCriticalDropdownDataLoaded = useMemo(() => Boolean(data.mezoId && data.accountAddress && data.walletAddress), [data]);
+    const { data: walletAccountData } = useWalletAccount();
+    useWatchTransferEventsForAllTokens();
     const { openConnectModal } = useConnectModal();
-    const { isConnected } = useWalletAccount();
-    const { signInWithWalletAsync, isPending } = useSignInWithWallet();
-    const { disconnectAsync } = useDisconnect();
-    useEffect(() => {
-        if (onSignIn)
-            return;
-        const handleSignIn = async () => {
-            console.log("handle sign in...");
-            if (!isConnected)
-                return;
-            try {
-                console.log("sign in with wallet async");
-                await signInWithWalletAsync();
-            }
-            catch (error) {
-                console.log("disconnect async");
-                await disconnectAsync();
-            }
-        };
-        handleSignIn();
-    }, [disconnectAsync, isConnected, onSignIn, signInWithWalletAsync]);
-    if (!isConnected || !isCriticalDropdownDataLoaded) {
+    if (!walletAccountData?.isConnected) {
         return (React.createElement(DisconnectedTrigger
         // If connect wallet flow is not provided it fallbacks to RainbowKit's
         // connect modal
         , { 
             // If connect wallet flow is not provided it fallbacks to RainbowKit's
             // connect modal
-            onClick: onSignIn || openConnectModal, isLoading: isPending, ...triggerProps?.signedOut }, "Sign in"));
+            onClick: onSignIn || openConnectModal, ...triggerProps?.signedOut }, "Sign in"));
     }
-    return (React.createElement(StatefulPopover, { content: React.createElement(Content, { mezoId: data.mezoId, matsBalance: data.matsBalance, accountAddress: data.accountAddress, walletAddress: data.walletAddress, walletType: data.walletType, usdTotalBalance: data.usdTotalBalance, usdTroveDebt: data.usdTroveDebt, usdCollateral: data.usdCollateral, assets: data.assets, otherAssetsCount: data.otherAssetsCount, otherAssetsUsdTotal: data.otherAssetsUsdTotal, onSignOut: onSignOut, onOtherAssetsClick: onOtherAssetsClick }), placement: placement, animateOutTime: animateOutTime, overrides: {
+    return (React.createElement(StatefulPopover, { content: React.createElement(Content, { onSignOut: onSignOut, onOtherAssetsClick: onOtherAssetsClick }), placement: placement, animateOutTime: animateOutTime, overrides: {
             ...overrides,
             Body: {
                 ...overrides?.Body,
                 style: {
-                    width: "396px",
+                    width: "402px",
                     borderRadius: theme.borders.radius500,
                     boxShadow: theme.lighting.shadow500,
                     overflow: "hidden",

package/dist/src/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAEf,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAA;AAiBvF;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EACJ,SAAS,GAAG,aAAa,EACzB,cAAc,GAAG,GAAG,EACpB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEtD,kCAAkC,EAAE,CAAA;IAEpC,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9C,IAAI,CAAC,iBAAiB,EAAE,WAAW,EAAE,CAAC;QACpC,OAAO,CACL,oBAAC,mBAAmB;QAClB,sEAAsE;QACtE,gBAAgB;;YADhB,sEAAsE;YACtE,gBAAgB;YAChB,OAAO,EAAE,QAAQ,IAAI,gBAAgB,KACjC,YAAY,EAAE,SAAS,cAGP,CACvB,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,OAAO,EACL,oBAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,EAEJ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,IAAI,EAAE;gBACJ,GAAG,SAAS,EAAE,IAAI;gBAClB,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO;oBACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS;oBACrC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS;oBACnC,QAAQ,EAAE,QAAQ;oBAClB,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;iBAC1B;aACF;SACF,KACG,SAAS;QAEb,oBAAC,gBAAgB,IACf,MAAM,EAAE,oBAAC,aAAa,OAAG,KACrB,YAAY,EAAE,QAAQ,GAC1B,CACc,CACnB,CAAA;AACH,CAAC"}

package/dist/src/components/Dropdown/ListingItem.d.ts

@@ -1,12 +1,13 @@
-import { IconProps, ListItemProps } from "@mezo-org/mezo-clay";
-import React, { FC } from "react";
+import { BlockProps } from "@mezo-org/mezo-clay";
+import React, { ReactNode } from "react";
 type ListingItemProps = {
-    icon?: FC<IconProps>;
-    label: string;
+    icon?: ReactNode;
+    label?: string;
     subLabel?: string;
-    value: string;
-    subValue?: string;
-    overrides?: ListItemProps["overrides"];
+    value?: number;
+    subValue?: number;
+    overrides?: BlockProps["overrides"];
+    isLoading?: boolean;
 };
 export default function ListingItem(props: ListingItemProps): React.JSX.Element;
 export {};

package/dist/src/components/Dropdown/ListingItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListingItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EACT,aAAa,EACd,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAUjC,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAoD1D"}
+{"version":3,"file":"ListingItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAIX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwDxC,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAoG1D"}

package/dist/src/components/Dropdown/ListingItem.js

@@ -1,34 +1,42 @@
-import { ListItem, ListItemLabel, mergeOverrides, } from "@mezo-org/mezo-clay";
+import { mergeOverrides, Block, useStyletron, Skeleton, LabelMedium, ParagraphSmall, } from "@mezo-org/mezo-clay";
 import React from "react";
-const SHARED_LABEL_OVERRIDES = {
-    LabelDescription: {
-        style: {
-            color: "#4B4B4B", // contentSecondary
-        },
-    },
-};
-export default function ListingItem(props) {
-    const { icon: Icon, label, subLabel = "", value, subValue = "", overrides, } = props;
-    return (React.createElement(ListItem, { artwork: Icon, 
-        // eslint-disable-next-line react/no-unstable-nested-components
-        endEnhancer: () => (React.createElement(ListItemLabel, { description: subValue, overrides: mergeOverrides({
-                LabelRoot: {
-                    style: {
-                        textAlign: "right",
-                    },
-                },
-            }, SHARED_LABEL_OVERRIDES) }, value)), overrides: mergeOverrides({
-            Root: {
-                style: {
-                    backgroundColor: "transparent",
-                },
-            },
-            Content: {
+import SlotNumber from "./SlotNumber";
+import { formatUsd } from "../../utils/currency";
+function ListingItemLayout(props) {
+    const { icon, label, value, subLabel, subValue, overrides, ...restProps } = props;
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { display: "flex", alignItems: "center", paddingLeft: theme.sizing.scale600, paddingRight: theme.sizing.scale600, overrides: mergeOverrides({
+            Block: {
                 style: {
-                    border: 0,
+                    gap: theme.sizing.scale600,
+                    minHeight: "72px",
                 },
             },
-        }, overrides) },
-        React.createElement(ListItemLabel, { description: subLabel, overrides: SHARED_LABEL_OVERRIDES }, label)));
+        }, overrides), ...restProps },
+        icon && icon,
+        React.createElement(Block, { display: "flex", flexDirection: "column", alignItems: "flex-start" },
+            label && label,
+            subLabel && subLabel),
+        React.createElement(Block, { display: "flex", flexDirection: "column", alignItems: "flex-end", marginLeft: "auto" },
+            value && value,
+            subValue && subValue)));
+}
+export default function ListingItem(props) {
+    const { icon, label, subLabel, value, subValue, overrides, isLoading = false, } = props;
+    const [, theme] = useStyletron();
+    if (isLoading) {
+        return (React.createElement(ListingItemLayout, { icon: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale800, height: theme.sizing.scale800 }), label: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale2400, height: theme.sizing.scale600, overrides: {
+                    Root: {
+                        style: { marginBottom: theme.sizing.scale100 },
+                    },
+                } }), subLabel: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale1600, height: theme.sizing.scale550 }), value: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale2400, height: theme.sizing.scale600, overrides: {
+                    Root: {
+                        style: { marginBottom: theme.sizing.scale100 },
+                    },
+                } }), subValue: React.createElement(Skeleton, { animation: true, width: theme.sizing.scale1600, height: theme.sizing.scale550 }), overrides: overrides }));
+    }
+    return (React.createElement(ListingItemLayout, { icon: icon, label: React.createElement(LabelMedium, null, label), subLabel: React.createElement(ParagraphSmall, { margin: 0, as: "div", color: theme.colors.contentSecondary }, subLabel), value: value !== undefined && (React.createElement(LabelMedium, null,
+            React.createElement(SlotNumber, { formatFunction: formatUsd }, value))), subValue: subValue !== undefined && (React.createElement(ParagraphSmall, { margin: 0, as: "div", color: theme.colors.contentSecondary },
+            React.createElement(SlotNumber, { formatFunction: formatUsd }, subValue))), overrides: overrides }));
 }
 //# sourceMappingURL=ListingItem.js.map

package/dist/src/components/Dropdown/ListingItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingItem.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,cAAc,GAIf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,MAAM,sBAAsB,GAAoC;IAC9D,gBAAgB,EAAE;QAChB,KAAK,EAAE;YACL,KAAK,EAAE,SAAS,EAAE,mBAAmB;SACtC;KACF;CACF,CAAA;AAWD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,EACJ,IAAI,EAAE,IAAI,EACV,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,SAAS,GACV,GAAG,KAAK,CAAA;IAET,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,IAAI;QACb,+DAA+D;QAC/D,WAAW,EAAE,GAAG,EAAE,CAAC,CACjB,oBAAC,aAAa,IACZ,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,cAAc,CACvB;gBACE,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,SAAS,EAAE,OAAO;qBACnB;iBACF;aACF,EACD,sBAAsB,CACvB,IAEA,KAAK,CACQ,CACjB,EACD,SAAS,EAAE,cAAc,CACvB;YACE,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,eAAe,EAAE,aAAa;iBAC/B;aACF;YACD,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL,MAAM,EAAE,CAAC;iBACV;aACF;SACF,EACD,SAAS,CACV;QAED,oBAAC,aAAa,IAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,IACpE,KAAK,CACQ,CACP,CACZ,CAAA;AACH,CAAC"}
+{"version":3,"file":"ListingItem.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/ListingItem.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Dropdown/NestedViewLayout.d.ts

@@ -1,7 +1,8 @@
+import { BlockProps } from "@mezo-org/mezo-clay";
 import React, { ReactNode } from "react";
 type NestedViewLayoutProps = {
     children: ReactNode;
-};
+} & BlockProps;
 declare function NestedViewLayout(props: NestedViewLayoutProps): React.JSX.Element;
 export default NestedViewLayout;
 //# sourceMappingURL=NestedViewLayout.d.ts.map

package/dist/src/components/Dropdown/NestedViewLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NestedViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/NestedViewLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AAUrD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAmDrD;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"NestedViewLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/NestedViewLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAIX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AAUrD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,UAAU,CAAA;AAEd,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBA8DrD;AAED,eAAe,gBAAgB,CAAA"}

package/dist/src/components/Dropdown/NestedViewLayout.js

@@ -1,9 +1,9 @@
-import { ArrowLeft, Block, ButtonIcon, LabelMedium, useStyletron, } from "@mezo-org/mezo-clay";
+import { ArrowLeft, Block, ButtonIcon, HeadingSmall, useStyletron, } from "@mezo-org/mezo-clay";
 import React, { useCallback } from "react";
 import useDropdownStore, { DropdownView } from "../../stores/dropdownStore";
 const getHeaderTitle = (view) => {
     const titleMap = {
-        [DropdownView.RECEIVE]: "Receive",
+        [DropdownView.RECEIVE]: "Scan to receive",
     };
     return titleMap[view];
 };
@@ -11,24 +11,22 @@ function NestedViewLayout(props) {
     const { children, ...restProps } = props;
     const currentView = useDropdownStore((state) => state.view);
     const setView = useDropdownStore((state) => state.setView);
-    const isNested = useDropdownStore((state) => state.isNestedView());
     const [, theme] = useStyletron();
     const handleOnButtonClick = useCallback(() => {
         setView(DropdownView.ROOT);
     }, [setView]);
-    return (React.createElement(Block, { display: "flex", flexDirection: "column", minHeight: "588px", padding: theme.sizing.scale700, paddingTop: 0, ...restProps },
-        React.createElement(Block, { display: "flex", alignItems: "center", paddingTop: theme.sizing.scale600, paddingBottom: theme.sizing.scale600, marginBottom: theme.sizing.scale300 },
-            React.createElement(ButtonIcon, { onClick: handleOnButtonClick, shape: "circle", size: "small", overrides: {
-                    BaseButton: {
-                        style: {
-                            background: theme.colors.backgroundPrimary,
-                            marginRight: isNested ? theme.sizing.scale300 : undefined,
-                        },
+    return (React.createElement(Block, { display: "flex", flexDirection: "column", minHeight: "588px", ...restProps },
+        React.createElement(Block, { display: "flex", alignItems: "center", padding: theme.sizing.scale100, paddingTop: theme.sizing.scale800, paddingBottom: theme.sizing.scale500, marginBottom: theme.sizing.scale300, overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale300,
                     },
-                } },
-                React.createElement(ArrowLeft, { size: theme.sizing.scale700 })),
-            React.createElement(LabelMedium, null, getHeaderTitle(currentView))),
-        children));
+                },
+            } },
+            React.createElement(ButtonIcon, { onClick: handleOnButtonClick, shape: "circle", size: "medium", kind: "tertiary" },
+                React.createElement(ArrowLeft, null)),
+            React.createElement(HeadingSmall, { marginTop: theme.sizing.scale300, marginBottom: theme.sizing.scale300 }, getHeaderTitle(currentView))),
+        React.createElement(Block, { display: "flex", flexDirection: "column", padding: theme.sizing.scale600, paddingTop: 0, flex: 1 }, children)));
 }
 export default NestedViewLayout;
 //# sourceMappingURL=NestedViewLayout.js.map

package/dist/src/components/Dropdown/NestedViewLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedViewLayout.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/NestedViewLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAE3E,MAAM,cAAc,GAAG,CAAC,IAAkB,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAA0C;QACtD,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS;KAClC,CAAA;IACD,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAA;AACxB,CAAC,CAAA;AAMD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExC,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAA;IAElE,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC9B,UAAU,EAAE,CAAC,KACT,SAAS;QAEb,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACjC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACpC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;YAEnC,oBAAC,UAAU,IACT,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;oBACT,UAAU,EAAE;wBACV,KAAK,EAAE;4BACL,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;4BAC1C,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;yBAC1D;qBACF;iBACF;gBAED,oBAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI,CAC/B;YAEb,oBAAC,WAAW,QAAE,cAAc,CAAC,WAAW,CAAC,CAAe,CAClD;QAEP,QAAQ,CACH,CACT,CAAA;AACH,CAAC;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"NestedViewLayout.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/NestedViewLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EAEL,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAE3E,MAAM,cAAc,GAAG,CAAC,IAAkB,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAA0C;QACtD,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,iBAAiB;KAC1C,CAAA;IACD,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAA;AACxB,CAAC,CAAA;AAMD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExC,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAE1D,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,OAAO,KACb,SAAS;QAEb,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC9B,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACjC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACpC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;qBAC3B;iBACF;aACF;YAED,oBAAC,UAAU,IACT,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU;gBAEf,oBAAC,SAAS,OAAG,CACF;YAEb,oBAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,IAElC,cAAc,CAAC,WAAW,CAAC,CACf,CACT;QAER,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC9B,UAAU,EAAE,CAAC,EACb,IAAI,EAAE,CAAC,IAEN,QAAQ,CACH,CACF,CACT,CAAA;AACH,CAAC;AAED,eAAe,gBAAgB,CAAA"}

package/dist/src/components/Dropdown/Receive/Receive.d.ts

@@ -1,7 +1,4 @@
 import React from "react";
-type ReceiveProps = {
-    address: string;
-};
-declare function Receive(props: ReceiveProps): React.JSX.Element;
+declare function Receive(): React.JSX.Element;
 export default Receive;
 //# sourceMappingURL=Receive.d.ts.map

package/dist/src/components/Dropdown/Receive/Receive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Receive.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Receive/Receive.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAQpD,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,qBAgGnC;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Receive.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Receive/Receive.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,iBAAS,OAAO,sBA4Hf;AAED,eAAe,OAAO,CAAA"}

package/dist/src/components/Dropdown/Receive/Receive.js

@@ -1,30 +1,29 @@
-import { Block, Button, LabelMedium, MonoLabelXSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
-import React, { useCallback, useState } from "react";
+import { Block, Button, LabelLarge, MezoCircle, MonoLabelXSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React, { useState } from "react";
 import { useCopyToClipboard } from "usehooks-ts";
 import { QRCodeSVG } from "qrcode.react";
 import NestedViewLayout from "../NestedViewLayout";
 import { getAddressExplorerUrl } from "../../../utils/address";
 import { usePassportContext } from "../../../hooks/usePassportContext";
 import useWalletAccount from "../../../hooks/useWalletAccount";
-function Receive(props) {
-    const { address } = props;
+function Receive() {
     const { environment } = usePassportContext();
-    const blockExplorerUrl = getAddressExplorerUrl(address, "mezo", environment === "testnet");
+    const { data: walletAccountData } = useWalletAccount();
     const [, theme] = useStyletron();
     const [, copy] = useCopyToClipboard();
     const [isCopiedMessageVisible, setIsCopiedMessageVisible] = useState(false);
-    const handleCopyAddress = useCallback(() => {
-        copy(address);
+    const handleCopyAddress = () => {
+        copy(walletAccountData.accountAddress);
         setIsCopiedMessageVisible(true);
         setTimeout(() => {
             setIsCopiedMessageVisible(false);
         }, 2000);
-    }, [copy, address]);
-    const { networkFamily } = useWalletAccount();
+    };
+    const blockExplorerUrl = getAddressExplorerUrl(walletAccountData.accountAddress, "mezo", environment === "testnet");
     return (React.createElement(NestedViewLayout, null,
-        React.createElement(LabelMedium, null, "Your Mezo Address"),
-        React.createElement(ParagraphSmall, { marginTop: theme.sizing.scale300, marginBottom: theme.sizing.scale600, color: theme.colors.contentTertiary }, networkFamily === "bitcoin" ? (React.createElement(React.Fragment, null, "Mezo automatically created a smart account that's fully controlled by your connected Bitcoin wallet. Use this address to receive assets on Mezo.")) : (React.createElement(React.Fragment, null, "Your connected wallet address is your Mezo address. Use this address to receive assets on Mezo."))),
-        React.createElement(Block, { as: QRCodeSVG, value: address, flex: 1, overrides: {
+        React.createElement(LabelLarge, null, "Your Mezo Address"),
+        React.createElement(ParagraphSmall, { marginTop: 0, marginBottom: theme.sizing.scale800, color: theme.colors.contentTertiary }, walletAccountData.networkFamily === "bitcoin" ? (React.createElement(React.Fragment, null, "Mezo automatically created a smart account that's fully controlled by your connected Bitcoin wallet. Use this address to receive assets on Mezo.")) : (React.createElement(React.Fragment, null, "Your connected wallet address is your Mezo address. Use this address to receive assets on Mezo."))),
+        React.createElement(Block, { as: QRCodeSVG, value: walletAccountData.accountAddress, flex: 1, overrides: {
                 Block: {
                     style: {
                         aspectRatio: 1,
@@ -33,21 +32,33 @@ function Receive(props) {
                     },
                 },
             } }),
-        React.createElement(MonoLabelXSmall, { marginTop: theme.sizing.scale800, marginBottom: theme.sizing.scale800, overrides: {
+        React.createElement(Block, { display: "flex", alignItems: "center", backgroundColor: theme.colors.backgroundSecondary, marginTop: theme.sizing.scale800, marginBottom: theme.sizing.scale600, padding: theme.sizing.scale300, overrides: {
                 Block: {
                     style: {
-                        textAlign: "center",
+                        gap: theme.sizing.scale300,
+                        borderRadius: theme.borders.radius400,
                     },
                 },
-            } }, address),
-        React.createElement(Button, { onClick: handleCopyAddress, overrides: {
+            } },
+            React.createElement(MezoCircle, { size: theme.sizing.scale700, color: theme.colors.accent, symbolColor: theme.colors.white, overrides: {
+                    Svg: {
+                        style: {
+                            backgroundColor: theme.colors.accent,
+                            overflow: "hidden",
+                            borderRadius: theme.borders.radius200,
+                            flexShrink: 0,
+                        },
+                    },
+                } }),
+            React.createElement(MonoLabelXSmall, null, walletAccountData.accountAddress)),
+        React.createElement(Button, { onClick: handleCopyAddress, size: "medium", overrides: {
                 BaseButton: {
                     style: {
-                        marginBottom: theme.sizing.scale400,
+                        marginBottom: theme.sizing.scale500,
                     },
                 },
-            } }, isCopiedMessageVisible ? "Copied!" : "Copy Mezo Address"),
-        React.createElement(Button, { kind: "secondary", "$as": "a", href: blockExplorerUrl, target: "_blank" }, "View Explorer")));
+            } }, isCopiedMessageVisible ? "Copied!" : "Copy Mezo address"),
+        React.createElement(Button, { kind: "secondary", size: "medium", "$as": "a", href: blockExplorerUrl, target: "_blank" }, "View Mezo explorer")));
 }
 export default Receive;
 //# sourceMappingURL=Receive.js.map

package/dist/src/components/Dropdown/Receive/Receive.js.map

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

package/dist/src/components/Dropdown/Root/AccountAddressActions.d.ts

@@ -1,7 +1,4 @@
+import { BlockProps } from "@mezo-org/mezo-clay";
 import React from "react";
-type AccountAddressActionsProps = {
-    address: string;
-};
-export default function AccountAddressActions(props: AccountAddressActionsProps): React.JSX.Element;
-export {};
+export default function AccountAddressActions(props: BlockProps): React.JSX.Element;
 //# sourceMappingURL=AccountAddressActions.d.ts.map

package/dist/src/components/Dropdown/Root/AccountAddressActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountAddressActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountAddressActions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,KAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAqBD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,qBA+DlC"}
+{"version":3,"file":"AccountAddressActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountAddressActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAKX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,UAAU,qBA+D9D"}

package/dist/src/components/Dropdown/Root/AccountAddressActions.js

@@ -1,12 +1,14 @@
-import { ArrowNarrowLeft, Block, Button, Cube01, useStyletron, } from "@mezo-org/mezo-clay";
-import React, { useCallback } from "react";
+import { ArrowNarrowLeft, Block, Button, mergeOverrides, useStyletron, } from "@mezo-org/mezo-clay";
+import React from "react";
 import { usePassportContext } from "../../../hooks/usePassportContext";
 import { getAddressExplorerUrl } from "../../../utils/address";
 import useDropdownStore, { DropdownView } from "../../../stores/dropdownStore";
+import useWalletAccount from "../../../hooks/useWalletAccount";
 const buttonStartEnhancerSize = 12;
 const commonButtonProps = {
     kind: "secondary",
-    size: "xsmall",
+    size: "small",
+    shape: "pill",
     overrides: {
         BaseButton: {
             style: {
@@ -21,28 +23,27 @@ const commonButtonProps = {
     },
 };
 export default function AccountAddressActions(props) {
-    const { address } = props;
+    const { overrides, ...restProps } = props;
     const [, theme] = useStyletron();
     const { environment } = usePassportContext();
-    const blockExplorerUrl = getAddressExplorerUrl(address, "mezo", environment === "testnet");
     const setDropdownView = useDropdownStore((state) => state.setView);
-    const handleReceiveClick = useCallback(() => {
-        setDropdownView(DropdownView.RECEIVE);
-    }, [setDropdownView]);
-    return (React.createElement(Block, { display: "flex", alignItems: "center", backgroundColor: "transparent", marginBottom: theme.sizing.scale600, overrides: {
+    const handleReceiveClick = () => setDropdownView(DropdownView.RECEIVE);
+    const { data: walletAccountData } = useWalletAccount();
+    const blockExplorerUrl = getAddressExplorerUrl(walletAccountData.accountAddress, "mezo", environment === "testnet");
+    return (React.createElement(Block, { display: "flex", alignItems: "center", backgroundColor: "transparent", padding: `0 ${theme.sizing.scale600} ${theme.sizing.scale800}`, overrides: mergeOverrides({
             Block: {
                 style: {
                     gap: theme.sizing.scale600,
                 },
             },
-        } },
-        React.createElement(Button, { startEnhancer: React.createElement(Cube01, { size: buttonStartEnhancerSize }), "$as": "a", href: blockExplorerUrl, target: "_blank", ...commonButtonProps }, "View Mezo Explorer"),
+        }, overrides), ...restProps },
         React.createElement(Button, { onClick: handleReceiveClick, startEnhancer: React.createElement(ArrowNarrowLeft, { size: buttonStartEnhancerSize, overrides: {
                     Svg: {
                         style: {
                             transform: "rotate(-45deg)",
                         },
                     },
-                } }), ...commonButtonProps }, "Receive")));
+                } }), ...commonButtonProps }, "Receive"),
+        React.createElement(Button, { "$as": "a", href: blockExplorerUrl, target: "_blank", ...commonButtonProps }, "Block Explorer")));
 }
 //# sourceMappingURL=AccountAddressActions.js.map

package/dist/src/components/Dropdown/Root/AccountAddressActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountAddressActions.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountAddressActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,EACL,MAAM,EAEN,MAAM,EACN,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAM9E,MAAM,uBAAuB,GAAG,EAAE,CAAA;AAElC,MAAM,iBAAiB,GAAyB;IAC9C,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;aACR;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc;aACvB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAiC;IAEjC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,OAAO,EACP,MAAM,EACN,WAAW,KAAK,SAAS,CAC1B,CAAA;IAED,MAAM,eAAe,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAElE,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,eAAe,EAAC,aAAa,EAC7B,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC3B;aACF;SACF;QAED,oBAAC,MAAM,IACL,aAAa,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,uBAAuB,GAAI,SACpD,GAAG,EACP,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAC,QAAQ,KACX,iBAAiB,yBAGd;QAET,oBAAC,MAAM,IACL,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EACX,oBAAC,eAAe,IACd,IAAI,EAAE,uBAAuB,EAC7B,SAAS,EAAE;oBACT,GAAG,EAAE;wBACH,KAAK,EAAE;4BACL,SAAS,EAAE,gBAAgB;yBAC5B;qBACF;iBACF,GACD,KAEA,iBAAiB,cAGd,CACH,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"AccountAddressActions.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountAddressActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,EAEL,MAAM,EAEN,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC9E,OAAO,gBAAgB,MAAM,iCAAiC,CAAA;AAE9D,MAAM,uBAAuB,GAAG,EAAE,CAAA;AAElC,MAAM,iBAAiB,GAAyB;IAC9C,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE;QACT,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;aACR;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc;aACvB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAiB;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAEzC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,eAAe,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAClE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAEtE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEtD,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,iBAAiB,CAAC,cAAe,EACjC,MAAM,EACN,WAAW,KAAK,SAAS,CAC1B,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,eAAe,EAAC,aAAa,EAC7B,OAAO,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC9D,SAAS,EAAE,cAAc,CACvB;YACE,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC3B;aACF;SACF,EACD,SAAS,CACV,KACG,SAAS;QAEb,oBAAC,MAAM,IACL,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EACX,oBAAC,eAAe,IACd,IAAI,EAAE,uBAAuB,EAC7B,SAAS,EAAE;oBACT,GAAG,EAAE;wBACH,KAAK,EAAE;4BACL,SAAS,EAAE,gBAAgB;yBAC5B;qBACF;iBACF,GACD,KAEA,iBAAiB,cAGd;QAET,oBAAC,MAAM,WACD,GAAG,EACP,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAC,QAAQ,KACX,iBAAiB,qBAGd,CACH,CACT,CAAA;AACH,CAAC"}

package/dist/src/components/Dropdown/Root/AccountBalance.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
-type AccountBalanceProps = {
-    totalBalance: string;
-    totalDebt: string;
-};
+import { BlockProps } from "@mezo-org/mezo-clay";
+type AccountBalanceProps = Omit<BlockProps, "children">;
 export default function AccountBalance(props: AccountBalanceProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=AccountBalance.d.ts.map

package/dist/src/components/Dropdown/Root/AccountBalance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountBalance.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountBalance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAoBhE"}
+{"version":3,"file":"AccountBalance.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountBalance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAgB,MAAM,qBAAqB,CAAA;AAS9D,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;AAEvD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuDhE"}