@gem-sdk/core 2.0.0-dev.569 → 2.0.0-dev.584

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -138,7 +138,7 @@ const ComponentToolbarPreview = (props)=>{
         productId
     ]);
     const linkEditArticle = react.useMemo(()=>{
-        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
+        return articleUid ? `${linkShopDefault}/articles/${articleUid.replace('gid://shopify/Article/', '')}` : '';
     }, [
         articleUid,
         linkShopDefault

package/dist/cjs/contexts/ProductContext.js

@@ -132,6 +132,11 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                 set({
                     hasPreSelected: value
                 });
+            },
+            setIsChangeSelectedOption: (value)=>{
+                set({
+                    isChangeSelectedOption: value
+                });
             }
         }));
 const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{

package/dist/cjs/hooks/useProduct.js

@@ -128,6 +128,8 @@ const useSelectedOption = ()=>{
     const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
     const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
     const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
+    const isChangeSelectedOption = ProductContext.useProductStore((s)=>s.isChangeSelectedOption);
+    const setIsChangeSelectedOption = ProductContext.useProductStore((s)=>s.setIsChangeSelectedOption);
     const updateOption = react.useCallback((optionId, optionValue, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
             const setOption = new CustomEvent('set-selected-option', {
@@ -143,9 +145,11 @@ const useSelectedOption = ()=>{
             window.dispatchEvent(setOption);
         }
         setSelectedOption(optionId, optionValue);
+        setIsChangeSelectedOption(true);
     }, [
+        isSyncProduct,
         setSelectedOption,
-        isSyncProduct
+        setIsChangeSelectedOption
     ]);
     const forceOption = react.useCallback((selectedOption, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
@@ -166,6 +170,7 @@ const useSelectedOption = ()=>{
         isSyncProduct
     ]);
     return react.useMemo(()=>({
+            isChangeSelectedOption,
             selectedOptions,
             setSelectedOption: updateOption,
             forceSelectedOption: forceOption

package/dist/esm/components/ComponentToolbarPreview.js

@@ -134,7 +134,7 @@ const ComponentToolbarPreview = (props)=>{
         productId
     ]);
     const linkEditArticle = useMemo(()=>{
-        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
+        return articleUid ? `${linkShopDefault}/articles/${articleUid.replace('gid://shopify/Article/', '')}` : '';
     }, [
         articleUid,
         linkShopDefault

package/dist/esm/contexts/ProductContext.js

@@ -130,6 +130,11 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
                 set({
                     hasPreSelected: value
                 });
+            },
+            setIsChangeSelectedOption: (value)=>{
+                set({
+                    isChangeSelectedOption: value
+                });
             }
         }));
 const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{

package/dist/esm/hooks/useProduct.js

@@ -126,6 +126,8 @@ const useSelectedOption = ()=>{
     const selectedOptions = useProductStore((s)=>s.selectedOptions);
     const forceSelectedOption = useProductStore((s)=>s.forceSelectedOption);
     const isSyncProduct = useProductStore((s)=>s.isSyncProduct);
+    const isChangeSelectedOption = useProductStore((s)=>s.isChangeSelectedOption);
+    const setIsChangeSelectedOption = useProductStore((s)=>s.setIsChangeSelectedOption);
     const updateOption = useCallback((optionId, optionValue, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
             const setOption = new CustomEvent('set-selected-option', {
@@ -141,9 +143,11 @@ const useSelectedOption = ()=>{
             window.dispatchEvent(setOption);
         }
         setSelectedOption(optionId, optionValue);
+        setIsChangeSelectedOption(true);
     }, [
+        isSyncProduct,
         setSelectedOption,
-        isSyncProduct
+        setIsChangeSelectedOption
     ]);
     const forceOption = useCallback((selectedOption, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
@@ -164,6 +168,7 @@ const useSelectedOption = ()=>{
         isSyncProduct
     ]);
     return useMemo(()=>({
+            isChangeSelectedOption,
             selectedOptions,
             setSelectedOption: updateOption,
             forceSelectedOption: forceOption

package/dist/types/index.d.ts

@@ -34812,6 +34812,8 @@ type ProductContextProps = {
     setShouldRequireUploadMessage: (value: boolean) => void;
     useProductCompareAtPrice?: boolean;
     setUseProductCompareAtPrice: (value?: boolean) => void;
+    isChangeSelectedOption?: boolean;
+    setIsChangeSelectedOption: (value: boolean) => void;
 };
 type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions' | 'isSyncProduct'> & {
     initialVariantId?: string;
@@ -36127,7 +36129,7 @@ type Option$4<T> = {
     maxOption?: number;
     subTitle?: string;
 };
-type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type BaseSelect<K> = {
     id: K;
     label?: string;
     info?: string;
@@ -36145,35 +36147,34 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     placeholder?: string;
+    controlOption?: string;
+};
+type ResponsiveSelect<K, T, U> = BaseSelect<K> & {
     type: 'select';
     options: Option$4<T>[];
     devices?: ResponsiveConfig<U>;
-} : {
-    id: K;
-    label?: string;
-    info?: string;
-    hyperlinkInfo?: HyperlinkInfo;
-    hideOnMode?: {
-        responsive?: boolean;
-        mobileOnly?: boolean;
-    };
-    hide?: boolean;
-    state?: {
-        normal?: boolean;
-        hover?: boolean;
-        focus?: boolean;
-        active?: boolean;
-    };
-    placeholder?: string;
-    type: 'select';
-    options: Option$4<T>[];
+};
+type ResponsiveSelectCustom<K, T, U> = BaseSelect<K> & {
+    type: 'select-custom-options';
+    options?: Option$4<T>[];
+    devices?: ResponsiveConfig<U>;
+};
+type SimpleSelectBase<K, T> = BaseSelect<K> & {
     default?: T;
-    isFullWidth?: boolean;
     showSelectedIcon?: boolean;
     showSelectedSvg?: boolean;
     fixWidth?: boolean;
     disableSelectedText?: boolean;
 };
+type SimpleSelect<K, T> = SimpleSelectBase<K, T> & {
+    type: 'select';
+    options: Option$4<T>[];
+};
+type SimpleSelectCustom<K, T> = SimpleSelectBase<K, T> & {
+    type: 'select-custom-options';
+    options?: Option$4<T>[];
+};
+type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? ResponsiveSelect<K, T, U> | ResponsiveSelectCustom<K, T, U> : SimpleSelect<K, T> | SimpleSelectCustom<K, T>;
 type SelectControlType<T> = {
     [K in keyof T]-?: Mapped$5<K, T[K]>;
 }[keyof T];
@@ -47820,6 +47821,7 @@ declare const useHasPreSelected: () => {
     setHasPreSelected: (value: boolean) => void;
 };
 declare const useSelectedOption: () => {
+    isChangeSelectedOption: boolean | undefined;
     selectedOptions: Record<string, string> | undefined;
     setSelectedOption: (optionId?: Maybe$1<string>, optionValue?: Maybe$1<string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.569",
+  "version": "2.0.0-dev.584",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "2.0.0-dev.324",
-    "@gem-sdk/styles": "2.0.0-dev.569",
+    "@gem-sdk/styles": "2.0.0-dev.571",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {