@rovela-ai/sdk 0.3.6 → 0.3.7

package/dist/admin/components/ShippingSettings.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from 'react';
+import { fetchAdminApi } from '../hooks/fetchAdminApi';
 import { Package, Plus, Edit2, Trash2, Globe, ChevronDown, ChevronUp, Plug, MapPin, Check, Truck, Box, RefreshCw, Key, Loader2, ExternalLink, } from 'lucide-react';
 import { DeleteConfirmDialog } from './DeleteConfirmDialog';
 import { AdminSelect } from './AdminSelect';
@@ -108,37 +109,36 @@ export function ShippingSettings({ className }) {
     // Data Fetching
     // ---------------------------------------------------------------------------
     const fetchData = useCallback(async () => {
-        try {
-            // Fetch settings
-            const settingsRes = await fetch('/api/admin/settings');
-            if (settingsRes.ok) {
-                const settingsData = await settingsRes.json();
-                const settings = settingsData.settings || {};
-                setShippingEnabled(settings.shippingEnabled ?? true);
-                setFreeShippingThreshold(String(settings.freeShippingThreshold ?? 0));
-                setShippingCountries(settings.shippingCountries || ['US', 'CA']);
-                // Shippo settings
-                setShippingMode(settings.shippingMode || 'manual');
-                setShippoTestMode(settings.shippoTestMode ?? true);
-                if (settings.shippoFromAddress) {
-                    setShippoFromAddress(settings.shippoFromAddress);
-                }
-                if (settings.shippoDefaultParcel) {
-                    setShippoDefaultParcel(settings.shippoDefaultParcel);
-                }
+        // Fetch settings and carriers in parallel.
+        const [settingsRes, carriersRes] = await Promise.all([
+            fetchAdminApi('/api/admin/settings'),
+            fetchAdminApi('/api/admin/shipping/carriers'),
+        ]);
+        setIsFetching(false);
+        if (settingsRes.ok) {
+            const settings = settingsRes.data.settings || {};
+            setShippingEnabled(settings.shippingEnabled ?? true);
+            setFreeShippingThreshold(String(settings.freeShippingThreshold ?? 0));
+            setShippingCountries(settings.shippingCountries || ['US', 'CA']);
+            setShippingMode(settings.shippingMode || 'manual');
+            setShippoTestMode(settings.shippoTestMode ?? true);
+            if (settings.shippoFromAddress) {
+                setShippoFromAddress(settings.shippoFromAddress);
             }
-            // Fetch carriers (includes nested zones and rates)
-            const carriersRes = await fetch('/api/admin/shipping/carriers');
-            if (carriersRes.ok) {
-                const carriersData = await carriersRes.json();
-                setCarriers(carriersData.data || []);
+            if (settings.shippoDefaultParcel) {
+                setShippoDefaultParcel(settings.shippoDefaultParcel);
             }
         }
-        catch (err) {
-            showToast('error', err instanceof Error ? err.message : 'Failed to load shipping data');
+        else {
+            showToast('error', settingsRes.error);
+        }
+        if (carriersRes.ok) {
+            setCarriers(carriersRes.data.data || []);
         }
-        finally {
-            setIsFetching(false);
+        else if (settingsRes.ok) {
+            // Only surface the carriers error if settings loaded OK — otherwise
+            // the settings error above is the more actionable message.
+            showToast('error', carriersRes.error);
         }
     }, [showToast]);
     useEffect(() => {
@@ -150,57 +150,44 @@ export function ShippingSettings({ className }) {
     const handleSaveSettings = useCallback(async () => {
         setToast(null);
         setIsLoading(true);
-        try {
-            const response = await fetch('/api/admin/settings', {
-                method: 'PUT',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    shippingEnabled,
-                    freeShippingThreshold: parseFloat(freeShippingThreshold) || 0,
-                    shippingCountries,
-                    // Shippo settings
-                    shippingMode,
-                    shippoTestMode,
-                    shippoFromAddress,
-                    shippoDefaultParcel,
-                }),
-            });
-            if (!response.ok) {
-                const result = await response.json();
-                throw new Error(result.error || 'Failed to save settings');
-            }
-            showToast('success', 'Settings saved successfully!');
-        }
-        catch (err) {
-            showToast('error', err instanceof Error ? err.message : 'Failed to save settings');
-        }
-        finally {
-            setIsLoading(false);
+        const res = await fetchAdminApi('/api/admin/settings', {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                shippingEnabled,
+                freeShippingThreshold: parseFloat(freeShippingThreshold) || 0,
+                shippingCountries,
+                // Shippo settings
+                shippingMode,
+                shippoTestMode,
+                shippoFromAddress,
+                shippoDefaultParcel,
+            }),
+        });
+        setIsLoading(false);
+        if (!res.ok) {
+            showToast('error', res.error);
+            return;
         }
+        showToast('success', 'Settings saved successfully!');
     }, [shippingEnabled, freeShippingThreshold, shippingCountries, shippingMode, shippoTestMode, shippoFromAddress, shippoDefaultParcel, showToast]);
     const handleValidateShippoKey = useCallback(async () => {
         setIsValidatingShippo(true);
         setShippoKeyValid(null);
-        try {
-            const response = await fetch('/api/admin/shipping/shippo/validate', {
-                method: 'POST',
-            });
-            const result = await response.json();
-            setShippoKeyValid(result.valid);
-            setHasStoredKey(result.hasStoredKey ?? false);
-            setMaskedKey(result.maskedKey ?? null);
-            if (!result.valid && result.error) {
-                showToast('error', result.error);
-            }
-        }
-        catch (err) {
+        const res = await fetchAdminApi('/api/admin/shipping/shippo/validate', { method: 'POST' });
+        setIsValidatingShippo(false);
+        if (!res.ok) {
             setShippoKeyValid(false);
             setHasStoredKey(false);
             setMaskedKey(null);
-            showToast('error', err instanceof Error ? err.message : 'Failed to validate Shippo API key');
+            showToast('error', res.error);
+            return;
         }
-        finally {
-            setIsValidatingShippo(false);
+        setShippoKeyValid(res.data.valid ?? false);
+        setHasStoredKey(res.data.hasStoredKey ?? false);
+        setMaskedKey(res.data.maskedKey ?? null);
+        if (!res.data.valid && res.data.error) {
+            showToast('error', res.data.error);
         }
     }, [showToast]);
     // Auto-validate Shippo API key when mode is 'shippo' after initial load
@@ -214,56 +201,38 @@ export function ShippingSettings({ className }) {
             return;
         setIsSavingApiKey(true);
         setToast(null);
-        try {
-            const response = await fetch('/api/admin/shipping/shippo/api-key', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ apiKey: shippoApiKeyInput }),
-            });
-            const result = await response.json();
-            if (!response.ok) {
-                showToast('error', result.error || 'Failed to save API key');
-                return;
-            }
-            // Success - update state
-            setHasStoredKey(true);
-            setMaskedKey(result.maskedKey);
-            setShippoApiKeyInput('');
-            setShippoKeyValid(true);
-            showToast('success', 'API key saved and verified!');
-        }
-        catch (err) {
-            showToast('error', err instanceof Error ? err.message : 'Failed to save API key');
-        }
-        finally {
-            setIsSavingApiKey(false);
+        const res = await fetchAdminApi('/api/admin/shipping/shippo/api-key', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ apiKey: shippoApiKeyInput }),
+        });
+        setIsSavingApiKey(false);
+        if (!res.ok) {
+            showToast('error', res.error);
+            return;
         }
+        setHasStoredKey(true);
+        setMaskedKey(res.data.maskedKey ?? null);
+        setShippoApiKeyInput('');
+        setShippoKeyValid(true);
+        showToast('success', 'API key saved and verified!');
     }, [shippoApiKeyInput, showToast]);
     const handleRemoveApiKey = useCallback(async () => {
         setIsDeletingApiKey(true);
         setToast(null);
-        try {
-            const response = await fetch('/api/admin/shipping/shippo/api-key', {
-                method: 'DELETE',
-            });
-            const result = await response.json();
-            if (!response.ok) {
-                showToast('error', result.error || 'Failed to remove API key');
-                return;
-            }
-            // Success - reset state
-            setHasStoredKey(false);
-            setMaskedKey(null);
-            showToast('success', 'API key removed');
-            // Re-validate to check if env var exists
-            handleValidateShippoKey();
-        }
-        catch (err) {
-            showToast('error', err instanceof Error ? err.message : 'Failed to remove API key');
-        }
-        finally {
-            setIsDeletingApiKey(false);
+        const res = await fetchAdminApi('/api/admin/shipping/shippo/api-key', {
+            method: 'DELETE',
+        });
+        setIsDeletingApiKey(false);
+        if (!res.ok) {
+            showToast('error', res.error);
+            return;
         }
+        setHasStoredKey(false);
+        setMaskedKey(null);
+        showToast('success', 'API key removed');
+        // Re-validate to check if env var exists
+        handleValidateShippoKey();
     }, [handleValidateShippoKey, showToast]);
     const handleAddCountry = useCallback(() => {
         const code = countryInput.toUpperCase().trim();
@@ -279,26 +248,18 @@ export function ShippingSettings({ className }) {
     const handleToggleShippingEnabled = useCallback(async () => {
         const newValue = !shippingEnabled;
         setShippingEnabled(newValue);
-        try {
-            const response = await fetch('/api/admin/settings', {
-                method: 'PUT',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ shippingEnabled: newValue }),
-            });
-            if (!response.ok) {
-                // Revert on error
-                setShippingEnabled(!newValue);
-                const result = await response.json();
-                showToast('error', result.error || 'Failed to update shipping status');
-                return;
-            }
-            showToast('success', newValue ? 'Shipping enabled' : 'Shipping disabled');
-        }
-        catch (err) {
+        const res = await fetchAdminApi('/api/admin/settings', {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ shippingEnabled: newValue }),
+        });
+        if (!res.ok) {
             // Revert on error
             setShippingEnabled(!newValue);
-            showToast('error', err instanceof Error ? err.message : 'Failed to update shipping status');
+            showToast('error', res.error);
+            return;
         }
+        showToast('success', newValue ? 'Shipping enabled' : 'Shipping disabled');
     }, [shippingEnabled, showToast]);
     // Carrier handlers - open delete dialog
     const handleDeleteCarrierClick = useCallback((carrier) => {
@@ -318,41 +279,34 @@ export function ShippingSettings({ className }) {
             return;
         setIsDeleting(true);
         setDeleteError(null);
-        try {
-            let endpoint;
-            switch (deleteTarget.type) {
-                case 'carrier':
-                    endpoint = `/api/admin/shipping/carriers/${deleteTarget.id}`;
-                    break;
-                case 'zone':
-                    endpoint = `/api/admin/shipping/zones/${deleteTarget.id}`;
-                    break;
-                case 'rate':
-                    endpoint = `/api/admin/shipping/rates/${deleteTarget.id}`;
-                    break;
-            }
-            const response = await fetch(endpoint, { method: 'DELETE' });
-            if (!response.ok) {
-                const result = await response.json();
-                throw new Error(result.error || `Failed to delete ${deleteTarget.type}`);
-            }
-            // Update local state or refresh data
-            if (deleteTarget.type === 'carrier') {
-                setCarriers((prev) => prev.filter((c) => c.id !== deleteTarget.id));
-            }
-            else {
-                // For zones and rates, refresh the full carrier list to reflect nested changes
-                await fetchData();
-            }
-            // Close dialog on success
-            setDeleteTarget(null);
+        let endpoint;
+        switch (deleteTarget.type) {
+            case 'carrier':
+                endpoint = `/api/admin/shipping/carriers/${deleteTarget.id}`;
+                break;
+            case 'zone':
+                endpoint = `/api/admin/shipping/zones/${deleteTarget.id}`;
+                break;
+            case 'rate':
+                endpoint = `/api/admin/shipping/rates/${deleteTarget.id}`;
+                break;
+        }
+        const res = await fetchAdminApi(endpoint, { method: 'DELETE' });
+        setIsDeleting(false);
+        if (!res.ok) {
+            setDeleteError(res.error);
+            return;
         }
-        catch (err) {
-            setDeleteError(err instanceof Error ? err.message : `Failed to delete ${deleteTarget.type}`);
+        // Update local state or refresh data
+        if (deleteTarget.type === 'carrier') {
+            setCarriers((prev) => prev.filter((c) => c.id !== deleteTarget.id));
         }
-        finally {
-            setIsDeleting(false);
+        else {
+            // For zones and rates, refresh the full carrier list to reflect nested changes
+            await fetchData();
         }
+        // Close dialog on success
+        setDeleteTarget(null);
     }, [deleteTarget, fetchData]);
     const handleDeleteCancel = useCallback(() => {
         setDeleteTarget(null);
@@ -465,33 +419,26 @@ function CarrierFormModal({ carrier, onClose, onSuccess, }) {
         e.preventDefault();
         setError(null);
         setIsLoading(true);
-        try {
-            const url = isEdit
-                ? `/api/admin/shipping/carriers/${carrier.id}`
-                : '/api/admin/shipping/carriers';
-            const method = isEdit ? 'PUT' : 'POST';
-            const response = await fetch(url, {
-                method,
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    name,
-                    code,
-                    description: description || undefined,
-                    isActive,
-                }),
-            });
-            if (!response.ok) {
-                const result = await response.json();
-                throw new Error(result.error || 'Failed to save carrier');
-            }
-            onSuccess();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to save carrier');
-        }
-        finally {
-            setIsLoading(false);
+        const url = isEdit
+            ? `/api/admin/shipping/carriers/${carrier.id}`
+            : '/api/admin/shipping/carriers';
+        const method = isEdit ? 'PUT' : 'POST';
+        const res = await fetchAdminApi(url, {
+            method,
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                name,
+                code,
+                description: description || undefined,
+                isActive,
+            }),
+        });
+        setIsLoading(false);
+        if (!res.ok) {
+            setError(res.error);
+            return;
         }
+        onSuccess();
     };
     return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "absolute inset-0 bg-black/50", onClick: onClose }), _jsx("div", { className: "relative bg-[hsl(var(--admin-card))] rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[90vh] overflow-y-auto", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "p-6", children: [_jsx("h3", { className: "admin-card-title mb-4", children: isEdit ? 'Edit Shipping Carrier' : 'Add Shipping Carrier' }), error && (_jsx("div", { className: "admin-alert admin-alert-error mb-4", children: _jsx("div", { className: "admin-alert-description", children: error }) })), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "carrierName", className: "admin-label admin-label-required", children: "Carrier Name" }), _jsx("input", { type: "text", id: "carrierName", value: name, onChange: (e) => handleNameChange(e.target.value), className: "admin-input mt-1 w-full", placeholder: "e.g., USPS, UPS, FedEx", required: true })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "carrierCode", className: "admin-label admin-label-required", children: "Carrier Code" }), _jsx("input", { type: "text", id: "carrierCode", value: code, onChange: (e) => setCode(e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, '')), className: "admin-input mt-1 w-full", placeholder: "e.g., usps, ups, fedex", required: true, maxLength: 50 }), _jsx("p", { className: "admin-helper-text mt-1", children: "Unique identifier (lowercase, letters, numbers, hyphens only)" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "carrierDescription", className: "admin-label", children: "Description" }), _jsx("input", { type: "text", id: "carrierDescription", value: description, onChange: (e) => setDescription(e.target.value), className: "admin-input mt-1 w-full", placeholder: "e.g., United States Postal Service", maxLength: 500 })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "admin-label", children: "Active" }), _jsx("button", { type: "button", role: "switch", "aria-checked": isActive, onClick: () => setIsActive(!isActive), className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${isActive
                                                         ? 'bg-[hsl(var(--admin-primary))]'
@@ -513,33 +460,26 @@ function ZoneFormModal({ carrierId, zone, onClose, onSuccess, }) {
         e.preventDefault();
         setError(null);
         setIsLoading(true);
-        try {
-            const url = isEdit
-                ? `/api/admin/shipping/zones/${zone.id}`
-                : '/api/admin/shipping/zones';
-            const method = isEdit ? 'PUT' : 'POST';
-            const response = await fetch(url, {
-                method,
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    carrierId, // Required for carrier-first architecture
-                    name,
-                    countries: isAllCountries ? ['*'] : countries,
-                    isActive,
-                }),
-            });
-            if (!response.ok) {
-                const result = await response.json();
-                throw new Error(result.error || 'Failed to save zone');
-            }
-            onSuccess();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to save zone');
-        }
-        finally {
-            setIsLoading(false);
+        const url = isEdit
+            ? `/api/admin/shipping/zones/${zone.id}`
+            : '/api/admin/shipping/zones';
+        const method = isEdit ? 'PUT' : 'POST';
+        const res = await fetchAdminApi(url, {
+            method,
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                carrierId, // Required for carrier-first architecture
+                name,
+                countries: isAllCountries ? ['*'] : countries,
+                isActive,
+            }),
+        });
+        setIsLoading(false);
+        if (!res.ok) {
+            setError(res.error);
+            return;
         }
+        onSuccess();
     };
     const handleAddCountry = () => {
         const code = countryInput.toUpperCase().trim();
@@ -575,37 +515,30 @@ function RateFormModal({ zoneId, rate, onClose, onSuccess, currencySymbol, }) {
         e.preventDefault();
         setError(null);
         setIsLoading(true);
-        try {
-            const url = isEdit
-                ? `/api/admin/shipping/rates/${rate.id}`
-                : '/api/admin/shipping/rates';
-            const method = isEdit ? 'PUT' : 'POST';
-            const response = await fetch(url, {
-                method,
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    zoneId,
-                    name,
-                    description: description || undefined,
-                    price: parseFloat(price) || 0,
-                    estimatedDays: estimatedDays || undefined,
-                    minOrderAmount: minOrderAmount ? parseFloat(minOrderAmount) : undefined,
-                    maxOrderAmount: maxOrderAmount ? parseFloat(maxOrderAmount) : undefined,
-                    isActive,
-                }),
-            });
-            if (!response.ok) {
-                const result = await response.json();
-                throw new Error(result.error || 'Failed to save rate');
-            }
-            onSuccess();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to save rate');
-        }
-        finally {
-            setIsLoading(false);
+        const url = isEdit
+            ? `/api/admin/shipping/rates/${rate.id}`
+            : '/api/admin/shipping/rates';
+        const method = isEdit ? 'PUT' : 'POST';
+        const res = await fetchAdminApi(url, {
+            method,
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                zoneId,
+                name,
+                description: description || undefined,
+                price: parseFloat(price) || 0,
+                estimatedDays: estimatedDays || undefined,
+                minOrderAmount: minOrderAmount ? parseFloat(minOrderAmount) : undefined,
+                maxOrderAmount: maxOrderAmount ? parseFloat(maxOrderAmount) : undefined,
+                isActive,
+            }),
+        });
+        setIsLoading(false);
+        if (!res.ok) {
+            setError(res.error);
+            return;
         }
+        onSuccess();
     };
     return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "absolute inset-0 bg-black/50", onClick: onClose }), _jsx("div", { className: "relative bg-[hsl(var(--admin-card))] rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[90vh] overflow-y-auto", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "p-6", children: [_jsx("h3", { className: "admin-card-title mb-4", children: isEdit ? 'Edit Shipping Rate' : 'Add Shipping Rate' }), error && (_jsx("div", { className: "admin-alert admin-alert-error mb-4", children: _jsx("div", { className: "admin-alert-description", children: error }) })), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "rateName", className: "admin-label admin-label-required", children: "Rate Name" }), _jsx("input", { type: "text", id: "rateName", value: name, onChange: (e) => setName(e.target.value), className: "admin-input mt-1 w-full", placeholder: "e.g., Standard Shipping", required: true })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "rateDescription", className: "admin-label", children: "Description" }), _jsx("input", { type: "text", id: "rateDescription", value: description, onChange: (e) => setDescription(e.target.value), className: "admin-input mt-1 w-full", placeholder: "e.g., Delivery in 5-7 business days" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ratePrice", className: "admin-label admin-label-required", children: "Price" }), _jsxs("div", { className: "admin-input-with-addon mt-1", children: [_jsx("span", { className: "admin-input-addon-left", children: currencySymbol }), _jsx("input", { type: "number", id: "ratePrice", value: price, onChange: (e) => setPrice(e.target.value), min: "0", step: "0.01", className: "admin-input w-full pl-7", placeholder: "0.00", required: true })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "estimatedDays", className: "admin-label", children: "Estimated Delivery (days)" }), _jsx("input", { type: "text", id: "estimatedDays", value: estimatedDays, onChange: (e) => setEstimatedDays(e.target.value), className: "admin-input mt-1 w-full", placeholder: "e.g., 3-5" }), _jsx("p", { className: "admin-helper-text mt-1", children: "Format: single number (5) or range (3-5)" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "minOrderAmount", className: "admin-label", children: "Min Order Amount" }), _jsxs("div", { className: "admin-input-with-addon mt-1", children: [_jsx("span", { className: "admin-input-addon-left", children: currencySymbol }), _jsx("input", { type: "number", id: "minOrderAmount", value: minOrderAmount, onChange: (e) => setMinOrderAmount(e.target.value), min: "0", step: "0.01", className: "admin-input w-full pl-7", placeholder: "0.00" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "maxOrderAmount", className: "admin-label", children: "Max Order Amount" }), _jsxs("div", { className: "admin-input-with-addon mt-1", children: [_jsx("span", { className: "admin-input-addon-left", children: currencySymbol }), _jsx("input", { type: "number", id: "maxOrderAmount", value: maxOrderAmount, onChange: (e) => setMaxOrderAmount(e.target.value), min: "0", step: "0.01", className: "admin-input w-full pl-7", placeholder: "No limit" })] })] })] }), _jsx("p", { className: "admin-helper-text", children: "Leave empty for no restrictions" }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "admin-label", children: "Active" }), _jsx("button", { type: "button", role: "switch", "aria-checked": isActive, onClick: () => setIsActive(!isActive), className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${isActive
                                                         ? 'bg-[hsl(var(--admin-primary))]'