@salla.sa/twilight-components 2.14.441 → 2.14.442

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

@@ -124,15 +124,6 @@ const SallaTieredOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaTieredOff
         // 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();
@@ -159,20 +150,14 @@ const SallaTieredOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaTieredOff
         // Find current tier index based on current_value from API
         const currentValue = this.apiOfferData.details?.current_value || 0;
         const currentTierIndex = this.findCurrentTierIndex(currentValue);
-        // 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)) {
+        // Only render if user has reached at least the first tier
+        if (currentTierIndex === 0) {
             this.canRender = false;
             return;
         }
         this.currentTierIndex = currentTierIndex;
-        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.currentTier = TierUtils.getTierNameByIndex(this.tieredOfferData.tiers, currentTierIndex);
+        this.activeTabTier = this.currentTier;
         this.canRender = true;
     }
     componentDidLoad() {
@@ -207,46 +192,44 @@ const SallaTieredOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaTieredOff
         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;
         }
-        // Hide entire widget for unauthenticated users
-        if (this.shouldHideForGuest()) {
-            this.canRender = false;
+        // 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) {
             return;
         }
-        // Build fresh tier map so index computation uses up-to-date thresholds
-        const freshTieredData = this.mapApiDataToTiers(freshOfferData);
+        // 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
         const currentValue = freshOfferData.details?.current_value || 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.apiOfferData = freshOfferData;
+        // Update current tier based on new value
+        const newTierIndex = this.findCurrentTierIndex(currentValue);
+        // Check if user qualifies for any tier
+        if (newTierIndex === 0) {
             this.canRender = false;
             return;
         }
-        // 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;
+        // user qualifies show widget
         this.canRender = true;
         this.currentTierIndex = newTierIndex;
-        // 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;
+        this.currentTier = TierUtils.getTierNameByIndex(this.tieredOfferData.tiers, newTierIndex);
+        // Update active tab if needed
+        if (this.activeTabTier !== this.currentTier) {
+            this.activeTabTier = this.currentTier;
         }
     }
     getLoadingSkeletonView() {
@@ -344,7 +327,7 @@ const SallaTieredOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaTieredOff
             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), 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())));
+        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())));
     }
     static get style() { return sallaTieredOfferCss; }
 }, [0, "salla-tiered-offer", {

package/dist/esm/{filepond-DKQDCbwV.js → filepond--H5Je975.js}

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

package/dist/esm/{filepond-plugin-file-poster-SawqMYzR.js → filepond-plugin-file-poster-C7qRk6qw.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BmxmtaD4.js → filepond-plugin-file-validate-size-DFV1VUlm.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-CCuZxfqE.js → filepond-plugin-file-validate-type-7MrehGt0.js}

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

package/dist/esm/{filepond-plugin-image-edit-BW1mzub6.js → filepond-plugin-image-edit-BACaZzDG.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CN08NQm5.js → filepond-plugin-image-exif-orientation-Ckgi2RjT.js}

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

package/dist/esm/{filepond-plugin-image-preview-HKD_HLA1.js → filepond-plugin-image-preview-CXxZ1JZ2.js}

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

package/dist/esm/{functions-hYdCF4RE.js → functions-le7E3Z-D.js}

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

package/dist/esm/{index-VfKYpHVb.js → index-C-JheRmw.js}

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