npm - @salla.sa/twilight-components - Versions diffs - 2.14.553 → 2.14.555 - Mend

@salla.sa/twilight-components 2.14.553 → 2.14.555

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (335) hide show

package/dist/components/salla-products-list2.js CHANGED Viewed

@@ -57,6 +57,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
         this.prevCategoryIdKey = 'prevCategoryId';
         this.isProcessing = false; // Tracks if we are processing data
         this.scrollTimeout = null;
+        this.requestId = null;
         this.boundScrollToLastViewedProduct = () => this.scrollToLastViewedProduct();
         this.boundHandleScroll = () => this.handleScroll();
         this.specialPagesWithoutIds = {
@@ -321,6 +322,9 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             if (anchor) {
                 Helper.saveProductSource(this.getSource());
                 Helper.saveProductPosition(product.position);
+                // `this.requestId` is the latest page's id, not necessarily the one that rendered
+                // this card — see the accepted limitation documented on Helper.saveRequestId.
+                Helper.saveRequestId(this.requestId);
                 if (this.hasInfiniteScroll) {
                     this.takeStateSnapshot();
                     sessionStorage.setItem(this.lastViewedProductKey, product.id);
@@ -330,6 +334,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
                 // Add-to-cart clicked directly within the list (no navigation): persist the
                 // position so the following Product Added event can attribute the clicked rank.
                 Helper.saveProductPosition(product.position);
+                Helper.saveRequestId(this.requestId);
             }
         });
         if (this.selectable) {
@@ -757,6 +762,17 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
                 return;
             this.isProcessing = true;
             try {
+                try {
+                    // fetch() hides custom response headers behind CORS unless the backend
+                    // exposes them, so fall back to a `request_id` field in the JSON body.
+                    const requestId = httpResponse?.headers?.get?.('s-request-id') || response?.request_id;
+                    if (requestId) {
+                        this.requestId = requestId;
+                    }
+                }
+                catch {
+                    // ignore
+                }
                 if (!response.data?.length && this.infiniteScroll.pageIndex === 2) {
                     this.showPlaceholder = true;
                     salla.infiniteScroll.destroy(this.infiniteScroll);
@@ -1082,6 +1098,9 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
         if (!response) {
             return [];
         }
+        if (response._requestId) {
+            this.requestId = response._requestId;
+        }
         let source = this.getSource();
         if (response.cursor?.current === 1) {
             if (!this.isAuxiliaryProductsListSource()) {

package/dist/components/salla-products-slider2.js CHANGED Viewed

@@ -41,6 +41,7 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
          */
         this.productCardComponent = 'custom-salla-product-card';
         this.apiUrl = '';
+        this.requestId = null;
         this.onWishlistStorageSynced = () => Helper.syncWishlistIcons(this.host, `${this.productCardComponent}, salla-product-card`);
     }
     componentWillLoad() {
@@ -81,6 +82,9 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
             }))
                 .then(response => Helper.injectExtraFieldsToResponse(response))
                 .then(async (response) => {
+                if (response._requestId) {
+                    this.requestId = response._requestId;
+                }
                 this.productsData = await this.applyBeforeAppendItems(response.data);
                 this.isReady = true;
                 response.source = this.getSource();
@@ -124,6 +128,7 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
         const handleClick = isLandingPage ? undefined : () => {
             Helper.saveProductSource(this.getSource());
             Helper.saveProductPosition(product.position);
+            Helper.saveRequestId(this.requestId);
         };
         if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {
             return h("div", { class: "s-products-slider-card", onClick: handleClick }, h("custom-salla-product-card", { product: product, source: this.getSource(), "source-value": this.getSourceValue() }));

package/dist/components/salla-user-settings.js CHANGED Viewed

@@ -14,6 +14,13 @@ var Bullhorn = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
+var UserOff = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>user-off</title>
+<path d="M10.837 19.309c-4.963 1.284-8.171 4.303-8.171 7.691v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-2.101 2.48-4.155 6.172-5.109 0.713-0.184 1.141-0.912 0.957-1.625-0.184-0.711-0.908-1.137-1.625-0.956zM12.859 3.715c0.933-0.685 2.020-1.048 3.141-1.048 2.941 0 5.333 2.392 5.333 5.333 0 1.121-0.363 2.208-1.048 3.141-0.436 0.593-0.308 1.428 0.284 1.864 0.239 0.175 0.515 0.259 0.788 0.259 0.411 0 0.815-0.188 1.076-0.544 1.025-1.393 1.567-3.025 1.567-4.72 0-4.412-3.588-8-8-8-1.695 0-3.327 0.541-4.721 1.567-0.592 0.435-0.72 1.269-0.284 1.864 0.436 0.593 1.269 0.721 1.864 0.284zM31.609 29.724l-29.333-29.333c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l29.333 29.333c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885z"></path>
+</svg>
+`;
 var UserCancel = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>user-cancel</title>
@@ -28,6 +35,20 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
         super();
         this.__registerHost();
         this.otpInputs = [];
+        /**
+         * Gates the new OTP-verified delete-account flow. When disabled, falls back
+         * to the legacy deactivate-account flow (immediate deactivation, no OTP).
+         */
+        this.isDeleteAccountEnabled = !!salla.config
+            .get('store.features', [])
+            ?.includes('customer-account-deletion');
+        // Legacy deactivate-account texts (used when isDeleteAccountEnabled is false)
+        this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
+        this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
+        this.sorryForLeavingText = salla.lang.get('pages.profile.warning_for_deactivate');
+        this.warningText = salla.lang.get('pages.profile.sorry_for_leaving');
+        this.keepAccount = salla.lang.get('pages.profile.keep_account');
+        this.buttonLoading = false;
         this.deletePendingDays = null;
         this.currentStep = 'confirm';
         this.isDeletePending = false;
@@ -109,7 +130,9 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
             this.isHiddenName = salla.config.get('user.is_hidden_name');
             this.isNotifiable = salla.config.get('user.is_notifiable');
             this.canHideName = salla.config.get('store.settings.rating.can_customer_hide_name');
-            this.fetchDeleteRequestStatus();
+            if (this.isDeleteAccountEnabled) {
+                this.fetchDeleteRequestStatus();
+            }
             if (!this.isNotifiable || !this.isHiddenName) {
                 salla.event.on('profile::info.fetched', res => {
                     this.isHiddenName = res.data.is_hidden_name;
@@ -171,6 +194,11 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
         }
     }
     loadTranslations() {
+        this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
+        this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
+        this.sorryForLeavingText = salla.lang.get('pages.profile.warning_for_deactivate');
+        this.warningText = salla.lang.get('pages.profile.sorry_for_leaving');
+        this.keepAccount = salla.lang.get('pages.profile.keep_account');
         this.deleteAccount = salla.lang.get('pages.profile.delete_account');
         this.deleteAccountDesc = salla.lang.get('pages.profile.delete_account_description');
         this.deleteConfirmTitle = salla.lang.get('pages.profile.delete_account_confirm_title');
@@ -230,6 +258,17 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
         this.updateModalForStep();
         this.confirmationModal.open();
     }
+    openDeactivateModal() {
+        this.confirmationModal.setTitle(this.capitalizeText(this.deactivateAccount));
+        this.confirmationModal.open();
+    }
+    async confirmDeactivateAccount() {
+        this.buttonLoading = true;
+        await salla.profile.delete().finally(() => {
+            this.buttonLoading = false;
+            this.confirmationModal.close();
+        });
+    }
     closeDeleteModal() {
         this.clearResendTimer();
         this.confirmationModal?.close();
@@ -520,10 +559,17 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
         return (h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeleteModal() }, this.capitalizeText(this.deleteAccount)));
     }
     render() {
-        return (h(Host, { key: '64356c5b57d826fce8c29cc319a9762464c7fe51', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '4f7b3eb703f89e4a758fca54ba1b214f6724aaea', class: "s-user-settings-section" }, h("salla-list-tile", { key: '7ad109e36b278fe81a314d51e1ab68030dd96cdc' }, h("div", { key: 'c789b7e2c541e25aaaf336e052d1986f6429da71', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '5d7b377aefb80139527d8814ee2c636fa9c73e0f', innerHTML: UserCancel })), h("div", { key: 'fdb9d6130ef27cffbe4e2ef06e7b9155d0d04c2b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'bd8592a487c79926355eeea25a5e1429bca0fd80', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'cf21ed12bb38dc3a613efac6d017a72aab38780b', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '160140e25cf8e6c4556e52c0b36ba5769618b419', class: "s-toggle" }, h("input", { key: '369a694fabbd42e6c239b23c26d68f858775ffe2', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '5952ec01913ef95d888eeb3aace14123ffd3ef6f', class: "s-toggle-switcher" })))))), h("div", { key: '885355f8435759c9359a3d9eb95d5637b1c74751', class: "s-user-settings-section" }, h("salla-list-tile", { key: '93b607850b20add5384a3b28e4e58fbfcb181d53' }, h("div", { key: 'c795aabfdc6df0beb9c0bfcf73ad87625eb7f51b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'a59ede027c4466a1e84e8e8b4c649c7b418dd0a3', innerHTML: Bullhorn })), h("div", { key: 'e7af96b6f919a8be8bb126237cb3977e72a7c089', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'dab7b270443b6eddccd7df739c2bee82eb7706af', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '56a6f18c788891fe9215a57d0fcaa5cf98bd3aa5', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '1fc28780fe779099eaed7916f31cbbb681c10fe9', class: "s-toggle" }, h("input", { key: '832edd6e5b806171bb913163b7d5c19dbb0833f5', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '54260d8cca19ca6914cdd3bf15093b9669fef44a', class: "s-toggle-switcher" }))))), h("div", { key: '549bae1159a55b035952a12c8dc9d2b9d660f5bf', class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", { key: '7969327e863cd998a120f27d61621d83ef8e57d5' }, h("div", { key: 'acf14b5e6ce76657fe0016aa63e26851e7688cd5', slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { key: '4a38cf9d0510e784317b0eb4db2fd4589a9f71d4', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { key: '054f6a6c30f2eb9794f83a0998f20e208c7ed85a', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { key: '00d392a300b986d5d3e6f6711e6996df9731962d', slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction()))), h("salla-modal", { key: 'd4e8006e57d9c35267177f07b60e510ea3e53400', 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' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))));
+        return (h(Host, { key: '8a30c7a63785447ce4b5a37233a851056489b7a0', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: 'df325aab1249e9c6fbae8c9218cebe44cf3c627a', class: "s-user-settings-section" }, h("salla-list-tile", { key: '00b155f3cbdb38b97baaebc81b2f3f8ae41926c9' }, h("div", { key: '79e8eaf77e59e8228bc8a68adb55975a1400aea0', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '98e985a057595b1e136d77c8bda2951fb82b1d3e', innerHTML: UserCancel })), h("div", { key: '9c05bf47eda1764880948705b1c78af50b973c94', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '4656a31e4818d1a0678400408c1082f5e738f764', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '636e6882149c8b692c01cb97ece48014bf284631', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '5633324ba6128911e955fbf53774f324a37ff136', class: "s-toggle" }, h("input", { key: 'cae5ee95e39ffc7ff3a1ecb86ca8cae9dc9583d9', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'd0cdd16ca6104f73f1653088cdf43d7a1d10da34', class: "s-toggle-switcher" })))))), h("div", { key: '781043a116e44c9e60c127faf121f59c010fad17', class: "s-user-settings-section" }, h("salla-list-tile", { key: '72784431a6acd24d12a2a66e9563c603900a1f4d' }, h("div", { key: '0f5ec3452bfb20918b44d99aad5146c2a8595286', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'cef5ba0f4cd4e64f995e654b0f566a11ed2e2f48', innerHTML: Bullhorn })), h("div", { key: '8632c4f75da95d01a2cbb8a89c415c3bdd6c10ff', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'd93b1336e6d09e32d620376083bc704e1edac337', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '7c4f5a8102521d98a230dec0b92ded0a37ff8eea', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '1b3419f9c933f1e20540fc70a79bdeba338e3dc6', class: "s-toggle" }, h("input", { key: '87ceb43f847b99552566579e2d0d878dbc8bf80a', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '15ddef5bcefe2b062983b0021cfaf03ad9f6cf95', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (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' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
     }
     static get style() { return sallaUserSettingsCss; }
 }, [0, "salla-user-settings", {
+        "isDeleteAccountEnabled": [32],
+        "deactivateAccount": [32],
+        "deactivateDesc": [32],
+        "sorryForLeavingText": [32],
+        "warningText": [32],
+        "keepAccount": [32],
+        "buttonLoading": [32],
         "deleteAccount": [32],
         "deleteAccountDesc": [32],
         "deleteConfirmTitle": [32],

package/dist/components/salla-wishlist-actions.js CHANGED Viewed

@@ -320,7 +320,7 @@ const SallaWishlistActions$1 = /*@__PURE__*/ proxyCustomElement(class SallaWishl
         }
     }
     render() {
-        return (h(Host, { key: 'de4a2a4d63c8b5564d94b8dc0fb44a8f3680b5c4' }, h("div", { key: '6b8b55564d4309018e354aa59d78759023cd80e3', class: "s-wishlist-actions" }, h("div", { key: 'd7596fe51a790b13dadcacaaa22cbb571f66baf3', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: 'acd83930774ca11cc9e8294f694a3a7376abbf1c', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '98d82f820182210e0e7ac0e8709adfcb6081475b', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: '67d68071fa2292a02f20b4fd7e4c2ac484b8a757', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '7b711f7fe2af9fefc4d8c0d99b5f910a776deef0', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'ea624787c3344073a5cef9b3e487232536666ffd', 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, h("svg", { key: 'e282eedc748300a522d39e47447c97952e8a8373', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'ac4f11ce0b1401d3da483802a5ac32fe4a02c337', 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 && (h("ul", { key: 'a066397a5700f00d3b0b66403886d41b7f21358b', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: 'ee40d5a36486e8573f21671ffb53aece1443db15' }, h("button", { key: 'c686ae70fa97719ea926864de4a4bf767492f0ca', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '96ccd67e69dc1a2f086f19614163779d29eb0dd3' }, h("button", { key: '0cf1e565c12148c8f4fe875a2b37a78d50e8f959', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '728c700ea2b44d766fea3f6c2e71a81c06365466', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '59663da21c4433cf14461a3f9553ca69e9c4fbd6', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: 'ab6c6a841da23bb3011a6f0ea2bfb8feb3bf8d3f', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '95594e45d0a8445e77ceb58577543630f8439e9b', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: '9652181ae51b2ac2fd5a1dfe26bb4c47e824d08b', 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() }), h("span", { key: '44edd31549879720fc75ae6d6750d8f0b5e263c2', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: 'd3f3ab61ed24868e2cff353f821406d71aa4377b', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: 'c21a5e80fa4c69f9112249c86f6e17512d937b6e', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '1894863700ac921d131629eb21d6f38d89e29cc6', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (h(Host, { key: '7987635ec115238927e9e24ec619beaa10a620e2' }, h("div", { key: 'f9379be51dee5e10f631750134af6b02a7461295', class: "s-wishlist-actions" }, h("div", { key: '1f336e2524dabf609fc65356ae4eeb668d375a6d', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '1462f1ebc6849c4153bd6955e5d12ebcb60d8ca7', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '79bd2853a3b93f2b346427b0540f3f597b6b4d8d', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: '6c38209e408858a00b8d8a6d103041d2f6b14f20', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '0e33ffa3d17779ac49b691619038fbfb0f104d4b', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'db0eddec152f4e9b58424391f76617af3a180f50', 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, h("svg", { key: '39a8994a5264fade475e2aaf85c370ea62afb19f', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '9640320e0151200f147fd15f9b9de72c373fe51e', 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 && (h("ul", { key: '11897d1e87a4cff34da00cdeb977479970a3aa65', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '814dbe73e5489013a75c7cf1101fabc7798ad8c2' }, h("button", { key: '969a4d65f6c82ff56aaad3533fce931d6766761b', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '142c11ce52add508bcfcec5da6817670b9777d70' }, h("button", { key: 'cc68d65e7fbf2a7894d51c13bb479f2272adbd92', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '1a5f6ace554045f0219b596ba94b67391fb6e58e', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '70a2689d82a23f084fe4fc23585069b2b33338a8', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '4644716c98903805f2450ad82d64812937228563', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: 'ff8e39fa812166ee319ccca7d65cfc0dc17eb04b', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'e0454096dc9ef378e66ac316c775b453628ebfb4', 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() }), h("span", { key: 'c77ff8c38230e424bba05bf4e7439020f65da903', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: 'bfb5d90f041f08da9828de70ecd73266adc9e9ce', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: 'cfbfc51124d6d3119a5491b6d2a684498f47e0c8', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '1f692ded66974de621d949382044d65145175730', 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 this; }
     static get style() { return sallaWishlistActionsCss; }

package/dist/esm/{Helper-DsjZ6kte.js → Helper-Cql-WbqR.js} RENAMED Viewed

@@ -255,6 +255,42 @@ class Helper {
             salla.logger.warn('Error saving position to session storage');
         }
     }
+    /**
+     * Persist the `s-request-id` of the products response the customer just interacted
+     * with, so the analytics event that follows can be attributed back to it.
+     *
+     * KNOWN LIMITATION — deliberate, accepted for this release.
+     * This is a single shared value, so the last interaction wins. Two flows can therefore
+     * attach the wrong request id to an event:
+     *   1. Infinite scroll — a later page overwrites this value while the earlier pages'
+     *      cards are still on screen, so clicking a product from page 1 after page 2 has
+     *      loaded attributes the event to the page-2 response.
+     *   2. Interleaved add-to-cart — `Product Added` only fires once the async cart request
+     *      resolves. If the customer interacts with another product in the meantime, this
+     *      value has already been replaced by the time the event reads it.
+     *
+     * Why this is safe to ship as-is: `request_id` is an analytics-attribution field only.
+     * It is never read by storefront logic, never affects the cart, pricing, the order, or
+     * anything the customer sees, and every read and write here is wrapped so it cannot
+     * throw. The worst outcome is one analytics row carrying a neighbouring request id —
+     * the event still fires, and its product, position and source fields stay correct.
+     * Both flows also need a specific interleaving to occur at all, so they are the
+     * exception rather than the norm.
+     *
+     * The fix is to key the stored value by product id instead of sharing one slot, which
+     * changes this method's signature and the session-storage schema. That is being handled
+     * as a follow-up enhancement rather than widening this PR.
+     */
+    saveRequestId(requestId) {
+        if (!requestId)
+            return;
+        try {
+            sessionStorage.setItem('s-request-id', requestId);
+        }
+        catch (error) {
+            salla.logger.warn('Error saving request id to session storage');
+        }
+    }
     saveAddToCartSource(source) {
         this.saveSource('s-add-to-cart-source', source);
     }

package/dist/esm/{filepond-OzvsJA0M.js → filepond-BbwWCoUz.js} RENAMED Viewed

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

package/dist/esm/{filepond-plugin-file-poster-CDQfaOXY.js → filepond-plugin-file-poster-CZ8FMKd0.js} RENAMED Viewed

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

package/dist/esm/{filepond-plugin-file-validate-size-1vRv7vgS.js → filepond-plugin-file-validate-size-CuxiDUA-.js} RENAMED Viewed

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

package/dist/esm/{filepond-plugin-file-validate-type-pajN7jZu.js → filepond-plugin-file-validate-type-DQeyRMJ1.js} RENAMED Viewed

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

package/dist/esm/{filepond-plugin-image-edit-93DCmlU_.js → filepond-plugin-image-edit-BbEOhu0E.js} RENAMED Viewed

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CncCUIVb.js → filepond-plugin-image-exif-orientation-BtSlyB35.js} RENAMED Viewed

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

package/dist/esm/{filepond-plugin-image-preview-Mz81wKGp.js → filepond-plugin-image-preview-C-ekUjUD.js} RENAMED Viewed

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