@salla.sa/twilight-components 2.14.585 → 2.14.587

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 
 const sallaSkeletonCss = "/*!twlt*/:host{display:block}.s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper{margin-left:auto;margin-right:auto}.s-skeleton-wrapper{display:block}@keyframes pulse{50%{opacity:.5}}.s-skeleton-wrapper{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.s-skeleton-item{height:100%;width:100%;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.s-skeleton-item:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.s-skeleton-item-circular{border-radius:9999px}";
 
@@ -28,7 +28,7 @@ const SallaSkeleton = class {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (index.h(index.Host, { key: 'bbd3b59181da4c7c97a2fbf862eedebbedbe0634', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '137814e704aabda9931441f744bac595dd506d0e', class: classes }, "\u00A0")));
+        return (index.h(index.Host, { key: '085e0afda0f8804a7365d56c84a59dc6ac97f942', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: 'a83a649343db0f91c18b6815c6c4d40254902aa9', class: classes }, "\u00A0")));
     }
 };
 SallaSkeleton.style = sallaSkeletonCss;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-CO8cFZH7.js');
@@ -383,7 +383,7 @@ const SallaSocialShare = class {
         })));
     }
     render() {
-        return (index.h("div", { key: 'dbb667a7063b62039997f6f17617565ff1c9ec2e', class: "s-social-share-wrapper" }, index.h("slot", { key: '2fbb9bca171436215280d87afc3dbe1be0b0f468', name: "widget" }, index.h("salla-button", { key: 'cb87b1f326e58b9c527890c8c8bc28e2324eb580', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: 'ca6e9f2f606dd1f19fea40ef90226b56c3273219', innerHTML: this.opened ? cancel.Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (index.h("div", { key: '5034ca70b89748c6bba5ede29e52f2d75d2f5565', class: "s-social-share-wrapper" }, index.h("slot", { key: '8a40e07046e2cab0032ce0e6927266c5d621a0a8', name: "widget" }, index.h("salla-button", { key: '120f97de2259ead0f48281a26fae5d32e7ac7ab7', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '4abea4fffcb76c64e9a0caffd5bffc3ad4676fd0', innerHTML: this.opened ? cancel.Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.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: 'a4c05f6fcf54b6d34c547d7b27a61d4afbd91f10' }, index.h("ul", { key: 'ab690b3eba0190d6830a5988510c404dafa4e450', 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: 'd62bc20c62af5bcea93835bc1ec2436f65f7e427' }, index.h("ul", { key: '33b410148ef6c60dd09237c7ec38f82aa3e9973d', 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-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.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: 'd2c355c75463a9d93b9504be70d72cb8921a304a', class: classes }, index.h("slot", { key: 'ae492c76d7ac80fdd6328a651afcf18be857c279' })));
+        return (index.h("div", { key: '88c4bbda1dc7e40ba888ca1345d0727c91a83250', class: classes }, index.h("slot", { key: '1d2a205130b90702aa4a8f4a8d801bfce486cfe8' })));
     }
 };
 SallaTabContent.style = sallaTabContentCss;
@@ -92,7 +92,7 @@ const SallaTabHeader = class {
             's-tabs-active': this.isSelected,
         };
         return [
-            index.h("div", { key: '38c68b713f9b267bcf201c6c27ebfb8d7885a45c', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '2b8418becd635c36a58adbd6f84a7536f9ac2935' })),
+            index.h("div", { key: '39c79315b0099749cdbc425e3810d003fe3d8bd0', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '60bba7ace2e4bcd8a8a44d0f5e4d6d2731954d51' })),
         ];
     }
 };
@@ -145,7 +145,7 @@ const SallaTabs = class {
     }
     render() {
         return [
-            index.h("div", { key: '257acdc19cf53022d6021b242ed28d1ebac12dc4', class: "s-tabs" }, index.h("div", { key: '0726b3b8b49b26498c7ba8856cd1326c357eb29a', class: "s-tabs-header" }, index.h("slot", { key: '55e89c50531dab08a6c9cf4185fb4481a4c92b34', name: "header" })), index.h("div", { key: '628641ac232534f8cca1240f8874b2104b0aad8c', class: "s-tabs-content-wrapper" }, index.h("slot", { key: 'b51ebddf8260585b943189c4ca02d3774a801ece', name: "content" })))
+            index.h("div", { key: '6d2a815bfe8a75d43da4d1708696b5d6ec95e8c2', class: "s-tabs" }, index.h("div", { key: 'ea65e1291c1356e06071eaed0b851ac7e91e079b', class: "s-tabs-header" }, index.h("slot", { key: '2e1e61be1e7ed54023d30b9dd288fb65b5cfb22a', name: "header" })), index.h("div", { key: '57382fa798d7b902bef9732ddaf9dedae138af24', class: "s-tabs-content-wrapper" }, index.h("slot", { key: 'a8fa63931304c16a82ce8cd44132f0e5d751fa76', 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-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 
 var DiscountType;
 (function (DiscountType) {
@@ -177,7 +177,18 @@ const SallaTieredOffer = class {
     }
     componentDidLoad() {
         salla.event.on("cart::updated", async (updatedCart) => {
-            const offerData = await this.fetchTieredOfferData();
+            // A guest with no cart yet still emits `cart::updated`; `fetchTieredOfferData`
+            // rethrows the `CartNotCreated` rejection (unlike componentWillLoad, this
+            // listener isn't awaited by Stencil), so an uncaught throw here becomes an
+            // unhandledrejection. Degrade to "keep current render" instead of crashing.
+            let offerData = null;
+            try {
+                offerData = await this.fetchTieredOfferData();
+            }
+            catch (error) {
+                salla.logger.warn('salla-tiered-offer:: ', error);
+                return;
+            }
             if (!offerData)
                 return;
             if (!this.tieredOfferData) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 
 const sallaTooltipCss = "/*!twlt*/.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;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}.block{display:block}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
 
@@ -33,7 +33,7 @@ const SallaTooltip = class {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (index.h("div", { key: '903628b7d7219eb6397396df18d8f16749f4e8a8', class: "s-tooltip-container" }, index.h("div", { key: '115385dafe8ae87a8ee51581322225f4760fd8aa', 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: '4027073cb58fa70679f54f6009ed1ca95fd3f3d0', class: "s-tooltip-container" }, index.h("div", { key: 'ea50ad74b456fa3c89cfef2b69b2c9d5630d63bd', 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-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 
 const sallaTrustBadgesCss = "/*!twlt*/.s-trust-badges-wrapper{display:flex;align-items:center}.s-trust-badges-wrapper>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-trust-badges-wrapper:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-trust-badges-label{margin-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem}.s-trust-badges-number{font-size:0.875rem;line-height:1.25rem}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-DSvlJXCH.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = "/*!twlt*/:host{display:block}.form-input{height:2.5rem;width:100%;border-radius:0.375rem;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.form-input:focus{border-color:var(--color-primary);--tw-ring-color:transparent}.form-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.form-input:focus:is(.dark *){border-color:var(--color-primary)}@media (min-width: 640px){.form-input{font-size:0.875rem;line-height:1.25rem}}.s-user-profile-wrapper{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1.5rem}@media (min-width: 640px){.s-user-profile-wrapper{grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem}}.s-user-profile-field-label{margin-bottom:0.5rem;display:block;font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-user-profile-field-error{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-user-profile-submit{margin-top:1.5rem;width:100%}.s-user-profile-filepond-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-user-profile-filepond-placeholder-icon{margin-bottom:0.25rem}.s-user-profile-filepond-placeholder-icon svg{height:1.5rem;width:1.5rem;fill:#7c8082}.s-user-profile-skeleton-wrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(3, minmax(0, 1fr));gap:3rem}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.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">
@@ -556,7 +556,7 @@ const SallaUserSettings = class {
         return (index.h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeleteModal() }, this.capitalizeText(this.deleteAccount)));
     }
     render() {
-        return (index.h(index.Host, { key: 'f227eded80ab5a54496f98cfb0c2b70fef8e23c2', class: "s-user-settings-wrapper" }, this.canHideName && (index.h("div", { key: 'b87aa9378fddb8a075e443be37a570ff43318d42', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '575cb09487c91ab91b81313f3ed0106c286fc494' }, index.h("div", { key: 'ff58114799006613e0aa1ac245925ce7a5e57725', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '34175a745fe486d02bf53002309323729a1392e3', innerHTML: UserCancel })), index.h("div", { key: '891f7bee327fc200a165325585e2fad765455a79', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: '5fd57adb89a7aae3c7b91aa7ed0c9144562c0611', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: '0a50d7f19913e43ef851292e584411a87b3f419c', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: '6d2d55118ef9d6af08904e639f1ab54ac4000c29', class: "s-toggle" }, index.h("input", { key: 'bd9fa40c29ef11b0c1c2ee829b921723d001507c', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: 'cae15bc5a771eef8be42b3ac7c362da99a12d612', class: "s-toggle-switcher" })))))), index.h("div", { key: 'dd790c6cd83bda001d51134edac6f0e29e715e16', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '5d61988baa1f175076abf3d8451789686dc92806' }, index.h("div", { key: '178534158adb0b4e38ccab7ea03cce35edab7b87', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '19912bfea9df0eb9051de4bdaae7702ddfafaa32', innerHTML: Bullhorn })), index.h("div", { key: '7283645e27bfa24687cdea922b114a6ade32a629', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '722f9d1a87801d3e4585b698e3c3bfbf96c35989', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: '1f704d0f1e088ed93465a6afc4ffa590e6a04c02', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: '64d10dabb86f9f9d027131a6d1adf7a4d4e09052', class: "s-toggle" }, index.h("input", { key: '2f04bc5cd2503371e9c844edd73710e1de5f2283', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: 'd26195686619d74fc339f26f43c41698987b4ac2', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (index.h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (index.h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { innerHTML: UserOff })), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, index.h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (index.h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (index.h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, index.h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (index.h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, index.h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { class: "s-user-settings-confirmation" }, index.h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
+        return (index.h(index.Host, { key: '5af97017b32c6b8789b60e8a2e30a15ba4d8477d', class: "s-user-settings-wrapper" }, this.canHideName && (index.h("div", { key: '835038947364b40e7efcf0c7c059235655a8d1c8', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '303eb0f1b1624c488ecda6550e64e0221aaf0727' }, index.h("div", { key: '7b3d9cd8967c4139529d60fbffea08037c852d23', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '968433f7a41307f38c5ea4cd05264731cceedbd2', innerHTML: UserCancel })), index.h("div", { key: 'd5466cbe2245d66b5f019433999390e4cec62ce9', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: '6d5663c3611e7b021f2d408932898b17ffd3d98f', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: 'cb64527fa93d77a52b39553a65e54b10f82d1bad', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: '3c037a26665521c4f0f7a6c8c20755b8dc722b0d', class: "s-toggle" }, index.h("input", { key: '8a3454fb2daad2c329b2b619800a123768eb9fab', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '76777c45a35cf3917f3e9c6d2a4a15b1261cd785', class: "s-toggle-switcher" })))))), index.h("div", { key: '15427b60443b04774cd70421fd37a671f0765e73', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '9bafd59734c5e9141d6b2abb776641cafbe3ddbd' }, index.h("div", { key: '2235eafe07811ca7d3b9a9b2399db2ff21342f06', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '72df8d5640a9a9cffb9eab797ab4cda77e175d85', innerHTML: Bullhorn })), index.h("div", { key: 'afd7c492733050578a306e939b689832cf98ae59', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '5a6183f46e951ec89210fea99b9bc4016e223cb0', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'f0e2144728aa006c1dd778f28dd0dfb60cdb92d1', slot: "action", class: "s-user-settings-section-action" }, index.h("label", { key: '32930f9fc4a23fe80bfe8815672a590993622796', class: "s-toggle" }, index.h("input", { key: '3489e6c33afe5613f806841151c057692809fb76', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: 'e7b329ba0465670b9a5611864e0f4ef5a0a120ae', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (index.h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (index.h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", null, index.h("div", { slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { innerHTML: UserOff })), index.h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { slot: "action", class: "s-user-settings-section-action" }, index.h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (index.h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (index.h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, index.h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (index.h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, index.h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { class: "s-user-settings-confirmation" }, index.h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, 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-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 var mail = require('./mail-CO8cFZH7.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-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 
 const sallaWalletCss = "/*!twlt*/@charset \"UTF-8\";.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}.s-wallet-summary{display:flex;align-items:stretch;gap:16px;margin-bottom:28px}.s-wallet-balance-card{flex:0 0 34%;max-width:240px;background:#fff;border-radius:12px;padding:20px;box-sizing:border-box}.s-wallet-balance-mark{width:48px;height:48px;border-radius:9999px;background:var(--color-primary-reverse, #eaf7f0);color:var(--color-primary, #2e8b57);display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}.s-wallet-balance-figure{font-size:18px;font-weight:700;color:#1c1c1c}.s-wallet-balance-label{margin-top:2px;font-size:12px;color:#9aa0a6}.s-wallet-amount{display:inline-flex;align-items:center;gap:4px;font-weight:700;white-space:nowrap}.s-wallet-amount-credit{color:#00af6c}.s-wallet-amount-debit{color:#f55157}.s-wallet-transaction-type{display:flex;align-items:center;color:#4b5563}@media screen and (min-width: 768px){.s-wallet-balance-card{display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width: 767px){.s-wallet-summary{gap:12px;margin-bottom:20px}.s-wallet-balance-card{flex:0 0 38%;padding:16px;text-align:center}.s-wallet-balance-mark{margin-bottom:8px}}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.table{display:table}.hidden{display:none}.items-center{align-items:center}.p-3{padding:0.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-wallet-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-wallet-mobile-title{display:none}}.s-wallet-reference-id{display:none}@media (min-width: 768px){.s-wallet-reference-id{display:inline-block}}.s-wallet-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-wallet-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-wallet-copy-to-clipboard-button{display:none}}.s-wallet-copy-to-clipboard-button salla-button{position:relative}.s-wallet-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}@media (min-width: 768px){.s-wallet-status-container{margin-left:0px;margin-right:0px}}.s-wallet-status-container:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.s-wallet-status-container:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}.s-wallet-status-container i{margin-top:0.25rem}.s-wallet-status-container i:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.25rem}.s-wallet-status-container i:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.25rem}.s-wallet-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-wallet-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-wallet-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-wallet-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-wallet-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-wallet-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-wallet-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-wallet-table-head{display:table-header-group}}.s-wallet-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-wallet-table-head-tr-th:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:left}.s-wallet-table-head-tr-th:last-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:right}.s-wallet-table-head-tr-th:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}.s-wallet-table-head-tr-th:last-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:left}.s-wallet-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-wallet-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-wallet-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-wallet-table-tbody-tr-td{height:5rem;width:auto}.s-wallet-table-tbody-tr-td:last-child{text-align:end}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}.s-wallet-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-wallet-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-wallet-table-tbody-tr-td-content:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-right:0.5rem}.s-wallet-table-tbody-tr-td-content:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-left:0.5rem}.s-wallet-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-wallet-table-tbody-tr a:where([dir=\"ltr\"],[dir=\"ltr\"] *){left:0px}.s-wallet-table-tbody-tr a:where([dir=\"rtl\"],[dir=\"rtl\"] *){right:0px}@media (min-width: 768px){.md\\:mx-0{margin-left:0px;margin-right:0px}.md\\:inline-block{display:inline-block}.md\\:hidden{display:none}}.ltr\\:ml-auto:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.ltr\\:mr-4:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:1rem}.rtl\\:ml-4:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:1rem}.rtl\\:mr-auto:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}";
 

package/dist/cjs/salla-wishlist-actions.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 
 const sallaWishlistActionsCss = "/*!twlt*/: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}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-20{z-index:20}.mb-3{margin-bottom:0.75rem}.mt-1{margin-top:0.25rem}.mt-3{margin-top:0.75rem}.flex{display:flex}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:0.5rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}";
 
@@ -319,7 +319,7 @@ const SallaWishlistActions = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '638fac3dc4a0bfcde70f7586a34b32c6d9c42219' }, index.h("div", { key: '67686d8dbd3591831ba61cabce6fb0000dc7ee2e', class: "s-wishlist-actions" }, index.h("div", { key: 'abb5583ae32f9bb6209f4d455d3279f88096de40', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, index.h("div", { key: '4724ca92dcd75641ad6f822b964106d256ee0b89', class: "s-wishlist-actions-dropdown relative" }, index.h("salla-button", { key: 'cc3242a15ad1c057b9169a158220a6c42ea16793', 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: '555e9bda9a547cb76738599c8c27ecd83b98b06a', class: "flex flex-row justify-center items-center gap-2" }, index.h("svg", { key: 'ef85ca7fd658f3cbd6aee0056289a05928fbca03', 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: '2f5dc0ad70d39eb292ebb62b5dba48f8ad63654e', 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: 'f9bf24ac1d5eb463fcdd04b3c72a28f1d712caa1', 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: 'd78e799a6beca024c9fd60e372c588b70907b7bc', 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: 'a96e9a60285374a00f3c88e24c41c61034e69f96', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, index.h("li", { key: '6b03d57dfc6180f9200087c2107045de319c7f37' }, index.h("button", { key: '903033dbd79e56e07836cbac300b190269a75b9f', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), index.h("li", { key: '66508400932e23e7ae66a0b3375995ba1ec713ac' }, index.h("button", { key: 'ff78a673e5cd8a1740b65e8c43fdd1708ea1b38b', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), index.h("salla-social-share", { key: '6d5f8f9f179a24d70c51f71efcbb6993bb080732', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, index.h("span", { key: '46ac1fb856a467582de4e2e70e553bb960bd18c7', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (index.h("div", { key: 'e4e8a8ac5e53c36a6f11d18772fd32eff655c1af', 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: 'f06b0385a7012b7a41ff457c579b53dc6a550ced', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, index.h("input", { key: '77e989794b4060f58399e20ab47010cddc01cddf', 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: '88d43aabde8e61b6e6dd262c54aef896565442de', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), index.h("div", { key: '30f326f89e18f881258671dc8648cb50d2a788df', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, index.h("salla-button", { key: '3739b901f1eccb5b5a537f28f05f5993d975be9b', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), index.h("salla-button", { key: '1395ec4850a149b04498305915ae188bffde6d1d', 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: '61c6a2e14015d947090f2c2c848977df899417fb' }, index.h("div", { key: '96af391ef77ddf0c4b477ed9e3dc272267dbf0ab', class: "s-wishlist-actions" }, index.h("div", { key: 'cecf6a71e609ef57cb255a9a1538550d036b76b3', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, index.h("div", { key: 'e1b8aeb3f396a3125772f368245d2b384e5c13a0', class: "s-wishlist-actions-dropdown relative" }, index.h("salla-button", { key: '99104aa4f4c392a95b781c008cd192981f6477d3', 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: '306baf236e5b70406a1507f55a137944319d233f', class: "flex flex-row justify-center items-center gap-2" }, index.h("svg", { key: '22b2f5bcedbf93547aaf8071e6b8f406c075e57d', 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: 'fa0322e898cfbe8125b8fc2a74dc8b620b76c37a', 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: 'f4f9106b4c43287de0eef8f2a135a1ceb1551776', 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: '3b42d3b19bfc1fd4c85f41fd832d81fdda649536', 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: 'a32f7df4a58647fed593d2c0806e0f10f36f9a8d', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, index.h("li", { key: '58f6ad4c35ccedcee83d8517a6a549c6861306ab' }, index.h("button", { key: '1d2f7ea94db7eb8cf675ee8bdc9bdb04aa65ea27', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), index.h("li", { key: 'd48456d10a95533bd0c3c6426f3ef412694aca50' }, index.h("button", { key: '145f23f0d740b51a82e5c8e206742d7c5d055c80', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), index.h("salla-social-share", { key: 'df8e17259b4401a3e3272ef3c934dff72ea4a440', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, index.h("span", { key: '2db4523127fe580cbf77a12038b841019aeea35e', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (index.h("div", { key: 'b0f6283a55c38780098b99c131a9cfcd26519bbf', 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: '776667fa68873ab872bf7995b5f452c1b6727491', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, index.h("input", { key: 'c381c9b7f400a863b2287aabbf7292476e5a3ff4', 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: '3692e38fc5cda70722624ade0ce63ad33856980e', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), index.h("div", { key: '89463fcaa83f4d16499f2b8ae5e4bcd6e61ba15b', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, index.h("salla-button", { key: 'a51008ff77697dd851998b19f860b13e295b3256', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), index.h("salla-button", { key: '5b57eb53be2cecef981492cf00af3ea7b43b9da9', 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/salla-wishlist-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1lKW2pp.js');
+var index = require('./index-DN51eLtp.js');
 var heart = require('./heart-ClVn_Co8.js');
 var Helper = require('./Helper-DgRzYZwR.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/twilight.cjs.js

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

package/dist/cjs/{vanilla-picker-Dlx0WMya.js → vanilla-picker-BAqDsAyV.js}

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

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

@@ -59,7 +59,7 @@ export class SallaContacts {
         if (this.isHeader) {
             return (h(Host, { class: "s-contacts s-contacts-header" }, contactsArray.filter((contact) => contact.type == 'phone' || contact.type == 'email').map((contact, index) => (h("a", { href: this.getContactLink(contact.type), key: index, class: "s-contacts-topnav-link" }, contact.type === 'email' ? (contact.value) : ([
                 h("span", null, this.contactsTitle, ": "),
-                h("a", { class: "unicode", href: this.iconsList[contact.type] }, contact.value)
+                h("span", { class: "unicode" }, contact.value)
             ]))))));
         }
         return (h(Host, { class: "s-contacts" }, !this.hideTitle && h("h3", { class: "s-contacts-title" }, this.contactsTitle), h("div", { class: {

package/dist/collection/components/salla-payments/salla-payments.css

@@ -1,6 +1,9 @@
 /*!twlt*/:host {
   display: block;
 }
+.visible {
+  visibility: visible;
+}
 .static {
   position: static;
 }

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

@@ -65,9 +65,18 @@ export class SallaPayments {
             return;
         if (salla.config.get('page.slug') !== 'index')
             return;
+        // Theme previews and editor frames are not what shoppers see.
+        if (salla.config.get('theme.mode') !== 'live' || window.self !== window.top)
+            return;
         if (!salla.config.get('store.settings.commercial_number')
             && !salla.config.get('store.settings.freelance_number'))
             return;
+        // Animations freeze while the page is hidden, so any hide in the window voids the check.
+        let pageWasHidden = false;
+        const trackVisibility = () => {
+            if (document.visibilityState !== 'visible')
+                pageWasHidden = true;
+        };
         const isShown = (el) => {
             const check = el.checkVisibility;
             if (typeof check !== 'function')
@@ -83,6 +92,12 @@ export class SallaPayments {
                 && rect.top < window.innerHeight && rect.left < window.innerWidth);
         };
         const verdict = () => {
+            trackVisibility();
+            if (pageWasHidden)
+                return null;
+            // Read late: the app flag comes from the analytics context, set after load.
+            if (salla.config.isMobileApp())
+                return null;
             const badges = Array.from(document.querySelectorAll('salla-trust-badges'));
             if (!badges.length)
                 return 'absent';
@@ -96,13 +111,19 @@ export class SallaPayments {
                 return;
             SallaPayments.audited = true;
             observer.disconnect();
+            trackVisibility();
+            document.addEventListener('visibilitychange', trackVisibility);
+            const stopTracking = () => document.removeEventListener('visibilitychange', trackVisibility);
             // Settle first, so a footer still running its entrance animation is not read as a hide.
             setTimeout(() => {
-                if (!verdict())
+                if (!verdict()) {
+                    stopTracking();
                     return;
+                }
                 // Second look, so a late animation is not read as a hide.
                 setTimeout(async () => {
                     const cause = verdict();
+                    stopTracking();
                     if (!cause || salla.storage.getWithTTL('salla::tb-audit'))
                         return;
                     try {

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

@@ -122,6 +122,14 @@ export class SallaProductCard {
         return h("p", { class: "s-product-card-price-value", innerHTML: this.getPriceFormat(this.productData?.price) });
     }
     render() {
+        // `product` is an optional prop (see constructor: unset or unparsable JSON
+        // leaves `productData` undefined) but several render helpers below dereference
+        // `this.productData.id` / `.is_on_sale` / etc without optional chaining — the
+        // live "Cannot read properties of null (reading 'id')" crash. Render nothing
+        // instead of throwing when there is no product to show.
+        if (!this.productData) {
+            return null;
+        }
         const classes = {
             's-product-card-entry': true,
             's-product-card-vertical': !this.horizontal && !this.fullImage && !this.minimal,
@@ -136,14 +144,14 @@ export class SallaProductCard {
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '6e57fdf93d631d1770a88733be8ecd2fe4be7cb7', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '540e4afcc1784e56c6560fcbc53ca22fe7871a58', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '13173d79484e8922e6ca9edb7b5eaf5d24577b57', ...hrefProp }, h("img", { key: 'ff09e2558689d47cf091bb36e2201f5a257b3b7b', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { id: `product-${this.productData?.id}`, class: classes }, h("div", { class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { ...hrefProp }, h("img", { class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '5407cae4838f6cf35d8d3181e0de47ba1f7e4d66', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '73a4f99505f4b3c1b7f34341a08f7c3957cc9216', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: 'b757815f1ee1873fcf5a7c76be1d6403f5862201', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '5e27e19508fcbc98fa1e5543768d3e93d9adccce', class: "s-product-card-content-title" }, h("a", { key: '78b6494ad4e08b8cebff2984b6a1e60878b356fa', ...hrefProp }, this.getDisplayTitle())), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { class: "s-product-card-content-title" }, h("a", { ...hrefProp }, this.getDisplayTitle())), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -152,7 +160,7 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '148e979d2b36ed185e1bf5f8345096a442c94601', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.showOutOfStockBesidePrice && this.productData?.is_out_of_stock ?
+            : '', h("div", { class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.showOutOfStockBesidePrice && this.productData?.is_out_of_stock ?
             h("span", { class: "s-product-card-out-of-stock-label" }, this.outOfStock)
             : '', this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))

package/dist/collection/components/salla-product-card-embed/salla-product-card-embed.js

@@ -94,7 +94,7 @@ export class SallaProductCardEmbed {
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: '56f42e6b733dc4101759a30182297af7313feebe' }, this.hasError && h("span", { key: 'abe5fefd824cdc8880a0afd8864f6283c957cab1', class: "s-product-card-embed-fallback" }), h("div", { key: '72ce12394216af508ba187e67331fa7862caa16a', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: '95235cea368e1b45a46da93be08d727ea850c812' }, this.hasError && h("span", { key: '3f7272f876ca19a3436dd99d7297e2b52f537d9d', class: "s-product-card-embed-fallback" }), h("div", { key: 'db3d761acb3ad1a8a36aad3d2ddb6871f4a8c111', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }

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

@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: 'eeb477f6cd7831f06fb2b716e2391d684ae4e93c', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '48f9e18ebfec9999dc856fe3c7bca7854e4f53b3', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '9fc445cfb72dfdd5d0d306419041aa9f3acafb66', slot: "loading" }, h("div", { key: 'f5dbfb1560940a691f891e7d41eca22977693d79', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'c6790017016fc8b471601bf093051f80183645c9', height: '15px', width: '25%' }), h("div", { key: 'ba72c67c7b26e62ed4548444ba9083f83816f59e', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '4fd934c7bf103bcd937028bacda524915a40f76a', height: '40px' }), h("salla-skeleton", { key: '3754ae6eca3938380261e221f6941b2ef2a381dd', height: '40px' }), h("salla-skeleton", { key: 'a2007afe625ce45713b3a2f64a62cf0da101c1e9', height: '40px' }), h("salla-skeleton", { key: '7ed982fa2c6c862bf724fa1b1dc059db2f5dbc41', height: '40px' })), h("div", { key: '3914b9dde80d2257a55b0aa156f61df5936f1bb5', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '51b96df249504517e4c3fe1098be2937cbaeef63', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'd5844e3c91eddc4821b97cc9991a2441dd0bb117', height: '10px', width: '75%' }), h("salla-skeleton", { key: '976e70a0aa160dd9b4dbe4d0f9f0675f5c3308ea', height: '10px', width: '50%' }), h("salla-skeleton", { key: '1baf5286915a708ea68850c9c82e7970c6521c86', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8ecc89a3defd83637936023b0d0841c55c6799cd', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'eb90ea350d6947596688595bb898a8c3a8dcac39', height: '10px', width: '25%' }), h("salla-skeleton", { key: '282d747e764c2761aa4b68f145467371acd66f32', height: '10px', width: '60%' }), h("salla-skeleton", { key: '610491fa3769027ceebec2ab46e7166d0bfac9f2', height: '10px', width: '45%' }), h("salla-skeleton", { key: '8162ba3bec487efe6fa1c0adf2355bd175d8310a', height: '10px', width: '30%' })))), h("slot", { key: 'b55b29cfeb52e41c0c56a79bded075fda7f49fab', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'de368aff05a19d87eb4e99f4e1d7eee36155f435', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: 'c4ab31b3e6ef2751761ca2db27554f7f5bf057fc', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '17cfceb5ccb0546928f87f956267e9d0c11017ac', slot: "loading" }, h("div", { key: '4f4e20a62396d7825315203ffd22a72030e821b1', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'd9132b26634ae1997dad9f1229b248c2cd76fff0', height: '15px', width: '25%' }), h("div", { key: '1b6a236851eef6e7caf7b7a0e84e591824b4e4ef', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'bae06741881b57b4eb853f1256a22f9393d9cea4', height: '40px' }), h("salla-skeleton", { key: 'fdeb75a853f89df154b69dbd48fc8e233561af59', height: '40px' }), h("salla-skeleton", { key: 'd0be70bc141f04fd24adc86c56eec3a5e896f2d4', height: '40px' }), h("salla-skeleton", { key: 'c5146addbf2d5b9bda05170a9743cad0e08d8674', height: '40px' })), h("div", { key: '04dbbffe2de708c984c5d0966aa2b86c0051bd14', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '320fb33a2e5d9ee1f4b87c18b3f3dd13de180d4f', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'f06aeac8e2f8ea86ec9b1c5c6f2b31172f23209f', height: '10px', width: '75%' }), h("salla-skeleton", { key: '1accf852a34edcac77a77151ebf67ba8e05cc729', height: '10px', width: '50%' }), h("salla-skeleton", { key: '42d4c3364779a6ee130339e37affe2e0c590e6a7', height: '10px', width: '75%' }), h("salla-skeleton", { key: '13064a231460414b4a0abd19dda41b01ac1ee04f', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'd5a50f96ca3bab125503f836cd883cfb98ca135d', height: '10px', width: '25%' }), h("salla-skeleton", { key: '11cd2ed36d9754c32173f14cd7d5ea99fc2b5577', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'a5b3a192d0e38dc13a025b8b8e0aba767f35611b', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'dddcb26038e180fb5b686b29d286316d4314909f', height: '10px', width: '30%' })))), h("slot", { key: '43a08b9b6e64955b726b832f0849617ac31d4c25', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '5ae0956ca1f9313b5ef3d01dbdcab32f2e975e05', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

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

@@ -74,6 +74,9 @@
 .s-products-list-row-cards .s-products-list-selectable-item > :not(.s-products-list-select-control) {
   padding-inline-start: 2.75rem;
 }
+.fixed {
+  position: fixed;
+}
 .sticky {
   position: sticky;
 }

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

@@ -534,13 +534,28 @@ export class SallaProductsList {
         let prevCategoryId = salla.config.get('page.id'); // Number or null
         const currentPage = Object.keys(this.specialPagesWithoutIds).find(page => salla.url.is_page(page));
         if (currentPage) {
-            prevCategoryId = this.specialPagesWithoutIds[currentPage];
+            prevCategoryId = this.getCategoryIdentity(this.specialPagesWithoutIds[currentPage]);
         }
         else if (prevCategoryId !== null) {
             prevCategoryId = String(prevCategoryId); // Ensure it's stored as a string
         }
         sessionStorage.setItem(this.prevCategoryIdKey, prevCategoryId);
     }
+    /**
+     * `specialPagesWithoutIds` maps the search page to a fixed 'search' slug, which doesn't
+     * change when the query term does. Without the keyword baked in, navigating from one
+     * search term to another is indistinguishable from staying on the "same" page, so the
+     * stale snapshot for the previous term gets restored instead of the freshly fetched one.
+     *
+     * Deliberately bypasses `getSourceValue()`: when a `filters[category_id]` URL param is
+     * present it returns `currentCategoryIdFilter` instead of the keyword (see componentWillLoad),
+     * which would make two different search terms under the same category filter collide.
+     */
+    getCategoryIdentity(pageSlug) {
+        return pageSlug === 'search'
+            ? `search:${Helper.getProductsSourceValue(this.source, this.sourceValue)}`
+            : pageSlug;
+    }
     removeScrollRestorationSession() {
         if (!this.isFilterable()) {
             sessionStorage.removeItem(this.filtersKey);
@@ -563,7 +578,7 @@ export class SallaProductsList {
          * 3. The user is on a product page.
          */
         const prevCategory = sessionStorage.getItem(this.prevCategoryIdKey); // Get previously stored category
-        const currentPageSlug = this.specialPagesWithoutIds[salla.config.get('page.slug')] || null;
+        const currentPageSlug = this.getCategoryIdentity(this.specialPagesWithoutIds[salla.config.get('page.slug')] || null);
         const currentPageId = salla.config.get('page.id'); // Number or null
         const isHomepage = salla.url.is_page('index');
         const isProductPage = salla.url.is_page('product.single');

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

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