@mezo-org/passport 0.16.0-dev.3 → 0.16.1

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

@@ -0,0 +1,4 @@
+import React from "react";
+declare function Settings(): React.JSX.Element;
+export default Settings;
+//# sourceMappingURL=Settings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Settings/Settings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,iBAAS,QAAQ,sBA6EhB;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,36 @@
+import { Block, ParagraphSmall, Link, useStyletron } from "@mezo-org/mezo-clay";
+import React, { useCallback } from "react";
+import NestedViewLayout from "../NestedViewLayout";
+import InlineEditField from "./InlineEditField";
+import { useGetCurrentAccount, useUpdateUserProfile } from "../../../hooks";
+import { validateEmail, validateTelegram } from "../../../utils/validation";
+function Settings() {
+    const [, theme] = useStyletron();
+    const { data: account, isPending: isCurrentAccountPending } = useGetCurrentAccount();
+    const { updateProfileAsync } = useUpdateUserProfile();
+    const handleSaveEmail = useCallback(async (value) => {
+        await updateProfileAsync({ email: value || "" });
+    }, [updateProfileAsync]);
+    const handleSaveTelegram = useCallback(async (value) => {
+        const handle = value.startsWith("@") ? value.slice(1) : value;
+        await updateProfileAsync({ telegram: handle || "" });
+    }, [updateProfileAsync]);
+    return (React.createElement(NestedViewLayout, null,
+        React.createElement(ParagraphSmall, { marginTop: 0, marginBottom: theme.sizing.scale800, color: theme.colors.contentSecondary }, "Update your contact information to stay connected."),
+        React.createElement(Block, { display: "flex", flexDirection: "column", overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale600,
+                    },
+                },
+            } },
+            React.createElement(InlineEditField, { label: "Email", value: account?.email || "", placeholder: "Enter your email", onSave: handleSaveEmail, validate: validateEmail, isLoading: isCurrentAccountPending }),
+            React.createElement(InlineEditField, { label: "Telegram", value: account?.telegram || "", placeholder: "Enter your Telegram handle", onSave: handleSaveTelegram, validate: validateTelegram, isLoading: isCurrentAccountPending })),
+        React.createElement(ParagraphSmall, { marginTop: theme.sizing.scale800, marginBottom: 0, color: theme.colors.contentTertiary },
+            "By providing your contact information, you agree to receive service notifications and occasional promotional messages. Promotional messages will always include an opt out link. The Privacy Policy is available",
+            " ",
+            React.createElement(Link, { href: "https://mezo.org/privacy", target: "_blank" }, "here"),
+            ".")));
+}
+export default Settings;
+//# sourceMappingURL=Settings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Settings/Settings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC/E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE3E,SAAS,QAAQ;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,GACzD,oBAAoB,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAErD,MAAM,eAAe,GAAG,WAAW,CACjC,KAAK,EAAE,KAAa,EAAE,EAAE;QACtB,MAAM,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,CAAC,CAAA;IAClD,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW,CACpC,KAAK,EAAE,KAAa,EAAE,EAAE;QACtB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAC7D,MAAM,kBAAkB,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE,EAAE,CAAC,CAAA;IACtD,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB;QACf,oBAAC,cAAc,IACb,SAAS,EAAE,CAAC,EACZ,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,yDAGrB;QAEjB,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;qBAC3B;iBACF;aACF;YAED,oBAAC,eAAe,IACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EAC3B,WAAW,EAAC,kBAAkB,EAC9B,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,uBAAuB,GAClC;YAEF,oBAAC,eAAe,IACd,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAC9B,WAAW,EAAC,4BAA4B,EACxC,MAAM,EAAE,kBAAkB,EAC1B,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,EAAE,uBAAuB,GAClC,CACI;QAER,oBAAC,cAAc,IACb,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAChC,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;;YAIkC,GAAG;YACxE,oBAAC,IAAI,IAAC,IAAI,EAAC,0BAA0B,EAAC,MAAM,EAAC,QAAQ,WAE9C;gBAEQ,CACA,CACpB,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,19 @@
+import React from "react";
+type SlotNumberProps = {
+    className?: string;
+    children: number;
+    formatFunction?: (value: number) => string;
+};
+/**
+ * SlotNumber component displays a number with animated digits.
+ *
+ * @typedef {object} SlotNumberProps
+ * @property {number} children - The number to display.
+ * @property {function} [formatFunction] - Optional function to format the number.
+ * @property {BlockProps} [restProps] - Additional properties for the Block component.
+ * @see https://pyszkowski.dev/writings/slot-number
+ * @returns {JSX.Element} The rendered SlotNumber component.
+ */
+declare function SlotNumber(props: SlotNumberProps): React.JSX.Element;
+export default SlotNumber;
+//# sourceMappingURL=SlotNumber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlotNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/SlotNumber.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC3C,CAAA;AAoED;;;;;;;;;GASG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAyCzC;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,67 @@
+/* eslint-disable react/no-array-index-key */
+import React, { useMemo } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { Block, useStyletron } from "@mezo-org/mezo-clay";
+function SlotNumberDigit(props) {
+    const { children: value, ...restProps } = props;
+    const [css] = useStyletron();
+    const digits = [...Array(10).keys()];
+    return (React.createElement(AnimatePresence, { initial: false },
+        React.createElement(motion.div, { initial: {
+                y: "100%",
+            }, animate: {
+                y: "0%",
+            }, layout: "position", className: css({
+                position: "relative",
+            }), ...restProps },
+            React.createElement(Block, { overrides: {
+                    Block: {
+                        style: {
+                            visibility: "hidden",
+                        },
+                    },
+                } }, value),
+            React.createElement(motion.div, { className: css({
+                    display: "flex",
+                    flexDirection: "column",
+                    position: "absolute",
+                    inset: 0,
+                    height: "fit-content",
+                }), initial: false, animate: { y: `${(value / 10) * -100}%` }, transition: {
+                    type: "spring",
+                    damping: 16,
+                    stiffness: 220,
+                } }, digits.map((digit) => (React.createElement(Block, { as: "span", key: digit }, digit)))))));
+}
+/**
+ * SlotNumber component displays a number with animated digits.
+ *
+ * @typedef {object} SlotNumberProps
+ * @property {number} children - The number to display.
+ * @property {function} [formatFunction] - Optional function to format the number.
+ * @property {BlockProps} [restProps] - Additional properties for the Block component.
+ * @see https://pyszkowski.dev/writings/slot-number
+ * @returns {JSX.Element} The rendered SlotNumber component.
+ */
+function SlotNumber(props) {
+    const { children: value, formatFunction, ...restProps } = props;
+    const [css] = useStyletron();
+    const characters = useMemo(() => {
+        const formattedValue = formatFunction
+            ? formatFunction(value)
+            : value.toString();
+        return formattedValue
+            .split("")
+            .map((character) => (/^[0-9]$/.test(character) ? +character : character))
+            .reverse();
+    }, [formatFunction, value]);
+    return (React.createElement(motion.div, { layout: true, className: css({
+            display: "inline-flex",
+            flexDirection: "row-reverse",
+            justifyContent: "flex-end",
+            overflow: "hidden",
+            userSelect: "none",
+        }), ...restProps }, characters.map((character, index) => typeof character === "number" ? (React.createElement(SlotNumberDigit, { key: `slot-number-character-${index}` }, character)) : (React.createElement(motion.span, { layout: true, key: `slot-number-character-${index}` }, character)))));
+}
+export default SlotNumber;
+//# sourceMappingURL=SlotNumber.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+export default function TestnetTopBanner(): React.JSX.Element | null;
+//# sourceMappingURL=TestnetTopBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestnetTopBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/TestnetTopBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,CAAC,OAAO,UAAU,gBAAgB,6BAsBvC"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Block, InfoCircle, LabelSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import { usePassportContext } from "../../hooks/usePassportContext";
+export default function TestnetTopBanner() {
+    const [, theme] = useStyletron();
+    const { environment } = usePassportContext();
+    if (environment !== "testnet") {
+        return null;
+    }
+    return (React.createElement(Block, { display: "flex", alignItems: "center", padding: `${theme.sizing.scale700} ${theme.sizing.scale600}`, backgroundColor: theme.colors.warning },
+        React.createElement(InfoCircle, { size: theme.sizing.scale550 }),
+        React.createElement(LabelSmall, { marginLeft: theme.sizing.scale500 }, "You are using testnet funds.")));
+}
+//# sourceMappingURL=TestnetTopBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestnetTopBanner.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/TestnetTopBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAEnE,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE5C,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC5D,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QAErC,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI;QAC3C,oBAAC,UAAU,IAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,mCAEhC,CACP,CACT,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Dropdown } from "./Dropdown";
+export type { DropdownProps } from "./Dropdown";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,2 @@
+export { Dropdown } from "./Dropdown";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,2 @@
+export { Dropdown, DropdownProps } from "./Dropdown";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/src/components/index.js

