@kryptos_connect/mobile-sdk 0.0.0 → 1.0.0

package/dist/index.mjs

@@ -233,8 +233,8 @@ var useTheme = () => {
 };
 
 // src/molecules/Auth.tsx
-import React13 from "react";
-import { View as View6, Text as Text6, StyleSheet as StyleSheet6 } from "react-native";
+import React12 from "react";
+import { View as View5, Text as Text5, StyleSheet as StyleSheet5 } from "react-native";
 
 // src/assets/LinkIcon.tsx
 import React4 from "react";
@@ -537,120 +537,14 @@ var styles2 = StyleSheet2.create({
   }
 });
 
-// src/components/Input.tsx
-import React8 from "react";
-import {
-  View as View3,
-  TextInput,
-  Text as Text3,
-  StyleSheet as StyleSheet3
-} 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__ */ React8.createElement(View3, { style: [styles3.wrapper, containerStyle] }, label && /* @__PURE__ */ React8.createElement(
-    Text3,
-    {
-      style: [
-        styles3.label,
-        { color: theme.colors.text, fontSize: theme.fontSize.sm },
-        labelStyle
-      ]
-    },
-    label
-  ), /* @__PURE__ */ React8.createElement(
-    TextInput,
-    {
-      placeholderTextColor: theme.colors.textTertiary,
-      style: [
-        styles3.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__ */ React8.createElement(
-    Text3,
-    {
-      style: [
-        styles3.error,
-        { color: theme.colors.error, fontSize: theme.fontSize.sm }
-      ]
-    },
-    error
-  ), helperText && !error && /* @__PURE__ */ React8.createElement(
-    Text3,
-    {
-      style: [
-        styles3.helper,
-        {
-          color: theme.colors.textSecondary,
-          fontSize: theme.fontSize.sm
-        }
-      ]
-    },
-    helperText
-  ));
-};
-var styles3 = StyleSheet3.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/Modal.tsx
-import React10 from "react";
+import React9 from "react";
 import {
   Modal as RNModal,
-  View as View4,
-  Text as Text4,
+  View as View3,
+  Text as Text3,
   TouchableOpacity as TouchableOpacity2,
-  StyleSheet as StyleSheet4,
+  StyleSheet as StyleSheet3,
   ScrollView,
   KeyboardAvoidingView,
   Platform,
@@ -658,13 +552,13 @@ import {
 } from "react-native";
 
 // src/assets/CloseIcon.tsx
-import React9 from "react";
+import React8 from "react";
 import Svg4, { Path as Path4 } from "react-native-svg";
 var CloseIcon = ({
   size = 20,
   color = "#000"
 }) => {
-  return /* @__PURE__ */ React9.createElement(Svg4, { width: size, height: size, viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(Svg4, { width: size, height: size, viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ React8.createElement(
     Path4,
     {
       d: "M15 5L5 15M5 5L15 15",
@@ -709,13 +603,13 @@ var Modal = ({
   const handleOverlayPress = () => {
     if (!disableClose && closeOnOverlayClick) onClose();
   };
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React9.createElement(
     KeyboardAvoidingView,
     {
       behavior: Platform.OS === "ios" ? "padding" : "height",
-      style: styles4.keyboardView
+      style: styles3.keyboardView
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React9.createElement(
       RNModal,
       {
         visible: isOpen,
@@ -724,18 +618,18 @@ var Modal = ({
         statusBarTranslucent: true,
         onRequestClose: disableClose ? void 0 : onClose
       },
-      /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React9.createElement(
         TouchableOpacity2,
         {
           activeOpacity: 1,
-          style: [styles4.overlay, { backgroundColor: theme.colors.overlay }],
+          style: [styles3.overlay, { backgroundColor: theme.colors.overlay }],
           onPress: handleOverlayPress
         },
-        /* @__PURE__ */ React10.createElement(
-          View4,
+        /* @__PURE__ */ React9.createElement(
+          View3,
           {
             style: [
-              styles4.container,
+              styles3.container,
               {
                 backgroundColor: theme.colors.background,
                 borderTopLeftRadius: theme.borderRadius.xl,
@@ -762,11 +656,11 @@ var ModalHeader = ({
   style
 }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ React10.createElement(
-    View4,
+  return /* @__PURE__ */ React9.createElement(
+    View3,
     {
       style: [
-        styles4.header,
+        styles3.header,
         {
           borderBottomColor: theme.colors.border,
           paddingHorizontal: theme.spacing.lg,
@@ -775,27 +669,27 @@ var ModalHeader = ({
         style
       ]
     },
-    /* @__PURE__ */ React10.createElement(View4, { style: styles4.headerContent }, typeof children === "string" ? /* @__PURE__ */ React10.createElement(
-      Text4,
+    /* @__PURE__ */ React9.createElement(View3, { style: styles3.headerContent }, typeof children === "string" ? /* @__PURE__ */ React9.createElement(
+      Text3,
       {
         style: [
-          styles4.title,
+          styles3.title,
           { color: theme.colors.text, fontSize: theme.fontSize.lg }
         ]
       },
       children
     ) : children),
-    showCloseButton && onClose && /* @__PURE__ */ React10.createElement(
+    showCloseButton && onClose && /* @__PURE__ */ React9.createElement(
       TouchableOpacity2,
       {
         onPress: onClose,
         hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         style: [
-          styles4.closeButton,
+          styles3.closeButton,
           { backgroundColor: theme.colors.surface }
         ]
       },
-      /* @__PURE__ */ React10.createElement(CloseIcon, { color: theme.colors.text, size: 20 })
+      /* @__PURE__ */ React9.createElement(CloseIcon, { color: theme.colors.text, size: 20 })
     )
   );
 };
@@ -806,12 +700,12 @@ var ModalBody = ({
 }) => {
   const theme = useTheme();
   if (scrollable) {
-    return /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React9.createElement(
       ScrollView,
       {
-        style: styles4.bodyScroll,
+        style: styles3.bodyScroll,
         contentContainerStyle: [
-          styles4.bodyContent,
+          styles3.bodyContent,
           { padding: theme.spacing.lg },
           style
         ],
@@ -821,18 +715,18 @@ var ModalBody = ({
       children
     );
   }
-  return /* @__PURE__ */ React10.createElement(View4, { style: [styles4.body, { padding: theme.spacing.lg }, style] }, children);
+  return /* @__PURE__ */ React9.createElement(View3, { style: [styles3.body, { padding: theme.spacing.lg }, style] }, children);
 };
 var ModalFooter = ({
   children,
   style
 }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ React10.createElement(
-    View4,
+  return /* @__PURE__ */ React9.createElement(
+    View3,
     {
       style: [
-        styles4.footer,
+        styles3.footer,
         {
           borderTopColor: theme.colors.border,
           paddingHorizontal: theme.spacing.lg,
@@ -844,7 +738,7 @@ var ModalFooter = ({
     children
   );
 };
-var styles4 = StyleSheet4.create({
+var styles3 = StyleSheet3.create({
   keyboardView: {
     flex: 1
   },
@@ -905,7 +799,7 @@ var styles4 = StyleSheet4.create({
 import axios from "axios";
 
 // src/config/index.ts
-var BASE_URL = "https://connect-dev.kryptos.io/connect/";
+var BASE_URL = "https://connect-api-dev.kryptos.io/";
 
 // src/services/api.ts
 var api = axios.create({
@@ -914,7 +808,7 @@ var api = axios.create({
     "Content-Type": "application/json"
   }
 });
-var SCOPES = "openid offline_access profile email holdings:read transactions:read defi-portfolio:read nft-portfolio:read ledger:read tax:read integrations:read holdings:write transactions:write defi-portfolio:write nft-portfolio:write ledger:write tax:write integrations:write";
+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",
@@ -925,7 +819,7 @@ async function sendEmailOtp(linkToken, email, clientId) {
     },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
@@ -942,7 +836,7 @@ async function loginWithOtp(linkToken, email, code, clientId) {
     },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
@@ -950,11 +844,11 @@ async function loginWithOtp(linkToken, email, code, clientId) {
 }
 async function createAnonymousUser(linkToken, clientId) {
   const res = await api.post(
-    "/v1/anonymousAccountCreation",
+    "/link-token/login",
     { clientId },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
@@ -962,84 +856,83 @@ async function createAnonymousUser(linkToken, clientId) {
 }
 async function addUserIntegration(linkToken, integration) {
   const res = await api.post(
-    "/v1/addUserIntegration",
-    { providers: [...integration] },
+    "/integrations/keys",
+    { keys: [...integration] },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
-  return res.data;
+  return res.data?.data;
 }
 async function giveUserConsent(linkToken) {
   const res = await api.post(
-    "/v1/consent",
+    "/consent",
     {
-      granted_scopes: SCOPES,
-      user_consent: true
+      granted_scopes: SCOPES
     },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
-  return res.data;
+  return res.data?.data;
 }
 async function testCredentials(linkToken, data) {
-  const res = await api.post("/v1/api/testCredentials", data, {
+  const res = await api.post("/integrations/credentials/test", data, {
     headers: {
-      "X-Link-Token": linkToken
+      "X-LINK-TOKEN": linkToken
     }
   });
-  return res.data;
+  return res.data?.data;
 }
 async function getSupportedProviders(linkToken) {
-  const res = await api.get("/v1/integrations", {
+  const res = await api.get("/integrations/providers", {
     headers: {
-      "X-Link-Token": linkToken
+      "X-LINK-TOKEN": linkToken
     }
   });
-  return res.data;
+  return res.data?.data;
 }
 async function getUserIntegrations(linkToken) {
-  const res = await api.get("/v1/userIntegrations", {
+  const res = await api.get("/integrations", {
     headers: {
-      "X-Link-Token": linkToken
+      "X-LINK-TOKEN": linkToken
     }
   });
-  return res.data;
+  return res.data?.data;
 }
 async function getUserUsedChains(linkToken, address) {
-  const res = await api.get("/v1/api/getUserUsedChainV2", {
+  const res = await api.get("/integrations/user-used-chain", {
     headers: {
-      "X-Link-Token": linkToken
+      "X-LINK-TOKEN": linkToken
     },
     params: {
       id: address
     }
   });
-  return res.data;
+  return res.data?.data?.chains || [];
 }
 
 // src/molecules/ConnectLogo.tsx
-import React12, { isValidElement } from "react";
+import React11, { isValidElement } from "react";
 import {
   Image,
-  StyleSheet as StyleSheet5,
-  Text as Text5,
-  View as View5
+  StyleSheet as StyleSheet4,
+  Text as Text4,
+  View as View4
 } from "react-native";
 
 // src/assets/UnplugIcon.tsx
-import React11 from "react";
+import React10 from "react";
 import Svg5, { Path as Path5, Line } from "react-native-svg";
 var UnplugIcon = ({
   size = 24,
   color = "#6B7280"
 }) => {
-  return /* @__PURE__ */ React11.createElement(Svg5, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement(Svg5, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React10.createElement(
     Path5,
     {
       d: "m19 5 3-3",
@@ -1048,7 +941,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     Path5,
     {
       d: "m2 22 3-3",
@@ -1057,7 +950,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     Path5,
     {
       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",
@@ -1066,7 +959,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     Path5,
     {
       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",
@@ -1075,7 +968,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     Line,
     {
       x1: 7.5,
@@ -1092,12 +985,12 @@ var UnplugIcon = ({
 // src/molecules/ConnectLogo.tsx
 var KryptosLogo = () => {
   const theme = useTheme();
-  return /* @__PURE__ */ React12.createElement(
-    View5,
+  return /* @__PURE__ */ React11.createElement(
+    View4,
     {
-      style: [styles5.logoContainer, { backgroundColor: theme.colors.surface }]
+      style: [styles4.logoContainer, { backgroundColor: theme.colors.surface }]
     },
-    /* @__PURE__ */ React12.createElement(LogoIcon, { size: 36 })
+    /* @__PURE__ */ React11.createElement(LogoIcon, { size: 36 })
   );
 };
 var ConnectLogo = () => {
@@ -1115,40 +1008,40 @@ var ConnectLogo = () => {
     if (isValidElement(appLogo)) {
       return appLogo;
     } else if (typeof appLogo === "string" && isValidUrl(appLogo)) {
-      return /* @__PURE__ */ React12.createElement(
+      return /* @__PURE__ */ React11.createElement(
         Image,
         {
           source: { uri: appLogo },
-          style: styles5.appLogoImage,
+          style: styles4.appLogoImage,
           resizeMode: "contain"
         }
       );
     } else if (typeof appLogo === "number" || typeof appLogo === "object" && appLogo !== null) {
-      return /* @__PURE__ */ React12.createElement(
+      return /* @__PURE__ */ React11.createElement(
         Image,
         {
           source: appLogo,
-          style: styles5.appLogoImage,
+          style: styles4.appLogoImage,
           resizeMode: "contain"
         }
       );
     } else if (appName) {
-      return /* @__PURE__ */ React12.createElement(Text5, { style: [styles5.appLogoText, { color: theme.colors.text }] }, appName.charAt(0).toUpperCase());
+      return /* @__PURE__ */ React11.createElement(Text4, { style: [styles4.appLogoText, { color: theme.colors.text }] }, appName.charAt(0).toUpperCase());
     }
-    return /* @__PURE__ */ React12.createElement(Text5, { style: [styles5.appLogoText, { color: theme.colors.text }] }, "?");
+    return /* @__PURE__ */ React11.createElement(Text4, { style: [styles4.appLogoText, { color: theme.colors.text }] }, "?");
   };
-  return /* @__PURE__ */ React12.createElement(View5, { style: styles5.container }, /* @__PURE__ */ React12.createElement(KryptosLogo, null), /* @__PURE__ */ React12.createElement(View5, { style: styles5.iconContainer }, /* @__PURE__ */ React12.createElement(UnplugIcon, { size: 24, color: theme.colors.textSecondary })), /* @__PURE__ */ React12.createElement(
-    View5,
+  return /* @__PURE__ */ React11.createElement(View4, { style: styles4.container }, /* @__PURE__ */ React11.createElement(KryptosLogo, null), /* @__PURE__ */ React11.createElement(View4, { style: styles4.iconContainer }, /* @__PURE__ */ React11.createElement(UnplugIcon, { size: 24, color: theme.colors.textSecondary })), /* @__PURE__ */ React11.createElement(
+    View4,
     {
       style: [
-        styles5.logoContainer,
+        styles4.logoContainer,
         { backgroundColor: theme.colors.surface }
       ]
     },
     renderLogo()
   ));
 };
-var styles5 = StyleSheet5.create({
+var styles4 = StyleSheet4.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -1191,11 +1084,11 @@ var Auth = ({
 }) => {
   const { appName, linkToken, clientId, setUser, setEmail } = useKryptosConnect();
   const theme = useTheme();
-  const [isLoading, setIsLoading] = React13.useState(false);
-  const [errorMessage, setErrorMessage] = React13.useState("");
-  const [emailValue, setEmailValue] = React13.useState("");
-  const [emailError, setEmailError] = React13.useState("");
-  const [loadingType, setLoadingType] = React13.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const [errorMessage, setErrorMessage] = React12.useState("");
+  const [emailValue, setEmailValue] = React12.useState("");
+  const [emailError, setEmailError] = React12.useState("");
+  const [loadingType, setLoadingType] = React12.useState(null);
   const validateEmail = (email) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!email) {
@@ -1257,52 +1150,27 @@ var Auth = ({
   };
   const infoSections = [
     {
-      icon: /* @__PURE__ */ React13.createElement(LinkIcon, { size: 20, color: theme.colors.primary }),
+      icon: /* @__PURE__ */ React12.createElement(LinkIcon, { size: 20, color: theme.colors.primary }),
       title: "Simple and secure",
       text: "Connect your Web3 accounts with Kryptos in just a few clicks"
     },
     {
-      icon: /* @__PURE__ */ React13.createElement(ShieldIcon, { size: 20, color: theme.colors.primary }),
+      icon: /* @__PURE__ */ React12.createElement(ShieldIcon, { size: 20, color: theme.colors.primary }),
       title: "Control what you share",
       text: "We never share your data without your permission"
     }
   ];
-  return /* @__PURE__ */ React13.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ React13.createElement(ModalHeader, { onClose: handleClose }, ""), /* @__PURE__ */ React13.createElement(ModalBody, null, /* @__PURE__ */ React13.createElement(View6, { style: styles6.container }, /* @__PURE__ */ React13.createElement(Text6, { style: [styles6.title, { color: theme.colors.text }] }, "Connect ", appName, " to your Kryptos account"), /* @__PURE__ */ React13.createElement(ConnectLogo, null), infoSections.map((section, index) => /* @__PURE__ */ React13.createElement(View6, { key: `info-${index}`, style: styles6.infoSection }, /* @__PURE__ */ React13.createElement(View6, { style: styles6.infoIcon }, section.icon), /* @__PURE__ */ React13.createElement(View6, { style: styles6.infoContent }, /* @__PURE__ */ React13.createElement(Text6, { style: [styles6.infoTitle, { color: theme.colors.text }] }, section.title), /* @__PURE__ */ React13.createElement(
-    Text6,
+  return /* @__PURE__ */ React12.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ React12.createElement(ModalHeader, { onClose: handleClose }, ""), /* @__PURE__ */ React12.createElement(ModalBody, null, /* @__PURE__ */ React12.createElement(View5, { style: styles5.container }, /* @__PURE__ */ React12.createElement(Text5, { style: [styles5.title, { color: theme.colors.text }] }, "Connect ", appName, " to your Kryptos account"), /* @__PURE__ */ React12.createElement(ConnectLogo, null), infoSections.map((section, index) => /* @__PURE__ */ React12.createElement(View5, { key: `info-${index}`, style: styles5.infoSection }, /* @__PURE__ */ React12.createElement(View5, { style: styles5.infoIcon }, section.icon), /* @__PURE__ */ React12.createElement(View5, { style: styles5.infoContent }, /* @__PURE__ */ React12.createElement(Text5, { style: [styles5.infoTitle, { color: theme.colors.text }] }, section.title), /* @__PURE__ */ React12.createElement(
+    Text5,
     {
       style: [
-        styles6.infoDescription,
+        styles5.infoDescription,
         { color: theme.colors.textSecondary }
       ]
     },
     section.text
-  )))), errorMessage ? /* @__PURE__ */ React13.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React13.createElement(AlertDescription, null, errorMessage)) : null, /* @__PURE__ */ React13.createElement(
-    Input,
-    {
-      placeholder: "Enter email address",
-      value: emailValue,
-      onChangeText: (text) => {
-        setEmailValue(text);
-        if (emailError) validateEmail(text);
-      },
-      error: emailError,
-      keyboardType: "email-address",
-      autoCapitalize: "none",
-      autoCorrect: false
-    }
-  ), /* @__PURE__ */ React13.createElement(Alert, { variant: "default" }, /* @__PURE__ */ React13.createElement(AlertDescription, null, "Sign in or create your Kryptos account with your email for quicker access next time.")), /* @__PURE__ */ React13.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleEmailSubmit,
-      loading: loadingType === "email",
-      disabled: isLoading,
-      style: styles6.button
-    },
-    "Continue"
-  ), /* @__PURE__ */ React13.createElement(Text6, { style: [styles6.footer, { color: theme.colors.textSecondary }] }, "By continuing, you agree to Kryptos", " ", /* @__PURE__ */ React13.createElement(
-    Text6,
+  )))), errorMessage ? /* @__PURE__ */ React12.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ React12.createElement(AlertDescription, null, errorMessage)) : null, /* @__PURE__ */ React12.createElement(Text5, { style: [styles5.footer, { color: theme.colors.textSecondary }] }, "By continuing, you agree to Kryptos", " ", /* @__PURE__ */ React12.createElement(
+    Text5,
     {
       style: {
         color: theme.colors.primary,
@@ -1310,20 +1178,20 @@ var Auth = ({
       }
     },
     "Privacy Policy"
-  )), /* @__PURE__ */ React13.createElement(
+  )), /* @__PURE__ */ React12.createElement(
     Button,
     {
-      variant: "ghost",
+      variant: "outline",
       size: "lg",
       onPress: handleContinueAsGuest,
       loading: loadingType === "guest",
       disabled: isLoading,
-      style: styles6.button
+      style: styles5.button
     },
     "Continue as guest"
   ))));
 };
-var styles6 = StyleSheet6.create({
+var styles5 = StyleSheet5.create({
   container: {
     flex: 1
   },
@@ -1379,6 +1247,112 @@ var styles6 = StyleSheet6.create({
   }
 });
 
+// src/components/Input.tsx
+import React13 from "react";
+import {
+  View as View6,
+  TextInput,
+  Text as Text6,
+  StyleSheet as StyleSheet6
+} 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__ */ React13.createElement(View6, { style: [styles6.wrapper, containerStyle] }, label && /* @__PURE__ */ React13.createElement(
+    Text6,
+    {
+      style: [
+        styles6.label,
+        { color: theme.colors.text, fontSize: theme.fontSize.sm },
+        labelStyle
+      ]
+    },
+    label
+  ), /* @__PURE__ */ React13.createElement(
+    TextInput,
+    {
+      placeholderTextColor: theme.colors.textTertiary,
+      style: [
+        styles6.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__ */ React13.createElement(
+    Text6,
+    {
+      style: [
+        styles6.error,
+        { color: theme.colors.error, fontSize: theme.fontSize.sm }
+      ]
+    },
+    error
+  ), helperText && !error && /* @__PURE__ */ React13.createElement(
+    Text6,
+    {
+      style: [
+        styles6.helper,
+        {
+          color: theme.colors.textSecondary,
+          fontSize: theme.fontSize.sm
+        }
+      ]
+    },
+    helperText
+  ));
+};
+var styles6 = StyleSheet6.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/OTP.tsx
 import React14 from "react";
 import {
@@ -1561,14 +1535,14 @@ var Init = ({
     setError(null);
     try {
       const linkToken = await generateLinkToken();
-      if (!linkToken) {
+      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);
+      setLinkToken(linkToken.link_token);
       setIsInitialized(true);
-      onSuccess();
+      onSuccess(linkToken.isAuthorized ? { isAuthorized: true } : null);
     } catch (err) {
       console.error("Failed to fetch link token:", err);
       setIsInitialized(false);
@@ -2090,7 +2064,7 @@ function ConnectButton({
       );
       results.forEach((result, index) => {
         const { chain, walletId, alias } = walletTestsPayload[index];
-        if (result.status === "fulfilled") {
+        if (result.status === "fulfilled" && result.value?.valid) {
           const data = {
             alias,
             exchange: integration.id.toLowerCase(),
@@ -2505,7 +2479,7 @@ var IntegrationForm = ({
         );
         results.forEach((result, index) => {
           const { chain, walletId, alias } = credentialTestsData[index];
-          if (result.status === "fulfilled" && result.value?.value?.status) {
+          if (result.status === "fulfilled" && result.value?.valid) {
             const data = {
               alias,
               exchange: metadata.id.toLowerCase(),
@@ -2576,7 +2550,7 @@ var IntegrationForm = ({
           }
         };
         const testResult = await testCredentials(linkToken, { ...credential });
-        if (!testResult?.value?.status) {
+        if (!testResult?.value?.valid) {
           setErrorMessage(
             testResult?.value?.message || "Credentials are invalid"
           );
@@ -3786,8 +3760,12 @@ var KryptosConnectModal = ({
     {
       open,
       generateLinkToken,
-      onSuccess: () => {
-        setStep("AUTH" /* AUTH */);
+      onSuccess: (data) => {
+        if (data?.isAuthorized) {
+          setStep("INTEGRATION" /* INTEGRATION */);
+        } else {
+          setStep("AUTH" /* AUTH */);
+        }
       },
       onClose: handleAbort
     }