@jhits/plugin-website 0.0.16 → 0.0.17

package/dist/views/Settings/components/LocalesManagementCard.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Globe, Plus, Loader2, X, Sparkles, Info } from 'lucide-react';
+import { GLOBAL_LOCALE_DATABASE } from '../constants';
+import { FlagIcon } from './FlagIcon';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function LocalesManagementCard({ supportedLocales, onUpdate }) {
+    const [searchCode, setSearchCode] = useState('');
+    const [isSearching, setIsSearching] = useState(false);
+    const [searchError, setSearchError] = useState('');
+    const handleToggleLocale = (locale) => {
+        const isEnabled = supportedLocales.some(l => l.code === locale.code);
+        if (isEnabled) {
+            if (supportedLocales.length <= 1) {
+                alert('You must have at least one language enabled.');
+                return;
+            }
+            onUpdate(supportedLocales.filter(l => l.code !== locale.code));
+        }
+        else {
+            onUpdate([...supportedLocales, locale]);
+        }
+    };
+    const handleSearchAndAdd = async () => {
+        const code = searchCode.trim().toLowerCase();
+        if (!code)
+            return;
+        if (supportedLocales.some(l => l.code === code || l.countryCode === code)) {
+            setSearchError('Language already added');
+            return;
+        }
+        setIsSearching(true);
+        setSearchError('');
+        try {
+            const response = await fetch(`https://restcountries.com/v3.1/alpha/${code}`);
+            if (!response.ok)
+                throw new Error('Country not found');
+            const data = await response.json();
+            const country = data[0];
+            if (country) {
+                const newLocale = {
+                    code: code,
+                    name: country.name.common,
+                    countryCode: country.cca2.toLowerCase()
+                };
+                onUpdate([...supportedLocales, newLocale]);
+                setSearchCode('');
+            }
+        }
+        catch (err) {
+            setSearchError('Could not find country code');
+        }
+        finally {
+            setIsSearching(false);
+        }
+    };
+    return (_jsxs("section", { className: "space-y-8", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "size-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary border border-primary/20 shadow-inner", children: _jsx(Globe, { size: 20 }) }), _jsxs("h3", { className: "text-2xl lg:text-3xl font-bold text-dashboard-text leading-none tracking-tight", children: ["Localization ", _jsx("span", { className: "text-primary", children: "Matrix" })] })] }), _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: "bg-dashboard-card/50 border border-dashboard-border/40 p-8 rounded-[2rem] space-y-8 relative overflow-hidden", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3 ml-2", children: [_jsx(Sparkles, { size: 12, className: "text-primary animate-pulse" }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.2em] text-primary/60", children: "Active Translation Nodes" })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: _jsx(AnimatePresence, { mode: "popLayout", children: supportedLocales.length > 0 ? (supportedLocales.map((loc) => (_jsxs(motion.div, { layout: true, initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.95 }, className: "flex items-center justify-between p-4 bg-dashboard-bg/30 border border-dashboard-border/40 rounded-xl group hover:border-primary/30 transition-all duration-500 shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "size-10 rounded-lg bg-dashboard-card/50 flex items-center justify-center border border-dashboard-border/40 group-hover:bg-primary/10 group-hover:border-primary/20 transition-all duration-500 shadow-inner", children: _jsx(FlagIcon, { countryCode: loc.countryCode }) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-sm font-bold text-dashboard-text/90 group-hover:text-primary transition-colors", children: loc.name }), _jsx("span", { className: "text-[10px] text-dashboard-text-secondary/70 font-bold tracking-widest uppercase mt-0.5", children: loc.code })] })] }), _jsx("button", { onClick: () => handleToggleLocale(loc), className: "p-2 text-dashboard-text-secondary/40 hover:text-red-500 hover:bg-red-500/10 rounded-lg opacity-0 group-hover:opacity-100 transition-all active:scale-90", children: _jsx(X, { size: 16 }) })] }, loc.code)))) : (_jsx("div", { className: "col-span-2 py-12 text-center bg-dashboard-card/30 border-dashed border border-dashboard-border/40 rounded-2xl", children: _jsx("p", { className: "text-xs text-dashboard-text-secondary/60 font-medium", children: "No active localization nodes detected." }) })) }) })] }), _jsxs("div", { className: "space-y-4 pt-8 border-t border-dashboard-border/40", children: [_jsxs("div", { className: "flex items-center justify-between px-2", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.2em] text-primary/60", children: "Initialize New Region" }), searchError && _jsx("p", { className: "text-[10px] font-bold text-red-500 animate-pulse", children: searchError })] }), _jsxs("div", { className: "flex gap-3", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("input", { type: "text", value: searchCode, onChange: (e) => setSearchCode(e.target.value.toUpperCase()), onKeyDown: (e) => e.key === 'Enter' && handleSearchAndAdd(), placeholder: "COUNTRY CODE (e.g. BE, JP, FR)", className: "w-full pl-6 pr-12 py-3 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-xs font-bold uppercase tracking-wider outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/40", maxLength: 3 }), isSearching && (_jsx(Loader2, { className: "absolute right-4 top-1/2 -translate-y-1/2 size-4 animate-spin text-primary" }))] }), _jsx("button", { onClick: handleSearchAndAdd, disabled: isSearching || !searchCode, className: "px-6 bg-primary text-white rounded-xl hover:bg-primary/90 transition-all shadow-lg shadow-primary/10 disabled:opacity-50 active:scale-95 flex items-center justify-center shrink-0", children: _jsx(Plus, { size: 20, strokeWidth: 2.5 }) })] })] }), _jsxs("div", { className: "space-y-4 pt-8 border-t border-dashboard-border/40", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.2em] text-primary/60 ml-2", children: "Recommended Protocols" }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-3", children: GLOBAL_LOCALE_DATABASE
+                                    .filter(loc => !supportedLocales.some(s => s.code === loc.code))
+                                    .slice(0, 6)
+                                    .map((loc) => (_jsxs("button", { onClick: () => handleToggleLocale(loc), className: "flex flex-col items-center gap-2 p-3 bg-dashboard-bg/30 border border-dashboard-border/40 hover:border-primary/40 hover:bg-primary/5 group transition-all duration-500 rounded-xl", children: [_jsx("div", { className: "size-8 rounded-lg bg-dashboard-card/50 flex items-center justify-center border border-dashboard-border/40 group-hover:border-primary/20 transition-all shadow-inner", children: _jsx(FlagIcon, { countryCode: loc.countryCode }) }), _jsx("span", { className: "text-[10px] font-bold text-dashboard-text-secondary/60 group-hover:text-primary transition-colors truncate w-full text-center", children: loc.name })] }, loc.code))) })] }), _jsxs("div", { className: "bg-primary/5 border border-primary/10 p-6 rounded-2xl flex items-start gap-4 group", children: [_jsx("div", { className: "size-8 rounded-lg bg-primary/10 flex items-center justify-center text-primary shrink-0 border border-primary/20", children: _jsx(Info, { size: 16 }) }), _jsx("p", { className: "text-xs text-dashboard-text-secondary/70 font-medium leading-relaxed", children: "JHITS operates on a modular localization engine. Provisioning a region here will automatically synchronize translation schemas and localized data structures across the entire infrastructure." })] })] })] }));
+}

