@salla.sa/twilight-components 2.14.380 → 2.14.382

package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-options-modal.js

@@ -32,6 +32,7 @@ export class SallaMultipleBundleProductOptionsModal {
         this.validationErrors = [];
         this.hasUnsavedChanges = false;
     }
+    /** Opens the modal manually. */
     async open() {
         if (!this.modal) {
             requestAnimationFrame(() => this.open());
@@ -56,11 +57,13 @@ export class SallaMultipleBundleProductOptionsModal {
             this.isLoading = false;
         }, 300);
     }
+    /** Closes the modal manually. */
     async close() {
         if (this.modal) {
             this.modal.close();
         }
     }
+    /** Refreshes the internal options tracking state manually. */
     async refreshOptionsState() {
         // Force re-render by updating the component state
         this.selectedOptions = { ...this.selectedOptions };
@@ -455,7 +458,7 @@ export class SallaMultipleBundleProductOptionsModal {
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: 'd5a4e884d29cd964b27042ca0d0c664cbf6bc511' }, h("salla-modal", { key: '674c32ce9a987aac09d192c10692947c16464072', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: 'ab3a01faa218da40362c75f25d051938db784e35', slot: "loading" }, h("salla-skeleton", { key: '25c625ef2090e6cdb556e494b29670091ef1fa9e', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '1d1962bba5311141a83dadd51536b7fb7bac2b70', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '357005ce9302183eeeec3238ebde74b99c5f7d88' }, h("salla-modal", { key: '95e4f37061229e8359a269b031942d507a43ea25', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: 'b1525824f938c5af85a9ca043d2acf86e8773e6a', slot: "loading" }, h("salla-skeleton", { key: '7e71698646e7ec119afbed2fca9dab79c4fe2991', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'cd9042d00b0a237afd8dfe7ad4ed7032e298eb39', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -463,13 +466,13 @@ export class SallaMultipleBundleProductOptionsModal {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: 'e6ca00bd18b6c0a911c00dad57e0ac4fd5f0a769', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '81773392ee6167f0daf780637e15bef9b7b2f2c7', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '08481d15b20bb0b522a619e0d223019ff9ee76ac', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '2942ab32e0e28e6213b2a1d177e36c84136beaef', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '8aa9b8173e758821960f37093555227024b3190f', slot: "footer" }, h("div", { key: '7324d3b90689871d779ae0a95a8a4ce4e5c18fe7', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '2205ab886613aaa5426f117efb56b7e1ae103049', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: 'e3658d39d7462e1ba8c2099625d9a659541f6b2a', slot: "footer" }, h("div", { key: '8e03e9230c55b9ac6143e37629946e66daf47835', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'feca5790f828f7b29de3cba4e3a54d772a7a94c5', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }
@@ -507,7 +510,7 @@ export class SallaMultipleBundleProductOptionsModal {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Emitted when product options are successfully saved."
                 },
                 "complexType": {
                     "original": "{\n    productId: number;\n    selectedOptions: SelectedOption[];\n    sectionId?: string | number | null;\n    productIndex?: number | null;\n  }",
@@ -528,7 +531,7 @@ export class SallaMultipleBundleProductOptionsModal {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Emitted when a product is selected or modified via the modal."
                 },
                 "complexType": {
                     "original": "{\n    productId: number;\n    sectionId: string | number;\n    product?: BundleProduct;\n    fromModal?: boolean;\n  }",
@@ -558,7 +561,7 @@ export class SallaMultipleBundleProductOptionsModal {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Opens the modal manually.",
                     "tags": []
                 }
             },
@@ -575,7 +578,7 @@ export class SallaMultipleBundleProductOptionsModal {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Closes the modal manually.",
                     "tags": []
                 }
             },
@@ -592,7 +595,7 @@ export class SallaMultipleBundleProductOptionsModal {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Refreshes the internal options tracking state manually.",
                     "tags": []
                 }
             }

package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js

@@ -6,6 +6,7 @@ import KeyBoardArrowLeftIcon from "../../../assets/svg/keyboard_arrow_left.svg";
 import KeyBoardArrowRightIcon from "../../../assets/svg/keyboard_arrow_right.svg";
 export class SallaMultipleBundleProductSlider {
     constructor() {
+        /** A dictionary tracking which product IDs are currently selected per section. */
         this.selectedProducts = {};
         this.savedOptionsByInstance = {};
         this.handleProductClick = (product, productIndex) => {
@@ -86,7 +87,7 @@ export class SallaMultipleBundleProductSlider {
         return `bundle[${sectionId}][${productIndex}][id]`;
     }
     render() {
-        return (h(Host, { key: '07af0a15e38a4c00450bf132a7f91c647dc7ba04' }, h("salla-slider", { key: '6a34d8659c90d6ed485149f96ad7c706122f4949', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: '2aef73459325f4be492791d045b67520d210ddf7', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '336a3bcf504a178ee207b40b3b7fac5d26e00f91' }, h("salla-slider", { key: '004d1c3f644bfd015efe2ffc21a78e912c5d0647', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: 'fda4544764b9bf2eb95d408179c1abc252f50243', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const hasSavedOptions = this.savedOptionsByInstance[this.getProductInstanceKey(this.section.id, productIndex)];
             const optionsButtonLabel = hasSavedOptions
@@ -132,7 +133,7 @@ export class SallaMultipleBundleProductSlider {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The data for the current bundle section being rendered in this slider."
                 },
                 "getter": false,
                 "setter": false
@@ -150,7 +151,7 @@ export class SallaMultipleBundleProductSlider {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The zero-based index of this section within the overall bundle."
                 },
                 "getter": false,
                 "setter": false,
@@ -174,7 +175,7 @@ export class SallaMultipleBundleProductSlider {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "A dictionary tracking which product IDs are currently selected per section."
                 },
                 "getter": false,
                 "setter": false,
@@ -196,7 +197,7 @@ export class SallaMultipleBundleProductSlider {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Emitted when a product is clicked/toggled within the slider."
                 },
                 "complexType": {
                     "original": "{ product: BundleProduct; sectionId: string | number }",
@@ -217,7 +218,7 @@ export class SallaMultipleBundleProductSlider {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Emitted when the user clicks the \"options\" button on a product card."
                 },
                 "complexType": {
                     "original": "{\n    product: BundleProduct;\n    sectionId: string | number;\n  }",

package/dist/collection/components/salla-multiple-bundle-product/salla-multiple-bundle-product.js

@@ -82,7 +82,7 @@ export class SallaMultipleBundleProduct {
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: '05c5e7d3b7d18f23e66f3d95a04f16ab266e99a1', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '2a4510d1ccd3dc840d25a288cb0788a7dd23672c', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get is() { return "salla-multiple-bundle-product"; }
     static get originalStyleUrls() {
@@ -110,7 +110,7 @@ export class SallaMultipleBundleProduct {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The bundled sections data, given as a JSON string or parsed object."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/salla-order-details/salla-order-details.js

@@ -36,7 +36,7 @@ export class SallaOrderDetails {
         ];
     }
     render() {
-        return h(Host, { key: '7cfbdb28ff84c96aadda4992eb99ae54cd211937', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: 'a32d03172c884c8431e592b35b3f6560e3055555', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get is() { return "salla-order-details"; }
     static get originalStyleUrls() {
@@ -70,7 +70,7 @@ export class SallaOrderDetails {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The payload containing order data, stringified JSON or literal object."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -315,8 +315,10 @@ export class SallaRatingModal {
         }
         data.order_id = this.orderId;
         data.type = this.currentTab.dataset.type;
-        this.submitted.push(this.currentIndex);
-        return salla.rating.api[this.currentTab.dataset.type](data);
+        return salla.rating.api[this.currentTab.dataset.type](data).then((res) => {
+            this.submitted.push(this.currentIndex);
+            return res;
+        });
     }
     showThankYou() {
         let seconds = 10;

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

@@ -158,7 +158,7 @@ export class SallaReviewCard {
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: 'dc04f5504270de8eec6f4f20930b5ad8b19bfa1e', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'f2c82854952afa8f1c32ca3cdc9548aa04d4920a', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '555f4e598c753d38736642e9a4c8913035552159', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '48e1eb2b71e5ee6e66def2aac42e9b6255935a17', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '0b24ea13f1f31224fff7e73d5db6c428adef0bd9', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '44501e61b5eed711820bece91053534a2baacbde', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {
@@ -196,7 +196,7 @@ export class SallaReviewCard {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The review object to render, containing review text, stars, product info, and images."
                 },
                 "getter": false,
                 "setter": false

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

@@ -157,6 +157,10 @@ export class SallaScopees {
     }
     async componentDidLoad() {
         await Salla.hooks.registerComponent('salla-scopes', this);
+        // * Note: Do not auto open scopes modal in mobile app
+        const isMobileApp = salla.config.isMobileApp();
+        if (isMobileApp)
+            return;
         if (!this.isOpenedBefore && this.selection == 'mandatory') {
             this.open();
         }

package/dist/collection/components/salla-user-menu/salla-user-menu.js

@@ -62,9 +62,9 @@ export class SallaUserMenu {
          */
         this.relativeDropdown = false;
         /**
-         * To auto mount the login modal or not
+         * To show the trigger button or not
          */
-        this.autoMount = false;
+        this.showTrigger = false;
         this.onClickOutside = () => {
             this.opened = false;
         };
@@ -149,7 +149,7 @@ export class SallaUserMenu {
         });
     }
     autoMountLoginModal() {
-        if (!this.autoMount) {
+        if (!this.showTrigger) {
             return;
         }
         if (document.querySelector('salla-login-modal')) {
@@ -341,10 +341,10 @@ export class SallaUserMenu {
                 "reflect": true,
                 "defaultValue": "false"
             },
-            "autoMount": {
+            "showTrigger": {
                 "type": "boolean",
-                "attribute": "auto-mount",
-                "mutable": false,
+                "attribute": "show-trigger",
+                "mutable": true,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean",
@@ -354,7 +354,7 @@ export class SallaUserMenu {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "To auto mount the login modal or not"
+                    "text": "To show the trigger button or not"
                 },
                 "getter": false,
                 "setter": false,