@salla.sa/twilight-components 2.14.417 → 2.14.419

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

@@ -124,6 +124,12 @@ export class SallaProductOptions {
                 .map(sku => that.outSkus.push(Number(sku[0])));
         });
     }
+    /**
+     * Get the current options state, including selected values/details.
+     */
+    async getOptionsData() {
+        return this.optionsData;
+    }
     /**
      * Get the id's of the selected options.
      * */
@@ -1073,6 +1079,28 @@ export class SallaProductOptions {
                         }]
                 }
             },
+            "getOptionsData": {
+                "complexType": {
+                    "signature": "() => Promise<Option[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "Option": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-product-options/interfaces.ts::Option"
+                        }
+                    },
+                    "return": "Promise<Option[]>"
+                },
+                "docs": {
+                    "text": "Get the current options state, including selected values/details.",
+                    "tags": []
+                }
+            },
             "getSelectedOptionsData": {
                 "complexType": {
                     "signature": "() => Promise<{}>",

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: 'eeb477f6cd7831f06fb2b716e2391d684ae4e93c', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '48f9e18ebfec9999dc856fe3c7bca7854e4f53b3', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '9fc445cfb72dfdd5d0d306419041aa9f3acafb66', slot: "loading" }, h("div", { key: 'f5dbfb1560940a691f891e7d41eca22977693d79', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'c6790017016fc8b471601bf093051f80183645c9', height: '15px', width: '25%' }), h("div", { key: 'ba72c67c7b26e62ed4548444ba9083f83816f59e', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '4fd934c7bf103bcd937028bacda524915a40f76a', height: '40px' }), h("salla-skeleton", { key: '3754ae6eca3938380261e221f6941b2ef2a381dd', height: '40px' }), h("salla-skeleton", { key: 'a2007afe625ce45713b3a2f64a62cf0da101c1e9', height: '40px' }), h("salla-skeleton", { key: '7ed982fa2c6c862bf724fa1b1dc059db2f5dbc41', height: '40px' })), h("div", { key: '3914b9dde80d2257a55b0aa156f61df5936f1bb5', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '51b96df249504517e4c3fe1098be2937cbaeef63', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'd5844e3c91eddc4821b97cc9991a2441dd0bb117', height: '10px', width: '75%' }), h("salla-skeleton", { key: '976e70a0aa160dd9b4dbe4d0f9f0675f5c3308ea', height: '10px', width: '50%' }), h("salla-skeleton", { key: '1baf5286915a708ea68850c9c82e7970c6521c86', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8ecc89a3defd83637936023b0d0841c55c6799cd', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'eb90ea350d6947596688595bb898a8c3a8dcac39', height: '10px', width: '25%' }), h("salla-skeleton", { key: '282d747e764c2761aa4b68f145467371acd66f32', height: '10px', width: '60%' }), h("salla-skeleton", { key: '610491fa3769027ceebec2ab46e7166d0bfac9f2', height: '10px', width: '45%' }), h("salla-skeleton", { key: '8162ba3bec487efe6fa1c0adf2355bd175d8310a', height: '10px', width: '30%' })))), h("slot", { key: 'b55b29cfeb52e41c0c56a79bded075fda7f49fab', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '890b39170a64cbe054d9abfeafde2304560848d7', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '5989a906d9d0e843142374c202aa5276731282e8', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: 'a87674a01f544d91a16303cf96111633ca4438a3', slot: "loading" }, h("div", { key: 'f1e2f05860bb25796752283af36515432803ca9a', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'e579db557854a2b7903f5c435977c8d410a9157a', height: '15px', width: '25%' }), h("div", { key: '0b6e56e41efeebfe5215afb17e69b465f5a9992a', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'fbc7b34bdb2cf914b7d197432132065a4d1c4152', height: '40px' }), h("salla-skeleton", { key: '8045c64a63a469f70f87f686ec986d0c6f5aa1c5', height: '40px' }), h("salla-skeleton", { key: '0abd35f5af325ca1f2208659a9fb1f2ca284adfd', height: '40px' }), h("salla-skeleton", { key: 'd444ac5dd6391b9c902e17f98c0d3c35a939e678', height: '40px' })), h("div", { key: '1a217120cd307a4b837175b3eace97788a4195e4', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: 'a47510c2ba3357066fe2452f8dbf899bda36177f', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'e097a5097938fc4fda820d753c42c08d06dabbea', height: '10px', width: '75%' }), h("salla-skeleton", { key: '16267e9b3f7a21aa384d8a8a59ff05473aebfe97', height: '10px', width: '50%' }), h("salla-skeleton", { key: '904842b7bde12557b9a72dc48bdeb6ebd3c65ed4', height: '10px', width: '75%' }), h("salla-skeleton", { key: '4286e18b5198144636f9f4ad8a2445ca41673918', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'b1483afcb842489b5c6997216bc7e8c24437f16f', height: '10px', width: '25%' }), h("salla-skeleton", { key: '140f19a164bbb547c844a8483efcd86f18336a20', height: '10px', width: '60%' }), h("salla-skeleton", { key: '23475f824cb98b0a776b5ae2b3715a14b9413d4b', height: '10px', width: '45%' }), h("salla-skeleton", { key: '75d3bcd58f50886ffad02b329d5153b0ae41d46e', height: '10px', width: '30%' })))), h("slot", { key: '836b93fd9084ee2f19077333ac31e1629a5ad118', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: 'ac635b008e11b61918efb43ba6489c4130831a32', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-products-list/salla-products-list.js

@@ -90,7 +90,7 @@ export class SallaProductsList {
     async reload() {
         !this.autoload && this.loadMoreWrapper && (this.loadMoreWrapper.style.display = 'none');
         this.hasInfiniteScroll && salla.infiniteScroll.destroy(this.infiniteScroll);
-        this.buildNextPageUrl();
+        await this.buildNextPageUrl();
         // TODO: this is problematic in testing, for the time being it's been resolved like this
         this.wrapper.innerHTML = '';
         if (this.hasInfiniteScroll) {
@@ -126,7 +126,7 @@ export class SallaProductsList {
             },
         });
     }
-    initBaseNextPageUrl(source) {
+    async initBaseNextPageUrl(source) {
         this.nextPage = salla.url.api(`products?source=${source}`);
         if (this.includes?.length) {
             this.nextPage += `&includes[]=${this.includes.join('&includes[]=')}`;
@@ -155,8 +155,9 @@ export class SallaProductsList {
                 }
             }
         }
+        this.nextPage = await this.applyBeforeBuildListUrl(this.nextPage);
     }
-    buildNextPageUrl() {
+    async buildNextPageUrl() {
         let source = this.getSource();
         if (source === 'json') {
             return;
@@ -168,7 +169,7 @@ export class SallaProductsList {
                 return;
             }
         }
-        this.initBaseNextPageUrl(source);
+        await this.initBaseNextPageUrl(source);
         if (this.isSourceWithoutValue()) {
             return;
         }
@@ -488,7 +489,7 @@ export class SallaProductsList {
                 if (this.includes) {
                     await this.injectAndProcessData(response);
                 }
-                const items = this.handleResponse(response);
+                const items = await this.handleResponse(response);
                 this.infiniteScroll.appendItems(items);
                 if (this.infiniteScroll.pageIndex === 2) {
                     if (!this.autoload && this.nextPage) {
@@ -543,6 +544,25 @@ export class SallaProductsList {
             this.infiniteScroll.loadNextPage();
         }
     }
+    async applyBeforeBuildListUrl(url) {
+        try {
+            const ctx = { component: this, url };
+            await salla.hooks.call('salla-products-list', 'beforeBuildListUrl', ctx);
+            return ctx.url;
+        }
+        catch (e) {
+            salla.logger.warn('beforeBuildListUrl hook failed', e?.message);
+            return url;
+        }
+    }
+    async resolveNextPageFromCursor(response) {
+        if (!response.cursor) {
+            return this.nextPage;
+        }
+        return response.cursor.next
+            ? await this.applyBeforeBuildListUrl(response.cursor.next)
+            : response.cursor.next;
+    }
     async injectAndProcessData(response) {
         try {
             await Helper.injectExtraFieldsToResponse(response);
@@ -569,18 +589,21 @@ export class SallaProductsList {
             //for the first page we need to inject the dom after the load, see @method componentDidLoad
             if (!this.firstPageResponse) {
                 this.firstPageResponse = response;
-                this.nextPage = response.cursor ? response.cursor.next : this.nextPage;
+                this.nextPage = await this.resolveNextPageFromCursor(response);
                 return;
             }
-            this.handleResponse(response).forEach(card => this.wrapper.append(card));
+            (await this.handleResponse(response)).forEach(card => this.wrapper.append(card));
         }));
     }
+    /**
+     * Load the next products page.
+     */
     async loadMore() {
         this.infiniteScroll?.loadNextPage();
     }
     componentWillLoad() {
         return salla.onReady()
-            .then(() => {
+            .then(async () => {
             this.hasCustomComponent = !!customElements.get(this.productCardComponent);
             this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());
             this.hasInfiniteScroll = !['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource()) && !this.limit;
@@ -595,7 +618,7 @@ export class SallaProductsList {
             catch (e) {
                 salla.logger.warn('failed to get filters from url', e.message);
             }
-            this.buildNextPageUrl();
+            await this.buildNextPageUrl();
             this.isReady = true;
             const snapshot = sessionStorage.getItem(this.infiniteScrollStateKey);
             if (!!snapshot) {
@@ -647,9 +670,9 @@ export class SallaProductsList {
         }
         else if (!this.firstPageResponse && this.switchToNormalBehavior) {
             this.getInitialData()
-                .then(() => {
+                .then(async () => {
                 if (this.firstPageResponse) {
-                    this.handleResponse(this.firstPageResponse, false).forEach(card => {
+                    (await this.handleResponse(this.firstPageResponse, false)).forEach(card => {
                         this.wrapper.append(card);
                     });
                     setTimeout(() => {
@@ -668,7 +691,7 @@ export class SallaProductsList {
             });
         }
         else {
-            this.firstPageResponse && this.handleResponse(this.firstPageResponse, false).forEach(card => this.wrapper.append(card));
+            this.firstPageResponse && (await this.handleResponse(this.firstPageResponse, false)).forEach(card => this.wrapper.append(card));
         }
     }
     canRender() {
@@ -694,7 +717,7 @@ export class SallaProductsList {
         this.initiateInfiniteScroll();
         this.loading();
     }
-    handleResponse(response, shouldBuildNextPage = true) {
+    async handleResponse(response, shouldBuildNextPage = true) {
         //todo:: check why it reach here undfined one time🤔
         if (!response) {
             return [];
@@ -744,7 +767,7 @@ export class SallaProductsList {
         }
         //because: this.nextPage is state we don't need to touch it after the build, to avoid the re-rendering
         if (shouldBuildNextPage) {
-            this.nextPage = response.cursor ? response.cursor.next : this.nextPage;
+            this.nextPage = await this.resolveNextPageFromCursor(response);
         }
         this.loading(false);
         this.placeholderLoader && this.placeholderLoader.remove();
@@ -1090,6 +1113,23 @@ export class SallaProductsList {
                     "text": "Reload the list of products (entire content of the component).",
                     "tags": []
                 }
+            },
+            "loadMore": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Load the next products page.",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -91,7 +91,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: '97cfd53bacd63cfd819d733f25055fd6befcb46a', class: "s-quantity-input" }, h("div", { key: 'fbe95d268cfb58eac1cf751d39695fb1abb76de1', class: "s-quantity-input-container" }, h("button", { key: '511ee9299a053f3853b1e68783ec345523bf3dc2', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '104cad1ffb95e0213ee1ce3e215213d1ad346bdc', name: "increment-button" })), h("input", { key: '60d3114d8d7ca3a4923761041b4b02218fc903ce', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '554b02f7b85cbd026431adf2573efa1cbb0564bb', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '8028a32c8c83a4205e093e8ad5ccf5d8e9fd019b', name: "decrement-button" })))));
+        return (h(Host, { key: '0d455d7f718123741aaf8d11056526c6c5916565', class: "s-quantity-input" }, h("div", { key: 'c47dc0592e1c4abb724b9dfad352718a2379faf7', class: "s-quantity-input-container" }, h("button", { key: 'c1d67cc3c1df4ee33a34b62e92bbc20f00b6f22e', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '802445a97219921692f9c0bcd0ca8e8ebf547b89', name: "increment-button" })), h("input", { key: 'ff93aa47a0dd6d102f39c28a77cae6282645e873', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '568ad4da47ba3b52e197566c7f23cf540fc8423f', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '202303a0a7370e5d6cb54442dd6cc768646f18e8', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -205,7 +205,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: '7c5e3ce5d5a6fdd01565cf0f96c56aad11b8f4ba' }, this.quickBuyButton());
+        return h(Host, { key: '6a161249c65a797bc7e9b61549b3b1f6ad1e39fa' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

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: '18de38dbba7c660404090a488ff40bebb3b5cfb9', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'cb01e59c058d9ac64cd16e66e2f2d90859680c17', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '63bf8afb138423ea10a0e689b126c462b623e462', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '47efb35fefb0c57657c2e8f6707d4821f6c1c1a0', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'eb624b4a9aa51b9053a5824818490dcf91594489', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: 'f7bc3da7f0ef59c08789942d76e309e0d07a161a', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {

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

@@ -85,7 +85,7 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: '9bf5e2e2e0050844eae92fffbf4d908825000cff', class: "s-reviews-container" }, h("div", { key: '4a12a82e0c79cb72acc348ceb971cbab45f1923d', class: "s-reviews-header-wrapper" }, h("h1", { key: 'eb59728207a75bb4b2ec6a77b94b6899b01b8906', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '258d5dd3049b51725f08a66f2baf9e9f62c8a9e1', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'e2b66faec336425bc4fddeb00681c0e24ed9dce7', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (h("div", { key: 'a714c729b160349bb72976bc0b9910c2ddfee5bb', class: "s-reviews-container" }, h("div", { key: '5aadfe6203a6bfc70bd242914ad63de05b374a22', class: "s-reviews-header-wrapper" }, h("h1", { key: 'a7dcdfbb38a9eb069f8b3c46d065638b659fb891', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: 'cbb4ae4e75bbef6d5716287d096863de9631a3e2', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '78ca0d0848ccba77a926b3142954d1a5ffe99a9b', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get is() { return "salla-reviews"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-reviews-page/salla-reviews-page.js

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: 'c0980c4458788ec29d9da4a60caf9eb420805abd' }, h("div", { key: '802681314a0f74c98d92c6227e35a9aa6e53105c', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'f533920b6ccf80377af688cf88a3273ca0d5b8ea', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'e5d13f7d4529c066d64fc142137dd52bdd54d106', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'ddf2fc71aa2d099d3db2a1219c4777448304575c', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '7c7ba82fa5157dab64776ac80ae890f5334bfa39', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'ee1fbe63384ad7d5220511d0d919d374e9a78dd9', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: 'fcd0bc80f69825de03feab75422aef2dabcca93b' }, h("div", { key: '4d50dbde8eecf0a597717971dee990d01bae1f7c', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'ff2c3e971cb6c480ae6388308abaa40a90ccd1cd', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'a8f550f07d5826d701036ca94c8535188cd29dc5', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'a2e0465af025a4c695462a1ea223d7a554e582de', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'e333ae7128cb24e15d18dca25f6af3456f0648ec', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '7ed58196ce8319d3ff3d7f9f38f7ecdf371e4856', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -146,7 +146,7 @@ export class SallaScopees {
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: '496e4e55483fee5b91818a760adb95d606b0d146' }, h("salla-modal", { key: '2e0e7c2967a0a05068aad712774cd089984fb957', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (h(Host, { key: '743fc37aec29a2ec15deb00c7463b51d0edcc29e' }, h("salla-modal", { key: '4b98493956bf34f97217d384d194a21d69ec011f', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

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

@@ -127,10 +127,10 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: 'c1ac55ddb93b42cb84c30c0248be8949afef39df', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '6bdecb7d3511a5c97b4bb52860dcd050dc943573', class: "s-search-input-wrapper" }, h("span", { key: '93a0cd39aef09955e72657ba32a7ac1d4c6bdb7b', class: "s-search-icon-wrap" }, h("span", { key: '435ca7f22ba4d93eafe9fde32a7e62a55340e6a8', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '0acb71b9b5fe6681d33e7838ff14bbdee6159ccc', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
+        const searchContent = (h("div", { key: '6d47849faffad8faa82bfb8368ea2ad9e2aced49', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '6c6330e985c6505b1cf8c78e5ab95cb3b22844c9', class: "s-search-input-wrapper" }, h("span", { key: 'e01360120e50a316881569d19e455ccb998e50ab', class: "s-search-icon-wrap" }, h("span", { key: 'f9d9e717638271402ba445d59ec8b5315d542a16', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '4abd6b3c6647ccfd411463aa2c9610c8428efd17', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
-            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: '9fc770575d0deeafda11f85aeb420a66cc2c2f64', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: '1a28e1cef5a6785ed45cef1beb1e177c174aca0c', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -139,9 +139,9 @@ export class SallaSearch {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: '31de1c46ae9ea8dce146f7a5e3b10eb61781a5e9', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '14efe319f3f844b2f3a1759a7f860b4dc3652570', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: 'affda57d4ae84ea36e215bc17bc328b9f1a5a8de', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '51f3e2afd425459365887b4e7c1ef2da4433dbe8', class: "s-search-input-wrapper" }, h("span", { key: '79ed8316f06548aecb3a76384835e64e72330917', class: "s-search-icon-wrap" }, h("span", { key: 'ba690f7b674dac90062ed2328c6396933c4ac872', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'ac57df999004b21e1469978f9963aceded386d9d', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'df6eb433971ec24b64de09de7f5d861fe7d26c7e', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '37af042080e667919d94197c9ac16496a716bc9e', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: 'ce1fa4591a9c61563344a8bc48ed3e09d1ad6796', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: 'f42ee11b614068bcbde12e6e82034b8b3b22bfaa', class: "s-search-input-wrapper" }, h("span", { key: '8b775e814e03a3de5c24bbe4e252e3e78fa82988', class: "s-search-icon-wrap" }, h("span", { key: '69cfca5e26fe366e2544e95e9b468aba28b32e55', class: "s-search-icon", innerHTML: Search })), h("button", { key: '998a6aa2efd5003e413d7d467ca4e78b0f97bbe1', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '8f574f21608fb5177c8a5d7e0d84d1c1065e49a4', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '6c86b14ec10c5ccea8f336ab87fb433c49104149', class: classes }, "\u00A0")));
+        return (h(Host, { key: '9f9448d939ba69f60eca8dc6ea2ff98a047d6770', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '3b43bb472316b5541a90081a5f3cb6ef91558212', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'a0b31aa06db07b8b4018b8d178dc27726eddb43e' }, h("ul", { key: 'b758199092ddf7c0e0b384f3f118d00c239104dd', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: '27639596a37f52686c1ac4b1a825fa143747216c' }, h("ul", { key: '9f6a6c96fe124fda09d2b879e3825ef73ec29c2c', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -122,7 +122,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: '49da8d5e8066550792640f4677eb43f762fbecbe', class: "s-social-share-wrapper" }, h("slot", { key: 'ee7ef614fe373217829caa31f0eb9526e6695d93', name: 'widget' }, h("salla-button", { key: '53c41b4185b19a08cdadc4ce30baed08dd95d638', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'dae3c709e895a8e023bfc8aff490e52ea0e8e19a', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '64fda7434bbe22a0cbae61273b61a67528c441c7', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (h("div", { key: 'b3e61354de13c16f9bce1dd4cd397375d9a42da9', class: "s-social-share-wrapper" }, h("slot", { key: 'ef44d8cda6967977a59a0fe85777add8a73ffa59', name: 'widget' }, h("salla-button", { key: '243916c3a241c9dceb11a406faabe033c71820d2', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'a6fd2be4e2990f285960308cfd985d37e464d205', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '27fa3a6ae2306cb61d97e71bb6591dd3614b5977', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: 'f2deb9c1508aafe3aff5352094cccc97bdcd42ef', class: classes }, h("slot", { key: '460588864047444acdb06e757a7124d28935c24b' })));
+        return (h("div", { key: '8678e860af6640f0ff1a92593fbe624416412b49', class: classes }, h("slot", { key: '10951e5230f9c5fbfbd5959d3773d44b66e85315' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '153247ab5a7c73819ccc506a45e60b9c084c391c', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '417a3ae0c0aec8a965b5d3be9a4f917f290d2109' })),
+            h("div", { key: '02bd540222ec3bd4adac0dd08132c366e29c6d9d', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '9e6de884cb209d499e4bbd055e40c525680a7c37' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: 'ae50836f68ee92459720fa9bf00d73848d849627', class: "s-tabs" }, h("div", { key: '55e8186e80381902269f9bad5738d9a555f71d37', class: "s-tabs-header" }, h("slot", { key: '46ce3e1ea75f92165b3d5ee7c16f19f8693f6d31', name: "header" })), h("div", { key: '3669e643abb37ed2edca73fc0577822a3f7fbb90', class: "s-tabs-content-wrapper" }, h("slot", { key: '2cf8b79f44630e21103991325ceff2cd3a4019ba', name: "content" })))
+            h("div", { key: 'ecbcdc11af92d35afe933b11676bcf4769d19162', class: "s-tabs" }, h("div", { key: 'fa4fdecbc995dded92e3d64bf770d6375ad53fd2', class: "s-tabs-header" }, h("slot", { key: '730c1a278e95b7fa98da29956fee23dcd06e641d', name: "header" })), h("div", { key: '9721096ba8e1236500855a80f569e6ea8a4c1c32', class: "s-tabs-content-wrapper" }, h("slot", { key: 'ce82c43fd21bd1f28a7658b927646d0ff6052ea7', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

package/dist/collection/components/salla-tel-input/salla-tel-input.js

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '278424c0918dc3c4b6aac8da5817376d784995ac', class: "s-tel-input" }, h("input", { key: '00ff8ed40ff9aabe9bea6cfd43c41f5b2cfc5529', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '68e791d4d1b6490a84a3ef31c75f41be90ac5bb6', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '415e6521c2ef756ebabbeb4610c06158e255320d', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '0ed711498e5b2987a4299bd36bebb6963a5082ea', class: "s-tel-input" }, h("input", { key: '8beb06377cefe6b4e02ca82f04941025949ea304', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '90295738a19bae3c61f4cb149c162ae8e3e1b08c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a15b9f99bbae0be5af7bd00335a4174e9609d507', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: 'e5e8f78265e0abb1d4130fd084573c6cff1ecb2c', class: "s-tooltip-container" }, h("div", { key: '4dc98906dfd28c6e2d97b51329c07046eb15179c', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: '789e7e8e0653d68b5387b2199e05f287c8b91c92', class: "s-tooltip-container" }, h("div", { key: '0342a96fa7c3d316cfc9f5435dc7321920044a12', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

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

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'b37f8e7cd7fe59dfd4f4e1efe455e74d33d4b91e', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '7cf5f1ed489159ef1c754fc8368b390d35cc273d', class: "s-user-settings-section" }, h("salla-list-tile", { key: '961843ff5de245febf4b5d9d4a96d47b44aeaff3' }, h("div", { key: 'bdfa266ee2694e410ff2bc8d6ec31b5210e7bf08', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '8ff08646cb3b3ba8d157f07cb4d54a6f515409a7', innerHTML: UserCancel })), h("div", { key: '8030d07722d9ad730676dafd1323b93a361f91da', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'f4c524dfe45418f0dd7395e998b1c16aa951a5f9', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '74569032acb01ff1037104dcaf46f13c18c16803', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6002a8368a587dbd8d3fd3fc1231e52ee44ebbbe', class: "s-toggle" }, h("input", { key: '2e9a622f9a670ef0f314c6183c57c851334a7df5', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'ca57daef65f550d53c1f947b41d3fb488bd38a95', class: "s-toggle-switcher" }))))), h("div", { key: 'b81a0200e08c0eca176060362792a45d9d7ad41e', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'ebcdac4056d21cbbd218b246cdd6c5bfa7bc2ac3' }, h("div", { key: 'df3a675745a0945498f3f45e11016f9f9c71ce6d', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b5accc798ca95bd803f9c721f96fe62ca27e8ecf', innerHTML: Bullhorn })), h("div", { key: 'fe82c42f7586ba892f14ed7b1d2f85e19c508e8c', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'ec35e1a363a0802ab14a92b4bc8b858b9bf79c72', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'cc0d65144cfffc7fc795f3b1dde9ae6d75e827ec', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '945d030759a2ab27b9e9379d96f879d299b0a444', class: "s-toggle" }, h("input", { key: '6dd35723f4e049263193d50d1488a300e26a166e', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1f529a32b220a0a5ba673fe41573786450e4f1b8', class: "s-toggle-switcher" }))))), h("div", { key: '9973aa99cd3944ced8e87da05a3711b9cde5faa4', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '97ea806a1c5bc6e7f08ab04cdf555173d7e2c268' }, h("div", { key: 'fa98419cd6e11598c6e230ad462501f3dd66b975', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '9bb7192d2bcdd942974a2a6e405878998e090f3c', innerHTML: UserOff })), h("div", { key: '9e79bfd50311f2ec272bc6d90224d2f81c736d8e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '805696292b1354bf57b0f0252eabd031dc4ac5db', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '4984f94d2eef4870036d1bea837cbe16e9978d84', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '7be1eaf49fdb3df86b953a14879695c0c2eae838', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '55608c2fbfd01c328f923316aa203ebd6539ef86', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '247bb5555b3aa936ab4815f16ec332f6d922ab49', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'd8499d470dd0cce984687c9f6842970467b832a9', class: "s-user-settings-confirmation" }, h("div", { key: 'c4d98f4dc7591c53a0f4ab71fc1c7e0d446cebfc', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'abebad572dab06b497451fff00a405e4c9db5652', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'bfde878cc657d975154f6e8b73220786b3898dbf', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'b3334a9b6fda2aa6de6f66f610efbba8ae95910f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: '09c239e885ba9e52e21ce17706c9296f99518c80', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'ae1d8057c8bc4a1d355300f4be87b8a33091f694', class: "s-user-settings-section" }, h("salla-list-tile", { key: '93a7aec26398f466f350defd6f1878b89dc85351' }, h("div", { key: '2e89f6967972d7b95fe43ad735a2180409d234dd', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '622a59eff6171b5b1bb86d8482142df673cbf794', innerHTML: UserCancel })), h("div", { key: 'ce73e774974ea08605635a8443d068c73fd20129', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '000e5e933e8d6a1f1d4742b0441d86c8403d6cb5', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '498fc6ec63be3a7bc0a78b208a48a824af5c38df', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '707181396eddd29d85826a48fb74a7119cfed2d6', class: "s-toggle" }, h("input", { key: 'a2188b266c8abe95a94affb128611074f8889405', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '1d50965f07763ba23f1675736f7d676a2e3300b9', class: "s-toggle-switcher" }))))), h("div", { key: '303f5388b3cb3954dc574dd8ac2c5f3981e870ce', class: "s-user-settings-section" }, h("salla-list-tile", { key: '6c751eafd2a3547fa7adaaf165230857c22820d4' }, h("div", { key: 'aaf770f0e43798c73d6fb7c5e0a71b7e03f812b8', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '3e5bbc36ed00b1c99816557314d82a5c51ceefac', innerHTML: Bullhorn })), h("div", { key: '9dce63894704b419536b9f7afec474b90bf047a8', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'd1df5e80e9ee8b8512cfe334b3032d64a61b9dc2', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'a57e08a44055a8859b4f3f2fd4ee8e7d3abf8e46', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6289b221064d45fd944bbed843350f4183d32e7e', class: "s-toggle" }, h("input", { key: '545e32938c4f1da231486b20be8f220108c20019', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'efa1680c2fbbdcc280330ffa3d83379e96b0e755', class: "s-toggle-switcher" }))))), h("div", { key: '86e21a0171941aa0f1ddf008f479101a707c7e00', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '55f0b6d0b72ff1f91ff4ba09d28e8962e7f445b3' }, h("div", { key: '2d8ff66a76c3c8bf6a3c0e5222c142c0402b1c75', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'e59a4224af4f355679e2e163ca97c0f03b121ac7', innerHTML: UserOff })), h("div", { key: '59d4a4d841ab40f782f5a6a258c5e91211376d22', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'b51a3eedf67d2635ebbf15eb7e39289866b92481', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '0871a013df31afcacad1f3e3f2a37a80668fffa0', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'c42688b4aa87c5cbeb2145246327271cbc7561b5', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'eaf3dbc98dc2483d2251fa5858bf77d698d24d66', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'e7403e420404a68db65c1efa8edfa7ce8095ed82', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '1625698c6e2d8058177b51b5565adcf3fb92115f', class: "s-user-settings-confirmation" }, h("div", { key: '97a28f55f8dd76f15caa25148021501fe6447ddc', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '8454d3da817db426934ff49b535f82e9e0711eb9', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '9227e5eb5854e0415c0280c752340a526c2d19fb', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '3788d8ebbfe73e4bd085c942a9a651e22e4585e1', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {