@salla.sa/twilight-components 2.14.447 → 2.14.448

package/dist/cjs/salla-order-details-options.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 var copyIcon = `<!-- 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-order-details.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 const sallaOrderDetailsCss = "";
 

package/dist/cjs/salla-order-edit-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

package/dist/cjs/salla-order-edit-product-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
 

package/dist/cjs/salla-order-edit.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 var check = require('./check-BnVBPQNp.js');
 

package/dist/cjs/salla-order-totals-card.cjs.entry.js

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 var Inbox = `<!-- 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-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-product-card-embed.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 const sallaProductCardEmbedCss = "@charset \"UTF-8\";:host{display:inline-block;vertical-align:top;max-width:12rem}:host([align=left]){float:inline-start;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host([align=right]){float:inline-end;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host([align=center]){display:block;clear:both;margin-block:1em;margin-inline:auto}.s-product-card-embed-card{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.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

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

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 const sallaProgressBarCss = "";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-reward-action_4.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
-var functions = require('./functions-Bs97hO7_.js');
+var index = require('./index-uoA36zqH.js');
+var functions = require('./functions-B2luUM6v.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-CyZ6P0Ww.js');
+var trackedPromise = require('./tracked-promise-CVeKKQ0b.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

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

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.js');
 
 var DiscountType;
 (function (DiscountType) {
@@ -124,6 +124,15 @@ const SallaTieredOffer = class {
         // If coupon is applied but offer doesn't support coupons, widget should be hidden
         return !(cartCoupon && !offerData.details?.applied_with_coupon);
     }
+    shouldHideForGuest() {
+        return salla.config.isGuest();
+    }
+    shouldHideUntilThreshold(details, tierIndex) {
+        return !!(details?.hide_until_threshold && tierIndex === 0);
+    }
+    resolveTierName(tiers, index) {
+        return TierUtils.getTierNameByIndex(tiers, index) || '';
+    }
     async fetchTieredOfferData() {
         try {
             const { data } = await salla.api.cart.offers();
@@ -150,14 +159,20 @@ const SallaTieredOffer = class {
         // Find current tier index based on current_value from API
         const currentValue = this.apiOfferData.details?.current_value || 0;
         const currentTierIndex = this.findCurrentTierIndex(currentValue);
-        // Only render if user has reached at least the first tier
-        if (currentTierIndex === 0) {
+        // Hide entire widget for unauthenticated users
+        if (this.shouldHideForGuest()) {
+            this.canRender = false;
+            return;
+        }
+        // Only hide until threshold for merchants with the flag enabled (e.g. Arabian Oud)
+        if (this.shouldHideUntilThreshold(this.apiOfferData.details, currentTierIndex)) {
             this.canRender = false;
             return;
         }
         this.currentTierIndex = currentTierIndex;
-        this.currentTier = TierUtils.getTierNameByIndex(this.tieredOfferData.tiers, currentTierIndex);
-        this.activeTabTier = this.currentTier;
+        this.currentTier = this.resolveTierName(this.tieredOfferData.tiers, currentTierIndex);
+        // Default to first tab so tabs always have visible content
+        this.activeTabTier = this.currentTier || this.tieredOfferData.tiers[0]?.tier_name;
         this.canRender = true;
     }
     componentDidLoad() {
@@ -192,44 +207,46 @@ const SallaTieredOffer = class {
         if (!freshOfferData || !this.tieredOfferData) {
             return;
         }
+        if (!freshOfferData.details?.discounts?.length) {
+            this.canRender = false;
+            return;
+        }
         // Check coupon compatibility
         if (!this.validateCouponCompatibility(freshOfferData, updatedCart.coupon)) {
             this.canRender = false;
             return;
         }
-        // If no coupon conflict, show widget
-        this.canRender = true;
-        // Check if this offer should update with cart changes
-        if (freshOfferData.details?.with_current_cart === false) {
+        // Hide entire widget for unauthenticated users
+        if (this.shouldHideForGuest()) {
+            this.canRender = false;
             return;
         }
-        // Update current_value in API offer data
-        //  const currentValue = updatedCart.sub_total;
-        //  console.log('currentValue #####3', currentValue);
-        //  this.apiOfferData = {
-        //    ...this.apiOfferData,
-        //    details: {
-        //      ...this.apiOfferData.details,
-        //      current_value: currentValue
-        //    }
-        //  };
-        // Use current_value from fresh API data instead of cart sub_total
+        // Build fresh tier map so index computation uses up-to-date thresholds
+        const freshTieredData = this.mapApiDataToTiers(freshOfferData);
         const currentValue = freshOfferData.details?.current_value || 0;
-        this.apiOfferData = freshOfferData;
-        // Update current tier based on new value
-        const newTierIndex = this.findCurrentTierIndex(currentValue);
-        // Check if user qualifies for any tier
-        if (newTierIndex === 0) {
+        const newTierIndex = this.findCurrentTierIndex(currentValue, freshTieredData.tiers);
+        // Only hide until threshold for merchants with the flag enabled (e.g. Arabian Oud)
+        if (this.shouldHideUntilThreshold(freshOfferData.details, newTierIndex)) {
             this.canRender = false;
             return;
         }
-        // user qualifies show widget
+        // Offer progress is based on historical purchases only — skip state update on cart changes
+        // Use strict === false to avoid treating an omitted flag as false
+        if (freshOfferData.details?.with_current_cart === false) {
+            this.canRender = true;
+            return;
+        }
+        // All guards passed — update state atomically
+        this.apiOfferData = freshOfferData;
+        this.tieredOfferData = freshTieredData;
         this.canRender = true;
         this.currentTierIndex = newTierIndex;
-        this.currentTier = TierUtils.getTierNameByIndex(this.tieredOfferData.tiers, newTierIndex);
-        // Update active tab if needed
-        if (this.activeTabTier !== this.currentTier) {
-            this.activeTabTier = this.currentTier;
+        // Tiers are 1-based; fall back to first tier when no tier has been reached yet
+        this.currentTier = this.resolveTierName(freshTieredData.tiers, newTierIndex);
+        // Update active tab if needed; default to first tab when no tier reached
+        const resolvedTab = this.currentTier || freshTieredData.tiers[0]?.tier_name;
+        if (this.activeTabTier !== resolvedTab) {
+            this.activeTabTier = resolvedTab;
         }
     }
     getLoadingSkeletonView() {
@@ -327,7 +344,7 @@ const SallaTieredOffer = class {
             return null;
         }
         const currentTierData = this.getCurrentTierData();
-        return (index.h(index.Host, null, index.h("div", { class: "s-tiered-offer-container" }, index.h("div", { class: "s-tiered-offer-header" }, index.h("div", { class: "s-tiered-offer-header-content" }, index.h("p", { class: "s-tiered-offer-program-title" }, this.loyaltyProgramText), index.h("div", { class: "s-tiered-offer-current-tier-name-wrapper" }, index.h("h2", { class: "s-tiered-offer-current-tier" }, this.currentTierText, " ", index.h("span", { class: "s-tiered-offer-tier-name" }, currentTierData.name)), index.h("span", { innerHTML: currentTierData.icon })))), this.renderProgressBar(), this.renderTabs())));
+        return (index.h(index.Host, null, index.h("div", { class: "s-tiered-offer-container" }, index.h("div", { class: "s-tiered-offer-header" }, index.h("div", { class: "s-tiered-offer-header-content" }, index.h("p", { class: "s-tiered-offer-program-title" }, this.loyaltyProgramText), this.currentTier && (index.h("div", { class: "s-tiered-offer-current-tier-name-wrapper" }, index.h("h2", { class: "s-tiered-offer-current-tier" }, this.currentTierText, " ", index.h("span", { class: "s-tiered-offer-tier-name" }, currentTierData.name)), index.h("span", { innerHTML: currentTierData.icon }))))), this.renderProgressBar(), this.renderTabs())));
     }
 };
 SallaTieredOffer.style = sallaTieredOfferCss;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.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');

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CBTkKuC2.js');
+var index = require('./index-uoA36zqH.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/{tracked-promise-CyZ6P0Ww.js → tracked-promise-CVeKKQ0b.js}

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

package/dist/cjs/twilight.cjs.js

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

package/dist/cjs/{vanilla-picker-Bd-KMT3o.js → vanilla-picker-jTWa07cO.js}

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

package/dist/collection/components/salla-tiered-offer/salla-tiered-offer.js

@@ -54,6 +54,15 @@ export class SallaTieredOffer {
         // If coupon is applied but offer doesn't support coupons, widget should be hidden
         return !(cartCoupon && !offerData.details?.applied_with_coupon);
     }
+    shouldHideForGuest() {
+        return salla.config.isGuest();
+    }
+    shouldHideUntilThreshold(details, tierIndex) {
+        return !!(details?.hide_until_threshold && tierIndex === 0);
+    }
+    resolveTierName(tiers, index) {
+        return TierUtils.getTierNameByIndex(tiers, index) || '';
+    }
     async fetchTieredOfferData() {
         try {
             const { data } = await salla.api.cart.offers();
@@ -80,14 +89,20 @@ export class SallaTieredOffer {
         // Find current tier index based on current_value from API
         const currentValue = this.apiOfferData.details?.current_value || 0;
         const currentTierIndex = this.findCurrentTierIndex(currentValue);
-        // Only render if user has reached at least the first tier
-        if (currentTierIndex === 0) {
+        // Hide entire widget for unauthenticated users
+        if (this.shouldHideForGuest()) {
+            this.canRender = false;
+            return;
+        }
+        // Only hide until threshold for merchants with the flag enabled (e.g. Arabian Oud)
+        if (this.shouldHideUntilThreshold(this.apiOfferData.details, currentTierIndex)) {
             this.canRender = false;
             return;
         }
         this.currentTierIndex = currentTierIndex;
-        this.currentTier = TierUtils.getTierNameByIndex(this.tieredOfferData.tiers, currentTierIndex);
-        this.activeTabTier = this.currentTier;
+        this.currentTier = this.resolveTierName(this.tieredOfferData.tiers, currentTierIndex);
+        // Default to first tab so tabs always have visible content
+        this.activeTabTier = this.currentTier || this.tieredOfferData.tiers[0]?.tier_name;
         this.canRender = true;
     }
     componentDidLoad() {
@@ -122,44 +137,46 @@ export class SallaTieredOffer {
         if (!freshOfferData || !this.tieredOfferData) {
             return;
         }
+        if (!freshOfferData.details?.discounts?.length) {
+            this.canRender = false;
+            return;
+        }
         // Check coupon compatibility
         if (!this.validateCouponCompatibility(freshOfferData, updatedCart.coupon)) {
             this.canRender = false;
             return;
         }
-        // If no coupon conflict, show widget
-        this.canRender = true;
-        // Check if this offer should update with cart changes
-        if (freshOfferData.details?.with_current_cart === false) {
+        // Hide entire widget for unauthenticated users
+        if (this.shouldHideForGuest()) {
+            this.canRender = false;
             return;
         }
-        // Update current_value in API offer data
-        //  const currentValue = updatedCart.sub_total;
-        //  console.log('currentValue #####3', currentValue);
-        //  this.apiOfferData = {
-        //    ...this.apiOfferData,
-        //    details: {
-        //      ...this.apiOfferData.details,
-        //      current_value: currentValue
-        //    }
-        //  };
-        // Use current_value from fresh API data instead of cart sub_total
+        // Build fresh tier map so index computation uses up-to-date thresholds
+        const freshTieredData = this.mapApiDataToTiers(freshOfferData);
         const currentValue = freshOfferData.details?.current_value || 0;
-        this.apiOfferData = freshOfferData;
-        // Update current tier based on new value
-        const newTierIndex = this.findCurrentTierIndex(currentValue);
-        // Check if user qualifies for any tier
-        if (newTierIndex === 0) {
+        const newTierIndex = this.findCurrentTierIndex(currentValue, freshTieredData.tiers);
+        // Only hide until threshold for merchants with the flag enabled (e.g. Arabian Oud)
+        if (this.shouldHideUntilThreshold(freshOfferData.details, newTierIndex)) {
             this.canRender = false;
             return;
         }
-        // user qualifies show widget
+        // Offer progress is based on historical purchases only — skip state update on cart changes
+        // Use strict === false to avoid treating an omitted flag as false
+        if (freshOfferData.details?.with_current_cart === false) {
+            this.canRender = true;
+            return;
+        }
+        // All guards passed — update state atomically
+        this.apiOfferData = freshOfferData;
+        this.tieredOfferData = freshTieredData;
         this.canRender = true;
         this.currentTierIndex = newTierIndex;
-        this.currentTier = TierUtils.getTierNameByIndex(this.tieredOfferData.tiers, newTierIndex);
-        // Update active tab if needed
-        if (this.activeTabTier !== this.currentTier) {
-            this.activeTabTier = this.currentTier;
+        // Tiers are 1-based; fall back to first tier when no tier has been reached yet
+        this.currentTier = this.resolveTierName(freshTieredData.tiers, newTierIndex);
+        // Update active tab if needed; default to first tab when no tier reached
+        const resolvedTab = this.currentTier || freshTieredData.tiers[0]?.tier_name;
+        if (this.activeTabTier !== resolvedTab) {
+            this.activeTabTier = resolvedTab;
         }
     }
     getLoadingSkeletonView() {
@@ -257,7 +274,7 @@ export class SallaTieredOffer {
             return null;
         }
         const currentTierData = this.getCurrentTierData();
-        return (h(Host, null, h("div", { class: "s-tiered-offer-container" }, h("div", { class: "s-tiered-offer-header" }, h("div", { class: "s-tiered-offer-header-content" }, h("p", { class: "s-tiered-offer-program-title" }, this.loyaltyProgramText), h("div", { class: "s-tiered-offer-current-tier-name-wrapper" }, h("h2", { class: "s-tiered-offer-current-tier" }, this.currentTierText, " ", h("span", { class: "s-tiered-offer-tier-name" }, currentTierData.name)), h("span", { innerHTML: currentTierData.icon })))), this.renderProgressBar(), this.renderTabs())));
+        return (h(Host, null, h("div", { class: "s-tiered-offer-container" }, h("div", { class: "s-tiered-offer-header" }, h("div", { class: "s-tiered-offer-header-content" }, h("p", { class: "s-tiered-offer-program-title" }, this.loyaltyProgramText), this.currentTier && (h("div", { class: "s-tiered-offer-current-tier-name-wrapper" }, h("h2", { class: "s-tiered-offer-current-tier" }, this.currentTierText, " ", h("span", { class: "s-tiered-offer-tier-name" }, currentTierData.name)), h("span", { innerHTML: currentTierData.icon }))))), this.renderProgressBar(), this.renderTabs())));
     }
     static get is() { return "salla-tiered-offer"; }
     static get originalStyleUrls() {