@salla.sa/twilight-components 2.14.489 → 2.14.491

package/dist/cjs/salla-comment-form_8.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var check = require('./check-BnVBPQNp.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var Helper = require('./Helper-B2B-kxAI.js');
@@ -71,7 +71,7 @@ var ThumbsUp = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaCommentsCss$1 = ":host{display:block}";
+const sallaCommentsCss$1 = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
 
 const SallaCommentItem = class {
     constructor(hostRef) {
@@ -84,9 +84,11 @@ const SallaCommentItem = class {
         this.has_order_trans = salla.lang.get('blocks.comments.has_order');
         this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
         this.allowAttachImages = salla.config.get('store.settings.rating.allow_attach_images');
-        this.helpfulLabel = salla.lang.getWithDefault('blocks.comments.helpful', 'مفيد');
+        this.helpfulLabel = salla.lang.get('blocks.comments.helpful');
+        this.reviewDetailsLabel = salla.lang.get('blocks.comments.review_details');
         this.likesCount = 0;
         this.likedComments = [];
+        this.showReviewFactors = false;
         salla.lang.onLoaded(() => {
             const setNestedAsync = (lang, key, value) => {
                 return new Promise((resolve) => {
@@ -97,9 +99,12 @@ const SallaCommentItem = class {
             const setTranslations = async () => {
                 await setNestedAsync('ar.trans', 'blocks.comments.helpful', 'مفيد');
                 await setNestedAsync('en.trans', 'blocks.comments.helpful', 'Helpful');
+                await setNestedAsync('ar.trans', 'blocks.comments.review_details', 'تفاصيل التقييم');
+                await setNestedAsync('en.trans', 'blocks.comments.review_details', 'Review details');
                 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.reviewDetailsLabel = salla.lang.get('blocks.comments.review_details');
+                this.helpfulLabel = salla.lang.get('blocks.comments.helpful');
                 this.locked_trans = salla.lang.getWithDefault('blocks.comments.locked', 'الرد غير ظاهر لباقي العملاء');
             };
             this.locked_trans = salla.lang.get('blocks.comments.locked');
@@ -125,6 +130,7 @@ const SallaCommentItem = class {
             salla.log('Bad json for liked_comments');
         }
     }
+    ;
     getReplies() {
         return Array.isArray(this.comment.replies) ? this.comment.replies : [this.comment.replies];
     }
@@ -195,6 +201,9 @@ const SallaCommentItem = class {
     isPrivateComment(comment) {
         return comment.status === 'hidden';
     }
+    getReviewFactors() {
+        return Array.isArray(this.comment.factor_reviews) ? this.comment.factor_reviews : [];
+    }
     PinnedIcon() {
         return (index.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" }, index.h("path", { d: "M12 16V21" }), index.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" })));
     }
@@ -206,15 +215,18 @@ const SallaCommentItem = class {
             return null;
         }
         let isAdmin = this.comment.type == 'admin';
+        const reviewFactors = this.getReviewFactors();
+        const hasReviewFactors = reviewFactors.length > 0;
         return (index.h(index.Host, { class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, index.h("div", { class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, index.h("div", { class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && index.h("span", { class: "s-comments-item-reply-icon", innerHTML: Reply }), index.h("div", { class: "s-comments-item-avatar" }, index.h("img", { "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), index.h("div", { class: "s-comments-flex-1" }, index.h("div", { class: "s-comments-item-user-wrapper" }, index.h("div", { class: "s-comments-item-user-info" }, index.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 ?
             index.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 ?
             index.h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [index.h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: check.SICheck }), index.h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
                 index.h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
-            : null), index.h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), index.h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
-            index.h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating || this.comment.stars })
-            : null), index.h("div", { class: "s-comments-item-content" }, index.h("div", { class: "s-comments-item-content-container" }, this.isPrivateComment(this.comment) ? (index.h("div", { id: `s-comments-item-${this.comment.id}-locked-icon`, class: "s-comments-item-pinned-icon" }, this.LockedIcon())) : null, index.h("p", { innerHTML: this.comment.content })), this.isPrivateComment(this.comment) ? (index.h("salla-tooltip", { text: this.locked_trans, targetId: `s-comments-item-${this.comment.id}-locked-icon` })) : null, this.allowAttachImages && index.h("div", { class: "s-comments-item-images" }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "", onClick: () => this.modal.open() }))), index.h("salla-modal", { ref: modal => this.modal = modal, width: "sm" }, index.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" }, index.h("div", { slot: 'items' }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "" })))), index.h("div", { slot: "thumbs" }, this.comment.images.map((image, index$1) => (index.h("div", { class: "s-comments-item-images-slider-thumb" }, index.h("img", { key: index$1, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? index.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() }, index.h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), index.h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
+            : null), index.h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), index.h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date)))), (!!this.comment.rating || !!this.comment.stars || hasReviewFactors) && (index.h("div", { class: "flex flex-row gap-4 mt-2 mb-4" }, (!!this.comment.rating || !!this.comment.stars) ? (index.h("salla-rating-stars", { class: "w-auto", size: "medium", value: this.comment.rating || this.comment.stars })) : null, hasReviewFactors && (index.h("button", { class: "s-comments-item-review-factors-toggle", type: "button", onClick: () => (this.showReviewFactors = !this.showReviewFactors) }, index.h("span", null, this.reviewDetailsLabel), index.h("span", { class: {
+                "s-comments-item-review-factors-chevron": true,
+                "is-open": this.showReviewFactors,
+            } }, "\u2303"))))), index.h("div", { class: "s-comments-item-content" }, hasReviewFactors && this.showReviewFactors && (index.h("salla-comment-factors", { factors: reviewFactors })), index.h("div", { class: "s-comments-item-content-container" }, this.isPrivateComment(this.comment) ? (index.h("div", { id: `s-comments-item-${this.comment.id}-locked-icon`, class: "s-comments-item-pinned-icon" }, this.LockedIcon())) : null, index.h("p", { innerHTML: this.comment.content })), this.isPrivateComment(this.comment) ? (index.h("salla-tooltip", { text: this.locked_trans, targetId: `s-comments-item-${this.comment.id}-locked-icon` })) : null, this.allowAttachImages && index.h("div", { class: "s-comments-item-images" }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "", onClick: () => this.modal.open() }))), index.h("salla-modal", { ref: modal => this.modal = modal, width: "sm" }, index.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" }, index.h("div", { slot: 'items' }, this.comment.images.map((image, index$1) => (index.h("img", { key: index$1, src: image, alt: "" })))), index.h("div", { slot: "thumbs" }, this.comment.images.map((image, index$1) => (index.h("div", { class: "s-comments-item-images-slider-thumb" }, index.h("img", { key: index$1, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? index.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() }, index.h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), index.h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
             index.h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
             this.getReplies().map((reply) => {
                 return index.h("div", null, index.h("salla-comment-item", { comment: reply }));
@@ -238,7 +250,7 @@ var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaCommentsCss = ":host{display:block}";
+const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
 
 const SallaComments = class {
     constructor(hostRef) {
@@ -543,7 +555,7 @@ const SallaComments = class {
 };
 SallaComments.style = sallaCommentsCss;
 
-const sallaRatingStarsCss = "";
+const sallaRatingStarsCss = ":host{display:inline-flex;vertical-align:middle}.s-rating-stars-wrapper{display:inline-flex;align-items:center;gap:0.5rem;min-height:1.75rem}.s-rating-stars-wrapper--with-label{min-height:1.75rem}.s-rating-stars-element{display:inline-flex;align-items:center;flex-shrink:0}.s-rating-stars-label,.s-rating-stars-label-without-tag{flex-shrink:0;min-width:5.5rem;min-height:1.25rem;line-height:1.25rem;text-align:end;transition:opacity 0.15s ease}.s-rating-stars-label--empty,.s-rating-stars-label-without-tag--empty{opacity:0}.s-rating-stars-btn-star{flex-shrink:0}";
 
 const SallaRatingStars = class {
     constructor(hostRef) {
@@ -565,9 +577,26 @@ const SallaRatingStars = class {
        */
         this.reviews = 0;
         /**
+        * Render the description label before the stars instead of after.
+        */
+        this.labelBeforeStars = false;
+        /**
         * Allows the rating to be editable.
         */
         this.editable = false;
+        this.tag = true;
+    }
+    getLabelClassName() {
+        return this.tag ? 's-rating-stars-label' : 's-rating-stars-label-without-tag';
+    }
+    setLabelDisplay(text) {
+        if (!this.labelElem) {
+            return;
+        }
+        this.labelElem.textContent = text || '\u00a0';
+        const labelClass = this.getLabelClassName();
+        this.labelElem.classList.toggle(`${labelClass}--empty`, !text);
+        this.labelElem.setAttribute('aria-hidden', text ? 'false' : 'true');
     }
     async componentWillLoad() {
         await new Promise(resolve => {
@@ -591,23 +620,30 @@ const SallaRatingStars = class {
         });
     }
     initiateRating() {
-        this.host.addEventListener('click', this.handleRating.bind(this));
+        this.host.addEventListener('click', event => this.handleRating(event));
     }
-    handleRating() {
+    handleRating(event) {
         if (!this.starsElem)
             return;
         let activeStars = this.starsElem.querySelectorAll('.s-rating-stars-hovered');
         let selected = activeStars[activeStars.length - 1];
+        if (!selected && event?.target instanceof HTMLElement) {
+            selected = event.target.closest('.s-rating-stars-btn-star[data-star]');
+        }
         if (!selected)
             return;
         let selectedIndex = parseInt(selected.getAttribute('data-star'));
-        this.starsElem.querySelector('.rating_hidden_input').value = selectedIndex.toString();
-        this.starsElem.querySelectorAll('.s-rating-stars-btn-star')
+        this.starsElem.querySelector('.rating_hidden_input').value =
+            selectedIndex.toString();
+        this.starsElem
+            .querySelectorAll('.s-rating-stars-btn-star')
             .forEach((star, index) => Helper.Helper.toggleElementClassIf(star, 's-rating-stars-selected', 's-rating-stars-unselected', () => index < selectedIndex));
         this.starsElem.querySelectorAll('[aria-pressed]').forEach(star => star.removeAttribute('aria-pressed'));
         selected.setAttribute('aria-pressed', 'true');
         this.selectedStar = selectedIndex;
-        this.withLabel && (this.reviewLabel = this.labels[selectedIndex - 1]);
+        if (this.withLabel) {
+            this.setLabelDisplay(this.labels[selectedIndex - 1]);
+        }
     }
     triggerRatingProgrammatically(index) {
         if (!this.starsElem)
@@ -629,11 +665,15 @@ const SallaRatingStars = class {
                 for (let i = 0; i <= index; i++) {
                     stars[i].classList.add(hoveredClass);
                 }
-                this.withLabel && (this.reviewLabel = this.labels[index]);
+                if (this.withLabel) {
+                    this.setLabelDisplay(this.labels[index]);
+                }
             });
             star.addEventListener('mouseout', () => {
                 star.classList.remove(hoveredClass);
-                this.withLabel && (this.reviewLabel = this.selectedStar ? this.labels[this.selectedStar - 1] : '');
+                if (this.withLabel) {
+                    this.setLabelDisplay(this.selectedStar ? this.labels[this.selectedStar - 1] : '');
+                }
             });
         });
         this.starsElem?.addEventListener('mouseout', () => stars.forEach(star => star.classList.remove(hoveredClass)));
@@ -652,22 +692,55 @@ const SallaRatingStars = class {
         }
         return stars;
     }
+    renderReviewLabel() {
+        if (!this.withLabel) {
+            return null;
+        }
+        const labelClass = this.getLabelClassName();
+        return (index.h("span", { ref: el => {
+                this.labelElem = el;
+            }, class: {
+                [labelClass]: true,
+                [`${labelClass}--empty`]: !this.reviewLabel,
+            }, "aria-hidden": !this.reviewLabel ? 'true' : 'false' }, this.reviewLabel || '\u00a0'));
+    }
+    renderStarsWrapper(starsContent) {
+        const label = this.renderReviewLabel();
+        return (index.h("div", { class: {
+                's-rating-stars-wrapper': true,
+                's-rating-stars-wrapper--with-label': this.withLabel,
+                's-rating-stars-wrapper--label-first': this.labelBeforeStars,
+            } }, this.labelBeforeStars ? [label, starsContent] : [starsContent, label]));
+    }
+    renderEditableStars() {
+        return (index.h("div", { class: "s-rating-stars-element", ref: el => (this.starsElem = el) }, index.h("input", { type: "hidden", class: "rating_hidden_input", name: this.name, value: "" }), [1, 2, 3, 4, 5].map(star => (index.h("button", { class: `s-rating-stars-btn-star s-rating-stars-` + this.size, "data-star": star }, index.h("span", { innerHTML: star2.Star }))))));
+    }
     render() {
         return this.translationsLoaded ? (this.host.closest('.swiper-slide')?.classList.contains('swiper-slide-duplicate')
             ? ''
-            : (index.h(index.Host, null, (this.value || this.value == 0) && !this.editable ?
-                index.h("div", { class: "s-rating-stars-wrapper" }, this.createStars(this.value), this.withLabel && this.reviewLabel ? index.h("span", { class: "s-rating-stars-label" }, this.reviewLabel) : '')
-                :
-                    index.h("div", { class: "s-rating-stars-wrapper" }, index.h("div", { class: "s-rating-stars-element", ref: (el) => this.starsElem = el }, index.h("input", { type: "hidden", class: "rating_hidden_input", name: this.name, value: "" }), [1, 2, 3, 4, 5].map(star => index.h("button", { class: `s-rating-stars-btn-star s-rating-stars-` + this.size, "data-star": star }, index.h("span", { innerHTML: star2.Star })))), this.withLabel && this.reviewLabel ? index.h("span", { class: "s-rating-stars-label" }, this.reviewLabel) : '')))) : (index.h(index.Host, null));
+            : (index.h(index.Host, null, (this.value || this.value == 0) && !this.editable
+                ? this.renderStarsWrapper(this.createStars(this.value))
+                : this.renderStarsWrapper(this.renderEditableStars())))) : (index.h(index.Host, null));
     }
     componentDidLoad() {
         this.initiateRating();
         this.highlightSelectedStars();
-        if (this.value && this.editable) {
-            const stars = this.starsElem?.querySelectorAll('.s-rating-stars-btn-star');
-            if (stars && this.value >= 0 && this.value <= stars.length) {
-                this.triggerRatingProgrammatically(this.value - 1);
-            }
+        this.syncEditableRating();
+    }
+    componentDidUpdate() {
+        this.syncEditableRating();
+    }
+    syncEditableRating() {
+        if (!this.translationsLoaded || !this.editable || !this.value || !this.starsElem) {
+            return;
+        }
+        // Prefill only while untouched — don't reset after the user picks a new rating
+        if (this.selectedStar > 0) {
+            return;
+        }
+        const stars = this.starsElem.querySelectorAll('.s-rating-stars-btn-star');
+        if (stars?.length && this.value >= 1 && this.value <= stars.length) {
+            this.triggerRatingProgrammatically(this.value - 1);
         }
     }
     get host() { return index.getElement(this); }
@@ -938,7 +1011,7 @@ const SallaReviews = class {
         });
     }
     render() {
-        return (index.h("div", { key: '24e50ca2634208ad3ffcb9ca503aa7e18331b3a1', class: "s-reviews-container" }, index.h("div", { key: 'a1632306fc1a92051d030707aab075c825537e01', class: "s-reviews-header-wrapper" }, index.h("h1", { key: 'e2a4df75011da111e89c1b732e7741ddf452b9d5', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (index.h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, index.h("span", { class: "s-reviews-display-all-icon", innerHTML: arrowLeft.arrowLeft }))) : null), index.h("salla-slider", { key: '89009e55e3a5121c241295efd510405b623f45c3', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, index.h("div", { key: '8b6b8df42043c8ecdb05dbbc30ecacde297f0dda', slot: "items" }, this.reviews.map((item, index$1) => (index.h("div", { key: index$1, class: "s-reviews-swiper-slide" }, index.h("div", { class: "s-reviews-testimonial" }, index.h("div", { class: "s-reviews-testimonial__inner" }, index.h("div", { class: "s-reviews-testimonial__avatar" }, index.h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index$1, class: "lazy" })), index.h("div", { class: "s-reviews-testimonial__text" }, index.h("p", { innerHTML: item.content }), index.h("div", { class: "s-reviews-testimonial__name_wrapper" }, index.h("div", { class: "s-reviews-testimonial__info" }, item.name && index.h("h2", null, `${item.name}`)), index.h("div", { class: "s-reviews-testimonial__rating" }, index.h("salla-rating-stars", { size: "small", value: item.stars })))), index.h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (index.h("div", { key: '242c98e813b49a8fae5b1f58a1bc7e61425834bd', class: "s-reviews-container" }, index.h("div", { key: 'a896d0fda0e9c5a784e813590ded4cdf9ae0e6ae', class: "s-reviews-header-wrapper" }, index.h("h1", { key: 'ff085d49e3363d305389ae36e14ebb01151ebe46', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (index.h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, index.h("span", { class: "s-reviews-display-all-icon", innerHTML: arrowLeft.arrowLeft }))) : null), index.h("salla-slider", { key: 'a6baa7db6f0a1233a46897caaea76469b945f681', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, index.h("div", { key: 'edb56b99674d534fc4b18178816cbced4ed22882', slot: "items" }, this.reviews.map((item, index$1) => (index.h("div", { key: index$1, class: "s-reviews-swiper-slide" }, index.h("div", { class: "s-reviews-testimonial" }, index.h("div", { class: "s-reviews-testimonial__inner" }, index.h("div", { class: "s-reviews-testimonial__avatar" }, index.h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index$1, class: "lazy" })), index.h("div", { class: "s-reviews-testimonial__text" }, index.h("p", { innerHTML: item.content }), index.h("div", { class: "s-reviews-testimonial__name_wrapper" }, index.h("div", { class: "s-reviews-testimonial__info" }, item.name && index.h("h2", null, `${item.name}`)), index.h("div", { class: "s-reviews-testimonial__rating" }, index.h("salla-rating-stars", { size: "small", value: item.stars })))), index.h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
 };
 SallaReviews.style = sallaReviewsCss;
@@ -1618,7 +1691,7 @@ const SallaReviewsPage = class {
         return options.map(option => (index.h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (index.h("host", { key: 'b82b491ae189f825367881b7b4f03ad64e471aae' }, index.h("div", { key: 'd124f10806cfabd1c1f85044786541011edff3ff', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '30c58bb14bea27da968e874a0c1454a35e8db207', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: '8850771469ae20d1b07efcb45be58738de377e6d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: '5a0060c5bdbfe4d37003b04d4c6368460be8cd38', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: '637d1aeec005ae662c6019c423ef3f1c3a6ff264', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: '5b68b9441d4647f12583c71da61958c30c0dcda6', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (index.h("host", { key: '3bb188bd0ddcff6333a47ad3821ad9f75706ac6a' }, index.h("div", { key: 'ae139cb0f8e4921e95c695ececc6633e79486ae0', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '422bc1b53c10d0c0e87b701580e049fde71f2871', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: 'd43661c7d358ba1bc99762fdd92b0c9e68a86427', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: '3255662d8c1895bf640ae02e480a1c597e37ff87', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: 'c2d02265c6adde573a9e282380e670ed2926e68a', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: '67de9329c56bd70740e66c3c119a6396ce1c6006', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (index.h("salla-review-card", { key: review.id, review: review }))))
             : index.h("div", { class: "s-products-list-placeholder" }, index.h("span", { innerHTML: shoppingBag.ShoppingBag }), index.h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (index.h("div", { class: "s-reviews-page-load-more-container" }, index.h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));
@@ -1627,7 +1700,7 @@ const SallaReviewsPage = class {
 };
 SallaReviewsPage.style = sallaReviewsPageCss;
 
-const sallaReviewsSummaryCss = ":host{display:block}";
+const sallaReviewsSummaryCss = ":host{display:block}.s-reviews-summary-overall-section{display:flex;flex-direction:column;align-items:flex-start;gap:0.35rem;padding:0 0.5rem}.s-reviews-summary-overall-label{color:#111827;font-size:1.15rem;font-weight:600;line-height:1.3;margin-bottom:0.75rem}.s-reviews-summary-overall-row{display:inline-flex;align-items:flex-start;gap:0.7rem}.s-reviews-summary-factors{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;margin-bottom:0.6rem}.s-reviews-summary-factor-tag{display:inline-flex;align-items:center;gap:0.25rem;border-radius:999px;border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);color:#374151;font-size:0.85rem;line-height:1;padding:0.4rem 0.65rem}.s-reviews-summary-factor-rating{font-weight:600;color:#0f6a7c}.s-reviews-summary-factor-star{display:inline-flex;width:0.8rem;height:0.8rem;fill:#0f6a7c}.s-reviews-summary-factor-star svg{width:100%;height:100%}";
 
 const SallaReviewsSummary = class {
     constructor(hostRef) {
@@ -1660,10 +1733,12 @@ const SallaReviewsSummary = class {
         return Salla.lang.onLoaded(() => {
             Salla.lang.addBulk({
                 "blocks.comments.based_on": { ar: "بناءً على", en: "Based on" },
-                "blocks.comments.recommended": { ar: "أوصوا بالمنتج", en: "Recommended" }
+                "blocks.comments.recommended": { ar: "أوصوا بالمنتج", en: "Recommended" },
+                "blocks.comments.overall_rating": { ar: "التقييم العام", en: "Overall rating" }
             });
             this.basedOnLabel = salla.lang.get('blocks.comments.based_on');
             this.recommendedLabel = salla.lang.get('blocks.comments.recommended');
+            this.overallRatingLabel = salla.lang.get('blocks.comments.overall_rating');
         });
     }
     async loadSummary() {
@@ -1687,6 +1762,13 @@ const SallaReviewsSummary = class {
             console.error('Error loading reviews summary:', error);
         }
     }
+    renderFactorTags() {
+        const factors = this.data?.factors || [];
+        if (!factors.length) {
+            return null;
+        }
+        return (index.h("div", { class: "s-reviews-summary-factors" }, factors.map(factor => (index.h("div", { class: "s-reviews-summary-factor-tag" }, index.h("span", { class: "s-reviews-summary-factor-name" }, factor.name), index.h("span", { class: "s-reviews-summary-factor-star", innerHTML: star2.Star }), index.h("span", { class: "s-reviews-summary-factor-rating" }, factor.rating || ''))))));
+    }
     renderRecommendation() {
         if (!this.showRecommendation || !this.data?.recommendation) {
             return null;
@@ -1714,7 +1796,7 @@ const SallaReviewsSummary = class {
             const percentage = ratings[rating];
             return (index.h("div", { key: rating, class: "s-reviews-summary-row" }, index.h("div", { class: "s-reviews-summary-row-rate" }, rating, " ", index.h("span", { innerHTML: star2.Star })), index.h("salla-progress-bar", { class: "s-reviews-summary-progress", value: percentage, target: 100, hideUnits: true, height: '16px' }), index.h("span", { class: "s-reviews-summary-percentage" }, percentage, "%")));
         });
-        return (index.h(index.Host, { class: "s-reviews-summary-wrapper" }, index.h("div", { class: "s-reviews-summary-header" }, index.h("div", { class: "s-reviews-summary-header-section" }, index.h("h3", { class: "s-reviews-summary-average" }, this.data.rating), index.h("div", null, index.h("salla-rating-stars", { size: 'large', value: this.data.rating }), index.h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count))))), this.renderRecommendation()), index.h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
+        return (index.h(index.Host, { class: "s-reviews-summary-wrapper" }, index.h("div", { class: "s-reviews-summary-header" }, index.h("div", { class: "s-reviews-summary-overall-section items-start" }, index.h("p", { class: "s-reviews-summary-overall-label" }, this.overallRatingLabel), index.h("div", { class: "s-reviews-summary-overall-row" }, index.h("h3", { class: "s-reviews-summary-average" }, this.data.rating), index.h("div", null, index.h("salla-rating-stars", { size: 'large', value: this.data.rating }), index.h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count)))))), this.renderFactorTags(), this.renderRecommendation()), index.h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
     }
 };
 SallaReviewsSummary.style = sallaReviewsSummaryCss;

package/dist/cjs/salla-conditional-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 var DiscountType;
 (function (DiscountType) {

package/dist/cjs/salla-contacts.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var whatsapp2 = require('./whatsapp2-BdMd5Gx1.js');
 var mail = require('./mail-C9D8MHae.js');
 

package/dist/cjs/salla-cookies-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}.s-cookies-bar-btn--active{box-shadow:0 0 0 2px rgba(0, 0, 0, 0.08)}";
 

package/dist/cjs/salla-count-down.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
 

package/dist/cjs/salla-custom-fields.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var camera = require('./camera-DytepEoK.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 

package/dist/cjs/salla-delivery-promise.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const DEBUG_KEY = 'salla-delivery-promise-debug';
 function log(message, data) {

package/dist/cjs/salla-edit-order-button.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaEditOrderButtonCss = ":host{display:block}";
 

package/dist/cjs/salla-filters-widget.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-filters.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-fulfillment-methods.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {

package/dist/cjs/salla-gifting.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-hook.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const SallaHook = class {
     constructor(hostRef) {

package/dist/cjs/salla-infinite-scroll.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-installment.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}";
 

package/dist/cjs/salla-list-tile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaListTileCss = "";
 

package/dist/cjs/salla-localization-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

package/dist/cjs/salla-login-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 

package/dist/cjs/salla-loyalty-banner.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-DNxhV4_1.js');
+var trackedPromise = require('./tracked-promise-BFI0OYlh.js');
 
 const sallaLoyaltyProgramCss = "";
 

package/dist/cjs/salla-loyalty-hero_2.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
-var functions = require('./functions-DdZX56J7.js');
+var index = require('./index-DFAB8ROR.js');
+var functions = require('./functions-DEYiJNeU.js');
 var gift = require('./gift-DbNivqYO.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');

package/dist/cjs/salla-loyalty-panel.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
-var functions = require('./functions-DdZX56J7.js');
+var index = require('./index-DFAB8ROR.js');
+var functions = require('./functions-DEYiJNeU.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
-var trackedPromise = require('./tracked-promise-DNxhV4_1.js');
+var trackedPromise = require('./tracked-promise-BFI0OYlh.js');
 
 var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
 

package/dist/cjs/salla-loyalty-points-banner.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 var MoneyIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.76604 2.86201C9.31804 2.61001 9.93304 2.41501 10.611 2.27701C11.289 2.13901 12 2.07001 12.744 2.07001C13.572 2.07001 14.364 2.15401 15.12 2.32201C15.84 2.49001 16.356 2.81401 16.668 3.29401C16.932 3.70201 17.064 4.26001 17.064 4.96801V13.032C17.064 13.416 16.95 13.752 16.722 14.04C16.506 14.304 16.227 14.493 15.885 14.607C15.543 14.721 15.204 14.742 14.868 14.67C14.196 14.514 13.488 14.436 12.744 14.436C12.084 14.436 11.442 14.502 10.818 14.634C10.23 14.754 9.70204 14.922 9.23404 15.138C8.68204 15.39 8.06704 15.585 7.38904 15.723C6.71104 15.861 6.00004 15.93 5.25604 15.93C4.42804 15.93 3.63604 15.846 2.88004 15.678C2.18404 15.522 1.68004 15.21 1.36804 14.742C1.08004 14.322 0.936035 13.752 0.936035 13.032V4.96801C0.936035 4.58401 1.05004 4.24801 1.27804 3.96001C1.49404 3.69601 1.77304 3.50701 2.11504 3.39301C2.45704 3.27901 2.79604 3.25801 3.13204 3.33001C3.80404 3.48601 4.51204 3.56401 5.25604 3.56401C5.91604 3.56401 6.55804 3.49801 7.18204 3.36601C7.77004 3.24601 8.29804 3.07801 8.76604 2.86201ZM11.25 9.00001C11.25 8.59201 11.148 8.21701 10.944 7.87501C10.74 7.53301 10.467 7.26001 10.125 7.05601C9.78304 6.85201 9.40804 6.75001 9.00004 6.75001C8.59204 6.75001 8.21704 6.85201 7.87504 7.05601C7.53304 7.26001 7.26004 7.53301 7.05604 7.87501C6.85204 8.21701 6.75004 8.59201 6.75004 9.00001C6.75004 9.40801 6.85204 9.78301 7.05604 10.125C7.26004 10.467 7.53304 10.74 7.87504 10.944C8.21704 11.148 8.59204 11.25 9.00004 11.25C9.40804 11.25 9.78304 11.148 10.125 10.944C10.467 10.74 10.74 10.467 10.944 10.125C11.148 9.78301 11.25 9.40801 11.25 9.00001ZM14.328 7.79401C14.076 7.75801 13.812 7.73401 13.536 7.72201C13.38 7.71001 13.245 7.75501 13.131 7.85701C13.017 7.95901 12.954 8.08801 12.942 8.24401C12.93 8.40001 12.975 8.53501 13.077 8.64901C13.179 8.76301 13.308 8.82601 13.464 8.83801C13.704 8.85001 13.938 8.87401 14.166 8.91001C14.322 8.93401 14.463 8.90101 14.589 8.81101C14.715 8.72101 14.787 8.59801 14.805 8.44201C14.823 8.28601 14.787 8.14501 14.697 8.01901C14.607 7.89301 14.484 7.81801 14.328 7.79401ZM4.53604 9.16201C4.29604 9.15001 4.06204 9.12601 3.83404 9.09001C3.67804 9.06601 3.53704 9.09901 3.41104 9.18901C3.28504 9.27901 3.21304 9.40201 3.19504 9.55801C3.17704 9.71401 3.21304 9.85501 3.30304 9.98101C3.39304 10.107 3.51604 10.182 3.67204 10.206C3.92404 10.242 4.18804 10.266 4.46404 10.278C4.62004 10.29 4.75504 10.245 4.86904 10.143C4.98304 10.041 5.04604 9.91201 5.05804 9.75601C5.07004 9.60001 5.02504 9.46501 4.92304 9.35101C4.82104 9.23701 4.69204 9.17401 4.53604 9.16201Z" fill="white"/>

package/dist/cjs/salla-loyalty-points-history.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 var gift = require('./gift-DbNivqYO.js');
 
 const formatDate = (timestamp) => {

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DWea49r_.js');
+var index = require('./index-DFAB8ROR.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";