@salla.sa/twilight-components 2.14.481 → 2.14.483

package/dist/collection/components/salla-product-options/salla-product-options.js

@@ -29,6 +29,17 @@ export class SallaProductOptions {
         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
@@ -115,7 +126,10 @@ export class SallaProductOptions {
             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);
+            });
         }
     }
     /**
@@ -469,6 +483,9 @@ export class SallaProductOptions {
             }
         }
         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);
@@ -781,7 +798,7 @@ export class SallaProductOptions {
         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];
@@ -931,6 +948,26 @@ export class SallaProductOptions {
     }
     static get properties() {
         return {
+            "productAvailable": {
+                "type": "boolean",
+                "attribute": "product-available",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the product is available at the parent level (quantity > 0, or unlimited).\nControls the unlimited-product fallback in computeAvailabilityMap: only when true is a\ndetail with all-false SKUs treated as available (placeholder/incomplete data).\n\nThe API path derives this automatically from `is_out_of_stock`. When options are supplied\nvia the `options` prop, callers must set `product-available` explicitly \u2014 it defaults to\nfalse so genuinely out-of-stock products are never silently promoted to available.\n(Truly unlimited products with no SKU data are handled separately and don't need this.)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "productId": {
                 "type": "any",
                 "attribute": "product-id",