@kryptos_connect/mobile-sdk 1.0.6 → 2.0.1-dev.0

package/dist/index.mjs

@@ -1,4832 +0,0 @@
-// src/KryptosConnectButton.tsx
-import React39, { useEffect as useEffect5, useState as useState4 } from "react";
-import { StyleSheet as StyleSheet21, Text as Text19, TouchableOpacity as TouchableOpacity9, View as View21 } from "react-native";
-
-// src/contexts/KryptosContext.tsx
-import React from "react";
-
-// src/services/api.ts
-import axios from "axios";
-
-// src/config/index.ts
-var getBaseUrl = () => {
-  return getGlobalBaseUrl() || "https://connect-api.kryptos.io/";
-};
-var isSvgUrl = (url) => {
-  if (!url) return false;
-  const urlWithoutParams = url.split("?")[0].split("#")[0];
-  return /\.svg$/i.test(urlWithoutParams);
-};
-
-// src/services/api.ts
-var api = axios.create({
-  headers: {
-    "Content-Type": "application/json"
-  }
-});
-api.interceptors.request.use((config) => {
-  config.baseURL = getBaseUrl();
-  return config;
-});
-var SCOPES = "openid profile offline_access email portfolios:read transactions:read integrations:read tax:read accounting:read reports:read workspace:read users:read";
-async function sendEmailOtp(linkToken, email, clientId) {
-  const res = await api.post(
-    "/v1/sendEmailOTP",
-    {
-      email,
-      purpose: "login",
-      clientId
-    },
-    {
-      headers: {
-        "X-LINK-TOKEN": linkToken
-      }
-    }
-  );
-  return res.data;
-}
-async function loginWithOtp(linkToken, email, code, clientId) {
-  const res = await api.post(
-    "/v1/loginUserUsingOTP",
-    {
-      email,
-      code,
-      clientId,
-      purpose: "login"
-    },
-    {
-      headers: {
-        "X-LINK-TOKEN": linkToken
-      }
-    }
-  );
-  return res.data;
-}
-async function createAnonymousUser(linkToken, clientId) {
-  const res = await api.post(
-    "/link-token/login",
-    { clientId },
-    {
-      headers: {
-        "X-LINK-TOKEN": linkToken
-      }
-    }
-  );
-  return res.data?.data;
-}
-async function addUserIntegration(linkToken, integration) {
-  const res = await api.post(
-    "/integrations/keys",
-    { keys: [...integration] },
-    {
-      headers: {
-        "X-LINK-TOKEN": linkToken
-      }
-    }
-  );
-  return res.data?.data;
-}
-async function giveUserConsent(linkToken) {
-  const res = await api.post(
-    "/consent",
-    {
-      granted_scopes: SCOPES
-    },
-    {
-      headers: {
-        "X-LINK-TOKEN": linkToken
-      }
-    }
-  );
-  return res.data?.data;
-}
-async function testCredentials(linkToken, data) {
-  const res = await api.post("/integrations/credentials/test", data, {
-    headers: {
-      "X-LINK-TOKEN": linkToken
-    }
-  });
-  return res.data?.data;
-}
-async function getSupportedProviders(linkToken, id) {
-  const res = await api.get(`/integrations/providers${id ? `?id=${id}` : ""}`, {
-    headers: {
-      "X-LINK-TOKEN": linkToken
-    }
-  });
-  return res.data?.data;
-}
-async function getUserIntegrations(linkToken) {
-  const res = await api.get("/integrations", {
-    headers: {
-      "X-LINK-TOKEN": linkToken
-    }
-  });
-  return res.data?.data;
-}
-async function getUserUsedChains(linkToken, address) {
-  const res = await api.get("/integrations/user-used-chain", {
-    headers: {
-      "X-LINK-TOKEN": linkToken
-    },
-    params: {
-      id: address
-    }
-  });
-  return res.data?.data?.chains || [];
-}
-async function getClientInfo(linkToken) {
-  const res = await api.get("/client", {
-    headers: {
-      "X-LINK-TOKEN": linkToken
-    }
-  });
-  return res.data?.data;
-}
-async function getUserInfo(linkToken) {
-  const res = await api.get("/link-token/session", {
-    headers: {
-      "X-LINK-TOKEN": linkToken
-    }
-  });
-  return res.data?.data;
-}
-
-// src/contexts/KryptosContext.tsx
-var globalBaseUrl;
-var getGlobalBaseUrl = () => globalBaseUrl;
-var KryptosContext = React.createContext(
-  void 0
-);
-var KryptosConnectProvider = ({ children, config }) => {
-  const [isInitialized, setIsInitialized] = React.useState(false);
-  const [linkToken, setLinkToken] = React.useState("");
-  const [user, setUser] = React.useState(null);
-  const [email, setEmail] = React.useState("");
-  const [userConsent, setUserConsent] = React.useState(
-    null
-  );
-  const [isAuthorized, setIsAuthorized] = React.useState(false);
-  const [clientInfo, setClientInfo] = React.useState(null);
-  React.useEffect(() => {
-    globalBaseUrl = config.baseUrl;
-  }, [config.baseUrl]);
-  React.useEffect(() => {
-    const fetchClientInfo = async () => {
-      if (linkToken) {
-        const res = await getClientInfo(linkToken);
-        setClientInfo(res);
-      }
-    };
-    fetchClientInfo();
-  }, [linkToken]);
-  return /* @__PURE__ */ React.createElement(
-    KryptosContext.Provider,
-    {
-      value: {
-        ...config,
-        isInitialized,
-        setIsInitialized,
-        linkToken,
-        setLinkToken,
-        user,
-        setUser,
-        email,
-        setEmail,
-        userConsent,
-        setUserConsent,
-        clientInfo,
-        isAuthorized,
-        setIsAuthorized
-      }
-    },
-    children
-  );
-};
-var useKryptosConnect = () => {
-  const ctx = React.useContext(KryptosContext);
-  if (!ctx)
-    throw new Error(
-      "useKryptosConnect must be used inside <KryptosConnectProvider>"
-    );
-  return ctx;
-};
-
-// src/hooks/useTheme.ts
-import React2 from "react";
-
-// src/theme/index.ts
-var lightTheme = {
-  colors: {
-    primary: "#00C693",
-    primaryDark: "#00A67A",
-    background: "#FFFFFF",
-    surface: "#F8F9FA",
-    surfaceSecondary: "#F1F3F5",
-    text: "#1A1A1A",
-    textSecondary: "#6B7280",
-    textTertiary: "#9CA3AF",
-    border: "#E5E7EB",
-    borderLight: "#F3F4F6",
-    error: "#EF4444",
-    errorLight: "#FEE2E2",
-    success: "#10B981",
-    successLight: "#D1FAE5",
-    warning: "#F59E0B",
-    warningLight: "#FEF3C7",
-    warningText: "#92400E",
-    overlay: "rgba(0, 0, 0, 0.5)",
-    white: "#FFFFFF",
-    black: "#000000"
-  },
-  spacing: {
-    xs: 4,
-    sm: 8,
-    md: 12,
-    lg: 16,
-    xl: 20,
-    xxl: 24,
-    xxxl: 32
-  },
-  borderRadius: {
-    xs: 4,
-    sm: 8,
-    md: 12,
-    lg: 16,
-    xl: 20,
-    full: 9999
-  },
-  fontSize: {
-    xs: 10,
-    sm: 12,
-    md: 14,
-    lg: 16,
-    xl: 18,
-    xxl: 20,
-    xxxl: 24,
-    display: 32
-  },
-  fontWeight: {
-    regular: "400",
-    medium: "500",
-    semibold: "600",
-    bold: "700"
-  },
-  shadow: {
-    sm: {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 1 },
-      shadowOpacity: 0.05,
-      shadowRadius: 2,
-      elevation: 1
-    },
-    md: {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 2 },
-      shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 3
-    },
-    lg: {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 4 },
-      shadowOpacity: 0.15,
-      shadowRadius: 8,
-      elevation: 5
-    }
-  }
-};
-var darkTheme = {
-  colors: {
-    primary: "#00C693",
-    primaryDark: "#00A67A",
-    background: "#0F0F0F",
-    surface: "#1A1A1A",
-    surfaceSecondary: "#252525",
-    text: "#FFFFFF",
-    textSecondary: "#A1A1A1",
-    textTertiary: "#6B6B6B",
-    border: "#2D2D2D",
-    borderLight: "#1F1F1F",
-    error: "#EF4444",
-    errorLight: "#7F1D1D",
-    success: "#10B981",
-    successLight: "#065F46",
-    warning: "#F59E0B",
-    warningLight: "#78350F",
-    warningText: "#FEF3C7",
-    overlay: "rgba(0, 0, 0, 0.7)",
-    white: "#FFFFFF",
-    black: "#000000"
-  },
-  spacing: lightTheme.spacing,
-  borderRadius: lightTheme.borderRadius,
-  fontSize: lightTheme.fontSize,
-  fontWeight: lightTheme.fontWeight,
-  shadow: {
-    sm: {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 1 },
-      shadowOpacity: 0.2,
-      shadowRadius: 2,
-      elevation: 1
-    },
-    md: {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 2 },
-      shadowOpacity: 0.3,
-      shadowRadius: 4,
-      elevation: 3
-    },
-    lg: {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 4 },
-      shadowOpacity: 0.4,
-      shadowRadius: 8,
-      elevation: 5
-    }
-  }
-};
-var getTheme = (isDark) => {
-  return isDark ? darkTheme : lightTheme;
-};
-
-// src/hooks/useTheme.ts
-var useTheme = () => {
-  const { theme } = useKryptosConnect();
-  const currentTheme = React2.useMemo(() => {
-    return getTheme(theme === "dark");
-  }, [theme]);
-  return currentTheme;
-};
-
-// src/components/Button.tsx
-import React3 from "react";
-import {
-  TouchableOpacity,
-  Text,
-  StyleSheet,
-  ActivityIndicator,
-  View
-} from "react-native";
-var Button = ({
-  variant = "primary",
-  size = "md",
-  children,
-  onPress,
-  disabled = false,
-  loading = false,
-  style,
-  textStyle
-}) => {
-  const theme = useTheme();
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "primary":
-        return {
-          backgroundColor: disabled ? theme.colors.textTertiary : theme.colors.primary,
-          borderWidth: 0
-        };
-      case "secondary":
-        return {
-          backgroundColor: disabled ? theme.colors.surfaceSecondary : theme.colors.surface,
-          borderWidth: 1,
-          borderColor: theme.colors.border
-        };
-      case "outline":
-        return {
-          backgroundColor: "transparent",
-          borderWidth: 1,
-          borderColor: disabled ? theme.colors.textTertiary : theme.colors.primary
-        };
-      case "ghost":
-        return {
-          backgroundColor: "transparent",
-          borderWidth: 0
-        };
-      case "success":
-        return {
-          backgroundColor: disabled ? theme.colors.textTertiary : theme.colors.success,
-          borderWidth: 0
-        };
-      case "error":
-        return {
-          backgroundColor: disabled ? theme.colors.textTertiary : theme.colors.error,
-          borderWidth: 0
-        };
-      default:
-        return {};
-    }
-  };
-  const getTextColor = () => {
-    if (disabled) {
-      return variant === "outline" || variant === "ghost" ? theme.colors.textTertiary : theme.colors.white;
-    }
-    switch (variant) {
-      case "primary":
-      case "success":
-      case "error":
-        return theme.colors.white;
-      case "secondary":
-        return theme.colors.text;
-      case "outline":
-        return theme.colors.primary;
-      case "ghost":
-        return theme.colors.text;
-      default:
-        return theme.colors.white;
-    }
-  };
-  const getSizeStyles = () => {
-    switch (size) {
-      case "sm":
-        return {
-          button: {
-            paddingVertical: theme.spacing.sm,
-            paddingHorizontal: theme.spacing.md,
-            borderRadius: theme.borderRadius.sm
-          },
-          text: {
-            fontSize: theme.fontSize.sm
-          }
-        };
-      case "md":
-        return {
-          button: {
-            paddingVertical: theme.spacing.md,
-            paddingHorizontal: theme.spacing.lg,
-            borderRadius: theme.borderRadius.md
-          },
-          text: {
-            fontSize: theme.fontSize.md
-          }
-        };
-      case "lg":
-        return {
-          button: {
-            paddingVertical: theme.spacing.lg,
-            paddingHorizontal: theme.spacing.xl,
-            borderRadius: theme.borderRadius.md
-          },
-          text: {
-            fontSize: theme.fontSize.lg
-          }
-        };
-      default:
-        return {
-          button: {},
-          text: {}
-        };
-    }
-  };
-  const sizeStyles = getSizeStyles();
-  return /* @__PURE__ */ React3.createElement(
-    TouchableOpacity,
-    {
-      onPress,
-      disabled: disabled || loading,
-      activeOpacity: 0.7,
-      style: [
-        styles.button,
-        getVariantStyles(),
-        sizeStyles.button,
-        disabled && styles.disabled,
-        style
-      ]
-    },
-    loading ? /* @__PURE__ */ React3.createElement(ActivityIndicator, { size: "small", color: getTextColor() }) : typeof children === "string" ? /* @__PURE__ */ React3.createElement(
-      Text,
-      {
-        style: [
-          styles.text,
-          { color: getTextColor() },
-          sizeStyles.text,
-          textStyle
-        ]
-      },
-      children
-    ) : /* @__PURE__ */ React3.createElement(View, { style: styles.contentContainer }, children)
-  );
-};
-var styles = StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 44
-  },
-  text: {
-    fontWeight: "600",
-    textAlign: "center"
-  },
-  disabled: {
-    opacity: 0.6
-  },
-  contentContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-
-// src/components/Input.tsx
-import React4 from "react";
-import {
-  View as View2,
-  TextInput,
-  Text as Text2,
-  StyleSheet as StyleSheet2
-} from "react-native";
-var Input = ({
-  label,
-  error,
-  helperText,
-  status = "default",
-  containerStyle,
-  inputStyle,
-  labelStyle,
-  ...props
-}) => {
-  const theme = useTheme();
-  const inputStatus = error ? "error" : status;
-  const getBorderColor = () => {
-    switch (inputStatus) {
-      case "error":
-        return theme.colors.error;
-      case "success":
-        return theme.colors.success;
-      default:
-        return theme.colors.border;
-    }
-  };
-  return /* @__PURE__ */ React4.createElement(View2, { style: [styles2.wrapper, containerStyle] }, label && /* @__PURE__ */ React4.createElement(
-    Text2,
-    {
-      style: [
-        styles2.label,
-        { color: theme.colors.text, fontSize: theme.fontSize.sm },
-        labelStyle
-      ]
-    },
-    label
-  ), /* @__PURE__ */ React4.createElement(
-    TextInput,
-    {
-      placeholderTextColor: theme.colors.textTertiary,
-      style: [
-        styles2.input,
-        {
-          backgroundColor: theme.colors.surface,
-          borderColor: getBorderColor(),
-          color: theme.colors.text,
-          fontSize: theme.fontSize.md,
-          borderRadius: theme.borderRadius.md,
-          paddingHorizontal: theme.spacing.lg,
-          paddingVertical: theme.spacing.md
-        },
-        inputStyle
-      ],
-      ...props
-    }
-  ), error && /* @__PURE__ */ React4.createElement(
-    Text2,
-    {
-      style: [
-        styles2.error,
-        { color: theme.colors.error, fontSize: theme.fontSize.sm }
-      ]
-    },
-    error
-  ), helperText && !error && /* @__PURE__ */ React4.createElement(
-    Text2,
-    {
-      style: [
-        styles2.helper,
-        {
-          color: theme.colors.textSecondary,
-          fontSize: theme.fontSize.sm
-        }
-      ]
-    },
-    helperText
-  ));
-};
-var styles2 = StyleSheet2.create({
-  wrapper: {
-    marginBottom: 16
-    // theme.spacing.lg - consistent form spacing
-  },
-  label: {
-    fontWeight: "500",
-    marginBottom: 8
-    // theme.spacing.sm
-  },
-  input: {
-    borderWidth: 1,
-    minHeight: 48
-  },
-  error: {
-    marginTop: 4
-    // theme.spacing.xs
-  },
-  helper: {
-    marginTop: 4
-    // theme.spacing.xs
-  }
-});
-
-// src/components/Alert.tsx
-import React5 from "react";
-import { StyleSheet as StyleSheet3, Text as Text3, View as View3 } from "react-native";
-var Alert = ({
-  variant = "default",
-  children,
-  style
-}) => {
-  const theme = useTheme();
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "destructive":
-        return {
-          backgroundColor: theme.colors.errorLight,
-          borderColor: theme.colors.error
-        };
-      default:
-        return {
-          backgroundColor: theme.colors.surface,
-          borderColor: theme.colors.border
-        };
-    }
-  };
-  return /* @__PURE__ */ React5.createElement(
-    View3,
-    {
-      style: [
-        styles3.alert,
-        {
-          borderRadius: theme.borderRadius.md,
-          padding: theme.spacing.md
-        },
-        getVariantStyles(),
-        style
-      ]
-    },
-    children
-  );
-};
-var AlertTitle = ({ children, style }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React5.createElement(
-    Text3,
-    {
-      style: [
-        styles3.title,
-        {
-          color: theme.colors.text,
-          fontSize: theme.fontSize.md,
-          textAlign: "center"
-        },
-        style
-      ]
-    },
-    children
-  );
-};
-var AlertDescription = ({
-  children,
-  style
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React5.createElement(
-    Text3,
-    {
-      style: [
-        styles3.description,
-        {
-          color: theme.colors.text,
-          fontSize: theme.fontSize.md
-        },
-        style
-      ]
-    },
-    children
-  );
-};
-var styles3 = StyleSheet3.create({
-  alert: {
-    borderWidth: 1,
-    marginVertical: 12
-    // theme.spacing.md - consistent alert spacing
-  },
-  title: {
-    fontWeight: "600",
-    marginBottom: 4
-    // theme.spacing.xs
-  },
-  description: {
-    lineHeight: 18,
-    textAlign: "center"
-  }
-});
-
-// src/components/Modal.tsx
-import React7 from "react";
-import {
-  Dimensions,
-  KeyboardAvoidingView,
-  Platform,
-  Modal as RNModal,
-  ScrollView,
-  StyleSheet as StyleSheet4,
-  Text as Text4,
-  TouchableOpacity as TouchableOpacity2,
-  View as View4
-} from "react-native";
-
-// src/assets/CloseIcon.tsx
-import React6 from "react";
-import Svg, { Path } from "react-native-svg";
-var CloseIcon = ({
-  size = 20,
-  color = "#000"
-}) => {
-  return /* @__PURE__ */ React6.createElement(Svg, { width: size, height: size, viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ React6.createElement(
-    Path,
-    {
-      d: "M15 5L5 15M5 5L15 15",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/components/Modal.tsx
-var { height: SCREEN_HEIGHT } = Dimensions.get("window");
-var Modal = ({
-  isOpen,
-  onClose,
-  children,
-  size = "md",
-  closeOnOverlayClick = true,
-  disableClose = true,
-  style
-}) => {
-  const theme = useTheme();
-  const getSizeStyles = () => {
-    switch (size) {
-      case "xs":
-        return { maxHeight: SCREEN_HEIGHT * 0.4 };
-      case "sm":
-        return { maxHeight: SCREEN_HEIGHT * 0.45 };
-      case "md":
-        return { maxHeight: SCREEN_HEIGHT * 0.55 };
-      case "lg":
-        return { maxHeight: SCREEN_HEIGHT * 0.65 };
-      case "xl":
-        return { maxHeight: SCREEN_HEIGHT * 0.75 };
-      case "full":
-        return { maxHeight: SCREEN_HEIGHT * 0.85 };
-      default:
-        return { maxHeight: SCREEN_HEIGHT * 0.6 };
-    }
-  };
-  const handleOverlayPress = () => {
-    if (!disableClose && closeOnOverlayClick) onClose();
-  };
-  return /* @__PURE__ */ React7.createElement(
-    KeyboardAvoidingView,
-    {
-      behavior: Platform.OS === "ios" ? "padding" : "height",
-      style: styles4.keyboardView
-    },
-    /* @__PURE__ */ React7.createElement(
-      RNModal,
-      {
-        visible: isOpen,
-        transparent: true,
-        animationType: "none",
-        statusBarTranslucent: true,
-        onRequestClose: disableClose ? void 0 : onClose
-      },
-      /* @__PURE__ */ React7.createElement(
-        TouchableOpacity2,
-        {
-          activeOpacity: 1,
-          style: [styles4.overlay, { backgroundColor: theme.colors.overlay }],
-          onPress: handleOverlayPress
-        },
-        /* @__PURE__ */ React7.createElement(
-          View4,
-          {
-            style: [
-              styles4.container,
-              {
-                backgroundColor: theme.colors.background,
-                borderTopLeftRadius: theme.borderRadius.xl,
-                borderTopRightRadius: theme.borderRadius.xl,
-                ...theme.shadow.lg,
-                paddingBottom: theme.spacing.xl
-                // 20
-              },
-              getSizeStyles(),
-              style
-            ],
-            onStartShouldSetResponder: () => true
-          },
-          children
-        )
-      )
-    )
-  );
-};
-var ModalHeader = ({
-  children,
-  onClose,
-  showCloseButton = true,
-  style
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React7.createElement(
-    View4,
-    {
-      style: [
-        styles4.header,
-        {
-          borderBottomColor: theme.colors.border,
-          paddingHorizontal: theme.spacing.lg,
-          paddingVertical: theme.spacing.md
-        },
-        style
-      ]
-    },
-    /* @__PURE__ */ React7.createElement(View4, { style: styles4.headerContent }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(
-      Text4,
-      {
-        style: [
-          styles4.title,
-          { color: theme.colors.text, fontSize: theme.fontSize.lg }
-        ]
-      },
-      children
-    ) : children),
-    showCloseButton && onClose && /* @__PURE__ */ React7.createElement(
-      TouchableOpacity2,
-      {
-        onPress: onClose,
-        hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
-        style: [
-          styles4.closeButton,
-          { backgroundColor: theme.colors.surface }
-        ]
-      },
-      /* @__PURE__ */ React7.createElement(CloseIcon, { color: theme.colors.text, size: 20 })
-    )
-  );
-};
-var ModalBody = ({
-  children,
-  style,
-  scrollable = true
-}) => {
-  const theme = useTheme();
-  if (scrollable) {
-    return /* @__PURE__ */ React7.createElement(
-      ScrollView,
-      {
-        style: styles4.bodyScroll,
-        contentContainerStyle: [
-          styles4.bodyContent,
-          { padding: theme.spacing.lg },
-          style
-        ],
-        showsVerticalScrollIndicator: false,
-        keyboardShouldPersistTaps: "handled"
-      },
-      children
-    );
-  }
-  return /* @__PURE__ */ React7.createElement(View4, { style: [styles4.body, { padding: theme.spacing.lg }, style] }, children);
-};
-var ModalFooter = ({
-  children,
-  style
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React7.createElement(
-    View4,
-    {
-      style: [
-        styles4.footer,
-        {
-          borderTopColor: theme.colors.border,
-          paddingHorizontal: theme.spacing.lg,
-          paddingVertical: theme.spacing.md
-        },
-        style
-      ]
-    },
-    children
-  );
-};
-var styles4 = StyleSheet4.create({
-  keyboardView: {
-    flex: 1
-  },
-  overlay: {
-    flex: 1,
-    justifyContent: "flex-end",
-    alignItems: "center"
-    // 🔥 ensures modal respects height
-  },
-  container: {
-    width: "100%",
-    overflow: "hidden",
-    alignSelf: "center",
-    flexDirection: "column",
-    maxWidth: "100%",
-    minHeight: 0,
-    flexShrink: 1,
-    flexGrow: 1
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    borderBottomWidth: 1
-  },
-  headerContent: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  title: {
-    fontWeight: "600"
-  },
-  closeButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: 12
-  },
-  bodyScroll: {
-    flexShrink: 1
-  },
-  bodyContent: {
-    flexGrow: 1,
-    paddingBottom: 20
-  },
-  body: {
-    flex: 1
-  },
-  footer: {
-    borderTopWidth: 1
-  }
-});
-
-// src/components/OTP.tsx
-import React8 from "react";
-import {
-  View as View5,
-  TextInput as TextInput2,
-  Text as Text5,
-  StyleSheet as StyleSheet5
-} from "react-native";
-var OTP = ({
-  length = 6,
-  value = "",
-  onChange,
-  onComplete,
-  error,
-  label,
-  disabled = false,
-  containerStyle,
-  inputStyle,
-  setErrorMessage
-}) => {
-  const theme = useTheme();
-  const AUTO_SUBMIT_DELAY = 500;
-  const [otp, setOtp] = React8.useState(
-    value.split("").concat(Array(length).fill("")).slice(0, length)
-  );
-  const inputRefs = React8.useRef([]);
-  React8.useEffect(() => {
-    const isComplete = otp.every((digit) => digit !== "");
-    let timer;
-    if (isComplete && onComplete) {
-      timer = setTimeout(() => {
-        onComplete(otp.join(""));
-      }, AUTO_SUBMIT_DELAY);
-    }
-    return () => {
-      if (timer) clearTimeout(timer);
-    };
-  }, [otp, onComplete]);
-  React8.useEffect(() => {
-    setTimeout(() => {
-      inputRefs.current[0]?.focus();
-    }, 100);
-  }, []);
-  const handleChange = React8.useCallback(
-    (index, val) => {
-      if (disabled) return;
-      setErrorMessage("");
-      const numericValue = val.replace(/[^0-9]/g, "");
-      const newValue = numericValue.slice(-1);
-      if (val && !numericValue) {
-        return;
-      }
-      const newOtp = [...otp];
-      newOtp[index] = newValue;
-      setOtp(newOtp);
-      const otpString = newOtp.join("");
-      onChange?.(otpString);
-      if (newValue && index < length - 1) {
-        inputRefs.current[index + 1]?.focus();
-      }
-      if (otpString.length === length && !otpString.includes("")) {
-        onComplete?.(otpString);
-      }
-    },
-    [otp, length, onChange, onComplete, disabled]
-  );
-  const handleKeyPress = React8.useCallback(
-    (index, e) => {
-      if (disabled) return;
-      if (e.nativeEvent.key === "Backspace") {
-        if (!otp[index] && index > 0) {
-          inputRefs.current[index - 1]?.focus();
-        } else {
-          const newOtp = [...otp];
-          newOtp[index] = "";
-          setOtp(newOtp);
-          onChange?.(newOtp.join(""));
-        }
-      }
-    },
-    [otp, onChange, disabled]
-  );
-  const getBorderColor = (index) => {
-    if (error) return theme.colors.error;
-    if (otp[index]) return theme.colors.success;
-    return theme.colors.border;
-  };
-  return /* @__PURE__ */ React8.createElement(View5, { style: [styles5.wrapper, containerStyle] }, label && /* @__PURE__ */ React8.createElement(
-    Text5,
-    {
-      style: [
-        styles5.label,
-        { color: theme.colors.text, fontSize: theme.fontSize.sm }
-      ]
-    },
-    label
-  ), /* @__PURE__ */ React8.createElement(View5, { style: styles5.container }, Array.from({ length }, (_, index) => /* @__PURE__ */ React8.createElement(
-    TextInput2,
-    {
-      key: index,
-      ref: (el) => inputRefs.current[index] = el,
-      style: [
-        styles5.input,
-        {
-          backgroundColor: theme.colors.surface,
-          borderColor: getBorderColor(index),
-          color: theme.colors.text,
-          fontSize: theme.fontSize.xxl,
-          borderRadius: theme.borderRadius.md
-        },
-        inputStyle
-      ],
-      keyboardType: "numeric",
-      maxLength: 1,
-      value: otp[index] || "",
-      onChangeText: (val) => handleChange(index, val),
-      onKeyPress: (e) => handleKeyPress(index, e),
-      editable: !disabled,
-      selectTextOnFocus: true,
-      caretHidden: true
-    }
-  ))), error && /* @__PURE__ */ React8.createElement(
-    Text5,
-    {
-      style: [
-        styles5.error,
-        { color: theme.colors.error, fontSize: theme.fontSize.sm }
-      ]
-    },
-    error
-  ));
-};
-var styles5 = StyleSheet5.create({
-  wrapper: {
-    marginBottom: 16
-    // theme.spacing.lg
-  },
-  label: {
-    fontWeight: "500",
-    marginBottom: 12,
-    // theme.spacing.md - consistent label spacing
-    textAlign: "center"
-  },
-  container: {
-    flexDirection: "row",
-    justifyContent: "center",
-    gap: 8
-    // theme.spacing.sm
-  },
-  input: {
-    width: 48,
-    height: 56,
-    borderWidth: 1,
-    textAlign: "center",
-    fontWeight: "600"
-  },
-  error: {
-    marginTop: 12,
-    // theme.spacing.md - consistent error spacing
-    textAlign: "center"
-  }
-});
-
-// src/components/SkeletonItem.tsx
-import React9, { useEffect, useRef } from "react";
-import { Animated, View as View6, StyleSheet as StyleSheet6 } from "react-native";
-var SkeletonItem = () => {
-  const opacity = useRef(new Animated.Value(0.3)).current;
-  useEffect(() => {
-    Animated.loop(
-      Animated.sequence([
-        Animated.timing(opacity, {
-          toValue: 1,
-          duration: 600,
-          useNativeDriver: true
-        }),
-        Animated.timing(opacity, {
-          toValue: 0.3,
-          duration: 600,
-          useNativeDriver: true
-        })
-      ])
-    ).start();
-  }, []);
-  return /* @__PURE__ */ React9.createElement(Animated.View, { style: [styles6.row, { opacity }] }, /* @__PURE__ */ React9.createElement(View6, { style: styles6.iconCircle }), /* @__PURE__ */ React9.createElement(View6, { style: styles6.textBlock }, /* @__PURE__ */ React9.createElement(View6, { style: styles6.lineLong }), /* @__PURE__ */ React9.createElement(View6, { style: styles6.lineShort })));
-};
-var styles6 = StyleSheet6.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 16
-  },
-  iconCircle: {
-    width: 45,
-    height: 45,
-    borderRadius: 22.5,
-    backgroundColor: "#E5E5E5"
-  },
-  textBlock: {
-    marginLeft: 12,
-    flex: 1
-  },
-  lineShort: {
-    width: "50%",
-    height: 14,
-    borderRadius: 6,
-    backgroundColor: "#E5E5E5"
-  },
-  lineLong: {
-    marginBottom: 6,
-    width: "100%",
-    height: 14,
-    borderRadius: 6,
-    backgroundColor: "#E5E5E5"
-  }
-});
-var SkeletonItem_default = SkeletonItem;
-
-// src/components/Mode.tsx
-import React10 from "react";
-import { View as View7, Text as Text6, StyleSheet as StyleSheet7 } from "react-native";
-var Mode = () => {
-  const { clientInfo } = useKryptosConnect();
-  const theme = useTheme();
-  if (!clientInfo) return null;
-  if (clientInfo?.project_stage === "production") return null;
-  return /* @__PURE__ */ React10.createElement(View7, { style: [styles7.container, { backgroundColor: theme.colors.warning }] }, /* @__PURE__ */ React10.createElement(Text6, { style: [styles7.text, { color: theme.colors.warningText }] }, "Sandbox Mode"));
-};
-var styles7 = StyleSheet7.create({
-  container: {
-    paddingVertical: 4,
-    paddingHorizontal: 8,
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  text: {
-    fontSize: 12,
-    fontWeight: "600"
-  }
-});
-
-// src/components/Footer.tsx
-import React13 from "react";
-import { View as View9, StyleSheet as StyleSheet9 } from "react-native";
-
-// src/components/PoweredByKryptos.tsx
-import React12 from "react";
-import {
-  Linking,
-  StyleSheet as StyleSheet8,
-  Text as Text7,
-  TouchableOpacity as TouchableOpacity3,
-  View as View8
-} from "react-native";
-
-// src/assets/LogoIcon.tsx
-import React11 from "react";
-import Svg2, { Path as Path2 } from "react-native-svg";
-var LogoIcon = ({ size = 36 }) => {
-  return /* @__PURE__ */ React11.createElement(Svg2, { width: size, height: size, viewBox: "0 0 36 36", fill: "none" }, /* @__PURE__ */ React11.createElement(
-    Path2,
-    {
-      d: "M0 4.11429C0 1.84203 1.84203 0 4.11429 0H31.8857C34.158 0 36 1.84203 36 4.11429V31.8857C36 34.158 34.158 36 31.8857 36H4.11429C1.84203 36 0 34.158 0 31.8857V4.11429Z",
-      fill: "#00C693"
-    }
-  ), /* @__PURE__ */ React11.createElement(
-    Path2,
-    {
-      d: "M12.3916 28.2857H8.43388C8.03646 28.2857 7.71429 27.9886 7.71429 27.6221V22.92C7.71429 22.744 7.7901 22.5752 7.92505 22.4508L9.66229 20.8487C9.79724 20.7243 9.98027 20.6544 10.1711 20.6544H12.3916C12.789 20.6544 13.1112 20.9515 13.1112 21.318V27.6221C13.1112 27.9886 12.789 28.2857 12.3916 28.2857Z",
-      fill: "white"
-    }
-  ), /* @__PURE__ */ React11.createElement(
-    Path2,
-    {
-      d: "M27.5647 28.2857H22.0443C21.8535 28.2857 21.6704 28.2158 21.5355 28.0914L13.9798 21.1236C13.6988 20.8645 13.6988 20.4443 13.9798 20.1851L15.7788 18.5262C15.9137 18.4017 16.0968 18.3318 16.2876 18.3318H18.21C18.4009 18.3318 18.5839 18.4017 18.7189 18.5262L28.0735 27.1529C28.5268 27.5709 28.2058 28.2857 27.5647 28.2857Z",
-      fill: "white"
-    }
-  ), /* @__PURE__ */ React11.createElement(
-    Path2,
-    {
-      d: "M27.5647 7.71429H22.0443C21.8535 7.71429 21.6704 7.7842 21.5355 7.90865L13.9798 14.8764C13.6988 15.1355 13.6988 15.5557 13.9798 15.8149L15.7788 17.4738C15.9137 17.5983 16.0968 17.6682 16.2876 17.6682H18.21C18.4009 17.6682 18.5839 17.5983 18.7189 17.4738L28.0735 8.84711C28.5268 8.42907 28.2058 7.71429 27.5647 7.71429Z",
-      fill: "white"
-    }
-  ), /* @__PURE__ */ React11.createElement(
-    Path2,
-    {
-      d: "M12.3916 7.71429H8.43388C8.03646 7.71429 7.71429 8.01139 7.71429 8.37788V13.08C7.71429 13.256 7.7901 13.4248 7.92505 13.5492L9.66229 15.1513C9.79724 15.2757 9.98027 15.3456 10.1711 15.3456H12.3916C12.789 15.3456 13.1112 15.0485 13.1112 14.682V8.37788C13.1112 8.01139 12.789 7.71429 12.3916 7.71429Z",
-      fill: "white"
-    }
-  ));
-};
-
-// src/components/PoweredByKryptos.tsx
-var PoweredByKryptos = () => {
-  const theme = useTheme();
-  const handlePress = () => {
-    Linking.openURL("https://kryptos.io");
-  };
-  return /* @__PURE__ */ React12.createElement(View8, { style: styles8.container }, /* @__PURE__ */ React12.createElement(Text7, { style: [styles8.text, { color: theme.colors.textSecondary }] }, "Powered by", " "), /* @__PURE__ */ React12.createElement(TouchableOpacity3, { onPress: handlePress, activeOpacity: 0.7 }, /* @__PURE__ */ React12.createElement(LogoIcon, { size: 16 })));
-};
-var styles8 = StyleSheet8.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  text: {
-    fontSize: 12,
-    fontWeight: "400"
-  }
-});
-
-// src/components/Footer.tsx
-var Footer = () => {
-  const { clientInfo } = useKryptosConnect();
-  const isSandbox = clientInfo?.project_stage === "sandbox";
-  return /* @__PURE__ */ React13.createElement(
-    View9,
-    {
-      style: [
-        styles9.container,
-        { justifyContent: isSandbox ? "space-between" : "center" }
-      ]
-    },
-    /* @__PURE__ */ React13.createElement(PoweredByKryptos, null),
-    /* @__PURE__ */ React13.createElement(Mode, null)
-  );
-};
-var styles9 = StyleSheet9.create({
-  container: {
-    width: "100%",
-    paddingVertical: 8,
-    alignItems: "center",
-    flexDirection: "row"
-  }
-});
-
-// src/molecules/Auth.tsx
-import React20 from "react";
-import { Linking as Linking2, StyleSheet as StyleSheet11, Text as Text9, View as View11 } from "react-native";
-
-// src/assets/LinkIcon.tsx
-import React14 from "react";
-import Svg3, { Path as Path3 } from "react-native-svg";
-var LinkIcon = ({
-  size = 20,
-  color = "#00C693"
-}) => {
-  return /* @__PURE__ */ React14.createElement(Svg3, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React14.createElement(
-    Path3,
-    {
-      d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React14.createElement(
-    Path3,
-    {
-      d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/assets/ShieldIcon.tsx
-import React15 from "react";
-import Svg4, { Path as Path4 } from "react-native-svg";
-var ShieldIcon = ({
-  size = 20,
-  color = "#00C693"
-}) => {
-  return /* @__PURE__ */ React15.createElement(Svg4, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React15.createElement(
-    Path4,
-    {
-      d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React15.createElement(
-    Path4,
-    {
-      d: "m9 12 2 2 4-4",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/assets/eye.tsx
-import React16 from "react";
-import Svg5, { Path as Path5 } from "react-native-svg";
-var EyeIcon = ({
-  size = 20,
-  color = "#00C693"
-}) => {
-  return /* @__PURE__ */ React16.createElement(Svg5, { fill: color, width: size, height: size, viewBox: "0 0 0.72 0.72" }, /* @__PURE__ */ React16.createElement(Path5, { d: "M0.658 0.348C0.597 0.207 0.483 0.12 0.36 0.12s-0.237 0.087 -0.298 0.228a0.03 0.03 0 0 0 0 0.024C0.123 0.513 0.237 0.6 0.36 0.6s0.237 -0.087 0.298 -0.228a0.03 0.03 0 0 0 0 -0.024M0.36 0.54c-0.095 0 -0.185 -0.069 -0.237 -0.18C0.175 0.249 0.265 0.18 0.36 0.18s0.185 0.069 0.237 0.18c-0.052 0.111 -0.142 0.18 -0.237 0.18m0 -0.3a0.12 0.12 0 1 0 0.12 0.12 0.12 0.12 0 0 0 -0.12 -0.12m0 0.18a0.06 0.06 0 1 1 0.06 -0.06 0.06 0.06 0 0 1 -0.06 0.06" }));
-};
-
-// src/molecules/ConnectLogo.tsx
-import React19, { isValidElement } from "react";
-import {
-  Image,
-  StyleSheet as StyleSheet10,
-  Text as Text8,
-  View as View10
-} from "react-native";
-
-// src/assets/UnplugIcon.tsx
-import React17 from "react";
-import Svg6, { Path as Path6, Line } from "react-native-svg";
-var UnplugIcon = ({
-  size = 24,
-  color = "#6B7280"
-}) => {
-  return /* @__PURE__ */ React17.createElement(Svg6, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React17.createElement(
-    Path6,
-    {
-      d: "m19 5 3-3",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React17.createElement(
-    Path6,
-    {
-      d: "m2 22 3-3",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React17.createElement(
-    Path6,
-    {
-      d: "M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React17.createElement(
-    Path6,
-    {
-      d: "m18 12-6-6 2.3-2.3a2.4 2.4 0 0 1 3.4 0l2.6 2.6a2.4 2.4 0 0 1 0 3.4Z",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React17.createElement(
-    Line,
-    {
-      x1: 7.5,
-      y1: 13.5,
-      x2: 10.5,
-      y2: 10.5,
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ));
-};
-
-// src/components/remote-svg.tsx
-import React18, { useEffect as useEffect2, useState } from "react";
-import { ActivityIndicator as ActivityIndicator2 } from "react-native";
-import { SvgXml } from "react-native-svg";
-function RemoteSvg({
-  uri,
-  width = 32,
-  height = 32
-}) {
-  const [svgXml, setSvgXml] = useState(null);
-  useEffect2(() => {
-    fetch(uri).then((res) => res.text()).then((text) => setSvgXml(text)).catch((err) => console.error("SVG load error:", err));
-  }, [uri]);
-  if (!svgXml) return /* @__PURE__ */ React18.createElement(ActivityIndicator2, null);
-  return /* @__PURE__ */ React18.createElement(
-    SvgXml,
-    {
-      xml: svgXml,
-      width,
-      height,
-      style: { borderRadius: 8 }
-    }
-  );
-}
-
-// src/molecules/ConnectLogo.tsx
-var KryptosLogo = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React19.createElement(
-    View10,
-    {
-      style: [styles10.logoContainer, { backgroundColor: theme.colors.surface }]
-    },
-    /* @__PURE__ */ React19.createElement(LogoIcon, { size: 36 })
-  );
-};
-var ConnectLogo = () => {
-  const { appName, appLogo } = useKryptosConnect();
-  const theme = useTheme();
-  const isValidUrl = (str) => {
-    try {
-      new URL(str);
-      return true;
-    } catch {
-      return false;
-    }
-  };
-  const renderLogo = () => {
-    if (isValidElement(appLogo)) {
-      return appLogo;
-    } else if (typeof appLogo === "string" && isValidUrl(appLogo)) {
-      return isSvgUrl(appLogo) ? /* @__PURE__ */ React19.createElement(RemoteSvg, { uri: appLogo }) : /* @__PURE__ */ React19.createElement(
-        Image,
-        {
-          source: { uri: appLogo },
-          style: styles10.appLogoImage,
-          resizeMode: "contain"
-        }
-      );
-    } else if (typeof appLogo === "number" || typeof appLogo === "object" && appLogo !== null) {
-      return /* @__PURE__ */ React19.createElement(
-        Image,
-        {
-          source: appLogo,
-          style: styles10.appLogoImage,
-          resizeMode: "contain"
-        }
-      );
-    } else if (appName) {
-      return /* @__PURE__ */ React19.createElement(Text8, { style: [styles10.appLogoText, { color: theme.colors.text }] }, appName.charAt(0).toUpperCase());
-    }
-    return /* @__PURE__ */ React19.createElement(Text8, { style: [styles10.appLogoText, { color: theme.colors.text }] }, "?");
-  };
-  return /* @__PURE__ */ React19.createElement(View10, { style: styles10.container }, /* @__PURE__ */ React19.createElement(KryptosLogo, null), /* @__PURE__ */ React19.createElement(View10, { style: styles10.iconContainer }, /* @__PURE__ */ React19.createElement(UnplugIcon, { size: 24, color: theme.colors.textSecondary })), /* @__PURE__ */ React19.createElement(
-    View10,
-    {
-      style: [
-        styles10.logoContainer,
-        { backgroundColor: theme.colors.surface }
-      ]
-    },
-    renderLogo()
-  ));
-};
-var styles10 = StyleSheet10.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 12
-    // theme.spacing.md
-  },
-  logoContainer: {
-    width: 56,
-    height: 56,
-    borderRadius: 12,
-    // theme.borderRadius.md
-    alignItems: "center",
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  iconContainer: {
-    paddingHorizontal: 8
-    // theme.spacing.sm
-  },
-  appLogoImage: {
-    width: 32,
-    height: 32
-  },
-  appLogoText: {
-    fontSize: 24,
-    // theme.fontSize.xxxl
-    fontWeight: "700"
-  }
-});
-
-// src/molecules/Auth.tsx
-var Auth = ({
-  open,
-  onEmailSuccess,
-  onGuestSuccess,
-  onClose
-}) => {
-  const { appName, linkToken, clientId, setUser, setEmail } = useKryptosConnect();
-  const theme = useTheme();
-  const [isLoading, setIsLoading] = React20.useState(false);
-  const [errorMessage, setErrorMessage] = React20.useState("");
-  const [emailValue, setEmailValue] = React20.useState("");
-  const [emailError, setEmailError] = React20.useState("");
-  const [loadingType, setLoadingType] = React20.useState(null);
-  const validateEmail = (email) => {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    if (!email) {
-      setEmailError("Email is required");
-      return false;
-    }
-    if (!emailRegex.test(email)) {
-      setEmailError("Invalid email address");
-      return false;
-    }
-    setEmailError("");
-    return true;
-  };
-  const handleClose = () => {
-    onClose();
-    setEmailValue("");
-    setEmailError("");
-    setErrorMessage("");
-  };
-  const handleEmailSubmit = async () => {
-    if (!validateEmail(emailValue)) return;
-    try {
-      setIsLoading(true);
-      setLoadingType("email");
-      setErrorMessage("");
-      await sendEmailOtp(linkToken, emailValue, clientId);
-      setEmail(emailValue);
-      setEmailError("");
-      onEmailSuccess();
-    } catch (error) {
-      const err = error;
-      setErrorMessage(
-        err?.response?.data?.message || "Failed to send email OTP"
-      );
-    } finally {
-      setIsLoading(false);
-      setLoadingType(null);
-    }
-  };
-  const handleContinueAsGuest = async () => {
-    try {
-      setIsLoading(true);
-      setLoadingType("guest");
-      setErrorMessage("");
-      const res = await createAnonymousUser(linkToken, clientId);
-      setUser(res);
-      setEmailError("");
-      onGuestSuccess();
-    } catch (error) {
-      const err = error;
-      console.error(error);
-      setErrorMessage(
-        err?.response?.data?.error || err?.response?.data?.message || "Failed to continue as guest"
-      );
-    } finally {
-      setIsLoading(false);
-      setLoadingType(null);
-    }
-  };
-  const infoSections = [
-    {
-      icon: /* @__PURE__ */ React20.createElement(LinkIcon, { size: 20, color: theme.colors.primary }),
-      title: "Simple and secure",
-      text: "Link your accounts in just a few clicks"
-    },
-    {
-      icon: /* @__PURE__ */ React20.createElement(ShieldIcon, { size: 20, color: theme.colors.primary }),
-      title: "Control what you share",
-      text: "We never share your data without your permission"
-    },
-    {
-      icon: /* @__PURE__ */ React20.createElement(EyeIcon, { size: 20, color: theme.colors.primary }),
-      title: "View Only Access",
-      text: "Kryptos retrieves view-only data and cannot perform any transactions on your behalf."
-    }
-  ];
-  return /* @__PURE__ */ React20.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ React20.createElement(ModalHeader, { onClose: handleClose }, ""), /* @__PURE__ */ React20.createElement(ModalBody, null, /* @__PURE__ */ React20.createElement(View11, { style: styles11.container }, /* @__PURE__ */ React20.createElement(View11, { style: styles11.header }, /* @__PURE__ */ React20.createElement(Text9, { style: [styles11.title, { color: theme.colors.text }] }, "Link your accounts to", " ", /* @__PURE__ */ React20.createElement(Text9, { style: { fontWeight: "700" } }, appName), " using Kryptos"), /* @__PURE__ */ React20.createElement(ConnectLogo, null), infoSections.map((section, index) => /* @__PURE__ */ React20.createElement(View11, { key: `info-${index}`, style: styles11.infoSection }, /* @__PURE__ */ React20.createElement(View11, { style: styles11.infoIcon }, section.icon), /* @__PURE__ */ React20.createElement(View11, { style: styles11.infoContent }, /* @__PURE__ */ React20.createElement(
-    Text9,
-    {
-      style: [styles11.infoTitle, { color: theme.colors.text }]
-    },
-    section.title
-  ), /* @__PURE__ */ React20.createElement(
-    Text9,
-    {
-      style: [
-        styles11.infoDescription,
-        { color: theme.colors.textSecondary }
-      ]
-    },
-    section.text
-  )))), errorMessage ? /* @__PURE__ */ React20.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React20.createElement(AlertDescription, null, errorMessage)) : null), /* @__PURE__ */ React20.createElement(View11, { style: styles11.footer }, /* @__PURE__ */ React20.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleContinueAsGuest,
-      loading: loadingType === "guest",
-      disabled: isLoading,
-      style: styles11.button
-    },
-    "Continue"
-  ), /* @__PURE__ */ React20.createElement(
-    Text9,
-    {
-      style: [styles11.footerText, { color: theme.colors.textSecondary }]
-    },
-    "By continuing, you agree to Kryptos",
-    " ",
-    /* @__PURE__ */ React20.createElement(
-      Text9,
-      {
-        style: {
-          color: theme.colors.primary,
-          textDecorationLine: "underline"
-        },
-        onPress: () => Linking2.openURL("https://kryptos.io/privacy-policy")
-      },
-      "Privacy Policy"
-    ),
-    " ",
-    "and",
-    " ",
-    /* @__PURE__ */ React20.createElement(
-      Text9,
-      {
-        style: {
-          color: theme.colors.primary,
-          textDecorationLine: "underline"
-        },
-        onPress: () => Linking2.openURL("https://kryptos.io/terms-of-services")
-      },
-      "Terms of Service"
-    )
-  )))), /* @__PURE__ */ React20.createElement(ModalFooter, { style: { paddingVertical: 0 } }, /* @__PURE__ */ React20.createElement(Footer, null)));
-};
-var styles11 = StyleSheet11.create({
-  container: {
-    flex: 1,
-    flexDirection: "column",
-    justifyContent: "space-between"
-  },
-  header: {
-    flex: 1,
-    gap: 8
-  },
-  footer: {
-    flex: 1,
-    justifyContent: "flex-end",
-    gap: 8
-  },
-  title: {
-    fontSize: 18,
-    // theme.fontSize.xl
-    fontWeight: "500",
-    textAlign: "center"
-  },
-  infoSection: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    padding: 8,
-    gap: 12
-  },
-  infoIcon: {
-    width: 32,
-    // theme.spacing.xxxl
-    height: 32,
-    // theme.spacing.xxxl
-    borderRadius: 16,
-    // theme.borderRadius.lg
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  infoContent: {
-    flex: 1,
-    gap: 4
-  },
-  infoTitle: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "600"
-  },
-  infoDescription: {
-    fontSize: 13,
-    // theme.fontSize.sm + 1
-    lineHeight: 18
-  },
-  button: {
-    width: "100%"
-  },
-  footerText: {
-    fontSize: 12,
-    // theme.fontSize.sm
-    textAlign: "center",
-    padding: 8,
-    maxWidth: "80%",
-    alignSelf: "center"
-  }
-});
-
-// src/molecules/EndModal.tsx
-import React22, { useEffect as useEffect3 } from "react";
-import { StyleSheet as StyleSheet12, Text as Text10, View as View12 } from "react-native";
-
-// src/assets/SuccessIcon.tsx
-import React21 from "react";
-import Svg7, { Circle, Path as Path7 } from "react-native-svg";
-var SuccessIcon = ({ size = 64 }) => {
-  return /* @__PURE__ */ React21.createElement(Svg7, { width: size, height: size, viewBox: "0 0 64 64", fill: "none" }, /* @__PURE__ */ React21.createElement(
-    Circle,
-    {
-      cx: 32,
-      cy: 32,
-      r: 30,
-      fill: "#00C693",
-      opacity: 0.1
-    }
-  ), /* @__PURE__ */ React21.createElement(
-    Circle,
-    {
-      cx: 32,
-      cy: 32,
-      r: 24,
-      fill: "#00C693"
-    }
-  ), /* @__PURE__ */ React21.createElement(
-    Path7,
-    {
-      d: "M24 32l6 6 12-12",
-      stroke: "white",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/molecules/EndModal.tsx
-var EndModal = ({ open, onClose }) => {
-  const theme = useTheme();
-  useEffect3(() => {
-    if (!open) return;
-    const timer = setTimeout(() => {
-      onClose();
-    }, 5e3);
-    return () => clearTimeout(timer);
-  }, []);
-  return /* @__PURE__ */ React22.createElement(Modal, { isOpen: open, onClose, size: "xl" }, /* @__PURE__ */ React22.createElement(ModalHeader, { onClose }, ""), /* @__PURE__ */ React22.createElement(ModalBody, null, /* @__PURE__ */ React22.createElement(View12, { style: styles12.container }, /* @__PURE__ */ React22.createElement(
-    View12,
-    {
-      style: [
-        styles12.iconContainer,
-        { backgroundColor: theme.colors.successLight }
-      ]
-    },
-    /* @__PURE__ */ React22.createElement(SuccessIcon, { size: 80 })
-  ), /* @__PURE__ */ React22.createElement(Text10, { style: [styles12.message, { color: theme.colors.text }] }, "All set! We're redirecting you back to the app. If it takes longer than expected, tap the button below to continue."), /* @__PURE__ */ React22.createElement(Alert, null, /* @__PURE__ */ React22.createElement(AlertTitle, null, "Sync in Progress"), /* @__PURE__ */ React22.createElement(AlertDescription, null, "The syncing process might take a moment. Please wait, and your data will be updated soon.")))), /* @__PURE__ */ React22.createElement(ModalFooter, { style: { paddingVertical: 8 } }, /* @__PURE__ */ React22.createElement(
-    Button,
-    {
-      variant: "primary",
-      size: "lg",
-      onPress: onClose,
-      style: styles12.button
-    },
-    "Continue to App"
-  ), /* @__PURE__ */ React22.createElement(Footer, null)));
-};
-var styles12 = StyleSheet12.create({
-  container: {
-    alignItems: "center",
-    paddingVertical: 20
-  },
-  iconContainer: {
-    width: 80,
-    height: 80,
-    borderRadius: 40,
-    alignItems: "center",
-    justifyContent: "center",
-    marginBottom: 20
-  },
-  message: {
-    fontSize: 14,
-    textAlign: "center",
-    lineHeight: 20,
-    marginBottom: 24,
-    paddingHorizontal: 20
-  },
-  button: {
-    width: "100%"
-  }
-});
-
-// src/molecules/Init.tsx
-import React23 from "react";
-import { ActivityIndicator as ActivityIndicator3, StyleSheet as StyleSheet13, Text as Text11, View as View13 } from "react-native";
-var Init = ({
-  open,
-  onSuccess,
-  onClose,
-  generateLinkToken
-}) => {
-  const {
-    setIsInitialized,
-    isInitialized,
-    setLinkToken,
-    setIsAuthorized,
-    setUser
-  } = useKryptosConnect();
-  const theme = useTheme();
-  const [isFetching, setIsFetching] = React23.useState(false);
-  const [error, setError] = React23.useState(null);
-  const fetchLinkToken = React23.useCallback(async () => {
-    if (!open) return;
-    setIsFetching(true);
-    setError(null);
-    try {
-      const linkToken = await generateLinkToken();
-      if (!linkToken || !linkToken?.link_token || linkToken.link_token === "" || linkToken.link_token === null || linkToken.link_token === void 0) {
-        setIsInitialized(false);
-        setError("Failed to fetch link token. Please try again.");
-        return;
-      }
-      setLinkToken(linkToken.link_token);
-      setIsInitialized(true);
-      setIsAuthorized(linkToken.isAuthorized || false);
-      if (linkToken.isAuthorized) {
-        const userInfo = await getUserInfo(linkToken.link_token);
-        setUser(userInfo);
-      }
-      onSuccess(linkToken.isAuthorized ? { isAuthorized: true } : null);
-    } catch (err) {
-      console.error("Failed to fetch link token:", err);
-      setIsInitialized(false);
-      setError("Failed to fetch link token. Please try again.");
-    } finally {
-      setIsFetching(false);
-    }
-  }, []);
-  React23.useEffect(() => {
-    fetchLinkToken();
-  }, [fetchLinkToken]);
-  return /* @__PURE__ */ React23.createElement(Modal, { isOpen: open, onClose, size: "md" }, /* @__PURE__ */ React23.createElement(ModalHeader, { onClose }, "Kryptos Connect"), /* @__PURE__ */ React23.createElement(ModalBody, null, /* @__PURE__ */ React23.createElement(View13, { style: styles13.container }, isFetching && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
-    ActivityIndicator3,
-    {
-      size: "large",
-      color: theme.colors.primary,
-      style: styles13.spinner
-    }
-  ), /* @__PURE__ */ React23.createElement(Text11, { style: [styles13.message, { color: theme.colors.text }] }, isInitialized ? "Fetching link token..." : "Initializing...")), !isFetching && error && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React23.createElement(AlertDescription, null, error)), /* @__PURE__ */ React23.createElement(
-    Button,
-    {
-      variant: "primary",
-      size: "lg",
-      onPress: fetchLinkToken,
-      style: styles13.retryButton
-    },
-    "Retry"
-  )))), /* @__PURE__ */ React23.createElement(ModalFooter, { style: { paddingVertical: 0 } }, /* @__PURE__ */ React23.createElement(Footer, null)));
-};
-var styles13 = StyleSheet13.create({
-  container: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 16
-    // theme.spacing.lg
-  },
-  spinner: {
-    marginBottom: 16
-    // theme.spacing.lg
-  },
-  message: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "500"
-  },
-  errorText: {
-    textAlign: "center"
-  },
-  retryButton: {
-    marginTop: 12,
-    width: "100%"
-  }
-});
-
-// src/molecules/Integration.tsx
-import React35, { useCallback } from "react";
-import {
-  FlatList,
-  Image as Image4,
-  StyleSheet as StyleSheet17,
-  Text as Text15,
-  TouchableOpacity as TouchableOpacity7,
-  View as View17
-} from "react-native";
-
-// src/assets/ArrowLeftIcon.tsx
-import React24 from "react";
-import Svg8, { Path as Path8 } from "react-native-svg";
-var ArrowLeftIcon = ({
-  size = 20,
-  color = "#000"
-}) => {
-  return /* @__PURE__ */ React24.createElement(Svg8, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React24.createElement(
-    Path8,
-    {
-      d: "M19 12H5M12 19l-7-7 7-7",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/assets/CheckCircleIcon.tsx
-import React25 from "react";
-import Svg9, { Path as Path9, Circle as Circle2 } from "react-native-svg";
-var CheckCircleIcon = ({
-  size = 20,
-  color = "#10B981"
-}) => {
-  return /* @__PURE__ */ React25.createElement(Svg9, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React25.createElement(
-    Circle2,
-    {
-      cx: 12,
-      cy: 12,
-      r: 10,
-      stroke: color,
-      strokeWidth: 2
-    }
-  ), /* @__PURE__ */ React25.createElement(
-    Path9,
-    {
-      d: "m9 12 2 2 4-4",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/assets/LoaderIcon.tsx
-import React26 from "react";
-import { Animated as Animated2, Easing } from "react-native";
-import Svg10, { Path as Path10 } from "react-native-svg";
-var AnimatedSvg = Animated2.createAnimatedComponent(Svg10);
-var LoaderIcon = ({
-  size = 20,
-  color = "#00C693"
-}) => {
-  const rotateAnim = React26.useRef(new Animated2.Value(0)).current;
-  React26.useEffect(() => {
-    Animated2.loop(
-      Animated2.timing(rotateAnim, {
-        toValue: 1,
-        duration: 1e3,
-        easing: Easing.linear,
-        useNativeDriver: true
-      })
-    ).start();
-  }, [rotateAnim]);
-  const spin = rotateAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0deg", "360deg"]
-  });
-  return /* @__PURE__ */ React26.createElement(
-    AnimatedSvg,
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      style: { transform: [{ rotate: spin }] }
-    },
-    /* @__PURE__ */ React26.createElement(
-      Path10,
-      {
-        d: "M21 12a9 9 0 1 1-6.219-8.56",
-        stroke: color,
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  );
-};
-
-// src/assets/ErrorIcon.tsx
-import React27 from "react";
-import Svg11, { Circle as Circle3, Path as Path11 } from "react-native-svg";
-var ErrorIcon = ({ size = 64 }) => {
-  return /* @__PURE__ */ React27.createElement(Svg11, { width: size, height: size, viewBox: "0 0 64 64", fill: "none" }, /* @__PURE__ */ React27.createElement(
-    Circle3,
-    {
-      cx: 32,
-      cy: 32,
-      r: 30,
-      fill: "#EF4444",
-      opacity: 0.1
-    }
-  ), /* @__PURE__ */ React27.createElement(
-    Circle3,
-    {
-      cx: 32,
-      cy: 32,
-      r: 24,
-      fill: "#EF4444"
-    }
-  ), /* @__PURE__ */ React27.createElement(
-    Path11,
-    {
-      d: "M24 24l16 16M40 24l-16 16",
-      stroke: "white",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/assets/SearchIcon.tsx
-import React28 from "react";
-import Svg12, { Circle as Circle4, Path as Path12 } from "react-native-svg";
-
-// src/assets/PlusIcon.tsx
-import React29 from "react";
-import Svg13, { Path as Path13 } from "react-native-svg";
-var PlusIcon = ({
-  size = 14,
-  color = "#6B7280"
-}) => {
-  return /* @__PURE__ */ React29.createElement(Svg13, { width: size, height: size, viewBox: "0 0 14 14", fill: "none" }, /* @__PURE__ */ React29.createElement(
-    Path13,
-    {
-      d: "M7 3.5v7M3.5 7h7",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    }
-  ));
-};
-
-// src/assets/RedirectIcon.tsx
-import React30 from "react";
-import Svg14, { Path as Path14 } from "react-native-svg";
-var RedirectIcon = ({
-  width = 20,
-  height = 20,
-  color = "currentColor"
-}) => {
-  return /* @__PURE__ */ React30.createElement(Svg14, { width, height, viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ React30.createElement(
-    Path14,
-    {
-      d: "M10.8333 9.16536L17.6666 2.33203",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React30.createElement(
-    Path14,
-    {
-      d: "M18.3333 5.66797V1.66797H14.3333",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ), /* @__PURE__ */ React30.createElement(
-    Path14,
-    {
-      d: "M9.16669 1.66797H7.50002C3.33335 1.66797 1.66669 3.33464 1.66669 7.5013V12.5013C1.66669 16.668 3.33335 18.3346 7.50002 18.3346H12.5C16.6667 18.3346 18.3334 16.668 18.3334 12.5013V10.8346",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-};
-
-// src/wallet-connect/index.tsx
-import { useAccount, useAppKit } from "@reown/appkit-react-native";
-import React32, { useEffect as useEffect4, useMemo, useState as useState2 } from "react";
-import { StyleSheet as StyleSheet14, Text as Text12, TouchableOpacity as TouchableOpacity4, View as View14, Image as Image2 } from "react-native";
-
-// src/utils/uuid.ts
-function generateUUID() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
-}
-
-// src/wallet-connect/wallet-connect.tsx
-import React31 from "react";
-import { AppKit, AppKitProvider } from "@reown/appkit-react-native";
-
-// src/wallet-connect/AppKitConfig.ts
-import "@walletconnect/react-native-compat";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import { createAppKit } from "@reown/appkit-react-native";
-
-// node_modules/@walletconnect/safe-json/dist/esm/index.js
-var JSONStringify = (data) => JSON.stringify(data, (_, value) => typeof value === "bigint" ? value.toString() + "n" : value);
-var JSONParse = (json) => {
-  const numbersBiggerThanMaxInt = /([\[:])?(\d{17,}|(?:[9](?:[1-9]07199254740991|0[1-9]7199254740991|00[8-9]199254740991|007[2-9]99254740991|007199[3-9]54740991|0071992[6-9]4740991|00719925[5-9]740991|007199254[8-9]40991|0071992547[5-9]0991|00719925474[1-9]991|00719925474099[2-9])))([,\}\]])/g;
-  const serializedData = json.replace(numbersBiggerThanMaxInt, '$1"$2n"$3');
-  return JSON.parse(serializedData, (_, value) => {
-    const isCustomFormatBigInt = typeof value === "string" && value.match(/^\d+n$/);
-    if (isCustomFormatBigInt)
-      return BigInt(value.substring(0, value.length - 1));
-    return value;
-  });
-};
-function safeJsonParse(value) {
-  if (typeof value !== "string") {
-    throw new Error(`Cannot safe json parse value of type ${typeof value}`);
-  }
-  try {
-    return JSONParse(value);
-  } catch (_a) {
-    return value;
-  }
-}
-function safeJsonStringify(value) {
-  return typeof value === "string" ? value : JSONStringify(value) || "";
-}
-
-// src/wallet-connect/AppKitConfig.ts
-import { EthersAdapter } from "@reown/appkit-ethers-react-native";
-import {
-  arbitrum,
-  avalanche,
-  base,
-  bsc,
-  fantom,
-  gnosis,
-  mainnet,
-  optimism,
-  polygon
-} from "viem/chains";
-var ethersAdapter = new EthersAdapter();
-var storage = {
-  getKeys: async () => {
-    return await AsyncStorage.getAllKeys();
-  },
-  getEntries: async () => {
-    const keys = await AsyncStorage.getAllKeys();
-    return Promise.all(
-      keys.map(async (key) => {
-        const value = await AsyncStorage.getItem(key);
-        return [key, safeJsonParse(value || "")];
-      })
-    );
-  },
-  setItem: async (key, value) => {
-    await AsyncStorage.setItem(key, safeJsonStringify(value));
-  },
-  getItem: async (key) => {
-    const raw = await AsyncStorage.getItem(key);
-    if (!raw) return void 0;
-    return safeJsonParse(raw);
-  },
-  removeItem: async (key) => {
-    await AsyncStorage.removeItem(key);
-  }
-};
-var createAppKitInstance = (projectId) => {
-  if (!projectId) {
-    throw new Error("walletConnectProjectId is required to initialize AppKit");
-  }
-  return createAppKit({
-    projectId,
-    networks: [
-      mainnet,
-      arbitrum,
-      avalanche,
-      bsc,
-      fantom,
-      gnosis,
-      optimism,
-      polygon,
-      base
-    ],
-    adapters: [ethersAdapter],
-    features: {
-      swaps: false,
-      socials: false,
-      onramp: false
-    },
-    metadata: {
-      name: "Kryptos Connect",
-      description: "Kryptos Connect",
-      url: "https://kryptos.com",
-      icons: ["https://kryptos.com/icon.png"]
-    },
-    storage
-  });
-};
-
-// src/wallet-connect/wallet-connect.tsx
-var WalletConnectWrapper = ({ children }) => {
-  const { walletConnectProjectId } = useKryptosConnect();
-  const appKit = React31.useMemo(() => {
-    if (!walletConnectProjectId) {
-      console.warn(
-        "walletConnectProjectId is missing in KryptosConnectProvider config"
-      );
-      return null;
-    }
-    return createAppKitInstance(walletConnectProjectId);
-  }, [walletConnectProjectId]);
-  if (!appKit) {
-    return /* @__PURE__ */ React31.createElement(React31.Fragment, null, children);
-  }
-  return /* @__PURE__ */ React31.createElement(AppKitProvider, { instance: appKit }, /* @__PURE__ */ React31.createElement(AppKit, null), children);
-};
-var wallet_connect_default = WalletConnectWrapper;
-
-// src/wallet-connect/index.tsx
-var WalletConnectComponent = ({
-  integration,
-  onClose,
-  onAddHandle,
-  handleClose,
-  modalOpen,
-  setAddIntegrationMode,
-  providersList,
-  errorMessage,
-  showBackButton
-}) => {
-  const { walletConnectProjectId } = useKryptosConnect();
-  const theme = useTheme();
-  if (!walletConnectProjectId) {
-    return /* @__PURE__ */ React32.createElement(Modal, { isOpen: modalOpen, onClose: handleClose, size: "full" }, /* @__PURE__ */ React32.createElement(ModalHeader, { onClose: handleClose }, /* @__PURE__ */ React32.createElement(View14, { style: styles14.headerContent }, showBackButton && /* @__PURE__ */ React32.createElement(
-      TouchableOpacity4,
-      {
-        onPress: () => {
-          setAddIntegrationMode(null);
-        },
-        style: styles14.backButton
-      },
-      /* @__PURE__ */ React32.createElement(ArrowLeftIcon, { size: 20, color: theme.colors.text })
-    ), /* @__PURE__ */ React32.createElement(Text12, { style: [styles14.headerTitle, { color: theme.colors.text }] }, "Integration"))), /* @__PURE__ */ React32.createElement(ModalBody, { scrollable: true, style: styles14.contentContainer }, /* @__PURE__ */ React32.createElement(View14, { style: styles14.emptyState }, /* @__PURE__ */ React32.createElement(
-      Text12,
-      {
-        style: [styles14.emptyStateTitle, { color: theme.colors.text }]
-      },
-      "WalletConnect is not configured"
-    ), /* @__PURE__ */ React32.createElement(
-      Text12,
-      {
-        style: [
-          styles14.infoText,
-          { color: theme.colors.textSecondary, textAlign: "center" }
-        ]
-      },
-      "Please add a walletConnectProjectId to KryptosConnectProvider to enable wallet connections."
-    ), /* @__PURE__ */ React32.createElement(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        onPress: () => setAddIntegrationMode(null),
-        style: styles14.emptyStateButton
-      },
-      "Go back"
-    ))));
-  }
-  return /* @__PURE__ */ React32.createElement(wallet_connect_default, null, /* @__PURE__ */ React32.createElement(
-    ConnectButton,
-    {
-      integration,
-      onAddHandle,
-      onClose,
-      handleClose,
-      modalOpen,
-      setAddIntegrationMode,
-      providersList,
-      errorMessage,
-      showBackButton
-    }
-  ));
-};
-function ConnectButton({
-  integration,
-  onAddHandle,
-  handleClose,
-  modalOpen,
-  setAddIntegrationMode,
-  providersList,
-  errorMessage: errorMessageProp,
-  showBackButton
-}) {
-  const theme = useTheme();
-  const { open, disconnect } = useAppKit();
-  const { address, isConnected } = useAccount();
-  const { linkToken, user, clientId } = useKryptosConnect();
-  const [selectedChains, setSelectedChains] = useState2(/* @__PURE__ */ new Set());
-  const [errorMessage, setErrorMessage] = useState2("");
-  const [chainErrors, setChainErrors] = useState2({});
-  const [isLoading, setIsLoading] = useState2(false);
-  const [userUsedChains, setUserUsedChains] = useState2([]);
-  const [isFetchingChains, setIsFetchingChains] = useState2(false);
-  const availableChains = useMemo(() => {
-    if (userUsedChains.length > 0) {
-      return userUsedChains;
-    }
-    if (integration.walletSupportedChains && integration.walletSupportedChains.length > 0) {
-      return integration.walletSupportedChains.filter((supportedChain) => {
-        const provider = providersList.find(
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (p) => p.id === supportedChain.id
-        );
-        return provider && provider.is_working === true && provider.isEvmWallet === true;
-      });
-    }
-    return [];
-  }, [userUsedChains, integration.walletSupportedChains, providersList]);
-  useEffect4(() => {
-    if (!isConnected || !address || !address.trim()) {
-      setUserUsedChains([]);
-      setSelectedChains(/* @__PURE__ */ new Set());
-      setIsFetchingChains(false);
-      return;
-    }
-    const debounceTimer = setTimeout(async () => {
-      if (linkToken && address && address.trim() && isConnected) {
-        try {
-          setIsFetchingChains(true);
-          let chains = [];
-          if (integration.isEvmWallet) {
-            const res = await getUserUsedChains(linkToken, address.trim());
-            if (res && Array.isArray(res) && res.length > 0) {
-              chains = res;
-            }
-          }
-          if (chains.length === 0 && integration.walletSupportedChains && integration.walletSupportedChains.length > 0) {
-            chains = integration.walletSupportedChains.filter(
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (supportedChain) => {
-                const provider = providersList.find(
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  (p) => p.id === supportedChain.id
-                );
-                return provider && provider.is_working === true && provider.isEvmWallet === true;
-              }
-            );
-          }
-          if (chains.length > 0) {
-            setUserUsedChains(chains);
-            setSelectedChains(new Set(chains.map((chain) => chain.id)));
-          } else {
-            setUserUsedChains([]);
-            setSelectedChains(/* @__PURE__ */ new Set());
-          }
-        } catch (error) {
-          console.error("Failed to fetch user chains:", error);
-          if (integration.walletSupportedChains && integration.walletSupportedChains.length > 0) {
-            const validChains = integration.walletSupportedChains.filter(
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (supportedChain) => {
-                const provider = providersList.find(
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  (p) => p.id === supportedChain.id
-                );
-                return provider && provider.is_working === true && provider.isEvmWallet === true;
-              }
-            );
-            setUserUsedChains(validChains);
-            setSelectedChains(
-              new Set(
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                validChains.map((chain) => chain.id)
-              )
-            );
-          } else {
-            setUserUsedChains([]);
-            setSelectedChains(/* @__PURE__ */ new Set());
-          }
-        } finally {
-          setIsFetchingChains(false);
-        }
-      }
-    }, 500);
-    return () => {
-      clearTimeout(debounceTimer);
-    };
-  }, [
-    linkToken,
-    address,
-    isConnected,
-    integration.isEvmWallet,
-    integration.walletSupportedChains,
-    providersList
-  ]);
-  const validateForm = () => {
-    if (!address) {
-      setErrorMessage("Please connect a wallet");
-      return false;
-    }
-    if (selectedChains.size === 0) {
-      setErrorMessage("Select at least one chain");
-      return false;
-    }
-    return true;
-  };
-  const onSubmitWalletConnect = async () => {
-    if (!validateForm()) return;
-    try {
-      setIsLoading(true);
-      setErrorMessage("");
-      setChainErrors({});
-      const chainsToProcess = availableChains.filter(
-        (c) => selectedChains.has(c.id)
-      );
-      const integrationsToAdd = [];
-      const errors = {};
-      const walletTestsPayload = chainsToProcess.map((chain) => {
-        const walletId = generateUUID();
-        const displaySuffix = address ? address?.length > 8 ? `${address.slice(0, 4)}...${address.slice(-4)}` : address : "";
-        const alias = `${integration.public_name} (${displaySuffix})`;
-        const provider = providersList.find((p) => p.id === chain.id);
-        return {
-          chain,
-          walletId,
-          alias,
-          credential: {
-            source: provider?.id,
-            credential: {
-              address,
-              userId: user?.user_id || "",
-              projectId: provider?.projectId,
-              apiKey: "",
-              secret: "",
-              privateKey: "",
-              alias,
-              walletId,
-              exchange: provider?.id
-            }
-          }
-        };
-      });
-      const results = await Promise.allSettled(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        walletTestsPayload.map(
-          (testData) => testCredentials(linkToken, { ...testData.credential })
-        )
-      );
-      results.forEach((result, index) => {
-        const { chain, walletId, alias } = walletTestsPayload[index];
-        const provider = providersList.find((p) => p.id === chain.id);
-        if (result.status === "fulfilled" && result.value?.valid && provider) {
-          const data = {
-            alias,
-            exchange: provider.id.toLowerCase(),
-            id: provider.id,
-            public_name: provider.public_name,
-            sync_time: (/* @__PURE__ */ new Date()).getTime(),
-            fetchAll: true,
-            logo: provider.logo || null,
-            startTime: null,
-            endTime: null,
-            uid: user?.user_id || "",
-            walletId,
-            clientMetadata: {
-              clientId,
-              createdAt: (/* @__PURE__ */ new Date()).toISOString()
-            },
-            addedOn: (/* @__PURE__ */ new Date()).getTime(),
-            default_chain: integration?.id || "",
-            default_chain_logo: integration?.logo || "",
-            type: provider.type || "",
-            isNftSupported: provider?.isEvmWallet || provider?.nftSupport || false,
-            isCustomWallet: false,
-            chainId: provider?.community_id,
-            address
-          };
-          integrationsToAdd.push(data);
-        } else {
-          if (result.status === "rejected") {
-            errors[chain.id] = result.reason?.response?.data?.message || "Failed to process chain";
-          } else if (result.status === "fulfilled") {
-            errors[chain.id] = result.value?.message || "Failed to verify chain";
-          }
-        }
-      });
-      setChainErrors(errors);
-      if (Object.keys(errors).length > 0) {
-        setErrorMessage(
-          `Cannot add integrations. ${Object.keys(errors).length} chain${Object.keys(errors).length > 1 ? "s" : ""} failed verification. Please fix the errors and try again.`
-        );
-        return;
-      }
-      if (integrationsToAdd.length > 0) {
-        await onAddHandle(integrationsToAdd);
-        if (isConnected) {
-          disconnect();
-        }
-        setChainErrors({});
-        setErrorMessage("");
-      } else {
-        setErrorMessage("No integrations could be added. Please try again.");
-      }
-    } catch (error) {
-      const err = error;
-      console.error(error);
-      setErrorMessage(
-        err?.response?.data?.message || err?.response?.data?.error || "Failed to add integrations"
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const toggleChainSelection = (chainId) => {
-    const newSelected = new Set(selectedChains);
-    if (newSelected.has(chainId)) {
-      newSelected.delete(chainId);
-    } else {
-      newSelected.add(chainId);
-    }
-    setSelectedChains(newSelected);
-    if (chainErrors[chainId]) {
-      const newErrors = { ...chainErrors };
-      delete newErrors[chainId];
-      setChainErrors(newErrors);
-    }
-  };
-  const onClose = () => {
-    if (isConnected) {
-      disconnect();
-    }
-    handleClose();
-  };
-  return /* @__PURE__ */ React32.createElement(Modal, { isOpen: modalOpen, onClose, size: "full" }, /* @__PURE__ */ React32.createElement(ModalHeader, { onClose }, /* @__PURE__ */ React32.createElement(View14, { style: styles14.headerContent }, showBackButton && /* @__PURE__ */ React32.createElement(
-    TouchableOpacity4,
-    {
-      onPress: () => {
-        setAddIntegrationMode(null);
-        if (isConnected) {
-          disconnect();
-        }
-      },
-      style: styles14.backButton
-    },
-    /* @__PURE__ */ React32.createElement(ArrowLeftIcon, { size: 20, color: theme.colors.text })
-  ), /* @__PURE__ */ React32.createElement(Text12, { style: [styles14.headerTitle, { color: theme.colors.text }] }, "Integration"))), /* @__PURE__ */ React32.createElement(ModalBody, { scrollable: true, style: styles14.contentContainer }, /* @__PURE__ */ React32.createElement(View14, { style: styles14.header }, integration.logo ? isSvgUrl(integration.logo) ? /* @__PURE__ */ React32.createElement(RemoteSvg, { uri: integration.logo }) : /* @__PURE__ */ React32.createElement(
-    Image2,
-    {
-      source: { uri: integration.logo },
-      style: styles14.logo,
-      resizeMode: "contain"
-    }
-  ) : /* @__PURE__ */ React32.createElement(
-    View14,
-    {
-      style: [
-        styles14.logoPlaceholder,
-        { backgroundColor: theme.colors.surface }
-      ]
-    },
-    /* @__PURE__ */ React32.createElement(Text12, { style: { color: theme.colors.text } }, integration.name?.charAt(0) || "?")
-  ), /* @__PURE__ */ React32.createElement(Text12, { style: [styles14.name, { color: theme.colors.text }] }, integration.name)), !isConnected ? /* @__PURE__ */ React32.createElement(View14, null, /* @__PURE__ */ React32.createElement(Text12, { style: [styles14.infoText, { color: theme.colors.text }] }, "Connect your wallet to continue"), /* @__PURE__ */ React32.createElement(
-    Button,
-    {
-      variant: "primary",
-      size: "sm",
-      onPress: () => open({ view: "Connect" })
-    },
-    "Connect Wallet"
-  )) : /* @__PURE__ */ React32.createElement(View14, { style: styles14.connectedContainer }, /* @__PURE__ */ React32.createElement(View14, { style: styles14.connectedHeader }, /* @__PURE__ */ React32.createElement(
-    Text12,
-    {
-      style: [styles14.connectedTitle, { color: theme.colors.text }]
-    },
-    "Wallet Connected"
-  ), /* @__PURE__ */ React32.createElement(
-    Text12,
-    {
-      style: [styles14.connectedText, { color: theme.colors.text }]
-    },
-    "Address: ",
-    address
-  ), /* @__PURE__ */ React32.createElement(Button, { variant: "ghost", size: "sm", onPress: () => disconnect() }, "Disconnect Wallet"), isFetchingChains ? /* @__PURE__ */ React32.createElement(
-    Text12,
-    {
-      style: [styles14.fetchingText, { color: theme.colors.text }]
-    },
-    "Fetching chains..."
-  ) : null), availableChains.length > 0 && address && /* @__PURE__ */ React32.createElement(View14, { style: styles14.chainListWrapper }, /* @__PURE__ */ React32.createElement(Text12, { style: [styles14.chainTitle, { color: theme.colors.text }] }, "Select Chains to Add:"), /* @__PURE__ */ React32.createElement(View14, { style: styles14.chainListContent }, /* @__PURE__ */ React32.createElement(View14, { style: styles14.chainChips }, availableChains.map((chain) => {
-    const isSelected = selectedChains.has(chain.id);
-    const hasError = chainErrors[chain.id];
-    return /* @__PURE__ */ React32.createElement(
-      TouchableOpacity4,
-      {
-        onPress: () => toggleChainSelection(chain.id),
-        style: styles14.chainButton,
-        key: chain.id
-      },
-      /* @__PURE__ */ React32.createElement(
-        View14,
-        {
-          style: [
-            styles14.chainChip,
-            {
-              backgroundColor: hasError ? theme.colors.errorLight : isSelected ? theme.colors.primary + "20" : theme.colors.surface,
-              borderColor: hasError ? theme.colors.error : isSelected ? theme.colors.primary : theme.colors.border
-            }
-          ]
-        },
-        /* @__PURE__ */ React32.createElement(
-          Text12,
-          {
-            style: [
-              styles14.chainName,
-              {
-                color: hasError ? theme.colors.error : isSelected ? theme.colors.primary : theme.colors.text
-              }
-            ]
-          },
-          chain.name || chain?.id
-        ),
-        isSelected ? /* @__PURE__ */ React32.createElement(
-          CloseIcon,
-          {
-            size: 12,
-            color: hasError ? theme.colors.error : theme.colors.primary
-          }
-        ) : /* @__PURE__ */ React32.createElement(
-          PlusIcon,
-          {
-            size: 12,
-            color: theme.colors.textSecondary
-          }
-        )
-      )
-    );
-  })), selectedChains.size > 0 && availableChains.length > 0 && /* @__PURE__ */ React32.createElement(
-    TouchableOpacity4,
-    {
-      onPress: () => setSelectedChains(/* @__PURE__ */ new Set()),
-      style: styles14.chainButton,
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React32.createElement(
-      View14,
-      {
-        style: [
-          styles14.chainChip,
-          styles14.chainChipRemoveAll,
-          {
-            borderWidth: 0,
-            backgroundColor: "transparent"
-          }
-        ]
-      },
-      /* @__PURE__ */ React32.createElement(
-        Text12,
-        {
-          style: [
-            styles14.chainName,
-            { color: theme.colors.primary }
-          ]
-        },
-        "Remove All Chains"
-      ),
-      /* @__PURE__ */ React32.createElement(CloseIcon, { size: 12, color: theme.colors.primary })
-    )
-  ), Object.keys(chainErrors || {}).length > 0 && /* @__PURE__ */ React32.createElement(View14, { style: styles14.chainErrorsContainer }, /* @__PURE__ */ React32.createElement(
-    Text12,
-    {
-      style: [
-        styles14.chainErrorsTitle,
-        { color: theme.colors.error }
-      ]
-    },
-    "Errors:"
-  ), Object.entries(chainErrors).map(([chainId, error]) => {
-    const chain = availableChains.find(
-      (c) => c.id === chainId
-    );
-    return /* @__PURE__ */ React32.createElement(
-      Text12,
-      {
-        key: chainId,
-        style: [
-          styles14.chainErrorItem,
-          { color: theme.colors.error }
-        ]
-      },
-      "\u2022 ",
-      chain?.name ?? chainId,
-      ": ",
-      String(error)
-    );
-  })))), errorMessage || errorMessageProp ? /* @__PURE__ */ React32.createElement(View14, { style: styles14.errorMessageContainer }, /* @__PURE__ */ React32.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React32.createElement(AlertDescription, null, errorMessage || errorMessageProp))) : null)), /* @__PURE__ */ React32.createElement(ModalFooter, { style: { paddingVertical: 8 } }, availableChains.length > 0 && address && /* @__PURE__ */ React32.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: onSubmitWalletConnect,
-      loading: isLoading,
-      disabled: isLoading || !!address && availableChains.length > 0 && selectedChains.size === 0,
-      style: styles14.button
-    },
-    selectedChains.size > 0 ? `Add ${selectedChains.size} Chain${selectedChains.size > 1 ? "s" : ""}` : "Add Integration"
-  ), /* @__PURE__ */ React32.createElement(Footer, null)));
-}
-var styles14 = StyleSheet14.create({
-  connectedContainer: {
-    flexShrink: 0
-  },
-  chainListWrapper: {
-    marginTop: 8
-  },
-  chainListContent: {
-    paddingBottom: 8
-  },
-  connectedHeader: {
-    marginBottom: 8
-  },
-  connectedTitle: { fontSize: 12, fontWeight: "600", marginBottom: 4 },
-  connectedText: { fontSize: 14, marginBottom: 4 },
-  fetchingText: { fontSize: 12, marginBottom: 4, textAlign: "center" },
-  infoText: {
-    fontSize: 16,
-    fontWeight: "600",
-    marginBottom: 8,
-    textAlign: "center"
-  },
-  errorMessageContainer: {
-    marginTop: 16
-  },
-  headerContent: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  backButton: {
-    padding: 4,
-    // theme.spacing.xs
-    marginRight: 8
-    // theme.spacing.sm
-  },
-  headerTitle: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600"
-  },
-  contentContainer: {
-    padding: 20,
-    // theme.spacing.xl
-    paddingBottom: 20,
-    width: "100%",
-    alignSelf: "center",
-    flexDirection: "column"
-  },
-  chainTitle: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "500",
-    marginBottom: 12
-    // theme.spacing.md - consistent label spacing
-  },
-  chainChips: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6
-    // theme.spacing.sm
-  },
-  chainChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 8,
-    // theme.spacing.sm
-    paddingVertical: 5,
-    // theme.spacing.xs
-    borderRadius: 12,
-    // theme.borderRadius.md
-    borderWidth: 1
-  },
-  chainChipRemoveAll: {
-    marginTop: 6,
-    // theme.spacing.sm - separate from chain list
-    width: "auto"
-  },
-  chainName: {
-    fontSize: 12,
-    fontWeight: "500",
-    marginRight: 6
-    // theme.spacing.xs
-  },
-  chainButton: {
-    padding: 2
-    // theme.spacing.xs
-  },
-  chainErrorsContainer: {
-    marginTop: 12
-    // theme.spacing.md - consistent spacing
-  },
-  chainErrorsTitle: {
-    fontSize: 13,
-    fontWeight: "500",
-    marginBottom: 4
-    // theme.spacing.xs
-  },
-  chainErrorItem: {
-    fontSize: 12,
-    // theme.fontSize.sm
-    marginBottom: 4
-    // theme.spacing.xs
-  },
-  button: {
-    width: "100%"
-  },
-  emptyState: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 12
-  },
-  emptyStateTitle: {
-    fontSize: 18,
-    fontWeight: "600"
-  },
-  emptyStateButton: {
-    marginTop: 8
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    marginBottom: 16
-    // theme.spacing.lg
-  },
-  logo: {
-    width: 32,
-    height: 32,
-    borderRadius: 8
-    // theme.borderRadius.sm
-  },
-  logoPlaceholder: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    // theme.borderRadius.sm
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  name: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600",
-    marginLeft: 12,
-    // theme.spacing.md
-    textTransform: "capitalize"
-  }
-});
-
-// src/molecules/IntegrationForm.tsx
-import React34 from "react";
-import { Image as Image3, StyleSheet as StyleSheet16, Text as Text14, TouchableOpacity as TouchableOpacity6, View as View16 } from "react-native";
-
-// src/molecules/IntegrationInfo.tsx
-import React33, { useMemo as useMemo2, useState as useState3 } from "react";
-import {
-  Linking as Linking3,
-  StyleSheet as StyleSheet15,
-  Text as Text13,
-  TouchableOpacity as TouchableOpacity5,
-  View as View15
-} from "react-native";
-var ChevronDown = ({ isOpen, color }) => /* @__PURE__ */ React33.createElement(Text13, { style: [styles15.chevron, { color }] }, isOpen ? "\u25BC" : "\u25B6");
-var IntegrationInfo = ({
-  content,
-  type,
-  import_guide
-}) => {
-  const theme = useTheme();
-  const instructionsData = useMemo2(
-    () => content?.instructions?.[type] || null,
-    [content, type]
-  );
-  const featuresData = useMemo2(
-    () => content?.features?.[type] || [],
-    [content, type]
-  );
-  const gtkData = useMemo2(() => content?.gtk?.[type] || [], [content, type]);
-  const hasInstructions = instructionsData && (instructionsData?.content?.length ?? 0) > 0;
-  const hasFeatures = (featuresData?.length ?? 0) > 0;
-  const hasGtk = (gtkData?.length ?? 0) > 0;
-  const defaultSection = hasInstructions ? "instructions" : hasGtk ? "good-to-know" : hasFeatures ? "supported-features" : null;
-  const [openSection, setOpenSection] = useState3(defaultSection);
-  const toggleSection = (value) => {
-    setOpenSection((prev) => prev === value ? null : value);
-  };
-  const handleImportGuidePress = () => {
-    if (import_guide) Linking3.openURL(import_guide);
-  };
-  if (!hasInstructions && !hasFeatures && !hasGtk && !import_guide) {
-    return null;
-  }
-  return /* @__PURE__ */ React33.createElement(View15, { style: styles15.container }, import_guide && /* @__PURE__ */ React33.createElement(
-    TouchableOpacity5,
-    {
-      onPress: handleImportGuidePress,
-      style: [styles15.importGuide, { borderColor: theme.colors.primary }],
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React33.createElement(
-      Text13,
-      {
-        style: [styles15.importGuideText, { color: theme.colors.primary }]
-      },
-      "Import Guide"
-    ),
-    /* @__PURE__ */ React33.createElement(RedirectIcon, { width: 14, height: 14, color: theme.colors.primary })
-  ), hasInstructions && /* @__PURE__ */ React33.createElement(View15, { style: styles15.accordionItem }, /* @__PURE__ */ React33.createElement(
-    TouchableOpacity5,
-    {
-      onPress: () => toggleSection("instructions"),
-      style: [
-        styles15.trigger,
-        {
-          borderBottomColor: theme.colors.border,
-          backgroundColor: theme.colors.surface
-        }
-      ],
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React33.createElement(Text13, { style: [styles15.triggerText, { color: theme.colors.text }] }, "Instructions"),
-    /* @__PURE__ */ React33.createElement(
-      ChevronDown,
-      {
-        isOpen: openSection === "instructions",
-        color: theme.colors.textSecondary
-      }
-    )
-  ), openSection === "instructions" && /* @__PURE__ */ React33.createElement(
-    View15,
-    {
-      style: [
-        styles15.content,
-        {
-          backgroundColor: theme.colors.background,
-          borderBottomColor: theme.colors.border
-        }
-      ]
-    },
-    instructionsData?.content && /* @__PURE__ */ React33.createElement(View15, { style: styles15.list }, instructionsData.content.map(
-      (step, index) => /* @__PURE__ */ React33.createElement(
-        Text13,
-        {
-          key: index,
-          style: [
-            styles15.listItem,
-            styles15.orderedItem,
-            { color: theme.colors.textSecondary }
-          ]
-        },
-        index + 1,
-        ". ",
-        step
-      )
-    )),
-    instructionsData?.videoLink && /* @__PURE__ */ React33.createElement(
-      TouchableOpacity5,
-      {
-        onPress: () => Linking3.openURL(instructionsData.videoLink),
-        style: styles15.videoLink,
-        activeOpacity: 0.7
-      },
-      /* @__PURE__ */ React33.createElement(
-        Text13,
-        {
-          style: [
-            styles15.videoLinkText,
-            { color: theme.colors.primary }
-          ]
-        },
-        "\u25B6 Watch Video Tutorial"
-      )
-    )
-  )), hasGtk && /* @__PURE__ */ React33.createElement(View15, { style: styles15.accordionItem }, /* @__PURE__ */ React33.createElement(
-    TouchableOpacity5,
-    {
-      onPress: () => toggleSection("good-to-know"),
-      style: [
-        styles15.trigger,
-        {
-          borderBottomColor: theme.colors.border,
-          backgroundColor: theme.colors.surface
-        }
-      ],
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React33.createElement(Text13, { style: [styles15.triggerText, { color: theme.colors.text }] }, "Good to know"),
-    /* @__PURE__ */ React33.createElement(
-      ChevronDown,
-      {
-        isOpen: openSection === "good-to-know",
-        color: theme.colors.textSecondary
-      }
-    )
-  ), openSection === "good-to-know" && /* @__PURE__ */ React33.createElement(
-    View15,
-    {
-      style: [
-        styles15.content,
-        {
-          backgroundColor: theme.colors.background,
-          borderBottomColor: theme.colors.border
-        }
-      ]
-    },
-    /* @__PURE__ */ React33.createElement(View15, { style: styles15.list }, gtkData.map((item, index) => /* @__PURE__ */ React33.createElement(
-      Text13,
-      {
-        key: index,
-        style: [
-          styles15.listItem,
-          styles15.bulletItem,
-          { color: theme.colors.textSecondary }
-        ]
-      },
-      "\u2022 ",
-      item
-    )))
-  )), hasFeatures && /* @__PURE__ */ React33.createElement(View15, { style: styles15.accordionItem }, /* @__PURE__ */ React33.createElement(
-    TouchableOpacity5,
-    {
-      onPress: () => toggleSection("supported-features"),
-      style: [
-        styles15.trigger,
-        {
-          borderBottomColor: theme.colors.border,
-          backgroundColor: theme.colors.surface
-        }
-      ],
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React33.createElement(Text13, { style: [styles15.triggerText, { color: theme.colors.text }] }, "Supported Features"),
-    /* @__PURE__ */ React33.createElement(
-      ChevronDown,
-      {
-        isOpen: openSection === "supported-features",
-        color: theme.colors.textSecondary
-      }
-    )
-  ), openSection === "supported-features" && /* @__PURE__ */ React33.createElement(
-    View15,
-    {
-      style: [
-        styles15.content,
-        {
-          backgroundColor: theme.colors.background,
-          borderBottomColor: theme.colors.border
-        }
-      ]
-    },
-    /* @__PURE__ */ React33.createElement(View15, { style: styles15.list }, featuresData.map((feature, index) => /* @__PURE__ */ React33.createElement(
-      Text13,
-      {
-        key: index,
-        style: [
-          styles15.listItem,
-          styles15.bulletItem,
-          { color: theme.colors.textSecondary }
-        ]
-      },
-      "\u2022 ",
-      feature
-    )))
-  )));
-};
-var styles15 = StyleSheet15.create({
-  container: {
-    marginTop: 8
-  },
-  importGuide: {
-    flexDirection: "row",
-    alignItems: "center",
-    alignSelf: "flex-end",
-    gap: 4,
-    paddingVertical: 6,
-    paddingHorizontal: 8,
-    marginBottom: 8
-  },
-  importGuideText: {
-    fontSize: 14,
-    fontWeight: "500"
-  },
-  accordionItem: {
-    marginBottom: 4,
-    borderRadius: 8,
-    overflow: "hidden"
-  },
-  trigger: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderBottomWidth: 1
-  },
-  triggerText: {
-    fontSize: 14,
-    fontWeight: "600"
-  },
-  chevron: {
-    fontSize: 12
-  },
-  content: {
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderBottomWidth: 1
-  },
-  list: {
-    paddingLeft: 4
-  },
-  listItem: {
-    fontSize: 13,
-    lineHeight: 20,
-    marginBottom: 6
-  },
-  orderedItem: {
-    marginLeft: 0
-  },
-  bulletItem: {
-    marginLeft: 0
-  },
-  videoLink: {
-    marginTop: 8,
-    paddingVertical: 8,
-    paddingHorizontal: 12
-  },
-  videoLinkText: {
-    fontSize: 13,
-    fontWeight: "500"
-  }
-});
-
-// src/molecules/IntegrationForm.tsx
-var IntegrationForm = ({
-  metadata,
-  onAddHandle,
-  open,
-  setAddIntegrationMode,
-  handleClose,
-  providersList,
-  errorMessage: errorMessageProp,
-  showBackButton = true
-}) => {
-  const { clientId, linkToken, user } = useKryptosConnect();
-  const theme = useTheme();
-  const [isLoading, setIsLoading] = React34.useState(false);
-  const [isFetchingChains, setIsFetchingChains] = React34.useState(false);
-  const [userUsedChains, setUserUsedChains] = React34.useState([]);
-  const [selectedChains, setSelectedChains] = React34.useState(
-    /* @__PURE__ */ new Set()
-  );
-  const [chainErrors, setChainErrors] = React34.useState(
-    {}
-  );
-  const [errorMessage, setErrorMessage] = React34.useState("");
-  const [formValues, setFormValues] = React34.useState({
-    address: "",
-    account_name: "",
-    api_key: "",
-    secret_key: "",
-    password: ""
-  });
-  const [formErrors, setFormErrors] = React34.useState({});
-  React34.useEffect(() => {
-    if (!formValues.address || !formValues.address.trim()) {
-      setUserUsedChains([]);
-      setSelectedChains(/* @__PURE__ */ new Set());
-      setIsFetchingChains(false);
-      return;
-    }
-    const debounceTimer = setTimeout(async () => {
-      if (linkToken && formValues.address && formValues.address.trim() && metadata.isEvmWallet) {
-        try {
-          setIsFetchingChains(true);
-          const res = await getUserUsedChains(
-            linkToken,
-            formValues.address.trim()
-          );
-          if (res && Array.isArray(res)) {
-            setUserUsedChains(res);
-            setSelectedChains(new Set(res.map((chain) => chain.id)));
-          } else {
-            setUserUsedChains([]);
-            setSelectedChains(/* @__PURE__ */ new Set());
-          }
-        } catch (error) {
-          console.error("Failed to fetch user chains:", error);
-          setUserUsedChains([]);
-          setSelectedChains(/* @__PURE__ */ new Set());
-        } finally {
-          setIsFetchingChains(false);
-        }
-      }
-    }, 500);
-    return () => {
-      clearTimeout(debounceTimer);
-    };
-  }, [linkToken, formValues.address]);
-  const toggleChainSelection = (chainId) => {
-    const newSelected = new Set(selectedChains);
-    if (newSelected.has(chainId)) {
-      newSelected.delete(chainId);
-    } else {
-      newSelected.add(chainId);
-    }
-    setSelectedChains(newSelected);
-    if (chainErrors[chainId]) {
-      const newErrors = { ...chainErrors };
-      delete newErrors[chainId];
-      setChainErrors(newErrors);
-    }
-  };
-  const validateForm = () => {
-    const errors = {};
-    if (metadata.address && !formValues.address.trim()) {
-      errors.address = "Address is required";
-    }
-    if (metadata.account_name && !formValues.account_name.trim()) {
-      errors.account_name = "Account name is required";
-    }
-    if (metadata.api_key && !formValues.api_key.trim()) {
-      errors.api_key = "API key is required";
-    }
-    if (metadata.secret_key && !formValues.secret_key.trim()) {
-      errors.secret_key = "Secret key is required";
-    }
-    if (metadata.password && !formValues.password.trim()) {
-      errors.password = "Password is required";
-    }
-    setFormErrors(errors);
-    return Object.keys(errors).length === 0;
-  };
-  const handleSubmit = async () => {
-    if (!validateForm()) return;
-    try {
-      setIsLoading(true);
-      setChainErrors({});
-      setErrorMessage("");
-      const primaryField = formValues.address || formValues.account_name || formValues.api_key || "";
-      const chainsToProcess = userUsedChains.length > 0 && formValues.address && selectedChains.size > 0 ? userUsedChains.filter((chain) => selectedChains.has(chain.id)) : [];
-      const integrationsToAdd = [];
-      const errors = {};
-      if (chainsToProcess.length > 0) {
-        const credentialTestsData = chainsToProcess.map((chain) => {
-          const walletId = generateUUID();
-          const displaySuffix = primaryField.length >= 8 ? `${primaryField.slice(0, 4)}...${primaryField.slice(-4)}` : primaryField;
-          const alias = `${metadata.id} - ${chain?.name || ""} (${displaySuffix})`;
-          const credential = {
-            source: metadata.id,
-            credential: {
-              apiKey: formValues.api_key?.trim() || "",
-              secret: formValues.secret_key?.trim() || "",
-              accountName: formValues.account_name?.trim() || "",
-              address: formValues.address?.trim() || "",
-              password: formValues.password?.trim() || "",
-              userId: user?.user_id || "",
-              projectId: metadata?.projectId || "",
-              privateKey: "",
-              alias,
-              walletId,
-              exchange: metadata.id
-            }
-          };
-          return { chain, walletId, alias, credential };
-        });
-        const results = await Promise.allSettled(
-          credentialTestsData.map(
-            (testData) => testCredentials(linkToken, { ...testData.credential })
-          )
-        );
-        results.forEach((result, index) => {
-          const { chain, walletId, alias } = credentialTestsData[index];
-          if (result.status === "fulfilled" && result.value?.valid) {
-            const data = {
-              alias,
-              exchange: chain.id.toLowerCase(),
-              id: chain.id,
-              public_name: chain.public_name || "",
-              sync_time: (/* @__PURE__ */ new Date()).getTime(),
-              fetchAll: true,
-              logo: chain.logo ? chain.logo : null,
-              startTime: null,
-              endTime: null,
-              uid: user?.user_id || "",
-              walletId,
-              clientMetadata: {
-                clientId,
-                createdAt: (/* @__PURE__ */ new Date()).toISOString()
-              },
-              addedOn: (/* @__PURE__ */ new Date()).getTime(),
-              default_chain: metadata.id,
-              default_chain_logo: "",
-              type: metadata.type,
-              isNftSupported: metadata.isEvmWallet || metadata.nftSupport ? true : false,
-              chainId: chain?.community_id,
-              address: formValues.address,
-              isCustomWallet: false
-            };
-            if (formValues.account_name)
-              data.accountName = formValues.account_name;
-            if (formValues.api_key) data.apiKey = formValues.api_key;
-            if (formValues.secret_key) data.secret = formValues.secret_key;
-            if (formValues.password) data.password = formValues.password;
-            integrationsToAdd.push(data);
-          } else {
-            if (result.status === "rejected") {
-              errors[chain.id] = result.reason?.response?.data?.message || "Failed to process chain";
-            } else if (result.status === "fulfilled") {
-              errors[chain.id] = result.value?.message || "Failed to verify chain";
-            }
-          }
-        });
-        setChainErrors(errors);
-        if (Object.keys(errors).length > 0) {
-          setErrorMessage(
-            `Cannot add integrations. ${Object.keys(errors).length} chain${Object.keys(errors).length > 1 ? "s" : ""} failed verification. Please fix the errors and try again.`
-          );
-          return;
-        }
-      } else {
-        const displaySuffix = primaryField.length >= 8 ? `${primaryField.slice(0, 4)}...${primaryField.slice(-4)}` : primaryField;
-        const alias = `${metadata.id} (${displaySuffix})`;
-        const walletId = generateUUID();
-        const credential = {
-          source: metadata.id,
-          credential: {
-            apiKey: formValues.api_key?.trim() || "",
-            secret: formValues.secret_key?.trim() || "",
-            accountName: formValues.account_name?.trim() || "",
-            address: formValues.address?.trim() || "",
-            password: formValues.password?.trim() || "",
-            userId: user?.user_id || "",
-            projectId: metadata?.projectId || "",
-            privateKey: "",
-            alias,
-            walletId,
-            exchange: metadata.id
-          }
-        };
-        const testResult = await testCredentials(linkToken, { ...credential });
-        if (!testResult?.valid) {
-          setErrorMessage(testResult?.message || "Credentials are invalid");
-          return;
-        }
-        const data = {
-          alias,
-          exchange: metadata.id.toLowerCase(),
-          id: metadata.id,
-          public_name: metadata.public_name,
-          sync_time: (/* @__PURE__ */ new Date()).getTime(),
-          fetchAll: true,
-          logo: metadata.logo ? metadata.logo : null,
-          startTime: null,
-          endTime: null,
-          uid: user?.user_id || "",
-          walletId,
-          clientMetadata: {
-            clientId,
-            createdAt: (/* @__PURE__ */ new Date()).toISOString()
-          },
-          addedOn: (/* @__PURE__ */ new Date()).getTime(),
-          default_chain: metadata.id,
-          default_chain_logo: "",
-          type: metadata.type,
-          isNftSupported: metadata.isEvmWallet || metadata.nftSupport ? true : false,
-          isCustomWallet: false
-        };
-        if (metadata.community_id) {
-          data.chainId = metadata.community_id;
-        }
-        if (formValues.address) data.address = formValues.address;
-        if (formValues.account_name) data.accountName = formValues.account_name;
-        if (formValues.api_key) data.apiKey = formValues.api_key;
-        if (formValues.secret_key) data.secret = formValues.secret_key;
-        if (formValues.password) data.password = formValues.password;
-        integrationsToAdd.push(data);
-      }
-      if (integrationsToAdd.length > 0) {
-        await onAddHandle(integrationsToAdd);
-        setFormErrors({});
-        setFormValues({
-          address: "",
-          account_name: "",
-          api_key: "",
-          secret_key: "",
-          password: ""
-        });
-        setErrorMessage("");
-      } else {
-        setErrorMessage("No integrations could be added. Please try again.");
-      }
-    } catch (error) {
-      console.error(error);
-      setErrorMessage(
-        error?.response?.data?.message || error?.response?.data?.error || "Failed to add integrations"
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const hasNoFields = !metadata.password && !metadata.secret_key && !metadata.api_key && !metadata.address && !metadata.account_name;
-  const shouldShowFormFields = metadata.password || metadata.secret_key || metadata.api_key || metadata.address || metadata.account_name;
-  const renderLogo = () => metadata.logo ? isSvgUrl(metadata.logo) ? /* @__PURE__ */ React34.createElement(RemoteSvg, { uri: metadata.logo }) : /* @__PURE__ */ React34.createElement(
-    Image3,
-    {
-      source: { uri: metadata.logo },
-      style: styles16.logo,
-      resizeMode: "contain"
-    }
-  ) : /* @__PURE__ */ React34.createElement(
-    View16,
-    {
-      style: [
-        styles16.logoPlaceholder,
-        { backgroundColor: theme.colors.surface }
-      ]
-    },
-    /* @__PURE__ */ React34.createElement(Text14, { style: { color: theme.colors.text } }, metadata.name?.charAt(0) || "?")
-  );
-  const renderInput = (key, props) => /* @__PURE__ */ React34.createElement(
-    Input,
-    {
-      placeholder: props.placeholder,
-      value: formValues[key],
-      onChangeText: (text) => setFormValues((prev) => ({ ...prev, [key]: text })),
-      error: formErrors[key],
-      autoCapitalize: props.autoCapitalize,
-      autoCorrect: props.autoCorrect,
-      secureTextEntry: props.secureTextEntry
-    }
-  );
-  const renderErrorAlert = () => errorMessage || errorMessageProp ? /* @__PURE__ */ React34.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React34.createElement(AlertDescription, null, errorMessage || errorMessageProp)) : null;
-  const renderChainSelection = () => userUsedChains.length > 0 && formValues.address && /* @__PURE__ */ React34.createElement(View16, { style: styles16.chainSelection }, /* @__PURE__ */ React34.createElement(Text14, { style: [styles16.chainTitle, { color: theme.colors.text }] }, "Select Chains to Add:"), /* @__PURE__ */ React34.createElement(View16, { style: styles16.chainListContent }, /* @__PURE__ */ React34.createElement(View16, { style: styles16.chainChips }, userUsedChains.map((chain) => {
-    const isSelected = selectedChains.has(chain.id);
-    const hasError = chainErrors[chain.id];
-    return /* @__PURE__ */ React34.createElement(
-      TouchableOpacity6,
-      {
-        onPress: () => toggleChainSelection(chain.id),
-        style: styles16.chainButton,
-        key: chain.id
-      },
-      /* @__PURE__ */ React34.createElement(
-        View16,
-        {
-          style: [
-            styles16.chainChip,
-            {
-              backgroundColor: hasError ? theme.colors.errorLight : isSelected ? theme.colors.primary + "20" : theme.colors.surface,
-              borderColor: hasError ? theme.colors.error : isSelected ? theme.colors.primary : theme.colors.border
-            }
-          ]
-        },
-        /* @__PURE__ */ React34.createElement(
-          Text14,
-          {
-            style: [
-              styles16.chainName,
-              {
-                color: hasError ? theme.colors.error : isSelected ? theme.colors.primary : theme.colors.text
-              }
-            ]
-          },
-          chain.name
-        ),
-        isSelected ? /* @__PURE__ */ React34.createElement(
-          CloseIcon,
-          {
-            size: 12,
-            color: hasError ? theme.colors.error : theme.colors.primary
-          }
-        ) : /* @__PURE__ */ React34.createElement(PlusIcon, { size: 12, color: theme.colors.textSecondary })
-      )
-    );
-  })), selectedChains.size > 0 && userUsedChains.length > 0 && /* @__PURE__ */ React34.createElement(
-    TouchableOpacity6,
-    {
-      onPress: () => setSelectedChains(/* @__PURE__ */ new Set()),
-      style: styles16.chainButton,
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React34.createElement(
-      View16,
-      {
-        style: [
-          styles16.chainChip,
-          styles16.chainChipRemoveAll,
-          {
-            borderWidth: 0
-          }
-        ]
-      },
-      /* @__PURE__ */ React34.createElement(
-        Text14,
-        {
-          style: [styles16.chainName, { color: theme.colors.primary }]
-        },
-        "Remove All Chains"
-      ),
-      /* @__PURE__ */ React34.createElement(CloseIcon, { size: 12, color: theme.colors.primary })
-    )
-  )), Object.keys(chainErrors).length > 0 && /* @__PURE__ */ React34.createElement(View16, { style: styles16.chainErrorsContainer }, /* @__PURE__ */ React34.createElement(
-    Text14,
-    {
-      style: [styles16.chainErrorsTitle, { color: theme.colors.error }]
-    },
-    "Errors:"
-  ), Object.entries(chainErrors).map(([chainId, error]) => {
-    const chain = userUsedChains.find((c) => c.id === chainId);
-    return /* @__PURE__ */ React34.createElement(
-      Text14,
-      {
-        key: chainId,
-        style: [styles16.chainErrorItem, { color: theme.colors.error }]
-      },
-      "\u2022 ",
-      chain?.name,
-      ": ",
-      error
-    );
-  })));
-  const renderFormBlock = () => /* @__PURE__ */ React34.createElement(React34.Fragment, null, /* @__PURE__ */ React34.createElement(View16, { style: styles16.header }, renderLogo(), /* @__PURE__ */ React34.createElement(Text14, { style: [styles16.name, { color: theme.colors.text }] }, metadata.name)), shouldShowFormFields && /* @__PURE__ */ React34.createElement(React34.Fragment, null, metadata.address && /* @__PURE__ */ React34.createElement(React34.Fragment, null, renderInput("address", {
-    placeholder: "Enter address",
-    autoCapitalize: "none",
-    autoCorrect: false
-  }), renderChainSelection()), metadata.account_name && renderInput("account_name", { placeholder: "Enter account name" }), metadata.api_key && renderInput("api_key", {
-    placeholder: "Enter API key",
-    autoCapitalize: "none",
-    autoCorrect: false
-  }), metadata.secret_key && renderInput("secret_key", {
-    placeholder: "Enter API secret",
-    autoCapitalize: "none",
-    autoCorrect: false,
-    secureTextEntry: true
-  }), metadata.password && renderInput("password", {
-    placeholder: "Enter Password",
-    secureTextEntry: true
-  })), hasNoFields && !metadata?.isWalletConnectSupported && /* @__PURE__ */ React34.createElement(Alert, { variant: "default", style: { marginTop: 12 } }, /* @__PURE__ */ React34.createElement(AlertDescription, null, "This integration is not supported here yet \u2014 try using it through our Kryptos Platform.")));
-  const addIntegrationLabel = formValues.address && userUsedChains.length > 0 && selectedChains.size > 0 ? `Add ${selectedChains.size} Chain${selectedChains.size !== 1 ? "s" : ""}` : "Add Integration";
-  return /* @__PURE__ */ React34.createElement(React34.Fragment, null, !metadata?.isWalletConnectSupported ? /* @__PURE__ */ React34.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ React34.createElement(ModalHeader, { onClose: handleClose }, /* @__PURE__ */ React34.createElement(View16, { style: styles16.headerContent }, showBackButton && /* @__PURE__ */ React34.createElement(
-    TouchableOpacity6,
-    {
-      onPress: () => setAddIntegrationMode(null),
-      style: styles16.backButton
-    },
-    /* @__PURE__ */ React34.createElement(ArrowLeftIcon, { size: 20, color: theme.colors.text })
-  ), /* @__PURE__ */ React34.createElement(Text14, { style: [styles16.headerTitle, { color: theme.colors.text }] }, "Integration"))), /* @__PURE__ */ React34.createElement(ModalBody, { scrollable: true, style: styles16.contentContainer }, renderFormBlock(), renderErrorAlert(), !metadata?.isWalletConnectSupported && metadata?.walletLimitations && /* @__PURE__ */ React34.createElement(
-    IntegrationInfo,
-    {
-      content: metadata.walletLimitations,
-      type: "api",
-      import_guide: metadata.import_guide
-    }
-  )), !hasNoFields && /* @__PURE__ */ React34.createElement(ModalFooter, { style: { paddingVertical: 8 } }, /* @__PURE__ */ React34.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleSubmit,
-      loading: isLoading,
-      disabled: isLoading || isFetchingChains || !!formValues.address && userUsedChains.length > 0 && selectedChains.size === 0,
-      style: styles16.button
-    },
-    addIntegrationLabel
-  ), /* @__PURE__ */ React34.createElement(Footer, null))) : /* @__PURE__ */ React34.createElement(
-    WalletConnectComponent,
-    {
-      integration: metadata,
-      onClose: handleClose,
-      onAddHandle,
-      modalOpen: open,
-      setAddIntegrationMode,
-      handleClose,
-      providersList,
-      errorMessage: errorMessageProp,
-      showBackButton
-    }
-  ));
-};
-var styles16 = StyleSheet16.create({
-  chainListContent: {
-    paddingBottom: 8
-  },
-  headerContent: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  backButton: {
-    padding: 4,
-    // theme.spacing.xs
-    marginRight: 8
-    // theme.spacing.sm
-  },
-  headerTitle: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600"
-  },
-  container: {
-    flex: 1
-  },
-  contentContainer: {
-    padding: 20,
-    // theme.spacing.xl
-    paddingBottom: 40,
-    width: "100%",
-    alignSelf: "center",
-    flexDirection: "column"
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    marginBottom: 16
-    // theme.spacing.lg
-  },
-  logo: {
-    width: 32,
-    height: 32,
-    borderRadius: 8
-    // theme.borderRadius.sm
-  },
-  logoPlaceholder: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    // theme.borderRadius.sm
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  name: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600",
-    marginLeft: 12,
-    // theme.spacing.md
-    textTransform: "capitalize"
-  },
-  chainSelection: {
-    marginBottom: 8
-    // theme.spacing.lg
-  },
-  chainTitle: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "500",
-    marginBottom: 12
-    // theme.spacing.md - consistent label spacing
-  },
-  chainChips: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6
-    // theme.spacing.sm
-  },
-  chainChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 8,
-    // theme.spacing.sm
-    paddingVertical: 5,
-    // theme.spacing.xs
-    borderRadius: 12,
-    // theme.borderRadius.md
-    borderWidth: 1
-  },
-  chainChipRemoveAll: {
-    marginTop: 6,
-    // theme.spacing.sm - separate from chain list
-    width: "auto"
-  },
-  chainName: {
-    fontSize: 12,
-    fontWeight: "500",
-    marginRight: 6
-    // theme.spacing.xs
-  },
-  chainButton: {
-    padding: 2
-    // theme.spacing.xs
-  },
-  chainErrorsContainer: {
-    marginTop: 12
-    // theme.spacing.md - consistent spacing
-  },
-  chainErrorsTitle: {
-    fontSize: 13,
-    fontWeight: "500",
-    marginBottom: 4
-    // theme.spacing.xs
-  },
-  chainErrorItem: {
-    fontSize: 12,
-    // theme.fontSize.sm
-    marginBottom: 4
-    // theme.spacing.xs
-  },
-  button: {
-    width: "100%"
-  }
-});
-
-// src/molecules/Integration.tsx
-var Integration = ({
-  open,
-  onSuccess,
-  onClose,
-  integrationDetails
-}) => {
-  const { appName, linkToken } = useKryptosConnect();
-  const theme = useTheme();
-  const [addIntegrationMode, setAddIntegrationMode] = React35.useState(integrationDetails || null);
-  const [query, setQuery] = React35.useState("");
-  const [activeTab, setActiveTab] = React35.useState("all");
-  const [supportedProviders, setSupportedProviders] = React35.useState([]);
-  const [existingIntegrations, setExistingIntegrations] = React35.useState([]);
-  const [isLoading, setIsLoading] = React35.useState(false);
-  const [errorMessage, setErrorMessage] = React35.useState("");
-  React35.useEffect(() => {
-    if (integrationDetails) {
-      setAddIntegrationMode(integrationDetails);
-    }
-  }, [integrationDetails]);
-  const handleClose = () => {
-    onClose();
-  };
-  const fetchExistingIntegrations = async () => {
-    try {
-      const res = await getUserIntegrations(linkToken);
-      setExistingIntegrations(res?.integrations || []);
-    } catch (error) {
-      const err = error;
-      setErrorMessage(
-        err?.response?.data?.message || err?.response?.data?.error || "Failed to fetch existing integrations"
-      );
-      console.error(error);
-    }
-  };
-  const fetchSupportedProviders = async () => {
-    try {
-      setIsLoading(true);
-      const res = await getSupportedProviders(linkToken);
-      setSupportedProviders(res?.providers || []);
-    } catch (error) {
-      const err = error;
-      setErrorMessage(
-        err?.response?.data?.message || err?.response?.data?.error || "Failed to fetch supported providers"
-      );
-      console.error(error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  React35.useEffect(() => {
-    if (linkToken) {
-      fetchSupportedProviders();
-      fetchExistingIntegrations();
-    }
-  }, [linkToken]);
-  const isIntegrationAdded = useCallback(
-    (publicName) => {
-      const integrations = [...existingIntegrations];
-      return integrations.some(
-        (integration) => integration.public_name === publicName
-      );
-    },
-    [existingIntegrations]
-  );
-  const getIntegrationCount = useCallback(
-    (publicName) => {
-      const integrations = [...existingIntegrations];
-      return integrations.filter(
-        (integration) => integration.public_name === publicName
-      ).length;
-    },
-    [existingIntegrations]
-  );
-  const filteredResults = React35.useMemo(() => {
-    let filtered = supportedProviders;
-    if (activeTab !== "all") {
-      filtered = filtered.filter((provider) => provider.type === activeTab);
-    }
-    if (query?.trim()) {
-      const lowerQuery = query.trim().toLowerCase();
-      filtered = filtered.filter((provider) => {
-        return provider.name?.toLowerCase().includes(lowerQuery) || provider.public_name?.toLowerCase().includes(lowerQuery) || provider.id?.toLowerCase().includes(lowerQuery);
-      });
-    }
-    return [...filtered].sort((a, b) => {
-      const countA = getIntegrationCount(a.public_name);
-      const countB = getIntegrationCount(b.public_name);
-      if (countB !== countA) return countB - countA;
-      return (a.name ?? "").localeCompare(b.name ?? "");
-    });
-  }, [query, supportedProviders, getIntegrationCount, activeTab]);
-  const handleAddIntegration = async (integrationsList) => {
-    try {
-      setIsLoading(true);
-      const integrations = integrationsList ? integrationsList : [...existingIntegrations];
-      if (integrations.length === 0) {
-        setErrorMessage("Please add at least one integration");
-      } else {
-        await addUserIntegration(linkToken, integrations);
-        if (integrationDetails) {
-          onSuccess();
-        }
-      }
-      await fetchExistingIntegrations();
-      setAddIntegrationMode(null);
-    } catch (error) {
-      const message = error?.response?.data?.message || error?.response?.data?.error || "Failed to add integrations";
-      setErrorMessage(message);
-      throw error;
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const handleContinue = () => {
-    const integrations = [...existingIntegrations];
-    if (integrations.length === 0) {
-      setErrorMessage("Please add at least one integration");
-      return;
-    }
-    onSuccess();
-  };
-  const renderProviderItem = ({ item }) => /* @__PURE__ */ React35.createElement(
-    TouchableOpacity7,
-    {
-      style: [
-        styles17.providerItem,
-        {
-          backgroundColor: theme.colors.surface,
-          borderColor: theme.colors.border
-        }
-      ],
-      onPress: () => setAddIntegrationMode(item),
-      activeOpacity: 0.7
-    },
-    /* @__PURE__ */ React35.createElement(View17, { style: styles17.providerInfo }, item?.logo ? isSvgUrl(item?.logo) ? /* @__PURE__ */ React35.createElement(RemoteSvg, { uri: item?.logo }) : /* @__PURE__ */ React35.createElement(
-      Image4,
-      {
-        source: { uri: item?.logo },
-        style: styles17.providerLogo,
-        resizeMode: "contain"
-      }
-    ) : /* @__PURE__ */ React35.createElement(
-      View17,
-      {
-        style: [
-          styles17.providerLogoPlaceholder,
-          { backgroundColor: theme.colors.surfaceSecondary }
-        ]
-      },
-      /* @__PURE__ */ React35.createElement(Text15, { style: { color: theme.colors.text } }, item?.name?.charAt(0) || "?")
-    ), /* @__PURE__ */ React35.createElement(Text15, { style: [styles17.providerName, { color: theme.colors.text }] }, item?.name + "\u200B")),
-    isIntegrationAdded(item?.public_name) && /* @__PURE__ */ React35.createElement(View17, { style: styles17.providerStatus }, /* @__PURE__ */ React35.createElement(CheckCircleIcon, { size: 18, color: theme.colors.success }), /* @__PURE__ */ React35.createElement(
-      Text15,
-      {
-        style: [
-          styles17.providerCount,
-          { color: theme.colors.textSecondary }
-        ]
-      },
-      getIntegrationCount(item?.public_name)
-    ))
-  );
-  const renderSkeletonItem = () => /* @__PURE__ */ React35.createElement(SkeletonItem_default, null);
-  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, !addIntegrationMode ? /* @__PURE__ */ React35.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ React35.createElement(ModalHeader, { onClose: handleClose }, /* @__PURE__ */ React35.createElement(View17, { style: styles17.headerContent }, addIntegrationMode && /* @__PURE__ */ React35.createElement(
-    TouchableOpacity7,
-    {
-      onPress: () => setAddIntegrationMode(null),
-      style: styles17.backButton
-    },
-    /* @__PURE__ */ React35.createElement(ArrowLeftIcon, { size: 20, color: theme.colors.text })
-  ), /* @__PURE__ */ React35.createElement(Text15, { style: [styles17.headerTitle, { color: theme.colors.text }] }, "Integration"))), /* @__PURE__ */ React35.createElement(ModalBody, { scrollable: false, style: styles17.noPadding }, /* @__PURE__ */ React35.createElement(View17, { style: styles17.container }, /* @__PURE__ */ React35.createElement(View17, { style: styles17.headerSection }, /* @__PURE__ */ React35.createElement(ConnectLogo, null), /* @__PURE__ */ React35.createElement(Text15, { style: [styles17.title, { color: theme.colors.text }] }, "Select an account to link to ", appName)), /* @__PURE__ */ React35.createElement(
-    View17,
-    {
-      style: {
-        paddingHorizontal: theme.spacing.xl,
-        paddingVertical: theme.spacing.sm + 2,
-        backgroundColor: theme.colors.background,
-        zIndex: 10
-      }
-    },
-    /* @__PURE__ */ React35.createElement(
-      Input,
-      {
-        value: query,
-        onChangeText: setQuery,
-        placeholder: "Search Integrations...",
-        containerStyle: styles17.searchInput
-      }
-    ),
-    /* @__PURE__ */ React35.createElement(View17, { style: styles17.tabsContainer }, [
-      { label: "All", value: "all" },
-      { label: "Exchanges", value: "exchange" },
-      { label: "Blockchains", value: "blockchain" },
-      { label: "Wallets", value: "wallet" }
-    ].map((tab) => /* @__PURE__ */ React35.createElement(
-      TouchableOpacity7,
-      {
-        key: tab.value,
-        style: [
-          styles17.tab,
-          {
-            backgroundColor: activeTab === tab.value ? theme.colors.primary : theme.colors.surface,
-            borderColor: theme.colors.border
-          }
-        ],
-        onPress: () => {
-          setActiveTab(
-            tab.value
-          );
-        }
-      },
-      /* @__PURE__ */ React35.createElement(
-        Text15,
-        {
-          style: [
-            styles17.tabText,
-            {
-              color: activeTab === tab.value ? theme.colors.white : theme.colors.text
-            }
-          ]
-        },
-        tab.label
-      )
-    )))
-  ), /* @__PURE__ */ React35.createElement(
-    FlatList,
-    {
-      data: isLoading ? Array.from({ length: 8 }, (_, i) => ({
-        id: `skeleton-${i}`,
-        name: "",
-        public_name: "",
-        type: ""
-      })) : filteredResults,
-      keyExtractor: (item, index) => isLoading ? item.id : `provider-${item.id}-${index}`,
-      renderItem: isLoading ? renderSkeletonItem : renderProviderItem,
-      style: styles17.list,
-      contentContainerStyle: [
-        styles17.listContent,
-        { paddingHorizontal: theme.spacing.xl }
-      ],
-      showsVerticalScrollIndicator: false,
-      ListEmptyComponent: /* @__PURE__ */ React35.createElement(View17, { style: styles17.emptyContainer }, !isLoading && /* @__PURE__ */ React35.createElement(
-        Text15,
-        {
-          style: [
-            styles17.emptyText,
-            { color: theme.colors.textSecondary }
-          ]
-        },
-        query ? "No search results found" : "No supported integrations found"
-      )),
-      ListFooterComponent: errorMessage ? /* @__PURE__ */ React35.createElement(View17, { style: styles17.errorContainer }, /* @__PURE__ */ React35.createElement(Alert, { variant: "destructive", style: styles17.errorAlert }, /* @__PURE__ */ React35.createElement(AlertDescription, null, errorMessage))) : null
-    }
-  ))), /* @__PURE__ */ React35.createElement(ModalFooter, { style: { paddingVertical: 8 } }, filteredResults && filteredResults.length > 0 && /* @__PURE__ */ React35.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleContinue,
-      loading: isLoading,
-      disabled: isLoading,
-      style: styles17.continueButton
-    },
-    "Continue"
-  ), /* @__PURE__ */ React35.createElement(Footer, null))) : /* @__PURE__ */ React35.createElement(
-    IntegrationForm,
-    {
-      metadata: addIntegrationMode,
-      onAddHandle: async (int) => {
-        const integrationsList = [...int];
-        await handleAddIntegration(integrationsList);
-      },
-      open: !!addIntegrationMode,
-      setAddIntegrationMode,
-      handleClose,
-      providersList: supportedProviders,
-      errorMessage,
-      showBackButton: !integrationDetails
-    }
-  ));
-};
-var styles17 = StyleSheet17.create({
-  headerContent: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  backButton: {
-    padding: 4,
-    // theme.spacing.xs
-    marginRight: 8
-    // theme.spacing.sm
-  },
-  headerTitle: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600"
-  },
-  noPadding: {
-    padding: 0
-  },
-  container: {
-    flex: 1
-  },
-  headerSection: {
-    paddingHorizontal: 20,
-    // theme.spacing.xl
-    paddingTop: 10
-    // theme.spacing.xl
-  },
-  title: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600",
-    textAlign: "center",
-    marginBottom: 10
-    // theme.spacing.lg
-  },
-  searchInput: {},
-  list: {
-    flex: 1,
-    minHeight: 200
-  },
-  listContent: {
-    paddingBottom: 12
-    // theme.spacing.md - consistent padding
-  },
-  providerItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 8,
-    // theme.spacing.md
-    paddingHorizontal: 12,
-    // theme.spacing.md
-    borderRadius: 12,
-    // theme.borderRadius.md
-    borderWidth: 1,
-    marginBottom: 12
-    // theme.spacing.md - consistent list item spacing
-  },
-  providerInfo: {
-    flexDirection: "row",
-    alignItems: "center",
-    flex: 1
-  },
-  providerLogo: {
-    width: 32,
-    height: 32,
-    borderRadius: 8
-    // theme.borderRadius.sm
-  },
-  providerLogoPlaceholder: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    // theme.borderRadius.sm
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  providerName: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "500",
-    marginLeft: 12,
-    // theme.spacing.md
-    textTransform: "capitalize"
-  },
-  providerStatus: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  providerCount: {
-    fontSize: 14,
-    // theme.fontSize.md
-    marginLeft: 4
-    // theme.spacing.xs
-  },
-  emptyContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 40
-    // theme.spacing.xxxl + sm
-  },
-  emptyText: {
-    fontSize: 14
-    // theme.fontSize.md
-  },
-  continueButton: {
-    width: "100%"
-  },
-  errorContainer: {
-    paddingHorizontal: 20,
-    // theme.spacing.xl
-    marginBottom: 12
-  },
-  errorAlert: {
-    marginTop: 8
-  },
-  tabsContainer: {
-    flexDirection: "row",
-    gap: 6,
-    // theme.spacing.sm
-    flexWrap: "wrap"
-  },
-  tab: {
-    paddingVertical: 4,
-    // theme.spacing.sm
-    paddingHorizontal: 10,
-    // theme.spacing.lg
-    borderRadius: 8,
-    // theme.borderRadius.full / 2
-    borderWidth: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  tabText: {
-    fontSize: 12,
-    // theme.fontSize.sm
-    fontWeight: "600"
-  }
-});
-
-// src/molecules/OTPVerify.tsx
-import React36 from "react";
-import { StyleSheet as StyleSheet18, Text as Text16, TouchableOpacity as TouchableOpacity8, View as View18 } from "react-native";
-var OTPVerify = ({
-  open,
-  onSuccess,
-  onClose
-}) => {
-  const theme = useTheme();
-  const [otp, setOtp] = React36.useState("");
-  const { linkToken, clientId, email, setUser } = useKryptosConnect();
-  const [isLoading, setIsLoading] = React36.useState(false);
-  const [isResending, setIsResending] = React36.useState(false);
-  const [resendCooldown, setResendCooldown] = React36.useState(0);
-  const [errorMessage, setErrorMessage] = React36.useState("");
-  const [successMessage, setSuccessMessage] = React36.useState("");
-  const handleSubmit = async () => {
-    if (otp.length !== 6) return;
-    setIsLoading(true);
-    setErrorMessage("");
-    try {
-      const res = await loginWithOtp(linkToken, email, otp, clientId);
-      setUser(res);
-      onSuccess();
-    } catch (error) {
-      const err = error;
-      setErrorMessage(
-        err?.response?.data?.message || "Failed to login with OTP"
-      );
-      console.error(error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const handleOtpComplete = (value) => {
-    setOtp(value);
-  };
-  const handleResendOtp = async () => {
-    if (resendCooldown > 0 || isResending) return;
-    try {
-      setIsResending(true);
-      setErrorMessage("");
-      setSuccessMessage("");
-      await sendEmailOtp(linkToken, email, clientId);
-      setSuccessMessage("OTP sent successfully!");
-      setResendCooldown(60);
-      setOtp("");
-      setTimeout(() => {
-        setSuccessMessage("");
-      }, 3e3);
-    } catch (error) {
-      const err = error;
-      setErrorMessage(
-        err?.response?.data?.message || "Failed to resend OTP. Please try again."
-      );
-      console.error(error);
-    } finally {
-      setIsResending(false);
-    }
-  };
-  const handleClose = () => {
-    onClose();
-    setErrorMessage("");
-    setSuccessMessage("");
-    setOtp("");
-  };
-  React36.useEffect(() => {
-    if (resendCooldown > 0) {
-      const timer = setTimeout(() => {
-        setResendCooldown(resendCooldown - 1);
-      }, 1e3);
-      return () => clearTimeout(timer);
-    }
-    return void 0;
-  }, [resendCooldown]);
-  return /* @__PURE__ */ React36.createElement(Modal, { isOpen: open, onClose: handleClose, size: "lg" }, /* @__PURE__ */ React36.createElement(ModalHeader, { onClose: handleClose }, /* @__PURE__ */ React36.createElement(View18, { style: styles18.headerContent }, /* @__PURE__ */ React36.createElement(Text16, { style: [styles18.headerTitle, { color: theme.colors.text }] }, "OTP Verification"))), /* @__PURE__ */ React36.createElement(ModalBody, null, /* @__PURE__ */ React36.createElement(View18, { style: styles18.container }, /* @__PURE__ */ React36.createElement(ConnectLogo, null), /* @__PURE__ */ React36.createElement(View18, { style: styles18.emailInfo }, /* @__PURE__ */ React36.createElement(
-    Text16,
-    {
-      style: [styles18.infoText, { color: theme.colors.textSecondary }]
-    },
-    "We have sent a verification code to"
-  ), /* @__PURE__ */ React36.createElement(Text16, { style: [styles18.emailText, { color: theme.colors.text }] }, email)), /* @__PURE__ */ React36.createElement(
-    OTP,
-    {
-      onComplete: handleOtpComplete,
-      length: 6,
-      setErrorMessage
-    }
-  ), errorMessage ? /* @__PURE__ */ React36.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React36.createElement(AlertDescription, null, errorMessage)) : null, successMessage ? /* @__PURE__ */ React36.createElement(Alert, { variant: "default" }, /* @__PURE__ */ React36.createElement(AlertDescription, null, successMessage)) : null, /* @__PURE__ */ React36.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleSubmit,
-      loading: isLoading,
-      disabled: otp.length !== 6 || isLoading,
-      style: styles18.button
-    },
-    "Continue"
-  ), /* @__PURE__ */ React36.createElement(
-    TouchableOpacity8,
-    {
-      onPress: handleResendOtp,
-      disabled: resendCooldown > 0 || isResending,
-      style: styles18.resendContainer
-    },
-    isResending ? /* @__PURE__ */ React36.createElement(View18, { style: styles18.resendLoading }, /* @__PURE__ */ React36.createElement(LoaderIcon, { size: 16, color: theme.colors.primary }), /* @__PURE__ */ React36.createElement(
-      Text16,
-      {
-        style: [styles18.resendText, { color: theme.colors.primary }]
-      },
-      " ",
-      "Sending..."
-    )) : resendCooldown > 0 ? /* @__PURE__ */ React36.createElement(
-      Text16,
-      {
-        style: [
-          styles18.resendText,
-          { color: theme.colors.textSecondary }
-        ]
-      },
-      "Resend OTP in ",
-      resendCooldown,
-      "s"
-    ) : /* @__PURE__ */ React36.createElement(
-      Text16,
-      {
-        style: [styles18.resendText, { color: theme.colors.primary }]
-      },
-      "Resend OTP"
-    )
-  ))), /* @__PURE__ */ React36.createElement(ModalFooter, { style: { paddingVertical: 0 } }, /* @__PURE__ */ React36.createElement(Footer, null)));
-};
-var styles18 = StyleSheet18.create({
-  headerContent: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  backButton: {
-    padding: 4,
-    // theme.spacing.xs
-    marginRight: 8
-    // theme.spacing.sm
-  },
-  headerTitle: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600"
-  },
-  container: {
-    flex: 1,
-    alignItems: "center"
-  },
-  emailInfo: {
-    alignItems: "center",
-    marginBottom: 24
-    // theme.spacing.xxl
-  },
-  infoText: {
-    fontSize: 14,
-    // theme.fontSize.md
-    marginBottom: 4
-    // theme.spacing.xs
-  },
-  emailText: {
-    fontSize: 16,
-    // theme.fontSize.lg
-    fontWeight: "600"
-  },
-  button: {
-    width: "100%",
-    marginTop: 16
-    // theme.spacing.lg
-  },
-  resendContainer: {
-    marginTop: 16,
-    // theme.spacing.lg - consistent spacing
-    padding: 8
-    // theme.spacing.sm
-  },
-  resendLoading: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  resendText: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "500"
-  }
-});
-
-// src/molecules/Permissions.tsx
-import React37 from "react";
-import { StyleSheet as StyleSheet19, Text as Text17, View as View19 } from "react-native";
-var Permissions = ({
-  open,
-  onClose,
-  onSuccess
-}) => {
-  const { appName, linkToken, setUserConsent } = useKryptosConnect();
-  const theme = useTheme();
-  const [isLoading, setIsLoading] = React37.useState(false);
-  const [errorMessage, setErrorMessage] = React37.useState("");
-  const handleConsentClick = async () => {
-    try {
-      setIsLoading(true);
-      setErrorMessage("");
-      const res = await giveUserConsent(linkToken);
-      setUserConsent(res);
-      onSuccess();
-    } catch (error) {
-      const err = error;
-      setErrorMessage(
-        err?.response?.data?.message || "Failed to give consent. Please try again."
-      );
-      console.error(error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const permissionItems = [
-    "View your crypto holdings, wallet balances, and portfolio data",
-    "Access your transaction history and trading activity",
-    "Keep this data updated and accessible when you're offline"
-  ];
-  return /* @__PURE__ */ React37.createElement(Modal, { isOpen: open, onClose, size: "xl" }, /* @__PURE__ */ React37.createElement(ModalHeader, { onClose }, "Permissions"), /* @__PURE__ */ React37.createElement(ModalBody, null, /* @__PURE__ */ React37.createElement(View19, { style: styles19.container }, /* @__PURE__ */ React37.createElement(ConnectLogo, null), errorMessage ? /* @__PURE__ */ React37.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React37.createElement(AlertDescription, null, errorMessage)) : null, /* @__PURE__ */ React37.createElement(View19, { style: styles19.permissionsList }, /* @__PURE__ */ React37.createElement(
-    Text17,
-    {
-      style: [styles19.subtitle, { color: theme.colors.textSecondary }]
-    },
-    "Allow ",
-    appName,
-    " to:"
-  ), permissionItems.map((item, index) => /* @__PURE__ */ React37.createElement(View19, { key: `permission-${index}`, style: styles19.permissionItem }, /* @__PURE__ */ React37.createElement(Text17, { style: [styles19.bullet, { color: theme.colors.primary }] }, index + 1, "."), /* @__PURE__ */ React37.createElement(
-    Text17,
-    {
-      style: [styles19.permissionText, { color: theme.colors.text }]
-    },
-    item
-  )))), /* @__PURE__ */ React37.createElement(
-    View19,
-    {
-      style: [
-        styles19.infoBox,
-        {
-          backgroundColor: theme.colors.surface,
-          borderColor: theme.colors.border
-        }
-      ]
-    },
-    /* @__PURE__ */ React37.createElement(
-      Text17,
-      {
-        style: [styles19.infoText, { color: theme.colors.textSecondary }]
-      },
-      "By selecting",
-      " ",
-      /* @__PURE__ */ React37.createElement(Text17, { style: { fontWeight: "600", color: theme.colors.text } }, "'Allow'"),
-      ", you agree to share this information and keep it updated."
-    )
-  ))), /* @__PURE__ */ React37.createElement(ModalFooter, { style: { paddingVertical: 8 } }, /* @__PURE__ */ React37.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleConsentClick,
-      loading: isLoading,
-      disabled: isLoading,
-      style: styles19.button
-    },
-    "Allow"
-  ), /* @__PURE__ */ React37.createElement(Footer, null)));
-};
-var styles19 = StyleSheet19.create({
-  container: {
-    flex: 1
-  },
-  permissionsList: {
-    marginBottom: 24
-    // theme.spacing.xxl
-  },
-  subtitle: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "500",
-    marginBottom: 16
-    // theme.spacing.lg
-  },
-  permissionItem: {
-    flexDirection: "row",
-    marginBottom: 12,
-    // theme.spacing.md
-    paddingLeft: 4
-    // theme.spacing.xs
-  },
-  bullet: {
-    fontSize: 14,
-    // theme.fontSize.md
-    fontWeight: "600",
-    marginRight: 8,
-    // theme.spacing.sm
-    width: 20
-    // theme.spacing.xl
-  },
-  permissionText: {
-    fontSize: 14,
-    // theme.fontSize.md
-    flex: 1,
-    lineHeight: 20
-    // theme.spacing.xl
-  },
-  infoBox: {
-    padding: 16,
-    // theme.spacing.lg
-    borderRadius: 12,
-    // theme.borderRadius.md
-    borderWidth: 1,
-    marginBottom: 24
-    // theme.spacing.xxl
-  },
-  infoText: {
-    fontSize: 13,
-    lineHeight: 18,
-    textAlign: "center"
-  },
-  button: {
-    width: "100%"
-  }
-});
-
-// src/molecules/StatusModal.tsx
-import React38 from "react";
-import { StyleSheet as StyleSheet20, Text as Text18, View as View20 } from "react-native";
-var StatusModal = ({
-  open,
-  onClose,
-  status,
-  onSuccess,
-  onError
-}) => {
-  const theme = useTheme();
-  const handleClose = () => {
-    if (status === "success") {
-      onSuccess();
-    } else {
-      onError();
-    }
-    onClose();
-  };
-  return /* @__PURE__ */ React38.createElement(Modal, { isOpen: open, onClose: handleClose, size: "xl" }, /* @__PURE__ */ React38.createElement(ModalHeader, { showCloseButton: false, onClose: handleClose }, ""), /* @__PURE__ */ React38.createElement(ModalBody, null, /* @__PURE__ */ React38.createElement(View20, { style: styles20.container }, /* @__PURE__ */ React38.createElement(View20, { style: styles20.iconContainer }, status === "success" ? /* @__PURE__ */ React38.createElement(SuccessIcon, { size: 80 }) : /* @__PURE__ */ React38.createElement(ErrorIcon, { size: 80 })), /* @__PURE__ */ React38.createElement(Text18, { style: [styles20.message, { color: theme.colors.text }] }, status === "success" ? "Connection successful" : "Connection failed"), /* @__PURE__ */ React38.createElement(Alert, null, /* @__PURE__ */ React38.createElement(AlertTitle, null, "Sync in Progress"), /* @__PURE__ */ React38.createElement(AlertDescription, null, "The syncing process might take a moment. Please wait, and your data will be updated soon.")))), /* @__PURE__ */ React38.createElement(ModalFooter, { style: { paddingVertical: 8 } }, /* @__PURE__ */ React38.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: status === "success" ? onSuccess : onError,
-      style: styles20.button
-    },
-    status === "success" ? "Continue" : "Try again later"
-  ), /* @__PURE__ */ React38.createElement(Footer, null)));
-};
-var styles20 = StyleSheet20.create({
-  container: {
-    flex: 1,
-    alignItems: "center",
-    paddingVertical: 24
-    // theme.spacing.xxl
-  },
-  iconContainer: {
-    marginBottom: 24
-    // theme.spacing.xxl
-  },
-  message: {
-    fontSize: 18,
-    // theme.fontSize.xl
-    fontWeight: "600",
-    marginBottom: 32,
-    // theme.spacing.xxxl
-    textAlign: "center"
-  },
-  button: {
-    width: "100%"
-  }
-});
-
-// src/KryptosConnectButton.tsx
-var KryptosConnectButton = ({
-  children,
-  onSuccess,
-  onError,
-  generateLinkToken,
-  style,
-  textStyle,
-  integrationName
-}) => {
-  const { theme: themeName } = useKryptosConnect();
-  const [open, setOpen] = React39.useState(false);
-  const theme = useTheme();
-  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, children ? /* @__PURE__ */ React39.createElement(TouchableOpacity9, { onPress: () => setOpen(true), style }, children) : /* @__PURE__ */ React39.createElement(
-    TouchableOpacity9,
-    {
-      onPress: () => setOpen(true),
-      style: [
-        styles21.defaultButton,
-        themeName === "light" ? {
-          backgroundColor: theme.colors.white,
-          borderRadius: theme.borderRadius.md,
-          borderWidth: 1,
-          borderColor: theme.colors.primary
-        } : {
-          backgroundColor: theme.colors.black,
-          borderRadius: theme.borderRadius.md
-        },
-        style
-      ],
-      activeOpacity: 0.8
-    },
-    /* @__PURE__ */ React39.createElement(
-      Text19,
-      {
-        style: [
-          styles21.buttonText,
-          {
-            color: themeName === "light" ? theme.colors.primary : theme.colors.white,
-            fontSize: theme.fontSize.lg
-          },
-          textStyle
-        ]
-      },
-      integrationName ? `Connect ${integrationName.charAt(0).toUpperCase() + integrationName.slice(1)} Account` : "Connect With Kryptos"
-    )
-  ), open && /* @__PURE__ */ React39.createElement(
-    KryptosConnectModal,
-    {
-      open,
-      setOpen,
-      onSuccess,
-      onError,
-      generateLinkToken,
-      integrationName
-    }
-  ));
-};
-var KryptosConnectModal = ({
-  open,
-  setOpen,
-  onSuccess,
-  onError,
-  generateLinkToken,
-  integrationName
-}) => {
-  const {
-    setIsInitialized,
-    userConsent,
-    setUserConsent,
-    setUser,
-    setEmail,
-    setLinkToken,
-    isAuthorized,
-    linkToken
-  } = useKryptosConnect();
-  const [step, setStep] = React39.useState("INIT" /* INIT */);
-  const [integrationDetails, setIntegrationDetails] = useState4(null);
-  useEffect5(() => {
-    if (integrationName && linkToken) {
-      const fetchIntegrationDetails = async () => {
-        const integrationDetails2 = await getSupportedProviders(
-          linkToken,
-          integrationName
-        );
-        setIntegrationDetails(integrationDetails2?.providers?.[0]);
-      };
-      fetchIntegrationDetails();
-    }
-  }, [integrationName, linkToken]);
-  const handleClose = () => {
-    setOpen(false);
-    setIsInitialized(false);
-    setStep("INIT" /* INIT */);
-    setUserConsent(null);
-    setUser(null);
-    setEmail("");
-    setLinkToken("");
-  };
-  const handleSuccess = () => {
-    onSuccess?.(userConsent);
-    handleClose();
-  };
-  const handleError = () => {
-    onError?.(userConsent);
-    handleClose();
-  };
-  const handleConsentClick = async () => {
-    try {
-      if (isAuthorized) {
-        setStep("END" /* END */);
-        return;
-      }
-      const res = await giveUserConsent(linkToken);
-      setUserConsent(res);
-      setStep("STATUS" /* STATUS */);
-    } catch (error) {
-      console.error(error);
-    }
-  };
-  const handleAbort = () => {
-    onError?.(new Error("User closed the modal"));
-    handleClose();
-  };
-  if (!open) return null;
-  return /* @__PURE__ */ React39.createElement(View21, { style: styles21.container }, step === "INIT" /* INIT */ && /* @__PURE__ */ React39.createElement(
-    Init,
-    {
-      open,
-      generateLinkToken,
-      onSuccess: (data) => {
-        if (data?.isAuthorized) {
-          setStep("INTEGRATION" /* INTEGRATION */);
-        } else {
-          setStep("AUTH" /* AUTH */);
-        }
-      },
-      onClose: handleAbort
-    }
-  ), step === "AUTH" /* AUTH */ && /* @__PURE__ */ React39.createElement(
-    Auth,
-    {
-      open,
-      onEmailSuccess: () => setStep("OTP" /* OTP */),
-      onGuestSuccess: () => setStep("INTEGRATION" /* INTEGRATION */),
-      onClose: handleAbort
-    }
-  ), step === "OTP" /* OTP */ && /* @__PURE__ */ React39.createElement(
-    OTPVerify,
-    {
-      open,
-      onSuccess: () => setStep("INTEGRATION" /* INTEGRATION */),
-      onClose: handleAbort
-    }
-  ), step === "INTEGRATION" /* INTEGRATION */ && /* @__PURE__ */ React39.createElement(
-    Integration,
-    {
-      open,
-      onSuccess: handleConsentClick,
-      onClose: handleAbort,
-      integrationDetails
-    }
-  ), step === "PERMISSIONS" /* PERMISSIONS */ && /* @__PURE__ */ React39.createElement(
-    Permissions,
-    {
-      open,
-      onClose: handleAbort,
-      onSuccess: () => setStep("STATUS" /* STATUS */)
-    }
-  ), step === "STATUS" /* STATUS */ && /* @__PURE__ */ React39.createElement(
-    StatusModal,
-    {
-      open,
-      onClose: handleAbort,
-      onSuccess: handleSuccess,
-      onError: handleError,
-      status: userConsent?.public_token ? "success" : "error"
-    }
-  ), step === "END" /* END */ && /* @__PURE__ */ React39.createElement(
-    EndModal,
-    {
-      open,
-      onClose: () => {
-        onSuccess?.(userConsent);
-        setStep("INIT" /* INIT */);
-        setOpen(false);
-      }
-    }
-  ));
-};
-var styles21 = StyleSheet21.create({
-  defaultButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 14,
-    paddingHorizontal: 20,
-    minHeight: 48,
-    gap: 8
-  },
-  buttonText: {
-    fontWeight: "600"
-  },
-  container: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-});
-export {
-  KryptosConnectButton,
-  KryptosConnectModal,
-  KryptosConnectProvider,
-  useKryptosConnect
-};