@salla.sa/twilight-components 2.14.513 → 2.14.515

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

@@ -47,6 +47,17 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
             'cart::coupon.deleted',
         ];
         this.cartEventHandler = (payload) => this.applyCartData(this.extractCart(payload));
+        // Failed submit → release the pinned loading right away instead of waiting
+        // out the 10s safety timeout next to the error toast.
+        this.releaseSubmitLoading = () => {
+            this.submitObserver?.disconnect();
+            this.submitObserver = null;
+            if (this.submitObserverTimeout) {
+                clearTimeout(this.submitObserverTimeout);
+                this.submitObserverTimeout = undefined;
+            }
+            this.host.querySelector('#s-cart-summary-card-submit')?.removeAttribute?.('loading');
+        };
         this.toggleSheet = () => {
             if (!this.isDesktop)
                 this.isOpen = !this.isOpen;
@@ -66,7 +77,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
                 return;
             }
             const btn = this.host.querySelector('#s-cart-summary-card-submit');
-            if (typeof salla !== 'undefined' && salla.config?.get?.('user.type') !== 'guest' && btn) {
+            if (btn) {
                 btn.load?.();
                 // Pin loading across re-renders; auto-clear after 10s so a failed submit
                 // doesn't lock the button forever.
@@ -85,8 +96,8 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
                 }, 10000);
             }
             salla.cart?.submit?.();
-            // Release after submit kicks off: success navigates away, a guest opens the
-            // login modal. Short delay blocks the double-tap race without a long lock.
+            // Release after submit kicks off: success navigates away. Short delay
+            // blocks the double-tap race without a long lock.
             window.setTimeout(() => { this.isSubmitting = false; }, 1500);
         };
     }
@@ -106,6 +117,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
         this.loadTranslations();
         // 'cart::updated' is in cartEventNames — don't also use onUpdated (it leaks, no off()).
         this.cartEventNames.forEach(name => salla.event.on(name, this.cartEventHandler));
+        salla.event.on('cart::submit.failed', this.releaseSubmitLoading);
         this.fetchCart();
     }
     loadTranslations() {
@@ -222,6 +234,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
             }
             this.mediaQueryList = null;
             this.cartEventNames.forEach(name => salla.event.off(name, this.cartEventHandler));
+            salla.event.off('cart::submit.failed', this.releaseSubmitLoading);
         });
     }
     fetchCart() {
@@ -301,6 +314,16 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
         }
         return isValid;
     }
