@salla.sa/twilight-components 1.6.7 → 1.6.9

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

@@ -18875,7 +18875,7 @@ const SallaGifting = class {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getGiftDetails(this.productId)
+    return await salla.api.withoutNotifier(() => salla.product.getGiftDetails(this.productId))
       .then((response) => {
       this.gift = response.data;
       this.senderName = this.gift.sender_name;
@@ -18885,7 +18885,7 @@ const SallaGifting = class {
       this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
   *
@@ -19361,7 +19361,7 @@ const SallaLocalizationModal = class {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(this.getLanguages()
+    return await salla.api.withoutNotifier(() => this.getLanguages())
       .then(() => this.getCurrencies())
       .catch(e => {
       var _a, _b, _c, _d;
@@ -19369,9 +19369,7 @@ const SallaLocalizationModal = class {
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Hide the component
@@ -20138,14 +20136,14 @@ const SallaOfferModal = class {
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id)
+    return salla.api.withoutNotifier(() => salla.product.offers(product_id))
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
+      .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));
   }
   /**
    * Show offer details
@@ -20424,7 +20422,7 @@ const SallaProductSizeGuide = class {
   async open(product_id) {
     this.modal.setTitle(this.modal_title);
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getSizeGuides(product_id)
+    return await salla.api.withoutNotifier(() => salla.product.getSizeGuides(product_id))
       .then((response) => {
       this.guides = response.data;
     })
@@ -20434,7 +20432,7 @@ const SallaProductSizeGuide = class {
       this.hasError = true;
       this.placeholder_description = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    *
@@ -20585,7 +20583,7 @@ const SallaRatingModal = class {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.rating.api.order(this.orderId)
+    return await salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId))
       .then(res => this.order = res.data)
       .catch(e => {
       var _a, _b, _c, _d;
@@ -20600,7 +20598,7 @@ const SallaRatingModal = class {
       setTimeout(() => {
         this.modal.stopLoading();
       }, 1000);
-    }));
+    });
   }
   /**
    * Show the rating modal

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

@@ -74,21 +74,18 @@ const SallaScopees = class {
       this.mode = ModeType.DEFAULT;
     }
     this.modal.open();
-    return await salla.api.withoutNotifier((mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get())
+    let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();
+    return await salla.api.withoutNotifier(callback)
       .then((resp) => {
       if (mode == ModeType.AVAILABILITY) {
-        this.setScopeValues(resp.data);
-      }
-      else {
-        this.setScopeValues(resp.data.scopes);
+        return this.setScopeValues(resp.data);
       }
+      this.setScopeValues(resp.data.scopes);
     }).catch(e => {
       console.log(e);
       this.hasError = true;
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Submit form to change exsiting scope.

package/dist/collection/components/salla-gifting/salla-gifting.js

@@ -64,7 +64,7 @@ export class SallaGifting {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getGiftDetails(this.productId)
+    return await salla.api.withoutNotifier(() => salla.product.getGiftDetails(this.productId))
       .then((response) => {
       this.gift = response.data;
       this.senderName = this.gift.sender_name;
@@ -74,7 +74,7 @@ export class SallaGifting {
       this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
   *

package/dist/collection/components/salla-localization-modal/salla-localization-modal.js

@@ -46,7 +46,7 @@ export class SallaLocalizationModal {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(this.getLanguages()
+    return await salla.api.withoutNotifier(() => this.getLanguages())
       .then(() => this.getCurrencies())
       .catch(e => {
       var _a, _b, _c, _d;
@@ -54,9 +54,7 @@ export class SallaLocalizationModal {
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Hide the component

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

@@ -41,14 +41,14 @@ export class SallaOfferModal {
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id)
+    return salla.api.withoutNotifier(() => salla.product.offers(product_id))
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
+      .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));
   }
   /**
    * Show offer details

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -20,7 +20,7 @@ export class SallaProductSizeGuide {
   async open(product_id) {
     this.modal.setTitle(this.modal_title);
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getSizeGuides(product_id)
+    return await salla.api.withoutNotifier(() => salla.product.getSizeGuides(product_id))
       .then((response) => {
       this.guides = response.data;
     })
@@ -30,7 +30,7 @@ export class SallaProductSizeGuide {
       this.hasError = true;
       this.placeholder_description = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    *

package/dist/collection/components/salla-rating-modal/salla-rating-modal.js

@@ -28,7 +28,7 @@ export class SallaRatingModal {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.rating.api.order(this.orderId)
+    return await salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId))
       .then(res => this.order = res.data)
       .catch(e => {
       var _a, _b, _c, _d;
@@ -43,7 +43,7 @@ export class SallaRatingModal {
       setTimeout(() => {
         this.modal.stopLoading();
       }, 1000);
-    }));
+    });
   }
   /**
    * Show the rating modal

package/dist/collection/components/salla-scopes/salla-scopes.js

@@ -55,21 +55,18 @@ export class SallaScopees {
       this.mode = ModeType.DEFAULT;
     }
     this.modal.open();
-    return await salla.api.withoutNotifier((mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get())
+    let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();
+    return await salla.api.withoutNotifier(callback)
       .then((resp) => {
       if (mode == ModeType.AVAILABILITY) {
-        this.setScopeValues(resp.data);
-      }
-      else {
-        this.setScopeValues(resp.data.scopes);
+        return this.setScopeValues(resp.data);
       }
+      this.setScopeValues(resp.data.scopes);
     }).catch(e => {
       console.log(e);
       this.hasError = true;
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Submit form to change exsiting scope.

package/dist/components/salla-gifting.js

@@ -89,7 +89,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getGiftDetails(this.productId)
+    return await salla.api.withoutNotifier(() => salla.product.getGiftDetails(this.productId))
       .then((response) => {
       this.gift = response.data;
       this.senderName = this.gift.sender_name;
@@ -99,7 +99,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
   *

package/dist/components/salla-localization-modal.js

@@ -50,7 +50,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class extends
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(this.getLanguages()
+    return await salla.api.withoutNotifier(() => this.getLanguages())
       .then(() => this.getCurrencies())
       .catch(e => {
       var _a, _b, _c, _d;
@@ -58,9 +58,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class extends
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Hide the component

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

@@ -69,14 +69,14 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id)
+    return salla.api.withoutNotifier(() => salla.product.offers(product_id))
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
+      .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));
   }
   /**
    * Show offer details

package/dist/components/salla-product-size-guide.js

@@ -32,7 +32,7 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class extends H
   async open(product_id) {
     this.modal.setTitle(this.modal_title);
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getSizeGuides(product_id)
+    return await salla.api.withoutNotifier(() => salla.product.getSizeGuides(product_id))
       .then((response) => {
       this.guides = response.data;
     })
@@ -42,7 +42,7 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class extends H
       this.hasError = true;
       this.placeholder_description = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    *

package/dist/components/salla-rating-modal.js

@@ -49,7 +49,7 @@ const SallaRatingModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.rating.api.order(this.orderId)
+    return await salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId))
       .then(res => this.order = res.data)
       .catch(e => {
       var _a, _b, _c, _d;
@@ -64,7 +64,7 @@ const SallaRatingModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       setTimeout(() => {
         this.modal.stopLoading();
       }, 1000);
-    }));
+    });
   }
   /**
    * Show the rating modal

package/dist/components/salla-scopes.js

@@ -77,21 +77,18 @@ const SallaScopees = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.mode = ModeType.DEFAULT;
     }
     this.modal.open();
-    return await salla.api.withoutNotifier((mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get())
+    let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();
+    return await salla.api.withoutNotifier(callback)
       .then((resp) => {
       if (mode == ModeType.AVAILABILITY) {
-        this.setScopeValues(resp.data);
-      }
-      else {
-        this.setScopeValues(resp.data.scopes);
+        return this.setScopeValues(resp.data);
       }
+      this.setScopeValues(resp.data.scopes);
     }).catch(e => {
       console.log(e);
       this.hasError = true;
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Submit form to change exsiting scope.

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

@@ -18871,7 +18871,7 @@ const SallaGifting = class {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getGiftDetails(this.productId)
+    return await salla.api.withoutNotifier(() => salla.product.getGiftDetails(this.productId))
       .then((response) => {
       this.gift = response.data;
       this.senderName = this.gift.sender_name;
@@ -18881,7 +18881,7 @@ const SallaGifting = class {
       this.hasError = false;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
   *
@@ -19357,7 +19357,7 @@ const SallaLocalizationModal = class {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(this.getLanguages()
+    return await salla.api.withoutNotifier(() => this.getLanguages())
       .then(() => this.getCurrencies())
       .catch(e => {
       var _a, _b, _c, _d;
@@ -19365,9 +19365,7 @@ const SallaLocalizationModal = class {
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Hide the component
@@ -20134,14 +20132,14 @@ const SallaOfferModal = class {
   async open(product_id) {
     //TODO:: make sure there is only one offer
     this.modal.open();
-    return salla.api.withoutNotifier(salla.product.offers(product_id)
+    return salla.api.withoutNotifier(() => salla.product.offers(product_id))
       .then(response => this.showOffer(response.data[0]))
       .catch(e => {
       var _a, _b, _c, _d;
       this.hasError = true;
       this.errorMessage = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => setTimeout(() => { this.modal.stopLoading(); }, 1000)));
+      .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));
   }
   /**
    * Show offer details
@@ -20420,7 +20418,7 @@ const SallaProductSizeGuide = class {
   async open(product_id) {
     this.modal.setTitle(this.modal_title);
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.product.getSizeGuides(product_id)
+    return await salla.api.withoutNotifier(() => salla.product.getSizeGuides(product_id))
       .then((response) => {
       this.guides = response.data;
     })
@@ -20430,7 +20428,7 @@ const SallaProductSizeGuide = class {
       this.hasError = true;
       this.placeholder_description = ((_c = (_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || ((_d = e.response) === null || _d === void 0 ? void 0 : _d.data);
     })
-      .finally(() => this.modal.stopLoading()));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    *
@@ -20581,7 +20579,7 @@ const SallaRatingModal = class {
    */
   async open() {
     this.modal.open();
-    return await salla.api.withoutNotifier(salla.rating.api.order(this.orderId)
+    return await salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId))
       .then(res => this.order = res.data)
       .catch(e => {
       var _a, _b, _c, _d;
@@ -20596,7 +20594,7 @@ const SallaRatingModal = class {
       setTimeout(() => {
         this.modal.stopLoading();
       }, 1000);
-    }));
+    });
   }
   /**
    * Show the rating modal

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

@@ -70,21 +70,18 @@ const SallaScopees = class {
       this.mode = ModeType.DEFAULT;
     }
     this.modal.open();
-    return await salla.api.withoutNotifier((mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get())
+    let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();
+    return await salla.api.withoutNotifier(callback)
       .then((resp) => {
       if (mode == ModeType.AVAILABILITY) {
-        this.setScopeValues(resp.data);
-      }
-      else {
-        this.setScopeValues(resp.data.scopes);
+        return this.setScopeValues(resp.data);
       }
+      this.setScopeValues(resp.data.scopes);
     }).catch(e => {
       console.log(e);
       this.hasError = true;
     })
-      .finally(() => {
-      this.modal.stopLoading();
-    }));
+      .finally(() => this.modal.stopLoading());
   }
   /**
    * Submit form to change exsiting scope.

package/dist/twilight-components/p-46e23628.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as s,h as e,H as t}from"./p-1503d976.js";import{S as l}from"./p-475ef754.js";var i;!function(s){s.DEFAULT="default",s.AVAILABILITY="availability"}(i||(i={}));const a=class{constructor(e){s(this,e),this.translationLoaded=!1,this.mode=i.DEFAULT,this.scopes=[],this.originalScopesList=[],this.isOpenedBefore=salla.storage.get("branch-choosed-before"),this.hasError=!1,this.selection="optional",this.searchDisplayLimit=6,this.getFormTitle=()=>{var s;return(null===(s=this.originalScopesList)||void 0===s?void 0:s.length)<2?"":this.mode===i.DEFAULT?salla.lang.get("blocks.scope.shopping_from_another_branch"):salla.lang.get("blocks.scope.search_for_availability_in_other_branches")},salla.event.on("scopes::open",(({mode:s=null,product_id:e=null})=>{this.open(s,e)})),salla.lang.onLoaded((()=>{this.translationLoaded=!0}))}async close(){var s;return await(null===(s=this.modal)||void 0===s?void 0:s.close())}async open(s=i.DEFAULT,e=null){return this.setScopeValues([]),this.mode=void 0!==s&&[i.AVAILABILITY,i.DEFAULT].includes(s)?s:i.DEFAULT,this.modal.open(),await salla.api.withoutNotifier((()=>s==i.AVAILABILITY?salla.scope.getProductAvailability(e):salla.scope.get())).then((e=>{if(s==i.AVAILABILITY)return this.setScopeValues(e.data);this.setScopeValues(e.data.scopes)})).catch((s=>{console.log(s),this.hasError=!0})).finally((()=>this.modal.stopLoading()))}async handleSubmit(){let s={id:this.current_scope.id};return this.changeBtn.load(),await salla.scope.change(s).then((()=>{salla.storage.set("branch-choosed-before",!0),salla.storage.set("scope",{type:this.current_scope.type,id:this.current_scope.id});var s=new URL(window.location.href);s.searchParams.set("scope",this.current_scope.id),window.location.href=s.toString(),window.location.replace(s.toString())})).catch((s=>console.log(s))).finally((()=>{this.changeBtn.stop()}))}setScopeValues(s){this.scopes=s,this.originalScopesList=s,1==s.length?(this.current_scope=s[0],this.selected_scope=s[0]):(this.current_scope=s.find((s=>s.selected)),this.selected_scope=s.find((s=>s.selected)))}handleSearchFieldTyping(s){let e=s.target.value.toLocaleLowerCase();this.scopes=e?this.originalScopesList.filter((s=>s.name.toLowerCase().includes(e))):this.originalScopesList}handleScopeSelection(s){this.current_scope=this.scopes.find((e=>e.id==s.target.value))}placeholderContent(){return e("salla-placeholder",{alignment:"center",class:"s-scopes-placeholder"},e("span",{slot:"title"},salla.lang.get("blocks.scope.branch_looking_for_not_found")),e("span",{slot:"description"},salla.lang.get("blocks.scope.our_services_not_available_in_this_branch")))}defaultContent(){return[e("div",{class:"s-scopes-container s-scrollbar"},this.scopes.map((s=>e("div",{class:"s-scopes-input-wrap","data-selection":this.selection},e("input",{id:`${this.selection} + '_scope_' + ${s.id}`,name:"lang",type:"radio",value:s.id,onChange:s=>this.handleScopeSelection(s),class:"s-scopes-input",checked:!!this.current_scope&&this.current_scope.id==s.id}),e("label",{htmlFor:`${this.selection} + '_scope_' + ${s.id}`,class:"s-scopes-label s-scopes-clickable"},e("span",null,s.name)))))),this.footerContent()]}availabilityContent(){return e("div",{class:"s-scopes-container"},this.scopes.map((s=>{var t,l,a,o,h,c;return e("div",{class:"s-scopes-input-wrap","data-selection":this.selection},e("h2",{class:{"s-scopes-label":!0,"s-scopes-clickable":this.mode===i.DEFAULT}},e("span",null,s.name)),e("h2",{style:{color:null===(l=null===(t=s)||void 0===t?void 0:t.availability)||void 0===l?void 0:l.color},class:`s-scopes-${null===(o=null===(a=s)||void 0===a?void 0:a.availability)||void 0===o?void 0:o.key}`},null===(c=null===(h=s)||void 0===h?void 0:h.availability)||void 0===c?void 0:c.label))})))}footerContent(){return e("div",{class:"s-scopes-footer"},e("slot",{name:"footer"},e("salla-button",{ref:s=>this.changeBtn=s,disabled:!this.current_scope,onClick:()=>this.handleSubmit(),class:"s-scopes-submit","loader-position":"center",width:"wide"},salla.lang.get("common.elements.confirm"))))}render(){return e(t,null,e("salla-modal",{ref:s=>this.modal=s,isClosable:!(!this.isOpenedBefore&&"optional"!=this.selection),class:"s-scopes-modal",isLoading:!0,"has-skeleton":!0},e("div",{slot:"loading"},e("div",{class:"s-scopes-skeleton"},e("salla-list-tile",{class:"s-scopes-header"},e("div",{slot:"icon",class:"s-scopes-header-icon"},e("salla-skeleton",{type:"circle"})),e("div",{slot:"title",class:"s-scopes-header-title mb-5"},e("salla-skeleton",{height:"15px",width:"50%"})),e("div",{slot:"subtitle",class:"s-scopes-header-subtitle"},e("salla-skeleton",{height:"10px"}),e("salla-skeleton",{height:"10px",width:"75%"}))),e("div",{class:"s-scopes-skeleton-search"},e("salla-skeleton",{height:"10px",width:"50%"}),e("salla-skeleton",{height:"30px",width:"100%"})),e("div",{class:"s-scopes-skeleton-scopes"},e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"}),e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"}),e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"}),e("salla-skeleton",{height:"10px",width:"30%"}),e("salla-skeleton",{height:"10px",width:"25%"})),e("div",{class:"s-scopes-skeleton-btn"},e("salla-skeleton",{height:"40px",width:"100%"})))),e("salla-list-tile",{class:this.originalScopesList.length?"s-scopes-header block":"s-hidden"},e("div",{slot:"icon",class:"s-scopes-header-icon",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>store-alt</title>\n<path d="M6.667 24h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333zM31.86 10.071l-4-8c-0.227-0.452-0.688-0.737-1.193-0.737h-21.333c-0.505 0-0.967 0.285-1.193 0.737l-4 8c-0.092 0.184-0.14 0.389-0.14 0.596v18.667c0 0.737 0.597 1.333 1.333 1.333h29.333c0.736 0 1.333-0.596 1.333-1.333v-18.667c0-0.207-0.048-0.412-0.14-0.596zM6.157 4h19.685l3.333 6.667h-26.352zM24 28h-5.333v-9.333h5.333zM29.333 28h-2.667v-10.667c0-0.737-0.597-1.333-1.333-1.333h-8c-0.736 0-1.333 0.596-1.333 1.333v10.667h-13.333v-14.667h26.667zM6.667 18.667h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333z"></path>\n</svg>\n'}),e("div",{slot:"title",class:"s-scopes-header-title"},salla.lang.get("blocks.scope.you_are_browse_store_from")),e("div",{slot:"subtitle",class:"s-scopes-header-subtitle"},this.selected_scope?this.selected_scope.name:"")),e("div",{class:"s-scopes-wrap"},!!this.originalScopesList.length&&e("h4",{class:"s-scopes-title"},this.getFormTitle()),this.originalScopesList.length>this.searchDisplayLimit?e("div",{class:"s-scopes-search-wrapper"},e("div",{class:"s-scopes-search-icon",innerHTML:l}),e("input",{type:"text",class:"s-scopes-search-input",onInput:s=>this.handleSearchFieldTyping(s),enterkeyhint:"search",placeholder:salla.lang.get("blocks.scope.searching_for_a_branch")})):"",this.hasError||this.scopes.length<2?this.placeholderContent():this.mode===i.DEFAULT?this.defaultContent():this.availabilityContent())))}componentDidLoad(){this.isOpenedBefore||"mandatory"!=this.selection||this.open()}};a.style=".s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}";export{a as salla_scopes}