@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/console/product-editor-dialog.component.js

@@ -0,0 +1,1374 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as CommerceModel from "../../model/index.js";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Timestamp } from "@aglyn/shared-util-timestamp";
+import { Alert, Autocomplete, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, Divider, IconButton, MenuItem, Stack, TableBody, TableCell, TableHead, TableRow, TextField, Typography } from "@mui/material";
+import { collection, doc, getDoc, setDoc } from "firebase/firestore";
+import { useCallback, useMemo, useState } from "react";
+import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection, useHostResourceApi, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { useMediaPicker } from "@aglyn/aglyn";
+import { useConsoleWidgetSlot } from "@aglyn/aglyn/app-utils/console-widget-slot-context";
+import { seoListingFieldCount, seoListingFieldTooLong } from "@aglyn/aglyn/app-utils/seo-listing-fields";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { EntitlementUpsell, useCommerceEntitlement } from "./entitlement-gate.component.js";
+import { MembersVideosField, PaidDownloadAddButton, PaidMediaProtection } from "./paid-media.js";
+/**
+ * What each picker in this dialog will offer.
+ *
+ * Every one is a chooser rather than a list, so the ceiling is the number of
+ * options a reader can meaningfully scan, and the walk that reaches it is
+ * ordered by document name — a picker that silently omits an option is worse
+ * than one that admits it stops, because the omission looks like the option
+ * not existing.
+ */ const CATEGORY_CEILING = 250;
+const RELATED_PRODUCT_CEILING = 300;
+const SUPPLIER_CEILING = 50;
+/**
+ * The search listing fields this editor holds (AGL-2910): `product.seo`
+ * carries a title and a description beside its share image, and nothing
+ * else a listing zone may propose.
+ */ const PRODUCT_SEO_LISTING_FIELDS = [
+    'title',
+    'description'
+];
+/** A product nobody has saved yet, as the editor starts one. */ function blankProduct() {
+    return {
+        name: '',
+        slug: '',
+        type: 'physical',
+        status: 'draft',
+        variants: [
+            {
+                id: 'default',
+                priceUsd: 0
+            }
+        ]
+    };
+}
+/** Stable key for matching variants across matrix regenerations. */ function comboKey(options) {
+    return Object.entries(options != null ? options : {}).sort(([a], [b])=>a.localeCompare(b)).map(([name, value])=>`${name}:${value}`).join('|');
+}
+function comboLabel(options) {
+    const values = Object.values(options != null ? options : {});
+    return values.length ? values.join(' / ') : 'Default';
+}
+/**
+ * Products hub editor (AGL-279): the full catalog editor — basics,
+ * media, tags, options → variants matrix, per-variant pricing/stock, and
+ * SEO overrides. Saving denormalizes `priceUsd`/`inventory` from the
+ * first variant so the legacy Product block + checkout API (AGL-90) keep
+ * charging correctly without reading the variants array.
+ */ export function ProductEditorDialog(props) {
+    var _ref, _ref1, _current_description, _current_tags, _current_categoryIds, _current_options, _current_mediaUrls, _ref2, _ref3, _current_supplierId, _current_description1, _current_tags1, _current_mediaUrls1, _current_options1, _ref4, _subs_planLabel, _gifts_planLabel, _subs_planLabel1, _gifts_planLabel1, _current_oversellPolicy, _gifts_planLabel2, _gifts_planLabel3, _current_lowStockThreshold, _subs_planLabel2, _current_subscription_trialDays, _current_digitalFiles, _current_downloadLimit, _current_gatedVideos, _ref5, _ref6, _ref7, _current_description2, _ref8, _ref9;
+    var _current_seo, _current_seo1, _current_options2, _current_seo2, _current_seo3, _current_seo4, _current_seo5, _current_seo6, _current_seo7, _current_seo8, _current_seo9, _current_seo10, _current_seo11;
+    const { hostId, product, seedFromCache, seedUnreadable, open, onClose } = props;
+    /**
+   * Field-level entitlement gates (AGL-2080). Both of these were fully
+   * configurable by an unentitled org and refused only at checkout — by
+   * `server/checkout.ts:149` for subscriptions and `:157` /
+   * `cart-checkout.ts:156` for gift cards. The operator saw a saved product;
+   * the buyer saw the refusal.
+   *
+   * `ready && !entitled`, never `!entitled`. `checkEntitlement(undefined)`
+   * resolves the FREE tier rather than "unknown", so gating on the raw call
+   * would disable these controls at a PAYING org for the render or two its
+   * org doc is in flight. Erring open for that window costs nothing — the
+   * server enforces regardless — while erring closed is a paying customer
+   * told they cannot use what they bought.
+   */ const subs = useCommerceEntitlement(hostId, 'storefrontSubscriptions');
+    const gifts = useCommerceEntitlement(hostId, 'giftCards');
+    const subsLocked = subs.ready && !subs.entitled;
+    const giftsLocked = gifts.ready && !gifts.entitled;
+    const firestore = useFirestore();
+    const createHostResource = useHostResourceApi();
+    const { enqueueSnackbar } = useSnackbar();
+    /**
+   * The three pickers this dialog draws, read only once it is OPEN.
+   *
+   * `ProductEditorDialog` is rendered unconditionally by the products hub and
+   * takes `open` as a prop, so its body runs on every render of that page. A
+   * listener built here without the gate subscribes whether or not anyone
+   * opens the editor, which charges every visit to the catalog for three
+   * collections the visitor never sees.
+   *
+   * `null` is what `useFirestoreCollection` takes to mean "do not subscribe",
+   * so the closed dialog costs nothing and the open one pays once.
+   */ const { data: categoryDocs } = useFirestoreCollection(()=>open ? collectionCeiling(collection(firestore, 'hosts', hostId, 'productCategories'), CATEGORY_CEILING) : null, [
+        firestore,
+        hostId,
+        open
+    ], {
+        idField: '$id'
+    });
+    const { data: allProductDocs } = useFirestoreCollection(()=>open ? collectionCeiling(collection(firestore, 'hosts', hostId, 'products'), RELATED_PRODUCT_CEILING) : null, [
+        firestore,
+        hostId,
+        open
+    ], {
+        idField: '$id'
+    });
+    const { data: supplierDocs } = useFirestoreCollection(()=>open ? collectionCeiling(collection(firestore, 'hosts', hostId, 'suppliers'), SUPPLIER_CEILING) : null, [
+        firestore,
+        hostId,
+        open
+    ], {
+        idField: '$id'
+    });
+    const categories = useMemo(()=>ceilingedWindow(categoryDocs != null ? categoryDocs : undefined, CATEGORY_CEILING), [
+        categoryDocs
+    ]);
+    const relatedProducts = useMemo(()=>ceilingedWindow(allProductDocs != null ? allProductDocs : undefined, RELATED_PRODUCT_CEILING), [
+        allProductDocs
+    ]);
+    const suppliers = useMemo(()=>ceilingedWindow(supplierDocs != null ? supplierDocs : undefined, SUPPLIER_CEILING), [
+        supplierDocs
+    ]);
+    const lifted = useMemo(()=>product ? CommerceModel.liftLegacyProduct(product) : null, [
+        product
+    ]);
+    const [draft, setDraft] = useState(null);
+    const [slugTouched, setSlugTouched] = useState(false);
+    // The console media browser is provided by the shell (AGL-395); opening it
+    // resolves with the chosen asset (or null if cancelled).
+    const { pickMedia } = useMediaPicker();
+    const pick = useCallback(async (apply)=>{
+        const media = await (pickMedia == null ? void 0 : pickMedia());
+        if (media) apply(media);
+    }, [
+        pickMedia
+    ]);
+    // Lazy-init per open; parent remounts via `key` on product change.
+    const current = (_ref = draft != null ? draft : lifted) != null ? _ref : blankProduct();
+    const update = (patch)=>setDraft(_extends({}, current, patch));
+    /** The shell's zone renderer (AGL-2910); `null` outside the console shell. */ const WidgetSlot = useConsoleWidgetSlot();
+    /**
+   * A listing zone widget's proposal, staged into the draft like typing.
+   * Functional, because a proposal can arrive after a generation finishes,
+   * and a closure over the render that started it would put back every edit
+   * made while it ran. Only the fields a product's listing holds are taken.
+   */ const proposeSeoValues = useCallback((values)=>{
+        const staged = {};
+        for (const field of PRODUCT_SEO_LISTING_FIELDS){
+            const value = values[field];
+            if (typeof value === 'string') staged[field] = value;
+        }
+        if (!Object.keys(staged).length) return;
+        setDraft((prior)=>{
+            var _ref;
+            const base = (_ref = prior != null ? prior : lifted) != null ? _ref : blankProduct();
+            return _extends({}, base, {
+                seo: _extends({}, base.seo, staged)
+            });
+        });
+    }, [
+        lifted
+    ]);
+    /**
+   * The product zone's proposal (AGL-2916): copy staged into the draft like
+   * typing, functional for the reason `proposeSeoValues` gives. Option names
+   * go through `renameProductOptions`, so every variant keeps its price, SKU
+   * and stock.
+   */ const proposeProductValues = useCallback((values)=>{
+        setDraft((prior)=>{
+            var _ref;
+            const base = (_ref = prior != null ? prior : lifted) != null ? _ref : blankProduct();
+            return _extends({}, base, CommerceModel.productCopyPatch(base, values));
+        });
+    }, [
+        lifted
+    ]);
+    const zoneCategories = useMemo(()=>categories.rows.map((category)=>{
+            var _category_name;
+            return {
+                id: String(category.$id),
+                name: String((_category_name = category.name) != null ? _category_name : '')
+            };
+        }), [
+        categories.rows
+    ]);
+    const zoneProduct = {
+        id: (_ref1 = product == null ? void 0 : product.$id) != null ? _ref1 : null,
+        name: current.name,
+        type: current.type,
+        description: String((_current_description = current.description) != null ? _current_description : ''),
+        tags: (_current_tags = current.tags) != null ? _current_tags : [],
+        categoryIds: (_current_categoryIds = current.categoryIds) != null ? _current_categoryIds : [],
+        options: ((_current_options = current.options) != null ? _current_options : []).map((option)=>({
+                name: option.name,
+                values: option.values
+            })),
+        mediaUrls: (_current_mediaUrls = current.mediaUrls) != null ? _current_mediaUrls : [],
+        seoTitle: (_ref2 = (_current_seo = current.seo) == null ? void 0 : _current_seo.title) != null ? _ref2 : '',
+        seoDescription: (_ref3 = (_current_seo1 = current.seo) == null ? void 0 : _current_seo1.description) != null ? _ref3 : ''
+    };
+    const error = current.name ? CommerceModel.validateProduct(current) : null;
+    /**
+   * Stock tracking is inert on a subscription-only product (AGL-1744) —
+   * nothing decrements it on the first charge or on any renewal, so the
+   * editor stops offering a number it cannot keep true. Existing
+   * configuration is NOT discarded: the stored value stays on the document
+   * (this save is a full replace of `current`, and `current` is untouched
+   * here), stays visible in the disabled field, and becomes editable again
+   * the moment Billing goes back to "One-time purchase" or "Both".
+   */ const stockApplies = CommerceModel.stockTrackingApplies(current);
+    const strandedStock = stockApplies ? null : CommerceModel.productInventory(current);
+    /**
+   * The one destructive move, and the merchant makes it deliberately.
+   *
+   * Needed because the checkout gate is unchanged: a stored `0` on a
+   * subscription-only product still 409s every new subscriber, and with the
+   * field disabled that would be a trap with no way out. `inventoryByLocation`
+   * goes with it — `adjustVariantInventory` re-sums the flat count from those
+   * buckets (AGL-286), so leaving them would let a later restock resurrect a
+   * count this just cleared. Keys are DELETED rather than set undefined; the
+   * save is a client-direct `setDoc`, which rejects undefined values.
+   */ const handleClearStockTracking = ()=>{
+        update({
+            variants: current.variants.map((variant)=>{
+                const { inventoryByLocation: _perLocation } = variant, rest = _object_without_properties_loose(variant, [
+                    "inventoryByLocation"
+                ]);
+                return _extends({}, rest, {
+                    inventory: null
+                });
+            })
+        });
+    };
+    const handleName = (name)=>update(_extends({
+            name
+        }, !product && !slugTouched ? {
+            slug: CommerceModel.commerceSlug(name)
+        } : {}));
+    const handleOptionsChange = useCallback((index, patch)=>{
+        var _current_options;
+        var _current_options1;
+        // A RENAME moves each variant's selection to the new name (AGL-3066).
+        // Rebuilding the matrix matches variants by name and value, so under a
+        // new name it finds none and replaces every variant, its id, price, SKU
+        // and stock with them. Only a change of values rebuilds.
+        if (patch && ((_current_options1 = current.options) == null ? void 0 : _current_options1[index]) && Object.keys(patch).length === 1 && typeof patch.name === 'string') {
+            update(CommerceModel.renameProductOptions(current, current.options.map((option, at)=>at === index ? patch.name : option.name)));
+            return;
+        }
+        const options = [
+            ...(_current_options = current.options) != null ? _current_options : []
+        ];
+        if (patch === null) options.splice(index, 1);
+        else options[index] = _extends({
+            name: '',
+            values: []
+        }, options[index], patch);
+        // Regenerate the matrix, carrying data over by option-combo key so
+        // edits to prices/SKUs survive option tweaks.
+        const previous = new Map(current.variants.map((variant)=>[
+                comboKey(variant.options),
+                variant
+            ]));
+        const fallback = current.variants[0];
+        const variants = CommerceModel.expandVariantMatrix(options).map((combo, comboIndex)=>{
+            var _ref, _ref1;
+            const existing = previous.get(comboKey(combo));
+            return existing != null ? existing : {
+                id: `v${Date.now().toString(36)}${comboIndex}`,
+                options: combo,
+                priceUsd: (_ref = fallback == null ? void 0 : fallback.priceUsd) != null ? _ref : 0,
+                inventory: (_ref1 = fallback == null ? void 0 : fallback.inventory) != null ? _ref1 : null
+            };
+        });
+        update({
+            options,
+            variants
+        });
+    }, [
+        current
+    ]);
+    const handleVariantField = (index, field, raw)=>{
+        const variants = [
+            ...current.variants
+        ];
+        const numeric = [
+            'priceUsd',
+            'compareAtPriceUsd',
+            'weightGrams'
+        ];
+        const value = field === 'inventory' ? raw.trim() === '' ? null : Math.max(0, Math.round(Number(raw))) : numeric.includes(field) ? raw.trim() === '' ? undefined : Number(raw) : raw;
+        variants[index] = _extends({}, variants[index], {
+            [field]: value
+        });
+        if (value === undefined && (field === 'compareAtPriceUsd' || field === 'weightGrams')) {
+            delete variants[index][field];
+        }
+        update({
+            variants
+        });
+    };
+    const handleSave = useCallback(async ()=>{
+        var _ref, _ref1, _ref2;
+        var _current_mediaUrls;
+        if (!current.name.trim() || error) return;
+        const primaryVariant = current.variants[0];
+        // JSON-safe base (no Firestore Timestamp — it won't survive the API
+        // hop); millis fields are what the checkout + Product block read.
+        /**
+     * `$id` is dropped, not carried (AGL-1374).
+     *
+     * `current` is `draft ?? liftLegacyProduct(product)`, and the hub stamps
+     * `$id` onto every row it lists (`{...liftLegacyProduct(p), $id: p.$id}`)
+     * — a SYNTHETIC key `idField: '$id'` puts on the in-memory object, which
+     * nothing persists. Spreading `current` carried it into the payload, and
+     * this write is `merge: false`, so it was stored as a real field on every
+     * product save. Nothing reads it; it is the listener's bookkeeping
+     * leaking into storage, and once there no reader can tell it from a field
+     * the editor meant to write. Excluding it also CLEANS the key off any
+     * product a previous save corrupted, because a replacing write stores
+     * exactly the payload.
+     *
+     * `product.$id` is still the doc path below — reading the synthetic key
+     * is what it is for. Writing it is the bug.
+     */ const seeded = current;
+        const { $id: _syntheticId } = seeded, currentFields = _object_without_properties_loose(seeded, [
+            "$id"
+        ]);
+        const base = _extends({}, currentFields, CommerceModel.productSearchFields({
+            name: current.name.trim().slice(0, 120),
+            variants: current.variants
+        }), {
+            slug: current.slug || CommerceModel.commerceSlug(current.name),
+            priceUsd: (_ref = primaryVariant == null ? void 0 : primaryVariant.priceUsd) != null ? _ref : 0,
+            inventory: CommerceModel.productInventory(current),
+            imageUrl: (_ref1 = (_ref2 = (_current_mediaUrls = current.mediaUrls) == null ? void 0 : _current_mediaUrls[0]) != null ? _ref2 : current.imageUrl) != null ? _ref1 : null,
+            updatedAtMs: Date.now()
+        });
+        try {
+            /**
+       * Refuse an EDIT whose seed the server never confirmed (AGL-1358).
+       *
+       * `merge: false` — a genuine full-document replace, and the payload is
+       * `{...current}`, which is `draft ?? lifted(product)`: every field the
+       * dialog was seeded with, whether or not it was touched. So a cached
+       * seed does not lose the one edit, it replaces the stored product with
+       * the cache's whole picture of it — price, variants, stock, media,
+       * status, SEO. Anything written since that snapshot, by a colleague or
+       * by the checkout engine, is gone.
+       *
+       * Only the edit path is guarded. A NEW product goes through the
+       * quota-enforcing resources API at a fresh uid and can overwrite
+       * nothing; the first snapshot of any listener is `fromCache: true`, so
+       * guarding a create would refuse a save that was never unsafe.
+       *
+       * The guard WRAPS the write: an early return is a shape you can keep
+       * while losing the protection.
+       */ const verdict = await writeGuardedBySeed({
+                subject: 'product',
+                unreadable: Boolean(product) && seedUnreadable,
+                fromCache: Boolean(product) && seedFromCache
+            }, async ()=>{
+                if (product) {
+                    /**
+             * RESERVATIONS ARE NOT THE EDITOR'S TO WRITE (AGL-2356).
+             *
+             * Checkout stores live stock holds in a `stockHolds` map on this
+             * document, and this is a `merge: false` replace of a payload
+             * built from the dialog's SEED. Left alone it would write whatever
+             * that seed happened to carry, and both directions are wrong: a
+             * seed taken before a shopper reached checkout erases a live
+             * reservation and reopens the oversell for that session, and a
+             * seed carrying a hold that has since settled resurrects a
+             * reservation against stock that is already sold.
+             *
+             * So the field is dropped from the payload and re-read from the
+             * server immediately before the write. One extra read on a product
+             * save, in exchange for an editor that cannot invent or destroy a
+             * reservation. The AGL-1358 seed guard above bounds how stale the
+             * REST of this payload can be; it cannot help here, because a hold
+             * legitimately appears seconds after a perfectly fresh seed.
+             */ const productRef = doc(firestore, 'hosts', hostId, 'products', product.$id);
+                    const { stockHolds: _seededHolds } = base, withoutHolds = _object_without_properties_loose(base, [
+                        "stockHolds"
+                    ]);
+                    const liveHolds = await getDoc(productRef).then((snapshot)=>snapshot.get('stockHolds')).catch(()=>undefined);
+                    // Edit stays client-direct (no quota consumed); full replace.
+                    await setDoc(productRef, _extends({}, withoutHolds, liveHolds ? {
+                        stockHolds: liveHolds
+                    } : {}, {
+                        updatedAt: Timestamp.now()
+                    }), {
+                        merge: false
+                    });
+                } else {
+                    // New product rides the quota-enforcing resources API (AGL-473) —
+                    // it re-checks the `commerce` entitlement and productsPerHost.
+                    await createHostResource({
+                        hostId,
+                        resource: 'product',
+                        data: _extends({}, base, {
+                            createdAtMs: Date.now()
+                        })
+                    });
+                }
+            });
+            // A refusal leaves the editor open with every field as edited. Closing
+            // it would discard the work AND look like a save that succeeded.
+            if (!verdict.ok) {
+                return void enqueueSnackbar(verdict.message, {
+                    variant: 'warning',
+                    persist: false
+                });
+            }
+            onClose();
+            enqueueSnackbar('Product saved', {
+                variant: 'success',
+                persist: false
+            });
+        } catch (saveError) {
+            var _ref3;
+            console.error(saveError);
+            enqueueSnackbar((_ref3 = saveError == null ? void 0 : saveError.message) != null ? _ref3 : 'An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        }
+    }, [
+        current,
+        error,
+        product,
+        seedFromCache,
+        seedUnreadable,
+        firestore,
+        hostId,
+        createHostResource,
+        onClose,
+        enqueueSnackbar
+    ]);
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: open,
+        onClose: onClose,
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+            /*#__PURE__*/ _jsx(DialogTitle, {
+                children: product ? 'Edit product' : 'Add product'
+            }),
+            /*#__PURE__*/ _jsxs(DialogContent, {
+                sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 2
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: {
+                            xs: 'column',
+                            sm: 'row'
+                        },
+                        spacing: 2,
+                        sx: {
+                            mt: 1
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Name",
+                                value: current.name,
+                                onChange: (event)=>handleName(event.target.value),
+                                size: "small",
+                                autoFocus: true,
+                                fullWidth: true
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Slug",
+                                value: current.slug,
+                                onChange: (event)=>{
+                                    setSlugTouched(true);
+                                    update({
+                                        slug: CommerceModel.commerceSlug(event.target.value)
+                                    });
+                                },
+                                size: "small",
+                                fullWidth: true,
+                                helperText: current.slug ? `/products/${current.slug}` : undefined
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Type",
+                                value: current.type,
+                                onChange: (event)=>update({
+                                        type: event.target.value
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 140
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "physical",
+                                        children: 'Physical'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "digital",
+                                        children: 'Digital'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "service",
+                                        children: 'Service'
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Status",
+                                value: current.status,
+                                onChange: (event)=>update({
+                                        status: event.target.value
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 140
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "draft",
+                                        children: 'Draft'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "active",
+                                        children: 'Active'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "archived",
+                                        children: 'Archived'
+                                    })
+                                ]
+                            }),
+                            suppliers.rows.length > 0 ? /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Supplier",
+                                value: (_current_supplierId = current.supplierId) != null ? _current_supplierId : '',
+                                onChange: (event)=>update({
+                                        supplierId: event.target.value || undefined
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 160
+                                },
+                                helperText: "Routes paid orders",
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "",
+                                        children: 'None (self-fulfilled)'
+                                    }),
+                                    suppliers.rows.map((supplier)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                            value: supplier.$id,
+                                            children: supplier.name
+                                        }, supplier.$id))
+                                ]
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "Description",
+                        value: (_current_description1 = current.description) != null ? _current_description1 : '',
+                        onChange: (event)=>update({
+                                description: event.target.value
+                            }),
+                        size: "small",
+                        multiline: true,
+                        minRows: 2
+                    }),
+                    /*#__PURE__*/ _jsx(Autocomplete, {
+                        multiple: true,
+                        freeSolo: true,
+                        options: [],
+                        value: (_current_tags1 = current.tags) != null ? _current_tags1 : [],
+                        onChange: (_event, tags)=>update({
+                                tags: tags.map((tag)=>String(tag).trim()).filter(Boolean)
+                            }),
+                        renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                label: "Tags",
+                                size: "small",
+                                placeholder: "Type and press Enter"
+                            }))
+                    }),
+                    categories.rows.length > 0 ? /*#__PURE__*/ _jsx(Autocomplete, {
+                        multiple: true,
+                        options: categories.rows,
+                        getOptionLabel: (category)=>category.name,
+                        isOptionEqualToValue: (option, value)=>option.$id === value.$id,
+                        value: categories.rows.filter((category)=>{
+                            var _current_categoryIds;
+                            return ((_current_categoryIds = current.categoryIds) != null ? _current_categoryIds : []).includes(category.$id);
+                        }),
+                        onChange: (_event, picked)=>update({
+                                categoryIds: picked.map((category)=>category.$id)
+                            }),
+                        renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                label: "Categories",
+                                size: "small"
+                            }))
+                    }) : null,
+                    WidgetSlot ? /*#__PURE__*/ _jsx(WidgetSlot, {
+                        slot: "productEditor",
+                        hostId: hostId,
+                        orgId: undefined,
+                        product: zoneProduct,
+                        categories: zoneCategories,
+                        proposeValues: proposeProductValues
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Divider, {
+                        textAlign: "left",
+                        children: 'Media'
+                    }),
+                    /*#__PURE__*/ _jsxs(Box, {
+                        sx: {
+                            display: 'flex',
+                            gap: 1,
+                            flexWrap: 'wrap'
+                        },
+                        children: [
+                            ((_current_mediaUrls1 = current.mediaUrls) != null ? _current_mediaUrls1 : []).map((url, index)=>/*#__PURE__*/ _jsxs(Box, {
+                                    sx: {
+                                        position: 'relative'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Box, {
+                                            component: "img",
+                                            src: url,
+                                            alt: "",
+                                            sx: {
+                                                width: 72,
+                                                height: 72,
+                                                objectFit: 'cover',
+                                                borderRadius: 1,
+                                                border: 1,
+                                                borderColor: 'divider'
+                                            }
+                                        }),
+                                        /*#__PURE__*/ _jsx(IconButton, {
+                                            size: "small",
+                                            "aria-label": "Remove image",
+                                            onClick: ()=>{
+                                                var _current_mediaUrls;
+                                                return update({
+                                                    mediaUrls: ((_current_mediaUrls = current.mediaUrls) != null ? _current_mediaUrls : []).filter((_item, itemIndex)=>itemIndex !== index)
+                                                });
+                                            },
+                                            sx: {
+                                                position: 'absolute',
+                                                top: -8,
+                                                right: -8,
+                                                bgcolor: 'background.paper',
+                                                border: 1,
+                                                borderColor: 'divider',
+                                                p: 0.25
+                                            },
+                                            children: '✕'
+                                        })
+                                    ]
+                                }, `${url}-${index}`)),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: ()=>void pick((media)=>{
+                                        var _current_mediaUrls;
+                                        return update({
+                                            mediaUrls: [
+                                                ...(_current_mediaUrls = current.mediaUrls) != null ? _current_mediaUrls : [],
+                                                media.url
+                                            ]
+                                        });
+                                    }),
+                                children: 'Add image'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {
+                        textAlign: "left",
+                        children: 'Options & variants'
+                    }),
+                    ((_current_options1 = current.options) != null ? _current_options1 : []).map((option, index)=>/*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'flex-start'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(TextField, {
+                                    label: "Option",
+                                    value: option.name,
+                                    onChange: (event)=>handleOptionsChange(index, {
+                                            name: event.target.value
+                                        }),
+                                    size: "small",
+                                    sx: {
+                                        width: 160
+                                    },
+                                    placeholder: "Size"
+                                }),
+                                /*#__PURE__*/ _jsx(Autocomplete, {
+                                    multiple: true,
+                                    freeSolo: true,
+                                    options: [],
+                                    value: option.values,
+                                    onChange: (_event, values)=>handleOptionsChange(index, {
+                                            values: values.map((value)=>String(value).trim()).filter(Boolean)
+                                        }),
+                                    renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                            label: "Values",
+                                            size: "small",
+                                            placeholder: "S, M, L…"
+                                        })),
+                                    sx: {
+                                        flex: 1
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    color: "error",
+                                    onClick: ()=>handleOptionsChange(index, null),
+                                    sx: {
+                                        mt: 0.5
+                                    },
+                                    children: 'Remove'
+                                })
+                            ]
+                        }, index)),
+                    ((_ref4 = (_current_options2 = current.options) == null ? void 0 : _current_options2.length) != null ? _ref4 : 0) < CommerceModel.COMMERCE_MAX_OPTIONS ? /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        onClick: ()=>{
+                            var _ref;
+                            var _current_options;
+                            return handleOptionsChange((_ref = (_current_options = current.options) == null ? void 0 : _current_options.length) != null ? _ref : 0, {
+                                name: '',
+                                values: []
+                            });
+                        },
+                        children: 'Add option'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Box, {
+                        children: /*#__PURE__*/ _jsxs(ScrollTable, {
+                            size: "small",
+                            children: [
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'Variant'
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'Price ($)'
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'Compare-at'
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'SKU'
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'Barcode'
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'Stock'
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: 'Weight (g)'
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(TableBody, {
+                                    children: current.variants.map((variant, index)=>{
+                                        var _variant_priceUsd, _variant_compareAtPriceUsd, _variant_sku, _variant_barcode, _variant_inventory, _variant_weightGrams;
+                                        return /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    sx: {
+                                                        whiteSpace: 'nowrap'
+                                                    },
+                                                    children: comboLabel(variant.options)
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(TextField, {
+                                                        value: (_variant_priceUsd = variant.priceUsd) != null ? _variant_priceUsd : '',
+                                                        onChange: (event)=>handleVariantField(index, 'priceUsd', event.target.value),
+                                                        size: "small",
+                                                        sx: {
+                                                            width: 88
+                                                        },
+                                                        // An empty price is marked (AGL-2916): a proposed
+                                                        // product arrives with none, and Save waits for one.
+                                                        error: !CommerceModel.variantHasPrice(variant),
+                                                        placeholder: "Set",
+                                                        slotProps: {
+                                                            htmlInput: {
+                                                                inputMode: 'decimal'
+                                                            }
+                                                        }
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(TextField, {
+                                                        value: (_variant_compareAtPriceUsd = variant.compareAtPriceUsd) != null ? _variant_compareAtPriceUsd : '',
+                                                        onChange: (event)=>handleVariantField(index, 'compareAtPriceUsd', event.target.value),
+                                                        size: "small",
+                                                        sx: {
+                                                            width: 88
+                                                        },
+                                                        slotProps: {
+                                                            htmlInput: {
+                                                                inputMode: 'decimal'
+                                                            }
+                                                        }
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(TextField, {
+                                                        value: (_variant_sku = variant.sku) != null ? _variant_sku : '',
+                                                        onChange: (event)=>handleVariantField(index, 'sku', event.target.value),
+                                                        size: "small",
+                                                        sx: {
+                                                            width: 110
+                                                        }
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(TextField, {
+                                                        value: (_variant_barcode = variant.barcode) != null ? _variant_barcode : '',
+                                                        onChange: (event)=>handleVariantField(index, 'barcode', event.target.value),
+                                                        size: "small",
+                                                        sx: {
+                                                            width: 110
+                                                        }
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(TextField, {
+                                                        value: (_variant_inventory = variant.inventory) != null ? _variant_inventory : '',
+                                                        placeholder: stockApplies ? '—' : 'n/a',
+                                                        disabled: !stockApplies,
+                                                        onChange: (event)=>handleVariantField(index, 'inventory', event.target.value),
+                                                        size: "small",
+                                                        sx: {
+                                                            width: 72
+                                                        },
+                                                        slotProps: {
+                                                            htmlInput: {
+                                                                inputMode: 'numeric',
+                                                                'aria-label': `Stock — ${comboLabel(variant.options)}`
+                                                            }
+                                                        }
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: /*#__PURE__*/ _jsx(TextField, {
+                                                        value: (_variant_weightGrams = variant.weightGrams) != null ? _variant_weightGrams : '',
+                                                        onChange: (event)=>handleVariantField(index, 'weightGrams', event.target.value),
+                                                        size: "small",
+                                                        sx: {
+                                                            width: 88
+                                                        },
+                                                        slotProps: {
+                                                            htmlInput: {
+                                                                inputMode: 'numeric'
+                                                            }
+                                                        }
+                                                    })
+                                                })
+                                            ]
+                                        }, variant.id);
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: stockApplies ? 'Blank stock = untracked; 0 shows sold out. The first variant’s ' + 'price feeds legacy Product blocks.' : 'Stock is not tracked on a digital or service subscription — ' + 'nothing decrements it, on the first charge or on any renewal. ' + 'A physical subscription decrements per cycle, and “Both — ' + 'buyer chooses” tracks the one-time sales. The first variant’s ' + 'price feeds legacy Product blocks.'
+                    }),
+                    strandedStock != null ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        action: /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            onClick: handleClearStockTracking,
+                            children: 'Clear stock'
+                        }),
+                        children: `This product still has stock set (${strandedStock}), but a ` + 'digital or service subscription never decrements it — not the ' + 'first charge, not any renewal — so the number will not change ' + 'on its own and does not cap subscribers. It is kept, not ' + 'deleted: a stored 0 still blocks new subscribers, and the ' + 'value becomes editable again if you switch Billing back to ' + 'one-time or “Both”, or the Type to physical.'
+                    }) : null,
+                    subsLocked || giftsLocked ? /*#__PURE__*/ _jsx(EntitlementUpsell, {
+                        planLabel: undefined,
+                        upgradeHref: subsLocked ? subs.upgradeHref : gifts.upgradeHref,
+                        children: subsLocked && giftsLocked ? `Subscription products (${(_subs_planLabel = subs.planLabel) != null ? _subs_planLabel : 'higher plan'}) ` + `and gift cards (${(_gifts_planLabel = gifts.planLabel) != null ? _gifts_planLabel : 'higher plan'}) are ` + 'not on your plan. You can still save this product — those ' + 'two options stay locked until you upgrade.' : subsLocked ? `Subscription products are on ${(_subs_planLabel1 = subs.planLabel) != null ? _subs_planLabel1 : 'a higher plan'}. ` + 'A subscription saved without it is refused at checkout, ' + 'so the option stays locked here instead.' : `Gift cards are on ${(_gifts_planLabel1 = gifts.planLabel) != null ? _gifts_planLabel1 : 'a higher plan'}. ` + 'A gift-card product saved without it is refused at ' + 'checkout, so the option stays locked here instead.'
+                    }) : null,
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                label: "When out of stock",
+                                value: (_current_oversellPolicy = current.oversellPolicy) != null ? _current_oversellPolicy : 'deny',
+                                onChange: (event)=>update({
+                                        oversellPolicy: event.target.value
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 200
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "deny",
+                                        children: 'Stop selling (sold out)'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "backorder",
+                                        children: 'Keep selling (backorder)'
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Kind",
+                                value: current.giftCard ? 'gift' : 'standard',
+                                onChange: (event)=>update({
+                                        giftCard: event.target.value === 'gift'
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 130
+                                },
+                                helperText: giftsLocked ? `Gift cards are on ${(_gifts_planLabel2 = gifts.planLabel) != null ? _gifts_planLabel2 : 'a higher plan'}` : 'Gift cards issue a code',
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "standard",
+                                        children: 'Standard'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "gift",
+                                        disabled: giftsLocked,
+                                        children: giftsLocked ? `Gift card — ${(_gifts_planLabel3 = gifts.planLabel) != null ? _gifts_planLabel3 : 'upgrade'} plan` : 'Gift card'
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Tax",
+                                value: current.taxExempt ? 'exempt' : 'taxable',
+                                onChange: (event)=>update({
+                                        taxExempt: event.target.value === 'exempt'
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 120
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "taxable",
+                                        children: 'Taxable'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "exempt",
+                                        children: 'Tax exempt'
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Low-stock alert at",
+                                value: (_current_lowStockThreshold = current.lowStockThreshold) != null ? _current_lowStockThreshold : '',
+                                placeholder: "Off",
+                                disabled: !stockApplies,
+                                onChange: (event)=>{
+                                    const raw = event.target.value.trim();
+                                    update({
+                                        lowStockThreshold: raw === '' ? undefined : Math.max(0, Math.round(Number(raw)))
+                                    });
+                                },
+                                size: "small",
+                                sx: {
+                                    width: 140
+                                },
+                                slotProps: {
+                                    htmlInput: {
+                                        inputMode: 'numeric'
+                                    }
+                                },
+                                helperText: "Notifies managers"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Billing",
+                                value: current.subscription ? current.subscriptionOptional ? 'both' : current.subscription.interval : 'once',
+                                onChange: (event)=>{
+                                    const value = event.target.value;
+                                    // "Both" (AGL-545): the PDP offers one-time OR subscribe at
+                                    // the same price; the interval field beside picks the cadence.
+                                    // Cleared keys are deleted (not set undefined) so the
+                                    // client-direct setDoc on save never sees undefined values.
+                                    const next = _extends({}, current);
+                                    if (value === 'once') {
+                                        delete next.subscription;
+                                    } else {
+                                        var _current_subscription, _ref;
+                                        var _current_subscription1;
+                                        next.subscription = _extends({}, (_current_subscription = current.subscription) != null ? _current_subscription : {}, {
+                                            interval: value === 'both' ? (_ref = (_current_subscription1 = current.subscription) == null ? void 0 : _current_subscription1.interval) != null ? _ref : 'month' : value
+                                        });
+                                    }
+                                    if (value === 'both') next.subscriptionOptional = true;
+                                    else delete next.subscriptionOptional;
+                                    // setDraft directly: update() spreads the patch over
+                                    // `current`, which would resurrect the deleted keys.
+                                    setDraft(next);
+                                },
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 180
+                                },
+                                helperText: subsLocked ? `Subscriptions are on ${(_subs_planLabel2 = subs.planLabel) != null ? _subs_planLabel2 : 'a higher plan'}` : 'Subscriptions bill until canceled',
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "once",
+                                        children: 'One-time purchase'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "month",
+                                        disabled: subsLocked,
+                                        children: 'Monthly subscription'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "year",
+                                        disabled: subsLocked,
+                                        children: 'Yearly subscription'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "both",
+                                        disabled: subsLocked,
+                                        children: 'Both — buyer chooses'
+                                    })
+                                ]
+                            }),
+                            current.subscription && current.subscriptionOptional ? /*#__PURE__*/ _jsxs(TextField, {
+                                label: "Interval",
+                                value: current.subscription.interval,
+                                onChange: (event)=>update({
+                                        subscription: _extends({}, current.subscription, {
+                                            interval: event.target.value
+                                        })
+                                    }),
+                                size: "small",
+                                select: true,
+                                sx: {
+                                    minWidth: 120
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "month",
+                                        children: 'Monthly'
+                                    }),
+                                    /*#__PURE__*/ _jsx(MenuItem, {
+                                        value: "year",
+                                        children: 'Yearly'
+                                    })
+                                ]
+                            }) : null,
+                            current.subscription ? /*#__PURE__*/ _jsx(TextField, {
+                                label: "Free trial (days)",
+                                placeholder: "None",
+                                value: (_current_subscription_trialDays = current.subscription.trialDays) != null ? _current_subscription_trialDays : '',
+                                onChange: (event)=>{
+                                    const raw = event.target.value.trim();
+                                    update({
+                                        subscription: _extends({}, current.subscription, raw === '' ? {
+                                            trialDays: undefined
+                                        } : {
+                                            trialDays: Math.max(1, Math.round(Number(raw)))
+                                        })
+                                    });
+                                },
+                                size: "small",
+                                sx: {
+                                    width: 140
+                                },
+                                slotProps: {
+                                    htmlInput: {
+                                        inputMode: 'numeric'
+                                    }
+                                }
+                            }) : null
+                        ]
+                    }),
+                    current.type === 'digital' ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Divider, {
+                                textAlign: "left",
+                                children: 'Digital delivery'
+                            }),
+                            ((_current_digitalFiles = current.digitalFiles) != null ? _current_digitalFiles : []).map((file, index)=>{
+                                var _file_version;
+                                return /*#__PURE__*/ _jsxs(Stack, {
+                                    direction: "row",
+                                    spacing: 1,
+                                    sx: {
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsxs(Typography, {
+                                            variant: "body2",
+                                            sx: {
+                                                flex: 1
+                                            },
+                                            noWrap: true,
+                                            children: [
+                                                file.fileName,
+                                                file.version ? ` · v${file.version}` : ''
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(PaidMediaProtection, {
+                                            url: file.url,
+                                            hostId: hostId,
+                                            productId: product == null ? void 0 : product.$id,
+                                            kind: "download"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TextField, {
+                                            label: "Version",
+                                            value: (_file_version = file.version) != null ? _file_version : '',
+                                            onChange: (event)=>{
+                                                var _current_digitalFiles;
+                                                const digitalFiles = [
+                                                    ...(_current_digitalFiles = current.digitalFiles) != null ? _current_digitalFiles : []
+                                                ];
+                                                digitalFiles[index] = _extends({}, file, {
+                                                    version: event.target.value.slice(0, 20)
+                                                });
+                                                update({
+                                                    digitalFiles
+                                                });
+                                            },
+                                            size: "small",
+                                            sx: {
+                                                width: 100
+                                            }
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            size: "small",
+                                            color: "error",
+                                            onClick: ()=>{
+                                                var _current_digitalFiles;
+                                                return update({
+                                                    digitalFiles: ((_current_digitalFiles = current.digitalFiles) != null ? _current_digitalFiles : []).filter((_item, itemIndex)=>itemIndex !== index)
+                                                });
+                                            },
+                                            children: '✕'
+                                        })
+                                    ]
+                                }, index);
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 2,
+                                children: [
+                                    /*#__PURE__*/ _jsx(PaidDownloadAddButton, {
+                                        hostId: hostId,
+                                        productId: product == null ? void 0 : product.$id,
+                                        onAdd: (file)=>{
+                                            var _current_digitalFiles;
+                                            return update({
+                                                digitalFiles: [
+                                                    ...(_current_digitalFiles = current.digitalFiles) != null ? _current_digitalFiles : [],
+                                                    file
+                                                ]
+                                            });
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Download limit",
+                                        placeholder: "Unlimited",
+                                        value: (_current_downloadLimit = current.downloadLimit) != null ? _current_downloadLimit : '',
+                                        onChange: (event)=>{
+                                            const raw = event.target.value.trim();
+                                            update({
+                                                downloadLimit: raw === '' ? undefined : Math.max(1, Math.round(Number(raw)))
+                                            });
+                                        },
+                                        size: "small",
+                                        sx: {
+                                            width: 140
+                                        },
+                                        slotProps: {
+                                            htmlInput: {
+                                                inputMode: 'numeric'
+                                            }
+                                        },
+                                        helperText: "Attempts per order"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: 'Buyers always download the current files — uploading a new ' + 'version re-delivers to everyone.'
+                            }),
+                            /*#__PURE__*/ _jsx(MembersVideosField, {
+                                hostId: hostId,
+                                productId: product == null ? void 0 : product.$id,
+                                videos: (_current_gatedVideos = current.gatedVideos) != null ? _current_gatedVideos : [],
+                                onChange: (gatedVideos)=>update({
+                                        gatedVideos
+                                    })
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Autocomplete, {
+                        multiple: true,
+                        options: relatedProducts.rows.filter((item)=>!item.deletedAt && item.$id !== (product == null ? void 0 : product.$id)),
+                        getOptionLabel: (item)=>{
+                            var _item_name;
+                            return (_item_name = item.name) != null ? _item_name : item.$id;
+                        },
+                        isOptionEqualToValue: (option, value)=>option.$id === value.$id,
+                        value: relatedProducts.rows.filter((item)=>{
+                            var _current_relatedProductIds;
+                            return ((_current_relatedProductIds = current.relatedProductIds) != null ? _current_relatedProductIds : []).includes(item.$id);
+                        }),
+                        onChange: (_event, picked)=>update({
+                                relatedProductIds: picked.map((item)=>item.$id)
+                            }),
+                        renderInput: (params)=>/*#__PURE__*/ _jsx(TextField, _extends({}, params, {
+                                label: "Related products (upsells)",
+                                size: "small",
+                                helperText: "Shown by the Related products block; blank falls back to frequently-bought-together"
+                            }))
+                    }),
+                    /*#__PURE__*/ _jsx(Divider, {
+                        textAlign: "left",
+                        children: 'Search engine listing'
+                    }),
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: {
+                            xs: 'column',
+                            sm: 'row'
+                        },
+                        spacing: 2,
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "SEO title",
+                                value: (_ref5 = (_current_seo2 = current.seo) == null ? void 0 : _current_seo2.title) != null ? _ref5 : '',
+                                onChange: (event)=>update({
+                                        seo: _extends({}, current.seo, {
+                                            title: event.target.value
+                                        })
+                                    }),
+                                // The counts every search listing editor prints (AGL-2910): what a
+                                // search result shows before it truncates.
+                                helperText: seoListingFieldCount('title', (_current_seo3 = current.seo) == null ? void 0 : _current_seo3.title),
+                                error: seoListingFieldTooLong('title', (_current_seo4 = current.seo) == null ? void 0 : _current_seo4.title),
+                                size: "small",
+                                fullWidth: true
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: ()=>void pick((media)=>update({
+                                            seo: _extends({}, current.seo, {
+                                                imageUrl: media.url
+                                            })
+                                        })),
+                                children: ((_current_seo5 = current.seo) == null ? void 0 : _current_seo5.imageUrl) ? 'Change OG image' : 'OG image'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        label: "SEO description",
+                        value: (_ref6 = (_current_seo6 = current.seo) == null ? void 0 : _current_seo6.description) != null ? _ref6 : '',
+                        onChange: (event)=>update({
+                                seo: _extends({}, current.seo, {
+                                    description: event.target.value
+                                })
+                            }),
+                        helperText: seoListingFieldCount('description', (_current_seo7 = current.seo) == null ? void 0 : _current_seo7.description),
+                        error: seoListingFieldTooLong('description', (_current_seo8 = current.seo) == null ? void 0 : _current_seo8.description),
+                        size: "small",
+                        multiline: true,
+                        minRows: 2
+                    }),
+                    WidgetSlot ? /*#__PURE__*/ _jsx(WidgetSlot, {
+                        slot: "seoFields",
+                        hostId: hostId,
+                        orgId: undefined,
+                        orgSlug: "",
+                        subject: {
+                            kind: 'product',
+                            id: (_ref7 = product == null ? void 0 : product.$id) != null ? _ref7 : null,
+                            name: current.name,
+                            description: String((_current_description2 = current.description) != null ? _current_description2 : '')
+                        },
+                        fields: PRODUCT_SEO_LISTING_FIELDS,
+                        values: {
+                            title: (_ref8 = (_current_seo9 = current.seo) == null ? void 0 : _current_seo9.title) != null ? _ref8 : '',
+                            description: (_ref9 = (_current_seo10 = current.seo) == null ? void 0 : _current_seo10.description) != null ? _ref9 : ''
+                        },
+                        hasImage: Boolean((_current_seo11 = current.seo) == null ? void 0 : _current_seo11.imageUrl),
+                        proposeValues: proposeSeoValues
+                    }) : null,
+                    error ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        children: error
+                    }) : null,
+                    (product == null ? void 0 : product.$id) ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: `id: ${product.$id}`
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DialogActions, {
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        onClick: onClose,
+                        children: 'Cancel'
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "contained",
+                        color: "primary",
+                        disabled: !current.name.trim() || Boolean(error),
+                        onClick: handleSave,
+                        children: 'Save product'
+                    })
+                ]
+            })
+        ]
+    });
+}
+ProductEditorDialog.displayName = 'ProductEditorDialog';
+export default ProductEditorDialog;
+
+//# sourceMappingURL=product-editor-dialog.component.js.map