@kryptos_connect/mobile-sdk 0.0.1 → 1.0.0

package/dist/index.js

@@ -267,8 +267,8 @@ var useTheme = () => {
 };
 
 // src/molecules/Auth.tsx
-var import_react13 = __toESM(require("react"));
-var import_react_native6 = require("react-native");
+var import_react12 = __toESM(require("react"));
+var import_react_native5 = require("react-native");
 
 // src/assets/LinkIcon.tsx
 var import_react4 = __toESM(require("react"));
@@ -565,119 +565,18 @@ var styles2 = import_react_native2.StyleSheet.create({
   }
 });
 
-// src/components/Input.tsx
-var import_react8 = __toESM(require("react"));
-var import_react_native3 = require("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__ */ import_react8.default.createElement(import_react_native3.View, { style: [styles3.wrapper, containerStyle] }, label && /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native3.Text,
-    {
-      style: [
-        styles3.label,
-        { color: theme.colors.text, fontSize: theme.fontSize.sm },
-        labelStyle
-      ]
-    },
-    label
-  ), /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native3.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__ */ import_react8.default.createElement(
-    import_react_native3.Text,
-    {
-      style: [
-        styles3.error,
-        { color: theme.colors.error, fontSize: theme.fontSize.sm }
-      ]
-    },
-    error
-  ), helperText && !error && /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native3.Text,
-    {
-      style: [
-        styles3.helper,
-        {
-          color: theme.colors.textSecondary,
-          fontSize: theme.fontSize.sm
-        }
-      ]
-    },
-    helperText
-  ));
-};
-var styles3 = import_react_native3.StyleSheet.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
-var import_react10 = __toESM(require("react"));
-var import_react_native4 = require("react-native");
+var import_react9 = __toESM(require("react"));
+var import_react_native3 = require("react-native");
 
 // src/assets/CloseIcon.tsx
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_react_native_svg4 = __toESM(require("react-native-svg"));
 var CloseIcon = ({
   size = 20,
   color = "#000"
 }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_native_svg4.default, { width: size, height: size, viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_native_svg4.default, { width: size, height: size, viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react8.default.createElement(
     import_react_native_svg4.Path,
     {
       d: "M15 5L5 15M5 5L15 15",
@@ -690,7 +589,7 @@ var CloseIcon = ({
 };
 
 // src/components/Modal.tsx
-var { height: SCREEN_HEIGHT } = import_react_native4.Dimensions.get("window");
+var { height: SCREEN_HEIGHT } = import_react_native3.Dimensions.get("window");
 var Modal = ({
   isOpen,
   onClose,
@@ -722,14 +621,14 @@ var Modal = ({
   const handleOverlayPress = () => {
     if (!disableClose && closeOnOverlayClick) onClose();
   };
-  return /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native4.KeyboardAvoidingView,
+  return /* @__PURE__ */ import_react9.default.createElement(
+    import_react_native3.KeyboardAvoidingView,
     {
-      behavior: import_react_native4.Platform.OS === "ios" ? "padding" : "height",
-      style: styles4.keyboardView
+      behavior: import_react_native3.Platform.OS === "ios" ? "padding" : "height",
+      style: styles3.keyboardView
     },
-    /* @__PURE__ */ import_react10.default.createElement(
-      import_react_native4.Modal,
+    /* @__PURE__ */ import_react9.default.createElement(
+      import_react_native3.Modal,
       {
         visible: isOpen,
         transparent: true,
@@ -737,18 +636,18 @@ var Modal = ({
         statusBarTranslucent: true,
         onRequestClose: disableClose ? void 0 : onClose
       },
-      /* @__PURE__ */ import_react10.default.createElement(
-        import_react_native4.TouchableOpacity,
+      /* @__PURE__ */ import_react9.default.createElement(
+        import_react_native3.TouchableOpacity,
         {
           activeOpacity: 1,
-          style: [styles4.overlay, { backgroundColor: theme.colors.overlay }],
+          style: [styles3.overlay, { backgroundColor: theme.colors.overlay }],
           onPress: handleOverlayPress
         },
-        /* @__PURE__ */ import_react10.default.createElement(
-          import_react_native4.View,
+        /* @__PURE__ */ import_react9.default.createElement(
+          import_react_native3.View,
           {
             style: [
-              styles4.container,
+              styles3.container,
               {
                 backgroundColor: theme.colors.background,
                 borderTopLeftRadius: theme.borderRadius.xl,
@@ -775,11 +674,11 @@ var ModalHeader = ({
   style
 }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native4.View,
+  return /* @__PURE__ */ import_react9.default.createElement(
+    import_react_native3.View,
     {
       style: [
-        styles4.header,
+        styles3.header,
         {
           borderBottomColor: theme.colors.border,
           paddingHorizontal: theme.spacing.lg,
@@ -788,27 +687,27 @@ var ModalHeader = ({
         style
       ]
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native4.View, { style: styles4.headerContent }, typeof children === "string" ? /* @__PURE__ */ import_react10.default.createElement(
-      import_react_native4.Text,
+    /* @__PURE__ */ import_react9.default.createElement(import_react_native3.View, { style: styles3.headerContent }, typeof children === "string" ? /* @__PURE__ */ import_react9.default.createElement(
+      import_react_native3.Text,
       {
         style: [
-          styles4.title,
+          styles3.title,
           { color: theme.colors.text, fontSize: theme.fontSize.lg }
         ]
       },
       children
     ) : children),
-    showCloseButton && onClose && /* @__PURE__ */ import_react10.default.createElement(
-      import_react_native4.TouchableOpacity,
+    showCloseButton && onClose && /* @__PURE__ */ import_react9.default.createElement(
+      import_react_native3.TouchableOpacity,
       {
         onPress: onClose,
         hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         style: [
-          styles4.closeButton,
+          styles3.closeButton,
           { backgroundColor: theme.colors.surface }
         ]
       },
-      /* @__PURE__ */ import_react10.default.createElement(CloseIcon, { color: theme.colors.text, size: 20 })
+      /* @__PURE__ */ import_react9.default.createElement(CloseIcon, { color: theme.colors.text, size: 20 })
     )
   );
 };
@@ -819,12 +718,12 @@ var ModalBody = ({
 }) => {
   const theme = useTheme();
   if (scrollable) {
-    return /* @__PURE__ */ import_react10.default.createElement(
-      import_react_native4.ScrollView,
+    return /* @__PURE__ */ import_react9.default.createElement(
+      import_react_native3.ScrollView,
       {
-        style: styles4.bodyScroll,
+        style: styles3.bodyScroll,
         contentContainerStyle: [
-          styles4.bodyContent,
+          styles3.bodyContent,
           { padding: theme.spacing.lg },
           style
         ],
@@ -834,18 +733,18 @@ var ModalBody = ({
       children
     );
   }
-  return /* @__PURE__ */ import_react10.default.createElement(import_react_native4.View, { style: [styles4.body, { padding: theme.spacing.lg }, style] }, children);
+  return /* @__PURE__ */ import_react9.default.createElement(import_react_native3.View, { style: [styles3.body, { padding: theme.spacing.lg }, style] }, children);
 };
 var ModalFooter = ({
   children,
   style
 }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ import_react10.default.createElement(
-    import_react_native4.View,
+  return /* @__PURE__ */ import_react9.default.createElement(
+    import_react_native3.View,
     {
       style: [
-        styles4.footer,
+        styles3.footer,
         {
           borderTopColor: theme.colors.border,
           paddingHorizontal: theme.spacing.lg,
@@ -857,7 +756,7 @@ var ModalFooter = ({
     children
   );
 };
-var styles4 = import_react_native4.StyleSheet.create({
+var styles3 = import_react_native3.StyleSheet.create({
   keyboardView: {
     flex: 1
   },
@@ -918,7 +817,7 @@ var styles4 = import_react_native4.StyleSheet.create({
 var import_axios = __toESM(require("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 = import_axios.default.create({
@@ -927,7 +826,7 @@ var api = import_axios.default.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",
@@ -938,7 +837,7 @@ async function sendEmailOtp(linkToken, email, clientId) {
     },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
@@ -955,7 +854,7 @@ async function loginWithOtp(linkToken, email, code, clientId) {
     },
     {
       headers: {
-        "X-Link-Token": linkToken
+        "X-LINK-TOKEN": linkToken
       }
     }
   );
@@ -963,11 +862,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
       }
     }
   );
@@ -975,79 +874,78 @@ 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
-var import_react12 = __toESM(require("react"));
-var import_react_native5 = require("react-native");
+var import_react11 = __toESM(require("react"));
+var import_react_native4 = require("react-native");
 
 // src/assets/UnplugIcon.tsx
-var import_react11 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_react_native_svg5 = __toESM(require("react-native-svg"));
 var UnplugIcon = ({
   size = 24,
   color = "#6B7280"
 }) => {
-  return /* @__PURE__ */ import_react11.default.createElement(import_react_native_svg5.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(import_react_native_svg5.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react10.default.createElement(
     import_react_native_svg5.Path,
     {
       d: "m19 5 3-3",
@@ -1056,7 +954,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ import_react11.default.createElement(
+  ), /* @__PURE__ */ import_react10.default.createElement(
     import_react_native_svg5.Path,
     {
       d: "m2 22 3-3",
@@ -1065,7 +963,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ import_react11.default.createElement(
+  ), /* @__PURE__ */ import_react10.default.createElement(
     import_react_native_svg5.Path,
     {
       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",
@@ -1074,7 +972,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ import_react11.default.createElement(
+  ), /* @__PURE__ */ import_react10.default.createElement(
     import_react_native_svg5.Path,
     {
       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",
@@ -1083,7 +981,7 @@ var UnplugIcon = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ import_react11.default.createElement(
+  ), /* @__PURE__ */ import_react10.default.createElement(
     import_react_native_svg5.Line,
     {
       x1: 7.5,
@@ -1100,12 +998,12 @@ var UnplugIcon = ({
 // src/molecules/ConnectLogo.tsx
 var KryptosLogo = () => {
   const theme = useTheme();
-  return /* @__PURE__ */ import_react12.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ import_react11.default.createElement(
+    import_react_native4.View,
     {
-      style: [styles5.logoContainer, { backgroundColor: theme.colors.surface }]
+      style: [styles4.logoContainer, { backgroundColor: theme.colors.surface }]
     },
-    /* @__PURE__ */ import_react12.default.createElement(LogoIcon, { size: 36 })
+    /* @__PURE__ */ import_react11.default.createElement(LogoIcon, { size: 36 })
   );
 };
 var ConnectLogo = () => {
@@ -1120,43 +1018,43 @@ var ConnectLogo = () => {
     }
   };
   const renderLogo = () => {
-    if ((0, import_react12.isValidElement)(appLogo)) {
+    if ((0, import_react11.isValidElement)(appLogo)) {
       return appLogo;
     } else if (typeof appLogo === "string" && isValidUrl(appLogo)) {
-      return /* @__PURE__ */ import_react12.default.createElement(
-        import_react_native5.Image,
+      return /* @__PURE__ */ import_react11.default.createElement(
+        import_react_native4.Image,
         {
           source: { uri: appLogo },
-          style: styles5.appLogoImage,
+          style: styles4.appLogoImage,
           resizeMode: "contain"
         }
       );
     } else if (typeof appLogo === "number" || typeof appLogo === "object" && appLogo !== null) {
-      return /* @__PURE__ */ import_react12.default.createElement(
-        import_react_native5.Image,
+      return /* @__PURE__ */ import_react11.default.createElement(
+        import_react_native4.Image,
         {
           source: appLogo,
-          style: styles5.appLogoImage,
+          style: styles4.appLogoImage,
           resizeMode: "contain"
         }
       );
     } else if (appName) {
-      return /* @__PURE__ */ import_react12.default.createElement(import_react_native5.Text, { style: [styles5.appLogoText, { color: theme.colors.text }] }, appName.charAt(0).toUpperCase());
+      return /* @__PURE__ */ import_react11.default.createElement(import_react_native4.Text, { style: [styles4.appLogoText, { color: theme.colors.text }] }, appName.charAt(0).toUpperCase());
     }
-    return /* @__PURE__ */ import_react12.default.createElement(import_react_native5.Text, { style: [styles5.appLogoText, { color: theme.colors.text }] }, "?");
+    return /* @__PURE__ */ import_react11.default.createElement(import_react_native4.Text, { style: [styles4.appLogoText, { color: theme.colors.text }] }, "?");
   };
-  return /* @__PURE__ */ import_react12.default.createElement(import_react_native5.View, { style: styles5.container }, /* @__PURE__ */ import_react12.default.createElement(KryptosLogo, null), /* @__PURE__ */ import_react12.default.createElement(import_react_native5.View, { style: styles5.iconContainer }, /* @__PURE__ */ import_react12.default.createElement(UnplugIcon, { size: 24, color: theme.colors.textSecondary })), /* @__PURE__ */ import_react12.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ import_react11.default.createElement(import_react_native4.View, { style: styles4.container }, /* @__PURE__ */ import_react11.default.createElement(KryptosLogo, null), /* @__PURE__ */ import_react11.default.createElement(import_react_native4.View, { style: styles4.iconContainer }, /* @__PURE__ */ import_react11.default.createElement(UnplugIcon, { size: 24, color: theme.colors.textSecondary })), /* @__PURE__ */ import_react11.default.createElement(
+    import_react_native4.View,
     {
       style: [
-        styles5.logoContainer,
+        styles4.logoContainer,
         { backgroundColor: theme.colors.surface }
       ]
     },
     renderLogo()
   ));
 };
-var styles5 = import_react_native5.StyleSheet.create({
+var styles4 = import_react_native4.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -1199,11 +1097,11 @@ var Auth = ({
 }) => {
   const { appName, linkToken, clientId, setUser, setEmail } = useKryptosConnect();
   const theme = useTheme();
-  const [isLoading, setIsLoading] = import_react13.default.useState(false);
-  const [errorMessage, setErrorMessage] = import_react13.default.useState("");
-  const [emailValue, setEmailValue] = import_react13.default.useState("");
-  const [emailError, setEmailError] = import_react13.default.useState("");
-  const [loadingType, setLoadingType] = import_react13.default.useState(null);
+  const [isLoading, setIsLoading] = import_react12.default.useState(false);
+  const [errorMessage, setErrorMessage] = import_react12.default.useState("");
+  const [emailValue, setEmailValue] = import_react12.default.useState("");
+  const [emailError, setEmailError] = import_react12.default.useState("");
+  const [loadingType, setLoadingType] = import_react12.default.useState(null);
   const validateEmail = (email) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     if (!email) {
@@ -1265,52 +1163,27 @@ var Auth = ({
   };
   const infoSections = [
     {
-      icon: /* @__PURE__ */ import_react13.default.createElement(LinkIcon, { size: 20, color: theme.colors.primary }),
+      icon: /* @__PURE__ */ import_react12.default.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__ */ import_react13.default.createElement(ShieldIcon, { size: 20, color: theme.colors.primary }),
+      icon: /* @__PURE__ */ import_react12.default.createElement(ShieldIcon, { size: 20, color: theme.colors.primary }),
       title: "Control what you share",
       text: "We never share your data without your permission"
     }
   ];
-  return /* @__PURE__ */ import_react13.default.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ import_react13.default.createElement(ModalHeader, { onClose: handleClose }, ""), /* @__PURE__ */ import_react13.default.createElement(ModalBody, null, /* @__PURE__ */ import_react13.default.createElement(import_react_native6.View, { style: styles6.container }, /* @__PURE__ */ import_react13.default.createElement(import_react_native6.Text, { style: [styles6.title, { color: theme.colors.text }] }, "Connect ", appName, " to your Kryptos account"), /* @__PURE__ */ import_react13.default.createElement(ConnectLogo, null), infoSections.map((section, index) => /* @__PURE__ */ import_react13.default.createElement(import_react_native6.View, { key: `info-${index}`, style: styles6.infoSection }, /* @__PURE__ */ import_react13.default.createElement(import_react_native6.View, { style: styles6.infoIcon }, section.icon), /* @__PURE__ */ import_react13.default.createElement(import_react_native6.View, { style: styles6.infoContent }, /* @__PURE__ */ import_react13.default.createElement(import_react_native6.Text, { style: [styles6.infoTitle, { color: theme.colors.text }] }, section.title), /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native6.Text,
+  return /* @__PURE__ */ import_react12.default.createElement(Modal, { isOpen: open, onClose: handleClose, size: "full" }, /* @__PURE__ */ import_react12.default.createElement(ModalHeader, { onClose: handleClose }, ""), /* @__PURE__ */ import_react12.default.createElement(ModalBody, null, /* @__PURE__ */ import_react12.default.createElement(import_react_native5.View, { style: styles5.container }, /* @__PURE__ */ import_react12.default.createElement(import_react_native5.Text, { style: [styles5.title, { color: theme.colors.text }] }, "Connect ", appName, " to your Kryptos account"), /* @__PURE__ */ import_react12.default.createElement(ConnectLogo, null), infoSections.map((section, index) => /* @__PURE__ */ import_react12.default.createElement(import_react_native5.View, { key: `info-${index}`, style: styles5.infoSection }, /* @__PURE__ */ import_react12.default.createElement(import_react_native5.View, { style: styles5.infoIcon }, section.icon), /* @__PURE__ */ import_react12.default.createElement(import_react_native5.View, { style: styles5.infoContent }, /* @__PURE__ */ import_react12.default.createElement(import_react_native5.Text, { style: [styles5.infoTitle, { color: theme.colors.text }] }, section.title), /* @__PURE__ */ import_react12.default.createElement(
+    import_react_native5.Text,
     {
       style: [
-        styles6.infoDescription,
+        styles5.infoDescription,
         { color: theme.colors.textSecondary }
       ]
     },
     section.text
-  )))), errorMessage ? /* @__PURE__ */ import_react13.default.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ import_react13.default.createElement(AlertDescription, null, errorMessage)) : null, /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement(Alert, { variant: "default" }, /* @__PURE__ */ import_react13.default.createElement(AlertDescription, null, "Sign in or create your Kryptos account with your email for quicker access next time.")), /* @__PURE__ */ import_react13.default.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "lg",
-      onPress: handleEmailSubmit,
-      loading: loadingType === "email",
-      disabled: isLoading,
-      style: styles6.button
-    },
-    "Continue"
-  ), /* @__PURE__ */ import_react13.default.createElement(import_react_native6.Text, { style: [styles6.footer, { color: theme.colors.textSecondary }] }, "By continuing, you agree to Kryptos", " ", /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native6.Text,
+  )))), errorMessage ? /* @__PURE__ */ import_react12.default.createElement(Alert, { variant: "destructive" }, /* @__PURE__ */ import_react12.default.createElement(AlertDescription, null, errorMessage)) : null, /* @__PURE__ */ import_react12.default.createElement(import_react_native5.Text, { style: [styles5.footer, { color: theme.colors.textSecondary }] }, "By continuing, you agree to Kryptos", " ", /* @__PURE__ */ import_react12.default.createElement(
+    import_react_native5.Text,
     {
       style: {
         color: theme.colors.primary,
@@ -1318,20 +1191,20 @@ var Auth = ({
       }
     },
     "Privacy Policy"
-  )), /* @__PURE__ */ import_react13.default.createElement(
+  )), /* @__PURE__ */ import_react12.default.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 = import_react_native6.StyleSheet.create({
+var styles5 = import_react_native5.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -1387,6 +1260,107 @@ var styles6 = import_react_native6.StyleSheet.create({
   }
 });
 
+// src/components/Input.tsx
+var import_react13 = __toESM(require("react"));
+var import_react_native6 = require("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__ */ import_react13.default.createElement(import_react_native6.View, { style: [styles6.wrapper, containerStyle] }, label && /* @__PURE__ */ import_react13.default.createElement(
+    import_react_native6.Text,
+    {
+      style: [
+        styles6.label,
+        { color: theme.colors.text, fontSize: theme.fontSize.sm },
+        labelStyle
+      ]
+    },
+    label
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_react_native6.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__ */ import_react13.default.createElement(
+    import_react_native6.Text,
+    {
+      style: [
+        styles6.error,
+        { color: theme.colors.error, fontSize: theme.fontSize.sm }
+      ]
+    },
+    error
+  ), helperText && !error && /* @__PURE__ */ import_react13.default.createElement(
+    import_react_native6.Text,
+    {
+      style: [
+        styles6.helper,
+        {
+          color: theme.colors.textSecondary,
+          fontSize: theme.fontSize.sm
+        }
+      ]
+    },
+    helperText
+  ));
+};
+var styles6 = import_react_native6.StyleSheet.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
 var import_react14 = __toESM(require("react"));
 var import_react_native7 = require("react-native");
@@ -1564,14 +1538,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);
@@ -2070,7 +2044,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(),
@@ -2478,7 +2452,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(),
@@ -2549,7 +2523,7 @@ var IntegrationForm = ({
           }
         };
         const testResult = await testCredentials(linkToken, { ...credential });
-        if (!testResult?.value?.status) {
+        if (!testResult?.value?.valid) {
           setErrorMessage(
             testResult?.value?.message || "Credentials are invalid"
           );
@@ -3759,8 +3733,12 @@ var KryptosConnectModal = ({
     {
       open,
       generateLinkToken,
-      onSuccess: () => {
-        setStep("AUTH" /* AUTH */);
+      onSuccess: (data) => {
+        if (data?.isAuthorized) {
+          setStep("INTEGRATION" /* INTEGRATION */);
+        } else {
+          setStep("AUTH" /* AUTH */);
+        }
       },
       onClose: handleAbort
     }