@propeller-commerce/propeller-v2-react-ui 0.21.0 → 0.23.0

package/CHANGELOG.md

@@ -8,6 +8,84 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.23.0] - 2026-09-24
+
+### Fixed
+
+- **A machine listed in one language could not be opened.** 0.21.0 stopped the
+  listing from narrowing to a single language, so an NL-only installation
+  appears in an EN tree and is linked by its NL slug — but `machine(slug:)`
+  resolves a slug **only** in the language it was authored in, so following
+  that link asked for `machine(slug: "<NL slug>", language: "EN")` and got
+  `SPARE_PARTS_MACHINE_NOT_FOUND_ERROR`. The page then showed a title derived
+  from the slug, no parts and no error: the bug moved one click deeper instead
+  of going away. `useSpareParts` now tries the tree language, then the
+  storefront language, then any locales given in the new `machineLanguages`
+  option, and upper-cases each (the API matches case exactly — `nl` misses
+  where `NL` hits). A slug that resolves in none of them sets the new
+  `notFound` flag, and `MachineGrid` renders "This machine could not be found."
+  instead of an empty listing. A fully-translated shop still costs exactly one
+  request, and a non-"not found" failure is never retried or reported as a
+  missing machine. (PWP-993)
+
+- **"Qty in machine" and "Search parts…" stayed English in a translated shop.**
+  Both were read from `toolbarLabels`, which is forwarded verbatim to
+  `GridToolbar` — so they belonged to no toolbar dictionary, and a shop that
+  translated its `GridToolbar` keys properly still got English. They now come
+  from `machineCardLabels` (the grid's own label bag, alongside `loading`,
+  `noMachines` and the new `machineNotFound`), falling back to `toolbarLabels`
+  so hosts that already set them keep working. (PWP-995a)
+
+### Added
+
+- `MachineGrid.machineLanguages` / `useSpareParts.machineLanguages` — the
+  locales to try when a machine slug does not resolve in the tree language.
+- `useSpareParts().notFound` — the slug resolved in none of the candidate
+  languages, as distinct from "resolved but has no parts".
+- `machineCardLabels.machineNotFound` — copy for that state.
+
+
+## [0.22.0] - 2026-09-24
+
+### Fixed
+
+- **Media language is matched case-insensitively.** The API lowercases
+  `documents[].language` while leaving `alt[].language` as uploaded, so
+  `ProductDownloads` matched the label but never the file and served
+  `documents[0]` — the Dutch PDF under an English label. `ProductVideos` had
+  the identical comparison and worked only by data luck. Also fixed in
+  `useProductSearch.filterByLanguage`, where a case mismatch dropped **every**
+  product from the grid, and in `DefaultProductImage`. (PWP-984)
+- **`checkoutAllowed` is usable, and fails closed.** It read the raw `companyId`
+  option rather than the resolved one, so a contact acting for their own company
+  matched no authorization config and every cart reported as within limit; and it
+  evaluated its own cart state, which stays null when the consumer only seeds a
+  `cartId`. The hook now hydrates a seeded cart, and reports `false` while that
+  is in flight rather than `true`. (PWP-988)
+- **The place-order button is gated on the authorization limit.** An over-limit
+  purchaser opening checkout directly got an ungated button and a backend
+  rejection; `CartOverview` now shows an `authorizationRequired` message
+  instead, using the same predicate as the cart summary. (PWP-988)
+- **Semi-closed surfaces no longer flash their logged-out state** for a signed-in
+  visitor while the profile loads. Every `isContentHidden` call site passes the
+  provider’s `isAuthenticated` (core-ui 0.9.0+). (PWP-989)
+- **The cart sidebar slides again.** The overflow fix named only `transform` in
+  its transition, but Tailwind v4 emits `translate-x-*` as the `translate`
+  property, so the panel jumped. (PWP-1002)
+- **Header triggers inherit their colour.** `AccountIconAndMenu` and
+  `CompanySwitcher` hardcoded `text-white`, which broke light headers;
+  `text-foreground` then broke dark ones. Both now use `text-inherit`, with the
+  hover tint derived from `currentColor`. (PWP-1005)
+
+### Added
+
+- `CompanySwitcher` accepts `triggerClassName`; it had no class prop at all.
+- `ProductInfo` accepts `cartId`, `createCart` and `onCartCreated`, and forwards
+  them to both the injected and the default add-to-cart. It declared none of
+  them, so the PDP’s add-to-cart always failed for a visitor without a cart.
+  `ProductCard` forwards the same to an injected component. (PWP-986)
+- `CartOverview` resolves `user` and `companyId` from `PropellerProvider`.
+
 ## [0.21.0] - 2026-09-23
 
 `MachineGrid` stops losing rows, and becomes usable in a translated or

