npm - @salla.sa/twilight-components - Versions diffs - 2.14.412 → 2.14.414 - Mend

@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { d as defineCustomElement$3 } from './salla-button2.js';
 import { d as defineCustomElement$2 } from './salla-skeleton2.js';
-const sallaBoughtTogetherCss = ":host{display:block}.s-bought-together-checkbox:checked~.s-bought-together-checkmark{background-color:var(--color-primary, #2ECC71);border-color:var(--color-primary, #2ECC71)}.s-bought-together-checkbox:checked~.s-bought-together-checkmark::after{content:\"\";display:block;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}";
+const sallaBoughtTogetherCss = ":host{display:block}.s-bought-together-checkbox:checked~.s-bought-together-checkmark{background-color:var(--color-primary, #2ECC71);border-color:var(--color-primary, #2ECC71)}.s-bought-together-checkbox:checked~.s-bought-together-checkmark::after{content:\"\";display:block;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.s-bought-together-entry{display:block;background-color:#fff;padding:1.25rem;border-radius:0.375rem;margin-top:1.25rem;margin-bottom:1.25rem}.s-bought-together-header{margin-bottom:1rem}.s-bought-together-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;margin-bottom:0.25rem;color:#111827}.s-bought-together-subtitle{font-size:0.875rem;line-height:1.25rem;color:#6b7280;margin:0}.s-bought-together-list{display:flex;flex-direction:column;margin-bottom:1rem}.s-bought-together-list>*+*{border-top:1px solid #f3f4f6}.s-bought-together-item{display:flex;align-items:center;gap:0.75rem;padding-top:0.75rem;padding-bottom:0.75rem;transition:opacity 200ms}.s-bought-together-item--unchecked{opacity:0.4}.s-bought-together-checkbox-label{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.s-bought-together-checkbox{position:absolute;opacity:0;width:0;height:0}.s-bought-together-checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:0.375rem;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all 150ms;flex-shrink:0}.s-bought-together-item-link{display:contents;color:inherit;text-decoration:none}.s-bought-together-item-img{width:3rem;height:3rem;object-fit:cover;border-radius:0.375rem;flex-shrink:0}.s-bought-together-item-name{flex:1;font-size:0.875rem;line-height:1.375}.s-bought-together-item-price{font-size:0.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.s-bought-together-btn{width:100%}.s-bought-together-skeleton{display:flex;flex-direction:column;gap:0.75rem}.s-bought-together-skeleton-header{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.5rem}.s-bought-together-skeleton-item{display:flex;align-items:center;gap:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-bought-together-skeleton-info{flex:1;display:flex;flex-direction:column;gap:0.25rem}";
 // Read-only recommendations key confirmed safe for client-side use by the API team — no write access or sensitive scope.
 const XSELL_API_KEY = 'VOL5WaZu2YROp0RplCZAr1RplhL9FFGQ';

@@ -99,7 +99,10 @@ const SallaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SallaBreadcrumb
         if (!title.includes('|')) {
             return title.trim();
         }
-        return title.split('|').map(part => part.trim())[preferedIndex];
+        const parts = title.split('|').map(part => part.trim()).filter(Boolean);
+        // Keep breadcrumb labels valid even when title format is malformed,
+        // e.g. "Category |" or "Category".
+        return parts[preferedIndex] || parts[0] || title.replace(/\|/g, '').trim();
     }
     generateBreadcrumbs(page) {
         let breadcrumbs = [];

@@ -48,9 +48,9 @@ const SallaCartItemOffers$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartIt
             TagMoneyIcon,
         };
         this.visibleOffersCount = 3;
-        this.handleCartItemUpdated = (event) => {
-            const updatedItem = event.data.cart.items.find((item) => item.id === this.itemId);
-            if (updatedItem?.id === this.itemId) {
+        this.handleCartItemUpdated = (response) => {
+            const updatedItem = response.data?.cart?.items?.find((item) => String(item.id) === String(this.itemId));
+            if (updatedItem) {
                 this.internalQuantity = updatedItem.quantity;
                 this.internalOffers = updatedItem.detailed_offers || [];
                 this.internalProductPrice = updatedItem.product_price;
@@ -73,7 +73,10 @@ const SallaCartItemOffers$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartIt
         this.internalProductPrice = this.productPrice;
     }
     componentDidLoad() {
-        salla.event.on('cart::item.updated', (event) => this.handleCartItemUpdated(event));
+        Salla.cart.event.onLatestFetched(this.handleCartItemUpdated);
+        Salla.cart.event.onItemUpdated(this.handleCartItemUpdated);
+        Salla.cart.event.onCouponAdded(this.handleCartItemUpdated);
+        Salla.cart.event.onCouponDeleted(this.handleCartItemUpdated);
     }
     parseOffers(offers) {
         try {
@@ -81,7 +84,8 @@ const SallaCartItemOffers$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartIt
                 console.warn('Offers is not a string. Returning as-is.', offers);
                 return Array.isArray(offers) ? offers : [];
             }
-            return JSON.parse(offers || '[]');
+            const parsed = JSON.parse(offers || '[]');
+            return Array.isArray(parsed) ? parsed : [];
         }
         catch (e) {
             console.error('Failed to parse offers', e);
@@ -114,7 +118,7 @@ const SallaCartItemOffers$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartIt
 }, [0, "salla-cart-item-offers", {
         "quantity": [2],
         "offers": [1],
-        "itemId": [2, "item-id"],
+        "itemId": [1, "item-id"],
         "productPrice": [2, "product-price"],
         "internalQuantity": [32],
         "internalOffers": [32],

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-eYsXdqjv.js';
+import { d as getDefaultExportFromCjs } from './index-6ZT_-rrT.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-eYsXdqjv.js';
+import { d as getDefaultExportFromCjs } from './index-6ZT_-rrT.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-eYsXdqjv.js';
+import { d as getDefaultExportFromCjs } from './index-6ZT_-rrT.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-eYsXdqjv.js';
+import { h } from './index-6ZT_-rrT.js';
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

@salla.sa/twilight-components 2.14.412 → 2.14.414