@gem-sdk/core 1.44.1 → 1.44.2-staging.89

package/dist/cjs/contexts/ArticleContext.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ react.createContext(null);
+const createArticleStoreProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = react.useId();
+    const store = react.useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleProvider = ArticleProvider;
+exports.useArticleStore = useArticleStore;

package/dist/cjs/contexts/ArticleListContext.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const ArticleListContext = /*#__PURE__*/ react.createContext(null);
+const createArticleListProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, children, styles, settings })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleListContext = ArticleListContext;
+exports.ArticleListProvider = ArticleListProvider;
+exports.useArticleListStore = useArticleListStore;

package/dist/cjs/graphql/mutations/page-view-up.generated.js

@@ -1,8 +1,8 @@
 'use strict';
 
 /* eslint-disable */ const PageViewUpDocument = `
-    mutation pageViewUp($pageHandle: String!, $userAgent: String!) {
-  pageViewUp(pageHandle: $pageHandle, userAgent: $userAgent)
+    mutation pageViewUp($pageHandle: String!) {
+  pageViewUp(pageHandle: $pageHandle)
 }
     `;
 

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

@@ -0,0 +1,59 @@
+'use strict';
+
+const ArticlesDocument = `
+    query articles($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: ArticleOrder, $where: ArticleWhereInput) {
+  articles(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        title
+        handle
+        description
+        templateSuffix
+        titleMeta
+        descriptionMeta
+        baseID
+        platform
+        tags
+        isSample
+        platformCreatedAt
+        author
+        content {
+          excerptHtml
+        }
+        blogs {
+          edges {
+            node {
+              title
+              handle
+            }
+          }
+        }
+        media {
+          alt
+          width
+          src
+          height
+        }
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.ArticlesDocument = ArticlesDocument;

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

@@ -0,0 +1,64 @@
+'use strict';
+
+const BlogsDocument = `
+    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput, $articlesOrderBy: ArticleOrder) {
+  blogs(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        baseID
+        description
+        descriptionMeta
+        handle
+        articles(orderBy: $articlesOrderBy) {
+          edges {
+            cursor
+            node {
+              id
+              title
+              handle
+              description
+              templateSuffix
+              titleMeta
+              descriptionMeta
+              baseID
+              tags
+              isSample
+              platformCreatedAt
+              author
+              media {
+                width
+                src
+                height
+              }
+            }
+          }
+          totalCount
+        }
+        id
+        platform
+        tags
+        templateSuffix
+        title
+        titleMeta
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.BlogsDocument = BlogsDocument;

package/dist/cjs/helpers/borders.js

@@ -10,6 +10,20 @@ const getBorderStyle = (value)=>{
         bw: value?.width
     });
 };
+const getBorderRadiusStyle = (borderRadius, shapeRadius)=>{
+    const initialRadius = Object.entries(shapeRadius || {}).reduce((shapeRadius, [position, value])=>{
+        return {
+            ...shapeRadius,
+            [`--${position}`]: value
+        };
+    }, {});
+    return Object.entries(borderRadius || {}).reduce((borderRadius, [position, value])=>{
+        return {
+            ...borderRadius,
+            [`--${position}`]: value
+        };
+    }, initialRadius);
+};
 const handleConvertBorderStyle = (value, type)=>{
     if (!value) return undefined;
     if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
@@ -175,6 +189,7 @@ const composeBorderCss = (borderV)=>{
 };
 
 exports.composeBorderCss = composeBorderCss;
+exports.getBorderRadiusStyle = getBorderRadiusStyle;
 exports.getBorderStyle = getBorderStyle;
 exports.handleConvertBorderColor = handleConvertBorderColor;
 exports.handleConvertBorderStyle = handleConvertBorderStyle;

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var articles_generated = require('../../graphql/queries/articles.generated.js');
+var useFetchHandle = require('../useFetchHandle.js');
+var useSWR = require('swr');
+var blogs_generated = require('../../graphql/queries/blogs.generated.js');
+
+const useArticlesQuery = (variables, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const fetchArticles = ()=>fetcher([
+            articles_generated.ArticlesDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/articles',
+        variables
+    ] : null, fetchArticles, options);
+};
+const useBlogsQuery = (variables, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    const fetchBlogs = ()=>fetcher([
+            blogs_generated.BlogsDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/blogs',
+        variables
+    ] : null, fetchBlogs, options);
+};
+
+exports.useArticlesQuery = useArticlesQuery;
+exports.useBlogsQuery = useBlogsQuery;

package/dist/cjs/index.js

@@ -16,6 +16,8 @@ var ShopContext = require('./contexts/ShopContext.js');
 var PageContext = require('./contexts/PageContext.js');
 var CollectionContext = require('./contexts/CollectionContext.js');
 var ModalContext = require('./contexts/ModalContext.js');
+var ArticleListContext = require('./contexts/ArticleListContext.js');
+var ArticleContext = require('./contexts/ArticleContext.js');
 var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
 var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
 var collection_generated = require('./graphql/queries/collection.generated.js');
@@ -89,6 +91,7 @@ var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
 var useLoadScript = require('./hooks/useLoadScript.js');
 var useMoney = require('./hooks/useMoney.js');
 var usePrevious = require('./hooks/usePrevious.js');
+var useArticlesQuery = require('./hooks/articles/useArticlesQuery.js');
 var useProduct = require('./hooks/useProduct.js');
 var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
@@ -136,6 +139,10 @@ exports.CollectionProvider = CollectionContext.CollectionProvider;
 exports.useCollectionStore = CollectionContext.useCollectionStore;
 exports.ModalProvider = ModalContext.ModalProvider;
 exports.useModalStore = ModalContext.useModalStore;
+exports.ArticleListProvider = ArticleListContext.ArticleListProvider;
+exports.useArticleListStore = ArticleListContext.useArticleListStore;
+exports.ArticleProvider = ArticleContext.ArticleProvider;
+exports.useArticleStore = ArticleContext.useArticleStore;
 exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
 exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
 exports.CollectionDocument = collection_generated.CollectionDocument;
@@ -149,6 +156,7 @@ exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
 exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument;
 exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
 exports.composeBorderCss = borders.composeBorderCss;
+exports.getBorderRadiusStyle = borders.getBorderRadiusStyle;
 exports.getBorderStyle = borders.getBorderStyle;
 exports.handleConvertBorderColor = borders.handleConvertBorderColor;
 exports.handleConvertBorderStyle = borders.handleConvertBorderStyle;
@@ -321,6 +329,8 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
 exports.useLoadScript = useLoadScript.default;
 exports.useMoney = useMoney.default;
 exports.usePrevious = usePrevious.usePrevious;
+exports.useArticlesQuery = useArticlesQuery.useArticlesQuery;
+exports.useBlogsQuery = useArticlesQuery.useBlogsQuery;
 exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;

package/dist/esm/contexts/ArticleContext.js

@@ -0,0 +1,36 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useStore, createStore } from 'zustand';
+import { useId, useMemo, useContext, createContext } from 'react';
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ createContext(null);
+const createArticleStoreProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = useId();
+    const store = useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsx(Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { ArticleProvider, useArticleStore };

package/dist/esm/contexts/ArticleListContext.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+import { useStore, createStore } from 'zustand';
+
+const ArticleListContext = /*#__PURE__*/ createContext(null);
+const createArticleListProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, children, styles, settings })=>{
+    return /*#__PURE__*/ jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { ArticleListContext, ArticleListProvider, useArticleListStore };

package/dist/esm/graphql/mutations/page-view-up.generated.js

@@ -1,6 +1,6 @@
 /* eslint-disable */ const PageViewUpDocument = `
-    mutation pageViewUp($pageHandle: String!, $userAgent: String!) {
-  pageViewUp(pageHandle: $pageHandle, userAgent: $userAgent)
+    mutation pageViewUp($pageHandle: String!) {
+  pageViewUp(pageHandle: $pageHandle)
 }
     `;
 

package/dist/esm/graphql/queries/articles.generated.js

@@ -0,0 +1,57 @@
+const ArticlesDocument = `
+    query articles($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: ArticleOrder, $where: ArticleWhereInput) {
+  articles(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        title
+        handle
+        description
+        templateSuffix
+        titleMeta
+        descriptionMeta
+        baseID
+        platform
+        tags
+        isSample
+        platformCreatedAt
+        author
+        content {
+          excerptHtml
+        }
+        blogs {
+          edges {
+            node {
+              title
+              handle
+            }
+          }
+        }
+        media {
+          alt
+          width
+          src
+          height
+        }
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+export { ArticlesDocument };

package/dist/esm/graphql/queries/blogs.generated.js

@@ -0,0 +1,62 @@
+const BlogsDocument = `
+    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput, $articlesOrderBy: ArticleOrder) {
+  blogs(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        baseID
+        description
+        descriptionMeta
+        handle
+        articles(orderBy: $articlesOrderBy) {
+          edges {
+            cursor
+            node {
+              id
+              title
+              handle
+              description
+              templateSuffix
+              titleMeta
+              descriptionMeta
+              baseID
+              tags
+              isSample
+              platformCreatedAt
+              author
+              media {
+                width
+                src
+                height
+              }
+            }
+          }
+          totalCount
+        }
+        id
+        platform
+        tags
+        templateSuffix
+        title
+        titleMeta
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+export { BlogsDocument };

package/dist/esm/helpers/borders.js

@@ -8,6 +8,20 @@ const getBorderStyle = (value)=>{
         bw: value?.width
     });
 };
+const getBorderRadiusStyle = (borderRadius, shapeRadius)=>{
+    const initialRadius = Object.entries(shapeRadius || {}).reduce((shapeRadius, [position, value])=>{
+        return {
+            ...shapeRadius,
+            [`--${position}`]: value
+        };
+    }, {});
+    return Object.entries(borderRadius || {}).reduce((borderRadius, [position, value])=>{
+        return {
+            ...borderRadius,
+            [`--${position}`]: value
+        };
+    }, initialRadius);
+};
 const handleConvertBorderStyle = (value, type)=>{
     if (!value) return undefined;
     if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
@@ -172,4 +186,4 @@ const composeBorderCss = (borderV)=>{
   `;
 };
 
-export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn };
+export { composeBorderCss, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn };

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -0,0 +1,29 @@
+import { ArticlesDocument } from '../../graphql/queries/articles.generated.js';
+import { useFetchHandle } from '../useFetchHandle.js';
+import useSWR from 'swr';
+import { BlogsDocument } from '../../graphql/queries/blogs.generated.js';
+
+const useArticlesQuery = (variables, options)=>{
+    const fetcher = useFetchHandle();
+    const fetchArticles = ()=>fetcher([
+            ArticlesDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/articles',
+        variables
+    ] : null, fetchArticles, options);
+};
+const useBlogsQuery = (variables, options)=>{
+    const fetcher = useFetchHandle();
+    const fetchBlogs = ()=>fetcher([
+            BlogsDocument,
+            variables ?? {}
+        ]);
+    return useSWR(variables ? [
+        'query/blogs',
+        variables
+    ] : null, fetchBlogs, options);
+};
+
+export { useArticlesQuery, useBlogsQuery };

package/dist/esm/index.js

@@ -14,6 +14,8 @@ export { ShopProvider, useShopStore } from './contexts/ShopContext.js';
 export { PageProvider, usePageStore } from './contexts/PageContext.js';
 export { CollectionProvider, useCollectionStore } from './contexts/CollectionContext.js';
 export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
+export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
+export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
 export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
 export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
 export { CollectionDocument } from './graphql/queries/collection.generated.js';
@@ -26,7 +28,7 @@ export { LibraryTemplateDocument } from './graphql-app-api/queries/LibraryTempla
 export { ThemePageDocument } from './graphql-app-api/queries/ThemePage.generated.js';
 export { SaleFunnelDiscountsDocument } from './graphql-app-api/queries/SaleFunnelDiscounts.generated.js';
 export { LibrarySaleFunnelDocument } from './graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js';
-export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
+export { composeBorderCss, getBorderRadiusStyle, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
 export { cls } from './helpers/cls.js';
 export { animations } from './helpers/animations.js';
@@ -90,6 +92,7 @@ export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayou
 export { default as useLoadScript } from './hooks/useLoadScript.js';
 export { default as useMoney } from './hooks/useMoney.js';
 export { usePrevious } from './hooks/usePrevious.js';
+export { useArticlesQuery, useBlogsQuery } from './hooks/articles/useArticlesQuery.js';
 export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';