simplycms 0.4.0

package/dist/chunk-L7DU5MY7.js

@@ -0,0 +1,285 @@
+import { useState } from 'react';
+import { authClient } from 'simplycms/core/lib/auth-client';
+import { useToast } from 'simplycms/ui/use-toast';
+import { useT } from 'simplycms/i18n';
+import { User, AlertCircle, CheckCircle, UserX, LogIn, UserPlus, Mail, Lock, EyeOff, Eye, Loader2 } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/checkout-ui/CheckoutAuthBlock.tsx
+function CheckoutAuthBlock({
+  onAuthSuccess,
+  defaultTab = "guest"
+}) {
+  const { toast } = useToast();
+  const t = useT();
+  const [activeTab, setActiveTab] = useState(defaultTab);
+  const [showPassword, setShowPassword] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [authError, setAuthError] = useState(null);
+  const [authSuccess, setAuthSuccess] = useState(null);
+  const [loginEmail, setLoginEmail] = useState("");
+  const [loginPassword, setLoginPassword] = useState("");
+  const [regFirstName, setRegFirstName] = useState("");
+  const [regLastName, setRegLastName] = useState("");
+  const [regEmail, setRegEmail] = useState("");
+  const [regPassword, setRegPassword] = useState("");
+  const clearMessages = () => {
+    setAuthError(null);
+    setAuthSuccess(null);
+  };
+  const handleLogin = async () => {
+    if (!loginEmail || loginPassword.length < 6) return;
+    setIsLoading(true);
+    clearMessages();
+    try {
+      const { error } = await authClient.signIn.email({
+        email: loginEmail,
+        password: loginPassword
+      });
+      if (error) {
+        let errorMessage = error.message ?? t("checkout.auth.genericError");
+        if (error.code === "INVALID_EMAIL_OR_PASSWORD") {
+          errorMessage = t("checkout.auth.invalidCredentials");
+        }
+        setAuthError(errorMessage);
+        toast({
+          variant: "destructive",
+          title: t("auth.login.failed"),
+          description: errorMessage
+        });
+      } else {
+        setAuthSuccess(t("checkout.auth.loginSuccess"));
+        toast({ title: t("checkout.auth.loginSuccess") });
+        onAuthSuccess?.();
+      }
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : t("checkout.auth.genericError");
+      setAuthError(errorMessage);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleRegister = async () => {
+    if (regFirstName.length < 2 || regLastName.length < 2 || !regEmail || regPassword.length < 6)
+      return;
+    setIsLoading(true);
+    clearMessages();
+    try {
+      const { data: signUpData, error } = await authClient.signUp.email({
+        email: regEmail,
+        password: regPassword,
+        name: `${regFirstName} ${regLastName}`
+      });
+      if (error) {
+        let errorMessage = error.message ?? t("checkout.auth.genericError");
+        if (error.code === "USER_ALREADY_EXISTS") {
+          errorMessage = t("checkout.auth.emailAlreadyRegistered");
+        }
+        setAuthError(errorMessage);
+        toast({
+          variant: "destructive",
+          title: t("auth.register.failed"),
+          description: errorMessage
+        });
+      } else if (signUpData?.user) {
+        setAuthSuccess(t("checkout.auth.registerSuccess"));
+        toast({ title: t("checkout.auth.registerSuccess") });
+        onAuthSuccess?.();
+      }
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : t("checkout.auth.genericError");
+      setAuthError(errorMessage);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "border rounded-lg", children: [
+    /* @__PURE__ */ jsxs("div", { className: "p-4 border-b", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "text-lg font-semibold flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(User, { className: "h-5 w-5" }),
+        t("checkout.auth.title")
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("checkout.auth.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+      authError && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 mb-4 border border-destructive/50 bg-destructive/10 rounded-md text-sm", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }),
+        authError
+      ] }),
+      authSuccess && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 mb-4 border border-primary/50 bg-primary/10 rounded-md text-sm", children: [
+        /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-primary" }),
+        authSuccess
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 bg-muted p-1 rounded-lg mb-4", children: [
+        { value: "guest", icon: UserX, label: t("checkout.auth.guestTab") },
+        { value: "login", icon: LogIn, label: t("auth.login.submit") },
+        {
+          value: "register",
+          icon: UserPlus,
+          label: t("auth.register.title")
+        }
+      ].map((tab) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            setActiveTab(tab.value);
+            clearMessages();
+          },
+          className: `flex items-center justify-center gap-1.5 px-3 py-2 rounded-md text-xs sm:text-sm font-medium transition-colors ${activeTab === tab.value ? "bg-background shadow text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ jsx(tab.icon, { className: "h-4 w-4 hidden sm:block" }),
+            tab.label
+          ]
+        },
+        tab.value
+      )) }),
+      activeTab === "guest" && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground p-3 bg-muted/50 rounded-lg", children: /* @__PURE__ */ jsx("p", { children: t("checkout.auth.guestHint") }) }),
+      activeTab === "login" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium mb-1 block", children: "Email" }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "email",
+                placeholder: "your@email.com",
+                className: "w-full pl-10 pr-3 py-2 border rounded-md text-sm",
+                disabled: isLoading,
+                value: loginEmail,
+                onChange: (e) => setLoginEmail(e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium mb-1 block", children: t("auth.password") }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: showPassword ? "text" : "password",
+                placeholder: "........",
+                className: "w-full pl-10 pr-10 py-2 border rounded-md text-sm",
+                disabled: isLoading,
+                value: loginPassword,
+                onChange: (e) => setLoginPassword(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowPassword(!showPassword),
+                className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+                children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "w-full py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium flex items-center justify-center",
+            disabled: isLoading,
+            onClick: handleLogin,
+            children: [
+              isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+              t("auth.login.submit")
+            ]
+          }
+        )
+      ] }),
+      activeTab === "register" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid sm:grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium mb-1 block", children: t("common.firstName") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                placeholder: t("auth.firstNamePlaceholder"),
+                className: "w-full px-3 py-2 border rounded-md text-sm",
+                disabled: isLoading,
+                value: regFirstName,
+                onChange: (e) => setRegFirstName(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium mb-1 block", children: t("common.lastName") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                placeholder: t("auth.lastNamePlaceholder"),
+                className: "w-full px-3 py-2 border rounded-md text-sm",
+                disabled: isLoading,
+                value: regLastName,
+                onChange: (e) => setRegLastName(e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium mb-1 block", children: "Email" }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "email",
+                placeholder: "your@email.com",
+                className: "w-full pl-10 pr-3 py-2 border rounded-md text-sm",
+                disabled: isLoading,
+                value: regEmail,
+                onChange: (e) => setRegEmail(e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium mb-1 block", children: t("auth.password") }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: showPassword ? "text" : "password",
+                placeholder: "........",
+                className: "w-full pl-10 pr-10 py-2 border rounded-md text-sm",
+                disabled: isLoading,
+                value: regPassword,
+                onChange: (e) => setRegPassword(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowPassword(!showPassword),
+                className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+                children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "w-full py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium flex items-center justify-center",
+            disabled: isLoading,
+            onClick: handleRegister,
+            children: [
+              isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+              t("auth.register.submit")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export { CheckoutAuthBlock };
+//# sourceMappingURL=chunk-L7DU5MY7.js.map
+//# sourceMappingURL=chunk-L7DU5MY7.js.map

package/dist/chunk-L7DU5MY7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkout-ui/CheckoutAuthBlock.tsx"],"names":[],"mappings":"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","file":"chunk-L7DU5MY7.js","sourcesContent":["import React, { useState } from 'react';\nimport { authClient } from 'simplycms/core/lib/auth-client';\nimport { useToast } from 'simplycms/ui/use-toast';\nimport { useT } from 'simplycms/i18n';\nimport {\n  Eye,\n  EyeOff,\n  Mail,\n  Lock,\n  User,\n  Loader2,\n  LogIn,\n  UserPlus,\n  UserX,\n  AlertCircle,\n  CheckCircle,\n} from 'lucide-react';\n\ninterface CheckoutAuthBlockProps {\n  onAuthSuccess?: () => void;\n  defaultTab?: 'guest' | 'login' | 'register';\n}\n\nexport function CheckoutAuthBlock({\n  onAuthSuccess,\n  defaultTab = 'guest',\n}: CheckoutAuthBlockProps) {\n  const { toast } = useToast();\n  const t = useT();\n  const [activeTab, setActiveTab] = useState<string>(defaultTab);\n  const [showPassword, setShowPassword] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [authError, setAuthError] = useState<string | null>(null);\n  const [authSuccess, setAuthSuccess] = useState<string | null>(null);\n\n  const [loginEmail, setLoginEmail] = useState('');\n  const [loginPassword, setLoginPassword] = useState('');\n  const [regFirstName, setRegFirstName] = useState('');\n  const [regLastName, setRegLastName] = useState('');\n  const [regEmail, setRegEmail] = useState('');\n  const [regPassword, setRegPassword] = useState('');\n\n  const clearMessages = () => {\n    setAuthError(null);\n    setAuthSuccess(null);\n  };\n\n  const handleLogin = async () => {\n    if (!loginEmail || loginPassword.length < 6) return;\n    setIsLoading(true);\n    clearMessages();\n\n    try {\n      const { error } = await authClient.signIn.email({\n        email: loginEmail,\n        password: loginPassword,\n      });\n\n      if (error) {\n        // За кодом, а не за текстом — текст Better Auth змінюється версією.\n        let errorMessage = error.message ?? t('checkout.auth.genericError');\n        if (error.code === 'INVALID_EMAIL_OR_PASSWORD') {\n          errorMessage = t('checkout.auth.invalidCredentials');\n        }\n        setAuthError(errorMessage);\n        toast({\n          variant: 'destructive',\n          title: t('auth.login.failed'),\n          description: errorMessage,\n        });\n      } else {\n        setAuthSuccess(t('checkout.auth.loginSuccess'));\n        toast({ title: t('checkout.auth.loginSuccess') });\n        onAuthSuccess?.();\n      }\n    } catch (error: unknown) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : t('checkout.auth.genericError');\n      setAuthError(errorMessage);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleRegister = async () => {\n    if (\n      regFirstName.length < 2 ||\n      regLastName.length < 2 ||\n      !regEmail ||\n      regPassword.length < 6\n    )\n      return;\n    setIsLoading(true);\n    clearMessages();\n\n    try {\n      const { data: signUpData, error } = await authClient.signUp.email({\n        email: regEmail,\n        password: regPassword,\n        name: `${regFirstName} ${regLastName}`,\n      });\n\n      if (error) {\n        let errorMessage = error.message ?? t('checkout.auth.genericError');\n        if (error.code === 'USER_ALREADY_EXISTS') {\n          errorMessage = t('checkout.auth.emailAlreadyRegistered');\n        }\n        setAuthError(errorMessage);\n        toast({\n          variant: 'destructive',\n          title: t('auth.register.failed'),\n          description: errorMessage,\n        });\n      } else if (signUpData?.user) {\n        // 🔴 Гілки «створено, але без сесії» більше немає: підтвердження\n        // пошти вимкнене, тож успішний signUp одразу дає сесію. Тримати\n        // мертву гілку «перевірте пошту» означало б показувати користувачу\n        // крок, якого в контурі не існує.\n        setAuthSuccess(t('checkout.auth.registerSuccess'));\n        toast({ title: t('checkout.auth.registerSuccess') });\n        onAuthSuccess?.();\n      }\n    } catch (error: unknown) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : t('checkout.auth.genericError');\n      setAuthError(errorMessage);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"border rounded-lg\">\n      <div className=\"p-4 border-b\">\n        <h3 className=\"text-lg font-semibold flex items-center gap-2\">\n          <User className=\"h-5 w-5\" />\n          {t('checkout.auth.title')}\n        </h3>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('checkout.auth.subtitle')}\n        </p>\n      </div>\n      <div className=\"p-4\">\n        {authError && (\n          <div className=\"flex items-center gap-2 p-3 mb-4 border border-destructive/50 bg-destructive/10 rounded-md text-sm\">\n            <AlertCircle className=\"h-4 w-4 text-destructive\" />\n            {authError}\n          </div>\n        )}\n        {authSuccess && (\n          <div className=\"flex items-center gap-2 p-3 mb-4 border border-primary/50 bg-primary/10 rounded-md text-sm\">\n            <CheckCircle className=\"h-4 w-4 text-primary\" />\n            {authSuccess}\n          </div>\n        )}\n\n        {/* Tabs */}\n        <div className=\"grid grid-cols-3 gap-1 bg-muted p-1 rounded-lg mb-4\">\n          {[\n            { value: 'guest', icon: UserX, label: t('checkout.auth.guestTab') },\n            { value: 'login', icon: LogIn, label: t('auth.login.submit') },\n            {\n              value: 'register',\n              icon: UserPlus,\n              label: t('auth.register.title'),\n            },\n          ].map((tab) => (\n            <button\n              key={tab.value}\n              onClick={() => {\n                setActiveTab(tab.value);\n                clearMessages();\n              }}\n              className={`flex items-center justify-center gap-1.5 px-3 py-2 rounded-md text-xs sm:text-sm font-medium transition-colors ${\n                activeTab === tab.value\n                  ? 'bg-background shadow text-foreground'\n                  : 'text-muted-foreground hover:text-foreground'\n              }`}\n            >\n              <tab.icon className=\"h-4 w-4 hidden sm:block\" />\n              {tab.label}\n            </button>\n          ))}\n        </div>\n\n        {/* Guest Tab */}\n        {activeTab === 'guest' && (\n          <div className=\"text-sm text-muted-foreground p-3 bg-muted/50 rounded-lg\">\n            <p>{t('checkout.auth.guestHint')}</p>\n          </div>\n        )}\n\n        {/* Login Tab */}\n        {activeTab === 'login' && (\n          <div className=\"space-y-3\">\n            <div>\n              <label className=\"text-sm font-medium mb-1 block\">Email</label>\n              <div className=\"relative\">\n                <Mail className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n                <input\n                  type=\"email\"\n                  placeholder=\"your@email.com\"\n                  className=\"w-full pl-10 pr-3 py-2 border rounded-md text-sm\"\n                  disabled={isLoading}\n                  value={loginEmail}\n                  onChange={(e) => setLoginEmail(e.target.value)}\n                />\n              </div>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium mb-1 block\">\n                {t('auth.password')}\n              </label>\n              <div className=\"relative\">\n                <Lock className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n                <input\n                  type={showPassword ? 'text' : 'password'}\n                  placeholder=\"........\"\n                  className=\"w-full pl-10 pr-10 py-2 border rounded-md text-sm\"\n                  disabled={isLoading}\n                  value={loginPassword}\n                  onChange={(e) => setLoginPassword(e.target.value)}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setShowPassword(!showPassword)}\n                  className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                >\n                  {showPassword ? (\n                    <EyeOff className=\"h-4 w-4\" />\n                  ) : (\n                    <Eye className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n            </div>\n            <button\n              className=\"w-full py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium flex items-center justify-center\"\n              disabled={isLoading}\n              onClick={handleLogin}\n            >\n              {isLoading ? (\n                <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n              ) : null}\n              {t('auth.login.submit')}\n            </button>\n          </div>\n        )}\n\n        {/* Register Tab */}\n        {activeTab === 'register' && (\n          <div className=\"space-y-3\">\n            <div className=\"grid sm:grid-cols-2 gap-3\">\n              <div>\n                <label className=\"text-sm font-medium mb-1 block\">\n                  {t('common.firstName')}\n                </label>\n                <input\n                  placeholder={t('auth.firstNamePlaceholder')}\n                  className=\"w-full px-3 py-2 border rounded-md text-sm\"\n                  disabled={isLoading}\n                  value={regFirstName}\n                  onChange={(e) => setRegFirstName(e.target.value)}\n                />\n              </div>\n              <div>\n                <label className=\"text-sm font-medium mb-1 block\">\n                  {t('common.lastName')}\n                </label>\n                <input\n                  placeholder={t('auth.lastNamePlaceholder')}\n                  className=\"w-full px-3 py-2 border rounded-md text-sm\"\n                  disabled={isLoading}\n                  value={regLastName}\n                  onChange={(e) => setRegLastName(e.target.value)}\n                />\n              </div>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium mb-1 block\">Email</label>\n              <div className=\"relative\">\n                <Mail className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n                <input\n                  type=\"email\"\n                  placeholder=\"your@email.com\"\n                  className=\"w-full pl-10 pr-3 py-2 border rounded-md text-sm\"\n                  disabled={isLoading}\n                  value={regEmail}\n                  onChange={(e) => setRegEmail(e.target.value)}\n                />\n              </div>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium mb-1 block\">\n                {t('auth.password')}\n              </label>\n              <div className=\"relative\">\n                <Lock className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n                <input\n                  type={showPassword ? 'text' : 'password'}\n                  placeholder=\"........\"\n                  className=\"w-full pl-10 pr-10 py-2 border rounded-md text-sm\"\n                  disabled={isLoading}\n                  value={regPassword}\n                  onChange={(e) => setRegPassword(e.target.value)}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setShowPassword(!showPassword)}\n                  className=\"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground\"\n                >\n                  {showPassword ? (\n                    <EyeOff className=\"h-4 w-4\" />\n                  ) : (\n                    <Eye className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n            </div>\n            <button\n              className=\"w-full py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium flex items-center justify-center\"\n              disabled={isLoading}\n              onClick={handleRegister}\n            >\n              {isLoading ? (\n                <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n              ) : null}\n              {t('auth.register.submit')}\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-LL3IE3SI.js

@@ -0,0 +1,26 @@
+import { useT } from 'simplycms/i18n';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from 'simplycms/ui/alert-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/admin/components/ThemeActivateDialog.tsx
+function ThemeActivateDialog({
+  themeName,
+  onOpenChange,
+  onConfirm
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(AlertDialog, { open: themeName !== null, onOpenChange, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsx(AlertDialogTitle, { children: t("admin.themes.activateTitle") }),
+      /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("admin.themes.activateText", { name: themeName ?? "" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+      /* @__PURE__ */ jsx(AlertDialogCancel, { children: t("common.cancel") }),
+      /* @__PURE__ */ jsx(AlertDialogAction, { onClick: onConfirm, children: t("common.activate") })
+    ] })
+  ] }) });
+}
+
+export { ThemeActivateDialog };
+//# sourceMappingURL=chunk-LL3IE3SI.js.map
+//# sourceMappingURL=chunk-LL3IE3SI.js.map

package/dist/chunk-LL3IE3SI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/components/ThemeActivateDialog.tsx"],"names":[],"mappings":";;;;;AAyBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,2BACG,WAAA,EAAA,EAAY,IAAA,EAAM,cAAc,IAAA,EAAM,YAAA,EACrC,+BAAC,kBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,iBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAAE,CAAA;AAAA,sBACnD,GAAA,CAAC,0BACE,QAAA,EAAA,CAAA,CAAE,2BAAA,EAA6B,EAAE,IAAA,EAAM,SAAA,IAAa,EAAA,EAAI,CAAA,EAC3D;AAAA,KAAA,EACF,CAAA;AAAA,yBACC,iBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,CAAA,CAAE,eAAe,CAAA,EAAE,CAAA;AAAA,0BACtC,iBAAA,EAAA,EAAkB,OAAA,EAAS,SAAA,EACzB,QAAA,EAAA,CAAA,CAAE,iBAAiB,CAAA,EACtB;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ","file":"chunk-LL3IE3SI.js","sourcesContent":["import { useT } from 'simplycms/i18n';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from 'simplycms/ui/alert-dialog';\n\ninterface ThemeActivateDialogProps {\n  /** Назва теми для тексту підтвердження; `null` — діалог закритий. */\n  themeName: string | null;\n  onOpenChange: (open: boolean) => void;\n  onConfirm: () => void;\n}\n\n/**\n * Підтвердження активації теми.\n *\n * Окремий компонент, бо зміна теми — незворотна для відвідувачів дія: вітрина\n * перемальовується одразу після мутації, тож крок підтвердження обовʼязковий.\n */\nexport function ThemeActivateDialog({\n  themeName,\n  onOpenChange,\n  onConfirm,\n}: ThemeActivateDialogProps) {\n  const t = useT();\n\n  return (\n    <AlertDialog open={themeName !== null} onOpenChange={onOpenChange}>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>{t('admin.themes.activateTitle')}</AlertDialogTitle>\n          <AlertDialogDescription>\n            {t('admin.themes.activateText', { name: themeName ?? '' })}\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>\n          <AlertDialogAction onClick={onConfirm}>\n            {t('common.activate')}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"]}

package/dist/chunk-LL6RMSEC.js

@@ -0,0 +1,53 @@
+// src/themes/applyTokens.ts
+var TOKEN_KEYS = [
+  "background",
+  "foreground",
+  "card",
+  "card-foreground",
+  "popover",
+  "popover-foreground",
+  "primary",
+  "primary-foreground",
+  "secondary",
+  "secondary-foreground",
+  "muted",
+  "muted-foreground",
+  "accent",
+  "accent-foreground",
+  "destructive",
+  "destructive-foreground",
+  "success",
+  "success-foreground",
+  "warning",
+  "warning-foreground",
+  "border",
+  "input",
+  "ring",
+  "radius",
+  "font-sans",
+  "font-heading"
+];
+var UNSAFE_VALUE = /[;{}<>]|\/\*/;
+function isSafeValue(value) {
+  return typeof value === "string" && value.trim() !== "" && !UNSAFE_VALUE.test(value);
+}
+function renderBlock(selector, values) {
+  const declarations = TOKEN_KEYS.filter((key) => isSafeValue(values[key])).map(
+    (key) => `  --${key}: ${values[key]};`
+  );
+  if (declarations.length === 0) return "";
+  return `${selector} {
+${declarations.join("\n")}
+}`;
+}
+function applyTokens(tokens) {
+  const blocks = [renderBlock(":root", tokens)];
+  if (tokens.dark) {
+    blocks.push(renderBlock(".dark", tokens.dark));
+  }
+  return blocks.filter(Boolean).join("\n");
+}
+
+export { applyTokens };
+//# sourceMappingURL=chunk-LL6RMSEC.js.map
+//# sourceMappingURL=chunk-LL6RMSEC.js.map

package/dist/chunk-LL6RMSEC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/applyTokens.ts"],"names":[],"mappings":";AAQA,IAAM,UAAA,GAAoD;AAAA,EACxD,YAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,sBAAA;AAAA,EACA,OAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,mBAAA;AAAA,EACA,aAAA;AAAA,EACA,wBAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;AAOA,IAAM,YAAA,GAAe,cAAA;AAErB,SAAS,YAAY,KAAA,EAAiC;AACpD,EAAA,OACE,OAAO,KAAA,KAAU,QAAA,IACjB,KAAA,CAAM,IAAA,OAAW,EAAA,IACjB,CAAC,YAAA,CAAa,IAAA,CAAK,KAAK,CAAA;AAE5B;AAGA,SAAS,WAAA,CAAY,UAAkB,MAAA,EAAkC;AACvE,EAAA,MAAM,YAAA,GAAe,UAAA,CAAW,MAAA,CAAO,CAAC,GAAA,KAAQ,YAAY,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA,CAAE,GAAA;AAAA,IACxE,CAAC,GAAA,KAAQ,CAAA,IAAA,EAAO,GAAG,CAAA,EAAA,EAAK,MAAA,CAAO,GAAG,CAAC,CAAA,CAAA;AAAA,GACrC;AAEA,EAAA,IAAI,YAAA,CAAa,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAEtC,EAAA,OAAO,GAAG,QAAQ,CAAA;AAAA,EAAO,YAAA,CAAa,IAAA,CAAK,IAAI,CAAC;AAAA,CAAA,CAAA;AAClD;AASO,SAAS,YAAY,MAAA,EAA8B;AACxD,EAAA,MAAM,MAAA,GAAS,CAAC,WAAA,CAAY,OAAA,EAAS,MAAM,CAAC,CAAA;AAE5C,EAAA,IAAI,OAAO,IAAA,EAAM;AACf,IAAA,MAAA,CAAO,IAAA,CAAK,WAAA,CAAY,OAAA,EAAS,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,EAC/C;AAEA,EAAA,OAAO,MAAA,CAAO,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,IAAI,CAAA;AACzC","file":"chunk-LL6RMSEC.js","sourcesContent":["import type { DesignTokens, ThemeTokenValues } from './types';\n\n/**\n * Порядок і повний перелік CSS-змінних, які може задати тема.\n * Джерело правди — фактичний набір, який задають теми (`themes/<тема>/tokens.ts`).\n * `font-sans`/`font-heading` (контракт v2.2) — не-кольорові токени за\n * прецедентом `radius`: значення рядком, а не HSL-трійка.\n */\nconst TOKEN_KEYS: ReadonlyArray<keyof ThemeTokenValues> = [\n  'background',\n  'foreground',\n  'card',\n  'card-foreground',\n  'popover',\n  'popover-foreground',\n  'primary',\n  'primary-foreground',\n  'secondary',\n  'secondary-foreground',\n  'muted',\n  'muted-foreground',\n  'accent',\n  'accent-foreground',\n  'destructive',\n  'destructive-foreground',\n  'success',\n  'success-foreground',\n  'warning',\n  'warning-foreground',\n  'border',\n  'input',\n  'ring',\n  'radius',\n  'font-sans',\n  'font-heading',\n];\n\n/**\n * Значення потрапляє в `<style>`, тож символи, якими можна закрити оголошення\n * чи блок (або відкрити коментар / тег), робили б інʼєкцію можливою. Токени\n * бувають і з БД (налаштування теми), тому фільтруємо, а не довіряємо.\n */\nconst UNSAFE_VALUE = /[;{}<>]|\\/\\*/;\n\nfunction isSafeValue(value: unknown): value is string {\n  return (\n    typeof value === 'string' &&\n    value.trim() !== '' &&\n    !UNSAFE_VALUE.test(value)\n  );\n}\n\n/** Зібрати один CSS-блок `selector { --key: value; … }` */\nfunction renderBlock(selector: string, values: ThemeTokenValues): string {\n  const declarations = TOKEN_KEYS.filter((key) => isSafeValue(values[key])).map(\n    (key) => `  --${key}: ${values[key]};`,\n  );\n\n  if (declarations.length === 0) return '';\n\n  return `${selector} {\\n${declarations.join('\\n')}\\n}`;\n}\n\n/**\n * Перетворити токени теми на CSS-рядок для інлайн-`<style>`.\n *\n * Пише в ІСНУЮЧІ semantic-змінні shadcn — жодних нових `--color-*`. Стиль\n * вставляється без `@layer`, тож перекриває базові значення з `globals.css`\n * (нешарові правила виграють у каскаді в будь-якого шару).\n */\nexport function applyTokens(tokens: DesignTokens): string {\n  const blocks = [renderBlock(':root', tokens)];\n\n  if (tokens.dark) {\n    blocks.push(renderBlock('.dark', tokens.dark));\n  }\n\n  return blocks.filter(Boolean).join('\\n');\n}\n"]}

package/dist/chunk-LNEHQXYC.js

@@ -0,0 +1,159 @@
+import { useRevalidateStorefront, revalidateFailureDescription } from './chunk-MX2JHIZP.js';
+import { adminPath } from './chunk-2VKURKLN.js';
+import { useParams, useNavigate, Link } from '@tanstack/react-router';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { ThemeRegistry } from 'simplycms/themes/ThemeRegistry';
+import { Button } from 'simplycms/ui/button';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from 'simplycms/ui/card';
+import { Input } from 'simplycms/ui/input';
+import { Label } from 'simplycms/ui/label';
+import { Switch } from 'simplycms/ui/switch';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'simplycms/ui/select';
+import { Skeleton } from 'simplycms/ui/skeleton';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { Palette, ArrowLeft, Save } from 'lucide-react';
+import { useT } from 'simplycms/i18n';
+import { useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ThemeSettings() {
+  const supabase = useSupabaseClient();
+  const { themeId } = useParams({ strict: false });
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const t = useT();
+  const queryClient = useQueryClient();
+  const revalidateStorefront = useRevalidateStorefront();
+  const [config, setConfig] = useState({});
+  const [settingsSchema, setSettingsSchema] = useState({});
+  const { data: theme, isLoading } = useQuery({
+    queryKey: ["admin-theme", themeId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("themes").select("*").eq("id", themeId).single();
+      if (error) throw error;
+      const settingsData = data.settings;
+      return {
+        ...data,
+        settings: settingsData || {}
+      };
+    }
+  });
+  useEffect(() => {
+    if (!theme) return;
+    (async () => {
+      let schema = {};
+      if (ThemeRegistry.has(theme.name)) {
+        const themeModule = await ThemeRegistry.load(theme.name);
+        schema = themeModule.settings || {};
+      }
+      setSettingsSchema(schema);
+      const defaults = {};
+      Object.entries(schema).forEach(([key, setting]) => {
+        defaults[key] = setting.default;
+      });
+      setConfig({ ...defaults, ...theme.settings });
+    })();
+  }, [theme]);
+  const saveMutation = useMutation({
+    mutationFn: async () => {
+      const { error } = await supabase.from("themes").update({ settings: config }).eq("id", themeId);
+      if (error) throw error;
+    },
+    onSuccess: async () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-theme", themeId] });
+      try {
+        await revalidateStorefront();
+      } catch (error) {
+        toast({
+          variant: "destructive",
+          title: t("admin.themes.settingsSavedStale"),
+          description: revalidateFailureDescription(t, error)
+        });
+        return;
+      }
+      toast({ title: t("common.settingsSaved") });
+    },
+    onError: () => {
+      toast({ variant: "destructive", title: t("common.saveError") });
+    }
+  });
+  const handleChange = (key, value) => {
+    setConfig((prev) => ({ ...prev, [key]: value }));
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64" }) });
+  }
+  if (!theme) {
+    return /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
+      /* @__PURE__ */ jsx(Palette, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mb-2", children: t("admin.themes.notFound") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => navigate({ to: adminPath("themes") }), children: t("admin.themes.back") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(Link, { to: adminPath("themes"), children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5" }) }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: theme.display_name }),
+          /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+            "v",
+            theme.version
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: () => saveMutation.mutate(),
+          disabled: saveMutation.isPending,
+          children: [
+            /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+            t("common.save")
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("admin.nav.settings") }),
+        /* @__PURE__ */ jsx(CardDescription, { children: t("admin.themes.settingsSubtitle") })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { className: "space-y-6", children: Object.keys(settingsSchema).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("admin.themes.noSettings") }) : Object.entries(settingsSchema).map(([key, setting]) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: setting.label }),
+        setting.type === "boolean" && /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: Boolean(config[key] ?? setting.default),
+            onCheckedChange: (checked) => handleChange(key, checked)
+          }
+        ),
+        setting.type === "color" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "color",
+            value: String(config[key] ?? setting.default),
+            onChange: (e) => handleChange(key, e.target.value),
+            className: "w-16 h-10"
+          }
+        ),
+        setting.type === "select" && setting.options && /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: String(config[key] ?? setting.default),
+            onValueChange: (value) => handleChange(key, value),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: setting.options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+            ]
+          }
+        )
+      ] }, key)) })
+    ] })
+  ] });
+}
+
+export { ThemeSettings };
+//# sourceMappingURL=chunk-LNEHQXYC.js.map
+//# sourceMappingURL=chunk-LNEHQXYC.js.map

package/dist/chunk-LNEHQXYC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/ThemeSettings.tsx"],"names":[],"mappings":"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","file":"chunk-LNEHQXYC.js","sourcesContent":["import { useParams, useNavigate, Link } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { ThemeRegistry } from 'simplycms/themes/ThemeRegistry';\nimport { Button } from 'simplycms/ui/button';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from 'simplycms/ui/card';\nimport { Input } from 'simplycms/ui/input';\nimport { Label } from 'simplycms/ui/label';\nimport { Switch } from 'simplycms/ui/switch';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from 'simplycms/ui/select';\nimport { Skeleton } from 'simplycms/ui/skeleton';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport { ArrowLeft, Save, Palette } from 'lucide-react';\nimport { adminPath } from '../lib/adminLinks';\nimport { useT } from 'simplycms/i18n';\nimport {\n  revalidateFailureDescription,\n  useRevalidateStorefront,\n} from '../lib/revalidateTheme';\nimport { useState, useEffect } from 'react';\nimport type { ThemeSettingDefinition } from 'simplycms/themes/types';\n\ninterface ThemeRecord {\n  id: string;\n  name: string;\n  display_name: string;\n  version: string;\n  description: string | null;\n  settings: Record<string, unknown>;\n}\n\nexport default function ThemeSettings() {\n  const supabase = useSupabaseClient();\n  const { themeId } = useParams({ strict: false }) as { themeId: string };\n  const navigate = useNavigate();\n  const { toast } = useToast();\n  const t = useT();\n  const queryClient = useQueryClient();\n  const revalidateStorefront = useRevalidateStorefront();\n  const [config, setConfig] = useState<Record<string, unknown>>({});\n  const [settingsSchema, setSettingsSchema] = useState<\n    Record<string, ThemeSettingDefinition>\n  >({});\n\n  // Завантаження теми з БД\n  const { data: theme, isLoading } = useQuery({\n    queryKey: ['admin-theme', themeId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('themes')\n        .select('*')\n        .eq('id', themeId)\n        .single();\n      if (error) throw error;\n\n      const settingsData = data.settings as Record<string, unknown> | null;\n\n      return {\n        ...data,\n        settings: settingsData || {},\n      } as ThemeRecord;\n    },\n  });\n\n  // Завантаження схеми та ініціалізація config при зміні теми\n  useEffect(() => {\n    if (!theme) return;\n    (async () => {\n      let schema: Record<string, ThemeSettingDefinition> = {};\n      if (ThemeRegistry.has(theme.name)) {\n        const themeModule = await ThemeRegistry.load(theme.name);\n        // Контракт v2: схема налаштувань лежить у самому модулі теми,\n        // маніфест — лише паспорт (ідентичність + сумісність із ядром).\n        schema = themeModule.settings || {};\n      }\n      setSettingsSchema(schema);\n\n      // Ініціалізація config з defaults + збережених settings (після await)\n      const defaults: Record<string, unknown> = {};\n      Object.entries(schema).forEach(([key, setting]) => {\n        defaults[key] = setting.default;\n      });\n      setConfig({ ...defaults, ...theme.settings });\n    })();\n  }, [theme]);\n\n  const saveMutation = useMutation({\n    mutationFn: async () => {\n      const { error } = await supabase\n        .from('themes')\n        .update({ settings: config as never })\n        .eq('id', themeId);\n      if (error) throw error;\n    },\n    onSuccess: async () => {\n      queryClient.invalidateQueries({ queryKey: ['admin-theme', themeId] });\n\n      try {\n        await revalidateStorefront();\n      } catch (error) {\n        toast({\n          variant: 'destructive',\n          title: t('admin.themes.settingsSavedStale'),\n          description: revalidateFailureDescription(t, error),\n        });\n        return;\n      }\n\n      toast({ title: t('common.settingsSaved') });\n    },\n    onError: () => {\n      toast({ variant: 'destructive', title: t('common.saveError') });\n    },\n  });\n\n  const handleChange = (key: string, value: unknown) => {\n    setConfig((prev) => ({ ...prev, [key]: value }));\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-6\">\n        <Skeleton className=\"h-8 w-64\" />\n      </div>\n    );\n  }\n\n  if (!theme) {\n    return (\n      <div className=\"text-center py-12\">\n        <Palette className=\"h-12 w-12 text-muted-foreground mx-auto mb-4\" />\n        <h2 className=\"text-xl font-semibold mb-2\">\n          {t('admin.themes.notFound')}\n        </h2>\n        <Button onClick={() => navigate({ to: adminPath('themes') })}>\n          {t('admin.themes.back')}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Link to={adminPath('themes')}>\n            <Button variant=\"ghost\" size=\"icon\">\n              <ArrowLeft className=\"h-5 w-5\" />\n            </Button>\n          </Link>\n          <div>\n            <h1 className=\"text-2xl font-bold\">{theme.display_name}</h1>\n            <p className=\"text-muted-foreground\">v{theme.version}</p>\n          </div>\n        </div>\n        <Button\n          onClick={() => saveMutation.mutate()}\n          disabled={saveMutation.isPending}\n        >\n          <Save className=\"h-4 w-4 mr-2\" />\n          {t('common.save')}\n        </Button>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('admin.nav.settings')}</CardTitle>\n          <CardDescription>\n            {t('admin.themes.settingsSubtitle')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-6\">\n          {Object.keys(settingsSchema).length === 0 ? (\n            <p className=\"text-muted-foreground\">\n              {t('admin.themes.noSettings')}\n            </p>\n          ) : (\n            Object.entries(settingsSchema).map(([key, setting]) => (\n              <div key={key} className=\"space-y-2\">\n                <Label>{setting.label}</Label>\n\n                {setting.type === 'boolean' && (\n                  <Switch\n                    checked={Boolean(config[key] ?? setting.default)}\n                    onCheckedChange={(checked) => handleChange(key, checked)}\n                  />\n                )}\n\n                {setting.type === 'color' && (\n                  <Input\n                    type=\"color\"\n                    value={String(config[key] ?? setting.default)}\n                    onChange={(e) => handleChange(key, e.target.value)}\n                    className=\"w-16 h-10\"\n                  />\n                )}\n\n                {setting.type === 'select' && setting.options && (\n                  <Select\n                    value={String(config[key] ?? setting.default)}\n                    onValueChange={(value) => handleChange(key, value)}\n                  >\n                    <SelectTrigger>\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {setting.options.map((opt) => (\n                        <SelectItem key={opt.value} value={opt.value}>\n                          {opt.label}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                )}\n              </div>\n            ))\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"]}