@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/esm/article/components/ArticleExcerpt.liquid.js

@@ -1,21 +1,4 @@
-import { template } from '@gem-sdk/core';
-import Text from '../../text/components/Text.liquid.js';
-
-const ArticleExcerpt = ({ setting, styles, advanced, builderProps })=>{
-    return template`
-    ${Text({
-        styles: styles,
-        setting: {
-            ...setting,
-            text: '{{article.excerpt}}',
-            excludeFlex: true
-        },
-        advanced: advanced,
-        builderAttrs: {
-            'data-id': builderProps?.uid
-        }
-    })}
-  `;
-};
-
-export { ArticleExcerpt as default };
+'use client';
+import{template as e}from"@gem-sdk/core";import t from"../../text/components/Text.liquid.js";let ArticleExcerpt=({setting:r,styles:i,advanced:c,builderProps:d})=>e`
+    ${t({styles:i,setting:{...r,text:"{{article.excerpt}}",excludeFlex:!0},advanced:c,builderAttrs:{"data-id":d?.uid}})}
+  `;export{ArticleExcerpt as default};

package/dist/esm/article/components/ArticleImage.js

@@ -1,36 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useArticleStore, cls } from '@gem-sdk/core';
-import Image from '../../image/components/Image.js';
-import 'next/image';
-import { useMemo } from 'react';
-
-const ArticleImage = ({ className, setting = {}, styles = {}, advanced, builderProps })=>{
-    const article = useArticleStore((s)=>s.article);
-    const image = useMemo(()=>{
-        const { src, alt } = article?.media ?? {};
-        return {
-            src,
-            alt
-        };
-    }, [
-        article
-    ]);
-    return /*#__PURE__*/ jsx("div", {
-        className: cls('gp-text-center gp-overflow-hidden', className),
-        style: {
-            borderRadius: 'inherit'
-        },
-        children: /*#__PURE__*/ jsx(Image, {
-            builderProps: builderProps,
-            setting: {
-                ...setting,
-                alt: image.alt,
-                image
-            },
-            styles: styles,
-            advanced: advanced
-        })
-    });
-};
-
-export { ArticleImage as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useArticleStore as t,cls as r}from"@gem-sdk/core";import a from"../../image/components/Image.js";import{useMemo as i}from"react";let ArticleImage=({className:m,setting:l={},styles:o={},advanced:s,builderProps:c})=>{let d=t(e=>e.article),n=i(()=>{let{src:e,alt:t}=d?.media??{};return{src:e,alt:t}},[d]);return e("div",{className:r("gp-text-center",m),style:{borderRadius:"inherit"},children:e(a,{builderProps:c,setting:{...l,alt:n.alt,image:n,disableNoDataState:!0},styles:o,advanced:s})})};export{ArticleImage as default};

package/dist/esm/article/components/ArticleImage.liquid.js

@@ -1,50 +1,12 @@
-import { template, cls } from '@gem-sdk/core';
-import Image from '../../image/components/Image.liquid.js';
-
-const ArticleImage = (props)=>{
-    const setting = props?.setting ?? {};
-    const { builderProps } = props;
-    return template`
-    <div class="${cls('gp-text-center gp-overflow-hidden', props?.className)}" style="border-radius: inherit">
-      ${setting?.linkArticle ? `
-          <a href="{{article.url}}" title="{{article.title}}">
-            ${Image({
-        ...props,
-        styles: props.styles,
-        setting: {
-            ...props.setting,
-            alt: '{{article.image.alt}}',
-            image: {
-                src: `{{article.image.src | img_url: '1024x1024'}}`,
-                alt: '{{article.image.alt}}'
-            }
-        },
-        advanced: props.advanced,
-        builderAttrs: {
-            'data-id': builderProps?.uid
-        }
-    })}
+'use client';
+import{template as e,cls as t}from"@gem-sdk/core";import a from"../../image/components/Image.liquid.js";import{getLinkArticle as i}from"../../helpers.js";let ArticleImage=r=>{let l=r?.setting??{},{builderProps:s}=r,c=l?.openNewTab?"_blank":"_self";return e`
+    <div class="${t("gp-text-center",r?.className)}" style="border-radius: inherit">
+      ${l?.linkArticle?`
+          <a href="${i(l.linkArticle,l.customURL)}" target="${c}" title="{{article.title}}">
+            ${a({...r,styles:r.styles,setting:{...r.setting,alt:"{{article.image.alt}}",image:{src:"{{article.image.src | img_url: '1024x1024'}}",alt:"{{article.image.alt}}"},srcSet:{desktop:{src:"{{article.image.src | img_url: '1024x1024'}}"}},disableNoDataState:!0},advanced:r.advanced,builderAttrs:{"data-id":s?.uid}})}
           </a>
-        ` : `
-        ${Image({
-        ...props,
-        styles: props.styles,
-        setting: {
-            ...props.setting,
-            alt: '{{article.image.alt}}',
-            image: {
-                src: `{{article.image.src | img_url: '1024x1024'}}`,
-                alt: '{{article.image.alt}}'
-            }
-        },
-        advanced: props.advanced,
-        builderAttrs: {
-            'data-id': builderProps?.uid
-        }
-    })}
+        `:`
+        ${a({...r,styles:r.styles,setting:{...r.setting,alt:"{{article.image.alt}}",image:{src:"{{article.image.src | img_url: '1024x1024'}}",alt:"{{article.image.alt}}"},srcSet:{desktop:{src:"{{article.image.src | img_url: '1024x1024'}}"}},disableNoDataState:!0},advanced:r.advanced,builderAttrs:{"data-id":s?.uid}})}
       `}
     </div>
-  `;
-};
-
-export { ArticleImage as default };
+  `};export{ArticleImage as default};

package/dist/esm/article/components/ArticleList.js

@@ -1,141 +1,2 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useEditorMode, useBlogsQuery, useArticlesQuery, flattenConnection, ArticleListProvider, getBorderStyle, getBorderRadiusStyle, getStyleShadow, makeStyleResponsive, makeWidth, getStyleBackgroundByDevice, getResponsiveValueByScreen, cls, ArticleProvider, isEmptyChildren } from '@gem-sdk/core';
-import ChildrenDroppable from '../../grid/components/ChildrenDroppable.js';
-import Loading from '../../common/components/Loading.js';
-import { useState } from 'react';
-import ArticleNotFound from './ArticleNotFound.js';
-
-const ArticleList = ({ styles, setting, className, children, builderProps })=>{
-    const mode = useEditorMode();
-    const { articleSetting, numberOfArticle } = setting ?? {};
-    const { articleIds, articlePickType } = articleSetting ?? {};
-    const articlesQuery = {
-        first: articleIds?.length || 50,
-        where: {
-            baseIDIn: [
-                ...articleSetting?.articleIds ?? []
-            ]
-        },
-        orderBy: {
-            direction: 'DESC',
-            field: 'PUBLISHED_AT'
-        }
-    };
-    const blogsQuery = {
-        first: 1,
-        where: {
-            baseID: articleSetting?.blogId
-        },
-        orderBy: {
-            direction: 'DESC',
-            field: 'PLATFORM_UPDATED_AT'
-        },
-        articlesOrderBy: {
-            direction: 'DESC',
-            field: 'PLATFORM_UPDATED_AT'
-        }
-    };
-    const [fromWarningImportShopify, setFromWarningImportShopify] = useState(true);
-    const blogsData = useBlogsQuery(articlePickType === 'latest' ? blogsQuery : null, {
-        revalidateOnMount: true
-    });
-    const articlesData = useArticlesQuery(articlePickType === 'manually' ? articlesQuery : null, {
-        revalidateOnMount: true
-    });
-    const firstBlog = blogsData.data?.blogs?.edges?.[0]?.node;
-    const isLoading = articlePickType === 'manually' ? articlesData.isLoading : blogsData.isLoading;
-    const isValidating = articlePickType === 'manually' ? articlesData.isValidating : blogsData.isValidating;
-    const errorMsg = articlePickType === 'manually' ? articlesData.error : blogsData.error;
-    const blog = blogsData?.data?.blogs?.edges?.[0]?.node;
-    const articles = articlePickType === 'latest' ? flattenConnection(blog?.articles) : flattenConnection(articlesData?.data?.articles);
-    const generateArticleItemList = (data, blog)=>({
-            ...data ?? {},
-            blog: {
-                title: blog?.title ?? '',
-                handle: blog?.handle ?? ''
-            }
-        });
-    const articleSortedById = articlePickType === 'latest' ? articles?.filter((_, index)=>index < +(numberOfArticle || 4)).map((data)=>generateArticleItemList(data, blog)) : articlePickType === 'manually' && articleSetting?.articleIds?.length ? articleIds?.map((articleId)=>{
-        const data = articles?.find((article)=>article?.baseID === articleId);
-        return generateArticleItemList(data, data?.blogs?.edges?.[0]?.node);
-    }).filter(Boolean) : articles.filter((_, index)=>index < (articleSetting?.numOfSelectedArticles || 4)).map((data)=>generateArticleItemList(data, data?.blogs?.edges?.[0]?.node));
-    if (!articleSortedById?.length && !isLoading && mode == 'edit') {
-        if (!fromWarningImportShopify) return null;
-        return /*#__PURE__*/ jsx(ArticleNotFound, {
-            blogHandle: firstBlog?.handle,
-            onClose: ()=>setFromWarningImportShopify(false),
-            articlePickType: articlePickType ?? 'manually',
-            children: children
-        });
-    }
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: isValidating || isLoading ? /*#__PURE__*/ jsx(Loading, {}) : errorMsg ? /*#__PURE__*/ jsxs("div", {
-            children: [
-                "Error: ",
-                errorMsg?.message
-            ]
-        }) : !articleSortedById?.length ? /*#__PURE__*/ jsx("div", {
-            children: "Articles not found"
-        }) : /*#__PURE__*/ jsx(ArticleListProvider, {
-            styles: {
-                horizontalGutter: styles?.horizontalGutter,
-                verticalGutter: styles?.verticalGutter,
-                fullWidth: styles?.fullWidth,
-                spacing: styles?.spacing,
-                width: styles?.width,
-                height: styles?.height
-            },
-            settings: {
-                slidesToShow: setting?.slideToShow ?? {
-                    desktop: 4,
-                    tablet: 3,
-                    mobile: 1
-                }
-            },
-            articles: articleSortedById,
-            children: /*#__PURE__*/ jsx("div", {
-                "data-id": builderProps?.uid,
-                className: "gp-relative gp-overflow-hidden",
-                style: {
-                    ...getBorderStyle(styles?.wrapperBorder),
-                    ...getBorderRadiusStyle(styles?.borderRadius),
-                    ...getStyleShadow({
-                        value: styles?.shadow,
-                        styleAppliedFor: 'box-shadow',
-                        isEnableShadow: styles?.hasActiveShadow
-                    })
-                },
-                children: /*#__PURE__*/ jsx("div", {
-                    style: {
-                        ...makeStyleResponsive('w', makeWidth(styles?.width, styles?.fullWidth)),
-                        ...makeStyleResponsive('rg', styles?.horizontalGutter),
-                        ...makeStyleResponsive('cg', styles?.verticalGutter),
-                        ...getStyleBackgroundByDevice(setting?.background),
-                        ...makeStyleResponsive('gtc', {
-                            desktop: `repeat(${getResponsiveValueByScreen(setting?.slideToShow, 'desktop')}, minmax(0, 1fr))`,
-                            tablet: setting?.slideToShow?.tablet && `repeat(${getResponsiveValueByScreen(setting?.slideToShow, 'tablet')}, minmax(0, 1fr))`,
-                            mobile: setting?.slideToShow?.mobile && `repeat(${getResponsiveValueByScreen(setting?.slideToShow, 'mobile')}, minmax(0, 1fr))`
-                        })
-                    },
-                    className: cls(className, 'gp-m-auto gp-grid gp-w-full'),
-                    children: articleSortedById.map((article)=>{
-                        return /*#__PURE__*/ jsx(ArticleProvider, {
-                            article: article,
-                            readOnly: true,
-                            children: /*#__PURE__*/ jsx("div", {
-                                'data-component-type': 'component',
-                                'data-component-tag': 'Article',
-                                'data-component-label': 'Article',
-                                'data-component-no-setting': true,
-                                'data-article-id': article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
-                                children: isEmptyChildren(children) ? /*#__PURE__*/ jsx(ChildrenDroppable, {}) : children
-                            })
-                        }, article?.id);
-                    })
-                })
-            })
-        })
-    });
-};
-
-export { ArticleList as default };
+'use client';
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEditorMode as i,composeAdvanceStyle as l,useBlogsQuery as a,useArticlesQuery as r,flattenConnection as o,ArticleListProvider as d,makeStyleWithDefault as n,makeWidth as s,makeStyleResponsive as c,getStyleBackgroundByDevice as m,getGradientBgrStyleByDevice as g,getResponsiveValueByScreen as p,cls as h,ArticleProvider as u,isEmptyChildren as b,filterToolbarPreview as f}from"@gem-sdk/core";import w from"../../grid/components/ChildrenDroppable.js";import A from"../../common/components/Loading.js";import{useState as T}from"react";import y from"./ArticleNotFound.js";let ArticleList=D=>{let v=i(),{styles:S,setting:O,className:k,children:I,builderProps:L,advanced:E,builderAttrs:P}=D??{},{articleSetting:G,numberOfArticle:_}=O??{},{articleIds:x,articlePickType:C}=G??{},{border:M,rounded:j,hasBoxShadow:B,boxShadow:F}=E??{},N=l({border:M,rounded:j,hasBoxShadow:B,boxShadow:F,"spacing-setting":E?.["spacing-setting"]}),z={first:x?.length||50,where:{baseIDIn:[...G?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},R={first:1,where:{baseID:G?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[U,$]=T(!0),V=a("latest"===C?R:null,{revalidateOnMount:!0}),H=r("manually"===C?z:null,{revalidateOnMount:!0}),q=V.data?.blogs?.edges?.[0]?.node,J="manually"===C?H.isLoading:V.isLoading,K="manually"===C?H.isValidating:V.isValidating,Q="manually"===C?H.error:V.error,W=V?.data?.blogs?.edges?.[0]?.node,X="latest"===C?o(W?.articles):o(H?.data?.articles),Y=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),Z="latest"===C?X?.filter((e,t)=>t<+(_||4)).map(e=>Y(e,W)):"manually"===C&&G?.articleIds?.length?x?.map(e=>{let t=X?.find(t=>t?.baseID===e);return Y(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):X.filter((e,t)=>t<(G?.numOfSelectedArticles||4)).map(e=>Y(e,e?.blogs?.edges?.[0]?.node));return Z?.length||J||"edit"!=v?t("div",{...P,className:L?.builderData?.uid,children:[K||J?e(A,{}):Q?t("div",{children:["Error: ",Q?.message]}):Z?.length?e(d,{styles:{horizontalGutter:S?.horizontalGutter,verticalGutter:S?.verticalGutter,spacing:S?.spacing,width:S?.width,height:S?.height},settings:{slidesToShow:O?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:Z,children:e("div",{"data-id":L?.uid,className:"gp-relative",children:e("div",{style:{...N,...n("w",s(S?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...c("rg",S?.horizontalGutter),...c("cg",S?.verticalGutter),...m(O?.background),...g(O?.background),...c("gtc",{desktop:`repeat(${p(O?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:O?.slideToShow?.tablet&&`repeat(${p(O?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:O?.slideToShow?.mobile&&`repeat(${p(O?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:h(k,"gp-m-auto gp-grid gp-w-full"),children:Z.map(t=>e(u,{article:t,readOnly:!0,children:e("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":t?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:b(I)?e(w,{}):I})},t?.id))})})}):e("div",{children:"Articles not found"}),f(I,!0)]}):U?e(y,{blogHandle:q?.handle,onClose:()=>$(!1),articlePickType:C??"manually",children:I}):null};export{ArticleList as default};

package/dist/esm/article/components/ArticleList.liquid.js

@@ -1,76 +1,42 @@
-import { template, getBorderStyle, getBorderRadiusStyle, getStyleShadow, makeStyleResponsive, makeWidth, getStyleBackgroundByDevice, getResponsiveValueByScreen, cls } from '@gem-sdk/core';
-import { convertUnitToNumber } from '../../product/components/ProductImages/common/productFeaturedImage.js';
-import { convertSpecialCharacter } from '../utils/string.js';
-
-const ArticleList = ({ setting, styles, className, children, advanced, builderProps })=>{
-    const articleSetting = setting?.articleSetting;
-    const articleOrderBy = setting?.articleOrderBy ?? 'UPDATED_AT_REVERSE';
-    const articlePickType = articleSetting?.articlePickType ?? 'manually';
-    const articleHandles = articlePickType === 'manually' && articleSetting?.articleHandles?.length ? articleSetting?.articleHandles : [];
-    const articleBlogTitles = articlePickType === 'manually' && articleSetting?.articleBlogTitles?.length ? articleSetting?.articleBlogTitles : [];
-    const blogHandle = articleSetting?.blogHandle ?? '';
-    const articleLimit = convertUnitToNumber(setting?.numberOfArticle, 4);
-    return template /* liquid */ `
-    <div 
-    data-id="${builderProps?.uid}"
+'use client';
+import{composeAdvanceStyle as l,template as e,makeStyleWithDefault as i,makeWidth as t,makeStyleResponsive as a,getStyleBackgroundByDevice as r,getGradientBgrStyleByDevice as s,getResponsiveValueByScreen as n,cls as o}from"@gem-sdk/core";import{convertSpecialCharacter as c}from"../common/helpers.js";import{convertUnitToNumber as g}from"../../helpers.js";let ArticleList=d=>{let{styles:m,setting:p,className:u,children:b,builderProps:_,advanced:f}=d??{},{border:h,rounded:T,hasBoxShadow:y,boxShadow:$}=f??{},w=l({border:h,rounded:T,hasBoxShadow:y,boxShadow:$,"spacing-setting":f?.["spacing-setting"]}),S=p?.articleSetting,k=p?.articleOrderBy??"UPDATED_AT_REVERSE",E=S?.articlePickType??"manually",v="manually"===E&&S?.articleHandles?.length?S?.articleHandles:[],B="manually"===E&&S?.articleBlogTitles?.length?S?.articleBlogTitles:[],H=S?.blogHandle??"",R=g(p?.numberOfArticle,4);return e`
+    <div
+    data-id="${_?.uid}"
       items-repeat
-      class="overflow-hidden"
-      style="${{
-        ...getBorderStyle(styles?.wrapperBorder),
-        ...getBorderRadiusStyle(styles?.borderRadius),
-        ...getStyleShadow({
-            value: styles?.shadow,
-            styleAppliedFor: 'box-shadow',
-            isEnableShadow: styles?.hasActiveShadow
-        })
-    }}"
     >
-      <div style="${{
-        ...makeStyleResponsive('w', makeWidth(styles?.width, styles?.fullWidth)),
-        ...makeStyleResponsive('rg', styles?.horizontalGutter),
-        ...makeStyleResponsive('cg', styles?.verticalGutter),
-        ...getStyleBackgroundByDevice(setting?.background),
-        ...makeStyleResponsive('gtc', {
-            desktop: `repeat(${getResponsiveValueByScreen(setting?.slideToShow, 'desktop')}, minmax(0, 1fr))`,
-            tablet: setting?.slideToShow?.tablet && `repeat(${getResponsiveValueByScreen(setting?.slideToShow, 'tablet')}, minmax(0, 1fr))`,
-            mobile: setting?.slideToShow?.mobile && `repeat(${getResponsiveValueByScreen(setting?.slideToShow, 'mobile')}, minmax(0, 1fr))`
-        })
-    }}"
-          class="${cls(className, 'gp-grid !gp-m-auto gp-w-full', advanced?.cssClass)}"
+      <div style="${{...w,...i("w",t(m?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...a("rg",m?.horizontalGutter),...a("cg",m?.verticalGutter),...r(p?.background),...s(p?.background),...a("gtc",{desktop:`repeat(${n(p?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:p?.slideToShow?.tablet&&`repeat(${n(p?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:p?.slideToShow?.mobile&&`repeat(${n(p?.slideToShow,"mobile")}, minmax(0, 1fr))`})}}"
+          class="${o(u,"gp-grid !gp-m-auto gp-w-full",f?.cssClass)}"
         >
         {% liquid
-            assign articlePickType = '${articlePickType}'
-            assign articleHandles = '${articleHandles.toString()}'| split: ","
-            assign articleBlogTitle = "${convertSpecialCharacter(articleBlogTitles.toString())}" | split: ","
-            assign limit = "${articlePickType === 'manually' ? articleSetting?.articleIds?.length : articleLimit}"
-            assign blogTitle = null
+            assign articlePickType = '${E}'
+            assign articleHandles = '${v.toString()}'| split: ","
+            assign articleBlogTitle = "${c(B.toString())}" | split: ","
+            assign limit = "${"manually"===E?S?.articleIds?.length:R}"
+            assign blogTitle = ''
             assign all_articles = null | sort
-            
+
             if articlePickType == 'manually'
               for handle in articleHandles
                 assign articleByHandle = articles[handle] | sort
                 assign all_articles = all_articles | concat: articleByHandle
               endfor
             else
-              assign current_blog = blogs['${blogHandle}']
+              assign current_blog_handle = blogs['${H}']
               if gp_enable_custom_dynamic_blog == true
-                assign current_blog = blog
+                assign current_blog_handle = blogs[blog.handle]
               endif
-              assign all_articles = current_blog.articles | limit: limit | sort: "${articleOrderBy.replace('_REVERSE', '').toLowerCase()}" ${articleOrderBy.includes('_REVERSE') ? '| reverse' : ''}
-              assign blogTitle = current_blog.title
+              assign all_articles = current_blog_handle.articles | limit: limit | sort: "${k.replace("_REVERSE","").toLowerCase()}" ${k.includes("_REVERSE")?"| reverse":""}
+              assign blogTitle = current_blog_handle.title
             endif
-            
-        %} 
+
+        %}
         {% for article in all_articles limit: limit %}
           {% if articlePickType == 'manually' %}
               {% assign blogTitle = articleBlogTitle[forloop.index0] %}
           {% endif %}
