npm - @aglyn/plugins-commerce - Versions diffs - 1.0.0-beta.239 → 1.0.0-beta.241 - Mend

@aglyn/plugins-commerce 1.0.0-beta.239 → 1.0.0-beta.241

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/package.json +13 -13
package/src/lib/components/product-grid.js +9 -5
package/src/lib/components/product-grid.js.map +1 -1
package/src/lib/components/related-products.js +4 -3
package/src/lib/components/related-products.js.map +1 -1
package/src/lib/model/commerce-record-routes.js +14 -0
package/src/lib/model/commerce-record-routes.js.map +1 -1

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/plugins-commerce",
-  "version": "1.0.0-beta.239",
+  "version": "1.0.0-beta.241",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,18 +25,18 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.239",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.239",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.239",
-    "@aglyn/shared-ui-next": "1.0.0-beta.239",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.239",
-    "@aglyn/shared-util-email": "1.0.0-beta.239",
-    "@aglyn/shared-util-http": "1.0.0-beta.239",
-    "@aglyn/shared-util-timestamp": "1.0.0-beta.239",
-    "@aglyn/shared-util-tools": "1.0.0-beta.239",
-    "@aglyn/tenant-data-admin": "1.0.0-beta.239",
-    "@aglyn/tenant-feature-instance": "1.0.0-beta.239",
-    "@aglyn/tenant-runtime": "1.0.0-beta.239",
+    "@aglyn/aglyn": "1.0.0-beta.241",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.241",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.241",
+    "@aglyn/shared-ui-next": "1.0.0-beta.241",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.241",
+    "@aglyn/shared-util-email": "1.0.0-beta.241",
+    "@aglyn/shared-util-http": "1.0.0-beta.241",
+    "@aglyn/shared-util-timestamp": "1.0.0-beta.241",
+    "@aglyn/shared-util-tools": "1.0.0-beta.241",
+    "@aglyn/tenant-data-admin": "1.0.0-beta.241",
+    "@aglyn/tenant-feature-instance": "1.0.0-beta.241",
+    "@aglyn/tenant-runtime": "1.0.0-beta.241",
     "@stripe/react-stripe-js": "^6.12.0",
     "@stripe/stripe-js": "^9.17.0",
     "@swc/helpers": "0.5.23",

package/src/lib/components/product-grid.js CHANGED Viewed

@@ -380,9 +380,9 @@ function priceLabel(item) {
         gridTemplateColumns: {
             // Photo cards pair up on a phone, as a shop's catalog does; an
             // outlined card with its photo strip takes the row.
-            xs: photoCards ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)',
-            sm: 'repeat(2, 1fr)',
-            md: `repeat(${desktopColumns}, 1fr)`
+            xs: photoCards ? 'repeat(2, minmax(0, 1fr))' : 'repeat(1, minmax(0, 1fr))',
+            sm: 'repeat(2, minmax(0, 1fr))',
+            md: `repeat(${desktopColumns}, minmax(0, 1fr))`
         }
     };
     // The rows the query returned, as returned (AGL-3321).
