@salla.sa/twilight-components 2.14.474 → 2.14.476

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);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:var(--color-primary) 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: '8d1ca64f3e7debdf91b568db90a6f9232d52bb67', class: "s-tooltip-container" }, index.h("div", { key: 'e9a5c89186a60da8e7b60dbcec798a6cbc5abfe2', 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: '84dfb23d4eb2689ff71b65c4a8b24dd36f8cb6ca', class: "s-tooltip-container" }, index.h("div", { key: '59d3bac320e20f99de1c4bf49531a61962190efc', 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-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaTrustBadgesCss = "";
 
@@ -238,7 +238,7 @@ const SallaTrustBadges = class {
         if (!badgeData) {
             return null;
         }
-        return (index.h(index.Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, index.h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }), index.h("div", { class: "s-trust-badges-content" }, index.h("p", { class: "s-trust-badges-label" }, badgeData.label), index.h("b", { class: "s-trust-badges-number" }, badgeData.number))));
+        return (index.h(index.Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, this.isVisibilityEnforced() ? index.h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }) : null, index.h("div", { class: "s-trust-badges-content" }, index.h("p", { class: "s-trust-badges-label" }, badgeData.label), index.h("b", { class: "s-trust-badges-number" }, badgeData.number))));
     }
     get hostEl() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.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-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.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-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.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: '75182aab84957e3bdc3f5a47e375018a2ff314b0', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: 'e93c12ca10adca2a3168d34901d353c2e6eda7f5', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '5b2f854e1f51f13b05af37fe68fa272fbeb3710e' }, index.h("div", { key: '5f567be1027fa9fc2e6548cb7ee48c7c63200ccf', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '95de506d0602d42220cccd177f59e5ff6e19c24b', innerHTML: UserCancel })), index.h("div", { key: 'bdf6e363e3da465add976ab41e334a3fd65fc627', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: 'b16c23c79a8d020430944f97d99a2403f808059a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: 'e85db2fc26fddc13de274cfc9d5d8959d3813875', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '0f92f016964de209357ee8f5d33ec55ea1ab631c', class: "s-toggle" }, index.h("input", { key: 'af69334d492767ddc19163712a60d29c4c43a96a', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '717aea4ae7824ce678788b5f3da1a44887c963e7', class: "s-toggle-switcher" }))))), index.h("div", { key: '7da94547cf6232426bcf263228b4103420fd6982', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '054cdd4098be9212714b0d25fddb73245c08ca23' }, index.h("div", { key: '3f723259a362eb01c35b687a775a555a2e18bf11', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '49ac90f0cbd762d7cd00cff16a4a47edb6d9cf4b', innerHTML: Bullhorn })), index.h("div", { key: '22cbeabe93f0744896b9256f581c06481ada6c79', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '03c2308043dbed614661a403ae9061f1b9243aac', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'f7f929822e2fc6d9940ea1781d79133c2f8cddae', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '000dc08a23a5058d068250791db192c5d66bb30f', class: "s-toggle" }, index.h("input", { key: '876e1ff0e464dc50354df202b582946797a7bb5b', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '69c91292e02230dc9312b83262dd05ee90db03ab', class: "s-toggle-switcher" }))))), index.h("div", { key: '6cc989da59fbff61d601a84a73c3d0d1f791b1d0', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: '3b9d325b1c2a50c9335df3408b0525c7a2f0cd69' }, index.h("div", { key: '67297f7fe70a11390607528f10dbe1974e527f4b', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '21d9b48ca06309156906bee1a5280107b7ff187a', innerHTML: UserOff })), index.h("div", { key: 'a47e50acadecf6f444119c5201e06332870ac301', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: '472d0d4ba8a52f8410cd859e6101037166d4daca', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '843116bd516f196793a24601c84ec47bb876fe85', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: 'fd412acdb5f5093cb98d73a45348a58ac848596a', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: '80e9ea0e4e0ae7bcee04cbe2b1d51732f700369b', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: '3379bb4aba323a5aa20ecd3e279c93c799457d06', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: 'def53bc74aedb1b6d739dc7be248c4afaf61e37a', class: "s-user-settings-confirmation" }, index.h("div", { key: '3f84b9e976c9ee8081dc3f7360a7940623d524e3', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: '47f325528be69b14a08a22560570b27b82cdd867', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: '1c467025b0f76b7cff53eae5e98577d6378618f5', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: '5c590fedc148bef454bf772cf30503e7d7c1f091', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (index.h(index.Host, { key: 'ae94c12d52ff04f41f08d4a107a35aa2bd94ee0a', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: '5b46a680b85fc72976c5c3d4f478b64b6c1d483c', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'b41bb42ea03a2ed63c7664d0b98ee045110c31d0' }, index.h("div", { key: '29abb43471c5160b7817f153c8968593332e7826', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '3fd763ac2437570eed2073acb6b57cbdd0f1cdac', innerHTML: UserCancel })), index.h("div", { key: 'cbff9be1b97a31a11d1b10d88d2408070047fd3b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: '5fd0a91c56d9b8deeed04fb52a033fe5c1ad84ee', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: '81ed76bd7b69ae7b16440f131cd78905d33da607', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: 'ae98c8814636b4e6008c421b291353ba2c4b91e7', class: "s-toggle" }, index.h("input", { key: '0c01d7706053667e80539a0a293ea21f4304e423', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '31d91e01bc2a28a6cd81af024b99bd42f1a04947', class: "s-toggle-switcher" }))))), index.h("div", { key: '7dd3c504babb5b79d07d08c5665cd5e080cb9a4d', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '9573ce56a617ac5c3e64f7cd868269f7f5f991cd' }, index.h("div", { key: 'deb424768ebb4b1086067816f4359e5b56da6044', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'db74169678f85313ef3b6c9a5ff92f8afaf012c2', innerHTML: Bullhorn })), index.h("div", { key: '569cc0dd9462bb606dab18116c071acb49fd8f48', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: 'fbe15f41b42ee2f98585ae29ff985cbe3b6f0ef1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'c1a4fd8a0a340a73adb9efac7c7d75534b13ce3a', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: 'fade0f4d1a9214169bb087900561afd482674a75', class: "s-toggle" }, index.h("input", { key: '87cf0b041a89d79b23c2dd0d929c3b14dd18fb96', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '7812c9a8f51a7ad64172db275ac050f8b45ec6e5', class: "s-toggle-switcher" }))))), index.h("div", { key: '7224d14d365a9fd767e2b900dd1e30c6bee69e7e', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: 'cb61e0a146115885a36455159d808d7edbbdff5b' }, index.h("div", { key: 'c073c1bbca5ae9496a4116323611d15f33d68566', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'ed78cb19724511219f35ed85e3d915ced708d46c', innerHTML: UserOff })), index.h("div", { key: 'f8a9ba483b7af0216536a130554186b722f9ad6e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: 'fd9cdf72725204e320c56b1bd6ac4cf2d77d2176', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '739a99cfb762cd18d91c955b218ab0d06a289a9a', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: 'c2fd322ae8ff4060c21c65cfdd8b1d89bb338e3f', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: 'f8c8a2922ffd79d2dc04a35cf964882526b6b91c', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: 'b036e50b12f521c0f623ae7afded1113b0fc20ab', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: '0ae61369ece6d96056e0b461ba7a3e0104e00583', class: "s-user-settings-confirmation" }, index.h("div", { key: 'ef2eef33396e9eaa0c43d2196e43b61917f3c5fe', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: '1656cb466302c11990d5e0d9833b21cb47766846', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: 'ce75f721106b103e6c7f2cfc75f8be08aba54f9c', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: '006ceecf237eee2febde96ff584eb8256b820049', 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-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.js');
 var mail = require('./mail-C9D8MHae.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-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.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/salla-wishlist-actions.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.js');
 
 const sallaWishlistActionsCss = ":host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}";
 
@@ -319,7 +319,7 @@ const SallaWishlistActions = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd7d04101999f18d75948b08da81f6d7b1afc9aae' }, index.h("div", { key: '84a0fd14c0c047a5068580d19201768a556b8e3a', class: "s-wishlist-actions" }, index.h("div", { key: '9fd499560685e927ceae24bc66f1913c702f4a11', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, index.h("div", { key: '0aa5e1a225053647cc9657e2b18753091b29eab8', class: "s-wishlist-actions-dropdown relative" }, index.h("salla-button", { key: 'df1043ab21b4dbef0306b6b98205b113a1a03c5d', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, index.h("div", { key: 'd3e6aa76f57515690d6407540e689c496eed3a3f', class: "flex flex-row justify-center items-center gap-2" }, index.h("svg", { key: 'd01a523d8f4b2a346a997aa4cc39fca1842251ab', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: '2252e3439eefd2f440c34e7826a9a2056896a5c3', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, index.h("svg", { key: '571c18e4ab4fd96316daf93731d4c86fd3518bc6', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: '2052db577a9f138f76842680cc6932403b92c0e1', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (index.h("ul", { key: 'a21af19b80cebae0f3d09e0d3b64e0c06f37f638', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, index.h("li", { key: '133e87849b1f2e77acdc9ad082c7bc18f7264378' }, index.h("button", { key: '28579c772443b7b9305a9dec28185b42b198953a', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), index.h("li", { key: '20ad2ceee62640f46c558c224e4ecf36b669a187' }, index.h("button", { key: '1e8058d5a5d32174978e3f8ca495861a2f9d22af', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), index.h("salla-social-share", { key: 'b958b31a701ca9e6fac473a8242dba43074bfb8c', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, index.h("span", { key: '60fe765f36ff8f024e2180a084abbba401e0e6c5', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (index.h("div", { key: '5cbdef791a909ea3e2098c178ced94cac03febf0', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, index.h("label", { key: '319e0aa56906ad210d846d4690002556d275554b', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, index.h("input", { key: '1515b3f79945e6cbb1c33fce69c433fae2774867', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), index.h("span", { key: 'ee2102a09d6c998eb214bb96ee71e1ee647699e5', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), index.h("div", { key: '32912748a5a451122f7e3a3a98c1b8d393c00447', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, index.h("salla-button", { key: '6150853b2efd8562d76e05a97e0d6523a696e397', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), index.h("salla-button", { key: '394a3f626c84b1aff0533026946e3288d70dc0ee', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (index.h(index.Host, { key: '6329ecd00f2d08cd0fc485c371e98fe7984502d0' }, index.h("div", { key: '6e24cd1109ae290196337fe3e1e05cfd074966a9', class: "s-wishlist-actions" }, index.h("div", { key: '82c29d5b203368059c7883272c36576b19bdfd2d', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, index.h("div", { key: '3f85ad6a6e72308b71d506d2fc8687672b00ea7a', class: "s-wishlist-actions-dropdown relative" }, index.h("salla-button", { key: '56c109a338bc9fa06aebdadb041b6587440fa71a', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, index.h("div", { key: 'f0cf0dc66dd8ce00ac878481bbf21662d1853eba', class: "flex flex-row justify-center items-center gap-2" }, index.h("svg", { key: '3b97ef84df832a0bc1198319cc63b753da915b37', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: 'e8c626812dad32a5fc3165b58ce76a5c39586f09', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, index.h("svg", { key: '731093a2d4393fe53d63e96ecc48fcb4c4a360d2', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, index.h("path", { key: 'af87c9481389b4b1e544e0ab2eac43db6c164aac', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (index.h("ul", { key: '62ce5ade389fb563d2548fd94939f697dbc03d8a', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, index.h("li", { key: '7cb443687290ce4c7144b71140b68c020bb52dd4' }, index.h("button", { key: 'd55410bb2f164d267a9c21af2648fbef3fdc1928', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), index.h("li", { key: 'f921f5241b0e7b7ebb228049f84dfe3996081d92' }, index.h("button", { key: 'dbc903542086266571c21ada73d54dab62f5a3e2', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), index.h("salla-social-share", { key: '0e3aec575c1b4aa4cdd5bb2c61f3cc3e90687f23', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, index.h("span", { key: 'bafce0670b980b583398b3d1a997020298e35bed', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (index.h("div", { key: '216cd3409541b0f93b26e2f2bfe256a36d0ff37b', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, index.h("label", { key: '4bf9a1cc508bfc87c229f69a7134bdefae0f9535', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, index.h("input", { key: 'fbc39c6513eec5f4b1f281046b509c642ddce3db', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), index.h("span", { key: '02ba3b818ecb802d8976734738c8042163b6cdae', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), index.h("div", { key: '447df46aa76c1ecb165b7680465ff6c6dfcc967d', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, index.h("salla-button", { key: '36a6360b83dd07d20ca7763e2f12dc93f169c645', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), index.h("salla-button", { key: '3aa46bcd91bf605f7715fcaa5692e4ca0e8f199e', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/{tracked-promise-BMhfZ5Gr.js → tracked-promise-ChTKDERU.js}

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

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-Dj5fVxjj.js → vanilla-picker-ClhLWTOR.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CYT7Hux3.js');
+var index = require('./index-CvkzTFUU.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/collection/components/salla-cart-summary/salla-cart-summary.js

@@ -9,6 +9,22 @@ export class SallaCartSummary {
         this.cartSummaryCount = salla.storage.get('cart.summary.count') || 0;
         this.cartSummaryTotal = salla.storage.get('cart.summary.total') || 0;
         this.cartLabel = salla.config.get('user.language_code') === 'ar' ? 'السلة' : 'Cart';
+        /**
+         * NEW, opt-in override (gated on `theme.is_spa_webview`): only inside the SPA webview does the
+         * native shell own the cart/checkout screen, so we intercept the tap and hand the cart URL to
+         * the native bridge instead of letting the webview navigate. On web, in any existing mobile app
+         * without the flag, or when the bridge isn't available to handle it, the anchor's href is
+         * followed normally — so the button never breaks.
+         */
+        this.handleCheckoutClick = (e) => {
+            // Confirm the bridge can actually open checkout BEFORE preventing default — otherwise a shell
+            // that predates the openCheckout command would block navigation with nothing to fall back to
+            // (stuck checkout). When it can't, the anchor's href is followed normally.
+            if (salla.config.get('theme.is_spa_webview') && salla.mobile?.isEnabled?.() && salla.mobile.openCheckout) {
+                e.preventDefault();
+                salla.mobile.openCheckout(this.getCartLink());
+            }
+        };
         salla.cart.event.onUpdated((response) => {
             this.cartSummaryCount = response.count || 0;
             this.cartSummaryTotal = response.total || 0;
@@ -102,7 +118,7 @@ export class SallaCartSummary {
         return cartUrl;
     }
     render() {
-        return (h(Host, { key: 'fca2de197afcba69907579d9d553771320e27347' }, h("a", { key: '6049481fe7c6c039a964856aad1ec155951593ba', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: '606d401fe4d29ee5fb2b2829b1964fdf424f15bb', id: "s-cart-icon" }, h("slot", { key: '01bdd2f508a10334aa90f4bf55db6a01f53011f6', name: "icon" }, h("i", { key: 'a75306afbb99dce21851db370d9bb79e75f02416', class: "s-cart-summary-icon", innerHTML: CartIcon }))), h("span", { key: '7b5e9d8e00738add513d5824d0da530ef0eb8c72', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '5d70011accc0106759f0707229f3c0fc1c56fc5d', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '1793f024a7f8acbf3c41687db94a767e1ff8507b', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: '6cf885e3bf267eccd4b06e945365f3719d243e06', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (h(Host, { key: '53d6025626701e19c64643f9e62ccaa2daa656a9' }, h("a", { key: 'c1d88b8ad74590394c9acfa9ed8b88ec6db7bde7', class: "s-cart-summary-wrapper", href: this.getCartLink(), onClick: this.handleCheckoutClick }, h("div", { key: '2b01745e18463d81fee379ccef230f23f0e3d9df', id: "s-cart-icon" }, h("slot", { key: '714ca2f44c5c9f77eb14c755f55d1b1146deca40', name: "icon" }, h("i", { key: 'fa96424523444146a7f9be629251763ba2845fca', class: "s-cart-summary-icon", innerHTML: CartIcon }))), h("span", { key: 'b427766d04b4917542ff7be82e0b6841027caea6', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: 'f5566215452c961de8ea5225864536195a2f9932', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: 'fa9b82099badd45f4e9dfb0f0057dba07a92cebd', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'bd4dca3eb12509281b34514118469a5e6abc2fa5', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     static get is() { return "salla-cart-summary"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-delivery-promise/salla-delivery-promise.js

@@ -73,7 +73,7 @@ export class SallaDeliveryPromise {
         await salla.lang.onLoaded();
         this.labels = loadLabels();
         this.isDeliveryPromiseEnabled = salla.config.get('store.features', []).includes('delivery-promises');
-        this.isLoginCycleEnabled = salla.config.get('store.features', []).includes('bullet-delivery-v2');
+        this.isLoginCycleEnabled = salla.config.get('store.features', []).includes('bullet-delivery-v2') && Salla.config.get('store.settings.bullet_delivery.enabled');
         this.productId = salla.config.get('page.id');
         if (!this.isDeliveryPromiseEnabled) {
             this.canRender = false;

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

@@ -110,6 +110,13 @@ export class SallaLocalizationModal {
         await Salla.onReady();
         await Salla.lang.onLoaded();
         Salla.event.on('localization::open', () => this.open());
+        // currency::open / language::open mirror localization::open on web (open this same modal).
+        // Inside a native app the shell owns the currency/language sheets — the Salla.mobile bridge
+        // already forwards both events to native — so don't ALSO open the web modal there. This is new
+        // logic (nothing opened this modal on these events before), so gate on isMobileApp() directly;
+        // theme.is_spa_webview is not required here.
+        Salla.event.on('currency::open', () => this.openUnlessNative());
+        Salla.event.on('language::open', () => this.openUnlessNative());
         if (!this.language) {
             this.language = Salla.config.get('user.language_code');
         }
@@ -119,6 +126,16 @@ export class SallaLocalizationModal {
         // Pre-load currencies so the trigger can resolve unknown codes via API fallback before the modal opens
         Salla.api.withoutNotifier(() => this.getCurrencies()).catch(() => null);
     }
+    /**
+     * Open the web modal unless we're inside a native app, where the shell owns the currency/language
+     * sheet (the Salla.mobile bridge forwards currency::open / language::open to native). Used only by
+     * the new currency::open / language::open listeners — localization::open always opens the web modal.
+     */
+    openUnlessNative() {
+        if (Salla.config.isMobileApp())
+            return;
+        this.open();
+    }
     /**
      * open the component
      */
@@ -227,7 +244,7 @@ export class SallaLocalizationModal {
             this.showTrigger
                 ? h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, h("span", null, this.getLanguageName()), h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            h("salla-modal", { key: '9cc6354dc42690d75512a18139daa77167c047c0', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '2bf24b9cbbaae5daf0c7a6da4baec771bffe4186', slot: 'loading' }, h("div", { key: '90094d2166bc12b0a8d072ffa580606f60608f24', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'a32348c17c0583d27892ec6b31996d747cbdd39d', width: '25%', height: '15px' }), h("div", { key: 'eff3210bd11fb378c240df1764870a0633e9f1a2', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'baa493a36855ef28c487c2301484cd2f96382904', width: '25%', height: '15px' }), h("div", { key: '95f6ddfcd029fb2fd2be0d31b83aaaaa2b7c6c00', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '769599216ff51babd8d6a6665a55f58dd47bf479', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: 'f8c4089089cc05dcc26628ca92dff99a1604d5ee', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '61d4450ea6277a3848512c4a91bbe823dd8d2813', slot: 'loading' }, h("div", { key: 'e2416822d2f660bb75284e17cb0d4408b25073b3', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '529ac08f5fdd3442e63d3272e43075d30dc67bb3', width: '25%', height: '15px' }), h("div", { key: '9b87c3ff232922c2bb27f9064afe6e203532e624', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'ff35e7d5ccdb6fafc599bdaefb5390d3cba7a8a6', width: '25%', height: '15px' }), h("div", { key: 'abef2a071f3818fd980023522d118e64466d77e8', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '15611b13fb120fc02b79c4d341aa8ecd7a4265fc', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

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

@@ -41,13 +41,23 @@ export class SallaScopees {
             }
             return salla.lang.get('blocks.scope.search_for_availability_in_other_branches');
         };
-        salla.event.on('scopes::open', ({ mode = null, product_id = null }) => {
+        salla.event.on('scopes::open', ({ mode = null, product_id = null } = {}) => {
             this.open(mode, product_id);
         });
         salla.lang.onLoaded(() => {
             this.translationLoaded = true;
         });
     }
+    /**
+     * Whether to hand scope selection to the native app instead of rendering the web modal.
+     * NEW, opt-in override gated on `theme.is_spa_webview`: only the SPA webview delegates the scope
+     * sheet to native — existing mobile apps keep the web modal, so this is not a breaking change.
+     * Still require the bridge to be live so a shell that can't handle it degrades gracefully to the
+     * web modal rather than leaving scope selection with no UI at all.
+     */
+    get isNativeApp() {
+        return !!salla.config.get('theme.is_spa_webview') && !!salla.mobile?.isEnabled?.();
+    }
     /**
      * Closes the scope modal.
      */
@@ -58,6 +68,12 @@ export class SallaScopees {
      * Opens the scope modal.
      */
     async open(mode = ModeType.DEFAULT, product_id = null) {
+        // Inside a native app the shell owns the scope sheet: hand off to it and skip the web modal entirely.
+        if (this.isNativeApp) {
+            salla.log('SallaScope:: delegated open to native app');
+            salla.mobile?.openScopes?.();
+            return;
+        }
         this.hasError = false;
         this.mode = [ModeType.AVAILABILITY, ModeType.DEFAULT].includes(mode) ? mode : ModeType.DEFAULT;
         this.loading = !this.loadedScopes[this.mode];
@@ -146,7 +162,10 @@ export class SallaScopees {
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: 'a7571c852749d4449b42e2c12d5597f6aded1f7f' }, h("salla-modal", { key: '48846fbac890e05c0deabe74138ad929a14796fb', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        // Native app renders its own scope sheet; keep the web component out of the DOM.
+        if (this.isNativeApp)
+            return null;
+        return (h(Host, null, h("salla-modal", { 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 ?
@@ -157,9 +176,9 @@ export class SallaScopees {
     }
     async componentDidLoad() {
         await Salla.hooks.registerComponent('salla-scopes', this);
-        // * Note: Do not auto open scopes modal in mobile app
-        const isMobileApp = salla.config.isMobileApp();
-        if (isMobileApp)
+        // * Note: don't auto-pop the web modal in any native context — the modern shell owns the
+        // sheet (isNativeApp), and legacy shells (isMobileApp, no bridge) historically suppressed it too.
+        if (salla.config.isMobileApp() || this.isNativeApp)
             return;
         if (!this.isOpenedBefore && this.selection == 'mandatory') {
             this.open();

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: 'd7668846b013b4e8c9617193cd7457a585733960', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '7850ee638ab8dbe416be4fa7bd5601d821802776', class: "s-search-input-wrapper" }, h("span", { key: '09bfde1658f27487458076cb91954e530f91c8be', class: "s-search-icon-wrap" }, h("span", { key: '547eb4e1efba4bc1e46ce9a28816f4d39b26f638', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '2be7d24d980cbb37ee50c389ab03e8fa67eb3973', 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: 'ca8dec5eb90cd0893a1a3364df34ba0ee4d60891', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '212f8180ecca220a8b89231311dec6cdf3ef0b06', class: "s-search-input-wrapper" }, h("span", { key: '51fb0f9a2e342afd35eb82b57f55471aa9e1519f', class: "s-search-icon-wrap" }, h("span", { key: 'e75117068c51c6d200e8e20fa0f00ca02ed0c61d', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '442b1704b75a33e8c9e02da8200151a1d8e8db72', 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: 'fb09f6adaf9c4d9b798a6c10e45c446c306f0d37', 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: 'f3b40ce4ec24678f6d8421f3da8ac9e1bd631c3a', 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: '7f81403f86aeddca49b39ca84750a7f148416e51', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '75909547a855ed368527746c0d342309b6b1b656', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: '480110779039e31eb43a5cfb321ca3a53d36d986', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: 'ef5e5f05279cb5324f9981e6a73a926f36a28317', class: "s-search-input-wrapper" }, h("span", { key: 'def894edb583c66b66abde7b54602da821fe10ee', class: "s-search-icon-wrap" }, h("span", { key: '6d38ace3c0cc4bc98d9a87b0b558187ba82f57e3', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'ff4ebaeb0eb6315121cd5927784783f34ee174fc', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'fdbb21061c599a59c6d828eec80e8d591a708cca', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: 'ca90aea3fb92d1ba7d8270c26e2ecd82d5018784', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: '73333ce51cabadc4963a9fe9d1372bb7d63925c8', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '77a66e9bba504557160c8c50d91f1216cc68f253', class: "s-search-input-wrapper" }, h("span", { key: '18fb5ce6e3e72874e76dd1ef2c6db8718a68f778', class: "s-search-icon-wrap" }, h("span", { key: '63b9e9af1c51647df734cc4d5cf7a825b922ce38', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'b70169ed2d80ec2ad6b09952ad104824610212df', 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-searchable-dropdown/salla-searchable-dropdown.js

@@ -188,18 +188,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '24b5c22d6c4b76cea1020efc23724d3618e038dc', class: "s-searchable-dropdown" }, h("div", { key: '863b4ea92751b38a5c863837ad486351875b7f32', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'cca0af579573ac276143d53fd4dbda8abc16f061', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '41bf3da5a18a58a64bab571a32075d50dc982d48', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '1c8930202368f7f74645b072731817ddd4aadb9f', class: {
+        return (h(Host, { key: 'e95aedae8c83fe27ef5e94065bd34a0c105ab565', class: "s-searchable-dropdown" }, h("div", { key: '3bd95a9a3652934d7a0904b6813f372a517dc415', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '85b95c812b9aa2c496b394a750c362d69c50546a', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'a863108db25faffd654d2a49832c9ab78c4d3124', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'fb3ce40726d9b5f0060d1279bd0a17339da978b1', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '7081f2a853840e48bb8b64337e792be25d93323f', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '493e615e79b3483aca3bf2b40c45b8be38190788', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'b168e6ec86ee8f3e8af70a07c67a83b99aeae61b', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'db839d1fcc73c7bc68cd324ca2e8c91f42bb991c', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'c2a79324f2617c921dfe6267ae0edadd367dcca3', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '93e92d814bd24f4388a62b0ee4a72b26ebf960bf', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '490a9f11a39a5410523a031ce4cb2fa13aab0f0e', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: 'e9ea0043307f73b4da635e152185c328158abd88', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'd3b91389e90e87345672cd7ec630b555114372b2', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '67d56ff8ad837b683d12fb750ccee6412bd8de4c', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'f400a683b9b54ae8e448279ce19130cb346dcc5f', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '75bd2f369824326cb1ef87c5f3dad2e80975f4d9', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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: '9f9448d939ba69f60eca8dc6ea2ff98a047d6770', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '3b43bb472316b5541a90081a5f3cb6ef91558212', class: classes }, "\u00A0")));
+        return (h(Host, { key: '7b36da96585cfefe9aa96df6262be14f6a03c585', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '568ae1bc0aeae182bb32468b19601c0245e9617d', 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: '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
+        return (h(Host, { key: 'e7d69dbae46ef54588471875ada751103d14d393' }, h("ul", { key: 'ff4b15127e6664cca17fa7f6f49e4cda25829d74', 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

@@ -345,7 +345,7 @@ export class SallaSocialShare {
         })));
     }
     render() {
-        return (h("div", { key: '3efc177a91c23e62773bb6548494df7a774676c6', class: "s-social-share-wrapper" }, h("slot", { key: 'b02b4ddb6b04289ef2a8e73db50ea95a5256cf62', name: "widget" }, h("salla-button", { key: '397c35a10d593bdc6cda6a655b4a1eec93c77c63', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '959e6d599cc3bd5c1a77943153317fe5a1ece5f2', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: 'e934ffb94fea491d445e62f26fcf98914ff0a399', class: "s-social-share-wrapper" }, h("slot", { key: '8dbf4a0c3fb6fb17a0a7c32ace57b357708c0678', name: "widget" }, h("salla-button", { key: 'eb6459bc99d4587bbfc6c0399003a2860d6992b0', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '3394f64755bd0bc07839b1a513f5459c8258f096', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {

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: 'ef2a7a6b75062126dbac4fc53105ca6dc5ab4728', class: classes }, h("slot", { key: '89a592a2842153c6f55b33b3316d89a05cc3a0a3' })));
+        return (h("div", { key: 'f5cfa9676bc8314149cb78e103b9ef580c0d7559', class: classes }, h("slot", { key: '1b86591377c09f1acb25cda20024b3af9c6a874d' })));
     }
     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: 'b4dcb10997ec9ed5ff1bbbdac8bca1a3ad444c58', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'a559305d89f33a69ea46037f07bb4ac0c4ba9ea0' })),
+            h("div", { key: 'a9548ed2a74d30e6fcf365dbe26aa5f7fdab2468', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '547edd40aab5843c6035bd3c36a34d9449dc12d3' })),
         ];
     }
     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: 'd737bf1fc954f100895a60c1792af417b5f9cfeb', class: "s-tabs" }, h("div", { key: '6c0eb84f5729076d71704ab0163705c890925c1d', class: "s-tabs-header" }, h("slot", { key: 'cee0bf016128d3fb81c0fe495dfe0f1efaa38eb9', name: "header" })), h("div", { key: 'f9c85830bbddfa7ca1ac4c99cdc6428636c25020', class: "s-tabs-content-wrapper" }, h("slot", { key: 'd4c9c98cc5510619c0b13acc95518cd4bd647372', name: "content" })))
+            h("div", { key: 'e9054cb114c2bd66940b6afa98d7c7c230353a74', class: "s-tabs" }, h("div", { key: 'd245f64aef9b7fd77c9c51eb1d86ddfd9202e5fb', class: "s-tabs-header" }, h("slot", { key: 'f1b9a982cd746d637db5d514cb691f188af0cb7e', name: "header" })), h("div", { key: '0ba8441707b087a8c4d068b1a72bf10c8efb41cc', class: "s-tabs-content-wrapper" }, h("slot", { key: 'afcee28724a5a9ce263fcc3a38d624a631069945', 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: 'f45a6cc44acfbeaa538ec6403e0c66375a2c8e48', class: "s-tel-input" }, h("input", { key: '509e0409a6200cad6f492b40fd92eded1c0a3ed7', 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: '6b4a4980d3314f7cea6af7d4124d4a364d53ea3d', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'b4f091d19ac13a198d324605c1d2fadc234e89e4', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '727fa47d71bd8fd98f76c66b3bafb2348a586303', class: "s-tel-input" }, h("input", { key: '19f5d3e2ff8902733e21f39038f716b18ae065ae', 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: 'ad6b735fa4d5574b8717f460171c13a56a031451', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '07c8732dc276613fc5ed2928a2d47af51c49d942', 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: '8d1ca64f3e7debdf91b568db90a6f9232d52bb67', class: "s-tooltip-container" }, h("div", { key: 'e9a5c89186a60da8e7b60dbcec798a6cbc5abfe2', 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: '84dfb23d4eb2689ff71b65c4a8b24dd36f8cb6ca', class: "s-tooltip-container" }, h("div", { key: '59d3bac320e20f99de1c4bf49531a61962190efc', 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-trust-badges/salla-trust-badges.js

@@ -232,7 +232,7 @@ export class SallaTrustBadges {
         if (!badgeData) {
             return null;
         }
-        return (h(Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }), h("div", { class: "s-trust-badges-content" }, h("p", { class: "s-trust-badges-label" }, badgeData.label), h("b", { class: "s-trust-badges-number" }, badgeData.number))));
+        return (h(Host, { class: `s-trust-badges-wrapper ${this.dark ? 'dark' : ''}` }, this.isVisibilityEnforced() ? h("img", { class: "s-trust-badges-image", width: "55", height: "55", src: badgeData.imageUrl, alt: badgeData.label }) : null, h("div", { class: "s-trust-badges-content" }, h("p", { class: "s-trust-badges-label" }, badgeData.label), h("b", { class: "s-trust-badges-number" }, badgeData.number))));
     }
     static get is() { return "salla-trust-badges"; }
     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: '75182aab84957e3bdc3f5a47e375018a2ff314b0', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'e93c12ca10adca2a3168d34901d353c2e6eda7f5', class: "s-user-settings-section" }, h("salla-list-tile", { key: '5b2f854e1f51f13b05af37fe68fa272fbeb3710e' }, h("div", { key: '5f567be1027fa9fc2e6548cb7ee48c7c63200ccf', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '95de506d0602d42220cccd177f59e5ff6e19c24b', innerHTML: UserCancel })), h("div", { key: 'bdf6e363e3da465add976ab41e334a3fd65fc627', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'b16c23c79a8d020430944f97d99a2403f808059a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'e85db2fc26fddc13de274cfc9d5d8959d3813875', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '0f92f016964de209357ee8f5d33ec55ea1ab631c', class: "s-toggle" }, h("input", { key: 'af69334d492767ddc19163712a60d29c4c43a96a', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '717aea4ae7824ce678788b5f3da1a44887c963e7', class: "s-toggle-switcher" }))))), h("div", { key: '7da94547cf6232426bcf263228b4103420fd6982', class: "s-user-settings-section" }, h("salla-list-tile", { key: '054cdd4098be9212714b0d25fddb73245c08ca23' }, h("div", { key: '3f723259a362eb01c35b687a775a555a2e18bf11', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '49ac90f0cbd762d7cd00cff16a4a47edb6d9cf4b', innerHTML: Bullhorn })), h("div", { key: '22cbeabe93f0744896b9256f581c06481ada6c79', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '03c2308043dbed614661a403ae9061f1b9243aac', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'f7f929822e2fc6d9940ea1781d79133c2f8cddae', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '000dc08a23a5058d068250791db192c5d66bb30f', class: "s-toggle" }, h("input", { key: '876e1ff0e464dc50354df202b582946797a7bb5b', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '69c91292e02230dc9312b83262dd05ee90db03ab', class: "s-toggle-switcher" }))))), h("div", { key: '6cc989da59fbff61d601a84a73c3d0d1f791b1d0', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '3b9d325b1c2a50c9335df3408b0525c7a2f0cd69' }, h("div", { key: '67297f7fe70a11390607528f10dbe1974e527f4b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '21d9b48ca06309156906bee1a5280107b7ff187a', innerHTML: UserOff })), h("div", { key: 'a47e50acadecf6f444119c5201e06332870ac301', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '472d0d4ba8a52f8410cd859e6101037166d4daca', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '843116bd516f196793a24601c84ec47bb876fe85', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'fd412acdb5f5093cb98d73a45348a58ac848596a', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '80e9ea0e4e0ae7bcee04cbe2b1d51732f700369b', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '3379bb4aba323a5aa20ecd3e279c93c799457d06', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'def53bc74aedb1b6d739dc7be248c4afaf61e37a', class: "s-user-settings-confirmation" }, h("div", { key: '3f84b9e976c9ee8081dc3f7360a7940623d524e3', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '47f325528be69b14a08a22560570b27b82cdd867', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '1c467025b0f76b7cff53eae5e98577d6378618f5', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '5c590fedc148bef454bf772cf30503e7d7c1f091', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'ae94c12d52ff04f41f08d4a107a35aa2bd94ee0a', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '5b46a680b85fc72976c5c3d4f478b64b6c1d483c', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b41bb42ea03a2ed63c7664d0b98ee045110c31d0' }, h("div", { key: '29abb43471c5160b7817f153c8968593332e7826', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '3fd763ac2437570eed2073acb6b57cbdd0f1cdac', innerHTML: UserCancel })), h("div", { key: 'cbff9be1b97a31a11d1b10d88d2408070047fd3b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '5fd0a91c56d9b8deeed04fb52a033fe5c1ad84ee', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '81ed76bd7b69ae7b16440f131cd78905d33da607', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'ae98c8814636b4e6008c421b291353ba2c4b91e7', class: "s-toggle" }, h("input", { key: '0c01d7706053667e80539a0a293ea21f4304e423', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '31d91e01bc2a28a6cd81af024b99bd42f1a04947', class: "s-toggle-switcher" }))))), h("div", { key: '7dd3c504babb5b79d07d08c5665cd5e080cb9a4d', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9573ce56a617ac5c3e64f7cd868269f7f5f991cd' }, h("div", { key: 'deb424768ebb4b1086067816f4359e5b56da6044', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'db74169678f85313ef3b6c9a5ff92f8afaf012c2', innerHTML: Bullhorn })), h("div", { key: '569cc0dd9462bb606dab18116c071acb49fd8f48', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'fbe15f41b42ee2f98585ae29ff985cbe3b6f0ef1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'c1a4fd8a0a340a73adb9efac7c7d75534b13ce3a', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'fade0f4d1a9214169bb087900561afd482674a75', class: "s-toggle" }, h("input", { key: '87cf0b041a89d79b23c2dd0d929c3b14dd18fb96', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '7812c9a8f51a7ad64172db275ac050f8b45ec6e5', class: "s-toggle-switcher" }))))), h("div", { key: '7224d14d365a9fd767e2b900dd1e30c6bee69e7e', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'cb61e0a146115885a36455159d808d7edbbdff5b' }, h("div", { key: 'c073c1bbca5ae9496a4116323611d15f33d68566', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'ed78cb19724511219f35ed85e3d915ced708d46c', innerHTML: UserOff })), h("div", { key: 'f8a9ba483b7af0216536a130554186b722f9ad6e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'fd9cdf72725204e320c56b1bd6ac4cf2d77d2176', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '739a99cfb762cd18d91c955b218ab0d06a289a9a', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'c2fd322ae8ff4060c21c65cfdd8b1d89bb338e3f', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'f8c8a2922ffd79d2dc04a35cf964882526b6b91c', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'b036e50b12f521c0f623ae7afded1113b0fc20ab', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '0ae61369ece6d96056e0b461ba7a3e0104e00583', class: "s-user-settings-confirmation" }, h("div", { key: 'ef2eef33396e9eaa0c43d2196e43b61917f3c5fe', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '1656cb466302c11990d5e0d9833b21cb47766846', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ce75f721106b103e6c7f2cfc75f8be08aba54f9c', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '006ceecf237eee2febde96ff584eb8256b820049', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {