@gem-sdk/core 1.0.0

package/dist/cjs/contexts/CartLineContext.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var create = require('zustand');
+var react = require('react');
+
+const CartLineContext = react.createContext(null);
+const createCartLineStore = (data) => create.createStore(() => ({
+    ...data,
+}));
+const CartLineProvider = ({ children, line }) => {
+    return (jsxRuntime.jsx(CartLineContext.Provider, { value: createCartLineStore({ line }), children: children }, `${line.id}-${line.quantity}`));
+};
+// export const useCartLineStore = useStore;
+const useCartLineStore = (selector, equalityFn) => {
+    const store = react.useContext(CartLineContext);
+    if (!store) {
+        throw new Error('useCartLineStore must be used within a CartLineProvider');
+    }
+    return create.useStore(store, selector, equalityFn);
+};
+
+exports.CartLineProvider = CartLineProvider;
+exports.useCartLineStore = useCartLineStore;

package/dist/cjs/contexts/CollectionContext.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var create = require('zustand');
+
+const CollectionListContext = react.createContext(null);
+const createCollectionProvider = (data) => create.createStore(() => ({
+    ...data,
+}));
+const CollectionProvider = ({ children, collection, products, settings, styles, }) => {
+    return (jsxRuntime.jsx(CollectionListContext.Provider, { value: createCollectionProvider({ products, collection, settings, styles }), children: children }, collection?.id));
+};
+const useCollectionStore = (selector, equalityFn) => {
+    const store = react.useContext(CollectionListContext);
+    if (!store) {
+        throw new Error('useCollectionStore must be used within a useCollectionStore');
+    }
+    return create.useStore(store, selector, equalityFn);
+};
+
+exports.CollectionListContext = CollectionListContext;
+exports.CollectionProvider = CollectionProvider;
+exports.useCollectionStore = useCollectionStore;

package/dist/cjs/contexts/ProductContext.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var create = require('zustand');
+var react = require('react');
+var flattenConnection = require('../helpers/flatten-connection.js');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ProductContext = react.createContext(null);
+const createProductStoreProvider = (data) => create.createStore((set, get) => ({
+    ...data,
+    updateProperty: (name, data) => {
+        set((state) => {
+            return {
+                properties: state.properties?.map((v) => {
+                    if (v.key === name) {
+                        return { ...v, ...data };
+                    }
+                    return v;
+                }),
+            };
+        });
+    },
+    addProperty: (data) => {
+        const properties = get().properties;
+        if (!properties?.some((v) => v.key === data.key)) {
+            set((state) => ({ properties: [...(state.properties ?? []), data] }));
+        }
+    },
+    removeProperty: (name) => {
+        set((state) => ({ properties: state.properties?.filter((v) => v.key !== name) }));
+    },
+    setQuantity: (num) => {
+        set({
+            quantity: num > 0 ? num : 1,
+        });
+    },
+    setProductFeaturedImage: (image) => {
+        set({
+            featuredImageGlobal: image,
+        });
+    },
+    incrementQuantity: () => {
+        set((state) => {
+            const quantity = state.quantity ?? 1;
+            return {
+                quantity: quantity + 1,
+            };
+        });
+    },
+    decrementQuantity: () => {
+        set((state) => {
+            const quantity = state.quantity ?? 1;
+            return {
+                quantity: quantity > 2 ? quantity - 1 : 1,
+            };
+        });
+    },
+    setSelectedOption: (optionId, optionValue) => {
+        set((state) => {
+            if (optionId && optionValue) {
+                return {
+                    selectedOptions: {
+                        ...state?.selectedOptions,
+                        [optionId]: optionValue,
+                    },
+                };
+            }
+            return state;
+        });
+    },
+    forceSelectedOption: (value) => {
+        set((state) => {
+            return {
+                selectedOptions: {
+                    ...state?.selectedOptions,
+                    ...value,
+                },
+            };
+        });
+    },
+    updateIsSubmit: (value) => {
+        set({
+            isSubmit: value,
+        });
+    },
+}));
+const ProductProvider = ({ children, product, initialVariantId, quantity = 1, }) => {
+    const uiqueId = react.useId();
+    const store = react.useMemo(() => {
+        let selectedOptions = {};
+        let featuredImageGlobal = undefined;
+        if (product) {
+            const variants = flattenConnection.flattenConnection(product.variants);
+            const firstVariant = flattenConnection.flattenConnection(product.variants)[0];
+            const initialVariant = variants.find((v) => v?.id === initialVariantId) ?? firstVariant;
+            selectedOptions = initialVariant?.selectedOptions.reduce((acc, option) => {
+                if (option.name) {
+                    return { ...acc, [option.name]: option.value };
+                }
+                return acc;
+            }, {});
+            featuredImageGlobal =
+                product.medias?.edges.find((v) => v.node?.id === initialVariant?.mediaId)?.node ??
+                    product.featuredImage;
+        }
+        return createProductStoreProvider({
+            product,
+            quantity,
+            selectedOptions,
+            uiqueId,
+            featuredImageGlobal,
+        });
+    }, [initialVariantId, product, quantity, uiqueId]);
+    return (jsxRuntime.jsx(ProductContext.Provider, { value: store, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) }));
+};
+const useProductStore = (selector, equalityFn) => {
+    const store = react.useContext(ProductContext);
+    if (!store) {
+        throw new Error('Element of product must be used inside a Product');
+    }
+    return create.useStore(store, selector, equalityFn);
+};
+
+exports.ProductProvider = ProductProvider;
+exports.useProductStore = useProductStore;

