@rovela-ai/sdk 0.19.8 → 0.20.0

package/dist/admin/components/ShippingSettings.js

@@ -16,6 +16,7 @@ import { adminToast } from './AdminToaster';
 import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
 import { getCurrencySymbol, formatPrice } from '../../core/utils';
 import { COMMON_COUNTRIES, US_STATES } from '../../checkout/constants';
+import { COLISSIMO_LOGO_DATA_URI } from '../../checkout/components/colissimo-logo';
 const DEFAULT_FROM_ADDRESS = {
     name: '',
     company: '',
@@ -47,7 +48,14 @@ function CountryTag({ code, onRemove, }) {
 function CarrierCard({ carrier, onEdit, onDelete, onAddZone, onEditZone, onDeleteZone, onAddRate, onEditRate, onDeleteRate, formatCurrency, }) {
     const [isExpanded, setIsExpanded] = useState(true);
     const zones = carrier.zones || [];
-    return (_jsxs("div", { className: "rounded-lg border border-[hsl(var(--admin-border))] overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between bg-[hsl(var(--admin-primary))]/10 px-4 py-3", children: [_jsxs("button", { type: "button", onClick: () => setIsExpanded(!isExpanded), className: "flex items-center gap-3 text-left flex-1", children: [_jsx(Truck, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold text-[hsl(var(--admin-foreground))]", children: carrier.name }), _jsxs("span", { className: "ml-2 text-sm text-[hsl(var(--admin-foreground-muted))]", children: ["(", carrier.code, ")"] }), carrier.description && (_jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: carrier.description }))] }), isExpanded ? (_jsx(ChevronUp, { className: "h-4 w-4 text-[hsl(var(--admin-foreground-muted))]" })) : (_jsx(ChevronDown, { className: "h-4 w-4 text-[hsl(var(--admin-foreground-muted))]" }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [!carrier.isActive && (_jsx("span", { className: "admin-badge admin-badge-neutral", children: "Inactive" })), _jsxs("span", { className: "text-xs text-[hsl(var(--admin-foreground-muted))]", children: [zones.length, " zone", zones.length !== 1 ? 's' : ''] }), _jsx("button", { type: "button", onClick: onEdit, className: "admin-btn admin-btn-ghost admin-btn-sm", title: "Edit carrier", children: _jsx(Edit2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: onDelete, className: "admin-btn admin-btn-ghost admin-btn-sm text-[hsl(var(--admin-error))]", title: "Delete carrier", children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }), isExpanded && (_jsxs("div", { className: "bg-[hsl(var(--admin-card))]", children: [zones.length === 0 ? (_jsx("div", { className: "px-4 py-6", children: _jsx(AdminEmptyState, { icon: _jsx(Package, {}), title: "No zones yet", description: "Add a shipping zone to start configuring rates for this carrier." }) })) : (_jsx("div", { className: "divide-y divide-[hsl(var(--admin-border))]", children: zones.map((zone) => (_jsx(ZoneCard, { zone: zone, onEdit: () => onEditZone(zone), onDelete: () => onDeleteZone(zone), onAddRate: () => onAddRate(zone.id), onEditRate: (rate) => onEditRate(zone.id, rate), onDeleteRate: onDeleteRate, formatCurrency: formatCurrency }, zone.id))) })), _jsx("div", { className: "px-4 py-3 border-t border-[hsl(var(--admin-border))]", children: _jsxs("button", { type: "button", onClick: onAddZone, className: "flex items-center gap-2 text-sm text-[hsl(var(--admin-primary))] hover:text-[hsl(var(--admin-primary-hover))]", children: [_jsx(Plus, { className: "h-4 w-4" }), "Add shipping zone"] }) })] }))] }));
+    const provider = carrier.provider || 'manual';
+    return (_jsxs("div", { className: "rounded-lg border border-[hsl(var(--admin-border))] overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between bg-[hsl(var(--admin-primary))]/10 px-4 py-3", children: [_jsxs("button", { type: "button", onClick: () => setIsExpanded(!isExpanded), className: "flex items-center gap-3 text-left flex-1", children: [provider === 'colissimo' ? (
+                            // The full logo carries the wordmark — it IS the identity. The
+                            // name renders only when the merchant renamed the carrier.
+                            // eslint-disable-next-line @next/next/no-img-element
+                            _jsx("img", { src: COLISSIMO_LOGO_DATA_URI, alt: "Colissimo", className: "h-7 w-auto shrink-0 object-contain" })) : provider === 'shippo' ? (_jsx(Plug, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" })) : (_jsx(Truck, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" })), _jsxs("div", { children: [!(provider === 'colissimo' && carrier.name.trim().toLowerCase() === 'colissimo') && (_jsx("span", { className: "font-semibold text-[hsl(var(--admin-foreground))]", children: carrier.name })), provider === 'manual' && (_jsxs("span", { className: "ml-2 text-sm text-[hsl(var(--admin-foreground-muted))]", children: ["(", carrier.code, ")"] })), carrier.description && (_jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: carrier.description }))] }), isExpanded ? (_jsx(ChevronUp, { className: "h-4 w-4 text-[hsl(var(--admin-foreground-muted))]" })) : (_jsx(ChevronDown, { className: "h-4 w-4 text-[hsl(var(--admin-foreground-muted))]" }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [provider === 'shippo' && (_jsx("span", { className: "admin-badge admin-badge-neutral", children: "Shippo" })), !carrier.isActive && (_jsx("span", { className: "admin-badge admin-badge-neutral", children: "Inactive" })), _jsxs("span", { className: "text-xs text-[hsl(var(--admin-foreground-muted))]", children: [zones.length, " zone", zones.length !== 1 ? 's' : ''] }), _jsx("button", { type: "button", onClick: onEdit, className: "admin-btn admin-btn-ghost admin-btn-sm", title: "Edit carrier", children: _jsx(Edit2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: onDelete, className: "admin-btn admin-btn-ghost admin-btn-sm text-[hsl(var(--admin-error))]", title: "Delete carrier", children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }), isExpanded && provider === 'colissimo' && (_jsx("div", { className: "border-b border-[hsl(var(--admin-border))] bg-[hsl(var(--admin-card))] px-4 py-4", children: _jsx(ColissimoPanel, {}) })), isExpanded && provider === 'shippo' && (_jsx("div", { className: "border-b border-[hsl(var(--admin-border))] bg-[hsl(var(--admin-card))] px-4 py-4", children: _jsx(ShippoPanel, {}) })), isExpanded && (_jsxs("div", { className: "bg-[hsl(var(--admin-card))]", children: [zones.length === 0 ? (_jsx("div", { className: "px-4 py-6", children: _jsx(AdminEmptyState, { icon: _jsx(Package, {}), title: "No zones yet", description: provider === 'shippo'
+                                ? 'Shippo quotes rates live at checkout — zones are optional extra flat rates.'
+                                : 'Add a shipping zone to start configuring rates for this carrier.' }) })) : (_jsx("div", { className: "divide-y divide-[hsl(var(--admin-border))]", children: zones.map((zone) => (_jsx(ZoneCard, { zone: zone, onEdit: () => onEditZone(zone), onDelete: () => onDeleteZone(zone), onAddRate: () => onAddRate(zone.id), onEditRate: (rate) => onEditRate(zone.id, rate), onDeleteRate: onDeleteRate, formatCurrency: formatCurrency }, zone.id))) })), _jsx("div", { className: "px-4 py-3 border-t border-[hsl(var(--admin-border))]", children: _jsxs("button", { type: "button", onClick: onAddZone, className: "flex items-center gap-2 text-sm text-[hsl(var(--admin-primary))] hover:text-[hsl(var(--admin-primary-hover))]", children: [_jsx(Plus, { className: "h-4 w-4" }), "Add shipping zone"] }) })] }))] }));
 }
 // =============================================================================
 // Zone Card Component
@@ -77,24 +85,13 @@ export function ShippingSettings({ className }) {
     const [shippingEnabled, setShippingEnabled] = useState(true);
     const [shippingCountries, setShippingCountries] = useState(['US', 'CA']);
     const [countryInput, setCountryInput] = useState('');
-    // Carriers (NEW - carrier-first architecture)
+    // Carriers — THE registry (carrier-first architecture; provider config
+    // panels render inside each carrier card, no global shipping mode).
     const [carriers, setCarriers] = useState([]);
-    // Shippo configuration
-    const [shippingMode, setShippingMode] = useState('manual');
-    const [shippoTestMode, setShippoTestMode] = useState(true);
-    const [shippoFromAddress, setShippoFromAddress] = useState(DEFAULT_FROM_ADDRESS);
-    const [shippoDefaultParcel, setShippoDefaultParcel] = useState(DEFAULT_PARCEL);
     // Document dirty tracking (AdminSaveBar contract). shippingEnabled is NOT
-    // tracked: its toggle commits immediately on click.
-    const { isDirty, baselineValue, rebaseline } = useDirtyState({ shippingCountries, shippingMode, shippoTestMode, shippoFromAddress, shippoDefaultParcel }, !isFetching);
-    const [shippoKeyValid, setShippoKeyValid] = useState(null);
-    const [isValidatingShippo, setIsValidatingShippo] = useState(false);
-    // Shippo API key management
-    const [shippoApiKeyInput, setShippoApiKeyInput] = useState('');
-    const [isSavingApiKey, setIsSavingApiKey] = useState(false);
-    const [hasStoredKey, setHasStoredKey] = useState(false);
-    const [maskedKey, setMaskedKey] = useState(null);
-    const [isDeletingApiKey, setIsDeletingApiKey] = useState(false);
+    // tracked: its toggle commits immediately on click. Provider config
+    // (Shippo/Colissimo panels) is transactional inside each carrier card.
+    const { isDirty, baselineValue, rebaseline } = useDirtyState({ shippingCountries }, !isFetching);
     // Modals
     const [showCarrierForm, setShowCarrierForm] = useState(false);
     const [editingCarrier, setEditingCarrier] = useState(null);
@@ -137,19 +134,6 @@ export function ShippingSettings({ className }) {
                 : storeCountry
                     ? [storeCountry]
                     : ['US', 'CA']);
-            setShippingMode(settings.shippingMode || 'manual');
-            setShippoTestMode(settings.shippoTestMode ?? true);
-            if (settings.shippoFromAddress) {
-                setShippoFromAddress(settings.shippoFromAddress);
-            }
-            else if (storeCountry) {
-                // Fresh Shippo setup: pre-fill the from-address country with the
-                // store's home country instead of the hardcoded US default.
-                setShippoFromAddress({ ...DEFAULT_FROM_ADDRESS, country: storeCountry });
-            }
-            if (settings.shippoDefaultParcel) {
-                setShippoDefaultParcel(settings.shippoDefaultParcel);
-            }
         }
         else {
             showToast('error', settingsRes.error);
@@ -179,11 +163,6 @@ export function ShippingSettings({ className }) {
             body: JSON.stringify({
                 shippingEnabled,
                 shippingCountries,
-                // Shippo settings
-                shippingMode,
-                shippoTestMode,
-                shippoFromAddress,
-                shippoDefaultParcel,
             }),
         });
         if (!res.ok) {
@@ -192,71 +171,7 @@ export function ShippingSettings({ className }) {
         // The AdminSaveBar's saved morph IS the feedback — no success toast.
         rebaseline();
         return { success: true };
-    }, [shippingEnabled, shippingCountries, shippingMode, shippoTestMode, shippoFromAddress, shippoDefaultParcel, rebaseline]);
-    const handleValidateShippoKey = useCallback(async () => {
-        setIsValidatingShippo(true);
-        setShippoKeyValid(null);
-        const res = await fetchAdminApi('/api/admin/shipping/shippo/validate', { method: 'POST' });
-        setIsValidatingShippo(false);
-        if (!res.ok) {
-            setShippoKeyValid(false);
-            setHasStoredKey(false);
-            setMaskedKey(null);
-            showToast('error', res.error);
-            return;
-        }
-        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.
-    // Pattern C — async validation triggered by data arrival.
-    // Alternative is a data-fetching library handling derived async state.
-    useEffect(() => {
-        if (!isFetching && shippingMode === 'shippo' && shippoKeyValid === null) {
-            // eslint-disable-next-line react-hooks/set-state-in-effect
-            handleValidateShippoKey();
-        }
-    }, [isFetching, shippingMode, shippoKeyValid, handleValidateShippoKey]);
-    const handleSaveShippoApiKey = useCallback(async () => {
-        if (!shippoApiKeyInput.trim())
-            return;
-        setIsSavingApiKey(true);
-        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);
-        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]);
+    }, [shippingEnabled, shippingCountries, rebaseline]);
     const handleAddCountry = useCallback(() => {
         const code = countryInput.toUpperCase().trim();
         if (code && code.length === 2 && !shippingCountries.includes(code)) {
@@ -344,17 +259,13 @@ export function ShippingSettings({ className }) {
     // ---------------------------------------------------------------------------
     // Render
     // ---------------------------------------------------------------------------
-    return (_jsxs("div", { className: `space-y-6 ${className || ''}`, children: [_jsx(AdminPageHeader, { title: "Shipping", subtitle: "Carriers, zones and rates, and whether shipping is offered at checkout." }), _jsx("div", { className: "admin-card rounded-lg p-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[hsl(var(--admin-primary))]/10 flex items-center justify-center", children: _jsx(Package, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }) }), _jsxs("div", { children: [_jsx("h3", { className: "admin-card-title", children: "Enable Shipping" }), _jsx("p", { className: "admin-text-muted text-sm", children: "Turn off to hide shipping options at checkout" })] })] }), _jsx(AdminSwitch, { checked: shippingEnabled, onChange: handleToggleShippingEnabled, "aria-label": "Enable shipping" })] }) }), shippingEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(Truck, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "Shipping Method" })] }), _jsx("p", { className: "admin-text-muted text-sm mb-4", children: "Choose how shipping rates are calculated at checkout." }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("button", { type: "button", onClick: () => setShippingMode('manual'), className: `p-4 rounded-lg border-2 text-left transition-colors ${shippingMode === 'manual'
-                                            ? 'border-[hsl(var(--admin-primary))] bg-[hsl(var(--admin-primary-light))]'
-                                            : 'border-[hsl(var(--admin-border))] hover:border-[hsl(var(--admin-primary))]'}`, children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Package, { className: "h-5 w-5" }), _jsx("span", { className: "font-medium", children: "Manual Rates" })] }), _jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: "Configure carriers, zones, and rates manually." })] }), _jsxs("button", { type: "button", onClick: () => setShippingMode('shippo'), className: `p-4 rounded-lg border-2 text-left transition-colors ${shippingMode === 'shippo'
-                                            ? 'border-[hsl(var(--admin-primary))] bg-[hsl(var(--admin-primary-light))]'
-                                            : 'border-[hsl(var(--admin-border))] hover:border-[hsl(var(--admin-primary))]'}`, children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Plug, { className: "h-5 w-5" }), _jsx("span", { className: "font-medium", children: "Shippo (Carrier Rates)" })] }), _jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: "Real-time rates from USPS, UPS, FedEx, and more." })] })] })] }), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-6", children: [_jsx(Globe, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "General Settings" })] }), _jsx("div", { className: "space-y-6", children: _jsxs("div", { children: [_jsxs("label", { className: "admin-label", children: [_jsx(MapPin, { className: "inline h-4 w-4 mr-1" }), "Shipping Countries"] }), _jsx("p", { className: "admin-text-muted text-sm mb-2", children: "Countries where you offer shipping" }), _jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: shippingCountries.map((code) => (_jsx(CountryTag, { code: code, onRemove: () => handleRemoveCountry(code) }, code))) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(AdminSelect, { value: countryInput, onChange: setCountryInput, placeholder: "Select a country\u2026", options: COMMON_COUNTRIES.filter((c) => !shippingCountries.includes(c.code)).map((country) => ({
+    return (_jsxs("div", { className: `space-y-6 ${className || ''}`, children: [_jsx(AdminPageHeader, { title: "Shipping", subtitle: "Carriers, zones and rates, and whether shipping is offered at checkout." }), _jsx("div", { className: "admin-card rounded-lg p-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[hsl(var(--admin-primary))]/10 flex items-center justify-center", children: _jsx(Package, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }) }), _jsxs("div", { children: [_jsx("h3", { className: "admin-card-title", children: "Enable Shipping" }), _jsx("p", { className: "admin-text-muted text-sm", children: "Turn off to hide shipping options at checkout" })] })] }), _jsx(AdminSwitch, { checked: shippingEnabled, onChange: handleToggleShippingEnabled, "aria-label": "Enable shipping" })] }) }), shippingEnabled && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-6", children: [_jsx(Globe, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "General Settings" })] }), _jsx("div", { className: "space-y-6", children: _jsxs("div", { children: [_jsxs("label", { className: "admin-label", children: [_jsx(MapPin, { className: "inline h-4 w-4 mr-1" }), "Shipping Countries"] }), _jsx("p", { className: "admin-text-muted text-sm mb-2", children: "Countries where you offer shipping" }), _jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: shippingCountries.map((code) => (_jsx(CountryTag, { code: code, onRemove: () => handleRemoveCountry(code) }, code))) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(AdminSelect, { value: countryInput, onChange: setCountryInput, placeholder: "Select a country\u2026", options: COMMON_COUNTRIES.filter((c) => !shippingCountries.includes(c.code)).map((country) => ({
                                                         value: country.code,
                                                         label: `${country.name} (${country.code})`,
