@aglyn/plugins-commerce 1.0.0-beta.230 → 1.0.0-beta.232

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

@@ -22,6 +22,7 @@ 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 } from "firebase/firestore";
+import { ScanAdornment } from "../../barcode/scan-button.component.js";
 import { productCollectionFields } from "./smart-collections.js";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection, useHostResourceApi, writeGuardedBySeed, useUser } from "@aglyn/tenant-feature-instance";
@@ -34,6 +35,7 @@ import { useContentStable } from "@aglyn/shared-ui-jsx/hooks/use-content-stable"
 import { EntitlementUpsell, useCommerceEntitlement } from "./entitlement-gate.component.js";
 import { PRODUCT_EDITOR_ZONE } from "./product-zones.js";
 import { MembersVideosField, PaidDownloadAddButton, PaidMediaProtection } from "./paid-media.js";
+import { ProductRegisterFields } from "./product-register-fields.component.js";
 /**
  * What each picker in this dialog will offer.
  *
@@ -120,6 +122,7 @@ const sameRecord = (option, value)=>option.$id === value.$id;
         sx: props.fill ? FILL_ROW : undefined
     });
 });
+/** A stable empty list, so a product without modifiers never redraws its section. */ const NO_MODIFIER_GROUPS = [];
 /**
  * A text field that redraws only when what it shows changes (AGL-3423).
  *
@@ -173,6 +176,9 @@ const PRICE_CELL = {
 const CODE_CELL = {
     width: 110
 };
+const BARCODE_CELL = {
+    width: 150
+};
 const STOCK_CELL = {
     width: 72
 };
@@ -521,6 +527,22 @@ const ProductVariantRow = /*#__PURE__*/ memo(function ProductVariantRow(props) {
         }), [
         label
     ]);
