@salla.sa/twilight-components 2.14.587 → 2.14.588

package/dist/components/salla-bullet-delivery.js

@@ -462,8 +462,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
             else {
                 this.activeTab = 'address';
             }
-            // Fetch address token for map (fire-and-forget, non-blocking)
-            this.fetchAddressToken();
+            // Map SDK + token only when the opening view actually renders the map (fire-and-forget).
+            if (this.needsMap)
+                this.fetchAddressToken();
             // Load countries always; load saved addresses only when address tab is active (lazy tab data).
             if (this.isLoggedIn && this.activeTab === "address") {
                 this.loadingSavedAddresses = true;
@@ -1311,24 +1312,23 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     }
     // ─── Map methods ───
     async fetchAddressToken() {
-        if (this.addressToken || this.loadingToken)
+        // The token and Maps JS only serve map mode (setting on + maps key); otherwise they are ~180KB of unused JS.
+        if (!this.canUseMap || this.addressToken || this.loadingToken)
             return;
         this.loadingToken = true;
         try {
             const mapsKey = salla.config.get('store.settings.keys.maps');
-            if (mapsKey) {
-                const bootMaps = () => import('./index2.js')
-                    .then(({ load }) => load({
-                    key: mapsKey,
-                    libraries: ['marker', 'places'],
-                    language: salla.config.get('user.language_code') || 'ar',
-                }))
-                    .catch(err => log('Failed to load Google Maps SDK', err));
-                if (document.readyState === 'complete')
-                    bootMaps();
-                else
-                    window.addEventListener('load', bootMaps, { once: true });
-            }
+            const bootMaps = () => import('./index2.js')
+                .then(({ load }) => load({
+                key: mapsKey,
+                libraries: ['marker', 'places'],
+                language: salla.config.get('user.language_code') || 'ar',
+            }))
+                .catch(err => log('Failed to load Google Maps SDK', err));
+            if (document.readyState === 'complete')
+                bootMaps();
+            else
+                window.addEventListener('load', bootMaps, { once: true });
             this.addressToken = await bulletDeliveryAPI.getAddressToken();
         }
         catch {
@@ -1405,7 +1405,17 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         return Salla.config.get('store.settings.bullet_delivery.settings.map_enabled');
     }
     get isMapModeAvailable() {
-        return this.isMapSettingEnabled && !!salla.config.get('store.settings.keys.maps') && !!this.addressToken;
+        return this.canUseMap && !!this.addressToken;
+    }
+    /** Store config allows map mode (independent of whether the token has loaded yet). */
+    get canUseMap() {
+        return !!this.isMapSettingEnabled && !!salla.config.get('store.settings.keys.maps');
+    }
+    /** The current view will render <gmap-map>: guest delivery tab, or the add-address view. */
+    get needsMap() {
+        return (this.canUseMap &&
+            this.activeTab === 'address' &&
+            (this.viewMode === 'add-address' || !this.isLoggedIn));
     }
     /** In map mode and a pin has already been dropped (as opposed to still using the dropdowns), regardless of login state. */
     get isMapPick() {
@@ -1470,6 +1480,8 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                     this.selectedCountry = this.countries[0];
                 }
             }
+            if (tab === "address" && this.needsMap)
+                this.fetchAddressToken();
             // Load appropriate data when switching tabs if country is selected
             if (this.selectedCountry) {
                 if (tab === "branch") {

package/dist/components/salla-conditional-offer.js

@@ -17,7 +17,7 @@ var OfferType;
     OfferType["PRODUCT_PURCHASE"] = "order_amount";
 })(OfferType || (OfferType = {}));
 
-const sallaConditionalOfferCss = "/*!twlt*/:host{display:block}.fixed{position:fixed}.absolute{position:absolute}.-top-2{top:-0.5rem}.left-0{left:0px}.mb-1{margin-bottom:0.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.w-12{width:3rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-3{gap:0.75rem}.rounded-lg{border-radius:0.5rem}.object-cover{object-fit:cover}.text-start{text-align:start}.text-xs{font-size:0.75rem;line-height:1rem}.leading-tight{line-height:1.25}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-conditional-offer-container{position:relative;display:inline-flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:4rem}@media (min-width: 768px){.s-conditional-offer-container{padding-left:2.5rem;padding-right:2.5rem;padding-top:2rem;padding-bottom:2rem}}.s-conditional-offer-title-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch}.s-conditional-offer-title{text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--color-primary-dark)}.s-conditional-offer-subtitle{display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;align-self:stretch;text-align:center;font-size:0.75rem;line-height:1rem;font-weight:400;--tw-text-opacity:1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.s-conditional-offer-subtitle i{position:relative}.s-conditional-offer-progress-line{height:1px;align-self:stretch;background-color:var(--color-primary)}.s-conditional-offer-checkpoint-border{display:flex;height:60px;min-width:60px;flex-direction:column;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-conditional-offer-checkpoint-border-colored{border-color:var(--color-primary);color:var(--color-primary-dark)}.s-conditional-offer-product-link{display:grid;aspect-ratio:1 / 1;height:58px;place-content:center;overflow:hidden;border-radius:9999px}.s-conditional-offer-checkpoint-image-content{height:58px;width:58px;object-fit:cover}.s-conditional-offer-progress-container{position:relative;margin-bottom:2rem;display:flex;height:8rem;width:100%;flex-wrap:wrap;align-items:center;justify-content:center}@media (min-width: 768px){.s-conditional-offer-progress-container{height:4rem}}.s-conditional-offer-item-avatar-content{text-align:center;font-size:0.875rem;font-weight:700;line-height:1.25rem}.s-conditional-offer-item-avatar-content.active{color:var(--color-primary-dark);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-checkpoint{position:relative;display:flex;height:60px;width:60px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;border-radius:9999px;border-width:1px}.s-conditional-offer-progress-line-container{display:grid;width:100%;overflow:hidden;grid-template-areas:'progress-line'}.s-conditional-offer-progress-line-inactive{height:1.5px;width:100%;--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);grid-area:progress-line}.s-conditional-offer-progress-line-active{height:1.5px;width:0%;background-color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);grid-area:progress-line}.s-conditional-offer-checkpoint-label{position:absolute;top:100%;left:50%;width:max-content;--tw-translate-x:-50%;--tw-translate-y:20%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-checkpoint-label.active{color:var(--color-primary-dark);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-checkpoint-label.first-checkpoint{--tw-translate-y:132%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-conditional-offer-checkpoint-label.first-checkpoint:where([dir=\"ltr\"],[dir=\"ltr\"] *){--tw-translate-x:0%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-conditional-offer-checkpoint-label.first-checkpoint:where([dir=\"rtl\"],[dir=\"rtl\"] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-conditional-offer-checkpoint-container{position:relative;display:flex;align-items:center}.s-conditional-offer-active-checkpoint{display:flex;justify-content:center;border-color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-skeleton-inner-container{margin-bottom:2rem;width:100%}@media (min-width: 768px){.s-conditional-offer-skeleton-inner-container{margin-bottom:0px}}.s-conditional-offer-skeleton-title{margin-bottom:1rem;display:flex;justify-content:center}.s-conditional-offer-skeleton-subtitle{margin-bottom:1.5rem;display:flex;justify-content:center}.s-conditional-offer-skeleton-checkpoints-wrapper{display:flex;align-items:center}@media (min-width: 640px){.sm\\:block{display:block}}";
+const sallaConditionalOfferCss = "/*!twlt*/:host{display:block}.fixed{position:fixed}.absolute{position:absolute}.-top-2{top:-0.5rem}.left-0{left:0px}.mb-1{margin-bottom:0.25rem}.flex{display:flex}.h-12{height:3rem}.w-12{width:3rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-3{gap:0.75rem}.rounded-lg{border-radius:0.5rem}.object-cover{object-fit:cover}.text-start{text-align:start}.text-xs{font-size:0.75rem;line-height:1rem}.leading-tight{line-height:1.25}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-conditional-offer-container{position:relative;display:inline-flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:4rem}@media (min-width: 768px){.s-conditional-offer-container{padding-left:2.5rem;padding-right:2.5rem;padding-top:2rem;padding-bottom:2rem}}.s-conditional-offer-title-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch}.s-conditional-offer-title{text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--color-primary-dark)}.s-conditional-offer-subtitle{display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;align-self:stretch;text-align:center;font-size:0.75rem;line-height:1rem;font-weight:400;--tw-text-opacity:1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.s-conditional-offer-subtitle i{position:relative}.s-conditional-offer-progress-line{height:1px;align-self:stretch;background-color:var(--color-primary)}.s-conditional-offer-checkpoint-border{display:flex;height:60px;min-width:60px;flex-direction:column;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-conditional-offer-checkpoint-border-colored{border-color:var(--color-primary);color:var(--color-primary-dark)}.s-conditional-offer-product-link{display:grid;aspect-ratio:1 / 1;height:58px;place-content:center;overflow:hidden;border-radius:9999px}.s-conditional-offer-checkpoint-image-content{height:58px;width:58px;object-fit:cover}.s-conditional-offer-progress-container{position:relative;margin-bottom:2rem;display:flex;height:8rem;width:100%;align-items:center;overflow-x:auto}@media (min-width: 768px){.s-conditional-offer-progress-container{height:4rem;overflow:visible}}.s-conditional-offer-item-avatar-content{text-align:center;font-size:0.875rem;font-weight:700;line-height:1.25rem}.s-conditional-offer-item-avatar-content.active{color:var(--color-primary-dark);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-checkpoint{position:relative;display:flex;height:60px;width:60px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;border-radius:9999px;border-width:1px}.s-conditional-offer-progress-line-container{display:grid;width:100%;overflow:hidden;grid-template-areas:'progress-line'}.s-conditional-offer-progress-line-inactive{height:1.5px;width:100%;--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);grid-area:progress-line}.s-conditional-offer-progress-line-active{height:1.5px;width:0%;background-color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);grid-area:progress-line}.s-conditional-offer-checkpoint-label{position:absolute;top:100%;left:50%;width:max-content;--tw-translate-x:-50%;--tw-translate-y:20%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-checkpoint-label.active{color:var(--color-primary-dark);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-checkpoint-label.first-checkpoint{--tw-translate-y:132%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-conditional-offer-checkpoint-label.first-checkpoint:where([dir=\"ltr\"],[dir=\"ltr\"] *){--tw-translate-x:0%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-conditional-offer-checkpoint-label.first-checkpoint:where([dir=\"rtl\"],[dir=\"rtl\"] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-conditional-offer-checkpoint-container{position:relative;display:flex;align-items:center}.s-conditional-offer-active-checkpoint{display:flex;justify-content:center;border-color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-conditional-offer-skeleton-inner-container{margin-bottom:2rem;width:100%}@media (min-width: 768px){.s-conditional-offer-skeleton-inner-container{margin-bottom:0px}}.s-conditional-offer-skeleton-title{margin-bottom:1rem;display:flex;justify-content:center}.s-conditional-offer-skeleton-subtitle{margin-bottom:1.5rem;display:flex;justify-content:center}.s-conditional-offer-skeleton-checkpoints-wrapper{display:flex;align-items:center}";
 
 const SallaConditionalOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaConditionalOffer extends HTMLElement {
     constructor() {
@@ -154,7 +154,7 @@ const SallaConditionalOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaCond
             h("div", { key: "progress-line", class: "s-conditional-offer-progress-line-container" }, h("div", { class: "s-conditional-offer-progress-line-inactive" }), h("div", { class: "s-conditional-offer-progress-line-active", style: { width: `${progressPercentage}%` } })),
             h("div", { key: "checkpoint", class: `s-conditional-offer-checkpoint ${isActive ? "s-conditional-offer-active-checkpoint" : ""}` }, h("div", { class: `s-conditional-offer-item-avatar-content ${isActive ? "active" : ""}`, id: discount.type === DiscountType.FREE_PRODUCT ? `avatar-product-${discount.value}` : `avatar-${discount.value ?? index}` }, this.products && this.getCheckpointContent(discount)), this.products && discount.type === DiscountType.FREE_PRODUCT && this.renderTooltip(discount), h("div", { class: `s-conditional-offer-checkpoint-label ${isActive ? "active" : ""}`, innerHTML: this.getOfferType(discount) }))
         ] :
-            h("div", { key: "label", class: { "s-conditional-offer-checkpoint-label": true, "first-checkpoint": index === 0, active: isActive, "hidden": index === 0, "sm:block": index === 0 }, innerHTML: this.getOfferType(discount) })));
+            h("div", { key: "label", class: { "s-conditional-offer-checkpoint-label": true, "first-checkpoint": index === 0, active: isActive }, innerHTML: this.getOfferType(discount) })));
     }
     getLoadingSkeletonView() {
         return h(Host, { class: "s-conditional-offer-container" }, h("div", { class: "s-conditional-offer-skeleton-inner-container" }, h("div", { class: "s-conditional-offer-skeleton-subtitle" }, h("salla-skeleton", { height: "16px", width: "30%" })), h("div", { class: "s-conditional-offer-skeleton-subtitle" }, h("salla-skeleton", { height: "16px", width: "35%" })), h("div", { class: "s-conditional-offer-skeleton-checkpoints-wrapper" }, Array(3).fill(null).map(() => ([h("salla-skeleton", { key: "checkpoint-line", height: "8px" }), h("div", { key: "checkpoint" }, h("salla-skeleton", { height: "60px", width: "60px", type: "circle" }))])))));

package/dist/components/salla-cookies-bar.js

@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { C as Cancel } from './cancel.js';
 import { d as defineCustomElement$2 } from './salla-button2.js';
 
-const sallaCookiesBarCss = "/*!twlt*/:host{display:block;overflow:visible}.s-cookies-bar{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:100;background-color:#fff;border-radius:1rem;padding:1.25rem;width:calc(100% - 2rem);max-width:48rem;box-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.2)}.s-cookies-bar-consent{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 640px){.s-cookies-bar-consent{flex-direction:column;align-items:end}}.s-cookies-bar-consent-actions{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}.s-cookies-bar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.s-cookies-bar-title{font-size:1rem;font-weight:bold;color:#1f2937}.s-cookies-bar-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.s-cookies-bar-close svg{width:1.125rem;height:1.125rem;fill:currentColor}.s-cookies-bar-close:hover{color:#4b5563}.s-cookies-bar-categories{display:flex;flex-direction:column;gap:1rem}.s-cookies-bar-category{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.s-cookies-bar-category .s-toggle{flex-shrink:0}.s-cookies-bar-category .s-toggle--disabled{cursor:not-allowed}.s-cookies-bar-category-title-row{display:flex;align-items:center;gap:0.5rem}.s-cookies-bar-category-title{font-size:0.875rem;font-weight:500;color:#1f2937}.s-cookies-bar-category-description{font-size:0.75rem;color:#9ca3af;margin-top:0.25rem}.s-cookies-bar-badge{display:inline-flex;align-items:center;padding:0.0625rem 0.5rem;border-radius:9999px;background-color:#f3f4f6;color:#6b7280;font-size:0.6875rem;font-weight:500;white-space:nowrap}.s-cookies-bar-footer{display:flex;align-items:center;gap:0.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.s-cookies-bar-message{flex:1;font-size:0.75rem;line-height:1.625;font-weight:700}.s-cookies-bar-btn--save{flex-shrink:0}.visible{visibility:visible}.invisible{visibility:hidden}.m-0{margin:0px}.ms-1{margin-inline-start:0.25rem}.resize{resize:both}.text-primary{color:var(--color-primary)}.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}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.toggle-checkbox .s-toggle-input{position:absolute;visibility:hidden}.toggle-checkbox .s-toggle-switcher{display:inline-block;background:#ccc;border-radius:16px;width:40px;height:25px;position:relative;vertical-align:middle;transition:background 0.25s}.toggle-checkbox .s-toggle-switcher:before,.toggle-checkbox .s-toggle-switcher:after{content:\"\"}.toggle-checkbox .s-toggle-switcher:before{display:block;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.25);width:20px;height:21px;position:absolute;top:2.2px;left:1px;transition:left 0.25s}.toggle-checkbox .s-toggle-input:checked+div{background:#30D158}.toggle-checkbox .s-toggle-input:checked+div:before{left:18px}.s-toggle{cursor:pointer;display:inline-block}.s-toggle .s-toggle-input{position:absolute;visibility:hidden}.s-toggle .s-toggle-label{margin-left:5px;position:relative;top:2px}.s-toggle .s-toggle-switcher{display:inline-block;background:#ccc;border-radius:16px;width:40px;height:25px;position:relative;vertical-align:middle;transition:background 0.25s}.s-toggle .s-toggle-switcher:before,.s-toggle .s-toggle-switcher:after{content:\"\"}.s-toggle .s-toggle-switcher:before{display:block;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.25);width:20px;height:21px;position:absolute;top:2.2px;left:1px;transition:left 0.25s}.s-toggle .s-toggle-input:checked+div{background:#30D158}.s-toggle .s-toggle-input:checked+div:before{left:18px}";
+const sallaCookiesBarCss = "/*!twlt*/:host{display:block;overflow:visible}.s-cookies-bar{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:100;background-color:#fff;border-radius:1rem;padding:1.25rem;width:calc(100% - 2rem);max-width:48rem;box-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.2)}.s-cookies-bar-consent{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 640px){.s-cookies-bar-consent{flex-direction:column;align-items:end}}.s-cookies-bar-consent-actions{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}.s-cookies-bar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.s-cookies-bar-title{font-size:1rem;font-weight:bold;color:#1f2937}.s-cookies-bar-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.s-cookies-bar-close svg{width:1.125rem;height:1.125rem;fill:currentColor}.s-cookies-bar-close:hover{color:#4b5563}.s-cookies-bar-categories{display:flex;flex-direction:column;gap:1rem}.s-cookies-bar-category{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.s-cookies-bar-category .s-toggle{flex-shrink:0}.s-cookies-bar-category .s-toggle--disabled{cursor:not-allowed}.s-cookies-bar-category-title-row{display:flex;align-items:center;gap:0.5rem}.s-cookies-bar-category-title{font-size:0.875rem;font-weight:500;color:#1f2937}.s-cookies-bar-category-description{font-size:0.75rem;color:#9ca3af;margin-top:0.25rem}.s-cookies-bar-badge{display:inline-flex;align-items:center;padding:0.0625rem 0.5rem;border-radius:9999px;background-color:#f3f4f6;color:#6b7280;font-size:0.6875rem;font-weight:500;white-space:nowrap}.s-cookies-bar-footer{display:flex;align-items:center;gap:0.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.s-cookies-bar-message{flex:1;font-size:0.75rem;line-height:1.625;font-weight:700}.s-cookies-bar-btn--save{flex-shrink:0}.visible{visibility:visible}.invisible{visibility:hidden}.m-0{margin:0px}.ms-1{margin-inline-start:0.25rem}.hidden{display:none}.resize{resize:both}.text-primary{color:var(--color-primary)}.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}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.toggle-checkbox .s-toggle-input{position:absolute;visibility:hidden}.toggle-checkbox .s-toggle-switcher{display:inline-block;background:#ccc;border-radius:16px;width:40px;height:25px;position:relative;vertical-align:middle;transition:background 0.25s}.toggle-checkbox .s-toggle-switcher:before,.toggle-checkbox .s-toggle-switcher:after{content:\"\"}.toggle-checkbox .s-toggle-switcher:before{display:block;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.25);width:20px;height:21px;position:absolute;top:2.2px;left:1px;transition:left 0.25s}.toggle-checkbox .s-toggle-input:checked+div{background:#30D158}.toggle-checkbox .s-toggle-input:checked+div:before{left:18px}.s-toggle{cursor:pointer;display:inline-block}.s-toggle .s-toggle-input{position:absolute;visibility:hidden}.s-toggle .s-toggle-label{margin-left:5px;position:relative;top:2px}.s-toggle .s-toggle-switcher{display:inline-block;background:#ccc;border-radius:16px;width:40px;height:25px;position:relative;vertical-align:middle;transition:background 0.25s}.s-toggle .s-toggle-switcher:before,.s-toggle .s-toggle-switcher:after{content:\"\"}.s-toggle .s-toggle-switcher:before{display:block;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.25);width:20px;height:21px;position:absolute;top:2.2px;left:1px;transition:left 0.25s}.s-toggle .s-toggle-input:checked+div{background:#30D158}.s-toggle .s-toggle-input:checked+div:before{left:18px}";
 
 const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar extends HTMLElement {
     constructor() {
@@ -28,7 +28,7 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.mobileQueryHandler = (e) => (this.isMobile = e.matches);
         this.openRequestedHandler = () => this.open();
         this.authLoggedInHandler = () => this.syncConsentAfterLogin();
-        this.authLoggedOutHandler = () => this.clearLocalConsent();
+        this.authLoggedOutHandler = () => this.handleLogout();
         /**
          * Consent cookie names, matching the category keys the backend expects.
          */
@@ -37,6 +37,18 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.functionalCookieKey = 'functional_cookies';
         this.advertisingCookieKey = 'advertising_cookies';
         this.consentCookieDays = 365;
+        /**
+         * Storage keys for the consent choice. The persistent choice lives in `Salla.storage`
+         * (localStorage); after a logout a copy is kept in `Salla.storage.session` so the bar
+         * stays hidden until the browsing session ends.
+         */
+        this.consentStorageKey = 'cookies-consent';
+        this.sessionConsentPointsKey = 'cookies-consent-points';
+        /**
+         * Set when the persistent choice was made (or attributed) while signed in, i.e. it
+         * belongs to that account and must never be carried over to whoever signs in next.
+         */
+        this.consentByUserKey = 'cookies-consent-by-user';
         /**
          * Known first-party cookie names (a trailing `*` matches by prefix) set by common
          * third-party scripts, grouped by the category they belong to. Only first-party
@@ -118,6 +130,14 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.functionsEnabled = false;
         this.adsEnabled = false;
     }
+    /**
+     * Stores can share an origin (`salla.sa/store_one`, `salla.sa/store_two`), so the
+     * post-logout session copy and the signed-in marker are keyed by store id to stay out
+     * of the other stores.
+     */
+    storeKey(key) {
+        return `${key}_${Salla.config.get('store.id')}`;
+    }
     async componentWillLoad() {
         await Salla.onReady();
         await Salla.lang.onLoaded();
@@ -127,7 +147,7 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         Salla.event.on('auth::logged.out', this.authLoggedOutHandler);
         this.unregisterAfterFetchMenuItemsHook = Salla.hooks.registerHook('salla-menu', 'afterFetchMenuItems', (menuComponent) => this.appendCookiesSettingsLink(menuComponent));
         this.hydrateToggleState();
-        if (Salla.storage.get('cookies-consent')) {
+        if (this.currentConsentPoints()) {
             this.isVisible = false;
         }
         // Keep tracking cookies enforced on every load/refresh, not just when the
@@ -196,23 +216,50 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
      */
     applyConsent(points) {
         this.writeLocalConsentCookies(points);
+        // A fresh choice is stored persistently, so any post-logout session copy is stale.
+        this.clearSessionConsent();
+        Salla.storage.set(this.storeKey(this.consentByUserKey), !Salla.config.isGuest());
         this.sweepDisabledCategoryCookies(points);
         if (!Salla.config.isGuest()) {
             Salla.api.request('account/data-privacy', { points }, 'post').catch(() => { });
         }
     }
     /**
-     * The currently known accepted categories, read from local cookies — there is no
-     * backend endpoint to read the customer's saved preference back, so the cookies
-     * written on save are the only source of truth we have. Returns `null` when no
-     * choice has been made yet — the bar itself is the source of truth in that case,
-     * not a sweep.
+     * The currently known accepted categories: the persistent choice if there is one,
+     * otherwise the post-logout session copy. Returns `null` when no choice has been
+     * made yet — the bar itself is the source of truth in that case, not a sweep.
      */
     currentConsentPoints() {
-        if (!Salla.storage.get('cookies-consent'))
+        return this.persistentConsentPoints() ?? this.sessionConsentPoints();
+    }
+    /**
+     * The accepted categories read from local cookies — there is no backend endpoint to
+     * read the customer's saved preference back, so the cookies written on save are the
+     * only source of truth we have.
+     */
+    persistentConsentPoints() {
+        if (!Salla.storage.get(this.consentStorageKey))
             return null;
         return this.allCategoryKeys().filter(key => key === this.necessaryCookieKey || Salla.cookie.get(key) === 'true');
     }
+    /**
+     * The choice carried over from before a logout, kept only for the current browsing
+     * session (see `handleLogout`). It belongs to the customer who logged out, so it only
+     * applies while the visitor is a guest — never to whoever signs in next.
+     */
+    sessionConsentPoints() {
+        if (!Salla.config.isGuest())
+            return null;
+        if (!Salla.storage.session?.get(this.storeKey(this.consentStorageKey)))
+            return null;
+        const points = Salla.storage.session.get(this.storeKey(this.sessionConsentPointsKey));
+        const savedPoints = Array.isArray(points) ? points : [];
+        return this.allCategoryKeys().filter(key => key === this.necessaryCookieKey || savedPoints.includes(key));
+    }
+    clearSessionConsent() {
+        Salla.storage.session?.remove(this.storeKey(this.consentStorageKey));
+        Salla.storage.session?.remove(this.storeKey(this.sessionConsentPointsKey));
+    }
     enforceCurrentConsent() {
         const points = this.currentConsentPoints();
         if (points)
@@ -232,31 +279,76 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.adsEnabled = points.includes(this.advertisingCookieKey);
     }
     /**
-     * Wipe the locally-stored choice on logout. Local cookies/storage are scoped to the
-     * browser, not the account — without this, whatever the previous customer chose would
-     * be misread as "the visitor's own prior choice" and pushed to the next account that
-     * logs in (or is created) on this same browser.
+     * On logout, stop keeping the choice persistently: local cookies/storage are scoped to
+     * the browser, not the account — without this, whatever the previous customer chose
+     * would be misread as "the visitor's own prior choice" and pushed to the next account
+     * that logs in (or is created) on this same browser.
+     *
+     * The choice is still honoured for the rest of the browsing session (copied to session
+     * storage), so the bar doesn't pop up again right after logging out; it shows again
+     * once the store is closed and reopened.
+     *
+     * A logout fired while the visitor is already a guest is the automatic `force_logout`
+     * cleanup (the session already ended server-side), not the customer's doing, so a choice
+     * the visitor made as a guest is kept as is. A choice made while signed in belongs to
+     * that account, so it's handled like any other logout.
      */
-    clearLocalConsent() {
+    handleLogout() {
+        if (Salla.config.isGuest() && !Salla.storage.get(this.storeKey(this.consentByUserKey)))
+            return;
+        const state = Salla.storage.get(this.consentStorageKey);
+        const points = this.persistentConsentPoints();
+        if (state && points) {
+            Salla.storage.session?.set(this.storeKey(this.consentStorageKey), state);
+            Salla.storage.session?.set(this.storeKey(this.sessionConsentPointsKey), points);
+        }
         for (const key of this.allCategoryKeys()) {
             Salla.cookie.remove(key);
         }
-        Salla.storage.remove('cookies-consent');
-        // Whoever continues on this browser next (guest or a different account) hasn't
-        // made a choice yet, so the bar should show again right away.
-        this.isVisible = true;
+        Salla.storage.remove(this.consentStorageKey);
+        Salla.storage.remove(this.storeKey(this.consentByUserKey));
     }
     /**
      * Runs when a guest signs in. There is no backend endpoint to check whether the
      * account already has a saved preference, so if the visitor already made a choice
      * as a guest (guest choices are never sent server-side), attribute that local
      * choice to the account now — this is the only source of truth available.
+     * The post-logout session copy belongs to the previous customer, so it's dropped here
+     * and never synced.
+     * `auth::logged.in` is dispatched even when the profile fetch fails, so a login that
+     * didn't resolve a user (still a guest) changes nothing.
      */
     syncConsentAfterLogin() {
-        const points = this.currentConsentPoints();
-        if (!points)
+        if (Salla.config.isGuest())
+            return;
+        this.clearSessionConsent();
+        const points = this.persistentConsentPoints();
+        if (!points) {
+            // Nothing chosen on this browser for the account that just signed in — e.g. after a
+            // logout that kept the bar hidden on this page — so ask them now.
+            this.step = 'consent';
+            this.isVisible = true;
+            return;
+        }
+        // A choice that already belongs to an account isn't this visitor's to hand over.
+        if (Salla.storage.get(this.storeKey(this.consentByUserKey)))
             return;
-        Salla.api.request('account/data-privacy', { points }, 'post').catch(() => { });
+        // Only once the account actually has the choice does it count as theirs; if the POST
+        // fails, a later login can try again. The response can arrive after the visitor logged
+        // out or chose again, so only mark it if it's still the same account and choice.
+        const userId = Salla.config.get('user.id');
+        Salla.api
+            .request('account/data-privacy', { points }, 'post')
+            .then(() => {
+            const currentPoints = this.persistentConsentPoints();
+            const unchanged = !Salla.config.isGuest() &&
+                Salla.config.get('user.id') === userId &&
+                currentPoints?.length === points.length &&
+                points.every(key => currentPoints.includes(key));
+            if (unchanged)
+                Salla.storage.set(this.storeKey(this.consentByUserKey), true);
+        })
+            .catch(() => { });
     }
     cookieNameMatchesPattern(cookieName, pattern) {
         return pattern.endsWith('*')
@@ -283,8 +375,15 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
     dismiss(eventName) {
         this.isVisible = false;
         //We will call event first because we need to compare between old and new data inside session
-        Salla.event.emit(`salla-cookies-bar::${eventName}`);
-        Salla.storage.set('cookies-consent', eventName);
+        try {
+            Salla.event.emit(`salla-cookies-bar::${eventName}`);
+        }
+        finally {
+            // Listeners (themes, apps, third-party scripts) run synchronously and their errors
+            // propagate; always persist the choice so a throwing listener can't make the bar
+            // show again on the next page. The error is still rethrown after this.
+            Salla.storage.set(this.consentStorageKey, eventName);
+        }
     }
     /**
      * Persist the customized per-category toggle choices, then dismiss.

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-05T07:35:36",
+  "timestamp": "2026-10-07T09:10:53",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",

package/dist/esm/{filepond-Xi2-pJA0.js → filepond-D9x8e0kN.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-DduYF-sA.js → filepond-plugin-file-poster-Dnc-RXWn.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BkPirl0j.js → filepond-plugin-file-validate-size-CZkCBl_R.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-BIX8_1CI.js → filepond-plugin-file-validate-type-C5Nsnz-Z.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit--1Sv5xxH.js → filepond-plugin-image-edit-hv6HNezY.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-Dss_DgF7.js → filepond-plugin-image-exif-orientation-xKI5gBkW.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CaA89Pn1.js → filepond-plugin-image-preview-C1Lw27uf.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BtdIfJF8.js';
+import { d as getDefaultExportFromCjs } from './index-BTR557QH.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {