@zenky/storefront-vue 0.10.17 → 0.11.0

package/CHANGELOG.md

@@ -184,6 +184,12 @@ All notable changes to this project are documented in this file. The format foll
   a dispatch still in flight when the user resets their channel choice could resolve
   afterward and resurrect the very channel they just backed out of (its success handler
   writes `confirmationMethod` from the response, unconditionally).
+- `useProductList.fetchProducts()` now sends `stock_id` (the customer's order's attached
+  stock, if any) or `city_id` as a fallback, never both, so category/collection listings
+  only show products with positive stock. Previously neither was sent. The stock read is
+  `cartStore.order?.stock?.id`, not `profileStore.stock` — the latter defaults to the
+  city's first configured stock even with no order at all (`getStock()` in
+  `catalogResolver.ts`), which would have made the `city_id` fallback effectively dead.
 
 ### Security
 
@@ -200,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-U5E6QSUO.js';
-export { useCartCredentials } from '../chunk-L7UQIKDY.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-54T72OLR.js';
 import '../chunk-4JCJHAL3.js';
-import '../chunk-WTZXTBF6.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-544USTPB.js

@@ -0,0 +1,45 @@
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+
+// src/stores/promotions.ts
+var usePromotionsStore = defineStore("zenky-promotions", () => {
+  const rewards = ref([]);
+  const checking = ref(false);
+  function addOrUpdateReward(selection) {
+    const index = rewards.value.findIndex((r) => r.promotionId === selection.promotionId);
+    if (index >= 0) {
+      rewards.value[index] = selection;
+    } else {
+      rewards.value.push(selection);
+    }
+  }
+  function removeRewardByPromotion(promotionId) {
+    rewards.value = rewards.value.filter((r) => r.promotionId !== promotionId);
+  }
+  function clearRewards() {
+    rewards.value = [];
+  }
+  function setChecking(value) {
+    checking.value = value;
+  }
+  const hasRewards = computed(() => rewards.value.length > 0);
+  const totalEmptySlots = computed(() => rewards.value.reduce((sum, r) => sum + r.limit, 0));
+  const rewardSelection = computed(() => rewards.value[0] ?? null);
+  const needsSelection = computed(() => rewards.value.some((r) => r.context !== null));
+  return {
+    rewards,
+    checking,
+    addOrUpdateReward,
+    removeRewardByPromotion,
+    clearRewards,
+    setChecking,
+    hasRewards,
+    totalEmptySlots,
+    rewardSelection,
+    needsSelection
+  };
+});
+
+export { usePromotionsStore };
+//# sourceMappingURL=chunk-544USTPB.js.map
+//# sourceMappingURL=chunk-544USTPB.js.map

