@gem-sdk/core 1.42.3-dev.64 → 1.42.7

package/dist/cjs/components/ai-generator/hooks/useFlipPopup.js

@@ -1,110 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useFlipPopup = (isShowPopup, dom)=>{
-    const { genTool, genPopup, genPopupHeader, genButtonWrapper } = dom;
-    const [popupPositionY, setPopupPositionY] = react.useState('top');
-    const [popupPositionX, setPopupPositionX] = react.useState('left');
-    const [bodyMaxHeight, setBodyMaxHeight] = react.useState(null);
-    const [isValidating, setIsValidating] = react.useState(true);
-    const calculateMaxHeight = react.useCallback((currentPopupPositionY)=>{
-        const parentOverflow = genTool.current?.closest("[class~='gp-overflow-hidden']");
-        if (!parentOverflow || !genTool.current) {
-            return {
-                positionY: currentPopupPositionY,
-                maxHeight: null
-            };
-        }
-        const parentOverflowPos = parentOverflow.getBoundingClientRect();
-        const genToolPos = genTool.current.getBoundingClientRect();
-        const genToolHeaderHeight = genPopupHeader.current?.getBoundingClientRect().height || 0;
-        const genButtonHeight = genButtonWrapper.current?.getBoundingClientRect().height || 0;
-        const DISTANCE = 8;
-        const maxHeightForPositionTop = Math.max(parentOverflowPos.bottom - genToolPos.bottom - genToolHeaderHeight - genButtonHeight - DISTANCE, 0);
-        const maxHeightForPositionBottom = Math.max(genToolPos.top - parentOverflowPos.top - genToolHeaderHeight - genButtonHeight - DISTANCE, 0);
-        if (maxHeightForPositionBottom > maxHeightForPositionTop) {
-            return {
-                positionY: 'bottom',
-                maxHeight: maxHeightForPositionBottom
-            };
-        }
-        return {
-            positionY: 'top',
-            maxHeight: maxHeightForPositionTop
-        };
-    }, [
-        genTool,
-        genPopupHeader,
-        genButtonWrapper
-    ]);
-    const handleChangePopupPositionY = react.useCallback((posY)=>{
-        const { positionY: calcPosY, maxHeight } = calculateMaxHeight(posY);
-        setPopupPositionY(calcPosY);
-        setBodyMaxHeight(maxHeight);
-    }, [
-        calculateMaxHeight
-    ]);
-    const calculatePopupPositionY = react.useCallback(()=>{
-        if (!genTool.current || !genPopup.current) return;
-        const viewHeight = window.innerHeight;
-        const scrollHeight = document.documentElement.scrollHeight;
-        const scrollTop = document.documentElement.scrollTop;
-        const toolPos = genTool.current?.getBoundingClientRect();
-        const genPopupHeight = genPopup.current?.getBoundingClientRect().height;
-        const MIN_DISTANCE = 50;
-        if (scrollTop + toolPos.top + genPopupHeight >= scrollHeight - MIN_DISTANCE) {
-            handleChangePopupPositionY('bottom');
-            return;
-        }
-        if (toolPos.bottom + genPopupHeight > viewHeight) {
-            if (toolPos.top - genPopupHeight < 0) {
-                handleChangePopupPositionY('top');
-                return;
-            }
-            handleChangePopupPositionY('bottom');
-            return;
-        }
-        handleChangePopupPositionY('top');
-    }, [
-        genPopup,
-        genTool,
-        handleChangePopupPositionY
-    ]);
-    const calculatePopupPositionX = react.useCallback(()=>{
-        if (!genTool.current || !genPopup.current) return;
-        const viewWidth = window.innerWidth;
-        const toolPos = genTool.current?.getBoundingClientRect();
-        const genPopupWidth = genPopup.current?.getBoundingClientRect().width;
-        if (toolPos.left + genPopupWidth > viewWidth) {
-            setPopupPositionX('right');
-            return;
-        }
-        setPopupPositionX('left');
-    }, [
-        genPopup,
-        genTool
-    ]);
-    react.useEffect(()=>{
-        if (!isShowPopup) {
-            setIsValidating(true);
-            return;
-        }
-        setIsValidating(true);
-        calculatePopupPositionY();
-        calculatePopupPositionX();
-        setIsValidating(false);
-    }, [
-        isShowPopup,
-        calculatePopupPositionX,
-        calculatePopupPositionY
-    ]);
-    return {
-        isValidating,
-        bodyMaxHeight,
-        popupPositionY,
-        popupPositionX
-    };
-};
-
-exports.useFlipPopup = useFlipPopup;