-                                                    })), className: "w-full max-w-xs" }), _jsx("button", { type: "button", onClick: handleAddCountry, disabled: !countryInput, className: "admin-btn admin-btn-secondary disabled:opacity-50", children: "Add" })] })] }) })] }), shippingMode === 'manual' && (_jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Truck, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "Shipping Carriers" })] }), _jsxs("button", { type: "button", onClick: () => {
+                                                    })), className: "w-full max-w-xs" }), _jsx("button", { type: "button", onClick: handleAddCountry, disabled: !countryInput, className: "admin-btn admin-btn-secondary disabled:opacity-50", children: "Add" })] })] }) })] }), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Truck, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "Carriers" })] }), _jsxs("button", { type: "button", onClick: () => {
                                             setEditingCarrier(null);
                                             setShowCarrierForm(true);
-                                        }, className: "admin-btn admin-btn-primary admin-btn-sm", children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), "Add carrier"] })] }), _jsx("p", { className: "admin-text-muted text-sm mb-4", children: "Configure your shipping carriers, zones, and rates. Each carrier can have multiple zones, and each zone can have multiple rates." }), carriers.length === 0 ? (_jsx(AdminEmptyState, { icon: _jsx(Truck, {}), title: "No carriers yet", description: "Add your first carrier to start offering shipping rates." })) : (_jsx("div", { className: "space-y-4", children: carriers.map((carrier) => (_jsx(CarrierCard, { carrier: carrier, onEdit: () => {
+                                        }, className: "admin-btn admin-btn-primary admin-btn-sm", children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), "Add carrier"] })] }), _jsx("p", { className: "admin-text-muted text-sm mb-4", children: "Every carrier ships with its own zones and rates \u2014 price by destination, cart amount and customer group. Integrated carriers (Shippo, Colissimo) also carry their connection settings here." }), carriers.length === 0 ? (_jsx(AdminEmptyState, { icon: _jsx(Truck, {}), title: "No carriers yet", description: "Add your first carrier to start offering shipping rates." })) : (_jsx("div", { className: "space-y-4", children: carriers.map((carrier) => (_jsx(CarrierCard, { carrier: carrier, onEdit: () => {
                                         setEditingCarrier(carrier);
                                         setShowCarrierForm(true);
                                     }, onDelete: () => handleDeleteCarrierClick(carrier), onAddZone: () => {
@@ -364,34 +275,16 @@ export function ShippingSettings({ className }) {
                                         setEditingZone({ carrierId: carrier.id, zone });
                                         setShowZoneForm(true);
                                     }, onDeleteZone: handleDeleteZoneClick, onAddRate: (zoneId) => {
-                                        setEditingRate({ zoneId });
+                                        setEditingRate({ zoneId, provider: carrier.provider || 'manual' });
                                         setShowRateForm(true);
                                     }, onEditRate: (zoneId, rate) => {
-                                        setEditingRate({ zoneId, rate });
+                                        setEditingRate({ zoneId, provider: carrier.provider || 'manual', rate });
                                         setShowRateForm(true);
-                                    }, onDeleteRate: handleDeleteRateClick, formatCurrency: formatCurrency }, carrier.id))) }))] })), shippingMode === 'shippo' && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(Plug, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "Shippo Connection" })] }), _jsxs("div", { className: "p-4 rounded-lg border border-[hsl(var(--admin-border))] bg-[hsl(var(--admin-card))]", children: [shippoKeyValid === true && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[hsl(var(--admin-success))]/20 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5 text-[hsl(var(--admin-success))]" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-[hsl(var(--admin-foreground))]", children: "Connected" }), _jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: hasStoredKey ? (_jsxs(_Fragment, { children: ["API key: ", _jsx("code", { className: "px-1 py-0.5 rounded bg-[hsl(var(--admin-background))] text-xs", children: maskedKey })] })) : ('Using environment variable') })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [hasStoredKey && (_jsx("button", { type: "button", onClick: handleRemoveApiKey, disabled: isDeletingApiKey, className: "admin-btn admin-btn-ghost admin-btn-sm text-[hsl(var(--admin-error))] hover:bg-[hsl(var(--admin-error))]/10", children: isDeletingApiKey ? (_jsx("span", { className: "admin-spinner admin-spinner-sm" })) : ('Remove key') })), _jsx("button", { type: "button", onClick: handleValidateShippoKey, disabled: isValidatingShippo, className: "admin-btn admin-btn-secondary disabled:opacity-50", children: isValidatingShippo ? (_jsx(RefreshCw, { className: "h-4 w-4 animate-spin" })) : ('Re-verify') })] })] })), shippoKeyValid !== true && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[hsl(var(--admin-warning))]/20 flex items-center justify-center", children: isValidatingShippo ? (_jsx("span", { className: "admin-spinner admin-spinner-sm" })) : (_jsx(Key, { className: "h-5 w-5 text-[hsl(var(--admin-warning))]" })) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-[hsl(var(--admin-foreground))]", children: isValidatingShippo
-                                                                            ? 'Verifying…'
-                                                                            : hasStoredKey && shippoKeyValid === false
-                                                                                ? 'API Key Invalid'
-                                                                                : 'API Key Required' }), _jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: isValidatingShippo
-                                                                            ? 'Checking your Shippo connection…'
-                                                                            : hasStoredKey && shippoKeyValid === false
-                                                                                ? `Current key (${maskedKey}) is invalid. Enter a new key.`
-                                                                                : 'Enter your Shippo API key to enable carrier rate shipping.' })] })] }), !isValidatingShippo && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "password", value: shippoApiKeyInput, onChange: (e) => setShippoApiKeyInput(e.target.value), placeholder: "shippo_live_\u2026", className: "admin-input flex-1" }), _jsx("button", { type: "button", onClick: handleSaveShippoApiKey, disabled: isSavingApiKey || !shippoApiKeyInput.trim(), className: "admin-btn admin-btn-primary disabled:opacity-50", children: isSavingApiKey ? (_jsx("span", { className: "admin-spinner admin-spinner-sm" })) : ('Save & Verify') })] }), _jsxs("p", { className: "text-xs text-[hsl(var(--admin-foreground-muted))]", children: ["Get your API key from", ' ', _jsxs("a", { href: "https://apps.goshippo.com/settings/api", target: "_blank", rel: "noopener noreferrer", className: "text-[hsl(var(--admin-primary))] hover:underline inline-flex items-center gap-1", children: ["Shippo Dashboard", _jsx(ExternalLink, { className: "h-3 w-3" })] })] })] }))] }))] }), _jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-[hsl(var(--admin-border))]", children: [_jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Test Mode" }), _jsx("p", { className: "admin-text-muted text-sm", children: "Use Shippo test API for development (free API calls)" })] }), _jsx(AdminSwitch, { checked: shippoTestMode, onChange: setShippoTestMode, "aria-label": "Test mode" })] })] }), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(MapPin, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "Ship-From Address" })] }), _jsx("p", { className: "admin-text-muted text-sm mb-4", children: "Your warehouse or fulfillment center address for shipping calculations." }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-name", className: "admin-label", children: "Name" }), _jsx("input", { type: "text", id: "shippo-name", value: shippoFromAddress.name, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, name: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "John Smith" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-company", className: "admin-label", children: "Company (optional)" }), _jsx("input", { type: "text", id: "shippo-company", value: shippoFromAddress.company || '', onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, company: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "Acme Inc." })] }), _jsxs("div", { className: "md:col-span-2", children: [_jsx("label", { htmlFor: "shippo-street1", className: "admin-label", children: "Street Address" }), _jsx("input", { type: "text", id: "shippo-street1", value: shippoFromAddress.street1, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, street1: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "123 Main St" })] }), _jsxs("div", { className: "md:col-span-2", children: [_jsx("label", { htmlFor: "shippo-street2", className: "admin-label", children: "Apt, Suite, etc. (optional)" }), _jsx("input", { type: "text", id: "shippo-street2", value: shippoFromAddress.street2 || '', onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, street2: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "Suite 100" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-city", className: "admin-label", children: "City" }), _jsx("input", { type: "text", id: "shippo-city", value: shippoFromAddress.city, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, city: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "San Francisco" })] }), shippoFromAddress.country === 'US' && (_jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-state", className: "admin-label", children: "State" }), _jsx(AdminSelect, { id: "shippo-state", value: shippoFromAddress.state, onChange: (value) => setShippoFromAddress((prev) => ({ ...prev, state: value })), placeholder: "Select state\u2026", options: US_STATES.map((state) => ({
-                                                            value: state.code,
-                                                            label: state.name,
-                                                        })), className: "mt-1 w-full" })] })), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-zip", className: "admin-label", children: "ZIP Code" }), _jsx("input", { type: "text", id: "shippo-zip", value: shippoFromAddress.zip, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, zip: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "94102" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-country", className: "admin-label", children: "Country" }), _jsx(AdminSelect, { id: "shippo-country", value: shippoFromAddress.country, onChange: (value) => setShippoFromAddress((prev) => ({ ...prev, country: value })), options: COMMON_COUNTRIES.map((country) => ({
-                                                            value: country.code,
-                                                            label: country.name,
-                                                        })), className: "mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-phone", className: "admin-label", children: "Phone (optional)" }), _jsx("input", { type: "tel", id: "shippo-phone", value: shippoFromAddress.phone || '', onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, phone: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "+1 555 123 4567" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-email", className: "admin-label", children: "Email (optional)" }), _jsx("input", { type: "email", id: "shippo-email", value: shippoFromAddress.email || '', onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, email: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "shipping@example.com" })] })] })] }), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(Box, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }), _jsx("h3", { className: "admin-card-title", children: "Default Package Size" })] }), _jsx("p", { className: "admin-text-muted text-sm mb-4", children: "Default package dimensions for rate calculations. You can override these per order." }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-length", className: "admin-label", children: "Length (in)" }), _jsx("input", { type: "number", id: "parcel-length", value: shippoDefaultParcel.length, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, length: parseFloat(e.target.value) || 0 })), min: "0", step: "0.5", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-width", className: "admin-label", children: "Width (in)" }), _jsx("input", { type: "number", id: "parcel-width", value: shippoDefaultParcel.width, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, width: parseFloat(e.target.value) || 0 })), min: "0", step: "0.5", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-height", className: "admin-label", children: "Height (in)" }), _jsx("input", { type: "number", id: "parcel-height", value: shippoDefaultParcel.height, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, height: parseFloat(e.target.value) || 0 })), min: "0", step: "0.5", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-weight", className: "admin-label", children: "Weight (oz)" }), _jsx("input", { type: "number", id: "parcel-weight", value: shippoDefaultParcel.weight, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, weight: parseFloat(e.target.value) || 0 })), min: "0", step: "1", className: "admin-input mt-1 w-full" })] })] }), _jsx("p", { className: "admin-helper-text mt-2", children: "Typical small box: 10\u00D78\u00D74 in, 16 oz" })] })] }))] })), shippingEnabled && (_jsx(AdminSaveBar, { isDirty: isDirty, onSave: handleSaveSettings, onDiscard: () => {
+                                    }, onDeleteRate: handleDeleteRateClick, formatCurrency: formatCurrency }, carrier.id))) }))] })] })), shippingEnabled && (_jsx(AdminSaveBar, { isDirty: isDirty, onSave: handleSaveSettings, onDiscard: () => {
                     if (!baselineValue)
                         return;
                     setShippingCountries(baselineValue.shippingCountries);
-                    setShippingMode(baselineValue.shippingMode);
-                    setShippoTestMode(baselineValue.shippoTestMode);
-                    setShippoFromAddress(baselineValue.shippoFromAddress);
-                    setShippoDefaultParcel(baselineValue.shippoDefaultParcel);
-                } })), showCarrierForm && (_jsx(CarrierFormModal, { carrier: editingCarrier, onClose: () => {
+                } })), showCarrierForm && (_jsx(CarrierFormModal, { carrier: editingCarrier, existingProviders: carriers.map((c) => c.provider || 'manual'), onClose: () => {
                     setShowCarrierForm(false);
                     setEditingCarrier(null);
                 }, onSuccess: () => {
@@ -405,7 +298,7 @@ export function ShippingSettings({ className }) {
                     setShowZoneForm(false);
                     setEditingZone(null);
                     fetchData();
-                } })), showRateForm && editingRate && (_jsx(RateFormModal, { zoneId: editingRate.zoneId, rate: editingRate.rate, onClose: () => {
+                } })), showRateForm && editingRate && (_jsx(RateFormModal, { zoneId: editingRate.zoneId, provider: editingRate.provider, rate: editingRate.rate, onClose: () => {
                     setShowRateForm(false);
                     setEditingRate(null);
                 }, onSuccess: () => {
@@ -421,14 +314,42 @@ export function ShippingSettings({ className }) {
 // =============================================================================
 // Carrier Form Modal (NEW)
 // =============================================================================
-function CarrierFormModal({ carrier, onClose, onSuccess, }) {
+const PROVIDER_CHOICES = [
+    {
+        value: 'manual',
+        label: 'Manual rates',
+        hint: 'You set the prices — zones, cart thresholds, customer groups.',
+    },
+    {
+        value: 'colissimo',
+        label: 'Colissimo (La Poste)',
+        hint: 'Your rates + label generation and point relais delivery in France.',
+        defaults: { name: 'Colissimo', code: 'colissimo' },
+    },
+    {
+        value: 'shippo',
+        label: 'Shippo',
+        hint: 'Live carrier rates (USPS, UPS, FedEx…) quoted at checkout.',
+        defaults: { name: 'Carrier rates', code: 'shippo' },
+    },
+];
+function CarrierFormModal({ carrier, existingProviders = [], onClose, onSuccess, }) {
     const isEdit = !!carrier;
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
+    const [provider, setProvider] = useState(carrier?.provider || 'manual');
     const [name, setName] = useState(carrier?.name || '');
     const [code, setCode] = useState(carrier?.code || '');
     const [description, setDescription] = useState(carrier?.description || '');
     const [isActive, setIsActive] = useState(carrier?.isActive ?? true);
+    const handleProviderChange = (value) => {
+        setProvider(value);
+        const choice = PROVIDER_CHOICES.find((c) => c.value === value);
+        if (!isEdit && choice?.defaults) {
+            setName((prev) => prev || choice.defaults.name);
+            setCode((prev) => prev || choice.defaults.code);
+        }
+    };
     // Auto-generate code from name
     const handleNameChange = (value) => {
         setName(value);
@@ -457,6 +378,8 @@ function CarrierFormModal({ carrier, onClose, onSuccess, }) {
                 name,
                 code,
                 description: description || undefined,
+                // Provider is set at creation and immutable afterwards.
+                ...(isEdit ? {} : { provider }),
                 isActive,
             }),
         });
@@ -467,7 +390,14 @@ function CarrierFormModal({ carrier, onClose, onSuccess, }) {
         }
         onSuccess();
     };
-    return (_jsx(AdminModal, { open: true, onClose: onClose, busy: isLoading, width: "md", title: isEdit ? 'Edit shipping carrier' : 'Add shipping carrier', showClose: true, footer: _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onClose, disabled: isLoading, className: "admin-btn admin-btn-secondary", children: "Cancel" }), _jsx("button", { type: "submit", form: "carrier-form", disabled: isLoading || !name.trim() || !code.trim(), className: "admin-btn admin-btn-primary", children: isLoading ? 'Saving…' : isEdit ? 'Update carrier' : 'Create carrier' })] }), children: _jsx("form", { id: "carrier-form", onSubmit: handleSubmit, children: _jsxs("div", { className: "admin-modal-body", children: [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(AdminSwitch, { checked: isActive, onChange: setIsActive, "aria-label": "Active" })] })] })] }) }) }));
+    return (_jsx(AdminModal, { open: true, onClose: onClose, busy: isLoading, width: "md", title: isEdit ? 'Edit shipping carrier' : 'Add shipping carrier', showClose: true, footer: _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onClose, disabled: isLoading, className: "admin-btn admin-btn-secondary", children: "Cancel" }), _jsx("button", { type: "submit", form: "carrier-form", disabled: isLoading || !name.trim() || !code.trim(), className: "admin-btn admin-btn-primary", children: isLoading ? 'Saving…' : isEdit ? 'Update carrier' : 'Create carrier' })] }), children: _jsx("form", { id: "carrier-form", onSubmit: handleSubmit, children: _jsxs("div", { className: "admin-modal-body", children: [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: [!isEdit && (_jsxs("div", { children: [_jsx("label", { className: "admin-label admin-label-required", children: "Carrier type" }), _jsx("div", { className: "mt-1 space-y-2", children: PROVIDER_CHOICES.map((choice) => {
+                                            const taken = choice.value !== 'manual' && existingProviders.includes(choice.value);
+                                            return (_jsxs("label", { className: `flex items-start gap-3 rounded-lg border p-3 ${taken
+                                                    ? 'cursor-not-allowed opacity-50 border-[hsl(var(--admin-border))]'
+                                                    : provider === choice.value
+                                                        ? 'cursor-pointer border-[hsl(var(--admin-primary))] bg-[hsl(var(--admin-primary-light))]'
+                                                        : 'cursor-pointer border-[hsl(var(--admin-border))] hover:border-[hsl(var(--admin-primary))]/50'}`, children: [_jsx("input", { type: "radio", name: "carrier-provider", value: choice.value, checked: provider === choice.value, disabled: taken, onChange: () => handleProviderChange(choice.value), className: "mt-1" }), _jsxs("span", { children: [_jsxs("span", { className: "block text-sm font-medium", children: [choice.label, taken && (_jsx("span", { className: "ml-2 text-xs text-[hsl(var(--admin-foreground-muted))]", children: "already added" }))] }), _jsx("span", { className: "block text-xs text-[hsl(var(--admin-foreground-muted))]", children: choice.hint })] })] }, choice.value));
+                                        }) })] })), _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(AdminSwitch, { checked: isActive, onChange: setIsActive, "aria-label": "Active" })] })] })] }) }) }));
 }
 // =============================================================================
 // Zone Form Modal (UPDATED - requires carrierId)
