@salla.sa/twilight-components 2.14.431 → 2.14.433

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

@@ -606,10 +606,12 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         };
         this.handleCountrySelected = (item) => {
             const country = this.countries.find(c => String(c.id) === String(item.id)) || item;
-            const isCountrySwitch = this.selectedCountry &&
-                country &&
-                this.selectedCountry.code !== country.code;
-            this.showCartWillBeClearedBanner = !!isCountrySwitch;
+            // Hide empty cart alert (INV-44)
+            // const isCountrySwitch =
+            // 	this.selectedCountry &&
+            // 	country &&
+            // 	this.selectedCountry.code !== (country as Country).code;
+            // this.showCartWillBeClearedBanner = !!isCountrySwitch;
             this.countrySearchQuery = '';
             this.displayedCountries = this.countries;
             this.applyCountryChange(country || null);
@@ -675,6 +677,11 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
      * Opens the bullet delivery modal
      */
     async open() {
+        // If mobile app, open the sheet
+        if (this.isMobileApp) {
+            Salla.event.dispatch('salla::bullet-delivery.open-sheet');
+            return;
+        }
         // If component is not ready yet, mark as pending and return
         if (!this.componentReady || !this.modal) {
             this.pendingOpen = true;
@@ -2434,7 +2441,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         this.componentReady = true;
         if (this.isMobileApp) {
             // Ask the mobile app to render its native delivery sheet (replacement for our modal).
-            Salla.event.dispatch('salla::bullet-delivery.open-sheet');
+            if (!this.hasBeenShownThisSession()) {
+                Salla.event.dispatch('salla::bullet-delivery.open-sheet');
+            }
             // When the user confirms inside the mobile sheet, mobile dispatches
             // `salla::bullet-delivery.select` with a payload equivalent to what
             // `handleConfirm()` produces on desktop. Apply the same side-effects.

package/dist/components/salla-cashback-banner.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaCashbackBanner extends Components.SallaCashbackBanner, HTMLElement {}
+export const SallaCashbackBanner: {
+    prototype: SallaCashbackBanner;
+    new (): SallaCashbackBanner;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-cashback-banner.js

@@ -0,0 +1,96 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as setTranslations } from './translations.js';
+
+var StarFilledIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5667_2008)">
+<path d="M9.00003 0.935974C9.37203 0.935974 9.72003 1.06797 10.044 1.33197C10.344 1.57197 10.596 1.90797 10.8 2.33997L12.114 5.00397C12.174 5.09997 12.27 5.19897 12.402 5.30097C12.534 5.40297 12.66 5.46597 12.78 5.48997L15.174 5.88597C15.618 5.95797 15.996 6.10197 16.308 6.31797C16.644 6.54597 16.869 6.83697 16.983 7.19097C17.097 7.54497 17.082 7.91397 16.938 8.29797C16.806 8.64597 16.578 8.98797 16.254 9.32397L14.4 11.196C14.316 11.28 14.247 11.409 14.193 11.583C14.139 11.757 14.13 11.91 14.166 12.042L14.688 14.364C14.808 14.88 14.832 15.342 14.76 15.75C14.676 16.206 14.475 16.551 14.157 16.785C13.839 17.019 13.452 17.106 12.996 17.046C12.588 16.998 12.156 16.836 11.7 16.56L9.45003 15.21C9.34203 15.15 9.19203 15.12 9.00003 15.12C8.80803 15.12 8.65803 15.15 8.55003 15.21L6.30003 16.56C5.84403 16.836 5.41203 16.998 5.00403 17.046C4.54803 17.106 4.16103 17.016 3.84303 16.776C3.52503 16.536 3.32403 16.194 3.24003 15.75C3.16803 15.342 3.19203 14.88 3.31203 14.364L3.83403 12.042C3.85803 11.91 3.84603 11.757 3.79803 11.583C3.75003 11.409 3.68403 11.28 3.60003 11.196L1.74603 9.32397C1.41003 8.98797 1.18203 8.64597 1.06203 8.29797C0.918027 7.91397 0.900027 7.54497 1.00803 7.19097C1.11603 6.83697 1.34403 6.54597 1.69203 6.31797C1.99203 6.10197 2.37003 5.95797 2.82603 5.88597L5.22003 5.48997C5.32803 5.46597 5.45103 5.40297 5.58903 5.30097C5.72703 5.19897 5.82003 5.09997 5.86803 5.00397L7.18203 2.33997C7.39803 1.90797 7.65603 1.57197 7.95603 1.33197C8.28003 1.06797 8.62803 0.935974 9.00003 0.935974Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_5667_2008">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
+const sallaCashbackBannerCss = "";
+
+const SallaCashbackBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaCashbackBanner extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.cashbackData = null;
+        this.productId = null;
+    }
+    async componentWillLoad() {
+        try {
+            await salla.onReady();
+            await salla.lang.onLoaded();
+            await setTranslations();
+            this.productId = this.host.dataset.productId || salla.config.get('page.id');
+            if (!this.productId) {
+                return;
+            }
+            const response = await salla.api
+                .request(`/products/${this.productId}/cashback-offer`)
+                .catch(() => null);
+            this.cashbackData = response?.data || null;
+        }
+        catch (e) {
+            salla?.logger?.warn?.('salla-cashback-banner: init failed', e);
+        }
+    }
+    getPaymentMethodsText(methods = []) {
+        return methods
+            .map(method => String(method || '').trim())
+            .filter(Boolean)
+            .map(method => salla.lang.get(`pages.checkout.${method}`) || method)
+            .join(', ');
+    }
+    getCashbackMessage() {
+        const includedMethods = this.cashbackData?.payment_method_restrictions?.included ?? [];
+        if (includedMethods.length) {
+            return salla.lang.get('pages.loyalty_program.cashback_when_buying_product_payment_method', {
+                payment_method: this.getPaymentMethodsText(includedMethods),
+            });
+        }
+        return salla.lang.get('pages.loyalty_program.cashback_when_buying_product');
+    }
+    render() {
+        if (!this.productId || !Number(this.cashbackData?.amount)) {
+            return null;
+        }
+        const cashbackValue = this.cashbackData.amount;
+        const currency = this.cashbackData.currency;
+        const cashbackMessage = this.getCashbackMessage();
+        const cashbackType = this.cashbackData.offer_type;
+        return (h(Host, null, h("div", { class: "s-cashback-banner-container" }, h("div", { class: "s-cashback-banner-icon" }, h("span", { class: "s-cashback-banner-inner-icon", innerHTML: StarFilledIcon })), h("p", null, h("span", { class: "s-cashback-banner-label" }, salla.lang.get('pages.loyalty_program.earn'), ' '), h("span", { class: "s-cashback-banner-value" }, cashbackType === "percentage" ? "+" : "", cashbackValue, " ", ['SAR', 'ر.س'].includes(currency) ? h("i", { class: "sicon-sar" }) : currency, ' '), h("span", { class: "s-cashback-banner-label" }, cashbackMessage)))));
+    }
+    get host() { return this; }
+    static get style() { return sallaCashbackBannerCss; }
+}, [0, "salla-cashback-banner", {
+        "cashbackData": [32],
+        "productId": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-cashback-banner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-cashback-banner":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaCashbackBanner$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaCashbackBanner = SallaCashbackBanner$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaCashbackBanner, defineCustomElement };

package/dist/components/salla-comment-item2.js

@@ -3,11 +3,12 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { I as IconVerified } from './check.js';
-import { d as defineCustomElement$5 } from './salla-button2.js';
-import { d as defineCustomElement$4 } from './salla-loading2.js';
-import { d as defineCustomElement$3 } from './salla-modal2.js';
-import { d as defineCustomElement$2 } from './salla-rating-stars2.js';
-import { d as defineCustomElement$1 } from './salla-slider2.js';
+import { d as defineCustomElement$6 } from './salla-button2.js';
+import { d as defineCustomElement$5 } from './salla-loading2.js';
+import { d as defineCustomElement$4 } from './salla-modal2.js';
+import { d as defineCustomElement$3 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$2 } from './salla-slider2.js';
+import { d as defineCustomElement$1 } from './salla-tooltip2.js';
 
 var Reply = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -30,6 +31,7 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         super();
         this.__registerHost();
         // Translations
+        this.locked_trans = salla.lang.get('blocks.comments.locked');
         this.has_bought_trans = salla.lang.get('blocks.comments.has_bought');
         this.rated_trans = salla.lang.get('pages.rating.rated');
         this.waiting_approval_trans = salla.lang.get('blocks.comments.waiting_approval');
@@ -49,8 +51,12 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
             const setTranslations = async () => {
                 await setNestedAsync('ar.trans', 'blocks.comments.helpful', 'مفيد');
                 await setNestedAsync('en.trans', 'blocks.comments.helpful', 'Helpful');
+                await setNestedAsync('ar.trans', 'blocks.comments.locked', 'الرد غير ظاهر لباقي العملاء');
+                await setNestedAsync('en.trans', 'blocks.comments.locked', 'The reply is not visible to other customers');
                 this.helpfulLabel = salla.lang.getWithDefault('blocks.comments.helpful', 'مفيد');
+                this.locked_trans = salla.lang.getWithDefault('blocks.comments.locked', 'الرد غير ظاهر لباقي العملاء');
             };
+            this.locked_trans = salla.lang.get('blocks.comments.locked');
             this.has_bought_trans = salla.lang.get('blocks.comments.has_bought');
             this.rated_trans = salla.lang.get('pages.rating.rated');
             this.waiting_approval_trans = salla.lang.get('blocks.comments.waiting_approval');
@@ -59,6 +65,8 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         });
     }
     componentDidLoad() {
+        if (!this.comment)
+            return;
         this.likesCount = this.comment.likes_count;
         try {
             this.likedComments = JSON.parse(localStorage.getItem('liked_comments') || '[]');
@@ -138,20 +146,29 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         }
         localStorage.setItem('liked_comments', JSON.stringify(this.likedComments));
     }
+    isPrivateComment(comment) {
+        return comment.status === 'hidden';
+    }
     PinnedIcon() {
         return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#555555", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M12 16V21" }), h("path", { d: "M8 5.2918C8 5.02079 8 4.88529 8.01312 4.77132C8.1194 3.84789 8.84789 3.1194 9.77133 3.01312C9.88529 3 10.0208 3 10.2918 3H13.7082C13.9792 3 14.1147 3 14.2287 3.01312C15.1521 3.1194 15.8806 3.84789 15.9869 4.77132C16 4.88529 16 5.02079 16 5.2918C16 5.37885 16 5.42237 15.9967 5.46264C15.9708 5.78281 15.7927 6.07104 15.5179 6.2374C15.4834 6.25832 15.4444 6.27779 15.3666 6.31672L15.1055 6.44726C14.7021 6.64897 14.5003 6.74983 14.3681 6.90564C14.26 7.03286 14.1856 7.18509 14.1515 7.34846C14.1097 7.54854 14.1539 7.76968 14.2424 8.21197L15 12H15.3333C15.9533 12 16.2633 12 16.5176 12.0681C17.2078 12.2531 17.7469 12.7922 17.9319 13.4824C18 13.7367 18 14.0467 18 14.6667C18 14.9767 18 15.1317 17.9659 15.2588C17.8735 15.6039 17.6039 15.8735 17.2588 15.9659C17.1317 16 16.9767 16 16.6667 16H7.33333C7.02334 16 6.86835 16 6.74118 15.9659C6.39609 15.8735 6.12654 15.6039 6.03407 15.2588C6 15.1317 6 14.9767 6 14.6667C6 14.0467 6 13.7367 6.06815 13.4824C6.25308 12.7922 6.79218 12.2531 7.48236 12.0681C7.73669 12 8.04669 12 8.66667 12H9L9.75761 8.21197C9.84606 7.76968 9.89029 7.54854 9.84852 7.34846C9.81441 7.18509 9.73995 7.03286 9.63194 6.90564C9.49965 6.74983 9.29794 6.64897 8.89452 6.44726L8.63344 6.31672C8.55558 6.27779 8.51665 6.25832 8.48208 6.2374C8.20731 6.07104 8.02917 5.78281 8.00326 5.46264C8 5.42237 8 5.37885 8 5.2918Z" })));
     }
+    LockedIcon() {
+        return (h("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M3.5 4.66683V4.0835C3.5 2.1505 5.067 0.583496 7 0.583496C8.93299 0.583496 10.5 2.1505 10.5 4.0835V4.66683H11.6667C11.9888 4.66683 12.25 4.928 12.25 5.25016V12.2502C12.25 12.5723 11.9888 12.8335 11.6667 12.8335H2.33333C2.01117 12.8335 1.75 12.5723 1.75 12.2502V5.25016C1.75 4.928 2.01117 4.66683 2.33333 4.66683H3.5ZM11.0833 5.8335H2.91667V11.6668H11.0833V5.8335ZM6.41667 9.1774C6.06795 8.97568 5.83333 8.59867 5.83333 8.16683C5.83333 7.52248 6.35565 7.00016 7 7.00016C7.64435 7.00016 8.16667 7.52248 8.16667 8.16683C8.16667 8.59867 7.93205 8.97568 7.58333 9.1774V10.5002H6.41667V9.1774ZM4.66667 4.66683H9.33333V4.0835C9.33333 2.79483 8.28864 1.75016 7 1.75016C5.71134 1.75016 4.66667 2.79483 4.66667 4.0835V4.66683Z", fill: "#555555" })));
+    }
     render() {
+        if (!this.comment) {
+            return null;
+        }
         let isAdmin = this.comment.type == 'admin';
-        return (h(Host, { key: '3f9d4b98cff2dd49259d3386b4996b905f92d7db', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: '1348f11b2e553be483f60c5c558d3e800f050700', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: '0587afd7ae1fc27b12fc4fd2c9ef4bf9e919d04a', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: '40009b2b3b9af60481d0e40d5fb919076ab43b10', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: '8f0563811445046ecf5ce3abe6ee6d7d1ec4a235', class: "s-comments-item-avatar" }, h("img", { key: '5f82bb9d3a5c4c340f37b8e48af3edce42c133f8', "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: '34581ee9fddaa2f79ee933efb65c2e354010f37a', class: "s-comments-flex-1" }, h("div", { key: 'e03fc074d5ac8ddf183e3b081001e73dd62a7116', class: "s-comments-item-user-wrapper" }, h("div", { key: '6ea5e07eb9fa35d7673019628e6fde4605b74e0c', class: "s-comments-item-user-info" }, h("h3", { key: '18d7cf8c8b8125138a544bd10027ae7503f2f3a6', class: this.comment.is_pinned ? "s-comments-item-user-info-name" : "s-comments-item-user-info-name-with-margin" }, this.comment?.name), this.comment.is_pinned ?
+        return (h(Host, { class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { class: "s-comments-item-avatar" }, h("img", { "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { class: "s-comments-flex-1" }, h("div", { class: "s-comments-item-user-wrapper" }, h("div", { class: "s-comments-item-user-info" }, h("h3", { class: this.comment.is_pinned ? "s-comments-item-user-info-name" : "s-comments-item-user-info-name-with-margin" }, this.comment?.name), this.comment.is_pinned ?
             h("div", { class: "s-comments-item-pinned-icon-with-margin" }, this.PinnedIcon())
             : null, (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: IconVerified }), h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
                 h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
-            : null), h("p", { key: '694c2079d3379966994af7040fe4542481a53e66', class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { key: '734ca2eb6bf846c661007a1b9c41f22c47923b27', class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
+            : null), h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
             h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating || this.comment.stars })
-            : null), h("div", { key: '45e32a0759536f8c9e8bc8b823d50c931bdd1e23', class: "s-comments-item-content" }, h("p", { key: '9edf2cdfd489f77214d7a1ecae8a99943dfd4ece', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: 'bbba6c62c4d13289137c634f5413880dfa572ab4', class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { key: 'cd5c48b8cf3e1c9457a2fb60a42859cbd91aa996', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '304bc9417e6d7fd0e310127dce4e56a1c6ce00ea', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { key: '50401766737293c42fa7ba3b351b6db736fd92eb', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: '6b9a50da0b67497dfae21b52044850329d8712b5', slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
+            : null), h("div", { class: "s-comments-item-content" }, h("div", { class: "s-comments-item-content-container" }, this.isPrivateComment(this.comment) ? (h("div", { id: `s-comments-item-${this.comment.id}-locked-icon`, class: "s-comments-item-pinned-icon" }, this.LockedIcon())) : null, h("p", { innerHTML: this.comment.content })), this.isPrivateComment(this.comment) ? (h("salla-tooltip", { text: this.locked_trans, targetId: `s-comments-item-${this.comment.id}-locked-icon` })) : null, this.allowAttachImages && h("div", { class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
             h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
             this.getReplies().map((reply) => {
                 return h("div", null, h("salla-comment-item", { comment: reply }));
@@ -162,6 +179,7 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
 }, [0, "salla-comment-item", {
         "comment": [16],
         "hideBought": [16, "hide-bought"],
+        "locked_trans": [32],
         "has_bought_trans": [32],
         "rated_trans": [32],
         "waiting_approval_trans": [32],
@@ -176,7 +194,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-comment-item", "salla-button", "salla-comment-item", "salla-loading", "salla-modal", "salla-rating-stars", "salla-slider"];
+    const components = ["salla-comment-item", "salla-button", "salla-comment-item", "salla-loading", "salla-modal", "salla-rating-stars", "salla-slider", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-comment-item":
             if (!customElements.get(tagName)) {
@@ -185,7 +203,7 @@ function defineCustomElement() {
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "salla-comment-item":
@@ -195,20 +213,25 @@ function defineCustomElement() {
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "salla-rating-stars":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "salla-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/components/salla-comments.js

@@ -4,15 +4,16 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { a as anime } from './anime.es.js';
 import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$a } from './salla-button2.js';
-import { d as defineCustomElement$9 } from './salla-comment-form2.js';
-import { d as defineCustomElement$8 } from './salla-comment-item2.js';
-import { d as defineCustomElement$7 } from './salla-loading2.js';
-import { d as defineCustomElement$6 } from './salla-modal2.js';
-import { d as defineCustomElement$5 } from './salla-progress-bar2.js';
-import { d as defineCustomElement$4 } from './salla-rating-stars2.js';
-import { d as defineCustomElement$3 } from './salla-reviews-summary2.js';
-import { d as defineCustomElement$2 } from './salla-slider2.js';
+import { d as defineCustomElement$b } from './salla-button2.js';
+import { d as defineCustomElement$a } from './salla-comment-form2.js';
+import { d as defineCustomElement$9 } from './salla-comment-item2.js';
+import { d as defineCustomElement$8 } from './salla-loading2.js';
+import { d as defineCustomElement$7 } from './salla-modal2.js';
+import { d as defineCustomElement$6 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$5 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$4 } from './salla-reviews-summary2.js';
+import { d as defineCustomElement$3 } from './salla-slider2.js';
+import { d as defineCustomElement$2 } from './salla-tooltip2.js';
 
 var CommentType;
 (function (CommentType) {
@@ -361,7 +362,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-comments", "salla-button", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-reviews-summary", "salla-slider"];
+    const components = ["salla-comments", "salla-button", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-comments":
             if (!customElements.get(tagName)) {
@@ -370,45 +371,50 @@ function defineCustomElement$1() {
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "salla-comment-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "salla-comment-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "salla-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "salla-rating-stars":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "salla-reviews-summary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "salla-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/salla-conditional-fields2.js

@@ -130,7 +130,7 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     render() {
-        return (h(Host, { key: '9e3ff9d4f7209583d5ef3d4f447a7a676e6857e0' }, h("slot", { key: '889bc28c2985d82e3bcd6e4231b135a58dca26d6' })));
+        return (h(Host, { key: '9931740a40a239483408056ae458769a0ab3997d' }, h("slot", { key: '6db0aa3b6db44f3811d1ed456672218891018d6f' })));
     }
     get host() { return this; }
 }, [4, "salla-conditional-fields", undefined, [[0, "change", "changeHandler"], [0, "input", "changeHandler"]]]);

package/dist/components/salla-count-down2.js

@@ -234,7 +234,7 @@ const SallaCountDown = /*@__PURE__*/ proxyCustomElement(class SallaCountDown ext
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: '5061e1fab03966fc62e46d4529c4ee07ed01df35', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
+        return (h(Host, { key: 'b9b5d0e038afdf2dd88da15eb711752d2a9a45af', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
     }
     static get style() { return sallaCountDownCss; }
 }, [0, "salla-count-down", {

package/dist/components/salla-datetime-picker2.js

@@ -211,7 +211,7 @@ const SallaDatetimePicker = /*@__PURE__*/ proxyCustomElement(class SallaDatetime
         }
     }
     render() {
-        return h("div", { key: '184743feaf2af9f31cd3b5a864a86f1a561c12fd', class: "s-datetime-picker" }, h("input", { key: '1736e88363b379f872490641168f49090e976e03', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
+        return h("div", { key: '6fe501ca4d900b3706121742fa64e36c10371713', class: "s-datetime-picker" }, h("input", { key: '54946e6afb30e7dad49ca8b8fd9d2416bbad4e84', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     async componentDidLoad() {
         // Load flatpickr before initializing

package/dist/components/salla-file-upload2.js

@@ -316,11 +316,11 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class SallaFileUpload e
         }
     }
     render() {
-        return (h(Host, { key: '978e89fe8713e6b3db913ed8fb3c5d09f6caf705', class: {
+        return (h(Host, { key: '6b8c9ee59a13e8819988a13489a79c8f3391c614', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, h("input", { key: 'acf6197d43b79a80e7a69219afda29271a86d4eb', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: 'b8624b0fcaba14f14640acce0a28c12feb78701b', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, h("input", { key: '4245938bfb2652084cb3115001263c7d690aa8e0', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '7fdab946cf08747fdee40f9f9a2b2819803a299e', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     async componentDidLoad() {
         await Salla.onReady();

package/dist/components/salla-filters-widget2.js

@@ -190,12 +190,12 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: 'e93cfb9f1f6daeb8a2121ccb36a3cf135a55e902', class: "s-filters-widget-container" }, h("h3", { key: 'd5ef45d78e0119e2ac997ded417e310c0a797c34', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: 'fe4df56fad0d290395d78588456fb7d00a20ed43' }, this.option.label), h("span", { key: 'c961f86b5e06437dfdd145e164da5fe326500032', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '7cf1ed1b562bf16acc481f682965567d8bc1813c', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: '275427371f48fdfc8ef8b80b9d3e11fa247f7d7a', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '473c082ed9f7415beba445d36a121027eaadbbe1', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: 'e45654731cdd801345acc5b3311d9ddab3020035', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '5ae673157a4b579a000901b04db8e375a52565e7' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: 'a3377234cae7a9565f403d859e60ee71cb9b9e00', class: "s-filters-widget-container" }, h("h3", { key: 'd797565b06c795a6b19d5fa6c93da583e291cc01', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '35e933096973744c332cfb3a0346b57f7dd28a76' }, this.option.label), h("span", { key: '2c27dacf5242da14f2cddca9f99af09bb9cb3bea', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '6f85c5af558a2b47e9779225d2fb9b99d2dd78e5', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'd6c9fe9baf08d095346d52e5e6836ca7a26dae7f', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '44ac9fc9e7488165acccbac8a7bd95a3f863dab8', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: 'a8350384975504985098f0b9f1ae6c086537886b', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '20acece0e29070b6f1359ab1d3f16e928d461742' }), this.option.type !== FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
                 }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore && (!this.searchQuery || this.filteredCount > this.initialItemCount) &&
-            h("a", { key: '8ec08429d8fb31b338e6f9f9cf455b5ba2155cb8', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: 'a628397d54fc254fe36458c4bbdca0dad0a0e6ad', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return this; }
     static get style() { return sallaFiltersWidgetCss; }

package/dist/components/salla-filters.js

@@ -196,7 +196,7 @@ const SallaFilters$1 = /*@__PURE__*/ proxyCustomElement(class SallaFilters exten
         this.applyFilters();
     }
     render() {
-        return h(Host, { key: 'f3c454fc20472dca6fe646c9121028a2c045808f' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
+        return h(Host, { key: '8fe009d0a0b52956fa634544aa414e554b77a128' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
                 this.handleOptionChange(event, option, value);
             } })), this.filters?.length ? h("div", { class: "s-filters-footer" }, h("salla-button", { color: 'gray', fill: 'outline', onClick: () => this.resetFilters() }, this.reset)) : '');
     }

package/dist/components/salla-gifting.js

@@ -565,7 +565,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
     }
     render() {
         return [
-            h("div", { key: 'ea8b7581fc816b2984ec7a8c9f0d5bfb30710577' }, h("salla-list-tile", { key: '44e4b948c467ecbec4934f894af3e88a01567338', class: this.generateClass() }, h("div", { key: 'c36ccc48ff4209d2aad05123981c8efad4de8642', slot: "title" }, this.vertical ? h("span", { innerHTML: SIGiftSharing }) : '', h("h3", { key: 'd5cfd335582f2af620ef50ae92b431b3fdf84b71' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: '9623168820eefb63c833dd14c68c1dc20afe1cd1', slot: "subtitle" }, h("div", { key: 'e2fda7dc68054c0f382f61d74a578589b565a544' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: 'e888e024772c0ef848e4a4113b218bb4e05d78db', slot: "action" }, h("salla-button", { key: 'd443bfd1f5925299a4e0510fae8fc175d390b55a', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '8df23b83891ee2abf644cde76675ca6bb796db79', name: "widget-btn-content" }, h("div", { key: '6b5153a1f1b9d5e127093c3fcc96e2a0fa4954f4', class: "s-gifting-widget-action-content" }, h("span", { key: '41a7f2e88c8046d7211abf5d7fc9d3f533c02292', innerHTML: SIGiftSharing }), " \u00A0", h("span", { key: '45ea8eac19ca9cccf37cd34d8f84211e6172cd45' }, this.sectionBtnText)))))), h("salla-modal", { key: '5bd076c54c4d072886671653e536c649763785b1', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '378d12f388bd0627355af5b4e57929c00ae28044', slot: "loading" }, h("div", { key: '1b738d4b461a9ebe3a5184f4de727bb1b4b45890', class: "s-gifting-skeleton" }, h("div", { key: '660c901f477536e68d2a3bacd028438c9726b968', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '46f8e45a0a38c10784fc5f3505092e65ed2bba3a', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '09b3356d736e5eb46bb51df2e2fa539dc9d8c99f', class: "s-gifting-modal-title" }, h("div", { key: 'cc8cb7dece64c65d5891e32e49588316e9009f6c', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '41b30274a655babdd0c9e26e74dc3f0bdd4a2aea', height: '15px', width: '150px' })))), h("div", { key: 'b241162827a085279f646452a151d6483a37cc8e', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '5ac15a8e94b50ea03cd033375b08f9e4406a7e17', height: '10px', width: '150px' }), h("salla-skeleton", { key: '697e157e475df0cb71b79e3752019f522ed847a3', height: '230px' }), h("salla-skeleton", { key: '8a5e586c059b765f6425d7060a18e8d799be3c4f', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'e1ee17daef6904b8302b0f4437e99b221bd6b236', height: '30px' }), h("salla-skeleton", { key: '9dfbca00f18a37348eb83021ef4fec073685fe7d', height: '40px' })))), h("slot", { key: 'da2c687a186ed115acee04cc683eff3a6a73168f', name: "header" }), !!this.hasError ?
+            h("div", { key: '2bc4ff1b223c9b1f2e50e36c7f6e6f0448f5a51d' }, h("salla-list-tile", { key: 'b5cf74b6d00c292a1c654c695d316a0a34e70c30', class: this.generateClass() }, h("div", { key: '2e229e46039a9bbf071bc65534733c9da61545f8', slot: "title" }, this.vertical ? h("span", { innerHTML: SIGiftSharing }) : '', h("h3", { key: 'b067244c213dd0c3c64f795f07b4c27f57c661f5' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'a8804b65526bfde36bbb82302d667bc10052ff4b', slot: "subtitle" }, h("div", { key: 'cf2ca350ab3884baa192ce1c043719eb8f9a0120' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: 'f68182d4324c4b56893b63e046e4298c519e449e', slot: "action" }, h("salla-button", { key: '6cf71ec0311dfe7804f4634ae1203e0ae65150be', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '9b00d0c0c7a594e7e9635a79a6b4a472da73ebe3', name: "widget-btn-content" }, h("div", { key: 'a73ed9d6322c4484180f68e7c8fb7a3b4e5bdb8a', class: "s-gifting-widget-action-content" }, h("span", { key: '0ce7ec753ab1ec30269127a8426a36d55d983a6e', innerHTML: SIGiftSharing }), " \u00A0", h("span", { key: 'ae35a5669a30e7abb61e5d540224c2be5baae82a' }, this.sectionBtnText)))))), h("salla-modal", { key: 'dee19984ecc71f6e10c330121361359d00408448', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '10eee2481652b157c44b16d34097ffcce9325d81', slot: "loading" }, h("div", { key: '325446006a0bf5d6d480c8935912fe976ccd453d', class: "s-gifting-skeleton" }, h("div", { key: 'f256cc302b946906262450f0bb023912d034aa13', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '75bf0e81841a4c41e4105f19bd3e4fbf67ece325', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '64661720e2f94f6d8b86087d3a03538a1a419202', class: "s-gifting-modal-title" }, h("div", { key: 'd5000d6903f5a7b61beb6a0a88291953e1344ba3', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '07efd33b877468df617bab4cd2f1b73e73f2d284', height: '15px', width: '150px' })))), h("div", { key: '6fb9d9abf7e211a6ecc45ee50283d37d1755b220', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: 'ed76848f4c017334dea4f12c07ec6556646c397f', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'cfe3e107536dac9e5b1524770eb6990ab3b6460b', height: '230px' }), h("salla-skeleton", { key: 'a35af25d98f5758bf442759841536fed09f6cdd2', height: '10px', width: '150px' }), h("salla-skeleton", { key: '6950704fb24a07807542723f2752b6a734090d42', height: '30px' }), h("salla-skeleton", { key: 'bd65f98a07ee8d041434b9b475ce4c355318f586', height: '40px' })))), h("slot", { key: 'e946b5c7a4146d0118d321d860d332d17c3f931e', name: "header" }), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), h("span", { slot: "description" }, " "))
                 :
                     [
@@ -585,7 +585,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
                             h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), h("select", { name: "city", "aria-label": salla.lang.get('blocks.buy_as_gift.select_city'), class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId) }, h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
                                 h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() &&
                             h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo)), !this.isPhysical() && h("div", { class: this.step2ItemClass() }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, h("a", { href: "#!", innerHTML: IconArrowLeft, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
-                    ], h("slot", { key: '20793a5a50c708c93be79df033e43a36e615d075', name: "footer" })))
+                    ], h("slot", { key: '579cbbcc59818051def887c38e4d0eed6e690737', name: "footer" })))
         ];
     }
     static get style() { return sallaGiftingCss; }

package/dist/components/salla-hook.js

@@ -17,7 +17,7 @@ const SallaHook$1 = /*@__PURE__*/ proxyCustomElement(class SallaHook extends HTM
         this.host.before(element);
     }
     render() {
-        return h(Host, { key: '618467f6911198a5cbf4270694544575e585af27' });
+        return h(Host, { key: '499483c55f2e1122d80768cd43e47f8e127a62b4' });
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger

package/dist/components/salla-list-tile2.js

@@ -25,7 +25,7 @@ const SallaListTile = /*@__PURE__*/ proxyCustomElement(class SallaListTile exten
         };
     }
     render() {
-        return (h(Host, { key: 'e1528afcea1eda05a5ce206e95791e7611d24dd0' }, h("a", { key: '749a73c76d68ad36f1a6609ada69778662d56566', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '7bfd448f86790b2afe0b7a5b8a5460c3b2be66ee', class: "s-list-tile-item-icon" }, h("slot", { key: '383e28a8832483e8ecc61e4f48a3ff1fe5db1038', name: 'icon' })), h("div", { key: 'c42bf126a9ff4014a4e2d85ff12b41d1a88a0e03', class: "s-list-tile-item-content" }, h("div", { key: '18a4a9ebd39e3a710f70dc33554d24e3c2850e53', class: "s-list-tile-item-title" }, h("slot", { key: '7211d627511bf2448cf161f40cc82b1822dd1e7a', name: 'title' })), h("div", { key: '044a7d76e05841f484387c7ed299107f33c9bc21', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'df131034f1c5434722543e25552caed142794d55', name: "subtitle" }))), h("div", { key: '37abe0abab720da11cd55660578ec256c062e763', class: "s-list-tile-item-action" }, h("slot", { key: 'fcac02da17981ef4c6fa3cea50c551e3010352d9', name: 'action' })))));
+        return (h(Host, { key: 'bb33776d01406ff1e04bbdc741312f1a17ac3b7b' }, h("a", { key: '386b417c954bf4b2bac34e40d9bae19db7f61ec3', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'cbcd8c6f92a4cbe7afbd8797c36ae6f529abed1c', class: "s-list-tile-item-icon" }, h("slot", { key: 'bff76fdb467b2491f0c3b40bd7f475eda23fa9c8', name: 'icon' })), h("div", { key: 'c80e7c032abedea8d5929d8bb36a642336724fe1', class: "s-list-tile-item-content" }, h("div", { key: '2bea0273bb4c012e0f9f7ee948b14bc9ea8afc2a', class: "s-list-tile-item-title" }, h("slot", { key: '60c872b9ec9b369ba65452abad7860b3ba6ba640', name: 'title' })), h("div", { key: 'fbb1b6e49284c74f2933f056aa16fcbc25526703', class: "s-list-tile-item-subtitle" }, h("slot", { key: '5ad1bba1b71db13d4deb594ccb0f5898f24d2f23', name: "subtitle" }))), h("div", { key: '96358bf7ed34907a799efd8c6fb2caae6ca02f43', class: "s-list-tile-item-action" }, h("slot", { key: '8d496724103f0c3959845c8f5d4e662a3095c09e', name: 'action' })))));
     }
     static get style() { return sallaListTileCss; }
 }, [4, "salla-list-tile", {

package/dist/components/salla-loading2.js

@@ -27,7 +27,7 @@ const SallaLoading = /*@__PURE__*/ proxyCustomElement(class SallaLoading extends
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (h(Host, { key: '64a270526fd172b66a0671749bf36acee7cc8de1', class: "s-loading-container" }, h("svg", { key: '380bae806d8aa39e3ac07fba3daf181cfe040f70', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c531098ed793fcd2ec90f10bfb470bcc4543b346', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: 'cc6b89a57e8168937ee13b5ccdc25aa024e05223', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
+        return (h(Host, { key: '43f0680ce1f04ebda7083a4e15e69db9f19eea8f', class: "s-loading-container" }, h("svg", { key: '1b10899828e6b40f9a4535a6c5748382d2235382', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2866a19de0250199769271535cfa84531241507a', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: '8dd072bcfbca9299d4a9479fc00666bf174b48aa', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
     }
     static get style() { return sallaLoadingCss; }
 }, [0, "salla-loading", {

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

@@ -213,7 +213,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
             this.showTrigger
                 ? h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, h("span", null, this.getLanguageName()), h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            h("salla-modal", { key: '8b26a4e0224a049aee503c06ec288eb2dcbd00db', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: 'b28c8375f6491ad8fab684dab4d203a9d23fd417', slot: 'loading' }, h("div", { key: '26967b5d8accc26b75aa0a361506341b00cc1ef7', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'a97f5ceee4c1173030ec29781ee6571c50e02865', width: '25%', height: '15px' }), h("div", { key: '51edca3871e46c692b89651281e94b1716f3cade', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '5e8e3fb5c956be5a681025c7cfce59648dcc75e7', width: '25%', height: '15px' }), h("div", { key: 'd16e6d8bed9300337f84bad366e2731799363fb2', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '952633850a514afbf702d8e6afe30470ff201673', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: '862b768f3a0f9abe079703030bb686178d418ca7', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '96ce8b449b2c96718de083df1b39bf19d18e4543', slot: 'loading' }, h("div", { key: '44ba3efdf44d8758b9824dfbee98081549aad41f', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '66c85016f14871d05eb296691962ddf0e5b8a512', width: '25%', height: '15px' }), h("div", { key: 'e3e0a9cf51572f13456f82d9b08a14a132a01657', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '4c60b249bd54e0850471967d176a789f38f95841', width: '25%', height: '15px' }), h("div", { key: '7da8613b052a1dab1b34cf54fad755f703b68e5a', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'b465504898a6861d5cce2456444cc81e7bc61376', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

package/dist/components/salla-loyalty-hero2.js

@@ -11,13 +11,13 @@ const SallaLoyaltyHero = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyHero
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '3393f0d9f023c524b73eda48086f8fc25ec471ca' }, h("section", { key: 'f3d8332554c22a87b1f55a517009195c22ace65a', class: "s-loyalty-program-hero-container" }, h("div", { key: '5b746fb87ad0cc66bb08d46a70117258bc80e548', class: "s-loyalty-program-hero-background", style: {
+        return (h(Host, { key: 'f273bd77fb72c44195d5c59028505a217e4fb2f2' }, h("section", { key: 'dfe6196286fe59610bd084fbf0513bae4dfbe254', class: "s-loyalty-program-hero-container" }, h("div", { key: 'bcbcf95e78477768d050093294147fb6d9777046', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: 'd265b684f565221d1e32375e215a224f9e37a29b', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '61ea985f1105f98da5a6bc58ddce42e88b23df28', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: '747b6d5d110ed4f07308f50d5fdbdb0e49ab22bf' }, h("h1", { key: 'e2aea10327e863bab41a4c5c5ccb10d3869408a7', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '509d9916ec042f27634061f2c6942662b71b87cb', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '7161ffe3f223758f9b5c4b904ae7e36a940b7757', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '60ca3aa104de52b3efa303c7d517fbe9370eb724', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '24795c8373dfb546e7bb9bd841646a24455c72af', name: "action" }))), h("div", { key: '2400cfc7f43acc5d94e647feb370d162074a5e68', class: "s-loyalty-program-hero-footer" }, h("div", { key: '00b01de76c0278a2900cd6ae7dfb7dfe9f16b5a1', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '969566f21e651ff1f4833ef6e671700ecffe9072', name: "crosspoint" }))))));
+            } }, h("div", { key: '74b4e725bc91e72fb4512533e9d91dccd2f2a040' }, h("h1", { key: '3f9b8a0d9a1fc9c58007049b91f4852c0e7a9470', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'a404bae08a1d4922b73eef9122f540b4a5a412ae', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '04df0835694628c383d8cbb5455400d47bcce501', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: 'c0d757cbffaf88a4f40dd1a61444189d36c40763', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'cd347b02a9c588dca9d98723c7e06adfba5662f8', name: "action" }))), h("div", { key: '261ed03dd2f3ea1ae218b82bf6f2897321fd18c2', class: "s-loyalty-program-hero-footer" }, h("div", { key: 'bf78eba028f33115c6d6ea11bd613bef7202e100', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: 'd061f05ef8d7959a226b2a3b2d5d915ac525dbe0', name: "crosspoint" }))))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [4, "salla-loyalty-hero", {