@@ -0,0 +1,2 @@
+export { Dropdown } from "./Dropdown";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA"}

package/dist/src/hooks/useAuthenticateWithWallet.d.ts

@@ -15,11 +15,11 @@ declare function useAuthenticateWithWallet(shouldCreateAccount?: boolean, mutati
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: undefined;
-    variables: number | void;
+    variables: number | void | undefined;
     error: null;
     isError: false;
     isIdle: false;
@@ -32,12 +32,12 @@ declare function useAuthenticateWithWallet(shouldCreateAccount?: boolean, mutati
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: undefined;
     error: Error;
-    variables: number | void;
+    variables: number | void | undefined;
     isError: true;
     isIdle: false;
     isPending: false;
@@ -49,12 +49,12 @@ declare function useAuthenticateWithWallet(shouldCreateAccount?: boolean, mutati
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: Session;
     error: null;
-    variables: number | void;
+    variables: number | void | undefined;
     isError: false;
     isIdle: false;
     isPending: false;
@@ -66,8 +66,8 @@ declare function useAuthenticateWithWallet(shouldCreateAccount?: boolean, mutati
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    authenticateWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    authenticateWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 };
 export { useAuthenticateWithWallet };
 //# sourceMappingURL=useAuthenticateWithWallet.d.ts.map

package/dist/src/hooks/useSignInWithWallet.d.ts

@@ -15,11 +15,11 @@ declare function useSignInWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: undefined;
-    variables: number | void;
+    variables: number | void | undefined;
     error: null;
     isError: false;
     isIdle: false;
@@ -32,12 +32,12 @@ declare function useSignInWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: undefined;
     error: Error;
-    variables: number | void;
+    variables: number | void | undefined;
     isError: true;
     isIdle: false;
     isPending: false;
@@ -49,12 +49,12 @@ declare function useSignInWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: Session;
     error: null;
-    variables: number | void;
+    variables: number | void | undefined;
     isError: false;
     isIdle: false;
     isPending: false;
@@ -66,8 +66,8 @@ declare function useSignInWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signInWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signInWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 };
 export { useSignInWithWallet };
 //# sourceMappingURL=useSignInWithWallet.d.ts.map

package/dist/src/hooks/useSignUpWithWallet.d.ts

@@ -15,11 +15,11 @@ declare function useSignUpWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: undefined;
-    variables: number | void;
+    variables: number | void | undefined;
     error: null;
     isError: false;
     isIdle: false;
@@ -32,12 +32,12 @@ declare function useSignUpWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: undefined;
     error: Error;
-    variables: number | void;
+    variables: number | void | undefined;
     isError: true;
     isIdle: false;
     isPending: false;
@@ -49,12 +49,12 @@ declare function useSignUpWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 } | {
     data: Session;
     error: null;
-    variables: number | void;
+    variables: number | void | undefined;
     isError: false;
     isIdle: false;
     isPending: false;
@@ -66,8 +66,8 @@ declare function useSignUpWithWallet(mutationOptions?: Omit<MutationOptions<Sess
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void, unknown>;
-    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void, unknown>;
+    signUpWithWallet: import("@tanstack/react-query").UseMutateFunction<Session, Error, number | void | undefined, unknown>;
+    signUpWithWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Session, Error, number | void | undefined, unknown>;
 };
 export { useSignUpWithWallet };
 //# sourceMappingURL=useSignUpWithWallet.d.ts.map

package/dist/src/hooks/useWalletAccount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWalletAccount.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWalletAccount.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAC9B,OAAO,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAExD,KAAK,sBAAsB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;IACpE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,SAAS,GAAG,KAAK,CAAA;CACjC,CAAA;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CAkDzD"}
+{"version":3,"file":"useWalletAccount.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWalletAccount.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAC9B,OAAO,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAExD,KAAK,sBAAsB,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;IACpE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,SAAS,GAAG,KAAK,CAAA;CACjC,CAAA;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CA6CzD"}

package/dist/src/hooks/useWalletAccount.js

@@ -2,9 +2,9 @@ import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { useAccount } from "wagmi";
 export function useWalletAccount() {
-    const { address: evmAddress, connector, chainId, isConnected, isConnecting, ...rest } = useAccount();
+    const { address: evmAddress, connector, chainId, isConnected, ...rest } = useAccount();
     const networkFamily = useMemo(() => (connector?.type !== "orangekit" ? "evm" : "bitcoin"), [connector]);
-    const { data: btcData, isPending: isPendingBtcData } = useQuery({
+    const { data: btcData } = useQuery({
         queryKey: [connector?.id],
         queryFn: async () => {
             const bitcoinProvider = connector.getBitcoinProvider();
@@ -23,9 +23,6 @@ export function useWalletAccount() {
         walletAddress: btcAddress ?? evmAddress,
         isConnected: isConnected &&
             (networkFamily === "bitcoin" ? !!btcAddress : !!evmAddress),
-        isConnecting: networkFamily === "bitcoin"
-            ? isConnecting && isPendingBtcData
-            : isConnecting,
         networkFamily,
         connector,
         chainId,

package/dist/src/hooks/useWalletAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWalletAccount.js","sourceRoot":"","sources":["../../../src/hooks/useWalletAccount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAwB,MAAM,OAAO,CAAA;AAQxD,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EACJ,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,UAAU,EAAE,CAAA;IAEhB,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAC3D,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,QAAQ,CAAC;QAC9D,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;QACzB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,eAAe,GACnB,SACD,CAAC,kBAAkB,EAAE,CAAA;YAEtB,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,UAAU,EAAE,CAAA;YAClD,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,UAAU,EAAE,CAAA;YAElD,OAAO;gBACL,OAAO;gBACP,OAAO;aACR,CAAA;QACH,CAAC;QACD,OAAO,EAAE,aAAa,KAAK,SAAS,IAAI,CAAC,CAAC,SAAS;KACpD,CAAC,CAAA;IAEF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;IAE7C,OAAO;QACL,cAAc,EAAE,UAAU;QAC1B,aAAa,EAAE,UAAU,IAAI,UAAU;QACvC,WAAW,EACT,WAAW;YACX,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAC7D,YAAY,EACV,aAAa,KAAK,SAAS;YACzB,CAAC,CAAC,YAAY,IAAI,gBAAgB;YAClC,CAAC,CAAC,YAAY;QAClB,aAAa;QACb,SAAS;QACT,OAAO;QACP,GAAG,IAAI;KACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"useWalletAccount.js","sourceRoot":"","sources":["../../../src/hooks/useWalletAccount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAwB,MAAM,OAAO,CAAA;AAQxD,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EACJ,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,WAAW,EACX,GAAG,IAAI,EACR,GAAG,UAAU,EAAE,CAAA;IAEhB,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAC3D,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QACjC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;QACzB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,eAAe,GACnB,SACD,CAAC,kBAAkB,EAAE,CAAA;YAEtB,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,UAAU,EAAE,CAAA;YAClD,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,UAAU,EAAE,CAAA;YAElD,OAAO;gBACL,OAAO;gBACP,OAAO;aACR,CAAA;QACH,CAAC;QACD,OAAO,EAAE,aAAa,KAAK,SAAS,IAAI,CAAC,CAAC,SAAS;KACpD,CAAC,CAAA;IAEF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;IAE7C,OAAO;QACL,cAAc,EAAE,UAAU;QAC1B,aAAa,EAAE,UAAU,IAAI,UAAU;QACvC,WAAW,EACT,WAAW;YACX,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAC7D,aAAa;QACb,SAAS;QACT,OAAO;QACP,GAAG,IAAI;KACR,CAAA;AACH,CAAC"}

package/dist/src/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components";
 export { unisatWalletMezoMainnet, unisatWalletMezoTestnet, okxWalletMezoMainnet, okxWalletMezoTestnet, xverseWalletMezoMainnet, xverseWalletMezoTestnet, getDefaultWallets, getConfig, } from "./config";
 export * from "./constants";
 export * from "./hooks";

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,GACV,MAAM,UAAU,CAAA;AACjB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,GACV,MAAM,UAAU,CAAA;AACjB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/src/index.js

@@ -1,3 +1,4 @@
+export * from "./components";
 export { unisatWalletMezoMainnet, unisatWalletMezoTestnet, okxWalletMezoMainnet, okxWalletMezoTestnet, xverseWalletMezoMainnet, xverseWalletMezoTestnet, getDefaultWallets, getConfig, } from "./config";
 export * from "./constants";
 export * from "./hooks";

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,GACV,MAAM,UAAU,CAAA;AACjB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,GACV,MAAM,UAAU,CAAA;AACjB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezo-org/passport",
-  "version": "0.16.0-dev.3",
+  "version": "0.16.1",
   "main": "dist/src/index.js",
   "license": "GPL-3.0-only",
   "scripts": {
@@ -37,6 +37,7 @@
     "typescript": "^5.8.2"
   },
   "dependencies": {
+    "@mezo-org/mezo-clay": "0.1.0-dev.37",
     "@mezo-org/mezod-contracts": "^1.0.0",
     "@mezo-org/musd-contracts": "^1.0.1",
     "@mezo-org/orangekit": "1.0.0-beta.40",

package/src/assets/DefaultAvatar.tsx

@@ -0,0 +1,74 @@
+import { Block, BlockProps } from "@mezo-org/mezo-clay"
+import React, { SVGProps } from "react"
+
+function DefaultAvatar(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 214 214" fill="none" {...props}>
+      <rect y="-0.478027" width="166.379" height="81.7091" fill="#FF004D" />
+      <rect x="166" y="-0.478027" width="48" height="82" fill="black" />
+      <rect
+        x="166.379"
+        y="81.231"
+        width="24.1044"
+        height="132.291"
+        fill="#DFFF80"
+      />
+      <rect
+        x="118.758"
+        y="81.231"
+        width="24.1044"
+        height="132.291"
+        fill="#FF5500"
+      />
+      <rect
+        x="71.1372"
+        y="81.231"
+        width="24.1044"
+        height="132.291"
+        fill="#5A59A7"
+      />
+      <rect
+        x="23.5166"
+        y="81.231"
+        width="24.1044"
+        height="132.291"
+        fill="#47B5FF"
+      />
+      <rect y="81.231" width="23.5165" height="132.291" fill="#A3C238" />
+      <rect
+        x="190.483"
+        y="81.231"
+        width="23.5165"
+        height="132.291"
+        fill="#6E6E70"
+      />
+      <rect
+        x="142.863"
+        y="81.231"
+        width="23.5165"
+        height="132.291"
+        fill="#0A3C01"
+      />
+      <rect
+        x="95.2417"
+        y="81.231"
+        width="23.5165"
+        height="132.291"
+        fill="#F2A91F"
+      />
+      <rect
+        x="47.6211"
+        y="81.231"
+        width="23.5165"
+        height="132.291"
+        fill="#6B3D01"
+      />
+    </svg>
+  )
+}
+
+function DefaultAvatarComponent(props: BlockProps) {
+  return <Block as={DefaultAvatar} {...props} />
+}
+
+export default DefaultAvatarComponent

package/src/assets/EditIcon.tsx

@@ -0,0 +1,33 @@
+import { Icon, IconProps } from "@mezo-org/mezo-clay"
+import React, { forwardRef, Ref } from "react"
+
+function EditIcon(props: IconProps, ref: Ref<SVGSVGElement>) {
+  const { title, size = 16, color = "black", ...restProps } = props
+
+  return (
+    <Icon
+      ref={ref}
+      viewBox="0 0 24 24"
+      title={title ?? "Edit"}
+      size={size}
+      color={color}
+      role="graphics-symbol"
+      {...restProps}
+    >
+      <path
+        d="M18 10L21 7L17 3L14 6M18 10L8 20H4V16L14 6M18 10L14 6"
+        stroke={color}
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+    </Icon>
+  )
+}
+
+const ForwardedEditIcon: React.ForwardRefExoticComponent<
+  IconProps & React.RefAttributes<SVGSVGElement>
+> = forwardRef<SVGSVGElement, IconProps>(EditIcon)
+
+export default ForwardedEditIcon