@salla.sa/twilight-components 2.14.508 → 2.14.510

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-B1eTr-KK.js}

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

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

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

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

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

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

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

package/dist/esm/{filepond-plugin-image-edit-BOu5ykhi.js → filepond-plugin-image-edit-CACbacvT.js}

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

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

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

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

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

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

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