package/dist/cjs/components/ai-generator/hooks/useGettingGenerateRequest.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useGettingGenerateRequest = ()=>{
-    const [prompt, setPrompt] = react.useState('');
-    const [productName, setProductName] = react.useState('');
-    const [tone, setTone] = react.useState('');
-    const changePrompt = (value)=>{
-        const limit = 200;
-        setPrompt(value.slice(0, limit));
-    };
-    const changeProductName = (value)=>{
-        setProductName(value);
-    };
-    const changeTone = (value)=>{
-        setTone(value);
-    };
-    const getRequestBody = ()=>{
-        return {
-            prompt,
-            productName,
-            tone
-        };
-    };
-    return {
-        prompt,
-        changePrompt,
-        productName,
-        changeProductName,
-        tone,
-        changeTone,
-        getRequestBody
-    };
-};
-
-exports.useGettingGenerateRequest = useGettingGenerateRequest;

package/dist/cjs/components/ai-generator/hooks/useListenEventGenerate.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useListenEventGenerate = (componentInfo)=>{
-    const { uid: componentUid, tag: componentTag } = componentInfo;
-    const [isGenerating, setIsGenerating] = react.useState(false);
-    const onGenerate = (body)=>{
-        const eventCreate = new CustomEvent('editor:toolbar:ai-generate-content', {
-            bubbles: true,
-            detail: {
-                componentUid: componentUid,
-                componentTag: componentTag,
-                genRequest: body
-            }
-        });
-        window.dispatchEvent(eventCreate);
-        setIsGenerating(true);
-        onNotifyStatus('loading');
-    };
-    const onNotifyStatus = (status)=>{
-        const eventNotifyStatus = new CustomEvent('editor:ai-generate-content-status', {
-            bubbles: true,
-            detail: {
-                status: status,
-                generatingUid: componentUid
-            }
-        });
-        window.dispatchEvent(eventNotifyStatus);
-    };
-    const onGenerateContentStatus = react.useCallback((e)=>{
-        const detail = e.detail;
-        if (detail?.generatingUid === componentUid && detail.status === 'success') {
-            setIsGenerating(false);
-        }
-    }, [
-        componentUid
-    ]);
-    const onOpenProductElementSettings = (productElementUid)=>{
-        const eventCreate = new CustomEvent('editor:toolbar:open-product-element', {
-            bubbles: true,
-            detail: {
-                productElementUid: productElementUid
-            }
-        });
-        window.dispatchEvent(eventCreate);
-    };
-    react.useEffect(()=>{
-        window.addEventListener('editor:ai-generate-content-status', onGenerateContentStatus);
-        return ()=>{
-            window.removeEventListener('editor:ai-generate-content-status', onGenerateContentStatus);
-        };
-    }, [
-        onGenerateContentStatus
-    ]);
-    return {
-        isGenerating,
-        onGenerate,
-        onOpenProductElementSettings
-    };
-};
-
-exports.useListenEventGenerate = useListenEventGenerate;

package/dist/cjs/components/ai-generator/icons/AIIcon.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const AIIcon = ()=>{
-    const getRandomId = ()=>{
-        return Math.random().toString(36).substring(7);
-    };
-    const linearGradientId = getRandomId();
-    return /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                d: "M11.6363 2.67137C11.5886 2.52361 11.3795 2.52361 11.3318 2.67137L11.1133 3.34797C11.0352 3.58971 10.8469 3.78 10.606 3.86067L9.93715 4.08465C9.79156 4.1334 9.79156 4.33933 9.93715 4.38809L10.606 4.61207C10.8469 4.69273 11.0352 4.88302 11.1133 5.12477L11.3318 5.80137C11.3795 5.94913 11.5886 5.94913 11.6363 5.80137L11.8549 5.12477C11.933 4.88302 12.1212 4.69273 12.3621 4.61207L13.031 4.38809C13.1766 4.33933 13.1766 4.1334 13.031 4.08465L12.3621 3.86067C12.1212 3.78 11.933 3.58971 11.8549 3.34797L11.6363 2.67137Z",
-                fill: `url(#${linearGradientId}_0)`
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                d: "M7.61245 3.30705C7.54086 3.08541 7.22728 3.08541 7.15569 3.30705L6.39541 5.6608C6.16115 6.38604 5.59636 6.9569 4.87367 7.19891L2.56369 7.97242C2.3453 8.04555 2.34531 8.35445 2.5637 8.42758L4.87367 9.2011C5.59636 9.4431 6.16115 10.014 6.39541 10.7392L7.15569 13.093C7.22728 13.3146 7.54086 13.3146 7.61245 13.093L8.37273 10.7392C8.60699 10.014 9.17178 9.4431 9.89447 9.2011L12.2044 8.42758C12.4228 8.35445 12.4228 8.04555 12.2044 7.97242L9.89447 7.1989C9.17178 6.9569 8.60699 6.38604 8.37273 5.6608L7.61245 3.30705Z",
-                fill: `url(#${linearGradientId}_1)`
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("defs", {
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
-                        id: `${linearGradientId}_0`,
-                        x1: "15.3433",
-                        y1: "2.56054",
-                        x2: "4.24885",
-                        y2: "1.00838",
-                        gradientUnits: "userSpaceOnUse",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
-                                stopColor: "#D8E1FF"
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
-                                offset: "1",
-                                stopColor: "#C8ACFF"
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
-                        id: `${linearGradientId}_1`,
-                        x1: "15.3433",
-                        y1: "2.56054",
-                        x2: "4.24885",
-                        y2: "1.00838",
-                        gradientUnits: "userSpaceOnUse",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
-                                stopColor: "#D8E1FF"
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
-                                offset: "1",
-                                stopColor: "#C8ACFF"
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-exports.AIIcon = AIIcon;

package/dist/cjs/components/ai-generator/icons/CloseIcon.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const CloseIcon = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            d: "M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1757L8.84833 8L12.0241 4.82427C12.2584 4.58995 12.2584 4.21005 12.0241 3.97574C11.7898 3.74142 11.4099 3.74142 11.1755 3.97574L7.9998 7.15148L4.82407 3.97574C4.58975 3.74142 4.20986 3.74142 3.97554 3.97574C3.74123 4.21005 3.74123 4.58995 3.97554 4.82427L7.15128 8L3.97554 11.1757C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84853L11.1755 12.0243Z",
-            fill: "#F9F9F9"
-        })
-    });
-};
-
-exports.CloseIcon = CloseIcon;

package/dist/cjs/components/ai-generator/icons/DropdownIcon.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const DropdownIcon = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M5.13313 7.62204C5.31064 7.45932 5.59845 7.45932 5.77596 7.62204L10 11.4941L14.224 7.62204C14.4016 7.45932 14.6894 7.45932 14.8669 7.62204C15.0444 7.78476 15.0444 8.04858 14.8669 8.21129L10.3214 12.378C10.1439 12.5407 9.8561 12.5407 9.67859 12.378L5.13313 8.21129C4.95562 8.04858 4.95562 7.78476 5.13313 7.62204Z",
-            fill: "#F9F9F9"
-        })
-    });
-};
-const TickIcon = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M15.8415 5.1766C16.0528 5.41207 16.0528 5.79383 15.8415 6.0293L7.95016 14.8234C7.84869 14.9365 7.71107 15 7.56757 15C7.42408 15 7.28645 14.9365 7.18499 14.8234L4.15846 11.4505C3.94717 11.215 3.94718 10.8333 4.15848 10.5978C4.36978 10.3623 4.71236 10.3623 4.92365 10.5978L7.56759 13.5443L15.0764 5.1766C15.2877 4.94113 15.6302 4.94113 15.8415 5.1766Z",
-            fill: "#00C853"
-        })
-    });
-};
-
-exports.DropdownIcon = DropdownIcon;
-exports.TickIcon = TickIcon;