package/dist/views/Settings/components/LocalizedContentSection.d.ts

@@ -0,0 +1,12 @@
+import { WebsiteSettings, LocalizedContactInfo } from '../../../types/settings';
+interface LocalizedContentSectionProps {
+    settings: WebsiteSettings;
+    activeTab: string;
+    onUpdateContact: (field: keyof LocalizedContactInfo, value: string) => void;
+    onAddSocial: () => void;
+    onUpdateSocial: (id: number, field: string, value: string) => void;
+    onRemoveSocial: (id: number) => void;
+}
+export declare function LocalizedContentSection({ settings, activeTab, onUpdateContact, onAddSocial, onUpdateSocial, onRemoveSocial }: LocalizedContentSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LocalizedContentSection.d.ts.map

package/dist/views/Settings/components/LocalizedContentSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedContentSection.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/components/LocalizedContentSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAoB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAUlG,UAAU,4BAA4B;IAClC,QAAQ,EAAE,eAAe,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,oBAAoB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,uBAAuB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACjB,EAAE,4BAA4B,2CA6H9B"}

package/dist/views/Settings/components/LocalizedContentSection.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, AnimatePresence } from 'framer-motion';
+import { Globe, Plus, Trash2, Smartphone, MapPin, Share2 } from 'lucide-react';
+import { AVAILABLE_PLATFORMS } from '../constants';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function LocalizedContentSection({ settings, activeTab, onUpdateContact, onAddSocial, onUpdateSocial, onRemoveSocial }) {
+    const contact = settings.localizedContactInfo?.[activeTab] || {};
+    const socials = settings.localizedSocials?.[activeTab] || [];
+    return (_jsxs("section", { className: "space-y-8", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "size-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary border border-primary/20 shadow-inner", children: _jsx(Share2, { size: 20 }) }), _jsxs("h3", { className: "text-2xl lg:text-3xl font-bold text-dashboard-text leading-none tracking-tight", children: ["Localized ", _jsx("span", { className: "text-primary", children: "Content" })] })] }), _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: "bg-dashboard-card/50 border border-dashboard-border/40 p-8 rounded-[2rem] space-y-8 relative overflow-hidden", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] ml-2 opacity-60", children: ["Communication Vector (", activeTab, ")"] }), _jsxs("div", { className: "relative group", children: [_jsx(Smartphone, { className: "absolute left-5 top-1/2 -translate-y-1/2 size-4 text-dashboard-text-secondary/40 group-focus-within:text-primary transition-colors" }), _jsx("input", { type: "tel", value: contact.phoneNumber || '', onChange: (e) => onUpdateContact('phoneNumber', e.target.value), placeholder: "INITIALIZE_PHONE", className: "w-full pl-12 pr-6 py-3 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/30" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] ml-2 opacity-60", children: ["Geospatial Coordinates (", activeTab, ")"] }), _jsxs("div", { className: "relative group", children: [_jsx(MapPin, { className: "absolute left-5 top-1/2 -translate-y-1/2 size-4 text-dashboard-text-secondary/40 group-focus-within:text-primary transition-colors" }), _jsx("input", { type: "text", value: contact.physicalAddress || '', onChange: (e) => onUpdateContact('physicalAddress', e.target.value), placeholder: "STREET_ADDRESS_PROTOCOL", className: "w-full pl-12 pr-6 py-3 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/30" })] })] })] }), _jsxs("div", { className: "pt-8 border-t border-dashboard-border/40", children: [_jsxs("div", { className: "flex items-center justify-between mb-4 ml-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] opacity-60", children: ["Social Ecosystem Nodes (", activeTab, ")"] }), _jsxs("button", { onClick: onAddSocial, className: "flex items-center gap-2 px-4 py-2 bg-primary text-white rounded-xl text-[10px] font-bold uppercase tracking-[0.15em] hover:bg-primary/90 transition-all shadow-lg shadow-primary/10 active:scale-95 group/btn overflow-hidden relative", children: [_jsx("div", { className: "absolute inset-0 bg-linear-to-br from-white/20 to-transparent opacity-0 group-hover/btn:opacity-100 transition-opacity" }), _jsx(Plus, { size: 12, strokeWidth: 3 }), " ", _jsx("span", { children: "Link Node" })] })] }), _jsx("div", { className: "space-y-3", children: _jsx(AnimatePresence, { mode: "popLayout", children: socials.length > 0 ? (socials.map((social, idx) => {
+                                        const platform = AVAILABLE_PLATFORMS.find(p => p.name === social.platform);
+                                        return (_jsxs(motion.div, { layout: true, initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 20 }, transition: { delay: idx * 0.05 }, className: "flex items-center gap-4 p-3 bg-dashboard-bg/30 border border-dashboard-border/40 rounded-xl group hover:border-primary/30 transition-all duration-500", children: [_jsx("div", { className: "shrink-0 size-10 rounded-lg bg-dashboard-card/50 flex items-center justify-center border border-dashboard-border/40 text-dashboard-text-secondary/40 group-hover:text-primary group-hover:bg-primary/10 group-hover:border-primary/20 transition-all duration-500 shadow-inner", children: platform?.icon || _jsx(Globe, { size: 18 }) }), _jsxs("div", { className: "flex-1 flex flex-col md:flex-row items-center gap-4", children: [_jsx("div", { className: "w-full md:w-32 relative", children: _jsxs("select", { value: social.platform, onChange: (e) => onUpdateSocial(social.id, 'platform', e.target.value), className: "w-full bg-transparent border-none outline-none text-[10px] font-bold uppercase tracking-wider text-dashboard-text/90 cursor-pointer focus:text-primary transition-colors appearance-none", children: [_jsx("option", { value: "", className: "bg-neutral-900", children: "PLATFORM" }), AVAILABLE_PLATFORMS.map(p => (_jsx("option", { value: p.name, className: "bg-neutral-900", children: p.name }, p.name)))] }) }), _jsx("div", { className: "hidden md:block h-5 w-px bg-dashboard-border/40" }), _jsx("input", { type: "url", value: social.url, onChange: (e) => onUpdateSocial(social.id, 'url', e.target.value), placeholder: "URL_ENDPOINT", className: "flex-1 bg-transparent border-none outline-none text-xs font-bold text-dashboard-text/90 placeholder:text-dashboard-text-secondary/30 w-full" })] }), _jsx("button", { onClick: () => onRemoveSocial(social.id), className: "p-2 text-dashboard-text-secondary/40 hover:text-red-500 hover:bg-red-500/10 rounded-lg opacity-0 group-hover:opacity-100 transition-all active:scale-90", children: _jsx(Trash2, { size: 16 }) })] }, social.id));
+                                    })) : (_jsx("div", { className: "text-center py-12 bg-dashboard-card/20 border border-dashed border-dashboard-border/40 rounded-2xl", children: _jsx("p", { className: "text-[10px] text-dashboard-text-secondary/40 font-bold uppercase tracking-[0.2em]", children: "No social platforms initialized" }) })) }) })] })] })] }));
+}

