@salla.sa/twilight-components 2.14.556 → 2.14.558

package/dist/collection/components/salla-payments/salla-payments.js

@@ -51,6 +51,79 @@ export class SallaPayments {
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }
+    componentDidLoad() {
+        this.auditTrustBadge();
+    }
+    /** Reports KSA stores whose commercial-register / freelance badge is gone or hidden. */
+    auditTrustBadge() {
+        if (SallaPayments.audited || typeof IntersectionObserver === 'undefined')
+            return;
+        // Only the footer copy anchors the check; the drawer and product page ones say nothing.
+        if (!this.host.closest('footer'))
+            return;
+        if (salla.config.get('store.store_country') !== 'SA')
+            return;
+        if (salla.config.get('page.slug') !== 'index')
+            return;
+        if (!salla.config.get('store.settings.commercial_number')
+            && !salla.config.get('store.settings.freelance_number'))
+            return;
+        const isShown = (el) => {
+            const check = el.checkVisibility;
+            if (typeof check !== 'function')
+                return true;
+            const options = { contentVisibilityAuto: true, visibilityProperty: true };
+            if (!check.call(el, options))
+                return false;
+            if (check.call(el, { ...options, opacityProperty: true }))
+                return true;
+            // Faded out but off screen: a scroll animation not run yet, not a hide.
+            const rect = el.getBoundingClientRect();
+            return !(rect.bottom > 0 && rect.right > 0
+                && rect.top < window.innerHeight && rect.left < window.innerWidth);
+        };
+        const verdict = () => {
+            const badges = Array.from(document.querySelectorAll('salla-trust-badges'));
+            if (!badges.length)
+                return 'absent';
+            // Un-hydrated: Stencil keeps the host hidden, not the merchant.
+            if (badges.some(el => !el.classList.contains('hydrated')))
+                return null;
+            return badges.some(isShown) ? null : 'hidden';
+        };
+        const observer = new IntersectionObserver(entries => {
+            if (SallaPayments.audited || !entries.some(entry => entry.isIntersecting))
+                return;
+            SallaPayments.audited = true;
+            observer.disconnect();
+            // Settle first, so a footer still running its entrance animation is not read as a hide.
+            setTimeout(() => {
+                if (!verdict())
+                    return;
+                // Second look, so a late animation is not read as a hide.
+                setTimeout(async () => {
+                    const cause = verdict();
+                    if (!cause || salla.storage.getWithTTL('salla::tb-audit'))
+                        return;
+                    try {
+                        await salla.analytics?.log('salla::trust-badges.hidden', {
+                            store_id: salla.config.get('store.id'),
+                            store_username: salla.config.get('store.username'),
+                            theme_id: salla.config.get('theme.name'),
+                            page_slug: salla.config.get('page.slug'),
+                            cause,
+                        });
+                        // Marker lands after delivery, so a dropped request retries next visit.
+                        salla.storage.setWithTTL('salla::tb-audit', true, 24 * 60);
+                    }
+                    catch (error) {
+                        salla.logger.error('salla-payments:: failed to report a hidden trust badge', error);
+                    }
+                }, 2000);
+            }, 4000);
+        }, { threshold: 0.5 });
+        observer.observe(this.host);
+    }
     componentDidRender() {
         //todo:: double check about the following workaround to reduce the dom length, it looks unusal
         this.host.querySelectorAll('#payment-slot').forEach(el => el.replaceWith(el.firstChild));
@@ -98,3 +171,4 @@ export class SallaPayments {
 }
 /** Slugs whose mini logo lives on the new assets CDN; add one when its logo is re-uploaded there. */
 SallaPayments.NEW_CDN_LOGOS = ['tabby_installment', 'emkan_installment'];
+SallaPayments.audited = false;

package/dist/collection/components/salla-product-card/salla-product-card.css

@@ -366,6 +366,7 @@
 }
 .s-product-card-content-title a {
   display: block;
+  text-align: start;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 700;
@@ -382,6 +383,13 @@
   align-items: center;
   justify-content: space-between;
 }
