@wix/headless-stores 0.0.106 → 0.0.107

package/cjs/dist/react/core/ProductVariantSelector.d.ts

@@ -167,6 +167,8 @@ export interface ChoiceProps {
 export interface ChoiceRenderProps {
     /** Choice value to display */
     value: string;
+    /** Choice key (unique identifier) */
+    valueKey: string;
     /** Whether this choice is currently selected */
     isSelected: boolean;
     /** Whether this choice is visible */

package/cjs/dist/react/core/ProductVariantSelector.js

@@ -168,23 +168,26 @@ export function Choice(props) {
     // @ts-expect-error - This field is currently INTERNAL but will be public in the future
     const optionKey = option.key || optionName;
     const choiceValue = choice.name || '';
-    const isSelected = selectedChoices[optionKey] === choiceValue;
+    // @ts-expect-error - This field is currently INTERNAL but will be public in the future
+    const choiceKey = choice.key || choiceValue;
+    const isSelected = selectedChoices[optionKey] === choiceKey;
     // Check if this choice is available based on current selections
-    const isVisible = variantService.isChoiceAvailable(optionKey, choiceValue);
+    const isVisible = variantService.isChoiceAvailable(optionKey, choiceKey);
     // Check if this choice results in an in-stock variant
-    const isInStock = variantService.isChoiceInStock(optionKey, choiceValue);
+    const isInStock = variantService.isChoiceInStock(optionKey, choiceKey);
     // Check if this choice is available for pre-order
-    const isPreOrderEnabled = variantService.isChoicePreOrderEnabled(optionKey, choiceValue);
-    const value = choiceValue;
+    const isPreOrderEnabled = variantService.isChoicePreOrderEnabled(optionKey, choiceKey);
+    const valueKey = choiceKey;
     const select = () => {
         const newChoices = {
             ...selectedChoices,
-            [optionKey]: choiceValue,
+            [optionKey]: choiceKey,
         };
         variantService.setSelectedChoices(newChoices);
     };
     return props.children({
-        value,
+        value: choiceValue,
+        valueKey,
         isSelected,
         isVisible,
         isInStock,

package/dist/react/core/ProductVariantSelector.d.ts

@@ -167,6 +167,8 @@ export interface ChoiceProps {
 export interface ChoiceRenderProps {
     /** Choice value to display */
     value: string;
+    /** Choice key (unique identifier) */
+    valueKey: string;
     /** Whether this choice is currently selected */
     isSelected: boolean;
     /** Whether this choice is visible */

package/dist/react/core/ProductVariantSelector.js

@@ -168,23 +168,26 @@ export function Choice(props) {
     // @ts-expect-error - This field is currently INTERNAL but will be public in the future
     const optionKey = option.key || optionName;
     const choiceValue = choice.name || '';
-    const isSelected = selectedChoices[optionKey] === choiceValue;
+    // @ts-expect-error - This field is currently INTERNAL but will be public in the future
+    const choiceKey = choice.key || choiceValue;
+    const isSelected = selectedChoices[optionKey] === choiceKey;
     // Check if this choice is available based on current selections
-    const isVisible = variantService.isChoiceAvailable(optionKey, choiceValue);
+    const isVisible = variantService.isChoiceAvailable(optionKey, choiceKey);
     // Check if this choice results in an in-stock variant
-    const isInStock = variantService.isChoiceInStock(optionKey, choiceValue);
+    const isInStock = variantService.isChoiceInStock(optionKey, choiceKey);
     // Check if this choice is available for pre-order
-    const isPreOrderEnabled = variantService.isChoicePreOrderEnabled(optionKey, choiceValue);
-    const value = choiceValue;
+    const isPreOrderEnabled = variantService.isChoicePreOrderEnabled(optionKey, choiceKey);
+    const valueKey = choiceKey;
     const select = () => {
         const newChoices = {
             ...selectedChoices,
-            [optionKey]: choiceValue,
+            [optionKey]: choiceKey,
         };
         variantService.setSelectedChoices(newChoices);
     };
     return props.children({
-        value,
+        value: choiceValue,
+        valueKey,
         isSelected,
         isVisible,
         isInStock,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -84,5 +84,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "98aa3c62ed1cd635109ed3fc6def9b78f40ad252ce17e70b7950de36"
+  "falconPackageHash": "4a62e19798c3f18e7717f4cd36622647f56a785719bee0cba904bc33"
 }