@fairmint/ui 0.2.14 → 0.2.15

package/dist/components/specific/WalletList/WalletList.d.ts

@@ -6,6 +6,8 @@ export interface Wallet {
     type: string;
     /** Optional display label. */
     label?: string | null;
+    /** Whether this is the default equity recipient wallet. */
+    defaultRecipient?: boolean;
 }
 export interface WalletListProps {
     /** Wallets to display. */
@@ -14,12 +16,30 @@ export interface WalletListProps {
     onAdd?: (address: string) => void | Promise<void>;
     /** Called when user confirms removal of a wallet address. */
     onRemove?: (address: string) => void | Promise<void>;
-    /** Whether add/remove actions are disabled (e.g. admin viewing another user). */
+    /** Called when user sets a wallet as default recipient. */
+    onSetDefault?: (address: string) => void | Promise<void>;
+    /** Called when user saves a label for a wallet. Null clears the label. May reject — label error is displayed inline. */
+    onLabel?: (address: string, label: string | null) => void | Promise<void>;
+    /** Called when user clicks the connect wallet button (Privy linking). */
+    onConnect?: () => void;
+    /** Returns a block explorer URL for a wallet address. If omitted, explorer link is hidden. */
+    getExplorerUrl?: (address: string) => string;
+    /** Whether add/remove/edit actions are disabled (e.g. admin viewing another user). */
     readOnly?: boolean;
     /** Whether an add operation is in progress. */
     addLoading?: boolean;
     /** Whether a remove operation is in progress. */
     removeLoading?: boolean;
+    /** Whether a set-default operation is in progress. */
+    setDefaultLoading?: boolean;
+    /** Address of the wallet currently being set as default (for per-row loading). */
+    setDefaultAddress?: string;
+    /** Whether a label operation is in progress. */
+    labelLoading?: boolean;
+    /** Address of the wallet currently being labeled (for per-row loading). */
+    labelAddress?: string;
+    /** Whether the connect wallet operation is in progress. */
+    connectLoading?: boolean;
     /** Icon for the empty state. Passed as ReactNode. */
     emptyIcon?: ReactNode;
     /** Icon for the copy button. Passed as ReactNode. */
@@ -30,16 +50,26 @@ export interface WalletListProps {
     removeIcon?: ReactNode;
     /** Icon for the add button. Passed as ReactNode. */
     addIcon?: ReactNode;
+    /** Icon for the set-default button. Passed as ReactNode. */
+    defaultIcon?: ReactNode;
+    /** Icon for the rename button. Passed as ReactNode. */
+    renameIcon?: ReactNode;
+    /** Icon for the block explorer link. Passed as ReactNode. */
+    explorerIcon?: ReactNode;
+    /** Icon for the connect wallet button. Passed as ReactNode. */
+    connectIcon?: ReactNode;
     /**
-     * Map a wallet type string to a display label.
+     * Override default type → label mapping.
      * @default Built-in: "fairmint"|"privy" → "Fairmint Wallet", "manual" → "Manual", else as-is
      */
     typeLabels?: Record<string, string>;
     /**
-     * Which wallet types can be removed.
-     * @default ["manual"]
+     * Which wallet types can be removed. Overrides the default system-type check.
+     * @default All non-system types (everything except "fairmint" and "privy")
      */
     removableTypes?: string[];
+    /** Additional content rendered below the wallet list (e.g. advanced wallet forms). */
+    children?: ReactNode;
 }
-export declare function WalletList({ wallets, onAdd, onRemove, readOnly, addLoading, removeLoading, emptyIcon, copyIcon, copiedIcon, removeIcon, addIcon, typeLabels, removableTypes, }: WalletListProps): import("react/jsx-runtime").JSX.Element;
+export declare function WalletList({ wallets, onAdd, onRemove, onSetDefault, onLabel, onConnect, getExplorerUrl, readOnly, addLoading, removeLoading, setDefaultLoading, setDefaultAddress, labelLoading, labelAddress, connectLoading, emptyIcon, copyIcon, copiedIcon, removeIcon, addIcon, defaultIcon, renameIcon, explorerIcon, connectIcon, typeLabels, removableTypes, children, }: WalletListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WalletList.d.ts.map

package/dist/components/specific/WalletList/WalletList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletList.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/WalletList/WalletList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAYpE,MAAM,WAAW,MAAM;IACrB,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAaD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,UAAkB,EAClB,aAAqB,EACrB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,cAA2B,GAC5B,EAAE,eAAe,2CAmMjB"}
+{"version":3,"file":"WalletList.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/WalletList/WalletList.tsx"],"names":[],"mappings":"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"}

package/dist/fairmint-ui.cjs

@@ -30706,38 +30706,84 @@ function InvestorProfileCard({
     children
   ] });
 }
-const DEFAULT_TYPE_LABELS = {
+const SYSTEM_TYPES = /* @__PURE__ */ new Set(["fairmint", "privy"]);
+const TYPE_LABELS = {
   fairmint: "Fairmint Wallet",
   privy: "Fairmint Wallet",
   manual: "Manual"
 };
-function getTypeLabel(type, custom2) {
-  if (custom2?.[type]) return custom2[type];
-  return DEFAULT_TYPE_LABELS[type] ?? type;
+function normalizeWalletType(type) {
+  return String(type ?? "").trim().toLowerCase();
+}
+function getWalletLabel(type, custom2) {
+  const key = normalizeWalletType(type);
+  const rawType = typeof type === "string" ? type : String(type ?? "");
+  if (custom2?.[key]) return custom2[key];
+  if (custom2?.[rawType]) return custom2[rawType];
+  return TYPE_LABELS[key] ?? rawType;
+}
+function getWalletDisplayName(wallet, customLabels) {
+  const label = wallet.label?.trim();
+  if (label) return label;
+  return getWalletLabel(wallet.type, customLabels);
+}
+function isSystemWalletType(type) {
+  return SYSTEM_TYPES.has(normalizeWalletType(type));
+}
+function isRemovableWalletType(type) {
+  return !isSystemWalletType(type);
+}
+function walletKey(w) {
+  return `${normalizeWalletType(w.type)}:${w.address.toLowerCase()}`;
 }
 function WalletList({
   wallets,
   onAdd,
   onRemove,
+  onSetDefault,
+  onLabel,
+  onConnect,
+  getExplorerUrl,
   readOnly = false,
   addLoading = false,
   removeLoading = false,
+  setDefaultLoading = false,
+  setDefaultAddress,
+  labelLoading = false,
+  labelAddress,
+  connectLoading = false,
   emptyIcon,
   copyIcon,
   copiedIcon,
   removeIcon,
   addIcon,
+  defaultIcon,
+  renameIcon,
+  explorerIcon,
+  connectIcon,
   typeLabels,
-  removableTypes = ["manual"]
+  removableTypes,
+  children
 }) {
+  const normalizeWalletAddress = React.useCallback(
+    (address) => address?.trim().toLowerCase() ?? "",
+    []
+  );
   const [newAddress, setNewAddress] = React.useState("");
   const [addressError, setAddressError] = React.useState(null);
   const [showAddForm, setShowAddForm] = React.useState(false);
   const [walletToRemove, setWalletToRemove] = React.useState(null);
   const [copiedAddress, setCopiedAddress] = React.useState(null);
+  const [renamingAddress, setRenamingAddress] = React.useState(null);
+  const [renameValue, setRenameValue] = React.useState("");
+  const [labelError, setLabelError] = React.useState(null);
+  const [setDefaultError, setSetDefaultError] = React.useState(null);
   const copyTimeoutRef = React.useRef(void 0);
   React.useEffect(() => () => clearTimeout(copyTimeoutRef.current), []);
-  const copyAddress = async (address) => {
+  React.useEffect(() => {
+    if (readOnly) setRenamingAddress(null);
+  }, [readOnly]);
+  const copyAddress = React.useCallback(async (address) => {
     try {
       await navigator.clipboard.writeText(address);
       clearTimeout(copyTimeoutRef.current);
@@ -30745,9 +30791,27 @@ function WalletList({
       copyTimeoutRef.current = setTimeout(() => setCopiedAddress(null), 2e3);
     } catch {
     }
-  };
+  }, []);
   const canAdd = !readOnly && !!onAdd;
   const canRemove = !readOnly && !!onRemove;
+  const canSetDefault = !readOnly && !!onSetDefault;
+  const canLabel = !readOnly && !!onLabel;
+  const canConnect = !readOnly && !!onConnect;
+  const getSafeExplorerUrl = React.useCallback(
+    (address) => {
+      if (!getExplorerUrl) return null;
+      try {
+        const url = getExplorerUrl(address);
+        if (!url) return null;
+        const parsed = new URL(url);
+        if (parsed.protocol !== "http:" && parsed.protocol !== "https:") return null;
+        return parsed.toString();
+      } catch {
+        return null;
+      }
+    },
+    [getExplorerUrl]
+  );
   const handleAdd = async () => {
     const trimmed = newAddress.trim();
     const error2 = validateEthereumAddress(trimmed);
@@ -30775,8 +30839,191 @@ function WalletList({
       setRemoveError("Failed to remove wallet. Please try again.");
     }
   };
-  if (wallets.length === 0 && !showAddForm) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+  const handleSetDefault = async (address) => {
+    setSetDefaultError(null);
+    try {
+      await onSetDefault?.(address);
+    } catch {
+      setSetDefaultError("Failed to set default wallet. Please try again.");
+    }
+  };
+  const handleLabelSave = async (address) => {
+    setLabelError(null);
+    try {
+      await onLabel?.(address, renameValue.trim() || null);
+      setRenamingAddress((current) => current === address ? null : current);
+    } catch {
+      setLabelError("Failed to update label. Please try again.");
+    }
+  };
+  const hasWallets = wallets.length > 0;
+  if (!hasWallets && !showAddForm && !canConnect) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EmptyState,
+        {
+          icon: emptyIcon,
+          title: "No wallets connected",
+          description: "Add a wallet address to receive equity on-chain.",
+          actionLabel: canAdd ? "Add Wallet" : void 0,
+          onAction: canAdd ? () => setShowAddForm(true) : void 0
+        }
+      ),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: "sm", children: [
+    wallets.map((w) => {
+      const normalizedWalletAddress = normalizeWalletAddress(w.address);
+      const setDefaultActionLoading = setDefaultLoading && (!setDefaultAddress || normalizeWalletAddress(setDefaultAddress) === normalizedWalletAddress);
+      const labelActionLoading = labelLoading && (!labelAddress || normalizeWalletAddress(labelAddress) === normalizedWalletAddress);
+      const explorerUrl = getSafeExplorerUrl(w.address);
+      return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Group,
+          {
+            justify: "space-between",
+            p: "xs",
+            style: {
+              borderRadius: radii.sm,
+              border: `1px solid ${neutralColors[200]}`
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "xs", variant: "light", children: getWalletLabel(w.type, typeLabels) }),
+                w.label && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, children: w.label }),
+                w.defaultRecipient && /* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "xs", color: colors.success, variant: "light", children: "Default" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", ff: "monospace", children: truncateAddress(w.address) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: 4, children: [
+                copyIcon && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: copiedAddress === w.address ? "Copied!" : "Copy address", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ActionIcon,
+                  {
+                    variant: "subtle",
+                    size: "sm",
+                    onClick: () => copyAddress(w.address),
+                    "aria-label": "Copy wallet address",
+                    children: copiedAddress === w.address ? copiedIcon ?? copyIcon : copyIcon
+                  }
+                ) }),
+                canSetDefault && defaultIcon && !w.defaultRecipient && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: "Set as default recipient", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ActionIcon,
+                  {
+                    variant: "subtle",
+                    size: "sm",
+                    onClick: () => handleSetDefault(w.address),
+                    loading: setDefaultActionLoading,
+                    disabled: setDefaultActionLoading,
+                    "aria-label": "Set as default wallet",
+                    children: defaultIcon
+                  }
+                ) }),
+                canLabel && renameIcon && /* @__PURE__ */ jsxRuntime.jsx(
+                  Tooltip,
+                  {
+                    label: renamingAddress === w.address ? "Cancel rename" : "Rename wallet",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      ActionIcon,
+                      {
+                        variant: "subtle",
+                        size: "sm",
+                        onClick: () => {
+                          setLabelError(null);
+                          if (renamingAddress === w.address) {
+                            setRenamingAddress(null);
+                          } else {
+                            setRenamingAddress(w.address);
+                            setRenameValue(w.label ?? "");
+                          }
+                        },
+                        "aria-label": "Rename wallet",
+                        children: renameIcon
+                      }
+                    )
+                  }
+                ),
+                explorerUrl && explorerIcon && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: "View on block explorer", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Anchor,
+                  {
+                    href: explorerUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    "aria-label": "View on block explorer",
+                    c: colors.primary,
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "1.625rem",
+                      height: "1.625rem",
+                      borderRadius: radii.sm
+                    },
+                    children: explorerIcon
+                  }
+                ) }),
+                canRemove && removeIcon && (removableTypes ? removableTypes.some(
+                  (t) => normalizeWalletType(t) === normalizeWalletType(w.type)
+                ) : isRemovableWalletType(w.type)) && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: "Remove wallet", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ActionIcon,
+                  {
+                    variant: "subtle",
+                    size: "sm",
+                    color: colors.error,
+                    onClick: () => setWalletToRemove(w.address),
+                    disabled: removeLoading,
+                    "aria-label": "Remove wallet",
+                    children: removeIcon
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        renamingAddress === w.address && /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "xs", mt: "xs", align: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TextInput,
+            {
+              value: renameValue,
+              onChange: (e) => {
+                setRenameValue(e.currentTarget.value);
+                setLabelError(null);
+              },
+              placeholder: getWalletLabel(w.type, typeLabels),
+              size: "xs",
+              style: { flex: 1 },
+              "aria-label": "Wallet label",
+              maxLength: 50,
+              error: labelError
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              size: "xs",
+              loading: labelActionLoading,
+              disabled: labelActionLoading,
+              onClick: () => handleLabelSave(w.address),
+              children: "Save"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "subtle",
+              color: colors.neutral,
+              onClick: () => {
+                setRenamingAddress(null);
+                setLabelError(null);
+              },
+              children: "Cancel"
+            }
+          )
+        ] })
+      ] }, walletKey(w));
+    }),
+    setDefaultError && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", c: colors.error, children: setDefaultError }),
+    !hasWallets && !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
       {
         icon: emptyIcon,
@@ -30785,52 +31032,19 @@ function WalletList({
         actionLabel: canAdd ? "Add Wallet" : void 0,
         onAction: canAdd ? () => setShowAddForm(true) : void 0
       }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: "sm", children: [
-    wallets.map((w) => /* @__PURE__ */ jsxRuntime.jsxs(
-      Group,
+    ),
+    canConnect && /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
       {
-        justify: "space-between",
-        p: "xs",
-        style: {
-          borderRadius: radii.sm,
-          border: `1px solid ${neutralColors[200]}`
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "xs", variant: "light", children: getTypeLabel(w.type, typeLabels) }),
-            w.label && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, children: w.label }),
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", ff: "monospace", children: truncateAddress(w.address) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: 4, children: [
-            copyIcon && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: copiedAddress === w.address ? "Copied!" : "Copy address", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ActionIcon,
-              {
-                variant: "subtle",
-                size: "sm",
-                onClick: () => copyAddress(w.address),
-                "aria-label": "Copy wallet address",
-                children: copiedAddress === w.address ? copiedIcon ?? copyIcon : copyIcon
-              }
-            ) }),
-            canRemove && removeIcon && removableTypes.includes(w.type) && /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: "Remove wallet", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ActionIcon,
-              {
-                variant: "subtle",
-                size: "sm",
-                color: colors.error,
-                onClick: () => setWalletToRemove(w.address),
-                disabled: removeLoading,
-                "aria-label": "Remove wallet",
-                children: removeIcon
-              }
-            ) })
-          ] })
-        ]
-      },
-      w.address
-    )),
+        variant: "light",
+        size: "xs",
+        leftSection: connectIcon,
+        onClick: onConnect,
+        loading: connectLoading,
+        mt: "xs",
+        children: "Connect Wallet"
+      }
+    ),
     canAdd && (showAddForm ? /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "xs", mt: "xs", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         TextInput,
@@ -30861,7 +31075,7 @@ function WalletList({
           children: "Cancel"
         }
       )
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    ] }) : hasWallets ? /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
         variant: "light",
