@salla.sa/twilight-components 2.14.458 → 2.14.460

package/dist/components/salla-add-product-button2.js

@@ -145,6 +145,10 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         }
         return this.hostAttributes;
     }
+    // optional: fall back to store-configured channels, reading config directly when the SDK helper is missing
+    get notifyChannels() {
+        return this.channels || salla.api.product.getAvailabilityChannels?.() || Helper.availabilityChannels();
+    }
     getQuickBuyBtnAttributes() {
         return {
             ...this.getBtnAttributes(),
@@ -188,7 +192,7 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         if (this.hasSubscribedOptions) {
             return h(Host, null, h("salla-product-availability", { ...this.getBtnAttributes(), "is-subscribed": true }, h("span", { class: "s-hidden" }, h("slot", null))));
         }
-        if ((this.productStatus === 'out-and-notify' && this.channels) || this.hasOutOfStockOption) {
+        if ((this.productStatus === 'out-and-notify' && this.notifyChannels) || this.hasOutOfStockOption) {
             return h(Host, null, h("salla-product-availability", { ...this.getBtnAttributes() }, h("span", { class: "s-hidden" }, h("slot", null))));
         }
         return h(Host, { class: {

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

@@ -67,11 +67,17 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         this.channelsWatcher(this.channels);
         this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');
         this.host.removeAttribute('title');
-        //todo:: fix this to cover options too
-        this.isVisitorSubscribed = !this.notifyOptionsAvailability ? salla.storage.get(`product-${this.productId}-subscribed`) : '';
     }
     channelsWatcher(newValue) {
-        this.channels_ = !!newValue ? newValue.split(',') : [];
+        // fall back to store-configured channels, reading config directly when the SDK helper is missing
+        let channels = newValue || salla.api.product.getAvailabilityChannels?.() || Helper.availabilityChannels();
+        this.channels_ = channels ? channels.split(',') : [];
+    }
+    // Subscribed via the backend prop, the SDK storage, or the legacy key (older SDK fallback).
+    get isSubscribedToProduct() {
+        return this.isSubscribed
+            || (!this.notifyOptionsAvailability && (!!salla.api.product.isSubscribedToAvailability?.(this.productId)
+                || !!salla.storage.get(`product-${this.productId}-subscribed`)));
     }
     openModel() {
         this.handleSubmitOptions().then(isSuccess => isSuccess ? this.modal.open() : null);
@@ -96,7 +102,7 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
             .then(() => salla.api.product.availabilitySubscribe(payload))
             .then(() => {
             if (!this.notifyOptionsAvailability) {
-                salla.storage.set(`product-${this.productId}-subscribed`, true);
+                // persisted by salla.api.product.availabilitySubscribe
                 this.isSubscribed = true;
                 return;
             }
@@ -140,10 +146,10 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'aa627ba618b159913ad91efba99e57c14dd27832', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: '2da2f2466b07a0d0c1613bf331697cf4acc95004', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
-                h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
+                h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));
     }
     renderModal() {
         return (h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: salla.lang.get('pages.products.notify_availability_subtitle'), width: "sm" }, h("span", { slot: 'icon', class: "s-product-availability-header-icon", innerHTML: BellRing }), h("div", { class: "s-product-availability-body" }, this.channels_.includes('email') ? [
@@ -166,8 +172,7 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         "productId": [2, "product-id"],
         "isSubscribed": [1028, "is-subscribed"],
         "translationLoaded": [32],
-        "title_": [32],
-        "isVisitorSubscribed": [32]
+        "title_": [32]
     }, undefined, {
         "channels": ["channelsWatcher"]
     }]);

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/{Helper-DFMXF2_h.js → Helper-BXj4f_Qj.js}

@@ -429,6 +429,18 @@ class Helper {
         script.textContent = JSON.stringify(schema);
         document.head.appendChild(script);
     }
+    // Store-configured availability notification channels as a comma string ("email,sms").
+    availabilityChannels() {
+        let config = salla.config.get('store.settings.product.availability_notify');
+        if (!config) {
+            return '';
+        }
+        let channels = [];
+        config.email && channels.push('email');
+        // sms, mobile and whatsapp all collect a phone number via the same input
+        (config.sms || config.mobile || config.whatsapp) && channels.push('sms');
+        return channels.join(',');
+    }
 }
 var Helper$1 = new Helper;
 

package/dist/esm/{filepond-CffxACiY.js → filepond-C4Vtw3hu.js}

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

package/dist/esm/{filepond-plugin-file-poster-LzXPemRj.js → filepond-plugin-file-poster-DHC1vUJ9.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BBeG1YQF.js → filepond-plugin-file-validate-size-CBM0hQ0G.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-DWCw6g0N.js → filepond-plugin-file-validate-type-BEekNkNc.js}

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

package/dist/esm/{filepond-plugin-image-edit-0ClTm033.js → filepond-plugin-image-edit-C9OQtxCr.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CR7WTm7O.js → filepond-plugin-image-exif-orientation-CmDE8Rj3.js}

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

package/dist/esm/{filepond-plugin-image-preview-CHGE8apT.js → filepond-plugin-image-preview-BZJQYto9.js}

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

package/dist/esm/{functions-Dd4f5cCM.js → functions-DXqv01Ta.js}

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

package/dist/esm/{index-DohtU8-7.js → index-COrBCyov.js}

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