@aglyn/plugins-commerce 1.0.0-beta.229 → 1.0.0-beta.231

package/src/lib/barcode/scan-button.component.js

@@ -0,0 +1,62 @@
+/**
+ * @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 { IconButton, InputAdornment, SvgIcon } from "@mui/material";
+import { mdiBarcodeScan } from "@aglyn/shared-data-mdi";
+import { useCallback, useState } from "react";
+import { BarcodeScanner } from "./barcode-scanner.component.js";
+/**
+ * The camera scan button that sits at the end of a search or barcode field
+ * (AGL-3619): it opens the camera scanner and hands back the code, the way a
+ * keyboard-mode scanner would have typed it.
+ */ export function ScanAdornment(props) {
+    const { label, onScan } = props;
+    const [open, setOpen] = useState(false);
+    const close = useCallback(()=>setOpen(false), []);
+    const detected = useCallback((code)=>{
+        setOpen(false);
+        onScan(code);
+    }, [
+        onScan
+    ]);
+    return /*#__PURE__*/ _jsxs(InputAdornment, {
+        position: "end",
+        children: [
+            /*#__PURE__*/ _jsx(IconButton, {
+                size: "small",
+                edge: "end",
+                "aria-label": label,
+                onClick: ()=>setOpen(true),
+                children: /*#__PURE__*/ _jsx(SvgIcon, {
+                    fontSize: "small",
+                    children: /*#__PURE__*/ _jsx("path", {
+                        d: mdiBarcodeScan.path
+                    })
+                })
+            }),
+            open ? /*#__PURE__*/ _jsx(BarcodeScanner, {
+                open: true,
+                title: label,
+                onClose: close,
+                onDetected: detected
+            }) : null
+        ]
+    });
+}
+export default ScanAdornment;
+
+//# sourceMappingURL=scan-button.component.js.map

package/src/lib/barcode/scan-button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/barcode/scan-button.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 { IconButton, InputAdornment, SvgIcon } from '@mui/material'\nimport { mdiBarcodeScan } from '@aglyn/shared-data-mdi'\nimport { useCallback, useState } from 'react'\nimport { BarcodeScanner } from './barcode-scanner.component'\n\n/**\n * The camera scan button that sits at the end of a search or barcode field\n * (AGL-3619): it opens the camera scanner and hands back the code, the way a\n * keyboard-mode scanner would have typed it.\n */\nexport function ScanAdornment(props: { label: string; onScan: (code: string) => void }) {\n  const { label, onScan } = props\n  const [open, setOpen] = useState(false)\n  const close = useCallback(() => setOpen(false), [])\n  const detected = useCallback(\n    (code: string) => {\n      setOpen(false)\n      onScan(code)\n    },\n    [onScan],\n  )\n  return (\n    <InputAdornment position=\"end\">\n      <IconButton size=\"small\" edge=\"end\" aria-label={label} onClick={() => setOpen(true)}>\n        <SvgIcon fontSize=\"small\">\n          <path d={mdiBarcodeScan.path} />\n        </SvgIcon>\n      </IconButton>\n      {open ? <BarcodeScanner open title={label} onClose={close} onDetected={detected} /> : null}\n    </InputAdornment>\n  )\n}\n\nexport default ScanAdornment\n"],"names":["IconButton","InputAdornment","SvgIcon","mdiBarcodeScan","useCallback","useState","BarcodeScanner","ScanAdornment","props","label","onScan","open","setOpen","close","detected","code","position","size","edge","aria-label","onClick","fontSize","path","d","title","onClose","onDetected"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,UAAU,EAAEC,cAAc,EAAEC,OAAO,QAAQ,gBAAe;AACnE,SAASC,cAAc,QAAQ,yBAAwB;AACvD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAC7C,SAASC,cAAc,QAAQ,iCAA6B;AAE5D;;;;CAIC,GACD,OAAO,SAASC,cAAcC,KAAwD;IACpF,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGF;IAC1B,MAAM,CAACG,MAAMC,QAAQ,GAAGP,SAAS;IACjC,MAAMQ,QAAQT,YAAY,IAAMQ,QAAQ,QAAQ,EAAE;IAClD,MAAME,WAAWV,YACf,CAACW;QACCH,QAAQ;QACRF,OAAOK;IACT,GACA;QAACL;KAAO;IAEV,qBACE,MAACT;QAAee,UAAS;;0BACvB,KAAChB;gBAAWiB,MAAK;gBAAQC,MAAK;gBAAMC,cAAYV;gBAAOW,SAAS,IAAMR,QAAQ;0BAC5E,cAAA,KAACV;oBAAQmB,UAAS;8BAChB,cAAA,KAACC;wBAAKC,GAAGpB,eAAemB,IAAI;;;;YAG/BX,qBAAO,KAACL;gBAAeK,IAAI;gBAACa,OAAOf;gBAAOgB,SAASZ;gBAAOa,YAAYZ;iBAAe;;;AAG5F;AAEA,eAAeP,cAAa"}

package/src/lib/barcode/scanner-wedge.d.ts

@@ -0,0 +1,35 @@
+/**
+ * USB and Bluetooth barcode scanners in keyboard mode (AGL-3619).
+ *
+ * A scanner is a keyboard that types very fast and presses Enter. When the
+ * register's search box has focus that already works: the code lands in the
+ * box and Enter looks it up. But a cashier who just tapped a product, a
+ * quantity stepper or a tender button has moved focus off the box, and a
+ * scan then went nowhere. This listens on the whole page for that burst —
+ * printable keys at machine speed, ending in Enter — while no text field
+ * has focus, and hands the code to the same lookup.
+ *
+ * A person typing is never mistaken for a scanner: a human gap between keys
+ * resets the buffer, and anything typed into a field is left to the field.
+ */
+/** Longest gap between a scanner's keystrokes; people type at 80 ms and up. */
+export declare const WEDGE_MAX_GAP_MS = 50;
+/** Shortest code a scan can be (EAN-8 is 8; a short SKU label might be 4). */
+export declare const WEDGE_MIN_LENGTH = 4;
+export interface WedgeDetector {
+    /** Feeds one key; answers the scanned code when this key completed one. */
+    push(key: string, atMs: number): string | null;
+    reset(): void;
+}
+export declare function createWedgeDetector(options?: {
+    maxGapMs?: number;
+    minLength?: number;
+}): WedgeDetector;
+/** True when the key is going into something that takes text. */
+export declare function typingIntoField(target: EventTarget | null): boolean;
+/**
+ * Calls `onScan` with each code a keyboard-mode scanner types while no text
+ * field has focus. Off while `enabled` is false (a dialog that takes cash is
+ * open, say).
+ */
+export declare function useScannerWedge(onScan: (code: string) => void, enabled?: boolean): void;

package/src/lib/barcode/scanner-wedge.js

@@ -0,0 +1,108 @@
+/**
+ * @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 { useEffect, useRef } from "react";
+/**
+ * USB and Bluetooth barcode scanners in keyboard mode (AGL-3619).
+ *
+ * A scanner is a keyboard that types very fast and presses Enter. When the
+ * register's search box has focus that already works: the code lands in the
+ * box and Enter looks it up. But a cashier who just tapped a product, a
+ * quantity stepper or a tender button has moved focus off the box, and a
+ * scan then went nowhere. This listens on the whole page for that burst —
+ * printable keys at machine speed, ending in Enter — while no text field
+ * has focus, and hands the code to the same lookup.
+ *
+ * A person typing is never mistaken for a scanner: a human gap between keys
+ * resets the buffer, and anything typed into a field is left to the field.
+ */ /** Longest gap between a scanner's keystrokes; people type at 80 ms and up. */ export const WEDGE_MAX_GAP_MS = 50;
+/** Shortest code a scan can be (EAN-8 is 8; a short SKU label might be 4). */ export const WEDGE_MIN_LENGTH = 4;
+export function createWedgeDetector(options = {}) {
+    var _options_maxGapMs, _options_minLength;
+    const maxGapMs = (_options_maxGapMs = options.maxGapMs) != null ? _options_maxGapMs : WEDGE_MAX_GAP_MS;
+    const minLength = (_options_minLength = options.minLength) != null ? _options_minLength : WEDGE_MIN_LENGTH;
+    let buffer = '';
+    let lastAtMs = -Infinity;
+    return {
+        push (key, atMs) {
+            const gap = atMs - lastAtMs;
+            lastAtMs = atMs;
+            if (key === 'Enter') {
+                const code = gap <= maxGapMs && buffer.length >= minLength ? buffer : null;
+                buffer = '';
+                return code;
+            }
+            if (key.length !== 1) {
+                // Shift (for capitals) arrives between a scanner's keys and is not a break.
+                if (key !== 'Shift') buffer = '';
+                return null;
+            }
+            buffer = gap <= maxGapMs ? buffer + key : key;
+            return null;
+        },
+        reset () {
+            buffer = '';
+            lastAtMs = -Infinity;
+        }
+    };
+}
+/** True when the key is going into something that takes text. */ export function typingIntoField(target) {
+    const element = target;
+    if (!element || typeof element.tagName !== 'string') return false;
+    if (element.isContentEditable) return true;
+    const tag = element.tagName.toLowerCase();
+    if (tag === 'textarea' || tag === 'select') return true;
+    if (tag !== 'input') return false;
+    const type = String(element.type || 'text').toLowerCase();
+    return ![
+        'button',
+        'checkbox',
+        'radio',
+        'submit',
+        'reset',
+        'range',
+        'color',
+        'file'
+    ].includes(type);
+}
+/**
+ * Calls `onScan` with each code a keyboard-mode scanner types while no text
+ * field has focus. Off while `enabled` is false (a dialog that takes cash is
+ * open, say).
+ */ export function useScannerWedge(onScan, enabled = true) {
+    const handler = useRef(onScan);
+    handler.current = onScan;
+    useEffect(()=>{
+        if (!enabled || typeof window === 'undefined') return;
+        const detector = createWedgeDetector();
+        const listener = (event)=>{
+            if (event.ctrlKey || event.metaKey || event.altKey) return detector.reset();
+            if (typingIntoField(event.target)) return detector.reset();
+            const code = detector.push(event.key, Date.now());
+            if (code) {
+                // The Enter must not also press the focused button.
+                event.preventDefault();
+                handler.current(code);
+            }
+        };
+        window.addEventListener('keydown', listener, true);
+        return ()=>window.removeEventListener('keydown', listener, true);
+    }, [
+        enabled
+    ]);
+}
+
+//# sourceMappingURL=scanner-wedge.js.map

package/src/lib/barcode/scanner-wedge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/barcode/scanner-wedge.ts"],"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 { useEffect, useRef } from 'react'\n\n/**\n * USB and Bluetooth barcode scanners in keyboard mode (AGL-3619).\n *\n * A scanner is a keyboard that types very fast and presses Enter. When the\n * register's search box has focus that already works: the code lands in the\n * box and Enter looks it up. But a cashier who just tapped a product, a\n * quantity stepper or a tender button has moved focus off the box, and a\n * scan then went nowhere. This listens on the whole page for that burst —\n * printable keys at machine speed, ending in Enter — while no text field\n * has focus, and hands the code to the same lookup.\n *\n * A person typing is never mistaken for a scanner: a human gap between keys\n * resets the buffer, and anything typed into a field is left to the field.\n */\n\n/** Longest gap between a scanner's keystrokes; people type at 80 ms and up. */\nexport const WEDGE_MAX_GAP_MS = 50\n\n/** Shortest code a scan can be (EAN-8 is 8; a short SKU label might be 4). */\nexport const WEDGE_MIN_LENGTH = 4\n\nexport interface WedgeDetector {\n  /** Feeds one key; answers the scanned code when this key completed one. */\n  push(key: string, atMs: number): string | null\n  reset(): void\n}\n\nexport function createWedgeDetector(\n  options: { maxGapMs?: number; minLength?: number } = {},\n): WedgeDetector {\n  const maxGapMs = options.maxGapMs ?? WEDGE_MAX_GAP_MS\n  const minLength = options.minLength ?? WEDGE_MIN_LENGTH\n  let buffer = ''\n  let lastAtMs = -Infinity\n  return {\n    push(key, atMs) {\n      const gap = atMs - lastAtMs\n      lastAtMs = atMs\n      if (key === 'Enter') {\n        const code = gap <= maxGapMs && buffer.length >= minLength ? buffer : null\n        buffer = ''\n        return code\n      }\n      if (key.length !== 1) {\n        // Shift (for capitals) arrives between a scanner's keys and is not a break.\n        if (key !== 'Shift') buffer = ''\n        return null\n      }\n      buffer = gap <= maxGapMs ? buffer + key : key\n      return null\n    },\n    reset() {\n      buffer = ''\n      lastAtMs = -Infinity\n    },\n  }\n}\n\n/** True when the key is going into something that takes text. */\nexport function typingIntoField(target: EventTarget | null): boolean {\n  const element = target as HTMLElement | null\n  if (!element || typeof element.tagName !== 'string') return false\n  if (element.isContentEditable) return true\n  const tag = element.tagName.toLowerCase()\n  if (tag === 'textarea' || tag === 'select') return true\n  if (tag !== 'input') return false\n  const type = String((element as HTMLInputElement).type || 'text').toLowerCase()\n  return !['button', 'checkbox', 'radio', 'submit', 'reset', 'range', 'color', 'file'].includes(type)\n}\n\n/**\n * Calls `onScan` with each code a keyboard-mode scanner types while no text\n * field has focus. Off while `enabled` is false (a dialog that takes cash is\n * open, say).\n */\nexport function useScannerWedge(onScan: (code: string) => void, enabled = true): void {\n  const handler = useRef(onScan)\n  handler.current = onScan\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') return\n    const detector = createWedgeDetector()\n    const listener = (event: KeyboardEvent) => {\n      if (event.ctrlKey || event.metaKey || event.altKey) return detector.reset()\n      if (typingIntoField(event.target)) return detector.reset()\n      const code = detector.push(event.key, Date.now())\n      if (code) {\n        // The Enter must not also press the focused button.\n        event.preventDefault()\n        handler.current(code)\n      }\n    }\n    window.addEventListener('keydown', listener, true)\n    return () => window.removeEventListener('keydown', listener, true)\n  }, [enabled])\n}\n"],"names":["useEffect","useRef","WEDGE_MAX_GAP_MS","WEDGE_MIN_LENGTH","createWedgeDetector","options","maxGapMs","minLength","buffer","lastAtMs","Infinity","push","key","atMs","gap","code","length","reset","typingIntoField","target","element","tagName","isContentEditable","tag","toLowerCase","type","String","includes","useScannerWedge","onScan","enabled","handler","current","window","detector","listener","event","ctrlKey","metaKey","altKey","Date","now","preventDefault","addEventListener","removeEventListener"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;AAEA,SAASA,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC;;;;;;;;;;;;;CAaC,GAED,6EAA6E,GAC7E,OAAO,MAAMC,mBAAmB,GAAE;AAElC,4EAA4E,GAC5E,OAAO,MAAMC,mBAAmB,EAAC;AAQjC,OAAO,SAASC,oBACdC,UAAqD,CAAC,CAAC;QAEtCA,mBACCA;IADlB,MAAMC,YAAWD,oBAAAA,QAAQC,QAAQ,YAAhBD,oBAAoBH;IACrC,MAAMK,aAAYF,qBAAAA,QAAQE,SAAS,YAAjBF,qBAAqBF;IACvC,IAAIK,SAAS;IACb,IAAIC,WAAW,CAACC;IAChB,OAAO;QACLC,MAAKC,GAAG,EAAEC,IAAI;YACZ,MAAMC,MAAMD,OAAOJ;YACnBA,WAAWI;YACX,IAAID,QAAQ,SAAS;gBACnB,MAAMG,OAAOD,OAAOR,YAAYE,OAAOQ,MAAM,IAAIT,YAAYC,SAAS;gBACtEA,SAAS;gBACT,OAAOO;YACT;YACA,IAAIH,IAAII,MAAM,KAAK,GAAG;gBACpB,4EAA4E;gBAC5E,IAAIJ,QAAQ,SAASJ,SAAS;gBAC9B,OAAO;YACT;YACAA,SAASM,OAAOR,WAAWE,SAASI,MAAMA;YAC1C,OAAO;QACT;QACAK;YACET,SAAS;YACTC,WAAW,CAACC;QACd;IACF;AACF;AAEA,+DAA+D,GAC/D,OAAO,SAASQ,gBAAgBC,MAA0B;IACxD,MAAMC,UAAUD;IAChB,IAAI,CAACC,WAAW,OAAOA,QAAQC,OAAO,KAAK,UAAU,OAAO;IAC5D,IAAID,QAAQE,iBAAiB,EAAE,OAAO;IACtC,MAAMC,MAAMH,QAAQC,OAAO,CAACG,WAAW;IACvC,IAAID,QAAQ,cAAcA,QAAQ,UAAU,OAAO;IACnD,IAAIA,QAAQ,SAAS,OAAO;IAC5B,MAAME,OAAOC,OAAO,AAACN,QAA6BK,IAAI,IAAI,QAAQD,WAAW;IAC7E,OAAO,CAAC;QAAC;QAAU;QAAY;QAAS;QAAU;QAAS;QAAS;QAAS;KAAO,CAACG,QAAQ,CAACF;AAChG;AAEA;;;;CAIC,GACD,OAAO,SAASG,gBAAgBC,MAA8B,EAAEC,UAAU,IAAI;IAC5E,MAAMC,UAAU9B,OAAO4B;IACvBE,QAAQC,OAAO,GAAGH;IAClB7B,UAAU;QACR,IAAI,CAAC8B,WAAW,OAAOG,WAAW,aAAa;QAC/C,MAAMC,WAAW9B;QACjB,MAAM+B,WAAW,CAACC;YAChB,IAAIA,MAAMC,OAAO,IAAID,MAAME,OAAO,IAAIF,MAAMG,MAAM,EAAE,OAAOL,SAASjB,KAAK;YACzE,IAAIC,gBAAgBkB,MAAMjB,MAAM,GAAG,OAAOe,SAASjB,KAAK;YACxD,MAAMF,OAAOmB,SAASvB,IAAI,CAACyB,MAAMxB,GAAG,EAAE4B,KAAKC,GAAG;YAC9C,IAAI1B,MAAM;gBACR,oDAAoD;gBACpDqB,MAAMM,cAAc;gBACpBX,QAAQC,OAAO,CAACjB;YAClB;QACF;QACAkB,OAAOU,gBAAgB,CAAC,WAAWR,UAAU;QAC7C,OAAO,IAAMF,OAAOW,mBAAmB,CAAC,WAAWT,UAAU;IAC/D,GAAG;QAACL;KAAQ;AACd"}

package/src/lib/components/account.js

@@ -18,6 +18,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * limitations under the License.
  */ import * as Aglyn from "@aglyn/aglyn";
 import { trackEvent } from "@aglyn/aglyn/app-utils/analytics-events";
+import * as CommerceModel from "../model/index.js";
 import { mdiAccountCircleOutline } from "@aglyn/shared-data-mdi";
 import Alert from "@mui/material/Alert";
 import Box from "@mui/material/Box";
@@ -33,6 +34,7 @@ import TextField from "@mui/material/TextField";
 import Typography from "@mui/material/Typography";
 import { forwardRef, useCallback, useEffect, useState } from "react";
 import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { returnRequestHref } from "../constants/return-request.js";
 import { generatePresetId } from "../utils/generate-preset-id.js";
 // Component ids are persisted in screen documents; never rename.
 export const ID = 'customer-account';
@@ -395,7 +397,14 @@ const usd = (cents)=>`$${(cents / 100).toFixed(2)}`;
                         /*#__PURE__*/ _jsx(Typography, {
                             variant: "body2",
                             children: usd(order.totalCents)
-                        })
+                        }),
+                        CommerceModel.RETURNABLE_ORDER_STATUSES.includes(order.status) ? // The member's session authorizes the return page, so the
+                        // link carries no token (AGL-3611).
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            href: returnRequestHref(order.id),
+                            children: 'Request a return'
+                        }) : null
                     ]
                 }, order.id);
             }),