package/dist/cjs/components/ai-generator/icons/SearchIcon.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const SearchIcon = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15C10.2508 15 11.628 14.471 12.7055 13.5893L16.4775 17.3614C16.7216 17.6054 17.1173 17.6054 17.3614 17.3614C17.6054 17.1173 17.6054 16.7216 17.3614 16.4775L13.5893 12.7055C14.471 11.628 15 10.2508 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5ZM3.75 8.75C3.75 5.98858 5.98858 3.75 8.75 3.75C11.5114 3.75 13.75 5.98858 13.75 8.75C13.75 11.5114 11.5114 13.75 8.75 13.75C5.98858 13.75 3.75 11.5114 3.75 8.75Z",
-            fill: "#AAAAAA"
-        })
-    });
-};
-
-exports.SearchIcon = SearchIcon;

package/dist/cjs/components/ai-generator/icons/ShowMoreIcon.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const ShowMoreIcon = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
-        width: "17",
-        height: "16",
-        viewBox: "0 0 17 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M4.60651 6.09763C4.74852 5.96746 4.97876 5.96746 5.12077 6.09763L8.5 9.19526L11.8792 6.09763C12.0212 5.96746 12.2515 5.96746 12.3935 6.09763C12.5355 6.22781 12.5355 6.43886 12.3935 6.56904L8.75713 9.90237C8.61512 10.0325 8.38488 10.0325 8.24287 9.90237L4.60651 6.56904C4.4645 6.43886 4.4645 6.22781 4.60651 6.09763Z",
-            fill: "#F9F9F9"
-        })
-    });
-};
-
-exports.ShowMoreIcon = ShowMoreIcon;

package/dist/cjs/contexts/ArticleContext.js

@@ -1,39 +0,0 @@
-'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

@@ -1,32 +0,0 @@
-'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, blogs, children, styles, settings })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(ArticleListContext.Provider, {
-        value: createArticleListProvider({
-            articles,
-            styles,
-            settings,
-            blogs
-        }),
-        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/helpers/align.js

@@ -1,19 +0,0 @@
-'use strict';
-
-const convertTextAlignToJustify = (align)=>{
-    const devices = [
-        'desktop',
-        'tablet',
-        'mobile'
-    ];
-    const result = {};
-    devices.forEach((device)=>{
-        const deviceType = device === 'desktop' ? '' : `${device}:`;
-        result[`${deviceType}gp-justify-start`] = align?.[device] === 'left';
-        result[`${deviceType}gp-justify-center`] = align?.[device] === 'center';
-        result[`${deviceType}gp-justify-end`] = align?.[device] === 'right';
-    });
-    return result;
-};
-
-exports.convertTextAlignToJustify = convertTextAlignToJustify;

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

