@salla.sa/twilight-components 2.14.441 → 2.14.443

package/dist/esm/salla-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, a as getElement } from './index-C1Q9TkIB.js';
 
 var PageType;
 (function (PageType) {

package/dist/esm/salla-order-details-multiple-bundle-product.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.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/esm/salla-order-details.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-C1Q9TkIB.js';
 
 const sallaOrderDetailsCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C1Q9TkIB.js';
 import { a as getOrderEditProductMaxQuantity } from './helpers-DR_vlSvU.js';
 import './interfaces-CoQJOPRz.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C1Q9TkIB.js';
 
 const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 import { g as getOrderItemSelectedOptions, a as getOrderEditProductMaxQuantity, c as clampOrderEditQuantity, u as updateOrderItems, r as removeOrderItems, m as mergePayloadItems, b as cloneOrderEditProduct, f as findMergeableItem, d as updateAddedPayloadList, e as upsertPayloadUpdateList, h as createAddedOrderItem, i as buildSavePayload } from './helpers-DR_vlSvU.js';
 import './interfaces-CoQJOPRz.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DMcU-3GG.js';
+import { r as registerInstance, h } from './index-C1Q9TkIB.js';
 import { i as iconCopy } from './swap-stroke-DqDX5na4.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, a as getElement } from './index-C1Q9TkIB.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.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/esm/salla-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C1Q9TkIB.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 
-const sallaProductCardEmbedCss = ":host(:has(.s-product-card-embed-card-align-left)){float:inline-start;max-width:12rem;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host(:has(.s-product-card-embed-card-align-right)){float:inline-end;max-width:12rem;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host(:has(.s-product-card-embed-card-align-center)){display:block;clear:both;max-width:12rem;margin-block:1em;margin-inline:auto}:host(:has(.s-product-card-embed-card-align-left)) .s-product-card-embed-card-align-left,:host(:has(.s-product-card-embed-card-align-right)) .s-product-card-embed-card-align-right{float:none}";
+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}";
 
 const SallaProductCardEmbed = class {
     constructor(hostRef) {
@@ -16,9 +16,29 @@ const SallaProductCardEmbed = class {
         await salla.onReady();
         await this.fetchProduct();
     }
+    componentDidLoad() {
+        this.ensureParentContainsFloats();
+    }
     componentDidRender() {
         this.renderCardNode();
     }
+    /**
+     * The host floats for `align="left"|"right"`. If the parent is a plain
+     * block element with visible overflow it won't contain those floats,
+     * letting them spill into following siblings (e.g. a comments section).
+     * Promote such parents to a block formatting context.
+     */
+    ensureParentContainsFloats() {
+        if (this.align !== 'left' && this.align !== 'right')
+            return;
+        const parent = this.hostEl?.parentElement;
+        if (!parent)
+            return;
+        const cs = getComputedStyle(parent);
+        if (cs.display === 'block' && cs.overflow === 'visible' && cs.float === 'none') {
+            parent.style.display = 'flow-root';
+        }
+    }
     fetchProduct() {
         if (!this.productId) {
             this.productData = null;
@@ -63,10 +83,11 @@ const SallaProductCardEmbed = class {
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: '77c85dadd3d886ab94323d5676b3a8135157352e' }, this.hasError && h("span", { key: 'ee80e9375cbdbc08546ae6ad0d1020b32a3dafc8', class: "s-product-card-embed-fallback" }), h("div", { key: '50e35de032d0d66f7772a8e44b5744587307795c', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: '4fcd0b6e5da26ac976b0f3c5c031b614dc9d04b1' }, this.hasError && h("span", { key: '55b4a2649d4912b61f6b75e3c2437bfaee7863e0', class: "s-product-card-embed-fallback" }), h("div", { key: 'ac5882e5dd36ac28cc6e5a24186156c7cadda820', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }
+    get hostEl() { return getElement(this); }
 };
 SallaProductCardEmbed.style = sallaProductCardEmbedCss;
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, a as getElement } from './index-C1Q9TkIB.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/esm/salla-products-list.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DMcU-3GG.js';
+import { r as registerInstance, h } from './index-C1Q9TkIB.js';
 
 const sallaProgressBarCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { S as SIiPhoneX } from './iphone-x-CciN5Q_x.js';
 import { S as SIMail } from './mail-DLNIOD9t.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { W as WishListIcon } from './star-ZT7ehBBk.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';

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

@@ -1,13 +1,13 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DMcU-3GG.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-hYdCF4RE.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C1Q9TkIB.js';
+import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-BRYRoVDu.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { T as TrackedPromise } from './tracked-promise-BSIJGUDO.js';
+import { T as TrackedPromise } from './tracked-promise-D1Ypxmkl.js';
 
 const sallaLoyaltyProgramCss$3 = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, a as getElement } from './index-C1Q9TkIB.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 
 const sallaSkeletonCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { a as ArrowRightIcon, A as ArrowLeftIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 /**

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, a as getElement } from './index-C1Q9TkIB.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 import { S as SIMail } from './mail-DLNIOD9t.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, c as createEvent, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, c as createEvent, a as getElement } from './index-C1Q9TkIB.js';
 
 const sallaTabContentCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 
 var DiscountType;
 (function (DiscountType) {
@@ -122,15 +122,6 @@ 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();
@@ -157,20 +148,14 @@ 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);
-        // 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() {
@@ -205,46 +190,44 @@ 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;
         }
-        // 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() {
@@ -342,7 +325,7 @@ const SallaTieredOffer = class {
             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())));
     }
 };
 SallaTieredOffer.style = sallaTieredOfferCss;

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, a as getElement } from './index-C1Q9TkIB.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/esm/salla-trust-badges.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.js';
 
 const sallaTrustBadgesCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DMcU-3GG.js';
+import { r as registerInstance, h } from './index-C1Q9TkIB.js';
 import { G as Genders } from './interfaces-OF8QcbMM.js';
 
 const sallaUserProfileCss = ":host{display:block}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.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/esm/salla-verify.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DMcU-3GG.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1Q9TkIB.js';
 import { S as SIMail } from './mail-DLNIOD9t.js';
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DMcU-3GG.js';
+import { r as registerInstance, h, H as Host } from './index-C1Q9TkIB.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/esm/{tracked-promise-BSIJGUDO.js → tracked-promise-D1Ypxmkl.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { f as forceUpdate } from './index-DMcU-3GG.js';
+import { f as forceUpdate } from './index-C1Q9TkIB.js';
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);

package/dist/esm/twilight.js

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DMcU-3GG.js';
-export { s as setNonce } from './index-DMcU-3GG.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-C1Q9TkIB.js';
+export { s as setNonce } from './index-C1Q9TkIB.js';
 
 /*
  Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/{vanilla-picker-DKFizE1R.js → vanilla-picker-Cydv9qqB.js}

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

package/dist/twilight/{p-81bc0869.entry.js → p-025d82e1.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as s,h as t}from"./p-DMcU-3GG.js";import{T as o}from"./p-CJUR4sUM.js";import{i as n}from"./p-DqDX5na4.js";const e=class{constructor(t){s(this,t),this.coupon=null,this.isLoading=!0,this.titlePercentTpl="",this.titleFixedTpl="",this.badgeLabel="",this.minSpendTpl="",this.expiresTpl="",this.shopNowLabel="",this.copyLabel="",this.copiedLabel=""}componentWillLoad(){Salla.onReady().then((()=>Salla.lang.onLoaded())).then((()=>(this.loadTranslations(),this.loadCoupon()))).catch((()=>{this.isLoading=!1}))}loadTranslations(){this.titlePercentTpl=Salla.lang.get("pages.thank_you.next_order_coupon_title_percent")||"",this.titleFixedTpl=Salla.lang.get("pages.thank_you.next_order_coupon_title_fixed")||"",this.badgeLabel=Salla.lang.get("pages.thank_you.next_order_coupon_badge")||"",this.minSpendTpl=Salla.lang.get("pages.thank_you.next_order_coupon_min_spend")||"",this.expiresTpl=Salla.lang.get("pages.thank_you.next_order_coupon_expires")||"",this.shopNowLabel=Salla.lang.get("pages.thank_you.next_order_coupon_shop_now")||"",this.copyLabel=Salla.lang.get("common.elements.copy")||"",this.copiedLabel=Salla.lang.get("pages.thank_you.next_order_coupon_copied")||""}async loadCoupon(){try{const s=await salla.api.request("coupons",{params:{type:"thankyou"}}),t=s?.data,o=Array.isArray(t)?t:Array.isArray(t?.data)?t.data:[];this.coupon=o[0]??null}catch{this.coupon=null}finally{this.isLoading=!1}}async copyCode(){if(this.coupon)try{await navigator.clipboard.writeText(this.coupon.code),salla.notify.success(this.copiedLabel),salla.event.dispatch("salla::next-order-coupon.code.copied",{code:this.coupon.code})}catch{}}isPercentage(){return"P"===this.coupon?.type||"percentage"===this.coupon?.type}formatAmount(){if(!this.coupon)return"";if(this.isPercentage())return`${salla.helpers.number(this.coupon.amount)}%`;const s=this.coupon.amount;return t("span","object"==typeof s&&s.amount?{innerHTML:salla.money(s.amount,s.currency)}:{innerHTML:salla.money(s)})}formatMinSpend(){const s=this.coupon?.minimum_amount;return s&&("object"!=typeof s||s.amount)?"string"==typeof s?s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"):salla.money(s.amount,s.currency):""}formatExpiry(){const s=this.coupon?.expiry_date;return s?new Date(s).toLocaleDateString(Salla.lang.locale||"en-GB"):""}renderSkeleton(){return t("div",{class:"s-next-order-coupon-wrapper s-next-order-coupon-skeleton"},t("div",{class:"s-next-order-coupon-inner"},t("div",{class:"s-next-order-coupon-info"},t("salla-skeleton",{type:"normal",width:"48px",height:"48px"}),t("div",{class:"s-next-order-coupon-details"},t("salla-skeleton",{height:"14px",width:"220px"}),t("salla-skeleton",{height:"12px",width:"140px"}))),t("div",{class:"s-next-order-coupon-actions"},t("salla-skeleton",{height:"40px",width:"140px"}),t("salla-skeleton",{height:"40px",width:"100px"}))))}renderTitle(){const s=this.formatAmount(),o=this.isPercentage()?this.titlePercentTpl:this.titleFixedTpl,n=this.isPercentage()?":amount%":":amount",e=o.split(n);return t("p",{class:"s-next-order-coupon-title"},e[0],t("span",{class:"s-next-order-coupon-amount"},s),e[1]||"")}render(){if(this.isLoading)return this.renderSkeleton();if(!this.coupon)return null;const s=this.formatMinSpend(),e=this.formatExpiry();return t("div",{class:"s-next-order-coupon-wrapper"},t("div",{class:"s-next-order-coupon-inner"},t("div",{class:"s-next-order-coupon-info"},t("div",{class:"s-next-order-coupon-icon-wrap"},t("span",{class:"s-next-order-coupon-icon-bg"}),t("span",{class:"s-next-order-coupon-icon",innerHTML:o})),t("div",{class:"s-next-order-coupon-details"},t("div",{class:"s-next-order-coupon-title-row"},this.renderTitle(),t("span",{class:"s-next-order-coupon-badge"},t("span",{class:"s-next-order-coupon-badge-bg"}),t("span",{class:"s-next-order-coupon-badge-text"},this.badgeLabel))),(s||e)&&t("p",{class:"s-next-order-coupon-meta"},s&&t("span",{innerHTML:this.minSpendTpl.replace(":amount",s)}),e&&t("span",null,this.expiresTpl.replace(":date",e))))),t("div",{class:"s-next-order-coupon-actions"},t("div",{class:"s-next-order-coupon-code-box"},t("span",{class:"s-next-order-coupon-code-text"},this.coupon.code),t("salla-button",{shape:"link",class:"s-next-order-coupon-copy-btn",title:this.copyLabel,onClick:()=>this.copyCode()},t("span",{class:"s-next-order-coupon-copy-icon",innerHTML:n}))),t("salla-button",{href:salla.url.get(""),class:"s-next-order-coupon-shop-btn"},this.shopNowLabel))))}};e.style=":host{display:block}";export{e as salla_next_order_coupon}
+import{r as s,h as t}from"./p-C1Q9TkIB.js";import{T as o}from"./p-CJUR4sUM.js";import{i as n}from"./p-DqDX5na4.js";const e=class{constructor(t){s(this,t),this.coupon=null,this.isLoading=!0,this.titlePercentTpl="",this.titleFixedTpl="",this.badgeLabel="",this.minSpendTpl="",this.expiresTpl="",this.shopNowLabel="",this.copyLabel="",this.copiedLabel=""}componentWillLoad(){Salla.onReady().then((()=>Salla.lang.onLoaded())).then((()=>(this.loadTranslations(),this.loadCoupon()))).catch((()=>{this.isLoading=!1}))}loadTranslations(){this.titlePercentTpl=Salla.lang.get("pages.thank_you.next_order_coupon_title_percent")||"",this.titleFixedTpl=Salla.lang.get("pages.thank_you.next_order_coupon_title_fixed")||"",this.badgeLabel=Salla.lang.get("pages.thank_you.next_order_coupon_badge")||"",this.minSpendTpl=Salla.lang.get("pages.thank_you.next_order_coupon_min_spend")||"",this.expiresTpl=Salla.lang.get("pages.thank_you.next_order_coupon_expires")||"",this.shopNowLabel=Salla.lang.get("pages.thank_you.next_order_coupon_shop_now")||"",this.copyLabel=Salla.lang.get("common.elements.copy")||"",this.copiedLabel=Salla.lang.get("pages.thank_you.next_order_coupon_copied")||""}async loadCoupon(){try{const s=await salla.api.request("coupons",{params:{type:"thankyou"}}),t=s?.data,o=Array.isArray(t)?t:Array.isArray(t?.data)?t.data:[];this.coupon=o[0]??null}catch{this.coupon=null}finally{this.isLoading=!1}}async copyCode(){if(this.coupon)try{await navigator.clipboard.writeText(this.coupon.code),salla.notify.success(this.copiedLabel),salla.event.dispatch("salla::next-order-coupon.code.copied",{code:this.coupon.code})}catch{}}isPercentage(){return"P"===this.coupon?.type||"percentage"===this.coupon?.type}formatAmount(){if(!this.coupon)return"";if(this.isPercentage())return`${salla.helpers.number(this.coupon.amount)}%`;const s=this.coupon.amount;return t("span","object"==typeof s&&s.amount?{innerHTML:salla.money(s.amount,s.currency)}:{innerHTML:salla.money(s)})}formatMinSpend(){const s=this.coupon?.minimum_amount;return s&&("object"!=typeof s||s.amount)?"string"==typeof s?s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"):salla.money(s.amount,s.currency):""}formatExpiry(){const s=this.coupon?.expiry_date;return s?new Date(s).toLocaleDateString(Salla.lang.locale||"en-GB"):""}renderSkeleton(){return t("div",{class:"s-next-order-coupon-wrapper s-next-order-coupon-skeleton"},t("div",{class:"s-next-order-coupon-inner"},t("div",{class:"s-next-order-coupon-info"},t("salla-skeleton",{type:"normal",width:"48px",height:"48px"}),t("div",{class:"s-next-order-coupon-details"},t("salla-skeleton",{height:"14px",width:"220px"}),t("salla-skeleton",{height:"12px",width:"140px"}))),t("div",{class:"s-next-order-coupon-actions"},t("salla-skeleton",{height:"40px",width:"140px"}),t("salla-skeleton",{height:"40px",width:"100px"}))))}renderTitle(){const s=this.formatAmount(),o=this.isPercentage()?this.titlePercentTpl:this.titleFixedTpl,n=this.isPercentage()?":amount%":":amount",e=o.split(n);return t("p",{class:"s-next-order-coupon-title"},e[0],t("span",{class:"s-next-order-coupon-amount"},s),e[1]||"")}render(){if(this.isLoading)return this.renderSkeleton();if(!this.coupon)return null;const s=this.formatMinSpend(),e=this.formatExpiry();return t("div",{class:"s-next-order-coupon-wrapper"},t("div",{class:"s-next-order-coupon-inner"},t("div",{class:"s-next-order-coupon-info"},t("div",{class:"s-next-order-coupon-icon-wrap"},t("span",{class:"s-next-order-coupon-icon-bg"}),t("span",{class:"s-next-order-coupon-icon",innerHTML:o})),t("div",{class:"s-next-order-coupon-details"},t("div",{class:"s-next-order-coupon-title-row"},this.renderTitle(),t("span",{class:"s-next-order-coupon-badge"},t("span",{class:"s-next-order-coupon-badge-bg"}),t("span",{class:"s-next-order-coupon-badge-text"},this.badgeLabel))),(s||e)&&t("p",{class:"s-next-order-coupon-meta"},s&&t("span",{innerHTML:this.minSpendTpl.replace(":amount",s)}),e&&t("span",null,this.expiresTpl.replace(":date",e))))),t("div",{class:"s-next-order-coupon-actions"},t("div",{class:"s-next-order-coupon-code-box"},t("span",{class:"s-next-order-coupon-code-text"},this.coupon.code),t("salla-button",{shape:"link",class:"s-next-order-coupon-copy-btn",title:this.copyLabel,onClick:()=>this.copyCode()},t("span",{class:"s-next-order-coupon-copy-icon",innerHTML:n}))),t("salla-button",{href:salla.url.get(""),class:"s-next-order-coupon-shop-btn"},this.shopNowLabel))))}};e.style=":host{display:block}";export{e as salla_next_order_coupon}