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

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

@@ -1,126 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var core = require('@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 = react.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__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: "theme-section-tooltip-wrapper",
-            onMouseEnter: onMouseEnter,
-            onMouseLeave: onMouseLeave,
-            children: [
-                children,
-                isRender && /*#__PURE__*/ jsxRuntime.jsx(reactTransitionGroup.Transition, {
-                    in: isShow,
-                    timeout: TRANSITION_DURATION,
-                    nodeRef: nodeRef,
-                    unmountOnExit: true,
-                    children: (state)=>/*#__PURE__*/ jsxRuntime.jsx("div", {
-                            className: "theme-section-tooltip",
-                            ref: nodeRef,
-                            style: {
-                                ...defaultStyles,
-                                ...transitions[state]
-                            },
-                            children: limitCreateThemeSection?.isLimit && !isFreeLimit ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                className: "theme-section-tooltip__body theme-section-tooltip__body-limit",
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                        className: "theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",
-                                        children: "Upgrade plan"
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx("button", {
-                                        onClick: (e)=>onActions(e),
-                                        children: "Upgrade plan to create more"
-                                    })
-                                ]
-                            }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                        className: "theme-section-tooltip__image",
-                                        children: /*#__PURE__*/ jsxRuntime.jsx("img", {
-                                            src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
-                                            alt: ""
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                        className: "theme-section-tooltip__body",
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                                className: "theme-section-tooltip__body-title",
-                                                children: "Create once, use everywhere with Theme Section"
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                                className: "theme-section-tooltip__body-desc",
-                                                children: "A global section that can be used on all your GemPages & Shopify pages."
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                        className: core.cls('theme-section-tooltip__action', {
-                                            'theme-section-tooltip__action-limit': isFreeLimit
-                                        }),
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                                onClick: (e)=>onActions(e),
-                                                children: actionBtnLabel
-                                            }),
-                                            isFreeLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                                onClick: openHelpCenter,
-                                                "aria-hidden": true,
-                                                className: "theme-section-tooltip__action-learn-more",
-                                                children: "Learn more about Theme Section"
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        })
-                })
-            ]
-        })
-    });
-};
-
-exports.ThemeSectionTooltip = ThemeSectionTooltip;
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactTransitionGroup=require("react-transition-group"),core=require("@gem-sdk/core");const 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:e,isFreeLimit:t,isRender:i,children:o,limitCreateThemeSection:s,onMouseEnter:n,onMouseLeave:a,onActions:c})=>{let{t:r}=core.useI18nStore(),m=react.useRef(null),l=t?"Upgrade to create Theme Section":"Create Theme Section",u=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:n,onMouseLeave:a,children:[o,i&&jsxRuntime.jsx(reactTransitionGroup.Transition,{in:e,timeout:350,nodeRef:m,unmountOnExit:!0,children:e=>jsxRuntime.jsx("div",{className:"theme-section-tooltip",ref:m,style:{...defaultStyles,...transitions[e]},children:s?.isLimit&&!t?jsxRuntime.jsxs("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[jsxRuntime.jsx("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:"Upgrade plan"}),jsxRuntime.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 (",s.total,"/",s.limit,")"]}),jsxRuntime.jsx("button",{onClick:e=>c(e),children:"Upgrade plan to create more"})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"theme-section-tooltip__image",children:jsxRuntime.jsx("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),jsxRuntime.jsxs("div",{className:"theme-section-tooltip__body",children:[jsxRuntime.jsx("div",{className:"theme-section-tooltip__body-title",children:"Create once, use everywhere with Theme Section"}),jsxRuntime.jsx("div",{className:"theme-section-tooltip__body-desc",children:"A global section that can be used on all your GemPages & Shopify pages."})]}),jsxRuntime.jsxs("div",{className:core.cls("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":t}),children:[jsxRuntime.jsx("button",{onClick:e=>c(e),children:r(l)}),t&&jsxRuntime.jsx("div",{onClick:u,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:"Learn more about Theme Section"})]})]})})})]})})};exports.ThemeSectionTooltip=ThemeSectionTooltip;

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

@@ -1,28 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', width, ...props }) {
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        ...props,
-        "data-toolbar-tooltip-trigger": true,
-        children: [
-            children,
-            enable && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                style: {
-                    width: width,
-                    zIndex: 50
-                },
-                "data-toolbar-tooltip": true,
-                "data-toolbar-tooltip-position": position,
-                dangerouslySetInnerHTML: {
-                    __html: text
-                }
-            })
-        ]
-    });
-}
-
-exports.default = Tooltip;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");function Tooltip({children:t,enable:e,text:o="Tooltip Text",position:i="right",width:r,...l}){return jsxRuntime.jsxs("div",{...l,"data-toolbar-tooltip-trigger":!0,children:[t,e&&jsxRuntime.jsx("div",{style:{width:r,zIndex:50},"data-toolbar-tooltip":!0,"data-toolbar-tooltip-position":i,dangerouslySetInnerHTML:{__html:o}})]})}exports.default=Tooltip;

package/dist/cjs/constants/device.js

@@ -0,0 +1 @@
+"use strict";const DEVICES=["desktop","tablet","mobile"];exports.DEVICES=DEVICES;

package/dist/cjs/contexts/AddonContext.js

@@ -1,36 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Empty = require('../components/Empty.js');
-
-const AddonContext = /*#__PURE__*/ react.createContext(null);
-const AddonProvider = ({ children, components, ...passProps })=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(AddonContext.Provider, {
-        ...passProps,
-        value: {
-            components
-        },
-        children: children
-    });
-};
-const useAddons = ()=>{
-    const context = react.useContext(AddonContext);
-    if (!context) {
-        throw new Error('useAddons must be used within an AddonProvider');
-    }
-    return react.useMemo(()=>context.components, [
-        context.components
-    ]);
-};
-const useAddon = (id)=>{
-    const addons = useAddons();
-    return react.useMemo(()=>id ? addons[id] ?? Empty.default : Empty.default, [
-        id,
-        addons
-    ]);
-};
-
-exports.AddonProvider = AddonProvider;
-exports.useAddon = useAddon;
-exports.useAddons = useAddons;
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),Empty=require("../components/Empty.js");const AddonContext=react.createContext(null),AddonProvider=({children:e,components:t,...d})=>jsxRuntime.jsx(AddonContext.Provider,{...d,value:{components:t},children:e}),useAddons=()=>{let e=react.useContext(AddonContext);if(!e)throw Error("useAddons must be used within an AddonProvider");return react.useMemo(()=>e.components,[e.components])},useAddon=e=>{let t=useAddons();return react.useMemo(()=>e?t[e]??Empty.default:Empty.default,[e,t])};exports.AddonProvider=AddonProvider,exports.useAddon=useAddon,exports.useAddons=useAddons;

package/dist/cjs/contexts/ArticleContext.js

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

package/dist/cjs/contexts/ArticleListContext.js

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

package/dist/cjs/contexts/BuilderComponent.js

@@ -1,34 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var zustand = require('zustand');
-var react = require('react');
-var Empty = require('../components/Empty.js');
-
-const BuilderComponentContext = /*#__PURE__*/ react.createContext(null);
-const createBuilderComponentStore = (components)=>zustand.createStore((_, get)=>({
-            components,
-            getItem: (id)=>{
-                return get().components[id];
-            }
-        }));
-const BuilderComponentProvider = ({ children, components, ...passProps })=>{
-    return /*#__PURE__*/ jsxRuntime.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 = react.useContext(BuilderComponentContext);
-    if (!store) {
-        throw new Error('useBuilderComponent must be used within a BuilderComponentProvider');
-    }
-    return zustand.useStore(store, (s)=>id ? s.getItem(id) ?? Empty.default : Empty.default);
-};
-
-exports.BuilderComponentProvider = BuilderComponentProvider;
-exports.useBuilderComponent = useBuilderComponent;
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime"),zustand=require("zustand"),react=require("react"),Empty=require("../components/Empty.js");const BuilderComponentContext=react.createContext(null),createBuilderComponentStore=e=>zustand.createStore((t,r)=>({components:e,getItem:e=>r().components[e]})),BuilderComponentProvider=({children:e,components:t,...r})=>jsxRuntime.jsx(BuilderComponentContext.Provider,{...r,value:createBuilderComponentStore(t),children:e}),useBuilderComponent=e=>{let t=react.useContext(BuilderComponentContext);if(!t)throw Error("useBuilderComponent must be used within a BuilderComponentProvider");return zustand.useStore(t,t=>e?t.getItem(e)??Empty.default:Empty.default)};exports.BuilderComponentProvider=BuilderComponentProvider,exports.useBuilderComponent=useBuilderComponent;

package/dist/cjs/contexts/BuilderContext.js

@@ -1,39 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var zustand = require('zustand');
-
-const BuilderContext = /*#__PURE__*/ react.createContext(null);
-const createBuilderProvider = (data, isPostPurchase, isPreview)=>zustand.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 ? react.Suspense : react.Fragment;
-    const store = createBuilderProvider(state, isPostPurchase, isPreview);
-    return /*#__PURE__*/ jsxRuntime.jsx(Component, {
-        children: /*#__PURE__*/ jsxRuntime.jsx(BuilderContext.Provider, {
-            ...passProps,
-            value: store,
-            children: children
-        })
-    });
-};
-// export const useBuilderStore = useStore;
-const useBuilderStore = (selector, equalityFn)=>{
-    const store = react.useContext(BuilderContext);
-    if (!store) {
-        throw new Error('useBuilderStore must be used within a BuilderProvider');
-    }
-    return zustand.useStore(store, selector, equalityFn);
-};
-
-exports.BuilderProvider = BuilderProvider;
-exports.useBuilderStore = useBuilderStore;
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),zustand=require("zustand");const BuilderContext=react.createContext(null),createBuilderProvider=(e,r,t)=>zustand.createStore((u,i)=>({state:e,isPostPurchase:r,isPreview:t,getItem:e=>i().state[e],getIsPostPurchase:()=>i().isPostPurchase,getIsPreview:()=>i().isPreview})),BuilderProvider=({children:e,state:r,isPostPurchase:t,isPreview:u,lazy:i,priority:s,...d})=>{let o=i?react.Suspense:react.Fragment,a=createBuilderProvider(r,t,u);return jsxRuntime.jsx(o,{children:jsxRuntime.jsx(BuilderContext.Provider,{...d,value:a,children:e})})},useBuilderStore=(e,r)=>{let t=react.useContext(BuilderContext);if(!t)throw Error("useBuilderStore must be used within a BuilderProvider");return zustand.useStore(t,e,r)};exports.BuilderProvider=BuilderProvider,exports.useBuilderStore=useBuilderStore;