@gem-sdk/core 1.38.0 → 2.0.0-dev.834

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

@@ -1,34 +1 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-const ThemeSectionStatus = ({ ...props })=>{
-    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxs("div", {
-            "data-theme-section-status": true,
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    "data-theme-section-status-icon": true,
-                    children: /*#__PURE__*/ jsx("svg", {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        width: "16",
-                        height: "16",
-                        viewBox: "0 0 16 16",
-                        fill: "none",
-                        children: /*#__PURE__*/ jsx("path", {
-                            fillRule: "evenodd",
-                            clipRule: "evenodd",
-                            d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8.4668 4.61597C8.4668 4.89211 8.24294 5.11597 7.9668 5.11597C7.69065 5.11597 7.4668 4.89211 7.4668 4.61597C7.4668 4.33982 7.69065 4.11597 7.9668 4.11597C8.24294 4.11597 8.4668 4.33982 8.4668 4.61597ZM6.91309 5.48633C6.63694 5.48633 6.41309 5.71019 6.41309 5.98633C6.41309 6.26247 6.63694 6.48633 6.91309 6.48633H7.56006V10.3839C7.56006 10.9362 8.00777 11.3839 8.56006 11.3839H9.57144C9.84758 11.3839 10.0714 11.1601 10.0714 10.8839C10.0714 10.6078 9.84758 10.3839 9.57144 10.3839H8.56006V6.48633C8.56006 5.93404 8.11234 5.48633 7.56006 5.48633H6.91309Z",
-                            fill: "#9144DA"
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsx("span", {
-                    "data-theme-section-status-text": true,
-                    children: "Need to republish. Go to global edit and publish this section"
-                })
-            ]
-        })
-    });
-};
-
-export { ThemeSectionStatus };
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";let getStatusMessage=e=>{switch(e){case"DRAFT":return"This Theme Section is Draft. Publish page will also publish Theme Section.";case"NEED_PUBLISHING":return"Need to republish. Go to global edit and publish this section"}},ThemeSectionStatusWrapper=({tag:s,status:a,isThemeSection:l})=>{let n="Section"===s&&l&&("DRAFT"===a||"NEED_PUBLISHING"===a),h=getStatusMessage(a);return e(t,{children:n&&i("div",{"data-theme-section-status":!0,children:[e("div",{"data-theme-section-status-icon":!0,children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8.4668 4.61597C8.4668 4.89211 8.24294 5.11597 7.9668 5.11597C7.69065 5.11597 7.4668 4.89211 7.4668 4.61597C7.4668 4.33982 7.69065 4.11597 7.9668 4.11597C8.24294 4.11597 8.4668 4.33982 8.4668 4.61597ZM6.91309 5.48633C6.63694 5.48633 6.41309 5.71019 6.41309 5.98633C6.41309 6.26247 6.63694 6.48633 6.91309 6.48633H7.56006V10.3839C7.56006 10.9362 8.00777 11.3839 8.56006 11.3839H9.57144C9.84758 11.3839 10.0714 11.1601 10.0714 10.8839C10.0714 10.6078 9.84758 10.3839 9.57144 10.3839H8.56006V6.48633C8.56006 5.93404 8.11234 5.48633 7.56006 5.48633H6.91309Z",fill:"#9144DA"})})}),h&&e("span",{"data-theme-section-status-text":!0,children:h})]})})};export{ThemeSectionStatusWrapper};

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

@@ -1,100 +1 @@
-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, isLimit, isRender, children, onMouseEnter, onMouseLeave, onActions })=>{
-    const nodeRef = useRef(null);
-    const actionBtnLabel = isLimit ? '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__*/ jsxs("div", {
-                            className: "theme-section-tooltip",
-                            ref: nodeRef,
-                            style: {
-                                ...defaultStyles,
-                                ...transitions[state]
-                            },
-                            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': isLimit
-                                    }),
-                                    children: [
-                                        /*#__PURE__*/ jsx("button", {
-                                            onClick: (e)=>onActions(e),
-                                            children: actionBtnLabel
-                                        }),
-                                        isLimit && /*#__PURE__*/ jsx("div", {
-                                            onClick: openHelpCenter,
-                                            "aria-hidden": true,
-                                            className: "theme-section-tooltip__action-learn-more",
-                                            children: "Learn more about Theme Section"
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                })
-            ]
-        })
-    });
-};
-
-export { ThemeSectionTooltip };
+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{cls as a}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:c,isLimit:r,isRender:l,children:s,onMouseEnter:m,onMouseLeave:h,onActions:d})=>{let p=o(null),u=r?"Upgrade to create Theme Section":"Create Theme Section",y=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:m,onMouseLeave:h,children:[s,l&&e(n,{in:c,timeout:350,nodeRef:p,unmountOnExit:!0,children:t=>i("div",{className:"theme-section-tooltip",ref:p,style:{...defaultStyles,...transitions[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:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":r}),children:[e("button",{onClick:e=>d(e),children:u}),r&&e("div",{onClick:y,"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,18 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', ...props }) {
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        "data-toolbar-tooltip-trigger": true,
-        children: [
-            children,
-            enable && /*#__PURE__*/ jsx("div", {
-                "data-toolbar-tooltip": true,
-                "data-toolbar-tooltip-position": position,
-                children: text
-            })
-        ]
-    });
-}
-
-export { Tooltip as default };
+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/contexts/AddonContext.js

@@ -1,32 +1 @@
-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 };
+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/BuilderComponent.js

@@ -1,31 +1 @@
-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 };
+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,32 +1 @@
-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)=>createStore((_, get)=>({
-            state: data,
-            getItem: (id)=>{
-                return get().state[id];
-            }
-        }));
-const BuilderProvider = ({ children, state, lazy, priority, ...passProps })=>{
-    const Component = lazy ? Suspense : Fragment;
-    const store = createBuilderProvider(state);
-    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 };
+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)=>d((t,i)=>({state:e,isPostPurchase:r,getItem:e=>i().state[e],getIsPostPurchase:()=>i().isPostPurchase})),BuilderProvider=({children:r,state:t,isPostPurchase:o,lazy:d,priority:l,...s})=>{let a=d?i:u,P=createBuilderProvider(t,o);return e(a,{children:e(BuilderContext.Provider,{...s,value:P,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};