@salla.sa/twilight-components 2.14.460 → 2.14.462

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var Helper = require('./Helper-CgGR9Qf8.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-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.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-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 var PageType;
 (function (PageType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 function parseMaybeJson(value, fallback) {
     if (typeof value !== 'string') {

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 const sallaProductCardEmbedCss = "@charset \"UTF-8\";:host{display:inline-block;vertical-align:top;max-width:12rem}:host([align=left]){float:inline-start;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host([align=right]){float:inline-end;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host([align=center]){display:block;clear:both;margin-block:1em;margin-inline:auto}.s-product-card-embed-card{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CgGR9Qf8.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-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.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-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
@@ -85,7 +85,6 @@ const SallaProductsList = class {
         window.scrollTo({ top: 0, behavior: 'smooth' });
         // Create a deep copy of the filters object to avoid mutating the original object
         this.parsedFilters = JSON.parse(JSON.stringify(filters));
-        this.filtersSnapshot = this.parsedFilters;
         if (this.currentPage?.slug == "product.index" && this.parsedFilters && this.parsedFilters.category_id) {
             this.currentCategoryIdFilter = [this.parsedFilters.category_id];
         }
@@ -119,6 +118,31 @@ const SallaProductsList = class {
     isFilterable() {
         return salla.config.get('store.settings.product.filters') && this.filtersResults;
     }
+    getCachedFilters() {
+        if (!Array.isArray(this.filtersSnapshot) || !this.filtersSnapshot.length) {
+            return null;
+        }
+        return JSON.parse(JSON.stringify(this.filtersSnapshot));
+    }
+    emitFilters(response) {
+        if (!this.isFilterable()) {
+            return;
+        }
+        if (response.filters) {
+            this.filtersResults = true;
+            this.filtersSnapshot = JSON.parse(JSON.stringify(response.filters));
+            salla.event.emit('filters::fetched', { filters: response.filters });
+            return;
+        }
+        const cachedFilters = response.cursor?.current > 1 ? this.getCachedFilters() : null;
+        if (cachedFilters) {
+            this.filtersResults = true;
+            salla.event.emit('filters::fetched', { filters: cachedFilters });
+            return;
+        }
+        this.filtersSnapshot = [];
+        salla.event.emit('filters::hidden');
+    }
     isSourceWithoutValue() {
         return ['offers', 'latest', 'sales', 'wishlist', 'top-rated', 'reorder'].includes(this.getSource());
     }
@@ -407,8 +431,9 @@ const SallaProductsList = class {
         if (storedState) {
             try {
                 const { pageIndex, nextPage, currentPageData } = JSON.parse(storedState);
-                if (filetrsState !== 'undefined') {
+                if (filetrsState && filetrsState !== 'undefined') {
                     const filters = JSON.parse(filetrsState);
+                    this.filtersSnapshot = JSON.parse(JSON.stringify(filters));
                     salla.event.emit('filters::fetched', { filters });
                 }
                 this.page = pageIndex;
@@ -780,7 +805,6 @@ const SallaProductsList = class {
                         let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
                         // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
                         title = response.filters?.find(filter => filter.key === 'category_id')?.values?.find(cat => cat.key === catId)?.value ?? '';
-                        this.filtersSnapshot = response.filters;
                     }
                     title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);
                     if (response.data.length === 15) {
@@ -803,14 +827,7 @@ const SallaProductsList = class {
         salla.event.emit('salla-products-list::products.fetched', response);
         this.productsFetched.emit(response);
         //💡 when source is related, cursor will not be existed
-        if (response.filters && this.isFilterable()) {
-            this.filtersResults = true;
-            this.filtersSnapshot = JSON.parse(JSON.stringify(response.filters));
-            salla.event.emit('filters::fetched', { filters: response.filters });
-        }
-        else if (this.isFilterable()) {
-            salla.event.emit('filters::hidden');
-        }
+        this.emitFilters(response);
         //because: this.nextPage is state we don't need to touch it after the build, to avoid the re-rendering
         if (shouldBuildNextPage) {
             this.nextPage = await this.resolveNextPageFromCursor(response);

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 const sallaProgressBarCss = "";
 

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

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

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

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
-var functions = require('./functions-8bJoQsbY.js');
+var index = require('./index-wTIlAVr3.js');
+var functions = require('./functions-Dnwp9wka.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-YbXLxnty.js');
+var trackedPromise = require('./tracked-promise-DqErlr1h.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
 require('./anime.es-BqW8JHZi.js');

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-Bgvt2hc9.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 const sallaTabContentCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-primary) transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 const sallaTrustBadgesCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 var mail = require('./mail-Bgvt2hc9.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/{tracked-promise-YbXLxnty.js → tracked-promise-DqErlr1h.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-CQ98NxBN.js → vanilla-picker-F5duMbuq.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ClIoplYB.js');
+var index = require('./index-wTIlAVr3.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

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

@@ -82,7 +82,8 @@ export class SallaLocalizationModal {
             DZD: { en: "Algerian Dinar", ar: "دينار جزائري", symbol: "دج" },
             MAD: { en: "Moroccan Dirham", ar: "درهم مغربي", symbol: "د.م." },
             LYD: { en: "Libyan Dinar", ar: "دينار ليبي", symbol: "LD" },
-            YER: { en: "Yemeni Riyal", ar: "ريال يمني", symbol: "ر.ي" }
+            YER: { en: "Yemeni Riyal", ar: "ريال يمني", symbol: "ر.ي" },
+            ILS: { en: "New Shekel", ar: "شيكل جديد", symbol: "₪" }
         };
         //here we will used the currency code instead of the symbol when current language is not arabic
         this.arabicCurrencies = ["SAR", "AED", "KWD", "BHD", "QAR", "OMR", "EGP", "IQD", "LBP", "SYP", "TND", "DZD", "MAD", "YER"];
@@ -115,6 +116,8 @@ export class SallaLocalizationModal {
         if (!this.currency) {
             this.currency = Salla.config.get('user.currency_code');
         }
+        // Pre-load currencies so the trigger can resolve unknown codes via API fallback before the modal opens
+        Salla.api.withoutNotifier(() => this.getCurrencies()).catch(() => null);
     }
     /**
      * open the component
@@ -142,7 +145,17 @@ export class SallaLocalizationModal {
         return this.modal.close();
     }
     getCurrency(currencyCode) {
-        return this.currenciesList[currencyCode || this.currency] || { en: "Saudi Riyal", ar: "ريال سعودي", symbol: "ر.س" };
+        const code = currencyCode || this.currency;
+        if (this.currenciesList[code]) {
+            return this.currenciesList[code];
+        }
+        const fromApi = this.currencies.find((c) => c.code === code);
+        if (fromApi) {
+            const name = this.escapeHtml(String(fromApi.name || code));
+            const symbol = this.escapeHtml(String((fromApi.symbol || '').trim() || code));
+            return { en: name, ar: name, symbol };
+        }
+        return { en: "Saudi Riyal", ar: "ريال سعودي", symbol: "ر.س" };
     }
     getLanguageName() {
         return this.languageNames[this.language] || this.language || '';
@@ -160,6 +173,9 @@ export class SallaLocalizationModal {
     getCurrencyName(currencyCode) {
         return this.language === 'ar' ? this.getCurrency(currencyCode).ar : this.getCurrency(currencyCode).en;
     }
+    escapeHtml(str) {
+        return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+    }
     async getLanguages() {
         return this.languages.length > 1 ? null : await Salla.config.languages().then(data => this.languages = data);
     }
@@ -211,7 +227,7 @@ export class SallaLocalizationModal {
             this.showTrigger
                 ? h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, h("span", null, this.getLanguageName()), h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            h("salla-modal", { key: '862b768f3a0f9abe079703030bb686178d418ca7', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '96ce8b449b2c96718de083df1b39bf19d18e4543', slot: 'loading' }, h("div", { key: '44ba3efdf44d8758b9824dfbee98081549aad41f', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '66c85016f14871d05eb296691962ddf0e5b8a512', width: '25%', height: '15px' }), h("div", { key: 'e3e0a9cf51572f13456f82d9b08a14a132a01657', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '4c60b249bd54e0850471967d176a789f38f95841', width: '25%', height: '15px' }), h("div", { key: '7da8613b052a1dab1b34cf54fad755f703b68e5a', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'b465504898a6861d5cce2456444cc81e7bc61376', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: '6a3f736912181c5305a6c3007a5c3a739dc29b17', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '1fa6da25fef6d53258fdf14be51f23681321f5f2', slot: 'loading' }, h("div", { key: '64aa0b53fe359df364c915b80b5bc26de5e57300', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '41ba7271f064fa3880a75467868da9742b236c5c', width: '25%', height: '15px' }), h("div", { key: 'fa336b997a868f2f08ae3b89933d2dc99a33ce74', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'f2a3c995ee6aa642435b9aa054bb0dd857674b61', width: '25%', height: '15px' }), h("div", { key: '4cdc8d8f3f639a161e4c8663e7bcd3425aeb3e00', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '717051872db0bafe45c8fecb5559dca19954e1f2', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?