@salla.sa/twilight-components 2.14.422 → 2.14.424

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
 

package/dist/cjs/salla-list-tile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaListTileCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 

package/dist/cjs/salla-loyalty-banner.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var translations = require('./translations-DMwpLvqi.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-DTPdQpTt.js');
+var trackedPromise = require('./tracked-promise-UbTM_M6f.js');
 
 const sallaLoyaltyProgramCss = "";
 

package/dist/cjs/salla-loyalty-hero_2.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
-var functions = require('./functions-QULFiarR.js');
+var index = require('./index-oFPXLGXi.js');
+var functions = require('./functions-BYHbilvv.js');
 var gift = require('./gift-DbNivqYO.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');

package/dist/cjs/salla-loyalty-panel.cjs.entry.js

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var translations = require('./translations-DMwpLvqi.js');
-var functions = require('./functions-QULFiarR.js');
+var functions = require('./functions-BYHbilvv.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
-var trackedPromise = require('./tracked-promise-DTPdQpTt.js');
+var trackedPromise = require('./tracked-promise-UbTM_M6f.js');
 
 var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
 

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/cjs/salla-loyalty-program.cjs.entry.js

@@ -3,16 +3,16 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var translations = require('./translations-DMwpLvqi.js');
-var functions = require('./functions-QULFiarR.js');
+var functions = require('./functions-BYHbilvv.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');
 var giftSharing = require('./gift-sharing-BE0uszUm.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-DTPdQpTt.js');
+var trackedPromise = require('./tracked-promise-UbTM_M6f.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 var SICartUpload = `<!-- Generated by IcoMoon.io -->

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
-var functions = require('./functions-QULFiarR.js');
+var index = require('./index-oFPXLGXi.js');
+var functions = require('./functions-BYHbilvv.js');
 var gift = require('./gift-DbNivqYO.js');
 
 const sallaLoyaltyProgramCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 

package/dist/cjs/salla-maintenance-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 
 const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var location = require('./location-DIyESLuI.js');
 
 var Edit = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaMenuCss = ":host{display:block}";
 
@@ -19,6 +19,7 @@ const SallaMenu = class {
          */
         this.useReactLink = false;
         this.menus = [];
+        this.displayAllText = '';
     }
     async componentWillLoad() {
         return salla.onReady(() => {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaMultipleBundleProductCartCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";

package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js

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

package/dist/cjs/salla-next-order-coupon.cjs.entry.js

@@ -0,0 +1,126 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var index = require('./index-oFPXLGXi.js');
+var tagMoney = require('./tag-money-Cuohw_4j.js');
+var swapStroke = require('./swap-stroke-CYGxjKIS.js');
+
+const sallaNextOrderCouponCss = ":host{display:block}";
+
+const SallaNextOrderCoupon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.coupon = null;
+        this.isLoading = true;
+        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();
+            return this.loadCoupon();
+        })
+            .catch(() => {
+            this.isLoading = false;
+        });
+    }
+    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 response = await salla.api.request('coupons', { type: 'thankyou' });
+            const raw = response?.data;
+            const list = Array.isArray(raw) ? raw : (Array.isArray(raw?.data) ? raw.data : []);
+            this.coupon = list[0] ?? null;
+        }
+        catch {
+            this.coupon = null;
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async copyCode() {
+        if (!this.coupon)
+            return;
+        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 {
+            // clipboard write failed silently
+        }
+    }
+    isPercentage() {
+        return this.coupon?.type === 'P' || this.coupon?.type === 'percentage';
+    }
+    formatAmount() {
+        if (!this.coupon)
+            return '';
+        if (this.isPercentage()) {
+            return `${salla.helpers.number(this.coupon.amount)}%`;
+        }
+        const amt = this.coupon.amount;
+        if (typeof amt === 'object' && amt.amount) {
+            const a = amt;
+            return index.h("span", { innerHTML: salla.money(a.amount, a.currency) });
+        }
+        return index.h("span", { innerHTML: salla.money(amt) });
+    }
+    formatMinSpend() {
+        const min = this.coupon?.minimum_amount;
+        if (!min)
+            return '';
+        if (typeof min === 'string') {
+            return min.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+        }
+        return salla.money(min.amount, min.currency);
+    }
+    formatExpiry() {
+        const d = this.coupon?.expiry_date;
+        if (!d)
+            return '';
+        return new Date(d).toLocaleDateString(Salla.lang.locale || 'en-GB');
+    }
+    renderSkeleton() {
+        return (index.h("div", { class: "s-next-order-coupon-wrapper s-next-order-coupon-skeleton" }, index.h("div", { class: "s-next-order-coupon-inner" }, index.h("div", { class: "s-next-order-coupon-info" }, index.h("salla-skeleton", { type: "normal", width: "48px", height: "48px" }), index.h("div", { class: "s-next-order-coupon-details" }, index.h("salla-skeleton", { height: "14px", width: "220px" }), index.h("salla-skeleton", { height: "12px", width: "140px" }))), index.h("div", { class: "s-next-order-coupon-actions" }, index.h("salla-skeleton", { height: "40px", width: "140px" }), index.h("salla-skeleton", { height: "40px", width: "100px" })))));
+    }
+    renderTitle() {
+        const amount = this.formatAmount();
+        const tpl = this.isPercentage() ? this.titlePercentTpl : this.titleFixedTpl;
+        const placeholder = this.isPercentage() ? ':amount%' : ':amount';
+        const parts = tpl.split(placeholder);
+        return (index.h("p", { class: "s-next-order-coupon-title" }, parts[0], index.h("span", { class: "s-next-order-coupon-amount" }, amount), parts[1] || ''));
+    }
+    render() {
+        if (this.isLoading)
+            return this.renderSkeleton();
+        if (!this.coupon)
+            return null;
+        const minSpend = this.formatMinSpend();
+        const expiry = this.formatExpiry();
+        return (index.h("div", { class: "s-next-order-coupon-wrapper" }, index.h("div", { class: "s-next-order-coupon-inner" }, index.h("div", { class: "s-next-order-coupon-info" }, index.h("div", { class: "s-next-order-coupon-icon-wrap" }, index.h("span", { class: "s-next-order-coupon-icon-bg" }), index.h("span", { class: "s-next-order-coupon-icon", innerHTML: tagMoney.TagMoneyIcon })), index.h("div", { class: "s-next-order-coupon-details" }, index.h("div", { class: "s-next-order-coupon-title-row" }, this.renderTitle(), index.h("span", { class: "s-next-order-coupon-badge" }, index.h("span", { class: "s-next-order-coupon-badge-bg" }), index.h("span", { class: "s-next-order-coupon-badge-text" }, this.badgeLabel))), (minSpend || expiry) && (index.h("p", { class: "s-next-order-coupon-meta" }, minSpend && (index.h("span", { innerHTML: this.minSpendTpl.replace(':amount', minSpend) })), expiry && (index.h("span", null, this.expiresTpl.replace(':date', expiry))))))), index.h("div", { class: "s-next-order-coupon-actions" }, index.h("div", { class: "s-next-order-coupon-code-box" }, index.h("span", { class: "s-next-order-coupon-code-text" }, this.coupon.code), index.h("salla-button", { shape: "link", class: "s-next-order-coupon-copy-btn", title: this.copyLabel, onClick: () => this.copyCode() }, index.h("span", { class: "s-next-order-coupon-copy-icon", innerHTML: swapStroke.iconCopy }))), index.h("salla-button", { href: salla.url.get(''), class: "s-next-order-coupon-shop-btn" }, this.shopNowLabel)))));
+    }
+};
+SallaNextOrderCoupon.style = sallaNextOrderCouponCss;
+
+exports.salla_next_order_coupon = SallaNextOrderCoupon;

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaNotificationsCss = "";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
 var tag = require('./tag-D-PcUR33.js');
 var cart2 = require('./cart2-B98PSAFN.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 var PageType;
 (function (PageType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaOrderDetailsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

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

@@ -3,7 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
+var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 var check = require('./check-BnVBPQNp.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
@@ -20,13 +21,6 @@ var iconDownload = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-var iconCopy = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>swap-stroke</title>
-<path d="M6.667 18.667h-2.667c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333v2.667c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h2.667c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM28 10.667h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.597 1.333-1.333 1.333h-13.333c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333z"></path>
-</svg>
-`;
-
 var iconCreditCard = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>debit-card-back</title>
@@ -93,7 +87,7 @@ const SallaOrderSummary = class {
     }
     render() {
         return (index.h("ul", { key: '20b8d793a83306a203cd0f7eadededf3ce224181', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
-            this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.SICheck : iconCopy }), index.h("span", null, this.copy_text))))))) :
+            this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.SICheck : swapStroke.iconCopy }), index.h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), index.h("ul", null, item.files.map((file) => (index.h("li", { class: "s-order-summary-digital-item-wrapper" }, index.h("div", null, index.h("span", { innerHTML: iconFileArchive }), index.h("span", null, file.name)), index.h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, index.h("span", { innerHTML: iconDownload }), index.h("span", null, this.download_text)))))))) : null))));
     }
 };

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 
 const sallaProgressBarCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.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-CSI6rnkc.js');
+var index = require('./index-oFPXLGXi.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');