@gem-sdk/core 2.0.0-dev.462 → 2.0.0-dev.468

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -247,6 +247,10 @@ const ComponentToolbarPreview = (props)=>{
         }
         return -1;
     };
+    const getToolbarParentLabel = (parent)=>{
+        const parentLength = parent?.childrens?.length ?? 0;
+        return parent.label === 'Row' ? `Row ${parentLength} col${parentLength === 1 ? '' : 's'}` : parent.label;
+    };
     const onShowParent = (e)=>{
         if (!parents.length) return;
         const $target = (e?.target) || null;
@@ -512,12 +516,6 @@ const ComponentToolbarPreview = (props)=>{
                         ]
                     }),
                     isActiveToolbarComponent && isShowParent && parents.map((parent, index)=>{
-                        // Update count columns of Row
-                        const parentLength = parent?.childrens?.length ?? 0;
-                        let parent_label = parent.label;
-                        if (parent.label === 'Row') {
-                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
-                        }
                         return /*#__PURE__*/ jsxRuntime.jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-component-tag": parent.tag,
@@ -566,7 +564,7 @@ const ComponentToolbarPreview = (props)=>{
                                 }),
                                 /*#__PURE__*/ jsxRuntime.jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent_label
+                                    children: getToolbarParentLabel(parent)
                                 })
                             ]
                         }, parent.uid);

package/dist/cjs/contexts/ProductContext.js

@@ -143,7 +143,7 @@ const ProductProvider = ({ children, product, initialVariantId, quantity = 1, is
             const firstVariant = variants[0];
             const firstVariantInStock = variants.find((item)=>variant.checkInStock(item));
             const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariantInStock ?? firstVariant;
-            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
+            selectedOptions = initialVariant?.selectedOptions?.reduce((acc, option)=>{
                 if (option.name) {
                     return {
                         ...acc,

package/dist/cjs/helpers/is-safari.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function isSafari() {
-    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
+    if (typeof window !== 'undefined' && window.navigator) {
+        return window.navigator.userAgent.indexOf('Safari') !== -1 && window.navigator.userAgent.indexOf('Chrome') === -1;
+    }
+    return false;
 }
 
 exports.default = isSafari;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -243,6 +243,10 @@ const ComponentToolbarPreview = (props)=>{
         }
         return -1;
     };
+    const getToolbarParentLabel = (parent)=>{
+        const parentLength = parent?.childrens?.length ?? 0;
+        return parent.label === 'Row' ? `Row ${parentLength} col${parentLength === 1 ? '' : 's'}` : parent.label;
+    };
     const onShowParent = (e)=>{
         if (!parents.length) return;
         const $target = (e?.target) || null;
@@ -508,12 +512,6 @@ const ComponentToolbarPreview = (props)=>{
                         ]
                     }),
                     isActiveToolbarComponent && isShowParent && parents.map((parent, index)=>{
-                        // Update count columns of Row
-                        const parentLength = parent?.childrens?.length ?? 0;
-                        let parent_label = parent.label;
-                        if (parent.label === 'Row') {
-                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
-                        }
                         return /*#__PURE__*/ jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-component-tag": parent.tag,
@@ -562,7 +560,7 @@ const ComponentToolbarPreview = (props)=>{
                                 }),
                                 /*#__PURE__*/ jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent_label
+                                    children: getToolbarParentLabel(parent)
                                 })
                             ]
                         }, parent.uid);

package/dist/esm/contexts/ProductContext.js

