@propeller-commerce/propeller-v2-react-ui 0.4.21 → 0.4.23

package/CHANGELOG.md

@@ -8,6 +8,43 @@ 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.4.23] - 2026-07-17
+
+### Fixed
+
+- `SearchBar`: the autosuggest dropdown hardcoded `price.gross` (excl. VAT) and
+  ignored the Incl./Excl. toggle, under-quoting every product, and showed no
+  tax label. It now carries both net/gross, picks the leading price from
+  `includeTax` (resolved from `<PropellerProvider>`), and renders an
+  `incl./excl.` label — consistent with `ProductPrice`/PLP/PDP. New optional
+  props: `includeTax`, `priceLabels` (keys `inclTax`/`exclTax`).
+- `CartIconAndSidebar`: the header mini-cart rendered line items excl. VAT
+  (`includeTax={false}`) while the total used `totalNet` (incl. VAT) and bonus
+  items were pinned incl. — the lines never reconciled with the total and none
+  followed the toggle. All three now share one `useTax` basis (from
+  `includeTax`), so lines, total, and bonus items agree and respect the toggle.
+
+### Changed
+
+- `DeliveryDate`: weekday/month names in the quick-pick tiles now resolve via
+  `labels` (keys `day_0`…`day_6`, `month_0`…`month_11`; English fallback) so
+  they localize with the active locale instead of hardcoded English. New
+  optional `language` prop (resolved from `<PropellerProvider>`) sets the
+  native date-input's `lang`, localizing the browser calendar chrome
+  (month name, weekday headers, Today/Clear).
+
+## [0.4.22] - 2026-07-17
+
+### Fixed
+
+- `DeliveryDate`: when `skipWeekends` is on and the cart's `initialDate`
+  (`postageData.requestDate`) is a weekend, it was adopted verbatim — landing
+  the selected date in the "Other date" tile (rendered LAST, out of sequence)
+  and replacing the "Other date…" entry point with that date's label. Now a
+  weekend `initialDate` snaps to the first valid weekday tile, so the selection
+  lands on the leading quick-pick and the "Other date…" tile is restored. A
+  weekday `initialDate` is still adopted as-is.
+
 ## [0.4.21] - 2026-07-16
 
 ### Fixed

package/dist/index.cjs

@@ -6725,8 +6725,9 @@ function CartIconAndSidebar(rawProps) {
     (sum, item) => sum + item.quantity,
     0
   );
-  const totalNet = props.cart?.total?.totalNet;
-  const totalPrice = totalNet === void 0 || totalNet === null ? money(0) : money(totalNet);
+  const useTax = !!props.includeTax;
+  const totalRaw = useTax ? props.cart?.total?.totalNet : props.cart?.total?.totalGross;
+  const totalPrice = totalRaw === void 0 || totalRaw === null ? money(0) : money(totalRaw);
   const sidebarTitle = props.cartSidebarTitle || props.labels?.["cartSidebarTitle"] || "Shopping cart";
   const purchaserPAC = findPurchaserPAC(props.user, props.companyId);
   const totalGross = props.cart?.total?.totalGross ?? 0;
@@ -6936,7 +6937,7 @@ function CartIconAndSidebar(rawProps) {
                 showCartItemNotesField: false,
                 showCrossupsells: false,
                 showStockComponent: false,
-                includeTax: false,
+                includeTax: useTax,
                 className: "propeller-cart-icon__item",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(CartItem_default.Image, { className: "w-20 h-20 flex-shrink-0 bg-surface-hover rounded-control overflow-hidden border border-border-subtle" }),
@@ -6957,7 +6958,7 @@ function CartIconAndSidebar(rawProps) {
               },
               item.itemId
             )) }),
-            /* @__PURE__ */ jsxRuntime.jsx(CartBonusItemsImpl, { cart: props.cart, includeTax: true, className: "mt-4" })
+            /* @__PURE__ */ jsxRuntime.jsx(CartBonusItemsImpl, { cart: props.cart, includeTax: useTax, className: "mt-4" })
           ] }),
           " ",
           items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover", children: [
@@ -8400,7 +8401,8 @@ function computeUpcomingDates(count, skipWeekends) {
   }
   return days;
 }
