@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/product-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-detail.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 {\n  buildAddToCartParams,\n  buildBeginCheckoutParams,\n  trackEvent,\n  trackEventBeforeNavigation,\n  type AnalyticsItem,\n} from '@aglyn/aglyn/app-utils/analytics-events'\nimport {\n  isPaymentsNotConfigured,\n  storefrontPaymentsNotConfiguredText,\n} from '@aglyn/aglyn/app-utils/payments-configured'\nimport * as CommerceModel from '../model'\nimport { mdiTagOutline } from '@aglyn/shared-data-mdi'\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Chip from '@mui/material/Chip'\nimport MenuItem from '@mui/material/MenuItem'\nimport Skeleton from '@mui/material/Skeleton'\nimport TextField from '@mui/material/TextField'\nimport ToggleButton from '@mui/material/ToggleButton'\nimport ToggleButtonGroup from '@mui/material/ToggleButtonGroup'\nimport Typography from '@mui/material/Typography'\nimport { Suspense, forwardRef, lazy, useEffect, useMemo, useRef, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { useStorefrontPurchaseEvent } from '../utils/use-storefront-purchase-event'\nimport { CART_UPDATED_EVENT } from './cart'\nimport { ID as PRODUCT_REVIEWS_ID } from './product-reviews'\nimport { ID as RELATED_PRODUCTS_ID } from './related-products'\nimport { readLocalWishlist, toggleWishlist } from './wishlist'\nimport { StorefrontPaymentElementFallback } from './storefront-payment-element-fallback'\n\n/**\n * The Payment Element (AGL-1944), behind a lazy boundary rather than a plain\n * import. Stripe.js and its React wrapper are a large dependency, the flag is\n * OFF, and a static import would put the whole SDK into the bundle of every\n * product page on every published site to serve a code path no shopper reaches.\n * Split, it is fetched by the shoppers who actually get the in-page form.\n */\nconst StorefrontPaymentElement = lazy(() =>\n  import('./storefront-payment-element').then((module) => ({\n    default: module.StorefrontPaymentElement,\n  })),\n)\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'product-detail'\n\nexport interface ProductDetailProps {\n  /** Product slug; blank resolves from /products/{slug} in the URL. */\n  slug?: string\n  buyLabel?: string\n  /** Hide the description block (design it separately with tokens). */\n  hideDescription?: boolean\n  /** Offer a discount/coupon code field before the buy button. */\n  showCoupon?: boolean\n}\n\ninterface DetailVariant {\n  id: string\n  options?: Record<string, string>\n  priceUsd: number\n  compareAtPriceUsd?: number\n  soldOut: boolean\n  imageUrl?: string\n}\n\ninterface Detail {\n  id: string\n  name: string\n  slug: string\n  description?: string\n  mediaUrls: string[]\n  options: CommerceModel.ProductOption[]\n  variants: DetailVariant[]\n  /** Recurring billing (AGL-303); framing + buyer choice on the PDP. */\n  subscription?: { interval: 'month' | 'year'; trialDays?: number }\n  /** Buyer picks one-time or subscribe at the same price (AGL-545). */\n  subscriptionOptional?: boolean\n}\n\nconst SAMPLE: Detail = {\n  id: 'sample',\n  name: 'Sample product',\n  slug: '#',\n  description: 'Drop this block on your product page template.',\n  mediaUrls: [],\n  options: [{ name: 'Size', values: ['S', 'M', 'L'] }],\n  variants: [\n    { id: 'a', options: { Size: 'S' }, priceUsd: 29, soldOut: false },\n    { id: 'b', options: { Size: 'M' }, priceUsd: 29, soldOut: false },\n    { id: 'c', options: { Size: 'L' }, priceUsd: 32, soldOut: true },\n  ],\n}\n\n/**\n * The GA4 `items` entry for one line of this product.\n *\n * `item_id` is the PRODUCT id and never the variant's, matching the\n * `view_item` above and the cart's lines below: GA joins the funnel on that\n * id, and a `begin_checkout` keyed on a variant would report a product nothing\n * else on the storefront had ever mentioned.\n *\n * `price` is the resolved variant's, which arrived from the server's product\n * payload — the same figure `checkout` prices the charge from, so the reported\n * value and the amount Stripe collects come from one source.\n */\nfunction buyItem(\n  product: Detail,\n  variant: DetailVariant | undefined,\n  quantity: number,\n): AnalyticsItem {\n  return {\n    item_id: product.id,\n    item_name: product.name,\n    price: variant?.priceUsd,\n    quantity,\n  }\n}\n\nfunction slugFromLocation(): string {\n  if (typeof window === 'undefined') return ''\n  const match = window.location.pathname.match(/\\/products\\/([^/?#]+)/)\n  return match ? decodeURIComponent(match[1]) : ''\n}\n\n/**\n * Product detail block (AGL-292): gallery, option pickers that resolve\n * the variant (price/media/stock follow), quantity, and a buy button\n * that charges through the server-priced checkout with the selected\n * variant. Resolves its product from the /products/{slug} URL unless a\n * slug prop pins it; sample data on the inert canvas.\n */\nconst ProductDetail = forwardRef<HTMLDivElement, ProductDetailProps>(\n  (props, ref) => {\n    const { slug: slugProp, buyLabel, hideDescription, showCoupon, ...rest } =\n      props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n    const site = Aglyn.useSite()\n    const siteFetch = Aglyn.useSiteFetch()\n    const { hostId } = site\n\n    // The single-product (\"buy now\") path returns the shopper to this page\n    // rather than to the cart, so the PDP is the second of the two surfaces\n    // that has to be able to report `purchase` (AGL-1641). Both mount points\n    // share one guard, so a page carrying a cart AND a PDP still sends one.\n    useStorefrontPurchaseEvent(hostId, siteFetch)\n    // Seeded from the server-resolved page data (AGL-659) so the PDP renders\n    // its real content in the SSR HTML. Starting at null meant the server\n    // emitted a <Skeleton> and the crawler got a product page with no\n    // product in it. Absent in the besigner/preview, where the effect below\n    // still fetches — so this is an optimisation, not a new requirement.\n    const seededProduct = (\n      site.pageData as { commerce?: { product?: Detail } } | undefined\n    )?.commerce?.product\n    const [detail, setDetail] = useState<Detail | null | 'missing'>(\n      seededProduct ?? null,\n    )\n    const [selections, setSelections] = useState<Record<string, string>>({})\n    const [quantity, setQuantity] = useState(1)\n    /** A discount or coupon code typed on the product page. */\n    const [coupon, setCoupon] = useState('')\n    const [activeImage, setActiveImage] = useState(0)\n    // `unconfigured` is not an `error` with softer words (AGL-2019). A store\n    // with no Stripe key answers 501, and rendering that at `severity=\"error\"`\n    // tells a shopper their payment failed when nothing was ever attempted —\n    // the same distinction `ask` already makes, and the same one the cart's\n    // 423 lockdown branch makes. It is the terminal one: it latches Buy off,\n    // because every further click gets the identical refusal.\n    const [status, setStatus] = useState<\n      'idle' | 'sending' | 'error' | 'ask' | 'unconfigured'\n    >('idle')\n    const [message, setMessage] = useState('')\n    // Buy-now's half of AGL-1721: asked only when the server refuses to price\n    // shipping without a destination, so a digital product, a subscription, or\n    // a merchant whose rates are the same everywhere never shows it. `null` is\n    // \"not asked\" — the field appearing is the server's answer, not a guess.\n    const [shipTo, setShipTo] = useState('')\n    const [shipCountries, setShipCountries] = useState<string[] | null>(null)\n    const [added, setAdded] = useState(false)\n    const [wishlisted, setWishlisted] = useState(false)\n    const [notifyEmail, setNotifyEmail] = useState('')\n    const [notifyState, setNotifyState] = useState<'idle' | 'done'>('idle')\n    // Buyer-chosen billing (AGL-545): only meaningful when the product\n    // is subscriptionOptional; defaults to a one-time purchase.\n    const [billing, setBilling] = useState<CommerceModel.CheckoutBillingChoice>(\n      'once',\n    )\n    /**\n     * The in-page checkout session (AGL-1944), null on every store until the\n     * flag AND a publishable key say otherwise. A `clientSecret` is Stripe's\n     * instruction to the browser; holding it says nothing about money having\n     * moved, and nothing in this component ever claims it has.\n     */\n    const [nativeCheckout, setNativeCheckout] = useState<{\n      clientSecret: string\n      publishableKey: string\n    } | null>(null)\n\n    const slug = slugProp || slugFromLocation()\n\n    useEffect(() => {\n      if (hostId && resolvedId) {\n        setWishlisted(readLocalWishlist(hostId).includes(resolvedId))\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [hostId, detail])\n\n    useEffect(() => {\n      if (!hostId || !slug) return\n      // Already delivered with the page (AGL-659) — refetching the identical\n      // payload on hydrate would just be a wasted round trip per visitor.\n      if (seededProduct && seededProduct.slug === slug) return\n      let active = true\n      void fetch(\n        `/api/commerce/product?hostId=${encodeURIComponent(hostId)}` +\n          `&slug=${encodeURIComponent(slug)}`,\n      )\n        .then((response) => (response.ok ? response.json() : null))\n        .then((payload) => {\n          if (!active) return\n          const product = payload?.product as Detail | undefined\n          setDetail(product ?? 'missing')\n          if (product) {\n            // GA4 ecommerce mirror (AGL-327), through the shared taxonomy\n            // since AGL-1591 rather than raw gtag — same consent gate, same\n            // sanitizer, and the name is now checked by the compiler.\n            trackEvent('view_item', {\n              items: [{ item_id: product.id, item_name: product.name }],\n            })\n            const first =\n              product.variants.find((variant) => !variant.soldOut) ??\n              product.variants[0]\n            setSelections(first?.options ?? {})\n          }\n        })\n        .catch(() => {\n          if (active) setDetail('missing')\n        })\n      return () => {\n        active = false\n      }\n    }, [hostId, slug])\n\n    const resolvedId =\n      hostId && detail && detail !== 'missing' ? detail.id : null\n    const resolved: Detail | null = hostId\n      ? detail === 'missing'\n        ? null\n        : detail\n      : SAMPLE\n\n    const variant = useMemo(() => {\n      if (!resolved) return undefined\n      return (\n        CommerceModel.findVariant(\n          { variants: resolved.variants as any },\n          selections,\n        ) as DetailVariant | undefined\n      ) ?? resolved.variants[0]\n    }, [resolved, selections])\n\n    // Add to cart (AGL-293) beside instant buy; badge refresh via event.\n    const handleAddToCart = async () => {\n      if (!hostId || !resolved || !variant) return\n      setAdded(false)\n      const response = await siteFetch('/api/commerce/cart', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          hostId,\n          action: 'add',\n          productId: resolved.id,\n          variantId: variant.id,\n          quantity,\n        }),\n      }).catch(() => null)\n      if (response?.ok) {\n        setAdded(true)\n        // Priced (AGL-1591's shape, completed): the resolved variant's price\n        // and the chosen quantity are both known here and both come from the\n        // server's product payload, so GA4's \"value added to cart\" is a real\n        // number rather than the empty column an items-only hit leaves. The\n        // `value` describes what was JUST ADDED, not the cart's new total —\n        // see `buildAddToCartParams`.\n        trackEvent(\n          'add_to_cart',\n          buildAddToCartParams({\n            items: [buyItem(resolved, variant, quantity)],\n          }),\n        )\n        window.dispatchEvent(new Event(CART_UPDATED_EVENT))\n      }\n    }\n\n    /**\n     * Idempotency key for ONE buy-now attempt (AGL-1697).\n     *\n     * Minted lazily on the first buy click, retired whenever the purchase\n     * changes shape — a different product, variant, quantity, billing choice\n     * or destination is a different attempt. A retry of THIS attempt presents\n     * the same key, so the server replays the original session instead of\n     * opening a second one (for a subscription product, a second RECURRING\n     * subscription).\n     */\n    const attemptKey = useRef('')\n    useEffect(() => {\n      attemptKey.current = ''\n      // `coupon` is in here because it CHANGES THE PRICE. Without it a shopper\n      // who buys, comes back, types a code and buys again presents the same\n      // key, and the server replays the original full-price session — a quoted\n      // number that is not the number charged, which is the whole defect class\n      // this path has been cleared of.\n    }, [resolved?.id, variant?.id, quantity, billing, shipTo, coupon])\n\n    const handleBuy = async () => {\n      if (!hostId || !resolved || !variant || status === 'sending') return\n      setStatus('sending')\n      setMessage('')\n      if (!attemptKey.current) {\n        attemptKey.current =\n          globalThis.crypto?.randomUUID?.() ??\n          `${Date.now()}-${Math.random().toString(36).slice(2)}`\n      }\n      try {\n        const response = await siteFetch('/api/commerce/checkout', {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            'Idempotency-Key': attemptKey.current,\n          },\n          body: JSON.stringify({\n            hostId,\n            productId: resolved.id,\n            variantId: variant.id,\n            quantity,\n            // Billing choice (AGL-545): the server re-validates against\n            // the product doc, so this is a request, not an instruction.\n            ...(resolved.subscriptionOptional ? { billing } : {}),\n            // Likewise a request (AGL-1721): the server resolves this\n            // country's rates AND restricts the session to addresses in it,\n            // so naming a cheap zone here cannot ship a parcel anywhere else.\n            ...(shipTo ? { shippingCountry: shipTo } : {}),\n            // The server resolves this against the discounts hub first and the\n            // legacy coupons second, and refuses a code it cannot apply with a\n            // reason — never a silent full-price charge.\n            ...(coupon.trim() ? { couponCode: coupon.trim() } : {}),\n          }),\n        })\n        const payload = await response.json().catch(() => ({}))\n        // In-page payment (AGL-1944). A native session returns a client secret\n        // and NO url — the two are mutually exclusive by construction, so the\n        // redirect branch below is unreachable in native mode and vice versa.\n        // Checked FIRST so a server that somehow sent both cannot silently\n        // navigate the shopper away from the form we just decided to show.\n        if (response.ok && payload?.clientSecret && payload?.publishableKey) {\n          // Buy-now's `begin_checkout`. The cart path has reported this since\n          // AGL-1591 and this one never did, so a storefront whose shoppers\n          // skip the cart showed `view_item` → `add_to_cart` → nothing →\n          // `purchase`: GA4's shopping funnel put every single-product sale in\n          // the \"abandoned checkout\" bucket, and the merchant's checkout rate\n          // read as a collapse rather than as an unmeasured path.\n          //\n          // Reported on BOTH branches, and from the same place, for the reason\n          // the cart states: a count that halved the day the in-page payment\n          // flag flipped would look like a conversion collapse.\n          trackEvent(\n            'begin_checkout',\n            buildBeginCheckoutParams({\n              items: [buyItem(resolved, variant, quantity)],\n            }),\n          )\n          setNativeCheckout({\n            clientSecret: String(payload.clientSecret),\n            publishableKey: String(payload.publishableKey),\n          })\n          setStatus('idle')\n          return\n        }\n        if (response.ok && payload?.url) {\n          // Awaited before the redirect (AGL-1580), for the reason spelled out\n          // on the cart's matching branch: delivery here is a synchronous\n          // `window.gtag` call today and the await costs nothing, but the\n          // property that makes a bare call safe is invisible from this file.\n          await trackEventBeforeNavigation(\n            'begin_checkout',\n            buildBeginCheckoutParams({\n              items: [buyItem(resolved, variant, quantity)],\n            }),\n          )\n          window.location.assign(payload.url)\n          return\n        }\n        // Buy-now's half of AGL-2019. The server's own 501 wording is not\n        // rendered to a visitor; this surface is public.\n        if (isPaymentsNotConfigured(response.status)) {\n          setMessage(storefrontPaymentsNotConfiguredText())\n          setStatus('unconfigured')\n          return\n        }\n        if (payload?.needsShippingCountry) {\n          setShipCountries(\n            (payload.shippingCountries as string[] | undefined)?.length\n              ? (payload.shippingCountries as string[])\n              : [...CommerceModel.CHECKOUT_SHIPPING_COUNTRIES],\n          )\n          setMessage(String(payload?.error ?? ''))\n          // An unserved destination is a refusal and reads as one; being\n          // asked the first time is not.\n          setStatus(shipTo ? 'error' : 'ask')\n          return\n        }\n        setMessage(String(payload?.error ?? ''))\n        setStatus('error')\n      } catch {\n        setStatus('error')\n      }\n    }\n\n    if (hostId && detail === null) {\n      return (\n        <Box ref={ref} {...rest} sx={[{ display: 'flex', gap: 3 }, ...nodeSx]}>\n          <Skeleton variant=\"rectangular\" width={320} height={320} />\n          <Box sx={{ flex: 1 }}>\n            <Skeleton width=\"60%\" height={36} />\n            <Skeleton width=\"25%\" />\n            <Skeleton width=\"90%\" />\n          </Box>\n        </Box>\n      )\n    }\n    if (!resolved) {\n      return (\n        <Box ref={ref} {...rest} sx={[{ p: 3 }, ...nodeSx]}>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Product not found.'}\n          </Typography>\n        </Box>\n      )\n    }\n\n    // Every rendered `<img src>` on this page goes through\n    // `siteRelativeMediaSrc` (AGL-1726). Commerce called NO resolver at all,\n    // which cost it two things at once: a `media:` reference — writable via\n    // the resources API and the CSV importer — would have reached an `<img>`\n    // as the literal string, and a stored absolute\n    // `https://{subdomain}.aglyn.app/api/media/cdn/…` stayed absolute, so a\n    // white-label storefront on the customer's own domain served product\n    // photos naming OUR platform, cross-origin, in page source and in every\n    // visitor's request. Production carried exactly one such document; the\n    // resolver fixes it at READ time, so no backfill stands between the\n    // defect and the fix.\n    //\n    // Deliberately NOT applied to `resolved.mediaUrls` wholesale: the\n    // schema.org `image` array below is read out of band by a crawler, where\n    // an absolute URL is the point. That one wants `absoluteMediaSrc` with\n    // the site's own origin, which is the tenant page's job (AGL-1725).\n    const galleryImage = Aglyn.siteRelativeMediaSrc(\n      variant?.imageUrl ?? resolved.mediaUrls[activeImage] ?? resolved.mediaUrls[0],\n      { hostId },\n    )\n\n    // Subscription framing (AGL-545): subscription-only products price as\n    // $X/mo|/yr with a \"Subscribe\" button; subscriptionOptional products\n    // surface the one-time/subscribe toggle instead. Same price either way\n    // — the server re-prices from the product doc regardless.\n    const subscription = resolved.subscription\n    const intervalSuffix = subscription?.interval === 'year' ? '/yr' : '/mo'\n    const subscribing =\n      Boolean(subscription) &&\n      (!resolved.subscriptionOptional || billing === 'subscribe')\n\n    // schema.org Product/Offer (AGL-299). Kept ONLY for the case where this\n    // block renders without server-seeded page data — the besigner preview,\n    // or a page whose resolver didn't supply it. When the tenant page seeds\n    // us it emits the same Product node server-side (AGL-660), and two\n    // Product nodes for one item is worse than one, so we stand down.\n    const structuredData =\n      hostId && resolvedId && !seededProduct\n        ? {\n            '@context': 'https://schema.org',\n            '@type': 'Product',\n            name: resolved.name,\n            ...(resolved.description\n              ? { description: resolved.description }\n              : {}),\n            ...(resolved.mediaUrls.length\n              ? { image: resolved.mediaUrls }\n              : {}),\n            offers: {\n              '@type': 'Offer',\n              priceCurrency: 'USD',\n              price: String(variant?.priceUsd ?? 0),\n              availability: variant?.soldOut\n                ? 'https://schema.org/OutOfStock'\n                : 'https://schema.org/InStock',\n            },\n          }\n        : null\n\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          {\n            display: 'flex',\n            gap: 3,\n            flexDirection: { xs: 'column', md: 'row' },\n          },\n          ...nodeSx,\n        ]}\n      >\n        <Box sx={{ flex: 1, minWidth: 0 }}>\n          {galleryImage ? (\n            <Box\n              component=\"img\"\n              src={galleryImage}\n              alt={resolved.name}\n              // DELIBERATELY NOT DEFERRED (AGL-2486). This is the gallery\n              // hero at the top of a product page — the one image on this\n              // surface that really is the LCP candidate, and the browser\n              // default here is already `eager`. Spreading\n              // `DEFERRED_IMAGE_ATTRIBUTES` over it to \"finish the job\" is\n              // the obvious next edit and it re-introduces the bug this\n              // issue opened with: an LCP image not discovered until after\n              // layout has run. The thumbnail strip below it IS deferred.\n              //\n              // No `fetchpriority` either, for the reason written out at\n              // `image.tsx`: `high` is a claim about every other request in\n              // flight, and a page whose real LCP is the product NAME would\n              // pay for that claim.\n              sx={{\n                width: '100%',\n                aspectRatio: '1 / 1',\n                objectFit: 'cover',\n                borderRadius: 1,\n              }}\n            />\n          ) : (\n            <Box\n              sx={{\n                width: '100%',\n                aspectRatio: '1 / 1',\n                bgcolor: 'action.hover',\n                borderRadius: 1,\n              }}\n            />\n          )}\n          {resolved.mediaUrls.length > 1 ? (\n            <Box sx={{ display: 'flex', gap: 1, mt: 1, flexWrap: 'wrap' }}>\n              {resolved.mediaUrls.map((url, index) => (\n                <Box\n                  key={`${url}-${index}`}\n                  component=\"img\"\n                  // Same resolver as the hero (AGL-1726) — a thumbnail is an\n                  // `<img>` on the customer's page and leaks exactly as much.\n                  src={Aglyn.siteRelativeMediaSrc(url, { hostId })}\n                  alt=\"\"\n                  onClick={() => setActiveImage(index)}\n                  sx={{\n                    width: 56,\n                    height: 56,\n                    objectFit: 'cover',\n                    borderRadius: 1,\n                    cursor: 'pointer',\n                    border: 2,\n                    borderColor:\n                      index === activeImage ? 'primary.main' : 'transparent',\n                  }}\n                  // Deferred (AGL-2486): 56px thumbnails that exist to swap\n                  // the hero above. They were fetching eagerly ALONGSIDE\n                  // that hero, so a five-image gallery had the hero\n                  // competing with four thumbnails nobody had asked for yet.\n                  {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n                />\n              ))}\n            </Box>\n          ) : null}\n        </Box>\n        {structuredData ? (\n          <script\n            type=\"application/ld+json\"\n            dangerouslySetInnerHTML={{ __html: Aglyn.safeJsonLd(structuredData) }}\n          />\n        ) : null}\n        <Box sx={{ flex: 1, minWidth: 0 }}>\n          <Typography variant=\"h4\" component=\"h1\" gutterBottom>\n            {resolved.name}\n          </Typography>\n          <Box sx={{ display: 'flex', gap: 1, alignItems: 'center', mb: 2 }}>\n            <Typography variant=\"h6\">\n              {`$${variant?.priceUsd ?? 0}${subscribing ? intervalSuffix : ''}`}\n            </Typography>\n            {subscribing && subscription?.trialDays ? (\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {`${subscription.trialDays}-day free trial`}\n              </Typography>\n            ) : null}\n            {variant?.compareAtPriceUsd ? (\n              <>\n                <Typography\n                  variant=\"body1\"\n                  color=\"text.disabled\"\n                  sx={{ textDecoration: 'line-through' }}\n                >\n                  {`$${variant.compareAtPriceUsd}`}\n                </Typography>\n                <Chip label=\"Sale\" size=\"small\" color=\"primary\" />\n              </>\n            ) : null}\n            {variant?.soldOut ? (\n              <Chip label=\"Sold out\" size=\"small\" variant=\"outlined\" />\n            ) : null}\n            <Button\n              size=\"small\"\n              onClick={async () => {\n                if (hostId && resolved.id !== 'sample') {\n                  setWishlisted(await toggleWishlist(hostId, resolved.id, siteFetch))\n                }\n              }}\n            >\n              {wishlisted ? '♥ Saved' : '♡ Save'}\n            </Button>\n          </Box>\n          {subscription && resolved.subscriptionOptional ? (\n            <ToggleButtonGroup\n              value={billing}\n              exclusive\n              size=\"small\"\n              onChange={(_event, value) => {\n                if (value === 'once' || value === 'subscribe') {\n                  setBilling(value)\n                }\n              }}\n              sx={{ mb: 2 }}\n            >\n              <ToggleButton value=\"once\">\n                {`One-time $${variant?.priceUsd ?? 0}`}\n              </ToggleButton>\n              <ToggleButton value=\"subscribe\">\n                {`Subscribe $${variant?.priceUsd ?? 0}${intervalSuffix}`}\n              </ToggleButton>\n            </ToggleButtonGroup>\n          ) : null}\n          {resolved.options.map((option) => (\n            <TextField\n              key={option.name}\n              label={option.name}\n              value={selections[option.name] ?? ''}\n              onChange={(event) =>\n                setSelections((prev) => ({\n                  ...prev,\n                  [option.name]: event.target.value,\n                }))\n              }\n              size=\"small\"\n              select\n              fullWidth\n              sx={{ mb: 1.5 }}\n            >\n              {option.values.map((value) => (\n                <MenuItem key={value} value={value}>\n                  {value}\n                </MenuItem>\n              ))}\n            </TextField>\n          ))}\n          {showCoupon ? (\n            <TextField\n              label=\"Discount code\"\n              value={coupon}\n              onChange={(event) => setCoupon(event.target.value)}\n              size=\"small\"\n              sx={{ mb: 2, display: 'block' }}\n            />\n          ) : null}\n          <Box sx={{ display: 'flex', gap: 1.5, alignItems: 'center', mb: 2 }}>\n            <TextField\n              label=\"Qty\"\n              value={quantity}\n              onChange={(event) =>\n                setQuantity(\n                  Math.max(\n                    1,\n                    Math.min(99, Math.round(Number(event.target.value)) || 1),\n                  ),\n                )\n              }\n              size=\"small\"\n              sx={{ width: 80 }}\n              slotProps={{ htmlInput: { inputMode: 'numeric' } }}\n            />\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              size=\"large\"\n              disabled={!hostId || variant?.soldOut}\n              onClick={handleAddToCart}\n            >\n              {added ? 'Added ✓' : 'Add to cart'}\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              size=\"large\"\n              disabled={\n                !hostId ||\n                status === 'sending' ||\n                variant?.soldOut ||\n                // No payments on this deployment: the same 501 every time, so\n                // the control latches off rather than inviting a retry that\n                // cannot succeed (AGL-2019).\n                status === 'unconfigured' ||\n                // Asked but unanswered: the server would only refuse again.\n                (shipCountries !== null && !shipTo)\n              }\n              onClick={handleBuy}\n              sx={{ flex: 1 }}\n            >\n              {variant?.soldOut\n                ? 'Sold out'\n                : status === 'sending'\n                  ? // \"Redirecting\" is a lie once the form opens in place, and\n                    // it is the shopper's only clue about what is about to\n                    // happen to their page (AGL-1944).\n                    nativeCheckout\n                    ? 'Opening…'\n                    : 'Redirecting…'\n                  : buyLabel || (subscribing ? 'Subscribe' : 'Buy now')}\n            </Button>\n          </Box>\n          {nativeCheckout ? (\n            <Suspense fallback={<StorefrontPaymentElementFallback />}>\n              <StorefrontPaymentElement\n                clientSecret={nativeCheckout.clientSecret}\n                publishableKey={nativeCheckout.publishableKey}\n                payLabel={buyLabel || (subscribing ? 'Subscribe' : 'Pay now')}\n                // Cancelling drops the form and leaves the session open —\n                // deliberately. The shopper may come back to the same\n                // attempt key, and an abandoned session is what the AGL-323\n                // recovery emails are built on. Nothing is expired from the\n                // browser: that is a write against the merchant's account.\n                onCancel={() => setNativeCheckout(null)}\n              />\n            </Suspense>\n          ) : null}\n          {shipCountries ? (\n            <TextField\n              select\n              label=\"Ship to\"\n              value={shipTo}\n              onChange={(event) => setShipTo(event.target.value)}\n              size=\"small\"\n              fullWidth\n              helperText=\"Shipping rates depend on where this is going\"\n              sx={{ mb: 2 }}\n            >\n              {shipCountries.map((code) => (\n                <MenuItem key={code} value={code}>\n                  {CommerceModel.CHECKOUT_SHIPPING_COUNTRY_NAMES[code] ?? code}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : null}\n          {status === 'ask' || status === 'unconfigured' ? (\n            <Alert severity=\"info\" sx={{ mb: 2 }}>\n              {message}\n            </Alert>\n          ) : null}\n          {status === 'error' ? (\n            <Alert severity=\"error\" sx={{ mb: 2 }}>\n              {message || 'Checkout is unavailable right now.'}\n            </Alert>\n          ) : null}\n          {variant?.soldOut && hostId ? (\n            notifyState === 'done' ? (\n              <Alert severity=\"success\" sx={{ mb: 2 }}>\n                {'We will email you when it is back.'}\n              </Alert>\n            ) : (\n              <Box sx={{ display: 'flex', gap: 1, mb: 2 }}>\n                <TextField\n                  placeholder=\"you@example.com\"\n                  type=\"email\"\n                  // Third instance of the nameless-input defect (AGL-2392).\n                  // Named for its job rather than \"Email address\": this row\n                  // appears inside a product page that may also carry the\n                  // newsletter block, and two fields both announced as\n                  // \"Email address\" is barely better than none.\n                  slotProps={{\n                    htmlInput: {\n                      'aria-label': 'Email address for back-in-stock alert',\n                    },\n                  }}\n                  value={notifyEmail}\n                  onChange={(event) => setNotifyEmail(event.target.value)}\n                  size=\"small\"\n                  sx={{ flex: 1 }}\n                />\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  disabled={!notifyEmail.trim()}\n                  onClick={async () => {\n                    const response = await siteFetch(\n                      '/api/commerce/notify-restock',\n                      {\n                        method: 'POST',\n                        headers: { 'Content-Type': 'application/json' },\n                        body: JSON.stringify({\n                          hostId,\n                          productId: resolved.id,\n                          email: notifyEmail,\n                        }),\n                      },\n                    ).catch(() => null)\n                    if (response?.ok) setNotifyState('done')\n                  }}\n                >\n                  {'Notify me'}\n                </Button>\n              </Box>\n            )\n          ) : null}\n          {!hideDescription && resolved.description ? (\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {resolved.description}\n            </Typography>\n          ) : null}\n        </Box>\n      </Box>\n    )\n  },\n)\nProductDetail.displayName = 'AglynProductDetail'\n\nexport const schema: Aglyn.ComponentSchema<ProductDetailProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Product detail',\n  description: \"One product's gallery, options and buy button.\",\n  category: Aglyn.ComponentCategory.COMMERCE,\n  icon: { path: mdiTagOutline.path, sx: { color: '#2e7d32' } },\n  flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n  attributes: [\n    {\n      name: 'slug',\n      label: 'Product slug',\n      description:\n        'Pin to one product; blank follows the /products/{slug} URL ' +\n        '(product page template).',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'buyLabel',\n      label: 'Buy button label',\n      description: 'Defaults to \"Buy now\".',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'hideDescription',\n      label: 'Hide description',\n      description: 'Design the description separately with tokens.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n    {\n      // Off by default, so no existing page changes shape on deploy. The cart\n      // has carried this field all along and the product page had none, so a\n      // shopper buying the same goods through Buy now had nowhere to enter a\n      // code the merchant had advertised.\n      name: 'showCoupon',\n      label: 'Show discount code field',\n      description: 'Lets a buyer enter a discount or coupon code before buying.',\n      component: Aglyn.FieldComponentType.CHECKBOX,\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Product detail',\n    pluginId: BUNDLE_ID,\n    description: 'Gallery, variant picker, and buy button for one product',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiTagOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n  {\n    // Product page (AGL-561): the commerce-standard PDP subtree —\n    // breadcrumb, detail, related products, reviews — for the product\n    // page template screen. `{{product.name}}` resolves there via the\n    // site page resolver's token pass (AGL-292); node shapes follow\n    // the Sections & Blocks convention (AGL-539) and reference only\n    // persisted component ids.\n    $id: generatePresetId(ID, 'page'),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Product page',\n    pluginId: BUNDLE_ID,\n    description:\n      'Breadcrumb, product detail, related products, and reviews',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiTagOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: 'muiStack',\n      pluginId: Aglyn.MUI_BUNDLE_ID,\n      props: { spacing: 4 },\n      // Styling on the node's own sx, never in props (AGL-1346): both\n      // records render, but only `node.sx` is the one the Styles panel can\n      // read, edit or clear.\n      sx: { paddingTop: 2, paddingBottom: 2 },\n      nodes: [\n        {\n          $id: null,\n          componentId: 'muiStack',\n          pluginId: Aglyn.MUI_BUNDLE_ID,\n          props: { direction: 'row', spacing: 1 },\n          sx: { alignItems: 'center' },\n          nodes: [\n            {\n              $id: null,\n              componentId: 'muiScreenLink',\n              pluginId: Aglyn.MUI_BUNDLE_ID,\n              props: { children: 'Shop', size: 'small', color: 'inherit' },\n            },\n            {\n              $id: null,\n              componentId: 'muiTypography',\n              pluginId: Aglyn.MUI_BUNDLE_ID,\n              props: { variant: 'body2', children: '/ {{product.name}}' },\n            },\n          ],\n        },\n        {\n          $id: null,\n          componentId: ID,\n          pluginId: BUNDLE_ID,\n          props: {},\n        },\n        {\n          $id: null,\n          componentId: RELATED_PRODUCTS_ID,\n          pluginId: BUNDLE_ID,\n          props: {},\n        },\n        {\n          $id: null,\n          componentId: PRODUCT_REVIEWS_ID,\n          pluginId: BUNDLE_ID,\n          props: {},\n        },\n      ],\n    },\n  },\n]\n\nexport default ProductDetail\n"],"names":["Aglyn","buildAddToCartParams","buildBeginCheckoutParams","trackEvent","trackEventBeforeNavigation","isPaymentsNotConfigured","storefrontPaymentsNotConfiguredText","CommerceModel","mdiTagOutline","Alert","Box","Button","Chip","MenuItem","Skeleton","TextField","ToggleButton","ToggleButtonGroup","Typography","Suspense","forwardRef","lazy","useEffect","useMemo","useRef","useState","BUNDLE_ID","generatePresetId","useStorefrontPurchaseEvent","CART_UPDATED_EVENT","ID","PRODUCT_REVIEWS_ID","RELATED_PRODUCTS_ID","readLocalWishlist","toggleWishlist","StorefrontPaymentElementFallback","StorefrontPaymentElement","then","module","default","SAMPLE","id","name","slug","description","mediaUrls","options","values","variants","Size","priceUsd","soldOut","buyItem","product","variant","quantity","item_id","item_name","price","slugFromLocation","window","match","location","pathname","decodeURIComponent","ProductDetail","props","ref","site","slugProp","buyLabel","hideDescription","showCoupon","rest","nodeSx","Array","isArray","useSite","siteFetch","useSiteFetch","hostId","seededProduct","pageData","commerce","detail","setDetail","selections","setSelections","setQuantity","coupon","setCoupon","activeImage","setActiveImage","status","setStatus","message","setMessage","shipTo","setShipTo","shipCountries","setShipCountries","added","setAdded","wishlisted","setWishlisted","notifyEmail","setNotifyEmail","notifyState","setNotifyState","billing","setBilling","nativeCheckout","setNativeCheckout","resolvedId","includes","active","fetch","encodeURIComponent","response","ok","json","payload","items","first","find","catch","resolved","undefined","findVariant","handleAddToCart","method","headers","body","JSON","stringify","action","productId","variantId","dispatchEvent","Event","attemptKey","current","handleBuy","globalThis","crypto","randomUUID","Date","now","Math","random","toString","slice","subscriptionOptional","shippingCountry","trim","couponCode","clientSecret","publishableKey","String","url","assign","needsShippingCountry","shippingCountries","length","CHECKOUT_SHIPPING_COUNTRIES","error","sx","display","gap","width","height","flex","p","color","galleryImage","siteRelativeMediaSrc","imageUrl","subscription","intervalSuffix","interval","subscribing","Boolean","structuredData","image","offers","priceCurrency","availability","flexDirection","xs","md","minWidth","component","src","alt","aspectRatio","objectFit","borderRadius","bgcolor","mt","flexWrap","map","index","onClick","cursor","border","borderColor","DEFERRED_IMAGE_ATTRIBUTES","script","type","dangerouslySetInnerHTML","__html","safeJsonLd","gutterBottom","alignItems","mb","trialDays","compareAtPriceUsd","textDecoration","label","size","value","exclusive","onChange","_event","option","event","prev","target","select","fullWidth","max","min","round","Number","slotProps","htmlInput","inputMode","disabled","fallback","payLabel","onCancel","helperText","code","CHECKOUT_SHIPPING_COUNTRY_NAMES","severity","placeholder","email","displayName","schema","$id","pluginId","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","TEXT_FIELD","CHECKBOX","presets","NodeType","PRESET","data","componentId","MUI_BUNDLE_ID","spacing","paddingTop","paddingBottom","nodes","direction","children"],"mappings":"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"}

package/src/lib/components/product-grid.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @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';
+export declare const ID: Aglyn.ComponentId;
+export interface ProductGridProps {
+    /** Filter source; 'all' lists the whole active catalog. */
+    source?: 'all' | 'collection' | 'category' | 'tag';
+    /** Collection id when source = collection (rename-safe, AGL-343). */
+    collectionId?: string;
+    /** Legacy collection slug; used only when no collectionId is set.
+     * Blank follows the /collections/{slug} URL (AGL-298). */
+    collectionSlug?: string;
+    /** Faceted controls above the grid: tags, availability, sort. */
+    showFilters?: boolean;
+    /** Debounced visitor search box above the grid (server-side, AGL-561). */
+    showSearch?: boolean;
+    /** Category filter chips from the host's categories (AGL-561). */
+    showCategories?: boolean;
+    /** Sort select: newest, name, price low→high / high→low (AGL-561). */
+    showSort?: boolean;
+    /** Physical / digital / services filter chips (AGL-561). */
+    showTypeFilter?: boolean;
+    /** Price range slider bounded by the catalog's prices (AGL-564). */
+    showPriceFilter?: boolean;
+    /** Products per page; shows a Load more button while more remain. */
+    pageSize?: number;
+    /** Category id when source = category (rename-safe, AGL-343). */
+    categoryId?: string;
+    /** Legacy category slug; used only when no categoryId is set. */
+    categorySlug?: string;
+    /** Tag when source = tag. */
+    tag?: string;
+    sort?: 'name' | 'price-asc' | 'price-desc' | 'newest';
+    /** Grid columns on desktop (1-6); mobile always stacks to 2/1. */
+    columns?: number;
+    maxItems?: number;
+    /** Empty-state copy when nothing matches. */
+    emptyText?: string;
+}
+/**
+ * Product grid / PLP block (AGL-291): active catalog items from the
+ * public listing API, filterable by collection/category/tag, designable
+ * in besigner with sample cards (no SiteContext = inert canvas, same
+ * convention as the mui Product block). Cards navigate to
+ * `/products/{slug}` (PDP routes, AGL-292). Catalog UX (AGL-561):
+ * optional debounced search, category chips, type chips, a sort
+ * select, and Load more paging — all resolved server-side by the
+ * catalog handler so large catalogs stay cheap.
+ */
+declare const ProductGrid: import("react").ForwardRefExoticComponent<ProductGridProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const schema: Aglyn.ComponentSchema<ProductGridProps>;
+export declare const presets: Aglyn.PresetSchema[];
+export default ProductGrid;