@aglyn/plugins-commerce 1.0.0-beta.143

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

@@ -0,0 +1,232 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { mdiShapePlus } from "@aglyn/shared-data-mdi";
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import CardActionArea from "@mui/material/CardActionArea";
+import CardContent from "@mui/material/CardContent";
+import CardMedia from "@mui/material/CardMedia";
+import Typography from "@mui/material/Typography";
+import { forwardRef, useEffect, useState } from "react";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { generatePresetId } from "../utils/generate-preset-id.js";
+// Component ids are persisted in screen documents; never rename.
+export const ID = 'related-products';
+/**
+ * Related products / upsell strip (AGL-325): the product's manual list,
+ * else "frequently bought together" from recent orders, else tag and
+ * category neighbors — resolved server-side, rendered as cards.
+ */ const RelatedProducts = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { productId: productIdProp, heading, maxItems } = props, rest = _object_without_properties_loose(props, [
+        "productId",
+        "heading",
+        "maxItems"
+    ]);
+    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).
+    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [
+        props['sx']
+    ];
+    const { hostId } = Aglyn.useSite();
+    const [items, setItems] = useState(null);
+    useEffect(()=>{
+        if (!hostId) return;
+        let active = true;
+        void (async ()=>{
+            var _ref, _ref1;
+            let anchor = productIdProp != null ? productIdProp : '';
+            if (!anchor) {
+                var _ref2;
+                var _payload_product;
+                const match = window.location.pathname.match(/\/products\/([^/?#]+)/);
+                if (!match) return;
+                const response = await fetch(`/api/commerce/product?hostId=${encodeURIComponent(hostId)}` + `&slug=${encodeURIComponent(decodeURIComponent(match[1]))}`).catch(()=>null);
+                const payload = await (response == null ? void 0 : response.json().catch(()=>({})));
+                anchor = String((_ref2 = payload == null ? void 0 : (_payload_product = payload.product) == null ? void 0 : _payload_product.id) != null ? _ref2 : '');
+            }
+            if (!active || !anchor) return;
+            const relatedResponse = await fetch(`/api/commerce/related?hostId=${encodeURIComponent(hostId)}` + `&productId=${encodeURIComponent(anchor)}`).catch(()=>null);
+            const related = await (relatedResponse == null ? void 0 : relatedResponse.json().catch(()=>({})));
+            const ids = (_ref = related == null ? void 0 : related.productIds) != null ? _ref : [];
+            if (!active || ids.length === 0) return setItems([]);
+            const catalogResponse = await fetch(`/api/commerce/catalog?hostId=${encodeURIComponent(hostId)}` + `&ids=${encodeURIComponent(ids.join(','))}`).catch(()=>null);
+            const catalog = await (catalogResponse == null ? void 0 : catalogResponse.json().catch(()=>({})));
+            if (active) setItems((_ref1 = catalog == null ? void 0 : catalog.items) != null ? _ref1 : []);
+        })();
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId,
+        productIdProp
+    ]);
+    if (!hostId) {
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    p: 3,
+                    border: '1px dashed',
+                    borderColor: 'divider',
+                    borderRadius: 1,
+                    color: 'text.secondary',
+                    fontSize: 13,
+                    fontFamily: 'system-ui, sans-serif'
+                },
+                ...nodeSx
+            ],
+            children: 'Related products render here'
+        }));
+    }
+    if (!items || items.length === 0) return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: ref
+    }, rest));
+    return /*#__PURE__*/ _jsxs(Box, _extends({
+        ref: ref
+    }, rest, {
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "h6",
+                gutterBottom: true,
+                children: heading || 'You may also like'
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                sx: {
+                    display: 'flex',
+                    gap: 1.5,
+                    overflowX: 'auto',
+                    pb: 1
+                },
+                children: items.slice(0, maxItems && maxItems > 0 ? maxItems : 6).map((item)=>{
+                    // AGL-1726: resolved BEFORE the guard — see the note in
+                    // `product-detail.tsx`.
+                    const imageUrl = Aglyn.siteRelativeMediaSrc(item.imageUrl, {
+                        hostId
+                    });
+                    return /*#__PURE__*/ _jsx(Card, {
+                        variant: "outlined",
+                        sx: {
+                            minWidth: 160
+                        },
+                        children: /*#__PURE__*/ _jsxs(CardActionArea, {
+                            href: `/products/${item.slug}`,
+                            children: [
+                                imageUrl ? /*#__PURE__*/ _jsx(CardMedia, _extends({
+                                    component: "img",
+                                    image: imageUrl,
+                                    alt: item.name,
+                                    sx: {
+                                        height: 110,
+                                        objectFit: 'cover'
+                                    }
+                                }, Aglyn.DEFERRED_IMAGE_ATTRIBUTES)) : /*#__PURE__*/ _jsx(Box, {
+                                    sx: {
+                                        height: 110,
+                                        bgcolor: 'action.hover'
+                                    }
+                                }),
+                                /*#__PURE__*/ _jsxs(CardContent, {
+                                    sx: {
+                                        py: 1
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: item.name
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            children: `$${item.priceUsd}`
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }, item.id);
+                })
+            })
+        ]
+    }));
+});
+RelatedProducts.displayName = 'AglynRelatedProducts';
+export const schema = {
+    $id: ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Related products',
+    description: 'An upsell strip — your manual picks, or what people buy together.',
+    category: Aglyn.ComponentCategory.COMMERCE,
+    icon: {
+        path: mdiShapePlus.path,
+        sx: {
+            color: '#2e7d32'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    attributes: [
+        {
+            name: 'productId',
+            label: 'Product id',
+            description: 'The product to find relatives OF. Blank reads it from the URL, so ' + 'a product template shows each product’s own related items; naming ' + 'one pins the rail to that product’s relatives everywhere.',
+            component: Aglyn.FieldComponentType.PRODUCT_SELECT
+        },
+        {
+            name: 'heading',
+            label: 'Heading',
+            description: 'Defaults to "You may also like".',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        },
+        {
+            name: 'maxItems',
+            label: 'Max items',
+            description: 'Cap the strip (default 6).',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            type: 'number'
+        }
+    ]
+};
+export const presets = [
+    {
+        $id: generatePresetId(ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Related products',
+        pluginId: BUNDLE_ID,
+        description: 'Manual picks or frequently-bought-together',
+        category: Aglyn.ComponentCategory.COMMERCE,
+        icon: {
+            path: mdiShapePlus.path,
+            sx: {
+                color: '#2e7d32'
+            }
+        },
+        data: {
+            $id: null,
+            componentId: ID,
+            pluginId: BUNDLE_ID,
+            props: {}
+        }
+    }
+];
+export default RelatedProducts;
+
+//# sourceMappingURL=related-products.js.map

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

@@ -0,0 +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'\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\ninterface CatalogItem {\n  id: string\n  name: string\n  slug: string\n  priceUsd: number\n  imageUrl?: string\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, ...rest } = props\n    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n    const { hostId } = Aglyn.useSite()\n    const [items, setItems] = useState<CatalogItem[] | null>(null)\n\n    useEffect(() => {\n      if (!hostId) return\n      let active = true\n      void (async () => {\n        let anchor = productIdProp ?? ''\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])\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    return (\n      <Box ref={ref} {...rest}>\n        <Typography variant=\"h6\" gutterBottom>\n          {heading || 'You may also like'}\n        </Typography>\n        <Box sx={{ display: 'flex', gap: 1.5, overflowX: 'auto', pb: 1 }}>\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              return (\n              <Card key={item.id} variant=\"outlined\" sx={{ minWidth: 160 }}>\n                <CardActionArea href={`/products/${item.slug}`}>\n                  {imageUrl ? (\n                    <CardMedia\n                      component=\"img\"\n                      image={imageUrl}\n                      alt={item.name}\n                      sx={{ height: 110, 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                    <Box sx={{ height: 110, bgcolor: 'action.hover' }} />\n                  )}\n                  <CardContent sx={{ py: 1 }}>\n                    <Typography variant=\"body2\" noWrap>\n                      {item.name}\n                    </Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {`$${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}\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","ID","RelatedProducts","props","ref","productId","productIdProp","heading","maxItems","rest","nodeSx","Array","isArray","hostId","useSite","items","setItems","active","anchor","payload","match","window","location","pathname","response","fetch","encodeURIComponent","decodeURIComponent","catch","json","String","product","id","relatedResponse","related","ids","productIds","length","catalogResponse","join","catalog","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","variant","gutterBottom","display","gap","overflowX","pb","slice","map","item","imageUrl","siteRelativeMediaSrc","minWidth","href","slug","component","image","alt","name","height","objectFit","DEFERRED_IMAGE_ATTRIBUTES","bgcolor","py","noWrap","priceUsd","displayName","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","label","FieldComponentType","PRODUCT_SELECT","TEXT_FIELD","type","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/reservation-widget.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as Aglyn from '@aglyn/aglyn';
+export declare const ID: Aglyn.ComponentId;
+export interface ReservationWidgetProps {
+    /** Resource id from the console Resources card. */
+    resourceId?: string;
+    reserveLabel?: string;
+}
+/**
+ * Reservation widget (AGL-310): date-range picker with a live quote
+ * (nights × seasonal rates + deposit due today) and a reserve flow that
+ * charges the deposit through the merchant's account. The server
+ * re-quotes and re-checks availability — the widget is display-only.
+ */
+declare const ReservationWidget: import("react").ForwardRefExoticComponent<ReservationWidgetProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const schema: Aglyn.ComponentSchema<ReservationWidgetProps>;
+export declare const presets: Aglyn.PresetSchema[];
+export default ReservationWidget;