@zenky/storefront-vue 0.10.18 → 0.11.0

package/CHANGELOG.md

@@ -206,6 +206,43 @@ All notable changes to this project are documented in this file. The format foll
   `register()` returning `true` left the user believing they were signed in when they
   weren't. This path now performs a real `login()` with the same password instead.
 
+## 0.11.0 - 2026-10-07
+
+Needs `@zenky/storefront-api` `^1.7.0` (peer dependency).
+
+### Added
+
+- Order packaging: `ORDER_WITH` now includes `packages`, and `useCartStore` gets
+  `setOrderPackages(packages, packagingPrice)`. Add/remove responses don't carry
+  `packages`, so `useCartOperations` reloads them after the total is recalculated, but
+  only when the checkout total reports `packaging_price > 0`; at zero a leftover list is
+  cleared locally without a request. Late or out-of-order responses (an older sync, or a
+  previous order) are dropped, and a failed reload is logged without breaking the
+  add/remove. Needs `@zenky/storefront-api` with `Order.packages`,
+  `Order.packaging_price` and `OrderCheckoutTotal.packaging_price`.
+- Merchant product badges (`/products`): `toProductBadgeViews` validates the backend
+  `Product.badges` list — drops badges with nothing to show, repeated ids and unusable
+  icons, accepts only hex colors (alpha is ignored) and http(s) image urls, and returns
+  `colors: null` when either color is missing or invalid so the consumer can fall back to
+  its theme. `getProductBadgeLayout` tells a text badge from an image without a label (drawn
+  as a square with no background), `filterProductBadges` hides either kind, and
+  `getProductBadgeAccent` derives a palette from the badge's own text/background pair
+  (accent, readable `on` color, hue-shifted gradient end, readable text, translucent glass
+  fill) with plain JS math, no CSS color functions. Styles, sizes and placement stay with
+  the consumer. Needs `@zenky/storefront-api` with `Product.badges` (`^1.6.0`).
+
+### Changed
+
+- `useCartStore.setOrder` keeps the previous `packages` (and `packaging_price`, unless the
+  new order brings its own) when the new order has the same id and no `packages`;
+  responses such as `setOrderPayments` omit them, and replacing the order wholesale made
+  the packaging block disappear while the total still included it.
+- `addToCart` now forwards `promotionId` / `promotionRewardId` to the API as
+  `promotion_id` / `promotion_reward_id`, so promotion gifts are added through the regular
+  pipeline (total recalculation, packaging sync, promotion re-check) instead of a direct
+  SDK call. Gift adds do not emit add-to-cart analytics events (`productAddedToCart`,
+  `productQuantityIncreased`, `trackAddedToCart`); removal events are unchanged.
+
 ## 0.10.7 - 2026-08-02
 
 ### Added

package/dist/cart/index.js

@@ -1,13 +1,13 @@
-export { CASH_DENOMINATIONS_MAJOR, DEFAULT_ROUND_STEPS_MAJOR, ORDER_EVENTS, ORDER_WITH, buildCartLineKey, buildCashChangePresets, buildMainPaymentRequest, getCashDenominationsMinor, getDefaultRoundStepsMinor, normalizeAddress, useBonusesReconciliation, useCartAddressSync, useCartCustomerAttachment, useCartDeliveryAttachment, useCartInitialization, useCartMutation, useCartOperations, useCartQuantities, useCartRecalculation, useCartStockWatcher, useCheckoutFlow, useCheckoutSubmit, useCustomerAttach, useOnlinePaymentRetry, useOrderBonuses, useOrderChannel, useOrderDelivery, useOrderPromocode, useOrderSettings, useOrderTotal, usePaymentSelection, useRestrictedAddToCart, useRestrictionGate, useStorefrontCart, useVisibleCartVariants, variantLineKey } from '../chunk-6BXHWR5E.js';
-export { useCartCredentials } from '../chunk-2DUKIVKC.js';
+export { CASH_DENOMINATIONS_MAJOR, DEFAULT_ROUND_STEPS_MAJOR, ORDER_EVENTS, ORDER_WITH, buildCartLineKey, buildCashChangePresets, buildMainPaymentRequest, getCashDenominationsMinor, getDefaultRoundStepsMinor, normalizeAddress, useBonusesReconciliation, useCartAddressSync, useCartCustomerAttachment, useCartDeliveryAttachment, useCartInitialization, useCartMutation, useCartOperations, useCartQuantities, useCartRecalculation, useCartStockWatcher, useCheckoutFlow, useCheckoutSubmit, useCustomerAttach, useOnlinePaymentRetry, useOrderBonuses, useOrderChannel, useOrderDelivery, useOrderPromocode, useOrderSettings, useOrderTotal, usePaymentSelection, useRestrictedAddToCart, useRestrictionGate, useStorefrontCart, useVisibleCartVariants, variantLineKey } from '../chunk-5KCBZJV3.js';
 import '../chunk-5QCUH3FF.js';
 export { getCartErrorCode, getCartErrorHttpCode, getCartErrorMessage, getValidationErrors, logCartError } from '../chunk-TE42OCFK.js';
-import '../chunk-544USTPB.js';
 import '../chunk-4JCJHAL3.js';
-import '../chunk-T52G6JN7.js';
 import '../chunk-TIQ7AJLY.js';
-import '../chunk-IOYYCA75.js';
 import '../chunk-FS2UNPTY.js';
 import '../chunk-2Y6QTHXI.js';
+export { useCartCredentials } from '../chunk-QFKA2R6D.js';
+import '../chunk-544USTPB.js';
+import '../chunk-TXR76IDL.js';
+import '../chunk-IOYYCA75.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-6BXHWR5E.js → chunk-5KCBZJV3.js}

@@ -1,13 +1,13 @@
-import { useCartCredentials, usePromotionsChecker } from './chunk-2DUKIVKC.js';
 import { createRuntimeState } from './chunk-5QCUH3FF.js';
 import { logCartError, getCartErrorHttpCode, getCartErrorCode, getCartErrorMessage } from './chunk-TE42OCFK.js';
-import { usePromotionsStore } from './chunk-544USTPB.js';
 import { useCatalogStore } from './chunk-4JCJHAL3.js';
-import { useRuntime, useCartStore, useAuthStore, useOrderSettingsStore } from './chunk-T52G6JN7.js';
 import { toRequestedMethod } from './chunk-TIQ7AJLY.js';
-import { useStoreProfileStore } from './chunk-IOYYCA75.js';
 import { getRemoteCatalog } from './chunk-FS2UNPTY.js';
 import { minorToMajor, majorToMinor } from './chunk-2Y6QTHXI.js';
+import { useCartCredentials, usePromotionsChecker } from './chunk-QFKA2R6D.js';
+import { usePromotionsStore } from './chunk-544USTPB.js';
+import { useRuntime, useCartStore, useAuthStore, useOrderSettingsStore } from './chunk-TXR76IDL.js';
+import { useStoreProfileStore } from './chunk-IOYYCA75.js';
 import { PaymentMethod, OrderAuthenticationMethod, DeliveryMethod, OrderCartCheckerResultAction, RecaptchaAction } from '@zenky/storefront-api';
 import { ref, computed, watch, watchEffect, getCurrentScope, onScopeDispose, toValue } from 'vue';
 import { storeToRefs } from 'pinia';
