cilantro-react 0.1.2 → 0.1.4

package/dist/index.d.mts

@@ -65,6 +65,7 @@ interface WalletContextType {
     selectWallet: (walletId: string) => void;
     refreshWallets: () => Promise<void>;
     isLoading: boolean;
+    error: string | null;
 }
 interface WalletProviderProps {
     children: ReactNode;

package/dist/index.d.ts

@@ -65,6 +65,7 @@ interface WalletContextType {
     selectWallet: (walletId: string) => void;
     refreshWallets: () => Promise<void>;
     isLoading: boolean;
+    error: string | null;
 }
 interface WalletProviderProps {
     children: ReactNode;

package/dist/index.js

@@ -244,7 +244,6 @@ function CilantroAuthProvider({
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
   (0, import_react.useEffect)(() => {
     setAuthConfig({ platformApiKey: platformApiKey2, apiUrl: apiUrl2 });
-    setSdkAuth(null);
     const storedToken = typeof window !== "undefined" ? localStorage.getItem(jwtStorageKey) : null;
     if (storedToken) {
       setToken(storedToken);
@@ -258,6 +257,8 @@ function CilantroAuthProvider({
         });
       } catch {
       }
+    } else {
+      setSdkAuth(null);
     }
     setIsLoading(false);
   }, [platformApiKey2, apiUrl2, jwtStorageKey]);
@@ -265,16 +266,16 @@ function CilantroAuthProvider({
     try {
       const result = await (0, import_auth.login)({ usernameOrEmail, password });
       const data = result && typeof result === "object" && "data" in result ? result.data : void 0;
-      if (!data?.jwt) throw new Error("No JWT token received from server");
-      const jwt = data.jwt;
-      const userType = data.userType;
+      const jwt = (data && "jwt" in data ? data.jwt : void 0) ?? (data && "accessToken" in data ? data.accessToken : void 0);
+      if (!jwt) throw new Error("No JWT token received from server");
+      const userType = data?.userType;
       setToken(jwt);
       setSdkAuth(jwt);
       if (typeof window !== "undefined") {
         localStorage.setItem(jwtStorageKey, jwt);
         document.cookie = `cilantro_jwt=${jwt}; path=/; max-age=${60 * 60 * 24 * 7}`;
       }
-      if (data.user && typeof data.user === "object") {
+      if (data?.user && typeof data.user === "object") {
         const u = data.user;
         setUser({
           username: u.username,
@@ -356,12 +357,15 @@ function WalletProvider({ children, storageKey = DEFAULT_STORAGE_KEY }) {
   const [wallets, setWallets] = (0, import_react2.useState)([]);
   const [selectedWallet, setSelectedWallet] = (0, import_react2.useState)(null);
   const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(null);
   (0, import_react2.useEffect)(() => {
     if (token) {
+      setSdkAuth(token);
       loadWallets();
     } else {
       setWallets([]);
       setSelectedWallet(null);
+      setError(null);
       setIsLoading(false);
     }
   }, [token]);
@@ -390,6 +394,7 @@ function WalletProvider({ children, storageKey = DEFAULT_STORAGE_KEY }) {
   const loadWallets = async () => {
     try {
       setIsLoading(true);
+      setError(null);
       if (token) setSdkAuth(token);
       const result = await (0, import_wallet.findAll)();
       const walletsList = extractResponseData(result) ?? [];
@@ -401,9 +406,10 @@ function WalletProvider({ children, storageKey = DEFAULT_STORAGE_KEY }) {
         active: w.isActive
       }));
       setWallets(formattedWallets);
-    } catch (error) {
-      console.error("Failed to load wallets:", error);
+    } catch (err) {
+      console.error("Failed to load wallets:", err);
       setWallets([]);
+      setError(extractErrorMessage(err));
     } finally {
       setIsLoading(false);
     }
@@ -423,7 +429,8 @@ function WalletProvider({ children, storageKey = DEFAULT_STORAGE_KEY }) {
     wallets,
     selectWallet,
     refreshWallets,
-    isLoading
+    isLoading,
+    error
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WalletContext.Provider, { value, children });
 }
@@ -1666,6 +1673,7 @@ function WalletSelector(props) {
     children
   } = props;
   const { wallets, selectedWallet, selectWallet, isLoading, refreshWallets } = useWallets();
+  const isEmpty = !isLoading && wallets.length === 0;
   const effectiveValue = value ?? selectedWallet?.id ?? selectedWallet?.walletId ?? "";
   const selected = wallets.find((w) => w.id === effectiveValue || w.walletId === effectiveValue) ?? selectedWallet;
   const handleSelect = (wallet) => {
@@ -1717,6 +1725,23 @@ function WalletSelector(props) {
       }
     );
   }
+  if (isEmpty) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "div",
+      {
+        className: cn(
+          "rounded-md border border-input bg-muted/30 px-4 py-3 text-sm text-muted-foreground",
+          className,
+          classNames?.root
+        ),
+        "data-cilantro-wallet-selector": true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-medium text-foreground", children: "No wallets" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1", children: "Wallets are created by the platform when you sign in. If you just logged in, try refreshing." })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(className, classNames?.root), "data-cilantro-wallet-selector": true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Select, { value: effectiveValue || void 0, onValueChange: handleValueChange, disabled: isLoading, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectTrigger, { className: classNames?.trigger, "aria-label": "Select wallet", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectValue, { placeholder: isLoading ? "Loading..." : placeholder }) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectContent, { className: classNames?.content, children: wallets.map((w) => {
@@ -3092,7 +3117,35 @@ function SignerList({
           i
         ))
       }
-    ) : isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: cn("text-sm text-destructive", classNames?.message), role: "alert", children: error }) : signers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "No signers. Add one to get started." }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: cn("space-y-1", classNames?.list), role: "list", children: signers.map((signer) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("li", { className: cn("text-sm", classNames?.item), children: [
+    ) : isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: cn("text-sm text-muted-foreground", classNames?.message), children: "Loading signers..." }) : error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("rounded-md border border-destructive/50 bg-destructive/10 px-3 py-2", classNames?.message), role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "mt-2",
+          onClick: () => refresh(),
+          children: "Retry"
+        }
+      )
+    ] }) : signers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("rounded-md border border-input bg-muted/30 px-4 py-3 text-sm text-muted-foreground", classNames?.message), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-medium text-foreground", children: "No signers" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1", children: "Add a signer to authorize transactions for this wallet." }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Button,
+        {
+          type: "button",
+          size: "touch",
+          variant: "outline",
+          className: cn("mt-3", classNames?.addButton),
+          onClick: () => setAddSignerOpen(true),
+          "aria-label": "Add signer",
+          children: "Add signer"
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: cn("space-y-1", classNames?.list), role: "list", children: signers.map((signer) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("li", { className: cn("text-sm", classNames?.item), children: [
       getSignerDisplayName(signer),
       " (",
       getSignerTypeLabel(signer.type || signer.signerType || ""),