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

package/src/lib/components/console/product-hardware-sku-field.component.js

@@ -0,0 +1,92 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { memo, useEffect, useId, useState } from "react";
+import { posHardwareSaleStatus } from "./pos/pos-hardware-sale-api.js";
+/**
+ * "Point of sale hardware" (AGL-4038): which card reader or accessory this
+ * product is, on the platform's own store only. A sale of it at that
+ * store's register becomes a hardware order for the buyer's workspace. On
+ * every other store the server answers `seller: false` and this draws
+ * nothing, so no merchant is shown a control that would do nothing.
+ *
+ * Loaded on its own, only by the editor's register section.
+ */ function ProductHardwareSkuField(props) {
+    const { hostId, hardwareSku, update } = props;
+    const { data: user } = useUser();
+    const helpId = useId();
+    const [status, setStatus] = useState(null);
+    useEffect(()=>{
+        if (!user || !hostId) return;
+        let live = true;
+        posHardwareSaleStatus(user, hostId).then((answer)=>{
+            if (live) setStatus(answer);
+        })// A store that cannot be asked shows nothing, as one that is not the seller.
+        .catch(()=>undefined);
+        return ()=>{
+            live = false;
+        };
+    }, [
+        user,
+        hostId
+    ]);
+    if (!(status == null ? void 0 : status.seller)) return null;
+    const known = status.items.some((item)=>item.sku === hardwareSku);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 0.5,
+        children: [
+            /*#__PURE__*/ _jsxs(TextField, {
+                select: true,
+                size: "small",
+                label: "Point of sale hardware",
+                value: known ? hardwareSku : '',
+                onChange: (event)=>update({
+                        hardwareSku: event.target.value
+                    }),
+                slotProps: {
+                    htmlInput: {
+                        'aria-describedby': helpId
+                    }
+                },
+                sx: {
+                    maxWidth: (theme)=>theme.spacing(50)
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(MenuItem, {
+                        value: "",
+                        children: 'Not point of sale hardware'
+                    }),
+                    status.items.map((item)=>/*#__PURE__*/ _jsx(MenuItem, {
+                            value: item.sku,
+                            children: item.name
+                        }, item.sku))
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                id: helpId,
+                variant: "body2",
+                color: "text.secondary",
+                children: known ? 'Selling this at the register makes a hardware order for the buyer’s workspace, attached at the sale or later from the To attach list.' : 'Choose the card reader or accessory this product is, so a sale of it at the register reaches the buyer’s workspace.'
+            })
+        ]
+    });
+}
+export default /*#__PURE__*/ memo(ProductHardwareSkuField);
+
+//# sourceMappingURL=product-hardware-sku-field.component.js.map

