@salla.sa/twilight-components 2.14.541 → 2.14.543

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

@@ -188,7 +188,7 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
             : null, (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: IconVerified }), h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
-                h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
+                h("span", { class: "s-comments-item-has-order-check-text" }, this.rated_trans) : null)
             : null), h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date)))), (!!this.comment.rating || !!this.comment.stars || hasReviewFactors) && (h("div", { class: "flex flex-row gap-4 mt-2 mb-4" }, (!!this.comment.rating || !!this.comment.stars) ? (h("salla-rating-stars", { class: "w-auto", size: "medium", value: this.comment.rating || this.comment.stars })) : null, hasReviewFactors && (h("button", { class: "s-comments-item-review-factors-toggle", type: "button", onClick: () => (this.showReviewFactors = !this.showReviewFactors) }, h("span", null, this.reviewDetailsLabel), h("span", { class: {
                 "s-comments-item-review-factors-chevron": true,
                 "is-open": this.showReviewFactors,

package/dist/components/salla-comments.js

@@ -25,6 +25,18 @@ var CommentType;
     CommentType["PRODUCT"] = "product";
     CommentType["BLOG"] = "blog";
 })(CommentType || (CommentType = {}));
+function isFeatureEnabled(feature) {
+    return !!salla.config.get('store.features')?.includes(feature);
+}
+function buildCommentSortOptions({ mostHelpfulLabel, verifiedPurchasesLabel, allowLikes, allowVerifiedPurchasesFilter, }) {
+    const options = [
+        { value: 'latest', label: salla.lang.get('pages.testimonials.sort_by_date_desc'), selected: true },
+        { value: 'oldest', label: salla.lang.get('pages.testimonials.sort_by_date_asc') },
+        { value: 'most_helpful', label: mostHelpfulLabel, show: allowLikes },
+        { value: 'verified_purchases', label: verifiedPurchasesLabel, show: allowVerifiedPurchasesFilter },
+    ];
+    return options.filter(option => option.show !== false);
+}
 
 var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -64,6 +76,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
         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');
+        this.allowVerifiedPurchasesFilter = isFeatureEnabled('allow-reviews-from-product-page');
         salla.onReady(() => {
             this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
             this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
@@ -84,7 +97,10 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             const setTranslations = async () => {
                 await setNestedAsync('ar.trans', 'blocks.comments.most_helpful', 'الأكثر إفادة');
                 await setNestedAsync('en.trans', 'blocks.comments.most_helpful', 'Most helpful');
+                await setNestedAsync('ar.trans', 'blocks.comments.verified_purchases', 'عمليات شراء موثقة');
+                await setNestedAsync('en.trans', 'blocks.comments.verified_purchases', 'Verified purchases');
                 this.mostHelpfulLabel = salla.lang.get('blocks.comments.most_helpful');
+                this.verifiedPurchasesLabel = salla.lang.get('blocks.comments.verified_purchases');
                 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');
@@ -92,6 +108,14 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             setTranslations();
         });
     }
+    get sortOptions() {
+        return buildCommentSortOptions({
+            mostHelpfulLabel: this.mostHelpfulLabel,
+            verifiedPurchasesLabel: this.verifiedPurchasesLabel,
+            allowLikes: this.allowLikes,
+            allowVerifiedPurchasesFilter: this.allowVerifiedPurchasesFilter,
+        });
+    }
     // TOOD: it's a good idea to move this into lang.js
     // Pluralize a string based on the count
     pluralize(phrases, count) {
@@ -292,6 +316,19 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             }
             if (!resp.data || !resp.data.length) {
                 this.showPlaceholder = false;
+                this.comments = [];
+                this.nextPage = '';
+                // The wrapper is populated imperatively (see the success branch and
+                // onCommentAdded below), so swap its content directly instead of
+                // toggling showPlaceholder: that would tear down the header/sort
+                // filter too, losing the ability to switch sort back.
+                if (this.wrapper) {
+                    this.wrapper.innerHTML = '';
+                    const empty = document.createElement('div');
+                    empty.className = 's-comments-placeholder';
+                    empty.innerHTML = `<span>${ChatBubbles}</span><p>${this.noComments}</p>`;
+                    this.wrapper.append(empty);
+                }
                 this.loading(false);
                 return;
             }
@@ -331,7 +368,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             h("div", { class: "s-comments-filter-wrapper" }, h("label", { class: "s-comments-filter-label", htmlFor: "comments-filter" }, salla.lang.get('pages.categories.sorting')), h("select", { id: "comments-filter", "aria-label": salla.lang.get('pages.categories.sorting'), class: "s-form-control s-comments-sort-input", onChange: (e) => {
                     this.sort = e.target.value;
                     this.reload();
-                } }, h("option", { value: "latest", selected: true }, salla.lang.get("pages.testimonials.sort_by_date_desc")), h("option", { value: "oldest" }, salla.lang.get("pages.testimonials.sort_by_date_asc")), this.allowLikes && h("option", { value: "most_helpful" }, this.mostHelpfulLabel)))
+                } }, this.sortOptions.map(option => (h("option", { value: option.value, selected: option.selected }, option.label)))))
             : ''), h("div", { ref: wrapper => {
                 this.wrapper = wrapper;
             } }), this.nextPage && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => {
@@ -359,12 +396,14 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
         "showPlaceholder": [32],
         "nextPage": [32],
         "mostHelpfulLabel": [32],
+        "verifiedPurchasesLabel": [32],
         "noComments": [32],
         "comment_title": [32],
         "comment_name": [32],
         "placeholder_text": [32],
         "showRatingSummary": [32],
         "allowLikes": [32],
+        "allowVerifiedPurchasesFilter": [32],
         "reload": [64]
     }, [[0, "commentAdded", "onCommentAdded"]]]);
 function defineCustomElement$1() {

package/dist/components/salla-product-options2.js

@@ -993,7 +993,13 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
                 + (detail.additional_price ? ` (${salla.money(detail.additional_price, false)})` : '');
             // Keep the Riyal icon markup for price-format radio options rendered via innerHTML.
             if (format === "price") {
-                const normalizedPrice = salla.helpers.digitsOnly(detail.name);
+                // Strip markup from the name before extracting the price, so an XSS
+                // payload (e.g. <img onerror=...>) can't contribute a stray '.' that
+                // turns "100" into Number(".100") === 0.1. Local fix only — do NOT
+                // relax the shared salla.helpers.digitsOnly (broad blast radius).
+                // COD-10924 / SAL-153 Stage 4.
+                const strippedName = detail.name.replace(/<[^>]*>/g, '');
+                const normalizedPrice = salla.helpers.digitsOnly(strippedName);
                 const price = Number(normalizedPrice);
                 if (!normalizedPrice || !Number.isFinite(price)) {
                     return detailSuffix;

package/dist/components/salla-rating-modal-v22.js

@@ -247,7 +247,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
      * Show the rating modal
      */
     syncStoreSettings() {
-        if (!this.orderId) {
+        if (this.orderId === undefined) {
             this.orderId = salla.config.get('page.id');
         }
         this.allowAttachImages = !!salla.config.get('store.settings.rating.allow_attach_images');
@@ -316,11 +316,15 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         this.setUploaderProcessing(productId, !!detail.uploading);
         this.scheduleUploaderHeightRefresh();
     }
+    /** An eligible review with no order behind it — product-only, no store/shipping steps. */
+    isUnverifiedReview() {
+        return this.orderId === null && !!this.productId;
+    }
     /** Encrypted order id from page config / prop — used to fetch order details. */
     getRatingOrderId() {
         return this.orderId || salla.config.get('page.id');
     }
-    /** Numeric order id from API response — used when submitting ratings. */
+    /** Numeric order id from API response — used when submitting ratings. Null when unverified. */
     getSubmitOrderId() {
         return this.orderId;
     }
@@ -389,6 +393,9 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         return rating !== undefined && rating !== null && rating !== '' && Number(rating) > 0;
     }
     isTestimonialsEnabled(order = this.order) {
+        if (this.productId) {
+            return false;
+        }
         if (order?.testimonials_enabled === false) {
             return false;
         }
@@ -407,6 +414,9 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         return this.getRateableProducts(order).length > 0;
     }
     isShippingEnabled(order = this.order) {
+        if (this.productId) {
+            return false;
+        }
         if (order?.shipping_enabled === false) {
             return false;
         }
@@ -428,7 +438,8 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         return order.products.filter(item => item?.product?.id);
     }
     getRateableProducts(order = this.order) {
-        return this.getOrderProducts(order).filter(item => !this.hasRatingFeedback(item?.feedback));
+        return this.getOrderProducts(order).filter(item => !this.hasRatingFeedback(item?.feedback) &&
+            (!this.productId || String(item.product.id) === String(this.productId)));
     }
     getStepsCount(order = this.order) {
         if (!order) {
@@ -451,6 +462,50 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         this.scheduleWizardSetup = true;
         forceUpdate(this);
     }
+    /**
+     * Point the modal at a different order/product and invalidate any cached
+     * order so the next open() re-fetches instead of reusing stale data.
+     * Pass `orderId` as `null` for an eligible-but-unverified product review.
+     */
+    async setOrder(orderId, productId) {
+        this.orderId = orderId;
+        this.productId = productId;
+        this.order = undefined;
+        this.hasError = false;
+        this.errorMessage = undefined;
+        this.showContactWidget = true;
+    }
+    /** Builds a single-product, order-less feedback target for unverified reviews. */
+    async loadUnverifiedProductOrder() {
+        const response = await salla.api
+            .withoutNotifier(() => salla.product.api.getDetails(this.productId))
+            .catch(() => null);
+        const product = response?.data;
+        this.order = {
+            products: [
+                {
+                    feedback: undefined,
+                    product: {
+                        id: Number(this.productId),
+                        name: product?.name || '',
+                        thumbnail: product?.image?.url || salla.url.cdn('images/s-empty.png'),
+                    },
+                },
+            ],
+            products_enabled: true,
+            testimonials_enabled: false,
+            shipping_enabled: false,
+            thanks_message: '',
+        };
+        this.productReviewFactors = await this.fetchAllProductReviewFactors(this.order);
+    }
+    getModalTitle() {
+        if (this.isUnverifiedReview()) {
+            const productName = this.getRateableProducts()[0]?.product?.name || '';
+            return `${salla.lang.get('pages.rating.rate')} ${productName}`.trim();
+        }
+        return `${salla.lang.get('pages.rating.rate_order')} <span class="unicode">(#${this.order?.id})</span>`;
+    }
     async open() {
         await salla.onReady();
         this.syncStoreSettings();
@@ -462,14 +517,16 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
                 this.modal
                     ?.open()
                     .then(() => this.order ||
-                    salla.api
-                        .withoutNotifier(() => salla.rating.api.order(this.getRatingOrderId()))
-                        .then(async (res) => {
-                        this.order = res.data;
-                        this.productReviewFactors = await this.fetchAllProductReviewFactors(res.data);
-                    }))
+                    (this.isUnverifiedReview()
+                        ? this.loadUnverifiedProductOrder()
+                        : salla.api
+                            .withoutNotifier(() => salla.rating.api.order(this.getRatingOrderId()))
+                            .then(async (res) => {
+                            this.order = res.data;
+                            this.productReviewFactors = await this.fetchAllProductReviewFactors(res.data);
+                        })))
                     .then(() => this.readyUpLoyaltyPoints())
-                    .then(() => this.modal?.setTitle(`${salla.lang.get('pages.rating.rate_order')} <span class="unicode">(#${this.order.id})</span>`))
+                    .then(() => this.modal?.setTitle(this.getModalTitle()))
                     .then(() => {
                     // Initialize productImages for all products
                     const initialImages = {};
@@ -904,7 +961,9 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
             Number(rating_product_with_image_points) + Number(rating_product_points);
     }
     loyaltyPointsNote() {
-        if (!this.loyaltyImageRatingPoints || !this.loyaltyPointsForImagesLabel) {
+        if (!this.loyaltyImageRatingPoints ||
+            !this.loyaltyPointsForImagesLabel ||
+            this.isUnverifiedReview()) {
             return null;
         }
         const svgIcon = (h("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M10 0C13.6819 0 16.6667 2.98477 16.6667 6.66664C16.6667 9.37047 15.057 11.6984 12.7437 12.7444C11.6978 15.0575 9.3701 16.6666 6.66668 16.6666C2.98477 16.6666 0 13.6819 0 9.99998C0 7.29656 1.60918 4.96894 3.92195 3.92276C4.96827 1.60964 7.29618 0 10 0ZM6.66668 5C3.90524 5 1.66667 7.23856 1.66667 9.99998C1.66667 12.7614 3.90524 15 6.66668 15C9.4281 15 11.6667 12.7614 11.6667 9.99998C11.6667 7.23856 9.4281 5 6.66668 5ZM7.50002 5.83333V6.66664H9.16668V8.33331H5.83333C5.60322 8.33331 5.41667 8.51989 5.41667 8.74998C5.41667 8.95456 5.56407 9.12464 5.75844 9.15998L5.83333 9.16664H7.50002C8.6506 9.16664 9.58335 10.0994 9.58335 11.25C9.58335 12.4006 8.6506 13.3333 7.50002 13.3333V14.1666H5.83333V13.3333H4.16667V11.6666H7.50002C7.7301 11.6666 7.91668 11.4801 7.91668 11.25C7.91668 11.0455 7.76927 10.8753 7.57493 10.8401L7.50002 10.8333H5.83333C4.68274 10.8333 3.75 9.90056 3.75 8.74998C3.75 7.59939 4.68274 6.66664 5.83333 6.66664V5.83333H7.50002ZM10 1.66667C8.51377 1.66667 7.17893 2.31513 6.26313 3.34457C6.39704 3.33736 6.53138 3.33333 6.66668 3.33333C10.3486 3.33333 13.3333 6.3181 13.3333 9.99998C13.3333 10.1356 13.3293 10.2702 13.3213 10.4037C14.3513 9.48814 15 8.15314 15 6.66664C15 3.90524 12.7614 1.66667 10 1.66667Z", fill: "#008C56" })));
@@ -1434,7 +1493,8 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
     get host() { return this; }
     static get style() { return sallaRatingModalCss; }
 }, [0, "salla-rating-modal-v2", {
-        "orderId": [2, "order-id"],
+        "orderId": [1032, "order-id"],
+        "productId": [1032, "product-id"],
         "order": [32],
         "hasError": [32],
         "showContactWidget": [32],
@@ -1464,6 +1524,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         "uploadVideoCounts": [32],
         "hasUploadsInProgress": [32],
         "loyaltyImageRatingPoints": [32],
+        "setOrder": [64],
         "open": [64],
         "openEditModal": [64],
         "openDeleteModal": [64],