-function DeliveryDate(props) {
+function DeliveryDate(rawProps) {
+  const props = useInfraProps(rawProps);
   const [selectedDate, setSelectedDate] = React6.useState("");
   const [modalOpen, setModalOpen] = React6.useState(false);
   const [customDateValue, setCustomDateValue] = React6.useState("");
@@ -8421,7 +8423,9 @@ function DeliveryDate(props) {
     if (!isoDate) return "";
     const date = new Date(isoDate);
     if (isNaN(date.getTime())) return "";
-    return `${WEEKDAYS[date.getDay()]}, ${MONTHS[date.getMonth()]} ${date.getDate()}`;
+    const weekday = propellerV2CoreUi.getLabel(props.labels, `day_${date.getDay()}`, WEEKDAYS[date.getDay()]);
+    const month = propellerV2CoreUi.getLabel(props.labels, `month_${date.getMonth()}`, MONTHS[date.getMonth()]);
+    return `${weekday}, ${month} ${date.getDate()}`;
   }
   function handleSelect(isoDate) {
     setSelectedDate(isoDate);
@@ -8468,12 +8472,15 @@ function DeliveryDate(props) {
     if (props.initialDate && !selectedDate) {
       const dot = props.initialDate.lastIndexOf(".");
       const normalized = dot !== -1 ? props.initialDate.substring(0, dot) + "Z" : props.initialDate;
-      setSelectedDate(normalized);
+      const parsed = new Date(normalized);
+      const isWeekend = !isNaN(parsed.getTime()) && (parsed.getDay() === 0 || parsed.getDay() === 6);
+      const adopt = skipWeekends && isWeekend && upcomingDates.length > 0 ? upcomingDates[0] : normalized;
+      setSelectedDate(adopt);
       if (props.onDateSelect) {
-        props.onDateSelect(normalized);
+        props.onDateSelect(adopt);
       }
     }
-  }, [props.initialDate, props.cart, selectedDate, props.onDateSelect, props]);
+  }, [props.initialDate, props.cart, selectedDate, props.onDateSelect, props, skipWeekends, upcomingDates]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-delivery-date ${containerClass}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-delivery-date__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-3", children: [
       upcomingDates.map((dateStr, index) => {
@@ -8532,6 +8539,7 @@ function DeliveryDate(props) {
             "input",
             {
               type: "date",
+              lang: props.language ? props.language.toLowerCase() : void 0,
               className: `propeller-delivery-date__input w-full border rounded-control px-3 py-2 text-sm focus:outline-none focus:ring-2 ${customDateError ? "border-destructive focus:ring-destructive focus:border-destructive" : "border-input focus:ring-secondary focus:border-secondary"}`,
               min: minDate,
               value: customDateValue,
@@ -17144,11 +17152,17 @@ function mapToSearchBarResult(item) {
   const id = isCluster ? item.clusterId : item.productId;
   const slug = item.slugs?.[0]?.value || "";
   const url = isCluster ? "/cluster/" + id + "/" + slug : "/product/" + id + "/" + slug;
+  const priceNet = displayItem?.price?.net || 0;
+  const priceGross = displayItem?.price?.gross || 0;
   return {
     id,
     name: item.names?.[0]?.value || "Product",
     sku: item.sku || displayItem?.sku || "",
-    price: displayItem?.price?.gross || 0,
+    // `price` stays the gross value for back-compat; the row picks net/gross
+    // from the two explicit fields below per the toggle.
+    price: priceGross,
+    priceNet,
+    priceGross,
     imageUrl: displayItem?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "",
     url,
     isCluster
@@ -17177,6 +17191,13 @@ function SearchBar(rawProps) {
     }
     return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
   }
+  const useTax = !!props.includeTax;
+  function leadingPrice(result) {
+    return useTax ? result.priceNet ?? result.price ?? 0 : result.priceGross ?? result.price ?? 0;
+  }
+  function priceTaxLabel() {
+    return useTax ? propellerV2CoreUi.getLabel(props.priceLabels, "inclTax", "incl. VAT") : propellerV2CoreUi.getLabel(props.priceLabels, "exclTax", "excl. VAT");
+  }
   function noImageUrl() {
     return props.noImageUrl || "";
   }
@@ -17295,7 +17316,10 @@ function SearchBar(rawProps) {
                       result.sku
                     ] }) : null
                   ] }),
-                  result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0", children: formatItemPrice(result.price) }) : null
+                  result.price !== void 0 && result.price !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-search-bar__result-price-value", children: formatItemPrice(leadingPrice(result)) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground", children: priceTaxLabel() })
+                  ] }) : null
                 ]
               },
               result.id + "-" + index