@@ -717,8 +717,11 @@ function priceLabel(item) {
                 elevation: 0,
                 sx: photoCards ? {
                     bgcolor: 'transparent',
-                    overflow: 'visible'
-                } : undefined,
+                    overflow: 'visible',
+                    minWidth: 0
+                } : {
+                    minWidth: 0
+                },
                 children: [
                     /*#__PURE__*/ _jsxs(CardActionArea, {
                         href: hostId ? `/products/${item.slug}` : undefined,
@@ -732,6 +735,7 @@ function priceLabel(item) {
                                 image: imageUrl,
                                 alt: item.name,
                                 sx: photoCards ? {
+                                    width: '100%',
                                     aspectRatio: '4 / 5',
                                     objectFit: 'cover',
                                     borderRadius: 2,

package/src/lib/components/product-grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-grid.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 { mdiMagnify, mdiViewGridOutline } from '@aglyn/shared-data-mdi'\nimport {\n ListQueryNotices,\n listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport type { ListFilterClause } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardMedia from '@mui/material/CardMedia'\nimport Chip from '@mui/material/Chip'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport MenuItem from '@mui/material/MenuItem'\nimport Skeleton from '@mui/material/Skeleton'\nimport Slider from '@mui/material/Slider'\nimport SvgIcon from '@mui/material/SvgIcon'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n STOREFRONT_CATALOG_DECLARATION,\n STOREFRONT_CATALOG_HEADERS,\n STOREFRONT_CATALOG_OPTIONS,\n} from '../constants/storefront-catalog-query'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { addToCart } from '../utils/add-to-cart'\nimport { ProductImagePlaceholder } from './product-image-placeholder'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'product-grid'\n\nexport interface ProductGridProps {\n /** Filter source; 'all' lists the whole active catalog. /\n source?: 'all' \| 'collection' \| 'category' \| 'tag'\n /* Collection id when source = collection (rename-safe, AGL-343). /\n collectionId?: string\n /* Legacy collection slug; used only when no collectionId is set.\n * Blank follows the /collections/{slug} URL (AGL-298). /\n collectionSlug?: string\n /* Faceted controls above the grid: tags, availability, sort. /\n showFilters?: boolean\n /* Debounced visitor search box above the grid (server-side, AGL-561). /\n showSearch?: boolean\n /* Category filter chips from the host's categories (AGL-561). /\n showCategories?: boolean\n /* Sort select: newest, name, price low→high / high→low (AGL-561). /\n showSort?: boolean\n /* Physical / digital / services filter chips (AGL-561). /\n showTypeFilter?: boolean\n /* Price range slider bounded by the catalog's prices (AGL-564). /\n showPriceFilter?: boolean\n /* Products per page; shows a Load more button while more remain. /\n pageSize?: number\n /* Category id when source = category (rename-safe, AGL-343). /\n categoryId?: string\n /* Legacy category slug; used only when no categoryId is set. /\n categorySlug?: string\n /* Tag when source = tag. /\n tag?: string\n sort?: 'name' \| 'price-asc' \| 'price-desc' \| 'newest'\n /* Grid columns on desktop (1-6); mobile always stacks to 2/1. /\n columns?: number\n maxItems?: number\n /* Empty-state copy when nothing matches. /\n emptyText?: string\n /\n The empty state's headline (AGL-3676). Set, a catalog with nothing in it\n * yet opens as a full panel — the headline, `emptyText` and one action —\n * the way a designer store template opens before its first products; the\n * sort and filter controls wait for products to sort.\n /\n emptyTitle?: string\n /* The empty panel's one action: its label… /\n emptyActionLabel?: string\n /* …and where it goes, a path on the site (\"/contact\"). /\n emptyActionHref?: string\n /\n How each product is drawn (AGL-3676): `outlined`, the default, a card\n * with a short photo strip; `photo`, the photo first and tall, with the\n * name and price under it and no card around it — the way a storefront\n * leads with what it sells.\n /\n cardStyle?: 'outlined' \| 'photo'\n /\n A compact button under each card: \"Add to cart\" for a product that sells\n * as one priced variant in stock, \"Choose options\" (to its page) for one\n * with several variants, and nothing for a product with no price yet or\n * sold out. Off by default.\n /\n quickAdd?: boolean\n}\n\ninterface CatalogItem {\n id: string\n name: string\n slug: string\n priceUsd: number\n maxPriceUsd: number\n compareAtPriceUsd?: number\n imageUrl?: string\n soldOut: boolean\n tags?: string[]\n /* Listed before it has a price (AGL-3676): no price to print yet. /\n priceComingSoon?: boolean\n /* How many variants it sells as (absent from an older payload). /\n variantCount?: number\n /* The one variant a quick add puts in the cart. /\n defaultVariantId?: string\n}\n\n/* What a card's quick add offers for one product. /\nexport function quickAddAction(\n item: Pick<CatalogItem, 'priceComingSoon' \| 'soldOut' \| 'variantCount' \| 'defaultVariantId'>,\n): 'add' \| 'options' \| null {\n if (item.priceComingSoon \|\| item.soldOut) return null\n if (item.defaultVariantId) return 'add'\n if ((item.variantCount ?? 0) > 1) return 'options'\n return null\n}\n\n/\n The chip and tag a browsing grid opens on, from the page's address:\n * `?category=<slug>` and `?tag=<tag>`. Read after hydration only — the\n * server renders the unfiltered first page and has no address to read.\n /\nexport function browseParamsFromSearch(search: string): { categorySlug: string; tag: string } {\n const params = new URLSearchParams(search)\n return {\n categorySlug: (params.get('category') ?? '').trim(),\n tag: (params.get('tag') ?? '').trim(),\n }\n}\n\n/* What a card says where a product listed before it has a price would show one (AGL-3676). /\nconst PRICE_COMING_SOON_LABEL = 'Price coming soon'\n\ninterface CatalogCategory {\n id: string\n name: string\n slug: string\n}\n\n/* Price facet from the catalog handler, in cents (AGL-564). /\ninterface CatalogPriceBounds {\n minCents: number\n maxCents: number\n}\n\n/\n A control the catalog query could not apply, and why (AGL-3321): the\n * plan's refusal as the handler returns it, named here by\n * `listQueryRefusals` in the words of this grid's controls.\n /\ninterface CatalogRefusal {\n clause: ListFilterClause \| 'search'\n reason: string\n}\n\n/\n This grid's first page, resolved server-side by the commerce site-page\n * enricher (AGL-659). Same shape the catalog endpoint returns, because both\n * go through `queryPublicCatalog`.\n /\ninterface CatalogSeed {\n items?: CatalogItem[]\n categories?: CatalogCategory[]\n priceBounds?: CatalogPriceBounds\n nextCursor?: string\n refused?: CatalogRefusal[]\n notices?: string[]\n}\n\nconst SAMPLE_ITEMS: CatalogItem[] = [\n { id: 's1', name: 'Sample product', slug: '#', priceUsd: 29, maxPriceUsd: 29, soldOut: false },\n { id: 's2', name: 'Another product', slug: '#', priceUsd: 49, maxPriceUsd: 59, compareAtPriceUsd: 79, soldOut: false },\n { id: 's3', name: 'Third product', slug: '#', priceUsd: 12, maxPriceUsd: 12, soldOut: true },\n]\n\n/* Inert chips shown on the besigner canvas when categories are on. /\nconst SAMPLE_CATEGORIES: CatalogCategory[] = [\n { id: 'sc1', name: 'Apparel', slug: 'apparel' },\n { id: 'sc2', name: 'Accessories', slug: 'accessories' },\n]\n\n/* Inert slider bounds on the canvas, matching the sample cards. /\nconst SAMPLE_PRICE_BOUNDS: CatalogPriceBounds = {\n minCents: 1200,\n maxCents: 4900,\n}\n\nconst TYPE_OPTIONS = [\n { value: 'physical', label: 'Physical' },\n { value: 'digital', label: 'Digital' },\n { value: 'service', label: 'Services' },\n] as const\n\nconst SORT_OPTIONS = [\n { value: 'newest', label: 'Newest' },\n { value: 'name', label: 'Name' },\n { value: 'price-asc', label: 'Price: low to high' },\n { value: 'price-desc', label: 'Price: high to low' },\n] as const\n\nfunction collectionSlugFromLocation(): string {\n if (typeof window === 'undefined') return ''\n const match = window.location.pathname.match(/\\/collections\\/([^/?#]+)/)\n return match ? decodeURIComponent(match[1]) : ''\n}\n\nfunction priceLabel(item: CatalogItem): string {\n if (item.priceComingSoon) return PRICE_COMING_SOON_LABEL\n return item.priceUsd === item.maxPriceUsd\n ? `$${item.priceUsd}`\n : `From $${item.priceUsd}`\n}\n\n/\n Product grid / PLP block (AGL-291): active catalog items from the\n * public listing API, filterable by collection/category/tag, designable\n * in besigner with sample cards (no SiteContext = inert canvas, same\n * convention as the mui Product block). Cards navigate to\n * `/products/{slug}` (PDP routes, AGL-292). Catalog UX (AGL-561):\n * optional debounced search, category chips, type chips, a sort\n * select, and Load more paging — all resolved server-side by the\n * catalog handler so large catalogs stay cheap.\n \n Nothing is narrowed here (AGL-3321): every control is a parameter of the\n * catalog query, and the rows shown are the rows it returned. A control the\n * query could not combine with another comes back in `refused` and is said\n * above the grid, rather than applied to the cards that happen to be loaded.\n /\nconst ProductGrid = forwardRef<HTMLDivElement, ProductGridProps>(\n (props, ref) => {\n const {\n source,\n collectionId,\n collectionSlug: collectionSlugProp,\n categoryId,\n categorySlug,\n tag,\n sort: sortProp,\n columns,\n maxItems,\n emptyText,\n emptyTitle,\n emptyActionLabel,\n emptyActionHref,\n showFilters,\n showSearch,\n showCategories,\n showSort,\n showTypeFilter,\n showPriceFilter,\n pageSize,\n cardStyle,\n quickAdd,\n ...rest\n } = props\n const photoCards = cardStyle === 'photo'\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 // Quick add (AGL-3676 follow-up): which card is adding, which just did.\n const [quickAdding, setQuickAdding] = useState('')\n const [quickAdded, setQuickAdded] = useState('')\n // Server-rendered first page (AGL-659). The site-page enricher ran this\n // grid's own query on the server and keyed the result by node id — two\n // grids on a page have different queries, so an unkeyed seed would put\n // the wrong products in one of them. Absent in the besigner and preview,\n // where there is no pageData at all and the effect below still fetches.\n const nodeId = Aglyn.useNodeId()\n const seed = (\n site.pageData as\n \| { commerce?: { grids?: Record<string, CatalogSeed> } }\n \| undefined\n )?.commerce?.grids?.[nodeId]\n\n const [items, setItems] = useState<CatalogItem[] \| null>(\n seed?.items ?? null,\n )\n const [sort, setSort] = useState(sortProp)\n // The In stock chip, asked of the catalog (`inStock=1`), never matched\n // over the cards on screen (AGL-3321).\n const [inStockOnly, setInStockOnly] = useState(false)\n const [activeTag, setActiveTag] = useState('')\n // Catalog UX state (AGL-561): the search box debounces into\n // `query`; a chip pick overrides any pinned category ('' = All);\n // paging appends via the handler's `nextCursor` (AGL-3321).\n const [searchInput, setSearchInput] = useState('')\n const [query, setQuery] = useState('')\n const [activeCategoryId, setActiveCategoryId] = useState('')\n const [activeType, setActiveType] = useState('')\n const [categories, setCategories] = useState<CatalogCategory[]>(\n seed?.categories ?? [],\n )\n // Price filter (AGL-564): the slider drags into `priceInput` (whole\n // dollars) and debounces into `priceFilter`, which drives the query;\n // null = untouched (no price params sent). Bounds come from the\n // handler's price facets.\n const [priceBounds, setPriceBounds] = useState<CatalogPriceBounds \| null>(\n seed?.priceBounds ?? null,\n )\n const [priceInput, setPriceInput] = useState<number[] \| null>(null)\n const [priceFilter, setPriceFilter] = useState<number[] \| null>(null)\n const [nextCursor, setNextCursor] = useState<string \| null>(\n seed?.nextCursor ?? null,\n )\n // What the query could not apply, said above the grid (AGL-3321).\n const [refused, setRefused] = useState<CatalogRefusal[]>(seed?.refused ?? [])\n const [notices, setNotices] = useState<string[]>(seed?.notices ?? [])\n const [loadingMore, setLoadingMore] = useState(false)\n const fetchSeq = useRef(0)\n const collectionSlug =\n source === 'collection'\n ? collectionSlugProp \|\| collectionSlugFromLocation()\n : collectionSlugProp\n const pageLimit =\n pageSize && Number(pageSize) > 0 ? Math.floor(Number(pageSize)) : 0\n const pinnedCategoryId = source === 'category' ? categoryId ?? '' : ''\n\n // A browsing grid opens on the address's `?category=` / `?tag=`: a shop\n // page linked as /shop?category=candles shows that chip picked. Read in\n // an effect, so the server and the first client render agree.\n const [urlCategorySlug, setUrlCategorySlug] = useState('')\n useEffect(() => {\n if (!hostId \|\| typeof window === 'undefined') return\n const asked = browseParamsFromSearch(window.location.search)\n if (showCategories && asked.categorySlug) setUrlCategorySlug(asked.categorySlug)\n if (showFilters && asked.tag) setActiveTag(asked.tag)\n // Once, on arrival: later chip picks are the visitor's.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [hostId])\n useEffect(() => {\n if (!urlCategorySlug \|\| !categories.length) return\n const match = categories.find((category) => category.slug === urlCategorySlug)\n if (match) setActiveCategoryId(match.id)\n setUrlCategorySlug('')\n }, [urlCategorySlug, categories])\n\n // Debounce keystrokes so large catalogs aren't fetched per letter.\n useEffect(() => {\n const timer = setTimeout(() => setQuery(searchInput.trim()), 300)\n return () => clearTimeout(timer)\n }, [searchInput])\n\n // Debounce slider drags the same way (AGL-564): one fetch per\n // settled range, not one per pixel of thumb movement.\n useEffect(() => {\n const timer = setTimeout(() => setPriceFilter(priceInput), 300)\n return () => clearTimeout(timer)\n }, [priceInput])\n\n const loadPage = useCallback(\n async (after?: string): Promise<void> => {\n if (!hostId) return\n const seq = ++fetchSeq.current\n const params = new URLSearchParams({ hostId })\n // Ids first (rename-safe, AGL-343); slugs remain as the legacy path.\n if (source === 'collection') {\n if (collectionId) params.set('collectionId', collectionId)\n else if (collectionSlug) params.set('collection', collectionSlug)\n }\n const effectiveCategoryId =\n activeCategoryId === '' ? '' : activeCategoryId \|\| pinnedCategoryId\n if (effectiveCategoryId) {\n params.set('categoryId', effectiveCategoryId)\n } else if (!activeCategoryId && source === 'category' && categorySlug) {\n params.set('category', categorySlug)\n }\n // A tag chip overrides a pinned tag, as a category chip does.\n const effectiveTag = activeTag \|\| (source === 'tag' ? tag ?? '' : '')\n if (effectiveTag) params.set('tag', effectiveTag)\n if (query) params.set('q', query)\n if (activeType) params.set('type', activeType)\n if (inStockOnly) params.set('inStock', '1')\n // Slider dollars → API cents (AGL-564).\n if (priceFilter) {\n params.set('minPriceCents', String(priceFilter[0] 100))\n params.set('maxPriceCents', String(priceFilter[1] * 100))\n }\n if (sort) params.set('sort', sort)\n const limit = pageLimit \|\| maxItems\n if (limit) params.set('limit', String(limit))\n if (after) params.set('after', after)\n if ((showCategories \|\| showPriceFilter) && !after) {\n params.set('facets', '1')\n }\n try {\n const response = await fetch(\n `/api/commerce/catalog?${params.toString()}`,\n )\n const payload = await response.json()\n if (seq !== fetchSeq.current) return\n const pageItems: CatalogItem[] = payload?.items ?? []\n setItems((prev) =>\n after && prev ? [...prev, ...pageItems] : pageItems,\n )\n setNextCursor(\n typeof payload?.nextCursor === 'string' ? payload.nextCursor : null,\n )\n if (!after) {\n setRefused(Array.isArray(payload?.refused) ? payload.refused : [])\n setNotices(Array.isArray(payload?.notices) ? payload.notices : [])\n }\n if (Array.isArray(payload?.categories)) {\n setCategories(payload.categories)\n }\n const bounds = payload?.priceBounds\n if (\n typeof bounds?.minCents === 'number' &&\n typeof bounds?.maxCents === 'number'\n ) {\n setPriceBounds(bounds)\n }\n } catch {\n if (seq !== fetchSeq.current) return\n if (!after) setItems([])\n setNextCursor(null)\n }\n },\n [\n hostId,\n source,\n collectionId,\n collectionSlug,\n categorySlug,\n tag,\n sort,\n maxItems,\n query,\n activeCategoryId,\n activeTag,\n activeType,\n inStockOnly,\n priceFilter,\n pageLimit,\n pinnedCategoryId,\n showCategories,\n showPriceFilter,\n ],\n )\n\n // A seeded grid already holds exactly what `loadPage(0)` would return,\n // so the first pass skips the fetch (AGL-659) — every later run, after\n // a filter or sort change, goes to the API as before.\n const seededRef = useRef(Boolean(seed))\n useEffect(() => {\n if (!hostId) return\n if (seededRef.current) {\n seededRef.current = false\n return\n }\n void loadPage()\n // Invalidate any in-flight request on dep change or unmount.\n return () => {\n fetchSeq.current++\n }\n }, [hostId, loadPage])\n\n const desktopColumns = Math.min(6, Math.max(1, columns ?? 3))\n const gridSx = {\n display: 'grid',\n gap: 2,\n gridTemplateColumns: {\n // Photo cards pair up on a phone, as a shop's catalog does; an\n // outlined card with its photo strip takes the row.\n xs: photoCards ? 'repeat(2, 1fr)' : 'repeat(1, 1fr)',\n sm: 'repeat(2, 1fr)',\n md: `repeat(${desktopColumns}, 1fr)`,\n },\n }\n // The rows the query returned, as returned (AGL-3321).\n const visible = hostId ? items : SAMPLE_ITEMS\n // Tag chips: the tags on the cards showing, as CHOICES — picking one asks\n // the catalog for that tag, never narrows these cards. The picked one\n // stays offered whatever the page it brought back carries.\n const facetTags = showFilters\n ? [\n ...new Set([\n ...(activeTag ? [activeTag] : []),\n ...(items ?? []).flatMap((item) => item.tags ?? []),\n ]),\n ].slice(0, 12)\n : []\n\n if (hostId && items === null) {\n return (\n // MERGE, never replace (AGL-1450). The skeleton branch replaced the\n // node's sx outright, so an authored grid flashed unstyled for as\n // long as the first fetch took and then snapped into place.\n <Box ref={ref} {...rest} sx={[gridSx, ...nodeSx]}>\n {Array.from({ length: desktopColumns }, (_item, index) => (\n <Card key={index} variant=\"outlined\">\n <Skeleton variant=\"rectangular\" height={160} />\n <CardContent>\n <Skeleton width=\"70%\" />\n <Skeleton width=\"30%\" />\n </CardContent>\n </Card>\n ))}\n </Box>\n )\n }\n\n // Catalog controls (AGL-561): search on top, category/type chips\n // under it with the sort select right-aligned — the layout every\n // mainstream commerce PLP uses. Server-side; sample data inert.\n const chipCategories = categories.length\n ? categories\n : !hostId && showCategories\n ? SAMPLE_CATEGORIES\n : []\n const selectedCategoryId =\n activeCategoryId === '' ? '' : activeCategoryId \|\| pinnedCategoryId\n const hasCatalogControls = Boolean(\n showSearch \|\| showCategories \|\| showSort \|\| showTypeFilter \|\|\n showPriceFilter,\n )\n // Price slider bounds (AGL-564), widened to whole dollars so both\n // ends stay reachable; sample bounds keep the canvas designable.\n const sliderBounds = hostId ? priceBounds : SAMPLE_PRICE_BOUNDS\n const sliderMin = sliderBounds ? Math.floor(sliderBounds.minCents / 100) : 0\n const sliderMax = sliderBounds ? Math.ceil(sliderBounds.maxCents / 100) : 0\n const showSlider = Boolean(showPriceFilter && sliderMin < sliderMax)\n const controls = hasCatalogControls ? (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mb: 2 }}>\n {showSearch ? (\n <TextField\n value={searchInput}\n onChange={(event) => setSearchInput(event.target.value)}\n placeholder=\"Search products…\"\n size=\"small\"\n fullWidth\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <SvgIcon fontSize=\"small\" color=\"disabled\">\n <path d={mdiMagnify.path} />\n </SvgIcon>\n </InputAdornment>\n ),\n },\n htmlInput: { 'aria-label': 'Search products', type: 'search' },\n }}\n />\n ) : null}\n {showCategories \|\| showTypeFilter \|\| showSort ? (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexWrap: 'wrap',\n alignItems: 'center',\n }}\n >\n {showCategories && chipCategories.length ? (\n <>\n <Chip\n label=\"All\"\n size=\"small\"\n variant={selectedCategoryId ? 'outlined' : 'filled'}\n color={selectedCategoryId ? 'default' : 'primary'}\n onClick={() => {\n // One array clause per query (AGL-3321): a chip asked\n // for while searching would be refused, so picking one\n // clears the search — and a tag chip — rather than\n // leaving a chip that does nothing.\n setSearchInput('')\n setQuery('')\n setActiveTag('')\n setActiveCategoryId('')\n }}\n />\n {chipCategories.map((category) => (\n <Chip\n key={category.id}\n label={category.name}\n size=\"small\"\n variant={\n selectedCategoryId === category.id ? 'filled' : 'outlined'\n }\n color={\n selectedCategoryId === category.id\n ? 'secondary'\n : 'default'\n }\n onClick={() => {\n setSearchInput('')\n setQuery('')\n setActiveTag('')\n setActiveCategoryId((prev) =>\n (prev \|\| pinnedCategoryId) === category.id\n ? ''\n : category.id,\n )\n }}\n />\n ))}\n </>\n ) : null}\n {showTypeFilter\n ? TYPE_OPTIONS.map((option) => (\n <Chip\n key={option.value}\n label={option.label}\n size=\"small\"\n variant={activeType === option.value ? 'filled' : 'outlined'}\n color={\n activeType === option.value ? 'secondary' : 'default'\n }\n onClick={() =>\n setActiveType((prev) =>\n prev === option.value ? '' : option.value,\n )\n }\n />\n ))\n : null}\n {showSort ? (\n <>\n <Box sx={{ flex: 1 }} />\n <TextField\n select\n size=\"small\"\n value={\n SORT_OPTIONS.some((option) => option.value === sort)\n ? sort\n : 'name'\n }\n onChange={(event) =>\n setSort(event.target.value as ProductGridProps['sort'])\n }\n sx={{ minWidth: 180 }}\n slotProps={{\n htmlInput: { 'aria-label': 'Sort products' },\n }}\n >\n {SORT_OPTIONS.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n {option.label}\n </MenuItem>\n ))}\n </TextField>\n </>\n ) : null}\n </Box>\n ) : null}\n {showSlider ? (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: 1.5,\n maxWidth: 360,\n px: 1,\n }}\n >\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{ whiteSpace: 'nowrap' }}\n >\n {`$${sliderMin}`}\n </Typography>\n <Slider\n size=\"small\"\n value={priceInput ?? [sliderMin, sliderMax]}\n min={sliderMin}\n max={sliderMax}\n step={1}\n disableSwap\n disabled={!hostId}\n onChange={(_event, value) =>\n setPriceInput(Array.isArray(value) ? value : [value, value])\n }\n valueLabelDisplay=\"auto\"\n valueLabelFormat={(value) => `$${value}`}\n getAriaLabel={(index) =>\n index === 0 ? 'Minimum price' : 'Maximum price'\n }\n />\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{ whiteSpace: 'nowrap' }}\n >\n {`$${sliderMax}`}\n </Typography>\n </Box>\n ) : null}\n </Box>\n ) : null\n\n const filtering = Boolean(\n query \|\|\n activeType \|\|\n selectedCategoryId \|\|\n activeTag \|\|\n inStockOnly \|\|\n priceFilter,\n )\n const emptyCopy = emptyText \|\| 'No products here yet — check back soon.'\n // A store with nothing listed yet (AGL-3676): a headline, a line and one\n // way to hear more — never sample products, never a sort over nothing.\n const emptyPanel = emptyTitle ? (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: 1.5,\n px: 3,\n py: { xs: 6, md: 10 },\n textAlign: 'center',\n borderRadius: 2,\n bgcolor: 'action.hover',\n }}\n >\n <Typography variant=\"h5\" component=\"h3\">\n {emptyTitle}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\" sx={{ maxWidth: 480 }}>\n {emptyCopy}\n </Typography>\n {emptyActionLabel && emptyActionHref ? (\n <Button variant=\"outlined\" href={emptyActionHref} sx={{ mt: 1 }}>\n {emptyActionLabel}\n </Button>\n ) : null}\n </Box>\n ) : null\n // An empty catalog with nothing asked of it shows its empty state alone:\n // controls are for narrowing products, and there are none to narrow.\n if (visible && visible.length === 0 && (!hasCatalogControls \|\| !filtering)) {\n return emptyPanel ? (\n <Box ref={ref} {...rest} sx={nodeSx}>\n {emptyPanel}\n </Box>\n ) : (\n <Box ref={ref} {...rest} sx={[{ p: 3, textAlign: 'center' }, ...nodeSx]}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {emptyCopy}\n </Typography>\n </Box>\n )\n }\n // With controls visible the empty state renders inline, so a\n // no-result search still leaves the box available to clear.\n const emptyState = (\n <Box sx={{ p: 3, textAlign: 'center' }}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {filtering ? 'No products match — try clearing a filter.' : emptyCopy}\n </Typography>\n </Box>\n )\n const loadMore =\n hostId && pageLimit && nextCursor != null ? (\n <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3 }}>\n <Button\n variant=\"outlined\"\n disabled={loadingMore}\n onClick={async () => {\n if (nextCursor == null \|\| loadingMore) return\n setLoadingMore(true)\n await loadPage(nextCursor)\n setLoadingMore(false)\n }}\n >\n {loadingMore ? 'Loading…' : 'Load more'}\n </Button>\n </Box>\n ) : null\n\n const grid = (\n <Box sx={gridSx}>\n {(visible ?? []).map((item) => {\n // AGL-1726: resolved BEFORE the guard, so a stored value that is\n // truthy but resolves to nothing renders the placeholder rather\n // than an `<img>` with no `src`.\n const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, { hostId })\n return (\n <Card\n key={item.id}\n variant={photoCards ? 'elevation' : 'outlined'}\n elevation={0}\n sx={photoCards ? { bgcolor: 'transparent', overflow: 'visible' } : undefined}\n >\n <CardActionArea\n href={hostId ? `/products/${item.slug}` : undefined}\n disabled={!hostId}\n sx={photoCards ? { borderRadius: 2 } : undefined}\n >\n {imageUrl ? (\n <CardMedia\n component=\"img\"\n image={imageUrl}\n alt={item.name}\n sx={\n photoCards\n ? {\n aspectRatio: '4 / 5',\n objectFit: 'cover',\n borderRadius: 2,\n // A storefront's photo answers the pointer (AGL-3676).\n transition: 'opacity 200ms ease',\n '.MuiCardActionArea-root:hover &': { opacity: 0.88 },\n }\n : { height: 160, objectFit: 'cover' }\n }\n // Deferred (AGL-2486), and this is the worst offender of\n // the set: a grid renders one image PER PRODUCT, all of\n // them previously unhinted, so a storefront section below\n // the fold opened N eager default-priority fetches that\n // outranked everything above it.\n {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n />\n ) : (\n // Never a blank tile (AGL-3676 follow-up).\n <ProductImagePlaceholder\n name={item.name}\n sx={\n photoCards\n ? { aspectRatio: '4 / 5', borderRadius: 2 }\n : { height: 160 }\n }\n />\n )}\n <CardContent sx={photoCards ? { px: 0.5, pt: 1.5, pb: 1 } : undefined}>\n <Typography variant={photoCards ? 'subtitle1' : 'subtitle2'} noWrap>\n {item.name}\n </Typography>\n <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {priceLabel(item)}\n </Typography>\n {item.compareAtPriceUsd ? (\n <Typography\n variant=\"caption\"\n color=\"text.disabled\"\n sx={{ textDecoration: 'line-through' }}\n >\n {`$${item.compareAtPriceUsd}`}\n </Typography>\n ) : null}\n {item.soldOut ? (\n <Chip label=\"Sold out\" size=\"small\" variant=\"outlined\" />\n ) : null}\n </Box>\n </CardContent>\n </CardActionArea>\n {quickAdd ? (\n <QuickAddButton\n item={item}\n inert={!hostId}\n busy={quickAdding === item.id}\n added={quickAdded === item.id}\n photoCards={photoCards}\n onAdd={async () => {\n if (!hostId \|\| !item.defaultVariantId \|\| quickAdding) return\n setQuickAdding(item.id)\n const ok = await addToCart({\n hostId,\n siteFetch,\n productId: item.id,\n variantId: item.defaultVariantId,\n quantity: 1,\n item: {\n item_id: item.id,\n item_name: item.name,\n price: item.priceUsd,\n quantity: 1,\n },\n })\n setQuickAdding('')\n if (ok) setQuickAdded(item.id)\n }}\n />\n ) : null}\n </Card>\n )\n })}\n </Box>\n )\n\n const body = visible && visible.length === 0 ? emptyState : grid\n const unapplied =\n hostId && (refused.length \|\| notices.length) ? (\n <Box sx={{ mb: 2 }}>\n <ListQueryNotices\n refused={listQueryRefusals(refused, {\n fields: STOREFRONT_CATALOG_DECLARATION.fields,\n headers: STOREFRONT_CATALOG_HEADERS,\n options: {\n ...STOREFRONT_CATALOG_OPTIONS,\n category: categories.map((category) => ({\n value: category.id,\n label: category.name,\n })),\n },\n })}\n notices={notices}\n />\n </Box>\n ) : null\n if (!showFilters) {\n return (\n <Box ref={ref} {...rest}>\n {controls}\n {unapplied}\n {body}\n {loadMore}\n </Box>\n )\n }\n return (\n <Box ref={ref} {...rest}>\n {controls}\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexWrap: 'wrap',\n alignItems: 'center',\n mb: 2,\n }}\n >\n <Chip\n label=\"In stock\"\n size=\"small\"\n variant={inStockOnly ? 'filled' : 'outlined'}\n color={inStockOnly ? 'primary' : 'default'}\n onClick={() => setInStockOnly((prev) => !prev)}\n />\n {facetTags.map((facetTag) => (\n <Chip\n key={facetTag}\n label={facetTag}\n size=\"small\"\n variant={activeTag === facetTag ? 'filled' : 'outlined'}\n color={activeTag === facetTag ? 'primary' : 'default'}\n onClick={() => {\n // The same one-array-clause rule as the category chips.\n setSearchInput('')\n setQuery('')\n setActiveCategoryId((prev) => (prev && prev !== '' ? '' : prev))\n setActiveTag((prev) => (prev === facetTag ? '' : facetTag))\n }}\n />\n ))}\n <Box sx={{ flex: 1 }} />\n <Chip\n label={\n sort === 'price-asc'\n ? 'Price ↑'\n : sort === 'price-desc'\n ? 'Price ↓'\n : 'A–Z'\n }\n size=\"small\"\n variant=\"outlined\"\n onClick={() =>\n setSort((prev) =>\n prev === 'price-asc'\n ? 'price-desc'\n : prev === 'price-desc'\n ? 'name'\n : 'price-asc',\n )\n }\n />\n </Box>\n {unapplied}\n {body}\n {loadMore}\n </Box>\n )\n },\n)\n/*\n A card's quick add: outside the card's link, so a click never follows it.\n * Sample cards on the canvas show the button inert.\n */\nfunction QuickAddButton({\n item,\n inert,\n busy,\n added,\n photoCards,\n onAdd,\n}: {\n item: CatalogItem\n inert: boolean\n busy: boolean\n added: boolean\n photoCards: boolean\n onAdd: () => void\n}) {\n const action = inert ? 'add' : quickAddAction(item)\n if (!action) return null\n const sx = photoCards ? { mt: 0.5, mx: 0.5, mb: 1 } : { mx: 2, mb: 2 }\n if (action === 'options') {\n return (\n <Box sx={sx}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n fullWidth\n href={`/products/${item.slug}`}\n onClick={(event) => event.stopPropagation()}\n >\n {'Choose options'}\n </Button>\n </Box>\n )\n }\n return (\n <Box sx={sx}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n fullWidth\n disabled={inert \|\| busy}\n aria-label={`Add ${item.name} to cart`}\n onClick={(event) => {\n event.preventDefault()\n event.stopPropagation()\n onAdd()\n }}\n >\n {added ? 'Added ✓' : busy ? 'Adding…' : 'Add to cart'}\n </Button>\n </Box>\n )\n}\n\nProductGrid.displayName = 'AglynProductGrid'\n\nexport const schema: Aglyn.ComponentSchema<ProductGridProps> = {\n $id: ID,\n pluginId: BUNDLE_ID,\n displayName: 'Product grid',\n description:\n 'Your catalog as a grid, with optional search, category chips, sort and paging.',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n attributes: [\n {\n name: 'source',\n label: 'Show',\n description: 'Which products to list.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'All products', value: 'all' },\n { label: 'A collection', value: 'collection' },\n { label: 'A category', value: 'category' },\n { label: 'A tag', value: 'tag' },\n ],\n },\n {\n name: 'collectionId',\n label: 'Collection',\n description:\n 'Pick the collection — stored by id, so renaming it never breaks ' +\n 'this grid. Leave empty on collection template pages to follow ' +\n 'the /collections/{slug} URL.',\n component: Aglyn.FieldComponentType.COLLECTION_SELECT,\n },\n {\n name: 'collectionSlug',\n label: 'Collection slug (legacy)',\n description: 'Used only when no collection is picked above.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'categoryId',\n label: 'Category',\n description:\n 'Pick the category — stored by id, rename-safe.',\n component: Aglyn.FieldComponentType.CATEGORY_SELECT,\n },\n {\n name: 'categorySlug',\n label: 'Category slug (legacy)',\n description: 'Used only when no category is picked above.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'tag',\n label: 'Tag',\n description: 'Products tagged with this value.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'sort',\n label: 'Sort',\n description: 'Listing order.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'Name', value: 'name' },\n { label: 'Price (low → high)', value: 'price-asc' },\n { label: 'Price (high → low)', value: 'price-desc' },\n { label: 'Newest', value: 'newest' },\n ],\n },\n {\n name: 'columns',\n label: 'Columns',\n description: 'Desktop columns (1-6).',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n name: 'maxItems',\n label: 'Max items',\n description: 'Cap the number of cards.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n name: 'emptyText',\n label: 'Empty text',\n description: 'Copy when nothing matches.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'emptyTitle',\n label: 'Empty headline',\n description:\n 'Headline while the store lists nothing yet; set, the empty state ' +\n 'is a full panel with the empty text and one button.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'emptyActionLabel',\n label: 'Empty button label',\n description: 'The empty panel’s button, e.g. “Get in touch”.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'emptyActionHref',\n label: 'Empty button link',\n description: 'Where the empty panel’s button goes, e.g. /contact.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'showFilters',\n label: 'Show filters',\n description: 'Tag chips, in-stock toggle, and price sort above the grid.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showSearch',\n label: 'Search box',\n description:\n 'Visitor search box above the grid — matches words at the start of ' +\n 'product names across the whole catalog (server-side).',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showCategories',\n label: 'Category chips',\n description:\n 'Filter chips built from your product categories, with an All chip.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showSort',\n label: 'Sort select',\n description:\n 'Visitor sort: newest, name, price low→high, price high→low.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showTypeFilter',\n label: 'Type filter',\n description: 'Physical / digital / services chips.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showPriceFilter',\n label: 'Price filter',\n description:\n 'Price range slider between your lowest and highest product prices.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'pageSize',\n label: 'Page size',\n description:\n 'Products per page with a Load more button; blank loads once ' +\n '(capped by Max items).',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n name: 'cardStyle',\n label: 'Card style',\n description: 'Outlined cards, or tall photos with the name and price under them.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'Outlined', value: 'outlined' },\n { label: 'Photo', value: 'photo' },\n ],\n },\n {\n // Off by default, so no existing grid changes shape on deploy.\n name: 'quickAdd',\n label: 'Quick add to cart',\n description:\n 'An Add to cart button on each card for a product with one variant; ' +\n '\"Choose options\" for one with several.',\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 grid',\n pluginId: BUNDLE_ID,\n description: 'Responsive grid of catalog products',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n data: {\n $id: null,\n componentId: ID,\n pluginId: BUNDLE_ID,\n props: { source: 'all', sort: 'name', columns: 3 },\n },\n },\n {\n // Full shop page (AGL-561): the grid with every catalog control on\n // — search, category chips, sort, and Load more paging.\n $id: generatePresetId(ID, 'shop'),\n type: Aglyn.NodeType.PRESET,\n displayName: 'Shop catalog',\n pluginId: BUNDLE_ID,\n description: 'Product grid with search, category chips, sort, and paging',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n data: {\n $id: null,\n componentId: ID,\n pluginId: BUNDLE_ID,\n props: {\n source: 'all',\n sort: 'newest',\n columns: 3,\n showSearch: true,\n showCategories: true,\n showSort: true,\n pageSize: 12,\n },\n },\n },\n]\n\nexport default ProductGrid\n"],"names":["Aglyn","mdiMagnify","mdiViewGridOutline","ListQueryNotices","listQueryRefusals","Box","Button","Card","CardActionArea","CardContent","CardMedia","Chip","InputAdornment","MenuItem","Skeleton","Slider","SvgIcon","TextField","Typography","forwardRef","useCallback","useEffect","useRef","useState","BUNDLE_ID","STOREFRONT_CATALOG_DECLARATION","STOREFRONT_CATALOG_HEADERS","STOREFRONT_CATALOG_OPTIONS","generatePresetId","addToCart","ProductImagePlaceholder","ID","quickAddAction","item","priceComingSoon","soldOut","defaultVariantId","variantCount","browseParamsFromSearch","search","params","URLSearchParams","categorySlug","get","trim","tag","PRICE_COMING_SOON_LABEL","SAMPLE_ITEMS","id","name","slug","priceUsd","maxPriceUsd","compareAtPriceUsd","SAMPLE_CATEGORIES","SAMPLE_PRICE_BOUNDS","minCents","maxCents","TYPE_OPTIONS","value","label","SORT_OPTIONS","collectionSlugFromLocation","window","match","location","pathname","decodeURIComponent","priceLabel","ProductGrid","props","ref","site","source","collectionId","collectionSlug","collectionSlugProp","categoryId","sort","sortProp","columns","maxItems","emptyText","emptyTitle","emptyActionLabel","emptyActionHref","showFilters","showSearch","showCategories","showSort","showTypeFilter","showPriceFilter","pageSize","cardStyle","quickAdd","rest","photoCards","nodeSx","Array","isArray","useSite","siteFetch","useSiteFetch","hostId","quickAdding","setQuickAdding","quickAdded","setQuickAdded","nodeId","useNodeId","seed","pageData","commerce","grids","items","setItems","setSort","inStockOnly","setInStockOnly","activeTag","setActiveTag","searchInput","setSearchInput","query","setQuery","activeCategoryId","setActiveCategoryId","activeType","setActiveType","categories","setCategories","priceBounds","setPriceBounds","priceInput","setPriceInput","priceFilter","setPriceFilter","nextCursor","setNextCursor","refused","setRefused","notices","setNotices","loadingMore","setLoadingMore","fetchSeq","pageLimit","Number","Math","floor","pinnedCategoryId","urlCategorySlug","setUrlCategorySlug","asked","length","find","category","timer","setTimeout","clearTimeout","loadPage","after","seq","current","set","effectiveCategoryId","effectiveTag","String","limit","response","fetch","toString","payload","json","pageItems","prev","bounds","seededRef","Boolean","desktopColumns","min","max","gridSx","display","gap","gridTemplateColumns","xs","sm","md","visible","facetTags","Set","flatMap","tags","slice","sx","from","_item","index","variant","height","width","chipCategories","selectedCategoryId","hasCatalogControls","sliderBounds","sliderMin","sliderMax","ceil","showSlider","controls","flexDirection","mb","onChange","event","target","placeholder","size","fullWidth","slotProps","input","startAdornment","position","fontSize","color","path","d","htmlInput","type","flexWrap","alignItems","onClick","map","option","flex","select","some","minWidth","maxWidth","px","whiteSpace","step","disableSwap","disabled","_event","valueLabelDisplay","valueLabelFormat","getAriaLabel","filtering","emptyCopy","emptyPanel","py","textAlign","borderRadius","bgcolor","component","href","mt","p","emptyState","loadMore","justifyContent","grid","imageUrl","siteRelativeMediaSrc","elevation","overflow","undefined","image","alt","aspectRatio","objectFit","transition","opacity","DEFERRED_IMAGE_ATTRIBUTES","pt","pb","noWrap","textDecoration","QuickAddButton","inert","busy","added","onAdd","ok","productId","variantId","quantity","item_id","item_name","price","body","unapplied","fields","headers","options","facetTag","action","mx","stopPropagation","aria-label","preventDefault","displayName","schema","$id","pluginId","description","ComponentCategory","COMMERCE","icon","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","SELECT","COLLECTION_SELECT","TEXT_FIELD","CATEGORY_SELECT","CHECKBOX","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/product-grid.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 { mdiMagnify, mdiViewGridOutline } from '@aglyn/shared-data-mdi'\nimport {\n ListQueryNotices,\n listQueryRefusals,\n} from '@aglyn/shared-ui-jsx/components/list-query-notices.component'\nimport type { ListFilterClause } from '@aglyn/shared-ui-jsx/const/list-grid-filter'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardMedia from '@mui/material/CardMedia'\nimport Chip from '@mui/material/Chip'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport MenuItem from '@mui/material/MenuItem'\nimport Skeleton from '@mui/material/Skeleton'\nimport Slider from '@mui/material/Slider'\nimport SvgIcon from '@mui/material/SvgIcon'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport {\n STOREFRONT_CATALOG_DECLARATION,\n STOREFRONT_CATALOG_HEADERS,\n STOREFRONT_CATALOG_OPTIONS,\n} from '../constants/storefront-catalog-query'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { addToCart } from '../utils/add-to-cart'\nimport { ProductImagePlaceholder } from './product-image-placeholder'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'product-grid'\n\nexport interface ProductGridProps {\n /** Filter source; 'all' lists the whole active catalog. /\n source?: 'all' \| 'collection' \| 'category' \| 'tag'\n /* Collection id when source = collection (rename-safe, AGL-343). /\n collectionId?: string\n /* Legacy collection slug; used only when no collectionId is set.\n * Blank follows the /collections/{slug} URL (AGL-298). /\n collectionSlug?: string\n /* Faceted controls above the grid: tags, availability, sort. /\n showFilters?: boolean\n /* Debounced visitor search box above the grid (server-side, AGL-561). /\n showSearch?: boolean\n /* Category filter chips from the host's categories (AGL-561). /\n showCategories?: boolean\n /* Sort select: newest, name, price low→high / high→low (AGL-561). /\n showSort?: boolean\n /* Physical / digital / services filter chips (AGL-561). /\n showTypeFilter?: boolean\n /* Price range slider bounded by the catalog's prices (AGL-564). /\n showPriceFilter?: boolean\n /* Products per page; shows a Load more button while more remain. /\n pageSize?: number\n /* Category id when source = category (rename-safe, AGL-343). /\n categoryId?: string\n /* Legacy category slug; used only when no categoryId is set. /\n categorySlug?: string\n /* Tag when source = tag. /\n tag?: string\n sort?: 'name' \| 'price-asc' \| 'price-desc' \| 'newest'\n /* Grid columns on desktop (1-6); mobile always stacks to 2/1. /\n columns?: number\n maxItems?: number\n /* Empty-state copy when nothing matches. /\n emptyText?: string\n /\n The empty state's headline (AGL-3676). Set, a catalog with nothing in it\n * yet opens as a full panel — the headline, `emptyText` and one action —\n * the way a designer store template opens before its first products; the\n * sort and filter controls wait for products to sort.\n /\n emptyTitle?: string\n /* The empty panel's one action: its label… /\n emptyActionLabel?: string\n /* …and where it goes, a path on the site (\"/contact\"). /\n emptyActionHref?: string\n /\n How each product is drawn (AGL-3676): `outlined`, the default, a card\n * with a short photo strip; `photo`, the photo first and tall, with the\n * name and price under it and no card around it — the way a storefront\n * leads with what it sells.\n /\n cardStyle?: 'outlined' \| 'photo'\n /\n A compact button under each card: \"Add to cart\" for a product that sells\n * as one priced variant in stock, \"Choose options\" (to its page) for one\n * with several variants, and nothing for a product with no price yet or\n * sold out. Off by default.\n /\n quickAdd?: boolean\n}\n\ninterface CatalogItem {\n id: string\n name: string\n slug: string\n priceUsd: number\n maxPriceUsd: number\n compareAtPriceUsd?: number\n imageUrl?: string\n soldOut: boolean\n tags?: string[]\n /* Listed before it has a price (AGL-3676): no price to print yet. /\n priceComingSoon?: boolean\n /* How many variants it sells as (absent from an older payload). /\n variantCount?: number\n /* The one variant a quick add puts in the cart. /\n defaultVariantId?: string\n}\n\n/* What a card's quick add offers for one product. /\nexport function quickAddAction(\n item: Pick<CatalogItem, 'priceComingSoon' \| 'soldOut' \| 'variantCount' \| 'defaultVariantId'>,\n): 'add' \| 'options' \| null {\n if (item.priceComingSoon \|\| item.soldOut) return null\n if (item.defaultVariantId) return 'add'\n if ((item.variantCount ?? 0) > 1) return 'options'\n return null\n}\n\n/\n The chip and tag a browsing grid opens on, from the page's address:\n * `?category=<slug>` and `?tag=<tag>`. Read after hydration only — the\n * server renders the unfiltered first page and has no address to read.\n /\nexport function browseParamsFromSearch(search: string): { categorySlug: string; tag: string } {\n const params = new URLSearchParams(search)\n return {\n categorySlug: (params.get('category') ?? '').trim(),\n tag: (params.get('tag') ?? '').trim(),\n }\n}\n\n/* What a card says where a product listed before it has a price would show one (AGL-3676). /\nconst PRICE_COMING_SOON_LABEL = 'Price coming soon'\n\ninterface CatalogCategory {\n id: string\n name: string\n slug: string\n}\n\n/* Price facet from the catalog handler, in cents (AGL-564). /\ninterface CatalogPriceBounds {\n minCents: number\n maxCents: number\n}\n\n/\n A control the catalog query could not apply, and why (AGL-3321): the\n * plan's refusal as the handler returns it, named here by\n * `listQueryRefusals` in the words of this grid's controls.\n /\ninterface CatalogRefusal {\n clause: ListFilterClause \| 'search'\n reason: string\n}\n\n/\n This grid's first page, resolved server-side by the commerce site-page\n * enricher (AGL-659). Same shape the catalog endpoint returns, because both\n * go through `queryPublicCatalog`.\n /\ninterface CatalogSeed {\n items?: CatalogItem[]\n categories?: CatalogCategory[]\n priceBounds?: CatalogPriceBounds\n nextCursor?: string\n refused?: CatalogRefusal[]\n notices?: string[]\n}\n\nconst SAMPLE_ITEMS: CatalogItem[] = [\n { id: 's1', name: 'Sample product', slug: '#', priceUsd: 29, maxPriceUsd: 29, soldOut: false },\n { id: 's2', name: 'Another product', slug: '#', priceUsd: 49, maxPriceUsd: 59, compareAtPriceUsd: 79, soldOut: false },\n { id: 's3', name: 'Third product', slug: '#', priceUsd: 12, maxPriceUsd: 12, soldOut: true },\n]\n\n/* Inert chips shown on the besigner canvas when categories are on. /\nconst SAMPLE_CATEGORIES: CatalogCategory[] = [\n { id: 'sc1', name: 'Apparel', slug: 'apparel' },\n { id: 'sc2', name: 'Accessories', slug: 'accessories' },\n]\n\n/* Inert slider bounds on the canvas, matching the sample cards. /\nconst SAMPLE_PRICE_BOUNDS: CatalogPriceBounds = {\n minCents: 1200,\n maxCents: 4900,\n}\n\nconst TYPE_OPTIONS = [\n { value: 'physical', label: 'Physical' },\n { value: 'digital', label: 'Digital' },\n { value: 'service', label: 'Services' },\n] as const\n\nconst SORT_OPTIONS = [\n { value: 'newest', label: 'Newest' },\n { value: 'name', label: 'Name' },\n { value: 'price-asc', label: 'Price: low to high' },\n { value: 'price-desc', label: 'Price: high to low' },\n] as const\n\nfunction collectionSlugFromLocation(): string {\n if (typeof window === 'undefined') return ''\n const match = window.location.pathname.match(/\\/collections\\/([^/?#]+)/)\n return match ? decodeURIComponent(match[1]) : ''\n}\n\nfunction priceLabel(item: CatalogItem): string {\n if (item.priceComingSoon) return PRICE_COMING_SOON_LABEL\n return item.priceUsd === item.maxPriceUsd\n ? `$${item.priceUsd}`\n : `From $${item.priceUsd}`\n}\n\n/\n Product grid / PLP block (AGL-291): active catalog items from the\n * public listing API, filterable by collection/category/tag, designable\n * in besigner with sample cards (no SiteContext = inert canvas, same\n * convention as the mui Product block). Cards navigate to\n * `/products/{slug}` (PDP routes, AGL-292). Catalog UX (AGL-561):\n * optional debounced search, category chips, type chips, a sort\n * select, and Load more paging — all resolved server-side by the\n * catalog handler so large catalogs stay cheap.\n \n Nothing is narrowed here (AGL-3321): every control is a parameter of the\n * catalog query, and the rows shown are the rows it returned. A control the\n * query could not combine with another comes back in `refused` and is said\n * above the grid, rather than applied to the cards that happen to be loaded.\n /\nconst ProductGrid = forwardRef<HTMLDivElement, ProductGridProps>(\n (props, ref) => {\n const {\n source,\n collectionId,\n collectionSlug: collectionSlugProp,\n categoryId,\n categorySlug,\n tag,\n sort: sortProp,\n columns,\n maxItems,\n emptyText,\n emptyTitle,\n emptyActionLabel,\n emptyActionHref,\n showFilters,\n showSearch,\n showCategories,\n showSort,\n showTypeFilter,\n showPriceFilter,\n pageSize,\n cardStyle,\n quickAdd,\n ...rest\n } = props\n const photoCards = cardStyle === 'photo'\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 // Quick add (AGL-3676 follow-up): which card is adding, which just did.\n const [quickAdding, setQuickAdding] = useState('')\n const [quickAdded, setQuickAdded] = useState('')\n // Server-rendered first page (AGL-659). The site-page enricher ran this\n // grid's own query on the server and keyed the result by node id — two\n // grids on a page have different queries, so an unkeyed seed would put\n // the wrong products in one of them. Absent in the besigner and preview,\n // where there is no pageData at all and the effect below still fetches.\n const nodeId = Aglyn.useNodeId()\n const seed = (\n site.pageData as\n \| { commerce?: { grids?: Record<string, CatalogSeed> } }\n \| undefined\n )?.commerce?.grids?.[nodeId]\n\n const [items, setItems] = useState<CatalogItem[] \| null>(\n seed?.items ?? null,\n )\n const [sort, setSort] = useState(sortProp)\n // The In stock chip, asked of the catalog (`inStock=1`), never matched\n // over the cards on screen (AGL-3321).\n const [inStockOnly, setInStockOnly] = useState(false)\n const [activeTag, setActiveTag] = useState('')\n // Catalog UX state (AGL-561): the search box debounces into\n // `query`; a chip pick overrides any pinned category ('' = All);\n // paging appends via the handler's `nextCursor` (AGL-3321).\n const [searchInput, setSearchInput] = useState('')\n const [query, setQuery] = useState('')\n const [activeCategoryId, setActiveCategoryId] = useState('')\n const [activeType, setActiveType] = useState('')\n const [categories, setCategories] = useState<CatalogCategory[]>(\n seed?.categories ?? [],\n )\n // Price filter (AGL-564): the slider drags into `priceInput` (whole\n // dollars) and debounces into `priceFilter`, which drives the query;\n // null = untouched (no price params sent). Bounds come from the\n // handler's price facets.\n const [priceBounds, setPriceBounds] = useState<CatalogPriceBounds \| null>(\n seed?.priceBounds ?? null,\n )\n const [priceInput, setPriceInput] = useState<number[] \| null>(null)\n const [priceFilter, setPriceFilter] = useState<number[] \| null>(null)\n const [nextCursor, setNextCursor] = useState<string \| null>(\n seed?.nextCursor ?? null,\n )\n // What the query could not apply, said above the grid (AGL-3321).\n const [refused, setRefused] = useState<CatalogRefusal[]>(seed?.refused ?? [])\n const [notices, setNotices] = useState<string[]>(seed?.notices ?? [])\n const [loadingMore, setLoadingMore] = useState(false)\n const fetchSeq = useRef(0)\n const collectionSlug =\n source === 'collection'\n ? collectionSlugProp \|\| collectionSlugFromLocation()\n : collectionSlugProp\n const pageLimit =\n pageSize && Number(pageSize) > 0 ? Math.floor(Number(pageSize)) : 0\n const pinnedCategoryId = source === 'category' ? categoryId ?? '' : ''\n\n // A browsing grid opens on the address's `?category=` / `?tag=`: a shop\n // page linked as /shop?category=candles shows that chip picked. Read in\n // an effect, so the server and the first client render agree.\n const [urlCategorySlug, setUrlCategorySlug] = useState('')\n useEffect(() => {\n if (!hostId \|\| typeof window === 'undefined') return\n const asked = browseParamsFromSearch(window.location.search)\n if (showCategories && asked.categorySlug) setUrlCategorySlug(asked.categorySlug)\n if (showFilters && asked.tag) setActiveTag(asked.tag)\n // Once, on arrival: later chip picks are the visitor's.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [hostId])\n useEffect(() => {\n if (!urlCategorySlug \|\| !categories.length) return\n const match = categories.find((category) => category.slug === urlCategorySlug)\n if (match) setActiveCategoryId(match.id)\n setUrlCategorySlug('')\n }, [urlCategorySlug, categories])\n\n // Debounce keystrokes so large catalogs aren't fetched per letter.\n useEffect(() => {\n const timer = setTimeout(() => setQuery(searchInput.trim()), 300)\n return () => clearTimeout(timer)\n }, [searchInput])\n\n // Debounce slider drags the same way (AGL-564): one fetch per\n // settled range, not one per pixel of thumb movement.\n useEffect(() => {\n const timer = setTimeout(() => setPriceFilter(priceInput), 300)\n return () => clearTimeout(timer)\n }, [priceInput])\n\n const loadPage = useCallback(\n async (after?: string): Promise<void> => {\n if (!hostId) return\n const seq = ++fetchSeq.current\n const params = new URLSearchParams({ hostId })\n // Ids first (rename-safe, AGL-343); slugs remain as the legacy path.\n if (source === 'collection') {\n if (collectionId) params.set('collectionId', collectionId)\n else if (collectionSlug) params.set('collection', collectionSlug)\n }\n const effectiveCategoryId =\n activeCategoryId === '' ? '' : activeCategoryId \|\| pinnedCategoryId\n if (effectiveCategoryId) {\n params.set('categoryId', effectiveCategoryId)\n } else if (!activeCategoryId && source === 'category' && categorySlug) {\n params.set('category', categorySlug)\n }\n // A tag chip overrides a pinned tag, as a category chip does.\n const effectiveTag = activeTag \|\| (source === 'tag' ? tag ?? '' : '')\n if (effectiveTag) params.set('tag', effectiveTag)\n if (query) params.set('q', query)\n if (activeType) params.set('type', activeType)\n if (inStockOnly) params.set('inStock', '1')\n // Slider dollars → API cents (AGL-564).\n if (priceFilter) {\n params.set('minPriceCents', String(priceFilter[0] 100))\n params.set('maxPriceCents', String(priceFilter[1] * 100))\n }\n if (sort) params.set('sort', sort)\n const limit = pageLimit \|\| maxItems\n if (limit) params.set('limit', String(limit))\n if (after) params.set('after', after)\n if ((showCategories \|\| showPriceFilter) && !after) {\n params.set('facets', '1')\n }\n try {\n const response = await fetch(\n `/api/commerce/catalog?${params.toString()}`,\n )\n const payload = await response.json()\n if (seq !== fetchSeq.current) return\n const pageItems: CatalogItem[] = payload?.items ?? []\n setItems((prev) =>\n after && prev ? [...prev, ...pageItems] : pageItems,\n )\n setNextCursor(\n typeof payload?.nextCursor === 'string' ? payload.nextCursor : null,\n )\n if (!after) {\n setRefused(Array.isArray(payload?.refused) ? payload.refused : [])\n setNotices(Array.isArray(payload?.notices) ? payload.notices : [])\n }\n if (Array.isArray(payload?.categories)) {\n setCategories(payload.categories)\n }\n const bounds = payload?.priceBounds\n if (\n typeof bounds?.minCents === 'number' &&\n typeof bounds?.maxCents === 'number'\n ) {\n setPriceBounds(bounds)\n }\n } catch {\n if (seq !== fetchSeq.current) return\n if (!after) setItems([])\n setNextCursor(null)\n }\n },\n [\n hostId,\n source,\n collectionId,\n collectionSlug,\n categorySlug,\n tag,\n sort,\n maxItems,\n query,\n activeCategoryId,\n activeTag,\n activeType,\n inStockOnly,\n priceFilter,\n pageLimit,\n pinnedCategoryId,\n showCategories,\n showPriceFilter,\n ],\n )\n\n // A seeded grid already holds exactly what `loadPage(0)` would return,\n // so the first pass skips the fetch (AGL-659) — every later run, after\n // a filter or sort change, goes to the API as before.\n const seededRef = useRef(Boolean(seed))\n useEffect(() => {\n if (!hostId) return\n if (seededRef.current) {\n seededRef.current = false\n return\n }\n void loadPage()\n // Invalidate any in-flight request on dep change or unmount.\n return () => {\n fetchSeq.current++\n }\n }, [hostId, loadPage])\n\n const desktopColumns = Math.min(6, Math.max(1, columns ?? 3))\n const gridSx = {\n display: 'grid',\n gap: 2,\n gridTemplateColumns: {\n // Photo cards pair up on a phone, as a shop's catalog does; an\n // outlined card with its photo strip takes the row.\n xs: photoCards ? 'repeat(2, minmax(0, 1fr))' : 'repeat(1, minmax(0, 1fr))',\n sm: 'repeat(2, minmax(0, 1fr))',\n md: `repeat(${desktopColumns}, minmax(0, 1fr))`,\n },\n }\n // The rows the query returned, as returned (AGL-3321).\n const visible = hostId ? items : SAMPLE_ITEMS\n // Tag chips: the tags on the cards showing, as CHOICES — picking one asks\n // the catalog for that tag, never narrows these cards. The picked one\n // stays offered whatever the page it brought back carries.\n const facetTags = showFilters\n ? [\n ...new Set([\n ...(activeTag ? [activeTag] : []),\n ...(items ?? []).flatMap((item) => item.tags ?? []),\n ]),\n ].slice(0, 12)\n : []\n\n if (hostId && items === null) {\n return (\n // MERGE, never replace (AGL-1450). The skeleton branch replaced the\n // node's sx outright, so an authored grid flashed unstyled for as\n // long as the first fetch took and then snapped into place.\n <Box ref={ref} {...rest} sx={[gridSx, ...nodeSx]}>\n {Array.from({ length: desktopColumns }, (_item, index) => (\n <Card key={index} variant=\"outlined\">\n <Skeleton variant=\"rectangular\" height={160} />\n <CardContent>\n <Skeleton width=\"70%\" />\n <Skeleton width=\"30%\" />\n </CardContent>\n </Card>\n ))}\n </Box>\n )\n }\n\n // Catalog controls (AGL-561): search on top, category/type chips\n // under it with the sort select right-aligned — the layout every\n // mainstream commerce PLP uses. Server-side; sample data inert.\n const chipCategories = categories.length\n ? categories\n : !hostId && showCategories\n ? SAMPLE_CATEGORIES\n : []\n const selectedCategoryId =\n activeCategoryId === '' ? '' : activeCategoryId \|\| pinnedCategoryId\n const hasCatalogControls = Boolean(\n showSearch \|\| showCategories \|\| showSort \|\| showTypeFilter \|\|\n showPriceFilter,\n )\n // Price slider bounds (AGL-564), widened to whole dollars so both\n // ends stay reachable; sample bounds keep the canvas designable.\n const sliderBounds = hostId ? priceBounds : SAMPLE_PRICE_BOUNDS\n const sliderMin = sliderBounds ? Math.floor(sliderBounds.minCents / 100) : 0\n const sliderMax = sliderBounds ? Math.ceil(sliderBounds.maxCents / 100) : 0\n const showSlider = Boolean(showPriceFilter && sliderMin < sliderMax)\n const controls = hasCatalogControls ? (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, mb: 2 }}>\n {showSearch ? (\n <TextField\n value={searchInput}\n onChange={(event) => setSearchInput(event.target.value)}\n placeholder=\"Search products…\"\n size=\"small\"\n fullWidth\n slotProps={{\n input: {\n startAdornment: (\n <InputAdornment position=\"start\">\n <SvgIcon fontSize=\"small\" color=\"disabled\">\n <path d={mdiMagnify.path} />\n </SvgIcon>\n </InputAdornment>\n ),\n },\n htmlInput: { 'aria-label': 'Search products', type: 'search' },\n }}\n />\n ) : null}\n {showCategories \|\| showTypeFilter \|\| showSort ? (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexWrap: 'wrap',\n alignItems: 'center',\n }}\n >\n {showCategories && chipCategories.length ? (\n <>\n <Chip\n label=\"All\"\n size=\"small\"\n variant={selectedCategoryId ? 'outlined' : 'filled'}\n color={selectedCategoryId ? 'default' : 'primary'}\n onClick={() => {\n // One array clause per query (AGL-3321): a chip asked\n // for while searching would be refused, so picking one\n // clears the search — and a tag chip — rather than\n // leaving a chip that does nothing.\n setSearchInput('')\n setQuery('')\n setActiveTag('')\n setActiveCategoryId('')\n }}\n />\n {chipCategories.map((category) => (\n <Chip\n key={category.id}\n label={category.name}\n size=\"small\"\n variant={\n selectedCategoryId === category.id ? 'filled' : 'outlined'\n }\n color={\n selectedCategoryId === category.id\n ? 'secondary'\n : 'default'\n }\n onClick={() => {\n setSearchInput('')\n setQuery('')\n setActiveTag('')\n setActiveCategoryId((prev) =>\n (prev \|\| pinnedCategoryId) === category.id\n ? ''\n : category.id,\n )\n }}\n />\n ))}\n </>\n ) : null}\n {showTypeFilter\n ? TYPE_OPTIONS.map((option) => (\n <Chip\n key={option.value}\n label={option.label}\n size=\"small\"\n variant={activeType === option.value ? 'filled' : 'outlined'}\n color={\n activeType === option.value ? 'secondary' : 'default'\n }\n onClick={() =>\n setActiveType((prev) =>\n prev === option.value ? '' : option.value,\n )\n }\n />\n ))\n : null}\n {showSort ? (\n <>\n <Box sx={{ flex: 1 }} />\n <TextField\n select\n size=\"small\"\n value={\n SORT_OPTIONS.some((option) => option.value === sort)\n ? sort\n : 'name'\n }\n onChange={(event) =>\n setSort(event.target.value as ProductGridProps['sort'])\n }\n sx={{ minWidth: 180 }}\n slotProps={{\n htmlInput: { 'aria-label': 'Sort products' },\n }}\n >\n {SORT_OPTIONS.map((option) => (\n <MenuItem key={option.value} value={option.value}>\n {option.label}\n </MenuItem>\n ))}\n </TextField>\n </>\n ) : null}\n </Box>\n ) : null}\n {showSlider ? (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: 1.5,\n maxWidth: 360,\n px: 1,\n }}\n >\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{ whiteSpace: 'nowrap' }}\n >\n {`$${sliderMin}`}\n </Typography>\n <Slider\n size=\"small\"\n value={priceInput ?? [sliderMin, sliderMax]}\n min={sliderMin}\n max={sliderMax}\n step={1}\n disableSwap\n disabled={!hostId}\n onChange={(_event, value) =>\n setPriceInput(Array.isArray(value) ? value : [value, value])\n }\n valueLabelDisplay=\"auto\"\n valueLabelFormat={(value) => `$${value}`}\n getAriaLabel={(index) =>\n index === 0 ? 'Minimum price' : 'Maximum price'\n }\n />\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{ whiteSpace: 'nowrap' }}\n >\n {`$${sliderMax}`}\n </Typography>\n </Box>\n ) : null}\n </Box>\n ) : null\n\n const filtering = Boolean(\n query \|\|\n activeType \|\|\n selectedCategoryId \|\|\n activeTag \|\|\n inStockOnly \|\|\n priceFilter,\n )\n const emptyCopy = emptyText \|\| 'No products here yet — check back soon.'\n // A store with nothing listed yet (AGL-3676): a headline, a line and one\n // way to hear more — never sample products, never a sort over nothing.\n const emptyPanel = emptyTitle ? (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: 1.5,\n px: 3,\n py: { xs: 6, md: 10 },\n textAlign: 'center',\n borderRadius: 2,\n bgcolor: 'action.hover',\n }}\n >\n <Typography variant=\"h5\" component=\"h3\">\n {emptyTitle}\n </Typography>\n <Typography variant=\"body1\" color=\"text.secondary\" sx={{ maxWidth: 480 }}>\n {emptyCopy}\n </Typography>\n {emptyActionLabel && emptyActionHref ? (\n <Button variant=\"outlined\" href={emptyActionHref} sx={{ mt: 1 }}>\n {emptyActionLabel}\n </Button>\n ) : null}\n </Box>\n ) : null\n // An empty catalog with nothing asked of it shows its empty state alone:\n // controls are for narrowing products, and there are none to narrow.\n if (visible && visible.length === 0 && (!hasCatalogControls \|\| !filtering)) {\n return emptyPanel ? (\n <Box ref={ref} {...rest} sx={nodeSx}>\n {emptyPanel}\n </Box>\n ) : (\n <Box ref={ref} {...rest} sx={[{ p: 3, textAlign: 'center' }, ...nodeSx]}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {emptyCopy}\n </Typography>\n </Box>\n )\n }\n // With controls visible the empty state renders inline, so a\n // no-result search still leaves the box available to clear.\n const emptyState = (\n <Box sx={{ p: 3, textAlign: 'center' }}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {filtering ? 'No products match — try clearing a filter.' : emptyCopy}\n </Typography>\n </Box>\n )\n const loadMore =\n hostId && pageLimit && nextCursor != null ? (\n <Box sx={{ display: 'flex', justifyContent: 'center', mt: 3 }}>\n <Button\n variant=\"outlined\"\n disabled={loadingMore}\n onClick={async () => {\n if (nextCursor == null \|\| loadingMore) return\n setLoadingMore(true)\n await loadPage(nextCursor)\n setLoadingMore(false)\n }}\n >\n {loadingMore ? 'Loading…' : 'Load more'}\n </Button>\n </Box>\n ) : null\n\n const grid = (\n <Box sx={gridSx}>\n {(visible ?? []).map((item) => {\n // AGL-1726: resolved BEFORE the guard, so a stored value that is\n // truthy but resolves to nothing renders the placeholder rather\n // than an `<img>` with no `src`.\n const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, { hostId })\n return (\n <Card\n key={item.id}\n variant={photoCards ? 'elevation' : 'outlined'}\n elevation={0}\n sx={photoCards ? { bgcolor: 'transparent', overflow: 'visible', minWidth: 0 } : { minWidth: 0 }}\n >\n <CardActionArea\n href={hostId ? `/products/${item.slug}` : undefined}\n disabled={!hostId}\n sx={photoCards ? { borderRadius: 2 } : undefined}\n >\n {imageUrl ? (\n <CardMedia\n component=\"img\"\n image={imageUrl}\n alt={item.name}\n sx={\n photoCards\n ? {\n width: '100%',\n aspectRatio: '4 / 5',\n objectFit: 'cover',\n borderRadius: 2,\n // A storefront's photo answers the pointer (AGL-3676).\n transition: 'opacity 200ms ease',\n '.MuiCardActionArea-root:hover &': { opacity: 0.88 },\n }\n : { height: 160, objectFit: 'cover' }\n }\n // Deferred (AGL-2486), and this is the worst offender of\n // the set: a grid renders one image PER PRODUCT, all of\n // them previously unhinted, so a storefront section below\n // the fold opened N eager default-priority fetches that\n // outranked everything above it.\n {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n />\n ) : (\n // Never a blank tile (AGL-3676 follow-up).\n <ProductImagePlaceholder\n name={item.name}\n sx={\n photoCards\n ? { aspectRatio: '4 / 5', borderRadius: 2 }\n : { height: 160 }\n }\n />\n )}\n <CardContent sx={photoCards ? { px: 0.5, pt: 1.5, pb: 1 } : undefined}>\n <Typography variant={photoCards ? 'subtitle1' : 'subtitle2'} noWrap>\n {item.name}\n </Typography>\n <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n <Typography variant=\"body2\" color=\"text.secondary\">\n {priceLabel(item)}\n </Typography>\n {item.compareAtPriceUsd ? (\n <Typography\n variant=\"caption\"\n color=\"text.disabled\"\n sx={{ textDecoration: 'line-through' }}\n >\n {`$${item.compareAtPriceUsd}`}\n </Typography>\n ) : null}\n {item.soldOut ? (\n <Chip label=\"Sold out\" size=\"small\" variant=\"outlined\" />\n ) : null}\n </Box>\n </CardContent>\n </CardActionArea>\n {quickAdd ? (\n <QuickAddButton\n item={item}\n inert={!hostId}\n busy={quickAdding === item.id}\n added={quickAdded === item.id}\n photoCards={photoCards}\n onAdd={async () => {\n if (!hostId \|\| !item.defaultVariantId \|\| quickAdding) return\n setQuickAdding(item.id)\n const ok = await addToCart({\n hostId,\n siteFetch,\n productId: item.id,\n variantId: item.defaultVariantId,\n quantity: 1,\n item: {\n item_id: item.id,\n item_name: item.name,\n price: item.priceUsd,\n quantity: 1,\n },\n })\n setQuickAdding('')\n if (ok) setQuickAdded(item.id)\n }}\n />\n ) : null}\n </Card>\n )\n })}\n </Box>\n )\n\n const body = visible && visible.length === 0 ? emptyState : grid\n const unapplied =\n hostId && (refused.length \|\| notices.length) ? (\n <Box sx={{ mb: 2 }}>\n <ListQueryNotices\n refused={listQueryRefusals(refused, {\n fields: STOREFRONT_CATALOG_DECLARATION.fields,\n headers: STOREFRONT_CATALOG_HEADERS,\n options: {\n ...STOREFRONT_CATALOG_OPTIONS,\n category: categories.map((category) => ({\n value: category.id,\n label: category.name,\n })),\n },\n })}\n notices={notices}\n />\n </Box>\n ) : null\n if (!showFilters) {\n return (\n <Box ref={ref} {...rest}>\n {controls}\n {unapplied}\n {body}\n {loadMore}\n </Box>\n )\n }\n return (\n <Box ref={ref} {...rest}>\n {controls}\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexWrap: 'wrap',\n alignItems: 'center',\n mb: 2,\n }}\n >\n <Chip\n label=\"In stock\"\n size=\"small\"\n variant={inStockOnly ? 'filled' : 'outlined'}\n color={inStockOnly ? 'primary' : 'default'}\n onClick={() => setInStockOnly((prev) => !prev)}\n />\n {facetTags.map((facetTag) => (\n <Chip\n key={facetTag}\n label={facetTag}\n size=\"small\"\n variant={activeTag === facetTag ? 'filled' : 'outlined'}\n color={activeTag === facetTag ? 'primary' : 'default'}\n onClick={() => {\n // The same one-array-clause rule as the category chips.\n setSearchInput('')\n setQuery('')\n setActiveCategoryId((prev) => (prev && prev !== '' ? '' : prev))\n setActiveTag((prev) => (prev === facetTag ? '' : facetTag))\n }}\n />\n ))}\n <Box sx={{ flex: 1 }} />\n <Chip\n label={\n sort === 'price-asc'\n ? 'Price ↑'\n : sort === 'price-desc'\n ? 'Price ↓'\n : 'A–Z'\n }\n size=\"small\"\n variant=\"outlined\"\n onClick={() =>\n setSort((prev) =>\n prev === 'price-asc'\n ? 'price-desc'\n : prev === 'price-desc'\n ? 'name'\n : 'price-asc',\n )\n }\n />\n </Box>\n {unapplied}\n {body}\n {loadMore}\n </Box>\n )\n },\n)\n/*\n A card's quick add: outside the card's link, so a click never follows it.\n * Sample cards on the canvas show the button inert.\n */\nfunction QuickAddButton({\n item,\n inert,\n busy,\n added,\n photoCards,\n onAdd,\n}: {\n item: CatalogItem\n inert: boolean\n busy: boolean\n added: boolean\n photoCards: boolean\n onAdd: () => void\n}) {\n const action = inert ? 'add' : quickAddAction(item)\n if (!action) return null\n const sx = photoCards ? { mt: 0.5, mx: 0.5, mb: 1 } : { mx: 2, mb: 2 }\n if (action === 'options') {\n return (\n <Box sx={sx}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n fullWidth\n href={`/products/${item.slug}`}\n onClick={(event) => event.stopPropagation()}\n >\n {'Choose options'}\n </Button>\n </Box>\n )\n }\n return (\n <Box sx={sx}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n fullWidth\n disabled={inert \|\| busy}\n aria-label={`Add ${item.name} to cart`}\n onClick={(event) => {\n event.preventDefault()\n event.stopPropagation()\n onAdd()\n }}\n >\n {added ? 'Added ✓' : busy ? 'Adding…' : 'Add to cart'}\n </Button>\n </Box>\n )\n}\n\nProductGrid.displayName = 'AglynProductGrid'\n\nexport const schema: Aglyn.ComponentSchema<ProductGridProps> = {\n $id: ID,\n pluginId: BUNDLE_ID,\n displayName: 'Product grid',\n description:\n 'Your catalog as a grid, with optional search, category chips, sort and paging.',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n attributes: [\n {\n name: 'source',\n label: 'Show',\n description: 'Which products to list.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'All products', value: 'all' },\n { label: 'A collection', value: 'collection' },\n { label: 'A category', value: 'category' },\n { label: 'A tag', value: 'tag' },\n ],\n },\n {\n name: 'collectionId',\n label: 'Collection',\n description:\n 'Pick the collection — stored by id, so renaming it never breaks ' +\n 'this grid. Leave empty on collection template pages to follow ' +\n 'the /collections/{slug} URL.',\n component: Aglyn.FieldComponentType.COLLECTION_SELECT,\n },\n {\n name: 'collectionSlug',\n label: 'Collection slug (legacy)',\n description: 'Used only when no collection is picked above.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'categoryId',\n label: 'Category',\n description:\n 'Pick the category — stored by id, rename-safe.',\n component: Aglyn.FieldComponentType.CATEGORY_SELECT,\n },\n {\n name: 'categorySlug',\n label: 'Category slug (legacy)',\n description: 'Used only when no category is picked above.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'tag',\n label: 'Tag',\n description: 'Products tagged with this value.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'sort',\n label: 'Sort',\n description: 'Listing order.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'Name', value: 'name' },\n { label: 'Price (low → high)', value: 'price-asc' },\n { label: 'Price (high → low)', value: 'price-desc' },\n { label: 'Newest', value: 'newest' },\n ],\n },\n {\n name: 'columns',\n label: 'Columns',\n description: 'Desktop columns (1-6).',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n name: 'maxItems',\n label: 'Max items',\n description: 'Cap the number of cards.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n name: 'emptyText',\n label: 'Empty text',\n description: 'Copy when nothing matches.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'emptyTitle',\n label: 'Empty headline',\n description:\n 'Headline while the store lists nothing yet; set, the empty state ' +\n 'is a full panel with the empty text and one button.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'emptyActionLabel',\n label: 'Empty button label',\n description: 'The empty panel’s button, e.g. “Get in touch”.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'emptyActionHref',\n label: 'Empty button link',\n description: 'Where the empty panel’s button goes, e.g. /contact.',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'showFilters',\n label: 'Show filters',\n description: 'Tag chips, in-stock toggle, and price sort above the grid.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showSearch',\n label: 'Search box',\n description:\n 'Visitor search box above the grid — matches words at the start of ' +\n 'product names across the whole catalog (server-side).',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showCategories',\n label: 'Category chips',\n description:\n 'Filter chips built from your product categories, with an All chip.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showSort',\n label: 'Sort select',\n description:\n 'Visitor sort: newest, name, price low→high, price high→low.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showTypeFilter',\n label: 'Type filter',\n description: 'Physical / digital / services chips.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'showPriceFilter',\n label: 'Price filter',\n description:\n 'Price range slider between your lowest and highest product prices.',\n component: Aglyn.FieldComponentType.CHECKBOX,\n },\n {\n name: 'pageSize',\n label: 'Page size',\n description:\n 'Products per page with a Load more button; blank loads once ' +\n '(capped by Max items).',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n name: 'cardStyle',\n label: 'Card style',\n description: 'Outlined cards, or tall photos with the name and price under them.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'Outlined', value: 'outlined' },\n { label: 'Photo', value: 'photo' },\n ],\n },\n {\n // Off by default, so no existing grid changes shape on deploy.\n name: 'quickAdd',\n label: 'Quick add to cart',\n description:\n 'An Add to cart button on each card for a product with one variant; ' +\n '\"Choose options\" for one with several.',\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 grid',\n pluginId: BUNDLE_ID,\n description: 'Responsive grid of catalog products',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n data: {\n $id: null,\n componentId: ID,\n pluginId: BUNDLE_ID,\n props: { source: 'all', sort: 'name', columns: 3 },\n },\n },\n {\n // Full shop page (AGL-561): the grid with every catalog control on\n // — search, category chips, sort, and Load more paging.\n $id: generatePresetId(ID, 'shop'),\n type: Aglyn.NodeType.PRESET,\n displayName: 'Shop catalog',\n pluginId: BUNDLE_ID,\n description: 'Product grid with search, category chips, sort, and paging',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiViewGridOutline.path, sx: { color: '#2e7d32' } },\n data: {\n $id: null,\n componentId: ID,\n pluginId: BUNDLE_ID,\n props: {\n source: 'all',\n sort: 'newest',\n columns: 3,\n showSearch: true,\n showCategories: true,\n showSort: true,\n pageSize: 12,\n },\n },\n },\n]\n\nexport default ProductGrid\n"],"names":["Aglyn","mdiMagnify","mdiViewGridOutline","ListQueryNotices","listQueryRefusals","Box","Button","Card","CardActionArea","CardContent","CardMedia","Chip","InputAdornment","MenuItem","Skeleton","Slider","SvgIcon","TextField","Typography","forwardRef","useCallback","useEffect","useRef","useState","BUNDLE_ID","STOREFRONT_CATALOG_DECLARATION","STOREFRONT_CATALOG_HEADERS","STOREFRONT_CATALOG_OPTIONS","generatePresetId","addToCart","ProductImagePlaceholder","ID","quickAddAction","item","priceComingSoon","soldOut","defaultVariantId","variantCount","browseParamsFromSearch","search","params","URLSearchParams","categorySlug","get","trim","tag","PRICE_COMING_SOON_LABEL","SAMPLE_ITEMS","id","name","slug","priceUsd","maxPriceUsd","compareAtPriceUsd","SAMPLE_CATEGORIES","SAMPLE_PRICE_BOUNDS","minCents","maxCents","TYPE_OPTIONS","value","label","SORT_OPTIONS","collectionSlugFromLocation","window","match","location","pathname","decodeURIComponent","priceLabel","ProductGrid","props","ref","site","source","collectionId","collectionSlug","collectionSlugProp","categoryId","sort","sortProp","columns","maxItems","emptyText","emptyTitle","emptyActionLabel","emptyActionHref","showFilters","showSearch","showCategories","showSort","showTypeFilter","showPriceFilter","pageSize","cardStyle","quickAdd","rest","photoCards","nodeSx","Array","isArray","useSite","siteFetch","useSiteFetch","hostId","quickAdding","setQuickAdding","quickAdded","setQuickAdded","nodeId","useNodeId","seed","pageData","commerce","grids","items","setItems","setSort","inStockOnly","setInStockOnly","activeTag","setActiveTag","searchInput","setSearchInput","query","setQuery","activeCategoryId","setActiveCategoryId","activeType","setActiveType","categories","setCategories","priceBounds","setPriceBounds","priceInput","setPriceInput","priceFilter","setPriceFilter","nextCursor","setNextCursor","refused","setRefused","notices","setNotices","loadingMore","setLoadingMore","fetchSeq","pageLimit","Number","Math","floor","pinnedCategoryId","urlCategorySlug","setUrlCategorySlug","asked","length","find","category","timer","setTimeout","clearTimeout","loadPage","after","seq","current","set","effectiveCategoryId","effectiveTag","String","limit","response","fetch","toString","payload","json","pageItems","prev","bounds","seededRef","Boolean","desktopColumns","min","max","gridSx","display","gap","gridTemplateColumns","xs","sm","md","visible","facetTags","Set","flatMap","tags","slice","sx","from","_item","index","variant","height","width","chipCategories","selectedCategoryId","hasCatalogControls","sliderBounds","sliderMin","sliderMax","ceil","showSlider","controls","flexDirection","mb","onChange","event","target","placeholder","size","fullWidth","slotProps","input","startAdornment","position","fontSize","color","path","d","htmlInput","type","flexWrap","alignItems","onClick","map","option","flex","select","some","minWidth","maxWidth","px","whiteSpace","step","disableSwap","disabled","_event","valueLabelDisplay","valueLabelFormat","getAriaLabel","filtering","emptyCopy","emptyPanel","py","textAlign","borderRadius","bgcolor","component","href","mt","p","emptyState","loadMore","justifyContent","grid","imageUrl","siteRelativeMediaSrc","elevation","overflow","undefined","image","alt","aspectRatio","objectFit","transition","opacity","DEFERRED_IMAGE_ATTRIBUTES","pt","pb","noWrap","textDecoration","QuickAddButton","inert","busy","added","onAdd","ok","productId","variantId","quantity","item_id","item_name","price","body","unapplied","fields","headers","options","facetTag","action","mx","stopPropagation","aria-label","preventDefault","displayName","schema","$id","pluginId","description","ComponentCategory","COMMERCE","icon","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","SELECT","COLLECTION_SELECT","TEXT_FIELD","CATEGORY_SELECT","CHECKBOX","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/related-products.js CHANGED Viewed

@@ -125,8 +125,8 @@ export const ID = 'related-products';
                     display: 'grid',
                     gap: 2,
                     gridTemplateColumns: {
-                        xs: 'repeat(2, 1fr)',
-                        md: 'repeat(4, 1fr)'
+                        xs: 'repeat(2, minmax(0, 1fr))',
+                        md: 'repeat(4, minmax(0, 1fr))'
                     }
                 } : {
                     display: 'flex',
@@ -151,7 +151,8 @@ export const ID = 'related-products';
                         elevation: 0,
                         sx: grid ? {
                             bgcolor: 'transparent',
-                            overflow: 'visible'
+                            overflow: 'visible',
+                            minWidth: 0
                         } : {
                             minWidth: 160
                         },

package/src/lib/components/related-products.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/related-products.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 { mdiShapePlus } from '@aglyn/shared-data-mdi'\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardMedia from '@mui/material/CardMedia'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { ProductImagePlaceholder } from './product-image-placeholder'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'related-products'\n\nexport interface RelatedProductsProps {\n /** Anchor product id; blank follows the /products/{slug} page. /\n productId?: string\n heading?: string\n maxItems?: number\n /\n How the items are drawn: `strip`, the default, a scrolling row of small\n * cards; `grid`, tall photo cards (4:5) with the name and price under\n * them in a grid of up to four across — the product grid's photo look.\n /\n layout?: 'strip' \| 'grid'\n}\n\ninterface CatalogItem {\n id: string\n name: string\n slug: string\n priceUsd: number\n imageUrl?: string\n /* Listed before it has a price (AGL-3676). /\n priceComingSoon?: boolean\n}\n\n/\n Related products / upsell strip (AGL-325): the product's manual list,\n * else \"frequently bought together\" from recent orders, else tag and\n * category neighbors — resolved server-side, rendered as cards.\n */\nconst RelatedProducts = forwardRef<HTMLDivElement, RelatedProductsProps>(\n (props, ref) => {\n const { productId: productIdProp, heading, maxItems, layout, ...rest } = props\n // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n const site = Aglyn.useSite()\n const { hostId } = site\n // The page's product, when the server seeded it (AGL-659): its id is the\n // anchor, so the rail skips a product lookup the page already made.\n const seededProductId = (\n site.pageData as { commerce?: { product?: { id?: string } } } \| undefined\n )?.commerce?.product?.id\n const [items, setItems] = useState<CatalogItem[] \| null>(null)\n\n useEffect(() => {\n if (!hostId) return\n let active = true\n void (async () => {\n let anchor = productIdProp \|\| seededProductId \|\| ''\n if (!anchor) {\n const match = window.location.pathname.match(/\\/products\\/([^/?#]+)/)\n if (!match) return\n const response = await fetch(\n `/api/commerce/product?hostId=${encodeURIComponent(hostId)}` +\n `&slug=${encodeURIComponent(decodeURIComponent(match[1]))}`,\n ).catch(() => null)\n const payload = await response?.json().catch(() => ({}))\n anchor = String(payload?.product?.id ?? '')\n }\n if (!active \|\| !anchor) return\n const relatedResponse = await fetch(\n `/api/commerce/related?hostId=${encodeURIComponent(hostId)}` +\n `&productId=${encodeURIComponent(anchor)}`,\n ).catch(() => null)\n const related = await relatedResponse?.json().catch(() => ({}))\n const ids: string[] = related?.productIds ?? []\n if (!active \|\| ids.length === 0) return setItems([])\n const catalogResponse = await fetch(\n `/api/commerce/catalog?hostId=${encodeURIComponent(hostId)}` +\n `&ids=${encodeURIComponent(ids.join(','))}`,\n ).catch(() => null)\n const catalog = await catalogResponse?.json().catch(() => ({}))\n if (active) setItems(catalog?.items ?? [])\n })()\n return () => {\n active = false\n }\n }, [hostId, productIdProp, seededProductId])\n\n if (!hostId) {\n return (\n <Box\n ref={ref}\n {...rest}\n sx={[\n {\n p: 3,\n border: '1px dashed',\n borderColor: 'divider',\n borderRadius: 1,\n color: 'text.secondary',\n fontSize: 13,\n fontFamily: 'system-ui, sans-serif',\n },\n ...nodeSx,\n ]}\n >\n {'Related products render here'}\n </Box>\n )\n }\n if (!items \|\| items.length === 0) return <Box ref={ref} {...rest} />\n\n const grid = layout === 'grid'\n return (\n <Box ref={ref} {...rest}>\n <Typography variant={grid ? 'h5' : 'h6'} component=\"h2\" gutterBottom sx={grid ? { mb: 2 } : undefined}>\n {heading \|\| 'You may also like'}\n </Typography>\n <Box\n sx={\n grid\n ? {\n display: 'grid',\n gap: 2,\n gridTemplateColumns: { xs: 'repeat(2, 1fr)', md: 'repeat(4, 1fr)' },\n }\n : { display: 'flex', gap: 1.5, overflowX: 'auto', pb: 1 }\n }\n >\n {items\n .slice(0, maxItems && maxItems > 0 ? maxItems : 6)\n .map((item) => {\n // AGL-1726: resolved BEFORE the guard — see the note in\n // `product-detail.tsx`.\n const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, {\n hostId,\n })\n const mediaSx = grid\n ? { aspectRatio: '4 / 5', borderRadius: 2 }\n : { height: 110 }\n return (\n <Card\n key={item.id}\n variant={grid ? 'elevation' : 'outlined'}\n elevation={0}\n sx={grid ? { bgcolor: 'transparent', overflow: 'visible' } : { minWidth: 160 }}\n >\n <CardActionArea\n href={`/products/${item.slug}`}\n sx={grid ? { borderRadius: 2 } : undefined}\n >\n {imageUrl ? (\n <CardMedia\n component=\"img\"\n image={imageUrl}\n alt={item.name}\n sx={{ ...mediaSx, objectFit: 'cover' }}\n // Deferred (AGL-2486). A related-products rail sits at\n // the BOTTOM of a product page by construction, and it\n // was fetching eagerly against the gallery hero above\n // it — the one image on that page that is the LCP.\n {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n />\n ) : (\n // Never a blank tile: a product with no photo yet says\n // so, in the theme's colours (AGL-3676 follow-up).\n <ProductImagePlaceholder name={item.name} sx={mediaSx} />\n )}\n <CardContent sx={grid ? { px: 0.5, pt: 1.5, pb: 1 } : { py: 1 }}>\n <Typography variant={grid ? 'subtitle1' : 'body2'} noWrap>\n {item.name}\n </Typography>\n <Typography variant={grid ? 'body2' : 'caption'} color=\"text.secondary\">\n {item.priceComingSoon ? 'Price coming soon' : `$${item.priceUsd}`}\n </Typography>\n </CardContent>\n </CardActionArea>\n </Card>\n )\n })}\n </Box>\n </Box>\n )\n },\n)\nRelatedProducts.displayName = 'AglynRelatedProducts'\n\nexport const schema: Aglyn.ComponentSchema<RelatedProductsProps> = {\n $id: ID,\n pluginId: BUNDLE_ID,\n displayName: 'Related products',\n description:\n 'An upsell strip — your manual picks, or what people buy together.',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiShapePlus.path, sx: { color: '#2e7d32' } },\n flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n attributes: [\n {\n name: 'productId',\n label: 'Product id',\n description:\n 'The product to find relatives OF. Blank reads it from the URL, so ' +\n 'a product template shows each product’s own related items; naming ' +\n 'one pins the rail to that product’s relatives everywhere.',\n component: Aglyn.FieldComponentType.PRODUCT_SELECT,\n },\n {\n name: 'heading',\n label: 'Heading',\n description: 'Defaults to \"You may also like\".',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'maxItems',\n label: 'Max items',\n description: 'Cap the strip (default 6).',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n // Default `strip`, so a page that already places this block keeps it.\n name: 'layout',\n label: 'Layout',\n description: 'A scrolling strip of small cards, or a grid of tall photo cards.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'Strip', value: 'strip' },\n { label: 'Photo grid', value: 'grid' },\n ],\n },\n ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n {\n $id: generatePresetId(ID),\n type: Aglyn.NodeType.PRESET,\n displayName: 'Related products',\n pluginId: BUNDLE_ID,\n description: 'Manual picks or frequently-bought-together',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiShapePlus.path, sx: { color: '#2e7d32' } },\n data: {\n $id: null,\n componentId: ID,\n pluginId: BUNDLE_ID,\n props: {},\n },\n },\n]\n\nexport default RelatedProducts\n"],"names":["Aglyn","mdiShapePlus","Box","Card","CardActionArea","CardContent","CardMedia","Typography","forwardRef","useEffect","useState","BUNDLE_ID","generatePresetId","ProductImagePlaceholder","ID","RelatedProducts","props","ref","site","productId","productIdProp","heading","maxItems","layout","rest","nodeSx","Array","isArray","useSite","hostId","seededProductId","pageData","commerce","product","id","items","setItems","active","anchor","payload","match","window","location","pathname","response","fetch","encodeURIComponent","decodeURIComponent","catch","json","String","relatedResponse","related","ids","productIds","length","catalogResponse","join","catalog","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","grid","variant","component","gutterBottom","mb","undefined","display","gap","gridTemplateColumns","xs","md","overflowX","pb","slice","map","item","imageUrl","siteRelativeMediaSrc","mediaSx","aspectRatio","height","elevation","bgcolor","overflow","minWidth","href","slug","image","alt","name","objectFit","DEFERRED_IMAGE_ATTRIBUTES","px","pt","py","noWrap","priceComingSoon","priceUsd","displayName","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","label","FieldComponentType","PRODUCT_SELECT","TEXT_FIELD","type","SELECT","options","value","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/related-products.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 { mdiShapePlus } from '@aglyn/shared-data-mdi'\nimport Box from '@mui/material/Box'\nimport Card from '@mui/material/Card'\nimport CardActionArea from '@mui/material/CardActionArea'\nimport CardContent from '@mui/material/CardContent'\nimport CardMedia from '@mui/material/CardMedia'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\nimport { ProductImagePlaceholder } from './product-image-placeholder'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'related-products'\n\nexport interface RelatedProductsProps {\n /** Anchor product id; blank follows the /products/{slug} page. /\n productId?: string\n heading?: string\n maxItems?: number\n /\n How the items are drawn: `strip`, the default, a scrolling row of small\n * cards; `grid`, tall photo cards (4:5) with the name and price under\n * them in a grid of up to four across — the product grid's photo look.\n /\n layout?: 'strip' \| 'grid'\n}\n\ninterface CatalogItem {\n id: string\n name: string\n slug: string\n priceUsd: number\n imageUrl?: string\n /* Listed before it has a price (AGL-3676). /\n priceComingSoon?: boolean\n}\n\n/\n Related products / upsell strip (AGL-325): the product's manual list,\n * else \"frequently bought together\" from recent orders, else tag and\n * category neighbors — resolved server-side, rendered as cards.\n */\nconst RelatedProducts = forwardRef<HTMLDivElement, RelatedProductsProps>(\n (props, ref) => {\n const { productId: productIdProp, heading, maxItems, layout, ...rest } = props\n // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n const site = Aglyn.useSite()\n const { hostId } = site\n // The page's product, when the server seeded it (AGL-659): its id is the\n // anchor, so the rail skips a product lookup the page already made.\n const seededProductId = (\n site.pageData as { commerce?: { product?: { id?: string } } } \| undefined\n )?.commerce?.product?.id\n const [items, setItems] = useState<CatalogItem[] \| null>(null)\n\n useEffect(() => {\n if (!hostId) return\n let active = true\n void (async () => {\n let anchor = productIdProp \|\| seededProductId \|\| ''\n if (!anchor) {\n const match = window.location.pathname.match(/\\/products\\/([^/?#]+)/)\n if (!match) return\n const response = await fetch(\n `/api/commerce/product?hostId=${encodeURIComponent(hostId)}` +\n `&slug=${encodeURIComponent(decodeURIComponent(match[1]))}`,\n ).catch(() => null)\n const payload = await response?.json().catch(() => ({}))\n anchor = String(payload?.product?.id ?? '')\n }\n if (!active \|\| !anchor) return\n const relatedResponse = await fetch(\n `/api/commerce/related?hostId=${encodeURIComponent(hostId)}` +\n `&productId=${encodeURIComponent(anchor)}`,\n ).catch(() => null)\n const related = await relatedResponse?.json().catch(() => ({}))\n const ids: string[] = related?.productIds ?? []\n if (!active \|\| ids.length === 0) return setItems([])\n const catalogResponse = await fetch(\n `/api/commerce/catalog?hostId=${encodeURIComponent(hostId)}` +\n `&ids=${encodeURIComponent(ids.join(','))}`,\n ).catch(() => null)\n const catalog = await catalogResponse?.json().catch(() => ({}))\n if (active) setItems(catalog?.items ?? [])\n })()\n return () => {\n active = false\n }\n }, [hostId, productIdProp, seededProductId])\n\n if (!hostId) {\n return (\n <Box\n ref={ref}\n {...rest}\n sx={[\n {\n p: 3,\n border: '1px dashed',\n borderColor: 'divider',\n borderRadius: 1,\n color: 'text.secondary',\n fontSize: 13,\n fontFamily: 'system-ui, sans-serif',\n },\n ...nodeSx,\n ]}\n >\n {'Related products render here'}\n </Box>\n )\n }\n if (!items \|\| items.length === 0) return <Box ref={ref} {...rest} />\n\n const grid = layout === 'grid'\n return (\n <Box ref={ref} {...rest}>\n <Typography variant={grid ? 'h5' : 'h6'} component=\"h2\" gutterBottom sx={grid ? { mb: 2 } : undefined}>\n {heading \|\| 'You may also like'}\n </Typography>\n <Box\n sx={\n grid\n ? {\n display: 'grid',\n gap: 2,\n gridTemplateColumns: { xs: 'repeat(2, minmax(0, 1fr))', md: 'repeat(4, minmax(0, 1fr))' },\n }\n : { display: 'flex', gap: 1.5, overflowX: 'auto', pb: 1 }\n }\n >\n {items\n .slice(0, maxItems && maxItems > 0 ? maxItems : 6)\n .map((item) => {\n // AGL-1726: resolved BEFORE the guard — see the note in\n // `product-detail.tsx`.\n const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, {\n hostId,\n })\n const mediaSx = grid\n ? { aspectRatio: '4 / 5', borderRadius: 2 }\n : { height: 110 }\n return (\n <Card\n key={item.id}\n variant={grid ? 'elevation' : 'outlined'}\n elevation={0}\n sx={grid ? { bgcolor: 'transparent', overflow: 'visible', minWidth: 0 } : { minWidth: 160 }}\n >\n <CardActionArea\n href={`/products/${item.slug}`}\n sx={grid ? { borderRadius: 2 } : undefined}\n >\n {imageUrl ? (\n <CardMedia\n component=\"img\"\n image={imageUrl}\n alt={item.name}\n sx={{ ...mediaSx, objectFit: 'cover' }}\n // Deferred (AGL-2486). A related-products rail sits at\n // the BOTTOM of a product page by construction, and it\n // was fetching eagerly against the gallery hero above\n // it — the one image on that page that is the LCP.\n {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n />\n ) : (\n // Never a blank tile: a product with no photo yet says\n // so, in the theme's colours (AGL-3676 follow-up).\n <ProductImagePlaceholder name={item.name} sx={mediaSx} />\n )}\n <CardContent sx={grid ? { px: 0.5, pt: 1.5, pb: 1 } : { py: 1 }}>\n <Typography variant={grid ? 'subtitle1' : 'body2'} noWrap>\n {item.name}\n </Typography>\n <Typography variant={grid ? 'body2' : 'caption'} color=\"text.secondary\">\n {item.priceComingSoon ? 'Price coming soon' : `$${item.priceUsd}`}\n </Typography>\n </CardContent>\n </CardActionArea>\n </Card>\n )\n })}\n </Box>\n </Box>\n )\n },\n)\nRelatedProducts.displayName = 'AglynRelatedProducts'\n\nexport const schema: Aglyn.ComponentSchema<RelatedProductsProps> = {\n $id: ID,\n pluginId: BUNDLE_ID,\n displayName: 'Related products',\n description:\n 'An upsell strip — your manual picks, or what people buy together.',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiShapePlus.path, sx: { color: '#2e7d32' } },\n flags: { selfClosing: Aglyn.FEATURE_FLAG.ENABLED },\n attributes: [\n {\n name: 'productId',\n label: 'Product id',\n description:\n 'The product to find relatives OF. Blank reads it from the URL, so ' +\n 'a product template shows each product’s own related items; naming ' +\n 'one pins the rail to that product’s relatives everywhere.',\n component: Aglyn.FieldComponentType.PRODUCT_SELECT,\n },\n {\n name: 'heading',\n label: 'Heading',\n description: 'Defaults to \"You may also like\".',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n },\n {\n name: 'maxItems',\n label: 'Max items',\n description: 'Cap the strip (default 6).',\n component: Aglyn.FieldComponentType.TEXT_FIELD,\n type: 'number',\n },\n {\n // Default `strip`, so a page that already places this block keeps it.\n name: 'layout',\n label: 'Layout',\n description: 'A scrolling strip of small cards, or a grid of tall photo cards.',\n component: Aglyn.FieldComponentType.SELECT,\n options: [\n { label: 'Strip', value: 'strip' },\n { label: 'Photo grid', value: 'grid' },\n ],\n },\n ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n {\n $id: generatePresetId(ID),\n type: Aglyn.NodeType.PRESET,\n displayName: 'Related products',\n pluginId: BUNDLE_ID,\n description: 'Manual picks or frequently-bought-together',\n category: Aglyn.ComponentCategory.COMMERCE,\n icon: { path: mdiShapePlus.path, sx: { color: '#2e7d32' } },\n data: {\n $id: null,\n componentId: ID,\n pluginId: BUNDLE_ID,\n props: {},\n },\n },\n]\n\nexport default RelatedProducts\n"],"names":["Aglyn","mdiShapePlus","Box","Card","CardActionArea","CardContent","CardMedia","Typography","forwardRef","useEffect","useState","BUNDLE_ID","generatePresetId","ProductImagePlaceholder","ID","RelatedProducts","props","ref","site","productId","productIdProp","heading","maxItems","layout","rest","nodeSx","Array","isArray","useSite","hostId","seededProductId","pageData","commerce","product","id","items","setItems","active","anchor","payload","match","window","location","pathname","response","fetch","encodeURIComponent","decodeURIComponent","catch","json","String","relatedResponse","related","ids","productIds","length","catalogResponse","join","catalog","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","grid","variant","component","gutterBottom","mb","undefined","display","gap","gridTemplateColumns","xs","md","overflowX","pb","slice","map","item","imageUrl","siteRelativeMediaSrc","mediaSx","aspectRatio","height","elevation","bgcolor","overflow","minWidth","href","slug","image","alt","name","objectFit","DEFERRED_IMAGE_ATTRIBUTES","px","pt","py","noWrap","priceComingSoon","priceUsd","displayName","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","label","FieldComponentType","PRODUCT_SELECT","TEXT_FIELD","type","SELECT","options","value","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/model/commerce-record-routes.js CHANGED Viewed

@@ -49,6 +49,14 @@ function orders(context, key, value) {
         [key]: value
     }).toString()}` : `${list}/orders`;
 }
+/**
+ * The store's settings — payments (Stripe), shipping, tax and returns — under
+ * `store-settings` (AGL-3676): where an AI-built store's "Finish your store"
+ * list sends its owner, without spelling this plugin's console path.
+ */ function settings(context) {
+    const list = catalog(context);
+    return list ? `${list}/settings` : null;
+}
 /**
  * Called from the console registrar. The owner is named rather than read off
  * the loader's marker, so the route registers the same way under a spec that
@@ -60,6 +68,12 @@ function orders(context, key, value) {
     }, {
         pluginId: BUNDLE_ID
     });
+    registerPluginRecordRoute('store-settings', {
+        list: settings,
+        record: settings
+    }, {
+        pluginId: BUNDLE_ID
+    });
     registerPluginRecordRoute('order', {
         list: (context)=>orders(context),
         record: (context, id)=>orders(context, ORDERS_ORDER_PARAM, id),

package/src/lib/model/commerce-record-routes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/model/commerce-record-routes.ts"],"sourcesContent":["/*\n @license\n * Copyright 2026 Aglyn LLC\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 * http://www.apache.org/licenses/LICENSE-2.0\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\nimport { buildRoute, Route } from '@aglyn/aglyn/app-utils/console-routes'\nimport {\n registerPluginRecordRoute,\n type PluginRecordRouteContext,\n} from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\nimport { BUNDLE_ID } from '../constants/bundle-common'\n\n/\n Where a product and an order are read, published for every other surface\n * (AGL-3080).\n \n A surface elsewhere — the AI plugin's job drawer opening a product it\n * drafted, a contact's timeline opening the order it names, a person's page\n * listing their orders — asks the record-route registry for `product` or\n * `order` rather than spelling this plugin's console path, and gets `null`\n * (text instead of a link) where this plugin is not loaded.\n \n Both are a site's, so only a site has an address. The catalog has no page\n * per product — a product opens in the hub's editor — so the record answers\n * the catalog a caller would find it in. An order opens as a dialog over the\n * Orders list, which reads {@link ORDERS_ORDER_PARAM} on arrival; the list\n * narrowed to one buyer reads {@link ORDERS_CUSTOMER_PARAM}.\n /\n\n/* The nav slug the shell resolves the catalog by. /\nexport const PRODUCTS_SLUG = 'products'\n\n/* The query key the Orders list opens one order's dialog by. /\nexport const ORDERS_ORDER_PARAM = 'order'\n\n/\n The query key the Orders list narrows to one buyer by — the same word the\n * CRM's contacts list opens a person by, so a reader who edits one URL into\n * the other is not surprised.\n /\nexport const ORDERS_CUSTOMER_PARAM = 'email'\n\nfunction catalog(context: PluginRecordRouteContext): string \| null {\n return context.host\n ? buildRoute(Route.HOST_PLUGIN, {\n orgSlug: context.orgSlug,\n host: context.host,\n pluginSlug: PRODUCTS_SLUG,\n })\n : null\n}\n\nfunction orders(context: PluginRecordRouteContext, key?: string, value?: string): string \| null {\n const list = catalog(context)\n if (!list) return null\n return key && value\n ? `${list}/orders?${new URLSearchParams({ [key]: value }).toString()}`\n : `${list}/orders`\n}\n\n/\n Called from the console registrar. The owner is named rather than read off\n * the loader's marker, so the route registers the same way under a spec that\n * calls the registrar directly.\n */\nexport function registerCommerceRecordRoutes(): void {\n registerPluginRecordRoute(\n 'product',\n { list: catalog, record: catalog },\n { pluginId: BUNDLE_ID },\n )\n registerPluginRecordRoute(\n 'order',\n {\n list: (context) => orders(context),\n record: (context, id) => orders(context, ORDERS_ORDER_PARAM, id),\n byEmail: (context, email) => orders(context, ORDERS_CUSTOMER_PARAM, email),\n },\n { pluginId: BUNDLE_ID },\n )\n}\n"],"names":["buildRoute","Route","registerPluginRecordRoute","BUNDLE_ID","PRODUCTS_SLUG","ORDERS_ORDER_PARAM","ORDERS_CUSTOMER_PARAM","catalog","context","host","HOST_PLUGIN","orgSlug","pluginSlug","orders","key","value","list","URLSearchParams","toString","registerCommerceRecordRoutes","record","pluginId","id","byEmail","email"],"mappings":"AAAA;;;;;;;;;;;;CAYC,GAGD,SAASA,UAAU,EAAEC,KAAK,QAAQ,wCAAuC;AACzE,SACEC,yBAAyB,QAEpB,mDAAkD;AACzD,SAASC,SAAS,QAAQ,gCAA4B;AAEtD;;;;;;;;;;;;;;;CAeC,GAED,oDAAoD,GACpD,OAAO,MAAMC,gBAAgB,WAAU;AAEvC,+DAA+D,GAC/D,OAAO,MAAMC,qBAAqB,QAAO;AAEzC;;;;CAIC,GACD,OAAO,MAAMC,wBAAwB,QAAO;AAE5C,SAASC,QAAQC,OAAiC;IAChD,OAAOA,QAAQC,IAAI,GACfT,WAAWC,MAAMS,WAAW,EAAE;QAC5BC,SAASH,QAAQG,OAAO;QACxBF,MAAMD,QAAQC,IAAI;QAClBG,YAAYR;IACd,KACA;AACN;AAEA,SAASS,OAAOL,OAAiC,EAAEM,GAAY,EAAEC,KAAc;IAC7E,MAAMC,OAAOT,QAAQC;IACrB,IAAI,CAACQ,MAAM,OAAO;IAClB,OAAOF,OAAOC,QACV,GAAGC,KAAK,QAAQ,EAAE,IAAIC,gBAAgB;QAAE,CAACH,IAAI,EAAEC;IAAM,GAAGG,QAAQ,IAAI,GACpE,GAAGF,KAAK,OAAO,CAAC;AACtB;AAEA;;;;CAIC,GACD,OAAO,~~SAASG~~;~~IACdjB~~,0BACE,WACA;QAAEc,MAAMT;~~QAASa~~,~~QAAQb~~;IAAQ,GACjC;~~QAAEc~~,~~UAAUlB~~;IAAU;IAExBD,0BACE,SACA;QACEc,MAAM,CAACR,UAAYK,OAAOL;~~QAC1BY~~,QAAQ,~~CAACZ~~,~~SAASc~~,~~KAAOT~~,OAAOL,SAASH,~~oBAAoBiB~~;QAC7DC,SAAS,~~CAACf~~,~~SAASgB~~,~~QAAUX~~,OAAOL,SAASF,~~uBAAuBkB~~;IACtE,GACA;QAAEH,~~UAAUlB~~;IAAU;AAE1B"}
1	+ {"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/model/commerce-record-routes.ts"],"sourcesContent":["/*\n @license\n * Copyright 2026 Aglyn LLC\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 * http://www.apache.org/licenses/LICENSE-2.0\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\nimport { buildRoute, Route } from '@aglyn/aglyn/app-utils/console-routes'\nimport {\n registerPluginRecordRoute,\n type PluginRecordRouteContext,\n} from '@aglyn/aglyn/plugin-manager/plugin-record-routes'\nimport { BUNDLE_ID } from '../constants/bundle-common'\n\n/\n Where a product and an order are read, published for every other surface\n * (AGL-3080).\n \n A surface elsewhere — the AI plugin's job drawer opening a product it\n * drafted, a contact's timeline opening the order it names, a person's page\n * listing their orders — asks the record-route registry for `product` or\n * `order` rather than spelling this plugin's console path, and gets `null`\n * (text instead of a link) where this plugin is not loaded.\n \n Both are a site's, so only a site has an address. The catalog has no page\n * per product — a product opens in the hub's editor — so the record answers\n * the catalog a caller would find it in. An order opens as a dialog over the\n * Orders list, which reads {@link ORDERS_ORDER_PARAM} on arrival; the list\n * narrowed to one buyer reads {@link ORDERS_CUSTOMER_PARAM}.\n /\n\n/* The nav slug the shell resolves the catalog by. /\nexport const PRODUCTS_SLUG = 'products'\n\n/* The query key the Orders list opens one order's dialog by. /\nexport const ORDERS_ORDER_PARAM = 'order'\n\n/\n The query key the Orders list narrows to one buyer by — the same word the\n * CRM's contacts list opens a person by, so a reader who edits one URL into\n * the other is not surprised.\n /\nexport const ORDERS_CUSTOMER_PARAM = 'email'\n\nfunction catalog(context: PluginRecordRouteContext): string \| null {\n return context.host\n ? buildRoute(Route.HOST_PLUGIN, {\n orgSlug: context.orgSlug,\n host: context.host,\n pluginSlug: PRODUCTS_SLUG,\n })\n : null\n}\n\nfunction orders(context: PluginRecordRouteContext, key?: string, value?: string): string \| null {\n const list = catalog(context)\n if (!list) return null\n return key && value\n ? `${list}/orders?${new URLSearchParams({ [key]: value }).toString()}`\n : `${list}/orders`\n}\n\n/\n The store's settings — payments (Stripe), shipping, tax and returns — under\n * `store-settings` (AGL-3676): where an AI-built store's \"Finish your store\"\n * list sends its owner, without spelling this plugin's console path.\n /\nfunction settings(context: PluginRecordRouteContext): string \| null {\n const list = catalog(context)\n return list ? `${list}/settings` : null\n}\n\n/\n Called from the console registrar. The owner is named rather than read off\n * the loader's marker, so the route registers the same way under a spec that\n * calls the registrar directly.\n */\nexport function registerCommerceRecordRoutes(): void {\n registerPluginRecordRoute(\n 'product',\n { list: catalog, record: catalog },\n { pluginId: BUNDLE_ID },\n )\n registerPluginRecordRoute('store-settings', { list: settings, record: settings }, { pluginId: BUNDLE_ID })\n registerPluginRecordRoute(\n 'order',\n {\n list: (context) => orders(context),\n record: (context, id) => orders(context, ORDERS_ORDER_PARAM, id),\n byEmail: (context, email) => orders(context, ORDERS_CUSTOMER_PARAM, email),\n },\n { pluginId: BUNDLE_ID },\n )\n}\n"],"names":["buildRoute","Route","registerPluginRecordRoute","BUNDLE_ID","PRODUCTS_SLUG","ORDERS_ORDER_PARAM","ORDERS_CUSTOMER_PARAM","catalog","context","host","HOST_PLUGIN","orgSlug","pluginSlug","orders","key","value","list","URLSearchParams","toString","settings","registerCommerceRecordRoutes","record","pluginId","id","byEmail","email"],"mappings":"AAAA;;;;;;;;;;;;CAYC,GAGD,SAASA,UAAU,EAAEC,KAAK,QAAQ,wCAAuC;AACzE,SACEC,yBAAyB,QAEpB,mDAAkD;AACzD,SAASC,SAAS,QAAQ,gCAA4B;AAEtD;;;;;;;;;;;;;;;CAeC,GAED,oDAAoD,GACpD,OAAO,MAAMC,gBAAgB,WAAU;AAEvC,+DAA+D,GAC/D,OAAO,MAAMC,qBAAqB,QAAO;AAEzC;;;;CAIC,GACD,OAAO,MAAMC,wBAAwB,QAAO;AAE5C,SAASC,QAAQC,OAAiC;IAChD,OAAOA,QAAQC,IAAI,GACfT,WAAWC,MAAMS,WAAW,EAAE;QAC5BC,SAASH,QAAQG,OAAO;QACxBF,MAAMD,QAAQC,IAAI;QAClBG,YAAYR;IACd,KACA;AACN;AAEA,SAASS,OAAOL,OAAiC,EAAEM,GAAY,EAAEC,KAAc;IAC7E,MAAMC,OAAOT,QAAQC;IACrB,IAAI,CAACQ,MAAM,OAAO;IAClB,OAAOF,OAAOC,QACV,GAAGC,KAAK,QAAQ,EAAE,IAAIC,gBAAgB;QAAE,CAACH,IAAI,EAAEC;IAAM,GAAGG,QAAQ,IAAI,GACpE,GAAGF,KAAK,OAAO,CAAC;AACtB;AAEA;;;;CAIC,GACD,SAASG,SAASX,OAAiC;IACjD,MAAMQ,OAAOT,QAAQC;IACrB,OAAOQ,OAAO,GAAGA,KAAK,SAAS,CAAC,GAAG;AACrC;AAEA;;;;CAIC,GACD,OAAO,SAASI;IACdlB,0BACE,WACA;QAAEc,MAAMT;QAASc,QAAQd;IAAQ,GACjC;QAAEe,UAAUnB;IAAU;IAExBD,0BAA0B,kBAAkB;QAAEc,MAAMG;QAAUE,QAAQF;IAAS,GAAG;QAAEG,UAAUnB;IAAU;IACxGD,0BACE,SACA;QACEc,MAAM,CAACR,UAAYK,OAAOL;QAC1Ba,QAAQ,CAACb,SAASe,KAAOV,OAAOL,SAASH,oBAAoBkB;QAC7DC,SAAS,CAAChB,SAASiB,QAAUZ,OAAOL,SAASF,uBAAuBmB;IACtE,GACA;QAAEH,UAAUnB;IAAU;AAE1B"}