@gem-sdk/core 1.23.0-staging.165 → 1.23.0-staging.172

package/dist/cjs/helpers/product.js

@@ -2,12 +2,15 @@
 
 var variant = require('./variant.js');
 
-function getSelectedVariant(variants, choices) {
+function getSelectedVariant(variants, choices, variantId) {
     /**
    * Ensure the user has selected all the required options, not just some.
    */ if (!variants || !variants.length || !choices || variants[0]?.selectedOptions.length !== Object.keys(choices).length) {
         return;
     }
+    if (variantId) {
+        return variants.find((variant)=>variant?.id === variantId);
+    }
     return variants.find((variant)=>{
         return Object.entries(choices).every(([name, value])=>{
             return variant?.selectedOptions.some((option)=>option.name === name && option.value === value);

package/dist/cjs/hooks/useProduct.js

@@ -77,6 +77,9 @@ const useQuantity = ()=>{
     ]);
 };
 const useSelectedOption = ()=>{
+    const url = new URL(window.location.href);
+    const variantId = url.searchParams.get('variant');
+    const selectedVariant = useVariant(variantId ?? '');
     const setSelectedOption = ProductContext.useProductStore((s)=>s.setSelectedOption);
     const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
     const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
@@ -119,13 +122,22 @@ const useSelectedOption = ()=>{
         isSyncProduct
     ]);
     return react.useMemo(()=>({
-            selectedOptions,
+            selectedOptions: selectedVariant ? selectedVariant.selectedOptions.reduce((a, b)=>{
+                if (b.name) {
+                    return {
+                        ...a,
+                        [b.name]: b.value
+                    };
+                }
+                return a;
+            }, {}) ?? undefined : selectedOptions,
             setSelectedOption: updateOption,
             forceSelectedOption: forceOption
         }), [
         selectedOptions,
         updateOption,
-        forceOption
+        forceOption,
+        selectedVariant
     ]);
 };
 const useVariants = ()=>{

package/dist/esm/helpers/product.js

@@ -1,11 +1,14 @@
 import { checkInStock } from './variant.js';
 
-function getSelectedVariant(variants, choices) {
+function getSelectedVariant(variants, choices, variantId) {
     /**
    * Ensure the user has selected all the required options, not just some.
    */ if (!variants || !variants.length || !choices || variants[0]?.selectedOptions.length !== Object.keys(choices).length) {
         return;
     }
+    if (variantId) {
+        return variants.find((variant)=>variant?.id === variantId);
+    }
     return variants.find((variant)=>{
         return Object.entries(choices).every(([name, value])=>{
             return variant?.selectedOptions.some((option)=>option.name === name && option.value === value);

package/dist/esm/hooks/useProduct.js

@@ -75,6 +75,9 @@ const useQuantity = ()=>{
     ]);
 };
 const useSelectedOption = ()=>{
+    const url = new URL(window.location.href);
+    const variantId = url.searchParams.get('variant');
+    const selectedVariant = useVariant(variantId ?? '');
     const setSelectedOption = useProductStore((s)=>s.setSelectedOption);
     const selectedOptions = useProductStore((s)=>s.selectedOptions);
     const forceSelectedOption = useProductStore((s)=>s.forceSelectedOption);
@@ -117,13 +120,22 @@ const useSelectedOption = ()=>{
         isSyncProduct
     ]);
     return useMemo(()=>({
-            selectedOptions,
+            selectedOptions: selectedVariant ? selectedVariant.selectedOptions.reduce((a, b)=>{
+                if (b.name) {
+                    return {
+                        ...a,
+                        [b.name]: b.value
+                    };
+                }
+                return a;
+            }, {}) ?? undefined : selectedOptions,
             setSelectedOption: updateOption,
             forceSelectedOption: forceOption
         }), [
         selectedOptions,
         updateOption,
-        forceOption
+        forceOption,
+        selectedVariant
     ]);
 };
 const useVariants = ()=>{

package/dist/types/index.d.ts

@@ -9515,7 +9515,7 @@ declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius
 declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
 declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
 
-declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>): Maybe<VariantSelectFragment>;
+declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe<VariantSelectFragment>;
 declare function parseSelectedOption(options: SelectedOption[]): SelectedOption | undefined;
 declare function checkAvailableVariantInStock(variants: Maybe<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.165",
+  "version": "1.23.0-staging.172",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.23.0-staging.26",
-    "@gem-sdk/styles": "1.23.0-staging.157"
+    "@gem-sdk/styles": "1.23.0-staging.167"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",