@salla.sa/twilight-components 2.14.508 → 2.14.509

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

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './salla-rating-stars2.js';
 
-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 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-rating-stars-wrapper{gap:0 !important}";
 
 const SallaCommentFactors = /*@__PURE__*/ proxyCustomElement(class SallaCommentFactors extends HTMLElement {
     constructor() {

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

@@ -25,7 +25,7 @@ var ThumbsUp = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-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 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-rating-stars-wrapper{gap:0 !important}";
 
 const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem extends HTMLElement {
     constructor() {

package/dist/components/salla-comments.js

@@ -4,14 +4,15 @@
 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$c } from './salla-button2.js';
-import { d as defineCustomElement$b } from './salla-comment-factors2.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$d } from './salla-button2.js';
+import { d as defineCustomElement$c } from './salla-comment-factors2.js';
+import { d as defineCustomElement$b } from './salla-comment-form2.js';
+import { d as defineCustomElement$a } from './salla-comment-item2.js';
+import { d as defineCustomElement$9 } from './salla-loading2.js';
+import { d as defineCustomElement$8 } from './salla-modal2.js';
+import { d as defineCustomElement$7 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$6 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$5 } from './salla-review-factors-tags2.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';
@@ -30,7 +31,7 @@ var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-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 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-rating-stars-wrapper{gap:0 !important}";
 
 const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments extends HTMLElement {
     constructor() {
@@ -55,7 +56,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
         this.customerId = null;
         // Translations
         this.noComments = salla.lang.get('blocks.comments.no_comments');
-        this.comment_title = salla.lang.get('blocks.comments.title');
+        this.comment_title = '';
         this.comment_name = salla.lang.get('blocks.comments.comment');
         this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
         this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
@@ -64,7 +65,10 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
         });
         salla.lang.onLoaded(() => {
-            this.comment_title = salla.lang.get('blocks.comments.title');
+            salla.lang.addBulk({
+                "blocks.comments.overall_rating": { ar: "التقييم العام", en: "Overall rating" }
+            });
+            this.comment_title = salla.lang.get('blocks.comments.overall_rating');
             this.comment_name = salla.lang.get('blocks.comments.comment');
             this.noComments = salla.lang.get('pages.rating.no_ratings');
             const setNestedAsync = (lang, key, value) => {
@@ -77,7 +81,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
                 await setNestedAsync('ar.trans', 'blocks.comments.most_helpful', 'الأكثر إفادة');
                 await setNestedAsync('en.trans', 'blocks.comments.most_helpful', 'Most helpful');
                 this.mostHelpfulLabel = salla.lang.get('blocks.comments.most_helpful');
-                this.comment_title = salla.lang.get('blocks.comments.title');
+                this.comment_title = salla.lang.get('blocks.comments.overall_rating');
                 this.comment_name = salla.lang.get('blocks.comments.comment');
                 this.noComments = salla.lang.get('pages.rating.no_ratings');
             };
@@ -363,7 +367,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-comments", "salla-button", "salla-comment-factors", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
+    const components = ["salla-comments", "salla-button", "salla-comment-factors", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-review-factors-tags", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-comments":
             if (!customElements.get(tagName)) {
@@ -372,40 +376,45 @@ function defineCustomElement$1() {
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "salla-comment-factors":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "salla-comment-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "salla-comment-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "salla-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-review-factors-tags":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/components/salla-review-factors-tags.js

@@ -1,147 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { R as Rate } from './star2.js';
-
-const CACHE_TTL = 5 * 60 * 1000;
-const orderCache = new Map();
-const inFlightRequests = new Map();
-function normalizeList(value) {
-    if (!value) {
-        return [];
-    }
-    return Array.isArray(value) ? value : Object.values(value);
-}
-function getProductRatings(rating) {
-    if (!rating) {
-        return [];
-    }
-    return [
-        ...normalizeList(rating.product),
-        ...normalizeList(rating.products),
-    ];
-}
-function extractFactors(source) {
-    if (!source) {
-        return [];
-    }
-    for (const key of ['factor_reviews', 'review_factors', 'factors']) {
-        const value = source[key];
-        if (Array.isArray(value) && value.length) {
-            return value;
-        }
-    }
-    return [];
-}
-function findProductRating(productRatings, ratingId, productId, itemId) {
-    return productRatings.find((productRating) => {
-        if (ratingId && Number(productRating.id ?? productRating.feedback_id) === Number(ratingId)) {
-            return true;
-        }
-        if (itemId && Number(productRating.order_item_id) === Number(itemId)) {
-            return true;
-        }
-        if (productId && Number(productRating.product_id ?? productRating.product?.id) === Number(productId)) {
-            return true;
-        }
-        return false;
-    });
-}
-function resolveReviewFactors(order, ratingId, productId, itemId) {
-    const productRatings = getProductRatings(order?.rating);
-    const productRating = findProductRating(productRatings, ratingId, productId, itemId);
-    return extractFactors(productRating);
-}
-async function fetchOrder(orderId) {
-    if (!orderId) {
-        return null;
-    }
-    const cached = orderCache.get(orderId);
-    if (cached && Date.now() - cached.timestamp <= CACHE_TTL) {
-        return cached.data;
-    }
-    const pending = inFlightRequests.get(orderId);
-    if (pending) {
-        return pending;
-    }
-    const request = (async () => {
-        try {
-            const response = await salla.api.request(`orders/${orderId}`, '', 'get');
-            const data = response?.data ?? response;
-            orderCache.set(orderId, { data, timestamp: Date.now() });
-            return data;
-        }
-        catch (error) {
-            orderCache.delete(orderId);
-            throw error;
-        }
-        finally {
-            inFlightRequests.delete(orderId);
-        }
-    })();
-    inFlightRequests.set(orderId, request);
-    return request;
-}
-
-const sallaReviewFactorsTagsCss = ":host{display:inline-flex}.s-review-factors-tags-factors{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;margin-bottom:0.6rem}.s-review-factors-tags-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-review-factors-tags-factor-rating{font-weight:600;color:#0f6a7c}.s-review-factors-tags-factor-star{display:inline-flex;width:0.8rem;height:0.8rem;fill:#0f6a7c}.s-review-factors-tags-factor-star svg{width:100%;height:100%}";
-
-const SallaReviewFactorsTags$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewFactorsTags extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.factors = [];
-    }
-    async componentWillLoad() {
-        await salla.onReady();
-        await this.loadFactors();
-    }
-    async loadFactors() {
-        if (!this.orderId) {
-            this.factors = [];
-            return;
-        }
-        try {
-            const order = await fetchOrder(this.orderId);
-            this.factors = resolveReviewFactors(order, this.ratingId, this.productId, this.itemId);
-        }
-        catch (error) {
-            console.error('[salla-review-factors-tags] failed to load order rating factors', error);
-            this.factors = [];
-        }
-    }
-    renderFactorTags() {
-        const factors = this.factors || [];
-        if (!factors.length) {
-            return null;
-        }
-        return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Rate }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
-    }
-    render() {
-        return (h(Host, { key: '63e1ae3d8b45cdd9c82ade65cf6b33be9941f9d1', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
-    }
-    static get style() { return sallaReviewFactorsTagsCss; }
-}, [0, "salla-review-factors-tags", {
-        "orderId": [2, "order-id"],
-        "ratingId": [2, "rating-id"],
-        "productId": [2, "product-id"],
-        "itemId": [2, "item-id"],
-        "factors": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-review-factors-tags"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-review-factors-tags":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaReviewFactorsTags$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { S as SallaReviewFactorsTags$1, d as defineCustomElement$1 } from './salla-review-factors-tags2.js';
 
 const SallaReviewFactorsTags = SallaReviewFactorsTags$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/salla-review-factors-tags2.js

@@ -0,0 +1,173 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { R as Rate } from './star2.js';
+
+const CACHE_TTL = 5 * 60 * 1000;
+const orderCache = new Map();
+const inFlightRequests = new Map();
+function normalizeList(value) {
+    if (!value) {
+        return [];
+    }
+    return Array.isArray(value) ? value : Object.values(value);
+}
+function getProductRatings(rating) {
+    if (!rating) {
+        return [];
+    }
+    return [
+        ...normalizeList(rating.product),
+        ...normalizeList(rating.products),
+    ];
+}
+function extractFactors(source) {
+    if (!source) {
+        return [];
+    }
+    for (const key of ['factor_reviews', 'review_factors', 'factors']) {
+        const value = source[key];
+        if (Array.isArray(value) && value.length) {
+            return value;
+        }
+    }
+    return [];
+}
+function findProductRating(productRatings, ratingId, productId, itemId) {
+    return productRatings.find((productRating) => {
+        if (ratingId && Number(productRating.id ?? productRating.feedback_id) === Number(ratingId)) {
+            return true;
+        }
+        if (itemId && Number(productRating.order_item_id) === Number(itemId)) {
+            return true;
+        }
+        if (productId && Number(productRating.product_id ?? productRating.product?.id) === Number(productId)) {
+            return true;
+        }
+        return false;
+    });
+}
+function resolveReviewFactors(order, ratingId, productId, itemId) {
+    const productRatings = getProductRatings(order?.rating);
+    const productRating = findProductRating(productRatings, ratingId, productId, itemId);
+    return extractFactors(productRating);
+}
+async function fetchOrder(orderId) {
+    if (!orderId) {
+        return null;
+    }
+    const cached = orderCache.get(orderId);
+    if (cached && Date.now() - cached.timestamp <= CACHE_TTL) {
+        return cached.data;
+    }
+    const pending = inFlightRequests.get(orderId);
+    if (pending) {
+        return pending;
+    }
+    const request = (async () => {
+        try {
+            const response = await salla.api.request(`orders/${orderId}`, '', 'get');
+            const data = response?.data ?? response;
+            orderCache.set(orderId, { data, timestamp: Date.now() });
+            return data;
+        }
+        catch (error) {
+            orderCache.delete(orderId);
+            throw error;
+        }
+        finally {
+            inFlightRequests.delete(orderId);
+        }
+    })();
+    inFlightRequests.set(orderId, request);
+    return request;
+}
+
+const sallaReviewFactorsTagsCss = ":host{display:inline-flex}.s-review-factors-tags-factors{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;margin-bottom:0.6rem}.s-review-factors-tags-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);font-size:0.85rem;line-height:1;padding:0.4rem 0.65rem}.s-review-factors-tags-factor-rating{font-weight:600;color:var(--color-primary) !important}.s-review-factors-tags-factor-star{display:inline-flex;width:0.8rem;height:0.8rem;fill:var(--color-primary) !important}.s-review-factors-tags-factor-star svg{width:100%;height:100%}.s-review-factors-tags-factor-name{color:var(--main-text-color) !important;font-weight:unset !important}";
+
+const SallaReviewFactorsTags = /*@__PURE__*/ proxyCustomElement(class SallaReviewFactorsTags extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.loadedFactors = [];
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        await this.loadFactors();
+    }
+    async onPropsChange() {
+        await this.loadFactors();
+    }
+    getDisplayFactors() {
+        if (this.factors?.length) {
+            return this.factors;
+        }
+        return this.loadedFactors;
+    }
+    async loadFactors() {
+        if (this.factors?.length) {
+            this.loadedFactors = [];
+            return;
+        }
+        if (!this.orderId) {
+            this.loadedFactors = [];
+            return;
+        }
+        try {
+            const order = await fetchOrder(this.orderId);
+            this.loadedFactors = resolveReviewFactors(order, this.ratingId, this.productId, this.itemId);
+        }
+        catch (error) {
+            console.error('[salla-review-factors-tags] failed to load order rating factors', error);
+            this.loadedFactors = [];
+        }
+    }
+    renderFactorTags() {
+        const factors = this.getDisplayFactors();
+        if (!factors.length) {
+            return null;
+        }
+        return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Rate }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
+    }
+    render() {
+        return (h(Host, { key: 'b9df42d369cd5a7c66d1275202a883f6dc8ac594', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+    }
+    static get watchers() { return {
+        "factors": ["onPropsChange"],
+        "orderId": ["onPropsChange"],
+        "ratingId": ["onPropsChange"],
+        "productId": ["onPropsChange"],
+        "itemId": ["onPropsChange"]
+    }; }
+    static get style() { return sallaReviewFactorsTagsCss; }
+}, [0, "salla-review-factors-tags", {
+        "factors": [16],
+        "orderId": [2, "order-id"],
+        "ratingId": [2, "rating-id"],
+        "productId": [2, "product-id"],
+        "itemId": [2, "item-id"],
+        "loadedFactors": [32]
+    }, undefined, {
+        "factors": ["onPropsChange"],
+        "orderId": ["onPropsChange"],
+        "ratingId": ["onPropsChange"],
+        "productId": ["onPropsChange"],
+        "itemId": ["onPropsChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-review-factors-tags"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-review-factors-tags":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaReviewFactorsTags);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaReviewFactorsTags as S, defineCustomElement as d };

package/dist/components/salla-reviews-summary2.js

@@ -3,10 +3,11 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { R as Rate } from './star2.js';
-import { d as defineCustomElement$2 } from './salla-progress-bar2.js';
-import { d as defineCustomElement$1 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$2 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$1 } from './salla-review-factors-tags2.js';
 
-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 sallaReviewsSummaryCss = ":host{display:block}.s-reviews-summary-main-container{justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem}.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{max-width:24rem}.s-reviews-summary-rows{display:flex !important;flex-direction:column !important;gap:1.3rem !important}@media (min-width: 640px){.s-reviews-summary-header{gap:1.25rem !important}}";
 
 const SallaReviewsSummary = /*@__PURE__*/ proxyCustomElement(class SallaReviewsSummary extends HTMLElement {
     constructor() {
@@ -45,7 +46,6 @@ const SallaReviewsSummary = /*@__PURE__*/ proxyCustomElement(class SallaReviewsS
             });
             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() {
@@ -69,13 +69,6 @@ const SallaReviewsSummary = /*@__PURE__*/ proxyCustomElement(class SallaReviewsS
             console.error('Error loading reviews summary:', error);
         }
     }
-    renderFactorTags() {
-        const factors = this.data?.factors || [];
-        if (!factors.length) {
-            return null;
-        }
-        return (h("div", { class: "s-reviews-summary-factors" }, factors.map(factor => (h("div", { class: "s-reviews-summary-factor-tag" }, h("span", { class: "s-reviews-summary-factor-name" }, factor.name), h("span", { class: "s-reviews-summary-factor-star", innerHTML: Rate }), h("span", { class: "s-reviews-summary-factor-rating" }, factor.rating || ''))))));
-    }
     renderRecommendation() {
         if (!this.showRecommendation || !this.data?.recommendation) {
             return null;
@@ -101,9 +94,9 @@ const SallaReviewsSummary = /*@__PURE__*/ proxyCustomElement(class SallaReviewsS
         };
         const reviewElements = Object.keys(ratings).reverse().map((rating) => {
             const percentage = ratings[rating];
-            return (h("div", { key: rating, class: "s-reviews-summary-row" }, h("div", { class: "s-reviews-summary-row-rate" }, rating, " ", h("span", { innerHTML: Rate })), h("salla-progress-bar", { class: "s-reviews-summary-progress", value: percentage, target: 100, hideUnits: true, height: '16px' }), h("span", { class: "s-reviews-summary-percentage" }, percentage, "%")));
+            return (h("div", { key: rating, class: "s-reviews-summary-row" }, h("div", { class: "s-reviews-summary-row-rate" }, rating, " ", h("span", { innerHTML: Rate })), h("salla-progress-bar", { class: "s-reviews-summary-progress", value: percentage, target: 100, hideUnits: true, height: '20px' }), h("span", { class: "s-reviews-summary-percentage" }, percentage, "%")));
         });
-        return (h(Host, { class: "s-reviews-summary-wrapper" }, h("div", { class: "s-reviews-summary-header" }, h("div", { class: "s-reviews-summary-overall-section items-start" }, h("p", { class: "s-reviews-summary-overall-label" }, this.overallRatingLabel), h("div", { class: "s-reviews-summary-overall-row" }, h("h3", { class: "s-reviews-summary-average" }, this.data.rating), h("div", null, h("salla-rating-stars", { size: 'large', value: this.data.rating }), 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()), h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
+        return (h(Host, { class: "s-reviews-summary-wrapper s-reviews-summary-main-container" }, h("div", { class: "s-reviews-summary-header" }, h("div", { class: "s-reviews-summary-overall-section items-start" }, h("div", { class: "s-reviews-summary-overall-row" }, h("h3", { class: "s-reviews-summary-average" }, this.data.rating), h("div", null, h("salla-rating-stars", { size: 'large', value: this.data.rating }), h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count)))))), !!this.data?.factors?.length && (h("div", { class: "s-reviews-summary-factors" }, h("salla-review-factors-tags", { factors: this.data.factors }))), this.renderRecommendation()), h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
     }
     static get style() { return sallaReviewsSummaryCss; }
 }, [0, "salla-reviews-summary", {
@@ -112,7 +105,6 @@ const SallaReviewsSummary = /*@__PURE__*/ proxyCustomElement(class SallaReviewsS
         "canRender": [32],
         "basedOnLabel": [32],
         "recommendedLabel": [32],
-        "overallRatingLabel": [32],
         "showRatingSummary": [32],
         "recommendationOnly": [32],
         "showRecommendation": [32]
@@ -121,7 +113,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-reviews-summary", "salla-progress-bar", "salla-rating-stars"];
+    const components = ["salla-reviews-summary", "salla-progress-bar", "salla-rating-stars", "salla-review-factors-tags"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-reviews-summary":
             if (!customElements.get(tagName)) {
@@ -130,10 +122,15 @@ function defineCustomElement() {
             break;
         case "salla-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-review-factors-tags":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/esm/{filepond-CA6zTz9c.js → filepond-Cu0hGP46.js}

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

package/dist/esm/{filepond-plugin-file-poster-DOWZmTt9.js → filepond-plugin-file-poster-DBfLrjkx.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-CW4aTVdl.js → filepond-plugin-file-validate-size-Cq0e60aE.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-DiGUQ5qM.js → filepond-plugin-file-validate-type-CpRmNAFC.js}

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

package/dist/esm/{filepond-plugin-image-edit-BOu5ykhi.js → filepond-plugin-image-edit-C-7yhkPK.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-C9OxiFhh.js → filepond-plugin-image-exif-orientation-CTn5LeXC.js}

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

package/dist/esm/{filepond-plugin-image-preview-BCRRj5t-.js → filepond-plugin-image-preview-BsETbqVf.js}

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

package/dist/esm/{functions-Cdhve8oP.js → functions-DtC2lEvS.js}

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