package/dist/views/Settings/components/SeoIdentitySection.d.ts

@@ -0,0 +1,9 @@
+import { WebsiteSettings, LocalizedIdentity } from '../../../types/settings';
+interface SeoIdentitySectionProps {
+    settings: WebsiteSettings;
+    activeTab: string;
+    onUpdateLocalized: (field: keyof LocalizedIdentity, value: string) => void;
+}
+export declare function SeoIdentitySection({ settings, activeTab, onUpdateLocalized }: SeoIdentitySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SeoIdentitySection.d.ts.map

package/dist/views/Settings/components/SeoIdentitySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoIdentitySection.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/components/SeoIdentitySection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAS7E,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9E;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,iBAAiB,EACpB,EAAE,uBAAuB,2CA2EzB"}

package/dist/views/Settings/components/SeoIdentitySection.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { Search, Sparkles, Fingerprint } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function SeoIdentitySection({ settings, activeTab, onUpdateLocalized }) {
+    const identity = settings.localizedIdentity?.[activeTab] || {};
+    return (_jsxs("section", { className: "space-y-8", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "size-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary border border-primary/20 shadow-inner", children: _jsx(Fingerprint, { size: 20 }) }), _jsxs("h3", { className: "text-2xl lg:text-3xl font-bold text-dashboard-text leading-none tracking-tight", children: ["Identity ", _jsx("span", { className: "text-primary", children: "& SEO" })] })] }), _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: "bg-dashboard-card/50 border border-dashboard-border/40 p-8 rounded-[2rem] space-y-6 relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-64 h-64 blur-3xl opacity-5 bg-primary pointer-events-none" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between ml-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] opacity-60", children: ["System Name (", activeTab, ")"] }), _jsx(Sparkles, { size: 10, className: "text-primary animate-pulse" })] }), _jsx("input", { type: "text", value: identity.siteName || '', onChange: (e) => onUpdateLocalized('siteName', e.target.value), placeholder: "INITIALIZE_NAME", className: "w-full px-6 py-3 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/30" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] ml-2 opacity-60", children: ["Strategic Tagline (", activeTab, ")"] }), _jsx("input", { type: "text", value: identity.siteTagline || '', onChange: (e) => onUpdateLocalized('siteTagline', e.target.value), placeholder: "DEFINE_TAGLINE", className: "w-full px-6 py-3 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/30" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] ml-2 opacity-60", children: ["Global Description Protocol (", activeTab, ")"] }), _jsx("textarea", { value: identity.siteDescription || '', onChange: (e) => onUpdateLocalized('siteDescription', e.target.value), placeholder: "A comprehensive architectural description for search engine crawlers...", rows: 3, className: "w-full px-6 py-4 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-sm font-medium leading-relaxed outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/30 resize-none" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-[10px] font-bold text-dashboard-text-secondary/70 uppercase tracking-[0.15em] ml-2 opacity-60", children: ["Indexing Keywords (", activeTab, ")"] }), _jsxs("div", { className: "relative group", children: [_jsx(Search, { className: "absolute left-5 top-1/2 -translate-y-1/2 size-4 text-dashboard-text-secondary/40 group-focus-within:text-primary transition-colors" }), _jsx("input", { type: "text", value: identity.keywords || '', onChange: (e) => onUpdateLocalized('keywords', e.target.value), placeholder: "comma, separated, identifiers", className: "w-full pl-12 pr-6 py-3 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-xl text-sm font-bold outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 transition-all text-dashboard-text placeholder:text-dashboard-text-secondary/30" })] }), _jsx("p", { className: "text-[10px] text-dashboard-text-secondary/60 ml-4 font-medium opacity-60", children: "Separated by commas. These tokens facilitate high-signal discovery during search engine scanning." })] })] })] }));
+}