-          <div>${children ?? ''}</div>
+          <div>${b??""}</div>
         {% endfor %}
       </div>
     </div>
-    
-  `;
-};
 
-export { ArticleList as default };
+  `};export{ArticleList as default};

package/dist/esm/article/components/ArticleNotFound.js

@@ -1,137 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { usePageType, useShopStore, filterToolbarPreview } from '@gem-sdk/core';
-import { useMemo } from 'react';
-
-const ArticleNotFound = ({ blogHandle, articlePickType, builderAttrs, children })=>{
-    const isInstant = usePageType() === 'STATIC';
-    const storefrontToken = useShopStore((s)=>s.storefrontToken);
-    const storefrontUrl = useShopStore((s)=>s.storefrontUrl);
-    const isPickBlog = articlePickType === 'latest';
-    const textWarning = useMemo(()=>{
-        if (isInstant && !storefrontToken) {
-            return 'We can not get your articles from Shopify';
-        }
-        if (isPickBlog) {
-            if (!blogHandle) {
-                return 'Have you create blog in your store? We couldn’t find any.';
-            } else {
-                return 'Have you add articles to this blog? We couldn’t find any.';
-            }
-        }
-        return 'Have you added articles to your store? We couldn’t find any.';
-    }, [
-        isInstant,
-        storefrontToken,
-        isPickBlog,
-        blogHandle
-    ]);
-    const textLink = useMemo(()=>{
-        if (isPickBlog) {
-            if (!blogHandle) {
-                return 'Add blog to Shopify';
-            }
-            return 'Add articles to blog';
-        }
-        return `Add articles to Shopify`;
-    }, [
-        isPickBlog,
-        blogHandle
-    ]);
-    const shopifyLink = useMemo(()=>{
-        if (!storefrontUrl) return undefined;
-        const url = new URL(storefrontUrl);
-        if (isPickBlog) {
-            return `${url.protocol}//${url.host}/admin/blogs`;
-        }
-        return `${url.protocol}//${url.host}/admin/articles`;
-    }, [
-        isPickBlog,
-        storefrontUrl
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        ...builderAttrs,
-        className: `gp-relative gp-flex gp-h-[98px] gp-flex-col gp-items-center gp-justify-center gp-rounded gp-border-dotted gp-border-[#676767] gp-border`,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: `gp-flex gp-items-center gp-justify-center`,
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: "gp-mr-2",
-                        children: /*#__PURE__*/ jsxs("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "21",
-                            height: "21",
-                            viewBox: "0 0 21 21",
-                            fill: "none",
-                            children: [
-                                /*#__PURE__*/ jsx("g", {
-                                    clipPath: "url(#clip0_9546_221079)",
-                                    children: /*#__PURE__*/ jsx("path", {
-                                        fillRule: "evenodd",
-                                        clipRule: "evenodd",
-                                        d: "M11.5728 3.86863C11.0976 3.04379 9.90241 3.04379 9.4272 3.86863L1.91575 16.9064C1.44289 17.7271 2.0381 18.75 2.98855 18.75H18.0114C18.9619 18.75 19.5571 17.7271 19.0842 16.9064L11.5728 3.86863ZM10.5 6.43064C10.8452 6.43064 11.125 6.7092 11.125 7.05282V12.6524C11.125 12.996 10.8452 13.2746 10.5 13.2746C10.1548 13.2746 9.875 12.996 9.875 12.6524V7.05282C9.875 6.7092 10.1548 6.43064 10.5 6.43064ZM10.5 14.7678C9.94771 14.7678 9.5 15.2135 9.5 15.7633C9.5 16.3131 9.94771 16.7588 10.5 16.7588C11.0523 16.7588 11.5 16.3131 11.5 15.7633C11.5 15.2135 11.0523 14.7678 10.5 14.7678Z",
-                                        fill: "#494949"
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx("defs", {
-                                    children: /*#__PURE__*/ jsx("clipPath", {
-                                        id: "clip0_9546_221079",
-                                        children: /*#__PURE__*/ jsx("rect", {
-                                            width: "20",
-                                            height: "21",
-                                            fill: "white",
-                                            transform: "translate(0.5)"
-                                        })
-                                    })
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "gp-text-sm gp-font-normal gp-text-[#212121]",
-                        children: textWarning
-                    })
-                ]
-            }),
-            isInstant ? /*#__PURE__*/ jsx("div", {
-                children: storefrontToken ? /*#__PURE__*/ jsx("div", {
-                    onClick: ()=>{
-                        if (shopifyLink) {
-                            window.open(shopifyLink, '_blank');
-                        }
-                    },
-                    "aria-hidden": "true",
-                    className: "gp-cursor-pointer gp-text-sm gp-font-medium gp-text-[#3C67FF] gp-no-underline",
-                    children: textLink
-                }) : /*#__PURE__*/ jsx("div", {
-                    onClick: ()=>{
-                        window.parent.postMessage('toggleImportProductModal');
-                    },
-                    "aria-hidden": "true",
-                    className: "gp-cursor-pointer gp-text-sm gp-font-medium gp-text-[#3C67FF] gp-no-underline",
-                    children: "Import from Shopify"
-                })
-            }) : /*#__PURE__*/ jsxs("div", {
-                className: "gp-text-sm gp-font-normal gp-text-[#212121]",
-                children: [
-                    /*#__PURE__*/ jsx("span", {
-                        "aria-hidden": true,
-                        onClick: ()=>{
-                            if (shopifyLink) {
-                                window.open(shopifyLink, '_blank');
-                            }
-                        },
-                        className: "gp-cursor-pointer gp-font-medium gp-text-[#3C67FF] hover:gp-underline",
-                        children: textLink
-                    }),
-                    ` `,
-                    "or pick another ",
-                    isPickBlog ? 'blog' : 'article'
-                ]
-            }),
-            filterToolbarPreview(children, true)
-        ]
-    });
-};
-
-export { ArticleNotFound as default };
+'use client';
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{usePageType as r,useShopStore as o,filterToolbarPreview as i}from"@gem-sdk/core";import{useMemo as n}from"react";let ArticleNotFound=({blogHandle:l,articlePickType:d,builderAttrs:p,children:a})=>{let c="STATIC"===r(),s=o(e=>e.storefrontToken),g=o(e=>e.storefrontUrl),m="latest"===d,h=n(()=>c&&!s?"We can not get your articles from Shopify":m?l?"Have you add articles to this blog? We couldn’t find any.":"Have you create blog in your store? We couldn’t find any.":"Have you added articles to your store? We couldn’t find any.",[c,s,m,l]),u=n(()=>m?l?"Add articles to blog":"Add blog to Shopify":"Add articles to Shopify",[m,l]),f=n(()=>{if(!g)return;let e=new URL(g);return m?`${e.protocol}//${e.host}/admin/blogs`:`${e.protocol}//${e.host}/admin/articles`},[m,g]);return e("div",{...p,className:"gp-relative gp-flex gp-h-[98px] gp-flex-col gp-items-center gp-justify-center gp-rounded gp-border-dotted gp-border-[#676767] gp-border",children:[e("div",{className:"gp-flex gp-items-center gp-justify-center",children:[t("span",{className:"gp-mr-2",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",children:[t("g",{clipPath:"url(#clip0_9546_221079)",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5728 3.86863C11.0976 3.04379 9.90241 3.04379 9.4272 3.86863L1.91575 16.9064C1.44289 17.7271 2.0381 18.75 2.98855 18.75H18.0114C18.9619 18.75 19.5571 17.7271 19.0842 16.9064L11.5728 3.86863ZM10.5 6.43064C10.8452 6.43064 11.125 6.7092 11.125 7.05282V12.6524C11.125 12.996 10.8452 13.2746 10.5 13.2746C10.1548 13.2746 9.875 12.996 9.875 12.6524V7.05282C9.875 6.7092 10.1548 6.43064 10.5 6.43064ZM10.5 14.7678C9.94771 14.7678 9.5 15.2135 9.5 15.7633C9.5 16.3131 9.94771 16.7588 10.5 16.7588C11.0523 16.7588 11.5 16.3131 11.5 15.7633C11.5 15.2135 11.0523 14.7678 10.5 14.7678Z",fill:"#494949"})}),t("defs",{children:t("clipPath",{id:"clip0_9546_221079",children:t("rect",{width:"20",height:"21",fill:"white",transform:"translate(0.5)"})})})]})}),t("span",{className:"gp-text-sm gp-font-normal gp-text-[#212121]",children:h})]}),c?t("div",{children:s?t("div",{onClick:()=>{f&&window.open(f,"_blank")},"aria-hidden":"true",className:"gp-cursor-pointer gp-text-sm gp-font-medium gp-text-[#3C67FF] gp-no-underline",children:u}):t("div",{onClick:()=>{window.parent.postMessage("toggleImportProductModal")},"aria-hidden":"true",className:"gp-cursor-pointer gp-text-sm gp-font-medium gp-text-[#3C67FF] gp-no-underline",children:"Import from Shopify"})}):e("div",{className:"gp-text-sm gp-font-normal gp-text-[#212121]",children:[t("span",{"aria-hidden":!0,onClick:()=>{f&&window.open(f,"_blank")},className:"gp-cursor-pointer gp-font-medium gp-text-[#3C67FF] hover:gp-underline",children:u})," ","or pick another ",m?"blog":"article"]}),i(a,!0)]})};export{ArticleNotFound as default};

package/dist/esm/article/components/ArticlePagination.js

@@ -1,14 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import '@gem-sdk/core';
-import 'react';
-import 'next/head';
-import 'next/link';
-import CollectionPaginator from '../../collection/components/CollectionPaginator.js';
-
-const ArticlePagination = (props)=>{
-    return /*#__PURE__*/ jsx(CollectionPaginator, {
-        ...props
-    });
-};
-
-export { ArticlePagination as default };
+'use client';
+import{jsx as o}from"react/jsx-runtime";import t from"../../collection/components/collection-paginator/CollectionPaginator.js";let ArticlePagination=i=>o(t,{...i});export{ArticlePagination as default};

package/dist/esm/article/components/ArticlePagination.liquid.js

@@ -1,8 +1,2 @@
-import '@gem-sdk/core';
-import CollectionPaginator from '../../collection/components/CollectionPaginator.liquid.js';
-
-const ArticlePagination = (props)=>{
-    return CollectionPaginator(props);
-};
-
-export { ArticlePagination as default };
+'use client';
+import o from"../../collection/components/collection-paginator/CollectionPaginator.liquid.js";let ArticlePagination=i=>o(i);export{ArticlePagination as default};

package/dist/esm/article/components/ArticleReadMore.js

@@ -1,48 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import Text from '../../text/components/Text.js';
-import Button from '../../button/components/Button.js';
-import { useArticleStore } from '@gem-sdk/core';
-
-const ArticleReadMore = ({ setting, builderAttrs, builderProps, styles, style, advanced })=>{
-    const article = useArticleStore((s)=>s.article);
-    const { readMoreType, label } = setting ?? {};
-    const { typoBtn, typoText, globalSizeText, globalSizeBtn, textColorTextState, textColorBtnState, alignBtn, alignText } = styles;
-    return /*#__PURE__*/ jsx("div", {
-        id: `shopify-text-element-${builderProps?.uid}`,
-        "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
-        children: readMoreType === 'text' ? /*#__PURE__*/ jsx(Text, {
-            styles: {
-                ...styles,
-                color: textColorTextState,
-                typo: typoText,
-                spacing: '0px',
-                align: alignText
-            },
-            setting: {
-                ...setting,
-                text: label,
-                globalSize: globalSizeText,
-                excludeFlex: true
-            }
-        }) : /*#__PURE__*/ jsx(Button, {
-            builderAttrs: builderAttrs,
-            builderProps: builderProps,
-            setting: {
-                ...setting,
-                label,
-                htmlType: 'button'
-            },
-            styles: {
-                ...styles,
-                typo: typoBtn,
-                globalSize: globalSizeBtn,
-                textColor: textColorBtnState,
-                align: alignBtn
-            },
-            style: style,
-            advanced: advanced
-        })
-    });
-};
-
-export { ArticleReadMore as default };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import o from"../../button/components/Button.js";import{useArticleStore as r}from"@gem-sdk/core";let ArticleReadMore=({setting:i,builderAttrs:l,builderProps:n,styles:s,style:a,advanced:d})=>{let c=r(e=>e.article),{readMoreType:p,label:m}=i??{},{typoBtn:x,typoText:u,globalSizeText:f,globalSizeBtn:g,textColorTextState:b,alignBtn:y,alignText:h,enableHoverEffectText:v}=s??{};return e("div",{id:`shopify-text-element-${n?.uid}`,"data-article-id":c?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:"text"===p?e(t,{styles:{...s,color:b,typo:u,spacing:"0px",align:h,textColor:void 0,enableHoverEffect:v},setting:{...i,text:m,globalSize:f,excludeFlex:!0}}):e(o,{builderAttrs:l,builderProps:n,setting:{...i,label:m,htmlType:"button"},styles:{...s,typo:x,globalSize:g,align:y},style:a,advanced:d})})};export{ArticleReadMore as default};