+    decimalPlaces(v) {
+        const s = String(v);
+        const i = s.indexOf('.');
+        return i === -1 || s.includes('e') ? 0 : s.length - i - 1;
+    }
+    roundToCurrency(value) {
+        const decimals = Math.min(Math.max(2, this.decimalPlaces(this.cartTotal), this.decimalPlaces(this.cartTotalDiscount)), 4);
+        const factor = Math.pow(10, decimals);
+        return Math.round(value * factor) / factor;
+    }
     money(value) {
         try {
             if (typeof salla !== 'undefined' && typeof salla.money === 'function') {
@@ -342,7 +365,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
             } }, h("div", { class: {
                 's-cart-summary-card-sheet-wrap': true,
                 's-cart-summary-card-sheet-wrap--open': this.isOpen,
-            }, "aria-hidden": this.isOpen ? 'false' : 'true' }, h("div", { class: "s-cart-summary-card-sheet", style: sheetStyle }, h("header", { class: "s-cart-summary-card-sheet-header" }, h("h3", { class: "s-cart-summary-card-sheet-title" }, this.summaryLabel)), h("div", { class: "s-cart-summary-card-line" }, h("span", null, subTotalLabel), h("b", { innerHTML: this.money(this.cartSubTotal) })), this.cartOptionsTotal > 0 && (h("div", { class: "s-cart-summary-card-line" }, h("span", null, this.optionsTotalLabel), h("b", { innerHTML: this.money(this.cartOptionsTotal) }))), this.cartHasShipping && (h("div", { class: "s-cart-summary-card-line" }, h("span", null, this.shippingCostLabel), h("b", { innerHTML: this.money(this.cartShippingCost) }))), this.cartTaxAmount > 0 && (h("div", { class: "s-cart-summary-card-line" }, h("span", null, this.vatTaxLabel), h("b", { innerHTML: this.money(this.cartTaxAmount) }))), showSavings && (h("div", { class: "s-cart-summary-card-line s-cart-summary-card-line--discount" }, h("span", null, this.savedLabel), h("b", null, "\u2212 ", h("span", { innerHTML: this.money(this.cartTotalDiscount) })))))), h("div", { class: "s-cart-summary-card-bar" }, h("div", { class: "s-cart-summary-card-bar-label" }, h("div", { class: "s-cart-summary-card-bar-label-main" }, h("span", { class: "s-cart-summary-card-bar-label-text" }, this.finalTotalLabel), h("span", { class: "s-cart-summary-card-bar-count" }, this.getItemsLabel())), this.cartTaxAmount > 0 && (h("div", { class: "s-cart-summary-card-bar-label-sub" }, this.pricesTaxedLabel))), h("div", { class: "s-cart-summary-card-bar-totals" }, h("div", { class: "s-cart-summary-card-bar-totals-row" }, showSavings && (h("s", { class: "s-cart-summary-card-bar-original" }, salla.helpers.number(this.cartTotal + this.cartTotalDiscount))), h("b", { class: "s-cart-summary-card-bar-total", innerHTML: this.money(this.cartTotal) }), !this.isDesktop && (h("button", { type: "button", class: "s-cart-summary-card-chevron", "aria-label": this.isOpen ? this.closeSummaryLabel : this.openSummaryLabel, "aria-expanded": this.isOpen ? 'true' : 'false', onClick: this.toggleSheet }, h("i", { class: "sicon-keyboard_arrow_up s-cart-summary-card-chevron-icon" })))), showSavings && (h("div", { class: "s-cart-summary-card-bar-savings-badge" }, h("span", { "aria-hidden": "true" }, "\uD83C\uDF89"), h("span", null, this.discountBadge, " ", h("span", { innerHTML: this.money(this.cartTotalDiscount) })))))), h("div", { class: "s-cart-summary-card-action" }, h("salla-button", { id: "s-cart-summary-card-submit", width: "wide", "loader-position": "center", onClick: this.handleSubmit }, this.completeOrderLabel))));
+            }, "aria-hidden": this.isOpen ? 'false' : 'true' }, h("div", { class: "s-cart-summary-card-sheet", style: sheetStyle }, h("header", { class: "s-cart-summary-card-sheet-header" }, h("h3", { class: "s-cart-summary-card-sheet-title" }, this.summaryLabel)), h("div", { class: "s-cart-summary-card-line" }, h("span", null, subTotalLabel), h("b", { innerHTML: this.money(this.cartSubTotal) })), this.cartOptionsTotal > 0 && (h("div", { class: "s-cart-summary-card-line" }, h("span", null, this.optionsTotalLabel), h("b", { innerHTML: this.money(this.cartOptionsTotal) }))), this.cartHasShipping && (h("div", { class: "s-cart-summary-card-line" }, h("span", null, this.shippingCostLabel), h("b", { innerHTML: this.money(this.cartShippingCost) }))), this.cartTaxAmount > 0 && (h("div", { class: "s-cart-summary-card-line" }, h("span", null, this.vatTaxLabel), h("b", { innerHTML: this.money(this.cartTaxAmount) }))), showSavings && (h("div", { class: "s-cart-summary-card-line s-cart-summary-card-line--discount" }, h("span", null, this.savedLabel), h("b", null, "\u2212 ", h("span", { innerHTML: this.money(this.cartTotalDiscount) })))))), h("div", { class: "s-cart-summary-card-bar" }, h("div", { class: "s-cart-summary-card-bar-label" }, h("div", { class: "s-cart-summary-card-bar-label-main" }, h("span", { class: "s-cart-summary-card-bar-label-text" }, this.finalTotalLabel), h("span", { class: "s-cart-summary-card-bar-count" }, this.getItemsLabel())), this.cartTaxAmount > 0 && (h("div", { class: "s-cart-summary-card-bar-label-sub" }, this.pricesTaxedLabel))), h("div", { class: "s-cart-summary-card-bar-totals" }, h("div", { class: "s-cart-summary-card-bar-totals-row" }, showSavings && (h("s", { class: "s-cart-summary-card-bar-original" }, salla.helpers.number(this.roundToCurrency(this.cartTotal + this.cartTotalDiscount)))), h("b", { class: "s-cart-summary-card-bar-total", innerHTML: this.money(this.cartTotal) }), !this.isDesktop && (h("button", { type: "button", class: "s-cart-summary-card-chevron", "aria-label": this.isOpen ? this.closeSummaryLabel : this.openSummaryLabel, "aria-expanded": this.isOpen ? 'true' : 'false', onClick: this.toggleSheet }, h("i", { class: "sicon-keyboard_arrow_up s-cart-summary-card-chevron-icon" })))), showSavings && (h("div", { class: "s-cart-summary-card-bar-savings-badge" }, h("span", { "aria-hidden": "true" }, "\uD83C\uDF89"), h("span", null, this.discountBadge, " ", h("span", { innerHTML: this.money(this.cartTotalDiscount) })))))), h("div", { class: "s-cart-summary-card-action" }, h("salla-button", { id: "s-cart-summary-card-submit", width: "wide", "loader-position": "center", onClick: this.handleSubmit }, this.completeOrderLabel))));
     }
     get host() { return this; }
 }, [0, "salla-cart-summary-card", {

package/dist/components/salla-user-menu.js

@@ -75,6 +75,10 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
             pending_orders: salla.helpers.number(salla.storage.get('user.pending_orders') || 0),
         };
         this.sallaAccountEnabled = false;
+        this.walletBalance = '';
+        this.walletBalanceLoading = false;
+        // Fetched once per page load; resets on remount (page refresh), not on open.
+        this.walletBalanceLoaded = false;
         this.hasBadges = Number(salla.storage.get('user.pending_orders')) > 0 ||
             Number(salla.storage.get('user.notifications')) > 0;
         /**
@@ -154,6 +158,28 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         this.loyalty_points = Salla.lang.get('pages.loyalty_program.loyalty_points');
         this.logout = Salla.lang.get('blocks.header.logout');
     }
+    async loadWalletBalance() {
+        // Live balance instead of the cached (stale) config; light skips transactions.
+        if (Salla.config.isGuest())
+            return;
+        this.walletBalanceLoading = true;
+        try {
+            // withoutNotifier: a failed background fetch must not toast the shopper.
+            const resp = await salla.api.withoutNotifier(() => salla.api.request('/balance/wallet?light=1'));
+            const balance = Number(resp?.data?.balance) || 0;
+            // Currency stays from config — it doesn't go stale like the amount.
+            this.walletBalance = balance
+                ? Salla.money({ amount: Number(balance.toFixed(2)), currency: Salla.config.get('user.currency_code') })
+                : '';
+            this.walletBalanceLoaded = true; // cache for the rest of this page load
+        }
+        catch {
+            // keep the last value on failure (retries on next open)
+        }
+        finally {
+            this.walletBalanceLoading = false;
+        }
+    }
     initiate() {
         if (Salla.config.isGuest()) {
             return this.autoMountLoginModal();
@@ -215,6 +241,10 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         this.opened = !this.opened;
         e.stopPropagation();
         if (this.opened) {
+            // Fetch once per page load; reuse the cached value on later opens.
+            if (window.can_access_wallet && !this.walletBalanceLoaded && !this.walletBalanceLoading) {
+                this.loadWalletBalance();
+            }
             window.addEventListener('click', this.onClickOutside);
         }
     }
@@ -257,7 +287,7 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         return (h("li", { class: {
                 's-user-menu-dropdown-item': true,
                 's-user-menu-dropdown-item-logout': i + 1 === Object.entries(this.items).length,
-            } }, h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
+            } }, h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), itemKey === 'wallet' && !this.inline && (this.walletBalance || this.walletBalanceLoading) ? (h("span", { class: "s-user-menu-dropdown-item-balance", style: { display: 'inline-flex', alignItems: 'center', gap: '4px' } }, this.walletBalance ? h("span", { innerHTML: this.walletBalance }) : '', this.walletBalanceLoading ? h("salla-loading", { size: "14" }) : '')) : (''), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
     }
     componentShouldUpdate() {
         if (!this.opened) {
@@ -310,6 +340,8 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         "is_loggedIn": [32],
         "badges": [32],
         "sallaAccountEnabled": [32],
+        "walletBalance": [32],
+        "walletBalanceLoading": [32],
         "hasBadges": [32],
         "profileUrl": [32],
         "OrderUpdate": [32]

package/dist/esm/{filepond-CYFJip5W.js → filepond-CK9q9uI5.js}

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

package/dist/esm/{filepond-plugin-file-poster-D8SbffqX.js → filepond-plugin-file-poster-DXhCkWZ4.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-D9vxvngy.js → filepond-plugin-file-validate-size-CYvxLy_i.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-BZ0qYsNB.js → filepond-plugin-file-validate-type-BB26jfS6.js}

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

package/dist/esm/{filepond-plugin-image-edit-DLRxxm4O.js → filepond-plugin-image-edit-CgfXMrMp.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-DO--Ii9a.js → filepond-plugin-image-exif-orientation-D4vDRRio.js}

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

package/dist/esm/{filepond-plugin-image-preview-BHkUOulr.js → filepond-plugin-image-preview-Di_RI-gj.js}

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

package/dist/esm/{functions-kgIrvYAh.js → functions-BtI-HmLK.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-CGxZTQ-T.js';
+import { h } from './index-QZhHbShe.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

package/dist/esm/{index-BwaCIsMe.js → index-BzORW2vE.js}

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