package/dist/cjs/contexts/ProductListContext.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var create = require('zustand');
+
+const ProductListContext = react.createContext(null);
+const createProductListProvider = (data) => create.createStore(() => ({
+    ...data,
+}));
+const ProductListProvider = ({ children, collection, products, settings, styles, }) => {
+    return (jsxRuntime.jsx(ProductListContext.Provider, { value: createProductListProvider({ products, collection, settings, styles }), children: children }));
+};
+const useProductListStore = (selector, equalityFn) => {
+    const store = react.useContext(ProductListContext);
+    if (!store) {
+        throw new Error('useProductListStore must be used within a useProductListStore');
+    }
+    return create.useStore(store, selector, equalityFn);
+};
+
+exports.ProductListContext = ProductListContext;
+exports.ProductListProvider = ProductListProvider;
+exports.useProductListStore = useProductListStore;

package/dist/cjs/contexts/SectionContext.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var create = require('zustand');
+var react = require('react');
+var cloneDeep = require('../helpers/clone-deep.js');
+var normalizeBuilderData = require('../helpers/normalize-builder-data.js');
+
+const SectionContext = react.createContext(null);
+const createSectionProvider = (data) => create.createStore((set, get) => ({
+    data: data ?? {},
+    getSection: (id) => {
+        const section = get().data[id];
+        return section ?? undefined;
+    },
+    addSection: (id, data) => {
+        const item = normalizeBuilderData.normalizeBuilderData(data);
+        set((prev) => ({
+            data: {
+                ...prev.data,
+                [id]: cloneDeep.cloneDeep(item),
+            },
+        }));
+    },
+    removeSection: (id) => {
+        set((prev) => {
+            const { [id]: _, ...rest } = prev.data;
+            return {
+                data: rest,
+            };
+        });
+    },
+}));
+const SectionProvider = ({ children, data, ...passProps }) => {
+    return (jsxRuntime.jsx(SectionContext.Provider, { ...passProps, value: createSectionProvider(data), children: children }));
+};
+// export const useSectionStore = useStore;
+const useSectionStore = (selector, equalityFn) => {
+    const store = react.useContext(SectionContext);
+    if (!store) {
+        throw new Error('useSectionStore must be used within a SectionProvider');
+    }
+    return create.useStore(store, selector, equalityFn);
+};
+const useSection = (id) => useSectionStore((s) => s.getSection(id));
+
+exports.SectionProvider = SectionProvider;
+exports.useSection = useSection;
+exports.useSectionStore = useSectionStore;

package/dist/cjs/contexts/ShopContext.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useSWR = require('swr');
+var create = require('zustand');
+var react = require('react');
+var AddonContext = require('./AddonContext.js');
+
+const ShopContext = react.createContext(null);
+const createShopStoreProvider = (data) => create.createStore((set) => ({
+    mobileOnly: false,
+    ...data,
+    changeLocale: (locale) => {
+        set({ locale });
+    },
+    changeCurrency: (currency) => {
+        set({ currency });
+    },
+    changeSwatches: (swatches) => {
+        set({ swatches });
+    },
+    changeStorefrontInfo: ({ url, token }) => {
+        set((prev) => ({
+            storefrontUrl: url ?? prev.storefrontUrl,
+            storefrontToken: token ?? prev.storefrontToken,
+        }));
+    },
+}));
+const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps }) => {
+    const store = react.useMemo(() => createShopStoreProvider(storeOption), [storeOption]);
+    return (jsxRuntime.jsx(AddonContext.AddonProvider, { components: addons, children: jsxRuntime.jsx(useSWR.SWRConfig, { value: queryOption, children: jsxRuntime.jsx(ShopContext.Provider, { ...passProps, value: store, children: children }, JSON.stringify(storeOption)) }) }));
+};
+// export const useShopStore = useStore;
+const useShopStore = (selector, equalityFn) => {
+    const store = react.useContext(ShopContext);
+    if (!store) {
+        throw new Error('useShopStore must be used within a ShopProvider');
+    }
+    return create.useStore(store, selector, equalityFn);
+};
+
+exports.ShopProvider = ShopProvider;
+exports.useShopStore = useShopStore;

