@aglyn/plugins-commerce 1.0.0-beta.285 → 1.0.0-beta.288

package/src/lib/components/console/product-check-in-fields.component.js

@@ -31,10 +31,12 @@ function variantLabel(variant) {
 }
 /**
  * Check-in at the window (AGL-4043): whether each item sold of this product
- * is somebody to check in on the day it was bought — a day pass, a camping
+ * is somebody to check in on the day it is for — a day pass, a camping
  * spot, parking — and how many people one item admits. A product with
  * options can turn it on or off per variant ("Spectator" needs no
- * wristband) and give a variant its own number of people.
+ * wristband) and give a variant its own number of people. "Ask the buyer
+ * which day" lets an online buyer pick the day (a pass bought ahead);
+ * without an answer it is the day they buy.
  *
  * Memoized on its own props like every section of this editor (AGL-3423).
  */ export const ProductCheckInFields = /*#__PURE__*/ memo(function ProductCheckInFields(props) {
@@ -42,6 +44,13 @@ function variantLabel(variant) {
     const { checkIn, variants, update } = props;
     const enabled = (checkIn == null ? void 0 : checkIn.enabled) === true;
     const headcount = (_ref = checkIn == null ? void 0 : checkIn.headcount) != null ? _ref : 1;
+    const askUseDate = (checkIn == null ? void 0 : checkIn.askUseDate) === true;
+    /** The product's setting with one part changed, keeping the others. */ const productOn = (patch)=>_extends({
+            enabled: true,
+            headcount
+        }, askUseDate ? {
+            askUseDate: true
+        } : {}, patch);
     const setProduct = (next)=>update({
             checkIn: next
         });
@@ -68,10 +77,7 @@ function variantLabel(variant) {
             /*#__PURE__*/ _jsx(FormControlLabel, {
                 control: /*#__PURE__*/ _jsx(Switch, {
                     checked: enabled,
-                    onChange: (event)=>setProduct(event.target.checked ? {
-                            enabled: true,
-                            headcount
-                        } : {
+                    onChange: (event)=>setProduct(event.target.checked ? productOn({}) : {
                             enabled: false
                         })
                 }),
@@ -80,16 +86,15 @@ function variantLabel(variant) {
             /*#__PURE__*/ _jsx(Typography, {
                 variant: "body2",
                 color: "text.secondary",
-                children: 'Each one sold, online or at the register, is somebody to check in at the window on the day it was bought, ' + 'with an optional wristband number or color.'
+                children: 'Each one sold, online or at the register, is somebody to check in at the window on the day it is for, ' + 'with an optional wristband number or color.'
             }),
             enabled ? /*#__PURE__*/ _jsx(TextField, {
                 label: "People per item",
                 size: "small",
                 value: headcount,
-                onChange: (event)=>setProduct({
-                        enabled: true,
+                onChange: (event)=>setProduct(productOn({
                         headcount: headcountFrom(event.target.value)
-                    }),
+                    })),
                 helperText: headcount > 1 ? `Buying 3 makes ${3 * headcount} check-ins` : 'Buying 3 makes 3 check-ins',
                 slotProps: {
                     htmlInput: {
@@ -100,6 +105,25 @@ function variantLabel(variant) {
                     maxWidth: (theme)=>theme.spacing(28)
                 }
             }) : null,
+            enabled ? /*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Switch, {
+                    checked: askUseDate,
+                    onChange: (event)=>{
+                        const _productOn = productOn({}), { askUseDate: _was } = _productOn, rest = _object_without_properties_loose(_productOn, [
+                            "askUseDate"
+                        ]);
+                        setProduct(event.target.checked ? _extends({}, rest, {
+                            askUseDate: true
+                        }) : rest);
+                    }
+                }),
+                label: "Ask the buyer which day"
+            }) : null,
+            enabled ? /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: askUseDate ? 'Buyers online can pick the day they will use it, from today on. If they skip it, it is for the day they buy.' : 'It is for the day it is bought. Turn this on to sell passes ahead for a day the buyer picks.'
+            }) : null,
             variants.length > 1 ? variants.map((variant)=>{
                 var _ref;
                 const own = CommerceModel.normalizeProductCheckIn(variant.checkIn);
@@ -119,10 +143,12 @@ function variantLabel(variant) {
                             onChange: (event)=>{
                                 var _ref;
                                 const picked = event.target.value;
-                                setVariant(variant.id, picked === 'product' ? undefined : picked === 'on' ? {
+                                setVariant(variant.id, picked === 'product' ? undefined : picked === 'on' ? _extends({
                                     enabled: true,
                                     headcount: (_ref = own == null ? void 0 : own.headcount) != null ? _ref : headcount
-                                } : {
+                                }, askUseDate ? {
+                                    askUseDate: true
+                                } : {}) : {
                                     enabled: false
                                 });
                             },
@@ -148,10 +174,12 @@ function variantLabel(variant) {
                             label: "People per item",
                             size: "small",
                             value: (_ref = own == null ? void 0 : own.headcount) != null ? _ref : 1,
-                            onChange: (event)=>setVariant(variant.id, {
+                            onChange: (event)=>setVariant(variant.id, _extends({
                                     enabled: true,
                                     headcount: headcountFrom(event.target.value)
-                                }),
+                                }, (own == null ? void 0 : own.askUseDate) ? {
+                                    askUseDate: true
+                                } : {})),
                             slotProps: {
                                 htmlInput: {
                                     inputMode: 'numeric'
@@ -160,6 +188,24 @@ function variantLabel(variant) {
                             sx: {
                                 flex: 1
                             }
+                        }) : null,
+                        choice === 'on' ? /*#__PURE__*/ _jsx(FormControlLabel, {
+                            control: /*#__PURE__*/ _jsx(Switch, {
+                                checked: (own == null ? void 0 : own.askUseDate) === true,
+                                onChange: (event)=>{
+                                    var _ref;
+                                    return setVariant(variant.id, _extends({
+                                        enabled: true,
+                                        headcount: (_ref = own == null ? void 0 : own.headcount) != null ? _ref : 1
+                                    }, event.target.checked ? {
+                                        askUseDate: true
+                                    } : {}));
+                                }
+                            }),
+                            label: "Ask which day",
+                            sx: {
+                                flex: 1
+                            }
                         }) : null
                     ]
                 }, variant.id);

package/src/lib/components/console/product-check-in-fields.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/product-check-in-fields.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { FormControlLabel, MenuItem, Stack, Switch, TextField, Typography } from '@mui/material'\nimport { memo } from 'react'\nimport * as CommerceModel from '../../model'\n\ntype Patch = Partial<CommerceModel.HostProduct>\n\n/** What the section reads of a variant: never its price or SKU, so typing those does not redraw it. */\nexport type CheckInVariant = Pick<CommerceModel.ProductVariant, 'id' | 'options' | 'checkIn'>\n\nexport interface ProductCheckInFieldsProps {\n  checkIn: CommerceModel.ProductCheckIn | undefined\n  variants: readonly CheckInVariant[]\n  update: (patch: Patch | ((at: CommerceModel.HostProduct) => Patch)) => void\n}\n\ntype VariantChoice = 'product' | 'on' | 'off'\n\n/** A whole number of people from 1 to the ceiling, from what was typed; blank is 1. */\nfunction headcountFrom(value: string): number {\n  const count = Math.round(Number(value))\n  return Number.isFinite(count) && count >= 1 ? Math.min(count, CommerceModel.CHECK_IN_MAX_HEADCOUNT) : 1\n}\n\nfunction variantLabel(variant: CheckInVariant): string {\n  const values = Object.values(variant.options ?? {})\n  return values.length ? values.join(' / ') : 'Default'\n}\n\n/**\n * Check-in at the window (AGL-4043): whether each item sold of this product\n * is somebody to check in on the day it was bought — a day pass, a camping\n * spot, parking — and how many people one item admits. A product with\n * options can turn it on or off per variant (\"Spectator\" needs no\n * wristband) and give a variant its own number of people.\n *\n * Memoized on its own props like every section of this editor (AGL-3423).\n */\nexport const ProductCheckInFields = memo(function ProductCheckInFields(props: ProductCheckInFieldsProps) {\n  const { checkIn, variants, update } = props\n  const enabled = checkIn?.enabled === true\n  const headcount = checkIn?.headcount ?? 1\n\n  const setProduct = (next: CommerceModel.ProductCheckIn) => update({ checkIn: next })\n  // Written against the draft as it stands, so a price typed meanwhile is kept.\n  const setVariant = (id: string, next: CommerceModel.ProductCheckIn | undefined) =>\n    update((at) => ({\n      variants: at.variants.map((variant) => {\n        if (variant.id !== id) return variant\n        const { checkIn: _previous, ...rest } = variant\n        return next ? { ...rest, checkIn: next } : rest\n      }),\n    }))\n\n  return (\n    <Stack spacing={1.5}>\n      <Typography variant=\"subtitle1\" component=\"h3\">\n        {'Check-in'}\n      </Typography>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={enabled}\n            onChange={(event) =>\n              setProduct(event.target.checked ? { enabled: true, headcount } : { enabled: false })\n            }\n          />\n        }\n        label=\"Needs check-in\"\n      />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Each one sold, online or at the register, is somebody to check in at the window on the day it was bought, ' +\n          'with an optional wristband number or color.'}\n      </Typography>\n      {enabled ? (\n        <TextField\n          label=\"People per item\"\n          size=\"small\"\n          value={headcount}\n          onChange={(event) => setProduct({ enabled: true, headcount: headcountFrom(event.target.value) })}\n          helperText={headcount > 1 ? `Buying 3 makes ${3 * headcount} check-ins` : 'Buying 3 makes 3 check-ins'}\n          slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n          sx={{ maxWidth: (theme) => theme.spacing(28) }}\n        />\n      ) : null}\n      {variants.length > 1\n        ? variants.map((variant) => {\n            const own = CommerceModel.normalizeProductCheckIn(variant.checkIn)\n            const choice: VariantChoice = own ? (own.enabled ? 'on' : 'off') : 'product'\n            return (\n              <Stack key={variant.id} direction={{ xs: 'column', sm: 'row' }} spacing={1}>\n                <TextField\n                  select\n                  size=\"small\"\n                  label={variantLabel(variant)}\n                  value={choice}\n                  onChange={(event) => {\n                    const picked = event.target.value as VariantChoice\n                    setVariant(\n                      variant.id,\n                      picked === 'product'\n                        ? undefined\n                        : picked === 'on'\n                          ? { enabled: true, headcount: own?.headcount ?? headcount }\n                          : { enabled: false },\n                    )\n                  }}\n                  sx={{ flex: 1 }}\n                >\n                  <MenuItem value=\"product\">{enabled ? 'Same as the product (needs check-in)' : 'Same as the product (no check-in)'}</MenuItem>\n                  <MenuItem value=\"on\">{'Needs check-in'}</MenuItem>\n                  <MenuItem value=\"off\">{'No check-in'}</MenuItem>\n                </TextField>\n                {choice === 'on' ? (\n                  <TextField\n                    label=\"People per item\"\n                    size=\"small\"\n                    value={own?.headcount ?? 1}\n                    onChange={(event) =>\n                      setVariant(variant.id, { enabled: true, headcount: headcountFrom(event.target.value) })\n                    }\n                    slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n                    sx={{ flex: 1 }}\n                  />\n                ) : null}\n              </Stack>\n            )\n          })\n        : null}\n    </Stack>\n  )\n})\n\nProductCheckInFields.displayName = 'ProductCheckInFields'\n"],"names":["FormControlLabel","MenuItem","Stack","Switch","TextField","Typography","memo","CommerceModel","headcountFrom","value","count","Math","round","Number","isFinite","min","CHECK_IN_MAX_HEADCOUNT","variantLabel","variant","values","Object","options","length","join","ProductCheckInFields","props","checkIn","variants","update","enabled","headcount","setProduct","next","setVariant","id","at","map","_previous","rest","spacing","component","control","checked","onChange","event","target","label","color","size","helperText","slotProps","htmlInput","inputMode","sx","maxWidth","theme","own","normalizeProductCheckIn","choice","direction","xs","sm","select","picked","undefined","flex","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/product-check-in-fields.component.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { FormControlLabel, MenuItem, Stack, Switch, TextField, Typography } from '@mui/material'\nimport { memo } from 'react'\nimport * as CommerceModel from '../../model'\n\ntype Patch = Partial<CommerceModel.HostProduct>\n\n/** What the section reads of a variant: never its price or SKU, so typing those does not redraw it. */\nexport type CheckInVariant = Pick<CommerceModel.ProductVariant, 'id' | 'options' | 'checkIn'>\n\nexport interface ProductCheckInFieldsProps {\n  checkIn: CommerceModel.ProductCheckIn | undefined\n  variants: readonly CheckInVariant[]\n  update: (patch: Patch | ((at: CommerceModel.HostProduct) => Patch)) => void\n}\n\ntype VariantChoice = 'product' | 'on' | 'off'\n\n/** A whole number of people from 1 to the ceiling, from what was typed; blank is 1. */\nfunction headcountFrom(value: string): number {\n  const count = Math.round(Number(value))\n  return Number.isFinite(count) && count >= 1 ? Math.min(count, CommerceModel.CHECK_IN_MAX_HEADCOUNT) : 1\n}\n\nfunction variantLabel(variant: CheckInVariant): string {\n  const values = Object.values(variant.options ?? {})\n  return values.length ? values.join(' / ') : 'Default'\n}\n\n/**\n * Check-in at the window (AGL-4043): whether each item sold of this product\n * is somebody to check in on the day it is for — a day pass, a camping\n * spot, parking — and how many people one item admits. A product with\n * options can turn it on or off per variant (\"Spectator\" needs no\n * wristband) and give a variant its own number of people. \"Ask the buyer\n * which day\" lets an online buyer pick the day (a pass bought ahead);\n * without an answer it is the day they buy.\n *\n * Memoized on its own props like every section of this editor (AGL-3423).\n */\nexport const ProductCheckInFields = memo(function ProductCheckInFields(props: ProductCheckInFieldsProps) {\n  const { checkIn, variants, update } = props\n  const enabled = checkIn?.enabled === true\n  const headcount = checkIn?.headcount ?? 1\n  const askUseDate = checkIn?.askUseDate === true\n  /** The product's setting with one part changed, keeping the others. */\n  const productOn = (patch: Partial<CommerceModel.ProductCheckIn>): CommerceModel.ProductCheckIn => ({\n    enabled: true,\n    headcount,\n    ...(askUseDate ? { askUseDate: true } : {}),\n    ...patch,\n  })\n\n  const setProduct = (next: CommerceModel.ProductCheckIn) => update({ checkIn: next })\n  // Written against the draft as it stands, so a price typed meanwhile is kept.\n  const setVariant = (id: string, next: CommerceModel.ProductCheckIn | undefined) =>\n    update((at) => ({\n      variants: at.variants.map((variant) => {\n        if (variant.id !== id) return variant\n        const { checkIn: _previous, ...rest } = variant\n        return next ? { ...rest, checkIn: next } : rest\n      }),\n    }))\n\n  return (\n    <Stack spacing={1.5}>\n      <Typography variant=\"subtitle1\" component=\"h3\">\n        {'Check-in'}\n      </Typography>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={enabled}\n            onChange={(event) => setProduct(event.target.checked ? productOn({}) : { enabled: false })}\n          />\n        }\n        label=\"Needs check-in\"\n      />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Each one sold, online or at the register, is somebody to check in at the window on the day it is for, ' +\n          'with an optional wristband number or color.'}\n      </Typography>\n      {enabled ? (\n        <TextField\n          label=\"People per item\"\n          size=\"small\"\n          value={headcount}\n          onChange={(event) => setProduct(productOn({ headcount: headcountFrom(event.target.value) }))}\n          helperText={headcount > 1 ? `Buying 3 makes ${3 * headcount} check-ins` : 'Buying 3 makes 3 check-ins'}\n          slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n          sx={{ maxWidth: (theme) => theme.spacing(28) }}\n        />\n      ) : null}\n      {enabled ? (\n        <FormControlLabel\n          control={\n            <Switch\n              checked={askUseDate}\n              onChange={(event) => {\n                const { askUseDate: _was, ...rest } = productOn({})\n                setProduct(event.target.checked ? { ...rest, askUseDate: true } : rest)\n              }}\n            />\n          }\n          label=\"Ask the buyer which day\"\n        />\n      ) : null}\n      {enabled ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {askUseDate\n            ? 'Buyers online can pick the day they will use it, from today on. If they skip it, it is for the day they buy.'\n            : 'It is for the day it is bought. Turn this on to sell passes ahead for a day the buyer picks.'}\n        </Typography>\n      ) : null}\n      {variants.length > 1\n        ? variants.map((variant) => {\n            const own = CommerceModel.normalizeProductCheckIn(variant.checkIn)\n            const choice: VariantChoice = own ? (own.enabled ? 'on' : 'off') : 'product'\n            return (\n              <Stack key={variant.id} direction={{ xs: 'column', sm: 'row' }} spacing={1}>\n                <TextField\n                  select\n                  size=\"small\"\n                  label={variantLabel(variant)}\n                  value={choice}\n                  onChange={(event) => {\n                    const picked = event.target.value as VariantChoice\n                    setVariant(\n                      variant.id,\n                      picked === 'product'\n                        ? undefined\n                        : picked === 'on'\n                          ? {\n                              enabled: true,\n                              headcount: own?.headcount ?? headcount,\n                              ...(askUseDate ? { askUseDate: true } : {}),\n                            }\n                          : { enabled: false },\n                    )\n                  }}\n                  sx={{ flex: 1 }}\n                >\n                  <MenuItem value=\"product\">{enabled ? 'Same as the product (needs check-in)' : 'Same as the product (no check-in)'}</MenuItem>\n                  <MenuItem value=\"on\">{'Needs check-in'}</MenuItem>\n                  <MenuItem value=\"off\">{'No check-in'}</MenuItem>\n                </TextField>\n                {choice === 'on' ? (\n                  <TextField\n                    label=\"People per item\"\n                    size=\"small\"\n                    value={own?.headcount ?? 1}\n                    onChange={(event) =>\n                      setVariant(variant.id, {\n                        enabled: true,\n                        headcount: headcountFrom(event.target.value),\n                        ...(own?.askUseDate ? { askUseDate: true } : {}),\n                      })\n                    }\n                    slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n                    sx={{ flex: 1 }}\n                  />\n                ) : null}\n                {choice === 'on' ? (\n                  <FormControlLabel\n                    control={\n                      <Switch\n                        checked={own?.askUseDate === true}\n                        onChange={(event) =>\n                          setVariant(variant.id, {\n                            enabled: true,\n                            headcount: own?.headcount ?? 1,\n                            ...(event.target.checked ? { askUseDate: true } : {}),\n                          })\n                        }\n                      />\n                    }\n                    label=\"Ask which day\"\n                    sx={{ flex: 1 }}\n                  />\n                ) : null}\n              </Stack>\n            )\n          })\n        : null}\n    </Stack>\n  )\n})\n\nProductCheckInFields.displayName = 'ProductCheckInFields'\n"],"names":["FormControlLabel","MenuItem","Stack","Switch","TextField","Typography","memo","CommerceModel","headcountFrom","value","count","Math","round","Number","isFinite","min","CHECK_IN_MAX_HEADCOUNT","variantLabel","variant","values","Object","options","length","join","ProductCheckInFields","props","checkIn","variants","update","enabled","headcount","askUseDate","productOn","patch","setProduct","next","setVariant","id","at","map","_previous","rest","spacing","component","control","checked","onChange","event","target","label","color","size","helperText","slotProps","htmlInput","inputMode","sx","maxWidth","theme","_was","own","normalizeProductCheckIn","choice","direction","xs","sm","select","picked","undefined","flex","displayName"],"mappings":"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"}

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

@@ -18,13 +18,14 @@ 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 { productOfferedOnKiosk } from "../../model/commerce-kiosk-offer.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 } 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 { lazy, memo, Suspense, useCallback, useMemo, useRef, useState } from "react";
 import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection, useHostResourceApi, writeGuardedBySeed, useUser } from "@aglyn/tenant-feature-instance";
 import { writeSiteWideChange } from "@aglyn/tenant-feature-instance/hooks/helpers/site-wide-change";
 import { useMediaPicker } from "@aglyn/aglyn";
@@ -37,6 +38,12 @@ import { PRODUCT_EDITOR_ZONE } from "./product-zones.js";
 import { MembersVideosField, PaidDownloadAddButton, PaidMediaProtection } from "./paid-media.js";
 import { ProductCheckInFields } from "./product-check-in-fields.component.js";
 import { ProductRegisterFields, ProductSellOnlineField } from "./product-register-fields.component.js";
+import { ProductKioskOfferField } from "./product-kiosk-offer-field.component.js";
+/**
+ * The platform's own store's "Point of sale hardware" choice (AGL-4038),
+ * loaded only when the register section is drawn; it asks the server whether
+ * this store is the hardware seller and draws nothing anywhere else.
+ */ const ProductHardwareSkuField = /*#__PURE__*/ lazy(()=>import("./product-hardware-sku-field.component.js"));
 /**
  * What each picker in this dialog will offer.
  *
@@ -1213,6 +1220,23 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
     [
         checkInVariantsKey
     ]);
+    // The kiosk choice's view of the variants (AGL-4038), kept apart the same way.
+    const kioskVariantsKey = JSON.stringify(current.variants.map((variant)=>{
+        var _variant_options, _variant_offerOnKiosk;
+        return [
+            variant.id,
+            (_variant_options = variant.options) != null ? _variant_options : null,
+            (_variant_offerOnKiosk = variant.offerOnKiosk) != null ? _variant_offerOnKiosk : null
+        ];
+    }));
+    const kioskVariants = useMemo(()=>current.variants.map(({ id, options, offerOnKiosk })=>({
+                id,
+                options,
+                offerOnKiosk
+            })), // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        kioskVariantsKey
+    ]);
     const setTags = useCallback((tags)=>update({
             tags: tags.map((tag)=>String(tag).trim()).filter(Boolean)
         }), [
@@ -1602,6 +1626,10 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
                     gap: 2
                 },
                 children: [
+                    CommerceModel.productIsSample(current) ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: CommerceModel.PRODUCT_SAMPLE_NOTE
+                    }) : null,
                     /*#__PURE__*/ _jsx(ProductBasicsFields, {
                         name: current.name,
                         slug: current.slug,
@@ -1708,9 +1736,23 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
                             /*#__PURE__*/ _jsx(ProductRegisterFields, {
                                 posQuickKey: Boolean(current.posQuickKey),
                                 sellOnline: CommerceModel.productSellsOnline(current),
+                                inStoreReviews: current.inStoreReviews,
                                 modifierGroups: (_current_modifierGroups = current.modifierGroups) != null ? _current_modifierGroups : NO_MODIFIER_GROUPS,
                                 update: update
                             }),
+                            /*#__PURE__*/ _jsx(ProductKioskOfferField, {
+                                offerOnKiosk: productOfferedOnKiosk(current),
+                                variants: kioskVariants,
+                                update: update
+                            }),
+                            /*#__PURE__*/ _jsx(Suspense, {
+                                fallback: null,
+                                children: /*#__PURE__*/ _jsx(ProductHardwareSkuField, {
+                                    hostId: hostId,
+                                    hardwareSku: current.hardwareSku,
+                                    update: update
+                                })
+                            }),
                             /*#__PURE__*/ _jsx(ProductCheckInFields, {
                                 checkIn: current.checkIn,
                                 variants: checkInVariants,
@@ -1726,6 +1768,7 @@ const MemoPaidDownloadAddButton = /*#__PURE__*/ memo(PaidDownloadAddButton);
                             }),
                             !CommerceModel.productSellsOnline(current) ? /*#__PURE__*/ _jsx(ProductSellOnlineField, {
                                 sellOnline: false,
+                                inStoreReviews: current.inStoreReviews,
                                 update: update
                             }) : null
                         ]