@uptrademedia/site-kit 1.0.0

package/dist/setup/index.js

@@ -0,0 +1,1050 @@
+'use strict';
+
+require('../chunk-EQCVQC35.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var server = require('next/server');
+
+function SetupWizard({ config } = {}) {
+  const [step, setStep] = react.useState("welcome");
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [isAuthenticated, setIsAuthenticated] = react.useState(false);
+  const [userEmail, setUserEmail] = react.useState(null);
+  const [accessToken, setAccessToken] = react.useState(null);
+  const [organizations, setOrganizations] = react.useState([]);
+  const [selectedOrg, setSelectedOrg] = react.useState(null);
+  const [selectedProject, setSelectedProject] = react.useState(null);
+  const [newProjectName, setNewProjectName] = react.useState("");
+  const [newProjectDomain, setNewProjectDomain] = react.useState("");
+  const [scanResults, setScanResults] = react.useState(null);
+  const [migrationProgress, setMigrationProgress] = react.useState(0);
+  const [migrationLog, setMigrationLog] = react.useState([]);
+  const portalApiUrl = config?.portalApiUrl || "http://localhost:3002";
+  react.useCallback(async (path, options = {}) => {
+    const headers = {
+      "Content-Type": "application/json",
+      ...options.headers || {}
+    };
+    if (accessToken) {
+      headers["Authorization"] = `Bearer ${accessToken}`;
+    }
+    return fetch(`${portalApiUrl}${path}`, {
+      ...options,
+      headers
+    });
+  }, [portalApiUrl, accessToken]);
+  react.useEffect(() => {
+    checkExistingConfig();
+  }, []);
+  async function checkExistingConfig() {
+    try {
+      const localRes = await fetch("/_uptrade/api/status");
+      const localData = await localRes.json();
+      if (localData.configured) {
+        setStep("complete");
+        return;
+      }
+      const storedToken = localStorage.getItem("uptrade_access_token");
+      if (storedToken) {
+        setAccessToken(storedToken);
+        const res = await fetch(`${portalApiUrl}/setup/session`, {
+          headers: { "Authorization": `Bearer ${storedToken}` }
+        });
+        const data = await res.json();
+        if (data.authenticated) {
+          setIsAuthenticated(true);
+          setUserEmail(data.email);
+          setStep("project");
+        }
+      }
+    } catch {
+    }
+  }
+  function WelcomeStep() {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-6xl mb-4", children: "\u{1F680}" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold mb-2", children: "Welcome to Uptrade Site-Kit" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400 text-lg", children: "Let's set up your project in just a few steps" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-4 my-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FeatureCard,
+          {
+            icon: "\u{1F4CA}",
+            title: "Analytics",
+            description: "Track page views, events, and user sessions"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FeatureCard,
+          {
+            icon: "\u{1F4DD}",
+            title: "Forms",
+            description: "Managed forms with validation and submissions"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FeatureCard,
+          {
+            icon: "\u{1F4AC}",
+            title: "Engage",
+            description: "Popups, nudges, and live chat widgets"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => setStep("auth"), children: "Get Started \u2192" }) })
+    ] });
+  }
+  function AuthStep() {
+    const [email, setEmail] = react.useState("");
+    const [password, setPassword] = react.useState("");
+    const [authMode, setAuthMode] = react.useState("login");
+    async function handleLogin() {
+      if (!email.trim() || !password.trim()) return;
+      setIsLoading(true);
+      setError(null);
+      try {
+        const supabaseUrl = config?.url || "https://mwcjtnoqxolplwpkxnfe.supabase.co";
+        const supabaseKey = config?.anonKey || "";
+        const authRes = await fetch(`${supabaseUrl}/auth/v1/token?grant_type=password`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "apikey": supabaseKey
+          },
+          body: JSON.stringify({ email, password })
+        });
+        if (!authRes.ok) {
+          const errData = await authRes.json();
+          throw new Error(errData.error_description || errData.msg || "Login failed");
+        }
+        const authData = await authRes.json();
+        const token = authData.access_token;
+        localStorage.setItem("uptrade_access_token", token);
+        setAccessToken(token);
+        const sessionRes = await fetch(`${portalApiUrl}/setup/session`, {
+          headers: { "Authorization": `Bearer ${token}` }
+        });
+        const session = await sessionRes.json();
+        if (session.authenticated) {
+          setIsAuthenticated(true);
+          setUserEmail(session.email);
+          await loadOrganizations(token);
+          setStep("project");
+        } else {
+          throw new Error("Authentication failed - user not found in Portal");
+        }
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    async function handleMagicLink() {
+      if (!email.trim()) return;
+      setIsLoading(true);
+      setError(null);
+      try {
+        const supabaseUrl = config?.url || "https://mwcjtnoqxolplwpkxnfe.supabase.co";
+        const supabaseKey = config?.anonKey || "";
+        const res = await fetch(`${supabaseUrl}/auth/v1/magiclink`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "apikey": supabaseKey
+          },
+          body: JSON.stringify({
+            email,
+            options: {
+              redirectTo: window.location.href
+            }
+          })
+        });
+        if (!res.ok) throw new Error("Failed to send magic link");
+        setError(null);
+        alert("Check your email for a login link!");
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold mb-2", children: "Connect to Uptrade" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400", children: "Sign in with your Uptrade Portal account" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 justify-center mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: `px-4 py-2 rounded-lg ${authMode === "login" ? "bg-blue-600" : "bg-gray-700"}`,
+            onClick: () => setAuthMode("login"),
+            children: "Email & Password"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: `px-4 py-2 rounded-lg ${authMode === "magic" ? "bg-blue-600" : "bg-gray-700"}`,
+            onClick: () => setAuthMode("magic"),
+            children: "Magic Link"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Email" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "email",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              placeholder: "you@example.com",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-blue-500"
+            }
+          )
+        ] }),
+        authMode === "login" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "password",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-blue-500"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            onClick: authMode === "login" ? handleLogin : handleMagicLink,
+            loading: isLoading,
+            disabled: !email.trim() || authMode === "login" && !password.trim(),
+            children: authMode === "login" ? "Sign In \u2192" : "Send Magic Link \u2192"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-gray-500 text-sm text-center", children: [
+          "Don't have an account?",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: "https://portal.uptrademedia.com/signup",
+              target: "_blank",
+              className: "text-blue-400 hover:underline",
+              children: "Sign up at Portal"
+            }
+          )
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-red-500/10 border border-red-500/30 text-red-400 px-4 py-3 rounded-lg text-center", children: error })
+    ] });
+  }
+  async function loadOrganizations(token) {
+    try {
+      const authToken = token || accessToken;
+      const res = await fetch(`${portalApiUrl}/setup/organizations`, {
+        headers: authToken ? { "Authorization": `Bearer ${authToken}` } : {}
+      });
+      const data = await res.json();
+      setOrganizations(Array.isArray(data) ? data : []);
+    } catch (err) {
+      setError("Failed to load organizations");
+    }
+  }
+  function ProjectStep() {
+    const [createNew, setCreateNew] = react.useState(false);
+    const [creating, setCreating] = react.useState(false);
+    const [creatingOrg, setCreatingOrg] = react.useState(false);
+    const [newOrgName, setNewOrgName] = react.useState("");
+    async function handleCreateProject2() {
+      if (!selectedOrg || !newProjectName.trim()) return;
+      setCreating(true);
+      try {
+        const res = await fetch(`${portalApiUrl}/setup/projects`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            ...accessToken ? { "Authorization": `Bearer ${accessToken}` } : {}
+          },
+          body: JSON.stringify({
+            orgId: selectedOrg.id,
+            name: newProjectName,
+            domain: newProjectDomain || window.location.hostname
+          })
+        });
+        if (!res.ok) throw new Error("Failed to create project");
+        const project = await res.json();
+        setSelectedProject(project);
+        setStep("scan");
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setCreating(false);
+      }
+    }
+    async function handleSelectProject(project) {
+      setSelectedProject(project);
+      setStep("scan");
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold mb-2", children: "Select Your Project" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400", children: "Choose an existing project or create a new one" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-lg mx-auto", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Organization" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: selectedOrg?.id || "",
+            onChange: (e) => setSelectedOrg(organizations.find((o) => o.id === e.target.value) || null),
+            className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select organization..." }),
+              organizations.map((org) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: org.id, children: org.name }, org.id))
+            ]
+          }
+        )
+      ] }),
+      selectedOrg && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-lg mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm text-gray-400", children: "Projects" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "text-sm text-blue-400 hover:underline",
+              onClick: () => setCreateNew(!createNew),
+              children: createNew ? "Select existing" : "+ Create new"
+            }
+          )
+        ] }),
+        createNew ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 bg-gray-800/50 rounded-lg border border-gray-700", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: newProjectName,
+              onChange: (e) => setNewProjectName(e.target.value),
+              placeholder: "Project name",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: newProjectDomain,
+              onChange: (e) => setNewProjectDomain(e.target.value),
+              placeholder: window.location.hostname,
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              onClick: handleCreateProject2,
+              loading: creating,
+              disabled: !newProjectName.trim(),
+              children: "Create Project"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: selectedOrg.projects.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-gray-500 text-center py-8", children: [
+          "No projects yet.",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "text-blue-400 hover:underline",
+              onClick: () => setCreateNew(true),
+              children: "Create one"
+            }
+          )
+        ] }) : selectedOrg.projects.map((project) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            onClick: () => handleSelectProject(project),
+            className: "w-full text-left px-4 py-3 bg-gray-800/50 hover:bg-gray-800 border border-gray-700 rounded-lg transition-colors",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: project.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-400", children: project.domain })
+            ]
+          },
+          project.id
+        )) })
+      ] })
+    ] });
+  }
+  const handleScan2 = react.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const res = await fetch("/_uptrade/api/scan", { method: "POST" });
+      const data = await res.json();
+      setScanResults({
+        forms: data.forms.map((f) => ({ ...f, selected: true })),
+        widgets: data.widgets.map((w) => ({ ...w, selected: true })),
+        metadata: data.metadata.map((m) => ({ ...m, selected: false }))
+      });
+      setStep("migrate");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  function ScanStep() {
+    react.useEffect(() => {
+      handleScan2();
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-6xl animate-pulse", children: "\u{1F50D}" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Scanning Your Codebase" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400", children: "Looking for forms, widgets, and metadata to migrate..." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }) })
+    ] });
+  }
+  function MigrateStep() {
+    if (!scanResults) return null;
+    const totalItems = [
+      ...scanResults.forms,
+      ...scanResults.widgets,
+      ...scanResults.metadata
+    ];
+    const selectedItems = totalItems.filter((i) => i.selected);
+    function toggleItem(type, index) {
+      setScanResults((prev) => {
+        if (!prev) return prev;
+        const updated = { ...prev };
+        updated[type] = [...prev[type]];
+        updated[type][index] = { ...updated[type][index], selected: !updated[type][index].selected };
+        return updated;
+      });
+    }
+    async function handleMigrate2() {
+      setIsLoading(true);
+      setMigrationLog([]);
+      setMigrationProgress(0);
+      const items = selectedItems;
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        setMigrationLog((prev) => [...prev, `Migrating ${item.type} in ${item.file}...`]);
+        try {
+          await fetch("/_uptrade/api/migrate", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ item, projectId: selectedProject?.id })
+          });
+          setMigrationLog((prev) => [...prev, `\u2713 Migrated ${item.type}`]);
+        } catch {
+          setMigrationLog((prev) => [...prev, `\u2717 Failed to migrate ${item.type}`]);
+        }
+        setMigrationProgress(Math.round((i + 1) / items.length * 100));
+      }
+      setIsLoading(false);
+      setStep("configure");
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold mb-2", children: "Review & Migrate" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400", children: "Select what you'd like to migrate to Site-Kit" })
+      ] }),
+      scanResults.forms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "\u{1F4DD} Forms", count: scanResults.forms.filter((f) => f.selected).length, children: scanResults.forms.map((form, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        ItemRow,
+        {
+          item: form,
+          onToggle: () => toggleItem("forms", i)
+        },
+        i
+      )) }),
+      scanResults.widgets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "\u{1F4AC} Chat Widgets", count: scanResults.widgets.filter((w) => w.selected).length, children: scanResults.widgets.map((widget, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        ItemRow,
+        {
+          item: widget,
+          onToggle: () => toggleItem("widgets", i)
+        },
+        i
+      )) }),
+      scanResults.metadata.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "\u{1F3F7}\uFE0F Metadata", count: scanResults.metadata.filter((m) => m.selected).length, children: scanResults.metadata.map((meta, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        ItemRow,
+        {
+          item: meta,
+          onToggle: () => toggleItem("metadata", i)
+        },
+        i
+      )) }),
+      totalItems.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-8 text-gray-400", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl mb-4", children: "\u2728" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No existing forms or widgets detected." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "You're starting fresh!" })
+      ] }),
+      migrationLog.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-gray-900 rounded-lg p-4 font-mono text-sm max-h-48 overflow-y-auto", children: migrationLog.map((log, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: log.startsWith("\u2717") ? "text-red-400" : "text-green-400", children: log }, i)) }),
+      isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "h-full bg-blue-500 transition-all duration-300",
+          style: { width: `${migrationProgress}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", onClick: () => setStep("configure"), children: "Skip Migration" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: handleMigrate2, loading: isLoading, children: [
+          "Migrate ",
+          selectedItems.length,
+          " Items \u2192"
+        ] })
+      ] })
+    ] });
+  }
+  function ConfigureStep() {
+    const [configuring, setConfiguring] = react.useState(false);
+    async function handleConfigure2() {
+      setConfiguring(true);
+      try {
+        await fetch("/_uptrade/api/configure", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ projectId: selectedProject?.id })
+        });
+        setStep("complete");
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setConfiguring(false);
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold mb-2", children: "Configure Site-Kit" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400", children: "We'll add the SiteKitProvider to your layout and set up environment variables" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-lg mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ConfigPreview,
+          {
+            title: "Environment Variables",
+            description: ".env.local",
+            content: `NEXT_PUBLIC_UPTRADE_PROJECT_ID=${selectedProject?.id || "xxx"}
+NEXT_PUBLIC_SUPABASE_URL=https://xxx.supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=xxx
+UPTRADE_API_KEY=ut_xxx`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ConfigPreview,
+          {
+            title: "Layout Provider",
+            description: "app/layout.tsx",
+            content: `<SiteKitProvider
+  projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+  supabaseUrl={process.env.NEXT_PUBLIC_SUPABASE_URL!}
+  supabaseAnonKey={process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!}
+>
+  {children}
+</SiteKitProvider>`
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleConfigure2, loading: configuring, children: "Apply Configuration \u2192" }) })
+    ] });
+  }
+  function CompleteStep() {
+    const [removing, setRemoving] = react.useState(false);
+    async function handleRemoveSetup() {
+      setRemoving(true);
+      try {
+        await fetch("/_uptrade/api/self-destruct", { method: "POST" });
+        window.location.href = "/";
+      } catch (err) {
+        setError(err.message);
+        setRemoving(false);
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-6xl", children: "\u{1F389}" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold", children: "You're All Set!" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400 text-lg", children: "Site-Kit is now configured and ready to use" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 max-w-lg mx-auto my-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          QuickLink,
+          {
+            icon: "\u{1F4CA}",
+            title: "View Dashboard",
+            href: "https://portal.uptrademedia.com/dashboard"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          QuickLink,
+          {
+            icon: "\u{1F4DD}",
+            title: "Create Form",
+            href: "https://portal.uptrademedia.com/forms/new"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          QuickLink,
+          {
+            icon: "\u{1F4D6}",
+            title: "Documentation",
+            href: "https://docs.uptrademedia.com/site-kit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          QuickLink,
+          {
+            icon: "\u{1F4AC}",
+            title: "Get Help",
+            href: "https://portal.uptrademedia.com/support"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-8 border-t border-gray-700", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-400 mb-4", children: "Remove this setup wizard from your project?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "danger", onClick: handleRemoveSetup, loading: removing, children: "Remove Setup Wizard" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500 text-sm mt-2", children: "This will delete the /_uptrade route" })
+      ] })
+    ] });
+  }
+  const steps = {
+    welcome: WelcomeStep,
+    auth: AuthStep,
+    project: ProjectStep,
+    scan: ScanStep,
+    migrate: MigrateStep,
+    configure: ConfigureStep,
+    complete: CompleteStep
+  };
+  const CurrentStep = steps[step];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-gradient-to-br from-gray-900 via-gray-900 to-gray-800 text-white", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed top-0 left-0 right-0 h-1 bg-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "h-full bg-gradient-to-r from-blue-500 to-purple-500 transition-all duration-500",
+        style: { width: `${Object.keys(steps).indexOf(step) / (Object.keys(steps).length - 1) * 100}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "px-8 py-6 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Uptrade Site-Kit" })
+      ] }),
+      userEmail && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-400 text-sm", children: userEmail })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "max-w-3xl mx-auto px-8 py-16", children: /* @__PURE__ */ jsxRuntime.jsx(CurrentStep, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "fixed bottom-0 left-0 right-0 px-8 py-4 text-center text-gray-500 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://uptrademedia.com", target: "_blank", className: "hover:text-gray-300", children: "Uptrade Media" }),
+      " \xB7 ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://docs.uptrademedia.com", target: "_blank", className: "hover:text-gray-300", children: "Docs" }),
+      " \xB7 ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://github.com/uptrademedia/site-kit", target: "_blank", className: "hover:text-gray-300", children: "GitHub" })
+    ] })
+  ] });
+}
+function Button({
+  children,
+  onClick,
+  loading,
+  disabled,
+  variant = "primary"
+}) {
+  const variants = {
+    primary: "bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700",
+    secondary: "bg-gray-700 hover:bg-gray-600",
+    danger: "bg-red-600/20 border border-red-500/30 text-red-400 hover:bg-red-600/30"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick,
+      disabled: loading || disabled,
+      className: `px-6 py-3 rounded-lg font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed ${variants[variant]}`,
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }),
+        "Loading..."
+      ] }) : children
+    }
+  );
+}
+function FeatureCard({ icon, title, description }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 bg-gray-800/50 rounded-xl border border-gray-700 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl mb-3", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold mb-1", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-400", children: description })
+  ] });
+}
+function Section({ title, count, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gray-800/30 rounded-xl border border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 bg-gray-800/50 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-gray-400", children: [
+        count,
+        " selected"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-700", children })
+  ] });
+}
+function ItemRow({ item, onToggle }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 px-4 py-3 hover:bg-gray-800/30 transition-colors", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "checkbox",
+        checked: item.selected,
+        onChange: onToggle,
+        className: "w-5 h-5 rounded border-gray-600 bg-gray-700 text-blue-500 focus:ring-blue-500"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium truncate", children: item.type }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-gray-400 truncate", children: [
+        item.file,
+        ":",
+        item.line
+      ] })
+    ] })
+  ] });
+}
+function ConfigPreview({ title, description, content }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2 bg-gray-800 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-400", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-4 text-sm overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-green-400", children: content }) })
+  ] });
+}
+function QuickLink({ icon, title, href }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      className: "flex items-center gap-3 p-4 bg-gray-800/50 rounded-lg border border-gray-700 hover:bg-gray-800 transition-colors",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title })
+      ]
+    }
+  );
+}
+var PORTAL_URL = process.env.UPTRADE_PORTAL_URL || "https://portal.uptrademedia.com";
+var API_URL = process.env.UPTRADE_API_URL || "https://api.uptrademedia.com";
+var authSession = {};
+async function handleStatus() {
+  const configured = !!(process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID && process.env.NEXT_PUBLIC_SUPABASE_URL);
+  return server.NextResponse.json({
+    configured,
+    authenticated: !!authSession.accessToken,
+    email: authSession.email
+  });
+}
+async function handleAuthStart() {
+  const state = Math.random().toString(36).substring(7);
+  const redirectUri = "http://localhost:3000/_uptrade/api/auth/callback";
+  const authUrl = `${PORTAL_URL}/auth/cli?` + new URLSearchParams({
+    redirect_uri: redirectUri,
+    state
+  });
+  return server.NextResponse.json({ authUrl, state });
+}
+async function handleAuthCallback(req) {
+  const { searchParams } = new URL(req.url);
+  const code = searchParams.get("code");
+  const error = searchParams.get("error");
+  if (error) {
+    return new server.NextResponse(errorHtml("Authentication Failed", error), {
+      headers: { "Content-Type": "text/html" }
+    });
+  }
+  if (!code) {
+    return new server.NextResponse(errorHtml("Missing Code", "No authorization code received"), {
+      headers: { "Content-Type": "text/html" }
+    });
+  }
+  try {
+    const tokenResponse = await fetch(`${API_URL}/auth/cli-token`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        code,
+        redirect_uri: "http://localhost:3000/_uptrade/api/auth/callback"
+      })
+    });
+    if (!tokenResponse.ok) {
+      throw new Error("Failed to exchange code for token");
+    }
+    const { access_token, user_id, email } = await tokenResponse.json();
+    authSession = {
+      accessToken: access_token,
+      userId: user_id,
+      email
+    };
+    return new server.NextResponse(successHtml(), {
+      headers: { "Content-Type": "text/html" }
+    });
+  } catch (err) {
+    return new server.NextResponse(errorHtml("Token Exchange Failed", err.message), {
+      headers: { "Content-Type": "text/html" }
+    });
+  }
+}
+async function handleAuthStatus() {
+  return server.NextResponse.json({
+    authenticated: !!authSession.accessToken,
+    email: authSession.email
+  });
+}
+async function handleApiKeyAuth(req) {
+  const { apiKey } = await req.json();
+  try {
+    const response = await fetch(`${API_URL}/auth/verify-api-key`, {
+      headers: { "Authorization": `Bearer ${apiKey}` }
+    });
+    if (!response.ok) {
+      return server.NextResponse.json({ error: "Invalid API key" }, { status: 401 });
+    }
+    const { user_id, email } = await response.json();
+    authSession = {
+      accessToken: apiKey,
+      userId: user_id,
+      email
+    };
+    return server.NextResponse.json({ email });
+  } catch {
+    return server.NextResponse.json({ error: "Authentication failed" }, { status: 500 });
+  }
+}
+async function handleGetOrganizations() {
+  if (!authSession.accessToken) {
+    return server.NextResponse.json({ error: "Not authenticated" }, { status: 401 });
+  }
+  try {
+    const response = await fetch(`${API_URL}/organizations`, {
+      headers: { "Authorization": `Bearer ${authSession.accessToken}` }
+    });
+    if (!response.ok) {
+      throw new Error("Failed to fetch organizations");
+    }
+    const organizations = await response.json();
+    return server.NextResponse.json({ organizations });
+  } catch (err) {
+    return server.NextResponse.json({ error: err.message }, { status: 500 });
+  }
+}
+async function handleCreateProject(req) {
+  if (!authSession.accessToken) {
+    return server.NextResponse.json({ error: "Not authenticated" }, { status: 401 });
+  }
+  const { orgId, name, domain } = await req.json();
+  try {
+    const response = await fetch(`${API_URL}/organizations/${orgId}/projects`, {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${authSession.accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ name, domain })
+    });
+    if (!response.ok) {
+      throw new Error("Failed to create project");
+    }
+    const project = await response.json();
+    return server.NextResponse.json(project);
+  } catch (err) {
+    return server.NextResponse.json({ error: err.message }, { status: 500 });
+  }
+}
+async function handleScan() {
+  const { scanCodebase } = await import('../scanner-NT6YG4TD.js');
+  try {
+    const results = await scanCodebase(process.cwd());
+    return server.NextResponse.json({
+      forms: results.forms.map((f) => ({
+        type: f.type,
+        file: f.file,
+        line: f.line,
+        details: {
+          fields: f.fields
+        }
+      })),
+      widgets: results.widgets.map((w) => ({
+        type: w.type,
+        file: w.file,
+        line: w.line,
+        details: {}
+      })),
+      metadata: results.metadata.map((m) => ({
+        type: m.type,
+        file: m.file,
+        line: m.line,
+        details: {}
+      }))
+    });
+  } catch (err) {
+    return server.NextResponse.json({ error: err.message }, { status: 500 });
+  }
+}
+async function handleMigrate(req) {
+  if (!authSession.accessToken) {
+    return server.NextResponse.json({ error: "Not authenticated" }, { status: 401 });
+  }
+  const { item, projectId } = await req.json();
+  const { migrateFiles } = await import('../migrator-XKM7YQCY.js');
+  try {
+    await migrateFiles([item], projectId, authSession.accessToken);
+    return server.NextResponse.json({ success: true });
+  } catch (err) {
+    return server.NextResponse.json({ error: err.message }, { status: 500 });
+  }
+}
+async function handleConfigure(req) {
+  if (!authSession.accessToken) {
+    return server.NextResponse.json({ error: "Not authenticated" }, { status: 401 });
+  }
+  const { projectId } = await req.json();
+  const { generateEnvFile, generateProvider } = await import('../generators-GWIYCA5M.js');
+  try {
+    const configResponse = await fetch(`${API_URL}/projects/${projectId}/config`, {
+      headers: { "Authorization": `Bearer ${authSession.accessToken}` }
+    });
+    if (!configResponse.ok) {
+      throw new Error("Failed to fetch project config");
+    }
+    const config = await configResponse.json();
+    const keyResponse = await fetch(`${API_URL}/projects/${projectId}/api-keys`, {
+      method: "POST",
+      headers: {
+        "Authorization": `Bearer ${authSession.accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ name: "Site-Kit Setup" })
+    });
+    const { api_key } = keyResponse.ok ? await keyResponse.json() : { api_key: "ut_xxx" };
+    await generateEnvFile({
+      projectId,
+      supabaseUrl: config.supabase_url,
+      supabaseAnonKey: config.supabase_anon_key,
+      apiKey: api_key
+    });
+    await generateProvider({ projectId });
+    return server.NextResponse.json({ success: true });
+  } catch (err) {
+    return server.NextResponse.json({ error: err.message }, { status: 500 });
+  }
+}
+async function handleSelfDestruct() {
+  const { selfDestruct } = await import('../generators-GWIYCA5M.js');
+  try {
+    await selfDestruct();
+    return server.NextResponse.json({ success: true });
+  } catch (err) {
+    return server.NextResponse.json({ error: err.message }, { status: 500 });
+  }
+}
+function successHtml() {
+  return `<!DOCTYPE html>
+<html>
+<head>
+  <title>Uptrade - Authenticated</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      display: flex; justify-content: center; align-items: center;
+      height: 100vh; margin: 0;
+      background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 100%);
+      color: white;
+    }
+    .container {
+      text-align: center; padding: 3rem;
+      background: rgba(255, 255, 255, 0.05);
+      border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1);
+    }
+    .icon { font-size: 4rem; margin-bottom: 1rem; }
+    h1 { margin: 0 0 0.5rem; }
+    p { color: rgba(255, 255, 255, 0.7); margin: 0; }
+  </style>
+  <script>setTimeout(() => window.close(), 2000)</script>
+</head>
+<body>
+  <div class="container">
+    <div class="icon">\u2713</div>
+    <h1>Authenticated!</h1>
+    <p>This window will close automatically...</p>
+  </div>
+</body>
+</html>`;
+}
+function errorHtml(title, message) {
+  return `<!DOCTYPE html>
+<html>
+<head>
+  <title>Uptrade - Error</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      display: flex; justify-content: center; align-items: center;
+      height: 100vh; margin: 0;
+      background: linear-gradient(135deg, #2e1a1a 0%, #1a0f0f 100%);
+      color: white;
+    }
+    .container {
+      text-align: center; padding: 3rem;
+      background: rgba(255, 255, 255, 0.05);
+      border-radius: 1rem; border: 1px solid rgba(255, 100, 100, 0.2);
+    }
+    .icon { font-size: 4rem; margin-bottom: 1rem; }
+    h1 { margin: 0 0 0.5rem; color: #ff6b6b; }
+    p { color: rgba(255, 255, 255, 0.7); margin: 0; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="icon">\u2717</div>
+    <h1>${title}</h1>
+    <p>${message}</p>
+  </div>
+</body>
+</html>`;
+}
+async function handleRequest(req, route) {
+  switch (route) {
+    case "status":
+      return handleStatus();
+    case "auth/start":
+      return handleAuthStart();
+    case "auth/callback":
+      return handleAuthCallback(req);
+    case "auth/status":
+      return handleAuthStatus();
+    case "auth/apikey":
+      return handleApiKeyAuth(req);
+    case "organizations":
+      return handleGetOrganizations();
+    case "projects":
+      return handleCreateProject(req);
+    case "scan":
+      return handleScan();
+    case "migrate":
+      return handleMigrate(req);
+    case "configure":
+      return handleConfigure(req);
+    case "self-destruct":
+      return handleSelfDestruct();
+    default:
+      return server.NextResponse.json({ error: "Not found" }, { status: 404 });
+  }
+}
+
+exports.SetupWizard = SetupWizard;
+exports.UptradeSetup = SetupWizard;
+exports.handleRequest = handleRequest;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map