@salla.sa/twilight-components 2.14.459 → 2.14.461

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

@@ -84,7 +84,8 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
             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"];
@@ -117,6 +118,8 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
         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
@@ -144,7 +147,17 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
         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 || '';
@@ -162,6 +175,9 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
     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);
     }
@@ -213,7 +229,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
             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 ?

package/dist/components/salla-trust-badges.js

@@ -50,10 +50,11 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
     componentWillLoad() {
         this.initializeTranslations();
     }
-    connectedCallback() {
+    async componentDidLoad() {
+        await salla.onReady();
+        if (!this.isVisibilityEnforced())
+            return;
         this.setupVisibilityGuard();
-    }
-    componentDidLoad() {
         this.scheduleEnforce();
     }
     componentDidRender() {
@@ -67,6 +68,10 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         this.cachedChain = [];
         this.clearEnforceTimers();
     }
+    // Visibility enforcement is a KSA-only legal requirement.
+    isVisibilityEnforced() {
+        return salla.config.get('store.store_country') === 'SA';
+    }
     getAncestorChain(host) {
         const chain = [];
         let el = host;
@@ -136,6 +141,8 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         }
     }
     scheduleEnforce() {
+        if (!this.isVisibilityEnforced())
+            return;
         // Debounce waits for an entrance animation to settle; maxWait bounds it so endless chain mutations can't starve the repair.
         if (this.enforceTimer !== undefined)
             clearTimeout(this.enforceTimer);

package/dist/esm/{filepond-DcMHeT3j.js → filepond-n7Tk1X1s.js}

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

package/dist/esm/{filepond-plugin-file-poster-KBxuLEbb.js → filepond-plugin-file-poster-BSnp0vvZ.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BK-MtfMA.js → filepond-plugin-file-validate-size-CoYRMYw6.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-crBUzoNT.js → filepond-plugin-file-validate-type-qCOXsTrd.js}

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

package/dist/esm/{filepond-plugin-image-edit-BTOgfYiD.js → filepond-plugin-image-edit-DXpVwYXm.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-Dooy1jA0.js → filepond-plugin-image-exif-orientation-BWH5RIuD.js}

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

package/dist/esm/{filepond-plugin-image-preview-ln9g6gwR.js → filepond-plugin-image-preview-D2-j0VSU.js}

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

package/dist/esm/{functions-BuD3yG-5.js → functions-C0YAccvF.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-LFMpXt4w.js';
+import { h } from './index-DZJfoSMn.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

package/dist/esm/{index-D47JMPpe.js → index-CWoBHtob.js}

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