@salla.sa/twilight-components 2.14.397 → 2.14.398

package/dist/components/salla-offer-modal.js

@@ -132,6 +132,9 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
         else if (this.offer.get.categories?.length) {
             this.offer_type = 'categories';
         }
+        else if (this.offer.get.brands?.length) {
+            this.offer_type = 'brands';
+        }
         this.modal.setTitle(this.offer_name);
         this.emitPromotionViewed(this.offer);
     }
@@ -201,6 +204,9 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
                     .replace(/\{name\}/g, category.name)
                     .replace(/\{url\}/g, category.urls.customer) }))));
         }
+        else if (this.offer.get.brands?.length) {
+            return h("salla-slider", { type: "carousel", class: { "s-offer-modal-slider-centered": this.offer.get.brands?.length <= 2, "s-offer-modal-slider": true }, id: "offer-modal-slider", "controls-outer": true, "show-controls": this.offer.get.brands?.length <= 2 ? 'false' : 'true' }, h("div", { slot: 'items' }, this.offer.get.brands.map((brand) => h("a", { href: brand.url || salla.url.create('brands', brand.id), class: "s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-brand-item" }, h("div", { class: "s-offer-modal-brand-logo" }, h("img", { src: brand.logo, alt: brand.name })), h("span", { class: "s-offer-modal-badge-text" }, brand.name)))));
+        }
     }
     //todo:: pass event then use sallaButton from it
     //   private addItem() {
@@ -218,7 +224,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '924514432b8859956f0e6fde7e1e26f7ed96676f', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'ab4e04c367a075aadfef40fcccd1a0201d9a98a7', slot: 'loading' }, h("div", { key: '4b0d592e58008c3f573c2932428a1a56918e5e4f', class: "s-offer-modal-skeleton" }, h("div", { key: 'f175f70005ab1e6423d675e544fa78f3623ecc0c', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '9b7cad57d24dee5d2fad32fee2aa05affb259131', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'b274fd36ca00ce76ce8776da7124faec6c9604d3', height: '15px', width: '50%' }), h("salla-skeleton", { key: '96e823a1fabb0739e0beb5c8b160efeddb117cfa', height: '10px', width: '30%' })), h("div", { key: 'bec427fc42059d661ad63395f2e6e32155633756', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '2c28070fd620d831aa5ab86a708daf492d8da2ad', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'd2db6cdb15cd5438dbd5b2be17a59ea28397200d', height: '15px', width: '50%' }), h("salla-skeleton", { key: '64404936f0b4fe07d58975974cf4abba664312c1', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '897f81ff7d0b0415075cd0a5d546b1dccb67916f', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '3b6909ea6be039e857ec72e1b58e92296fa7112a', slot: 'loading' }, h("div", { key: '297819c01b8aa686ea23aa2a3c7b652329e53831', class: "s-offer-modal-skeleton" }, h("div", { key: '28445bb4ee235498777153083e9538646ac9090a', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '1e1b263a489b431cf72fcccd7ce9b104ee1c14b5', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'e0741d35d28615f4a24988a1896239ee46a574a7', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'ff6bbd049888bf003fce59045df80df81f65df73', height: '10px', width: '30%' })), h("div", { key: 'ef5a6f218efacf3534828a7612a01ff9fcf13589', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '2eda217eeb9c8e1b3019f3cee8790b56ed57e245', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'eb05f2002be23602919b118d7b8f3c0d355fadec', height: '15px', width: '50%' }), h("salla-skeleton", { key: '7350610c6b4b48b5bb8de0d674555c3001b14909', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

package/dist/components/salla-offer.js

@@ -195,6 +195,9 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
                 if ((details.apply_to === 'product' || details.apply_to === 'products') && details.targets) {
                     details.products = details.targets.map(id => allProducts[id]).filter(Boolean);
                 }
+                if (details.apply_to === 'brand' && details.targets) {
+                    details.brands = details.targets;
+                }
                 if (offer.type === OfferType.BuyXGetY && details.get) {
                     const getY = details.get;
                     if (getY.source === 'products' && getY.source_value) {
@@ -315,7 +318,7 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
         const products = this.getOfferProducts(offer);
         const hasProducts = products && products.length > 0;
         const isCollapsed = this.collapsedOffers[offer.id] !== false; // Default to collapsed
-        return (h("div", { class: "s-offer-drawer-card" }, h("div", { class: "s-offer-card-main", onClick: () => this.emitPromotionClicked(offer, position) }, h("div", { class: "s-offer-card-icon" }, this.getOfferIcon(offer.type)), h("div", { class: "s-offer-card-content" }, h("h3", { class: "s-offer-card-title", title: offer.title }, offer.title), offer.description && h("p", { class: "s-offer-card-description" }, offer.description), offer.type === OfferType.DiscountsTable ? (h("div", { class: "s-offer-card-details" }, this.renderDiscountTableOfferContent(offer))) : (offer.type === OfferType.PercentageOrFixed || offer.type === OfferType.Percentage || offer.type === OfferType.FixedAmount) ? (h("div", { class: "s-offer-card-details" }, this.renderPercentageOrFixedOfferContent(offer), this.renderOfferCategories(offer))) : (h("div", { class: "s-offer-card-details" }, this.renderOfferCategories(offer))))), hasProducts && (h("salla-accordion", { collapsed: isCollapsed, collapsible: true, size: "sm", onClick: (e) => e.stopPropagation(), onAccordionToggle: (e) => this.handleAccordionToggle(offer.id, e.detail.payload.collapsed) }, h("salla-accordion-head", { collapsible: true, collapsed: isCollapsed }, h("div", { slot: "title", class: "s-offer-products-thumbnails" }, h("span", { class: "s-offer-products-title" }, this.products_link_text, h("i", { class: `sicon-keyboard_arrow_${isCollapsed ? 'down' : 'up'} s-offer-products-link-icon` })), h("div", { class: "s-offer-products-thumbnails-stack" }, products.slice(0, 3).map((product, index) => (h("div", { class: "s-offer-product-thumbnail", style: { zIndex: `${index + 1}` } }, h("img", { src: product.thumbnail || product.image?.url || salla.url.cdn('images/s-empty.png'), alt: product.name })))), products.length > 3 && (h("div", { class: "s-offer-products-more-count", style: { zIndex: '7' } }, "+", products.length - 3))))), h("salla-accordion-body", null, h("div", { class: "s-offer-products-content" }, h("salla-products-list", { source: "selected", "source-value": JSON.stringify(products.map(p => p.id)), "product-card-component": this.productCardComponent, "horizontal-cards": true, "compact-cards": true, includes: ["images"] })))))));
+        return (h("div", { class: "s-offer-drawer-card" }, h("div", { class: "s-offer-card-main", onClick: () => this.emitPromotionClicked(offer, position) }, h("div", { class: "s-offer-card-icon" }, this.getOfferIcon(offer.type)), h("div", { class: "s-offer-card-content" }, h("h3", { class: "s-offer-card-title", title: offer.title }, offer.title), offer.description && h("p", { class: "s-offer-card-description" }, offer.description), offer.type === OfferType.DiscountsTable ? (h("div", { class: "s-offer-card-details" }, this.renderDiscountTableOfferContent(offer))) : (offer.type === OfferType.PercentageOrFixed || offer.type === OfferType.Percentage || offer.type === OfferType.FixedAmount) ? (h("div", { class: "s-offer-card-details" }, this.renderPercentageOrFixedOfferContent(offer), this.renderOfferCategories(offer), this.renderOfferBrands(offer))) : (h("div", { class: "s-offer-card-details" }, this.renderOfferCategories(offer), this.renderOfferBrands(offer))))), hasProducts && (h("salla-accordion", { collapsed: isCollapsed, collapsible: true, size: "sm", onClick: (e) => e.stopPropagation(), onAccordionToggle: (e) => this.handleAccordionToggle(offer.id, e.detail.payload.collapsed) }, h("salla-accordion-head", { collapsible: true, collapsed: isCollapsed }, h("div", { slot: "title", class: "s-offer-products-thumbnails" }, h("span", { class: "s-offer-products-title" }, this.products_link_text, h("i", { class: `sicon-keyboard_arrow_${isCollapsed ? 'down' : 'up'} s-offer-products-link-icon` })), h("div", { class: "s-offer-products-thumbnails-stack" }, products.slice(0, 3).map((product, index) => (h("div", { class: "s-offer-product-thumbnail", style: { zIndex: `${index + 1}` } }, h("img", { src: product.thumbnail || product.image?.url || salla.url.cdn('images/s-empty.png'), alt: product.name })))), products.length > 3 && (h("div", { class: "s-offer-products-more-count", style: { zIndex: '7' } }, "+", products.length - 3))))), h("salla-accordion-body", null, h("div", { class: "s-offer-products-content" }, h("salla-products-list", { source: "selected", "source-value": JSON.stringify(products.map(p => p.id)), "product-card-component": this.productCardComponent, "horizontal-cards": true, "compact-cards": true, includes: ["images"] })))))));
     }
     renderOfferCard(offer, position = 1) {
         return (h("div", { class: "s-offer-slide-one-fourth swiper-slide", onClick: () => this.emitPromotionClicked(offer, position) }, h("div", { class: "s-offer-card" }, h("div", { class: "s-offer-card-icon" }, this.getOfferIcon(offer.type)), h("div", { class: "s-offer-card-content" }, h("h3", { class: "s-offer-card-title", title: offer.title }, offer.title), offer.description && h("p", { class: "s-offer-card-description" }, offer.description), h("div", { class: "s-offer-card-details" }, offer.type === OfferType.DiscountsTable
@@ -323,9 +326,13 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
             : (offer.type === OfferType.PercentageOrFixed || offer.type === OfferType.Percentage || offer.type === OfferType.FixedAmount)
                 ? [
                     this.renderPercentageOrFixedOfferContent(offer),
-                    this.renderOfferCategories(offer)
+                    this.renderOfferCategories(offer),
+                    this.renderOfferBrands(offer)
                 ]
-                : this.renderOfferCategories(offer), this.renderProductsLinkForModalCard(offer, false))))));
+                : [
+                    this.renderOfferCategories(offer),
+                    this.renderOfferBrands(offer)
+                ], this.renderProductsLinkForModalCard(offer, false))))));
     }
     getOfferIcon(offerType) {
         const iconMap = {
@@ -389,6 +396,21 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
                 this.toggleCategoryExpansion(offer.id);
             } }, isExpanded ? (h("span", null, h("i", { class: "sicon-keyboard_arrow_up" }), ' ', salla.lang.get('common.elements.hide', 'إخفاء'))) : (h("span", null, salla.lang.get('common.elements.show', 'عرض'), " ", `+${categories.length - maxVisible}`, ' ', h("i", { class: "sicon-keyboard_arrow_down" }))))))));
     }
+    renderOfferBrands(offer) {
+        const details = offer.details;
+        const brands = details.brands || [];
+        if (!brands.length)
+            return null;
+        const maxVisible = 3;
+        const isExpanded = this.expandedCategories[offer.id];
+        const shouldShowMore = brands.length > maxVisible;
+        const visibleBrands = isExpanded ? brands : brands.slice(0, maxVisible);
+        return (h("div", { class: "s-offer-categories" }, h("div", { class: "s-offer-categories-list" }, visibleBrands.map((brand, index) => (h("a", { key: index, class: "s-offer-category-item", href: brand.url }, brand.name))), shouldShowMore && (h("span", { class: "s-offer-categories-toggle", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.toggleCategoryExpansion(offer.id);
+            } }, isExpanded ? (h("span", null, h("i", { class: "sicon-keyboard_arrow_up" }), ' ', salla.lang.get('common.elements.hide', 'إخفاء'))) : (h("span", null, salla.lang.get('common.elements.show', 'عرض'), " ", `+${brands.length - maxVisible}`, ' ', h("i", { class: "sicon-keyboard_arrow_down" }))))))));
+    }
     /**
      * Toggle category expansion for a specific offer
      */

package/dist/esm/{filepond-D8Mm29CD.js → filepond-BeIH1Ut4.js}

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

package/dist/esm/{filepond-plugin-file-poster-CTaMDlLq.js → filepond-plugin-file-poster-DWt07uFg.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-DXF-mjVP.js → filepond-plugin-file-validate-size-CPvhrS1P.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-C2pfze3X.js → filepond-plugin-file-validate-type-C-Bc6V2n.js}

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

package/dist/esm/{filepond-plugin-image-edit-Bzm4trYg.js → filepond-plugin-image-edit-D1WmeuFv.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-DbgMKWOw.js → filepond-plugin-image-exif-orientation-C5VnM3kS.js}

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

package/dist/esm/{filepond-plugin-image-preview-DhdqMQgV.js → filepond-plugin-image-preview-BzWoVBdT.js}

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