@salla.sa/twilight-components 2.14.555 → 2.14.557

package/dist/components/salla-button2.js

@@ -33,6 +33,12 @@ const SallaButton = /*@__PURE__*/ proxyCustomElement(class SallaButton extends H
          * Is the button currently loading
          */
         this.loading = false;
+        /**
+         * Whether this button can ever show a loading state. Defaults to true;
+         * set to false to make the button ignore `loading` (and any `load()` calls)
+         * entirely, e.g. for buttons that shouldn't display an in-flight spinner.
+         */
+        this.enableLoader = true;
         /**
          * Is the button currently disabled
          */
@@ -96,9 +102,13 @@ const SallaButton = /*@__PURE__*/ proxyCustomElement(class SallaButton extends H
         return this.host;
     }
     getBtnAttributes() {
+        const excludedAttributes = ['color', 'fill', 'size', 'width', 'id', 'enable-loader'];
+        if (!this.enableLoader) {
+            excludedAttributes.push('loading');
+        }
         const hostAttributes = {};
         for (let i = 0; i < this.host.attributes.length; i++) {
-            if (!['color', 'fill', 'size', 'width', 'id'].includes(this.host.attributes[i].name)) {
+            if (!excludedAttributes.includes(this.host.attributes[i].name)) {
                 hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
             }
         }
@@ -132,7 +142,7 @@ const SallaButton = /*@__PURE__*/ proxyCustomElement(class SallaButton extends H
         return hostAttributes;
     }
     button() {
-        return (h("button", { ...this.getBtnAttributes(), disabled: this.disabled }, h("span", { class: "s-button-text", ref: el => this.text = el }, h("slot", null)), this.loading ? h("span", { class: "s-button-loader" }) : ''));
+        return (h("button", { ...this.getBtnAttributes(), disabled: this.disabled }, h("span", { class: "s-button-text", ref: el => this.text = el }, h("slot", null)), this.loading && this.enableLoader ? h("span", { class: "s-button-loader" }) : ''));
     }
     render() {
         //TODO:: find a better fix, this is a patch for issue that duplicates the buttons twice @see the screenshot inside this folder
@@ -149,6 +159,7 @@ const SallaButton = /*@__PURE__*/ proxyCustomElement(class SallaButton extends H
         "size": [513],
         "width": [513],
         "loading": [516],
+        "enableLoader": [516, "enable-loader"],
         "disabled": [516],
         "loaderPosition": [1, "loader-position"],
         "href": [1],

package/dist/components/salla-orders.js

@@ -3,12 +3,37 @@
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$2 } from './salla-button2.js';
+import { d as defineCustomElement$c } from './salla-attachment-view2.js';
+import { d as defineCustomElement$b } from './salla-button2.js';
+import { d as defineCustomElement$a } from './salla-file-upload2.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-placeholder2.js';
+import { d as defineCustomElement$6 } from './salla-rating-modal2.js';
+import { d as defineCustomElement$5 } from './salla-rating-modal-v22.js';
+import { d as defineCustomElement$4 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$3 } from './salla-skeleton2.js';
+import { d as defineCustomElement$2 } from './salla-slider2.js';
 
-const sallaOrdersCss = "/*!twlt*/:host{display:block}.relative{position:relative}.table{display:table}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-orders-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-orders-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-orders-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-orders-mobile-title{display:none}}.s-orders-reference-id{display:none}@media (min-width: 768px){.s-orders-reference-id{display:inline-block}}.s-orders-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-orders-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-orders-copy-to-clipboard-button{display:none}}.s-orders-copy-to-clipboard-button salla-button{position:relative}.s-orders-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-orders-copy-to-clipboard-button-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-orders-copy-to-clipboard-button-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}@media (min-width: 768px){.s-orders-status-container{margin-left:0px;margin-right:0px}}.s-orders-status-container:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.s-orders-status-container:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}.s-orders-status-container i{margin-top:0.25rem}.s-orders-status-container i:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.25rem}.s-orders-status-container i:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.25rem}.s-orders-status-rated{font-size:1.125rem;line-height:1.75rem}.s-orders-status-rated:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:1rem}.s-orders-status-rated:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:1rem}.s-orders-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-orders-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-orders-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-orders-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-orders-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-orders-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-orders-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-orders-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-orders-table-head{display:table-header-group}}.s-orders-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-orders-table-head-tr-th:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:left}.s-orders-table-head-tr-th:last-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:right}.s-orders-table-head-tr-th:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}.s-orders-table-head-tr-th:last-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:left}.s-orders-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-orders-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-orders-table-tbody-tr-shadow:hover{box-shadow:5px 10px 30px #2b2d340d}.s-orders-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-orders-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-orders-table-tbody-tr-td{height:5rem;width:auto}.s-orders-table-tbody-tr-td:last-child{text-align:end}.s-orders-table-tbody-tr-td:first-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-orders-table-tbody-tr-td:first-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-orders-table-tbody-tr-td:first-child{font-weight:700}.s-orders-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}@media (min-width: 768px){.s-orders-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-orders-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-orders-table-tbody-tr a:where([dir=\"ltr\"],[dir=\"ltr\"] *){left:0px}.s-orders-table-tbody-tr a:where([dir=\"rtl\"],[dir=\"rtl\"] *){right:0px}";
+const sallaOrdersCss = "/*!twlt*/:host{display:block}.s-orders-banner{display:flex;align-items:center;gap:0.625rem;width:100%;margin-top:1.5rem;margin-bottom:0.75rem;padding:0.75rem;border-radius:0.5rem;background-color:#E6F4EA}.s-orders-banner-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:#1B7F5C}.s-orders-banner-icon svg{width:1.5rem;height:1.5rem;fill:currentColor}.s-orders-banner-text{flex:1;margin:0;font-size:0.875rem;line-height:1.25rem;color:#1f2937}.s-orders-action-cell.s-orders-action-cell{display:flex;align-items:center;justify-content:flex-end}.s-orders-leave-review-btn .s-button-text{display:flex;align-items:center;gap:0.375rem}.s-orders-action-cell .s-orders-status-rated{margin-inline-start:auto}.relative{position:relative}.table{display:table}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-orders-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-orders-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-orders-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-orders-mobile-title{display:none}}.s-orders-reference-id{display:none}@media (min-width: 768px){.s-orders-reference-id{display:inline-block}}.s-orders-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-orders-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-orders-copy-to-clipboard-button{display:none}}.s-orders-copy-to-clipboard-button salla-button{position:relative}.s-orders-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-orders-copy-to-clipboard-button-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-orders-copy-to-clipboard-button-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}@media (min-width: 768px){.s-orders-status-container{margin-left:0px;margin-right:0px}}.s-orders-status-container:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.s-orders-status-container:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}.s-orders-status-container i{margin-top:0.25rem}.s-orders-status-container i:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.25rem}.s-orders-status-container i:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.25rem}.s-orders-status-rated{font-size:1.125rem;line-height:1.75rem}.s-orders-status-rated:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:1rem}.s-orders-status-rated:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:1rem}.s-orders-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-orders-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-orders-leave-review-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:0.25rem;font-weight:700;color:var(--color-primary);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-orders-leave-review-btn:hover{opacity:0.7}.s-orders-leave-review-btn:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:1rem}.s-orders-leave-review-btn:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:1rem}.s-orders-review-star-icon{font-size:1.125rem;line-height:1.75rem}.s-orders-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-orders-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-orders-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-orders-filters{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.s-orders-list-wrapper{position:relative}.s-orders-list-loading{position:absolute;inset:0px;z-index:10;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.1}.s-orders-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-orders-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-orders-table-fetching{pointer-events:none;opacity:0.4;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.s-orders-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-orders-table-head{display:table-header-group}}.s-orders-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-orders-table-head-tr-th:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:left}.s-orders-table-head-tr-th:last-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:right}.s-orders-table-head-tr-th:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}.s-orders-table-head-tr-th:last-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:left}.s-orders-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-orders-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-orders-table-tbody-tr-shadow:hover{box-shadow:5px 10px 30px #2b2d340d}.s-orders-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-orders-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-orders-table-tbody-tr-td{height:5rem;width:auto}.s-orders-table-tbody-tr-td:last-child{text-align:end}.s-orders-table-tbody-tr-td:first-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-orders-table-tbody-tr-td:first-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-orders-table-tbody-tr-td:first-child{font-weight:700}.s-orders-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}@media (min-width: 768px){.s-orders-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-orders-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-orders-table-tbody-tr a:where([dir=\"ltr\"],[dir=\"ltr\"] *){left:0px}.s-orders-table-tbody-tr a:where([dir=\"rtl\"],[dir=\"rtl\"] *){right:0px}";
 
 const sallaInfiniteScrollCss = "/*!twlt*/.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-infinite-scroll-wrapper{margin-top:1rem;text-align:center}.s-infinite-scroll-last{margin:0px;text-align:center}.s-infinite-scroll-error{margin:0px;text-align:center}";
 
+const FEEDBACK_STATUS_WAITING = 'waiting';
+const LANG_DEFAULTS = {
+    'pages.orders.filter_all': { ar: 'الكل', en: 'All' },
+    'pages.orders.filter_awaiting_review': { ar: 'بانتظار تقييمك', en: 'Awaiting your review' },
+    'pages.orders.leave_review': { ar: 'أضف تقييمك', en: 'Add review' },
+    'pages.orders.no_unrated_orders': { ar: 'لا توجد طلبات غير مقيَّمة', en: 'No unrated orders' },
+    'pages.orders.review_banner': {
+        ar: 'لديك طلبات بانتظار تقييمك. شارك رأيك وساعدنا على تحسين تجربتك.',
+        en: 'You have orders awaiting your review. Share your feedback and help us improve your experience.',
+    },
+    'pages.orders.review_banner_with_points': {
+        ar: 'لديك طلبات بانتظار تقييمك. قيِّمها واحصل على ما يصل إلى {{points}} نقطة ولاء.',
+        en: 'You have orders awaiting your review. Rate them and earn up to {{points}} loyalty points.',
+    },
+};
 const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTMLElement {
     constructor() {
         super();
@@ -20,7 +45,16 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         this.noOrderText = salla.lang.get('pages.orders.non_orders');
         this.load_more_text_trans = salla.lang.get('common.elements.load_more');
         this.languageCode = salla.lang.locale;
+        this.filterAllText = salla.lang.getWithDefault('pages.orders.filter_all', 'الكل');
+        this.filterAwaitingReviewText = salla.lang.getWithDefault('pages.orders.filter_awaiting_review', 'بانتظار تقييمك');
+        this.leaveReviewText = salla.lang.getWithDefault('pages.orders.leave_review', 'شارك تقييمك');
+        this.noUnratedOrdersText = salla.lang.getWithDefault('pages.orders.no_unrated_orders', 'لا توجد طلبات غير مقيَّمة');
         this.orders = [];
+        this.activeFilter = 'all';
+        this.pendingReviewCount = 0;
+        this.emptyFilterResult = false;
+        this.isFetching = false;
+        this.reviewPoints = 0;
         salla.lang.onLoaded(() => {
             this.languageCode = salla.lang.locale;
             this.orderNumberText = salla.lang.get('pages.thank_you.order_id');
@@ -39,6 +73,67 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
             this.btnLoader.style.display = isLoading ? 'inherit' : 'none';
         }
     }
+    refreshReviewLabels() {
+        this.filterAllText = salla.lang.getWithDefault('pages.orders.filter_all', 'الكل');
+        this.filterAwaitingReviewText = salla.lang.getWithDefault('pages.orders.filter_awaiting_review', 'بانتظار تقييمك');
+        this.leaveReviewText = salla.lang.getWithDefault('pages.orders.leave_review', 'شارك تقييمك');
+        this.noUnratedOrdersText = salla.lang.getWithDefault('pages.orders.no_unrated_orders', 'لا توجد طلبات غير مقيَّمة');
+    }
+    setupLoyalty() {
+        // ? Flags
+        const can_rate_product = !!salla.config.get('store.settings.rating.can_rate_product');
+        const can_rate_shipping = !!salla.config.get('store.settings.rating.can_rate_shipping');
+        const can_rate_store = !!salla.config.get('store.settings.rating.can_rate_store');
+        const allow_media = !!salla.config.get('store.settings.rating.allow_attach_images') ||
+            !!salla.config.get('store.settings.rating.allow_attach_videos');
+        // ? Values
+        const rating_product_points = Number(salla.config.get('store.settings.rating.rating_product_points')) || 0;
+        const rating_product_with_image_points = Number(salla.config.get('store.settings.rating.rating_product_with_image_points')) || 0;
+        const rating_shipping_company_points = Number(salla.config.get('store.settings.rating.rating_shipping_company_points')) || 0;
+        const rating_store_points = Number(salla.config.get('store.settings.rating.rating_store_points')) || 0;
+        // ? Calculate All:
+        this.reviewPoints = 0;
+        if (can_rate_product) {
+            this.reviewPoints += rating_product_points;
+        }
+        if (can_rate_shipping) {
+            this.reviewPoints += rating_shipping_company_points;
+        }
+        if (can_rate_store) {
+            this.reviewPoints += rating_store_points;
+        }
+        if (allow_media) {
+            this.reviewPoints += rating_product_with_image_points;
+        }
+    }
+    formatNumber(value) {
+        return salla.helpers?.number ? salla.helpers.number(value) : String(value);
+    }
+    getBannerText() {
+        const showPoints = this.reviewPoints > 0;
+        const key = `pages.orders.review_banner${showPoints ? '_with_points' : ''}`;
+        const fallback = LANG_DEFAULTS[key]?.ar || '';
+        let text = salla.lang.getWithDefault(key, fallback);
+        if (showPoints) {
+            text = text.replace('{{points}}', this.formatNumber(this.reviewPoints));
+        }
+        return text;
+    }
+    isEligibleForReview(order) {
+        return !order.is_rated && order.can_rate !== false;
+    }
+    async openReviewModal(orderId) {
+        if (!this.ratingModal || !orderId)
+            return;
+        await this.ratingModal.setOrder(orderId);
+        await this.ratingModal.open();
+    }
+    switchFilter(filter) {
+        if (this.isFetching || this.activeFilter === filter)
+            return;
+        this.activeFilter = filter;
+        this.fetchOrders(filter);
+    }
     initiateInfiniteScroll() {
         if (!this.hasInfiniteScroll) {
             return;
@@ -66,7 +161,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
             let items = this.host.querySelectorAll('.s-orders-table-tbody-tr:not(.animated)');
             Helper.animateItems(items);
         });
-        this.infiniteScroll?.on('error', (e) => {
+        this.infiniteScroll?.on('error', e => {
             salla.logger.error('Error loading more comments:', e);
         });
     }
@@ -77,31 +172,73 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
     handleResponse(orderList) {
         return orderList.map(order => this.getSingleOrderItem(order));
     }
-    async loadInitialData() {
-        const url = new URL(window.location.href);
-        await salla.order.api.fetch({ ...this.params, types: [""], feedback_status: url.searchParams.get('feedback_status') }).then((resp) => {
+    /**
+     * Count of eligible, unrated orders. Kept in sync with the active tab's
+     * response when it's the "waiting" tab, otherwise fetched separately so the
+     * banner/tab count is accurate on the "All" tab too.
+     */
+    async loadPendingReviewCount() {
+        try {
+            const resp = await salla.order.api.fetch({
+                ...this.params,
+                types: [''],
+                feedback_status: FEEDBACK_STATUS_WAITING,
+                per_page: 1,
+            });
+            this.pendingReviewCount = resp.pagination?.count ?? 0;
+        }
+        catch (error) {
+            this.pendingReviewCount = 0;
+            salla.logger.error(error);
+        }
+    }
+    async fetchOrders(filter) {
+        if (this.isFetching)
+            return;
+        this.isFetching = true;
+        const feedbackStatus = filter === 'waiting' ? FEEDBACK_STATUS_WAITING : null;
+        try {
+            const resp = await salla.order.api.fetch({
+                ...this.params,
+                types: [''],
+                feedback_status: feedbackStatus,
+            });
             this.orders = resp.data;
             this.hasInfiniteScroll = !!resp.pagination?.links.next;
             this.pagination = resp.pagination;
-            this.total = resp.pagination?.total;
+            this.total = resp.pagination?.count;
             this.nextPage = resp.pagination?.links?.next || null;
+            if (filter === 'waiting') {
+                this.pendingReviewCount = resp.pagination?.count ?? 0;
+            }
             if (!this.orders.length) {
-                this.showPlaceholder = true;
-                return this.loading(false);
+                this.loading(false);
+                this.emptyFilterResult = filter === 'waiting';
+                this.showPlaceholder = filter !== 'waiting';
+                return;
             }
+            this.showPlaceholder = false;
+            this.emptyFilterResult = false;
             setTimeout(() => {
-                this.handleResponse(resp.data).forEach(data => {
-                    this.wrapper.append(data);
-                });
+                if (!this.wrapper)
+                    return;
+                this.wrapper.innerHTML = '';
+                this.handleResponse(resp.data).forEach(row => this.wrapper.append(row));
+                this.infiniteScroll?.destroy?.();
+                this.infiniteScroll = null;
                 this.initiateInfiniteScroll();
                 let items = this.wrapper.querySelectorAll('.s-orders-table-tbody-tr:not(.animated)');
                 Helper.animateItems(items);
             }, 100);
-        }).catch(error => {
+        }
+        catch (error) {
             this.showPlaceholder = true;
             this.loading(false);
             salla.logger.error(error);
-        });
+        }
+        finally {
+            this.isFetching = false;
+        }
     }
     getSingleOrderItem(order) {
         const tr = document.createElement('tr');
@@ -133,7 +270,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         sallaButton.setAttribute('color', 'dark');
         sallaButton.setAttribute('shape', 'link');
         sallaButton.dataset.content = order.reference_id.toString();
-        sallaButton.addEventListener('click', (event) => {
+        sallaButton.addEventListener('click', event => {
             Helper.copyToClipboard(event);
             Helper.toggleElementClassIf(sallaButton, 'copied', 'code-to-copy', () => true);
             setTimeout(() => {
@@ -160,6 +297,29 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         div1.appendChild(div2);
         td1.appendChild(div1);
         tr.appendChild(td1);
+        const tdStatus = document.createElement('td');
+        tdStatus.classList.add('s-orders-table-tbody-tr-td');
+        const divStatus = document.createElement('div');
+        divStatus.classList.add('s-orders-table-tbody-tr-td-content');
+        const spanStatusLabel = document.createElement('span');
+        spanStatusLabel.classList.add('s-orders-mobile-title');
+        spanStatusLabel.textContent = this.orderStatusText + ':';
+        const statusSpan = document.createElement('span');
+        statusSpan.classList.add('s-orders-status-container');
+        statusSpan.style.color = order.status.color;
+        const statusIcon = document.createElement('i');
+        statusIcon.classList.add(order.status.icon);
+        const statusName = document.createElement('span');
+        statusName.textContent = order.status.name;
+        statusSpan.appendChild(statusIcon);
+        statusSpan.appendChild(statusName);
+        divStatus.appendChild(spanStatusLabel);
+        divStatus.appendChild(statusSpan);
+        const anchorStatus = document.createElement('a');
+        anchorStatus.href = order.url;
+        divStatus.appendChild(anchorStatus);
+        tdStatus.appendChild(divStatus);
+        tr.appendChild(tdStatus);
         const td2 = document.createElement('td');
         td2.classList.add('s-orders-table-tbody-tr-td');
         const div3 = document.createElement('div');
@@ -192,44 +352,72 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         div5.appendChild(anchor3);
         td3.appendChild(div5);
         tr.appendChild(td3);
-        const td4 = document.createElement('td');
-        td4.classList.add('s-orders-table-tbody-tr-td');
-        const div7 = document.createElement('div');
-        div7.classList.add('s-orders-table-tbody-tr-td-content');
-        const span6 = document.createElement('span');
-        span6.classList.add('s-orders-mobile-title');
-        span6.textContent = this.orderStatusText + ':';
-        const statusSpan = document.createElement('span');
-        statusSpan.classList.add('s-orders-status-container');
-        statusSpan.style.color = order.status.color;
-        const statusIcon = document.createElement('i');
-        statusIcon.classList.add(order.status.icon);
-        const statusName = document.createElement('span');
-        statusName.textContent = order.status.name;
-        statusSpan.appendChild(statusIcon);
-        statusSpan.appendChild(statusName);
-        div7.appendChild(span6);
-        div7.appendChild(statusSpan);
-        const starIcon = document.createElement('i');
-        starIcon.classList.add('sicon-star2', 's-orders-status-rated', order.is_rated ? 's-orders-rated-text' : 's-orders-unrated-text');
-        div7.appendChild(starIcon);
-        const anchor4 = document.createElement('a');
-        anchor4.href = order.url;
-        div7.appendChild(anchor4);
-        td4.appendChild(div7);
-        tr.appendChild(td4);
+        const tdAction = document.createElement('td');
+        tdAction.classList.add('s-orders-table-tbody-tr-td');
+        const divAction = document.createElement('div');
+        divAction.classList.add('s-orders-table-tbody-tr-td-content', 's-orders-action-cell');
+        if (order.is_rated) {
+            const starIcon = document.createElement('i');
+            // starIcon.classList.add(
+            //   'sicon-star2',
+            //   'relative',
+            //   's-orders-status-rated',
+            //   's-orders-rated-text',
+            // );
+            divAction.appendChild(starIcon);
+        }
+        else if (this.isEligibleForReview(order)) {
+            const reviewBtn = document.createElement('salla-button');
+            reviewBtn.classList.add('relative', 's-orders-leave-review-btn');
+            reviewBtn.setAttribute('color', 'primary');
+            reviewBtn.setAttribute('fill', 'outline');
+            reviewBtn.setAttribute('size', 'small');
+            const reviewIcon = document.createElement('i');
+            reviewIcon.classList.add('sicon-star-o', 's-orders-review-star-icon');
+            const reviewLabel = document.createElement('span');
+            reviewLabel.textContent = this.leaveReviewText;
+            if (isRTL) {
+                reviewBtn.appendChild(reviewIcon);
+                reviewBtn.appendChild(reviewLabel);
+            }
+            else {
+                reviewBtn.appendChild(reviewLabel);
+                reviewBtn.appendChild(reviewIcon);
+            }
+            reviewBtn.addEventListener('click', event => {
+                event.preventDefault();
+                event.stopPropagation();
+                this.openReviewModal(order.id);
+            });
+            divAction.appendChild(reviewBtn);
+        }
+        tdAction.appendChild(divAction);
+        tr.appendChild(tdAction);
         return tr;
     }
+    renderFilters() {
+        return (h("div", { class: "s-orders-filters" }, h("salla-button", { size: "small", color: this.activeFilter === 'all' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('all'), enableLoader: false }, this.filterAllText), h("salla-button", { size: "small", color: this.activeFilter === 'waiting' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('waiting'), enableLoader: false }, this.filterAwaitingReviewText)));
+    }
+    renderBanner() {
+        if (!this.pendingReviewCount)
+            return null;
+        return (h("div", { class: "s-orders-banner" }, h("span", { class: "s-orders-banner-icon" }, 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" }))), h("p", { class: "s-orders-banner-text" }, this.getBannerText())));
+    }
     render() {
         if (this.showPlaceholder) {
-            return h("div", { class: "s-orders-no-content" }, h("i", { class: "sicon-packed-box icon" }), h("p", null, this.noOrderText));
+            return (h("div", { class: "s-orders-no-content" }, h("i", { class: "sicon-packed-box icon" }), h("p", null, this.noOrderText)));
         }
-        return h("div", { class: "s-orders-wrapper" }, h("table", { class: "s-orders-table" }, h("thead", { class: "s-orders-table-head" }, h("tr", { class: "s-orders-table-head-tr" }, h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.orderNumberText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.totalOrderText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.orderDateText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.orderStatusText))), h("tbody", { class: "s-orders-table-tbody", ref: (el) => (this.wrapper = el) })), this.nextPage && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))));
+        return (h("div", { class: "s-orders-wrapper" }, this.renderBanner(), this.renderFilters(), h("div", { class: "s-orders-list-wrapper" }, this.isFetching && (h("div", { class: "s-orders-list-loading" }, h("salla-loading", { size: 32, width: 3 }))), this.emptyFilterResult ? (h("div", { class: "s-orders-no-content" }, h("i", { class: "sicon-packed-box icon" }), h("p", null, this.noUnratedOrdersText))) : (h("table", { class: { 's-orders-table': true, 's-orders-table-fetching': this.isFetching } }, h("thead", { class: "s-orders-table-head" }, h("tr", { class: "s-orders-table-head-tr" }, h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.orderNumberText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.orderStatusText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.totalOrderText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }, this.orderDateText), h("th", { class: "s-orders-table-head-tr-th", scope: "col" }))), h("tbody", { class: "s-orders-table-tbody", ref: el => (this.wrapper = el) })))), this.nextPage && !this.emptyFilterResult && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => (this.status = status) }, h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => (this.btnLoader = btnLoader), style: { display: 'none' } })))), h("salla-rating-modal", { ref: el => (this.ratingModal = el) })));
     }
     componentWillLoad() {
-        return salla.onReady()
-            .then(() => this.loadInitialData())
-            .then(() => this.initiateInfiniteScroll());
+        salla.lang.onLoaded(() => {
+            salla.lang.addBulk(LANG_DEFAULTS);
+            this.refreshReviewLabels();
+        });
+        return salla.onReady().then(() => {
+            this.setupLoyalty();
+            return Promise.all([this.fetchOrders('all'), this.loadPendingReviewCount()]);
+        });
     }
     get host() { return this; }
     static get style() { return sallaOrdersCss + sallaInfiniteScrollCss; }
@@ -243,25 +431,83 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         "noOrderText": [32],
         "load_more_text_trans": [32],
         "languageCode": [32],
+        "filterAllText": [32],
+        "filterAwaitingReviewText": [32],
+        "leaveReviewText": [32],
+        "noUnratedOrdersText": [32],
         "orders": [32],
         "pagination": [32],
         "hasInfiniteScroll": [32],
         "total": [32],
         "nextPage": [32],
-        "showPlaceholder": [32]
+        "showPlaceholder": [32],
+        "activeFilter": [32],
+        "pendingReviewCount": [32],
+        "emptyFilterResult": [32],
+        "isFetching": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-orders", "salla-button"];
+    const components = ["salla-orders", "salla-attachment-view", "salla-button", "salla-file-upload", "salla-loading", "salla-modal", "salla-placeholder", "salla-rating-modal", "salla-rating-modal-v2", "salla-rating-stars", "salla-skeleton", "salla-slider"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-orders":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SallaOrder);
             }
             break;
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
         case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "salla-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "salla-placeholder":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-rating-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-rating-modal-v2":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-skeleton":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/salla-payments.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const sallaPaymentsCss = "/*!twlt*/:host{display:block}.static{position:static}.s-payments-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0.5rem}.s-payments-list:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-payments-list-item{display:flex;height:2rem;width:3rem;align-items:center;justify-content:center;border-radius:var(--s-radius, 0.25rem);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.25rem}.s-payments-list-item img{max-height:100%;object-fit:contain}.s-payments-sbc-image{height:1.5rem;border-radius:0.125rem;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-payments-sbc-image:hover{opacity:0.8}";
+const sallaPaymentsCss = "/*!twlt*/:host{display:block}.static{position:static}.hidden{display:none}.s-payments-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0.5rem}.s-payments-list:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-payments-list-item{display:flex;height:2rem;width:3rem;align-items:center;justify-content:center;border-radius:var(--s-radius, 0.25rem);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.25rem}.s-payments-list-item img{max-height:100%;object-fit:contain}.s-payments-sbc-image{height:1.5rem;border-radius:0.125rem;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-payments-sbc-image:hover{opacity:0.8}";
 
 const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments extends HTMLElement {
     constructor() {
@@ -51,6 +51,79 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
                 .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));
@@ -67,6 +140,7 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     }]);
 /** Slugs whose mini logo lives on the new assets CDN; add one when its logo is re-uploaded there. */
 SallaPayments$1.NEW_CDN_LOGOS = ['tabby_installment', 'emkan_installment'];
+SallaPayments$1.audited = false;
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;