package/src/lib/components/console/product-hardware-sku-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/product-hardware-sku-field.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 { MenuItem, Stack, TextField, Typography } from '@mui/material'\nimport { useUser } from '@aglyn/tenant-feature-instance'\nimport { memo, useEffect, useId, useState } from 'react'\nimport type * as CommerceModel from '../../model'\nimport { posHardwareSaleStatus, type PosHardwareSaleStatus } from './pos/pos-hardware-sale-api'\n\ntype Patch = Partial<CommerceModel.HostProduct>\n\nexport interface ProductHardwareSkuFieldProps {\n  hostId: string\n  hardwareSku: string | undefined\n  update: (patch: Patch) => void\n}\n\n/**\n * \"Point of sale hardware\" (AGL-4038): which card reader or accessory this\n * product is, on the platform's own store only. A sale of it at that\n * store's register becomes a hardware order for the buyer's workspace. On\n * every other store the server answers `seller: false` and this draws\n * nothing, so no merchant is shown a control that would do nothing.\n *\n * Loaded on its own, only by the editor's register section.\n */\nfunction ProductHardwareSkuField(props: ProductHardwareSkuFieldProps) {\n  const { hostId, hardwareSku, update } = props\n  const { data: user } = useUser()\n  const helpId = useId()\n  const [status, setStatus] = useState<PosHardwareSaleStatus | null>(null)\n\n  useEffect(() => {\n    if (!user || !hostId) return\n    let live = true\n    posHardwareSaleStatus(user, hostId)\n      .then((answer) => {\n        if (live) setStatus(answer)\n      })\n      // A store that cannot be asked shows nothing, as one that is not the seller.\n      .catch(() => undefined)\n    return () => {\n      live = false\n    }\n  }, [user, hostId])\n\n  if (!status?.seller) return null\n  const known = status.items.some((item) => item.sku === hardwareSku)\n  return (\n    <Stack spacing={0.5}>\n      <TextField\n        select\n        size=\"small\"\n        label=\"Point of sale hardware\"\n        value={known ? hardwareSku : ''}\n        onChange={(event) => update({ hardwareSku: event.target.value })}\n        slotProps={{ htmlInput: { 'aria-describedby': helpId } }}\n        sx={{ maxWidth: (theme) => theme.spacing(50) }}\n      >\n        <MenuItem value=\"\">{'Not point of sale hardware'}</MenuItem>\n        {status.items.map((item) => (\n          <MenuItem key={item.sku} value={item.sku}>\n            {item.name}\n          </MenuItem>\n        ))}\n      </TextField>\n      <Typography id={helpId} variant=\"body2\" color=\"text.secondary\">\n        {known\n          ? 'Selling this at the register makes a hardware order for the buyer’s workspace, attached at the sale or later from the To attach list.'\n          : 'Choose the card reader or accessory this product is, so a sale of it at the register reaches the buyer’s workspace.'}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport default memo(ProductHardwareSkuField)\n"],"names":["MenuItem","Stack","TextField","Typography","useUser","memo","useEffect","useId","useState","posHardwareSaleStatus","ProductHardwareSkuField","props","hostId","hardwareSku","update","data","user","helpId","status","setStatus","live","then","answer","catch","undefined","seller","known","items","some","item","sku","spacing","select","size","label","value","onChange","event","target","slotProps","htmlInput","sx","maxWidth","theme","map","name","id","variant","color"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,QAAQ,EAAEC,KAAK,EAAEC,SAAS,EAAEC,UAAU,QAAQ,gBAAe;AACtE,SAASC,OAAO,QAAQ,iCAAgC;AACxD,SAASC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,QAAO;AAExD,SAASC,qBAAqB,QAAoC,iCAA6B;AAU/F;;;;;;;;CAQC,GACD,SAASC,wBAAwBC,KAAmC;IAClE,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGH;IACxC,MAAM,EAAEI,MAAMC,IAAI,EAAE,GAAGZ;IACvB,MAAMa,SAASV;IACf,MAAM,CAACW,QAAQC,UAAU,GAAGX,SAAuC;IAEnEF,UAAU;QACR,IAAI,CAACU,QAAQ,CAACJ,QAAQ;QACtB,IAAIQ,OAAO;QACXX,sBAAsBO,MAAMJ,QACzBS,IAAI,CAAC,CAACC;YACL,IAAIF,MAAMD,UAAUG;QACtB,EACA,6EAA6E;SAC5EC,KAAK,CAAC,IAAMC;QACf,OAAO;YACLJ,OAAO;QACT;IACF,GAAG;QAACJ;QAAMJ;KAAO;IAEjB,IAAI,EAACM,0BAAAA,OAAQO,MAAM,GAAE,OAAO;IAC5B,MAAMC,QAAQR,OAAOS,KAAK,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKC,GAAG,KAAKjB;IACvD,qBACE,MAACZ;QAAM8B,SAAS;;0BACd,MAAC7B;gBACC8B,MAAM;gBACNC,MAAK;gBACLC,OAAM;gBACNC,OAAOT,QAAQb,cAAc;gBAC7BuB,UAAU,CAACC,QAAUvB,OAAO;wBAAED,aAAawB,MAAMC,MAAM,CAACH,KAAK;oBAAC;gBAC9DI,WAAW;oBAAEC,WAAW;wBAAE,oBAAoBvB;oBAAO;gBAAE;gBACvDwB,IAAI;oBAAEC,UAAU,CAACC,QAAUA,MAAMZ,OAAO,CAAC;gBAAI;;kCAE7C,KAAC/B;wBAASmC,OAAM;kCAAI;;oBACnBjB,OAAOS,KAAK,CAACiB,GAAG,CAAC,CAACf,qBACjB,KAAC7B;4BAAwBmC,OAAON,KAAKC,GAAG;sCACrCD,KAAKgB,IAAI;2BADGhB,KAAKC,GAAG;;;0BAK3B,KAAC3B;gBAAW2C,IAAI7B;gBAAQ8B,SAAQ;gBAAQC,OAAM;0BAC3CtB,QACG,0IACA;;;;AAIZ;AAEA,6BAAerB,KAAKK,yBAAwB"}

package/src/lib/components/console/product-kiosk-offer-field.component.d.ts

@@ -0,0 +1,22 @@
+import * as CommerceModel from '../../model';
+type Patch = Partial<CommerceModel.HostProduct>;
+/** What the section reads of a variant: never its price or SKU, so typing those does not redraw it. */
+export type KioskOfferVariant = Pick<CommerceModel.ProductVariant, 'id' | 'options' | 'offerOnKiosk'>;
+export interface ProductKioskOfferFieldProps {
+    /** `productOfferedOnKiosk` of the product: absent reads as on. */
+    offerOnKiosk: boolean;
+    variants: readonly KioskOfferVariant[];
+    update: (patch: Patch | ((at: CommerceModel.HostProduct) => Patch)) => void;
+}
+/**
+ * "Offer on the kiosk" (AGL-4038): whether the self-service kiosk offers the
+ * product, and for a product with options, which of its variants. On (the
+ * default, and what every product stored before the choice reads as) the
+ * kiosk offers it as it always has; off, the kiosk leaves it out and refuses
+ * it in a cart, while the register, the POS apps and the site sell it as
+ * before. The same choice for every product a store sells.
+ *
+ * Memoized on its own props like every section of this editor (AGL-3423).
+ */
+export declare const ProductKioskOfferField: import("react").MemoExoticComponent<(props: ProductKioskOfferFieldProps) => import("react").JSX.Element>;
+export {};

package/src/lib/components/console/product-kiosk-offer-field.component.js

@@ -0,0 +1,94 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, FormControlLabel, FormGroup, FormLabel, Stack, Switch, Typography } from "@mui/material";
+import { memo, useId } from "react";
+function variantLabel(variant) {
+    var _variant_options;
+    const values = Object.values((_variant_options = variant.options) != null ? _variant_options : {});
+    return values.length ? values.join(' / ') : 'Default';
+}
+/**
+ * "Offer on the kiosk" (AGL-4038): whether the self-service kiosk offers the
+ * product, and for a product with options, which of its variants. On (the
+ * default, and what every product stored before the choice reads as) the
+ * kiosk offers it as it always has; off, the kiosk leaves it out and refuses
+ * it in a cart, while the register, the POS apps and the site sell it as
+ * before. The same choice for every product a store sells.
+ *
+ * Memoized on its own props like every section of this editor (AGL-3423).
+ */ export const ProductKioskOfferField = /*#__PURE__*/ memo(function ProductKioskOfferField(props) {
+    const { offerOnKiosk, variants, update } = props;
+    const helpId = useId();
+    const variantsLabelId = useId();
+    const setVariant = (variantId, offered)=>update((at)=>({
+                variants: at.variants.map((variant)=>variant.id === variantId ? _extends({}, variant, {
+                        offerOnKiosk: offered
+                    }) : variant)
+            }));
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 0.5,
+        children: [
+            /*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Switch, {
+                    checked: offerOnKiosk,
+                    onChange: (event)=>update({
+                            offerOnKiosk: event.target.checked
+                        }),
+                    slotProps: {
+                        input: {
+                            'aria-describedby': helpId
+                        }
+                    }
+                }),
+                label: "Offer on the kiosk"
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                id: helpId,
+                variant: "body2",
+                color: "text.secondary",
+                children: offerOnKiosk ? 'Customers can order it at your self-service kiosk.' : 'Left off the self-service kiosk. The register, the POS apps and your site still sell it.'
+            }),
+            offerOnKiosk && variants.length > 1 ? /*#__PURE__*/ _jsxs(FormGroup, {
+                "aria-labelledby": variantsLabelId,
+                sx: {
+                    pl: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(FormLabel, {
+                        id: variantsLabelId,
+                        sx: {
+                            typography: 'body2'
+                        },
+                        children: 'Variants the kiosk offers'
+                    }),
+                    variants.map((variant)=>/*#__PURE__*/ _jsx(FormControlLabel, {
+                            control: /*#__PURE__*/ _jsx(Checkbox, {
+                                size: "small",
+                                checked: variant.offerOnKiosk !== false,
+                                onChange: (event)=>setVariant(variant.id, event.target.checked)
+                            }),
+                            label: variantLabel(variant)
+                        }, variant.id))
+                ]
+            }) : null
+        ]
+    });
+});
+
+//# sourceMappingURL=product-kiosk-offer-field.component.js.map