package/dist/index.cjs

@@ -767,10 +767,29 @@ function useCart(options) {
   const [loading, setLoading] = React6.useState(false);
   const [error, setError] = React6.useState(null);
   const notesTimers = React6.useRef({});
-  const checkoutAllowed = React6.useMemo(
-    () => propellerV2CoreUi.isCheckoutAllowed(user, companyId, cart),
-    [user, companyId, cart]
-  );
+  React6.useEffect(() => {
+    if (!graphqlClient || !cartId || cart) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const fetched = await propellerV2CoreUi.createServices(graphqlClient).cart.getCart({
+          cartId,
+          imageSearchFilters: imageSearchFilters(),
+          imageVariantFilters: imageVariantFilters(),
+          language
+        });
+        if (!cancelled && fetched) setCart(fetched);
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [graphqlClient, cartId, cart, language, imageSearchFilters, imageVariantFilters]);
+  const checkoutAllowed = React6.useMemo(() => {
+    if (cartId && !cart) return false;
+    return propellerV2CoreUi.isCheckoutAllowed(user, resolvedCompanyId, cart);
+  }, [user, resolvedCompanyId, cart, cartId]);
   function getMinQuantity(product) {
     const min = product?.minimumQuantity;
     return min && min > 0 ? min : 1;
@@ -1591,7 +1610,8 @@ var INFRA_KEYS = [
   "includeTax",
   "currency",
   "configuration",
-  "portalMode"
+  "portalMode",
+  "isAuthenticated"
 ];
 function useInfraProps(props) {
   const ctx = usePropellerContext();
@@ -2268,10 +2288,11 @@ function useProductSearch(options) {
   const isLoading = !isControlled && internalLoading;
   function filterByLanguage(products, lang) {
     if (!lang) return products;
+    const target = lang.toUpperCase();
     return products.filter((p) => {
       const names = p.names || p.names || [];
       if (!names || names.length === 0) return true;
-      return names.some((n) => n.language === lang);
+      return names.some((n) => (n.language || "").toUpperCase() === target);
     });
   }
   const fetchProducts = React6.useCallback(async () => {
@@ -2761,6 +2782,40 @@ function useQuickOrder(options) {
   );
   return { submitting, error, searchProducts, submit };
 }
+
+// src/composables/shared/utils/machineLanguage.ts
+var MACHINE_NOT_FOUND = "SPARE_PARTS_MACHINE_NOT_FOUND_ERROR";
+function isMachineNotFound(error) {
+  const entries = error?.errors;
+  if (!Array.isArray(entries)) return false;
+  return entries.some(
+    (e) => e?.extensions?.code === MACHINE_NOT_FOUND || /no machine found for slug and language/i.test(e?.message ?? "")
+  );
+}
+function machineLanguageCandidates(machineLanguage, language, extra) {
+  const ordered = [machineLanguage, language, ...extra ?? []];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const raw of ordered) {
+    const value = raw?.trim().toUpperCase();
+    if (!value || seen.has(value)) continue;
+    seen.add(value);
+    out.push(value);
+  }
+  return out;
+}
+async function resolveMachineAcrossLanguages(candidates, fetchOne) {
+  for (const language of candidates) {
+    try {
+      return { machine: await fetchOne(language), language };
+    } catch (error) {
+      if (!isMachineNotFound(error)) throw error;
+    }
+  }
+  return null;
+}
+
+// src/composables/react/useSpareParts.ts
 var inflightFetches3 = /* @__PURE__ */ new Set();
 var STOREFRONT_STATUSES = [
   propellerSdkV2.ProductStatus.A,
@@ -2777,6 +2832,8 @@ function useSpareParts(options) {
   const [itemsFound, setItemsFound] = React6.useState(0);
   const [internalLoading, setInternalLoading] = React6.useState(false);
   const [internalPage, setInternalPage] = React6.useState(1);
+  const [notFound, setNotFound] = React6.useState(false);
+  const machineLanguagesKey = (options.machineLanguages ?? []).join(",");
   const currentPage = options.page ?? internalPage;
   const [totalPages, setTotalPages] = React6.useState(1);
   const fetchIdRef = React6.useRef(0);
@@ -2842,17 +2899,35 @@ function useSpareParts(options) {
       const filterAvailableAttributeInput = {
         isSearchable: true
       };
-      const machine = await service.getMachine({
-        slug: options.slug,
-        // The machine tree's language, NOT the parts' — see `machineLanguage`.
-        language: options.machineLanguage ?? options.language,
-        sparePartsMachineProductSearchInput,
-        filterAvailableAttributeInput,
-        priceCalculateProductInput,
-        imageSearchFilters: options.configuration?.imageSearchFiltersGrid,
-        imageVariantFilters: options.configuration?.imageVariantFiltersMedium
-      });
+      const resolved = await resolveMachineAcrossLanguages(
+        machineLanguageCandidates(
+          options.machineLanguage,
+          options.language,
+          options.machineLanguages
+        ),
+        (language) => service.getMachine({
+          slug: options.slug,
+          // The machine tree's language, NOT the parts' — see `machineLanguage`.
+          language,
+          sparePartsMachineProductSearchInput,
+          filterAvailableAttributeInput,
+          priceCalculateProductInput,
+          imageSearchFilters: options.configuration?.imageSearchFiltersGrid,
+          imageVariantFilters: options.configuration?.imageVariantFiltersMedium
+        })
+      );
       if (thisId !== fetchIdRef.current) return;
+      if (!resolved) {
+        setNotFound(true);
+        setInternalParts([]);
+        setChildMachines([]);
+        setItemsFound(0);
+        options.onItemsFoundChange?.(0);
+        setTotalPages(1);
+        return;
+      }
+      setNotFound(false);
+      const machine = resolved.machine;
       const partsResponse = machine?.sparePartProducts;
       const items = partsResponse?.items ?? [];
       setInternalParts(items);
@@ -2894,6 +2969,7 @@ function useSpareParts(options) {
     options.term,
     options.language,
     options.machineLanguage,
+    machineLanguagesKey,
     options.taxZone,
     options.companyId,
     options.textFilters,
@@ -2914,6 +2990,7 @@ function useSpareParts(options) {
     options.term,
     options.language,
     options.machineLanguage,
+    machineLanguagesKey,
     options.companyId,
     // eslint-disable-next-line react-hooks/exhaustive-deps
     JSON.stringify(options.textFilters ?? []),
@@ -2939,7 +3016,8 @@ function useSpareParts(options) {
     currentPage,
     totalPages,
     fetchParts,
-    goToPage
+    goToPage,
+    notFound: !isControlled && notFound
   };
 }
 var inflightFetches4 = /* @__PURE__ */ new Set();
@@ -4228,7 +4306,7 @@ function AccountIconAndMenu(rawProps) {
               onClick: (event) => handleIconClick(),
               "aria-label": propellerV2CoreUi.getLabel(props.labels, "accountLabel", "Account"),
               "data-open": menuOpen ? "true" : "false",
-              className: cn(`propeller-account-menu__trigger inline-flex items-center gap-2 px-3 py-2 rounded-control text-sm font-medium transition-colors text-foreground hover:bg-surface-hover${props.iconClassName ? " " + props.iconClassName : ""}`),
+              className: cn(`propeller-account-menu__trigger inline-flex items-center gap-2 px-3 py-2 rounded-control text-sm font-medium transition-colors text-inherit${props.iconClassName ? " " + props.iconClassName : ""}`),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
@@ -7640,7 +7718,8 @@ function CartIconAndSidebar(rawProps) {
   ] });
 }
 var CartIconAndSidebar_default = CartIconAndSidebar;
-function CartOverview(props) {
+function CartOverview(rawProps) {
+  const props = useInfraProps(rawProps);
   const [reference, setReference] = React6.useState("");
   const [notes, setNotes] = React6.useState("");
   const [termsAccepted, setTermsAccepted] = React6.useState(false);
@@ -7650,6 +7729,7 @@ function CartOverview(props) {
   const showReference = props.showReference !== false;
   const showTermsAndConditions = props.showTermsAndConditions !== false;
   const showPurchaseButton = props.showPurchaseButton !== false;
+  const overLimit = propellerV2CoreUi.isOverAuthorizationLimit(props.user, props.companyId, props.cart);
   const invoiceAddress = props.cart?.invoiceAddress;
   const deliveryAddress = props.cart?.deliveryAddress;
   const getCountryName = (code) => propellerV2CoreUi.getCountryName(code, props.countries);
@@ -7789,7 +7869,12 @@ function CartOverview(props) {
           ] });
         })() })
       ] }) : null,
-      showPurchaseButton ? /* @__PURE__ */ jsxRuntime.jsxs(
+      showPurchaseButton && overLimit ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-cart-overview__authorization-required text-sm text-muted-foreground mt-2", children: propellerV2CoreUi.getLabel(
+        props.labels,
+        "authorizationRequired",
+        "This order exceeds your authorization limit. Request authorization from the cart to continue."
+      ) }) : null,
+      showPurchaseButton && !overLimit ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -8164,6 +8249,7 @@ var RESOLVE_SPEC = {
   currency: { infra: "currency", default: "\u20AC" },
   user: { infra: "user", default: null },
   portalMode: { infra: "portalMode" },
+  isAuthenticated: { infra: "isAuthenticated" },
   columns: { grid: "columns", default: 3 },
   showPrice: { grid: "showPrice" },
   showStock: { grid: "showStock" },
@@ -8207,7 +8293,7 @@ function ClusterCard(rawProps) {
   const textLabelValues = resolveAttributeValues(cluster, props.textLabels).map((value) => ({
     value
   }));
-  const contentHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  const contentHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   const defaultProductInventory = contentHidden ? void 0 : cluster?.defaultProduct?.inventory;
   const useTax = props.includeTax !== void 0 ? !!props.includeTax : false;
   const priceObj = contentHidden ? void 0 : cluster?.defaultProduct?.price;
@@ -8634,7 +8720,7 @@ function LoginToOrderButton(props) {
 var LoginToOrderButton_default = LoginToOrderButton;
 function ProductPriceDisplay(props) {
   function isHidden2() {
-    return propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+    return propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   }
   function formatPrice17(value) {
     if (value === null || value === void 0) return "";
@@ -8726,6 +8812,7 @@ var RESOLVE_SPEC2 = {
   language: { infra: "language", default: "NL" },
   includeTax: { infra: "includeTax" },
   portalMode: { infra: "portalMode" },
+  isAuthenticated: { infra: "isAuthenticated" },
   configuration: { infra: "configuration" },
   // Same entry ClusterCard has always had. Without it a shop priced in
   // anything but euros had no route to the cards at all: the grid resolved the
@@ -8784,7 +8871,7 @@ function ProductCardRoot(rawProps) {
   const language = props.language || "NL";
   const product = props.product;
   const isRow = props.columns === 1;
-  const contentHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  const contentHidden = propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   const showStock = !!props.showStock && !contentHidden;
   const showCta = props.allowAddToCart !== false || contentHidden;
   const name = getProductName(product, language);
@@ -9081,6 +9168,7 @@ function ProductCardPrice(props) {
       currency: resolved.currency,
       language: resolved.language,
       portalMode: resolved.portalMode,
+      isAuthenticated: resolved.isAuthenticated,
       user: resolved.user,
       showLoginPrompt: false
     }
@@ -9088,7 +9176,7 @@ function ProductCardPrice(props) {
 }
 function ProductCardAddToCart(props) {
   const { product, resolved } = useProductCard();
-  if (propellerV2CoreUi.isContentHidden(resolved.portalMode, resolved.user)) {
+  if (propellerV2CoreUi.isContentHidden(resolved.portalMode, resolved.user, resolved.isAuthenticated)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoginToOrderButton_default,
       {
@@ -9109,9 +9197,13 @@ function ProductCardAddToCart(props) {
         allowIncrDecr: resolved.allowIncrDecr,
         showModal: resolved.showModal,
         enableStockValidation: resolved.enableStockValidation,
+        onAddToCart: resolved.onAddToCart,
         afterAddToCart: resolved.afterAddToCart,
         onProceedToCheckout: resolved.onProceedToCheckout,
         onRequestQuoteClick: resolved.onRequestQuoteClick,
+        createCart: resolved.createCart,
+        onCartCreated: resolved.onCartCreated,
+        includeTax: resolved.includeTax,
         labels: resolved.addToCartLabels
       }
     );
@@ -9234,7 +9326,7 @@ function ProductGrid(rawProps) {
   }
   function showAddToCart() {
     const allow = props.allowAddToCart !== false;
-    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user) && allow;
+    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated) && allow;
   }
   function getSkeletonItems() {
     const cols = props.columns || 3;
@@ -9512,7 +9604,7 @@ function GridFilters(rawProps) {
   }
   function showAvailability() {
     if (!props.showAvailabilityFilter) return false;
-    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   }
   function getFilterName(filter) {
     return filter?.attributeDescription?.name || "";
@@ -10067,7 +10159,7 @@ function GridToolbar(rawProps) {
     return badges;
   }
   function isPriceSortDisabled() {
-    return propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+    return propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   }
   function getAvailabilityLabel() {
     const qty = props.minStock;
@@ -10469,13 +10561,14 @@ function MachineGrid(rawProps) {
     // node query threads through useSpareParts.
     imageVariantFilters: configuration?.imageVariantFiltersMedium
   });
-  const { displayParts, childMachines, isLoading: partsLoading, currentPage, totalPages } = useSpareParts({
+  const { displayParts, childMachines, isLoading: partsLoading, currentPage, totalPages, notFound } = useSpareParts({
     graphqlClient: props.graphqlClient,
     // Idle at the root (no slug).
     slug: isRoot ? void 0 : currentSlug,
     term: term || void 0,
     language,
     machineLanguage,
+    machineLanguages: rawProps.machineLanguages,
     taxZone: props.taxZone,
     user: props.user,
     companyId: props.companyId,
@@ -10499,6 +10592,7 @@ function MachineGrid(rawProps) {
     onMachineChange: setMachine
   });
   const machineName = machine ? propellerV2CoreUi.getLocalizedValue(machine.name, machineLanguage) : slugToLabel(currentSlug);
+  const machineLabel = (key, fallback) => rawProps.machineCardLabels?.[key] ?? rawProps.toolbarLabels?.[key] ?? fallback;
   const partProducts = React6.useMemo(
     () => displayParts.map((p) => p.product).filter(Boolean),
     [displayParts]
@@ -10573,6 +10667,12 @@ function MachineGrid(rawProps) {
     ] });
   }
   const hasParts = itemsFound > 0 || partProducts.length > 0;
+  if (notFound && !partsLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rawProps.className, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className: "propeller-breadcrumbs mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-wrap items-center gap-2 text-sm text-foreground-subtle", children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: basePath, className: "hover:text-primary", children: rawProps.rootTitle ?? "Machines" }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-12 text-center text-foreground-subtle", children: machineLabel("machineNotFound", "This machine could not be found.") })
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rawProps.className, children: [
     /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className: "propeller-breadcrumbs mb-6", children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "flex flex-wrap items-center gap-2 text-sm text-foreground-subtle", children: [
       /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: basePath, className: "hover:text-primary", children: rawProps.rootTitle ?? "Machines" }) }),
@@ -10625,7 +10725,9 @@ function MachineGrid(rawProps) {
           {
             defaultValue: term,
             onSubmit: submitSearch,
-            labels: rawProps.toolbarLabels
+            searchLabel: machineLabel("searchParts", "Search parts\u2026"),
+            searchAriaLabel: machineLabel("searchParts", "Search parts"),
+            buttonLabel: propellerV2CoreUi.getLabel(rawProps.toolbarLabels, "search", "Search")
           },
           term
         ),
@@ -10676,7 +10778,7 @@ function MachineGrid(rawProps) {
               const qty = quantityBySku.get(product.sku);
               if (!qty) return null;
               return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-spare-part__quantity text-sm text-foreground-subtle", children: [
-                rawProps.toolbarLabels?.quantityInMachine ?? "Qty in machine",
+                machineLabel("quantityInMachine", "Qty in machine"),
                 ": ",
                 qty
               ] });
@@ -10708,8 +10810,8 @@ function MachinePartsSearch(props) {
         onKeyDown: (e) => {
           if (e.key === "Enter") submit();
         },
-        placeholder: props.labels?.searchParts ?? "Search parts\u2026",
-        "aria-label": props.labels?.searchParts ?? "Search parts",
+        placeholder: props.searchLabel,
+        "aria-label": props.searchAriaLabel,
         className: "w-full rounded border border-border bg-background px-3 py-2"
       }
     ),
@@ -10719,7 +10821,7 @@ function MachinePartsSearch(props) {
         type: "button",
         onClick: submit,
         className: "rounded bg-primary px-4 py-2 text-primary-foreground",
-        children: props.labels?.search ?? "Search"
+        children: props.buttonLabel
       }
     )
   ] });
@@ -10920,7 +11022,7 @@ function ClusterOptions(rawProps) {
     const language = props.language;
     const options = props.options || [];
     const sel = selectedProductIds;
-    const hidePrices = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+    const hidePrices = propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
     return options.filter((option) => option.hidden !== propellerSdkV2.YesNo.Y).map((option) => {
       const idStr = option.id.toString();
       const selectedProductId = sel[idStr] || "";
@@ -11104,7 +11206,11 @@ function CompanySwitcher(props) {
             type: "button",
             "aria-haspopup": "listbox",
             "aria-label": propellerV2CoreUi.getLabel(props.labels, "switchCompanyAriaLabel", "Switch company"),
-            className: "propeller-company-switcher__trigger flex items-center gap-2 rounded-md px-3 py-1.5 text-sm font-medium transition-colors hover:bg-white/10",
+            className: cn(
+              // `text-inherit`: this sits in the host's header, which may be dark or
+              // light. See the note on AccountIconAndMenu's trigger.
+              `propeller-company-switcher__trigger flex items-center gap-2 rounded-md px-3 py-1.5 text-sm font-medium transition-colors text-inherit${props.triggerClassName ? " " + props.triggerClassName : ""}`
+            ),
             onClick: (event) => toggleDropdown(),
             "aria-expanded": isOpen,
             children: [
@@ -15079,7 +15185,7 @@ function PriceToggle(props) {
 var PriceToggle_default = PriceToggle;
 function ProductBulkPrices(props) {
   const includeTax = !!props.includeTax;
-  const isHidden2 = propellerV2CoreUi.isContentHidden(props.portalMode, props.user);
+  const isHidden2 = propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated);
   function getTierQuantity(tier) {
     const discount = tier.discount;
     return discount?.quantityFrom ?? tier.quantity ?? null;
@@ -15626,14 +15732,10 @@ function ProductDownloads(props) {
   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 || "";
+    return propellerV2CoreUi.resolveLanguageEntry(doc.documents, lang)?.originalUrl || "";
   }
   function getDocumentName(doc) {
-    const alts = doc.alt || [];
-    const match = alts.find((a) => a.language === lang);
-    return match?.value || alts?.[0]?.value || "Download";
+    return propellerV2CoreUi.getLanguageString(doc.alt, lang, "Download");
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`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,
@@ -15839,12 +15941,14 @@ function ProductGallery(props) {
 var ProductGallery_default = ProductGallery;
 function pickImageUrl(mediaItems, target) {
   if (!mediaItems || mediaItems.length === 0) return null;
+  const targetUpper = (target || "").toUpperCase();
+  const langMatches = (value) => (value || "").toUpperCase() === targetUpper;
   for (const m of mediaItems) {
-    const match = m.imageVariants?.find((v) => v.language === target && v.url);
+    const match = m.imageVariants?.find((v) => langMatches(v.language) && v.url);
     if (match?.url) return match.url;
   }
   for (const m of mediaItems) {
-    const match = m.images?.find((i) => i.language === target && i.originalUrl);
+    const match = m.images?.find((i) => langMatches(i.language) && i.originalUrl);
     if (match?.originalUrl) return match.originalUrl;
   }
   for (const m of mediaItems) {
@@ -16172,6 +16276,7 @@ function ProductInfoPrice(props = {}) {
       currency: derived.currency,
       taxZone: derived.taxZone,
       portalMode: derived.portalMode,
+      isAuthenticated: resolved.isAuthenticated,
       user: derived.user,
       labels: derived.labels,
       className: props.className
@@ -16181,7 +16286,7 @@ function ProductInfoPrice(props = {}) {
 function ProductInfoStock(props = {}) {
   const { product, resolved, derived } = useProductInfoContext();
   if (!product.inventory) return null;
-  if (propellerV2CoreUi.isContentHidden(derived.portalMode, resolved.user)) return null;
+  if (propellerV2CoreUi.isContentHidden(derived.portalMode, resolved.user, resolved.isAuthenticated)) return null;
   const Injected = resolved.stockComponent;
   if (Injected) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16208,7 +16313,7 @@ function ProductInfoStock(props = {}) {
 }
 function ProductInfoAddToCart(props = {}) {
   const { product, resolved, derived } = useProductInfoContext();
-  if (propellerV2CoreUi.isContentHidden(derived.portalMode, resolved.user)) {
+  if (propellerV2CoreUi.isContentHidden(derived.portalMode, resolved.user, resolved.isAuthenticated)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoginToOrderButton_default,
       {
@@ -16220,7 +16325,18 @@ function ProductInfoAddToCart(props = {}) {
   }
   const Injected = resolved.addToCartComponent;
   if (Injected) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Injected, { product, labels: derived.labels, className: props.className });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Injected,
+      {
+        product,
+        cartId: resolved.cartId,
+        createCart: resolved.createCart,
+        onCartCreated: resolved.onCartCreated,
+        includeTax: derived.useTax,
+        labels: derived.labels,
+        className: props.className
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     AddToCart_default,
@@ -16229,6 +16345,9 @@ function ProductInfoAddToCart(props = {}) {
       user: derived.user,
       currency: derived.currency,
       product,
+      cartId: resolved.cartId,
+      createCart: resolved.createCart,
+      onCartCreated: resolved.onCartCreated,
       configuration: resolved.configuration,
       companyId: resolved.companyId,
       includeTax: derived.useTax,
@@ -16282,6 +16401,7 @@ function ProductInfoBulkPrices(props = {}) {
       bulkPrices: product.bulkPrices,
       includeTax: derived.useTax,
       portalMode: derived.portalMode,
+      isAuthenticated: resolved.isAuthenticated,
       user: derived.user,
       taxZone: derived.taxZone,
       currency: derived.currency,
@@ -16444,7 +16564,7 @@ function ProductSlider(rawProps) {
   }
   function showAddToCart() {
     const allow = props.allowAddToCart !== false;
-    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user) && allow;
+    return !propellerV2CoreUi.isContentHidden(props.portalMode, props.user, props.isAuthenticated) && allow;
   }
   function isCluster(item) {
     return "clusterId" in item && !("productId" in item);
@@ -16748,14 +16868,10 @@ function ProductVideos(props) {
   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 || "";
+    return propellerV2CoreUi.getLanguageUri(video.videos, lang, "");
   }
   function getVideoTitle(video) {
-    const alts = video.alt || [];
-    const match = alts.find((a) => a.language === lang);
-    return match?.value || alts?.[0]?.value || "Video";
+    return propellerV2CoreUi.getLanguageString(video.alt, lang, "Video");
   }
   function isEmbeddable(uri) {
     return uri.includes("youtube.com") || uri.includes("youtu.be") || uri.includes("vimeo.com");