package/src/lib/components/account.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/account.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { trackEvent } from '@aglyn/aglyn/app-utils/analytics-events'\nimport * as CommerceModel from '../model'\nimport { mdiAccountCircleOutline } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Checkbox from '@mui/material/Checkbox'\nimport Chip from '@mui/material/Chip'\nimport Divider from '@mui/material/Divider'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport MuiLink from '@mui/material/Link'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'customer-account'\n\nexport interface CustomerAccountProps {\n  signedOutHeading?: string\n}\n\ninterface AccountData {\n  member: {\n    email: string\n    displayName: string\n    addresses: CommerceModel.OrderAddress[]\n  }\n  downloads?: Array<{\n    orderId: string\n    productId: string\n    productName: string\n    url: string\n    licenseKeys?: string[]\n  }>\n  subscriptions?: Array<{\n    id: string\n    productName: string\n    status: string\n    currentPeriodEndMs?: number | null\n  }>\n  orders: Array<{\n    id: string\n    number: string\n    status: string\n    totalCents: number\n    createdAtMs: number\n    itemsSummary: string\n    tracking?: { carrier?: string; trackingNumber?: string }\n  }>\n}\n\nconst usd = (cents: number) => `$${(cents / 100).toFixed(2)}`\n\n/**\n * Customer account block (AGL-294): signed-out visitors get sign-in /\n * create-account forms on the AGL-109 membership APIs; signed-in\n * members see their profile, address book, and order history (status +\n * tracking) with sign-out. Session lives in the httpOnly member cookie.\n */\nconst CustomerAccount = forwardRef<HTMLDivElement, CustomerAccountProps>(\n  (props, ref) => {\n    const { signedOutHeading, ...rest } = props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n    const { hostId } = Aglyn.useSite()\n    const siteFetch = Aglyn.useSiteFetch()\n    const [account, setAccount] = useState<AccountData | null | 'anonymous'>(\n      null,\n    )\n    const [tab, setTab] = useState(0)\n    const [email, setEmail] = useState('')\n    const [password, setPassword] = useState('')\n    const [displayName, setDisplayName] = useState('')\n    const [marketingConsent, setMarketingConsent] = useState(false)\n    const [error, setError] = useState('')\n    const [busy, setBusy] = useState(false)\n    const [addressDraft, setAddressDraft] = useState<CommerceModel.OrderAddress | null>(\n      null,\n    )\n\n    const refresh = useCallback(async () => {\n      if (!hostId) return\n      try {\n        const response = await fetch(\n          `/api/membership/account?hostId=${encodeURIComponent(hostId)}`,\n        )\n        if (response.status === 401) return setAccount('anonymous')\n        if (response.ok) return setAccount(await response.json())\n        setAccount('anonymous')\n      } catch {\n        setAccount('anonymous')\n      }\n    }, [hostId])\n\n    useEffect(() => {\n      void refresh()\n    }, [refresh])\n\n    const handleAuth = useCallback(async () => {\n      if (!hostId || busy) return\n      setBusy(true)\n      setError('')\n      try {\n        const endpoint =\n          tab === 0 ? '/api/membership/login' : '/api/membership/register'\n        const response = await siteFetch(endpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            hostId,\n            email,\n            password,\n            ...(tab === 1 && displayName ? { displayName } : {}),\n            ...(tab === 1 && marketingConsent\n              ? { marketingConsent: true }\n              : {}),\n          }),\n        })\n        const payload = await response.json().catch(() => ({}))\n        if (!response.ok) {\n          setError(String(payload?.error ?? 'Something went wrong'))\n          return\n        }\n        if (tab === 1) {\n          // Register does not set the cookie on every deployment; sign in\n          // right after to be safe.\n          await siteFetch('/api/membership/login', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ hostId, email, password }),\n          }).catch(() => undefined)\n        }\n        /*\n         * The host's own GA4 property, not Aglyn's (AGL-1591). Reported after\n         * the response was accepted and never on a validation failure, which\n         * is what makes the count mean \"an account door was completed\".\n         *\n         * The follow-up login above is deliberately NOT a second event: it is\n         * a cookie repair for the registration that just happened, and\n         * reporting it would give every new member both a `sign_up` and a\n         * `login` in the same second — turning a returning-visitor metric into\n         * a copy of the signup one.\n         *\n         * Not awaited: this branch re-renders in place rather than navigating,\n         * so there is no teardown to lose the hit to.\n         */\n        trackEvent(tab === 1 ? 'sign_up' : 'login', { method: 'password' })\n        await refresh()\n      } finally {\n        setBusy(false)\n      }\n    }, [\n      hostId,\n      busy,\n      tab,\n      email,\n      password,\n      displayName,\n      marketingConsent,\n      refresh,\n      siteFetch,\n    ])\n\n    const handleSignOut = useCallback(async () => {\n      if (!hostId) return\n      await siteFetch('/api/membership/logout', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId }),\n      }).catch(() => undefined)\n      setAccount('anonymous')\n    }, [hostId, siteFetch])\n\n    const handleAddressSave = useCallback(async () => {\n      if (!hostId || account === 'anonymous' || !account || !addressDraft) {\n        return\n      }\n      const addresses = [...account.member.addresses, addressDraft].slice(-5)\n      await siteFetch('/api/membership/account', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, addresses }),\n      }).catch(() => undefined)\n      setAddressDraft(null)\n      await refresh()\n    }, [hostId, account, addressDraft, refresh, siteFetch])\n\n    if (!hostId) {\n      return (\n        <Box\n          ref={ref}\n          {...rest}\n          sx={[\n            {\n              p: 3,\n              border: '1px dashed',\n              borderColor: 'divider',\n              borderRadius: 1,\n              color: 'text.secondary',\n              fontSize: 13,\n              fontFamily: 'system-ui, sans-serif',\n            },\n            ...nodeSx,\n          ]}\n        >\n          {'Customer account — sign-in and order history render here'}\n        </Box>\n      )\n    }\n    if (account === null) return <Box ref={ref} {...rest} />\n\n    if (account === 'anonymous') {\n      return (\n        <Box ref={ref} {...rest} sx={[{ maxWidth: 420 }, ...nodeSx]}>\n          {signedOutHeading ? (\n            <Typography variant=\"h5\" gutterBottom>\n              {signedOutHeading}\n            </Typography>\n          ) : null}\n          <Tabs value={tab} onChange={(_event, value) => setTab(value)}>\n            <Tab label=\"Sign in\" />\n            <Tab label=\"Create account\" />\n          </Tabs>\n          <Box\n            sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mt: 2 }}\n          >\n            {tab === 1 ? (\n              <TextField\n                label=\"Name\"\n                value={displayName}\n                onChange={(event) => setDisplayName(event.target.value)}\n                size=\"small\"\n              />\n            ) : null}\n            <TextField\n              label=\"Email\"\n              type=\"email\"\n              value={email}\n              onChange={(event) => setEmail(event.target.value)}\n              size=\"small\"\n            />\n            <TextField\n              label=\"Password\"\n              type=\"password\"\n              value={password}\n              onChange={(event) => setPassword(event.target.value)}\n              size=\"small\"\n              helperText={tab === 1 ? 'At least 8 characters' : undefined}\n            />\n            {tab === 1 ? (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    checked={marketingConsent}\n                    onChange={(event) =>\n                      setMarketingConsent(event.target.checked)\n                    }\n                  />\n                }\n                label=\"Email me about offers and updates\"\n              />\n            ) : null}\n            {error ? <Alert severity=\"error\">{error}</Alert> : null}\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={busy || !email || !password}\n              onClick={handleAuth}\n            >\n              {busy ? 'Working…' : tab === 0 ? 'Sign in' : 'Create account'}\n            </Button>\n            {tab === 0 ? (\n              // Recovery flow (AGL-552): the built-in /recover route (or\n              // the host's designated recovery screen) handles the rest.\n              <Typography variant=\"body2\">\n                <MuiLink href=\"/recover\" underline=\"hover\">\n                  {'Forgot password?'}\n                </MuiLink>\n              </Typography>\n            ) : null}\n          </Box>\n        </Box>\n      )\n    }\n\n    return (\n      <Box ref={ref} {...rest} sx={[{ display: 'flex', flexDirection: 'column', gap: 2 }, ...nodeSx]}>\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Typography variant=\"h5\" sx={{ flex: 1 }}>\n            {account.member.displayName || account.member.email}\n          </Typography>\n          <Button size=\"small\" onClick={handleSignOut}>\n            {'Sign out'}\n          </Button>\n        </Box>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {account.member.email}\n        </Typography>\n\n        <Divider textAlign=\"left\">{'Orders'}</Divider>\n        {account.orders.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No orders yet.'}\n          </Typography>\n        ) : (\n          account.orders.map((order) => (\n            <Box key={order.id} sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n              <Box sx={{ flex: 1, minWidth: 0 }}>\n                <Typography variant=\"body2\" noWrap>\n                  {`${order.number} · ${order.itemsSummary || 'Order'}`}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {new Date(order.createdAtMs).toLocaleDateString()}\n                  {order.tracking?.trackingNumber\n                    ? ` · ${order.tracking.carrier ?? ''} ${order.tracking.trackingNumber}`\n                    : ''}\n                </Typography>\n              </Box>\n              <Chip\n                label={order.status.replace('_', ' ')}\n                size=\"small\"\n                variant=\"outlined\"\n              />\n              <Typography variant=\"body2\">{usd(order.totalCents)}</Typography>\n            </Box>\n          ))\n        )}\n\n        {(account.subscriptions?.length ?? 0) > 0 ? (\n          <>\n            <Divider textAlign=\"left\">{'Subscriptions'}</Divider>\n            {account.subscriptions!.map((subscription) => (\n              <Box\n                key={subscription.id}\n                sx={{ display: 'flex', gap: 1, alignItems: 'center' }}\n              >\n                <Typography variant=\"body2\" sx={{ flex: 1 }} noWrap>\n                  {subscription.productName}\n                </Typography>\n                <Chip\n                  label={subscription.status}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    subscription.status === 'active' ? 'success' : 'default'\n                  }\n                />\n                <Button\n                  size=\"small\"\n                  onClick={async () => {\n                    const response = await siteFetch(\n                      '/api/commerce/subscription-portal',\n                      {\n                        method: 'POST',\n                        headers: { 'Content-Type': 'application/json' },\n                        body: JSON.stringify({ hostId }),\n                      },\n                    ).catch(() => null)\n                    const payload = await response?.json().catch(() => ({}))\n                    if (payload?.url) window.location.assign(payload.url)\n                  }}\n                >\n                  {'Manage'}\n                </Button>\n              </Box>\n            ))}\n          </>\n        ) : null}\n        {(account.downloads?.length ?? 0) > 0 ? (\n          <>\n            <Divider textAlign=\"left\">{'Downloads'}</Divider>\n            {account.downloads!.map((download) => (\n              <Box\n                key={`${download.orderId}:${download.productId}`}\n                sx={{ display: 'flex', gap: 1, alignItems: 'center' }}\n              >\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Typography variant=\"body2\" noWrap>\n                    {download.productName}\n                  </Typography>\n                  {download.licenseKeys?.map((key) => (\n                    <Typography\n                      key={key}\n                      variant=\"caption\"\n                      sx={{ fontFamily: 'monospace', display: 'block' }}\n                    >\n                      {key}\n                    </Typography>\n                  ))}\n                </Box>\n                <Button size=\"small\" href={download.url}>\n                  {'Download'}\n                </Button>\n              </Box>\n            ))}\n          </>\n        ) : null}\n\n        <Divider textAlign=\"left\">{'Addresses'}</Divider>\n        {account.member.addresses.map((address, index) => (\n          <Typography key={index} variant=\"body2\" color=\"text.secondary\">\n            {[\n              address.name,\n              address.line1,\n              address.line2,\n              `${address.city ?? ''} ${address.state ?? ''} ${address.postalCode ?? ''}`.trim(),\n              address.country,\n            ]\n              .filter(Boolean)\n              .join(', ')}\n          </Typography>\n        ))}\n        {addressDraft ? (\n          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n            {(\n              [\n                ['name', 'Full name'],\n                ['line1', 'Address'],\n                ['line2', 'Apt / suite'],\n                ['city', 'City'],\n                ['state', 'State'],\n                ['postalCode', 'Postal code'],\n                ['country', 'Country (US)'],\n              ] as const\n            ).map(([field, label]) => (\n              <TextField\n                key={field}\n                label={label}\n                value={(addressDraft as any)[field] ?? ''}\n                onChange={(event) =>\n                  setAddressDraft((prev) =>\n                    prev ? { ...prev, [field]: event.target.value } : prev,\n                  )\n                }\n                size=\"small\"\n              />\n            ))}\n            <Box sx={{ display: 'flex', gap: 1 }}>\n              <Button size=\"small\" onClick={() => setAddressDraft(null)}>\n                {'Cancel'}\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                disabled={!addressDraft.line1 || !addressDraft.city}\n                onClick={handleAddressSave}\n              >\n                {'Save address'}\n              </Button>\n            </Box>\n          </Box>\n        ) : (\n          <Button\n            size=\"small\"\n            sx={{ alignSelf: 'flex-start' }}\n            onClick={() => setAddressDraft({})}\n          >\n            {'Add address'}\n          </Button>\n        )}\n      </Box>\n    )\n  },\n)\nCustomerAccount.displayName = 'AglynCustomerAccount'\n\nexport const schema: Aglyn.ComponentSchema<CustomerAccountProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Customer account',\n  description:\n    'Sign-in and account area — profile, addresses and order history.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiAccountCircleOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'signedOutHeading',\n      label: 'Signed-out heading',\n      description: 'Shown above the sign-in form.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Customer account',\n    pluginId: BUNDLE_ID,\n    description: 'Sign-in/up, profile, addresses, and order history',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiAccountCircleOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { signedOutHeading: 'Your account' },\n    },\n  },\n]\n\nexport default CustomerAccount\n"],"names":["Aglyn","trackEvent","mdiAccountCircleOutline","Alert","Box","Button","Checkbox","Chip","Divider","FormControlLabel","MuiLink","Tab","Tabs","TextField","Typography","forwardRef","useCallback","useEffect","useState","BUNDLE_ID","generatePresetId","ID","usd","cents","toFixed","CustomerAccount","props","ref","account","signedOutHeading","rest","nodeSx","Array","isArray","hostId","useSite","siteFetch","useSiteFetch","setAccount","tab","setTab","email","setEmail","password","setPassword","displayName","setDisplayName","marketingConsent","setMarketingConsent","error","setError","busy","setBusy","addressDraft","setAddressDraft","refresh","response","fetch","encodeURIComponent","status","ok","json","handleAuth","endpoint","method","headers","body","JSON","stringify","payload","catch","String","undefined","handleSignOut","handleAddressSave","addresses","member","slice","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","maxWidth","variant","gutterBottom","value","onChange","_event","label","display","flexDirection","gap","mt","event","target","size","type","helperText","control","checked","severity","disabled","onClick","href","underline","alignItems","flex","textAlign","orders","length","map","order","minWidth","noWrap","number","itemsSummary","Date","createdAtMs","toLocaleDateString","tracking","trackingNumber","carrier","replace","totalCents","id","subscriptions","subscription","productName","url","window","location","assign","downloads","download","licenseKeys","key","orderId","productId","address","index","name","line1","line2","city","state","postalCode","trim","country","filter","Boolean","join","field","prev","alignSelf","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","component","FieldComponentType","TEXT_FIELD","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/account.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { trackEvent } from '@aglyn/aglyn/app-utils/analytics-events'\nimport * as CommerceModel from '../model'\nimport { mdiAccountCircleOutline } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Checkbox from '@mui/material/Checkbox'\nimport Chip from '@mui/material/Chip'\nimport Divider from '@mui/material/Divider'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport MuiLink from '@mui/material/Link'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { returnRequestHref } from '../constants/return-request'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'customer-account'\n\nexport interface CustomerAccountProps {\n  signedOutHeading?: string\n}\n\ninterface AccountData {\n  member: {\n    email: string\n    displayName: string\n    addresses: CommerceModel.OrderAddress[]\n  }\n  downloads?: Array<{\n    orderId: string\n    productId: string\n    productName: string\n    url: string\n    licenseKeys?: string[]\n  }>\n  subscriptions?: Array<{\n    id: string\n    productName: string\n    status: string\n    currentPeriodEndMs?: number | null\n  }>\n  orders: Array<{\n    id: string\n    number: string\n    status: string\n    totalCents: number\n    createdAtMs: number\n    itemsSummary: string\n    tracking?: { carrier?: string; trackingNumber?: string }\n  }>\n}\n\nconst usd = (cents: number) => `$${(cents / 100).toFixed(2)}`\n\n/**\n * Customer account block (AGL-294): signed-out visitors get sign-in /\n * create-account forms on the AGL-109 membership APIs; signed-in\n * members see their profile, address book, and order history (status +\n * tracking) with sign-out. Session lives in the httpOnly member cookie.\n */\nconst CustomerAccount = forwardRef<HTMLDivElement, CustomerAccountProps>(\n  (props, ref) => {\n    const { signedOutHeading, ...rest } = props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n    const { hostId } = Aglyn.useSite()\n    const siteFetch = Aglyn.useSiteFetch()\n    const [account, setAccount] = useState<AccountData | null | 'anonymous'>(\n      null,\n    )\n    const [tab, setTab] = useState(0)\n    const [email, setEmail] = useState('')\n    const [password, setPassword] = useState('')\n    const [displayName, setDisplayName] = useState('')\n    const [marketingConsent, setMarketingConsent] = useState(false)\n    const [error, setError] = useState('')\n    const [busy, setBusy] = useState(false)\n    const [addressDraft, setAddressDraft] = useState<CommerceModel.OrderAddress | null>(\n      null,\n    )\n\n    const refresh = useCallback(async () => {\n      if (!hostId) return\n      try {\n        const response = await fetch(\n          `/api/membership/account?hostId=${encodeURIComponent(hostId)}`,\n        )\n        if (response.status === 401) return setAccount('anonymous')\n        if (response.ok) return setAccount(await response.json())\n        setAccount('anonymous')\n      } catch {\n        setAccount('anonymous')\n      }\n    }, [hostId])\n\n    useEffect(() => {\n      void refresh()\n    }, [refresh])\n\n    const handleAuth = useCallback(async () => {\n      if (!hostId || busy) return\n      setBusy(true)\n      setError('')\n      try {\n        const endpoint =\n          tab === 0 ? '/api/membership/login' : '/api/membership/register'\n        const response = await siteFetch(endpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            hostId,\n            email,\n            password,\n            ...(tab === 1 && displayName ? { displayName } : {}),\n            ...(tab === 1 && marketingConsent\n              ? { marketingConsent: true }\n              : {}),\n          }),\n        })\n        const payload = await response.json().catch(() => ({}))\n        if (!response.ok) {\n          setError(String(payload?.error ?? 'Something went wrong'))\n          return\n        }\n        if (tab === 1) {\n          // Register does not set the cookie on every deployment; sign in\n          // right after to be safe.\n          await siteFetch('/api/membership/login', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ hostId, email, password }),\n          }).catch(() => undefined)\n        }\n        /*\n         * The host's own GA4 property, not Aglyn's (AGL-1591). Reported after\n         * the response was accepted and never on a validation failure, which\n         * is what makes the count mean \"an account door was completed\".\n         *\n         * The follow-up login above is deliberately NOT a second event: it is\n         * a cookie repair for the registration that just happened, and\n         * reporting it would give every new member both a `sign_up` and a\n         * `login` in the same second — turning a returning-visitor metric into\n         * a copy of the signup one.\n         *\n         * Not awaited: this branch re-renders in place rather than navigating,\n         * so there is no teardown to lose the hit to.\n         */\n        trackEvent(tab === 1 ? 'sign_up' : 'login', { method: 'password' })\n        await refresh()\n      } finally {\n        setBusy(false)\n      }\n    }, [\n      hostId,\n      busy,\n      tab,\n      email,\n      password,\n      displayName,\n      marketingConsent,\n      refresh,\n      siteFetch,\n    ])\n\n    const handleSignOut = useCallback(async () => {\n      if (!hostId) return\n      await siteFetch('/api/membership/logout', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId }),\n      }).catch(() => undefined)\n      setAccount('anonymous')\n    }, [hostId, siteFetch])\n\n    const handleAddressSave = useCallback(async () => {\n      if (!hostId || account === 'anonymous' || !account || !addressDraft) {\n        return\n      }\n      const addresses = [...account.member.addresses, addressDraft].slice(-5)\n      await siteFetch('/api/membership/account', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ hostId, addresses }),\n      }).catch(() => undefined)\n      setAddressDraft(null)\n      await refresh()\n    }, [hostId, account, addressDraft, refresh, siteFetch])\n\n    if (!hostId) {\n      return (\n        <Box\n          ref={ref}\n          {...rest}\n          sx={[\n            {\n              p: 3,\n              border: '1px dashed',\n              borderColor: 'divider',\n              borderRadius: 1,\n              color: 'text.secondary',\n              fontSize: 13,\n              fontFamily: 'system-ui, sans-serif',\n            },\n            ...nodeSx,\n          ]}\n        >\n          {'Customer account — sign-in and order history render here'}\n        </Box>\n      )\n    }\n    if (account === null) return <Box ref={ref} {...rest} />\n\n    if (account === 'anonymous') {\n      return (\n        <Box ref={ref} {...rest} sx={[{ maxWidth: 420 }, ...nodeSx]}>\n          {signedOutHeading ? (\n            <Typography variant=\"h5\" gutterBottom>\n              {signedOutHeading}\n            </Typography>\n          ) : null}\n          <Tabs value={tab} onChange={(_event, value) => setTab(value)}>\n            <Tab label=\"Sign in\" />\n            <Tab label=\"Create account\" />\n          </Tabs>\n          <Box\n            sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mt: 2 }}\n          >\n            {tab === 1 ? (\n              <TextField\n                label=\"Name\"\n                value={displayName}\n                onChange={(event) => setDisplayName(event.target.value)}\n                size=\"small\"\n              />\n            ) : null}\n            <TextField\n              label=\"Email\"\n              type=\"email\"\n              value={email}\n              onChange={(event) => setEmail(event.target.value)}\n              size=\"small\"\n            />\n            <TextField\n              label=\"Password\"\n              type=\"password\"\n              value={password}\n              onChange={(event) => setPassword(event.target.value)}\n              size=\"small\"\n              helperText={tab === 1 ? 'At least 8 characters' : undefined}\n            />\n            {tab === 1 ? (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    checked={marketingConsent}\n                    onChange={(event) =>\n                      setMarketingConsent(event.target.checked)\n                    }\n                  />\n                }\n                label=\"Email me about offers and updates\"\n              />\n            ) : null}\n            {error ? <Alert severity=\"error\">{error}</Alert> : null}\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={busy || !email || !password}\n              onClick={handleAuth}\n            >\n              {busy ? 'Working…' : tab === 0 ? 'Sign in' : 'Create account'}\n            </Button>\n            {tab === 0 ? (\n              // Recovery flow (AGL-552): the built-in /recover route (or\n              // the host's designated recovery screen) handles the rest.\n              <Typography variant=\"body2\">\n                <MuiLink href=\"/recover\" underline=\"hover\">\n                  {'Forgot password?'}\n                </MuiLink>\n              </Typography>\n            ) : null}\n          </Box>\n        </Box>\n      )\n    }\n\n    return (\n      <Box ref={ref} {...rest} sx={[{ display: 'flex', flexDirection: 'column', gap: 2 }, ...nodeSx]}>\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Typography variant=\"h5\" sx={{ flex: 1 }}>\n            {account.member.displayName || account.member.email}\n          </Typography>\n          <Button size=\"small\" onClick={handleSignOut}>\n            {'Sign out'}\n          </Button>\n        </Box>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {account.member.email}\n        </Typography>\n\n        <Divider textAlign=\"left\">{'Orders'}</Divider>\n        {account.orders.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'No orders yet.'}\n          </Typography>\n        ) : (\n          account.orders.map((order) => (\n            <Box key={order.id} sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n              <Box sx={{ flex: 1, minWidth: 0 }}>\n                <Typography variant=\"body2\" noWrap>\n                  {`${order.number} · ${order.itemsSummary || 'Order'}`}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {new Date(order.createdAtMs).toLocaleDateString()}\n                  {order.tracking?.trackingNumber\n                    ? ` · ${order.tracking.carrier ?? ''} ${order.tracking.trackingNumber}`\n                    : ''}\n                </Typography>\n              </Box>\n              <Chip\n                label={order.status.replace('_', ' ')}\n                size=\"small\"\n                variant=\"outlined\"\n              />\n              <Typography variant=\"body2\">{usd(order.totalCents)}</Typography>\n              {CommerceModel.RETURNABLE_ORDER_STATUSES.includes(order.status) ? (\n                // The member's session authorizes the return page, so the\n                // link carries no token (AGL-3611).\n                <Button size=\"small\" href={returnRequestHref(order.id)}>\n                  {'Request a return'}\n                </Button>\n              ) : null}\n            </Box>\n          ))\n        )}\n\n        {(account.subscriptions?.length ?? 0) > 0 ? (\n          <>\n            <Divider textAlign=\"left\">{'Subscriptions'}</Divider>\n            {account.subscriptions!.map((subscription) => (\n              <Box\n                key={subscription.id}\n                sx={{ display: 'flex', gap: 1, alignItems: 'center' }}\n              >\n                <Typography variant=\"body2\" sx={{ flex: 1 }} noWrap>\n                  {subscription.productName}\n                </Typography>\n                <Chip\n                  label={subscription.status}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    subscription.status === 'active' ? 'success' : 'default'\n                  }\n                />\n                <Button\n                  size=\"small\"\n                  onClick={async () => {\n                    const response = await siteFetch(\n                      '/api/commerce/subscription-portal',\n                      {\n                        method: 'POST',\n                        headers: { 'Content-Type': 'application/json' },\n                        body: JSON.stringify({ hostId }),\n                      },\n                    ).catch(() => null)\n                    const payload = await response?.json().catch(() => ({}))\n                    if (payload?.url) window.location.assign(payload.url)\n                  }}\n                >\n                  {'Manage'}\n                </Button>\n              </Box>\n            ))}\n          </>\n        ) : null}\n        {(account.downloads?.length ?? 0) > 0 ? (\n          <>\n            <Divider textAlign=\"left\">{'Downloads'}</Divider>\n            {account.downloads!.map((download) => (\n              <Box\n                key={`${download.orderId}:${download.productId}`}\n                sx={{ display: 'flex', gap: 1, alignItems: 'center' }}\n              >\n                <Box sx={{ flex: 1, minWidth: 0 }}>\n                  <Typography variant=\"body2\" noWrap>\n                    {download.productName}\n                  </Typography>\n                  {download.licenseKeys?.map((key) => (\n                    <Typography\n                      key={key}\n                      variant=\"caption\"\n                      sx={{ fontFamily: 'monospace', display: 'block' }}\n                    >\n                      {key}\n                    </Typography>\n                  ))}\n                </Box>\n                <Button size=\"small\" href={download.url}>\n                  {'Download'}\n                </Button>\n              </Box>\n            ))}\n          </>\n        ) : null}\n\n        <Divider textAlign=\"left\">{'Addresses'}</Divider>\n        {account.member.addresses.map((address, index) => (\n          <Typography key={index} variant=\"body2\" color=\"text.secondary\">\n            {[\n              address.name,\n              address.line1,\n              address.line2,\n              `${address.city ?? ''} ${address.state ?? ''} ${address.postalCode ?? ''}`.trim(),\n              address.country,\n            ]\n              .filter(Boolean)\n              .join(', ')}\n          </Typography>\n        ))}\n        {addressDraft ? (\n          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n            {(\n              [\n                ['name', 'Full name'],\n                ['line1', 'Address'],\n                ['line2', 'Apt / suite'],\n                ['city', 'City'],\n                ['state', 'State'],\n                ['postalCode', 'Postal code'],\n                ['country', 'Country (US)'],\n              ] as const\n            ).map(([field, label]) => (\n              <TextField\n                key={field}\n                label={label}\n                value={(addressDraft as any)[field] ?? ''}\n                onChange={(event) =>\n                  setAddressDraft((prev) =>\n                    prev ? { ...prev, [field]: event.target.value } : prev,\n                  )\n                }\n                size=\"small\"\n              />\n            ))}\n            <Box sx={{ display: 'flex', gap: 1 }}>\n              <Button size=\"small\" onClick={() => setAddressDraft(null)}>\n                {'Cancel'}\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                disabled={!addressDraft.line1 || !addressDraft.city}\n                onClick={handleAddressSave}\n              >\n                {'Save address'}\n              </Button>\n            </Box>\n          </Box>\n        ) : (\n          <Button\n            size=\"small\"\n            sx={{ alignSelf: 'flex-start' }}\n            onClick={() => setAddressDraft({})}\n          >\n            {'Add address'}\n          </Button>\n        )}\n      </Box>\n    )\n  },\n)\nCustomerAccount.displayName = 'AglynCustomerAccount'\n\nexport const schema: Aglyn.ComponentSchema<CustomerAccountProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Customer account',\n  description:\n    'Sign-in and account area — profile, addresses and order history.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiAccountCircleOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'signedOutHeading',\n      label: 'Signed-out heading',\n      description: 'Shown above the sign-in form.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Customer account',\n    pluginId: BUNDLE_ID,\n    description: 'Sign-in/up, profile, addresses, and order history',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiAccountCircleOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: { signedOutHeading: 'Your account' },\n    },\n  },\n]\n\nexport default CustomerAccount\n"],"names":["Aglyn","trackEvent","CommerceModel","mdiAccountCircleOutline","Alert","Box","Button","Checkbox","Chip","Divider","FormControlLabel","MuiLink","Tab","Tabs","TextField","Typography","forwardRef","useCallback","useEffect","useState","BUNDLE_ID","returnRequestHref","generatePresetId","ID","usd","cents","toFixed","CustomerAccount","props","ref","account","signedOutHeading","rest","nodeSx","Array","isArray","hostId","useSite","siteFetch","useSiteFetch","setAccount","tab","setTab","email","setEmail","password","setPassword","displayName","setDisplayName","marketingConsent","setMarketingConsent","error","setError","busy","setBusy","addressDraft","setAddressDraft","refresh","response","fetch","encodeURIComponent","status","ok","json","handleAuth","endpoint","method","headers","body","JSON","stringify","payload","catch","String","undefined","handleSignOut","handleAddressSave","addresses","member","slice","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","maxWidth","variant","gutterBottom","value","onChange","_event","label","display","flexDirection","gap","mt","event","target","size","type","helperText","control","checked","severity","disabled","onClick","href","underline","alignItems","flex","textAlign","orders","length","map","order","minWidth","noWrap","number","itemsSummary","Date","createdAtMs","toLocaleDateString","tracking","trackingNumber","carrier","replace","totalCents","RETURNABLE_ORDER_STATUSES","includes","id","subscriptions","subscription","productName","url","window","location","assign","downloads","download","licenseKeys","key","orderId","productId","address","index","name","line1","line2","city","state","postalCode","trim","country","filter","Boolean","join","field","prev","alignSelf","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","component","FieldComponentType","TEXT_FIELD","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/cart-extras.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @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.
+ */
+/**
+ * Optional lines another plugin offers at the cart (AGL-3635), as boxes the
+ * shopper ticks — package protection is the first. The offers come from
+ * `GET /api/commerce/cart-extras`, asked only while the cart is on screen
+ * and again whenever its lines change; the checkout asks the provider again
+ * for the price it charges, so what is shown here is never what is trusted.
+ * A store with no offering plugin gets an empty answer and draws nothing.
+ */
+export interface CartExtraOffer {
+    id: string;
+    label: string;
+    description?: string;
+    amountCents: number;
+    defaultSelected: boolean;
+    termsUrl?: string;
+}
+export declare function useCartExtras(hostId: string | undefined, cartSignature: string): {
+    offers: CartExtraOffer[];
+    chosen: Record<string, boolean>;
+    chosenIds: string[];
+    toggle: (id: string, value: boolean) => void;
+    reload: () => void;
+};
+export declare function CartExtras(props: {
+    offers: CartExtraOffer[];
+    chosen: Record<string, boolean>;
+    onToggle: (id: string, value: boolean) => void;
+    formatCents: (cents: number) => string;
+}): import("react").JSX.Element;

package/src/lib/components/cart-extras.js

@@ -0,0 +1,127 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @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.
+ */ import Box from "@mui/material/Box";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Link from "@mui/material/Link";
+import Typography from "@mui/material/Typography";
+import { useCallback, useEffect, useMemo, useState } from "react";
+export function useCartExtras(hostId, cartSignature) {
+    const [offers, setOffers] = useState([]);
+    const [chosen, setChosen] = useState({});
+    const [round, setRound] = useState(0);
+    useEffect(()=>{
+        if (!hostId || cartSignature === '[]') {
+            setOffers([]);
+            return;
+        }
+        let live = true;
+        fetch(`/api/commerce/cart-extras?hostId=${encodeURIComponent(hostId)}`).then((response)=>response.ok ? response.json() : {
+                extras: []
+            }).then((payload)=>{
+            if (!live) return;
+            const next = Array.isArray(payload == null ? void 0 : payload.extras) ? payload.extras : [];
+            setOffers(next);
+            // A box the shopper already touched keeps their answer.
+            setChosen((prior)=>Object.fromEntries(next.map((offer)=>{
+                    var _prior_offer_id;
+                    return [
+                        offer.id,
+                        (_prior_offer_id = prior[offer.id]) != null ? _prior_offer_id : offer.defaultSelected
+                    ];
+                })));
+        }).catch(()=>live && setOffers([]));
+        return ()=>{
+            live = false;
+        };
+    }, [
+        hostId,
+        cartSignature,
+        round
+    ]);
+    const chosenIds = useMemo(()=>offers.filter((offer)=>chosen[offer.id]).map((offer)=>offer.id), [
+        offers,
+        chosen
+    ]);
+    const toggle = useCallback((id, value)=>{
+        setChosen((prior)=>_extends({}, prior, {
+                [id]: value
+            }));
+    }, []);
+    /** Asks again — after the checkout said an offer changed. */ const reload = useCallback(()=>setRound((value)=>value + 1), []);
+    return {
+        offers,
+        chosen,
+        chosenIds,
+        toggle,
+        reload
+    };
+}
+export function CartExtras(props) {
+    const { offers, chosen, onToggle, formatCents } = props;
+    if (!offers.length) return null;
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 0.5
+        },
+        children: offers.map((offer)=>{
+            var _offer_description;
+            return /*#__PURE__*/ _jsxs(Box, {
+                children: [
+                    /*#__PURE__*/ _jsx(FormControlLabel, {
+                        control: /*#__PURE__*/ _jsx(Checkbox, {
+                            size: "small",
+                            checked: Boolean(chosen[offer.id]),
+                            onChange: (event)=>onToggle(offer.id, event.target.checked)
+                        }),
+                        label: /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            children: `${offer.label} (${formatCents(offer.amountCents)})`
+                        })
+                    }),
+                    offer.description || offer.termsUrl ? /*#__PURE__*/ _jsxs(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        component: "p",
+                        sx: {
+                            ml: 4
+                        },
+                        children: [
+                            (_offer_description = offer.description) != null ? _offer_description : '',
+                            offer.termsUrl ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    offer.description ? ' ' : '',
+                                    /*#__PURE__*/ _jsx(Link, {
+                                        href: offer.termsUrl,
+                                        target: "_blank",
+                                        rel: "noopener noreferrer",
+                                        children: 'Details'
+                                    })
+                                ]
+                            }) : null
+                        ]
+                    }) : null
+                ]
+            }, offer.id);
+        })
+    });
+}
+
+//# sourceMappingURL=cart-extras.js.map