+    // A camera scan fills the barcode the same way typing it does (AGL-3619).
+    const barcodeInput = useMemo(()=>({
+            htmlInput: {
+                'aria-label': `Barcode — ${label}`
+            },
+            input: {
+                endAdornment: /*#__PURE__*/ _jsx(ScanAdornment, {
+                    label: `Scan the barcode for ${label}`,
+                    onScan: (code)=>onField(index, 'barcode', code)
+                })
+            }
+        }), [
+        label,
+        index,
+        onField
+    ]);
     return /*#__PURE__*/ _jsxs(TableRow, {
         children: [
             /*#__PURE__*/ _jsx(TableCell, {
@@ -564,7 +586,8 @@ const ProductVariantRow = /*#__PURE__*/ memo(function ProductVariantRow(props) {
                     value: (_variant_barcode = variant.barcode) != null ? _variant_barcode : '',
                     onChange: set.barcode,
                     size: "small",
-                    sx: CODE_CELL
+                    sx: BARCODE_CELL,
+                    slotProps: barcodeInput
                 })
             }),
             /*#__PURE__*/ _jsx(TableCell, {
@@ -1066,8 +1089,8 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
  * 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, _ref4, _current_description1, _ref5, _ref6, _current_description2, _current_tags1, _current_mediaUrls1, _current_options1, _subs_planLabel, _gifts_planLabel, _subs_planLabel1, _gifts_planLabel1, _current_oversellPolicy, _current_digitalFiles, _current_gatedVideos;
-    var _current_seo, _current_seo1, _current_seo2, _current_seo3, _current_seo4, _current_seo5, _current_seo6, _current_seo7;
+    var _ref, _ref1, _current_description, _current_tags, _current_categoryIds, _current_options, _current_mediaUrls, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _current_description1, _ref15, _ref16, _current_description2, _current_tags1, _current_mediaUrls1, _current_options1, _subs_planLabel, _gifts_planLabel, _subs_planLabel1, _gifts_planLabel1, _current_oversellPolicy, _current_modifierGroups, _current_digitalFiles, _current_gatedVideos;
+    var _current_seo, _current_seo1, _current_shipping, _current_shipping1, _current_shipping2, _current_shipping3, _current_shipping4, _current_channel, _current_channel1, _current_channel2, _current_channel3, _current_channel4, _current_seo2, _current_seo3, _current_seo4, _current_seo5, _current_seo6, _current_seo7;
     const { hostId, product, seedFromCache, seedUnreadable, open, onClose } = props;
     /**
    * Field-level entitlement gates (AGL-2080). Both of these were fully
@@ -1084,6 +1107,8 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
    * told they cannot use what they bought.
    */ const subs = useCommerceEntitlement(hostId, 'storefrontSubscriptions');
     const gifts = useCommerceEntitlement(hostId, 'giftCards');
+    // The register settings show only where the plan includes POS (AGL-3607).
+    const pos = useCommerceEntitlement(hostId, 'pos');
     const subsLocked = subs.ready && !subs.entitled;
     const giftsLocked = gifts.ready && !gifts.entitled;
     const firestore = useFirestore();
@@ -1253,17 +1278,31 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
             })),
         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 : ''
+        seoDescription: (_ref3 = (_current_seo1 = current.seo) == null ? void 0 : _current_seo1.description) != null ? _ref3 : '',
+        shipping: {
+            lengthCm: (_ref4 = (_current_shipping = current.shipping) == null ? void 0 : _current_shipping.lengthCm) != null ? _ref4 : null,
+            widthCm: (_ref5 = (_current_shipping1 = current.shipping) == null ? void 0 : _current_shipping1.widthCm) != null ? _ref5 : null,
+            heightCm: (_ref6 = (_current_shipping2 = current.shipping) == null ? void 0 : _current_shipping2.heightCm) != null ? _ref6 : null,
+            hsCode: (_ref7 = (_current_shipping3 = current.shipping) == null ? void 0 : _current_shipping3.hsCode) != null ? _ref7 : '',
+            originCountry: (_ref8 = (_current_shipping4 = current.shipping) == null ? void 0 : _current_shipping4.originCountry) != null ? _ref8 : ''
+        },
+        channel: {
+            brand: (_ref9 = (_current_channel = current.channel) == null ? void 0 : _current_channel.brand) != null ? _ref9 : '',
+            gtin: (_ref10 = (_current_channel1 = current.channel) == null ? void 0 : _current_channel1.gtin) != null ? _ref10 : '',
+            mpn: (_ref11 = (_current_channel2 = current.channel) == null ? void 0 : _current_channel2.mpn) != null ? _ref11 : '',
+            condition: (_ref12 = (_current_channel3 = current.channel) == null ? void 0 : _current_channel3.condition) != null ? _ref12 : '',
+            googleProductCategory: (_ref13 = (_current_channel4 = current.channel) == null ? void 0 : _current_channel4.googleProductCategory) != null ? _ref13 : ''
+        }
     });
     const seoSubject = useContentStable({
         kind: 'product',
-        id: (_ref4 = product == null ? void 0 : product.$id) != null ? _ref4 : null,
+        id: (_ref14 = product == null ? void 0 : product.$id) != null ? _ref14 : null,
         name: current.name,
         description: String((_current_description1 = current.description) != null ? _current_description1 : '')
     });
     const seoValues = useContentStable({
-        title: (_ref5 = (_current_seo2 = current.seo) == null ? void 0 : _current_seo2.title) != null ? _ref5 : '',
-        description: (_ref6 = (_current_seo3 = current.seo) == null ? void 0 : _current_seo3.description) != null ? _ref6 : ''
+        title: (_ref15 = (_current_seo2 = current.seo) == null ? void 0 : _current_seo2.title) != null ? _ref15 : '',
+        description: (_ref16 = (_current_seo3 = current.seo) == null ? void 0 : _current_seo3.description) != null ? _ref16 : ''
     });
     const error = current.name ? CommerceModel.validateProduct(current) : null;
     /**
@@ -1388,52 +1427,14 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
         update
     ]);
     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;
         /*
-     * The seed's `skus` / `barcodes` are dropped too (AGL-3321):
-     * `productSearchFields` below OMITS each when no variant has one, so a
-     * seeded copy would survive a save that removed the last SKU, and the
-     * product would go on answering a SKU filter for a code it no longer has.
-     */ const { $id: _syntheticId, skus: _seededSkus, barcodes: _seededBarcodes } = seeded, currentFields = _object_without_properties_loose(seeded, [
-            "$id",
-            "skus",
-            "barcodes"
-        ]);
-        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
-        }, CommerceModel.productStockFields({
-            variants: current.variants,
-            oversellPolicy: current.oversellPolicy
-        }), {
-            imageUrl: (_ref1 = (_ref2 = (_current_mediaUrls = current.mediaUrls) == null ? void 0 : _current_mediaUrls[0]) != null ? _ref2 : current.imageUrl) != null ? _ref1 : null,
-            updatedAtMs: Date.now()
-        });
+     * The fields the save writes — `$id` and the seed's `skus`/`barcodes`
+     * dropped, the name with its search keys, slug, price, stock fields,
+     * image — are `productSaveFields`, the same code the native apps' save
+     * route runs (AGL-3652). JSON-safe: no Firestore Timestamp, which would
+     * not survive the API hop; millis fields are what checkout reads.
+     */ const base = CommerceModel.productSaveFields(current, Date.now());
         try {
             /**
        * Refuse an EDIT whose seed the server never confirmed (AGL-1358).
@@ -1460,13 +1461,7 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
             }, async ()=>{
                 // The smart collections this product's rules answer, from the
                 // host's rules as they stand now (AGL-3321).
-                const membership = await productCollectionFields(firestore, hostId, {
-                    name: base.name,
-                    type: current.type,
-                    tags: current.tags,
-                    categoryIds: current.categoryIds,
-                    variants: current.variants
-                });
+                const membership = await productCollectionFields(firestore, hostId, CommerceModel.productMembershipInput(base, current));
                 if (product) {
                     /**
              * RESERVATIONS ARE NOT THE EDITOR'S TO WRITE (AGL-2356).
@@ -1487,9 +1482,6 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
              * 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.
                     // The product page renders it with no publish step, so the save
@@ -1498,14 +1490,7 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
                         firestore,
                         user,
                         hostId,
-                        write: (batch)=>batch.set(productRef, _extends({}, withoutHolds, membership, liveHolds ? {
-                                stockHolds: liveHolds
-                            } : {}, {
-                                // The editor edits a LIVE product, and the products table
-                                // lists only `deletedAt == null` (AGL-3321): a replace
-                                // whose seed lacked the field would take the product off
-                                // the list.
-                                deletedAt: null,
+                        write: (batch)=>batch.set(productRef, _extends({}, CommerceModel.productEditWrite(base, liveHolds), membership, {
                                 updatedAt: Timestamp.now()
                             }), {
                                 merge: false
@@ -1537,9 +1522,9 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
                 persist: false
             });
         } catch (saveError) {
-            var _ref3;
+            var _ref;
             console.error(saveError);
-            enqueueSnackbar((_ref3 = saveError == null ? void 0 : saveError.message) != null ? _ref3 : 'An error has occurred', {
+            enqueueSnackbar((_ref = saveError == null ? void 0 : saveError.message) != null ? _ref : 'An error has occurred', {
                 variant: 'error',
                 allowDuplicate: true
             });
@@ -1670,6 +1655,11 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
                         update: update,
                         replaceDraft: replaceDraft
                     }),
+                    pos.ready && pos.entitled ? /*#__PURE__*/ _jsx(ProductRegisterFields, {
+                        posQuickKey: Boolean(current.posQuickKey),
+                        modifierGroups: (_current_modifierGroups = current.modifierGroups) != null ? _current_modifierGroups : NO_MODIFIER_GROUPS,
+                        update: update
+                    }) : null,
                     current.type === 'digital' ? /*#__PURE__*/ _jsx(ProductDigitalFields, {
                         hostId: hostId,
                         productId: product == null ? void 0 : product.$id,