@salla.sa/twilight-components 2.14.481 → 2.14.483

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

@@ -58,8 +58,15 @@ var Currency;
  *
  * skus_availability is always the authoritative source when present; is_out is
  * consulted only as a last resort when a detail has no SKU data at all.
+ *
+ * For unlimited products (no SKU data, or all SKUs false), all options default
+ * to available unless explicitly marked as out of stock.
+ *
+ * @param isProductAvailable – whether product is available at the parent level
+ *        (e.g., quantity > 0 or -1 for unlimited). If true and all SKUs are false,
+ *        treat as available (data is incomplete or product is unlimited).
  */
-function computeAvailabilityMap(optionsData, selectedOptions) {
+function computeAvailabilityMap(optionsData, selectedOptions, isProductAvailable = true) {
     const map = {};
     if (!optionsData?.length)
         return map;
@@ -67,6 +74,22 @@ function computeAvailabilityMap(optionsData, selectedOptions) {
     const isSingleGroup = variantGroups.length <= 1;
     // Non-advance options carry no variant SKUs — never let them constrain the intersection.
     const nonAdvanceOptionIds = new Set(optionsData.filter(opt => opt.is_advance === false).map(opt => opt.id));
+    // Unlimited product (no SKU data) — all options default to available unless explicitly marked.
+    if (variantGroups.length === 0) {
+        for (const optionGroup of optionsData) {
+            for (const detail of optionGroup.details) {
+                map[detail.id] = detail.is_out ? 'out_of_stock' : 'available';
+            }
+        }
+        return map;
+    }
+    // The isProductAvailable fallback (promote all-false SKUs to 'available') is only safe
+    // when the product carries NO in-stock SKU anywhere — that signals placeholder/incomplete
+    // SKU data for an unlimited product. If ANY SKU in the product is in stock, the data is
+    // real and all-false details are genuinely out of stock; promoting them would let shoppers
+    // pick an unfulfillable variant of a partially-available limited product.
+    const productHasAnyTrueSku = variantGroups.some(opt => opt.details?.some(d => d.skus_availability && Object.values(d.skus_availability).some(Boolean)));
+    const allowUnlimitedFallback = isProductAvailable && !productHasAnyTrueSku;
     for (const optionGroup of variantGroups) {
         const otherSelected = selectedOptions.filter(s => s.option_id !== optionGroup.id);
         for (const detail of optionGroup.details) {
@@ -77,9 +100,17 @@ function computeAvailabilityMap(optionsData, selectedOptions) {
                 continue;
             }
             const detailSkus = Object.keys(skusAvail).map(Number);
+            const hasAnyTrueSku = detailSkus.some(sku => skusAvail[sku]);
             // No cross-group context yet — evaluate this detail's own SKUs directly.
             if (isSingleGroup || otherSelected.length === 0) {
-                map[detail.id] = detailSkus.some(sku => skusAvail[sku]) ? 'available' : 'out_of_stock';
+                // If product is available but all SKUs are false, treat as available
+                // (data incomplete or product is unlimited with placeholder SKU data).
+                if (!hasAnyTrueSku && allowUnlimitedFallback) {
+                    map[detail.id] = 'available';
+                }
+                else {
+                    map[detail.id] = hasAnyTrueSku ? 'available' : 'out_of_stock';
+                }
                 continue;
             }
             // Intersect this detail's SKUs with those of each other selected detail.
@@ -90,11 +121,22 @@ function computeAvailabilityMap(optionsData, selectedOptions) {
                 const otherSkus = new Set(Object.keys(other.skus_availability || {}).map(Number));
                 candidates = candidates.filter(sku => otherSkus.has(sku));
             }
+            // Empty intersection normally means an unfulfillable combination. But when the
+            // unlimited fallback applies (no true SKU anywhere — placeholder data), there are
+            // no real stock constraints, so a non-overlapping SKU set is a data artifact, not
+            // an impossible combination.
             if (!candidates.length) {
-                map[detail.id] = 'impossible';
+                map[detail.id] = allowUnlimitedFallback ? 'available' : 'impossible';
                 continue;
             }
-            map[detail.id] = candidates.some(sku => skusAvail[sku]) ? 'available' : 'out_of_stock';
+            const hasAvailableCandidate = candidates.some(sku => skusAvail[sku]);
+            // If product available but no candidates match true SKUs, treat as available.
+            if (!hasAvailableCandidate && allowUnlimitedFallback) {
+                map[detail.id] = 'available';
+            }
+            else {
+                map[detail.id] = hasAvailableCandidate ? 'available' : 'out_of_stock';
+            }
         }
     }
     return map;
@@ -134,6 +176,17 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
         this.userInitiatedValidation = false;
         this.isCartMode = false;
         this.availabilityMap = {};
+        /**
+         * Whether the product is available at the parent level (quantity > 0, or unlimited).
+         * Controls the unlimited-product fallback in computeAvailabilityMap: only when true is a
+         * detail with all-false SKUs treated as available (placeholder/incomplete data).
+         *
+         * The API path derives this automatically from `is_out_of_stock`. When options are supplied
+         * via the `options` prop, callers must set `product-available` explicitly — it defaults to
+         * false so genuinely out-of-stock products are never silently promoted to available.
+         * (Truly unlimited products with no SKU data are handled separately and don't need this.)
+         */
+        this.productAvailable = false;
         this.outSkus = [];
         /**
        * Avoid selection of previous default or selected card value option
@@ -220,7 +273,10 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
             this.setOptionsData([]);
         }
         if (this.productId && !salla.url.is_page('cart')) {
-            salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));
+            salla.api.product.getDetails(this.productId, ['options']).then(resp => {
+                this.productAvailable = !resp.data.is_out_of_stock;
+                this.setOptionsData(resp.data.options);
+            });
         }
     }
     /**
@@ -574,6 +630,9 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
             }
         }
         this.outOfStockText = salla.lang.get('pages.products.out_of_stock');
+        // Props (e.g. product-available) are not set during the constructor, so recompute the
+        // availability map now that the prop value supplied on the options-prop path is applied.
+        this.computeAvailability();
         await salla.onReady();
         this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability') || salla.url.is_page('cart');
         this.pasteHandler = this.handlePaste.bind(this);
@@ -886,7 +945,7 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
         return detailName.replace('<i class=sicon-sar></i>', salla.config.currency()?.symbol || 'ر.س');
     }
     computeAvailability() {
-        this.availabilityMap = computeAvailabilityMap(this.optionsData || [], this.selectedOptions || []);
+        this.availabilityMap = computeAvailabilityMap(this.optionsData || [], this.selectedOptions || [], this.productAvailable);
     }
     isOptionDetailOut(detail) {
         const status = this.availabilityMap[detail.id];
@@ -1026,6 +1085,7 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
     get host() { return this; }
     static get style() { return sallaProductOptionsCss; }
 }, [0, "salla-product-options", {
+        "productAvailable": [1028, "product-available"],
         "productId": [8, "product-id"],
         "options": [1],
         "hideOutLabel": [1, "hide-out-label"],

package/dist/esm/{filepond-DEIVYCk8.js → filepond-DwduE1q7.js}

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

package/dist/esm/{filepond-plugin-file-poster-DDPFacpf.js → filepond-plugin-file-poster-Cg5uryRV.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BK6TTAk0.js → filepond-plugin-file-validate-size-CI1Sj8kr.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-BeLdDHir.js → filepond-plugin-file-validate-type-JUm4bC13.js}

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

package/dist/esm/{filepond-plugin-image-edit-BdSsbhWf.js → filepond-plugin-image-edit-BrJ55gLP.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CspYVPJR.js → filepond-plugin-image-exif-orientation-BkQECx1u.js}

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

package/dist/esm/{filepond-plugin-image-preview-B1Rdh0IW.js → filepond-plugin-image-preview-nIxzaSJG.js}

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

package/dist/esm/{functions-C_5-G0lf.js → functions-BzIvfM0W.js}

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

package/dist/esm/{index-DLNCyofS.js → index-CFOfZPpP.js}

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