package/dist/cjs/graphql/fragments/analytic.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const AnalyticSelect = `
+    fragment AnalyticSelect on Analytic {
+  fbPixelID
+  gaTrackingID
+  tiktokPixelID
+}
+    `;
+
+exports.AnalyticSelect = AnalyticSelect;

package/dist/cjs/graphql/fragments/collection-detail.generated.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const CollectionDetailSelect = `
+    fragment CollectionDetailSelect on Collection {
+  id
+  baseID
+  title
+  handle
+  description
+}
+    `;
+
+exports.CollectionDetailSelect = CollectionDetailSelect;

package/dist/cjs/graphql/fragments/collection-product.generated.js

@@ -0,0 +1,26 @@
+'use strict';
+
+const CollectionProductSelect = `
+    fragment CollectionProductSelect on Collection {
+  ...CollectionDetailSelect
+  products(
+    first: $firstProduct
+    orderBy: $orderByProduct
+    after: $productsAfter
+    where: $whereProduct
+  ) {
+    edges {
+      cursor
+      node {
+        ...ProductSelect
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+}
+    `;
+
+exports.CollectionProductSelect = CollectionProductSelect;

package/dist/cjs/graphql/fragments/data-seo.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const DataSeoSelect = `
+    fragment DataSEOSelect on DataSEO {
+  id
+  key
+  value
+}
+    `;
+
+exports.DataSeoSelect = DataSeoSelect;

package/dist/cjs/graphql/fragments/media.generated.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const MediaSelect = `
+    fragment MediaSelect on Media {
+  id
+  contentType
+  src
+  width
+  height
+  alt
+}
+    `;
+
+exports.MediaSelect = MediaSelect;

package/dist/cjs/graphql/fragments/product-little.generated.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const ProductLittleSelect = `
+    fragment ProductLittleSelect on Product {
+  id
+  title
+  description
+  descriptionHtml
+  handle
+  averageRating
+  isStorefront
+  isSample
+  baseID
+  sku
+  options {
+    ...ProductOptionSelect
+  }
+  vendor
+  featuredImage {
+    ...MediaSelect
+  }
+}
+    `;
+
+exports.ProductLittleSelect = ProductLittleSelect;

package/dist/cjs/graphql/fragments/product-option-value.generated.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const ProductOptionValueSelect = `
+    fragment ProductOptionValueSelect on ProductOptionValue {
+  id
+  label
+  sortOrder
+  isDefault
+  baseID
+}
+    `;
+
+exports.ProductOptionValueSelect = ProductOptionValueSelect;

package/dist/cjs/graphql/fragments/product-option.generated.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const ProductOptionSelect = `
+    fragment ProductOptionSelect on ProductOption {
+  id
+  name
+  optionType
+  values {
+    ...ProductOptionValueSelect
+  }
+}
+    `;
+
+exports.ProductOptionSelect = ProductOptionSelect;

package/dist/cjs/graphql/fragments/product.generated.js

@@ -0,0 +1,33 @@
+'use strict';
+
+const ProductSelect = `
+    fragment ProductSelect on Product {
+  ...ProductLittleSelect
+  medias(first: $firstMedia, after: $afterMedia) {
+    edges {
+      cursor
+      node {
+        ...MediaSelect
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+    }
+  }
+  variants(first: $firstVariant, after: $afterVariant) {
+    edges {
+      cursor
+      node {
+        ...VariantSelect
+      }
+    }
+    pageInfo {
+      hasNextPage
+      endCursor
+    }
+  }
+}
+    `;
+
+exports.ProductSelect = ProductSelect;

package/dist/cjs/graphql/fragments/published-custom-section.generated.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const PublishedCustomSectionSelect = `
+    fragment PublishedCustomSectionSelect on PublishedCustomSection {
+  cid
+  component
+  id
+  type
+}
+    `;
+
+exports.PublishedCustomSectionSelect = PublishedCustomSectionSelect;

package/dist/cjs/graphql/fragments/published-page-section.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const PublishedPageSectionSelect = `
+    fragment PublishedPageSectionSelect on PublishedPageSection {
+  cid
+  component
+  id
+}
+    `;
+
+exports.PublishedPageSectionSelect = PublishedPageSectionSelect;

package/dist/cjs/graphql/fragments/published-theme-page.generated.js

@@ -0,0 +1,27 @@
+'use strict';
+
+const PublishedThemePageSelect = `
+    fragment PublishedThemePageSelect on PublishedThemePage {
+  id
+  name
+  isMobile
+  pageSections {
+    ...PublishedPageSectionSelect
+  }
+  themePageCustomSections {
+    ...PublishedCustomSectionSelect
+  }
+  themePageDataSEO {
+    ...DataSEOSelect
+  }
+  pageStyle {
+    ...PublishedThemeStyleSelect
+  }
+  sectionPosition
+  themePageAnalytic {
+    ...AnalyticSelect
+  }
+}
+    `;
+
+exports.PublishedThemePageSelect = PublishedThemePageSelect;

package/dist/cjs/graphql/fragments/published-theme-style.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const PublishedThemeStyleSelect = `
+    fragment PublishedThemeStyleSelect on PublishedThemeStyle {
+  id
+  data
+  name
+}
+    `;
+
+exports.PublishedThemeStyleSelect = PublishedThemeStyleSelect;

package/dist/cjs/graphql/fragments/selected-option.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const SelectedOptionSelect = `
+    fragment SelectedOptionSelect on SelectedOption {
+  name
+  value
+  optionType
+}
+    `;
+
+exports.SelectedOptionSelect = SelectedOptionSelect;

package/dist/cjs/graphql/fragments/variant.generated.js

@@ -0,0 +1,35 @@
+'use strict';
+
+const VariantSelect = `
+    fragment VariantSelect on ProductVariant {
+  id
+  title
+  barcode
+  baseID
+  costPrice
+  height
+  inventoryPolicy
+  inventoryQuantity
+  inventoryStatus
+  isDigital
+  length
+  lowInventoryAmount
+  manageInventory
+  mediaId
+  platform
+  price
+  salePrice
+  sku
+  soldIndividually
+  weight
+  width
+  selectedOptions {
+    ...SelectedOptionSelect
+  }
+  media {
+    ...MediaSelect
+  }
+}
+    `;
+
+exports.VariantSelect = VariantSelect;

package/dist/cjs/graphql/queries/collection-detail-filter.generated.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var collectionProduct_generated = require('../fragments/collection-product.generated.js');
+var collectionDetail_generated = require('../fragments/collection-detail.generated.js');
+var product_generated = require('../fragments/product.generated.js');
+var productLittle_generated = require('../fragments/product-little.generated.js');
+var productOption_generated = require('../fragments/product-option.generated.js');
+var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
+var media_generated = require('../fragments/media.generated.js');
+var variant_generated = require('../fragments/variant.generated.js');
+var selectedOption_generated = require('../fragments/selected-option.generated.js');
+
+const CollectionDetailFilterDocument = `
+    query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $whereProduct: ProductWhereInput) {
+  collections(first: 1, orderBy: $orderBy, where: $where) {
+    edges {
+      cursor
+      node {
+        ...CollectionProductSelect
+      }
+    }
+  }
+}
+    ${collectionProduct_generated.CollectionProductSelect}
+${collectionDetail_generated.CollectionDetailSelect}
+${product_generated.ProductSelect}
+${productLittle_generated.ProductLittleSelect}
+${productOption_generated.ProductOptionSelect}
+${productOptionValue_generated.ProductOptionValueSelect}
+${media_generated.MediaSelect}
+${variant_generated.VariantSelect}
+${selectedOption_generated.SelectedOptionSelect}`;
+
+exports.CollectionDetailFilterDocument = CollectionDetailFilterDocument;

package/dist/cjs/graphql/queries/collection.generated.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var product_generated = require('../fragments/product.generated.js');
+var productLittle_generated = require('../fragments/product-little.generated.js');
+var productOption_generated = require('../fragments/product-option.generated.js');
+var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
+var media_generated = require('../fragments/media.generated.js');
+var variant_generated = require('../fragments/variant.generated.js');
+var selectedOption_generated = require('../fragments/selected-option.generated.js');
+
+const CollectionDocument = `
+    query collection($first: Int = 5, $firstMedia: Int = 20, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
+  collection(handle: $handle, id: $id) {
+    baseID
+    createdAt
+    deletedAt
+    description
+    descriptionMeta
+    handle
+    id
+    platform
+    products(first: $first) {
+      edges {
+        cursor
+        node {
+          ...ProductSelect
+        }
+      }
+      pageInfo {
+        endCursor
+        hasNextPage
+        hasPreviousPage
+        startCursor
+      }
+      totalCount
+    }
+    tags
+    templateSuffix
+    title
+    titleMeta
+    updatedAt
+  }
+}
+    ${product_generated.ProductSelect}
+${productLittle_generated.ProductLittleSelect}
+${productOption_generated.ProductOptionSelect}
+${productOptionValue_generated.ProductOptionValueSelect}
+${media_generated.MediaSelect}
+${variant_generated.VariantSelect}
+${selectedOption_generated.SelectedOptionSelect}`;
+
+exports.CollectionDocument = CollectionDocument;