@aglyn/plugins-commerce 1.0.0-beta.290 → 1.0.0-beta.291

package/src/lib/components/console/quote-send.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/quote-send.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\n'use client'\n\nimport * as CommerceModel from '../../model'\nimport { commerceSitePermissionRefusal } from '../../model/plugin-permissions'\nimport { siteContactEmail, resolveHostToken, type HostTokenSource } from '@aglyn/aglyn/app-utils/host-tokens'\nimport { BlockedControl } from '@aglyn/shared-ui-jsx/components/blocked-control.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useFirestore, useFirestoreDoc, useUser } from '@aglyn/tenant-feature-instance'\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { InvoiceSendDialog, invoiceSentLine } from './invoice-send.component'\n\nconst SEND_REFUSAL = commerceSitePermissionRefusal('commerce.quotes.send')\n\nexport interface QuoteSendSectionProps {\n  hostId: string\n  quoteId: string\n  quote: CommerceModel.HostOrder\n  /** Holds \"Send quotes and invoices to customers\" (`commerce.quotes.send`). */\n  canSend: boolean\n  /** The editor holds changes not saved yet, which the email would not show. */\n  edited: boolean\n}\n\n/** `Oct 29, 2026, 3:04 PM`. */\nconst sentAt = (atMs: number) =>\n  new Date(atMs).toLocaleString('en-US', { dateStyle: 'medium', timeStyle: 'short' })\n\n/**\n * Emailing the quote to the customer (AGL-4097): when it was last sent and to\n * whom, and Send quote, Send again or Send revision N, which opens a short\n * form (To, Subject, Message). The server writes the email in the site's\n * look with the proof, the PDF and the pay button, in the customer's\n * conversation with the business.\n *\n * Send invoice (AGL-4099) sits beside it: for an unpaid quote, an invoice for\n * a customer who needs one to pay (with the same pay link); for a paid one,\n * the invoice as their record. Both reply into the quote's conversation.\n */\nexport function QuoteSendSection(props: QuoteSendSectionProps) {\n  const { hostId, quoteId, quote, canSend, edited } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const { data: host } = useFirestoreDoc<Record<string, unknown>>(\n    () => doc(firestore, 'hosts', hostId),\n    [firestore, hostId],\n  )\n  const businessName = String(resolveHostToken('businessName', (host ?? {}) as HostTokenSource) ?? '').trim()\n  const section = quote.quote\n  const unpaid = CommerceModel.isUnpaidQuote(quote)\n  const last = CommerceModel.lastQuoteSend(section)\n  const revision = Number(section?.revision ?? 1)\n  const label = CommerceModel.quoteSendLabel(section)\n  const replacesLink = CommerceModel.quoteSendReplacesLink(section)\n  const approvalFirst = CommerceModel.quotePaymentBlockedByApproval(section)\n  const proofCount = CommerceModel.currentQuoteProofs(section).length\n  const listed = siteContactEmail(host as never)\n  const contact = listed && /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(listed) ? listed : null\n\n  const [open, setOpen] = useState(false)\n  const [invoicing, setInvoicing] = useState(false)\n  const invoiceLine = invoiceSentLine(quote)\n  const closed = quote.status === 'cancelled' || quote.status === 'refunded'\n  const [busy, setBusy] = useState(false)\n  const [to, setTo] = useState('')\n  const [subject, setSubject] = useState('')\n  const [message, setMessage] = useState('')\n\n  /*\n   * One attempt per form (AGL-1697's rule): a retried Send presents the same\n   * key and is answered from the first, so the customer never gets two; a\n   * changed form is a new attempt.\n   */\n  const attemptKey = useRef('')\n  useEffect(() => {\n    attemptKey.current = ''\n  }, [to, subject, message])\n\n  const openForm = useCallback(() => {\n    setTo(String(section?.customer?.email ?? ''))\n    setSubject(CommerceModel.quoteEmailDefaultSubject(quote, businessName, quoteId))\n    setMessage('')\n    setOpen(true)\n  }, [section, quote, businessName, quoteId])\n\n  const send = useCallback(async () => {\n    setBusy(true)\n    try {\n      if (!attemptKey.current) {\n        attemptKey.current = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`\n      }\n      const response = await authorizedFetch(user, '/api/commerce/quote', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json', 'Idempotency-Key': attemptKey.current },\n        body: JSON.stringify({ action: 'send', hostId, quoteId, to, subject, message }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      if (!response.ok) {\n        return void enqueueSnackbar(payload?.error ?? 'The quote could not be sent', { variant: 'error', allowDuplicate: true })\n      }\n      enqueueSnackbar(\n        `${CommerceModel.formatQuoteNumber(quote, quoteId)} sent to ${String(payload.to ?? to)}` +\n          (payload.linkReplaced ? '. The link in your earlier email no longer opens the quote.' : ''),\n        { variant: 'success', persist: false },\n      )\n      setOpen(false)\n    } finally {\n      setBusy(false)\n    }\n  }, [user, hostId, quoteId, to, subject, message, quote, enqueueSnackbar])\n\n  const status = last\n    ? `Sent ${sentAt(Number(last.atMs))} to ${last.to || 'the customer'}` +\n      (Number(last.revision) < revision ? ` (revision ${last.revision})` : '') +\n      '.'\n    : 'Not sent yet. Email it with your message, the proof and the PDF, or copy the pay link below and send it yourself.'\n\n  return (\n    <Stack spacing={1.5}>\n      <Stack spacing={0.5}>\n        <Typography variant=\"subtitle2\">{'Email to customer'}</Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {unpaid ? status : last ? status : 'This quote was paid without being emailed.'}\n        </Typography>\n        {unpaid && replacesLink ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {`Sending revision ${revision} gives your customer a new pay link. The link in your earlier email will say the quote was updated.`}\n          </Typography>\n        ) : null}\n        {unpaid && edited ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Save your changes first: the email shows the quote as it was last saved.'}\n          </Typography>\n        ) : null}\n        {invoiceLine ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {invoiceLine}\n          </Typography>\n        ) : null}\n      </Stack>\n      {!closed ? (\n        <Stack direction=\"row\" spacing={1}>\n          {unpaid ? (\n            <BlockedControl blocked={!canSend} reason={SEND_REFUSAL}>\n              <Button variant=\"contained\" size=\"small\" disabled={busy || edited} onClick={openForm}>\n                {label}\n              </Button>\n            </BlockedControl>\n          ) : null}\n          <BlockedControl blocked={!canSend} reason={SEND_REFUSAL}>\n            <Button\n              variant={unpaid ? 'outlined' : 'contained'}\n              size=\"small\"\n              disabled={busy || (unpaid && edited)}\n              onClick={() => setInvoicing(true)}\n            >\n              {'Send invoice'}\n            </Button>\n          </BlockedControl>\n        </Stack>\n      ) : null}\n      <InvoiceSendDialog\n        open={invoicing}\n        onClose={() => setInvoicing(false)}\n        hostId={hostId}\n        orderId={quoteId}\n        order={quote}\n      />\n      <Dialog open={open} onClose={busy ? undefined : () => setOpen(false)} maxWidth=\"sm\" fullWidth aria-labelledby=\"quote-send-title\">\n        <DialogTitle id=\"quote-send-title\">{`${label}: ${CommerceModel.formatQuoteNumber(quote, quoteId)}`}</DialogTitle>\n        <DialogContent>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <TextField\n              label=\"To\"\n              type=\"email\"\n              value={to}\n              onChange={(event) => setTo(event.target.value)}\n              required\n              fullWidth\n              disabled={busy}\n            />\n            <TextField\n              label=\"Subject\"\n              value={subject}\n              onChange={(event) => setSubject(event.target.value)}\n              fullWidth\n              disabled={busy}\n              slotProps={{ htmlInput: { maxLength: CommerceModel.QUOTE_MAX_SEND_SUBJECT } }}\n              helperText={\n                section?.emailThread\n                  ? 'Keep the subject the same to keep these emails in one conversation in your customer’s inbox.'\n                  : undefined\n              }\n            />\n            <TextField\n              label=\"Message\"\n              value={message}\n              onChange={(event) => setMessage(event.target.value)}\n              multiline\n              minRows={4}\n              fullWidth\n              disabled={busy}\n              slotProps={{ htmlInput: { maxLength: CommerceModel.QUOTE_MAX_SEND_MESSAGE } }}\n              helperText=\"Shown at the top of the email, in your words.\"\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {`The email shows the quote number, revision ${revision} and total` +\n                (proofCount ? ', the proof' : '') +\n                `, with the quote attached as a PDF and a button to ${approvalFirst ? 'approve the proof' : 'pay'} on your site. ` +\n                `Replies go to ${contact || 'your email'}.`}\n            </Typography>\n            {replacesLink ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                {'This sends a new pay link. The link in your earlier email will say the quote was updated.'}\n              </Typography>\n            ) : null}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setOpen(false)} disabled={busy}>\n            {'Cancel'}\n          </Button>\n          <Button variant=\"contained\" disabled={busy || !to.trim()} onClick={() => void send()}>\n            {busy ? 'Sending…' : 'Send'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Stack>\n  )\n}\nQuoteSendSection.displayName = 'QuoteSendSection'\n\nexport default QuoteSendSection\n"],"names":["CommerceModel","commerceSitePermissionRefusal","siteContactEmail","resolveHostToken","BlockedControl","useSnackbar","authorizedFetch","useFirestore","useFirestoreDoc","useUser","Button","Dialog","DialogActions","DialogContent","DialogTitle","Stack","TextField","Typography","doc","useCallback","useEffect","useRef","useState","InvoiceSendDialog","invoiceSentLine","SEND_REFUSAL","sentAt","atMs","Date","toLocaleString","dateStyle","timeStyle","QuoteSendSection","props","hostId","quoteId","quote","canSend","edited","firestore","data","user","enqueueSnackbar","host","businessName","String","trim","section","unpaid","isUnpaidQuote","last","lastQuoteSend","revision","Number","label","quoteSendLabel","replacesLink","quoteSendReplacesLink","approvalFirst","quotePaymentBlockedByApproval","proofCount","currentQuoteProofs","length","listed","contact","test","open","setOpen","invoicing","setInvoicing","invoiceLine","closed","status","busy","setBusy","to","setTo","subject","setSubject","message","setMessage","attemptKey","current","openForm","customer","email","quoteEmailDefaultSubject","send","payload","globalThis","crypto","randomUUID","now","Math","random","toString","slice","response","method","headers","body","JSON","stringify","action","json","catch","ok","error","variant","allowDuplicate","formatQuoteNumber","linkReplaced","persist","spacing","color","direction","blocked","reason","size","disabled","onClick","onClose","orderId","order","undefined","maxWidth","fullWidth","aria-labelledby","id","sx","pt","type","value","onChange","event","target","required","slotProps","htmlInput","maxLength","QUOTE_MAX_SEND_SUBJECT","helperText","emailThread","multiline","minRows","QUOTE_MAX_SEND_MESSAGE","displayName"],"mappings":"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"}

package/src/lib/components/console/quote-start.component.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.
+ */
+/** The Inbox zone's props, restated: this plugin may not import the Inbox. */
+export interface QuoteStartFromRequestProps {
+    hostId: string;
+    submissionId: string;
+    requestKind: string | null;
+    formName: string;
+}
+/** The CRM zone's props, restated: this plugin may not import the CRM. */
+export interface QuoteStartFromContactProps {
+    hostId: string | null;
+    orgId: string | undefined;
+    kind: 'contact' | 'lead';
+    recordId: string;
+    name: string;
+    email: string | null;
+    phone: string;
+    company: string;
+}
+/** "Start a quote" on an open quote request in the Inbox. */
+export declare function QuoteStartFromRequest(props: QuoteStartFromRequestProps): import("react").JSX.Element;
+export declare namespace QuoteStartFromRequest {
+    var displayName: string;
+}
+/** "Start a quote" in a contact's header in the CRM. */
+export declare function QuoteStartFromContact(props: QuoteStartFromContactProps): import("react").JSX.Element;
+export declare namespace QuoteStartFromContact {
+    var displayName: string;
+}
+export default QuoteStartFromRequest;

package/src/lib/components/console/quote-start.component.js

@@ -0,0 +1,182 @@
+/**
+ * @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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { ceilingedWindow, collectionCeiling, useFirestore, useFirestoreCollection, useUser } from "@aglyn/tenant-feature-instance";
+import { Button } from "@mui/material";
+import { collection } from "firebase/firestore";
+import { useCallback, useMemo, useState } from "react";
+import QuoteEditorDialog from "./quote-editor-dialog.component.js";
+/*==========================================
+ * START A QUOTE FROM SOMEWHERE ELSE (AGL-4098).
+ *
+ * Two widgets in other plugins' zones, each a button that opens the quote
+ * editor already filled in:
+ *
+ *  - on an open submission in the Inbox (`inboxSubmissionActions`), for a
+ *    quote request: the editor asks this plugin's route for the request's
+ *    prefill (`start-from-request`), which reads the request through the
+ *    forms plugin's facts for the member asking;
+ *  - in a contact's header in the CRM (`crmRecordActions`): the person as the
+ *    page shows them is the quote's customer.
+ *
+ * Either way the quote is the editor's ordinary new quote, saved by the
+ * ordinary create under "Create and edit quotes"; the route refuses a member
+ * without it, in words naming the permission.
+ *=========================================*/ /** The products the editor's picker offers, as the Quotes card reads them. */ const PRODUCT_WINDOW = 200;
+/** The editor over the store's products, read only while it is open. */ function QuoteStartDialog(props) {
+    const { hostId, start, onClose } = props;
+    const firestore = useFirestore();
+    const { data: productDocs } = useFirestoreCollection(()=>collectionCeiling(collection(firestore, 'hosts', hostId, 'products'), PRODUCT_WINDOW), [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const products = useMemo(()=>ceilingedWindow(productDocs != null ? productDocs : undefined, PRODUCT_WINDOW).rows.filter((product)=>!product['deletedAt']), [
+        productDocs
+    ]);
+    // The route decided the member may make quotes when it answered the start.
+    return /*#__PURE__*/ _jsx(QuoteEditorDialog, {
+        hostId: hostId,
+        quote: null,
+        products: products,
+        canEdit: true,
+        canSend: false,
+        start: start,
+        onClose: onClose
+    });
+}
+/** "Start a quote" on an open quote request in the Inbox. */ export function QuoteStartFromRequest(props) {
+    const { hostId, submissionId, requestKind } = props;
+    const { data: user } = useUser();
+    const { enqueueSnackbar } = useSnackbar();
+    const [busy, setBusy] = useState(false);
+    const [start, setStart] = useState(null);
+    const open = useCallback(async ()=>{
+        setBusy(true);
+        try {
+            var _payload_files;
+            const response = await authorizedFetch(user, '/api/commerce/quote', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    action: 'start-from-request',
+                    hostId,
+                    submissionId
+                })
+            });
+            const payload = await response.json().catch(()=>({}));
+            if (!response.ok) {
+                var _ref;
+                return void enqueueSnackbar((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'The quote could not be started', {
+                    variant: 'error',
+                    allowDuplicate: true
+                });
+            }
+            setStart({
+                from: {
+                    kind: 'submission',
+                    id: submissionId
+                },
+                prefill: payload.prefill,
+                request: payload.request,
+                files: (_payload_files = payload.files) != null ? _payload_files : [],
+                threaded: payload.threaded === true
+            });
+        } catch (unused) {
+            enqueueSnackbar('The quote could not be started', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        } finally{
+            setBusy(false);
+        }
+    }, [
+        user,
+        hostId,
+        submissionId,
+        enqueueSnackbar
+    ]);
+    // Only a quote request has a quote to start.
+    if (requestKind !== 'quote' || !hostId) return null;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "outlined",
+                disabled: busy || !user,
+                onClick: ()=>void open(),
+                children: busy ? 'Starting…' : 'Start a quote'
+            }),
+            start ? /*#__PURE__*/ _jsx(QuoteStartDialog, {
+                hostId: hostId,
+                start: start,
+                onClose: ()=>setStart(null)
+            }) : null
+        ]
+    });
+}
+QuoteStartFromRequest.displayName = 'QuoteStartFromRequest';
+/** "Start a quote" in a contact's header in the CRM. */ export function QuoteStartFromContact(props) {
+    const { hostId, kind, recordId, name, email, phone, company } = props;
+    const [start, setStart] = useState(null);
+    // A quote is a site's: at the organization level with no site, there is none to start.
+    if (!hostId) return null;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                variant: "outlined",
+                onClick: ()=>setStart({
+                        from: null,
+                        prefill: {
+                            customer: _extends({
+                                record: {
+                                    kind,
+                                    id: recordId
+                                }
+                            }, name ? {
+                                name
+                            } : {}, email ? {
+                                email
+                            } : {}, phone ? {
+                                phone
+                            } : {}, company ? {
+                                company
+                            } : {}),
+                            lines: [],
+                            notes: ''
+                        }
+                    }),
+                children: 'Start a quote'
+            }),
+            start ? /*#__PURE__*/ _jsx(QuoteStartDialog, {
+                hostId: hostId,
+                start: start,
+                onClose: ()=>setStart(null)
+            }) : null
+        ]
+    });
+}
+QuoteStartFromContact.displayName = 'QuoteStartFromContact';
+export default QuoteStartFromRequest;
+
+//# sourceMappingURL=quote-start.component.js.map

package/src/lib/components/console/quote-start.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/quote-start.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\n'use client'\n\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport {\n  ceilingedWindow,\n  collectionCeiling,\n  useFirestore,\n  useFirestoreCollection,\n  useUser,\n} from '@aglyn/tenant-feature-instance'\nimport { Button } from '@mui/material'\nimport { collection } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport QuoteEditorDialog, { type QuoteEditorStart } from './quote-editor-dialog.component'\n\n/*==========================================\n * START A QUOTE FROM SOMEWHERE ELSE (AGL-4098).\n *\n * Two widgets in other plugins' zones, each a button that opens the quote\n * editor already filled in:\n *\n *  - on an open submission in the Inbox (`inboxSubmissionActions`), for a\n *    quote request: the editor asks this plugin's route for the request's\n *    prefill (`start-from-request`), which reads the request through the\n *    forms plugin's facts for the member asking;\n *  - in a contact's header in the CRM (`crmRecordActions`): the person as the\n *    page shows them is the quote's customer.\n *\n * Either way the quote is the editor's ordinary new quote, saved by the\n * ordinary create under \"Create and edit quotes\"; the route refuses a member\n * without it, in words naming the permission.\n *=========================================*/\n\n/** The products the editor's picker offers, as the Quotes card reads them. */\nconst PRODUCT_WINDOW = 200\n\n/** The Inbox zone's props, restated: this plugin may not import the Inbox. */\nexport interface QuoteStartFromRequestProps {\n  hostId: string\n  submissionId: string\n  requestKind: string | null\n  formName: string\n}\n\n/** The CRM zone's props, restated: this plugin may not import the CRM. */\nexport interface QuoteStartFromContactProps {\n  hostId: string | null\n  orgId: string | undefined\n  kind: 'contact' | 'lead'\n  recordId: string\n  name: string\n  email: string | null\n  phone: string\n  company: string\n}\n\n/** The editor over the store's products, read only while it is open. */\nfunction QuoteStartDialog(props: { hostId: string; start: QuoteEditorStart; onClose: () => void }) {\n  const { hostId, start, onClose } = props\n  const firestore = useFirestore()\n  const { data: productDocs } = useFirestoreCollection<Record<string, any>>(\n    () => collectionCeiling(collection(firestore, 'hosts', hostId, 'products'), PRODUCT_WINDOW),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const products = useMemo(\n    () =>\n      ceilingedWindow<Record<string, any>>(productDocs ?? undefined, PRODUCT_WINDOW).rows.filter(\n        (product) => !product['deletedAt'],\n      ),\n    [productDocs],\n  )\n  // The route decided the member may make quotes when it answered the start.\n  return (\n    <QuoteEditorDialog hostId={hostId} quote={null} products={products} canEdit canSend={false} start={start} onClose={onClose} />\n  )\n}\n\n/** \"Start a quote\" on an open quote request in the Inbox. */\nexport function QuoteStartFromRequest(props: QuoteStartFromRequestProps) {\n  const { hostId, submissionId, requestKind } = props\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const [busy, setBusy] = useState(false)\n  const [start, setStart] = useState<QuoteEditorStart | null>(null)\n\n  const open = useCallback(async () => {\n    setBusy(true)\n    try {\n      const response = await authorizedFetch(user, '/api/commerce/quote', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action: 'start-from-request', hostId, submissionId }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      if (!response.ok) {\n        return void enqueueSnackbar(payload?.error ?? 'The quote could not be started', {\n          variant: 'error',\n          allowDuplicate: true,\n        })\n      }\n      setStart({\n        from: { kind: 'submission', id: submissionId },\n        prefill: payload.prefill,\n        request: payload.request,\n        files: payload.files ?? [],\n        threaded: payload.threaded === true,\n      })\n    } catch {\n      enqueueSnackbar('The quote could not be started', { variant: 'error', allowDuplicate: true })\n    } finally {\n      setBusy(false)\n    }\n  }, [user, hostId, submissionId, enqueueSnackbar])\n\n  // Only a quote request has a quote to start.\n  if (requestKind !== 'quote' || !hostId) return null\n  return (\n    <>\n      <Button variant=\"outlined\" disabled={busy || !user} onClick={() => void open()}>\n        {busy ? 'Starting…' : 'Start a quote'}\n      </Button>\n      {start ? <QuoteStartDialog hostId={hostId} start={start} onClose={() => setStart(null)} /> : null}\n    </>\n  )\n}\nQuoteStartFromRequest.displayName = 'QuoteStartFromRequest'\n\n/** \"Start a quote\" in a contact's header in the CRM. */\nexport function QuoteStartFromContact(props: QuoteStartFromContactProps) {\n  const { hostId, kind, recordId, name, email, phone, company } = props\n  const [start, setStart] = useState<QuoteEditorStart | null>(null)\n  // A quote is a site's: at the organization level with no site, there is none to start.\n  if (!hostId) return null\n  return (\n    <>\n      <Button\n        size=\"small\"\n        variant=\"outlined\"\n        onClick={() =>\n          setStart({\n            from: null,\n            prefill: {\n              customer: {\n                record: { kind, id: recordId },\n                ...(name ? { name } : {}),\n                ...(email ? { email } : {}),\n                ...(phone ? { phone } : {}),\n                ...(company ? { company } : {}),\n              },\n              lines: [],\n              notes: '',\n            },\n          })\n        }\n      >\n        {'Start a quote'}\n      </Button>\n      {start ? <QuoteStartDialog hostId={hostId} start={start} onClose={() => setStart(null)} /> : null}\n    </>\n  )\n}\nQuoteStartFromContact.displayName = 'QuoteStartFromContact'\n\nexport default QuoteStartFromRequest\n"],"names":["useSnackbar","authorizedFetch","ceilingedWindow","collectionCeiling","useFirestore","useFirestoreCollection","useUser","Button","collection","useCallback","useMemo","useState","QuoteEditorDialog","PRODUCT_WINDOW","QuoteStartDialog","props","hostId","start","onClose","firestore","data","productDocs","idField","products","undefined","rows","filter","product","quote","canEdit","canSend","QuoteStartFromRequest","submissionId","requestKind","user","enqueueSnackbar","busy","setBusy","setStart","open","payload","response","method","headers","body","JSON","stringify","action","json","catch","ok","error","variant","allowDuplicate","from","kind","id","prefill","request","files","threaded","disabled","onClick","displayName","QuoteStartFromContact","recordId","name","email","phone","company","size","customer","record","lines","notes"],"mappings":"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"}

package/src/lib/components/product-options-field-body.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @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 type { ProductOptionsFieldProps } from './product-options-field';
+/** A product as its public page reads it: its options and the variants they make. */
+interface ProductDetail {
+    id: string;
+    name: string;
+    options: Array<{
+        name: string;
+        values: string[];
+    }>;
+    variants: Array<{
+        id: string;
+        options?: Record<string, string>;
+    }>;
+}
+/** The variant whose options are exactly the ones picked, else none. */
+export declare function variantForOptions(detail: Pick<ProductDetail, 'variants' | 'options'>, picked: Readonly<Record<string, string>>): string | null;
+/**
+ * The Product and options field's body (AGL-4098): a picker of the store's
+ * products (or the one the author chose), then one picker per option. It
+ * posts the readable line under its name and the exact choice beside it; a
+ * real, invisible input carries the line, so a required field with nothing
+ * picked stops the form like any required field.
+ *
+ * On the canvas and in Preview it draws with the store's products but sends
+ * nothing, like every form field there.
+ */
+declare const ProductOptionsFieldBody: import("react").ForwardRefExoticComponent<ProductOptionsFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export default ProductOptionsFieldBody;

package/src/lib/components/product-options-field-body.js

@@ -0,0 +1,260 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } 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 * as Aglyn from "@aglyn/aglyn";
+import { formFieldDataKey } from "../model/commerce-product-field.js";
+import { encodeProductFieldValue, productFieldLabel } from "../model/commerce-quote-request.js";
+import Box from "@mui/material/Box";
+import FormControl from "@mui/material/FormControl";
+import FormHelperText from "@mui/material/FormHelperText";
+import FormLabel from "@mui/material/FormLabel";
+import MenuItem from "@mui/material/MenuItem";
+import Stack from "@mui/material/Stack";
+import TextField from "@mui/material/TextField";
+import { forwardRef, useEffect, useId, useMemo, useRef, useState } from "react";
+/** The most products the picker lists. */ const PICKER_LIMIT = 100;
+/** The variant whose options are exactly the ones picked, else none. */ export function variantForOptions(detail, picked) {
+    var _ref, _ref1;
+    var _detail_variants_;
+    if (!detail.options.length) return (_ref = (_detail_variants_ = detail.variants[0]) == null ? void 0 : _detail_variants_.id) != null ? _ref : null;
+    if (detail.options.some((option)=>!picked[option.name])) return null;
+    const match = detail.variants.find((variant)=>detail.options.every((option)=>{
+            var _variant_options;
+            return ((_variant_options = variant.options) == null ? void 0 : _variant_options[option.name]) === picked[option.name];
+        }));
+    return (_ref1 = match == null ? void 0 : match.id) != null ? _ref1 : null;
+}
+/**
+ * The Product and options field's body (AGL-4098): a picker of the store's
+ * products (or the one the author chose), then one picker per option. It
+ * posts the readable line under its name and the exact choice beside it; a
+ * real, invisible input carries the line, so a required field with nothing
+ * picked stops the form like any required field.
+ *
+ * On the canvas and in Preview it draws with the store's products but sends
+ * nothing, like every form field there.
+ */ const ProductOptionsFieldBody = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _ref, _ref1;
+    var _products_find;
+    const { name: rawName, label, productId: fixedProductId, required } = props, rest = _object_without_properties_loose(props, [
+        "name",
+        "label",
+        "productId",
+        "required"
+    ]);
+    const name = String(rawName != null ? rawName : '').trim() || 'product';
+    const { hostId } = Aglyn.useSite();
+    const inputId = useId();
+    const answerRef = useRef(null);
+    const [products, setProducts] = useState(null);
+    const [productId, setProductId] = useState(fixedProductId != null ? fixedProductId : '');
+    const [detail, setDetail] = useState(null);
+    const [picked, setPicked] = useState({});
+    // The store's products, or the one the author chose.
+    useEffect(()=>{
+        if (!hostId) return;
+        let active = true;
+        const query = new URLSearchParams(_extends({
+            hostId
+        }, fixedProductId ? {
+            ids: fixedProductId
+        } : {
+            sort: 'name',
+            limit: String(PICKER_LIMIT)
+        }));
+        void fetch(`/api/commerce/catalog?${query.toString()}`).then((response)=>response.ok ? response.json() : {
+                items: []
+            }).then((payload)=>{
+            var _ref;
+            var _items_;
+            if (!active) return;
+            const items = Array.isArray(payload == null ? void 0 : payload.items) ? payload.items : [];
+            setProducts(items);
+            if (fixedProductId) setProductId((_ref = (_items_ = items[0]) == null ? void 0 : _items_.id) != null ? _ref : '');
+        }).catch(()=>active && setProducts([]));
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId,
+        fixedProductId
+    ]);
+    // The chosen product's options.
+    const slug = (_ref = products == null ? void 0 : (_products_find = products.find((product)=>product.id === productId)) == null ? void 0 : _products_find.slug) != null ? _ref : '';
+    useEffect(()=>{
+        setDetail(null);
+        setPicked({});
+        if (!hostId || !slug) return;
+        let active = true;
+        void fetch(`/api/commerce/product?hostId=${encodeURIComponent(hostId)}&slug=${encodeURIComponent(slug)}`).then((response)=>response.ok ? response.json() : null).then((payload)=>{
+            var _product_options, _product_variants;
+            if (!active || !(payload == null ? void 0 : payload.product)) return;
+            const product = payload.product;
+            setDetail(_extends({}, product, {
+                options: (_product_options = product.options) != null ? _product_options : [],
+                variants: (_product_variants = product.variants) != null ? _product_variants : []
+            }));
+        }).catch(()=>undefined);
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId,
+        slug
+    ]);
+    const variantId = detail ? variantForOptions(detail, picked) : null;
+    const complete = Boolean(detail && variantId);
+    const answer = complete && detail ? productFieldLabel(detail.name, picked) : '';
+    const value = complete && detail ? encodeProductFieldValue(_extends({
+        productId: detail.id
+    }, variantId && variantId !== 'default' ? {
+        variantId
+    } : {}, Object.keys(picked).length ? {
+        options: picked
+    } : {})) : '';
+    // Every change is announced, as a typed answer is, to anything listening on the form.
+    const announced = useRef(answer);
+    useEffect(()=>{
+        var _answerRef_current;
+        if (announced.current === answer) return;
+        announced.current = answer;
+        (_answerRef_current = answerRef.current) == null ? void 0 : _answerRef_current.dispatchEvent(new Event('change', {
+            bubbles: true
+        }));
+    }, [
+        answer
+    ]);
+    const listed = useMemo(()=>products != null ? products : [], [
+        products
+    ]);
+    // On the canvas there is no site to list from: it says what the visitor will pick from.
+    const placeholder = !hostId ? 'Your store’s products' : products === null ? 'Loading products…' : listed.length ? 'Choose a product' : 'No products to choose from yet';
+    return /*#__PURE__*/ _jsxs(FormControl, _extends({
+        ref: ref,
+        fullWidth: true,
+        required: Boolean(required)
+    }, rest, {
+        children: [
+            /*#__PURE__*/ _jsx(FormLabel, {
+                htmlFor: inputId,
+                children: label || 'Product'
+            }),
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                sx: {
+                    mt: 1,
+                    position: 'relative'
+                },
+                children: [
+                    fixedProductId ? null : /*#__PURE__*/ _jsx(TextField, {
+                        id: inputId,
+                        select: true,
+                        size: "small",
+                        fullWidth: true,
+                        value: productId,
+                        onChange: (event)=>setProductId(event.target.value),
+                        disabled: !listed.length,
+                        slotProps: {
+                            select: {
+                                displayEmpty: true,
+                                renderValue: (selected)=>{
+                                    var _ref;
+                                    var _listed_find;
+                                    return (_ref = (_listed_find = listed.find((product)=>product.id === selected)) == null ? void 0 : _listed_find.name) != null ? _ref : /*#__PURE__*/ _jsx(Box, {
+                                        component: "span",
+                                        sx: {
+                                            color: 'text.secondary'
+                                        },
+                                        children: placeholder
+                                    });
+                                }
+                            }
+                        },
+                        children: listed.map((product)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                value: product.id,
+                                children: product.name
+                            }, product.id))
+                    }),
+                    fixedProductId && detail ? /*#__PURE__*/ _jsx(FormHelperText, {
+                        sx: {
+                            mx: 0
+                        },
+                        children: detail.name
+                    }) : null,
+                    ((_ref1 = detail == null ? void 0 : detail.options) != null ? _ref1 : []).map((option)=>{
+                        var _picked_option_name;
+                        return /*#__PURE__*/ _jsx(TextField, {
+                            select: true,
+                            size: "small",
+                            fullWidth: true,
+                            label: option.name,
+                            value: (_picked_option_name = picked[option.name]) != null ? _picked_option_name : '',
+                            onChange: (event)=>setPicked((current)=>_extends({}, current, {
+                                        [option.name]: event.target.value
+                                    })),
+                            children: option.values.map((choice)=>/*#__PURE__*/ _jsx(MenuItem, {
+                                    value: choice,
+                                    children: choice
+                                }, choice))
+                        }, option.name);
+                    }),
+                    detail && Object.keys(picked).length === detail.options.length && detail.options.length && !variantId ? /*#__PURE__*/ _jsx(FormHelperText, {
+                        error: true,
+                        sx: {
+                            mx: 0
+                        },
+                        children: 'That combination isn’t one we offer. Pick another.'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Box, {
+                        component: "input",
+                        ref: answerRef,
+                        type: "text",
+                        name: name,
+                        value: answer,
+                        required: Boolean(required),
+                        onChange: ()=>undefined,
+                        tabIndex: -1,
+                        "aria-hidden": "true",
+                        autoComplete: "off",
+                        sx: {
+                            position: 'absolute',
+                            left: 0,
+                            bottom: 0,
+                            width: 1,
+                            height: '1px',
+                            p: 0,
+                            border: 0,
+                            opacity: 0,
+                            pointerEvents: 'none'
+                        }
+                    }),
+                    value ? /*#__PURE__*/ _jsx("input", {
+                        type: "hidden",
+                        name: formFieldDataKey(name),
+                        value: value,
+                        readOnly: true
+                    }) : null
+                ]
+            })
+        ]
+    }));
+});
+ProductOptionsFieldBody.displayName = 'AglynProductOptionsFieldBody';
+export default ProductOptionsFieldBody;
+
+//# sourceMappingURL=product-options-field-body.js.map

package/src/lib/components/product-options-field-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-options-field-body.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 { formFieldDataKey } from '../model/commerce-product-field'\nimport { encodeProductFieldValue, productFieldLabel } from '../model/commerce-quote-request'\nimport Box from '@mui/material/Box'\nimport FormControl from '@mui/material/FormControl'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport FormLabel from '@mui/material/FormLabel'\nimport MenuItem from '@mui/material/MenuItem'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\nimport { forwardRef, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport type { ProductOptionsFieldProps } from './product-options-field'\n\n/** A product as the store's public catalog lists it. */\ninterface ListedProduct {\n  id: string\n  name: string\n  slug: string\n}\n\n/** A product as its public page reads it: its options and the variants they make. */\ninterface ProductDetail {\n  id: string\n  name: string\n  options: Array<{ name: string; values: string[] }>\n  variants: Array<{ id: string; options?: Record<string, string> }>\n}\n\n/** The most products the picker lists. */\nconst PICKER_LIMIT = 100\n\n/** The variant whose options are exactly the ones picked, else none. */\nexport function variantForOptions(\n  detail: Pick<ProductDetail, 'variants' | 'options'>,\n  picked: Readonly<Record<string, string>>,\n): string | null {\n  if (!detail.options.length) return detail.variants[0]?.id ?? null\n  if (detail.options.some((option) => !picked[option.name])) return null\n  const match = detail.variants.find((variant) =>\n    detail.options.every((option) => variant.options?.[option.name] === picked[option.name]),\n  )\n  return match?.id ?? null\n}\n\n/**\n * The Product and options field's body (AGL-4098): a picker of the store's\n * products (or the one the author chose), then one picker per option. It\n * posts the readable line under its name and the exact choice beside it; a\n * real, invisible input carries the line, so a required field with nothing\n * picked stops the form like any required field.\n *\n * On the canvas and in Preview it draws with the store's products but sends\n * nothing, like every form field there.\n */\nconst ProductOptionsFieldBody = forwardRef<HTMLDivElement, ProductOptionsFieldProps>((props, ref) => {\n  const { name: rawName, label, productId: fixedProductId, required, ...rest } = props\n  const name = String(rawName ?? '').trim() || 'product'\n  const { hostId } = Aglyn.useSite()\n  const inputId = useId()\n  const answerRef = useRef<HTMLInputElement>(null)\n  const [products, setProducts] = useState<ListedProduct[] | null>(null)\n  const [productId, setProductId] = useState(fixedProductId ?? '')\n  const [detail, setDetail] = useState<ProductDetail | null>(null)\n  const [picked, setPicked] = useState<Record<string, string>>({})\n\n  // The store's products, or the one the author chose.\n  useEffect(() => {\n    if (!hostId) return\n    let active = true\n    const query = new URLSearchParams({\n      hostId,\n      ...(fixedProductId ? { ids: fixedProductId } : { sort: 'name', limit: String(PICKER_LIMIT) }),\n    })\n    void fetch(`/api/commerce/catalog?${query.toString()}`)\n      .then((response) => (response.ok ? response.json() : { items: [] }))\n      .then((payload) => {\n        if (!active) return\n        const items = Array.isArray(payload?.items) ? (payload.items as ListedProduct[]) : []\n        setProducts(items)\n        if (fixedProductId) setProductId(items[0]?.id ?? '')\n      })\n      .catch(() => active && setProducts([]))\n    return () => {\n      active = false\n    }\n  }, [hostId, fixedProductId])\n\n  // The chosen product's options.\n  const slug = products?.find((product) => product.id === productId)?.slug ?? ''\n  useEffect(() => {\n    setDetail(null)\n    setPicked({})\n    if (!hostId || !slug) return\n    let active = true\n    void fetch(`/api/commerce/product?hostId=${encodeURIComponent(hostId)}&slug=${encodeURIComponent(slug)}`)\n      .then((response) => (response.ok ? response.json() : null))\n      .then((payload) => {\n        if (!active || !payload?.product) return\n        const product = payload.product as ProductDetail\n        setDetail({ ...product, options: product.options ?? [], variants: product.variants ?? [] })\n      })\n      .catch(() => undefined)\n    return () => {\n      active = false\n    }\n  }, [hostId, slug])\n\n  const variantId = detail ? variantForOptions(detail, picked) : null\n  const complete = Boolean(detail && variantId)\n  const answer = complete && detail ? productFieldLabel(detail.name, picked) : ''\n  const value = complete && detail\n    ? encodeProductFieldValue({\n        productId: detail.id,\n        ...(variantId && variantId !== 'default' ? { variantId } : {}),\n        ...(Object.keys(picked).length ? { options: picked } : {}),\n        // Add-ons are chosen on the storefront from slice 8 on: they ride here as `modifiers`.\n      })\n    : ''\n\n  // Every change is announced, as a typed answer is, to anything listening on the form.\n  const announced = useRef(answer)\n  useEffect(() => {\n    if (announced.current === answer) return\n    announced.current = answer\n    answerRef.current?.dispatchEvent(new Event('change', { bubbles: true }))\n  }, [answer])\n\n  const listed = useMemo(() => products ?? [], [products])\n  // On the canvas there is no site to list from: it says what the visitor will pick from.\n  const placeholder = !hostId\n    ? 'Your store’s products'\n    : products === null\n      ? 'Loading products…'\n      : listed.length\n        ? 'Choose a product'\n        : 'No products to choose from yet'\n\n  return (\n    <FormControl ref={ref} fullWidth required={Boolean(required)} {...rest}>\n      <FormLabel htmlFor={inputId}>{label || 'Product'}</FormLabel>\n      <Stack spacing={1.5} sx={{ mt: 1, position: 'relative' }}>\n        {fixedProductId ? null : (\n          <TextField\n            id={inputId}\n            select\n            size=\"small\"\n            fullWidth\n            value={productId}\n            onChange={(event) => setProductId(event.target.value)}\n            disabled={!listed.length}\n            slotProps={{\n              select: {\n                displayEmpty: true,\n                renderValue: (selected: unknown) =>\n                  listed.find((product) => product.id === selected)?.name ?? (\n                    <Box component=\"span\" sx={{ color: 'text.secondary' }}>\n                      {placeholder}\n                    </Box>\n                  ),\n              },\n            }}\n          >\n            {listed.map((product) => (\n              <MenuItem key={product.id} value={product.id}>\n                {product.name}\n              </MenuItem>\n            ))}\n          </TextField>\n        )}\n        {fixedProductId && detail ? <FormHelperText sx={{ mx: 0 }}>{detail.name}</FormHelperText> : null}\n        {(detail?.options ?? []).map((option) => (\n          <TextField\n            key={option.name}\n            select\n            size=\"small\"\n            fullWidth\n            label={option.name}\n            value={picked[option.name] ?? ''}\n            onChange={(event) => setPicked((current) => ({ ...current, [option.name]: event.target.value }))}\n          >\n            {option.values.map((choice) => (\n              <MenuItem key={choice} value={choice}>\n                {choice}\n              </MenuItem>\n            ))}\n          </TextField>\n        ))}\n        {detail && Object.keys(picked).length === detail.options.length && detail.options.length && !variantId ? (\n          <FormHelperText error sx={{ mx: 0 }}>\n            {'That combination isn’t one we offer. Pick another.'}\n          </FormHelperText>\n        ) : null}\n        {/* The answer the form sends and the browser checks, and the exact choice beside it. */}\n        <Box\n          component=\"input\"\n          ref={answerRef}\n          type=\"text\"\n          name={name}\n          value={answer}\n          required={Boolean(required)}\n          onChange={() => undefined}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          autoComplete=\"off\"\n          sx={{ position: 'absolute', left: 0, bottom: 0, width: 1, height: '1px', p: 0, border: 0, opacity: 0, pointerEvents: 'none' }}\n        />\n        {value ? <input type=\"hidden\" name={formFieldDataKey(name)} value={value} readOnly /> : null}\n      </Stack>\n    </FormControl>\n  )\n})\nProductOptionsFieldBody.displayName = 'AglynProductOptionsFieldBody'\n\nexport default ProductOptionsFieldBody\n"],"names":["Aglyn","formFieldDataKey","encodeProductFieldValue","productFieldLabel","Box","FormControl","FormHelperText","FormLabel","MenuItem","Stack","TextField","forwardRef","useEffect","useId","useMemo","useRef","useState","PICKER_LIMIT","variantForOptions","detail","picked","options","length","variants","id","some","option","name","match","find","variant","every","ProductOptionsFieldBody","props","ref","products","rawName","label","productId","fixedProductId","required","rest","String","trim","hostId","useSite","inputId","answerRef","setProducts","setProductId","setDetail","setPicked","active","query","URLSearchParams","ids","sort","limit","fetch","toString","then","response","ok","json","items","payload","Array","isArray","catch","slug","product","encodeURIComponent","undefined","variantId","complete","Boolean","answer","value","Object","keys","announced","current","dispatchEvent","Event","bubbles","listed","placeholder","fullWidth","htmlFor","spacing","sx","mt","position","select","size","onChange","event","target","disabled","slotProps","displayEmpty","renderValue","selected","component","color","map","mx","values","choice","error","type","tabIndex","aria-hidden","autoComplete","left","bottom","width","height","p","border","opacity","pointerEvents","input","readOnly","displayName"],"mappings":"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"}