package/dist/chunk-544USTPB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stores/promotions.ts"],"names":[],"mappings":";;;;AA6BO,IAAM,kBAAA,GAAqB,WAAA,CAAY,kBAAA,EAAoB,MAAuB;AAErF,EAAA,MAAM,OAAA,GAAU,GAAA,CAAuB,EAAE,CAAA;AACzC,EAAA,MAAM,QAAA,GAAW,IAAI,KAAK,CAAA;AAE1B,EAAA,SAAS,kBAAkB,SAAA,EAAkC;AACzD,IAAA,MAAM,KAAA,GAAQ,QAAQ,KAAA,CAAM,SAAA,CAAU,CAAC,CAAA,KAAM,CAAA,CAAE,WAAA,KAAgB,SAAA,CAAU,WAAW,CAAA;AACpF,IAAA,IAAI,SAAS,CAAA,EAAG;AACZ,MAAA,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,SAAA;AAAA,IAC3B,CAAA,MAAO;AACH,MAAA,OAAA,CAAQ,KAAA,CAAM,KAAK,SAAS,CAAA;AAAA,IAChC;AAAA,EACJ;AAEA,EAAA,SAAS,wBAAwB,WAAA,EAA2B;AACxD,IAAA,OAAA,CAAQ,KAAA,GAAQ,QAAQ,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,gBAAgB,WAAW,CAAA;AAAA,EAC7E;AAEA,EAAA,SAAS,YAAA,GAAqB;AAC1B,IAAA,OAAA,CAAQ,QAAQ,EAAC;AAAA,EACrB;AAEA,EAAA,SAAS,YAAY,KAAA,EAAsB;AACvC,IAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AAAA,EACrB;AAEA,EAAA,MAAM,aAAa,QAAA,CAAS,MAAM,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAC,CAAA;AAC1D,EAAA,MAAM,eAAA,GAAkB,QAAA,CAAS,MAAM,OAAA,CAAQ,KAAA,CAAM,MAAA,CAAO,CAAC,GAAA,EAAK,CAAA,KAAM,GAAA,GAAM,CAAA,CAAE,KAAA,EAAO,CAAC,CAAC,CAAA;AAEzF,EAAA,MAAM,kBAAkB,QAAA,CAAiC,MAAM,QAAQ,KAAA,CAAM,CAAC,KAAK,IAAI,CAAA;AACvF,EAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,MAAM,OAAA,CAAQ,KAAA,CAAM,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,OAAA,KAAY,IAAI,CAAC,CAAA;AAEnF,EAAA,OAAO;AAAA,IACH,OAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACJ;AACJ,CAAC","file":"chunk-544USTPB.js","sourcesContent":["import { defineStore } from 'pinia'\nimport { computed, ref, type ComputedRef, type Ref } from 'vue'\n\nexport interface RewardSelectionContext {\n    type: string\n    id: string\n}\n\nexport interface RewardSelection {\n    offerId: string\n    promotionId: string\n    rewardId: string\n    context: RewardSelectionContext | null\n    limit: number\n}\n\nexport interface PromotionsStore {\n    rewards: Ref<RewardSelection[]>\n    checking: Ref<boolean>\n    addOrUpdateReward: (selection: RewardSelection) => void\n    removeRewardByPromotion: (promotionId: string) => void\n    clearRewards: () => void\n    setChecking: (value: boolean) => void\n    hasRewards: ComputedRef<boolean>\n    totalEmptySlots: ComputedRef<number>\n    rewardSelection: ComputedRef<RewardSelection | null>\n    needsSelection: ComputedRef<boolean>\n}\n\nexport const usePromotionsStore = defineStore('zenky-promotions', (): PromotionsStore => {\n    /** Available rewards (multiple promotions can be active at the same time). */\n    const rewards = ref<RewardSelection[]>([])\n    const checking = ref(false)\n\n    function addOrUpdateReward(selection: RewardSelection): void {\n        const index = rewards.value.findIndex((r) => r.promotionId === selection.promotionId)\n        if (index >= 0) {\n            rewards.value[index] = selection\n        } else {\n            rewards.value.push(selection)\n        }\n    }\n\n    function removeRewardByPromotion(promotionId: string): void {\n        rewards.value = rewards.value.filter((r) => r.promotionId !== promotionId)\n    }\n\n    function clearRewards(): void {\n        rewards.value = []\n    }\n\n    function setChecking(value: boolean): void {\n        checking.value = value\n    }\n\n    const hasRewards = computed(() => rewards.value.length > 0)\n    const totalEmptySlots = computed(() => rewards.value.reduce((sum, r) => sum + r.limit, 0))\n    /** Kept for backward compatibility — the first reward. */\n    const rewardSelection = computed<RewardSelection | null>(() => rewards.value[0] ?? null)\n    const needsSelection = computed(() => rewards.value.some((r) => r.context !== null))\n\n    return {\n        rewards,\n        checking,\n        addOrUpdateReward,\n        removeRewardByPromotion,\n        clearRewards,\n        setChecking,\n        hasRewards,\n        totalEmptySlots,\n        rewardSelection,\n        needsSelection,\n    }\n})\n"]}

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

@@ -1,13 +1,13 @@
-import { useCartCredentials, usePromotionsChecker } from './chunk-L7UQIKDY.js';
 import { createRuntimeState } from './chunk-5QCUH3FF.js';
 import { logCartError, getCartErrorHttpCode, getCartErrorCode, getCartErrorMessage } from './chunk-TE42OCFK.js';
-import { useCartStore, useOrderSettingsStore, usePromotionsStore } from './chunk-54T72OLR.js';
 import { useCatalogStore } from './chunk-4JCJHAL3.js';
-import { useRuntime, useAuthStore } from './chunk-WTZXTBF6.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-U5E6QSUO.js.map
-//# sourceMappingURL=chunk-U5E6QSUO.js.map
+//# sourceMappingURL=chunk-5KCBZJV3.js.map
+//# sourceMappingURL=chunk-5KCBZJV3.js.map