package/src/lib/components/console/product-kiosk-offer-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/product-kiosk-offer-field.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 { Checkbox, FormControlLabel, FormGroup, FormLabel, Stack, Switch, Typography } from '@mui/material'\nimport { memo, useId } 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 KioskOfferVariant = Pick<CommerceModel.ProductVariant, 'id' | 'options' | 'offerOnKiosk'>\n\nexport interface ProductKioskOfferFieldProps {\n  /** `productOfferedOnKiosk` of the product: absent reads as on. */\n  offerOnKiosk: boolean\n  variants: readonly KioskOfferVariant[]\n  update: (patch: Patch | ((at: CommerceModel.HostProduct) => Patch)) => void\n}\n\nfunction variantLabel(variant: KioskOfferVariant): string {\n  const values = Object.values(variant.options ?? {})\n  return values.length ? values.join(' / ') : 'Default'\n}\n\n/**\n * \"Offer on the kiosk\" (AGL-4038): whether the self-service kiosk offers the\n * product, and for a product with options, which of its variants. On (the\n * default, and what every product stored before the choice reads as) the\n * kiosk offers it as it always has; off, the kiosk leaves it out and refuses\n * it in a cart, while the register, the POS apps and the site sell it as\n * before. The same choice for every product a store sells.\n *\n * Memoized on its own props like every section of this editor (AGL-3423).\n */\nexport const ProductKioskOfferField = memo(function ProductKioskOfferField(props: ProductKioskOfferFieldProps) {\n  const { offerOnKiosk, variants, update } = props\n  const helpId = useId()\n  const variantsLabelId = useId()\n  const setVariant = (variantId: string, offered: boolean) =>\n    update((at) => ({\n      variants: at.variants.map((variant) =>\n        variant.id === variantId ? { ...variant, offerOnKiosk: offered } : variant,\n      ),\n    }))\n  return (\n    <Stack spacing={0.5}>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={offerOnKiosk}\n            onChange={(event) => update({ offerOnKiosk: event.target.checked })}\n            slotProps={{ input: { 'aria-describedby': helpId } }}\n          />\n        }\n        label=\"Offer on the kiosk\"\n      />\n      <Typography id={helpId} variant=\"body2\" color=\"text.secondary\">\n        {offerOnKiosk\n          ? 'Customers can order it at your self-service kiosk.'\n          : 'Left off the self-service kiosk. The register, the POS apps and your site still sell it.'}\n      </Typography>\n      {offerOnKiosk && variants.length > 1 ? (\n        <FormGroup aria-labelledby={variantsLabelId} sx={{ pl: 1 }}>\n          <FormLabel id={variantsLabelId} sx={{ typography: 'body2' }}>\n            {'Variants the kiosk offers'}\n          </FormLabel>\n          {variants.map((variant) => (\n            <FormControlLabel\n              key={variant.id}\n              control={\n                <Checkbox\n                  size=\"small\"\n                  checked={variant.offerOnKiosk !== false}\n                  onChange={(event) => setVariant(variant.id, event.target.checked)}\n                />\n              }\n              label={variantLabel(variant)}\n            />\n          ))}\n        </FormGroup>\n      ) : null}\n    </Stack>\n  )\n})\n"],"names":["Checkbox","FormControlLabel","FormGroup","FormLabel","Stack","Switch","Typography","memo","useId","variantLabel","variant","values","Object","options","length","join","ProductKioskOfferField","props","offerOnKiosk","variants","update","helpId","variantsLabelId","setVariant","variantId","offered","at","map","id","spacing","control","checked","onChange","event","target","slotProps","input","label","color","aria-labelledby","sx","pl","typography","size"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;;AAEA,SAASA,QAAQ,EAAEC,gBAAgB,EAAEC,SAAS,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAEC,UAAU,QAAQ,gBAAe;AAC3G,SAASC,IAAI,EAAEC,KAAK,QAAQ,QAAO;AAenC,SAASC,aAAaC,OAA0B;QACjBA;IAA7B,MAAMC,SAASC,OAAOD,MAAM,EAACD,mBAAAA,QAAQG,OAAO,YAAfH,mBAAmB,CAAC;IACjD,OAAOC,OAAOG,MAAM,GAAGH,OAAOI,IAAI,CAAC,SAAS;AAC9C;AAEA;;;;;;;;;CASC,GACD,OAAO,MAAMC,uCAAyBT,KAAK,SAASS,uBAAuBC,KAAkC;IAC3G,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGH;IAC3C,MAAMI,SAASb;IACf,MAAMc,kBAAkBd;IACxB,MAAMe,aAAa,CAACC,WAAmBC,UACrCL,OAAO,CAACM,KAAQ,CAAA;gBACdP,UAAUO,GAAGP,QAAQ,CAACQ,GAAG,CAAC,CAACjB,UACzBA,QAAQkB,EAAE,KAAKJ,YAAY,aAAKd;wBAASQ,cAAcO;yBAAYf;YAEvE,CAAA;IACF,qBACE,MAACN;QAAMyB,SAAS;;0BACd,KAAC5B;gBACC6B,uBACE,KAACzB;oBACC0B,SAASb;oBACTc,UAAU,CAACC,QAAUb,OAAO;4BAAEF,cAAce,MAAMC,MAAM,CAACH,OAAO;wBAAC;oBACjEI,WAAW;wBAAEC,OAAO;4BAAE,oBAAoBf;wBAAO;oBAAE;;gBAGvDgB,OAAM;;0BAER,KAAC/B;gBAAWsB,IAAIP;gBAAQX,SAAQ;gBAAQ4B,OAAM;0BAC3CpB,eACG,uDACA;;YAELA,gBAAgBC,SAASL,MAAM,GAAG,kBACjC,MAACZ;gBAAUqC,mBAAiBjB;gBAAiBkB,IAAI;oBAAEC,IAAI;gBAAE;;kCACvD,KAACtC;wBAAUyB,IAAIN;wBAAiBkB,IAAI;4BAAEE,YAAY;wBAAQ;kCACvD;;oBAEFvB,SAASQ,GAAG,CAAC,CAACjB,wBACb,KAACT;4BAEC6B,uBACE,KAAC9B;gCACC2C,MAAK;gCACLZ,SAASrB,QAAQQ,YAAY,KAAK;gCAClCc,UAAU,CAACC,QAAUV,WAAWb,QAAQkB,EAAE,EAAEK,MAAMC,MAAM,CAACH,OAAO;;4BAGpEM,OAAO5B,aAAaC;2BARfA,QAAQkB,EAAE;;iBAYnB;;;AAGV,GAAE"}

package/src/lib/components/console/product-register-fields.component.d.ts

@@ -4,11 +4,15 @@ export interface ProductRegisterFieldsProps {
     posQuickKey: boolean;
     /** `productSellsOnline` of the product: absent reads as on. */
     sellOnline: boolean;
+    /** What the site does with the reviews of a product sold in person only (AGL-4060). */
+    inStoreReviews?: CommerceModel.HostProduct['inStoreReviews'];
     modifierGroups: readonly CommerceModel.ProductModifierGroup[];
     update: (patch: Patch) => void;
 }
 export interface ProductSellOnlineFieldProps {
     sellOnline: boolean;
+    /** What the site does with its reviews while it sells in person only; absent reads as `show`. */
+    inStoreReviews?: CommerceModel.HostProduct['inStoreReviews'];
     update: (patch: Patch) => void;
 }
 /**

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

@@ -16,7 +16,7 @@
  */ 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, FormControlLabel, IconButton, Stack, Switch, TextField, Typography } from "@mui/material";
+import { Box, Button, FormControlLabel, IconButton, MenuItem, Stack, Switch, TextField, Typography } from "@mui/material";
 import { PLATFORM_BRAND_NAME } from "@aglyn/aglyn/app-utils/platform-brand";
 import { memo, useCallback, useId } from "react";
 import * as CommerceModel from "../../model/index.js";
@@ -27,15 +27,29 @@ function newId(prefix) {
     const number = Math.round(Number(String(value).replace(/[^0-9.]/g, '')) * 100);
     return Number.isFinite(number) && number > 0 ? number : 0;
 }
+/** The "Reviews on your site" choices, as the editor words them (AGL-4060). */ const IN_STORE_REVIEWS_OPTIONS = [
+    {
+        value: 'show',
+        label: 'Show, marked Sold in store',
+        help: 'Its reviews appear in your site’s reviews and its average, marked “Sold in store”, with no link to a product page.'
+    },
+    {
+        value: 'hide',
+        label: 'Hide',
+        help: 'Its reviews appear nowhere on your site: not in the reviews list and not in its average. You still see them under Reviews here.'
+    }
+];
 /**
  * The product's "Sell online" switch (AGL-4060). On (the default, and what
  * every product stored before it reads as) the product sells on the site and
  * its channels as it always has; off, it sells in person only.
  */ export const ProductSellOnlineField = /*#__PURE__*/ memo(function ProductSellOnlineField(props) {
+    var _IN_STORE_REVIEWS_OPTIONS_find;
     const { sellOnline, update } = props;
     const helpId = useId();
+    const reviews = props.inStoreReviews === 'hide' ? 'hide' : 'show';
     return /*#__PURE__*/ _jsxs(Stack, {
-        spacing: 0.5,
+        spacing: 1,
         children: [
             /*#__PURE__*/ _jsx(FormControlLabel, {
                 control: /*#__PURE__*/ _jsx(Switch, {
@@ -56,6 +70,20 @@ function newId(prefix) {
                 variant: "body2",
                 color: "text.secondary",
                 children: sellOnline ? 'Sold on your site — its product page, product grids, search, the cart and checkout — and in any shopping feeds and marketplaces you connect, as well as in person.' : `In person only: sold at the register, the kiosk, the ${PLATFORM_BRAND_NAME} POS apps and on draft orders. It has no page on your site and is left out of product grids, search, the sitemap, the cart, checkout and every shopping feed.`
+            }),
+            sellOnline ? null : /*#__PURE__*/ _jsx(TextField, {
+                select: true,
+                size: "small",
+                label: "Reviews on your site",
+                value: reviews,
+                onChange: (event)=>update({
+                        inStoreReviews: event.target.value
+                    }),
+                helperText: (_IN_STORE_REVIEWS_OPTIONS_find = IN_STORE_REVIEWS_OPTIONS.find((option)=>option.value === reviews)) == null ? void 0 : _IN_STORE_REVIEWS_OPTIONS_find.help,
+                children: IN_STORE_REVIEWS_OPTIONS.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
+                        value: option.value,
+                        children: option.label
+                    }, option.value))
             })
         ]
     });
@@ -103,6 +131,7 @@ function newId(prefix) {
             }),
             /*#__PURE__*/ _jsx(ProductSellOnlineField, {
                 sellOnline: props.sellOnline,
+                inStoreReviews: props.inStoreReviews,
                 update: update
             }),
             /*#__PURE__*/ _jsx(Typography, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/product-register-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 {\n  Box,\n  Button,\n  FormControlLabel,\n  IconButton,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn/app-utils/platform-brand'\nimport { memo, useCallback, useId } from 'react'\nimport * as CommerceModel from '../../model'\n\ntype Patch = Partial<CommerceModel.HostProduct>\n\nexport interface ProductRegisterFieldsProps {\n  posQuickKey: boolean\n  /** `productSellsOnline` of the product: absent reads as on. */\n  sellOnline: boolean\n  modifierGroups: readonly CommerceModel.ProductModifierGroup[]\n  update: (patch: Patch) => void\n}\n\nfunction newId(prefix: string): string {\n  return `${prefix}${Math.random().toString(36).slice(2, 10)}`\n}\n\n/** Dollars as typed, to whole cents; blank is free. */\nfunction centsFromDollars(value: string): number {\n  const number = Math.round(Number(String(value).replace(/[^0-9.]/g, '')) * 100)\n  return Number.isFinite(number) && number > 0 ? number : 0\n}\n\nexport interface ProductSellOnlineFieldProps {\n  sellOnline: boolean\n  update: (patch: Patch) => void\n}\n\n/**\n * The product's \"Sell online\" switch (AGL-4060). On (the default, and what\n * every product stored before it reads as) the product sells on the site and\n * its channels as it always has; off, it sells in person only.\n */\nexport const ProductSellOnlineField = memo(function ProductSellOnlineField(\n  props: ProductSellOnlineFieldProps,\n) {\n  const { sellOnline, update } = props\n  const helpId = useId()\n  return (\n    <Stack spacing={0.5}>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={sellOnline}\n            onChange={(event) => update({ sellOnline: event.target.checked })}\n            slotProps={{ input: { 'aria-describedby': helpId } }}\n          />\n        }\n        label=\"Sell online\"\n      />\n      <Typography id={helpId} variant=\"body2\" color=\"text.secondary\">\n        {sellOnline\n          ? 'Sold on your site — its product page, product grids, search, the cart and checkout — and in any shopping feeds and marketplaces you connect, as well as in person.'\n          : `In person only: sold at the register, the kiosk, the ${PLATFORM_BRAND_NAME} POS apps and on draft orders. It has no page on your site and is left out of product grids, search, the sitemap, the cart, checkout and every shopping feed.`}\n      </Typography>\n    </Stack>\n  )\n})\n\n/**\n * The product's register settings (AGL-3607): whether it is a quick key on\n * the register's first screen, and its modifier groups — choices such as\n * \"Milk\" or \"Add-ons\" the cashier picks as the item is rung up, each choice\n * free or with a price added to the item. A group with a minimum of 1 or\n * more must be answered before the item can be added.\n *\n * Memoized on its own props like every section of this editor (AGL-3423):\n * a keystroke elsewhere in the dialog does not redraw it.\n */\nexport const ProductRegisterFields = memo(function ProductRegisterFields(\n  props: ProductRegisterFieldsProps,\n) {\n  const { modifierGroups, update } = props\n  const setGroups = useCallback(\n    (groups: CommerceModel.ProductModifierGroup[]) => update({ modifierGroups: groups }),\n    [update],\n  )\n  const editGroup = (index: number, patch: Partial<CommerceModel.ProductModifierGroup>) =>\n    setGroups(modifierGroups.map((group, at) => (at === index ? { ...group, ...patch } : group)))\n  const editOption = (\n    groupIndex: number,\n    optionIndex: number,\n    patch: Partial<CommerceModel.ProductModifierOption>,\n  ) => {\n    const group = modifierGroups[groupIndex]\n    editGroup(groupIndex, {\n      options: group.options.map((option, at) => (at === optionIndex ? { ...option, ...patch } : option)),\n    })\n  }\n  const problem = CommerceModel.modifierGroupsProblem(modifierGroups)\n\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"subtitle1\" component=\"h3\">\n        {'At the register'}\n      </Typography>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={props.posQuickKey}\n            onChange={(event) => update({ posQuickKey: event.target.checked })}\n          />\n        }\n        label=\"Quick key at the register\"\n      />\n      <ProductSellOnlineField sellOnline={props.sellOnline} update={update} />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Modifiers are choices added as the item is rung up, such as a milk or an extra shot. ' +\n          'Each can be free or add to the price.'}\n      </Typography>\n      {modifierGroups.map((group, groupIndex) => (\n        <Box\n          key={group.id}\n          role=\"group\"\n          aria-label={group.name || 'Modifier group'}\n          sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 2 }}\n        >\n          <Stack spacing={1.5}>\n            <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'flex-start' }}>\n              <TextField\n                label=\"Group name\"\n                size=\"small\"\n                value={group.name}\n                onChange={(event) => editGroup(groupIndex, { name: event.target.value })}\n                sx={{ flex: 1 }}\n              />\n              <TextField\n                label=\"At least\"\n                size=\"small\"\n                value={group.min}\n                onChange={(event) =>\n                  editGroup(groupIndex, { min: Math.max(0, Math.round(Number(event.target.value) || 0)) })\n                }\n                helperText={group.min > 0 ? 'Required' : 'Optional'}\n                sx={{ width: 96 }}\n                slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n              />\n              <TextField\n                label=\"At most\"\n                size=\"small\"\n                value={group.max}\n                onChange={(event) =>\n                  editGroup(groupIndex, { max: Math.max(1, Math.round(Number(event.target.value) || 1)) })\n                }\n                sx={{ width: 96 }}\n                slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n              />\n              <Button\n                color=\"error\"\n                onClick={() => setGroups(modifierGroups.filter((_group, at) => at !== groupIndex))}\n              >\n                {'Remove group'}\n              </Button>\n            </Stack>\n            {group.options.map((option, optionIndex) => (\n              <Stack key={option.id} direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                <TextField\n                  label=\"Choice\"\n                  size=\"small\"\n                  value={option.name}\n                  onChange={(event) => editOption(groupIndex, optionIndex, { name: event.target.value })}\n                  sx={{ flex: 1 }}\n                />\n                <TextField\n                  label=\"Adds ($)\"\n                  size=\"small\"\n                  defaultValue={option.priceCents ? (option.priceCents / 100).toFixed(2) : ''}\n                  placeholder=\"0.00\"\n                  onBlur={(event) =>\n                    editOption(groupIndex, optionIndex, { priceCents: centsFromDollars(event.target.value) })\n                  }\n                  sx={{ width: 120 }}\n                  slotProps={{ htmlInput: { inputMode: 'decimal' } }}\n                />\n                <IconButton\n                  aria-label={`Remove ${option.name || 'choice'}`}\n                  onClick={() =>\n                    editGroup(groupIndex, {\n                      options: group.options.filter((_option, at) => at !== optionIndex),\n                      max: Math.max(1, Math.min(group.max, group.options.length - 1)),\n                    })\n                  }\n                >\n                  {'✕'}\n                </IconButton>\n              </Stack>\n            ))}\n            <Box>\n              <Button\n                onClick={() =>\n                  editGroup(groupIndex, {\n                    options: [...group.options, { id: newId('o'), name: '', priceCents: 0 }],\n                  })\n                }\n                disabled={group.options.length >= CommerceModel.POS_MAX_MODIFIER_OPTIONS}\n              >\n                {'Add choice'}\n              </Button>\n            </Box>\n          </Stack>\n        </Box>\n      ))}\n      <Box>\n        <Button\n          variant=\"outlined\"\n          onClick={() =>\n            setGroups([\n              ...modifierGroups,\n              {\n                id: newId('g'),\n                name: '',\n                min: 0,\n                max: 1,\n                options: [{ id: newId('o'), name: '', priceCents: 0 }],\n              },\n            ])\n          }\n          disabled={modifierGroups.length >= CommerceModel.POS_MAX_MODIFIER_GROUPS}\n        >\n          {'Add modifier group'}\n        </Button>\n      </Box>\n      {problem && modifierGroups.length ? (\n        <Typography variant=\"body2\" color=\"warning.main\">\n          {problem}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n})\n"],"names":["Box","Button","FormControlLabel","IconButton","Stack","Switch","TextField","Typography","PLATFORM_BRAND_NAME","memo","useCallback","useId","CommerceModel","newId","prefix","Math","random","toString","slice","centsFromDollars","value","number","round","Number","String","replace","isFinite","ProductSellOnlineField","props","sellOnline","update","helpId","spacing","control","checked","onChange","event","target","slotProps","input","label","id","variant","color","ProductRegisterFields","modifierGroups","setGroups","groups","editGroup","index","patch","map","group","at","editOption","groupIndex","optionIndex","options","option","problem","modifierGroupsProblem","component","posQuickKey","role","aria-label","name","sx","border","borderColor","borderRadius","p","direction","alignItems","size","flex","min","max","helperText","width","htmlInput","inputMode","onClick","filter","_group","defaultValue","priceCents","toFixed","placeholder","onBlur","_option","length","disabled","POS_MAX_MODIFIER_OPTIONS","POS_MAX_MODIFIER_GROUPS"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/product-register-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 {\n  Box,\n  Button,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { PLATFORM_BRAND_NAME } from '@aglyn/aglyn/app-utils/platform-brand'\nimport { memo, useCallback, useId } from 'react'\nimport * as CommerceModel from '../../model'\n\ntype Patch = Partial<CommerceModel.HostProduct>\n\nexport interface ProductRegisterFieldsProps {\n  posQuickKey: boolean\n  /** `productSellsOnline` of the product: absent reads as on. */\n  sellOnline: boolean\n  /** What the site does with the reviews of a product sold in person only (AGL-4060). */\n  inStoreReviews?: CommerceModel.HostProduct['inStoreReviews']\n  modifierGroups: readonly CommerceModel.ProductModifierGroup[]\n  update: (patch: Patch) => void\n}\n\nfunction newId(prefix: string): string {\n  return `${prefix}${Math.random().toString(36).slice(2, 10)}`\n}\n\n/** Dollars as typed, to whole cents; blank is free. */\nfunction centsFromDollars(value: string): number {\n  const number = Math.round(Number(String(value).replace(/[^0-9.]/g, '')) * 100)\n  return Number.isFinite(number) && number > 0 ? number : 0\n}\n\nexport interface ProductSellOnlineFieldProps {\n  sellOnline: boolean\n  /** What the site does with its reviews while it sells in person only; absent reads as `show`. */\n  inStoreReviews?: CommerceModel.HostProduct['inStoreReviews']\n  update: (patch: Patch) => void\n}\n\n/** The \"Reviews on your site\" choices, as the editor words them (AGL-4060). */\nconst IN_STORE_REVIEWS_OPTIONS: ReadonlyArray<{ value: 'show' | 'hide'; label: string; help: string }> = [\n  {\n    value: 'show',\n    label: 'Show, marked Sold in store',\n    help: 'Its reviews appear in your site’s reviews and its average, marked “Sold in store”, with no link to a product page.',\n  },\n  {\n    value: 'hide',\n    label: 'Hide',\n    help: 'Its reviews appear nowhere on your site: not in the reviews list and not in its average. You still see them under Reviews here.',\n  },\n]\n\n/**\n * The product's \"Sell online\" switch (AGL-4060). On (the default, and what\n * every product stored before it reads as) the product sells on the site and\n * its channels as it always has; off, it sells in person only.\n */\nexport const ProductSellOnlineField = memo(function ProductSellOnlineField(\n  props: ProductSellOnlineFieldProps,\n) {\n  const { sellOnline, update } = props\n  const helpId = useId()\n  const reviews = props.inStoreReviews === 'hide' ? 'hide' : 'show'\n  return (\n    <Stack spacing={1}>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={sellOnline}\n            onChange={(event) => update({ sellOnline: event.target.checked })}\n            slotProps={{ input: { 'aria-describedby': helpId } }}\n          />\n        }\n        label=\"Sell online\"\n      />\n      <Typography id={helpId} variant=\"body2\" color=\"text.secondary\">\n        {sellOnline\n          ? 'Sold on your site — its product page, product grids, search, the cart and checkout — and in any shopping feeds and marketplaces you connect, as well as in person.'\n          : `In person only: sold at the register, the kiosk, the ${PLATFORM_BRAND_NAME} POS apps and on draft orders. It has no page on your site and is left out of product grids, search, the sitemap, the cart, checkout and every shopping feed.`}\n      </Typography>\n      {/*\n        Its reviews, while it sells in person only (AGL-4060): shown on the\n        site marked \"Sold in store\" by default, or kept off it. Online, a\n        product's reviews are always on its own page, so the choice is not\n        offered.\n      */}\n      {sellOnline ? null : (\n        <TextField\n          select\n          size=\"small\"\n          label=\"Reviews on your site\"\n          value={reviews}\n          onChange={(event) => update({ inStoreReviews: event.target.value as 'show' | 'hide' })}\n          helperText={IN_STORE_REVIEWS_OPTIONS.find((option) => option.value === reviews)?.help}\n        >\n          {IN_STORE_REVIEWS_OPTIONS.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      )}\n    </Stack>\n  )\n})\n\n/**\n * The product's register settings (AGL-3607): whether it is a quick key on\n * the register's first screen, and its modifier groups — choices such as\n * \"Milk\" or \"Add-ons\" the cashier picks as the item is rung up, each choice\n * free or with a price added to the item. A group with a minimum of 1 or\n * more must be answered before the item can be added.\n *\n * Memoized on its own props like every section of this editor (AGL-3423):\n * a keystroke elsewhere in the dialog does not redraw it.\n */\nexport const ProductRegisterFields = memo(function ProductRegisterFields(\n  props: ProductRegisterFieldsProps,\n) {\n  const { modifierGroups, update } = props\n  const setGroups = useCallback(\n    (groups: CommerceModel.ProductModifierGroup[]) => update({ modifierGroups: groups }),\n    [update],\n  )\n  const editGroup = (index: number, patch: Partial<CommerceModel.ProductModifierGroup>) =>\n    setGroups(modifierGroups.map((group, at) => (at === index ? { ...group, ...patch } : group)))\n  const editOption = (\n    groupIndex: number,\n    optionIndex: number,\n    patch: Partial<CommerceModel.ProductModifierOption>,\n  ) => {\n    const group = modifierGroups[groupIndex]\n    editGroup(groupIndex, {\n      options: group.options.map((option, at) => (at === optionIndex ? { ...option, ...patch } : option)),\n    })\n  }\n  const problem = CommerceModel.modifierGroupsProblem(modifierGroups)\n\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"subtitle1\" component=\"h3\">\n        {'At the register'}\n      </Typography>\n      <FormControlLabel\n        control={\n          <Switch\n            checked={props.posQuickKey}\n            onChange={(event) => update({ posQuickKey: event.target.checked })}\n          />\n        }\n        label=\"Quick key at the register\"\n      />\n      <ProductSellOnlineField sellOnline={props.sellOnline} inStoreReviews={props.inStoreReviews} update={update} />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {'Modifiers are choices added as the item is rung up, such as a milk or an extra shot. ' +\n          'Each can be free or add to the price.'}\n      </Typography>\n      {modifierGroups.map((group, groupIndex) => (\n        <Box\n          key={group.id}\n          role=\"group\"\n          aria-label={group.name || 'Modifier group'}\n          sx={{ border: 1, borderColor: 'divider', borderRadius: 1, p: 2 }}\n        >\n          <Stack spacing={1.5}>\n            <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'flex-start' }}>\n              <TextField\n                label=\"Group name\"\n                size=\"small\"\n                value={group.name}\n                onChange={(event) => editGroup(groupIndex, { name: event.target.value })}\n                sx={{ flex: 1 }}\n              />\n              <TextField\n                label=\"At least\"\n                size=\"small\"\n                value={group.min}\n                onChange={(event) =>\n                  editGroup(groupIndex, { min: Math.max(0, Math.round(Number(event.target.value) || 0)) })\n                }\n                helperText={group.min > 0 ? 'Required' : 'Optional'}\n                sx={{ width: 96 }}\n                slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n              />\n              <TextField\n                label=\"At most\"\n                size=\"small\"\n                value={group.max}\n                onChange={(event) =>\n                  editGroup(groupIndex, { max: Math.max(1, Math.round(Number(event.target.value) || 1)) })\n                }\n                sx={{ width: 96 }}\n                slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n              />\n              <Button\n                color=\"error\"\n                onClick={() => setGroups(modifierGroups.filter((_group, at) => at !== groupIndex))}\n              >\n                {'Remove group'}\n              </Button>\n            </Stack>\n            {group.options.map((option, optionIndex) => (\n              <Stack key={option.id} direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n                <TextField\n                  label=\"Choice\"\n                  size=\"small\"\n                  value={option.name}\n                  onChange={(event) => editOption(groupIndex, optionIndex, { name: event.target.value })}\n                  sx={{ flex: 1 }}\n                />\n                <TextField\n                  label=\"Adds ($)\"\n                  size=\"small\"\n                  defaultValue={option.priceCents ? (option.priceCents / 100).toFixed(2) : ''}\n                  placeholder=\"0.00\"\n                  onBlur={(event) =>\n                    editOption(groupIndex, optionIndex, { priceCents: centsFromDollars(event.target.value) })\n                  }\n                  sx={{ width: 120 }}\n                  slotProps={{ htmlInput: { inputMode: 'decimal' } }}\n                />\n                <IconButton\n                  aria-label={`Remove ${option.name || 'choice'}`}\n                  onClick={() =>\n                    editGroup(groupIndex, {\n                      options: group.options.filter((_option, at) => at !== optionIndex),\n                      max: Math.max(1, Math.min(group.max, group.options.length - 1)),\n                    })\n                  }\n                >\n                  {'✕'}\n                </IconButton>\n              </Stack>\n            ))}\n            <Box>\n              <Button\n                onClick={() =>\n                  editGroup(groupIndex, {\n                    options: [...group.options, { id: newId('o'), name: '', priceCents: 0 }],\n                  })\n                }\n                disabled={group.options.length >= CommerceModel.POS_MAX_MODIFIER_OPTIONS}\n              >\n                {'Add choice'}\n              </Button>\n            </Box>\n          </Stack>\n        </Box>\n      ))}\n      <Box>\n        <Button\n          variant=\"outlined\"\n          onClick={() =>\n            setGroups([\n              ...modifierGroups,\n              {\n                id: newId('g'),\n                name: '',\n                min: 0,\n                max: 1,\n                options: [{ id: newId('o'), name: '', priceCents: 0 }],\n              },\n            ])\n          }\n          disabled={modifierGroups.length >= CommerceModel.POS_MAX_MODIFIER_GROUPS}\n        >\n          {'Add modifier group'}\n        </Button>\n      </Box>\n      {problem && modifierGroups.length ? (\n        <Typography variant=\"body2\" color=\"warning.main\">\n          {problem}\n        </Typography>\n      ) : null}\n    </Stack>\n  )\n})\n"],"names":["Box","Button","FormControlLabel","IconButton","MenuItem","Stack","Switch","TextField","Typography","PLATFORM_BRAND_NAME","memo","useCallback","useId","CommerceModel","newId","prefix","Math","random","toString","slice","centsFromDollars","value","number","round","Number","String","replace","isFinite","IN_STORE_REVIEWS_OPTIONS","label","help","ProductSellOnlineField","props","sellOnline","update","helpId","reviews","inStoreReviews","spacing","control","checked","onChange","event","target","slotProps","input","id","variant","color","select","size","helperText","find","option","map","ProductRegisterFields","modifierGroups","setGroups","groups","editGroup","index","patch","group","at","editOption","groupIndex","optionIndex","options","problem","modifierGroupsProblem","component","posQuickKey","role","aria-label","name","sx","border","borderColor","borderRadius","p","direction","alignItems","flex","min","max","width","htmlInput","inputMode","onClick","filter","_group","defaultValue","priceCents","toFixed","placeholder","onBlur","_option","length","disabled","POS_MAX_MODIFIER_OPTIONS","POS_MAX_MODIFIER_GROUPS"],"mappings":"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"}

package/src/lib/components/console/products-hub-card.component.js

@@ -33,7 +33,7 @@ import { useListColumnSort } from "@aglyn/shared-ui-jsx/hooks/use-list-column-so
 import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
 import { useSnackbar } from "@aglyn/shared-ui-snackstack";
 import { Timestamp } from "@aglyn/shared-util-timestamp";
-import { Alert, Box, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TextField, Typography } from "@mui/material";
+import { Alert, Box, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, MenuItem, Stack, TextField, Tooltip, Typography } from "@mui/material";
 import { addDoc, collection, doc, documentId, limit, orderBy, query, updateDoc, where } from "firebase/firestore";
 import { getLiveCountFromServer } from "@aglyn/aglyn/app-utils/live-document-count.client";
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -618,7 +618,16 @@ const STATUS_COLOR = {
                             label: "In person only",
                             size: "small",
                             variant: "outlined"
-                        })
+                        }),
+                        CommerceModel.productIsSample(row) ? /*#__PURE__*/ _jsx(Tooltip, {
+                            title: CommerceModel.PRODUCT_SAMPLE_NOTE,
+                            children: /*#__PURE__*/ _jsx(Chip, {
+                                label: "Sample",
+                                size: "small",
+                                color: "info",
+                                variant: "outlined"
+                            })
+                        }) : null
                     ]
                 });
             }