@@ -141,7 +141,7 @@ const ProductProvider = ({ children, product, initialVariantId, quantity = 1, is
             const firstVariant = variants[0];
             const firstVariantInStock = variants.find((item)=>checkInStock(item));
             const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariantInStock ?? firstVariant;
-            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
+            selectedOptions = initialVariant?.selectedOptions?.reduce((acc, option)=>{
                 if (option.name) {
                     return {
                         ...acc,

package/dist/esm/helpers/is-safari.js

@@ -1,5 +1,8 @@
 function isSafari() {
-    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
+    if (typeof window !== 'undefined' && window.navigator) {
+        return window.navigator.userAgent.indexOf('Safari') !== -1 && window.navigator.userAgent.indexOf('Chrome') === -1;
+    }
+    return false;
 }
 
 export { isSafari as default };

package/dist/types/index.d.ts

@@ -34561,6 +34561,7 @@ type AddonProviderProps = Pick<AddonContextProps, 'components'> & {
     children: React.ReactNode;
     key?: React.Key;
 };
+
 declare const AddonProvider: React.FC<AddonProviderProps>;
 declare const useAddons: () => Record<string, React.ComponentType<any>>;
 declare const useAddon: (id?: string) => React.FC<BaseProps & {
@@ -34575,6 +34576,7 @@ type BuilderComponentProviderProps = Pick<BuilderComponentProps, 'components'> &
     children: React.ReactNode;
     key?: React.Key;
 };
+
 declare const BuilderComponentProvider: React.FC<BuilderComponentProviderProps>;
 declare const useBuilderComponent: (id?: string) => React.FC<BaseProps & {
     children?: React.ReactNode;
@@ -34593,6 +34595,7 @@ type BuilderProviderProps = Pick<BuilderContextProps, 'state' | 'isPostPurchase'
     lazy?: boolean;
     priority?: boolean;
 };
+
 declare const BuilderProvider: React.FC<BuilderProviderProps>;
 declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<BuilderContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34633,6 +34636,7 @@ type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     isThemeSectionEditor?: boolean;
     pageName?: string;
 };
+
 declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
 declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34642,6 +34646,7 @@ type CartLineContextProps = {
 type CartLineProviderProps = Pick<CartLineContextProps, 'line'> & {
     children: React.ReactNode;
 };
+
 declare const CartLineProvider: React.FC<CartLineProviderProps>;
 declare const useCartLineStore: <U>(selector: (state: ExtractState<StoreApi<CartLineContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34723,11 +34728,10 @@ type ProductListContextProps = {
 type ProductListProviderProps = ProductListContextProps & {
     children: React.ReactNode;
 };
+
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type MediaSelectFragment = Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
-
 type VariantSelectFragment = Pick<ProductVariant$1, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
     selectedOptions: Array<Pick<SelectedOption$1, 'name' | 'value' | 'optionType'>>;
     media?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
@@ -34771,6 +34775,8 @@ type CollectionSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updated
     collectionMedia?: Maybe$1<Pick<CollectionMedia$1, 'src'>>;
 };
 
+type MediaSelectFragment = Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
+
 type AttributeProp = {
     key: string;
     value?: string;
@@ -34811,20 +34817,22 @@ type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | '
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const ProductProvider: React.FC<ProductProviderProps>;
 declare const useProductStore: <U>(selector: (state: ExtractState<StoreApi<ProductContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type SectionProviderProps = {
+    children: React.ReactNode;
+    data?: SectionContextProps['data'];
+    key?: React.Key;
+};
 type SectionContextProps = {
     data: Record<string, SectionData>;
     getSection: (id: string) => SectionData | undefined;
     addSection: (id: string, data: BuilderEntityNested) => void;
     removeSection: (id: string) => void;
 };
-type SectionProviderProps = {
-    children: React.ReactNode;
-    data?: SectionContextProps['data'];
-    key?: React.Key;
-};
+
 declare const SectionProvider: React.FC<SectionProviderProps>;
 declare const useSectionStore: <U>(selector: (state: ExtractState<StoreApi<SectionContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 declare const useSection: (id: string) => SectionData | undefined;
@@ -34884,6 +34892,7 @@ type ShopProviderProps = {
     storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan' | 'changeLimitCreateThemeSection'>;
     queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
 };
+
 declare const ShopProvider: React.FC<ShopProviderProps>;
 declare const useShopStore: <U>(selector: (state: ExtractState<StoreApi<ShopContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34918,6 +34927,7 @@ type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicColle
     key?: React.Key;
     publicStoreFrontData?: PublicStoreFrontData | null;
 };
+
 declare const PageProvider: React.FC<PageProviderProps>;
 declare const usePageStore: <U>(selector: (state: ExtractState<StoreApi<PageContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34932,6 +34942,7 @@ type CollectionProviderProps = Pick<CollectionContextProps, 'collection'> & {
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const CollectionProvider: React.FC<CollectionProviderProps>;
 declare const useCollectionStore: <U>(selector: (state: ExtractState<StoreApi<CollectionContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34943,6 +34954,7 @@ type ModalContextProps = {
 type ModalProviderProps = Pick<ModalContextProps, 'activeId'> & {
     children: React.ReactNode;
 };
+
 declare const ModalProvider: React.FC<ModalProviderProps>;
 declare const useModalStore: <U>(selector: (state: ExtractState<StoreApi<ModalContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34963,6 +34975,7 @@ type ArticleListContextProps = {
 type ArticleListProviderProps = ArticleListContextProps & {
     children: React.ReactNode;
 };
+
 declare const ArticleListProvider: React.FC<ArticleListProviderProps>;
 declare const useArticleListStore: <U>(selector: (state: ExtractState<StoreApi<ArticleListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34975,6 +34988,7 @@ type ArticleProviderProps = Pick<ArticleContextProps, 'article'> & {
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const ArticleProvider: React.FC<ArticleProviderProps>;
 declare const useArticleStore: <U>(selector: (state: ExtractState<StoreApi<ArticleContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
@@ -34985,6 +34999,7 @@ type I18nProviderProps = I18nContextProps & {
     readOnly?: boolean;
     children: React.ReactNode;
 };
+
 declare const I18nProvider: React.FC<I18nProviderProps>;
 declare const useI18nStore: () => I18nContextProps;
 
@@ -42555,7 +42570,7 @@ type RequiredCursorEdge<T> = {
 };
 declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
 declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
-    node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+    node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "contentType" | "previewImage" | "src" | "alt">>;
 })[]>;
 
 type FetchProductsParams = {
@@ -47676,13 +47691,13 @@ declare const useSelectedOption: () => {
     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;
 };
-declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
+declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "salePrice" | "sku" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
-    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "contentType" | "previewImage" | "src" | "alt">>;
 }>[];
-declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
+declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "length" | "weight" | "height" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "salePrice" | "sku" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
-    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+    media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "contentType" | "previewImage" | "src" | "alt">>;
 }>;
 declare const useCurrentVariant: () => Maybe$1<VariantSelectFragment>;
 declare const useCurrentVariantInStock: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.462",
+  "version": "2.0.0-dev.468",
   "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.381",
+    "@gem-sdk/styles": "2.0.0-dev.464",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {