@mezo-org/passport 0.4.0-dev.6 → 0.4.0-dev.7

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

@@ -2,6 +2,7 @@ import React from "react";
 import { DropdownData } from "../../hooks/useDropdownData";
 type DropdownContentProps = {
     data: DropdownData;
+    onSignOut?: () => void;
 };
 export default function DropdownContent(props: DropdownContentProps): React.JSX.Element;
 export {};

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":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AA0B1D,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAoGlE"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AA0B1D,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAyGlE"}

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

@@ -19,15 +19,19 @@ function MatsnetLabel() {
         "Matsnet Assets"));
 }
 export default function DropdownContent(props) {
-    const { data } = props;
+    const { data, onSignOut } = props;
     const [, theme] = useStyletron();
     const { mezoId, address, walletType, totalBalanceInUsd, formattedNativeAssets, matsnet, } = data;
     const { disconnect } = useDisconnect();
     const { signOut } = useSignOut();
     const handleLogOut = useCallback(() => {
+        if (onSignOut) {
+            onSignOut();
+            return;
+        }
         signOut();
         disconnect();
-    }, [signOut, disconnect]);
+    }, [signOut, disconnect, onSignOut]);
     return (React.createElement(Block, { display: "inline-flex", flexDirection: "column", backgroundColor: theme.colors.backgroundPrimary, padding: theme.sizing.scale500, width: "100%", overrides: {
             Block: {
                 style: {

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

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

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

@@ -2,8 +2,10 @@ import { StatefulPopoverProps } from "@mezo-org/mezo-clay";
 import React from "react";
 import { DropdownCryptoAsset } from "../../hooks/useDropdownData";
 export type DropdownProps = {
-    /** The callback to be called when the user clicks on the button in sign-in state */
-    onSignInClick?: () => void;
+    /** The callback to be called when the user clicks the sign-out button */
+    onSignOut?: () => void;
+    /** The callback to be called when the user clicks the button in sign-in state */
+    onSignIn?: () => void;
     /** The set of EVM native assets to be displayed in the dropdown */
     evmNativeAssets?: DropdownCryptoAsset<"tbtc" | "wbtc">[];
     /** The set of Matsnet assets to be displayed in the dropdown */

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,EAEL,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAwB,EACtB,mBAAmB,EACpB,MAAM,6BAA6B,CAAA;AAMpC,MAAM,MAAM,aAAa,GAAG;IAC1B,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mEAAmE;IACnE,eAAe,CAAC,EAAE,mBAAmB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxD,gEAAgE;IAChE,aAAa,CAAC,EAAE,mBAAmB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACvD,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEtD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAkD5C"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAwB,EACtB,mBAAmB,EACpB,MAAM,6BAA6B,CAAA;AAMpC,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mEAAmE;IACnE,eAAe,CAAC,EAAE,mBAAmB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxD,gEAAgE;IAChE,aAAa,CAAC,EAAE,mBAAmB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACvD,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEtD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAuD5C"}

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

@@ -13,7 +13,7 @@ import DisconnectedTrigger from "./DisconnectedTrigger";
  * @returns {JSX.Element}
  */
 export function Dropdown(props) {
-    const { placement = "bottomRight", animateOutTime = 120, onSignInClick, evmNativeAssets, matsnetAssets, ...restProps } = props;
+    const { placement = "bottomRight", animateOutTime = 120, onSignIn, onSignOut, evmNativeAssets, matsnetAssets, overrides, ...restProps } = props;
     const [, theme] = useStyletron();
     const dropdownData = useDropdownData({ evmNativeAssets, matsnetAssets });
     const { openConnectModal } = useConnectModal();
@@ -25,15 +25,18 @@ export function Dropdown(props) {
         , { 
             // If connect wallet flow is not provided it fallbacks to RainbowKit's
             // connect modal
-            onClick: onSignInClick || openConnectModal }, "Sign in"));
+            onClick: onSignIn || openConnectModal }, "Sign in"));
     }
-    return (React.createElement(StatefulPopover, { content: React.createElement(Content, { data: dropdownData }), placement: placement, animateOutTime: animateOutTime, overrides: {
+    return (React.createElement(StatefulPopover, { content: React.createElement(Content, { data: dropdownData, onSignOut: onSignOut }), placement: placement, animateOutTime: animateOutTime, overrides: {
+            ...overrides,
             Body: {
+                ...overrides?.Body,
                 style: {
                     minWidth: "378px",
                     borderRadius: theme.borders.radius500,
                     boxShadow: theme.lighting.shadow500,
                     overflow: "hidden",
+                    ...overrides?.Body?.style,
                 },
             },
         }, ...restProps },

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,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,eAEN,MAAM,6BAA6B,CAAA;AACpC,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAWvD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EACJ,SAAS,GAAG,aAAa,EACzB,cAAc,GAAG,GAAG,EACpB,aAAa,EACb,eAAe,EACf,aAAa,EACb,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IAExE,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9C,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE1C,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,OAAO,CACL,oBAAC,mBAAmB;QAClB,sEAAsE;QACtE,gBAAgB;;YADhB,sEAAsE;YACtE,gBAAgB;YAChB,OAAO,EAAE,aAAa,IAAI,gBAAgB,cAGtB,CACvB,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,OAAO,EAAE,oBAAC,OAAO,IAAC,IAAI,EAAE,YAAY,GAAI,EACxC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;oBACjB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS;oBACrC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS;oBACnC,QAAQ,EAAE,QAAQ;iBACnB;aACF;SACF,KACG,SAAS;QAEb,oBAAC,gBAAgB,IAAC,MAAM,EAAE,oBAAC,aAAa,OAAG,GAAI,CAC/B,CACnB,CAAA;AACH,CAAC"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,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,eAEN,MAAM,6BAA6B,CAAA;AACpC,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAavD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EACJ,SAAS,GAAG,aAAa,EACzB,cAAc,GAAG,GAAG,EACpB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IAExE,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9C,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE1C,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,OAAO,CACL,oBAAC,mBAAmB;QAClB,sEAAsE;QACtE,gBAAgB;;YADhB,sEAAsE;YACtE,gBAAgB;YAChB,OAAO,EAAE,QAAQ,IAAI,gBAAgB,cAGjB,CACvB,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,OAAO,EAAE,oBAAC,OAAO,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,EAC9D,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,QAAQ,EAAE,OAAO;oBACjB,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,IAAC,MAAM,EAAE,oBAAC,aAAa,OAAG,GAAI,CAC/B,CACnB,CAAA;AACH,CAAC"}

package/dist/src/utils/cryptoAssets.js

@@ -41,7 +41,7 @@ const CRYPTO_ASSETS = {
     },
     musd: {
         name: "Mezo USD",
-        symbol: "mUSD",
+        symbol: "MUSD",
         icon: MUsdCircle,
         decimals: 18,
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezo-org/passport",
-  "version": "0.4.0-dev.6",
+  "version": "0.4.0-dev.7",
   "main": "dist/src/index.js",
   "license": "GPL-3.0-only",
   "scripts": {
@@ -52,4 +52,4 @@
     "viem": "2.22.8",
     "wagmi": "2.5.12"
   }
-}
+}

package/src/components/Dropdown/Content.tsx

@@ -37,10 +37,11 @@ function MatsnetLabel() {
 
 type DropdownContentProps = {
   data: DropdownData
+  onSignOut?: () => void
 }
 
 export default function DropdownContent(props: DropdownContentProps) {
-  const { data } = props
+  const { data, onSignOut } = props
 
   const [, theme] = useStyletron()
 
@@ -57,9 +58,14 @@ export default function DropdownContent(props: DropdownContentProps) {
   const { signOut } = useSignOut()
 
   const handleLogOut = useCallback(() => {
+    if (onSignOut) {
+      onSignOut()
+      return
+    }
+
     signOut()
     disconnect()
-  }, [signOut, disconnect])
+  }, [signOut, disconnect, onSignOut])
 
   return (
     <Block

package/src/components/Dropdown/Dropdown.tsx

@@ -15,8 +15,10 @@ import Content from "./Content"
 import DisconnectedTrigger from "./DisconnectedTrigger"
 
 export type DropdownProps = {
-  /** The callback to be called when the user clicks on the button in sign-in state */
-  onSignInClick?: () => void
+  /** The callback to be called when the user clicks the sign-out button */
+  onSignOut?: () => void
+  /** The callback to be called when the user clicks the button in sign-in state */
+  onSignIn?: () => void
   /** The set of EVM native assets to be displayed in the dropdown */
   evmNativeAssets?: DropdownCryptoAsset<"tbtc" | "wbtc">[]
   /** The set of Matsnet assets to be displayed in the dropdown */
@@ -32,9 +34,11 @@ export function Dropdown(props: DropdownProps) {
   const {
     placement = "bottomRight",
     animateOutTime = 120,
-    onSignInClick,
+    onSignIn,
+    onSignOut,
     evmNativeAssets,
     matsnetAssets,
+    overrides,
     ...restProps
   } = props
 
@@ -51,7 +55,7 @@ export function Dropdown(props: DropdownProps) {
       <DisconnectedTrigger
         // If connect wallet flow is not provided it fallbacks to RainbowKit's
         // connect modal
-        onClick={onSignInClick || openConnectModal}
+        onClick={onSignIn || openConnectModal}
       >
         Sign in
       </DisconnectedTrigger>
@@ -60,16 +64,19 @@ export function Dropdown(props: DropdownProps) {
 
   return (
     <StatefulPopover
-      content={<Content data={dropdownData} />}
+      content={<Content data={dropdownData} onSignOut={onSignOut} />}
       placement={placement}
       animateOutTime={animateOutTime}
       overrides={{
+        ...overrides,
         Body: {
+          ...overrides?.Body,
           style: {
             minWidth: "378px",
             borderRadius: theme.borders.radius500,
             boxShadow: theme.lighting.shadow500,
             overflow: "hidden",
+            ...overrides?.Body?.style,
           },
         },
       }}

package/src/components/Dropdown/README.md

@@ -5,10 +5,13 @@ component. It allows to establish the session and interact with the API.
 
 ## Props
 
-- `onSignInClick` (`() => void`) - The callback to be exected on trigger click
-  when the state is disconnected, it's optional since by default it triggers the
-  [Rainbow Kit's wallet connection modal](https://www.rainbowkit.com/docs/modal-hooks) -
+- `onSignIn` (`() => void`) - The callback to be executed on trigger click when
+  the state is disconnected, it's optional since by default it triggers the
+  [Rainbow Kit's wallet connection modal](https://www.rainbowkit.com/docs/modal-hooks). -
   **optional**
+- `onSignOut` (`() => void`) - The callback to be executed on click of the
+  **Sign out** button, it's optional since by default it disconnects the current
+  wallet connector and closes the Passport session. - **optional**
 - `evmNativeAssets` (`Asset<"tbtc" | "wbtc">[]`) - Array of Matsnet assets. -
   **optional**
 - `matsnetAssets` (`Asset<"mbtc" | "musd">[]`) - Array of Matsnet assets. -

package/src/utils/cryptoAssets.ts

@@ -59,7 +59,7 @@ const CRYPTO_ASSETS: Record<CryptoAssetKey, CryptoAsset> = {
   },
   musd: {
     name: "Mezo USD",
-    symbol: "mUSD",
+    symbol: "MUSD",
     icon: MUsdCircle,
     decimals: 18,
   },