@@ -30871,7 +31085,8 @@ function WalletList({
         mt: "xs",
         children: "Add Wallet"
       }
-    )),
+    ) : null),
+    children,
     /* @__PURE__ */ jsxRuntime.jsx(
       ConfirmDialog,
       {
@@ -31030,9 +31245,14 @@ exports.formatPhone = formatPhone;
 exports.formatPhoneDisplay = formatPhoneDisplay;
 exports.formatPreciseWithCurrency = formatPreciseWithCurrency;
 exports.getAvatarColor = getAvatarColor;
+exports.getWalletDisplayName = getWalletDisplayName;
+exports.getWalletLabel = getWalletLabel;
 exports.isEthereumAddress = isEthereumAddress;
+exports.isRemovableWalletType = isRemovableWalletType;
+exports.isSystemWalletType = isSystemWalletType;
 exports.neutralColors = neutralColors;
 exports.normalizePhone = normalizePhone;
+exports.normalizeWalletType = normalizeWalletType;
 exports.notify = notify;
 exports.passwordSchema = passwordSchema;
 exports.phoneSchema = phoneSchema;
@@ -31055,6 +31275,7 @@ exports.useMediaQuery = useMediaQuery;
 exports.useScrollIntoView = useScrollIntoView;
 exports.useViewportSize = useViewportSize;
 exports.validateEthereumAddress = validateEthereumAddress;
+exports.walletKey = walletKey;
 exports.z = z;
 exports.zipSchema = zipSchema;
 //# sourceMappingURL=fairmint-ui.cjs.map