package/src/lib/components/cart-extras.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/cart-extras.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\nimport Box from '@mui/material/Box'\nimport Checkbox from '@mui/material/Checkbox'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Link from '@mui/material/Link'\nimport Typography from '@mui/material/Typography'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\n/**\n * Optional lines another plugin offers at the cart (AGL-3635), as boxes the\n * shopper ticks — package protection is the first. The offers come from\n * `GET /api/commerce/cart-extras`, asked only while the cart is on screen\n * and again whenever its lines change; the checkout asks the provider again\n * for the price it charges, so what is shown here is never what is trusted.\n * A store with no offering plugin gets an empty answer and draws nothing.\n */\n\nexport interface CartExtraOffer {\n  id: string\n  label: string\n  description?: string\n  amountCents: number\n  defaultSelected: boolean\n  termsUrl?: string\n}\n\nexport function useCartExtras(hostId: string | undefined, cartSignature: string) {\n  const [offers, setOffers] = useState<CartExtraOffer[]>([])\n  const [chosen, setChosen] = useState<Record<string, boolean>>({})\n  const [round, setRound] = useState(0)\n  useEffect(() => {\n    if (!hostId || cartSignature === '[]') {\n      setOffers([])\n      return\n    }\n    let live = true\n    fetch(`/api/commerce/cart-extras?hostId=${encodeURIComponent(hostId)}`)\n      .then((response) => (response.ok ? response.json() : { extras: [] }))\n      .then((payload: { extras?: CartExtraOffer[] }) => {\n        if (!live) return\n        const next = Array.isArray(payload?.extras) ? payload.extras : []\n        setOffers(next)\n        // A box the shopper already touched keeps their answer.\n        setChosen((prior) =>\n          Object.fromEntries(next.map((offer) => [offer.id, prior[offer.id] ?? offer.defaultSelected])),\n        )\n      })\n      .catch(() => live && setOffers([]))\n    return () => {\n      live = false\n    }\n  }, [hostId, cartSignature, round])\n  const chosenIds = useMemo(\n    () => offers.filter((offer) => chosen[offer.id]).map((offer) => offer.id),\n    [offers, chosen],\n  )\n  const toggle = useCallback((id: string, value: boolean) => {\n    setChosen((prior) => ({ ...prior, [id]: value }))\n  }, [])\n  /** Asks again — after the checkout said an offer changed. */\n  const reload = useCallback(() => setRound((value) => value + 1), [])\n  return { offers, chosen, chosenIds, toggle, reload }\n}\n\nexport function CartExtras(props: {\n  offers: CartExtraOffer[]\n  chosen: Record<string, boolean>\n  onToggle: (id: string, value: boolean) => void\n  formatCents: (cents: number) => string\n}) {\n  const { offers, chosen, onToggle, formatCents } = props\n  if (!offers.length) return null\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n      {offers.map((offer) => (\n        <Box key={offer.id}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                size=\"small\"\n                checked={Boolean(chosen[offer.id])}\n                onChange={(event) => onToggle(offer.id, event.target.checked)}\n              />\n            }\n            label={\n              <Typography variant=\"body2\">\n                {`${offer.label} (${formatCents(offer.amountCents)})`}\n              </Typography>\n            }\n          />\n          {offer.description || offer.termsUrl ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\" sx={{ ml: 4 }}>\n              {offer.description ?? ''}\n              {offer.termsUrl ? (\n                <>\n                  {offer.description ? ' ' : ''}\n                  <Link href={offer.termsUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                    {'Details'}\n                  </Link>\n                </>\n              ) : null}\n            </Typography>\n          ) : null}\n        </Box>\n      ))}\n    </Box>\n  )\n}\n"],"names":["Box","Checkbox","FormControlLabel","Link","Typography","useCallback","useEffect","useMemo","useState","useCartExtras","hostId","cartSignature","offers","setOffers","chosen","setChosen","round","setRound","live","fetch","encodeURIComponent","then","response","ok","json","extras","payload","next","Array","isArray","prior","Object","fromEntries","map","offer","id","defaultSelected","catch","chosenIds","filter","toggle","value","reload","CartExtras","props","onToggle","formatCents","length","sx","display","flexDirection","gap","control","size","checked","Boolean","onChange","event","target","label","variant","amountCents","description","termsUrl","color","component","ml","href","rel"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED,OAAOA,SAAS,oBAAmB;AACnC,OAAOC,cAAc,yBAAwB;AAC7C,OAAOC,sBAAsB,iCAAgC;AAC7D,OAAOC,UAAU,qBAAoB;AACrC,OAAOC,gBAAgB,2BAA0B;AACjD,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAoBjE,OAAO,SAASC,cAAcC,MAA0B,EAAEC,aAAqB;IAC7E,MAAM,CAACC,QAAQC,UAAU,GAAGL,SAA2B,EAAE;IACzD,MAAM,CAACM,QAAQC,UAAU,GAAGP,SAAkC,CAAC;IAC/D,MAAM,CAACQ,OAAOC,SAAS,GAAGT,SAAS;IACnCF,UAAU;QACR,IAAI,CAACI,UAAUC,kBAAkB,MAAM;YACrCE,UAAU,EAAE;YACZ;QACF;QACA,IAAIK,OAAO;QACXC,MAAM,CAAC,iCAAiC,EAAEC,mBAAmBV,SAAS,EACnEW,IAAI,CAAC,CAACC,WAAcA,SAASC,EAAE,GAAGD,SAASE,IAAI,KAAK;gBAAEC,QAAQ,EAAE;YAAC,GACjEJ,IAAI,CAAC,CAACK;YACL,IAAI,CAACR,MAAM;YACX,MAAMS,OAAOC,MAAMC,OAAO,CAACH,2BAAAA,QAASD,MAAM,IAAIC,QAAQD,MAAM,GAAG,EAAE;YACjEZ,UAAUc;YACV,wDAAwD;YACxDZ,UAAU,CAACe,QACTC,OAAOC,WAAW,CAACL,KAAKM,GAAG,CAAC,CAACC;wBAAqBJ;2BAAX;wBAACI,MAAMC,EAAE;yBAAEL,kBAAAA,KAAK,CAACI,MAAMC,EAAE,CAAC,YAAfL,kBAAmBI,MAAME,eAAe;qBAAC;;QAE/F,GACCC,KAAK,CAAC,IAAMnB,QAAQL,UAAU,EAAE;QACnC,OAAO;YACLK,OAAO;QACT;IACF,GAAG;QAACR;QAAQC;QAAeK;KAAM;IACjC,MAAMsB,YAAY/B,QAChB,IAAMK,OAAO2B,MAAM,CAAC,CAACL,QAAUpB,MAAM,CAACoB,MAAMC,EAAE,CAAC,EAAEF,GAAG,CAAC,CAACC,QAAUA,MAAMC,EAAE,GACxE;QAACvB;QAAQE;KAAO;IAElB,MAAM0B,SAASnC,YAAY,CAAC8B,IAAYM;QACtC1B,UAAU,CAACe,QAAW,aAAKA;gBAAO,CAACK,GAAG,EAAEM;;IAC1C,GAAG,EAAE;IACL,2DAA2D,GAC3D,MAAMC,SAASrC,YAAY,IAAMY,SAAS,CAACwB,QAAUA,QAAQ,IAAI,EAAE;IACnE,OAAO;QAAE7B;QAAQE;QAAQwB;QAAWE;QAAQE;IAAO;AACrD;AAEA,OAAO,SAASC,WAAWC,KAK1B;IACC,MAAM,EAAEhC,MAAM,EAAEE,MAAM,EAAE+B,QAAQ,EAAEC,WAAW,EAAE,GAAGF;IAClD,IAAI,CAAChC,OAAOmC,MAAM,EAAE,OAAO;IAC3B,qBACE,KAAC/C;QAAIgD,IAAI;YAAEC,SAAS;YAAQC,eAAe;YAAUC,KAAK;QAAI;kBAC3DvC,OAAOqB,GAAG,CAAC,CAACC;gBAkBJA;iCAjBP,MAAClC;;kCACC,KAACE;wBACCkD,uBACE,KAACnD;4BACCoD,MAAK;4BACLC,SAASC,QAAQzC,MAAM,CAACoB,MAAMC,EAAE,CAAC;4BACjCqB,UAAU,CAACC,QAAUZ,SAASX,MAAMC,EAAE,EAAEsB,MAAMC,MAAM,CAACJ,OAAO;;wBAGhEK,qBACE,KAACvD;4BAAWwD,SAAQ;sCACjB,GAAG1B,MAAMyB,KAAK,CAAC,EAAE,EAAEb,YAAYZ,MAAM2B,WAAW,EAAE,CAAC,CAAC;;;oBAI1D3B,MAAM4B,WAAW,IAAI5B,MAAM6B,QAAQ,iBAClC,MAAC3D;wBAAWwD,SAAQ;wBAAUI,OAAM;wBAAiBC,WAAU;wBAAIjB,IAAI;4BAAEkB,IAAI;wBAAE;;6BAC5EhC,qBAAAA,MAAM4B,WAAW,YAAjB5B,qBAAqB;4BACrBA,MAAM6B,QAAQ,iBACb;;oCACG7B,MAAM4B,WAAW,GAAG,MAAM;kDAC3B,KAAC3D;wCAAKgE,MAAMjC,MAAM6B,QAAQ;wCAAEL,QAAO;wCAASU,KAAI;kDAC7C;;;iCAGH;;yBAEJ;;eA3BIlC,MAAMC,EAAE;;;AAgC1B"}