@@ -1,152 +0,0 @@
-'use strict';
-
-const mock = [
-    {
-        baseID: 'gid://shopify/OnlineStoreBlog/592066740457',
-        id: 592066740457,
-        title: 'Blog post might appear in a search engine listing',
-        created_at: '2024-05-09T04:06:12-04:00',
-        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
-        blog_id: 91970044137,
-        author: 'Dev Team',
-        user_id: 90371653865,
-        published_at: '2024-05-09T04:06:12-04:00',
-        updated_at: '2024-05-09T04:06:13-04:00',
-        summary_html: '',
-        template_suffix: '',
-        handle: 'blog-post-might-appear-in-a-search-engine-listing',
-        tags: 'vintage',
-        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066740457',
-        image: {
-            created_at: '2024-05-09T04:06:12-04:00',
-            alt: '',
-            width: 1073,
-            height: 719,
-            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_2.jpg?v=1715241973'
-        }
-    },
-    {
-        baseID: 'gid://shopify/OnlineStoreBlog/592066707689',
-        id: 592066707689,
-        title: 'ar on your home page or blog.',
-        created_at: '2024-05-09T04:05:26-04:00',
-        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
-        blog_id: 91970044137,
-        author: 'Dev Team',
-        user_id: 90371653865,
-        published_at: '2024-05-09T04:05:25-04:00',
-        updated_at: '2024-05-09T05:35:29-04:00',
-        summary_html: '',
-        template_suffix: '',
-        handle: 'ar-on-your-home-page-or-blog',
-        tags: 'cotton, vintage',
-        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066707689',
-        image: {
-            created_at: '2024-05-09T04:05:26-04:00',
-            alt: '',
-            width: 1080,
-            height: 719,
-            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_1.jpg?v=1715241926'
-        }
-    },
-    {
-        baseID: 'gid://shopify/OnlineStoreBlog/592066674921',
-        id: 592066674921,
-        title: 'Add a summary of the post.',
-        created_at: '2024-05-09T04:04:44-04:00',
-        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
-        blog_id: 91970044137,
-        author: 'Dev Team',
-        user_id: 90371653865,
-        published_at: '2024-05-09T04:04:44-04:00',
-        updated_at: '2024-05-09T04:04:45-04:00',
-        summary_html: '',
-        template_suffix: '',
-        handle: 'add-a-summary-of-the-post',
-        tags: '',
-        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066674921',
-        image: {
-            created_at: '2024-05-09T04:04:44-04:00',
-            alt: '',
-            width: 1086,
-            height: 718,
-            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_7.jpg?v=1715241885'
-        }
-    },
-    {
-        baseID: 'gid://shopify/OnlineStoreBlog/592058777833',
-        id: 592058777833,
-        title: 'Article Page - May 7, 10:47:14',
-        created_at: '2024-05-06T23:47:59-04:00',
-        body_html: '<h2>\n<span>Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>\n</h2>',
-        blog_id: 91970044137,
-        author: 'GemPages',
-        user_id: null,
-        published_at: '2024-05-06T23:47:59-04:00',
-        updated_at: '2024-05-09T04:06:48-04:00',
-        summary_html: '',
-        template_suffix: 'gp-template-512584275137135821',
-        handle: 'article-page-may-7-10-47-14',
-        tags: 'vintage',
-        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058777833',
-        image: {
-            created_at: '2024-05-09T04:06:41-04:00',
-            alt: '',
-            width: 578,
-            height: 585,
-            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.png?v=1715242002'
-        }
-    },
-    {
-        baseID: 'gid://shopify/OnlineStoreBlog/592058679529',
-        id: 592058679529,
-        title: 'Blog about your latest products or deals',
-        created_at: '2024-05-06T22:36:55-04:00',
-        body_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
-        blog_id: 91970044137,
-        author: 'Dev Team',
-        user_id: 90371653865,
-        published_at: '2024-05-06T22:36:54-04:00',
-        updated_at: '2024-05-09T03:46:39-04:00',
-        summary_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
-        template_suffix: 'gp-template-512584275137135821',
-        handle: 'blog-about-your-latest-products-or-deals',
-        tags: '',
-        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058679529',
-        image: {
-            created_at: '2024-05-06T22:36:55-04:00',
-            alt: '',
-            width: 497,
-            height: 618,
-            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.jpg?v=1715049415'
-        }
-    }
-];
-const useArticlesQuery = ()=>{
-    return mock;
-};
-const useBlogsQuery = ()=>{
-    return {
-        blogs: {
-            edges: [
-                {
-                    node: {
-                        id: '511006979737518962',
-                        title: 'News',
-                        baseID: 'gid://shopify/OnlineStoreBlog/91970044137',
-                        tags: [],
-                        handle: 'news',
-                        descriptionMeta: '',
-                        description: '',
-                        titleMeta: '',
-                        templateSuffix: '',
-                        platform: 'SHOPIFY'
-                    }
-                }
-            ]
-        }
-    };
-};
-
-exports.useArticlesQuery = useArticlesQuery;
-exports.useBlogsQuery = useBlogsQuery;