@salla.sa/twilight-components 2.14.491 → 2.14.493

package/dist/components/salla-payments.js

@@ -32,15 +32,22 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
             this.payments = salla.config.get('store.settings.payments');
         });
     }
+    /** Mini-logo URL: migrated slugs use the new assets CDN, the rest stay on the legacy host. */
+    paymentLogo(slug) {
+        const path = `images/payment/${slug}_mini.png`;
+        return SallaPayments.NEW_CDN_LOGOS.includes(slug)
+            ? salla.url.assetsCdn(path, 58, 58)
+            : salla.url.cdn(path, 58, 58);
+    }
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: 'dcf34aa7bf20914e9413c39c5429b66067a29ec5', class: "s-payments-list-wrap" }, h("ul", { key: '523fef26ce20eedcdbf2701f64f0be3ee04dc62a', class: "s-payments-list" }, madeInKSA && h("li", { key: 'feb443128cf1820f22b076acd10681e5a3b401c8', class: "s-payments-list-item" }, h("img", { key: 'c82b844706cd47ee4633ea896352611defe21685', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: '30665e5ed040549b19fc57e40f6d775002f946ee', class: "s-payments-list-wrap" }, h("ul", { key: '2663cf3ea7f5e0ff43cff06cf394ec9ac27a7744', class: "s-payments-list" }, madeInKSA && h("li", { key: '000a08d758762a0f8200d8a11a06798c1a5ab09b', class: "s-payments-list-item" }, h("img", { key: '86f94d04fc0cae22da67fed5fbdcf56062021dce', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
-                    .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
+                    .replace(/\{image\}/g, this.paymentLogo(`cod`)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
-                    .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'c439bed0cf4cf57c206a44008b4daaaa28559e2f', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{image\}/g, this.paymentLogo(payment))
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '1fb6e34239ef2fb7f5d056f24448bb86ee4118ec', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }
@@ -58,6 +65,8 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
 }, [0, "salla-payments", {
         "exclude": [1040]
     }]);
+/** Slugs whose mini logo lives on the new assets CDN; add one when its logo is re-uploaded there. */
+SallaPayments$1.NEW_CDN_LOGOS = ['tabby_installment'];
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/salla-product-options2.js

@@ -928,7 +928,7 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
     /**
      * ============= Advanced options =============
      */
-    getOptionDetailName(detail, outOfStock = true, optionType) {
+    getOptionDetailName(detail, outOfStock = true, optionType, format) {
         let detailName;
         if (optionType && optionType === DisplayType.COLOR) {
             detailName = detail.name
@@ -936,12 +936,20 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
                 + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price, false)}) </p>` : '');
         }
         if (!detailName) {
-            detailName = detail.name
-                + ((outOfStock && this.isOptionDetailOut(detail) && !salla.url.is_page("cart")) && !this.hideOutLabel ? ` - ${this.outOfStockText}` : '')
+            const detailSuffix = ((outOfStock && this.isOptionDetailOut(detail) && !salla.url.is_page("cart")) && !this.hideOutLabel ? ` - ${this.outOfStockText}` : '')
                 + (detail.additional_price ? ` (${salla.money(detail.additional_price, false)})` : '');
+            // Keep the Riyal icon markup for price-format radio options rendered via innerHTML.
+            if (format === "price") {
+                const normalizedPrice = salla.helpers.digitsOnly(detail.name);
+                const price = Number(normalizedPrice);
+                if (!normalizedPrice || !Number.isFinite(price)) {
+                    return detailSuffix;
+                }
+                return salla.money(price, true) + detailSuffix;
+            }
+            detailName = detail.name + detailSuffix;
         }
-        //Some merchants adding price to the names of the options,
-        //and because we are using this inside select option, we need to replace the html currency symbol with the store currency symbol
+        // Text-rendered callers cannot display the icon, so use the store currency symbol.
         return detailName.replace('<i class=sicon-sar></i>', salla.config.currency()?.symbol || 'ر.س');
     }
     computeAvailability() {
@@ -965,13 +973,17 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
     renderInput(type, detail, option, isRequired, name, buttonStyle) {
         const id = this.generateUniqueKey(`${type}-${option.id}-${detail.id}`);
         const isOutOfStock = this.isOptionDetailOut(detail);
+        const detailName = this.getOptionDetailName(detail, true, option.type, option.format);
+        const detailClass = {
+            "s-product-options-grid-mode-span": buttonStyle,
+            "s-product-options-disabled": this.canDisabled && isOutOfStock,
+        };
         return (h("label", { class: {
                 "s-product-options-disabled": this.canDisabled && isOutOfStock,
                 "s-product-options-option-stock-out": isOutOfStock,
-            } }, h("input", { id: id, type: type, name: name, value: detail.id, disabled: this.canDisabled && isOutOfStock, required: isRequired, checked: detail.is_selected, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }), h("div", { class: {
-                "s-product-options-grid-mode-span": buttonStyle,
-                "s-product-options-disabled": this.canDisabled && isOutOfStock,
-            } }, this.getOptionDetailName(detail))));
+            } }, h("input", { id: id, type: type, name: name, value: detail.id, disabled: this.canDisabled && isOutOfStock, required: isRequired, checked: detail.is_selected, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }), option.format === "price"
+            ? h("div", { class: detailClass, innerHTML: detailName })
+            : h("div", { class: detailClass }, detailName)));
     }
     /**
      * Renders a collection of input elements for all details of an option.
@@ -1009,7 +1021,7 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
      * @returns HTMLElement - The rendered single-option element.
      */
     singleOption(option) {
-        const buttonStyle = this.optionConfig?.['single-option']?.type === 'button';
+        const buttonStyle = this.optionConfig?.['single-option']?.type === 'button' || (option.type === DisplayType.SINGLE_OPTION && option.format === "price");
         const isRequired = !option.visibility_condition && option.required;
         return buttonStyle
             ? this.renderButtonStyle('radio', option, isRequired)

package/dist/esm/{filepond-DnJWzWeX.js → filepond-Coz90MV8.js}

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

package/dist/esm/{filepond-plugin-file-poster-CQjIyjj0.js → filepond-plugin-file-poster-CiMXS6O6.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BHmdR08m.js → filepond-plugin-file-validate-size-DycwNhLB.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-DKZI4Udo.js → filepond-plugin-file-validate-type-BTWmt4Mh.js}

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

package/dist/esm/{filepond-plugin-image-edit-BEu3qWM8.js → filepond-plugin-image-edit-DY5Ti-2K.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-BnEErRDJ.js → filepond-plugin-image-exif-orientation-BxxwFT1Z.js}

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

package/dist/esm/{filepond-plugin-image-preview-C5uMnAXy.js → filepond-plugin-image-preview-CjBmoCCR.js}

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

package/dist/esm/{functions-BHv4YCak.js → functions-DhhgGPcx.js}

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

package/dist/esm/{index-DNoSNI6q.js → index-9AaLpeq_.js}

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