@salla.sa/twilight-components 2.14.529 → 2.14.531

package/dist/components/salla-cashback-banner.js

@@ -21,26 +21,46 @@ const SallaCashbackBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaCashba
     constructor() {
         super();
         this.__registerHost();
-        this.cashbackData = null;
+        this.cashbackData = undefined;
         this.productId = null;
+        this.handlePriceUpdated = (response, productId) => {
+            if (String(productId) !== String(this.productId))
+                return;
+            const cashback = response?.data?.cashback;
+            if (cashback !== undefined) {
+                this.cashbackData = cashback;
+            }
+        };
     }
     async componentWillLoad() {
         try {
+            // page.id is server-injected, resolve it before awaits so the listener is registered
+            // before salla-product-options fires its initial price event.
+            this.productId = this.host.dataset.productId || salla.config.get('page.id');
+            if (this.productId) {
+                salla.event.on('product::price.updated', this.handlePriceUpdated);
+            }
             await salla.onReady();
             await salla.lang.onLoaded();
-            this.productId = this.host.dataset.productId || salla.config.get('page.id');
             if (!this.productId) {
                 return;
             }
+            // Baseline cashback from the product-level endpoint.
+            // For products with options the price event (above) will override this with the variant-specific amount.
             const response = await salla.api
                 .request(`/products/${this.productId}/cashback-offer`)
                 .catch(() => null);
-            this.cashbackData = response?.data || null;
+            if (this.cashbackData === undefined) {
+                this.cashbackData = response?.data ?? null;
+            }
         }
         catch (e) {
             salla?.logger?.warn?.('salla-cashback-banner: init failed', e);
         }
     }
+    disconnectedCallback() {
+        salla.event.off('product::price.updated', this.handlePriceUpdated);
+    }
     getPaymentMethodsText(methods = []) {
         return methods
             .map(method => String(method || '').trim())
@@ -58,13 +78,14 @@ const SallaCashbackBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaCashba
         return salla.lang.get('pages.loyalty_program.cashback_when_buying_product');
     }
     render() {
-        if (!this.productId || !Number(this.cashbackData?.amount)) {
+        const cashbackData = this.cashbackData;
+        if (!this.productId || !cashbackData || !Number(cashbackData.amount)) {
             return null;
         }
-        const cashbackValue = this.cashbackData.amount;
-        const currency = this.cashbackData.currency;
+        const cashbackValue = cashbackData.amount;
+        const currency = cashbackData.currency;
         const cashbackMessage = this.getCashbackMessage();
-        const cashbackType = this.cashbackData.offer_type;
+        const cashbackType = cashbackData.offer_type;
         return (h(Host, null, h("div", { class: "s-cashback-banner-container" }, h("div", { class: "s-cashback-banner-icon" }, h("span", { class: "s-cashback-banner-inner-icon", innerHTML: StarFilledIcon })), h("p", null, h("span", { class: "s-cashback-banner-label" }, salla.lang.get('pages.loyalty_program.earn'), ' '), h("span", { class: "s-cashback-banner-value" }, cashbackType === "percentage" ? "+" : "", cashbackValue, " ", ['SAR', 'ر.س'].includes(currency) ? h("i", { class: "sicon-sar" }) : currency, ' '), h("span", { class: "s-cashback-banner-label" }, cashbackMessage)))));
     }
     get host() { return this; }

package/dist/components/salla-login-modal2.js

@@ -39,16 +39,7 @@ const SallaLoginModal = /*@__PURE__*/ proxyCustomElement(class SallaLoginModal e
         this.scrolling = 'no';
         this.direction = document.dir;
         this.canRenderIframe = false;
-        salla.event.on('login::open', (data) => {
-            if (!this.isEmailAllowed && !this.isMobileAllowed) {
-                salla.logger.warn('Please enable atleast one login type to use this component.');
-                return;
-            }
-            this.source = data?.source ?? false;
-            this.withoutReload = data?.withoutReload ?? this.withoutReload;
-            this.open(data);
-            this.openModal();
-        });
+        salla.event.on('login::open', (data) => this.onLoginOpen(data));
         salla.event.on('modal::close', (data) => {
             if (this.iframe)
                 this.sendMessageToIframe({
@@ -62,6 +53,24 @@ const SallaLoginModal = /*@__PURE__*/ proxyCustomElement(class SallaLoginModal e
             this.storeId = salla.config.get('store.id');
         });
     }
+    /**
+     * `login::open` handler. Newer non-SPA native apps (>= 5.0.38) open their OWN native login
+     * screen — the mobile bridge emits `mobile::login.open` — so keep the web modal closed to avoid
+     * stacking two logins. Extracted from the constructor so it is unit-testable via the prototype
+     * (the constructor-based spec suite is quarantined; see salla-login-modal.spec.ts).
+     */
+    onLoginOpen(data) {
+        if (salla.mobile?.isNativeLoginEnabled?.())
+            return;
+        if (!this.isEmailAllowed && !this.isMobileAllowed) {
+            salla.logger.warn('Please enable atleast one login type to use this component.');
+            return;
+        }
+        this.source = data?.source ?? false;
+        this.withoutReload = data?.withoutReload ?? this.withoutReload;
+        this.open(data);
+        this.openModal();
+    }
     componentDidLoad() {
         window.addEventListener('message', (event) => {
             // Trust only our login iframe/passkey popup at the accounts origin.

package/dist/esm/{filepond-BG9J9fCn.js → filepond-C2XEDYJM.js}

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

package/dist/esm/{filepond-plugin-file-poster-BOpdUQw6.js → filepond-plugin-file-poster-wWLufVLJ.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-Clsy6NUR.js → filepond-plugin-file-validate-size-D1hdy5b2.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-BEcbBqqu.js → filepond-plugin-file-validate-type-DsnFknl2.js}

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

package/dist/esm/{filepond-plugin-image-edit-CTfhZciS.js → filepond-plugin-image-edit-CoSswy5Y.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CXKcwp8C.js → filepond-plugin-image-exif-orientation-Zy0UYkPM.js}

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

package/dist/esm/{filepond-plugin-image-preview-C2dkBPlL.js → filepond-plugin-image-preview-CHaOqZGW.js}

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

package/dist/esm/{functions-D665V8_v.js → functions-G_niF21H.js}

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