@salla.sa/twilight-components 2.14.551 → 2.14.553

package/dist/cjs/apple-pay-order-options-DVyeUqBh.js

@@ -0,0 +1,90 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+/**
+ * Order-options helpers for the Apple Pay quick-buy flow — keeps <salla-quick-buy> to thin AP wiring.
+ * Apple Pay resolves options inside the session-started hook (single gesture), so the caller owns
+ * the ApplePaySession and drives it via callbacks.
+ */
+/** Get-or-create the singleton order-options modal on <body>. */
+function ensureOrderOptionsModal() {
+    let modal = document.querySelector('salla-order-options-modal');
+    if (!modal) {
+        modal = document.createElement('salla-order-options-modal');
+        document.body.appendChild(modal);
+    }
+    return modal;
+}
+/** Sync PDP-option validity (an `await` would consume the Apple Pay gesture). Skips hidden/disabled inputs. */
+function reportProductOptionsValiditySync(productId) {
+    const optionsElement = document.querySelector(`salla-product-options[product-id="${productId}"]`);
+    if (!optionsElement)
+        return true;
+    const requiredInputs = optionsElement.querySelectorAll('[required]');
+    let pass = true;
+    requiredInputs.forEach((input) => {
+        if (input.disabled || input.closest('.hidden'))
+            return;
+        if ('reportValidity' in input && !input.reportValidity())
+            pass = false;
+    });
+    return pass;
+}
+/** Merge collected order-options into the quick-purchase payload (FormData or plain object). */
+function appendOrderOptionsToPayload(data, orderOptions) {
+    if (!orderOptions.length)
+        return;
+    if (data && typeof data.append === 'function') {
+        orderOptions.forEach((entry, i) => {
+            data.append(`order_options[${i}][id]`, String(entry.id));
+            data.append(`order_options[${i}][value]`, String(entry.value));
+        });
+        return;
+    }
+    if (data && typeof data === 'object') {
+        data.order_options = orderOptions;
+    }
+}
+/**
+ * Fetch order options and, if any, collect them via the modal (apple-pay mode). Callbacks drive the
+ * caller's pre-created session: `beginPendingSession` (no options), `discardPendingSession` (options
+ * found — the modal's AP button starts a fresh one), `onSubmit` (submitted).
+ */
+async function resolveApplePayOrderOptions(opts) {
+    let resp;
+    try {
+        resp = await salla.api.withoutNotifier(() => salla.product.api.getOrderOptions([{ id: opts.productId, quantity: opts.quantity }]));
+    }
+    catch (error) {
+        salla?.logger?.warn?.('order-options: fetch failed', error);
+        opts.beginPendingSession();
+        return;
+    }
+    const items = resp?.data?.order_options || [];
+    if (!items.length) {
+        opts.beginPendingSession(); // begin() doesn't need a fresh gesture
+        return;
+    }
+    opts.discardPendingSession(); // drop the unused session; the modal builds a fresh one
+    const basePrice = Number(opts.amount) > 0
+        ? Number(opts.amount)
+        : Number(resp?.data?.products?.[0]?.price?.amount) || 0;
+    const modal = ensureOrderOptionsModal();
+    try {
+        await modal.open({
+            orderOptions: items,
+            basePrice,
+            paymentMode: 'apple-pay',
+            onSubmit: opts.onSubmit,
+        });
+    }
+    catch {
+        // dismissed — no live session
+    }
+}
+
+exports.appendOrderOptionsToPayload = appendOrderOptionsToPayload;
+exports.reportProductOptionsValiditySync = reportProductOptionsValiditySync;
+exports.resolveApplePayOrderOptions = resolveApplePayOrderOptions;

package/dist/cjs/{filepond-C99K1KEB.js → filepond-i59nX3lz.js}

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

package/dist/cjs/{filepond-plugin-file-poster-CggRjTNg.js → filepond-plugin-file-poster-BYzX1aNf.js}

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

package/dist/cjs/{filepond-plugin-file-validate-size-B009kdAV.js → filepond-plugin-file-validate-size-DycWnZhG.js}

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

package/dist/cjs/{filepond-plugin-file-validate-type-DZs9-bai.js → filepond-plugin-file-validate-type-z0JXBj53.js}

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

package/dist/cjs/{filepond-plugin-image-edit-DNNheErX.js → filepond-plugin-image-edit-CJRUCqBQ.js}

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

package/dist/cjs/{filepond-plugin-image-exif-orientation-ChN0IpOy.js → filepond-plugin-image-exif-orientation-DxMxZUYg.js}

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

package/dist/cjs/{filepond-plugin-image-preview-BZo2ftGo.js → filepond-plugin-image-preview-CjSIPPRf.js}

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

package/dist/cjs/{helpers-DHdDjm5V.js → helpers-Dm4BirHO.js}

@@ -260,11 +260,11 @@ const filterBranches = (branches, searchQuery) => {
 };
 const getIntentSubtitle = (intent, toAddress, fromBranch) => {
     if (intent.type === 'branch') {
-        const loc = intent.branch_details?.city ?? intent.branch_details?.name;
+        const loc = [intent.branch_details?.country, intent.branch_details?.city, intent.branch_details?.district].filter(Boolean).join('، ');
         return loc ? `${fromBranch} ${loc}`.trim() : '';
     }
     if (intent.type === 'address' && intent.address_details) {
-        const addr = [intent.address_details.district?.name, intent.address_details.city?.name, intent.address_details.country?.name].filter(Boolean).join('، ') || intent.address_details.short_address || '';
+        const addr = [intent.address_details.country?.name, intent.address_details.city?.name, intent.address_details.district?.name].filter(Boolean).join('، ') || intent.address_details.short_address || '';
         return addr ? `${toAddress} ${addr}`.trim() : '';
     }
     return '';