@@ -524,7 +454,7 @@ function ZoneFormModal({ carrierId, zone, onClose, onSuccess, }) {
 // =============================================================================
 // Rate Form Modal
 // =============================================================================
-function RateFormModal({ zoneId, rate, onClose, onSuccess, currencySymbol, }) {
+function RateFormModal({ zoneId, provider = 'manual', rate, onClose, onSuccess, currencySymbol, }) {
     const isEdit = !!rate;
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
@@ -536,6 +466,8 @@ function RateFormModal({ zoneId, rate, onClose, onSuccess, currencySymbol, }) {
     const [maxOrderAmount, setMaxOrderAmount] = useState(rate?.maxOrderAmount != null ? String(rate.maxOrderAmount) : '');
     const [isActive, setIsActive] = useState(rate?.isActive ?? true);
     const [visibleToGroups, setVisibleToGroups] = useState(rate?.visibleToGroups ?? []);
+    // Delivery type (colissimo carriers): home delivery or pickup point (relay).
+    const [fulfillment, setFulfillment] = useState(rate?.fulfillment ?? 'home');
     // Free shipping is simply a $0 rate (optionally gated by a "free over X"
     // minimum). Surfacing it as an explicit mode means merchants don't have to
     // discover the price-0 trick. An existing rate priced at 0 opens in this mode.
@@ -574,6 +506,7 @@ function RateFormModal({ zoneId, rate, onClose, onSuccess, currencySymbol, }) {
                 maxOrderAmount: maxOrderAmount ? parseFloat(maxOrderAmount) : undefined,
                 isActive,
                 visibleToGroups,
+                ...(provider === 'colissimo' ? { fulfillment } : {}),
             }),
         });
         setIsLoading(false);
@@ -583,8 +516,254 @@ function RateFormModal({ zoneId, rate, onClose, onSuccess, currencySymbol, }) {
         }
         onSuccess();
     };
-    return (_jsx(AdminModal, { open: true, onClose: onClose, busy: isLoading, width: "md", title: isEdit ? 'Edit shipping rate' : 'Add shipping rate', showClose: true, footer: _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onClose, disabled: isLoading, className: "admin-btn admin-btn-secondary", children: "Cancel" }), _jsx("button", { type: "submit", form: "shipping-rate-form", disabled: isLoading || !name.trim() || (!isFree && !price), className: "admin-btn admin-btn-primary", children: isLoading ? 'Saving…' : isEdit ? 'Update rate' : 'Create rate' })] }), children: _jsx("form", { id: "shipping-rate-form", onSubmit: handleSubmit, children: _jsxs("div", { className: "admin-modal-body", children: [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", { className: "admin-label", children: "Rate type" }), _jsxs("div", { className: "mt-1 grid grid-cols-2 gap-2", children: [_jsx("button", { type: "button", onClick: () => selectRateType(false), className: `admin-btn ${!isFree ? 'admin-btn-primary' : 'admin-btn-secondary'}`, children: "Paid rate" }), _jsx("button", { type: "button", onClick: () => selectRateType(true), className: `admin-btn ${isFree ? 'admin-btn-primary' : 'admin-btn-secondary'}`, children: "Free shipping" })] })] }), _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" })] }), isFree ? (_jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Price" }), _jsx("div", { className: "admin-input mt-1 flex items-center text-[hsl(var(--admin-foreground-muted))]", children: "Free \u2014 no shipping charge to the customer" })] })) : (_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-1 sm:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "minOrderAmount", className: "admin-label", children: isFree ? 'Free above' : '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: isFree
+    return (_jsx(AdminModal, { open: true, onClose: onClose, busy: isLoading, width: "md", title: isEdit ? 'Edit shipping rate' : 'Add shipping rate', showClose: true, footer: _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onClose, disabled: isLoading, className: "admin-btn admin-btn-secondary", children: "Cancel" }), _jsx("button", { type: "submit", form: "shipping-rate-form", disabled: isLoading || !name.trim() || (!isFree && !price), className: "admin-btn admin-btn-primary", children: isLoading ? 'Saving…' : isEdit ? 'Update rate' : 'Create rate' })] }), children: _jsx("form", { id: "shipping-rate-form", onSubmit: handleSubmit, children: _jsxs("div", { className: "admin-modal-body", children: [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: [provider === 'colissimo' && (_jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Delivery type" }), _jsxs("div", { className: "mt-1 grid grid-cols-2 gap-2", children: [_jsx("button", { type: "button", onClick: () => setFulfillment('home'), className: `admin-btn ${fulfillment === 'home' ? 'admin-btn-primary' : 'admin-btn-secondary'}`, children: "Home delivery" }), _jsx("button", { type: "button", onClick: () => {
+                                                    setFulfillment('relay');
+                                                    if (!name.trim())
+                                                        setName('Point relais');
+                                                }, className: `admin-btn ${fulfillment === 'relay' ? 'admin-btn-primary' : 'admin-btn-secondary'}`, children: "Pickup point (relais)" })] }), fulfillment === 'relay' && (_jsx("p", { className: "admin-helper-text mt-1", children: "Customers pick a Colissimo point relais at checkout. A French mobile number is required on the order." }))] })), _jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Rate type" }), _jsxs("div", { className: "mt-1 grid grid-cols-2 gap-2", children: [_jsx("button", { type: "button", onClick: () => selectRateType(false), className: `admin-btn ${!isFree ? 'admin-btn-primary' : 'admin-btn-secondary'}`, children: "Paid rate" }), _jsx("button", { type: "button", onClick: () => selectRateType(true), className: `admin-btn ${isFree ? 'admin-btn-primary' : 'admin-btn-secondary'}`, children: "Free shipping" })] })] }), _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" })] }), isFree ? (_jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Price" }), _jsx("div", { className: "admin-input mt-1 flex items-center text-[hsl(var(--admin-foreground-muted))]", children: "Free \u2014 no shipping charge to the customer" })] })) : (_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-1 sm:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "minOrderAmount", className: "admin-label", children: isFree ? 'Free above' : '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: isFree
                                     ? 'Set a minimum order for free shipping, or leave both blank to always ship free.'
                                     : 'Leave empty for no restrictions' }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "admin-label", children: "Active" }), _jsx(AdminSwitch, { checked: isActive, onChange: setIsActive, "aria-label": "Active" })] })] }), _jsx(GroupVisibilityPicker, { value: visibleToGroups, onChange: setVisibleToGroups, noun: "shipping rate" })] }) }) }));
 }