package/dist/views/Settings/components/SocialLinksSection.d.ts

@@ -0,0 +1,13 @@
+import { WebsiteSettings, LocaleDefinition } from '../../../types/settings';
+interface SocialLinksSectionProps {
+    settings: WebsiteSettings;
+    activeTab: string;
+    onTabChange: (code: string) => void;
+    activeLocales: LocaleDefinition[];
+    onAdd: () => void;
+    onUpdate: (id: number, field: string, value: string) => void;
+    onRemove: (id: number) => void;
+}
+export declare function SocialLinksSection({ settings, activeTab, onTabChange, activeLocales, onAdd, onUpdate, onRemove }: SocialLinksSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SocialLinksSection.d.ts.map

package/dist/views/Settings/components/SocialLinksSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialLinksSection.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/components/SocialLinksSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAuB,MAAM,yBAAyB,CAAC;AAIjG,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,EACb,KAAK,EACL,QAAQ,EACR,QAAQ,EACX,EAAE,uBAAuB,2CAyEzB"}

package/dist/views/Settings/components/SocialLinksSection.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Globe, X } from 'lucide-react';
+import { AVAILABLE_PLATFORMS } from '../constants';
+import { FlagIcon } from './FlagIcon';
+export function SocialLinksSection({ settings, activeTab, onTabChange, activeLocales, onAdd, onUpdate, onRemove }) {
+    const currentSocials = settings.localizedSocials?.[activeTab] || [];
+    return (_jsxs("section", { className: "bg-dashboard-card/50 p-6 rounded-[2rem] border border-dashboard-border/40", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-dashboard-border/40 pb-4 mb-4", children: [_jsxs("div", { className: "flex items-center gap-2 text-xl font-bold text-dashboard-text leading-none tracking-tight", children: [_jsx(Globe, { size: 18, className: "text-primary" }), "Social ", _jsx("span", { className: "text-primary", children: "Links" }), " (", activeTab.toUpperCase(), ")"] }), _jsx("button", { onClick: onAdd, className: "px-3 py-1.5 text-[10px] font-bold uppercase tracking-wider bg-primary text-white rounded-xl hover:bg-primary/90 transition-all shadow-lg shadow-primary/10", children: "Add Social" })] }), _jsx("div", { className: "flex gap-2 mb-4 overflow-x-auto pb-2 custom-scrollbar", children: activeLocales.map((loc) => (_jsxs("button", { onClick: () => onTabChange(loc.code), className: `px-3 py-1.5 rounded-xl text-[10px] font-bold uppercase tracking-wider transition-all flex items-center gap-2 shrink-0 border ${activeTab === loc.code
+                        ? 'bg-primary text-white border-primary shadow-lg shadow-primary/10'
+                        : 'bg-dashboard-bg/30 text-dashboard-text-secondary/50 border-dashboard-border/40 hover:border-primary/30'}`, children: [_jsx(FlagIcon, { code: loc.code, countryCode: loc.countryCode }), loc.code.toUpperCase()] }, loc.code))) }), _jsx("div", { className: "space-y-3", children: currentSocials.length > 0 ? (currentSocials.map((social) => {
+                    const platform = AVAILABLE_PLATFORMS.find(p => p.name === social.platform);
+                    return (_jsxs("div", { className: "flex items-center gap-3 p-3 bg-dashboard-bg/30 rounded-xl border border-dashboard-border/40", children: [_jsx("div", { className: "flex-shrink-0 text-dashboard-text-secondary/40", children: platform?.icon || _jsx(Globe, { size: 16 }) }), _jsxs("select", { value: social.platform, onChange: (e) => onUpdate(social.id, 'platform', e.target.value), className: "flex-1 px-3 py-1.5 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-lg outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 text-sm font-bold text-dashboard-text/90 cursor-pointer appearance-none", children: [_jsx("option", { value: "", className: "bg-neutral-900", children: "PLATFORM" }), AVAILABLE_PLATFORMS.map(p => (_jsx("option", { value: p.name, className: "bg-neutral-900", children: p.name }, p.name)))] }), _jsx("input", { type: "url", value: social.url, onChange: (e) => onUpdate(social.id, 'url', e.target.value), placeholder: "https://...", className: "flex-[2] px-3 py-1.5 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-lg outline-none focus:ring-2 focus:ring-primary/10 focus:border-primary/30 text-sm font-bold text-dashboard-text/90 placeholder:text-dashboard-text-secondary/30" }), _jsx("button", { onClick: () => onRemove(social.id), className: "p-2 text-dashboard-text-secondary/40 hover:text-red-500 hover:bg-red-500/10 rounded-lg transition-all", children: _jsx(X, { size: 14 }) })] }, social.id));
+                })) : (_jsxs("p", { className: "text-[10px] text-dashboard-text-secondary/50 font-bold uppercase tracking-wider text-center py-8 bg-dashboard-card/20 border border-dashed border-dashboard-border/40 rounded-xl", children: ["No social links added for ", activeTab.toUpperCase()] })) })] }));
+}

package/dist/views/Settings/components/StatusSection.d.ts

@@ -0,0 +1,8 @@
+import { WebsiteSettings } from '../../../types/settings';
+interface StatusSectionProps {
+    settings: WebsiteSettings;
+    onUpdate: (updates: Partial<WebsiteSettings>) => void;
+}
+export declare function StatusSection({ settings, onUpdate }: StatusSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusSection.d.ts.map

package/dist/views/Settings/components/StatusSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusSection.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/components/StatusSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAQ1D,UAAU,kBAAkB;IACxB,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA8IvE"}

package/dist/views/Settings/components/StatusSection.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { Settings2, Rocket, ShieldAlert, Cpu } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function StatusSection({ settings, onUpdate }) {
+    const isDev = process.env.NODE_ENV === 'development';
+    const handleToggleLaunch = () => {
+        const newLaunched = !settings.launched;
+        onUpdate({
+            launched: newLaunched,
+            maintenanceMode: newLaunched ? false : settings.maintenanceMode
+        });
+    };
+    return (_jsxs("section", { className: "space-y-12", children: [_jsxs("div", { className: "flex items-center gap-6", children: [_jsx("div", { className: "size-14 rounded-2xl bg-primary/10 flex items-center justify-center text-primary border border-primary/20 shadow-inner", children: _jsx(Settings2, { size: 28 }) }), _jsxs("h3", { className: "text-4xl lg:text-5xl font-bold text-dashboard-text leading-none", children: ["Site ", _jsx("span", { className: "text-primary", children: "Status" })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: "bg-dashboard-card/50 border border-dashboard-border/50 p-10 rounded-[3rem] group relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 blur-3xl opacity-0 group-hover:opacity-10 transition-opacity bg-primary pointer-events-none" }), _jsxs("div", { className: "flex items-center justify-between mb-10", children: [_jsx("div", { className: cn("size-16 rounded-2xl flex items-center justify-center transition-all duration-500 border relative overflow-hidden shadow-inner", settings.launched
+                                            ? "bg-emerald-500/10 border-emerald-500/20 text-emerald-500"
+                                            : "bg-neutral-500/5 border-neutral-500/10 text-neutral-400"), children: _jsx(Rocket, { size: 28, className: cn("relative z-10 transition-transform duration-500 group-hover:scale-110", settings.launched && "animate-pulse") }) }), _jsx("button", { onClick: handleToggleLaunch, className: cn("relative w-16 h-8 rounded-full transition-all duration-500 p-1 shadow-inner", settings.launched ? "bg-emerald-500" : "bg-neutral-200 dark:bg-neutral-800"), children: _jsx("div", { className: cn("w-6 h-6 bg-white rounded-full transition-transform duration-500 shadow-lg", settings.launched ? "translate-x-8" : "translate-x-0") }) })] }), _jsxs("div", { children: [_jsx("span", { className: "text-[10px] font-bold text-primary uppercase tracking-[0.3em] mb-3 block opacity-60", children: "Deployment Vector" }), _jsx("h4", { className: "text-2xl font-bold text-dashboard-text mb-3", children: settings.launched ? 'System Published' : 'Private Mode' }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 font-medium leading-relaxed", children: settings.launched
+                                            ? 'Your website is live and visible to all users across the world.'
+                                            : 'The website is currently restricted to internal use and development.' })] })] }), _jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.1 }, className: cn("bg-dashboard-card/50 border border-dashboard-border/50 p-10 rounded-[3rem] group relative overflow-hidden transition-all duration-500", settings.maintenanceMode && "border-orange-500/30 bg-orange-500/10"), children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 blur-3xl opacity-0 group-hover:opacity-10 transition-opacity bg-orange-500 pointer-events-none" }), _jsxs("div", { className: "flex items-center justify-between mb-10", children: [_jsx("div", { className: cn("size-16 rounded-2xl flex items-center justify-center transition-all duration-500 border relative overflow-hidden shadow-inner", settings.maintenanceMode
+                                            ? "bg-orange-500/10 border-orange-500/20 text-orange-500"
+                                            : "bg-neutral-500/5 border-neutral-500/10 text-neutral-400"), children: _jsx(ShieldAlert, { size: 28, className: "relative z-10 transition-transform duration-500 group-hover:scale-110" }) }), _jsx("button", { onClick: () => onUpdate({ maintenanceMode: !settings.maintenanceMode }), className: cn("relative w-16 h-8 rounded-full transition-all duration-500 p-1 shadow-inner", settings.maintenanceMode ? "bg-orange-500" : "bg-neutral-200 dark:bg-neutral-800"), children: _jsx("div", { className: cn("w-6 h-6 bg-white rounded-full transition-transform duration-500 shadow-lg", settings.maintenanceMode ? "translate-x-8" : "translate-x-0") }) })] }), _jsxs("div", { children: [_jsx("span", { className: "text-[10px] font-bold text-orange-500 uppercase tracking-[0.3em] mb-3 block opacity-60", children: "Operational Mode" }), _jsx("h4", { className: "text-2xl font-bold text-dashboard-text mb-3", children: "Maintenance" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 font-medium leading-relaxed", children: settings.maintenanceMode
+                                            ? 'Visitors see a maintenance screen. You can still access the dashboard.'
+                                            : 'System is running normally. All features are available to public users.' })] })] })] }), isDev && (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.2 }, className: "bg-dashboard-card/50 border border-dashboard-border/50 p-10 rounded-[3rem] relative overflow-hidden group", children: [_jsx("div", { className: "absolute top-0 right-0 p-10 opacity-[0.03] group-hover:opacity-[0.07] transition-opacity", children: _jsx(Cpu, { size: 160 }) }), _jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center gap-8 relative z-10", children: [_jsx("div", { className: "size-14 rounded-2xl bg-primary/10 flex items-center justify-center text-primary shrink-0 border border-primary/20", children: _jsx(Cpu, { size: 24 }) }), _jsxs("div", { children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.4em] text-primary mb-2 block", children: "Developer Engine Protocol" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 font-medium leading-relaxed max-w-3xl", children: "Authentication and status checks are bypassed during development. Changes made here will affect the production environment once deployed." })] })] })] }))] }));
+}

package/dist/views/Settings/constants.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { LocaleDefinition } from '../../types/settings';
+/**
+ * Popular Locale Suggestions
+ * These are used for "Quick Add" in the UI.
+ */
+export declare const GLOBAL_LOCALE_DATABASE: LocaleDefinition[];
+export declare const AVAILABLE_PLATFORMS: {
+    name: string;
+    icon: React.FunctionComponentElement<import("react-icons/lib").IconBaseProps>;
+}[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/views/Settings/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,EAOpD,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;GAO/B,CAAC"}

package/dist/views/Settings/constants.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FaFacebook, FaInstagram, FaLinkedin, FaPinterest, FaTiktok } from 'react-icons/fa';
+import { FaXTwitter } from 'react-icons/fa6';
+/**
+ * Popular Locale Suggestions
+ * These are used for "Quick Add" in the UI.
+ */
+export const GLOBAL_LOCALE_DATABASE = [
+    { code: 'en', name: 'English', countryCode: 'gb' },
+    { code: 'sv', name: 'Swedish', countryCode: 'se' },
+    { code: 'nl', name: 'Dutch', countryCode: 'nl' },
+    { code: 'de', name: 'German', countryCode: 'de' },
+    { code: 'fr', name: 'French', countryCode: 'fr' },
+    { code: 'es', name: 'Spanish', countryCode: 'es' },
+];
+export const AVAILABLE_PLATFORMS = [
+    { name: 'Instagram', icon: React.createElement(FaInstagram, { size: 18 }) },
+    { name: 'Facebook', icon: React.createElement(FaFacebook, { size: 18 }) },
+    { name: 'Twitter', icon: React.createElement(FaXTwitter, { size: 18 }) },
+    { name: 'Pinterest', icon: React.createElement(FaPinterest, { size: 18 }) },
+    { name: 'LinkedIn', icon: React.createElement(FaLinkedin, { size: 18 }) },
+    { name: 'TikTok', icon: React.createElement(FaTiktok, { size: 18 }) },
+];

package/dist/views/Settings/hooks/useWebsiteSettings.d.ts

@@ -0,0 +1,24 @@
+import { WebsiteSettings, LocalizedContactInfo, DomainLocaleConfig, LocaleDefinition, LocalizedIdentity } from '../../../types/settings';
+export declare function useWebsiteSettings(siteId: string): {
+    settings: WebsiteSettings;
+    isLoading: boolean;
+    isSaving: boolean;
+    isDirty: boolean;
+    showSuccess: boolean;
+    activeTab: string;
+    setActiveTab: import("react").Dispatch<import("react").SetStateAction<string>>;
+    activeLocales: LocaleDefinition[];
+    showDomainModal: boolean;
+    setShowDomainModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleUpdateSettings: (updates: Partial<WebsiteSettings>) => void;
+    handleUpdateLocalizedIdentity: (field: keyof LocalizedIdentity, value: string) => void;
+    handleUpdateLocalizedContact: (field: keyof LocalizedContactInfo, value: string) => void;
+    handleAddLocalizedSocial: () => void;
+    handleUpdateLocalizedSocial: (id: number, field: string, value: string) => void;
+    handleRemoveLocalizedSocial: (id: number) => void;
+    handleUpdateLocales: (locales: LocaleDefinition[]) => void;
+    handleSave: () => Promise<void>;
+    handleReset: () => void;
+    saveDomainConfigAndClose: (config: DomainLocaleConfig[]) => Promise<void>;
+};
+//# sourceMappingURL=useWebsiteSettings.d.ts.map

package/dist/views/Settings/hooks/useWebsiteSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebsiteSettings.d.ts","sourceRoot":"","sources":["../../../../src/views/Settings/hooks/useWebsiteSettings.ts"],"names":[],"mappings":"AACA,OAAO,EACH,eAAe,EACf,oBAAoB,EAEpB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM;;;;;;;;;;;oCAqFN,OAAO,CAAC,eAAe,CAAC;2CAIjB,MAAM,iBAAiB,SAAS,MAAM;0CAWvC,MAAM,oBAAoB,SAAS,MAAM;;sCAwB7C,MAAM,SAAS,MAAM,SAAS,MAAM;sCAYpC,MAAM;mCAYT,gBAAgB,EAAE;;;uCAqCR,kBAAkB,EAAE;EAyCvE"}

package/dist/views/Settings/hooks/useWebsiteSettings.js

@@ -0,0 +1,217 @@
+import { useState, useEffect } from 'react';
+export function useWebsiteSettings(siteId) {
+    const [isLoading, setIsLoading] = useState(true);
+    const [isSaving, setIsSaving] = useState(false);
+    const [showSuccess, setShowSuccess] = useState(false);
+    const [activeTab, setActiveTab] = useState('');
+    const [showDomainModal, setShowDomainModal] = useState(false);
+    // Initial data from server to compare for "dirty" state
+    const [initialSettings, setInitialSettings] = useState('');
+    const [settings, setSettings] = useState({
+        identifier: 'site_config',
+        contactEmail: '',
+        smtpUser: '',
+        maintenanceMode: false,
+        launched: false,
+        launch_date: '',
+        supportedLocales: [],
+        localizedIdentity: {},
+        localizedContactInfo: {},
+        localizedSocials: {},
+        domainLocaleConfig: [],
+    });
+    const isDirty = initialSettings !== JSON.stringify(settings);
+    const activeLocales = settings.supportedLocales;
+    // Ensure activeTab is always valid
+    useEffect(() => {
+        if (activeLocales.length > 0) {
+            if (!activeTab || !activeLocales.some(l => l.code === activeTab)) {
+                setActiveTab(activeLocales[0].code);
+            }
+        }
+    }, [activeLocales, activeTab]);
+    // Fetch settings on load
+    useEffect(() => {
+        const fetchSettings = async () => {
+            try {
+                setIsLoading(true);
+                const response = await fetch('/api/plugin-website/settings', { credentials: 'include' });
+                if (!response.ok)
+                    throw new Error('Failed to fetch settings');
+                const data = await response.json();
+                if (data && data.identifier) {
+                    let launchDate = '';
+                    if (data.launch_date) {
+                        const date = new Date(data.launch_date);
+                        if (!isNaN(date.getTime())) {
+                            const year = date.getFullYear();
+                            const month = String(date.getMonth() + 1).padStart(2, '0');
+                            const day = String(date.getDate()).padStart(2, '0');
+                            const hours = String(date.getHours()).padStart(2, '0');
+                            const minutes = String(date.getMinutes()).padStart(2, '0');
+                            launchDate = `${year}-${month}-${day}T${hours}:${minutes}`;
+                        }
+                    }
+                    const loaded = {
+                        ...data,
+                        launch_date: launchDate,
+                        supportedLocales: data.supportedLocales || [],
+                        localizedIdentity: data.localizedIdentity || {},
+                        localizedContactInfo: data.localizedContactInfo || {},
+                        localizedSocials: data.localizedSocials || {},
+                        domainLocaleConfig: data.domainLocaleConfig || [],
+                    };
+                    setSettings(loaded);
+                    setInitialSettings(JSON.stringify(loaded));
+                    if (loaded.supportedLocales.length > 0) {
+                        setActiveTab(loaded.supportedLocales[0].code);
+                    }
+                }
+            }
+            catch (error) {
+                console.error('Failed to load settings:', error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        fetchSettings();
+    }, [siteId]);
+    const handleUpdateSettings = (updates) => {
+        setSettings(prev => ({ ...prev, ...updates }));
+    };
+    const handleUpdateLocalizedIdentity = (field, value) => {
+        if (!activeTab)
+            return;
+        setSettings(prev => ({
+            ...prev,
+            localizedIdentity: {
+                ...prev.localizedIdentity,
+                [activeTab]: { ...(prev.localizedIdentity?.[activeTab] || {}), [field]: value },
+            },
+        }));
+    };
+    const handleUpdateLocalizedContact = (field, value) => {
+        if (!activeTab)
+            return;
+        setSettings(prev => ({
+            ...prev,
+            localizedContactInfo: {
+                ...prev.localizedContactInfo,
+                [activeTab]: { ...(prev.localizedContactInfo?.[activeTab] || {}), [field]: value },
+            },
+        }));
+    };
+    const handleAddLocalizedSocial = () => {
+        if (!activeTab)
+            return;
+        const currentSocials = settings.localizedSocials?.[activeTab] || [];
+        const newId = Date.now();
+        setSettings(prev => ({
+            ...prev,
+            localizedSocials: {
+                ...prev.localizedSocials,
+                [activeTab]: [...currentSocials, { id: newId, platform: '', url: '' }],
+            },
+        }));
+    };
+    const handleUpdateLocalizedSocial = (id, field, value) => {
+        if (!activeTab)
+            return;
+        const currentSocials = settings.localizedSocials?.[activeTab] || [];
+        setSettings(prev => ({
+            ...prev,
+            localizedSocials: {
+                ...prev.localizedSocials,
+                [activeTab]: currentSocials.map(s => s.id === id ? { ...s, [field]: value } : s),
+            },
+        }));
+    };
+    const handleRemoveLocalizedSocial = (id) => {
+        if (!activeTab)
+            return;
+        const currentSocials = settings.localizedSocials?.[activeTab] || [];
+        setSettings(prev => ({
+            ...prev,
+            localizedSocials: {
+                ...prev.localizedSocials,
+                [activeTab]: currentSocials.filter(s => s.id !== id),
+            },
+        }));
+    };
+    const handleUpdateLocales = (locales) => {
+        setSettings(prev => ({ ...prev, supportedLocales: locales }));
+    };
+    const handleReset = () => {
+        if (initialSettings) {
+            setSettings(JSON.parse(initialSettings));
+        }
+    };
+    const handleSave = async () => {
+        if (settings.supportedLocales.length === 0) {
+            alert('At least one language must be enabled.');
+            return;
+        }
+        try {
+            setIsSaving(true);
+            const response = await fetch('/api/plugin-website/settings', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include',
+                body: JSON.stringify(settings),
+            });
+            if (!response.ok)
+                throw new Error('Failed to save settings');
+            setInitialSettings(JSON.stringify(settings));
+            setShowSuccess(true);
+            setTimeout(() => setShowSuccess(false), 3000);
+        }
+        catch (error) {
+            console.error('Failed to save settings:', error);
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    const saveDomainConfigAndClose = async (config) => {
+        const newSettings = { ...settings, domainLocaleConfig: config };
+        setSettings(newSettings);
+        setShowDomainModal(false);
+        try {
+            await fetch('/api/plugin-website/settings', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include',
+                body: JSON.stringify(newSettings),
+            });
+            setInitialSettings(JSON.stringify(newSettings));
+            setShowSuccess(true);
+            setTimeout(() => setShowSuccess(false), 3000);
+        }
+        catch (e) {
+            console.error('Auto-save failed');
+        }
+    };
+    return {
+        settings,
+        isLoading,
+        isSaving,
+        isDirty,
+        showSuccess,
+        activeTab,
+        setActiveTab,
+        activeLocales,
+        showDomainModal,
+        setShowDomainModal,
+        handleUpdateSettings,
+        handleUpdateLocalizedIdentity,
+        handleUpdateLocalizedContact,
+        handleAddLocalizedSocial,
+        handleUpdateLocalizedSocial,
+        handleRemoveLocalizedSocial,
+        handleUpdateLocales,
+        handleSave,
+        handleReset,
+        saveDomainConfigAndClose
+    };
+}

package/dist/views/Settings/types.d.ts

@@ -0,0 +1,5 @@
+export interface SettingsViewProps {
+    siteId: string;
+    locale: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/views/Settings/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB"}

package/dist/views/Settings/types.js

@@ -0,0 +1 @@
+export {};

package/dist/views/SettingsView.d.ts

@@ -1,10 +1,7 @@
 /**
  * Website Settings View
- * Main interface for managing website settings
+ * Refactored modular interface with sidebar navigation
  */
-export interface SettingsViewProps {
-    siteId: string;
-    locale: string;
-}
-export declare function SettingsView({ siteId, locale }: SettingsViewProps): import("react/jsx-runtime").JSX.Element;
+import { SettingsViewProps } from './Settings/types';
+export declare function SettingsView({ siteId }: SettingsViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SettingsView.d.ts.map

package/dist/views/SettingsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsView.d.ts","sourceRoot":"","sources":["../../src/views/SettingsView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAyBH,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AA+MD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAyejE"}
+{"version":3,"file":"SettingsView.d.ts","sourceRoot":"","sources":["../../src/views/SettingsView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAerD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA+PzD"}