@salla.sa/twilight-components 2.14.434 → 2.14.436

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 
-const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}";
+const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}.s-cookies-bar-btn--active{box-shadow:0 0 0 2px rgba(0, 0, 0, 0.08)}";
 
 const SallaCookiesBar = class {
     constructor(hostRef) {
@@ -21,11 +21,13 @@ const SallaCookiesBar = class {
         this.mobileBreakpoint = 768;
         this.mobileQueryHandler = (e) => (this.isMobile = e.matches);
         this.openRequestedHandler = () => this.open();
+        this.selectedConsent = 'rejected';
     }
     async componentWillLoad() {
         await Salla.onReady();
         await Salla.lang.onLoaded();
         this.loadTranslations();
+        this.selectedConsent = this.getStoredConsentChoice();
         Salla.event.on('salla-cookies-bar::open', this.openRequestedHandler);
         this.unregisterAfterFetchMenuItemsHook = Salla.hooks.registerHook('salla-menu', 'afterFetchMenuItems', (menuComponent) => this.appendCookiesSettingsLink(menuComponent));
         if (Salla.storage.get('cookies-consent')) {
@@ -53,6 +55,7 @@ const SallaCookiesBar = class {
      * Accept cookies consent.
      */
     async accept() {
+        this.selectedConsent = 'accepted';
         this.isVisible = false;
         //We will call event first because we need to compare between old and new data inside session
         Salla.event.emit('salla-cookies-bar::accepted');
@@ -63,6 +66,7 @@ const SallaCookiesBar = class {
      * Reject cookies consent.
      */
     async reject() {
+        this.selectedConsent = 'rejected';
         this.isVisible = false;
         //We will call event first because we need to compare between old and new data inside session
         Salla.event.emit('salla-cookies-bar::rejected');
@@ -73,9 +77,14 @@ const SallaCookiesBar = class {
      * Show cookies settings bar to allow updating consent.
      */
     async open() {
+        this.selectedConsent = this.getStoredConsentChoice();
         this.isVisible = true;
         return this.host;
     }
+    getStoredConsentChoice() {
+        const stored = Salla.storage.get('cookies-consent');
+        return stored === 'accepted' || stored === 'rejected' ? stored : 'rejected';
+    }
     isRtl() {
         return Salla.config.get('theme.is_rtl', true);
     }
@@ -105,7 +114,7 @@ const SallaCookiesBar = class {
         if (!this.isVisible) {
             return index.h(index.Host, null);
         }
-        return (index.h(index.Host, null, index.h("div", { dir: this.isRtl() ? 'rtl' : 'ltr', class: "s-cookies-bar fixed bottom-0 inset-x-0 z-50 bg-white p-4" }, index.h("div", { class: "s-cookies-bar-content flex flex-col justify-center gap-6 max-w-screen-xl mx-auto px-4" }, index.h("p", { class: "s-cookies-bar-message text-sm font-medium leading-relaxed text-gray-500 m-0" }, this.messageLabel, Salla.config.get('policy_url') && (index.h("a", { href: Salla.config.get('policy_url'), target: "_blank", class: "s-cookies-bar-link text-primary ms-1" }, this.linkLabel))), index.h("div", { class: "s-cookies-bar-actions flex flex-row gap-2 shrink-0" }, index.h("salla-button", { class: "s-cookies-bar-btn--accept", color: "primary", fill: "solid", type: "button", size: this.isMobile ? 'small' : 'medium', onClick: () => this.accept() }, this.acceptLabel), index.h("salla-button", { class: "s-cookies-bar-btn--reject", fill: "outline", type: "button", size: this.isMobile ? 'small' : 'medium', onClick: () => this.reject() }, this.rejectLabel))))));
+        return (index.h(index.Host, null, index.h("div", { dir: this.isRtl() ? 'rtl' : 'ltr', class: "s-cookies-bar fixed bottom-0 inset-x-0 z-50 bg-white p-4" }, index.h("div", { class: "s-cookies-bar-content flex flex-col justify-center gap-6 max-w-screen-xl mx-auto px-4" }, index.h("p", { class: "s-cookies-bar-message text-sm font-medium leading-relaxed text-gray-500 m-0" }, this.messageLabel, Salla.config.get('policy_url') && (index.h("a", { href: Salla.config.get('policy_url'), target: "_blank", class: "s-cookies-bar-link text-primary ms-1" }, this.linkLabel))), index.h("div", { class: "s-cookies-bar-actions flex flex-row gap-2 shrink-0" }, index.h("salla-button", { class: `s-cookies-bar-btn--accept ${this.selectedConsent === 'rejected' ? 's-cookies-bar-btn--active' : ''}`, color: "primary", fill: this.selectedConsent === 'rejected' ? 'solid' : 'outline', type: "button", size: this.isMobile ? 'small' : 'medium', onClick: () => this.accept() }, this.acceptLabel), index.h("salla-button", { class: `s-cookies-bar-btn--reject ${this.selectedConsent === 'accepted' ? 's-cookies-bar-btn--active' : ''}`, color: this.selectedConsent === 'accepted' ? 'primary' : undefined, fill: this.selectedConsent === 'accepted' ? 'solid' : 'outline', type: "button", size: this.isMobile ? 'small' : 'medium', onClick: () => this.reject() }, this.rejectLabel))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-count-down.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 
 const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
 

package/dist/cjs/salla-custom-fields.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var camera = require('./camera-DytepEoK.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 

package/dist/cjs/salla-delivery-promise.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 
 const DEBUG_KEY = 'salla-delivery-promise-debug';
 function log(message, data) {

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

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

package/dist/cjs/salla-filters-widget.cjs.entry.js

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

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

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

package/dist/cjs/salla-fulfillment-methods.cjs.entry.js

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var cancel = require('./cancel-B5SbMYEk.js');

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

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

package/dist/cjs/salla-infinite-scroll.cjs.entry.js

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

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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}";
+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}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-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)}";
 
 const SallaInstallment = class {
     constructor(hostRef) {
@@ -52,6 +52,7 @@ const SallaInstallment = class {
             this.emkanIsActive = installment.emkan;
             this.madfuActive = installment.madfu;
             this.rajehiIsActive = installment.mokafaa_alrajhi;
+            this.klarnaIsActive = installment.klarna;
         }
         salla.event.on('product::price.updated', ({ data }) => {
             if (!data.price || data.price == this.price) {
@@ -84,7 +85,7 @@ const SallaInstallment = class {
                 installments: 5,
             }) })))) : (''), this.madfuActive && this.currency === "SAR" ? (index.h("div", { class: "s-installment-madfu-wrapper" }, index.h("div", { class: "s-installment-madfu-content" }, index.h("img", { src: salla.url.cdn('images/payment/png/madfu.png'), alt: "madfu" }), index.h("span", { class: "s-installment-madfu-content-text" }, salla.lang.get('pages.products.installments_madfu'))))) : (''), (isSAR && this.rajehiIsActive) ?
             index.h("div", { class: "s-installment-rajehi-wrapper" }, index.h("div", { class: "s-installment-rajehi-content" }, index.h("img", { src: salla.url.cdn('images/payment/png/mokafaa_alrajhi_loyalty.png'), alt: "mokafaa_alrajhi_loyalty" }), index.h("span", { class: "s-installment-rajehi-content-text" }, salla.lang.get("pages.products.rajahi_earn_points", { points: Math.floor(+this.price * this.rajehiIsActive.pointsPerRiyal) }))))
-            : ''));
+            : '', this.klarnaIsActive && this.klarnaIsActive.locales?.length > 0 && (index.h("div", { class: "s-installment-klarna-wrapper" }, index.h("klarna-placement", { "data-key": this.klarnaIsActive.dataKey || 'credit-promotion-badge', "data-locale": this.getKlarnaLocale(), "data-purchase-amount": String(Math.round(parseFloat(this.price) * 100)) })))));
     }
     renderInstallments(isUpdating = false) {
         if (!this.isValidPrice(this.price)) {
@@ -174,6 +175,10 @@ const SallaInstallment = class {
             //   // setTimeout()
             // }
         }
+        // Klarna
+        if (this.klarnaIsActive && this.klarnaIsActive.locales?.length > 0) {
+            this.loadKlarna(isUpdating);
+        }
         // Mispay
         if (this.shouldShowMispay() && this.mispayActive.publicKey) {
             this.loadExternalScript({
@@ -247,6 +252,37 @@ const SallaInstallment = class {
             }
         }
     }
+    loadKlarna(isUpdating) {
+        window.KlarnaOnsiteService = window.KlarnaOnsiteService || [];
+        if (isUpdating) {
+            const placement = this.host.querySelector('klarna-placement');
+            if (placement) {
+                placement.setAttribute('data-purchase-amount', String(Math.round(parseFloat(this.price) * 100)));
+                window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });
+            }
+            return;
+        }
+        var oldKlarnaScript = document.querySelector('script[src="https://js.klarna.com/web-sdk/v1/klarna.js"]');
+        if (oldKlarnaScript) {
+            window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });
+            return;
+        }
+        var klarnaScript = document.createElement('script');
+        klarnaScript.async = true;
+        klarnaScript.setAttribute('src', 'https://js.klarna.com/web-sdk/v1/klarna.js');
+        klarnaScript.setAttribute('data-client-id', this.klarnaIsActive.clientId);
+        klarnaScript.onload = () => {
+            window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' });
+        };
+        document.body.appendChild(klarnaScript);
+    }
+    getKlarnaLocale() {
+        const locales = this.klarnaIsActive?.locales || [];
+        if (!locales.length)
+            return null;
+        const byLang = new Map(locales?.map(l => [l.split('-')[0], l]));
+        return byLang.get(this.language) ?? byLang.get('en') ?? locales[0];
+    }
     shouldShowMispay() {
         return this.currency === 'SAR' && this.mispayActive;
     }

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var translations = require('./translations-DMwpLvqi.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-BOij5kTl.js');
+var trackedPromise = require('./tracked-promise-A756VIur.js');
 
 const sallaLoyaltyProgramCss = "";
 

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
-var functions = require('./functions-BW_9N8hU.js');
+var index = require('./index-CtaU_fq_.js');
+var functions = require('./functions-B_ldeo2w.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var translations = require('./translations-DMwpLvqi.js');
-var functions = require('./functions-BW_9N8hU.js');
+var functions = require('./functions-B_ldeo2w.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-BOij5kTl.js');
+var trackedPromise = require('./tracked-promise-A756VIur.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-points-banner.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var translations = require('./translations-DMwpLvqi.js');
 
 var MoneyIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var translations = require('./translations-DMwpLvqi.js');
-var functions = require('./functions-BW_9N8hU.js');
+var functions = require('./functions-B_ldeo2w.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-BOij5kTl.js');
+var trackedPromise = require('./tracked-promise-A756VIur.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-zPj2BUIM.js');
-var functions = require('./functions-BW_9N8hU.js');
+var index = require('./index-CtaU_fq_.js');
+var functions = require('./functions-B_ldeo2w.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.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-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 
 const sallaMenuCss = ":host{display:block}";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-zPj2BUIM.js');
+var index = require('./index-CtaU_fq_.js');
 var tagMoney = require('./tag-money-Cuohw_4j.js');
 var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 

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

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

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

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

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

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

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

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

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

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