@salla.sa/twilight-components 2.14.555 → 2.14.557

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

@@ -150,6 +150,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         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');
@@ -371,6 +372,23 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         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;
@@ -450,15 +468,16 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         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);
@@ -604,6 +623,11 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         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;
         }
@@ -1422,7 +1446,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
                         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() {
@@ -1506,6 +1530,10 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
                 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');
@@ -1518,6 +1546,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         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/components/salla-rating-modal2.js

@@ -181,9 +181,10 @@ const SallaRatingModal = /*@__PURE__*/ proxyCustomElement(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/components/salla-slider2.js

@@ -10140,16 +10140,20 @@ const SallaSlider = /*@__PURE__*/ proxyCustomElement(class SallaSlider extends H
         this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
         if (this.listenToThumbnailsOption) {
             salla.event.on('product-options::change', data => {
-                const isSupportedOptionType = ['thumbnail', 'color'].includes(data?.option?.type);
-                const optionImageId = data?.detail?.option_value;
-                if (!isSupportedOptionType || !optionImageId) {
+                if (!['thumbnail', 'color'].includes(data?.option?.type)) {
                     return;
                 }
-                const slideIndex = this.sliderWrapper
-                    ?.querySelector(`[data-img-id="${optionImageId}"]`)
-                    ?.getAttribute('data-slid-index');
-                if (slideIndex) {
-                    this.slideTo(parseInt(slideIndex), 300, false);
+                // Options with their own uploaded thumbnail carry the gallery image id in `color`.
+                const imageIds = [data?.detail?.option_value, data?.detail?.color]
+                    .filter(value => value != null && /^\d+$/.test(String(value)));
+                for (const imageId of imageIds) {
+                    const slideIndex = this.sliderWrapper
+                        ?.querySelector(`[data-img-id="${CSS.escape(String(imageId))}"]`)
+                        ?.getAttribute('data-slid-index');
+                    if (slideIndex != null) {
+                        this.slideTo(parseInt(slideIndex, 10), 300, false);
+                        return;
+                    }
                 }
             });
         }

package/dist/components/salla-trust-badges.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const sallaTrustBadgesCss = "/*!twlt*/.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.flex{display:flex}.hidden{display:none}.s-trust-badges-wrapper{display:flex;align-items:center}.s-trust-badges-wrapper>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-trust-badges-wrapper:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-trust-badges-label{margin-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem}.s-trust-badges-number{font-size:0.875rem;line-height:1.25rem}";
+const sallaTrustBadgesCss = "/*!twlt*/.s-trust-badges-wrapper{display:flex;align-items:center}.s-trust-badges-wrapper>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-trust-badges-wrapper:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-trust-badges-label{margin-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem}.s-trust-badges-number{font-size:0.875rem;line-height:1.25rem}";
 
 const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadges extends HTMLElement {
     constructor() {
@@ -15,172 +15,14 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         this.dark = false;
         this.commercialRegisterLabel = '';
         this.freelanceLabel = '';
-        this.cachedChain = [];
-        this.enforceVisibility = () => {
-            const host = this.hostEl;
-            if (!host || !host.isConnected)
-                return;
-            const badgeData = this.getBadgeData();
-            if (!badgeData)
-                return;
-            if (this.isHostVisible(host))
-                return;
-            for (const el of this.getAncestorChain(host)) {
-                const computed = getComputedStyle(el);
-                if (computed.display === 'none') {
-                    el.style.setProperty('display', 'flex', 'important');
-                }
-                if (computed.visibility === 'hidden' || computed.visibility === 'collapse') {
-                    el.style.setProperty('visibility', 'visible', 'important');
-                }
-                if (parseFloat(computed.opacity) < SallaTrustBadges.OPACITY_THRESHOLD) {
-                    el.style.setProperty('opacity', '1', 'important');
-                }
-                if (computed.contentVisibility === 'hidden') {
-                    el.style.setProperty('content-visibility', 'visible', 'important');
-                }
-            }
-        };
-        this.runEnforce = () => {
-            this.clearEnforceTimers();
-            this.enforceVisibility();
-        };
     }
     componentWillLoad() {
         this.initializeTranslations();
     }
-    async componentDidLoad() {
-        await salla.onReady();
-        if (!this.isVisibilityEnforced())
-            return;
-        this.setupVisibilityGuard();
-        this.scheduleEnforce();
-    }
-    componentDidRender() {
-        this.scheduleEnforce();
-    }
-    disconnectedCallback() {
-        this.attrObserver?.disconnect();
-        this.attrObserver = undefined;
-        this.moveObserver?.disconnect();
-        this.moveObserver = undefined;
-        this.cachedChain = [];
-        this.clearEnforceTimers();
-    }
-    // Visibility enforcement is a KSA-only legal requirement.
+    // The badge image is a KSA-only legal requirement.
     isVisibilityEnforced() {
         return salla.config.get('store.store_country') === 'SA';
     }
-    getAncestorChain(host) {
-        const chain = [];
-        let el = host;
-        while (el) {
-            chain.push(el);
-            if (el === document.documentElement)
-                break;
-            el = el.parentElement;
-        }
-        return chain;
-    }
-    didChainChange(host) {
-        const now = this.getAncestorChain(host);
-        if (now.length !== this.cachedChain.length)
-            return true;
-        for (let i = 0; i < now.length; i++) {
-            if (now[i] !== this.cachedChain[i])
-                return true;
-        }
-        return false;
-    }
-    isHostVisible(host) {
-        return typeof host.checkVisibility === 'function'
-            ? host.checkVisibility({
-                contentVisibilityAuto: true,
-                opacityProperty: true,
-                visibilityProperty: true,
-            })
-            : this.isVisibleFallback(host);
-    }
-    isVisibleFallback(host) {
-        let el = host;
-        while (el) {
-            const cs = getComputedStyle(el);
-            if (cs.display === 'none')
-                return false;
-            if (cs.visibility === 'hidden' || cs.visibility === 'collapse')
-                return false;
-            if (parseFloat(cs.opacity) < SallaTrustBadges.OPACITY_THRESHOLD)
-                return false;
-            if (cs.contentVisibility === 'hidden')
-                return false;
-            if (el === document.documentElement)
-                break;
-            el = el.parentElement;
-        }
-        return true;
-    }
-    clearEnforceTimers() {
-        if (this.enforceTimer !== undefined) {
-            clearTimeout(this.enforceTimer);
-            this.enforceTimer = undefined;
-        }
-        if (this.maxWaitTimer !== undefined) {
-            clearTimeout(this.maxWaitTimer);
-            this.maxWaitTimer = undefined;
-        }
-    }
-    scheduleEnforce() {
-        if (!this.isVisibilityEnforced())
-            return;
-        // Debounce waits for an entrance animation to settle; maxWait bounds it so endless chain mutations can't starve the repair.
-        if (this.enforceTimer !== undefined)
-            clearTimeout(this.enforceTimer);
-        this.enforceTimer = setTimeout(this.runEnforce, SallaTrustBadges.ENFORCE_DEBOUNCE_MS);
-        if (this.maxWaitTimer === undefined) {
-            this.maxWaitTimer = setTimeout(this.runEnforce, SallaTrustBadges.ENFORCE_MAX_WAIT_MS);
-        }
-    }
-    setupVisibilityGuard() {
-        const host = this.hostEl;
-        if (!host || typeof MutationObserver === 'undefined')
-            return;
-        this.attrObserver?.disconnect();
-        this.moveObserver?.disconnect();
-        this.attrObserver = new MutationObserver(() => {
-            const h = this.hostEl;
-            if (!h || !h.isConnected)
-                return;
-            if (this.isHostVisible(h))
-                return;
-            this.scheduleEnforce();
-        });
-        this.attachAttrObserver(host);
-        this.moveObserver = new MutationObserver(() => {
-            const h = this.hostEl;
-            if (!h || !h.isConnected)
-                return;
-            if (!this.didChainChange(h))
-                return;
-            this.attachAttrObserver(h);
-            this.scheduleEnforce();
-        });
-        this.moveObserver.observe(document.documentElement, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    attachAttrObserver(host) {
-        if (!this.attrObserver)
-            return;
-        this.attrObserver.disconnect();
-        this.cachedChain = this.getAncestorChain(host);
-        for (const el of this.cachedChain) {
-            this.attrObserver.observe(el, {
-                attributes: true,
-                attributeFilter: ['style', 'class', 'hidden'],
-            });
-        }
-    }
     initializeTranslations() {
         salla.lang.onLoaded(() => {
             // Set translations synchronously
@@ -228,16 +70,12 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         }
         return (h(Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, this.isVisibilityEnforced() ? h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }) : null, h("div", { class: "s-trust-badges-content" }, h("p", { class: "s-trust-badges-label" }, badgeData.label), h("b", { class: "s-trust-badges-number" }, badgeData.number))));
     }
-    get hostEl() { return this; }
     static get style() { return sallaTrustBadgesCss; }
 }, [0, "salla-trust-badges", {
         "dark": [4],
         "commercialRegisterLabel": [32],
         "freelanceLabel": [32]
     }]);
-SallaTrustBadges$1.OPACITY_THRESHOLD = 0.1;
-SallaTrustBadges$1.ENFORCE_DEBOUNCE_MS = 1500;
-SallaTrustBadges$1.ENFORCE_MAX_WAIT_MS = 3000;
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/esm/{filepond-BbwWCoUz.js → filepond-B9wUqRiS.js}

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

package/dist/esm/{filepond-plugin-file-poster-CZ8FMKd0.js → filepond-plugin-file-poster-Cms0jrkz.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-CuxiDUA-.js → filepond-plugin-file-validate-size-B2gy-nn6.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-DQeyRMJ1.js → filepond-plugin-file-validate-type-D_AqfbaS.js}

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

package/dist/esm/{filepond-plugin-image-edit-BbEOhu0E.js → filepond-plugin-image-edit-ChS3tv_T.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-BtSlyB35.js → filepond-plugin-image-exif-orientation-iLQFxzEc.js}

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

package/dist/esm/{filepond-plugin-image-preview-C-ekUjUD.js → filepond-plugin-image-preview-Dm1gYrYZ.js}

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