@@ -340,6 +340,7 @@ var ORDER_INCLUDES = [
   "payments",
   "progress",
   "promocode",
+  "packages",
   "variants.variant.options",
   "variants.product.images",
   "variants.product.categories",
@@ -1339,17 +1340,43 @@ var BATCH_DELAY = 250;
 var CART_LINE_KIND_PREFIX = "cart-line-";
 var getOperationsState = createRuntimeState(() => ({
   batches: /* @__PURE__ */ new Map(),
-  inflight: /* @__PURE__ */ new Set()
+  inflight: /* @__PURE__ */ new Set(),
+  packagesSeq: 0
 }));
 function useCartOperations(credentials, initialization, sdk, deps) {
   const { notifier, activity } = deps;
   const runtime = useRuntime();
   const { events, rum, commerceEvents, messages } = runtime;
-  const { batches, inflight } = getOperationsState(runtime);
+  const state = getOperationsState(runtime);
+  const { batches, inflight } = state;
   const cartStore = useCartStore();
   const profileStore = useStoreProfileStore();
   const { run: runMutation, bumpKindsWithPrefix } = useCartMutation();
   const { recalculateAfterOrderChange } = useCartRecalculation({ notifier, activity });
+  async function syncPackages(isStale) {
+    const mySeq = ++state.packagesSeq;
+    const packagingPrice = cartStore.checkoutTotal?.packaging_price ?? 0;
+    const hasPackages = (cartStore.order?.packages?.length ?? 0) > 0;
+    if (packagingPrice <= 0) {
+      if (hasPackages && !isStale()) cartStore.setOrderPackages([], 0);
+      return;
+    }
+    try {
+      const fresh = await sdk.orders.getOrder(
+        credentials.getStoreId(),
+        credentials.getCredentials(),
+        { with: "packages" }
+      );
+      if (isStale() || mySeq !== state.packagesSeq) return;
+      if (fresh.id !== cartStore.order?.id) return;
+      cartStore.setOrderPackages(fresh.packages ?? [], fresh.packaging_price ?? null);
+    } catch (e) {
+      logCartError(
+        { scope: "cart-packages", context: { orderId: cartStore.credentials?.id } },
+        e
+      );
+    }
+  }
   function flushBatch(lineKey) {
     if (inflight.has(lineKey)) return;
     const batch = batches.get(lineKey);
@@ -1362,6 +1389,7 @@ function useCartOperations(credentials, initialization, sdk, deps) {
     inflight.add(lineKey);
     const sentDelta = batch.delta;
     const isAdd = sentDelta > 0;
+    const isPromotionLine = Boolean(batch.promotionId);
     const qty = Math.abs(sentDelta);
     const { variantId, productId, productName, variantLabel } = batch;
     const execute = async () => {
@@ -1382,6 +1410,10 @@ function useCartOperations(credentials, initialization, sdk, deps) {
                 product_variant_id: variantId,
                 quantity: qty,
                 modifiers: batch.modifiers,
+                ...batch.promotionId ? {
+                  promotion_id: batch.promotionId,
+                  promotion_reward_id: batch.promotionRewardId
+                } : {},
                 ...batch.recommendationsBlock ? { recommendations_block: batch.recommendationsBlock } : {}
               }
             );
@@ -1414,7 +1446,7 @@ function useCartOperations(credentials, initialization, sdk, deps) {
           optimisticCorrected = true;
           const integrations = events?.get() ?? null;
           const orderVariant = cartStore.order?.variants?.find((v) => variantLineKey(v) === lineKey) ?? null;
-          if (isAdd) {
+          if (isAdd && !isPromotionLine) {
             if (!wasInCartBefore) {
               integrations?.productAddedToCart({
                 order: cartStore.order,
@@ -1426,7 +1458,7 @@ function useCartOperations(credentials, initialization, sdk, deps) {
                 orderVariant
               });
             }
-          } else {
+          } else if (!isAdd) {
             const isNowInCart = cartStore.order?.variants?.some((v) => variantLineKey(v) === lineKey) ?? false;
             if (!isNowInCart) {
               const product = variantBeforeChange?.product ?? null;
@@ -1443,7 +1475,7 @@ function useCartOperations(credentials, initialization, sdk, deps) {
           }
           const commerceOrderId = cartStore.credentials?.id;
           if (commerceOrderId && commerceEvents) {
-            if (isAdd) {
+            if (isAdd && !isPromotionLine) {
               const currency = profileStore.currency;
               const cartTotal = cartStore.order?.total_price;
               commerceEvents.trackAddedToCart(commerceOrderId, {
@@ -1454,7 +1486,7 @@ function useCartOperations(credentials, initialization, sdk, deps) {
                 totalPrice: cartTotal != null ? minorToMajor(cartTotal, currency) : void 0,
                 recommendationsBlock: batch.recommendationsBlock
               });
-            } else {
+            } else if (!isAdd) {
               commerceEvents.trackRemovedFromCart(commerceOrderId, {
                 productId,
                 productVariantId: variantId,
@@ -1463,6 +1495,7 @@ function useCartOperations(credentials, initialization, sdk, deps) {
             }
           }
           await recalculateAfterOrderChange();
+          await syncPackages(isStale);
           if (isAdd && productName) {
             const parts = [productName, variantLabel].filter(Boolean);
             notifier.message(messages.format("cart.added.title"), {
@@ -1950,5 +1983,5 @@ function useVisibleCartVariants() {
 }
 
 export { CASH_DENOMINATIONS_MAJOR, DEFAULT_ROUND_STEPS_MAJOR, ORDER_EVENTS, ORDER_WITH, buildCartLineKey, buildCashChangePresets, buildMainPaymentRequest, getCashDenominationsMinor, getDefaultRoundStepsMinor, normalizeAddress, useBonusesReconciliation, useCartAddressSync, useCartCustomerAttachment, useCartDeliveryAttachment, useCartInitialization, useCartMutation, useCartOperations, useCartQuantities, useCartRecalculation, useCartStockWatcher, useCheckoutFlow, useCheckoutSubmit, useCustomerAttach, useOnlinePaymentRetry, useOrderBonuses, useOrderChannel, useOrderDelivery, useOrderPromocode, useOrderSettings, useOrderTotal, usePaymentSelection, useRestrictedAddToCart, useRestrictionGate, useStorefrontCart, useVisibleCartVariants, variantLineKey };
-//# sourceMappingURL=chunk-6BXHWR5E.js.map
-//# sourceMappingURL=chunk-6BXHWR5E.js.map
+//# sourceMappingURL=chunk-5KCBZJV3.js.map
+//# sourceMappingURL=chunk-5KCBZJV3.js.map