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

package/src/lib/components/console/order-webhooks-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/order-webhooks-card.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 { pluginDocsHelp } from '@aglyn/aglyn'\nimport { CardDisplay, useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { ListPagination } from '@aglyn/shared-ui-jsx/components/list-pagination.component'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport {\n  useFirestore,\n  useFirestoreCollection,\n  usePagedCollection,\n  useUser,\n} from '@aglyn/tenant-feature-instance'\nimport {\n  Alert,\n  Button,\n  Checkbox,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  FormGroup,\n  MenuItem,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { collection, limit, orderBy, query, where } from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\nimport * as Webhooks from '../../model/order-webhooks'\n\nexport interface OrderWebhooksCardProps {\n  hostId: string\n}\n\ninterface WebhookEventOption {\n  event: string\n  label: string\n  description: string\n}\n\ninterface WebhooksStatus {\n  configured: boolean\n  maxEndpoints: number\n  events: WebhookEventOption[]\n}\n\ntype EndpointRow = Webhooks.OrderWebhookEndpoint & { $id: string }\ntype DeliveryRow = Webhooks.OrderWebhookDelivery & { $id: string }\n\nconst ROUTE = '/api/commerce/order-webhooks'\n\n/** POSTs one action to the webhooks route; answers the body or throws its error. */\nexport async function callOrderWebhooks(\n  user: Parameters<typeof authorizedFetch>[0],\n  hostId: string,\n  body: Record<string, unknown>,\n): Promise<Record<string, any>> {\n  const response = await authorizedFetch(user, ROUTE, {\n    method: 'POST',\n    headers: { 'content-type': 'application/json' },\n    body: JSON.stringify({ hostId, ...body }),\n  })\n  const payload = (await response.json().catch(() => ({}))) as Record<string, any>\n  if (!response.ok) throw Object.assign(new Error(String(payload.error ?? 'Request failed')), { status: response.status })\n  return payload\n}\n\n/**\n * Order webhooks (AGL-3611): the store's endpoints for order and return\n * events, each with its signing secret, a test event and a delivery log. Shown\n * only to the people who may manage them — the route answers who — and only\n * where the deployment can sign.\n */\nexport function OrderWebhooksCard(props: OrderWebhooksCardProps) {\n  const { hostId } = props\n  const firestore = useFirestore()\n  const { data: user } = useUser()\n  const { enqueueSnackbar } = useSnackbar()\n  const { confirm } = useConfirmationContext()\n  const [status, setStatus] = useState<WebhooksStatus | null>(null)\n  const [editing, setEditing] = useState<EndpointRow | 'new' | null>(null)\n  const [secret, setSecret] = useState<string | null>(null)\n  const [logFor, setLogFor] = useState<EndpointRow | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  useEffect(() => {\n    if (!user) return\n    let active = true\n    callOrderWebhooks(user, hostId, { action: 'status' })\n      .then((payload) => {\n        if (active) setStatus(payload as WebhooksStatus)\n      })\n      .catch(() => {\n        // Not an admin of the whole workspace, or the route is down: the\n        // card is not this person's to use.\n        if (active) setStatus(null)\n      })\n    return () => {\n      active = false\n    }\n  }, [user, hostId])\n\n  const { data: endpointDocs } = useFirestoreCollection<EndpointRow>(\n    () =>\n      query(\n        collection(firestore, 'hosts', hostId, 'orderWebhooks'),\n        orderBy('createdAtMs', 'desc'),\n        limit(Webhooks.ORDER_WEBHOOK_MAX_ENDPOINTS),\n      ),\n    [firestore, hostId],\n    { idField: '$id' },\n  )\n  const endpoints = endpointDocs ?? []\n\n  const run = useCallback(\n    async (body: Record<string, unknown>, success?: string) => {\n      setBusy(true)\n      try {\n        const payload = await callOrderWebhooks(user, hostId, body)\n        if (success) enqueueSnackbar(success, { variant: 'success' })\n        return payload\n      } catch (error) {\n        enqueueSnackbar(String((error as Error).message), { variant: 'error' })\n        return null\n      } finally {\n        setBusy(false)\n      }\n    },\n    [user, hostId, enqueueSnackbar],\n  )\n\n  const handleTest = useCallback(\n    async (endpoint: EndpointRow) => {\n      const payload = await run({ action: 'test', endpointId: endpoint.$id })\n      if (!payload) return\n      enqueueSnackbar(\n        payload.delivered ? 'Test event delivered' : `Test event not delivered: ${payload.attempt?.error ?? 'no answer'}`,\n        { variant: payload.delivered ? 'success' : 'warning' },\n      )\n    },\n    [run, enqueueSnackbar],\n  )\n\n  const handleRoll = useCallback(\n    async (endpoint: EndpointRow) => {\n      const confirmed = await confirm({\n        title: 'Roll the signing secret?',\n        description:\n          'A new secret signs every event from now on. Update your endpoint before ' +\n          'the next order, or it will reject what it is sent.',\n        confirmationText: 'Roll secret',\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!confirmed) return\n      const payload = await run({ action: 'roll-secret', endpointId: endpoint.$id })\n      if (payload?.secret) setSecret(String(payload.secret))\n    },\n    [confirm, run],\n  )\n\n  const handleDelete = useCallback(\n    async (endpoint: EndpointRow) => {\n      const confirmed = await confirm({\n        title: 'Delete this endpoint?',\n        description: `${endpoint.url} stops receiving order events. Its delivery log is kept for 30 days.`,\n        confirmationText: 'Delete',\n        confirmationButtonProps: { color: 'error' },\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!confirmed) return\n      await run({ action: 'delete', endpointId: endpoint.$id }, 'Endpoint deleted')\n    },\n    [confirm, run],\n  )\n\n  if (!status?.configured) return null\n  const labelFor = (event: string) => status.events.find((entry) => entry.event === event)?.label ?? event\n  const atMax = endpoints.length >= status.maxEndpoints\n\n  return (\n    <CardDisplay\n      header={'Order webhooks'}\n      help={pluginDocsHelp('ordersAndReturns', { anchor: '#order-webhooks' })}\n      contentGutterX\n      contentGutterY\n      HeaderProps={{\n        action: (\n          <Button size=\"small\" disabled={atMax || busy} onClick={() => setEditing('new')}>\n            {'Add endpoint'}\n          </Button>\n        ),\n      }}\n    >\n      <Stack spacing={2}>\n        {endpoints.length === 0 ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Send order and return events to your own systems — a warehouse, an ERP or a ' +\n              'script. Each event is signed so your endpoint can check it came from this store.'}\n          </Typography>\n        ) : (\n          endpoints.map((endpoint) => (\n            <Stack key={endpoint.$id} spacing={1} data-testid=\"order-webhook-endpoint\">\n              <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n                <Typography variant=\"subtitle2\" sx={{ flex: 1, minWidth: 0, wordBreak: 'break-all' }}>\n                  {endpoint.description ? `${endpoint.description} · ${endpoint.url}` : endpoint.url}\n                </Typography>\n                <Chip\n                  size=\"small\"\n                  label={endpoint.enabled ? 'On' : 'Paused'}\n                  color={endpoint.enabled ? 'success' : 'default'}\n                  variant=\"outlined\"\n                />\n                {endpoint.lastDeliveryStatus ? (\n                  <Chip\n                    size=\"small\"\n                    label={`Last: ${Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS[endpoint.lastDeliveryStatus]}`}\n                    color={Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_COLOR[endpoint.lastDeliveryStatus]}\n                    variant=\"outlined\"\n                  />\n                ) : null}\n              </Stack>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {`${endpoint.events.map(labelFor).join(', ')} · secret ends ${endpoint.secretHint}`}\n              </Typography>\n              <Stack direction=\"row\" spacing={1} sx={{ flexWrap: 'wrap' }}>\n                <Button size=\"small\" disabled={busy || !endpoint.enabled} onClick={() => handleTest(endpoint)}>\n                  {'Send test event'}\n                </Button>\n                <Button size=\"small\" onClick={() => setLogFor(endpoint)}>\n                  {'Deliveries'}\n                </Button>\n                <Button size=\"small\" disabled={busy} onClick={() => setEditing(endpoint)}>\n                  {'Edit'}\n                </Button>\n                <Button\n                  size=\"small\"\n                  disabled={busy}\n                  onClick={() => run({ action: 'update', endpointId: endpoint.$id, enabled: !endpoint.enabled })}\n                >\n                  {endpoint.enabled ? 'Pause' : 'Resume'}\n                </Button>\n                <Button size=\"small\" disabled={busy} onClick={() => handleRoll(endpoint)}>\n                  {'Roll secret'}\n                </Button>\n                <Button size=\"small\" color=\"error\" disabled={busy} onClick={() => handleDelete(endpoint)}>\n                  {'Delete'}\n                </Button>\n              </Stack>\n            </Stack>\n          ))\n        )}\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {`${endpoints.length}/${status.maxEndpoints} endpoints. A failed delivery is retried for about a day.`}\n        </Typography>\n      </Stack>\n      {editing ? (\n        <EndpointDialog\n          endpoint={editing === 'new' ? null : editing}\n          events={status.events}\n          busy={busy}\n          onClose={() => setEditing(null)}\n          onSave={async (values) => {\n            const payload =\n              editing === 'new'\n                ? await run({ action: 'create', ...values })\n                : await run({ action: 'update', endpointId: editing.$id, ...values }, 'Endpoint saved')\n            if (!payload) return\n            setEditing(null)\n            if (payload.secret) setSecret(String(payload.secret))\n          }}\n        />\n      ) : null}\n      {secret ? <SecretDialog secret={secret} onClose={() => setSecret(null)} /> : null}\n      {logFor ? (\n        <DeliveriesDialog\n          hostId={hostId}\n          endpoint={logFor}\n          labelFor={labelFor}\n          busy={busy}\n          onResend={async (delivery) => {\n            const payload = await run({ action: 'resend', deliveryId: delivery.$id })\n            if (payload) {\n              enqueueSnackbar(payload.delivered ? 'Delivered' : `Not delivered: ${payload.attempt?.error ?? 'no answer'}`, {\n                variant: payload.delivered ? 'success' : 'warning',\n              })\n            }\n          }}\n          onClose={() => setLogFor(null)}\n        />\n      ) : null}\n    </CardDisplay>\n  )\n}\nOrderWebhooksCard.displayName = 'OrderWebhooksCard'\n\ninterface EndpointDialogProps {\n  endpoint: EndpointRow | null\n  events: WebhookEventOption[]\n  busy: boolean\n  onClose: () => void\n  onSave: (values: { url: string; description: string; events: string[] }) => void | Promise<void>\n}\n\nfunction EndpointDialog(props: EndpointDialogProps) {\n  const { endpoint, events, busy, onClose, onSave } = props\n  const [url, setUrl] = useState(endpoint?.url ?? '')\n  const [description, setDescription] = useState(endpoint?.description ?? '')\n  const [chosen, setChosen] = useState<string[]>(endpoint?.events ?? events.map((entry) => entry.event))\n  const toggle = (event: string) =>\n    setChosen((current) => (current.includes(event) ? current.filter((entry) => entry !== event) : [...current, event]))\n  const valid = /^https:\\/\\//i.test(url.trim()) && chosen.length > 0\n  return (\n    <Dialog open onClose={onClose} fullWidth maxWidth=\"sm\">\n      <DialogTitle>{endpoint ? 'Edit endpoint' : 'Add endpoint'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          <TextField\n            label=\"Endpoint URL\"\n            value={url}\n            onChange={(event) => setUrl(event.target.value)}\n            placeholder=\"https://example.com/aglyn-webhooks\"\n            helperText=\"An https address on a public server. Redirects are not followed.\"\n            fullWidth\n            autoFocus\n          />\n          <TextField\n            label=\"Description\"\n            value={description}\n            onChange={(event) => setDescription(event.target.value)}\n            placeholder=\"Warehouse\"\n            fullWidth\n          />\n          <FormGroup>\n            <Typography variant=\"subtitle2\">{'Events'}</Typography>\n            {events.map((entry) => (\n              <FormControlLabel\n                key={entry.event}\n                control={<Checkbox checked={chosen.includes(entry.event)} onChange={() => toggle(entry.event)} />}\n                label={\n                  <Stack>\n                    <Typography variant=\"body2\">{`${entry.label} (${entry.event})`}</Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {entry.description}\n                    </Typography>\n                  </Stack>\n                }\n              />\n            ))}\n          </FormGroup>\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>{'Cancel'}</Button>\n        <Button\n          variant=\"contained\"\n          disabled={!valid || busy}\n          onClick={() => onSave({ url: url.trim(), description: description.trim(), events: chosen })}\n        >\n          {endpoint ? 'Save' : 'Add endpoint'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\nfunction SecretDialog(props: { secret: string; onClose: () => void }) {\n  const { secret, onClose } = props\n  const { enqueueSnackbar } = useSnackbar()\n  return (\n    <Dialog open onClose={onClose} fullWidth maxWidth=\"sm\">\n      <DialogTitle>{'Signing secret'}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2}>\n          <Alert severity=\"warning\">{'Copy it now. It is not shown again; roll a new one if it is lost.'}</Alert>\n          <TextField value={secret} fullWidth slotProps={{ input: { readOnly: true } }} label=\"Secret\" />\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {`Each request carries an ${Webhooks.ORDER_WEBHOOK_SIGNATURE_HEADER} header, t=<timestamp>,v1=<signature>. ` +\n              'The signature is the HMAC-SHA256, in hex, of the timestamp, a period and the raw body, ' +\n              `keyed with this secret. ${Webhooks.ORDER_WEBHOOK_EVENT_ID_HEADER} is the same on every retry.`}\n          </Typography>\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={() => {\n            void navigator.clipboard\n              ?.writeText(secret)\n              .then(() => enqueueSnackbar('Secret copied', { variant: 'success' }))\n          }}\n        >\n          {'Copy'}\n        </Button>\n        <Button variant=\"contained\" onClick={onClose}>\n          {'Done'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\ninterface DeliveriesDialogProps {\n  hostId: string\n  endpoint: EndpointRow\n  labelFor: (event: string) => string\n  busy: boolean\n  onResend: (delivery: DeliveryRow) => void | Promise<void>\n  onClose: () => void\n}\n\n/** The endpoint's delivery log, newest first, filtered and paged by a Firestore query. */\nexport function DeliveriesDialog(props: DeliveriesDialogProps) {\n  const { hostId, endpoint, labelFor, busy, onResend, onClose } = props\n  const firestore = useFirestore()\n  const [statusFilter, setStatusFilter] = useState<Webhooks.OrderWebhookDeliveryStatus | ''>('')\n  const [openBody, setOpenBody] = useState<string | null>(null)\n  const {\n    rows: deliveries,\n    hasMore,\n    page,\n    setPage,\n    pageSize,\n    setPageSize,\n  } = usePagedCollection<DeliveryRow>(\n    (pageLimit) =>\n      query(\n        collection(firestore, 'hosts', hostId, 'orderWebhookDeliveries'),\n        where('endpointId', '==', endpoint.$id),\n        ...(statusFilter ? [where('status', '==', statusFilter)] : []),\n        orderBy('createdAtMs', 'desc'),\n        limit(pageLimit),\n      ),\n    [firestore, hostId, endpoint.$id, statusFilter],\n    { idField: '$id' },\n  )\n  return (\n    <Dialog open onClose={onClose} fullWidth maxWidth=\"md\">\n      <DialogTitle>{`Deliveries · ${endpoint.url}`}</DialogTitle>\n      <DialogContent>\n        <Stack spacing={2} sx={{ pt: 1 }}>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Status\"\n            value={statusFilter}\n            onChange={(event) => setStatusFilter(event.target.value as Webhooks.OrderWebhookDeliveryStatus | '')}\n            sx={{ maxWidth: 200 }}\n          >\n            <MenuItem value=\"\">{'All'}</MenuItem>\n            {(Object.keys(Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS) as Webhooks.OrderWebhookDeliveryStatus[]).map((key) => (\n              <MenuItem key={key} value={key}>\n                {Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS[key]}\n              </MenuItem>\n            ))}\n          </TextField>\n          {deliveries.length === 0 ? (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {'No deliveries in the last 30 days.'}\n            </Typography>\n          ) : (\n            deliveries.map((delivery) => {\n              const last = delivery.attempts?.[delivery.attempts.length - 1]\n              return (\n                <Stack key={delivery.$id} spacing={0.5} data-testid=\"order-webhook-delivery\">\n                  <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center', flexWrap: 'wrap' }}>\n                    <Typography variant=\"body2\" sx={{ flex: 1 }}>\n                      {`${delivery.test ? 'Test event' : labelFor(delivery.event)} · ${new Date(delivery.createdAtMs).toLocaleString()}`}\n                    </Typography>\n                    <Chip\n                      size=\"small\"\n                      variant=\"outlined\"\n                      label={Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_LABELS[delivery.status]}\n                      color={Webhooks.ORDER_WEBHOOK_DELIVERY_STATUS_COLOR[delivery.status]}\n                    />\n                    <Button size=\"small\" onClick={() => setOpenBody(openBody === delivery.$id ? null : delivery.$id)}>\n                      {openBody === delivery.$id ? 'Hide body' : 'Body'}\n                    </Button>\n                    <Button size=\"small\" disabled={busy} onClick={() => onResend(delivery)}>\n                      {'Resend'}\n                    </Button>\n                  </Stack>\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    {`${delivery.attempts?.length ?? 0} attempt${delivery.attempts?.length === 1 ? '' : 's'}` +\n                      (last ? ` · last ${last.httpStatus ?? 'no answer'}${last.error ? ` — ${last.error}` : ''}` : '')}\n                  </Typography>\n                  {openBody === delivery.$id ? (\n                    <TextField\n                      value={delivery.body}\n                      multiline\n                      maxRows={12}\n                      fullWidth\n                      slotProps={{ input: { readOnly: true } }}\n                    />\n                  ) : null}\n                </Stack>\n              )\n            })\n          )}\n          <ListPagination\n            page={page}\n            pageSize={pageSize}\n            rowCount={deliveries.length}\n            hasMore={hasMore}\n            onPageChange={setPage}\n            onPageSizeChange={setPageSize}\n          />\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>{'Close'}</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\nexport default OrderWebhooksCard\n"],"names":["pluginDocsHelp","CardDisplay","useConfirmationContext","ListPagination","useSnackbar","authorizedFetch","useFirestore","useFirestoreCollection","usePagedCollection","useUser","Alert","Button","Checkbox","Chip","Dialog","DialogActions","DialogContent","DialogTitle","FormControlLabel","FormGroup","MenuItem","Stack","TextField","Typography","collection","limit","orderBy","query","where","useCallback","useEffect","useState","Webhooks","ROUTE","callOrderWebhooks","user","hostId","body","payload","response","method","headers","JSON","stringify","json","catch","ok","Object","assign","Error","String","error","status","OrderWebhooksCard","props","firestore","data","enqueueSnackbar","confirm","setStatus","editing","setEditing","secret","setSecret","logFor","setLogFor","busy","setBusy","active","action","then","endpointDocs","ORDER_WEBHOOK_MAX_ENDPOINTS","idField","endpoints","run","success","variant","message","handleTest","endpoint","endpointId","$id","delivered","attempt","handleRoll","confirmed","title","description","confirmationText","handleDelete","url","confirmationButtonProps","color","configured","labelFor","event","events","find","entry","label","atMax","length","maxEndpoints","header","help","anchor","contentGutterX","contentGutterY","HeaderProps","size","disabled","onClick","spacing","map","data-testid","direction","sx","alignItems","flexWrap","flex","minWidth","wordBreak","enabled","lastDeliveryStatus","ORDER_WEBHOOK_DELIVERY_STATUS_LABELS","ORDER_WEBHOOK_DELIVERY_STATUS_COLOR","join","secretHint","EndpointDialog","onClose","onSave","values","SecretDialog","DeliveriesDialog","onResend","delivery","deliveryId","displayName","setUrl","setDescription","chosen","setChosen","toggle","current","includes","filter","valid","test","trim","open","fullWidth","maxWidth","pt","value","onChange","target","placeholder","helperText","autoFocus","control","checked","severity","slotProps","input","readOnly","ORDER_WEBHOOK_SIGNATURE_HEADER","ORDER_WEBHOOK_EVENT_ID_HEADER","navigator","clipboard","writeText","statusFilter","setStatusFilter","openBody","setOpenBody","rows","deliveries","hasMore","page","setPage","pageSize","setPageSize","pageLimit","select","keys","key","last","attempts","Date","createdAtMs","toLocaleString","httpStatus","multiline","maxRows","rowCount","onPageChange","onPageSizeChange"],"mappings":"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"}

package/src/lib/components/console/order-zones.d.ts

@@ -0,0 +1,155 @@
+/**
+ * @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 zones the order dialog hosts (AGL-3611): `orderDetail`, beside the
+ * order's actions, and `orderFulfillment`, inside the Fulfill items panel.
+ *
+ * Declared here because zones are declared by the plugin that hosts them (the
+ * product zones are the precedent). A widget from another plugin — a shipping
+ * plugin's "Buy label" — restates the props it reads rather than importing
+ * this package. A widget proposes and never writes the order itself: the
+ * shipment it records goes through `recordFulfillment`, which is this
+ * plugin's own route with its role gate, its quantity check and its
+ * transition rule.
+ */
+/** One order line as a widget reads it. `lineItemId` is the line's index. */
+export interface ConsoleOrderZoneLine {
+    lineItemId: number;
+    productId: string;
+    variantId: string | null;
+    name: string;
+    variantLabel: string | null;
+    sku: string | null;
+    /** `physical`, `digital` or `service`; `null` on a line written before types. */
+    productType: string | null;
+    quantity: number;
+    unitAmountCents: number;
+    fulfilledQuantity: number;
+    remainingQuantity: number;
+    /** Whether the line has to be shipped at all. */
+    requiresShipping: boolean;
+}
+/** An address on the order, as the buyer gave it. */
+export interface ConsoleOrderZoneAddress {
+    name: string | null;
+    line1: string | null;
+    line2: string | null;
+    city: string | null;
+    state: string | null;
+    postalCode: string | null;
+    country: string | null;
+    phone: string | null;
+}
+/** One recorded shipment. */
+export interface ConsoleOrderZoneFulfillment {
+    id: string;
+    lines: ReadonlyArray<{
+        lineItemId: number;
+        quantity: number;
+    }>;
+    carrier: string | null;
+    trackingNumber: string | null;
+    trackingUrl: string | null;
+    labelUrl: string | null;
+    status: 'active' | 'cancelled';
+    atMs: number;
+}
+/** The order a widget is handed. Money is integer cents in `currency`. */
+export interface ConsoleOrderZoneOrder {
+    id: string;
+    /** The human number, e.g. `#1042`. */
+    number: string;
+    status: string;
+    channel: string;
+    /** ISO 4217, upper case. */
+    currency: string;
+    customerEmail: string | null;
+    customerName: string | null;
+    shippingAddress: ConsoleOrderZoneAddress | null;
+    lines: readonly ConsoleOrderZoneLine[];
+    fulfillments: readonly ConsoleOrderZoneFulfillment[];
+    totals: {
+        itemsCents: number;
+        shippingCents: number;
+        taxCents: number;
+        discountCents: number;
+        totalCents: number;
+    };
+    /** Whether the order was paid in Stripe test mode. */
+    testMode: boolean;
+}
+/** A shipment a widget asks the dialog to record. */
+export interface ConsoleFulfillmentRequest {
+    /** The units shipped. Omitted, the shipment covers everything still to ship. */
+    lineItems?: ReadonlyArray<{
+        lineItemId: number;
+        quantity: number;
+    }>;
+    carrier: string;
+    trackingNumber: string;
+    /** An explicit https tracking link; derived from the carrier when absent. */
+    trackingUrl?: string;
+    /** The label the widget bought, an https URL. */
+    labelUrl?: string;
+    /** Whether the buyer is told. Defaults to true. */
+    notify?: boolean;
+    /**
+     * One attempt. A retry with the same key finds the shipment it recorded,
+     * so a widget that lost a response can ask again without shipping twice.
+     */
+    idempotencyKey: string;
+}
+/**
+ * What the `orderDetail` zone hands each widget, in the order dialog beside
+ * its actions. `recordFulfillment` resolves with the shipment recorded (or
+ * found, on a retry) and throws with a message a person can act on when the
+ * dialog's route refuses it: more units than are left, an order refunded in
+ * another tab.
+ */
+export interface ConsoleOrderDetailZoneProps {
+    hostId: string;
+    /** The org the page names; `undefined` where the host does not know it. */
+    orgId: string | undefined;
+    order: ConsoleOrderZoneOrder;
+    recordFulfillment: (request: ConsoleFulfillmentRequest) => Promise<ConsoleOrderZoneFulfillment>;
+}
+/** The tracking a widget fills into the Fulfill items panel. */
+export interface ConsoleFulfillmentTracking {
+    carrier: string;
+    trackingNumber: string;
+    trackingUrl?: string;
+    labelUrl?: string;
+}
+/**
+ * What the `orderFulfillment` zone hands each widget, inside the Fulfill
+ * items panel: the units the merchant has picked, and `applyTracking`, which
+ * fills the panel's carrier and tracking fields (a bought label's) for the
+ * merchant to confirm with Fulfill. `recordFulfillment` is there for a widget
+ * that records the shipment itself.
+ */
+export interface ConsoleOrderFulfillmentZoneProps extends ConsoleOrderDetailZoneProps {
+    /** The units picked in the panel, lines with a zero count left out. */
+    selection: ReadonlyArray<{
+        lineItemId: number;
+        quantity: number;
+    }>;
+    applyTracking: (tracking: ConsoleFulfillmentTracking) => void;
+}
+export declare const ORDER_DETAIL_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<ConsoleOrderDetailZoneProps>;
+export declare const ORDER_FULFILLMENT_ZONE: import("@aglyn/aglyn/plugin-manager/plugin-zones").PluginZone<ConsoleOrderFulfillmentZoneProps>;
+/** Declares the two order zones, from the console registrar. */
+export declare function registerCommerceOrderZones(): void;

package/src/lib/components/console/order-zones.js

@@ -0,0 +1,40 @@
+/**
+ * @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 { definePluginZone, registerPluginZone } from "@aglyn/aglyn/plugin-manager/plugin-zones";
+import { BUNDLE_ID } from "../../constants/bundle-common.js";
+export const ORDER_DETAIL_ZONE = definePluginZone('orderDetail');
+export const ORDER_FULFILLMENT_ZONE = definePluginZone('orderFulfillment');
+/** Declares the two order zones, from the console registrar. */ export function registerCommerceOrderZones() {
+    const owner = {
+        pluginId: BUNDLE_ID
+    };
+    registerPluginZone({
+        zone: ORDER_DETAIL_ZONE,
+        label: 'Order detail',
+        surface: 'console',
+        layout: 'bare',
+        description: 'In the order dialog, above its actions. A widget here reads the order — lines, what is left to ship, the ship-to address — and records a shipment through `recordFulfillment`, the dialog’s own route with its quantity check.'
+    }, owner);
+    registerPluginZone({
+        zone: ORDER_FULFILLMENT_ZONE,
+        label: 'Order fulfillment',
+        surface: 'console',
+        layout: 'bare',
+        description: 'Inside the order dialog’s Fulfill items panel. A widget here reads the units picked and fills the carrier and tracking through `applyTracking` (a bought label’s), for the merchant to confirm with Fulfill.'
+    }, owner);
+}
+
+//# sourceMappingURL=order-zones.js.map

package/src/lib/components/console/order-zones.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/order-zones.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\nimport {\n  definePluginZone,\n  registerPluginZone,\n} from '@aglyn/aglyn/plugin-manager/plugin-zones'\nimport { BUNDLE_ID } from '../../constants/bundle-common'\n\n/**\n * The zones the order dialog hosts (AGL-3611): `orderDetail`, beside the\n * order's actions, and `orderFulfillment`, inside the Fulfill items panel.\n *\n * Declared here because zones are declared by the plugin that hosts them (the\n * product zones are the precedent). A widget from another plugin — a shipping\n * plugin's \"Buy label\" — restates the props it reads rather than importing\n * this package. A widget proposes and never writes the order itself: the\n * shipment it records goes through `recordFulfillment`, which is this\n * plugin's own route with its role gate, its quantity check and its\n * transition rule.\n */\n\n/** One order line as a widget reads it. `lineItemId` is the line's index. */\nexport interface ConsoleOrderZoneLine {\n  lineItemId: number\n  productId: string\n  variantId: string | null\n  name: string\n  variantLabel: string | null\n  sku: string | null\n  /** `physical`, `digital` or `service`; `null` on a line written before types. */\n  productType: string | null\n  quantity: number\n  unitAmountCents: number\n  fulfilledQuantity: number\n  remainingQuantity: number\n  /** Whether the line has to be shipped at all. */\n  requiresShipping: boolean\n}\n\n/** An address on the order, as the buyer gave it. */\nexport interface ConsoleOrderZoneAddress {\n  name: string | null\n  line1: string | null\n  line2: string | null\n  city: string | null\n  state: string | null\n  postalCode: string | null\n  country: string | null\n  phone: string | null\n}\n\n/** One recorded shipment. */\nexport interface ConsoleOrderZoneFulfillment {\n  id: string\n  lines: ReadonlyArray<{ lineItemId: number; quantity: number }>\n  carrier: string | null\n  trackingNumber: string | null\n  trackingUrl: string | null\n  labelUrl: string | null\n  status: 'active' | 'cancelled'\n  atMs: number\n}\n\n/** The order a widget is handed. Money is integer cents in `currency`. */\nexport interface ConsoleOrderZoneOrder {\n  id: string\n  /** The human number, e.g. `#1042`. */\n  number: string\n  status: string\n  channel: string\n  /** ISO 4217, upper case. */\n  currency: string\n  customerEmail: string | null\n  customerName: string | null\n  shippingAddress: ConsoleOrderZoneAddress | null\n  lines: readonly ConsoleOrderZoneLine[]\n  fulfillments: readonly ConsoleOrderZoneFulfillment[]\n  totals: {\n    itemsCents: number\n    shippingCents: number\n    taxCents: number\n    discountCents: number\n    totalCents: number\n  }\n  /** Whether the order was paid in Stripe test mode. */\n  testMode: boolean\n}\n\n/** A shipment a widget asks the dialog to record. */\nexport interface ConsoleFulfillmentRequest {\n  /** The units shipped. Omitted, the shipment covers everything still to ship. */\n  lineItems?: ReadonlyArray<{ lineItemId: number; quantity: number }>\n  carrier: string\n  trackingNumber: string\n  /** An explicit https tracking link; derived from the carrier when absent. */\n  trackingUrl?: string\n  /** The label the widget bought, an https URL. */\n  labelUrl?: string\n  /** Whether the buyer is told. Defaults to true. */\n  notify?: boolean\n  /**\n   * One attempt. A retry with the same key finds the shipment it recorded,\n   * so a widget that lost a response can ask again without shipping twice.\n   */\n  idempotencyKey: string\n}\n\n/**\n * What the `orderDetail` zone hands each widget, in the order dialog beside\n * its actions. `recordFulfillment` resolves with the shipment recorded (or\n * found, on a retry) and throws with a message a person can act on when the\n * dialog's route refuses it: more units than are left, an order refunded in\n * another tab.\n */\nexport interface ConsoleOrderDetailZoneProps {\n  hostId: string\n  /** The org the page names; `undefined` where the host does not know it. */\n  orgId: string | undefined\n  order: ConsoleOrderZoneOrder\n  recordFulfillment: (request: ConsoleFulfillmentRequest) => Promise<ConsoleOrderZoneFulfillment>\n}\n\n/** The tracking a widget fills into the Fulfill items panel. */\nexport interface ConsoleFulfillmentTracking {\n  carrier: string\n  trackingNumber: string\n  trackingUrl?: string\n  labelUrl?: string\n}\n\n/**\n * What the `orderFulfillment` zone hands each widget, inside the Fulfill\n * items panel: the units the merchant has picked, and `applyTracking`, which\n * fills the panel's carrier and tracking fields (a bought label's) for the\n * merchant to confirm with Fulfill. `recordFulfillment` is there for a widget\n * that records the shipment itself.\n */\nexport interface ConsoleOrderFulfillmentZoneProps extends ConsoleOrderDetailZoneProps {\n  /** The units picked in the panel, lines with a zero count left out. */\n  selection: ReadonlyArray<{ lineItemId: number; quantity: number }>\n  applyTracking: (tracking: ConsoleFulfillmentTracking) => void\n}\n\nexport const ORDER_DETAIL_ZONE =\n  definePluginZone<ConsoleOrderDetailZoneProps>('orderDetail')\n\nexport const ORDER_FULFILLMENT_ZONE =\n  definePluginZone<ConsoleOrderFulfillmentZoneProps>('orderFulfillment')\n\n/** Declares the two order zones, from the console registrar. */\nexport function registerCommerceOrderZones(): void {\n  const owner = { pluginId: BUNDLE_ID }\n  registerPluginZone(\n    {\n      zone: ORDER_DETAIL_ZONE,\n      label: 'Order detail',\n      surface: 'console',\n      layout: 'bare',\n      description:\n        'In the order dialog, above its actions. A widget here reads the order — lines, what is left to ship, the ship-to address — and records a shipment through `recordFulfillment`, the dialog’s own route with its quantity check.',\n    },\n    owner,\n  )\n  registerPluginZone(\n    {\n      zone: ORDER_FULFILLMENT_ZONE,\n      label: 'Order fulfillment',\n      surface: 'console',\n      layout: 'bare',\n      description:\n        'Inside the order dialog’s Fulfill items panel. A widget here reads the units picked and fills the carrier and tracking through `applyTracking` (a bought label’s), for the merchant to confirm with Fulfill.',\n    },\n    owner,\n  )\n}\n"],"names":["definePluginZone","registerPluginZone","BUNDLE_ID","ORDER_DETAIL_ZONE","ORDER_FULFILLMENT_ZONE","registerCommerceOrderZones","owner","pluginId","zone","label","surface","layout","description"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SACEA,gBAAgB,EAChBC,kBAAkB,QACb,2CAA0C;AACjD,SAASC,SAAS,QAAQ,mCAA+B;AAyIzD,OAAO,MAAMC,oBACXH,iBAA8C,eAAc;AAE9D,OAAO,MAAMI,yBACXJ,iBAAmD,oBAAmB;AAExE,8DAA8D,GAC9D,OAAO,SAASK;IACd,MAAMC,QAAQ;QAAEC,UAAUL;IAAU;IACpCD,mBACE;QACEO,MAAML;QACNM,OAAO;QACPC,SAAS;QACTC,QAAQ;QACRC,aACE;IACJ,GACAN;IAEFL,mBACE;QACEO,MAAMJ;QACNK,OAAO;QACPC,SAAS;QACTC,QAAQ;QACRC,aACE;IACJ,GACAN;AAEJ"}

package/src/lib/components/console/payment-methods-card.component.d.ts

@@ -0,0 +1,67 @@
+import { type StorefrontPaymentMethodId, type StorefrontPaymentMethodSpec } from '../../model/commerce-payment-methods';
+export interface PaymentMethodsCardProps {
+    hostId: string;
+}
+/** One method as the route reports it (`server/payment-methods.ts`). */
+export interface PaymentMethodRowView {
+    id: StorefrontPaymentMethodId;
+    on: boolean;
+    platform: 'on' | 'unavailable' | null;
+    capability: 'active' | 'pending' | 'inactive' | 'unrequested' | null;
+}
+export interface PaymentMethodDomainView {
+    domain: string;
+    enabled: boolean;
+    stripeId: string | null;
+    status: {
+        applePay: string | null;
+        googlePay: string | null;
+    };
+    lastError: string | null;
+}
+export interface PaymentMethodsView {
+    methods: PaymentMethodRowView[];
+    domains: PaymentMethodDomainView[];
+    accountConnected: boolean;
+    /** Absent from an older answer: read as allowed, and the route still judges. */
+    canEdit?: boolean;
+    canFinish?: boolean;
+    warnings: string[];
+}
+/**
+ * What a method's Stripe state means to the merchant, or null for nothing to
+ * say. Only an ON method gets a verdict: an off one is the merchant's choice.
+ */
+export declare function capabilityVerdict(row: PaymentMethodRowView, accountConnected: boolean): {
+    label: string;
+    color: 'success' | 'warning' | 'default';
+} | null;
+/** The domain chip: what Apple Pay can do on this name right now. */
+export declare function domainVerdict(domain: PaymentMethodDomainView): {
+    label: string;
+    color: 'success' | 'warning' | 'default';
+};
+/**
+ * The methods a merchant can see: everything the platform offers, and every
+ * method we could not ask Stripe about except crypto, which is shown only once
+ * the platform positively offers it (AGL-3629: hidden where unavailable).
+ */
+export declare function visibleMethods(rows: readonly PaymentMethodRowView[]): Array<{
+    row: PaymentMethodRowView;
+    spec: StorefrontPaymentMethodSpec;
+}>;
+/**
+ * Payment methods (AGL-3629): which wallets, buy-now-pay-later and crypto
+ * options the storefront offers, what each needs, and whether Stripe is ready
+ * for it. Cards are always on and are not listed.
+ *
+ * Read and saved through `/api/commerce/payment-methods` rather than a
+ * Firestore listen, because two of the three facts per row — what the
+ * platform offers and the payout account's capability — live at Stripe, and a
+ * save is a Stripe request as well as a settings write.
+ */
+export declare function PaymentMethodsCard(props: PaymentMethodsCardProps): import("react").JSX.Element;
+export declare namespace PaymentMethodsCard {
+    var displayName: string;
+}
+export default PaymentMethodsCard;