@salla.sa/twilight-components 2.14.452 → 2.14.454

package/dist/components/salla-bought-together.js

@@ -26,6 +26,7 @@ const SallaBoughtTogether$1 = /*@__PURE__*/ proxyCustomElement(class SallaBought
         this.subtitle = salla.lang.get('pages.products.bought_together_subtitle');
         this.buyTogetherFor = salla.lang.get('pages.products.buy_together_for');
         this.resolvedProductId = 0;
+        this.listViewTracked = false;
         salla.lang.onLoaded(() => {
             this.title = salla.lang.get('pages.products.bought_together_title');
             this.subtitle = salla.lang.get('pages.products.bought_together_subtitle');
@@ -90,6 +91,41 @@ const SallaBoughtTogether$1 = /*@__PURE__*/ proxyCustomElement(class SallaBought
             this.isLoading = false;
         });
     }
+    componentDidRender() {
+        if (!this.recommendations.length || this.listViewTracked || this.intersectionObserver)
+            return;
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            if (entries.some(e => e.isIntersecting)) {
+                this.listViewTracked = true;
+                this.intersectionObserver?.disconnect();
+                this.intersectionObserver = undefined;
+                this.emitListViewed();
+            }
+        }, { threshold: 0.1 });
+        this.intersectionObserver.observe(this.el);
+    }
+    disconnectedCallback() {
+        this.intersectionObserver?.disconnect();
+        this.intersectionObserver = undefined;
+    }
+    emitListViewed() {
+        const recommendedProducts = this.recommendations
+            .filter(p => !this.isMainProduct(p.id));
+        salla.event.emit('salla-bought-together::list.viewed', {
+            products: recommendedProducts,
+        });
+    }
+    isMainProduct(id) {
+        return String(id) === String(this.resolvedProductId);
+    }
+    recommendedPosition(productId) {
+        const recommendedProducts = this.recommendations.filter(p => !this.isMainProduct(p.id));
+        const index = recommendedProducts.findIndex(p => String(p.id) === String(productId));
+        return index === -1 ? -1 : index + 1;
+    }
+    emitProductClicked(product, position) {
+        salla.event.emit('salla-bought-together::product.clicked', [{ product, position }]);
+    }
     toggleProduct(id) {
         const next = new Set(this.selectedIds);
         next.has(id) ? next.delete(id) : next.add(id);
@@ -108,12 +144,37 @@ const SallaBoughtTogether$1 = /*@__PURE__*/ proxyCustomElement(class SallaBought
         if (this.isAdding || !this.selectedIds.size)
             return;
         this.isAdding = true;
+        let hasError = false;
         try {
-            // Intentional: quickAdd is used for all items including the main product without options — business decision by product team.
-            const results = await Promise.allSettled(Array.from(this.selectedIds).map(id => salla.cart.quickAdd(id)));
-            if (results.some(r => r.status === 'rejected')) {
-                salla.error(salla.lang.get('common.messages.error'));
+            // Sequential: addToCartSource is a shared global cleared on each response.
+            // Parallel adds race to clear it — only the first response would be suppressed.
+            // source:'pdp_fbt' suppresses auto Product Added tracking so we emit it manually below.
+            // endpoint:'quickAdd' mirrors quickAdd(id) exactly — no product options required.
+            for (const id of Array.from(this.selectedIds)) {
+                try {
+                    if (salla.cart?.api)
+                        salla.cart.api.addToCartSource = 'pdp_fbt';
+                    const response = await salla.cart.addItem({ id, endpoint: 'quickAdd', source: 'pdp_fbt' });
+                    const product = this.recommendations.find(p => p.id === id);
+                    if (product) {
+                        const position = this.isMainProduct(id) ? 0 : this.recommendedPosition(id);
+                        const cartItem = response?.data?.items?.find((i) => String(i.product_id) === String(product.id))
+                            ?? response?.data?.items?.slice(-1)[0];
+                        salla.event.emit('salla-bought-together::product.added', [{
+                                product,
+                                position,
+                                cartItem,
+                                cartId: response?.data?.id,
+                            }]);
+                    }
+                }
+                catch (error) {
+                    salla.log(error);
+                    hasError = true;
+                }
             }
+            if (hasError)
+                salla.error(salla.lang.get('common.messages.error'));
         }
         finally {
             this.isAdding = false;
@@ -129,11 +190,12 @@ const SallaBoughtTogether$1 = /*@__PURE__*/ proxyCustomElement(class SallaBought
             return this.getSkeletonView();
         if (!this.recommendations.length)
             return null;
-        return (h(Host, { class: "s-bought-together-entry" }, h("div", { class: "s-bought-together-header" }, h("h3", { class: "s-bought-together-title" }, this.title), h("p", { class: "s-bought-together-subtitle" }, this.subtitle)), h("div", { class: "s-bought-together-list" }, this.recommendations.map((product) => (h("div", { key: product.id, class: `s-bought-together-item${!this.selectedIds.has(product.id) ? ' s-bought-together-item--unchecked' : ''}` }, h("label", { class: "s-bought-together-checkbox-label" }, h("input", { type: "checkbox", class: "s-bought-together-checkbox", checked: this.selectedIds.has(product.id), onChange: () => this.toggleProduct(product.id) }), h("span", { class: "s-bought-together-checkmark" })), h("a", { class: "s-bought-together-item-link", href: product.url }, h("img", { class: "s-bought-together-item-img", src: product.image?.url || salla.url.cdn('images/s-empty.png'), alt: product.image?.alt || product.name, loading: "lazy", decoding: "async", onError: e => {
+        return (h(Host, { class: "s-bought-together-entry" }, h("div", { class: "s-bought-together-header" }, h("h3", { class: "s-bought-together-title" }, this.title), h("p", { class: "s-bought-together-subtitle" }, this.subtitle)), h("div", { class: "s-bought-together-list" }, this.recommendations.map((product) => (h("div", { key: product.id, class: `s-bought-together-item${!this.selectedIds.has(product.id) ? ' s-bought-together-item--unchecked' : ''}` }, h("label", { class: "s-bought-together-checkbox-label" }, h("input", { type: "checkbox", class: "s-bought-together-checkbox", checked: this.selectedIds.has(product.id), onChange: () => this.toggleProduct(product.id) }), h("span", { class: "s-bought-together-checkmark" })), h("a", { class: "s-bought-together-item-link", href: product.url, onClick: () => !this.isMainProduct(product.id) && this.emitProductClicked(product, this.recommendedPosition(product.id)) }, h("img", { class: "s-bought-together-item-img", src: product.image?.url || salla.url.cdn('images/s-empty.png'), alt: product.image?.alt || product.name, loading: "lazy", decoding: "async", onError: e => {
                 e.currentTarget.onerror = null;
                 e.currentTarget.src = salla.url.cdn('images/s-empty.png');
             } }), h("span", { class: "s-bought-together-item-name" }, product.name)), h("span", { class: "s-bought-together-item-price", innerHTML: product.price != null ? salla.money(product.price) : '' }))))), h("salla-button", { class: "s-bought-together-btn", disabled: !this.selectedIds.size || this.isAdding, loading: this.isAdding, onClick: () => this.addSelectedToCart() }, h("span", { innerHTML: `${this.buyTogetherFor} ${this.totalPrice}` }))));
     }
+    get el() { return this; }
     static get style() { return sallaBoughtTogetherCss; }
 }, [0, "salla-bought-together", {
         "limit": [2],

package/dist/components/salla-bullet-delivery.js

@@ -7019,9 +7019,13 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     render() {
         if (this.isMobileApp)
             return null;
-        return (h$4(Host, { class: "s-bullet-delivery" }, h$4("salla-modal", { ref: (modal) => {
+        return (h$4(Host, { class: "s-bullet-delivery" }, h$4("salla-modal", { ref: modal => {
                 this.modal = modal;
-            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h$4("div", { class: "s-bullet-delivery-inner" }, h$4("div", { class: "s-bullet-delivery-header" }, h$4("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.add_address_for_order_delivery') : Salla.lang.get('blocks.home.how_prefer_to_receive_order')), h$4("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.products_available_for_delivery_shown_while_shopping') : Salla.lang.get('blocks.home.products_available_for_delivery_or_pickup_shown_while_shopping'))), this.renderTabs(), this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
+            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h$4("div", { class: "s-bullet-delivery-inner" }, h$4("div", { class: "s-bullet-delivery-header" }, h$4("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address'
+            ? Salla.lang.get('blocks.home.add_address_for_order_delivery')
+            : Salla.lang.get('blocks.home.choose_branch_for_order_pickup')), h$4("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address'
+            ? Salla.lang.get('blocks.home.products_available_for_delivery_shown_while_shopping')
+            : Salla.lang.get('blocks.home.choose_branch_for_order_pickup_description'))), this.renderTabs(), this.viewMode === 'main' && this.renderMainView(), this.viewMode === 'add-address' && this.renderAddAddressForm()))));
     }
     componentDidLoad() {
         // Mark component as ready

package/dist/esm/{filepond-B8YVLlGK.js → filepond-DFccUKfi.js}

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

package/dist/esm/{filepond-plugin-file-poster-BVHkBLq8.js → filepond-plugin-file-poster-BKP-dfBt.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-Cq7xe76f.js → filepond-plugin-file-validate-size-Cjhw73dP.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-CTsg2jzF.js → filepond-plugin-file-validate-type-BYB_v8v7.js}

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

package/dist/esm/{filepond-plugin-image-edit-B_lgP65N.js → filepond-plugin-image-edit-DrvarOmH.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CiQmLZE0.js → filepond-plugin-image-exif-orientation-DdeulGFN.js}

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

package/dist/esm/{filepond-plugin-image-preview-DEDwRroB.js → filepond-plugin-image-preview-CygMfjyy.js}

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

package/dist/esm/{functions-BTVjvurG.js → functions-B4JadfO-.js}

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

package/dist/esm/{index-iyZKRGHO.js → index-BsChAaWH.js}

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