@gem-sdk/core 3.0.0-pre-production.15 → 3.0.0

package/dist/esm/components/theme-section/ThemeSectionTooltip.js

@@ -1,124 +1,2 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import { Transition } from 'react-transition-group';
-import { cls } from '@gem-sdk/core';
-
-const TRANSITION_DURATION = 350;
-const defaultStyles = {
-    transition: `opacity ${TRANSITION_DURATION}ms ease-out`,
-    opacity: 0
-};
-const transitions = {
-    entering: {
-        opacity: 1
-    },
-    entered: {
-        opacity: 1
-    },
-    exiting: {
-        opacity: 0
-    },
-    exited: {
-        opacity: 0
-    },
-    unmounted: {
-        opacity: 0
-    }
-};
-const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
-    const nodeRef = useRef(null);
-    const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
-    const openHelpCenter = ()=>{
-        const url = 'https://help.gempages.net/articles/theme-section';
-        window.open(url, '_blank');
-    };
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "theme-section-tooltip-wrapper",
-            onMouseEnter: onMouseEnter,
-            onMouseLeave: onMouseLeave,
-            children: [
-                children,
-                isRender && /*#__PURE__*/ jsx(Transition, {
-                    in: isShow,
-                    timeout: TRANSITION_DURATION,
-                    nodeRef: nodeRef,
-                    unmountOnExit: true,
-                    children: (state)=>/*#__PURE__*/ jsx("div", {
-                            className: "theme-section-tooltip",
-                            ref: nodeRef,
-                            style: {
-                                ...defaultStyles,
-                                ...transitions[state]
-                            },
-                            children: limitCreateThemeSection?.isLimit && !isFreeLimit ? /*#__PURE__*/ jsxs("div", {
-                                className: "theme-section-tooltip__body theme-section-tooltip__body-limit",
-                                children: [
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: "theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",
-                                        children: "Upgrade plan"
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",
-                                        children: [
-                                            "You’ve reached the maximum number of theme sections on your plan (",
-                                            limitCreateThemeSection.total,
-                                            "/",
-                                            limitCreateThemeSection.limit,
-                                            ")"
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsx("button", {
-                                        onClick: (e)=>onActions(e),
-                                        children: "Upgrade plan to create more"
-                                    })
-                                ]
-                            }) : /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: "theme-section-tooltip__image",
-                                        children: /*#__PURE__*/ jsx("img", {
-                                            src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
-                                            alt: ""
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "theme-section-tooltip__body",
-                                        children: [
-                                            /*#__PURE__*/ jsx("div", {
-                                                className: "theme-section-tooltip__body-title",
-                                                children: "Create once, use everywhere with Theme Section"
-                                            }),
-                                            /*#__PURE__*/ jsx("div", {
-                                                className: "theme-section-tooltip__body-desc",
-                                                children: "A global section that can be used on all your GemPages & Shopify pages."
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: cls('theme-section-tooltip__action', {
-                                            'theme-section-tooltip__action-limit': isFreeLimit
-                                        }),
-                                        children: [
-                                            /*#__PURE__*/ jsx("button", {
-                                                onClick: (e)=>onActions(e),
-                                                children: actionBtnLabel
-                                            }),
-                                            isFreeLimit && /*#__PURE__*/ jsx("div", {
-                                                onClick: openHelpCenter,
-                                                "aria-hidden": true,
-                                                className: "theme-section-tooltip__action-learn-more",
-                                                children: "Learn more about Theme Section"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        })
-                })
-            ]
-        })
-    });
-};
-
-export { ThemeSectionTooltip };
+'use client';
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as n}from"react-transition-group";import{useI18nStore as a,cls as c}from"@gem-sdk/core";let TRANSITION_DURATION=350,defaultStyles={transition:"opacity 350ms ease-out",opacity:0},transitions={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},ThemeSectionTooltip=({isShow:l,isFreeLimit:s,isRender:r,children:m,limitCreateThemeSection:d,onMouseEnter:h,onMouseLeave:p,onActions:_})=>{let{t:u}=a(),y=o(null),b=s?"Upgrade to create Theme Section":"Create Theme Section",g=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:h,onMouseLeave:p,children:[m,r&&e(n,{in:l,timeout:350,nodeRef:y,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:y,style:{...defaultStyles,...transitions[o]},children:d?.isLimit&&!s?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:"Upgrade plan"}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:["You’ve reached the maximum number of theme sections on your plan (",d.total,"/",d.limit,")"]}),e("button",{onClick:e=>_(e),children:"Upgrade plan to create more"})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:"Create once, use everywhere with Theme Section"}),e("div",{className:"theme-section-tooltip__body-desc",children:"A global section that can be used on all your GemPages & Shopify pages."})]}),i("div",{className:c("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":s}),children:[e("button",{onClick:e=>_(e),children:u(b)}),s&&e("div",{onClick:g,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:"Learn more about Theme Section"})]})]})})})]})})};export{ThemeSectionTooltip};

package/dist/esm/components/toolbar/Tooltip.js

@@ -1,24 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', width, ...props }) {
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        "data-toolbar-tooltip-trigger": true,
-        children: [
-            children,
-            enable && /*#__PURE__*/ jsx("div", {
-                style: {
-                    width: width,
-                    zIndex: 50
-                },
-                "data-toolbar-tooltip": true,
-                "data-toolbar-tooltip-position": position,
-                dangerouslySetInnerHTML: {
-                    __html: text
-                }
-            })
-        ]
-    });
-}
-
-export { Tooltip as default };
+'use client';
+import{jsxs as t,jsx as o}from"react/jsx-runtime";function Tooltip({children:i,enable:r,text:l="Tooltip Text",position:a="right",width:e,...d}){return t("div",{...d,"data-toolbar-tooltip-trigger":!0,children:[i,r&&o("div",{style:{width:e,zIndex:50},"data-toolbar-tooltip":!0,"data-toolbar-tooltip-position":a,dangerouslySetInnerHTML:{__html:l}})]})}export{Tooltip as default};

package/dist/esm/constants/device.js

@@ -0,0 +1 @@
+let DEVICES=["desktop","tablet","mobile"];export{DEVICES};

package/dist/esm/contexts/AddonContext.js

@@ -1,32 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useMemo, createContext } from 'react';
-import Empty from '../components/Empty.js';
-
-const AddonContext = /*#__PURE__*/ createContext(null);
-const AddonProvider = ({ children, components, ...passProps })=>{
-    return /*#__PURE__*/ jsx(AddonContext.Provider, {
-        ...passProps,
-        value: {
-            components
-        },
-        children: children
-    });
-};
-const useAddons = ()=>{
-    const context = useContext(AddonContext);
-    if (!context) {
-        throw new Error('useAddons must be used within an AddonProvider');
-    }
-    return useMemo(()=>context.components, [
-        context.components
-    ]);
-};
-const useAddon = (id)=>{
-    const addons = useAddons();
-    return useMemo(()=>id ? addons[id] ?? Empty : Empty, [
-        id,
-        addons
-    ]);
-};
-
-export { AddonProvider, useAddon, useAddons };
+'use client';
+import{jsx as o}from"react/jsx-runtime";import{useContext as d,useMemo as e,createContext as n}from"react";import r from"../components/Empty.js";let AddonContext=n(null),AddonProvider=({children:d,components:e,...n})=>o(AddonContext.Provider,{...n,value:{components:e},children:d}),useAddons=()=>{let o=d(AddonContext);if(!o)throw Error("useAddons must be used within an AddonProvider");return e(()=>o.components,[o.components])},useAddon=o=>{let d=useAddons();return e(()=>o?d[o]??r:r,[o,d])};export{AddonProvider,useAddon,useAddons};

package/dist/esm/contexts/ArticleContext.js

@@ -1,36 +1,2 @@
-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 };
+'use client';
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useStore as t,createStore as i}from"zustand";import{useId as o,useMemo as l,useContext as c,createContext as n}from"react";let ArticleContext=n(null),createArticleStoreProvider=r=>i(()=>({...r})),ArticleProvider=({children:t,article:i})=>{let c=o(),n=l(()=>createArticleStoreProvider({article:i,uniqueId:c}),[i,c]);return r(ArticleContext.Provider,{value:n,children:r(e,{children:t})})},useArticleStore=(r,e)=>{let i=c(ArticleContext);if(!i)throw Error("Element of article must be used inside a Article");return t(i,r,e)};export{ArticleProvider,useArticleStore};

package/dist/esm/contexts/ArticleListContext.js

@@ -1,27 +1,2 @@
-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 };
+'use client';
+import{jsx as t}from"react/jsx-runtime";import{useContext as r,createContext as e}from"react";import{useStore as i,createStore as o}from"zustand";let ArticleListContext=e(null),createArticleListProvider=t=>o(()=>({...t})),ArticleListProvider=({articles:r,children:e,styles:i,settings:o})=>t(ArticleListContext.Provider,{value:createArticleListProvider({articles:r,styles:i,settings:o}),children:e}),useArticleListStore=(t,e)=>{let o=r(ArticleListContext);if(!o)throw Error("useArticleListStore must be used within a useArticleListStore");return i(o,t,e)};export{ArticleListContext,ArticleListProvider,useArticleListStore};

