@avalabs/avacloud-waas-react 1.0.0

package/dist/index.mjs

@@ -0,0 +1,4178 @@
+// src/AvaCloudWalletProvider.tsx
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect5, useState as useState7, useCallback as useCallback5, useRef as useRef2 } from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { envs } from "@cubist-labs/cubesigner-sdk";
+
+// src/types/vm.ts
+var VM = /* @__PURE__ */ ((VM2) => {
+  VM2["EVM"] = "EVM";
+  VM2["AVM"] = "AVM";
+  VM2["PVM"] = "PVM";
+  return VM2;
+})(VM || {});
+
+// src/utils/derivationPath.ts
+var getCoinIndexForVm = (vm) => {
+  switch (vm) {
+    case "EVM" /* EVM */:
+      return 60;
+    case "AVM" /* AVM */:
+    case "PVM" /* PVM */:
+      return 9e3;
+    default:
+      throw new Error(`Unknown coin index for vm: ${vm}`);
+  }
+};
+function getDerivationPath(vm, accountIndex) {
+  if (accountIndex < 0 || Math.round(accountIndex) !== accountIndex) {
+    throw new Error("Account index must be a non-negative integer");
+  }
+  const coinIndex = getCoinIndexForVm(vm);
+  return `m/44'/${coinIndex}'/0'/0/${accountIndex}`;
+}
+
+// src/hooks/usePostMessage.ts
+import { useCallback, useEffect, useRef } from "react";
+import { AUTH_TOKENS_KEY, OIDC_TOKEN_KEY, AUTH0_STORAGE_KEYS, CUBIST_USER_ID_KEY } from "@avacloud/waas-common";
+function usePostMessage({
+  authServiceUrl,
+  orgId,
+  environment,
+  iframe,
+  isIframeReady,
+  onAuthSuccess,
+  onAuthError,
+  onOidcReceived,
+  onOrgConfigUpdate,
+  setIsAuthenticated,
+  setUser,
+  setIsLoading,
+  setIsIframeReady,
+  cubistClient
+}) {
+  const lastAuthStateRef = useRef({
+    isAuthenticated: false,
+    userId: null,
+    lastUpdateTime: 0
+  });
+  const hasRequestedOidcRef = useRef(false);
+  const isHandlingMessageRef = useRef(false);
+  const sendMessage = useCallback((message) => {
+    if (iframe == null ? void 0 : iframe.contentWindow) {
+      try {
+        console.log("Sending message to auth iframe:", message);
+        iframe.contentWindow.postMessage(message, authServiceUrl);
+      } catch (error) {
+        console.error("Error sending message to iframe:", error);
+      }
+    } else {
+      console.error("No iframe available to send message");
+    }
+  }, [iframe, authServiceUrl]);
+  useEffect(() => {
+    const handleMessage = async (event) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if (isHandlingMessageRef.current) {
+        console.log("Already handling a message, skipping");
+        return;
+      }
+      if (event.origin !== new URL(authServiceUrl).origin) {
+        return;
+      }
+      if (typeof ((_a = event.data) == null ? void 0 : _a.type) !== "string") {
+        return;
+      }
+      try {
+        isHandlingMessageRef.current = true;
+        console.log("Received message from iframe:", event.data);
+        switch (event.data.type) {
+          case "IFRAME_READY":
+            console.log("Iframe ready message received, setting isIframeReady to true");
+            console.log("\u2705 Connection established: Parent received IFRAME_READY from auth service.");
+            setIsIframeReady(true);
+            break;
+          case "RECEIVE_OIDC":
+            console.log("Received OIDC token payload:", event.data.payload);
+            if (typeof ((_b = event.data.payload) == null ? void 0 : _b.idToken) === "string") {
+              const oidcToken = event.data.payload.idToken;
+              console.log("Triggering onOidcReceived callback with token...");
+              hasRequestedOidcRef.current = false;
+              onOidcReceived == null ? void 0 : onOidcReceived(oidcToken);
+            } else {
+              console.warn("RECEIVE_OIDC message missing idToken in payload.");
+              hasRequestedOidcRef.current = false;
+            }
+            break;
+          case "AUTH_STATUS": {
+            const newIsAuthenticated = !!event.data.isAuthenticated;
+            const newUserId = (_d = (_c = event.data.user) == null ? void 0 : _c.sub) != null ? _d : null;
+            const now = Date.now();
+            if (now - lastAuthStateRef.current.lastUpdateTime < 500) {
+              return;
+            }
+            const authStateChanged = lastAuthStateRef.current.isAuthenticated !== newIsAuthenticated || lastAuthStateRef.current.userId !== newUserId;
+            if (authStateChanged) {
+              console.log("Auth status changed:", { newIsAuthenticated, newUserId });
+              setIsAuthenticated(newIsAuthenticated);
+              if (event.data.user) {
+                const userInfo = {
+                  email: event.data.user.email,
+                  sub: event.data.user.sub,
+                  configured_mfa: [],
+                  displayName: event.data.user.nickname || event.data.user.name || ((_e = event.data.user.email) == null ? void 0 : _e.split("@")[0]) || "User",
+                  rawUserData: event.data.user
+                };
+                console.log("Setting user info:", userInfo);
+                setUser(userInfo);
+                if (newIsAuthenticated && !cubistClient && !hasRequestedOidcRef.current) {
+                  hasRequestedOidcRef.current = true;
+                  console.log("User newly authenticated, sending GET_OIDC message");
+                  sendMessage({ type: "GET_OIDC" });
+                  return;
+                }
+              } else {
+                setUser(null);
+                localStorage.removeItem(AUTH_TOKENS_KEY);
+                localStorage.removeItem(AUTH0_STORAGE_KEYS.IS_AUTHENTICATED);
+                sessionStorage.removeItem(OIDC_TOKEN_KEY);
+              }
+              lastAuthStateRef.current = {
+                isAuthenticated: newIsAuthenticated,
+                userId: newUserId,
+                lastUpdateTime: now
+              };
+              if (newIsAuthenticated && event.data.user) {
+                if (!hasRequestedOidcRef.current) {
+                  if (event.data.tokens) {
+                    localStorage.setItem(AUTH_TOKENS_KEY, JSON.stringify(event.data.tokens));
+                  }
+                  onAuthSuccess == null ? void 0 : onAuthSuccess();
+                }
+              }
+            }
+            if (event.data.orgConfig && onOrgConfigUpdate) {
+              console.log("Received organization config:", event.data.orgConfig);
+              onOrgConfigUpdate(event.data.orgConfig);
+            }
+            if (!hasRequestedOidcRef.current) {
+              setIsLoading(false);
+            }
+            break;
+          }
+          case "REGISTER_SUCCESS": {
+            console.log("Registration successful:", event.data.payload);
+            const userId = (_f = event.data.payload) == null ? void 0 : _f.userId;
+            if (userId) {
+              localStorage.setItem(CUBIST_USER_ID_KEY, userId);
+              if (!hasRequestedOidcRef.current) {
+                console.log("Registration complete, sending GET_OIDC message");
+                hasRequestedOidcRef.current = true;
+                sendMessage({ type: "GET_OIDC" });
+              }
+            }
+            break;
+          }
+          case "ERROR":
+            console.error("Error from auth service:", event.data.error);
+            onAuthError == null ? void 0 : onAuthError(new Error((_g = event.data.error) != null ? _g : "Unknown error"));
+            setIsLoading(false);
+            break;
+        }
+      } finally {
+        isHandlingMessageRef.current = false;
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [
+    authServiceUrl,
+    onAuthError,
+    onAuthSuccess,
+    onOidcReceived,
+    onOrgConfigUpdate,
+    setIsAuthenticated,
+    setIsIframeReady,
+    setIsLoading,
+    setUser,
+    sendMessage,
+    cubistClient
+  ]);
+  useEffect(() => {
+    if (isIframeReady && (iframe == null ? void 0 : iframe.contentWindow)) {
+      console.log("\u23F3 Connection attempt: Parent sending CHECK_AUTH_STATUS to auth service.");
+      sendMessage({
+        type: "CHECK_AUTH_STATUS",
+        payload: {
+          orgId,
+          environment
+        }
+      });
+    }
+  }, [isIframeReady, iframe, sendMessage, orgId, environment]);
+  return {
+    sendMessage
+  };
+}
+
+// src/AuthModalContext.tsx
+import { createContext, useContext, useState as useState3, useCallback as useCallback2 } from "react";
+import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle } from "@avalabs/core-k2-components";
+
+// src/components/Modal.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { Dialog, DialogContent, IconButton as IconButton2, Stack as Stack3, XIcon } from "@avalabs/core-k2-components";
+
+// src/components/SignInContent.tsx
+import { useState } from "react";
+import { Button, TextField, Typography as Typography2, Stack as Stack2, IconButton, Divider, GoogleColorIcon, AppleIcon, XTwitterIcon, useTheme } from "@avalabs/core-k2-components";
+
+// src/components/PoweredByAvaCloud.tsx
+import { Stack, Typography, AvaCloudConnectIcon } from "@avalabs/core-k2-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PoweredByAvaCloud() {
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "center", spacing: 1, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Powered by" }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+      /* @__PURE__ */ jsx(AvaCloudConnectIcon, {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "AvaCloud" })
+    ] })
+  ] });
+}
+
+// src/components/SignInContent.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SignInContent({ onEmailLogin, onProviderLogin, error, isSubmitting }) {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [isPasswordStep, setIsPasswordStep] = useState(false);
+  const theme = useTheme();
+  const handleEmailSubmit = (e) => {
+    e.preventDefault();
+    if (!email) return;
+    setIsPasswordStep(true);
+  };
+  const handlePasswordSubmit = (e) => {
+    e.preventDefault();
+    if (!password) return;
+    onEmailLogin(email, password);
+  };
+  const handleForgotPassword = () => {
+    console.log("Forgot password clicked");
+  };
+  const titleTypography = {
+    alignSelf: "stretch",
+    color: (theme2) => theme2.palette.mode === "dark" ? "#FFFFFF" : "rgba(0, 0, 0, 0.80)",
+    fontFamily: "Inter",
+    fontSize: "16px",
+    fontStyle: "normal",
+    fontWeight: 700,
+    lineHeight: "150%"
+  };
+  if (isPasswordStep) {
+    return /* @__PURE__ */ jsxs2(Stack2, { gap: 3, children: [
+      /* @__PURE__ */ jsx2(Typography2, { variant: "h6", sx: titleTypography, children: "Sign in with" }),
+      /* @__PURE__ */ jsx2("form", { onSubmit: handlePasswordSubmit, children: /* @__PURE__ */ jsxs2(Stack2, { gap: 2, children: [
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            placeholder: "Enter password",
+            type: "password",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            fullWidth: true,
+            required: true,
+            disabled: isSubmitting,
+            error: !!error,
+            helperText: error,
+            sx: {
+              "& .MuiOutlinedInput-root": {
+                backgroundColor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255, 255, 255, 0.05)" : "grey.50"
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Button,
+          {
+            type: "submit",
+            variant: "contained",
+            fullWidth: true,
+            disabled: isSubmitting || !password,
+            sx: {
+              height: 48,
+              backgroundColor: "#3A65FF",
+              borderRadius: 24,
+              textTransform: "none",
+              "&:hover": {
+                backgroundColor: "#2952E6"
+              }
+            },
+            children: "Continue"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Typography2,
+          {
+            variant: "body2",
+            sx: {
+              textAlign: "center",
+              "& a": {
+                color: "#3A65FF",
+                textDecoration: "none",
+                cursor: "pointer",
+                "&:hover": {
+                  textDecoration: "underline"
+                }
+              }
+            },
+            children: /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "text",
+                onClick: handleForgotPassword,
+                sx: {
+                  color: "#3A65FF",
+                  textTransform: "none",
+                  "&:hover": {
+                    textDecoration: "underline",
+                    backgroundColor: "transparent"
+                  }
+                },
+                children: "Forget password?"
+              }
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx2(PoweredByAvaCloud, {}),
+      /* @__PURE__ */ jsxs2(
+        Typography2,
+        {
+          variant: "body2",
+          sx: {
+            textAlign: "center",
+            color: "text.secondary",
+            fontSize: "0.75rem",
+            "& a": {
+              color: "inherit",
+              textDecoration: "none",
+              "&:hover": {
+                textDecoration: "underline"
+              }
+            }
+          },
+          children: [
+            "By connecting, you agree to the",
+            " ",
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "text",
+                component: "a",
+                href: "https://avacloud.io/terms",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                sx: {
+                  color: "inherit",
+                  p: 0,
+                  minWidth: "auto",
+                  textTransform: "none",
+                  fontSize: "inherit",
+                  fontWeight: "inherit",
+                  "&:hover": {
+                    textDecoration: "underline",
+                    backgroundColor: "transparent"
+                  }
+                },
+                children: "Terms of Service"
+              }
+            ),
+            " ",
+            "and",
+            " ",
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "text",
+                component: "a",
+                href: "https://avacloud.io/privacy",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                sx: {
+                  color: "inherit",
+                  p: 0,
+                  minWidth: "auto",
+                  textTransform: "none",
+                  fontSize: "inherit",
+                  fontWeight: "inherit",
+                  "&:hover": {
+                    textDecoration: "underline",
+                    backgroundColor: "transparent"
+                  }
+                },
+                children: "Privacy Policy"
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2(Stack2, { gap: 3, children: [
+    /* @__PURE__ */ jsx2(Typography2, { variant: "h6", sx: titleTypography, children: "Sign in with" }),
+    /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 3, sx: { justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsx2(
+        IconButton,
+        {
+          color: "default",
+          variant: "contained",
+          onClick: () => onProviderLogin("google-oauth2"),
+          disabled: isSubmitting,
+          sx: {
+            display: "flex",
+            padding: "16px",
+            alignItems: "center",
+            gap: "8px",
+            borderRadius: "8px",
+            background: "rgba(0, 0, 0, 0.02)",
+            boxShadow: "2px 1px 4px 0px rgba(0, 0, 0, 0.20)",
+            width: 72,
+            height: 72,
+            "&:hover": {
+              background: "rgba(0, 0, 0, 0.04)"
+            }
+          },
+          children: /* @__PURE__ */ jsx2(GoogleColorIcon, { sx: { width: 24, height: 24 } })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        IconButton,
+        {
+          color: "default",
+          variant: "contained",
+          onClick: () => onProviderLogin("twitter"),
+          disabled: isSubmitting,
+          sx: {
+            display: "flex",
+            padding: "16px",
+            alignItems: "center",
+            gap: "8px",
+            borderRadius: "8px",
+            background: "rgba(0, 0, 0, 0.02)",
+            boxShadow: "2px 1px 4px 0px rgba(0, 0, 0, 0.20)",
+            width: 72,
+            height: 72,
+            "&:hover": {
+              background: "rgba(0, 0, 0, 0.04)"
+            }
+          },
+          children: /* @__PURE__ */ jsx2(XTwitterIcon, { sx: { width: 24, height: 24 } })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        IconButton,
+        {
+          color: "default",
+          variant: "contained",
+          onClick: () => onProviderLogin("apple"),
+          disabled: isSubmitting,
+          sx: {
+            display: "flex",
+            padding: "16px",
+            alignItems: "center",
+            gap: "8px",
+            borderRadius: "8px",
+            background: "rgba(0, 0, 0, 0.02)",
+            boxShadow: "2px 1px 4px 0px rgba(0, 0, 0, 0.20)",
+            width: 72,
+            height: 72,
+            "&:hover": {
+              background: "rgba(0, 0, 0, 0.04)"
+            }
+          },
+          children: /* @__PURE__ */ jsx2(AppleIcon, { sx: { width: 24, height: 24 } })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(Divider, { children: /* @__PURE__ */ jsx2(Typography2, { variant: "body2", color: "text.secondary", children: "or" }) }),
+    /* @__PURE__ */ jsx2("form", { onSubmit: handleEmailSubmit, children: /* @__PURE__ */ jsxs2(Stack2, { gap: 2, children: [
+      /* @__PURE__ */ jsx2(
+        TextField,
+        {
+          placeholder: "Enter email",
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          fullWidth: true,
+          required: true,
+          disabled: isSubmitting,
+          error: !!error,
+          helperText: error,
+          sx: {
+            "& .MuiOutlinedInput-root": {
+              backgroundColor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255, 255, 255, 0.05)" : "grey.50"
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Button,
+        {
+          type: "submit",
+          variant: "contained",
+          fullWidth: true,
+          disabled: isSubmitting || !email,
+          sx: {
+            height: 48,
+            backgroundColor: "#3A65FF",
+            borderRadius: 24,
+            textTransform: "none",
+            "&:hover": {
+              backgroundColor: "#2952E6"
+            }
+          },
+          children: "Continue"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx2(PoweredByAvaCloud, {}),
+    /* @__PURE__ */ jsxs2(
+      Typography2,
+      {
+        variant: "body2",
+        sx: {
+          textAlign: "center",
+          color: "text.secondary",
+          fontSize: "0.75rem",
+          "& a": {
+            color: "inherit",
+            textDecoration: "none",
+            "&:hover": {
+              textDecoration: "underline"
+            }
+          }
+        },
+        children: [
+          "By connecting, you agree to the",
+          " ",
+          /* @__PURE__ */ jsx2(
+            Button,
+            {
+              variant: "text",
+              component: "a",
+              href: "https://avacloud.io/terms",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              sx: {
+                color: "inherit",
+                p: 0,
+                minWidth: "auto",
+                textTransform: "none",
+                fontSize: "inherit",
+                fontWeight: "inherit",
+                "&:hover": {
+                  textDecoration: "underline",
+                  backgroundColor: "transparent"
+                }
+              },
+              children: "Terms of Service"
+            }
+          ),
+          " ",
+          "and",
+          " ",
+          /* @__PURE__ */ jsx2(
+            Button,
+            {
+              variant: "text",
+              component: "a",
+              href: "https://avacloud.io/privacy",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              sx: {
+                color: "inherit",
+                p: 0,
+                minWidth: "auto",
+                textTransform: "none",
+                fontSize: "inherit",
+                fontWeight: "inherit",
+                "&:hover": {
+                  textDecoration: "underline",
+                  backgroundColor: "transparent"
+                }
+              },
+              children: "Privacy Policy"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/Modal.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function LoginModal({ open, onClose }) {
+  const { iframe } = useAvaCloudWallet();
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [error, setError] = useState2("");
+  useEffect2(() => {
+    const handleMessage = (event) => {
+      if (event.data.type === "ERROR") {
+        setError(event.data.payload);
+        setIsSubmitting(false);
+      } else if (event.data.type === "AUTH_STATUS" && event.data.isAuthenticated) {
+        setIsSubmitting(false);
+        onClose();
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [onClose]);
+  const handleProviderLogin = (provider) => {
+    var _a;
+    setError("");
+    if (iframe) {
+      console.log(`Sending LOGIN_REQUEST to auth service iframe with ${provider} connection`);
+      (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage({
+        type: "LOGIN_REQUEST",
+        connection: provider
+      }, "*");
+      onClose();
+    } else {
+      console.error("Auth service iframe not found");
+      setError("Authentication service not available");
+    }
+  };
+  const handleEmailLogin = (email, password) => {
+    var _a;
+    setError("");
+    setIsSubmitting(true);
+    if (iframe) {
+      console.log("Sending email/password LOGIN_REQUEST to auth service iframe");
+      (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage({
+        type: "LOGIN_REQUEST",
+        email,
+        password
+      }, "*");
+    } else {
+      console.error("Auth service iframe not found");
+      setError("Authentication service not available");
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3(
+    Dialog,
+    {
+      open,
+      maxWidth: "xs",
+      PaperProps: {
+        sx: {
+          borderRadius: "8px",
+          width: "100%",
+          maxWidth: 400,
+          maxHeight: "calc(100% - 64px)",
+          m: 2,
+          overflow: "visible",
+          bgcolor: (theme) => theme.palette.mode === "dark" ? "#1A1A1A" : "#ffffff",
+          backgroundImage: "none",
+          display: "flex",
+          flexDirection: "column",
+          position: "relative",
+          boxShadow: (theme) => theme.palette.mode === "dark" ? "0px 4px 6px 0px rgba(0, 0, 0, 0.3), 0px 15px 15px 0px rgba(0, 0, 0, 0.25)" : "0px 4px 6px 0px rgba(0, 0, 0, 0.16), 0px 15px 15px 0px rgba(0, 0, 0, 0.15)",
+          transition: "all 0.2s ease-in-out"
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(
+          Stack3,
+          {
+            direction: "row",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              alignSelf: "stretch",
+              p: 3,
+              pb: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx3(
+                "img",
+                {
+                  src: "/avacloud.png",
+                  alt: "AvaCloud",
+                  style: {
+                    height: 24,
+                    objectFit: "contain"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                IconButton2,
+                {
+                  onClick: onClose,
+                  size: "small",
+                  sx: {
+                    color: (theme) => theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.54)" : "rgba(0, 0, 0, 0.54)",
+                    padding: "4px",
+                    marginTop: "-4px",
+                    marginRight: "-4px",
+                    "&:hover": {
+                      backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.04)" : "rgba(0, 0, 0, 0.04)"
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx3(XIcon, { sx: { fontSize: 20 } })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3(DialogContent, { sx: { p: 3 }, children: /* @__PURE__ */ jsx3(
+          SignInContent,
+          {
+            onEmailLogin: handleEmailLogin,
+            onProviderLogin: handleProviderLogin,
+            error,
+            isSubmitting
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/AuthModalContext.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var AuthModalContext = createContext(void 0);
+function AuthModalProvider({ children }) {
+  const [isModalOpen, setIsModalOpen] = useState3(false);
+  const openLoginModal = useCallback2(() => setIsModalOpen(true), []);
+  const closeLoginModal = useCallback2(() => setIsModalOpen(false), []);
+  return /* @__PURE__ */ jsxs4(AuthModalContext.Provider, { value: { openLoginModal, closeLoginModal, isModalOpen }, children: [
+    children,
+    /* @__PURE__ */ jsxs4(
+      Dialog2,
+      {
+        open: isModalOpen,
+        onClose: closeLoginModal,
+        maxWidth: "xs",
+        children: [
+          /* @__PURE__ */ jsx4(DialogTitle, { children: /* @__PURE__ */ jsx4("img", { src: "", alt: "AvaCloud Connect", style: { height: "32px" } }) }),
+          /* @__PURE__ */ jsx4(DialogContent2, { sx: { padding: 4 }, children: /* @__PURE__ */ jsx4(
+            LoginModal,
+            {
+              open: isModalOpen,
+              onClose: closeLoginModal
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function useAuthModal() {
+  const context = useContext(AuthModalContext);
+  if (context === void 0) {
+    throw new Error("useAuthModal must be used within an AuthModalProvider");
+  }
+  return context;
+}
+
+// src/AvaCloudWalletProvider.tsx
+import { CubeSignerClient } from "@cubist-labs/cubesigner-sdk";
+
+// src/providers/ViemContext.tsx
+import { createContext as createContext2, useContext as useContext2, useState as useState4, useEffect as useEffect3 } from "react";
+import { createPublicClient, createWalletClient, http } from "viem";
+
+// src/hooks/useAuth.ts
+import { useCallback as useCallback3 } from "react";
+function useAuth() {
+  const {
+    isAuthenticated,
+    isLoading,
+    user,
+    wallet,
+    logout,
+    loginWithCubist,
+    cubistClient,
+    cubistError
+  } = useAvaCloudWallet();
+  const { openLoginModal } = useAuthModal();
+  const login = useCallback3(() => {
+    openLoginModal();
+  }, [openLoginModal]);
+  return {
+    isAuthenticated,
+    isLoading,
+    user,
+    wallet,
+    login,
+    logout,
+    loginWithCubist,
+    cubistClient,
+    cubistError
+  };
+}
+
+// src/providers/ViemContext.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ViemContext = createContext2(null);
+function ViemProvider({ children, rpcUrl, chainId, explorerUrl }) {
+  var _a, _b;
+  const [publicClient, setPublicClient] = useState4(null);
+  const [walletClient, setWalletClient] = useState4(null);
+  const [isConnected, setIsConnected] = useState4(false);
+  const [error, setError] = useState4(null);
+  const { cubistClient, wallet: authWallet } = useAuth();
+  useEffect3(() => {
+    const initClient = async () => {
+      var _a2;
+      try {
+        const transport = http(rpcUrl);
+        const customChain = {
+          id: chainId,
+          name: `Chain ${chainId}`,
+          nativeCurrency: {
+            name: "AVAX",
+            symbol: "AVAX",
+            decimals: 18
+          },
+          rpcUrls: {
+            default: { http: [rpcUrl] },
+            public: { http: [rpcUrl] }
+          },
+          blockExplorers: explorerUrl ? {
+            default: {
+              name: "Explorer",
+              url: explorerUrl
+            }
+          } : void 0
+        };
+        const client = createPublicClient({
+          transport,
+          chain: customChain
+        });
+        if ((_a2 = authWallet == null ? void 0 : authWallet.cubistWallet) == null ? void 0 : _a2.address) {
+          const walletInstance = createWalletClient({
+            transport,
+            chain: customChain,
+            account: authWallet.cubistWallet.address
+          });
+          setWalletClient(walletInstance);
+        }
+        await client.getBlockNumber();
+        setPublicClient(client);
+        setIsConnected(true);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err : new Error("Failed to connect"));
+        setIsConnected(false);
+      }
+    };
+    initClient();
+  }, [rpcUrl, chainId, explorerUrl, (_a = authWallet == null ? void 0 : authWallet.cubistWallet) == null ? void 0 : _a.address]);
+  useEffect3(() => {
+    var _a2;
+    if (((_a2 = authWallet == null ? void 0 : authWallet.cubistWallet) == null ? void 0 : _a2.address) && publicClient && walletClient) {
+      setIsConnected(true);
+    } else {
+      setIsConnected(false);
+    }
+  }, [(_b = authWallet == null ? void 0 : authWallet.cubistWallet) == null ? void 0 : _b.address, publicClient, walletClient]);
+  const clearError = () => setError(null);
+  return /* @__PURE__ */ jsx5(
+    ViemContext.Provider,
+    {
+      value: {
+        publicClient,
+        walletClient,
+        setPublicClient,
+        setWalletClient,
+        chainId,
+        explorerUrl,
+        isConnected,
+        error,
+        clearError
+      },
+      children
+    }
+  );
+}
+function useViem() {
+  const context = useContext2(ViemContext);
+  if (!context) {
+    throw new Error("useViem must be used within a ViemProvider");
+  }
+  return context;
+}
+
+// src/hooks/useGlacier.ts
+import { useQuery } from "@tanstack/react-query";
+
+// src/services/glacier/client.ts
+var GLACIER_API_BASE_URL = "https://glacier-api.avax.network";
+var GlacierApiClient = class {
+  constructor() {
+    this.baseUrl = GLACIER_API_BASE_URL;
+  }
+  async getBlockchains() {
+    const response = await fetch(`${this.baseUrl}/v1/chains`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch blockchains");
+    }
+    return response.json();
+  }
+  async getValidators(subnetId) {
+    const response = await fetch(`${this.baseUrl}/v1/subnets/${subnetId}/validators`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch validators");
+    }
+    return response.json();
+  }
+  async getSubnets() {
+    const response = await fetch(`${this.baseUrl}/v1/subnets`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch subnets");
+    }
+    return response.json();
+  }
+  async getBlockchain(chainId) {
+    const response = await fetch(`${this.baseUrl}/v1/chains/${chainId}`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch blockchain");
+    }
+    return response.json();
+  }
+  async getBalance(address, chainId) {
+    const chain = await this.getBlockchain(chainId);
+    const response = await fetch(chain.rpcUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        jsonrpc: "2.0",
+        id: 1,
+        method: "eth_getBalance",
+        params: [address, "latest"]
+      })
+    });
+    if (!response.ok) {
+      throw new Error("Failed to fetch balance");
+    }
+    const data = await response.json();
+    return data.result;
+  }
+  async getERC20Balances(address, chainId) {
+    const response = await fetch(`${this.baseUrl}/v1/chains/${chainId}/addresses/${address}/balances:listErc20`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch ERC20 balances");
+    }
+    return response.json();
+  }
+  async getERC721Balances(address, chainId) {
+    const response = await fetch(`${this.baseUrl}/v1/chains/${chainId}/addresses/${address}/balances:listErc721`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch ERC721 balances");
+    }
+    return response.json();
+  }
+  async getERC1155Balances(address, chainId) {
+    const response = await fetch(`${this.baseUrl}/v1/chains/${chainId}/addresses/${address}/balances:listErc1155`);
+    if (!response.ok) {
+      throw new Error("Failed to fetch ERC1155 balances");
+    }
+    return response.json();
+  }
+};
+var glacierApi = new GlacierApiClient();
+
+// src/hooks/useChainId.ts
+import { useState as useState5 } from "react";
+var CHAIN_ID_STORAGE_KEY = "avalanche-chain-id";
+var DEFAULT_CHAIN_ID = 43113;
+function useChainId() {
+  const [chainId, setChainIdState] = useState5(() => {
+    const storedChainId = localStorage.getItem(CHAIN_ID_STORAGE_KEY);
+    return storedChainId ? Number.parseInt(storedChainId, 10) : DEFAULT_CHAIN_ID;
+  });
+  const setChainId = (newChainId) => {
+    localStorage.setItem(CHAIN_ID_STORAGE_KEY, newChainId.toString());
+    setChainIdState(newChainId);
+  };
+  return { chainId, setChainId };
+}
+
+// src/hooks/useGlacier.ts
+var glacierKeys = {
+  all: ["glacier"],
+  blockchains: () => [...glacierKeys.all, "blockchains"],
+  blockchain: (chainId) => [...glacierKeys.blockchains(), chainId],
+  validators: (subnetId) => [...glacierKeys.all, "validators", subnetId],
+  subnets: () => [...glacierKeys.all, "subnets"],
+  balance: (address, chainId) => [...glacierKeys.all, "balance", address, chainId],
+  erc20Balances: (address, chainId) => [...glacierKeys.all, "erc20Balances", address, chainId],
+  erc721Balances: (address, chainId) => [...glacierKeys.all, "erc721Balances", address, chainId],
+  erc1155Balances: (address, chainId) => [...glacierKeys.all, "erc1155Balances", address, chainId]
+};
+function useGlacier() {
+  var _a;
+  const { wallet } = useAvaCloudWallet();
+  const { chainId } = useChainId();
+  const { data: blockchain } = useBlockchain(chainId.toString());
+  const { data: balance, isLoading: isLoadingBalance } = useQuery({
+    queryKey: glacierKeys.balance(wallet.address || "", chainId.toString()),
+    queryFn: () => glacierApi.getBalance(wallet.address || "", chainId.toString()),
+    enabled: !!wallet.address,
+    refetchInterval: 3e3
+    // Refetch every 3 seconds
+  });
+  return {
+    balance: balance ? (Number.parseInt(balance, 16) / 1e18).toString() : "0",
+    isLoadingBalance,
+    currencySymbol: ((_a = blockchain == null ? void 0 : blockchain.networkToken) == null ? void 0 : _a.symbol) || "AVAX",
+    blockchain
+  };
+}
+function useBlockchain(chainId) {
+  return useQuery({
+    queryKey: glacierKeys.blockchain(chainId),
+    queryFn: () => glacierApi.getBlockchain(chainId),
+    enabled: !!chainId,
+    staleTime: Number.POSITIVE_INFINITY
+  });
+}
+function useERC20Balances(address, chainId) {
+  return useQuery({
+    queryKey: glacierKeys.erc20Balances(address || "", chainId || ""),
+    queryFn: () => glacierApi.getERC20Balances(address || "", chainId || ""),
+    enabled: !!address && !!chainId,
+    refetchInterval: 3e3
+    // Refetch every 3 seconds
+  });
+}
+function useERC721Balances(address, chainId) {
+  return useQuery({
+    queryKey: glacierKeys.erc721Balances(address || "", chainId || ""),
+    queryFn: () => glacierApi.getERC721Balances(address || "", chainId || ""),
+    enabled: !!address && !!chainId,
+    refetchInterval: 3e3
+    // Refetch every 3 seconds
+  });
+}
+function useERC1155Balances(address, chainId) {
+  return useQuery({
+    queryKey: glacierKeys.erc1155Balances(address || "", chainId || ""),
+    queryFn: () => glacierApi.getERC1155Balances(address || "", chainId || ""),
+    enabled: !!address && !!chainId,
+    refetchInterval: 3e3
+    // Refetch every 3 seconds
+  });
+}
+
+// src/providers/ThemeProvider.tsx
+import { ThemeProvider as K2ThemeProvider, createTheme } from "@avalabs/core-k2-components";
+import { createContext as createContext3, useContext as useContext3, useState as useState6, useCallback as useCallback4, useEffect as useEffect4 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ThemeContext = createContext3({
+  isDarkMode: false,
+  toggleTheme: () => {
+  }
+});
+var useThemeMode = () => useContext3(ThemeContext);
+var lightTheme = createTheme({
+  typography: {
+    fontFamily: "Inter, sans-serif"
+  }
+});
+var darkTheme = createTheme({
+  typography: {
+    fontFamily: "Inter, sans-serif"
+  },
+  palette: {
+    mode: "dark",
+    background: {
+      default: "#1A1A1A",
+      paper: "#1A1A1A"
+    },
+    text: {
+      primary: "#FFFFFF",
+      secondary: "rgba(255, 255, 255, 0.7)"
+    },
+    primary: {
+      main: "#4B9FFF",
+      light: "#73B5FF",
+      dark: "#3B7FCC",
+      contrastText: "#FFFFFF"
+    },
+    divider: "rgba(255, 255, 255, 0.12)"
+  },
+  components: {
+    MuiDialog: {
+      styleOverrides: {
+        paper: {
+          backgroundColor: "#1A1A1A"
+        }
+      }
+    }
+  }
+});
+function ThemeProvider({ children, darkMode, onDarkModeChange }) {
+  const [isDarkMode, setIsDarkMode] = useState6(darkMode != null ? darkMode : false);
+  useEffect4(() => {
+    if (darkMode !== void 0 && darkMode !== isDarkMode) {
+      setIsDarkMode(darkMode);
+    }
+  }, [darkMode]);
+  const toggleTheme = useCallback4(() => {
+    const newDarkMode = !isDarkMode;
+    setIsDarkMode(newDarkMode);
+    onDarkModeChange == null ? void 0 : onDarkModeChange(newDarkMode);
+  }, [isDarkMode, onDarkModeChange]);
+  return /* @__PURE__ */ jsx6(ThemeContext.Provider, { value: { isDarkMode, toggleTheme }, children: /* @__PURE__ */ jsx6(K2ThemeProvider, { theme: isDarkMode ? darkTheme : lightTheme, children }) });
+}
+
+// src/AvaCloudWalletProvider.tsx
+import { AUTH_TOKENS_KEY as AUTH_TOKENS_KEY2, OIDC_TOKEN_KEY as OIDC_TOKEN_KEY2, AUTH0_STORAGE_KEYS as AUTH0_STORAGE_KEYS2, CUBIST_USER_ID_KEY as CUBIST_USER_ID_KEY2 } from "@avacloud/waas-common";
+import { Fragment, jsx as jsx7 } from "react/jsx-runtime";
+var AvaCloudWalletContext = createContext4(void 0);
+var queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1e3 * 60 * 5,
+      // 5 minutes
+      retry: 2
+    }
+  }
+});
+var CUBIST_ENV = envs.gamma;
+function ViemProviderWrapper({ children, chainId }) {
+  const { data: blockchain } = useBlockchain(chainId.toString());
+  if (!(blockchain == null ? void 0 : blockchain.rpcUrl)) {
+    return /* @__PURE__ */ jsx7(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx7(
+    ViemProvider,
+    {
+      chainId,
+      rpcUrl: blockchain.rpcUrl,
+      explorerUrl: blockchain.explorerUrl,
+      children
+    }
+  );
+}
+function AvaCloudWalletProvider({
+  children,
+  authServiceUrl = "https://ac-auth-service.vercel.app/",
+  orgId,
+  chainId = 43113,
+  darkMode = false,
+  environment = "development",
+  onAuthSuccess,
+  onAuthError,
+  onWalletUpdate
+}) {
+  const [isAuthenticated, setIsAuthenticated] = useState7(false);
+  const [isCubistLoading, setIsCubistLoading] = useState7(true);
+  const [isLoading, setIsLoading] = useState7(true);
+  const [user, setUser] = useState7(null);
+  const [wallet, setWallet] = useState7({ address: null });
+  const [orgConfig, setOrgConfig] = useState7(null);
+  const [iframe, setIframe] = useState7(null);
+  const [isIframeReady, setIsIframeReady] = useState7(false);
+  const [cubistClient, setCubistClient] = useState7(null);
+  const [cubistError, setCubistError] = useState7(null);
+  const [pendingOidcToken, setPendingOidcToken] = useState7(null);
+  const iframeRef = useRef2(null);
+  useEffect5(() => {
+    setIsLoading(isCubistLoading || isAuthenticated && !wallet.address);
+  }, [isCubistLoading, isAuthenticated, wallet.address]);
+  const getWalletInfo = useCallback5(async (client, sessionId) => {
+    try {
+      const sessionKeys = await client.sessionKeys();
+      if (!sessionKeys.length) {
+        console.log("[getWalletInfo] No session keys found");
+        return null;
+      }
+      const key = sessionKeys[0];
+      const address = key.materialId;
+      if (!(orgConfig == null ? void 0 : orgConfig.walletProviderOrgID)) {
+        console.error("[getWalletInfo] Missing walletProviderOrgID in organization config");
+        throw new Error("Missing required walletProviderOrgID in organization configuration");
+      }
+      console.log("[getWalletInfo] Returning wallet info with address:", address);
+      return {
+        address,
+        sessionId,
+        orgId: orgConfig.walletProviderOrgID
+      };
+    } catch (err) {
+      console.error("[getWalletInfo] Error:", err);
+      setCubistError(err instanceof Error ? err : new Error("Failed to get wallet info"));
+      return null;
+    }
+  }, [orgConfig]);
+  const loginWithCubist = useCallback5(async (oidcToken) => {
+    console.log("[loginWithCubist] Starting...");
+    console.log("[loginWithCubist] Current orgConfig:", orgConfig);
+    if (!orgConfig || !orgConfig.walletProviderOrgID) {
+      console.error("[loginWithCubist] PREVENTED: Missing walletProviderOrgID in organization config");
+      const error = new Error("Missing required walletProviderOrgID in organization configuration");
+      setCubistError(error);
+      onAuthError == null ? void 0 : onAuthError(error);
+      setIsCubistLoading(false);
+      return;
+    }
+    try {
+      setIsCubistLoading(true);
+      setCubistError(null);
+      if (!(orgConfig == null ? void 0 : orgConfig.walletProviderOrgID)) {
+        console.error("[loginWithCubist] Missing walletProviderOrgID in organization config");
+        throw new Error("Missing required walletProviderOrgID in organization configuration");
+      }
+      let accessToken;
+      if (oidcToken) {
+        console.log("[loginWithCubist] Using provided OIDC token.");
+        accessToken = oidcToken;
+      } else {
+        console.log("[loginWithCubist] Attempting to get OIDC token from localStorage.");
+        const tokens = localStorage.getItem(AUTH_TOKENS_KEY2);
+        if (!tokens) {
+          throw new Error("No authentication tokens found in localStorage");
+        }
+        const parsed = JSON.parse(tokens);
+        accessToken = parsed.access_token;
+      }
+      try {
+        console.log(`[loginWithCubist] Attempting CubeSignerClient.createOidcSession for Org: ${orgConfig.walletProviderOrgID}`);
+        const resp = await CubeSignerClient.createOidcSession(
+          CUBIST_ENV,
+          orgConfig.walletProviderOrgID,
+          accessToken,
+          ["sign:*", "manage:*", "export:*"],
+          {
+            auth_lifetime: 5 * 60,
+            // 5 minutes
+            refresh_lifetime: 30 * 24 * 60 * 60,
+            // 30 days
+            session_lifetime: 90 * 24 * 60 * 60
+            // 90 days
+          }
+        );
+        console.log("[loginWithCubist] createOidcSession response received.");
+        if (resp.requiresMfa()) {
+          console.warn("[loginWithCubist] MFA required, aborting.");
+          throw new Error("MFA required for Cubist login");
+        }
+        const sessionData = resp.data();
+        console.log("[loginWithCubist] Session data obtained, attempting CubeSignerClient.create");
+        const newClient = await CubeSignerClient.create(sessionData);
+        const sessionId = sessionData.session_info.session_id;
+        console.log(`[loginWithCubist] CubeSignerClient created successfully. Session ID: ${sessionId}`);
+        console.log("[loginWithCubist] Attempting getWalletInfo");
+        const cubistWallet = await getWalletInfo(newClient, sessionId);
+        console.log("[loginWithCubist] getWalletInfo result:", cubistWallet);
+        console.log("[loginWithCubist] Setting cubistClient state.");
+        setCubistClient(newClient);
+        if (cubistWallet) {
+          console.log("[loginWithCubist] Setting wallet state with cubistWallet.");
+          setWallet((prev) => ({
+            ...prev,
+            address: cubistWallet.address,
+            cubistWallet
+          }));
+          console.log("[loginWithCubist] Calling onWalletUpdate callback.");
+          onWalletUpdate == null ? void 0 : onWalletUpdate({
+            ...wallet,
+            // Use current wallet state potentially
+            cubistWallet
+          });
+        } else {
+          console.warn("[loginWithCubist] cubistWallet is null, not updating wallet state further.");
+        }
+      } catch (error) {
+        console.error("[loginWithCubist] Error during Cubist session creation/wallet info:", error);
+        localStorage.removeItem(AUTH_TOKENS_KEY2);
+        localStorage.removeItem(AUTH0_STORAGE_KEYS2.IS_AUTHENTICATED);
+        setIsAuthenticated(false);
+        setUser(null);
+        setCubistClient(null);
+        throw error;
+      }
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error("Failed to create Cubist session");
+      console.error("[loginWithCubist] Final catch block error:", err);
+      setCubistError(err);
+      onAuthError == null ? void 0 : onAuthError(err);
+    } finally {
+      console.log("[loginWithCubist] Setting isCubistLoading to false.");
+      setIsCubistLoading(false);
+    }
+  }, [wallet, onWalletUpdate, onAuthError, getWalletInfo, orgConfig]);
+  const { sendMessage } = usePostMessage({
+    authServiceUrl,
+    orgId,
+    environment,
+    iframe,
+    isIframeReady,
+    onAuthSuccess: () => {
+      console.log("[onAuthSuccess] Called");
+      if (user) {
+        if (wallet.address) {
+          console.log("[onAuthSuccess] Calling onAuthSuccess callback with user");
+          onAuthSuccess == null ? void 0 : onAuthSuccess(user);
+        } else {
+          console.log("[onAuthSuccess] Not calling callback yet, waiting for wallet");
+        }
+      } else {
+        console.log("[onAuthSuccess] No user available");
+      }
+    },
+    onAuthError: (error) => {
+      console.log("[onAuthError] Called with error:", error);
+      setIsCubistLoading(false);
+      onAuthError == null ? void 0 : onAuthError(error);
+    },
+    onWalletUpdate: (newWallet) => {
+      console.log("[onWalletUpdate] Called with wallet:", newWallet);
+      setWallet(newWallet);
+      if (user && isAuthenticated) {
+        console.log("[onWalletUpdate] Calling onAuthSuccess callback");
+        onAuthSuccess == null ? void 0 : onAuthSuccess(user);
+      }
+      queryClient.invalidateQueries({ queryKey: ["wallet"] });
+      onWalletUpdate == null ? void 0 : onWalletUpdate(newWallet);
+    },
+    onOidcReceived: (token) => {
+      console.log("[onOidcReceived] Received OIDC token - storing in state only");
+      setIsCubistLoading(true);
+      setPendingOidcToken(token);
+      console.log("[onOidcReceived] Current orgConfig:", orgConfig);
+      const originalLoginWithCubist = loginWithCubist;
+      window.___tempSafeguard_loginWithCubist = (oidcToken) => {
+        if (!(orgConfig == null ? void 0 : orgConfig.walletProviderOrgID)) {
+          console.error("[SAFEGUARD] Prevented direct call to loginWithCubist without orgConfig");
+          return Promise.reject(new Error("Missing required walletProviderOrgID in organization configuration"));
+        }
+        return originalLoginWithCubist(oidcToken);
+      };
+    },
+    onOrgConfigUpdate: (config) => {
+      console.log("[onOrgConfigUpdate] Received org config with walletProviderOrgID:", config == null ? void 0 : config.walletProviderOrgID);
+      console.log("[onOrgConfigUpdate] Current pendingOidcToken:", !!pendingOidcToken);
+      setOrgConfig(config);
+    },
+    setIsAuthenticated,
+    setUser,
+    setIsLoading: (isLoading2) => {
+      console.log("[setIsLoading] Setting isLoading to:", isLoading2);
+      setIsLoading(isLoading2);
+    },
+    setIsIframeReady,
+    wallet,
+    cubistClient
+  });
+  const login = useCallback5(() => {
+    console.log("[login] Called");
+    if (iframe == null ? void 0 : iframe.contentWindow) {
+      setIsCubistLoading(true);
+      sendMessage({ type: "LOGIN_REQUEST" });
+    } else {
+      console.error("[login] No iframe available for login");
+    }
+  }, [iframe, sendMessage]);
+  const logout = useCallback5(() => {
+    console.log("[logout] Called");
+    sendMessage({ type: "LOGOUT_REQUEST" });
+    setUser(null);
+    setWallet({ address: null });
+    setIsAuthenticated(false);
+    localStorage.removeItem(AUTH_TOKENS_KEY2);
+    localStorage.removeItem(AUTH0_STORAGE_KEYS2.IS_AUTHENTICATED);
+    localStorage.removeItem(AUTH0_STORAGE_KEYS2.ACCESS_TOKEN);
+    localStorage.removeItem(AUTH0_STORAGE_KEYS2.ID_TOKEN);
+    localStorage.removeItem(AUTH0_STORAGE_KEYS2.EXPIRES_AT);
+    localStorage.removeItem(CUBIST_USER_ID_KEY2);
+    sessionStorage.removeItem(OIDC_TOKEN_KEY2);
+    setCubistClient(null);
+    setCubistError(null);
+    setPendingOidcToken(null);
+  }, [sendMessage]);
+  const addAccount = useCallback5(async (accountIndex) => {
+    console.log("[addAccount] Called with accountIndex:", accountIndex);
+    if (!isAuthenticated || !user || !wallet.mnemonicId) {
+      throw new Error("User must be authenticated and have a wallet to add an account");
+    }
+    const path = getDerivationPath("EVM" /* EVM */, accountIndex);
+    sendMessage({
+      type: "ADD_ACCOUNT",
+      payload: {
+        accountIndex,
+        mnemonicId: wallet.mnemonicId,
+        derivationPath: path,
+        identityProof: {
+          email: user.email,
+          displayName: user.displayName,
+          sub: user.sub,
+          configured_mfa: user.configured_mfa
+        }
+      }
+    });
+  }, [sendMessage, isAuthenticated, user, wallet.mnemonicId]);
+  useEffect5(() => {
+    console.log("[useEffect Auth] Running effect with dependencies...");
+    console.log("[useEffect Auth] pendingOidcToken:", !!pendingOidcToken);
+    console.log("[useEffect Auth] orgConfig?.walletProviderOrgID:", orgConfig == null ? void 0 : orgConfig.walletProviderOrgID);
+    const hasOrgConfig = !!(orgConfig == null ? void 0 : orgConfig.walletProviderOrgID);
+    const hasOidcToken = !!pendingOidcToken;
+    console.log(`[useEffect Auth] Checking conditions - hasOrgConfig: ${hasOrgConfig}, hasOidcToken: ${hasOidcToken}`);
+    if (hasOrgConfig && hasOidcToken && pendingOidcToken) {
+      console.log("[useEffect Auth] Both orgConfig and oidcToken are available, calling loginWithCubist");
+      const doLogin = async () => {
+        try {
+          await loginWithCubist(pendingOidcToken);
+        } catch (error) {
+          console.error("[useEffect Auth] Error in loginWithCubist:", error);
+          onAuthError == null ? void 0 : onAuthError(error instanceof Error ? error : new Error("Failed to create Cubist session"));
+        } finally {
+          setIsCubistLoading(false);
+          setPendingOidcToken(null);
+        }
+      };
+      doLogin();
+    }
+  }, [orgConfig, pendingOidcToken, loginWithCubist, onAuthError]);
+  useEffect5(() => {
+    console.log("[useEffect Iframe] Setting up iframe...");
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return;
+    }
+    const frame = document.createElement("iframe");
+    frame.style.position = "fixed";
+    frame.style.bottom = "0";
+    frame.style.right = "0";
+    frame.style.width = "0";
+    frame.style.height = "0";
+    frame.style.border = "none";
+    frame.style.visibility = "hidden";
+    frame.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms allow-popups");
+    frame.src = authServiceUrl;
+    document.body.appendChild(frame);
+    iframeRef.current = frame;
+    setIframe(frame);
+    console.log("[useEffect Iframe] Iframe created and added to DOM");
+    const timeoutId = setTimeout(() => {
+      console.log("[useEffect Iframe] Timeout reached, setting isCubistLoading to false");
+      setIsCubistLoading(false);
+    }, 5e3);
+    return () => {
+      clearTimeout(timeoutId);
+      if (iframeRef.current) {
+        iframeRef.current.remove();
+        iframeRef.current = null;
+        console.log("[useEffect Iframe] Iframe removed in cleanup");
+      }
+    };
+  }, [authServiceUrl]);
+  const contextValue = {
+    isAuthenticated,
+    isLoading,
+    user,
+    wallet,
+    orgConfig,
+    logout,
+    loginWithCubist,
+    cubistClient,
+    cubistError,
+    login,
+    addAccount,
+    queryClient,
+    iframe,
+    authServiceUrl,
+    chainId,
+    environment
+  };
+  return /* @__PURE__ */ jsx7(AvaCloudWalletContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx7(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx7(ThemeProvider, { darkMode, children: /* @__PURE__ */ jsx7(AuthModalProvider, { children: /* @__PURE__ */ jsx7(ViemProviderWrapper, { chainId, children }) }) }) }) });
+}
+function useAvaCloudWallet() {
+  const context = useContext4(AvaCloudWalletContext);
+  if (context === void 0) {
+    throw new Error("useAvaCloudWallet must be used within an AvaCloudWalletProvider");
+  }
+  return context;
+}
+
+// src/components/LoginButton.tsx
+import { useState as useState8 } from "react";
+import { Button as Button2, Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as DialogTitle2 } from "@avalabs/core-k2-components";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function LoginButton({
+  label = "Sign in",
+  className = "",
+  ...props
+}) {
+  const { isLoading } = useAvaCloudWallet();
+  const [isModalOpen, setIsModalOpen] = useState8(false);
+  const handleOpen = () => setIsModalOpen(true);
+  const handleClose = () => setIsModalOpen(false);
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsx8(
+      Button2,
+      {
+        onClick: handleOpen,
+        disabled: isLoading,
+        variant: "contained",
+        color: "primary",
+        className,
+        ...props,
+        children: isLoading ? "Loading..." : label
+      }
+    ),
+    /* @__PURE__ */ jsxs5(
+      Dialog3,
+      {
+        open: isModalOpen,
+        onClose: handleClose,
+        maxWidth: "xs",
+        children: [
+          /* @__PURE__ */ jsx8(DialogTitle2, { children: /* @__PURE__ */ jsx8("img", { src: "", alt: "AvaCloud Connect", style: { height: "32px" } }) }),
+          /* @__PURE__ */ jsx8(DialogContent3, { sx: { padding: 4 }, children: /* @__PURE__ */ jsx8(
+            LoginModal,
+            {
+              open: isModalOpen,
+              onClose: handleClose
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/WalletButton.tsx
+import { useState as useState16 } from "react";
+import {
+  Button as Button8,
+  Box as Box11,
+  Typography as Typography11,
+  IconButton as IconButton9,
+  CopyIcon as CopyIcon5,
+  AvaCloudIcon as AvaCloudIcon2,
+  useTheme as useTheme4
+} from "@avalabs/core-k2-components";
+
+// src/components/WalletCard.tsx
+import { useState as useState15 } from "react";
+import {
+  Typography as Typography10,
+  Box as Box10,
+  IconButton as IconButton8,
+  CopyIcon as CopyIcon4,
+  useTheme as useTheme3,
+  CircularProgress as CircularProgress2,
+  AvaCloudIcon,
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  Button as Button7
+} from "@avalabs/core-k2-components";
+
+// src/components/SendView.tsx
+import { useState as useState11, useEffect as useEffect6 } from "react";
+import {
+  Box as Box3,
+  Typography as Typography4,
+  TextField as TextField2,
+  Button as Button3,
+  Alert,
+  Paper,
+  IconButton as IconButton3,
+  CircularProgress,
+  Select,
+  MenuItem
+} from "@avalabs/core-k2-components";
+import { Icon } from "@iconify/react";
+
+// src/hooks/useTransferTokens.ts
+import { useCallback as useCallback6, useState as useState9 } from "react";
+import { Secp256k1 } from "@cubist-labs/cubesigner-sdk";
+import { useQueryClient } from "@tanstack/react-query";
+import {
+  isAddress,
+  parseEther,
+  parseUnits,
+  formatTransactionRequest,
+  formatEther,
+  encodeFunctionData,
+  erc20Abi
+} from "viem";
+function useTransferTokens() {
+  const [state, setState] = useState9({
+    isLoading: false,
+    error: null,
+    txHash: null,
+    viewState: "idle",
+    actualBaseFee: null,
+    actualPriorityFee: null,
+    actualTotalFee: null
+  });
+  const { wallet, cubistClient } = useAvaCloudWallet();
+  const { publicClient } = useViem();
+  const queryClient2 = useQueryClient();
+  const reset = useCallback6(() => {
+    setState({
+      isLoading: false,
+      error: null,
+      txHash: null,
+      viewState: "idle",
+      actualBaseFee: null,
+      actualPriorityFee: null,
+      actualTotalFee: null
+    });
+  }, []);
+  const transfer = useCallback6(async (toAddress, amount) => {
+    var _a;
+    if (!publicClient || !cubistClient || !(wallet == null ? void 0 : wallet.address)) {
+      setState((prev) => ({
+        ...prev,
+        error: "Client not initialized",
+        viewState: "failure"
+      }));
+      return;
+    }
+    if (!publicClient.chain) {
+      setState((prev) => ({
+        ...prev,
+        error: "Chain not configured",
+        viewState: "failure"
+      }));
+      return;
+    }
+    if (!isAddress(toAddress)) {
+      setState((prev) => ({
+        ...prev,
+        error: "Invalid recipient address",
+        viewState: "failure"
+      }));
+      return;
+    }
+    setState((prev) => ({
+      ...prev,
+      isLoading: true,
+      error: null,
+      viewState: "loading"
+    }));
+    try {
+      const key = await cubistClient.org().getKeyByMaterialId(Secp256k1.Evm, wallet.address);
+      const tx = await publicClient.prepareTransactionRequest({
+        account: wallet.address,
+        to: toAddress,
+        value: parseEther(amount),
+        chain: publicClient.chain
+      });
+      const txReq = formatTransactionRequest(tx);
+      const sig = await key.signEvm({
+        chain_id: publicClient.chain.id,
+        tx: txReq
+      });
+      const serializedTransaction = sig.data().rlp_signed_tx;
+      const hash = await publicClient.sendRawTransaction({ serializedTransaction });
+      setState((prev) => ({
+        ...prev,
+        txHash: hash
+      }));
+      const receipt = await publicClient.waitForTransactionReceipt({
+        hash,
+        confirmations: 1
+      });
+      const block = await publicClient.getBlock({
+        blockHash: receipt.blockHash
+      });
+      const baseFeePerGas = block.baseFeePerGas || BigInt(0);
+      const effectivePriorityFee = receipt.effectiveGasPrice - baseFeePerGas;
+      const actualBaseFee = formatEther(baseFeePerGas * receipt.gasUsed);
+      const actualPriorityFee = formatEther(effectivePriorityFee * receipt.gasUsed);
+      const actualTotalFee = formatEther(receipt.effectiveGasPrice * receipt.gasUsed);
+      console.log("Transaction confirmed:", receipt);
+      if ((wallet == null ? void 0 : wallet.address) && ((_a = publicClient.chain) == null ? void 0 : _a.id)) {
+        const chainId = publicClient.chain.id.toString();
+        queryClient2.invalidateQueries({
+          queryKey: glacierKeys.balance(wallet.address, chainId)
+        });
+      }
+      setState((prev) => ({
+        ...prev,
+        viewState: "success",
+        actualBaseFee: Number(actualBaseFee).toFixed(6),
+        actualPriorityFee: Number(actualPriorityFee).toFixed(6),
+        actualTotalFee: Number(actualTotalFee).toFixed(6)
+      }));
+    } catch (err) {
+      console.error("Failed to send transaction:", err);
+      setState((prev) => ({
+        ...prev,
+        error: err instanceof Error ? err.message : "Failed to send transaction",
+        viewState: "failure"
+      }));
+    } finally {
+      setState((prev) => ({ ...prev, isLoading: false }));
+    }
+  }, [publicClient, cubistClient, wallet == null ? void 0 : wallet.address, queryClient2]);
+  const transferERC20 = useCallback6(async (tokenAddress, toAddress, amount, decimals) => {
+    var _a;
+    if (!publicClient || !cubistClient || !(wallet == null ? void 0 : wallet.address)) {
+      setState((prev) => ({
+        ...prev,
+        error: "Client not initialized",
+        viewState: "failure"
+      }));
+      return;
+    }
+    if (!publicClient.chain) {
+      setState((prev) => ({
+        ...prev,
+        error: "Chain not configured",
+        viewState: "failure"
+      }));
+      return;
+    }
+    if (!isAddress(toAddress)) {
+      setState((prev) => ({
+        ...prev,
+        error: "Invalid recipient address",
+        viewState: "failure"
+      }));
+      return;
+    }
+    setState((prev) => ({
+      ...prev,
+      isLoading: true,
+      error: null,
+      viewState: "loading"
+    }));
+    try {
+      const key = await cubistClient.org().getKeyByMaterialId(Secp256k1.Evm, wallet.address);
+      const data = encodeFunctionData({
+        abi: erc20Abi,
+        functionName: "transfer",
+        args: [toAddress, parseUnits(amount, decimals)]
+      });
+      const tx = await publicClient.prepareTransactionRequest({
+        account: wallet.address,
+        to: tokenAddress,
+        data,
+        chain: publicClient.chain
+      });
+      const txReq = formatTransactionRequest(tx);
+      const sig = await key.signEvm({
+        chain_id: publicClient.chain.id,
+        tx: txReq
+      });
+      const serializedTransaction = sig.data().rlp_signed_tx;
+      const hash = await publicClient.sendRawTransaction({ serializedTransaction });
+      setState((prev) => ({
+        ...prev,
+        txHash: hash
+      }));
+      const receipt = await publicClient.waitForTransactionReceipt({
+        hash,
+        confirmations: 1
+      });
+      const block = await publicClient.getBlock({
+        blockHash: receipt.blockHash
+      });
+      const baseFeePerGas = block.baseFeePerGas || BigInt(0);
+      const effectivePriorityFee = receipt.effectiveGasPrice - baseFeePerGas;
+      const actualBaseFee = formatEther(baseFeePerGas * receipt.gasUsed);
+      const actualPriorityFee = formatEther(effectivePriorityFee * receipt.gasUsed);
+      const actualTotalFee = formatEther(receipt.effectiveGasPrice * receipt.gasUsed);
+      console.log("Transaction confirmed:", receipt);
+      if ((wallet == null ? void 0 : wallet.address) && ((_a = publicClient.chain) == null ? void 0 : _a.id)) {
+        const chainId = publicClient.chain.id.toString();
+        queryClient2.invalidateQueries({
+          queryKey: glacierKeys.erc20Balances(wallet.address, chainId)
+        });
+        queryClient2.invalidateQueries({
+          queryKey: glacierKeys.balance(wallet.address, chainId)
+        });
+      }
+      setState((prev) => ({
+        ...prev,
+        viewState: "success",
+        actualBaseFee: Number(actualBaseFee).toFixed(6),
+        actualPriorityFee: Number(actualPriorityFee).toFixed(6),
+        actualTotalFee: Number(actualTotalFee).toFixed(6)
+      }));
+    } catch (err) {
+      console.error("Failed to send transaction:", err);
+      setState((prev) => ({
+        ...prev,
+        error: err instanceof Error ? err.message : "Failed to send transaction",
+        viewState: "failure"
+      }));
+    } finally {
+      setState((prev) => ({ ...prev, isLoading: false }));
+    }
+  }, [publicClient, cubistClient, wallet == null ? void 0 : wallet.address, queryClient2]);
+  return {
+    ...state,
+    transfer,
+    transferERC20,
+    reset
+  };
+}
+
+// src/hooks/useGasEstimation.ts
+import { useCallback as useCallback7, useState as useState10 } from "react";
+import { formatEther as formatEther2, parseEther as parseEther2 } from "viem";
+function useGasEstimation() {
+  const [state, setState] = useState10({
+    isLoading: false,
+    error: null,
+    baseFee: null,
+    priorityFee: null,
+    totalFee: null,
+    totalWithAmount: null
+  });
+  const { publicClient } = useViem();
+  const reset = useCallback7(() => {
+    setState({
+      isLoading: false,
+      error: null,
+      baseFee: null,
+      priorityFee: null,
+      totalFee: null,
+      totalWithAmount: null
+    });
+  }, []);
+  const updateTotal = useCallback7((amount) => {
+    if (!state.totalFee) return;
+    const amountValue = Number.parseFloat(amount);
+    if (Number.isNaN(amountValue)) return;
+    const newTotal = (Number(state.totalFee) + amountValue).toFixed(6);
+    setState((prev) => ({
+      ...prev,
+      totalWithAmount: newTotal
+    }));
+  }, [state.totalFee]);
+  const estimateGas = useCallback7(async (toAddress, amount) => {
+    if (!publicClient) {
+      setState((prev) => ({
+        ...prev,
+        error: "Client not initialized",
+        isLoading: false
+      }));
+      return;
+    }
+    setState((prev) => ({
+      ...prev,
+      isLoading: true,
+      error: null
+    }));
+    try {
+      const block = await publicClient.getBlock();
+      const gasEstimate = await publicClient.estimateGas({
+        to: toAddress,
+        value: parseEther2(amount)
+      });
+      const feeHistory = await publicClient.getFeeHistory({
+        blockCount: 10,
+        rewardPercentiles: [50]
+      });
+      const baseFeePerGas = block.baseFeePerGas || BigInt(0);
+      const priorityFeePerGas = feeHistory.reward && feeHistory.reward.length > 0 ? feeHistory.reward.reduce((acc, reward) => acc + reward[0], BigInt(0)) / BigInt(feeHistory.reward.length) : BigInt(0);
+      const totalFeeWei = (baseFeePerGas + priorityFeePerGas) * gasEstimate;
+      const baseFeeEth = Number(formatEther2(baseFeePerGas * gasEstimate)).toFixed(6);
+      const priorityFeeEth = Number(formatEther2(priorityFeePerGas * gasEstimate)).toFixed(6);
+      const totalFeeEth = Number(formatEther2(totalFeeWei)).toFixed(6);
+      const totalWithAmount = (Number(totalFeeEth) + Number.parseFloat(amount)).toFixed(6);
+      setState((prev) => ({
+        ...prev,
+        baseFee: baseFeeEth,
+        priorityFee: priorityFeeEth,
+        totalFee: totalFeeEth,
+        totalWithAmount
+      }));
+    } catch (err) {
+      console.error("Failed to estimate gas:", err);
+      setState((prev) => ({
+        ...prev,
+        error: err instanceof Error ? err.message : "Failed to estimate gas",
+        baseFee: null,
+        priorityFee: null,
+        totalFee: null,
+        totalWithAmount: null
+      }));
+    } finally {
+      setState((prev) => ({ ...prev, isLoading: false }));
+    }
+  }, [publicClient]);
+  return {
+    ...state,
+    estimateGas,
+    updateTotal,
+    reset
+  };
+}
+
+// src/components/LoadingAnimation.tsx
+import { useLottie } from "lottie-react";
+import { Box, Typography as Typography3 } from "@avalabs/core-k2-components";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var loadingAnimation = {
+  "v": "5.5.9",
+  "fr": 32.498,
+  "ip": 0,
+  "op": 40,
+  "w": 500,
+  "h": 500,
+  "nm": " ",
+  "assets": [],
+  "layers": [
+    {
+      "ind": 1,
+      "ty": 4,
+      "nm": "kanan stop",
+      "sr": 0.63,
+      "ks": {
+        "o": { "a": 0, "k": 100, "ix": 11 },
+        "r": { "a": 0, "k": 0, "ix": 10 },
+        "p": {
+          "a": 1,
+          "k": [
+            { "i": { "x": 0.667, "y": 1 }, "o": { "x": 0.333, "y": 0 }, "t": 0, "s": [380, 350, 0], "to": [0, -16.667, 0], "ti": [0, 33.333, 0] },
+            { "i": { "x": 0.667, "y": 1 }, "o": { "x": 0.333, "y": 0 }, "t": 10, "s": [380, 250, 0], "to": [0, -33.333, 0], "ti": [0, 16.667, 0] },
+            { "t": 20, "s": [380, 150, 0] }
+          ],
+          "ix": 2,
+          "x": "var $bm_rt;\n$bm_rt = loopOut('pingpong');"
+        },
+        "a": { "a": 0, "k": [-29.557, -1.557, 0], "ix": 1 },
+        "s": { "a": 0, "k": [200, 200, 100], "ix": 6 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "it": [
+            { "d": 1, "ty": "el", "s": { "a": 0, "k": [48.887, 48.887], "ix": 2 }, "p": { "a": 0, "k": [0, 0], "ix": 3 }, "nm": "Ellipse Path 1" },
+            { "ty": "fl", "c": { "a": 0, "k": [0.851, 0.878, 0.902, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "nm": "Fill 1" },
+            { "ty": "tr", "p": { "a": 0, "k": [-29.557, -1.557], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }
+          ],
+          "nm": "Ellipse 1",
+          "cix": 2,
+          "ix": 1
+        }
+      ],
+      "ip": 0,
+      "op": 40,
+      "st": 0
+    },
+    {
+      "ind": 2,
+      "ty": 4,
+      "nm": "tengah stop",
+      "sr": 0.63,
+      "ks": {
+        "o": { "a": 0, "k": 100, "ix": 11 },
+        "r": { "a": 0, "k": 0, "ix": 10 },
+        "p": { "a": 0, "k": [250, 250, 0], "ix": 2 },
+        "a": { "a": 0, "k": [-29.557, -1.557, 0], "ix": 1 },
+        "s": { "a": 0, "k": [200, 200, 100], "ix": 6 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "it": [
+            { "d": 1, "ty": "el", "s": { "a": 0, "k": [48.887, 48.887], "ix": 2 }, "p": { "a": 0, "k": [0, 0], "ix": 3 }, "nm": "Ellipse Path 1" },
+            { "ty": "fl", "c": { "a": 0, "k": [0.851, 0.878, 0.902, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "nm": "Fill 1" },
+            { "ty": "tr", "p": { "a": 0, "k": [-29.557, -1.557], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }
+          ],
+          "nm": "Ellipse 1",
+          "cix": 2,
+          "ix": 1
+        }
+      ],
+      "ip": 0,
+      "op": 40,
+      "st": 0
+    },
+    {
+      "ind": 3,
+      "ty": 4,
+      "nm": "kiri stop",
+      "sr": 0.63,
+      "ks": {
+        "o": { "a": 0, "k": 100, "ix": 11 },
+        "r": { "a": 0, "k": 0, "ix": 10 },
+        "p": {
+          "a": 1,
+          "k": [
+            { "i": { "x": 0.667, "y": 1 }, "o": { "x": 0.333, "y": 0 }, "t": 0, "s": [120, 150, 0], "to": [0, 16.667, 0], "ti": [0, -33.333, 0] },
+            { "i": { "x": 0.667, "y": 1 }, "o": { "x": 0.333, "y": 0 }, "t": 10, "s": [120, 250, 0], "to": [0, 33.333, 0], "ti": [0, -16.667, 0] },
+            { "t": 20, "s": [120, 350, 0] }
+          ],
+          "ix": 2,
+          "x": "var $bm_rt;\n$bm_rt = loopOut('pingpong');"
+        },
+        "a": { "a": 0, "k": [-29.557, -1.557, 0], "ix": 1 },
+        "s": { "a": 0, "k": [200, 200, 100], "ix": 6 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "it": [
+            { "d": 1, "ty": "el", "s": { "a": 0, "k": [48.887, 48.887], "ix": 2 }, "p": { "a": 0, "k": [0, 0], "ix": 3 }, "nm": "Ellipse Path 1" },
+            { "ty": "fl", "c": { "a": 0, "k": [0.851, 0.878, 0.902, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "nm": "Fill 1" },
+            { "ty": "tr", "p": { "a": 0, "k": [-29.557, -1.557], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "Transform" }
+          ],
+          "nm": "Ellipse 1",
+          "cix": 2,
+          "ix": 1
+        }
+      ],
+      "ip": 0,
+      "op": 40,
+      "st": 0
+    }
+  ],
+  "markers": []
+};
+var LoadingAnimation = ({ size = 120, message }) => {
+  const { View } = useLottie({
+    animationData: loadingAnimation,
+    loop: true
+  });
+  return /* @__PURE__ */ jsxs6(Box, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 2
+  }, children: [
+    /* @__PURE__ */ jsx9(Box, { sx: { width: size, height: size }, children: View }),
+    message && /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "text.secondary", children: message })
+  ] });
+};
+
+// src/components/SendView.tsx
+import {
+  isAddress as isAddress2
+} from "viem";
+
+// src/components/TokenImage.tsx
+import { Box as Box2 } from "@avalabs/core-k2-components";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function TokenImage({ symbol, logoUri, size = 32 }) {
+  if (logoUri) {
+    return /* @__PURE__ */ jsx10(
+      "img",
+      {
+        src: logoUri,
+        alt: symbol,
+        style: {
+          width: size,
+          height: size,
+          borderRadius: "50%",
+          objectFit: "cover"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx10(Box2, { sx: {
+    width: size,
+    height: size,
+    borderRadius: "50%",
+    bgcolor: "primary.light",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "white",
+    fontSize: `${size * 0.4375}px`,
+    fontWeight: 500
+  }, children: symbol == null ? void 0 : symbol.slice(0, 2) });
+}
+
+// src/components/SendView.tsx
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var isValidAmount = (amount) => {
+  if (!amount || amount === "." || amount === "0.") return false;
+  const value = Number.parseFloat(amount);
+  if (Number.isNaN(value) || value <= 0) return false;
+  return true;
+};
+function LoadingView() {
+  return /* @__PURE__ */ jsx11(Box3, { sx: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    minHeight: "400px"
+  }, children: /* @__PURE__ */ jsx11(LoadingAnimation, { message: "Processing transaction..." }) });
+}
+function SendFormView({
+  recipient,
+  amount,
+  error,
+  isLoading,
+  selectedToken,
+  chainId,
+  onRecipientChange,
+  onAmountChange,
+  onTokenSelect,
+  onSend
+}) {
+  var _a, _b, _c, _d;
+  const { wallet } = useAvaCloudWallet();
+  const { data: blockchainInfo } = useBlockchain((chainId == null ? void 0 : chainId.toString()) || "");
+  const { data: tokenBalancesResponse } = useERC20Balances((wallet == null ? void 0 : wallet.address) || void 0, chainId == null ? void 0 : chainId.toString());
+  const tokenBalances = tokenBalancesResponse;
+  const { baseFee, priorityFee, totalFee, totalWithAmount, estimateGas, updateTotal } = useGasEstimation();
+  const [addressError, setAddressError] = useState11(null);
+  const handleRecipientChange = (value) => {
+    if (value && !isAddress2(value)) {
+      setAddressError("Invalid address format");
+    } else {
+      setAddressError(null);
+    }
+    onRecipientChange(value);
+  };
+  const handleAmountChange = (e) => {
+    const value = e.target.value;
+    if (/^\d*\.?\d{0,18}$/.test(value) || value === "") {
+      onAmountChange(value);
+      if (isValidAmount(value)) {
+        updateTotal(value);
+      }
+    }
+  };
+  useEffect6(() => {
+    if (!recipient || !isAddress2(recipient)) {
+      return;
+    }
+    if (!isValidAmount(amount)) {
+      return;
+    }
+    estimateGas(recipient, amount).catch(console.error);
+  }, [recipient, amount, estimateGas]);
+  const isInsufficientBalance = () => {
+    if (!selectedToken || !amount || !isValidAmount(amount)) return false;
+    const amountValue = Number(amount);
+    const tokenBalance = Number(selectedToken.balance) / 10 ** selectedToken.decimals;
+    if ("address" in selectedToken) {
+      return amountValue > tokenBalance;
+    }
+    return amountValue + Number(totalFee || "0") > tokenBalance;
+  };
+  return /* @__PURE__ */ jsxs7(Box3, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    gap: 3,
+    p: 2,
+    width: "100%",
+    maxWidth: "600px",
+    margin: "0 auto"
+  }, children: [
+    /* @__PURE__ */ jsx11(
+      Typography4,
+      {
+        variant: "h6",
+        sx: {
+          textAlign: "center",
+          fontSize: "1.5rem",
+          fontWeight: 500
+        },
+        children: "Send"
+      }
+    ),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 0.5, fontWeight: 500 }, children: "From" }),
+      /* @__PURE__ */ jsxs7(
+        Paper,
+        {
+          elevation: 0,
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            p: 1.5,
+            gap: 1.5,
+            border: "1px solid",
+            borderColor: "divider",
+            borderRadius: 1
+          },
+          children: [
+            /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+              /* @__PURE__ */ jsx11(
+                Box3,
+                {
+                  sx: {
+                    width: 40,
+                    height: 40,
+                    borderRadius: "50%",
+                    bgcolor: "#E84142",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    overflow: "hidden"
+                  },
+                  children: (blockchainInfo == null ? void 0 : blockchainInfo.chainLogoUri) ? /* @__PURE__ */ jsx11(
+                    "img",
+                    {
+                      src: blockchainInfo.chainLogoUri,
+                      alt: blockchainInfo.chainName || "Network",
+                      style: { width: "100%", height: "100%", objectFit: "cover" }
+                    }
+                  ) : /* @__PURE__ */ jsx11(Icon, { icon: "cryptocurrency:avax", width: 24, height: 24, color: "white" })
+                }
+              ),
+              /* @__PURE__ */ jsx11(Box3, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx11(Typography4, { variant: "body1", sx: { fontWeight: 500 }, children: (blockchainInfo == null ? void 0 : blockchainInfo.chainName) || `Chain ${chainId}` }) })
+            ] }),
+            /* @__PURE__ */ jsxs7(
+              Select,
+              {
+                size: "small",
+                value: selectedToken ? JSON.stringify({
+                  symbol: selectedToken.symbol,
+                  balance: selectedToken.balance,
+                  decimals: selectedToken.decimals,
+                  address: "address" in selectedToken ? selectedToken.address : void 0
+                }) : "",
+                onChange: (e) => {
+                  const value = e.target.value;
+                  if (!value) return;
+                  const tokenData = JSON.parse(value);
+                  const token = tokenData.address ? tokenBalances.erc20TokenBalances.find((t) => t.address === tokenData.address) : tokenBalances.nativeTokenBalance;
+                  if (token) {
+                    onTokenSelect(token);
+                  }
+                },
+                sx: {
+                  ".MuiSelect-select": {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 1
+                  }
+                },
+                children: [
+                  (tokenBalances == null ? void 0 : tokenBalances.nativeTokenBalance) && /* @__PURE__ */ jsx11(MenuItem, { value: JSON.stringify({
+                    symbol: tokenBalances.nativeTokenBalance.symbol,
+                    balance: tokenBalances.nativeTokenBalance.balance,
+                    decimals: tokenBalances.nativeTokenBalance.decimals
+                  }), children: /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                    /* @__PURE__ */ jsx11(
+                      TokenImage,
+                      {
+                        symbol: tokenBalances.nativeTokenBalance.symbol,
+                        logoUri: tokenBalances.nativeTokenBalance.logoUri,
+                        size: 24
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs7(Box3, { sx: { flex: 1 }, children: [
+                      /* @__PURE__ */ jsx11(Typography4, { children: tokenBalances.nativeTokenBalance.symbol }),
+                      /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", color: "text.secondary", children: [
+                        "Balance: ",
+                        Number(tokenBalances.nativeTokenBalance.balance || 0) / 10 ** tokenBalances.nativeTokenBalance.decimals
+                      ] })
+                    ] })
+                  ] }) }),
+                  (_a = tokenBalances == null ? void 0 : tokenBalances.erc20TokenBalances) == null ? void 0 : _a.map((token) => /* @__PURE__ */ jsx11(
+                    MenuItem,
+                    {
+                      value: JSON.stringify({
+                        symbol: token.symbol,
+                        balance: token.balance,
+                        decimals: token.decimals,
+                        address: token.address
+                      }),
+                      children: /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
+                        /* @__PURE__ */ jsx11(
+                          TokenImage,
+                          {
+                            symbol: token.symbol,
+                            logoUri: token.logoUri,
+                            size: 24
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs7(Box3, { sx: { flex: 1 }, children: [
+                          /* @__PURE__ */ jsx11(Typography4, { children: token.symbol }),
+                          /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", color: "text.secondary", children: [
+                            "Balance: ",
+                            Number(token.balance) / 10 ** token.decimals
+                          ] })
+                        ] })
+                      ] })
+                    },
+                    token.address
+                  ))
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 0.5, fontWeight: 500 }, children: "Send to" }),
+      /* @__PURE__ */ jsx11(
+        TextField2,
+        {
+          size: "small",
+          fullWidth: true,
+          placeholder: "Enter address",
+          value: recipient,
+          onChange: (e) => handleRecipientChange(e.target.value),
+          error: !!error || !!addressError,
+          helperText: addressError
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 0.5, fontWeight: 500 }, children: "Amount" }),
+      /* @__PURE__ */ jsx11(
+        TextField2,
+        {
+          size: "small",
+          fullWidth: true,
+          type: "text",
+          inputProps: {
+            inputMode: "decimal",
+            pattern: "^[0-9]*[.]?[0-9]*$"
+          },
+          placeholder: "0.00",
+          value: amount,
+          onChange: handleAmountChange,
+          error: !!error
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", justifyContent: "space-between", mb: 1 }, children: [
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", children: "Base fee" }),
+        isValidAmount(amount) && recipient && isAddress2(recipient) && !isInsufficientBalance() ? /* @__PURE__ */ jsx11(Box3, { sx: { minWidth: 60, textAlign: "right" }, children: baseFee ? /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", children: [
+          baseFee,
+          " ",
+          ((_b = tokenBalances == null ? void 0 : tokenBalances.nativeTokenBalance) == null ? void 0 : _b.symbol) || "AVAX"
+        ] }) : /* @__PURE__ */ jsx11(CircularProgress, { size: 16 }) }) : /* @__PURE__ */ jsx11(Typography4, { variant: "body2", children: "--" })
+      ] }),
+      /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", justifyContent: "space-between", mb: 1 }, children: [
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", children: "Priority fee" }),
+        isValidAmount(amount) && recipient && isAddress2(recipient) && !isInsufficientBalance() ? /* @__PURE__ */ jsx11(Box3, { sx: { minWidth: 60, textAlign: "right" }, children: priorityFee ? /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", children: [
+          priorityFee,
+          " ",
+          ((_c = tokenBalances == null ? void 0 : tokenBalances.nativeTokenBalance) == null ? void 0 : _c.symbol) || "AVAX"
+        ] }) : /* @__PURE__ */ jsx11(CircularProgress, { size: 16 }) }) : /* @__PURE__ */ jsx11(Typography4, { variant: "body2", children: "--" })
+      ] }),
+      /* @__PURE__ */ jsxs7(Box3, { sx: {
+        display: "flex",
+        justifyContent: "space-between",
+        borderTop: "1px solid",
+        borderColor: "divider",
+        pt: 1,
+        mt: 1
+      }, children: [
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: "Total" }),
+        isValidAmount(amount) && recipient && isAddress2(recipient) && !isInsufficientBalance() ? /* @__PURE__ */ jsx11(Box3, { sx: { minWidth: 60, textAlign: "right" }, children: totalWithAmount ? /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: selectedToken && "address" in selectedToken ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          amount,
+          " ",
+          selectedToken.symbol,
+          " + ",
+          totalFee,
+          " ",
+          ((_d = tokenBalances == null ? void 0 : tokenBalances.nativeTokenBalance) == null ? void 0 : _d.symbol) || "AVAX"
+        ] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          totalWithAmount,
+          " ",
+          (selectedToken == null ? void 0 : selectedToken.symbol) || "AVAX"
+        ] }) }) : /* @__PURE__ */ jsx11(CircularProgress, { size: 16 }) }) : /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: "--" })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx11(Alert, { severity: "error", children: error }),
+    isValidAmount(amount) && selectedToken && isInsufficientBalance() && /* @__PURE__ */ jsx11(Alert, { severity: "error", children: selectedToken && "address" in selectedToken ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      "Insufficient token balance. Amount (",
+      amount,
+      " ",
+      selectedToken.symbol,
+      ") exceeds your balance (",
+      (Number(selectedToken.balance) / 10 ** selectedToken.decimals).toFixed(4),
+      " ",
+      selectedToken.symbol,
+      ")"
+    ] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      "Insufficient balance. Total amount needed (",
+      Number(amount) + Number(totalFee || "0"),
+      " ",
+      selectedToken.symbol,
+      ") exceeds your balance (",
+      (Number(selectedToken.balance) / 10 ** selectedToken.decimals).toFixed(4),
+      " ",
+      selectedToken.symbol,
+      ")"
+    ] }) }),
+    /* @__PURE__ */ jsx11(Box3, { sx: { mt: "auto", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx11(
+      Button3,
+      {
+        variant: "contained",
+        size: "large",
+        onClick: onSend,
+        disabled: isLoading || !recipient || !!addressError || !isValidAmount(amount) || !selectedToken || isInsufficientBalance(),
+        fullWidth: true,
+        sx: {
+          borderRadius: "9999px",
+          height: "48px"
+        },
+        children: isLoading ? "Sending..." : "Send"
+      }
+    ) }),
+    /* @__PURE__ */ jsx11(PoweredByAvaCloud, {})
+  ] });
+}
+function SuccessView({
+  onDone,
+  txHash,
+  recipient,
+  amount,
+  currencySymbol,
+  actualBaseFee,
+  actualPriorityFee,
+  actualTotalFee,
+  nativeTokenSymbol
+}) {
+  var _a, _b;
+  const { blockchain } = useGlacier();
+  const { wallet } = useAvaCloudWallet();
+  const explorerUrl = (blockchain == null ? void 0 : blockchain.explorerUrl) ? `${blockchain.explorerUrl.replace(/\/$/, "")}/tx/${txHash}` : `https://subnets.avax.network/c-chain/tx/${txHash}`;
+  const isERC20 = currencySymbol !== nativeTokenSymbol;
+  return /* @__PURE__ */ jsxs7(Box3, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    p: 3,
+    gap: 3,
+    width: "100%",
+    maxWidth: "600px",
+    margin: "0 auto"
+  }, children: [
+    /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+      /* @__PURE__ */ jsx11(Icon, { icon: "mdi:check-circle", color: "#4CAF50", width: 24, height: 24 }),
+      /* @__PURE__ */ jsx11(Typography4, { variant: "h6", children: "Successfully sent" })
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 500 }, children: "From" }),
+      /* @__PURE__ */ jsxs7(Box3, { sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1.5
+      }, children: [
+        /* @__PURE__ */ jsx11(
+          Box3,
+          {
+            sx: {
+              width: 40,
+              height: 40,
+              borderRadius: "50%",
+              bgcolor: "#E84142",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              overflow: "hidden"
+            },
+            children: (blockchain == null ? void 0 : blockchain.chainLogoUri) ? /* @__PURE__ */ jsx11(
+              "img",
+              {
+                src: blockchain.chainLogoUri,
+                alt: blockchain.chainName || "Network",
+                style: { width: "100%", height: "100%", objectFit: "cover" }
+              }
+            ) : /* @__PURE__ */ jsx11(Icon, { icon: "cryptocurrency:avax", width: 24, height: 24, color: "white" })
+          }
+        ),
+        /* @__PURE__ */ jsxs7(Box3, { sx: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx11(Typography4, { variant: "body1", sx: { fontWeight: 500 }, children: (blockchain == null ? void 0 : blockchain.chainName) || "Avalanche C-Chain" }),
+          /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", sx: { color: "text.secondary" }, children: [
+              (_a = wallet.address) == null ? void 0 : _a.slice(0, 6),
+              "...",
+              (_b = wallet.address) == null ? void 0 : _b.slice(-4)
+            ] }),
+            /* @__PURE__ */ jsx11(
+              IconButton3,
+              {
+                size: "small",
+                onClick: () => navigator.clipboard.writeText(wallet.address || ""),
+                sx: { p: 0 },
+                children: /* @__PURE__ */ jsx11(Icon, { icon: "mdi:content-copy", width: 16, height: 16 })
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 500 }, children: "To" }),
+      /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ jsxs7(Typography4, { sx: { wordBreak: "break-all" }, children: [
+          recipient.slice(0, 6),
+          "...",
+          recipient.slice(-4)
+        ] }),
+        /* @__PURE__ */ jsx11(
+          IconButton3,
+          {
+            size: "small",
+            onClick: () => navigator.clipboard.writeText(recipient),
+            sx: { p: 0 },
+            children: /* @__PURE__ */ jsx11(Icon, { icon: "mdi:content-copy", width: 16, height: 16 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 500 }, children: "Amount" }),
+      /* @__PURE__ */ jsxs7(Typography4, { children: [
+        amount,
+        " ",
+        currencySymbol
+      ] })
+    ] }),
+    actualTotalFee && /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 500 }, children: "Transaction Fees" }),
+      actualBaseFee && /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", justifyContent: "space-between", mb: 0.5 }, children: [
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", children: "Base fee" }),
+        /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", children: [
+          actualBaseFee,
+          " ",
+          nativeTokenSymbol
+        ] })
+      ] }),
+      actualPriorityFee && /* @__PURE__ */ jsxs7(Box3, { sx: { display: "flex", justifyContent: "space-between", mb: 0.5 }, children: [
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", children: "Priority fee" }),
+        /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", children: [
+          actualPriorityFee,
+          " ",
+          nativeTokenSymbol
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs7(Box3, { sx: {
+        display: "flex",
+        justifyContent: "space-between",
+        borderTop: "1px solid",
+        borderColor: "divider",
+        pt: 1,
+        mt: 1
+      }, children: [
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: "Total" }),
+        /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { fontWeight: 500 }, children: isERC20 ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          amount,
+          " ",
+          currencySymbol,
+          " + ",
+          actualTotalFee,
+          " ",
+          nativeTokenSymbol
+        ] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          (Number(amount) + Number(actualTotalFee)).toFixed(6),
+          " ",
+          currencySymbol
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7(Box3, { children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", sx: { mb: 1, fontWeight: 500 }, children: "Transaction hash" }),
+      /* @__PURE__ */ jsx11(Box3, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: /* @__PURE__ */ jsxs7(
+        Box3,
+        {
+          component: "a",
+          href: explorerUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: {
+            textDecoration: "none",
+            color: "text.primary",
+            wordBreak: "break-all",
+            display: "flex",
+            alignItems: "center",
+            gap: 0.5,
+            "&:hover": {
+              textDecoration: "underline",
+              color: "primary.main"
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxs7(Typography4, { children: [
+              txHash.slice(0, 6),
+              "...",
+              txHash.slice(-4)
+            ] }),
+            /* @__PURE__ */ jsx11(Icon, { icon: "mdi:open-in-new", width: 16, height: 16 })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx11(
+      Button3,
+      {
+        fullWidth: true,
+        variant: "contained",
+        onClick: onDone,
+        sx: {
+          borderRadius: "9999px",
+          height: "48px",
+          mt: "auto"
+        },
+        children: "Done"
+      }
+    )
+  ] });
+}
+function FailureView({ recipient, amount, currencySymbol, error, onDone }) {
+  return /* @__PURE__ */ jsxs7(Box3, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx11(Typography4, { variant: "h6", sx: { mb: 3 }, children: "Transaction Failed" }),
+    /* @__PURE__ */ jsxs7(Box3, { sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", children: "Amount" }),
+      /* @__PURE__ */ jsxs7(Typography4, { children: [
+        amount,
+        " ",
+        currencySymbol
+      ] }),
+      /* @__PURE__ */ jsx11(Typography4, { variant: "body2", color: "text.secondary", sx: { mt: 2 }, children: "Recipient" }),
+      /* @__PURE__ */ jsx11(Typography4, { sx: { wordBreak: "break-all" }, children: recipient })
+    ] }),
+    error && /* @__PURE__ */ jsx11(Alert, { severity: "error", sx: { mb: 3 }, children: error }),
+    /* @__PURE__ */ jsx11(
+      Button3,
+      {
+        fullWidth: true,
+        variant: "contained",
+        onClick: onDone,
+        color: "error",
+        children: "Try Again"
+      }
+    )
+  ] });
+}
+function SendView({ onBack, onViewStateChange, selectedToken: initialToken }) {
+  var _a;
+  const { chainId } = useChainId();
+  const [recipient, setRecipient] = useState11("");
+  const [amount, setAmount] = useState11("");
+  const [selectedToken, setSelectedToken] = useState11(initialToken);
+  const { transfer, transferERC20, error, isLoading, txHash, viewState, reset, actualBaseFee, actualPriorityFee, actualTotalFee } = useTransferTokens();
+  const { data: blockchainInfo } = useBlockchain((chainId == null ? void 0 : chainId.toString()) || "");
+  useEffect6(() => {
+    onViewStateChange == null ? void 0 : onViewStateChange(viewState);
+  }, [viewState, onViewStateChange]);
+  const handleSend = async () => {
+    try {
+      if (!recipient || !amount || !selectedToken) {
+        throw new Error("Please fill in all fields");
+      }
+      if (!isAddress2(recipient)) {
+        throw new Error("Invalid recipient address");
+      }
+      if (!/^\d*\.?\d{0,18}$/.test(amount)) {
+        throw new Error("Invalid amount format");
+      }
+      const amountValue = Number.parseFloat(amount);
+      if (Number.isNaN(amountValue) || amountValue <= 0) {
+        throw new Error("Please enter a valid amount");
+      }
+      const formattedAmount = amountValue.toLocaleString("fullwide", { useGrouping: false });
+      if ("address" in selectedToken) {
+        await transferERC20(selectedToken.address, recipient, formattedAmount, selectedToken.decimals);
+      } else {
+        await transfer(recipient, formattedAmount);
+      }
+    } catch (err) {
+      console.error("Send failed:", err);
+    }
+  };
+  const handleDone = () => {
+    setRecipient("");
+    setAmount("");
+    setSelectedToken(void 0);
+    reset();
+    onBack();
+  };
+  if (viewState === "loading") {
+    return /* @__PURE__ */ jsx11(LoadingView, {});
+  }
+  if (viewState === "success" && txHash) {
+    return /* @__PURE__ */ jsx11(
+      SuccessView,
+      {
+        onDone: handleDone,
+        txHash,
+        recipient,
+        amount,
+        currencySymbol: (selectedToken == null ? void 0 : selectedToken.symbol) || "AVAX",
+        actualBaseFee,
+        actualPriorityFee,
+        actualTotalFee,
+        nativeTokenSymbol: ((_a = blockchainInfo == null ? void 0 : blockchainInfo.networkToken) == null ? void 0 : _a.symbol) || "AVAX"
+      }
+    );
+  }
+  if (viewState === "failure") {
+    return /* @__PURE__ */ jsx11(
+      FailureView,
+      {
+        recipient,
+        amount,
+        currencySymbol: (selectedToken == null ? void 0 : selectedToken.symbol) || "AVAX",
+        error,
+        onDone: handleDone
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx11(
+    SendFormView,
+    {
+      recipient,
+      amount,
+      error,
+      isLoading,
+      selectedToken,
+      chainId,
+      onRecipientChange: setRecipient,
+      onAmountChange: setAmount,
+      onTokenSelect: setSelectedToken,
+      onSend: handleSend,
+      onBack
+    }
+  );
+}
+
+// src/components/ReceiveView.tsx
+import { useState as useState12 } from "react";
+import { QRCodeSVG } from "qrcode.react";
+import {
+  Box as Box4,
+  Typography as Typography5,
+  IconButton as IconButton4,
+  CopyIcon
+} from "@avalabs/core-k2-components";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function ReceiveView(_props) {
+  const { wallet } = useAvaCloudWallet();
+  const { chainId } = useChainId();
+  const [_copied, setCopied] = useState12(false);
+  if (!wallet.address) {
+    return /* @__PURE__ */ jsx12(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx12(Typography5, { color: "text.secondary", children: "No wallet address available" }) });
+  }
+  const handleCopy = () => {
+    if (wallet.address) {
+      navigator.clipboard.writeText(wallet.address);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs8(Box4, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    width: "100%",
+    p: 2
+  }, children: [
+    /* @__PURE__ */ jsx12(
+      Typography5,
+      {
+        sx: {
+          color: "#000",
+          fontSize: "14px",
+          fontWeight: 500,
+          lineHeight: "20px"
+        },
+        children: "Address"
+      }
+    ),
+    /* @__PURE__ */ jsxs8(Box4, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 1,
+      width: "100%"
+    }, children: [
+      /* @__PURE__ */ jsx12(
+        Typography5,
+        {
+          sx: {
+            flex: 1,
+            fontFamily: "monospace",
+            fontSize: "14px",
+            color: "#000",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          },
+          children: wallet.address
+        }
+      ),
+      /* @__PURE__ */ jsx12(IconButton4, { onClick: handleCopy, size: "small", children: /* @__PURE__ */ jsx12(CopyIcon, {}) })
+    ] }),
+    /* @__PURE__ */ jsx12(Box4, { sx: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "100%",
+      aspectRatio: "1",
+      p: 2,
+      background: "#FFF",
+      borderRadius: "8px",
+      border: "1px solid rgba(0, 0, 0, 0.12)"
+    }, children: /* @__PURE__ */ jsx12(
+      QRCodeSVG,
+      {
+        value: wallet.address ? `ethereum:${wallet.address}@${chainId}` : "",
+        level: "H",
+        includeMargin: false,
+        size: 200
+      }
+    ) }),
+    /* @__PURE__ */ jsx12(Box4, { sx: { mt: "auto" }, children: /* @__PURE__ */ jsx12(PoweredByAvaCloud, {}) })
+  ] });
+}
+
+// src/components/ExportView.tsx
+import { useState as useState13 } from "react";
+import {
+  Box as Box5,
+  Typography as Typography6,
+  Button as Button4,
+  IconButton as IconButton5,
+  CopyIcon as CopyIcon2,
+  Alert as Alert2,
+  AlertTitle
+} from "@avalabs/core-k2-components";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function ExportView({ onBack }) {
+  const { wallet, iframe } = useAvaCloudWallet();
+  const [showKey, setShowKey] = useState13(false);
+  const [copied, setCopied] = useState13(false);
+  const [privateKey, setPrivateKey] = useState13(null);
+  const [error, setError] = useState13(null);
+  const handleExport = async () => {
+    if (!(iframe == null ? void 0 : iframe.contentWindow)) return;
+    try {
+      iframe.contentWindow.postMessage({
+        type: "EXPORT_PRIVATE_KEY",
+        payload: {
+          address: wallet.address
+        }
+      }, "*");
+      const handleResponse = (event) => {
+        if (event.data.type === "EXPORT_PRIVATE_KEY_RESPONSE") {
+          setPrivateKey(event.data.payload.privateKey);
+          setShowKey(true);
+          window.removeEventListener("message", handleResponse);
+        }
+      };
+      window.addEventListener("message", handleResponse);
+    } catch (err) {
+      console.error("Export failed:", err);
+      setError("Failed to export private key. Please try again.");
+    }
+  };
+  const handleCopy = () => {
+    if (privateKey) {
+      navigator.clipboard.writeText(privateKey);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs9(Box5, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx13(Typography6, { variant: "h6", sx: { mb: 3 }, children: "Export Private Key" }),
+    /* @__PURE__ */ jsxs9(Alert2, { severity: "warning", sx: { mb: 3 }, children: [
+      /* @__PURE__ */ jsx13(AlertTitle, { children: "Warning" }),
+      "Never share your private key with anyone. Anyone with your private key can access your funds."
+    ] }),
+    !showKey ? /* @__PURE__ */ jsx13(
+      Button4,
+      {
+        fullWidth: true,
+        variant: "contained",
+        color: "warning",
+        onClick: handleExport,
+        sx: { mb: 2 },
+        children: "Show Private Key"
+      }
+    ) : /* @__PURE__ */ jsx13(Box5, { sx: { mb: 3 }, children: /* @__PURE__ */ jsxs9(Box5, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 1,
+      p: 2,
+      bgcolor: "background.paper",
+      borderRadius: 1,
+      boxShadow: 1,
+      mb: 2
+    }, children: [
+      /* @__PURE__ */ jsx13(
+        Typography6,
+        {
+          variant: "body2",
+          sx: {
+            fontFamily: "monospace",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            flex: 1
+          },
+          children: privateKey
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        IconButton5,
+        {
+          onClick: handleCopy,
+          size: "small",
+          color: copied ? "success" : "default",
+          children: /* @__PURE__ */ jsx13(CopyIcon2, {})
+        }
+      )
+    ] }) }),
+    error && /* @__PURE__ */ jsx13(Typography6, { color: "error", sx: { mb: 2 }, children: error }),
+    /* @__PURE__ */ jsx13(
+      Button4,
+      {
+        fullWidth: true,
+        variant: "outlined",
+        onClick: onBack,
+        children: "Back"
+      }
+    )
+  ] });
+}
+
+// src/components/TokensView.tsx
+import { useState as useState14 } from "react";
+import {
+  Box as Box8,
+  Tabs,
+  Tab,
+  useTheme as useTheme2
+} from "@avalabs/core-k2-components";
+
+// src/components/FungibleList.tsx
+import {
+  Box as Box6,
+  Typography as Typography7,
+  IconButton as IconButton6,
+  CopyIcon as CopyIcon3
+} from "@avalabs/core-k2-components";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function FungibleList({ onSend, onCopyAddress }) {
+  var _a, _b, _c, _d;
+  const { wallet } = useAvaCloudWallet();
+  const { chainId } = useChainId();
+  const { data: tokenBalances, isLoading: isLoadingERC20 } = useERC20Balances(
+    (wallet == null ? void 0 : wallet.address) || void 0,
+    chainId == null ? void 0 : chainId.toString()
+  );
+  if (isLoadingERC20) {
+    return /* @__PURE__ */ jsx14(Box6, { sx: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      height: "100%",
+      minHeight: "200px"
+    }, children: /* @__PURE__ */ jsx14(LoadingAnimation, { size: 80, message: "Loading tokens..." }) });
+  }
+  if (!(tokenBalances == null ? void 0 : tokenBalances.nativeTokenBalance) && !((_a = tokenBalances == null ? void 0 : tokenBalances.erc20TokenBalances) == null ? void 0 : _a.length)) {
+    return /* @__PURE__ */ jsx14(Box6, { sx: {
+      p: 3,
+      textAlign: "center",
+      color: "text.secondary",
+      bgcolor: "background.paper",
+      borderRadius: "8px",
+      border: "1px dashed rgba(0, 0, 0, 0.12)"
+    }, children: /* @__PURE__ */ jsx14(Typography7, { children: "No tokens found" }) });
+  }
+  return /* @__PURE__ */ jsxs10(Box6, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    overflow: "auto",
+    py: 1,
+    px: 1
+  }, children: [
+    (tokenBalances == null ? void 0 : tokenBalances.nativeTokenBalance) && /* @__PURE__ */ jsxs10(
+      Box6,
+      {
+        onClick: () => onSend == null ? void 0 : onSend(tokenBalances.nativeTokenBalance),
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          py: 1.5,
+          px: 1,
+          cursor: onSend ? "pointer" : "default",
+          "&:hover": onSend ? {
+            bgcolor: "action.hover",
+            borderRadius: 1
+          } : {},
+          borderRadius: 1,
+          mb: 1
+        },
+        children: [
+          /* @__PURE__ */ jsx14(Box6, { sx: { mr: 2 }, children: /* @__PURE__ */ jsx14(
+            TokenImage,
+            {
+              symbol: tokenBalances.nativeTokenBalance.symbol,
+              logoUri: tokenBalances.nativeTokenBalance.logoUri,
+              size: 32
+            }
+          ) }),
+          /* @__PURE__ */ jsxs10(Box6, { sx: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx14(Typography7, { sx: { fontWeight: 500, fontSize: "14px" }, children: tokenBalances.nativeTokenBalance.symbol }),
+            /* @__PURE__ */ jsxs10(Box6, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ jsxs10(
+                Typography7,
+                {
+                  variant: "body2",
+                  sx: {
+                    color: "text.secondary",
+                    fontSize: "12px"
+                  },
+                  children: [
+                    (_b = wallet.address) == null ? void 0 : _b.slice(0, 6),
+                    "...",
+                    (_c = wallet.address) == null ? void 0 : _c.slice(-4)
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx14(
+                IconButton6,
+                {
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onCopyAddress(wallet.address || "");
+                  },
+                  sx: {
+                    padding: 0,
+                    color: "text.secondary",
+                    "&:hover": {
+                      color: "primary.main"
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx14(CopyIcon3, { fontSize: "small" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx14(Box6, { sx: { textAlign: "right" }, children: /* @__PURE__ */ jsx14(Typography7, { sx: { fontWeight: 500 }, children: Number(Number(tokenBalances.nativeTokenBalance.balance) / 10 ** tokenBalances.nativeTokenBalance.decimals).toLocaleString(void 0, {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 6
+          }) }) })
+        ]
+      }
+    ),
+    (_d = tokenBalances == null ? void 0 : tokenBalances.erc20TokenBalances) == null ? void 0 : _d.map((token) => /* @__PURE__ */ jsxs10(
+      Box6,
+      {
+        onClick: () => onSend == null ? void 0 : onSend(token),
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          py: 1.5,
+          px: 1,
+          cursor: onSend ? "pointer" : "default",
+          "&:hover": onSend ? {
+            bgcolor: "action.hover",
+            borderRadius: 1
+          } : {},
+          borderRadius: 1
+        },
+        children: [
+          /* @__PURE__ */ jsx14(Box6, { sx: { mr: 2 }, children: /* @__PURE__ */ jsx14(
+            TokenImage,
+            {
+              symbol: token.symbol,
+              logoUri: token.logoUri,
+              size: 32
+            }
+          ) }),
+          /* @__PURE__ */ jsxs10(Box6, { sx: { flex: 1 }, children: [
+            /* @__PURE__ */ jsxs10(Box6, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ jsx14(Typography7, { sx: { fontWeight: 500 }, children: token.symbol }),
+              /* @__PURE__ */ jsx14(
+                Typography7,
+                {
+                  variant: "body2",
+                  sx: {
+                    color: "text.secondary",
+                    fontSize: "12px"
+                  },
+                  children: token.name
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs10(Box6, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ jsxs10(
+                Typography7,
+                {
+                  variant: "body2",
+                  sx: {
+                    color: "text.secondary",
+                    fontSize: "12px"
+                  },
+                  children: [
+                    token.address.slice(0, 6),
+                    "...",
+                    token.address.slice(-4)
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx14(
+                IconButton6,
+                {
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onCopyAddress(token.address);
+                  },
+                  sx: {
+                    padding: 0,
+                    color: "text.secondary",
+                    "&:hover": {
+                      color: "primary.main"
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx14(CopyIcon3, { fontSize: "small" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx14(Box6, { sx: { textAlign: "right" }, children: /* @__PURE__ */ jsx14(Typography7, { sx: { fontWeight: 500 }, children: Number(Number(token.balance) / 10 ** token.decimals).toLocaleString(void 0, {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 6
+          }) }) })
+        ]
+      },
+      token.address
+    ))
+  ] });
+}
+
+// src/components/NonFungibleList.tsx
+import {
+  Box as Box7,
+  Typography as Typography8
+} from "@avalabs/core-k2-components";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function convertIpfsUrl(url) {
+  if (!url) return "/placeholder-nft.png";
+  if (url.startsWith("ipfs://")) {
+    const ipfsHash = url.replace("ipfs://", "");
+    return `https://ipfs.io/ipfs/${ipfsHash}`;
+  }
+  return url;
+}
+function NonFungibleList() {
+  const { wallet } = useAvaCloudWallet();
+  const { chainId } = useChainId();
+  const { data: blockchain } = useBlockchain(chainId == null ? void 0 : chainId.toString());
+  const { data: erc721Response, isLoading: isLoadingERC721 } = useERC721Balances(
+    (wallet == null ? void 0 : wallet.address) || void 0,
+    chainId == null ? void 0 : chainId.toString()
+  );
+  const { data: erc1155Response, isLoading: isLoadingERC1155 } = useERC1155Balances(
+    (wallet == null ? void 0 : wallet.address) || void 0,
+    chainId == null ? void 0 : chainId.toString()
+  );
+  const isLoading = isLoadingERC721 || isLoadingERC1155;
+  const getExplorerUrl = (contractAddress) => {
+    if (!(blockchain == null ? void 0 : blockchain.explorerUrl)) return `https://subnets.avax.network/c-chain/address/${contractAddress}`;
+    return `${blockchain.explorerUrl.replace(/\/$/, "")}/address/${contractAddress}`;
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx15(Box7, { sx: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      height: "100%",
+      minHeight: "200px"
+    }, children: /* @__PURE__ */ jsx15(LoadingAnimation, { size: 80, message: "Loading NFTs..." }) });
+  }
+  const erc721Tokens = (erc721Response == null ? void 0 : erc721Response.erc721TokenBalances) || [];
+  const erc1155Tokens = (erc1155Response == null ? void 0 : erc1155Response.erc1155TokenBalances) || [];
+  if (!erc721Tokens.length && !erc1155Tokens.length) {
+    return /* @__PURE__ */ jsx15(Box7, { sx: {
+      p: 3,
+      textAlign: "center",
+      color: "text.secondary",
+      bgcolor: "background.paper",
+      borderRadius: "8px",
+      border: "1px dashed rgba(0, 0, 0, 0.12)"
+    }, children: /* @__PURE__ */ jsx15(Typography8, { children: "No NFTs found" }) });
+  }
+  return /* @__PURE__ */ jsx15(Box7, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    overflow: "auto"
+  }, children: /* @__PURE__ */ jsxs11(Box7, { sx: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
+    gap: 2,
+    p: 2
+  }, children: [
+    erc721Tokens.map((nft) => {
+      var _a, _b, _c;
+      return /* @__PURE__ */ jsxs11(
+        Box7,
+        {
+          component: "a",
+          href: getExplorerUrl(nft.address),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: {
+            bgcolor: "background.paper",
+            borderRadius: 1,
+            overflow: "hidden",
+            boxShadow: 1,
+            textDecoration: "none",
+            color: "inherit",
+            display: "block",
+            transition: "transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out",
+            "&:hover": {
+              transform: "translateY(-2px)",
+              boxShadow: 2
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx15(Box7, { sx: {
+              position: "relative",
+              paddingTop: "100%",
+              bgcolor: "action.hover"
+            }, children: /* @__PURE__ */ jsx15(
+              Box7,
+              {
+                component: "img",
+                src: convertIpfsUrl((_a = nft.metadata) == null ? void 0 : _a.imageUri),
+                alt: ((_b = nft.metadata) == null ? void 0 : _b.name) || nft.name,
+                sx: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "cover"
+                },
+                onError: (e) => {
+                  const target = e.currentTarget;
+                  target.src = "/placeholder-nft.png";
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs11(Box7, { sx: { p: 1 }, children: [
+              /* @__PURE__ */ jsx15(Typography8, { sx: { fontWeight: 500, fontSize: "14px" }, children: ((_c = nft.metadata) == null ? void 0 : _c.name) || nft.name }),
+              /* @__PURE__ */ jsxs11(Typography8, { sx: { color: "text.secondary", fontSize: "12px" }, children: [
+                "#",
+                nft.tokenId
+              ] })
+            ] })
+          ]
+        },
+        `${nft.address}-${nft.tokenId}`
+      );
+    }),
+    erc1155Tokens.map((nft) => {
+      var _a, _b, _c;
+      return /* @__PURE__ */ jsxs11(
+        Box7,
+        {
+          component: "a",
+          href: getExplorerUrl(nft.address),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: {
+            bgcolor: "background.paper",
+            borderRadius: 1,
+            overflow: "hidden",
+            boxShadow: 1,
+            textDecoration: "none",
+            color: "inherit",
+            display: "block",
+            transition: "transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out",
+            "&:hover": {
+              transform: "translateY(-2px)",
+              boxShadow: 2
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx15(Box7, { sx: {
+              position: "relative",
+              paddingTop: "100%",
+              bgcolor: "action.hover"
+            }, children: /* @__PURE__ */ jsx15(
+              Box7,
+              {
+                component: "img",
+                src: convertIpfsUrl((_a = nft.metadata) == null ? void 0 : _a.imageUri),
+                alt: ((_b = nft.metadata) == null ? void 0 : _b.name) || nft.name,
+                sx: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "cover"
+                },
+                onError: (e) => {
+                  const target = e.currentTarget;
+                  target.src = "/placeholder-nft.png";
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs11(Box7, { sx: { p: 1 }, children: [
+              /* @__PURE__ */ jsx15(Typography8, { sx: { fontWeight: 500, fontSize: "14px" }, children: ((_c = nft.metadata) == null ? void 0 : _c.name) || nft.name }),
+              /* @__PURE__ */ jsxs11(Typography8, { sx: { color: "text.secondary", fontSize: "12px" }, children: [
+                "#",
+                nft.tokenId,
+                " ",
+                nft.balance ? `\xD7 ${nft.balance}` : ""
+              ] })
+            ] })
+          ]
+        },
+        `${nft.address}-${nft.tokenId}`
+      );
+    })
+  ] }) });
+}
+
+// src/components/TokensView.tsx
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+function TokensView({ onSend }) {
+  const [activeTab, setActiveTab] = useState14("tokens");
+  const theme = useTheme2();
+  const handleCopyAddress = (address) => {
+    navigator.clipboard.writeText(address);
+  };
+  const handleTabChange = (_, value) => {
+    setActiveTab(value);
+  };
+  return /* @__PURE__ */ jsxs12(Box8, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    height: "100%",
+    overflow: "hidden"
+  }, children: [
+    /* @__PURE__ */ jsx16(Box8, { sx: { mb: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs12(
+      Tabs,
+      {
+        value: activeTab,
+        onChange: handleTabChange,
+        isContained: true,
+        centered: true,
+        sx: {
+          minHeight: 40,
+          background: theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.05)" : "#F5F5F5",
+          borderRadius: 999,
+          padding: "4px",
+          "& .MuiTabs-indicator": {
+            backgroundColor: theme.palette.mode === "dark" ? "#000000" : "#000000",
+            borderRadius: 999,
+            height: "100%",
+            zIndex: 1
+          },
+          "& .MuiTab-root": {
+            minHeight: 32,
+            borderRadius: 999,
+            color: theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.5)" : "#666666",
+            zIndex: 2,
+            "&.Mui-selected": {
+              color: "#FFFFFF"
+            }
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx16(
+            Tab,
+            {
+              value: "tokens",
+              label: "Tokens"
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            Tab,
+            {
+              value: "nfts",
+              label: "NFTs"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx16(Box8, { sx: {
+      flex: 1,
+      minHeight: 0,
+      position: "relative",
+      maxHeight: "500px",
+      overflow: "auto",
+      "&::-webkit-scrollbar": {
+        width: "8px"
+      },
+      "&::-webkit-scrollbar-track": {
+        background: "transparent"
+      }
+    }, children: activeTab === "tokens" ? /* @__PURE__ */ jsx16(
+      FungibleList,
+      {
+        onSend,
+        onCopyAddress: handleCopyAddress
+      }
+    ) : /* @__PURE__ */ jsx16(NonFungibleList, {}) })
+  ] });
+}
+
+// src/components/WalletHeader.tsx
+import {
+  Box as Box9,
+  Typography as Typography9,
+  IconButton as IconButton7,
+  LogOutIcon
+} from "@avalabs/core-k2-components";
+import { Icon as Icon2 } from "@iconify/react";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+function WalletHeader({ onClose }) {
+  const { user, logout } = useAvaCloudWallet();
+  if (!user) return null;
+  return /* @__PURE__ */ jsxs13(Box9, { sx: {
+    display: "grid",
+    gridTemplateColumns: "repeat(3, 1fr)",
+    alignItems: "center",
+    width: "100%",
+    mb: 1
+  }, children: [
+    /* @__PURE__ */ jsx17(Box9, { sx: {
+      justifySelf: "start",
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    }, children: /* @__PURE__ */ jsx17(
+      IconButton7,
+      {
+        onClick: logout,
+        size: "small",
+        sx: {
+          color: "text.secondary",
+          "&:hover": {
+            color: "text.primary"
+          }
+        },
+        children: /* @__PURE__ */ jsx17(LogOutIcon, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx17(Box9, { sx: { justifySelf: "center" }, children: /* @__PURE__ */ jsx17(
+      Typography9,
+      {
+        variant: "body2",
+        sx: {
+          color: "text.secondary",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: user.displayName
+      }
+    ) }),
+    /* @__PURE__ */ jsx17(Box9, { sx: { justifySelf: "end" }, children: onClose && /* @__PURE__ */ jsx17(
+      IconButton7,
+      {
+        onClick: onClose,
+        sx: { color: "text.secondary" },
+        children: /* @__PURE__ */ jsx17(Icon2, { icon: "ph:x-bold", width: 20, height: 20 })
+      }
+    ) })
+  ] });
+}
+
+// src/components/Buttons/SendButton.tsx
+import { memo } from "react";
+import {
+  Button as Button5,
+  ArrowUpIcon
+} from "@avalabs/core-k2-components";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+function SendButtonComponent({
+  label = "Send",
+  variant = "text",
+  color = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(
+    Button5,
+    {
+      variant,
+      color,
+      ...props,
+      sx: {
+        display: "flex",
+        width: "128px",
+        height: "96px",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "8px",
+        flexShrink: 0,
+        borderRadius: "16px",
+        background: "rgba(0, 0, 0, 0.02)",
+        boxShadow: "2px 1px 4px 0px rgba(0, 0, 0, 0.25)",
+        "& .MuiButton-startIcon": {
+          margin: 0
+        },
+        ...props.sx
+      },
+      children: [
+        /* @__PURE__ */ jsx18(ArrowUpIcon, {}),
+        label
+      ]
+    }
+  );
+}
+var SendButton = memo(SendButtonComponent);
+
+// src/components/Buttons/ReceiveButton.tsx
+import { memo as memo2 } from "react";
+import {
+  Button as Button6,
+  ArrowDownIcon
+} from "@avalabs/core-k2-components";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+function ReceiveButtonComponent({
+  label = "Receive",
+  variant = "text",
+  color = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    Button6,
+    {
+      variant,
+      color,
+      ...props,
+      sx: {
+        display: "flex",
+        width: "128px",
+        height: "96px",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "8px",
+        flexShrink: 0,
+        borderRadius: "16px",
+        background: "rgba(0, 0, 0, 0.02)",
+        boxShadow: "2px 1px 4px 0px rgba(0, 0, 0, 0.25)",
+        "& .MuiButton-startIcon": {
+          margin: 0
+        },
+        ...props.sx
+      },
+      children: [
+        /* @__PURE__ */ jsx19(ArrowDownIcon, {}),
+        label
+      ]
+    }
+  );
+}
+var ReceiveButton = memo2(ReceiveButtonComponent);
+
+// src/components/WalletCard.tsx
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+function WalletCard({ onClose }) {
+  const { user, wallet, isAuthenticated } = useAvaCloudWallet();
+  const { balance, isLoadingBalance, currencySymbol, blockchain } = useGlacier();
+  const [currentView, setCurrentView] = useState15("main");
+  const [selectedToken, setSelectedToken] = useState15();
+  const theme = useTheme3();
+  if (!isAuthenticated || !user) return null;
+  const handleCopy = (e) => {
+    e.stopPropagation();
+    if (wallet.address) {
+      navigator.clipboard.writeText(wallet.address);
+    }
+  };
+  const handleTokenSend = (token) => {
+    setSelectedToken(token);
+    setCurrentView("send");
+  };
+  const renderMainView = () => {
+    var _a;
+    return /* @__PURE__ */ jsxs16(Fragment4, { children: [
+      /* @__PURE__ */ jsx20(Box10, { sx: { textAlign: "center", mb: 3 }, children: /* @__PURE__ */ jsx20(AvaCloudIcon, { width: 64, height: 64, foregroundFill: theme.palette.primary.main }) }),
+      /* @__PURE__ */ jsxs16(Box10, { sx: { textAlign: "center", mb: 4, width: "100%" }, children: [
+        /* @__PURE__ */ jsx20(
+          Typography10,
+          {
+            variant: "h4",
+            sx: {
+              mb: 2,
+              fontWeight: 700,
+              fontSize: "34px",
+              lineHeight: "44px"
+            },
+            children: isLoadingBalance ? /* @__PURE__ */ jsx20(CircularProgress2, { size: 24, sx: { mx: 1 } }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
+              Number(balance || 0).toLocaleString(void 0, {
+                minimumFractionDigits: 0,
+                maximumFractionDigits: 4
+              }),
+              /* @__PURE__ */ jsx20(
+                Box10,
+                {
+                  component: "span",
+                  sx: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    ml: 1,
+                    verticalAlign: "middle",
+                    "& img": {
+                      boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
+                      border: "1px solid rgba(0, 0, 0, 0.05)",
+                      transition: "transform 0.2s ease-in-out",
+                      "&:hover": {
+                        transform: "scale(1.05)"
+                      }
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx20(
+                    TokenImage,
+                    {
+                      symbol: currencySymbol,
+                      logoUri: (_a = blockchain == null ? void 0 : blockchain.networkToken) == null ? void 0 : _a.logoUri,
+                      size: 28
+                    }
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs16(Box10, { sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 1
+        }, children: [
+          /* @__PURE__ */ jsx20(
+            Typography10,
+            {
+              variant: "body2",
+              sx: {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: wallet.address ? `${wallet.address.slice(0, 6)}...${wallet.address.slice(-4)}` : ""
+            }
+          ),
+          /* @__PURE__ */ jsx20(
+            IconButton8,
+            {
+              size: "small",
+              onClick: handleCopy,
+              sx: { color: "text.secondary" },
+              children: /* @__PURE__ */ jsx20(CopyIcon4, {})
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs16(Box10, { sx: { display: "flex", gap: 2, width: "100%", mb: 3, justifyContent: "center" }, children: [
+        /* @__PURE__ */ jsx20(SendButton, { onClick: () => setCurrentView("send") }),
+        /* @__PURE__ */ jsx20(ReceiveButton, { onClick: () => setCurrentView("receive") })
+      ] }),
+      /* @__PURE__ */ jsx20(
+        Button7,
+        {
+          variant: "text",
+          onClick: () => setCurrentView("tokens"),
+          sx: {
+            width: "100%",
+            mb: 3,
+            color: "text.secondary",
+            "&:hover": {
+              color: "primary.main",
+              background: "transparent"
+            }
+          },
+          children: "View All Assets \u2192"
+        }
+      ),
+      /* @__PURE__ */ jsx20(Box10, { sx: { width: "100%" }, children: /* @__PURE__ */ jsx20(PoweredByAvaCloud, {}) })
+    ] });
+  };
+  return /* @__PURE__ */ jsx20(
+    Dialog4,
+    {
+      open: true,
+      PaperProps: {
+        sx: {
+          width: "439px",
+          maxWidth: "90vw",
+          minHeight: "500px",
+          maxHeight: "85vh",
+          borderRadius: "16px",
+          background: theme.palette.mode === "dark" ? theme.palette.background.paper : "#FCFCFC",
+          boxShadow: theme.palette.mode === "dark" ? "0px 4px 6px 0px rgba(0, 0, 0, 0.3), 0px 4px 15px 0px rgba(0, 0, 0, 0.25)" : "0px 4px 6px 0px rgba(0, 0, 0, 0.16), 0px 4px 15px 0px rgba(0, 0, 0, 0.15)",
+          backdropFilter: "blur(50px)",
+          fontFamily: "Inter",
+          display: "flex",
+          flexDirection: "column"
+        }
+      },
+      children: /* @__PURE__ */ jsxs16(
+        DialogContent4,
+        {
+          sx: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "24px",
+            padding: "24px 32px 12px 32px",
+            overflow: "hidden",
+            "&.MuiDialogContent-root": {
+              padding: "24px 32px 12px 32px",
+              fontFamily: "Inter"
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx20(WalletHeader, { onClose }),
+            /* @__PURE__ */ jsx20(
+              Box10,
+              {
+                sx: {
+                  flex: 1,
+                  width: "100%",
+                  minHeight: 0,
+                  overflowY: currentView === "tokens" ? "hidden" : "auto"
+                },
+                children: currentView === "main" ? renderMainView() : currentView === "receive" ? /* @__PURE__ */ jsx20(ReceiveView, { onBack: () => setCurrentView("main") }) : currentView === "send" ? /* @__PURE__ */ jsx20(
+                  SendView,
+                  {
+                    onBack: () => setCurrentView("main"),
+                    selectedToken
+                  }
+                ) : currentView === "tokens" ? /* @__PURE__ */ jsx20(
+                  TokensView,
+                  {
+                    onBack: () => setCurrentView("main"),
+                    onSend: handleTokenSend
+                  }
+                ) : /* @__PURE__ */ jsx20(ExportView, { onBack: () => setCurrentView("main") })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/WalletButton.tsx
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+function WalletButton({
+  label = "Connect Wallet",
+  className = "",
+  ...props
+}) {
+  const { isLoading, isAuthenticated, wallet } = useAvaCloudWallet();
+  const [isModalOpen, setIsModalOpen] = useState16(false);
+  const theme = useTheme4();
+  const { isDarkMode } = useThemeMode();
+  const handleOpen = () => setIsModalOpen(true);
+  const handleClose = () => setIsModalOpen(false);
+  const handleCopy = (e) => {
+    e.stopPropagation();
+    if (wallet.address) {
+      navigator.clipboard.writeText(wallet.address);
+    }
+  };
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ jsxs17(Fragment5, { children: [
+      /* @__PURE__ */ jsx21(
+        Button8,
+        {
+          onClick: handleOpen,
+          disabled: isLoading,
+          variant: "contained",
+          color: "primary",
+          className,
+          sx: {
+            fontFamily: "Inter"
+          },
+          ...props,
+          children: isLoading ? "Loading..." : label
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        LoginModal,
+        {
+          open: isModalOpen,
+          onClose: handleClose
+        }
+      )
+    ] });
+  }
+  const displayAddress = wallet.address ? `${wallet.address.slice(0, 6)}...${wallet.address.slice(-4)}` : "";
+  return /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    /* @__PURE__ */ jsxs17(
+      Button8,
+      {
+        onClick: handleOpen,
+        variant: "outlined",
+        sx: {
+          display: "inline-flex",
+          padding: "12px 16px",
+          alignItems: "center",
+          gap: "16px",
+          borderRadius: "16px",
+          background: isDarkMode ? theme.palette.background.paper : "#FCFCFC",
+          boxShadow: isDarkMode ? "0px 4px 6px 0px rgba(0, 0, 0, 0.3), 0px 4px 15px 0px rgba(0, 0, 0, 0.25)" : "0px 4px 6px 0px rgba(0, 0, 0, 0.16), 0px 4px 15px 0px rgba(0, 0, 0, 0.15)",
+          backdropFilter: "blur(50px)",
+          fontFamily: "Inter",
+          border: `1px solid ${isDarkMode ? "rgba(255, 255, 255, 0.12)" : "rgba(0, 0, 0, 0.12)"}`,
+          transition: "all 0.2s ease-in-out",
+          "&:hover": {
+            background: isDarkMode ? theme.palette.background.paper : "#FCFCFC",
+            borderColor: theme.palette.primary.main,
+            transform: "translateY(-1px)",
+            boxShadow: isDarkMode ? "0px 6px 8px 0px rgba(0, 0, 0, 0.35), 0px 6px 20px 0px rgba(0, 0, 0, 0.3)" : "0px 6px 8px 0px rgba(0, 0, 0, 0.18), 0px 6px 20px 0px rgba(0, 0, 0, 0.17)"
+          },
+          "&:active": {
+            transform: "translateY(0px)",
+            background: isDarkMode ? theme.palette.background.paper : "#FCFCFC",
+            boxShadow: isDarkMode ? "0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 2px 10px 0px rgba(0, 0, 0, 0.25)" : "0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 2px 10px 0px rgba(0, 0, 0, 0.13)"
+          }
+        },
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx21(AvaCloudIcon2, { width: 24, height: 24, foregroundFill: theme.palette.primary.main }),
+          /* @__PURE__ */ jsxs17(Box11, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsx21(
+              Typography11,
+              {
+                variant: "body2",
+                sx: {
+                  fontFamily: "Inter",
+                  fontWeight: 500,
+                  color: theme.palette.text.primary
+                },
+                children: displayAddress
+              }
+            ),
+            /* @__PURE__ */ jsx21(
+              IconButton9,
+              {
+                size: "small",
+                onClick: handleCopy,
+                sx: { color: "text.secondary" },
+                children: /* @__PURE__ */ jsx21(CopyIcon5, {})
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ jsx21(WalletCard, { onClose: handleClose })
+  ] });
+}
+
+// src/components/WalletDisplay.tsx
+import { useState as useState17 } from "react";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+function WalletDisplay({
+  className = "",
+  truncateAddress = true,
+  showAddAccount = true
+}) {
+  const { wallet, addAccount, isAuthenticated } = useAvaCloudWallet();
+  const [isAdding, setIsAdding] = useState17(false);
+  const [accountIndex, setAccountIndex] = useState17(0);
+  if (!isAuthenticated || !wallet.address) {
+    return null;
+  }
+  const displayAddress = truncateAddress ? `${wallet.address.slice(0, 6)}...${wallet.address.slice(-4)}` : wallet.address;
+  const handleAddAccount = async () => {
+    try {
+      setIsAdding(true);
+      await addAccount(accountIndex);
+      setAccountIndex((prev) => prev + 1);
+    } catch (error) {
+      console.error("Failed to add account:", error);
+    } finally {
+      setIsAdding(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs18("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "bg-gray-50 rounded-lg p-4", children: [
+      /* @__PURE__ */ jsx22("div", { className: "text-sm text-gray-500", children: "Wallet Address" }),
+      /* @__PURE__ */ jsx22("div", { className: "mt-1 font-mono text-sm break-all", children: displayAddress })
+    ] }),
+    showAddAccount && /* @__PURE__ */ jsx22(
+      "button",
+      {
+        type: "button",
+        onClick: handleAddAccount,
+        disabled: isAdding,
+        className: "w-full inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed",
+        children: isAdding ? "Adding Account..." : "Add Account"
+      }
+    )
+  ] });
+}
+
+// src/components/UserProfile.tsx
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+function UserProfile({
+  className = "",
+  showLogout = true
+}) {
+  const { user, logout, isAuthenticated } = useAvaCloudWallet();
+  if (!isAuthenticated || !user) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx23("div", { className: `space-y-4 ${className}`, children: /* @__PURE__ */ jsxs19("div", { className: "bg-white shadow rounded-lg p-6", children: [
+    /* @__PURE__ */ jsx23("div", { className: "px-4 py-5 sm:px-6", children: /* @__PURE__ */ jsx23("h3", { className: "text-lg font-medium leading-6 text-gray-900", children: "User Profile" }) }),
+    /* @__PURE__ */ jsx23("div", { className: "border-t border-gray-200", children: /* @__PURE__ */ jsxs19("dl", { children: [
+      /* @__PURE__ */ jsxs19("div", { className: "bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", children: [
+        /* @__PURE__ */ jsx23("dt", { className: "text-sm font-medium text-gray-500", children: "Display Name" }),
+        /* @__PURE__ */ jsx23("dd", { className: "mt-1 text-sm text-gray-900 sm:col-span-2", children: user.displayName })
+      ] }),
+      user.email && /* @__PURE__ */ jsxs19("div", { className: "bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", children: [
+        /* @__PURE__ */ jsx23("dt", { className: "text-sm font-medium text-gray-500", children: "Email address" }),
+        /* @__PURE__ */ jsx23("dd", { className: "mt-1 text-sm text-gray-900 sm:col-span-2", children: user.email })
+      ] }),
+      user.configured_mfa && user.configured_mfa.length > 0 && /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx23("div", { className: "text-sm font-medium text-gray-500", children: "MFA Methods" }),
+        /* @__PURE__ */ jsx23("div", { className: "mt-1 space-y-1", children: user.configured_mfa.map((method) => {
+          const mfaMethod = typeof method === "string" ? { type: method } : method;
+          return /* @__PURE__ */ jsx23(
+            "div",
+            {
+              className: "text-sm text-gray-900",
+              children: mfaMethod.type === "totp" ? "Authenticator App" : mfaMethod.name
+            },
+            mfaMethod.type === "fido" ? mfaMethod.id : `totp-${mfaMethod.type}`
+          );
+        }) })
+      ] })
+    ] }) }),
+    showLogout && /* @__PURE__ */ jsx23("div", { className: "mt-6", children: /* @__PURE__ */ jsx23(
+      "button",
+      {
+        type: "button",
+        onClick: logout,
+        className: "w-full inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500",
+        children: "Sign Out"
+      }
+    ) })
+  ] }) });
+}
+
+// src/hooks/useSignMessage.ts
+import { useCallback as useCallback8, useState as useState18 } from "react";
+import { Secp256k1 as Secp256k12 } from "@cubist-labs/cubesigner-sdk";
+function useSignMessage() {
+  const [state, setState] = useState18({
+    isLoading: false,
+    error: null,
+    signature: null
+  });
+  const { wallet, cubistClient } = useAvaCloudWallet();
+  const reset = useCallback8(() => {
+    setState({
+      isLoading: false,
+      error: null,
+      signature: null
+    });
+  }, []);
+  const signMessage = useCallback8(async (message) => {
+    if (!cubistClient || !wallet.address) {
+      setState((prev) => ({
+        ...prev,
+        error: "Client not initialized"
+      }));
+      return;
+    }
+    setState((prev) => ({
+      ...prev,
+      isLoading: true,
+      error: null
+    }));
+    try {
+      const key = await cubistClient.org().getKeyByMaterialId(Secp256k12.Evm, wallet.address);
+      const sig = await key.signBlob({
+        message_base64: btoa(message)
+      });
+      const signature = `0x${sig.data().signature}`;
+      setState((prev) => ({ ...prev, signature }));
+    } catch (err) {
+      setState((prev) => ({
+        ...prev,
+        error: err instanceof Error ? err.message : "Failed to sign message"
+      }));
+    } finally {
+      setState((prev) => ({ ...prev, isLoading: false }));
+    }
+  }, [cubistClient, wallet.address]);
+  return {
+    ...state,
+    signMessage,
+    reset
+  };
+}
+
+// src/hooks/useSignTransaction.ts
+import { useCallback as useCallback9, useState as useState19 } from "react";
+import { Secp256k1 as Secp256k13 } from "@cubist-labs/cubesigner-sdk";
+function useSignTransaction() {
+  const [state, setState] = useState19({
+    isLoading: false,
+    error: null,
+    signature: null,
+    signedTransaction: null
+  });
+  const { wallet, cubistClient } = useAvaCloudWallet();
+  const { publicClient } = useViem();
+  const reset = useCallback9(() => {
+    setState({
+      isLoading: false,
+      error: null,
+      signature: null,
+      signedTransaction: null
+    });
+  }, []);
+  const signTransaction = useCallback9(async (transaction) => {
+    var _a, _b, _c, _d;
+    console.log("Signing transaction with:", {
+      wallet: wallet == null ? void 0 : wallet.address,
+      hasClient: !!cubistClient,
+      hasPublicClient: !!publicClient,
+      chain: publicClient == null ? void 0 : publicClient.chain
+    });
+    if (!(wallet == null ? void 0 : wallet.address)) {
+      setState((prev) => ({
+        ...prev,
+        error: "Wallet not connected"
+      }));
+      return;
+    }
+    if (!cubistClient) {
+      setState((prev) => ({
+        ...prev,
+        error: "Cubist client not initialized"
+      }));
+      return;
+    }
+    if (!(publicClient == null ? void 0 : publicClient.chain)) {
+      setState((prev) => ({
+        ...prev,
+        error: "Public client or chain not initialized"
+      }));
+      return;
+    }
+    setState((prev) => ({
+      ...prev,
+      isLoading: true,
+      error: null
+    }));
+    try {
+      const key = await cubistClient.org().getKeyByMaterialId(Secp256k13.Evm, wallet.address);
+      if (!key) {
+        throw new Error("No signing key available");
+      }
+      const signReq = {
+        chain_id: publicClient.chain.id,
+        tx: {
+          to: transaction.to || void 0,
+          value: (_a = transaction.value) == null ? void 0 : _a.toString(),
+          data: transaction.data || "0x",
+          nonce: (_b = transaction.nonce) == null ? void 0 : _b.toString(),
+          type: "0x2",
+          // EIP-1559
+          maxFeePerGas: (_c = transaction.maxFeePerGas) == null ? void 0 : _c.toString(),
+          maxPriorityFeePerGas: (_d = transaction.maxPriorityFeePerGas) == null ? void 0 : _d.toString()
+        }
+      };
+      console.log("Signing request:", signReq);
+      const sig = await key.signEvm(signReq);
+      const signedTx = sig.data().rlp_signed_tx;
+      setState((prev) => ({
+        ...prev,
+        signedTransaction: signedTx
+      }));
+    } catch (err) {
+      console.error("Error signing transaction:", err);
+      setState((prev) => ({
+        ...prev,
+        error: err instanceof Error ? err.message : "Failed to sign transaction"
+      }));
+    } finally {
+      setState((prev) => ({ ...prev, isLoading: false }));
+    }
+  }, [wallet == null ? void 0 : wallet.address, publicClient, cubistClient]);
+  return {
+    ...state,
+    signTransaction,
+    reset
+  };
+}
+
+// src/hooks/useUserWallets.ts
+import { useCallback as useCallback10, useState as useState20 } from "react";
+function useUserWallets() {
+  const [error, setError] = useState20(null);
+  const [isLoading, setIsLoading] = useState20(false);
+  const getWallets = useCallback10(async (client) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const mnemonics = await client.org().keys();
+      if (mnemonics.length === 0) {
+        return [];
+      }
+      const wallets = mnemonics.map((key) => ({
+        address: key.materialId,
+        mnemonicId: key.id
+      }));
+      return wallets;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Failed to get user wallets");
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  return {
+    getWallets,
+    error,
+    isLoading
+  };
+}
+export {
+  AvaCloudWalletProvider,
+  ExportView,
+  LoginButton,
+  ReceiveView,
+  SendView,
+  ThemeProvider,
+  TokensView,
+  UserProfile,
+  VM,
+  WalletButton,
+  WalletCard,
+  WalletDisplay,
+  useAuth,
+  useAvaCloudWallet,
+  useChainId,
+  usePostMessage,
+  useSignMessage,
+  useSignTransaction,
+  useThemeMode,
+  useTransferTokens,
+  useUserWallets
+};