@salla.sa/twilight-components 2.14.353 → 2.14.354

package/dist/collection/collection-manifest.json

@@ -103,6 +103,60 @@
     "typescriptVersion": "5.5.4"
   },
   "collections": [],
-  "bundles": [],
+  "bundles": [
+    {
+      "components": [
+        "salla-cart-item-offers",
+        "salla-cart-summary"
+      ]
+    },
+    {
+      "components": [
+        "salla-alert",
+        "salla-bottom-alert"
+      ]
+    },
+    {
+      "components": [
+        "salla-add-product-button",
+        "salla-product-availability",
+        "salla-product-options",
+        "salla-quick-buy"
+      ]
+    },
+    {
+      "components": [
+        "salla-accordion",
+        "salla-breadcrumb",
+        "salla-button",
+        "salla-drawer",
+        "salla-loading",
+        "salla-modal"
+      ]
+    },
+    {
+      "components": [
+        "salla-booking-field",
+        "salla-color-picker",
+        "salla-conditional-fields",
+        "salla-datetime-picker",
+        "salla-file-upload",
+        "salla-quantity-input",
+        "salla-tel-input"
+      ]
+    },
+    {
+      "components": [
+        "salla-comment-form",
+        "salla-comment-item",
+        "salla-comments",
+        "salla-rating-stars",
+        "salla-review-card",
+        "salla-reviews",
+        "salla-reviews-page",
+        "salla-reviews-summary"
+      ]
+    }
+  ],
   "global": "global/app.js"
 }

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

@@ -26,6 +26,7 @@ export class SallaProductOptions {
         this.disableCardValue = true;
         this.availableDigitalCardValues = [];
         this.userInitiatedValidation = false;
+        this.isCartMode = false;
         this.outSkus = [];
         /**
        * Avoid selection of previous default or selected card value option
@@ -507,10 +508,12 @@ export class SallaProductOptions {
             return acc.concat(mappedDetails);
         }, []);
     }
-    componentDidLoad() {
+    async componentDidLoad() {
         if (!this.optionsData?.length) {
             return;
         }
+        // Register for hooks — theme can call enterCartMode() here
+        await Salla.hooks.registerComponent('salla-product-options', this);
         // Handle donation options
         const selectedDonationOption = this.optionsData.find(option => option.type === DisplayType.DONATION)?.details?.find(detail => detail.is_selected);
         if (selectedDonationOption) {
@@ -522,8 +525,9 @@ export class SallaProductOptions {
             }, 1000);
         }
         // Handle pre-selected options on product page
+        // Skip if in cart mode (enterCartMode called by hook) or on cart page
         // Call salla.product.getPrice() directly to avoid triggering form validation which causes unwanted scroll
-        if (!salla.url.is_page("cart")) {
+        if (!salla.url.is_page("cart") && !this.isCartMode) {
             const pricingOptionTypes = [
                 DisplayType.SINGLE_OPTION,
                 DisplayType.MULTIPLE_OPTIONS,
@@ -556,6 +560,17 @@ export class SallaProductOptions {
             }
         }
     }
+    /**
+     * Switch the component to cart-item mode: fill selected options,
+     * enable disabled-out-of-stock, and skip product price updates.
+     * Used by themes when treating a product page as a cart item editor.
+     */
+    async enterCartMode() {
+        this.isCartMode = true;
+        this.disableCardValue = false;
+        this.canDisabled = true;
+        this.fillSelectedOptions();
+    }
     /**
      * Enable user-initiated validation mode so invalid fields will scroll into view
      */
@@ -943,7 +958,8 @@ export class SallaProductOptions {
             "selectedOutSkus": {},
             "disableCardValue": {},
             "availableDigitalCardValues": {},
-            "userInitiatedValidation": {}
+            "userInitiatedValidation": {},
+            "isCartMode": {}
         };
     }
     static get events() {
@@ -1105,6 +1121,23 @@ export class SallaProductOptions {
                     "tags": []
                 }
             },
+            "enterCartMode": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Switch the component to cart-item mode: fill selected options,\nenable disabled-out-of-stock, and skip product price updates.\nUsed by themes when treating a product page as a cart item editor.",
+                    "tags": []
+                }
+            },
             "enableUserInitiatedValidation": {
                 "complexType": {
                     "signature": "() => Promise<void>",