@salla.sa/twilight-components 2.14.418 → 2.14.420

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -53,11 +53,11 @@ const SallaProductSizeGuide = class {
         return index.h("salla-placeholder", { alignment: "center", iconSize: "xl" }, index.h("div", { slot: "title" }, this.placeholder_title), index.h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (index.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 }, index.h("span", { key: '48f9e18ebfec9999dc856fe3c7bca7854e4f53b3', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), index.h("div", { key: '9fc445cfb72dfdd5d0d306419041aa9f3acafb66', slot: "loading" }, index.h("div", { key: 'f5dbfb1560940a691f891e7d41eca22977693d79', class: "s-product-size-guide-skeleton" }, index.h("salla-skeleton", { key: 'c6790017016fc8b471601bf093051f80183645c9', height: '15px', width: '25%' }), index.h("div", { key: 'ba72c67c7b26e62ed4548444ba9083f83816f59e', class: "s-product-size-guide-skeleton-header" }, index.h("salla-skeleton", { key: '4fd934c7bf103bcd937028bacda524915a40f76a', height: '40px' }), index.h("salla-skeleton", { key: '3754ae6eca3938380261e221f6941b2ef2a381dd', height: '40px' }), index.h("salla-skeleton", { key: 'a2007afe625ce45713b3a2f64a62cf0da101c1e9', height: '40px' }), index.h("salla-skeleton", { key: '7ed982fa2c6c862bf724fa1b1dc059db2f5dbc41', height: '40px' })), index.h("div", { key: '3914b9dde80d2257a55b0aa156f61df5936f1bb5', class: "s-product-size-guide-skeleton-content" }, index.h("salla-skeleton", { key: '51b96df249504517e4c3fe1098be2937cbaeef63', height: '15px', width: '25%' }), index.h("salla-skeleton", { key: 'd5844e3c91eddc4821b97cc9991a2441dd0bb117', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '976e70a0aa160dd9b4dbe4d0f9f0675f5c3308ea', height: '10px', width: '50%' }), index.h("salla-skeleton", { key: '1baf5286915a708ea68850c9c82e7970c6521c86', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '8ecc89a3defd83637936023b0d0841c55c6799cd', height: '10px', width: '100%' }), index.h("salla-skeleton", { key: 'eb90ea350d6947596688595bb898a8c3a8dcac39', height: '10px', width: '25%' }), index.h("salla-skeleton", { key: '282d747e764c2761aa4b68f145467371acd66f32', height: '10px', width: '60%' }), index.h("salla-skeleton", { key: '610491fa3769027ceebec2ab46e7166d0bfac9f2', height: '10px', width: '45%' }), index.h("salla-skeleton", { key: '8162ba3bec487efe6fa1c0adf2355bd175d8310a', height: '10px', width: '30%' })))), index.h("slot", { key: 'b55b29cfeb52e41c0c56a79bded075fda7f49fab', name: "header" }), !this.hasError && !!this.guides ?
+        return (index.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 }, index.h("span", { key: '5989a906d9d0e843142374c202aa5276731282e8', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), index.h("div", { key: 'a87674a01f544d91a16303cf96111633ca4438a3', slot: "loading" }, index.h("div", { key: 'f1e2f05860bb25796752283af36515432803ca9a', class: "s-product-size-guide-skeleton" }, index.h("salla-skeleton", { key: 'e579db557854a2b7903f5c435977c8d410a9157a', height: '15px', width: '25%' }), index.h("div", { key: '0b6e56e41efeebfe5215afb17e69b465f5a9992a', class: "s-product-size-guide-skeleton-header" }, index.h("salla-skeleton", { key: 'fbc7b34bdb2cf914b7d197432132065a4d1c4152', height: '40px' }), index.h("salla-skeleton", { key: '8045c64a63a469f70f87f686ec986d0c6f5aa1c5', height: '40px' }), index.h("salla-skeleton", { key: '0abd35f5af325ca1f2208659a9fb1f2ca284adfd', height: '40px' }), index.h("salla-skeleton", { key: 'd444ac5dd6391b9c902e17f98c0d3c35a939e678', height: '40px' })), index.h("div", { key: '1a217120cd307a4b837175b3eace97788a4195e4', class: "s-product-size-guide-skeleton-content" }, index.h("salla-skeleton", { key: 'a47510c2ba3357066fe2452f8dbf899bda36177f', height: '15px', width: '25%' }), index.h("salla-skeleton", { key: 'e097a5097938fc4fda820d753c42c08d06dabbea', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '16267e9b3f7a21aa384d8a8a59ff05473aebfe97', height: '10px', width: '50%' }), index.h("salla-skeleton", { key: '904842b7bde12557b9a72dc48bdeb6ebd3c65ed4', height: '10px', width: '75%' }), index.h("salla-skeleton", { key: '4286e18b5198144636f9f4ad8a2445ca41673918', height: '10px', width: '100%' }), index.h("salla-skeleton", { key: 'b1483afcb842489b5c6997216bc7e8c24437f16f', height: '10px', width: '25%' }), index.h("salla-skeleton", { key: '140f19a164bbb547c844a8483efcd86f18336a20', height: '10px', width: '60%' }), index.h("salla-skeleton", { key: '23475f824cb98b0a776b5ae2b3715a14b9413d4b', height: '10px', width: '45%' }), index.h("salla-skeleton", { key: '75d3bcd58f50886ffad02b329d5153b0ae41d46e', height: '10px', width: '30%' })))), index.h("slot", { key: '836b93fd9084ee2f19077333ac31e1629a5ad118', name: "header" }), !this.hasError && !!this.guides ?
             [
                 index.h("salla-tabs", null, this.guides.map((guide) => index.h("salla-tab-header", { slot: "header", name: guide.name }, index.h("span", null, guide.name))), this.guides.map((guide) => index.h("salla-tab-content", { slot: "content", name: guide.name }, index.h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), index.h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
+            : this.showPlaceholder(), index.h("slot", { key: 'ac635b008e11b61918efb43ba6489c4130831a32', name: "footer" })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');
@@ -97,7 +97,7 @@ const SallaProductsList = class {
     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) {
@@ -133,7 +133,7 @@ const SallaProductsList = class {
             },
         });
     }
-    initBaseNextPageUrl(source) {
+    async initBaseNextPageUrl(source) {
         this.nextPage = salla.url.api(`products?source=${source}`);
         if (this.includes?.length) {
             this.nextPage += `&includes[]=${this.includes.join('&includes[]=')}`;
@@ -162,8 +162,9 @@ const SallaProductsList = class {
                 }
             }
         }
+        this.nextPage = await this.applyBeforeBuildListUrl(this.nextPage);
     }
-    buildNextPageUrl() {
+    async buildNextPageUrl() {
         let source = this.getSource();
         if (source === 'json') {
             return;
@@ -175,7 +176,7 @@ const SallaProductsList = class {
                 return;
             }
         }
-        this.initBaseNextPageUrl(source);
+        await this.initBaseNextPageUrl(source);
         if (this.isSourceWithoutValue()) {
             return;
         }
@@ -495,7 +496,7 @@ const SallaProductsList = class {
                 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) {
@@ -550,6 +551,25 @@ const SallaProductsList = class {
             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.Helper.injectExtraFieldsToResponse(response);
@@ -576,18 +596,21 @@ const SallaProductsList = class {
             //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;
@@ -602,7 +625,7 @@ const SallaProductsList = class {
             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) {
@@ -654,9 +677,9 @@ const SallaProductsList = class {
         }
         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(() => {
@@ -675,7 +698,7 @@ const SallaProductsList = class {
             });
         }
         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() {
@@ -701,7 +724,7 @@ const SallaProductsList = class {
         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 [];
@@ -751,7 +774,7 @@ const SallaProductsList = class {
         }
         //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();

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaProgressBarCss = "";
 

package/dist/cjs/salla-quick-order.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-Bgvt2hc9.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-reward-action_4.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
-var functions = require('./functions-T48FHZw8.js');
+var index = require('./index-vstkdqRz.js');
+var functions = require('./functions-DlISHrKx.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-BnNAgCN_.js');
+var trackedPromise = require('./tracked-promise-BJe1J-1V.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 
@@ -110,10 +110,17 @@ const SallaRewardDetails = class {
             return [];
         const brands = this.brand.data;
         const categories = this.category.data;
-        return brands.concat(categories).filter(i => ids.includes(i.id));
+        // id_ is the numeric ID from the API (e.g. 740744759); id is a string hash (e.g. "zEVZGx"). included_category_ids/included_brand_ids are number[], so id_ is correct here.
+        return brands.concat(categories).filter(i => ids.includes(i.id_));
     }
     getIncludedItems(items, ids) {
-        return items?.length ? items : this.findItems(ids);
+        if (items?.length) {
+            return items;
+        }
+        if (ids?.length) {
+            return this.findItems(ids);
+        }
+        return [];
     }
     getProductIds(ids) {
         return ids || [];
@@ -157,11 +164,11 @@ const SallaRewardDetails = class {
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (index.h("div", { key: '3140551c4bcc64429a2f820ae9f915f19f6d3a77', class: "s-loyalty-program-reward-modal" }, index.h("div", { key: 'b193833caee8153c71b6c9f6af95358503afa103', class: "s-loyalty-program-points-modal-header" }, index.h("h1", { key: '0567985c10193a8eba6570bda8abf4aefa75657a', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (index.h("div", { key: '17b29a9098873643557786c9d9515b6245e2d773', class: "s-loyalty-program-reward-modal" }, index.h("div", { key: 'bd5411918a07a8e2dc1eb8ef7b1e06e82403d280', class: "s-loyalty-program-points-modal-header" }, index.h("h1", { key: '9e6d884e3e70c0ff3dbb005f61d48c1d1fa2ee65', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
             : index.h("button", { class: "s-loyalty-program-back-btn", onClick: () => functions.closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, index.h("span", { class: {
                     'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
                     'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
-                } })), this.prize.name)), index.h("div", { key: '66bb25eadb6c640b4c661b6b3e227b4b8ef4f40d', class: "s-loyalty-program-modal-scrollable-content" }, index.h("div", { key: '1cc1c1c121240fab3ccd32bce176deec378ef3fd', class: "s-loyalty-program-reward-details-header" }, index.h("div", { key: '81f43a0c61ed0889810efa2cf4447477c2b08094', class: "s-loyalty-program-aspect-container" }, index.h("img", { key: 'eb09214a175e8484dfc6c870492e49e3e28cbe42', src: this.prize.image, alt: this.prize.name })), index.h("salla-badge", { key: '2ce3001371ab69c73453957f6dfb066710d88edd', size: "sm", bg: "light" }, index.h("span", { key: '459b58a09e6f59314c83f7d1a5baf6c559f02bd1', innerHTML: gift.SIGift }), index.h("span", { key: '1cd0a85c1d2b9cdf1430e90bd12bbe83f1b05813', class: "s-loyalty-program-points-badge-points" }, functions.formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : index.h("div", { class: "s-loyalty-program-terms-and-conditions" }, index.h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), index.h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (index.h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, index.h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), index.h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), index.h("div", { key: 'a25d46f6a961844efd8f920bf5e4e1fd836cb460', class: "s-loyalty-program-reward-info-message" }, index.h("h1", { key: '4cf3e9e123993f6be8fb67df243156996b2a6fdd', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), index.h("p", { key: 'd658e9aea4384bc89a7a4cae956e90844092894a', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : index.h("div", { class: "s-loyalty-program-reward-details" }, index.h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
+                } })), this.prize.name)), index.h("div", { key: '09d716d984701a251a3a759acbf112883fd0cf8f', class: "s-loyalty-program-modal-scrollable-content" }, index.h("div", { key: 'f7e2c8d017ba4dab380d08e0c7a5f1e49416b1f4', class: "s-loyalty-program-reward-details-header" }, index.h("div", { key: '369bb4e9a1b8d8dde62de1236b4d836fd3d6841f', class: "s-loyalty-program-aspect-container" }, index.h("img", { key: '3ed20feecdcd1c7433ec465364ae62639824ee6d', src: this.prize.image, alt: this.prize.name })), index.h("salla-badge", { key: '2bba4702e75d05622b719fa796efccda0520ce69', size: "sm", bg: "light" }, index.h("span", { key: '837afff2bdf9a390e8ca373f31dddbd84d7c6a91', innerHTML: gift.SIGift }), index.h("span", { key: 'c3631a877062d69947928b1beee2ae4932910eec', class: "s-loyalty-program-points-badge-points" }, functions.formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : index.h("div", { class: "s-loyalty-program-terms-and-conditions" }, index.h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), index.h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (index.h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, index.h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), index.h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), index.h("div", { key: '872bfd776acf67910a5cdeafdb48e2c7afd5d71c', class: "s-loyalty-program-reward-info-message" }, index.h("h1", { key: '253e6f58946e911ba2b74ef18ebcee0eae0bb514', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), index.h("p", { key: 'ce4b30fab9f1fae89fd956ae3eb20e5750fcea09', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : index.h("div", { class: "s-loyalty-program-reward-details" }, index.h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
             index.h("salla-tab-header", { slot: "header", name: "included", style: {
                     display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
                 } }, index.h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: check.SICheck }), index.h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
@@ -171,7 +178,7 @@ const SallaRewardDetails = class {
                     display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
                 } }, index.h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: cancel.SICancel }), index.h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
             index.h("salla-tab-content", { slot: "content", name: "excluded" }, index.h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.excludedCategories, this.prize.excluded_category_ids), salla.lang.get('pages.loyalty_program.excluded_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.excludedBrands, this.prize.excluded_brand_ids), salla.lang.get('pages.loyalty_program.excluded_brands')), this.getProductsJsx(this.getProductIds(this.prize.excluded_product_ids), salla.lang.get('pages.loyalty_program.excluded_products')))),
-        ]))), index.h("salla-reward-action", { key: '3b355609aa30f12d0fae5a95681d19b62193113d', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), index.h("salla-reward-action", { key: '4055a99cf9dd6a30448848544d302e929afb5f06', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
     }
     static get watchers() { return {
         "prize": ["handlePrizeChange"]

package/dist/cjs/salla-scopes.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->
@@ -160,7 +160,7 @@ const SallaScopees = class {
         return salla.onReady();
     }
     render() {
-        return (index.h(index.Host, { key: '496e4e55483fee5b91818a760adb95d606b0d146' }, index.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 (index.h(index.Host, { key: '743fc37aec29a2ec15deb00c7463b51d0edcc29e' }, index.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 ?
             index.h("div", { slot: "loading" }, index.h("div", { class: "s-scopes-skeleton" }, index.h("salla-list-tile", { class: "s-scopes-header" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon" }, index.h("salla-skeleton", { type: "circle" })), index.h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, index.h("salla-skeleton", { height: '15px', width: '50%' })), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, index.h("salla-skeleton", { height: '10px' }), index.h("salla-skeleton", { height: '10px', width: '75%' }))), index.h("div", { class: "s-scopes-skeleton-search" }, index.h("salla-skeleton", { height: '10px', width: '50%' }), index.h("salla-skeleton", { height: '30px', width: '100%' })), index.h("div", { class: "s-scopes-skeleton-scopes" }, index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' })), index.h("div", { class: "s-scopes-skeleton-btn" }, index.h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [index.h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), index.h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), index.h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && index.h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

package/dist/cjs/salla-search.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
@@ -131,10 +131,10 @@ const SallaSearch = class {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (index.h("div", { key: 'c1ac55ddb93b42cb84c30c0248be8949afef39df', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, index.h("div", { key: '6bdecb7d3511a5c97b4bb52860dcd050dc943573', class: "s-search-input-wrapper" }, index.h("span", { key: '93a0cd39aef09955e72657ba32a7ac1d4c6bdb7b', class: "s-search-icon-wrap" }, index.h("span", { key: '435ca7f22ba4d93eafe9fde32a7e62a55340e6a8', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : search.Search })), index.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 = (index.h("div", { key: '6d47849faffad8faa82bfb8368ea2ad9e2aced49', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, index.h("div", { key: '6c6330e985c6505b1cf8c78e5ab95cb3b22844c9', class: "s-search-input-wrapper" }, index.h("span", { key: 'e01360120e50a316881569d19e455ccb998e50ab', class: "s-search-icon-wrap" }, index.h("span", { key: 'f9d9e717638271402ba445d59ec8b5315d542a16', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : search.Search })), index.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 ? (index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: search.Search }))) : null), index.h("div", { key: '9fc770575d0deeafda11f85aeb420a66cc2c2f64', class: "s-search-results" }, this.results?.data.map(product => (index.h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: search.Search }))) : null), index.h("div", { key: '1a28e1cef5a6785ed45cef1beb1e177c174aca0c', class: "s-search-results" }, this.results?.data.map(product => (index.h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -143,9 +143,9 @@ const SallaSearch = class {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), index.h("p", { key: '31de1c46ae9ea8dce146f7a5e3b10eb61781a5e9', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (index.h("salla-modal", { key: '14efe319f3f844b2f3a1759a7f860b4dc3652570', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (index.h("div", { key: 'affda57d4ae84ea36e215bc17bc328b9f1a5a8de', class: "s-search-placeholder-wrapper s-search-inline" }, index.h("div", { key: '51f3e2afd425459365887b4e7c1ef2da4433dbe8', class: "s-search-input-wrapper" }, index.h("span", { key: '79ed8316f06548aecb3a76384835e64e72330917', class: "s-search-icon-wrap" }, index.h("span", { key: 'ba690f7b674dac90062ed2328c6396933c4ac872', class: "s-search-icon", innerHTML: search.Search })), index.h("button", { key: 'ac57df999004b21e1469978f9963aceded386d9d', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), index.h("p", { key: 'df6eb433971ec24b64de09de7f5d861fe7d26c7e', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (index.h("salla-modal", { key: '37af042080e667919d94197c9ac16496a716bc9e', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (index.h("div", { key: 'ce1fa4591a9c61563344a8bc48ed3e09d1ad6796', class: "s-search-placeholder-wrapper s-search-inline" }, index.h("div", { key: 'f42ee11b614068bcbde12e6e82034b8b3b22bfaa', class: "s-search-input-wrapper" }, index.h("span", { key: '8b775e814e03a3de5c24bbe4e252e3e78fa82988', class: "s-search-icon-wrap" }, index.h("span", { key: '69cfca5e26fe366e2544e95e9b468aba28b32e55', class: "s-search-icon", innerHTML: search.Search })), index.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/cjs/salla-skeleton.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaSkeletonCss = ":host{display:block}";
 
@@ -28,7 +28,7 @@ const SallaSkeleton = class {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (index.h(index.Host, { key: '8f574f21608fb5177c8a5d7e0d84d1c1065e49a4', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '6c86b14ec10c5ccea8f336ab87fb433c49104149', class: classes }, "\u00A0")));
+        return (index.h(index.Host, { key: '9f9448d939ba69f60eca8dc6ea2ff98a047d6770', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '3b43bb472316b5541a90081a5f3cb6ef91558212', class: classes }, "\u00A0")));
     }
 };
 SallaSkeleton.style = sallaSkeletonCss;

package/dist/cjs/salla-slider.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

package/dist/cjs/salla-social-share.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-Bgvt2hc9.js');
@@ -150,7 +150,7 @@ const SallaSocialShare = class {
         window.a2a?.init('page');
     }
     render() {
-        return (index.h("div", { key: '49da8d5e8066550792640f4677eb43f762fbecbe', class: "s-social-share-wrapper" }, index.h("slot", { key: 'ee7ef614fe373217829caa31f0eb9526e6695d93', name: 'widget' }, index.h("salla-button", { key: '53c41b4185b19a08cdadc4ce30baed08dd95d638', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: 'dae3c709e895a8e023bfc8aff490e52ea0e8e19a', innerHTML: this.opened ? cancel.SICancel : ShareAlt }))), index.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 (index.h("div", { key: 'b3e61354de13c16f9bce1dd4cd397375d9a42da9', class: "s-social-share-wrapper" }, index.h("slot", { key: 'ef44d8cda6967977a59a0fe85777add8a73ffa59', name: 'widget' }, index.h("salla-button", { key: '243916c3a241c9dceb11a406faabe033c71820d2', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: 'a6fd2be4e2990f285960308cfd985d37e464d205', innerHTML: this.opened ? cancel.SICancel : ShareAlt }))), index.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 (index.h("li", null, index.h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return index.h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/cjs/salla-social.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->
@@ -57,7 +57,7 @@ const SallaSocial = class {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (index.h(index.Host, { key: 'a0b31aa06db07b8b4018b8d178dc27726eddb43e' }, index.h("ul", { key: 'b758199092ddf7c0e0b384f3f118d00c239104dd', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (index.h(index.Host, { key: '27639596a37f52686c1ac4b1a825fa143747216c' }, index.h("ul", { key: '9f6a6c96fe124fda09d2b879e3825ef73ec29c2c', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.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/cjs/salla-tab-content_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaTabContentCss = "";
 
@@ -33,7 +33,7 @@ const SallaTabContent = class {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (index.h("div", { key: 'f2deb9c1508aafe3aff5352094cccc97bdcd42ef', class: classes }, index.h("slot", { key: '460588864047444acdb06e757a7124d28935c24b' })));
+        return (index.h("div", { key: '8678e860af6640f0ff1a92593fbe624416412b49', class: classes }, index.h("slot", { key: '10951e5230f9c5fbfbd5959d3773d44b66e85315' })));
     }
 };
 SallaTabContent.style = sallaTabContentCss;
@@ -92,7 +92,7 @@ const SallaTabHeader = class {
             's-tabs-active': this.isSelected,
         };
         return [
-            index.h("div", { key: '153247ab5a7c73819ccc506a45e60b9c084c391c', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '417a3ae0c0aec8a965b5d3be9a4f917f290d2109' })),
+            index.h("div", { key: '02bd540222ec3bd4adac0dd08132c366e29c6d9d', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '9e6de884cb209d499e4bbd055e40c525680a7c37' })),
         ];
     }
 };
@@ -145,7 +145,7 @@ const SallaTabs = class {
     }
     render() {
         return [
-            index.h("div", { key: 'ae50836f68ee92459720fa9bf00d73848d849627', class: "s-tabs" }, index.h("div", { key: '55e8186e80381902269f9bad5738d9a555f71d37', class: "s-tabs-header" }, index.h("slot", { key: '46ce3e1ea75f92165b3d5ee7c16f19f8693f6d31', name: "header" })), index.h("div", { key: '3669e643abb37ed2edca73fc0577822a3f7fbb90', class: "s-tabs-content-wrapper" }, index.h("slot", { key: '2cf8b79f44630e21103991325ceff2cd3a4019ba', name: "content" })))
+            index.h("div", { key: 'ecbcdc11af92d35afe933b11676bcf4769d19162', class: "s-tabs" }, index.h("div", { key: 'fa4fdecbc995dded92e3d64bf770d6375ad53fd2', class: "s-tabs-header" }, index.h("slot", { key: '730c1a278e95b7fa98da29956fee23dcd06e641d', name: "header" })), index.h("div", { key: '9721096ba8e1236500855a80f569e6ea8a4c1c32', class: "s-tabs-content-wrapper" }, index.h("slot", { key: 'ce82c43fd21bd1f28a7658b927646d0ff6052ea7', name: "content" })))
         ];
     }
     get host() { return index.getElement(this); }

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 var DiscountType;
 (function (DiscountType) {

package/dist/cjs/salla-tooltip.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 
@@ -33,7 +33,7 @@ const SallaTooltip = class {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (index.h("div", { key: 'e5e8f78265e0abb1d4130fd084573c6cff1ecb2c', class: "s-tooltip-container" }, index.h("div", { key: '4dc98906dfd28c6e2d97b51329c07046eb15179c', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? index.h("span", null, this.text) : index.h("slot", null))));
+        return (index.h("div", { key: '789e7e8e0653d68b5387b2199e05f287c8b91c92', class: "s-tooltip-container" }, index.h("div", { key: '0342a96fa7c3d316cfc9f5435dc7321920044a12', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? index.h("span", null, this.text) : index.h("slot", null))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaTrustBadgesCss = "";
 

package/dist/cjs/salla-user-menu.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

package/dist/cjs/salla-user-profile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js

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

package/dist/cjs/salla-verify.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var mail = require('./mail-Bgvt2hc9.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-wallet.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/{tracked-promise-BnNAgCN_.js → tracked-promise-BJe1J-1V.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);