package/dist/esm/contexts/BuilderComponent.js

@@ -1,31 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useStore, createStore } from 'zustand';
-import { useContext, createContext } from 'react';
-import Empty from '../components/Empty.js';
-
-const BuilderComponentContext = /*#__PURE__*/ createContext(null);
-const createBuilderComponentStore = (components)=>createStore((_, get)=>({
-            components,
-            getItem: (id)=>{
-                return get().components[id];
-            }
-        }));
-const BuilderComponentProvider = ({ children, components, ...passProps })=>{
-    return /*#__PURE__*/ jsx(BuilderComponentContext.Provider, {
-        ...passProps,
-        value: createBuilderComponentStore(components),
-        children: children
-    });
-};
-// export const useBuilderComponent = (id?: string) => {
-//   return useStore((s) => (id ? s.getItem(id) ?? Empty : Empty));
-// };
-const useBuilderComponent = (id)=>{
-    const store = useContext(BuilderComponentContext);
-    if (!store) {
-        throw new Error('useBuilderComponent must be used within a BuilderComponentProvider');
-    }
-    return useStore(store, (s)=>id ? s.getItem(id) ?? Empty : Empty);
-};
-
-export { BuilderComponentProvider, useBuilderComponent };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useStore as o,createStore as t}from"zustand";import{useContext as r,createContext as n}from"react";import m from"../components/Empty.js";let BuilderComponentContext=n(null),createBuilderComponentStore=e=>t((o,t)=>({components:e,getItem:e=>t().components[e]})),BuilderComponentProvider=({children:o,components:t,...r})=>e(BuilderComponentContext.Provider,{...r,value:createBuilderComponentStore(t),children:o}),useBuilderComponent=e=>{let t=r(BuilderComponentContext);if(!t)throw Error("useBuilderComponent must be used within a BuilderComponentProvider");return o(t,o=>e?o.getItem(e)??m:m)};export{BuilderComponentProvider,useBuilderComponent};

package/dist/esm/contexts/BuilderContext.js

@@ -1,36 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, createContext, Suspense, Fragment } from 'react';
-import { useStore, createStore } from 'zustand';
-
-const BuilderContext = /*#__PURE__*/ createContext(null);
-const createBuilderProvider = (data, isPostPurchase, isPreview)=>createStore((_, get)=>({
-            state: data,
-            isPostPurchase: isPostPurchase,
-            isPreview: isPreview,
-            getItem: (id)=>{
-                return get().state[id];
-            },
-            getIsPostPurchase: ()=>get().isPostPurchase,
-            getIsPreview: ()=>get().isPreview
-        }));
-const BuilderProvider = ({ children, state, isPostPurchase, isPreview, lazy, priority, ...passProps })=>{
-    const Component = lazy ? Suspense : Fragment;
-    const store = createBuilderProvider(state, isPostPurchase, isPreview);
-    return /*#__PURE__*/ jsx(Component, {
-        children: /*#__PURE__*/ jsx(BuilderContext.Provider, {
-            ...passProps,
-            value: store,
-            children: children
-        })
-    });
-};
-// export const useBuilderStore = useStore;
-const useBuilderStore = (selector, equalityFn)=>{
-    const store = useContext(BuilderContext);
-    if (!store) {
-        throw new Error('useBuilderStore must be used within a BuilderProvider');
-    }
-    return useStore(store, selector, equalityFn);
-};
-
-export { BuilderProvider, useBuilderStore };
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useContext as r,createContext as t,Suspense as i,Fragment as u}from"react";import{useStore as o,createStore as d}from"zustand";let BuilderContext=t(null),createBuilderProvider=(e,r,t)=>d((i,u)=>({state:e,isPostPurchase:r,isPreview:t,getItem:e=>u().state[e],getIsPostPurchase:()=>u().isPostPurchase,getIsPreview:()=>u().isPreview})),BuilderProvider=({children:r,state:t,isPostPurchase:o,isPreview:d,lazy:s,priority:l,...P})=>{let a=s?i:u,n=createBuilderProvider(t,o,d);return e(a,{children:e(BuilderContext.Provider,{...P,value:n,children:r})})},useBuilderStore=(e,t)=>{let i=r(BuilderContext);if(!i)throw Error("useBuilderStore must be used within a BuilderProvider");return o(i,e,t)};export{BuilderProvider,useBuilderStore};