+.s-product-card-out-of-stock-label {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .s-product-card-rating {
   display: flex;
   align-items: center;
@@ -622,6 +630,12 @@
 .s-product-card-compact .s-product-card-content-footer {
   margin-top: 0px;
   flex-shrink: 0;
+  gap: 0.5rem;
+}
+.s-product-card-add-to-cart-icon svg {
+  height: 1rem;
+  width: 1rem;
+  fill: currentColor;
 }
 .s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn {
   height: 2rem;
@@ -658,7 +672,7 @@
 .s-product-card-compact .s-product-card-content-title {
   font-size: 0.875rem;
   line-height: 1.25rem;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.25;
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
@@ -668,7 +682,7 @@
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
-  display: block;
+  font-weight: 500;
 }
 .s-product-card-compact .s-product-card-content-subtitle {
   margin-top: 0.25rem;
@@ -710,3 +724,9 @@
 .s-product-card-compact .s-product-card-promotion-title {
   display: none;
 }
+.s-search-grid-item .s-product-card-out-badge {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}

package/dist/collection/components/salla-product-card/salla-product-card.js

@@ -4,11 +4,30 @@
 import { Host, h } from "@stencil/core";
 import Heart from "../../assets/svg/heart.svg";
 import Star from "../../assets/svg/star2.svg";
+import Cart from "../../assets/svg/cart.svg";
 /**
  * @slot add-to-cart-label - Add to cart label.
  */
 export class SallaProductCard {
     constructor() {
+        /**
+         *  Force-show the wishlist button even in layouts (e.g. horizontal + compact)
+         *  that otherwise wouldn't render one. Defaults to `false`.
+         */
+        this.forceShowWishlistButton = false;
+        /**
+         *  Show only the cart icon instead of the text label on the add-to-cart button.
+         *  Defaults to `false`.
+         */
+        this.compactAddToCart = false;
+        /**
+         *  Show the out-of-stock label beside the price instead of as the image badge
+         *  rendered by `getProductBadge()`. Defaults to `false`.
+         */
+        this.showOutOfStockBesidePrice = false;
+        // CSS line-clamp alone isn't reliable enough here (cross-browser + RTL edge cases), so
+        // compact titles are also hard-truncated in JS to guarantee at most ~2 lines.
+        this.COMPACT_TITLE_MAX_LENGTH = 60;
         // Store configs
         salla.onReady(() => {
             this.fitImageHeight = salla.config.get('store.settings.product.fit_type');
@@ -63,18 +82,30 @@ export class SallaProductCard {
         let d = new Date(date);
         return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
     }
+    getDisplayTitle() {
+        const name = this.productData?.name || '';
+        if (!this.compact || name.length <= this.COMPACT_TITLE_MAX_LENGTH) {
+            return name;
+        }
+        return name.slice(0, this.COMPACT_TITLE_MAX_LENGTH).trimEnd() + '…';
+    }
     getProductBadge() {
-        if (this.productData.promotion_title) {
-            return h("div", { class: "s-product-card-promotion-title" }, this.productData.promotion_title);
+        if (this.productData?.is_out_of_stock && !this.showOutOfStockBesidePrice) {
+            return h("div", { class: "s-product-card-out-badge" }, this.outOfStock);
         }
         if (this.showQuantity && this.productData?.quantity) {
             return h("div", { class: "s-product-card-quantity" }, this.remained, " ", salla.helpers.number(this.productData?.quantity));
         }
-        if (this.showQuantity && this.productData?.is_out_of_stock) {
-            return h("div", { class: "s-product-card-out-badge" }, this.outOfStock);
+        if (this.productData.promotion_title) {
+            return h("div", { class: "s-product-card-promotion-title" }, this.productData.promotion_title);
         }
         return '';
     }
+    renderAddToCartLabel() {
+        return (h("slot", { name: "add-to-cart-label" }, this.compactAddToCart
+            ? h("span", { class: "s-product-card-add-to-cart-icon", innerHTML: Cart })
+            : this.productData.add_to_cart_label));
+    }
     getPriceFormat(price) {
         if (!price || price == 0) {
             return salla.config.get('store.settings.product.show_price_as_dash') ? '-' : '';
@@ -105,14 +136,14 @@ export class SallaProductCard {
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: 'c5a6d2bc2fcf23da1a41ab8b19b2e981fb111e30', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'e8d5105e4dbe367c612d62ef1dd6c95d04f440b0', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '8714997fcb48ef0eaabdf0a52cb775514e53db56', ...hrefProp }, h("img", { key: 'eebd3c1dde0894037a7723c46e2f07f6a5aef939', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: 'e0748a44b8e851c7aff3ee741a17dcb19dabfdaf', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '10cc1deb8384ad2bbe83263f82b257d5042cff8e', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: 'd976cc14bb10c2d5fe6c55253ea051b8a57d7721', ...hrefProp }, h("img", { key: '9007014be0cb7adc56541e0b1e823fb4d6f92b84', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '72e240315320e976dcad8d3f027711b9c1d7bcf1', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '2f0186ffc102488824cd7c346f4e07439474fc26', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: 'c101c02eeb4e0245fbcd713b0e83c81148e594c1', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'f02eaeabefd56d7b560dcd268e2b941cf843cc95', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: 'd50ea0726d25bf3b551050e906fc615bc682e694', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'e4f39676d661a01d1aa6352cac7be6e764fa8687', class: "s-product-card-content-title" }, h("a", { key: '0aacc2e00a0db730d1e803da34336085082df75d', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: '9776564de24468852192dce1ff0db35cd6c533c3', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'd78ea05cba95053f99495c5e8aeb59a9b66557c8', class: "s-product-card-content-title" }, h("a", { key: 'a8ba81e8ba7a4e59cf4c6bcb4370ea0965b82087', ...hrefProp }, this.getDisplayTitle())), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -121,16 +152,20 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '445a1e16fee6ebb6ab5012aca324d3845991d13e', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { key: '290e93db790c81a11e8d2edf3d215cec03edc965', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.showOutOfStockBesidePrice && this.productData?.is_out_of_stock ?
+            h("span", { class: "s-product-card-out-of-stock-label" }, this.outOfStock)
+            : '', this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
             : '', !this.hideAddBtn && !this.compact ?
-            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { fill: "outline", width: "wide", ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)), this.horizontal || this.fullImage ?
+            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { fill: "outline", width: "wide", ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type }, this.renderAddToCartLabel()), this.horizontal || this.fullImage ?
                 h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, ref: el => this.wishlistBtn = el, "aria-label": "Add or remove to wishlist", class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick(), "data-id": "{{ product.id }}" }, h("span", { class: "text-xl", innerHTML: Heart }))
                 : '')
             : ''), !this.hideAddBtn && this.compact ?
-            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)))
+            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()), this.forceShowWishlistButton ?
+                h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, ref: el => this.wishlistBtn = el, "aria-label": "Add or remove to wishlist", class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart }))
+                : '')
             : ''));
     }
     componentDidLoad() {
@@ -326,6 +361,66 @@ export class SallaProductCard {
                 "getter": false,
                 "setter": false,
                 "reflect": true
+            },
+            "forceShowWishlistButton": {
+                "type": "boolean",
+                "attribute": "force-show-wishlist-button",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Force-show the wishlist button even in layouts (e.g. horizontal + compact)\nthat otherwise wouldn't render one. Defaults to `false`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "compactAddToCart": {
+                "type": "boolean",
+                "attribute": "compact-add-to-cart",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show only the cart icon instead of the text label on the add-to-cart button.\nDefaults to `false`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showOutOfStockBesidePrice": {
+                "type": "boolean",
+                "attribute": "show-out-of-stock-beside-price",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the out-of-stock label beside the price instead of as the image badge\nrendered by `getProductBadge()`. Defaults to `false`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/salla-rating-modal/salla-rating-modal-v2.js

@@ -49,6 +49,7 @@ export class SallaRatingModalV2 {
         this.confirmDeleteBtn = salla.lang.get('common.elements.confirm_delete');
         this.updatedSuccessfullyLabel = salla.lang.get('pages.rating.review_updated_successfully');
         this.deletedSuccessfullyLabel = salla.lang.get('pages.rating.review_deleted_successfully');
+        this.nothingToRateLabel = salla.lang.get('pages.rating.nothing_to_rate');
         this.contactUsLabel = salla.lang.get('blocks.footer.social');
         this.requiredFactorsLabel = salla.lang.get('pages.rating.rate_required_factors');
         this.rateTheFollowingLabel = salla.lang.get('pages.rating.rate_the_following_factors');
@@ -270,6 +271,23 @@ export class SallaRatingModalV2 {
         return this.getOrderProducts(order).filter(item => !this.hasRatingFeedback(item?.feedback) &&
             (!this.productId || String(item.product.id) === String(this.productId)));
     }
+    /**
+     * True when the order never had anything ratable to begin with (as opposed to
+     * everything already being rated). Distinguishes a genuinely broken/empty
+     * order-feedback response from the legitimate "all done, thank you" state.
+     */
+    hasNothingToRate(order = this.order) {
+        if (!order) {
+            return true;
+        }
+        const testimonialsEverPossible = order.testimonials_enabled !== false &&
+            (order.testimonials_enabled === true || !!order.allowed_ratings?.testimonials_enabled);
+        const shippingEverPossible = !!order.shipping?.company &&
+            order.shipping_enabled !== false &&
+            (order.shipping_enabled === true || !!order.allowed_ratings?.shipping_enabled);
+        const productsEverPossible = order.products_enabled !== false && this.getOrderProducts(order).length > 0;
+        return !testimonialsEverPossible && !shippingEverPossible && !productsEverPossible;
+    }
     getStepsCount(order = this.order) {
         if (!order) {
             return 0;
@@ -349,15 +367,16 @@ export class SallaRatingModalV2 {
         this.defaultMode = true;
         this.currentIndex = 0;
         this.submitted = [];
+        const requestedOrderId = this.getRatingOrderId();
         return new Promise(resolve => {
             setTimeout(() => {
                 this.modal
                     ?.open()
-                    .then(() => this.order ||
+                    .then(() => (this.order && this.order.id === requestedOrderId) ||
                     (this.isUnverifiedReview()
                         ? this.loadUnverifiedProductOrder()
                         : salla.api
-                            .withoutNotifier(() => salla.rating.api.order(this.getRatingOrderId()))
+                            .withoutNotifier(() => salla.rating.api.order(requestedOrderId))
                             .then(async (res) => {
                             this.order = res.data;
                             this.productReviewFactors = await this.fetchAllProductReviewFactors(res.data);
@@ -503,6 +522,11 @@ export class SallaRatingModalV2 {
         this.steps = this.modal?.querySelectorAll('.s-rating-modal-step');
         this.dots = this.modal?.querySelectorAll('.s-rating-modal-step-dot');
         if (this.stepsCount === 0) {
+            if (this.hasNothingToRate()) {
+                this.hasError = true;
+                this.errorMessage = this.nothingToRateLabel;
+                return;
+            }
             this.showThankYou();
             return;
         }
@@ -1321,7 +1345,7 @@ export class SallaRatingModalV2 {
                         if (el)
                             this.nextBtn = el;
                     }, onClick: () => this.submit() }, salla.lang.get('common.elements.next'))),
-            ]) : (h("salla-placeholder", { alignment: "center" })))));
+            ]) : (h("div", { class: "s-rating-modal-wrapper" }, h("salla-placeholder", { alignment: "center" }, this.errorMessage ? (h("span", { slot: "description" }, this.errorMessage)) : null))))));
         }
     }
     async componentWillLoad() {
@@ -1405,6 +1429,10 @@ export class SallaRatingModalV2 {
                 ar: 'شاركنا صورة مع تقييمك للطلب واكسب :points نقطة ولاء',
                 en: 'Share a photo with your order review and earn :points loyalty points',
             },
+            'pages.rating.nothing_to_rate': {
+                ar: 'لا يوجد شيء متاح للتقييم في هذا الطلب حاليًا.',
+                en: 'There is nothing available to rate for this order right now.',
+            },
         });
         this.contactUsLabel = salla.lang.get('blocks.footer.social');
         this.dragAndDropFilesLabel = salla.lang.get('common.uploader.drag_and_drop_files');
