@propeller-commerce/propeller-v2-react-ui 0.4.6

package/dist/pure.cjs

@@ -0,0 +1,974 @@
+'use strict';
+
+var propellerV2CoreUi = require('@propeller-commerce/propeller-v2-core-ui');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var propellerSdkV2 = require('@propeller-commerce/propeller-sdk-v2');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Breadcrumbs.tsx
+function Breadcrumbs(props) {
+  const lang = props.language || "NL";
+  const path = props.categoryPath || [];
+  const baseId = props.configuration?.baseCategoryId;
+  const filtered = baseId ? path.filter((cat) => cat.categoryId !== baseId) : path;
+  let items = filtered;
+  if (props.currentCategory) {
+    const last = filtered[filtered.length - 1];
+    if (!last || last.categoryId !== props.currentCategory.categoryId) {
+      items = [...filtered, props.currentCategory];
+    }
+  }
+  const displayItems = props.showCurrent === false && items.length > 0 ? items.slice(0, items.length - 1) : items;
+  function getCategoryName(cat) {
+    const match = cat.name?.find((n) => n.language === lang);
+    return match?.value || cat.name?.[0]?.value || "";
+  }
+  function getCategoryUrl(cat, index) {
+    if (props.getUrl) return props.getUrl(cat, index);
+    const urls = props.configuration?.urls;
+    if (urls && typeof urls.getCategoryUrl === "function") {
+      return urls.getCategoryUrl(cat, props.language);
+    }
+    const slug = cat.slug?.find((s) => s.language === lang)?.value || cat.slug?.[0]?.value || "";
+    return `/category/${cat.categoryId}/${slug}`;
+  }
+  function isCurrentItem(index) {
+    if (props.showCurrent === false) return false;
+    if (props.currentLabel) return false;
+    return index === displayItems.length - 1;
+  }
+  const showSeparatorBefore = (index) => props.showHome !== false || index > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": propellerV2CoreUi.getLabel(props.labels, "breadcrumbAriaLabel", "Breadcrumb"), className: `propeller-breadcrumbs ${props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "propeller-breadcrumbs__list flex flex-wrap items-center text-sm text-muted-foreground", children: [
+    props.showHome !== false ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "propeller-breadcrumbs__item flex items-center", "data-home": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        className: "propeller-breadcrumbs__link hover:text-foreground transition-colors",
+        href: props.homeUrl || "/",
+        children: propellerV2CoreUi.getLabel(props.labels, "home", "Home")
+      }
+    ) }) : null,
+    displayItems.map((cat, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: "propeller-breadcrumbs__item flex items-center",
+        "data-current": isCurrentItem(index) ? "true" : "false",
+        children: [
+          showSeparatorBefore(index) ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "propeller-breadcrumbs__separator mx-2 select-none text-muted-foreground/40", children: propellerV2CoreUi.getLabel(props.labels, "separator", "/") }) : null,
+          isCurrentItem(index) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-current": "page",
+              className: "propeller-breadcrumbs__link propeller-breadcrumbs__link--current text-foreground",
+              children: getCategoryName(cat)
+            }
+          ) : null,
+          !isCurrentItem(index) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              className: "propeller-breadcrumbs__link hover:text-foreground transition-colors",
+              href: getCategoryUrl(cat, index),
+              children: getCategoryName(cat)
+            }
+          ) : null
+        ]
+      },
+      cat.categoryId || index
+    )),
+    props.currentLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: "propeller-breadcrumbs__item flex items-center",
+        "data-current": "true",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "propeller-breadcrumbs__separator mx-2 select-none text-muted-foreground/40", children: propellerV2CoreUi.getLabel(props.labels, "separator", "/") }),
+          props.currentUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              "aria-current": "page",
+              className: "propeller-breadcrumbs__link propeller-breadcrumbs__link--current text-foreground",
+              href: props.currentUrl,
+              children: props.currentLabel
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-current": "page",
+              className: "propeller-breadcrumbs__link propeller-breadcrumbs__link--current text-foreground",
+              children: props.currentLabel
+            }
+          )
+        ]
+      }
+    ) : null
+  ] }) });
+}
+var Breadcrumbs_default = Breadcrumbs;
+function ClusterJsonLd(props) {
+  const data = propellerV2CoreUi.buildClusterJsonLd(props.cluster, props.context);
+  if (!data) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: propellerV2CoreUi.safeJsonStringify(data) }
+    }
+  );
+}
+var ClusterJsonLd_default = React__namespace.memo(ClusterJsonLd);
+function ItemListJsonLd(props) {
+  const data = propellerV2CoreUi.buildItemListJsonLd(props.products, props.context);
+  if (!data) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: propellerV2CoreUi.safeJsonStringify(data) }
+    }
+  );
+}
+var ItemListJsonLd_default = React__namespace.memo(ItemListJsonLd);
+function ProductJsonLd(props) {
+  const data = propellerV2CoreUi.buildProductJsonLd(props.product, props.context);
+  if (!data) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: propellerV2CoreUi.safeJsonStringify(data) }
+    }
+  );
+}
+var ProductJsonLd_default = React__namespace.memo(ProductJsonLd);
+function CategoryShortDescription(props) {
+  const match = props.category?.shortDescription?.find(
+    (d) => d.language === props.language
+  );
+  const html = match?.value || "";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!html ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-category-short-description mb-6 ${props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "propeller-category-short-description__content prose prose-slate max-w-none text-muted-foreground",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  ) }) : null });
+}
+var CategoryShortDescription_default = CategoryShortDescription;
+function GridTitle(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-grid-title mb-8 ${props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-title__row flex items-baseline gap-3 mb-3", children: [
+    props.headingLevel === "h2" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-grid-title__heading text-3xl sm:text-4xl font-bold tracking-tight", children: props.title }) : null,
+    props.headingLevel !== "h2" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "propeller-grid-title__heading text-3xl sm:text-4xl font-bold tracking-tight", children: props.title }) : null
+  ] }) });
+}
+var GridTitle_default = GridTitle;
+function ItemStock(props) {
+  function getTotalQuantity() {
+    const qty = props.inventory?.totalQuantity;
+    return qty !== void 0 && qty !== null ? qty : -1;
+  }
+  function isAvailable() {
+    return getTotalQuantity() > 0;
+  }
+  function getStockStatusLabel() {
+    const qty = getTotalQuantity();
+    if (qty < 0) return "";
+    if (qty === 0) return propellerV2CoreUi.getLabel(props.labels, "outOfStock", "Out of stock");
+    if (qty <= 5) return propellerV2CoreUi.getLabel(props.labels, "lowStock", "Low stock");
+    return propellerV2CoreUi.getLabel(props.labels, "inStock", "In stock");
+  }
+  function getStockStatusClass() {
+    const qty = getTotalQuantity();
+    if (qty <= 0) return "text-destructive bg-destructive/10 border-destructive/20";
+    if (qty <= 5) return "text-warning bg-warning/10 border-warning/20";
+    return "text-success bg-success/10 border-success/20";
+  }
+  function getStockStatusData() {
+    const qty = getTotalQuantity();
+    if (qty <= 0) return "out";
+    if (qty <= 5) return "low";
+    return "in";
+  }
+  function getAvailabilityLabel() {
+    return isAvailable() ? propellerV2CoreUi.getLabel(props.labels, "available", "Available") : propellerV2CoreUi.getLabel(props.labels, "notAvailable", "Not available");
+  }
+  function getAvailabilityClass() {
+    return isAvailable() ? "text-success bg-success/10 border-success/20" : "text-destructive bg-destructive/10 border-destructive/20";
+  }
+  function getAvailabilityDotClass() {
+    return isAvailable() ? "bg-success" : "bg-destructive";
+  }
+  function hasInventory() {
+    return !!props.inventory && getTotalQuantity() >= 0;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: hasInventory() ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `propeller-item-stock flex flex-wrap items-center gap-1.5 ${props.className || ""}`,
+      "data-available": isAvailable() ? "true" : "false",
+      "data-stock": getStockStatusData(),
+      children: [
+        props.showAvailability !== false ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: `propeller-item-stock__availability inline-flex items-center gap-1 whitespace-nowrap rounded-full border px-2 py-0.5 text-[11px] font-medium ${getAvailabilityClass()}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: `propeller-item-stock__availability-dot h-1.5 w-1.5 flex-shrink-0 rounded-full ${getAvailabilityDotClass()}`
+                }
+              ),
+              getAvailabilityLabel()
+            ]
+          }
+        ) : null,
+        props.showStock !== false && !!getStockStatusLabel() ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: `propeller-item-stock__status inline-flex items-center gap-1 whitespace-nowrap rounded-full border px-2 py-0.5 text-[11px] font-medium ${getStockStatusClass()}`,
+            children: [
+              getStockStatusLabel(),
+              getTotalQuantity() > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-item-stock__count opacity-70", children: [
+                "(",
+                getTotalQuantity(),
+                propellerV2CoreUi.getLabel(props.labels, "pieces", "pcs"),
+                ")"
+              ] }) : null
+            ]
+          }
+        ) : null
+      ]
+    }
+  ) }) : null });
+}
+var ItemStock_default = React__namespace.memo(ItemStock);
+function getProductName(orderItem) {
+  return orderItem?.product?.names?.[0]?.value || orderItem?.name || "Unknown Product";
+}
+function getClusterUrl(orderItem) {
+  const cluster = orderItem?.product?.cluster;
+  if (!cluster) return "";
+  const id = cluster.clusterId;
+  const slug = cluster.slugs?.[0]?.value || "";
+  if (!id || !slug) return "";
+  return `/cluster/${id}/${slug}`;
+}
+function getProductUrl(orderItem) {
+  const cu = getClusterUrl(orderItem);
+  if (cu) return cu;
+  const id = orderItem?.product?.productId;
+  const slug = orderItem?.product?.slugs?.[0]?.value || "";
+  if (id && slug) return `/product/${id}/${slug}`;
+  return "";
+}
+function OrderItemCard(props) {
+  const item = props.orderItem;
+  const isChildItem = props.isChildItem || false;
+  const titleLinkable = props.titleLinkable !== void 0 ? props.titleLinkable : true;
+  const showImage = isChildItem ? false : props.showImage !== void 0 ? props.showImage : true;
+  const showSku = isChildItem ? false : props.showSku !== void 0 ? props.showSku : true;
+  const showQuantity = props.showQuantity !== void 0 ? props.showQuantity : true;
+  const showPrice = props.showPrice !== void 0 ? props.showPrice : true;
+  const showDiscount = props.showDiscount !== void 0 ? props.showDiscount : false;
+  const showStockComponent = props.showStockComponent !== void 0 ? props.showStockComponent : false;
+  const showItemNotes = props.showItemNotes !== void 0 ? props.showItemNotes : false;
+  const productName = getProductName(item);
+  const productSku = item?.product?.sku || item?.sku || "";
+  const productImage = item?.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
+  const productUrl = getProductUrl(item);
+  const quantity = item?.quantity || 0;
+  const priceTotal = item?.priceTotal || 0;
+  const discount = item?.discount || 0;
+  const originalPrice = item?.originalPrice || 0;
+  const discountPercentage = originalPrice > 0 && discount > 0 ? discount / originalPrice * 100 : 0;
+  const notes = item?.notes || "";
+  const hasChildren = (props.childItems || []).length > 0;
+  function formatItemPrice(price) {
+    if (props.formatPrice) {
+      return props.formatPrice(price);
+    }
+    if (!price && price !== 0) return "-";
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+  }
+  const discountDisplay = discountPercentage > 0 ? `${formatItemPrice(discount)} (${discountPercentage.toFixed(2).replace(".", ",")}%)` : formatItemPrice(discount);
+  return /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "propeller-order-item-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "tr",
+      {
+        className: `propeller-order-item-card__row ${isChildItem ? "border-0" : "hover:bg-surface-hover transition"}`,
+        "data-child": isChildItem ? "true" : "false",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: `propeller-order-item-card__cell propeller-order-item-card__cell--product ${isChildItem ? "px-6 py-2 pl-28" : "px-6 py-4"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+                showImage ? productImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-item-card__media relative w-16 h-16 flex-shrink-0 rounded overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    className: "propeller-order-item-card__image object-cover w-full h-full",
+                    src: productImage,
+                    alt: productName
+                  }
+                ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-item-card__image-placeholder w-16 h-16 bg-surface-hover rounded flex items-center justify-center text-foreground-subtle text-xs", children: propellerV2CoreUi.getLabel(props.labels, "noImage", "No Img") }) : null,
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  titleLinkable && productUrl && !isChildItem ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      className: "propeller-order-item-card__title font-medium text-foreground hover:text-primary hover:underline",
+                      href: productUrl,
+                      children: productName
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: `propeller-order-item-card__title ${isChildItem ? "text-sm text-muted-foreground" : "font-medium"}`,
+                      children: productName
+                    }
+                  ),
+                  showSku && productSku ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "propeller-order-item-card__sku text-sm text-muted-foreground mt-1", children: [
+                    "SKU: ",
+                    productSku
+                  ] }) : null,
+                  showItemNotes && notes ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-item-card__notes text-sm text-foreground-subtle mt-1 italic", children: notes }) : null,
+                  showStockComponent && item?.product?.inventory ? (() => {
+                    const StockImpl = props.stockComponent ?? ItemStock_default;
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      StockImpl,
+                      {
+                        inventory: item.product.inventory,
+                        showStock: true,
+                        showAvailability: true,
+                        labels: props.labels
+                      }
+                    );
+                  })() : null
+                ] })
+              ] })
+            }
+          ),
+          showQuantity ? /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: isChildItem ? "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-2 text-center text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-4 text-center",
+              children: quantity
+            }
+          ) : null,
+          showDiscount ? /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: isChildItem ? "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-2 text-right text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-4 text-right whitespace-nowrap text-warning",
+              children: discount > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: discountDisplay }) : null
+            }
+          ) : null,
+          showPrice ? /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              className: isChildItem ? "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-2 text-right whitespace-nowrap text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-4 text-right whitespace-nowrap",
+              children: (() => {
+                const PriceImpl = props.priceComponent;
+                if (PriceImpl) {
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    PriceImpl,
+                    {
+                      price: item?.product?.price,
+                      currency: props.currency,
+                      labels: props.labels
+                    }
+                  );
+                }
+                return formatItemPrice(priceTotal);
+              })()
+            }
+          ) : null
+        ]
+      }
+    ),
+    hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (props.childItems || []).map((child) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "tr",
+      {
+        className: "propeller-order-item-card__child-row border-0",
+        "data-child": "true",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--product px-6 py-2 pl-28", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-item-card__child-title text-sm text-muted-foreground", children: child.product?.names?.[0]?.value || child.name || "Unknown" }) }),
+          showQuantity ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-2 text-center text-sm text-muted-foreground", children: child.quantity || 0 }) : null,
+          showDiscount ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-2 text-right text-sm text-muted-foreground" }) : null,
+          showPrice ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-2 text-right whitespace-nowrap text-sm text-muted-foreground", children: formatItemPrice(child.priceTotal || 0) }) : null
+        ]
+      },
+      child.id || child.uuid
+    )) }) : null
+  ] });
+}
+var OrderItemCard_default = OrderItemCard;
+function OrderSummary(props) {
+  const order = props.order;
+  const containerClass = props.orderSummaryContainerClass || "order-summary";
+  const showOrderNumber = props.showOrderNumber !== void 0 ? props.showOrderNumber : true;
+  const showOrderDate = props.showOrderDate !== void 0 ? props.showOrderDate : true;
+  const showOrderStatus = props.showOrderStatus !== void 0 ? props.showOrderStatus : true;
+  const showInvoiceAddress = props.showInvoiceAddress !== void 0 ? props.showInvoiceAddress : true;
+  const showDeliveryAddress = props.showDeliveryAddress !== void 0 ? props.showDeliveryAddress : true;
+  const showOrderTotal = props.showOrderTotal !== void 0 ? props.showOrderTotal : true;
+  const showDeliveryInfo = props.showDeliveryInfo !== void 0 ? props.showDeliveryInfo : true;
+  const showRemarks = props.showRemarks !== void 0 ? props.showRemarks : true;
+  const orderNumber = order?.id || "";
+  const orderDate = order?.createdAt || "";
+  const orderStatus = order?.status || "";
+  const orderTotal = Number(order?.total?.net || 0);
+  const orderReference = order?.reference || "";
+  const orderRemarks = order?.remarks || "";
+  const paymentMethod = order?.paymentData?.method || "";
+  const carrierName = order?.postageData?.carrier || "";
+  const addresses = order?.addresses || [];
+  const invoiceAddress = addresses.find((a) => a.type === "invoice") || null;
+  const deliveryAddress = addresses.find((a) => a.type === "delivery") || null;
+  function formatItemPrice(price) {
+    if (props.formatPrice) {
+      return props.formatPrice(price);
+    }
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+  }
+  function formatOrderDate(dateString) {
+    if (props.formatDate) {
+      return props.formatDate(dateString);
+    }
+    try {
+      return new Date(dateString).toLocaleDateString("en-US");
+    } catch {
+      return dateString;
+    }
+  }
+  const requestDateRaw = order?.postageData?.requestDate;
+  let requestDate = "";
+  if (requestDateRaw) {
+    if (props.formatDate) {
+      requestDate = props.formatDate(requestDateRaw);
+    } else {
+      try {
+        requestDate = new Date(requestDateRaw).toLocaleDateString("en-US");
+      } catch {
+        requestDate = requestDateRaw;
+      }
+    }
+  }
+  const getCountryName = (code) => propellerV2CoreUi.getCountryName(code, props.countries);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-order-summary ${containerClass}`, children: [
+    props.title ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-order-summary__title text-xl font-bold mb-4", children: props.title }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__meta grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pb-5 border-b border-border mb-5", children: [
+      showOrderNumber && orderNumber ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__meta-item", "data-meta": "order-number", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1", children: propellerV2CoreUi.getLabel(props.labels, "orderNumber", "Order Number") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__meta-value font-semibold", children: orderNumber })
+      ] }) : null,
+      showOrderDate && orderDate ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__meta-item", "data-meta": "order-date", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1", children: propellerV2CoreUi.getLabel(props.labels, "orderDate", "Order Date") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__meta-value font-semibold", children: formatOrderDate(orderDate) })
+      ] }) : null,
+      showOrderStatus && orderStatus ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__meta-item", "data-meta": "status", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1", children: propellerV2CoreUi.getLabel(props.labels, "status", "Status") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-summary__status inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary", children: orderStatus })
+      ] }) : null,
+      showOrderTotal ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__meta-item", "data-meta": "total", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1", children: propellerV2CoreUi.getLabel(props.labels, "total", "Total") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__total font-bold text-lg", children: formatItemPrice(orderTotal) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__addresses grid grid-cols-1 md:grid-cols-2 gap-6 pb-5", children: [
+      showInvoiceAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__address space-y-2", "data-address": "invoice", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-order-summary__address-title text-sm font-semibold text-muted-foreground uppercase tracking-wide", children: propellerV2CoreUi.getLabel(props.labels, "invoiceAddress", "Invoice Address") }),
+        invoiceAddress && invoiceAddress.street ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm space-y-1", children: [
+          invoiceAddress.company ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: invoiceAddress.company }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: [invoiceAddress.firstName, invoiceAddress.middleName, invoiceAddress.lastName].filter(Boolean).join(" ") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: [invoiceAddress.street, invoiceAddress.number, invoiceAddress.numberExtension].filter(Boolean).join(" ") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: [invoiceAddress.postalCode, invoiceAddress.city].filter(Boolean).join(" ") }),
+          invoiceAddress.country ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: getCountryName(invoiceAddress.country) }) : null,
+          invoiceAddress.email ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__address-email text-muted-foreground", children: invoiceAddress.email }) : null
+        ] }) : null
+      ] }) : null,
+      showDeliveryAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__address space-y-2", "data-address": "delivery", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-order-summary__address-title text-sm font-semibold text-muted-foreground uppercase tracking-wide", children: propellerV2CoreUi.getLabel(props.labels, "deliveryAddress", "Delivery Address") }),
+        deliveryAddress && deliveryAddress.street ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm space-y-1", children: [
+          deliveryAddress.company ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: deliveryAddress.company }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: [deliveryAddress.firstName, deliveryAddress.middleName, deliveryAddress.lastName].filter(Boolean).join(" ") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: [deliveryAddress.street, deliveryAddress.number, deliveryAddress.numberExtension].filter(Boolean).join(" ") }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: [deliveryAddress.postalCode, deliveryAddress.city].filter(Boolean).join(" ") }),
+          deliveryAddress.country ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: getCountryName(deliveryAddress.country) }) : null,
+          deliveryAddress.email ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-order-summary__address-email text-muted-foreground", children: deliveryAddress.email }) : null
+        ] }) : null
+      ] }) : null
+    ] }),
+    showDeliveryInfo && (paymentMethod || carrierName || requestDate) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__info-panel bg-surface-hover p-4 rounded-control border border-border space-y-2 text-sm", children: [
+      paymentMethod ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: propellerV2CoreUi.getLabel(props.labels, "payment", "Payment:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: paymentMethod })
+      ] }) : null,
+      carrierName ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: propellerV2CoreUi.getLabel(props.labels, "carrier", "Carrier:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: carrierName })
+      ] }) : null,
+      requestDate ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: propellerV2CoreUi.getLabel(props.labels, "deliveryDate", "Delivery Date:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: requestDate })
+      ] }) : null
+    ] }) : null,
+    showRemarks && (orderReference || orderRemarks) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-summary__remarks-panel bg-surface-hover p-4 rounded-control border border-border space-y-2 text-sm mt-4", children: [
+      orderReference ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: propellerV2CoreUi.getLabel(props.labels, "reference", "Reference:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: orderReference })
+      ] }) : null,
+      orderRemarks ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: propellerV2CoreUi.getLabel(props.labels, "remarks", "Remarks:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: orderRemarks })
+      ] }) : null
+    ] }) : null
+  ] });
+}
+var OrderSummary_default = OrderSummary;
+function OrderTotals(props) {
+  const showSubtotal = props.showSubtotal !== false;
+  const showDiscount = props.showDiscount !== false;
+  const showShippingCosts = props.showShippingCosts !== false;
+  const showVATs = props.showVATs !== false;
+  const showTotalExclVat = props.showTotalExclVat !== false;
+  const showTotalVat = props.showTotalVat !== false;
+  const total = props.order?.total;
+  const paymentData = props.order?.paymentData;
+  const postageData = props.order?.postageData;
+  function formatItemPrice(price) {
+    if (props.formatPrice) return props.formatPrice(price);
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+  }
+  const subtotal = total?.gross || 0;
+  const hasDiscount = !!total && total.discountType !== propellerSdkV2.OrderDiscountType.N && total.discountValue > 0;
+  function discountDisplay() {
+    if (!total) return "";
+    if (total.discountType === propellerSdkV2.OrderDiscountType.A) {
+      return "-" + formatItemPrice(total.discountValue);
+    }
+    if (total.discountType === propellerSdkV2.OrderDiscountType.P) {
+      return "- " + total.discountValue + "%";
+    }
+    return "-" + formatItemPrice(total.discountValue);
+  }
+  const subtotalWithDiscount = (total?.gross || 0) - (total?.discountValue || 0);
+  const hasTransactionCosts = (paymentData?.gross ?? 0) > 0;
+  const transactionCosts = Number(paymentData?.gross || 0);
+  const hasShippingCosts = (postageData?.gross ?? 0) > 0;
+  const shippingCosts = Number(postageData?.gross || 0);
+  const totalExclVat = total?.gross || 0;
+  const taxPercentages = (total?.taxPercentages || []).filter((tax) => tax.percentage > 0 && tax.total > 0);
+  const totalInclVat = total?.net || 0;
+  const totalVat = taxPercentages.reduce((sum, t) => sum + Number(t.total || 0), 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals w-full md:w-80 bg-card p-6 rounded-container shadow space-y-3", children: [
+    showSubtotal ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground", "data-row": "subtotal", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "subtotal", "Subtotal:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(subtotal) })
+    ] }) : null,
+    showDiscount && hasDiscount ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-secondary", "data-row": "discount", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "discount", "Discount:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: discountDisplay() })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground border-t pt-2 border-dashed", "data-row": "subtotal-with-discount", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "subtotalWithDiscount", "Subtotal with discount:") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(subtotalWithDiscount) })
+      ] })
+    ] }) : null,
+    hasTransactionCosts ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground", "data-row": "transaction-costs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "transactionCosts", "Transaction costs:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(transactionCosts) })
+    ] }) : null,
+    showShippingCosts && hasShippingCosts ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground", "data-row": "shipping-costs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "shippingCosts", "Shipping costs:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(shippingCosts) })
+    ] }) : null,
+    showTotalExclVat ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground pt-2 border-t", "data-row": "total-excl-vat", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "totalExclVat", "Total excl. VAT:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(totalExclVat) })
+    ] }) : null,
+    showVATs && taxPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: taxPercentages.map((tax, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground text-sm", "data-row": "vat-line", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-order-totals__label", children: [
+        tax.percentage,
+        "% ",
+        propellerV2CoreUi.getLabel(props.labels, "vat", "VAT"),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(Number(tax.total)) })
+    ] }, index)) }) : null,
+    showTotalVat ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row flex justify-between text-muted-foreground text-sm", "data-row": "total-vat", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "totalVat", "Total VAT:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(totalVat) })
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-totals__row propeller-order-totals__row--total flex justify-between text-xl font-bold pt-4 border-t text-foreground mt-2", "data-row": "total", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__label", children: propellerV2CoreUi.getLabel(props.labels, "total", "Total:") }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-order-totals__value", children: formatItemPrice(totalInclVat) })
+    ] })
+  ] });
+}
+var OrderTotals_default = OrderTotals;
+function ProductBulkPrices(props) {
+  const includeTax = !!props.includeTax;
+  const isHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  function getTierQuantity(tier) {
+    const discount = tier.discount;
+    return discount?.quantityFrom ?? tier.quantity ?? null;
+  }
+  function getBulkPrices() {
+    const rawAll = props.bulkPrices || [];
+    const all = rawAll.filter((tier) => {
+      const t = tier;
+      const priceType = t.type ?? t.discount?.type;
+      const discountType = t.discountType ?? t.discount?.discountType;
+      return !(priceType === "PRICESHEET" && discountType === "LIST_PRICE_MIN");
+    });
+    if (all.length === 0) return [];
+    const now = /* @__PURE__ */ new Date();
+    const groups = /* @__PURE__ */ new Map();
+    for (const tier of all) {
+      const qty = getTierQuantity(tier);
+      if (qty === null) continue;
+      const list = groups.get(qty) || [];
+      list.push(tier);
+      groups.set(qty, list);
+    }
+    const filtered = [];
+    for (const [, prices] of groups) {
+      const validDated = [];
+      const nullDated = [];
+      for (const tier of prices) {
+        const discount = tier.discount;
+        if (!discount) {
+          filtered.push(tier);
+          continue;
+        }
+        const validFrom = discount.validFrom ?? null;
+        const validTo = discount.validTo ?? null;
+        if (validFrom === null && validTo === null) {
+          nullDated.push(tier);
+          continue;
+        }
+        let isValid = true;
+        if (validFrom !== null && now < new Date(validFrom)) isValid = false;
+        if (isValid && validTo !== null && now > new Date(validTo)) isValid = false;
+        if (isValid) validDated.push(tier);
+      }
+      if (validDated.length > 0) filtered.push(validDated[0]);
+      else if (nullDated.length > 0) filtered.push(nullDated[0]);
+    }
+    filtered.sort((a, b) => (getTierQuantity(a) ?? 0) - (getTierQuantity(b) ?? 0));
+    if (filtered.length === 1 && getTierQuantity(filtered[0]) === 1) return [];
+    return filtered;
+  }
+  const bulkPrices = getBulkPrices();
+  const hasItems = bulkPrices.length > 0;
+  function getPrice(tier) {
+    const value = includeTax ? tier.net : tier.gross;
+    if (value === null || value === void 0) return "";
+    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC" });
+  }
+  function getQuantityLabel(tier, index) {
+    const discount = tier.discount;
+    const qty = discount?.quantityFrom || tier.quantity || 1;
+    const nextTier = bulkPrices[index + 1];
+    const nextDiscount = nextTier?.discount;
+    const nextQty = nextDiscount?.quantityFrom || nextTier?.quantity;
+    if (nextQty) return `${qty}\u2013${nextQty - 1}`;
+    return `${qty}+`;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !isHidden && hasItems ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `propeller-product-bulk-prices ${props.className || ""}`,
+      "data-include-tax": includeTax ? "true" : "false",
+      children: [
+        propellerV2CoreUi.getLabel(props.labels, "title", "Volume pricing") ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-bulk-prices__title text-base font-semibold text-foreground mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Volume pricing") }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-bulk-prices__table-wrapper overflow-hidden rounded-container border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "propeller-product-bulk-prices__table w-full text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "propeller-product-bulk-prices__thead bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "propeller-product-bulk-prices__th propeller-product-bulk-prices__th--quantity px-4 py-2 text-left font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "quantityFrom", "Qty from") }),
+            /* @__PURE__ */ jsxRuntime.jsxs("th", { className: "propeller-product-bulk-prices__th propeller-product-bulk-prices__th--price px-4 py-2 text-right font-medium text-muted-foreground", children: [
+              propellerV2CoreUi.getLabel(props.labels, "price", "Price"),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-product-bulk-prices__tax-label font-normal text-xs", children: [
+                "(",
+                includeTax ? propellerV2CoreUi.getLabel(props.labels, "inclTax", "incl. VAT") : propellerV2CoreUi.getLabel(props.labels, "exclTax", "excl. VAT"),
+                ")"
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "propeller-product-bulk-prices__tbody divide-y divide-border", children: bulkPrices.map((tier, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "propeller-product-bulk-prices__row bg-card hover:bg-muted/20 transition-colors", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "propeller-product-bulk-prices__cell propeller-product-bulk-prices__cell--quantity px-4 py-2 text-foreground font-medium", children: getQuantityLabel(tier, index) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "propeller-product-bulk-prices__cell propeller-product-bulk-prices__cell--price px-4 py-2 text-right text-foreground font-semibold", children: getPrice(tier) })
+          ] }, index)) })
+        ] }) })
+      ]
+    }
+  ) }) : null });
+}
+var ProductBulkPrices_default = ProductBulkPrices;
+function ProductDownloads(props) {
+  const items = props.downloads?.items || [];
+  const hasItems = items.length > 0;
+  const lang = props.language || "NL";
+  function getDocumentUrl(doc) {
+    const docs = doc.documents || [];
+    const match = docs.find((d) => d.language === lang);
+    return match?.originalUrl || docs?.[0]?.originalUrl || "";
+  }
+  function getDocumentName(doc) {
+    const alts = doc.alt || [];
+    const match = alts.find((a) => a.language === lang);
+    return match?.value || alts?.[0]?.value || "Download";
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-downloads ${props.className || ""}`, children: [
+    hasItems ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-downloads__title text-base font-semibold text-foreground mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Downloads") }) : null,
+    hasItems ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "propeller-product-downloads__list space-y-2", children: items.map((doc, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "propeller-product-downloads__item", children: !!getDocumentUrl(doc) ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        target: "_blank",
+        className: "propeller-product-downloads__link flex items-center gap-3 rounded-container border border-border bg-card px-4 py-3 text-sm text-foreground hover:bg-muted/30 hover:border-primary/40 transition-colors group",
+        href: getDocumentUrl(doc),
+        download: true,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              className: "h-5 w-5 flex-shrink-0 text-muted-foreground group-hover:text-primary transition-colors",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",
+                  strokeWidth: 1.5
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 min-w-0 truncate", children: getDocumentName(doc) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              className: "h-4 w-4 flex-shrink-0 text-muted-foreground group-hover:text-primary transition-colors",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",
+                  strokeWidth: 2
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) : null }, index)) }) : null,
+    !hasItems ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-downloads__empty text-sm text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "empty", "No downloads") }) : null
+  ] });
+}
+var ProductDownloads_default = ProductDownloads;
+function ProductPriceDisplay(props) {
+  function isHidden() {
+    return propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  }
+  function formatPrice5(value) {
+    if (value === null || value === void 0) return "";
+    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC" });
+  }
+  function getOptionsTotal(useNet) {
+    const options = props.options || [];
+    const selected = props.selectedOptionProducts || [];
+    let total = 0;
+    options.forEach((option) => {
+      if (option.hidden === propellerSdkV2.YesNo.Y) return;
+      const selectedProduct = selected.find(
+        (p) => (option.products || []).some((op) => op.productId === p.productId)
+      );
+      if (selectedProduct) {
+        total += useNet ? selectedProduct.price?.net || 0 : selectedProduct.price?.gross || 0;
+      } else if (option.isRequired === propellerSdkV2.YesNo.Y && option.defaultProduct) {
+        const defaultId = option.defaultProduct.productId;
+        const fullDefault = (option.products || []).find((p) => p.productId === defaultId) || option.defaultProduct;
+        total += useNet ? fullDefault.price?.net || 0 : fullDefault.price?.gross || 0;
+      }
+    });
+    return total;
+  }
+  function getLeadingPrice() {
+    const price = props.price;
+    if (!price) return "";
+    const useNet = !!props.includeTax;
+    const base = useNet ? price.net : price.gross;
+    if (base === null || base === void 0) return "";
+    return formatPrice5(base + getOptionsTotal(useNet));
+  }
+  function getSecondaryPrice() {
+    const price = props.price;
+    if (!price) return "";
+    const useNet = !props.includeTax;
+    const base = useNet ? price.net : price.gross;
+    if (base === null || base === void 0) return "";
+    return formatPrice5(base + getOptionsTotal(useNet));
+  }
+  function getTaxLabel() {
+    return props.includeTax ? propellerV2CoreUi.getLabel(props.labels, "inclTax", "incl. VAT") : propellerV2CoreUi.getLabel(props.labels, "exclTax", "excl. VAT");
+  }
+  function getSecondaryTaxLabel() {
+    return props.includeTax ? propellerV2CoreUi.getLabel(props.labels, "exclTax", "excl. VAT") : propellerV2CoreUi.getLabel(props.labels, "inclTax", "incl. VAT");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-price ${props.className || ""}`, "data-hidden": isHidden() ? "true" : "false", children: [
+    isHidden() ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-price__login-prompt text-sm text-muted-foreground italic", children: propellerV2CoreUi.getLabel(props.labels, "loginToSeePrices", "Log in to see prices") }) : null,
+    !isHidden() && !!getLeadingPrice() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__content flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__primary flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `propeller-product-price__amount ${props.priceSize || "text-3xl"} font-bold text-foreground`,
+            children: getLeadingPrice()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-product-price__tax-label text-sm text-muted-foreground", children: getTaxLabel() })
+      ] }),
+      !!getSecondaryPrice() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__secondary text-sm text-muted-foreground flex items-baseline gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-product-price-secondary__amount", children: getSecondaryPrice() }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-product-price-secondary__tax-label", children: getSecondaryTaxLabel() })
+      ] }) : null
+    ] }) : null
+  ] });
+}
+var ProductPrice_default = ProductPriceDisplay;
+function ProductShortDescription(props) {
+  function getShortDescription() {
+    const product = props.product;
+    if (!product?.shortDescriptions) return "";
+    const lang = props.language || "NL";
+    const match = product.shortDescriptions.find((d) => d.language === lang);
+    return match?.value || product.shortDescriptions?.[0]?.value || "";
+  }
+  const html = getShortDescription();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!html ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      dangerouslySetInnerHTML: { __html: html },
+      className: `propeller-product-short-description prose prose-slate max-w-none text-muted-foreground ${props.className || ""}`
+    }
+  ) : null });
+}
+var ProductShortDescription_default = ProductShortDescription;
+function ProductVideos(props) {
+  const items = props.videos?.items || [];
+  const hasItems = items.length > 0;
+  const lang = props.language || "NL";
+  function getVideoUri(video) {
+    const vids = video.videos || [];
+    const match = vids.find((v) => v.language === lang);
+    return match?.uri || vids?.[0]?.uri || "";
+  }
+  function getVideoTitle(video) {
+    const alts = video.alt || [];
+    const match = alts.find((a) => a.language === lang);
+    return match?.value || alts?.[0]?.value || "Video";
+  }
+  function isEmbeddable(uri) {
+    return uri.includes("youtube.com") || uri.includes("youtu.be") || uri.includes("vimeo.com");
+  }
+  function getEmbedUrl(uri) {
+    if (uri.includes("youtube.com/embed/") || uri.includes("player.vimeo.com/video/")) {
+      return uri;
+    }
+    if (uri.includes("youtube.com/watch")) {
+      const url = new URL(uri);
+      const videoId = url.searchParams.get("v") || "";
+      return `https://www.youtube.com/embed/${videoId}`;
+    }
+    if (uri.includes("youtu.be/")) {
+      const videoId = uri.split("youtu.be/")[1]?.split("?")[0] || "";
+      return `https://www.youtube.com/embed/${videoId}`;
+    }
+    if (uri.includes("vimeo.com/")) {
+      const parts = uri.split("vimeo.com/")[1]?.split("?")[0]?.split("/") || [];
+      const videoId = parts[0] || "";
+      const hash = parts[1] || "";
+      return hash ? `https://player.vimeo.com/video/${videoId}?h=${hash}` : `https://player.vimeo.com/video/${videoId}`;
+    }
+    return uri;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-videos ${props.className || ""}`, children: [
+    hasItems ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-videos__title text-base font-semibold text-foreground mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Videos") }) : null,
+    hasItems ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-videos__list space-y-4", children: items.map((video, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "propeller-product-videos__item rounded-container overflow-hidden border border-border bg-foreground",
+        "data-embedded": !!getVideoUri(video) && isEmbeddable(getVideoUri(video)) ? "true" : "false",
+        children: !!getVideoUri(video) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          isEmbeddable(getVideoUri(video)) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "propeller-product-videos__embed relative w-full",
+              style: {
+                paddingBottom: "56.25%"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "iframe",
+                {
+                  loading: "lazy",
+                  allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+                  className: "propeller-product-videos__iframe absolute inset-0 w-full h-full",
+                  src: getEmbedUrl(getVideoUri(video)),
+                  title: getVideoTitle(video),
+                  allowFullScreen: true
+                }
+              )
+            }
+          ) : null,
+          !isEmbeddable(getVideoUri(video)) ? /* @__PURE__ */ jsxRuntime.jsx("video", { preload: "metadata", className: "propeller-product-videos__video w-full", controls: true, children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: getVideoUri(video) }) }) : null
+        ] }) : null
+      },
+      index
+    )) }) : null,
+    !hasItems ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-videos__empty text-sm text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "empty", "No videos") }) : null
+  ] });
+}
+var ProductVideos_default = ProductVideos;
+
+exports.Breadcrumbs = Breadcrumbs_default;
+exports.CategoryShortDescription = CategoryShortDescription_default;
+exports.ClusterJsonLd = ClusterJsonLd_default;
+exports.GridTitle = GridTitle_default;
+exports.ItemListJsonLd = ItemListJsonLd_default;
+exports.ItemStock = ItemStock_default;
+exports.OrderItemCard = OrderItemCard_default;
+exports.OrderSummary = OrderSummary_default;
+exports.OrderTotals = OrderTotals_default;
+exports.ProductBulkPrices = ProductBulkPrices_default;
+exports.ProductDownloads = ProductDownloads_default;
+exports.ProductJsonLd = ProductJsonLd_default;
+exports.ProductPrice = ProductPrice_default;
+exports.ProductShortDescription = ProductShortDescription_default;
+exports.ProductVideos = ProductVideos_default;
+//# sourceMappingURL=pure.cjs.map
+//# sourceMappingURL=pure.cjs.map