@ezcoder.dev/sdk 1.0.0

package/dist/auth/index.js

@@ -0,0 +1,463 @@
+import {
+  AuthContext,
+  AuthProvider,
+  useAuth
+} from "../chunk-YNDCD53D.js";
+import "../chunk-5XIZHBKE.js";
+import {
+  supabase
+} from "../chunk-G7XDUN3Z.js";
+
+// src/auth/ProtectedRoute.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TIER_LEVELS = {
+  free: 0,
+  starter: 1,
+  creator: 2,
+  pro: 3,
+  business: 4,
+  enterprise: 5
+};
+function DefaultLoadingSpinner() {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: "200px" }, children: [
+    /* @__PURE__ */ jsx("div", { style: {
+      width: "32px",
+      height: "32px",
+      border: "3px solid #e5e7eb",
+      borderTopColor: "#3b82f6",
+      borderRadius: "50%",
+      animation: "spin 0.6s linear infinite"
+    } }),
+    /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })
+  ] });
+}
+function ProtectedRoute({
+  children,
+  requiredTier,
+  fallback,
+  loadingComponent,
+  allowUnconfigured = false,
+  loginPath = "/login"
+}) {
+  const { user, profile, loading, isConfigured } = useAuth();
+  if (loading) {
+    return /* @__PURE__ */ jsx(Fragment, { children: loadingComponent || /* @__PURE__ */ jsx(DefaultLoadingSpinner, {}) });
+  }
+  if (!isConfigured && allowUnconfigured) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (!user) {
+    if (fallback) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+    if (typeof window !== "undefined") {
+      window.location.href = loginPath;
+    }
+    return null;
+  }
+  if (requiredTier) {
+    const userTier = profile?.subscription_tier || "free";
+    const userLevel = TIER_LEVELS[userTier] ?? 0;
+    const requiredLevel = TIER_LEVELS[requiredTier] ?? 0;
+    if (userLevel < requiredLevel) {
+      return /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "40px" }, children: [
+        /* @__PURE__ */ jsx("h2", { style: { fontSize: "1.5rem", fontWeight: 600, marginBottom: "8px" }, children: "Upgrade Required" }),
+        /* @__PURE__ */ jsxs("p", { style: { color: "#6b7280" }, children: [
+          "This feature requires the ",
+          requiredTier,
+          " plan or higher."
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+// src/auth/LoginForm.tsx
+import { useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function LoginForm({
+  onSuccess,
+  onForgotPassword,
+  onSignupClick,
+  showOAuth = true,
+  className = ""
+}) {
+  const { signIn, signInWithProvider, isConfigured } = useAuth();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    setLoading(true);
+    const result = await signIn(email, password);
+    setLoading(false);
+    if (result.error) {
+      setError(result.error.message);
+    } else {
+      onSuccess?.();
+    }
+  };
+  const handleOAuth = async (provider) => {
+    setError(null);
+    const result = await signInWithProvider(provider);
+    if (result.error) {
+      setError(result.error.message);
+    }
+  };
+  if (!isConfigured) {
+    return /* @__PURE__ */ jsx2("div", { style: { padding: "20px", textAlign: "center", color: "#6b7280" }, children: "Authentication is not configured. Connect a database to enable login." });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className, style: { maxWidth: "400px", margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx2("h2", { style: { fontSize: "1.5rem", fontWeight: 600, marginBottom: "24px", textAlign: "center" }, children: "Sign In" }),
+    error && /* @__PURE__ */ jsx2("div", { style: { padding: "12px", marginBottom: "16px", backgroundColor: "#fef2f2", color: "#dc2626", borderRadius: "8px", fontSize: "14px" }, children: error }),
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs2("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx2("label", { style: { display: "block", marginBottom: "4px", fontSize: "14px", fontWeight: 500 }, children: "Email" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            required: true,
+            style: { width: "100%", padding: "8px 12px", border: "1px solid #d1d5db", borderRadius: "6px", fontSize: "14px" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx2("label", { style: { display: "block", marginBottom: "4px", fontSize: "14px", fontWeight: 500 }, children: "Password" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "password",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            required: true,
+            style: { width: "100%", padding: "8px 12px", border: "1px solid #d1d5db", borderRadius: "6px", fontSize: "14px" }
+          }
+        )
+      ] }),
+      onForgotPassword && /* @__PURE__ */ jsx2("div", { style: { marginBottom: "16px", textAlign: "right" }, children: /* @__PURE__ */ jsx2("button", { type: "button", onClick: onForgotPassword, style: { background: "none", border: "none", color: "#3b82f6", cursor: "pointer", fontSize: "14px" }, children: "Forgot password?" }) }),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "submit",
+          disabled: loading,
+          style: {
+            width: "100%",
+            padding: "10px",
+            backgroundColor: "#3b82f6",
+            color: "white",
+            border: "none",
+            borderRadius: "6px",
+            fontSize: "14px",
+            fontWeight: 500,
+            cursor: loading ? "not-allowed" : "pointer",
+            opacity: loading ? 0.7 : 1
+          },
+          children: loading ? "Signing in..." : "Sign In"
+        }
+      )
+    ] }),
+    showOAuth && /* @__PURE__ */ jsxs2("div", { style: { marginTop: "24px" }, children: [
+      /* @__PURE__ */ jsx2("div", { style: { textAlign: "center", color: "#9ca3af", fontSize: "14px", marginBottom: "16px" }, children: "or continue with" }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "12px" }, children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            onClick: () => handleOAuth("google"),
+            style: { flex: 1, padding: "10px", border: "1px solid #d1d5db", borderRadius: "6px", background: "white", cursor: "pointer", fontSize: "14px" },
+            children: "Google"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            onClick: () => handleOAuth("github"),
+            style: { flex: 1, padding: "10px", border: "1px solid #d1d5db", borderRadius: "6px", background: "white", cursor: "pointer", fontSize: "14px" },
+            children: "GitHub"
+          }
+        )
+      ] })
+    ] }),
+    onSignupClick && /* @__PURE__ */ jsxs2("div", { style: { marginTop: "24px", textAlign: "center", fontSize: "14px" }, children: [
+      "Don't have an account?",
+      " ",
+      /* @__PURE__ */ jsx2("button", { type: "button", onClick: onSignupClick, style: { background: "none", border: "none", color: "#3b82f6", cursor: "pointer", fontWeight: 500 }, children: "Sign up" })
+    ] })
+  ] });
+}
+
+// src/auth/SignupForm.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function SignupForm({
+  onSuccess,
+  onLoginClick,
+  showOAuth = true,
+  className = ""
+}) {
+  const { signUp, signInWithProvider, isConfigured } = useAuth();
+  const [name, setName] = useState2("");
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const [agreed, setAgreed] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [success, setSuccess] = useState2(false);
+  const [loading, setLoading] = useState2(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!agreed) {
+      setError("Please agree to the Terms of Service");
+      return;
+    }
+    if (password.length < 8) {
+      setError("Password must be at least 8 characters");
+      return;
+    }
+    setError(null);
+    setLoading(true);
+    const result = await signUp(email, password, {
+      metadata: { display_name: name }
+    });
+    setLoading(false);
+    if (result.error) {
+      setError(result.error.message);
+    } else {
+      setSuccess(true);
+      onSuccess?.();
+    }
+  };
+  const handleOAuth = async (provider) => {
+    setError(null);
+    const result = await signInWithProvider(provider);
+    if (result.error) {
+      setError(result.error.message);
+    }
+  };
+  if (!isConfigured) {
+    return /* @__PURE__ */ jsx3("div", { style: { padding: "20px", textAlign: "center", color: "#6b7280" }, children: "Authentication is not configured. Connect a database to enable signup." });
+  }
+  if (success) {
+    return /* @__PURE__ */ jsxs3("div", { style: { padding: "20px", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx3("h3", { style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "8px", color: "#059669" }, children: "Check your email" }),
+      /* @__PURE__ */ jsxs3("p", { style: { color: "#6b7280" }, children: [
+        "We sent a confirmation link to ",
+        email
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3("div", { className, style: { maxWidth: "400px", margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx3("h2", { style: { fontSize: "1.5rem", fontWeight: 600, marginBottom: "24px", textAlign: "center" }, children: "Create Account" }),
+    error && /* @__PURE__ */ jsx3("div", { style: { padding: "12px", marginBottom: "16px", backgroundColor: "#fef2f2", color: "#dc2626", borderRadius: "8px", fontSize: "14px" }, children: error }),
+    /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs3("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx3("label", { style: { display: "block", marginBottom: "4px", fontSize: "14px", fontWeight: 500 }, children: "Name" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "text",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            required: true,
+            style: { width: "100%", padding: "8px 12px", border: "1px solid #d1d5db", borderRadius: "6px", fontSize: "14px" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx3("label", { style: { display: "block", marginBottom: "4px", fontSize: "14px", fontWeight: 500 }, children: "Email" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            required: true,
+            style: { width: "100%", padding: "8px 12px", border: "1px solid #d1d5db", borderRadius: "6px", fontSize: "14px" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx3("label", { style: { display: "block", marginBottom: "4px", fontSize: "14px", fontWeight: 500 }, children: "Password" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "password",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            required: true,
+            minLength: 8,
+            style: { width: "100%", padding: "8px 12px", border: "1px solid #d1d5db", borderRadius: "6px", fontSize: "14px" }
+          }
+        ),
+        /* @__PURE__ */ jsx3("span", { style: { fontSize: "12px", color: "#9ca3af" }, children: "Minimum 8 characters" })
+      ] }),
+      /* @__PURE__ */ jsx3("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsxs3("label", { style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "14px", cursor: "pointer" }, children: [
+        /* @__PURE__ */ jsx3("input", { type: "checkbox", checked: agreed, onChange: (e) => setAgreed(e.target.checked) }),
+        "I agree to the Terms of Service and Privacy Policy"
+      ] }) }),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "submit",
+          disabled: loading,
+          style: {
+            width: "100%",
+            padding: "10px",
+            backgroundColor: "#3b82f6",
+            color: "white",
+            border: "none",
+            borderRadius: "6px",
+            fontSize: "14px",
+            fontWeight: 500,
+            cursor: loading ? "not-allowed" : "pointer",
+            opacity: loading ? 0.7 : 1
+          },
+          children: loading ? "Creating account..." : "Create Account"
+        }
+      )
+    ] }),
+    showOAuth && /* @__PURE__ */ jsxs3("div", { style: { marginTop: "24px" }, children: [
+      /* @__PURE__ */ jsx3("div", { style: { textAlign: "center", color: "#9ca3af", fontSize: "14px", marginBottom: "16px" }, children: "or continue with" }),
+      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "12px" }, children: [
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            onClick: () => handleOAuth("google"),
+            style: { flex: 1, padding: "10px", border: "1px solid #d1d5db", borderRadius: "6px", background: "white", cursor: "pointer", fontSize: "14px" },
+            children: "Google"
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            onClick: () => handleOAuth("github"),
+            style: { flex: 1, padding: "10px", border: "1px solid #d1d5db", borderRadius: "6px", background: "white", cursor: "pointer", fontSize: "14px" },
+            children: "GitHub"
+          }
+        )
+      ] })
+    ] }),
+    onLoginClick && /* @__PURE__ */ jsxs3("div", { style: { marginTop: "24px", textAlign: "center", fontSize: "14px" }, children: [
+      "Already have an account?",
+      " ",
+      /* @__PURE__ */ jsx3("button", { type: "button", onClick: onLoginClick, style: { background: "none", border: "none", color: "#3b82f6", cursor: "pointer", fontWeight: 500 }, children: "Sign in" })
+    ] })
+  ] });
+}
+
+// src/auth/ForgotPasswordForm.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ForgotPasswordForm({ onBack, className = "" }) {
+  const { resetPassword } = useAuth();
+  const [email, setEmail] = useState3("");
+  const [error, setError] = useState3(null);
+  const [success, setSuccess] = useState3(false);
+  const [loading, setLoading] = useState3(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    setLoading(true);
+    const result = await resetPassword(email);
+    setLoading(false);
+    if (result.error) {
+      setError(result.error.message);
+    } else {
+      setSuccess(true);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsxs4("div", { className, style: { maxWidth: "400px", margin: "0 auto", textAlign: "center", padding: "20px" }, children: [
+      /* @__PURE__ */ jsx4("h3", { style: { fontSize: "1.25rem", fontWeight: 600, marginBottom: "8px", color: "#059669" }, children: "Check your email" }),
+      /* @__PURE__ */ jsxs4("p", { style: { color: "#6b7280", marginBottom: "16px" }, children: [
+        "We sent a password reset link to ",
+        email
+      ] }),
+      onBack && /* @__PURE__ */ jsx4("button", { type: "button", onClick: onBack, style: { background: "none", border: "none", color: "#3b82f6", cursor: "pointer", fontSize: "14px" }, children: "Back to login" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4("div", { className, style: { maxWidth: "400px", margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx4("h2", { style: { fontSize: "1.5rem", fontWeight: 600, marginBottom: "8px", textAlign: "center" }, children: "Reset Password" }),
+    /* @__PURE__ */ jsx4("p", { style: { color: "#6b7280", textAlign: "center", marginBottom: "24px", fontSize: "14px" }, children: "Enter your email and we'll send you a reset link" }),
+    error && /* @__PURE__ */ jsx4("div", { style: { padding: "12px", marginBottom: "16px", backgroundColor: "#fef2f2", color: "#dc2626", borderRadius: "8px", fontSize: "14px" }, children: error }),
+    /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs4("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx4("label", { style: { display: "block", marginBottom: "4px", fontSize: "14px", fontWeight: 500 }, children: "Email" }),
+        /* @__PURE__ */ jsx4(
+          "input",
+          {
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            required: true,
+            style: { width: "100%", padding: "8px 12px", border: "1px solid #d1d5db", borderRadius: "6px", fontSize: "14px" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "submit",
+          disabled: loading,
+          style: {
+            width: "100%",
+            padding: "10px",
+            backgroundColor: "#3b82f6",
+            color: "white",
+            border: "none",
+            borderRadius: "6px",
+            fontSize: "14px",
+            fontWeight: 500,
+            cursor: loading ? "not-allowed" : "pointer",
+            opacity: loading ? 0.7 : 1
+          },
+          children: loading ? "Sending..." : "Send Reset Link"
+        }
+      )
+    ] }),
+    onBack && /* @__PURE__ */ jsx4("div", { style: { marginTop: "16px", textAlign: "center" }, children: /* @__PURE__ */ jsx4("button", { type: "button", onClick: onBack, style: { background: "none", border: "none", color: "#3b82f6", cursor: "pointer", fontSize: "14px" }, children: "Back to login" }) })
+  ] });
+}
+
+// src/auth/AuthCallback.tsx
+import { useEffect, useState as useState4 } from "react";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function AuthCallback({ redirectTo = "/", loadingComponent }) {
+  const [error, setError] = useState4(null);
+  useEffect(() => {
+    const handleCallback = async () => {
+      try {
+        const { error: error2 } = await supabase.auth.getSession();
+        if (error2) {
+          setError(error2.message);
+          return;
+        }
+        window.location.href = redirectTo;
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Authentication callback failed");
+      }
+    };
+    handleCallback();
+  }, [redirectTo]);
+  if (error) {
+    return /* @__PURE__ */ jsxs5("div", { style: { textAlign: "center", padding: "40px" }, children: [
+      /* @__PURE__ */ jsx5("h2", { style: { color: "#dc2626", marginBottom: "8px" }, children: "Authentication Error" }),
+      /* @__PURE__ */ jsx5("p", { style: { color: "#6b7280" }, children: error }),
+      /* @__PURE__ */ jsx5("a", { href: "/login", style: { color: "#3b82f6", marginTop: "16px", display: "inline-block" }, children: "Back to login" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx5(Fragment2, { children: loadingComponent || /* @__PURE__ */ jsx5("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: "200px" }, children: /* @__PURE__ */ jsx5("p", { style: { color: "#6b7280" }, children: "Completing authentication..." }) }) });
+}
+export {
+  AuthCallback,
+  AuthContext,
+  AuthProvider,
+  ForgotPasswordForm,
+  LoginForm,
+  ProtectedRoute,
+  SignupForm,
+  useAuth
+};
+//# sourceMappingURL=index.js.map

package/dist/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/ProtectedRoute.tsx","../../src/auth/LoginForm.tsx","../../src/auth/SignupForm.tsx","../../src/auth/ForgotPasswordForm.tsx","../../src/auth/AuthCallback.tsx"],"sourcesContent":["import { useAuth } from './AuthProvider';\nimport type { SubscriptionTier } from '../core/types';\n\ninterface ProtectedRouteProps {\n  children: React.ReactNode;\n  requiredRoles?: string[];\n  requiredTier?: SubscriptionTier;\n  fallback?: React.ReactNode;\n  unauthorizedFallback?: React.ReactNode;\n  allowUnconfigured?: boolean;\n  loadingComponent?: React.ReactNode;\n  loginPath?: string;\n}\n\nconst TIER_LEVELS: Record<string, number> = {\n  free: 0,\n  starter: 1,\n  creator: 2,\n  pro: 3,\n  business: 4,\n  enterprise: 5,\n};\n\nfunction DefaultLoadingSpinner() {\n  return (\n    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '200px' }}>\n      <div style={{\n        width: '32px', height: '32px',\n        border: '3px solid #e5e7eb', borderTopColor: '#3b82f6',\n        borderRadius: '50%',\n        animation: 'spin 0.6s linear infinite',\n      }} />\n      <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>\n    </div>\n  );\n}\n\nexport function ProtectedRoute({\n  children,\n  requiredTier,\n  fallback,\n  loadingComponent,\n  allowUnconfigured = false,\n  loginPath = '/login',\n}: ProtectedRouteProps) {\n  const { user, profile, loading, isConfigured } = useAuth();\n\n  if (loading) {\n    return <>{loadingComponent || <DefaultLoadingSpinner />}</>;\n  }\n\n  if (!isConfigured && allowUnconfigured) {\n    return <>{children}</>;\n  }\n\n  if (!user) {\n    if (fallback) return <>{fallback}</>;\n    if (typeof window !== 'undefined') {\n      window.location.href = loginPath;\n    }\n    return null;\n  }\n\n  if (requiredTier) {\n    const userTier = profile?.subscription_tier || 'free';\n    const userLevel = TIER_LEVELS[userTier] ?? 0;\n    const requiredLevel = TIER_LEVELS[requiredTier] ?? 0;\n\n    if (userLevel < requiredLevel) {\n      return (\n        <div style={{ textAlign: 'center', padding: '40px' }}>\n          <h2 style={{ fontSize: '1.5rem', fontWeight: 600, marginBottom: '8px' }}>Upgrade Required</h2>\n          <p style={{ color: '#6b7280' }}>\n            This feature requires the {requiredTier} plan or higher.\n          </p>\n        </div>\n      );\n    }\n  }\n\n  return <>{children}</>;\n}\n","import { useState } from 'react';\nimport { useAuth } from './AuthProvider';\n\ninterface LoginFormProps {\n  onSuccess?: () => void;\n  onForgotPassword?: () => void;\n  onSignupClick?: () => void;\n  showOAuth?: boolean;\n  className?: string;\n}\n\nexport function LoginForm({\n  onSuccess,\n  onForgotPassword,\n  onSignupClick,\n  showOAuth = true,\n  className = '',\n}: LoginFormProps) {\n  const { signIn, signInWithProvider, isConfigured } = useAuth();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    setLoading(true);\n\n    const result = await signIn(email, password);\n    setLoading(false);\n\n    if (result.error) {\n      setError(result.error.message);\n    } else {\n      onSuccess?.();\n    }\n  };\n\n  const handleOAuth = async (provider: string) => {\n    setError(null);\n    const result = await signInWithProvider(provider);\n    if (result.error) {\n      setError(result.error.message);\n    }\n  };\n\n  if (!isConfigured) {\n    return (\n      <div style={{ padding: '20px', textAlign: 'center', color: '#6b7280' }}>\n        Authentication is not configured. Connect a database to enable login.\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={{ maxWidth: '400px', margin: '0 auto' }}>\n      <h2 style={{ fontSize: '1.5rem', fontWeight: 600, marginBottom: '24px', textAlign: 'center' }}>\n        Sign In\n      </h2>\n\n      {error && (\n        <div style={{ padding: '12px', marginBottom: '16px', backgroundColor: '#fef2f2', color: '#dc2626', borderRadius: '8px', fontSize: '14px' }}>\n          {error}\n        </div>\n      )}\n\n      <form onSubmit={handleSubmit}>\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'block', marginBottom: '4px', fontSize: '14px', fontWeight: 500 }}>Email</label>\n          <input\n            type=\"email\"\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            required\n            style={{ width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: '6px', fontSize: '14px' }}\n          />\n        </div>\n\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'block', marginBottom: '4px', fontSize: '14px', fontWeight: 500 }}>Password</label>\n          <input\n            type=\"password\"\n            value={password}\n            onChange={(e) => setPassword(e.target.value)}\n            required\n            style={{ width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: '6px', fontSize: '14px' }}\n          />\n        </div>\n\n        {onForgotPassword && (\n          <div style={{ marginBottom: '16px', textAlign: 'right' }}>\n            <button type=\"button\" onClick={onForgotPassword} style={{ background: 'none', border: 'none', color: '#3b82f6', cursor: 'pointer', fontSize: '14px' }}>\n              Forgot password?\n            </button>\n          </div>\n        )}\n\n        <button\n          type=\"submit\"\n          disabled={loading}\n          style={{\n            width: '100%', padding: '10px', backgroundColor: '#3b82f6', color: 'white',\n            border: 'none', borderRadius: '6px', fontSize: '14px', fontWeight: 500,\n            cursor: loading ? 'not-allowed' : 'pointer', opacity: loading ? 0.7 : 1,\n          }}\n        >\n          {loading ? 'Signing in...' : 'Sign In'}\n        </button>\n      </form>\n\n      {showOAuth && (\n        <div style={{ marginTop: '24px' }}>\n          <div style={{ textAlign: 'center', color: '#9ca3af', fontSize: '14px', marginBottom: '16px' }}>or continue with</div>\n          <div style={{ display: 'flex', gap: '12px' }}>\n            <button\n              onClick={() => handleOAuth('google')}\n              style={{ flex: 1, padding: '10px', border: '1px solid #d1d5db', borderRadius: '6px', background: 'white', cursor: 'pointer', fontSize: '14px' }}\n            >\n              Google\n            </button>\n            <button\n              onClick={() => handleOAuth('github')}\n              style={{ flex: 1, padding: '10px', border: '1px solid #d1d5db', borderRadius: '6px', background: 'white', cursor: 'pointer', fontSize: '14px' }}\n            >\n              GitHub\n            </button>\n          </div>\n        </div>\n      )}\n\n      {onSignupClick && (\n        <div style={{ marginTop: '24px', textAlign: 'center', fontSize: '14px' }}>\n          Don&apos;t have an account?{' '}\n          <button type=\"button\" onClick={onSignupClick} style={{ background: 'none', border: 'none', color: '#3b82f6', cursor: 'pointer', fontWeight: 500 }}>\n            Sign up\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { useAuth } from './AuthProvider';\n\ninterface SignupFormProps {\n  onSuccess?: () => void;\n  onLoginClick?: () => void;\n  showOAuth?: boolean;\n  className?: string;\n}\n\nexport function SignupForm({\n  onSuccess,\n  onLoginClick,\n  showOAuth = true,\n  className = '',\n}: SignupFormProps) {\n  const { signUp, signInWithProvider, isConfigured } = useAuth();\n  const [name, setName] = useState('');\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [agreed, setAgreed] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!agreed) {\n      setError('Please agree to the Terms of Service');\n      return;\n    }\n    if (password.length < 8) {\n      setError('Password must be at least 8 characters');\n      return;\n    }\n\n    setError(null);\n    setLoading(true);\n\n    const result = await signUp(email, password, {\n      metadata: { display_name: name },\n    });\n    setLoading(false);\n\n    if (result.error) {\n      setError(result.error.message);\n    } else {\n      setSuccess(true);\n      onSuccess?.();\n    }\n  };\n\n  const handleOAuth = async (provider: string) => {\n    setError(null);\n    const result = await signInWithProvider(provider);\n    if (result.error) {\n      setError(result.error.message);\n    }\n  };\n\n  if (!isConfigured) {\n    return (\n      <div style={{ padding: '20px', textAlign: 'center', color: '#6b7280' }}>\n        Authentication is not configured. Connect a database to enable signup.\n      </div>\n    );\n  }\n\n  if (success) {\n    return (\n      <div style={{ padding: '20px', textAlign: 'center' }}>\n        <h3 style={{ fontSize: '1.25rem', fontWeight: 600, marginBottom: '8px', color: '#059669' }}>Check your email</h3>\n        <p style={{ color: '#6b7280' }}>We sent a confirmation link to {email}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={{ maxWidth: '400px', margin: '0 auto' }}>\n      <h2 style={{ fontSize: '1.5rem', fontWeight: 600, marginBottom: '24px', textAlign: 'center' }}>\n        Create Account\n      </h2>\n\n      {error && (\n        <div style={{ padding: '12px', marginBottom: '16px', backgroundColor: '#fef2f2', color: '#dc2626', borderRadius: '8px', fontSize: '14px' }}>\n          {error}\n        </div>\n      )}\n\n      <form onSubmit={handleSubmit}>\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'block', marginBottom: '4px', fontSize: '14px', fontWeight: 500 }}>Name</label>\n          <input type=\"text\" value={name} onChange={(e) => setName(e.target.value)} required\n            style={{ width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: '6px', fontSize: '14px' }} />\n        </div>\n\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'block', marginBottom: '4px', fontSize: '14px', fontWeight: 500 }}>Email</label>\n          <input type=\"email\" value={email} onChange={(e) => setEmail(e.target.value)} required\n            style={{ width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: '6px', fontSize: '14px' }} />\n        </div>\n\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'block', marginBottom: '4px', fontSize: '14px', fontWeight: 500 }}>Password</label>\n          <input type=\"password\" value={password} onChange={(e) => setPassword(e.target.value)} required minLength={8}\n            style={{ width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: '6px', fontSize: '14px' }} />\n          <span style={{ fontSize: '12px', color: '#9ca3af' }}>Minimum 8 characters</span>\n        </div>\n\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'flex', alignItems: 'center', gap: '8px', fontSize: '14px', cursor: 'pointer' }}>\n            <input type=\"checkbox\" checked={agreed} onChange={(e) => setAgreed(e.target.checked)} />\n            I agree to the Terms of Service and Privacy Policy\n          </label>\n        </div>\n\n        <button type=\"submit\" disabled={loading}\n          style={{\n            width: '100%', padding: '10px', backgroundColor: '#3b82f6', color: 'white',\n            border: 'none', borderRadius: '6px', fontSize: '14px', fontWeight: 500,\n            cursor: loading ? 'not-allowed' : 'pointer', opacity: loading ? 0.7 : 1,\n          }}>\n          {loading ? 'Creating account...' : 'Create Account'}\n        </button>\n      </form>\n\n      {showOAuth && (\n        <div style={{ marginTop: '24px' }}>\n          <div style={{ textAlign: 'center', color: '#9ca3af', fontSize: '14px', marginBottom: '16px' }}>or continue with</div>\n          <div style={{ display: 'flex', gap: '12px' }}>\n            <button onClick={() => handleOAuth('google')}\n              style={{ flex: 1, padding: '10px', border: '1px solid #d1d5db', borderRadius: '6px', background: 'white', cursor: 'pointer', fontSize: '14px' }}>\n              Google\n            </button>\n            <button onClick={() => handleOAuth('github')}\n              style={{ flex: 1, padding: '10px', border: '1px solid #d1d5db', borderRadius: '6px', background: 'white', cursor: 'pointer', fontSize: '14px' }}>\n              GitHub\n            </button>\n          </div>\n        </div>\n      )}\n\n      {onLoginClick && (\n        <div style={{ marginTop: '24px', textAlign: 'center', fontSize: '14px' }}>\n          Already have an account?{' '}\n          <button type=\"button\" onClick={onLoginClick} style={{ background: 'none', border: 'none', color: '#3b82f6', cursor: 'pointer', fontWeight: 500 }}>\n            Sign in\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { useAuth } from './AuthProvider';\n\ninterface ForgotPasswordFormProps {\n  onBack?: () => void;\n  className?: string;\n}\n\nexport function ForgotPasswordForm({ onBack, className = '' }: ForgotPasswordFormProps) {\n  const { resetPassword } = useAuth();\n  const [email, setEmail] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    setLoading(true);\n\n    const result = await resetPassword(email);\n    setLoading(false);\n\n    if (result.error) {\n      setError(result.error.message);\n    } else {\n      setSuccess(true);\n    }\n  };\n\n  if (success) {\n    return (\n      <div className={className} style={{ maxWidth: '400px', margin: '0 auto', textAlign: 'center', padding: '20px' }}>\n        <h3 style={{ fontSize: '1.25rem', fontWeight: 600, marginBottom: '8px', color: '#059669' }}>Check your email</h3>\n        <p style={{ color: '#6b7280', marginBottom: '16px' }}>We sent a password reset link to {email}</p>\n        {onBack && (\n          <button type=\"button\" onClick={onBack} style={{ background: 'none', border: 'none', color: '#3b82f6', cursor: 'pointer', fontSize: '14px' }}>\n            Back to login\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={{ maxWidth: '400px', margin: '0 auto' }}>\n      <h2 style={{ fontSize: '1.5rem', fontWeight: 600, marginBottom: '8px', textAlign: 'center' }}>Reset Password</h2>\n      <p style={{ color: '#6b7280', textAlign: 'center', marginBottom: '24px', fontSize: '14px' }}>\n        Enter your email and we&apos;ll send you a reset link\n      </p>\n\n      {error && (\n        <div style={{ padding: '12px', marginBottom: '16px', backgroundColor: '#fef2f2', color: '#dc2626', borderRadius: '8px', fontSize: '14px' }}>\n          {error}\n        </div>\n      )}\n\n      <form onSubmit={handleSubmit}>\n        <div style={{ marginBottom: '16px' }}>\n          <label style={{ display: 'block', marginBottom: '4px', fontSize: '14px', fontWeight: 500 }}>Email</label>\n          <input type=\"email\" value={email} onChange={(e) => setEmail(e.target.value)} required\n            style={{ width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: '6px', fontSize: '14px' }} />\n        </div>\n\n        <button type=\"submit\" disabled={loading}\n          style={{\n            width: '100%', padding: '10px', backgroundColor: '#3b82f6', color: 'white',\n            border: 'none', borderRadius: '6px', fontSize: '14px', fontWeight: 500,\n            cursor: loading ? 'not-allowed' : 'pointer', opacity: loading ? 0.7 : 1,\n          }}>\n          {loading ? 'Sending...' : 'Send Reset Link'}\n        </button>\n      </form>\n\n      {onBack && (\n        <div style={{ marginTop: '16px', textAlign: 'center' }}>\n          <button type=\"button\" onClick={onBack} style={{ background: 'none', border: 'none', color: '#3b82f6', cursor: 'pointer', fontSize: '14px' }}>\n            Back to login\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { supabase } from '../core/supabase';\n\ninterface AuthCallbackProps {\n  redirectTo?: string;\n  loadingComponent?: React.ReactNode;\n}\n\nexport function AuthCallback({ redirectTo = '/', loadingComponent }: AuthCallbackProps) {\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const handleCallback = async () => {\n      try {\n        const { error } = await supabase.auth.getSession();\n        if (error) {\n          setError(error.message);\n          return;\n        }\n        window.location.href = redirectTo;\n      } catch (err: unknown) {\n        setError(err instanceof Error ? err.message : 'Authentication callback failed');\n      }\n    };\n\n    handleCallback();\n  }, [redirectTo]);\n\n  if (error) {\n    return (\n      <div style={{ textAlign: 'center', padding: '40px' }}>\n        <h2 style={{ color: '#dc2626', marginBottom: '8px' }}>Authentication Error</h2>\n        <p style={{ color: '#6b7280' }}>{error}</p>\n        <a href=\"/login\" style={{ color: '#3b82f6', marginTop: '16px', display: 'inline-block' }}>\n          Back to login\n        </a>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {loadingComponent || (\n        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '200px' }}>\n          <p style={{ color: '#6b7280' }}>Completing authentication...</p>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","useState","jsx","jsxs","useState","useState","jsx","jsxs","useState","useState","Fragment","jsx","jsxs","useState","error"]}