npm - @salla.sa/twilight-components - Versions diffs - 2.14.513 → 2.14.515 - Mend

@salla.sa/twilight-components 2.14.513 → 2.14.515

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 (333) hide show

package/dist/cjs/salla-product-card_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-product-size-guide.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-products-list.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-B2B-kxAI.js');

package/dist/cjs/salla-quick-order.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-C9D8MHae.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-rating-modal-v2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var star = require('./star-DMzrN05M.js');
 var shippingFast = require('./shipping-fast-CsqEQE78.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var image = require('./image-BoZ6Hums.js');

package/dist/cjs/salla-review-factors-tags.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var star2 = require('./star2-R146a27p.js');
 const CACHE_TTL = 5 * 60 * 1000;

package/dist/cjs/salla-scopes.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var search = require('./search-c7Aa7lM9.js');
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-search.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 const sallaSkeletonCss = ":host{display:block}";

package/dist/cjs/salla-slider.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 /**

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-C9D8MHae.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tab-content_3.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 const sallaTabContentCss = "";

package/dist/cjs/salla-tiered-offer.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-primary) transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";

package/dist/cjs/salla-trust-badges.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 const sallaTrustBadgesCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');
@@ -73,6 +73,10 @@ const SallaUserMenu = class {
             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;
         /**
@@ -152,6 +156,28 @@ const SallaUserMenu = class {
         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();
@@ -213,6 +239,10 @@ const SallaUserMenu = class {
         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);
         }
     }
@@ -255,7 +285,7 @@ const SallaUserMenu = class {
         return (index.h("li", { class: {
                 's-user-menu-dropdown-item': true,
                 's-user-menu-dropdown-item-logout': i + 1 === Object.entries(this.items).length,
-            } }, index.h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, index.h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), index.h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (index.h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
+            } }, index.h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, index.h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), index.h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), itemKey === 'wallet' && !this.inline && (this.walletBalance || this.walletBalanceLoading) ? (index.h("span", { class: "s-user-menu-dropdown-item-balance", style: { display: 'inline-flex', alignItems: 'center', gap: '4px' } }, this.walletBalance ? index.h("span", { innerHTML: this.walletBalance }) : '', this.walletBalanceLoading ? index.h("salla-loading", { size: "14" }) : '')) : (''), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (index.h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
     }
     componentShouldUpdate() {
         if (!this.opened) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 const sallaUserProfileCss = ":host{display:block}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-verify.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 var mail = require('./mail-C9D8MHae.js');
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-wallet.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-YRAaUE2y.js');
+var index = require('./index-D914ULy1.js');
 const sallaWishlistActionsCss = ":host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}";

package/dist/cjs/{tracked-promise-V-X0-JMA.js → tracked-promise-Dtog6yPv.js} RENAMED Viewed

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