+/**
+ * Colissimo connection panel — renders INSIDE the colissimo carrier card
+ * (transactional editor: its own Save & Verify, outside the page's
+ * AdminSaveBar document flow). The password is write-only: the server never
+ * returns it (getColissimoConfig exposes hasPassword only), and saving
+ * without re-typing it keeps the stored one. Relay PRICING is not here —
+ * relay offers are ordinary rates (delivery type "Pickup point") under the
+ * carrier's zones below.
+ */
+function ColissimoPanel() {
+    const [isLoading, setIsLoading] = useState(true);
+    const [config, setConfig] = useState(null);
+    // Form state
+    const [contractNumber, setContractNumber] = useState('');
+    const [password, setPassword] = useState('');
+    const [sender, setSender] = useState({
+        companyName: '', line2: '', zipCode: '', city: '', countryCode: 'FR',
+    });
+    const [defaultWeightKg, setDefaultWeightKg] = useState('0.5');
+    const [isSaving, setIsSaving] = useState(false);
+    const [isDisconnecting, setIsDisconnecting] = useState(false);
+    const [error, setError] = useState(null);
+    const isConnected = !!config && config.enabled && !!config.contractNumber && config.hasPassword;
+    const hydrateForm = useCallback((cfg) => {
+        setContractNumber(cfg.contractNumber || '');
+        if (cfg.senderAddress) {
+            setSender({
+                companyName: cfg.senderAddress.companyName || '',
+                line2: cfg.senderAddress.line2 || '',
+                zipCode: cfg.senderAddress.zipCode || '',
+                city: cfg.senderAddress.city || '',
+                countryCode: cfg.senderAddress.countryCode || 'FR',
+            });
+        }
+        if (cfg.defaultWeightKg)
+            setDefaultWeightKg(String(cfg.defaultWeightKg));
+    }, []);
+    // Pattern C — populate state from async-loaded data.
+    useEffect(() => {
+        let cancelled = false;
+        fetchAdminApi('/api/admin/shipping/colissimo').then((res) => {
+            if (cancelled)
+                return;
+            // eslint-disable-next-line react-hooks/set-state-in-effect
+            setIsLoading(false);
+            if (res.ok) {
+                setConfig(res.data.config);
+                hydrateForm(res.data.config);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [hydrateForm]);
+    const handleSave = useCallback(async () => {
+        setError(null);
+        if (!contractNumber.trim()) {
+            setError('Enter your Colissimo contract number.');
+            return;
+        }
+        if (!config?.hasPassword && !password.trim()) {
+            setError('Enter your Colissimo password.');
+            return;
+        }
+        setIsSaving(true);
+        const res = await fetchAdminApi('/api/admin/shipping/colissimo', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                contractNumber: contractNumber.trim(),
+                ...(password.trim() ? { password: password.trim() } : {}),
+                enabled: true,
+                senderAddress: sender.companyName && sender.line2 && sender.zipCode && sender.city
+                    ? sender
+                    : undefined,
+                defaultWeightKg: defaultWeightKg || undefined,
+            }),
+        });
+        setIsSaving(false);
+        if (!res.ok) {
+            setError(res.error);
+            return;
+        }
+        setPassword('');
+        adminToast.success('Colissimo connected');
+        // Re-fetch so the connected chip reflects server truth.
+        const refreshed = await fetchAdminApi('/api/admin/shipping/colissimo');
+        if (refreshed.ok) {
+            setConfig(refreshed.data.config);
+            hydrateForm(refreshed.data.config);
+        }
+    }, [contractNumber, password, sender, defaultWeightKg, config, hydrateForm]);
+    const handleDisconnect = useCallback(async () => {
+        setIsDisconnecting(true);
+        setError(null);
+        const res = await fetchAdminApi('/api/admin/shipping/colissimo', {
+            method: 'DELETE',
+        });
+        setIsDisconnecting(false);
+        if (!res.ok) {
+            setError(res.error);
+            return;
+        }
+        adminToast.success('Colissimo disconnected');
+        setConfig((prev) => (prev ? { ...prev, enabled: false, hasPassword: false } : prev));
+        setPassword('');
+    }, []);
+    if (isLoading)
+        return null;
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h4", { className: "text-sm font-semibold text-[hsl(var(--admin-foreground))]", children: "Connection" }), isConnected && (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm text-[hsl(var(--admin-success))]", children: [_jsx(Check, { className: "h-4 w-4" }), " Connected"] }))] }), _jsx("p", { className: "admin-text-muted text-sm mb-4", children: "Colissimo generates shipping labels from your orders and delivers to points relais. Prices come from this carrier's zones and rates below \u2014 add a rate with delivery type \u201CPickup point\u201D to offer point relais at checkout." }), error && _jsx("div", { className: "admin-alert admin-alert-error mb-4", children: error }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { className: "admin-label", htmlFor: "colissimo-contract", children: "Contract number" }), _jsx("input", { id: "colissimo-contract", type: "text", value: contractNumber, onChange: (e) => setContractNumber(e.target.value), placeholder: "123456", autoComplete: "off", className: "admin-input", style: { width: '100%' } })] }), _jsxs("div", { children: [_jsxs("label", { className: "admin-label", htmlFor: "colissimo-password", children: ["Password ", config?.hasPassword && _jsx("span", { className: "admin-text-muted", children: "(stored \u2014 leave blank to keep)" })] }), _jsx("input", { id: "colissimo-password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: config?.hasPassword ? '••••••••' : 'Colissimo password', autoComplete: "new-password", className: "admin-input", style: { width: '100%' } })] })] }), _jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Ship-from address" }), _jsxs("div", { className: "grid grid-cols-2 gap-3 mt-1", children: [_jsx("input", { type: "text", value: sender.companyName, onChange: (e) => setSender((p) => ({ ...p, companyName: e.target.value })), placeholder: "Company name", className: "admin-input", style: { width: '100%' } }), _jsx("input", { type: "text", value: sender.line2, onChange: (e) => setSender((p) => ({ ...p, line2: e.target.value })), placeholder: "Street address", className: "admin-input", style: { width: '100%' } }), _jsx("input", { type: "text", value: sender.zipCode, onChange: (e) => setSender((p) => ({ ...p, zipCode: e.target.value })), placeholder: "Postal code", className: "admin-input", style: { width: '100%' } }), _jsx("input", { type: "text", value: sender.city, onChange: (e) => setSender((p) => ({ ...p, city: e.target.value })), placeholder: "City", className: "admin-input", style: { width: '100%' } })] })] }), _jsx("div", { className: "grid grid-cols-2 gap-4", children: _jsxs("div", { children: [_jsx("label", { className: "admin-label", htmlFor: "colissimo-default-weight", children: "Default item weight (kg)" }), _jsx("input", { id: "colissimo-default-weight", type: "number", min: "0.01", max: "30", step: "0.01", value: defaultWeightKg, onChange: (e) => setDefaultWeightKg(e.target.value), className: "admin-input", style: { width: '100%' } }), _jsx("p", { className: "admin-helper-text mt-1", children: "Used for items without a weight custom field." })] }) }), _jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx("button", { type: "button", onClick: handleSave, disabled: isSaving, className: "admin-btn admin-btn-primary disabled:opacity-50", children: isSaving ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "admin-spinner admin-spinner-sm mr-2" }), "Verifying with Colissimo\u2026"] })) : ('Save & Verify') }), isConnected && (_jsx("button", { type: "button", onClick: handleDisconnect, disabled: isDisconnecting, className: "admin-btn admin-btn-ghost text-[hsl(var(--admin-error))] hover:bg-[hsl(var(--admin-error))]/10 disabled:opacity-50", children: isDisconnecting ? _jsx("span", { className: "admin-spinner admin-spinner-sm" }) : 'Disconnect' }))] }), _jsx("p", { className: "admin-helper-text", children: "Requires a Colissimo Entreprise contract. Credentials are verified with Colissimo before saving and stored server-side only." })] })] }));
+}
+// =============================================================================
+// Shippo Panel (renders inside the shippo carrier card)
+// =============================================================================
+/**
+ * Shippo connection + configuration panel — renders INSIDE the shippo
+ * carrier card (transactional editor: its own Save, outside the page's
+ * AdminSaveBar document flow). Owns the API key lifecycle plus the
+ * ship-from address and default parcel used for live rate quotes.
+ */
+function ShippoPanel() {
+    const [isLoading, setIsLoading] = useState(true);
+    const [shippoTestMode, setShippoTestMode] = useState(true);
+    const [shippoFromAddress, setShippoFromAddress] = useState(DEFAULT_FROM_ADDRESS);
+    const [shippoDefaultParcel, setShippoDefaultParcel] = useState(DEFAULT_PARCEL);
+    const [isSaving, setIsSaving] = useState(false);
+    // API key lifecycle
+    const [shippoKeyValid, setShippoKeyValid] = useState(null);
+    const [isValidatingShippo, setIsValidatingShippo] = useState(false);
+    const [shippoApiKeyInput, setShippoApiKeyInput] = useState('');
+    const [isSavingApiKey, setIsSavingApiKey] = useState(false);
+    const [hasStoredKey, setHasStoredKey] = useState(false);
+    const [maskedKey, setMaskedKey] = useState(null);
+    const [isDeletingApiKey, setIsDeletingApiKey] = useState(false);
+    const handleValidateShippoKey = useCallback(async () => {
+        setIsValidatingShippo(true);
+        setShippoKeyValid(null);
+        const res = await fetchAdminApi('/api/admin/shipping/shippo/validate', { method: 'POST' });
+        setIsValidatingShippo(false);
+        if (!res.ok) {
+            setShippoKeyValid(false);
+            setHasStoredKey(false);
+            setMaskedKey(null);
+            adminToast.error(res.error);
+            return;
+        }
+        setShippoKeyValid(res.data.valid ?? false);
+        setHasStoredKey(res.data.hasStoredKey ?? false);
+        setMaskedKey(res.data.maskedKey ?? null);
+    }, []);
+    // Pattern C — populate state from async-loaded settings + validate the key.
+    useEffect(() => {
+        let cancelled = false;
+        fetchAdminApi('/api/admin/settings').then((res) => {
+            if (cancelled)
+                return;
+            // eslint-disable-next-line react-hooks/set-state-in-effect
+            setIsLoading(false);
+            if (!res.ok)
+                return;
+            const settings = res.data.settings || {};
+            const storeCountry = typeof settings.storeCountry === 'string' && settings.storeCountry.length === 2
+                ? settings.storeCountry
+                : null;
+            setShippoTestMode(settings.shippoTestMode ?? true);
+            if (settings.shippoFromAddress) {
+                setShippoFromAddress(settings.shippoFromAddress);
+            }
+            else if (storeCountry) {
+                setShippoFromAddress({ ...DEFAULT_FROM_ADDRESS, country: storeCountry });
+            }
+            if (settings.shippoDefaultParcel) {
+                setShippoDefaultParcel(settings.shippoDefaultParcel);
+            }
+        });
+        handleValidateShippoKey();
+        return () => {
+            cancelled = true;
+        };
+    }, [handleValidateShippoKey]);
+    const handleSaveShippoApiKey = useCallback(async () => {
+        if (!shippoApiKeyInput.trim())
+            return;
+        setIsSavingApiKey(true);
+        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) {
+            adminToast.error(res.error);
+            return;
+        }
+        setHasStoredKey(true);
+        setMaskedKey(res.data.maskedKey ?? null);
+        setShippoApiKeyInput('');
+        setShippoKeyValid(true);
+        adminToast.success('API key saved and verified');
+    }, [shippoApiKeyInput]);
+    const handleRemoveApiKey = useCallback(async () => {
+        setIsDeletingApiKey(true);
+        const res = await fetchAdminApi('/api/admin/shipping/shippo/api-key', {
+            method: 'DELETE',
+        });
+        setIsDeletingApiKey(false);
+        if (!res.ok) {
+            adminToast.error(res.error);
+            return;
+        }
+        setHasStoredKey(false);
+        setMaskedKey(null);
+        adminToast.success('API key removed');
+        // Re-validate to check if env var exists
+        handleValidateShippoKey();
+    }, [handleValidateShippoKey]);
+    const handleSaveConfig = useCallback(async () => {
+        setIsSaving(true);
+        const res = await fetchAdminApi('/api/admin/settings', {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ shippoTestMode, shippoFromAddress, shippoDefaultParcel }),
+        });
+        setIsSaving(false);
+        if (!res.ok) {
+            adminToast.error(res.error);
+            return;
+        }
+        adminToast.success('Shippo settings saved');
+    }, [shippoTestMode, shippoFromAddress, shippoDefaultParcel]);
+    if (isLoading)
+        return null;
+    return (_jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "p-4 rounded-lg border border-[hsl(var(--admin-border))] bg-[hsl(var(--admin-card))]", children: [shippoKeyValid === true ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[hsl(var(--admin-success))]/20 flex items-center justify-center", children: _jsx(Check, { className: "h-5 w-5 text-[hsl(var(--admin-success))]" }) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-[hsl(var(--admin-foreground))]", children: "Connected" }), _jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: hasStoredKey ? (_jsxs(_Fragment, { children: ["API key: ", _jsx("code", { className: "px-1 py-0.5 rounded bg-[hsl(var(--admin-background))] text-xs", children: maskedKey })] })) : ('Using environment variable') })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [hasStoredKey && (_jsx("button", { type: "button", onClick: handleRemoveApiKey, disabled: isDeletingApiKey, className: "admin-btn admin-btn-ghost admin-btn-sm text-[hsl(var(--admin-error))] hover:bg-[hsl(var(--admin-error))]/10", children: isDeletingApiKey ? _jsx("span", { className: "admin-spinner admin-spinner-sm" }) : 'Remove key' })), _jsx("button", { type: "button", onClick: handleValidateShippoKey, disabled: isValidatingShippo, className: "admin-btn admin-btn-secondary disabled:opacity-50", children: isValidatingShippo ? _jsx(RefreshCw, { className: "h-4 w-4 animate-spin" }) : 'Re-verify' })] })] })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-10 w-10 rounded-full bg-[hsl(var(--admin-warning))]/20 flex items-center justify-center", children: isValidatingShippo ? (_jsx("span", { className: "admin-spinner admin-spinner-sm" })) : (_jsx(Key, { className: "h-5 w-5 text-[hsl(var(--admin-warning))]" })) }), _jsxs("div", { children: [_jsx("p", { className: "font-medium text-[hsl(var(--admin-foreground))]", children: isValidatingShippo
+                                                    ? 'Verifying…'
+                                                    : hasStoredKey && shippoKeyValid === false
+                                                        ? 'API Key Invalid'
+                                                        : 'API Key Required' }), _jsx("p", { className: "text-sm text-[hsl(var(--admin-foreground-muted))]", children: isValidatingShippo
+                                                    ? 'Checking your Shippo connection…'
+                                                    : hasStoredKey && shippoKeyValid === false
+                                                        ? `Current key (${maskedKey}) is invalid. Enter a new key.`
+                                                        : 'Enter your Shippo API key to enable live carrier rates.' })] })] }), !isValidatingShippo && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex gap-2", children: [_jsx("input", { type: "password", value: shippoApiKeyInput, onChange: (e) => setShippoApiKeyInput(e.target.value), placeholder: "shippo_live_\u2026", className: "admin-input flex-1" }), _jsx("button", { type: "button", onClick: handleSaveShippoApiKey, disabled: isSavingApiKey || !shippoApiKeyInput.trim(), className: "admin-btn admin-btn-primary disabled:opacity-50", children: isSavingApiKey ? _jsx("span", { className: "admin-spinner admin-spinner-sm" }) : 'Save & Verify' })] }), _jsxs("p", { className: "text-xs text-[hsl(var(--admin-foreground-muted))]", children: ["Get your API key from", ' ', _jsxs("a", { href: "https://apps.goshippo.com/settings/api", target: "_blank", rel: "noopener noreferrer", className: "text-[hsl(var(--admin-primary))] hover:underline inline-flex items-center gap-1", children: ["Shippo Dashboard", _jsx(ExternalLink, { className: "h-3 w-3" })] })] })] }))] })), _jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-[hsl(var(--admin-border))]", children: [_jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Test Mode" }), _jsx("p", { className: "admin-text-muted text-sm", children: "Use Shippo test API for development (free API calls)" })] }), _jsx(AdminSwitch, { checked: shippoTestMode, onChange: setShippoTestMode, "aria-label": "Test mode" })] })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(MapPin, { className: "h-4 w-4 text-[hsl(var(--admin-primary))]" }), _jsx("h4", { className: "text-sm font-semibold text-[hsl(var(--admin-foreground))]", children: "Ship-From Address" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-name", className: "admin-label", children: "Name" }), _jsx("input", { type: "text", id: "shippo-name", value: shippoFromAddress.name, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, name: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "John Smith" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-company", className: "admin-label", children: "Company (optional)" }), _jsx("input", { type: "text", id: "shippo-company", value: shippoFromAddress.company || '', onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, company: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "Acme Inc." })] }), _jsxs("div", { className: "md:col-span-2", children: [_jsx("label", { htmlFor: "shippo-street1", className: "admin-label", children: "Street Address" }), _jsx("input", { type: "text", id: "shippo-street1", value: shippoFromAddress.street1, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, street1: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "123 Main St" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-city", className: "admin-label", children: "City" }), _jsx("input", { type: "text", id: "shippo-city", value: shippoFromAddress.city, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, city: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "San Francisco" })] }), shippoFromAddress.country === 'US' && (_jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-state", className: "admin-label", children: "State" }), _jsx(AdminSelect, { id: "shippo-state", value: shippoFromAddress.state, onChange: (value) => setShippoFromAddress((prev) => ({ ...prev, state: value })), placeholder: "Select state\u2026", options: US_STATES.map((state) => ({ value: state.code, label: state.name })), className: "mt-1 w-full" })] })), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-zip", className: "admin-label", children: "ZIP Code" }), _jsx("input", { type: "text", id: "shippo-zip", value: shippoFromAddress.zip, onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, zip: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "94102" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-country", className: "admin-label", children: "Country" }), _jsx(AdminSelect, { id: "shippo-country", value: shippoFromAddress.country, onChange: (value) => setShippoFromAddress((prev) => ({ ...prev, country: value })), options: COMMON_COUNTRIES.map((country) => ({ value: country.code, label: country.name })), className: "mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "shippo-phone", className: "admin-label", children: "Phone (optional)" }), _jsx("input", { type: "tel", id: "shippo-phone", value: shippoFromAddress.phone || '', onChange: (e) => setShippoFromAddress((prev) => ({ ...prev, phone: e.target.value })), className: "admin-input mt-1 w-full", placeholder: "+1 555 123 4567" })] })] })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Box, { className: "h-4 w-4 text-[hsl(var(--admin-primary))]" }), _jsx("h4", { className: "text-sm font-semibold text-[hsl(var(--admin-foreground))]", children: "Default Package Size" })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-length", className: "admin-label", children: "Length (in)" }), _jsx("input", { type: "number", id: "parcel-length", value: shippoDefaultParcel.length, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, length: parseFloat(e.target.value) || 0 })), min: "0", step: "0.5", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-width", className: "admin-label", children: "Width (in)" }), _jsx("input", { type: "number", id: "parcel-width", value: shippoDefaultParcel.width, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, width: parseFloat(e.target.value) || 0 })), min: "0", step: "0.5", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-height", className: "admin-label", children: "Height (in)" }), _jsx("input", { type: "number", id: "parcel-height", value: shippoDefaultParcel.height, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, height: parseFloat(e.target.value) || 0 })), min: "0", step: "0.5", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "parcel-weight", className: "admin-label", children: "Weight (oz)" }), _jsx("input", { type: "number", id: "parcel-weight", value: shippoDefaultParcel.weight, onChange: (e) => setShippoDefaultParcel((prev) => ({ ...prev, weight: parseFloat(e.target.value) || 0 })), min: "0", step: "1", className: "admin-input mt-1 w-full" })] })] }), _jsx("p", { className: "admin-helper-text mt-2", children: "Typical small box: 10\u00D78\u00D74 in, 16 oz" })] }), _jsx("div", { children: _jsx("button", { type: "button", onClick: handleSaveConfig, disabled: isSaving, className: "admin-btn admin-btn-primary disabled:opacity-50", children: isSaving ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "admin-spinner admin-spinner-sm mr-2" }), "Saving\u2026"] })) : ('Save Shippo settings') }) })] }));
+}
 //# sourceMappingURL=ShippingSettings.js.map