@@ -1417,6 +1445,7 @@ export class SallaRatingModalV2 {
         this.cancelLabel = salla.lang.get('common.elements.cancel');
         this.updatedSuccessfullyLabel = salla.lang.get('pages.rating.review_updated_successfully');
         this.deletedSuccessfullyLabel = salla.lang.get('pages.rating.review_deleted_successfully');
+        this.nothingToRateLabel = salla.lang.get('pages.rating.nothing_to_rate');
         this.confirmDeleteBtn = salla.lang.get('common.elements.confirm_delete');
         this.requiredFactorsLabel = salla.lang.get('pages.rating.rate_required_factors');
         this.rateTheFollowingLabel = salla.lang.get('pages.rating.rate_the_following_factors');

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

@@ -167,9 +167,10 @@ export class SallaRatingModal {
             return this.getV2Ref()?.open();
         }
         this.defaultMode = true;
+        const requestedOrderId = this.orderId ? this.orderId : salla.config.get('page.id');
         return new Promise((resolve) => {
             setTimeout(() => {
-                this.modal.open().then(() => this.order || salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId ? this.orderId : salla.config.get('page.id'))).then(res => this.order = res.data))
+                this.modal.open().then(() => (this.order && this.order.id === requestedOrderId) || salla.api.withoutNotifier(() => salla.rating.api.order(requestedOrderId)).then(res => this.order = res.data))
                     .then(() => this.readyUpLoyaltyPoints())
                     .then(() => this.modal.setTitle(`${salla.lang.get('pages.rating.rate_order')} <span class="unicode">(#${this.order.id})</span>`))
                     .then(() => {

package/dist/collection/components/salla-search/interfaces.js

@@ -0,0 +1 @@
+export {};