@salla.sa/twilight-components 2.14.501 → 2.14.502

package/dist/cjs/{vanilla-picker-DcFuBceg.js → vanilla-picker-DlMSPnXD.js}

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

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -125,8 +125,15 @@ export class SallaQuickBuy {
             currency: this.currency || 'SAR', // SAR
             requiredShippingContactFields: this.getRequiredShippingContactFields(),
             shippingMethods: this.isRequireShipping ? [] : undefined,
-            supportedNetworks: salla.config.get('store.settings.buy_now.networks'),
-            supportedCountries: salla.config.get('store.settings.buy_now.countries'),
+            // Legacy BE 
+            supportedNetworks: this.isLegacyBuyNowBE()
+                ? salla.config.get('store.settings.buy_now.networks')
+                : ((Array.isArray(this.supportedNetworks) && this.supportedNetworks.length)
+                    ? this.supportedNetworks : salla.config.get('store.settings.buy_now.supportedNetworks')),
+            supportedCountries: this.isLegacyBuyNowBE()
+                ? salla.config.get('store.settings.buy_now.countries')
+                : ((Array.isArray(this.supportedCountries) && this.supportedCountries.length)
+                    ? this.supportedCountries : salla.config.get('store.settings.buy_now.supportedCountries')),
             countryCode: salla.config.get('store.store_country') || 'SA',
             onStartedSession: this.handleApplePaySessionStarted,
             validateMerchant: {
@@ -203,6 +210,35 @@ export class SallaQuickBuy {
         }
         return fields;
     }
+    /**
+     * TEMPORARY for BE Vip sync
+     */
+    isLegacyBuyNowBE() {
+        return salla?.config?.get?.('store.settings.buy_now.networks') != null;
+    }
+    /** Set Apple Pay amount + currency from a price payload, always keeping the pair in one currency. */
+    applyBaseCurrencyPrice(data) {
+        // Legacy BE: amount only; currency is set once in runInit.
+        if (this.isLegacyBuyNowBE()) {
+            if (data?.price != null) {
+                this.amount = data.price;
+            }
+            return;
+        }
+        const base = data?.base_currency_price;
+        // Unified BE base pair (regular products): charge in base currency.
+        if (base?.amount != null) {
+            this.amount = base.amount;
+            if (base?.currency) {
+                this.currency = base.currency;
+            }
+            // Display-only payload (e.g. donation { id, price }): pair amount with its display currency.
+        }
+        else if (data?.price != null) {
+            this.amount = data.price;
+            this.currency = salla.config.get('user.currency_code') || this.currency || 'SAR';
+        }
+    }
     componentWillLoad() {
         console.log('🍏 Pay: Quick Buy Component Loaded');
         const canMakePayments = typeof window !== 'undefined' && !!window.ApplePaySession?.canMakePayments?.();
@@ -210,7 +246,9 @@ export class SallaQuickBuy {
         const isSallaGateway = salla?.config?.get?.('store.settings.is_salla_gateway', false) ?? true;
         this.isApplePayActive = canMakePayments && storeHasApplePay && isSallaGateway;
         const runInit = async () => {
-            if (!this.currency && salla?.config?.get) {
+            if (this.isLegacyBuyNowBE() && !this.currency && salla?.config?.get) {
+                // Legacy BE (pre-PR): currency from the multi_currency flag. The unified BE instead
+                // sources amount + currency from `base_currency_price` (see applyBaseCurrencyPrice).
                 this.currency = salla.config.get('store.settings.buy_now.multi_currency') ? salla.config.get('user.currency_code') : 'SAR';
             }
             if (!this.productId && salla?.config?.get && salla.url?.is_page) {
@@ -222,7 +260,7 @@ export class SallaQuickBuy {
             }
             if ((!this.amount || !this.isRequireShipping) && this.productId && salla?.product?.getDetails) {
                 await salla.product.getDetails(this.productId, []).then((response) => {
-                    this.amount = response.data.price;
+                    this.applyBaseCurrencyPrice(response?.data);
                     this.isRequireShipping = response?.data?.is_require_shipping || false;
                 }).catch((error) => {
                     salla?.logger?.warn?.('🍏 Pay: Failed load the quick buy, get the product details failed: ', error);
@@ -232,11 +270,11 @@ export class SallaQuickBuy {
                 salla.event.on('product-options::donation-changed', (data) => {
                     if (String(data.id) !== String(this.productId))
                         return;
-                    this.amount = data.price;
+                    this.applyBaseCurrencyPrice(data);
                 });
             }
             else if (salla?.url?.is_page?.('product.single') && salla?.product?.event?.onPriceUpdated) {
-                salla.product.event.onPriceUpdated(response => { this.amount = response.data.price; });
+                salla.product.event.onPriceUpdated(response => { this.applyBaseCurrencyPrice(response?.data); });
             }
             this.isApplePayActive = (salla?.helpers?.hasApplePay?.() ?? canMakePayments)
                 && (salla?.config?.get?.('store.settings.payments')?.includes?.('apple_pay') ?? storeHasApplePay)
@@ -259,7 +297,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: '1895bf6077b3c9d2068830ac621e8f5b8afd1193' }, this.quickBuyButton());
+        return h(Host, { key: '8df291680d9b59f1627c8e1185a01cb30b92c2e4' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });
@@ -514,6 +552,48 @@ export class SallaQuickBuy {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "supportedNetworks": {
+                "type": "unknown",
+                "attribute": "supported-networks",
+                "mutable": true,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string[]}"
+                        }],
+                    "text": "Apple Pay supported card networks. Optional array override for surfaces that already hold the\nunified backend value (e.g. mini-checkout property-binds `payments.gateways.applePay.supportedNetworks`).\nWhen unset/empty, falls back to the PDP `store.settings.buy_now.supportedNetworks` config."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "supportedCountries": {
+                "type": "unknown",
+                "attribute": "supported-countries",
+                "mutable": true,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string[]}"
+                        }],
+                    "text": "Apple Pay supported countries. Same array override/fallback semantics as `supportedNetworks`."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }