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

package/dist/esm/helpers/interaction/index.js

@@ -1,132 +1,2 @@
-import { useRef, useMemo, useCallback } from 'react';
-import 'react/jsx-runtime';
-import 'zustand';
-import { usePageStore } from '../../contexts/PageContext.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
-import 'swr';
-import 'swr/infinite';
-import 'classnames';
-import 'dayjs';
-import '../convert.js';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'vanilla-lazyload';
-import '../../hooks/useCartUI.js';
-
-const useInteraction = ()=>{
-    const ref = useRef();
-    const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
-    const sidebarMode = usePageStore((s)=>s.sidebarMode);
-    const selectType = usePageStore((s)=>s.interactionData?.selectType);
-    const interactionData = usePageStore((s)=>s.interactionData);
-    function findElementIncludingSelf(element, selector) {
-        if (!(element instanceof Document) && element?.matches(selector)) {
-            return element;
-        } else {
-            return element?.querySelector(selector);
-        }
-    }
-    const handleOnListener = (element, event, callback)=>{
-        const eventListener = (e)=>{
-            const customEvent = e;
-            const params = customEvent.detail;
-            if (callback) callback(params);
-        };
-        element.addEventListener(event, eventListener);
-        return ()=>element.removeEventListener(event, eventListener);
-    };
-    const onListener = ({ event, selector, elementRef }, callback)=>{
-        const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
-        if (!element) return;
-        return handleOnListener(element, event, callback);
-    };
-    const trigger = ({ event, data, selector, element: elementParam })=>{
-        const element = elementParam || document.body?.querySelector(selector);
-        if (!element) return;
-        const eventDispatch = new CustomEvent(event, {
-            bubbles: false,
-            cancelable: true,
-            detail: {
-                data
-            }
-        });
-        element.dispatchEvent(eventDispatch);
-    };
-    const saveToElementInteractionData = (element, key, value)=>{
-        const interactionData = element.getAttribute('gp-data-interaction');
-        const interactionDataJson = JSON.parse(interactionData || '{}');
-        element.setAttribute('gp-data-interaction', JSON.stringify({
-            ...interactionDataJson,
-            [key]: value
-        }));
-    };
-    const getInteractionPreviousData = (element, key)=>{
-        const interactionData = element.getAttribute('gp-data-interaction');
-        const interactionDataJson = JSON.parse(interactionData || '{}');
-        return {
-            previousData: interactionDataJson[key],
-            interactionDataJson
-        };
-    };
-    const closeSelectOnPage = ()=>{
-        setInteractionIsSelectOnPage(false);
-        const event = new CustomEvent('editor:interaction:change-select-on-page', {
-            bubbles: true,
-            detail: false
-        });
-        window.dispatchEvent(event);
-    };
-    const changeSelectMode = (mode)=>{
-        const event = new CustomEvent('editor:interaction:change-select-mode', {
-            bubbles: true,
-            detail: mode
-        });
-        window.dispatchEvent(event);
-    };
-    const selectInteractionElement = ({ componentUid, settingType, $target })=>{
-        const event = new CustomEvent('editor:interaction:select-element', {
-            bubbles: true,
-            detail: {
-                componentUid,
-                settingType,
-                $target
-            }
-        });
-        window.dispatchEvent(event);
-    };
-    const isInteractionMode = useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
-        sidebarMode,
-        interactionData?.isSelectOnPage,
-        selectType
-    ]);
-    const isSelectOnPage = useMemo(()=>interactionData?.isSelectOnPage, [
-        interactionData?.isSelectOnPage
-    ]);
-    const interactionListenerLoaded = useCallback((callback)=>{
-        //@ts-ignore
-        if (window.interactionLoaded) {
-            callback();
-            return;
-        }
-        window.addEventListener('gp:flow-actions-loaded', ()=>{
-            callback();
-        });
-    }, []);
-    return {
-        onListener,
-        trigger,
-        saveToElementInteractionData,
-        closeSelectOnPage,
-        ref,
-        findElementIncludingSelf,
-        getInteractionPreviousData,
-        changeSelectMode,
-        selectInteractionElement,
-        isInteractionMode,
-        isSelectOnPage,
-        interactionListenerLoaded
-    };
-};
-
-export { useInteraction };
+'use client';
+import{useRef as t,useMemo as e,useCallback as n}from"react";import"react/jsx-runtime";import"zustand";import{usePageStore as i}from"../../contexts/PageContext.js";import"react-transition-group";import"@gem-sdk/core";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"../convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";let useInteraction=()=>{let r=t(),o=i(t=>t.setInteractionIsSelectOnPage),a=i(t=>t.sidebarMode),s=i(t=>t.interactionData?.selectType),c=i(t=>t.interactionData);function l(t,e){return!(t instanceof Document)&&t?.matches(e)?t:t?.querySelector(e)}let d=(t,e,n)=>{let i=t=>{let e=t.detail;n&&n(e)};return t.addEventListener(e,i),()=>t.removeEventListener(e,i)},u=({event:t,selector:e,elementRef:n},i)=>{let o=l(n?.current||r.current||document,e);if(o)return d(o,t,i)},m=({event:t,data:e,selector:n,element:i})=>{let r=i||document.body?.querySelector(n);if(!r)return;let o=new CustomEvent(t,{bubbles:!1,cancelable:!0,detail:{data:e}});r.dispatchEvent(o)},p=(t,e,n)=>{if(!t)return;let i=t.getAttribute("gp-data-interaction"),r=JSON.parse(i||"{}");t.setAttribute("gp-data-interaction",JSON.stringify({...r,[e]:n}))},g=(t,e)=>{let n=t.getAttribute("gp-data-interaction"),i=JSON.parse(n||"{}");return{previousData:i[e],interactionDataJson:i}},b=()=>{o(!1);let t=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(t)},w=t=>{let e=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:t});window.dispatchEvent(e)},v=({componentUid:t,settingType:e,$target:n})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:t,settingType:e,$target:n}});window.dispatchEvent(i)},f=e(()=>"interaction"===a&&(!c?.isSelectOnPage||"PAGE"===s),[a,c?.isSelectOnPage,s]),E=e(()=>c?.isSelectOnPage,[c?.isSelectOnPage]),S=n(t=>{if(window.interactionLoaded){t();return}window.addEventListener("gp:flow-actions-loaded",()=>{t()})},[]);return{onListener:u,trigger:m,saveToElementInteractionData:p,closeSelectOnPage:b,ref:r,findElementIncludingSelf:l,getInteractionPreviousData:g,changeSelectMode:w,selectInteractionElement:v,isInteractionMode:f,isSelectOnPage:E,interactionListenerLoaded:S}};export{useInteraction};

package/dist/esm/helpers/is-browser.js

@@ -1,5 +1 @@
-function isBrowser() {
-    return typeof window !== 'undefined';
-}
-
-export { isBrowser as default };
+function isBrowser(){return"undefined"!=typeof window}export{isBrowser as default};

package/dist/esm/helpers/is-defined.js

@@ -1,5 +1 @@
-function isDefined(argument) {
-    return argument !== undefined;
-}
-
-export { isDefined };
+function isDefined(e){return void 0!==e}export{isDefined};

package/dist/esm/helpers/is-empty-children.js

@@ -1,10 +1,2 @@
-import { Children } from 'react';
-import ComponentToolbarPreview from '../components/ComponentToolbarPreview.js';
-
-const isEmptyChildren = (children)=>{
-    let arrChild = Children.toArray(children);
-    arrChild = arrChild.filter((child)=>child?.type != ComponentToolbarPreview);
-    return Children.count(arrChild) < 1 || !children;
-};
-
-export { isEmptyChildren as default, isEmptyChildren };
+'use client';
+import{Children as t}from"react";import r from"../components/ComponentToolbarPreview.js";let isEmptyChildren=e=>{let o=t.toArray(e);return o=o.filter(t=>t?.type!=r),1>t.count(o)||!e};export{isEmptyChildren as default,isEmptyChildren};

package/dist/esm/helpers/is-safari.js

@@ -1,5 +1 @@
-function isSafari() {
-    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
-}
-
-export { isSafari as default };
+function isSafari(){return"undefined"!=typeof window&&!!window.navigator&&-1!==window.navigator.userAgent.indexOf("Safari")&&-1===window.navigator.userAgent.indexOf("Chrome")}export{isSafari as default};

package/dist/esm/helpers/layout.js

@@ -1,70 +1 @@
-import { devicesMapping } from './constant.js';
-import { getResponsiveValueByScreen, getResponsiveValue } from './get-resonsive-value.js';
-
-const gridToArrayRegex = // eslint-disable-next-line regexp/no-super-linear-backtracking
-/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g; // Regex convert css grid to array
-const optionLayoutStyle = (column)=>{
-    if (!column) return {};
-    const style = {};
-    for (const [key, value] of Object.entries(column)){
-        Object.assign(style, {
-            [`--gtc${devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`
-        });
-    }
-    return style;
-};
-const composeGridLayout = (layout)=>{
-    const display = getResponsiveValue(layout, 'display');
-    const desktop = (getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`minmax(0, auto)`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    const tablet = (getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`minmax(0, auto)`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    const mobile = (getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`minmax(0, auto)`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    return {
-        [`--gtc`]: desktop,
-        [`--gtc-tablet`]: tablet,
-        [`--gtc-mobile`]: mobile
-    };
-};
-const gridToArray = (layout)=>{
-    return layout ? layout.match(gridToArrayRegex) ?? [] : [];
-};
-const convertOldLayout = (layout)=>{
-    const desktopCol = gridToArray(layout?.desktop).length;
-    const tabletCol = gridToArray(layout?.tablet).length;
-    const mobileCol = gridToArray(layout?.mobile).length;
-    return {
-        desktop: {
-            cols: desktopCol ? Array.from({
-                length: desktopCol
-            }, ()=>12 / desktopCol) : undefined,
-            display: 'fill'
-        },
-        tablet: {
-            cols: tabletCol ? Array.from({
-                length: tabletCol
-            }, ()=>12 / tabletCol) : undefined
-        },
-        mobile: {
-            cols: mobileCol ? Array.from({
-                length: mobileCol
-            }, ()=>12 / mobileCol) : undefined
-        }
-    };
-};
-const getLayoutClasses = (layout)=>{
-    const breakpoints = [
-        'desktop',
-        'tablet',
-        'mobile'
-    ];
-    return breakpoints.reduce((classes, bp)=>{
-        const prefix = bp === 'desktop' ? '' : `${bp}:`;
-        const layoutValue = layout?.[bp];
-        if (layoutValue) {
-            classes[`${prefix}gp-flex-col`] = layoutValue === 'vertical';
-            classes[`${prefix}gp-flex-row`] = layoutValue === 'horizontal';
-        }
-        return classes;
-    }, {});
-};
-
-export { composeGridLayout, convertOldLayout, getLayoutClasses, gridToArrayRegex, optionLayoutStyle };
+import{DEVICES as t}from"../constants/device.js";import{devicesMapping as o}from"./constant.js";import{getResponsiveValueByScreen as e,getResponsiveValue as r}from"./get-resonsive-value.js";let gridToArrayRegex=/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g,optionLayoutStyle=t=>{if(!t)return{};let e={};for(let[r,a]of Object.entries(t))Object.assign(e,{[`--gtc${o?.[r]}`]:`repeat(${parseFloat(a+"")||1}, minmax(0, 1fr))`});return e},composeGridLayout=t=>{let o=r(t,"display"),a=("fit"===e(o,"desktop")?t?.desktop?.cols?.map(()=>"minmax(0, auto)"):t?.desktop?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" "),l=("fit"===e(o,"tablet")?t?.tablet?.cols?.map(()=>"minmax(0, auto)"):t?.tablet?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" "),i=("fit"===e(o,"mobile")?t?.mobile?.cols?.map(()=>"minmax(0, auto)"):t?.mobile?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" ");return{"--gtc":a,"--gtc-tablet":l,"--gtc-mobile":i}},gridToArray=t=>t?t.match(gridToArrayRegex)??[]:[],convertOldLayout=t=>{let o=gridToArray(t?.desktop).length,e=gridToArray(t?.tablet).length,r=gridToArray(t?.mobile).length;return{desktop:{cols:o?Array.from({length:o},()=>12/o):void 0,display:"fill"},tablet:{cols:e?Array.from({length:e},()=>12/e):void 0},mobile:{cols:r?Array.from({length:r},()=>12/r):void 0}}},getLayoutClasses=o=>t.reduce((t,e)=>{let r="desktop"===e?"":`${e}:`,a=o?.[e];return a&&(t[`${r}gp-flex-col`]="vertical"===a,t[`${r}gp-flex-row`]="horizontal"===a),t},{});export{composeGridLayout,convertOldLayout,getLayoutClasses,gridToArrayRegex,optionLayoutStyle};

package/dist/esm/helpers/load-script.js

@@ -1,29 +1 @@
-const SCRIPTS_LOADED = {};
-function loadScript(src, options) {
-    const isScriptLoaded = SCRIPTS_LOADED[src];
-    if (isScriptLoaded) {
-        return isScriptLoaded;
-    }
-    const promise = new Promise((resolve, reject)=>{
-        const script = document.createElement('script');
-        if (options?.module) {
-            script.type = 'module';
-        }
-        script.src = src;
-        script.onload = ()=>{
-            resolve(true);
-        };
-        script.onerror = ()=>{
-            reject(false);
-        };
-        if (options?.in === 'head') {
-            document.head.appendChild(script);
-        } else {
-            document.body.appendChild(script);
-        }
-    });
-    SCRIPTS_LOADED[src] = promise;
-    return promise;
-}
-
-export { loadScript };
+let SCRIPTS_LOADED={};function loadScript(e,t){let d=SCRIPTS_LOADED[e];if(d)return d;let o=new Promise((d,o)=>{let n=document.createElement("script");t?.module&&(n.type="module"),n.src=e,n.onload=()=>{d(!0)},n.onerror=()=>{o(!1)},t?.in==="head"?document.head.appendChild(n):document.body.appendChild(n)});return SCRIPTS_LOADED[e]=o,o}export{loadScript};

package/dist/esm/helpers/loop-component.js

@@ -1,14 +1 @@
-function loopComponent(component, callback) {
-    if (component) {
-        callback(component);
-    }
-    if (component?.childrens?.length) {
-        // eslint-disable-next-line
-        for(let i = 0; i < component.childrens.length; i++){
-            const children = component.childrens[i];
-            loopComponent(children, callback);
-        }
-    }
-}
-
-export { loopComponent };
+function loopComponent(o,n){if(o&&n(o),o?.childrens?.length)for(let e=0;e<o.childrens.length;e++){let l=o.childrens[e];loopComponent(l,n)}}export{loopComponent};

package/dist/esm/helpers/make-style.js

@@ -1,149 +1 @@
-import { getResponsiveValueByScreen } from './get-resonsive-value.js';
-
-const removeNullUndefined = (obj)=>Object.entries(obj).reduce((a, [k, v])=>{
-        if (v === null || v === undefined) return a;
-        return {
-            ...a,
-            [k]: v
-        };
-    }, {});
-const makeStyleKey = (name)=>{
-    return [
-        name,
-        `hvr-${name}`,
-        `focus-${name}`,
-        `${name}-tablet`,
-        `hvr-${name}-tablet`,
-        `focus-${name}-tablet`,
-        `${name}-mobile`,
-        `hvr-${name}-mobile`,
-        `focus-${name}-mobile`
-    ].map((key)=>`--${key}`);
-};
-const makeStyle = (style)=>{
-    return removeNullUndefined(Object.fromEntries(Object.entries(style).map(([key, value])=>[
-            `--${key}`,
-            value
-        ])));
-};
-const makeStyleState = (name, value)=>{
-    if (!value) return {};
-    return {
-        [`--${name}`]: value?.normal,
-        [`--hvr-${name}`]: value?.hover,
-        [`--focus-${name}`]: value?.focus
-    };
-};
-const makeStyleResponsiveState = (name, value)=>{
-    if (!value) return {};
-    return {
-        [`--${name}`]: value?.desktop?.normal,
-        [`--hvr-${name}`]: value?.desktop?.hover,
-        [`--focus-${name}`]: value?.desktop?.focus,
-        [`--${name}-tablet`]: value?.tablet?.normal,
-        [`--hvr-${name}-tablet`]: value?.tablet?.hover,
-        [`--focus-${name}-tablet`]: value?.tablet?.focus,
-        [`--${name}-mobile`]: value?.mobile?.normal,
-        [`--hvr-${name}-mobile`]: value?.mobile?.hover,
-        [`--focus-${name}-mobile`]: value?.mobile?.focus
-    };
-};
-const makeStyleResponsive = (name, value, unit)=>{
-    return {
-        [`--${name}`]: unit ? `${value?.desktop}${unit}` : value?.desktop,
-        [`--${name}-tablet`]: unit ? `${value?.tablet}${unit}` : value?.tablet,
-        [`--${name}-mobile`]: unit ? `${value?.mobile}${unit}` : value?.mobile
-    };
-};
-const makeStyleResponsiveByScreen = (name, value, unit)=>{
-    return {
-        [`--${name}`]: unit ? `${getResponsiveValueByScreen(value, 'desktop')}${unit}` : getResponsiveValueByScreen(value, 'desktop'),
-        [`--${name}-tablet`]: unit ? `${getResponsiveValueByScreen(value, 'tablet')}${unit}` : getResponsiveValueByScreen(value, 'tablet'),
-        [`--${name}-mobile`]: unit ? `${getResponsiveValueByScreen(value, 'mobile')}${unit}` : getResponsiveValueByScreen(value, 'mobile')
-    };
-};
-const makeWidth = (widthValue, fullWidthValue)=>{
-    const getVal = (deviceValue, widthValue, fullWidthValue)=>{
-        const widthVal = getResponsiveValueByScreen(widthValue, deviceValue);
-        const fullWidthVal = fullWidthValue?.[deviceValue] === undefined ? fullWidthValue?.['desktop'] : fullWidthValue?.[deviceValue];
-        if (fullWidthVal) {
-            return '100%';
-        } else if (fullWidthVal === false) {
-            return widthVal ?? widthVal;
-        } else {
-            return widthVal || 'auto';
-        }
-    };
-    return {
-        desktop: getVal('desktop', widthValue, fullWidthValue),
-        tablet: getVal('tablet', widthValue, fullWidthValue),
-        mobile: getVal('mobile', widthValue, fullWidthValue)
-    };
-};
-const makeGlobalSizeWidthResponsive = (globalSize)=>{
-    return {
-        '--w': globalSize?.desktop?.width,
-        '--w-tablet': globalSize?.tablet?.width,
-        '--w-mobile': globalSize?.mobile?.width
-    };
-};
-const makeGlobalSizeHeightResponsive = (globalSize)=>{
-    return {
-        '--h': globalSize?.desktop?.height,
-        '--h-tablet': globalSize?.tablet?.height,
-        '--h-mobile': globalSize?.mobile?.height
-    };
-};
-const makeHeight = (heighValue, autoHeight)=>{
-    const getVal = (deviceValue, heighValue, autoHeight)=>{
-        const heightVal = heighValue?.[deviceValue];
-        const isAuto = autoHeight?.[deviceValue];
-        if (isAuto) {
-            return 'auto';
-        } else if (isAuto === false) {
-            return heightVal ?? heightVal;
-        } else {
-            return heightVal;
-        }
-    };
-    return {
-        desktop: getVal('desktop', heighValue, autoHeight),
-        tablet: getVal('tablet', heighValue, autoHeight),
-        mobile: getVal('mobile', heighValue, autoHeight)
-    };
-};
-const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const aspectRatioDevice = getResponsiveValueByScreen(aspectRatio, device);
-        if (aspectRatioDevice !== 'none') {
-            result = {
-                ...result,
-                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}`
-            };
-        }
-    });
-    return result;
-};
-const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
-    const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
-        const lineClamp = getResponsiveValueByScreen(lineClampValue, deviceValue);
-        const hasLineClamp = getResponsiveValueByScreen(hasLineClampValue, deviceValue);
-        if (hasLineClamp || hasLineClamp === undefined) {
-            return lineClamp;
-        }
-        return 'unset';
-    };
-    return {
-        desktop: getVal('desktop', lineClampValue, hasLineClampValue),
-        tablet: getVal('tablet', lineClampValue, hasLineClampValue),
-        mobile: getVal('mobile', lineClampValue, hasLineClampValue)
-    };
-};
-
-export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined };
+import{getResponsiveValueByScreen as e}from"./get-resonsive-value.js";let removeNullUndefined=e=>Object.entries(e).reduce((e,[t,o])=>null==o?e:{...e,[t]:o},{}),makeStyleKey=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),makeStyle=e=>removeNullUndefined(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),makeStyleState=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},makeStyleResponsiveState=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},makeStyleResponsive=(e,t,o)=>({[`--${e}`]:o?`${t?.desktop}${o}`:t?.desktop,[`--${e}-tablet`]:o?`${t?.tablet}${o}`:t?.tablet,[`--${e}-mobile`]:o?`${t?.mobile}${o}`:t?.mobile}),makeStyleResponsiveByScreen=(t,o,l)=>({[`--${t}`]:l?`${e(o,"desktop")}${l}`:e(o,"desktop"),[`--${t}-tablet`]:l?`${e(o,"tablet")}${l}`:e(o,"tablet"),[`--${t}-mobile`]:l?`${e(o,"mobile")}${l}`:e(o,"mobile")}),makeWidth=(t,o)=>{let l=(t,o,l)=>{let i=e(o,t),a=l?.[t]===void 0?l?.desktop:l?.[t];return a?"100%":!1===a?i??i:i||"auto"};return{desktop:l("desktop",t,o),tablet:l("tablet",t,o),mobile:l("mobile",t,o)}},makeGlobalSizeWidthResponsive=e=>({"--w":e?.desktop?.width,"--w-tablet":e?.tablet?.width,"--w-mobile":e?.mobile?.width}),makeGlobalSizeHeightResponsive=e=>({"--h":e?.desktop?.height,"--h-tablet":e?.tablet?.height,"--h-mobile":e?.mobile?.height}),makeHeight=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],i=o?.[e];return i?"auto":!1===i?l??l:l};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeAspectRatio=(t,o,l)=>{let i={},a=["desktop","mobile","tablet"];return a.forEach(a=>{let s=e(t,a);"none"!==s&&(i={...i,[a]:"custom"!==s?s:`${e(o,"desktop")}/${e(l,"desktop")}`})}),i},makeLineClamp=(t,o)=>{let l=(t,o,l)=>{let i=e(o,t),a=e(l,t);return 0===i?"0":a||void 0===a?i:"unset"};return{desktop:l("desktop",t,o),tablet:l("tablet",t,o),mobile:l("mobile",t,o)}},getResponsiveWidthValue=(e,t,o)=>o?`${t?.[e]}${o}`:t?.[e]==="default"?"1200px":t?.[e],makeStyleResponsiveWidth=(e,t)=>({"--w":getResponsiveWidthValue("desktop",e,t),"--w-tablet":getResponsiveWidthValue("tablet",e,t),"--w-mobile":getResponsiveWidthValue("mobile",e,t)}),getResponsiveWidthValueWithoutAuto=(e,t,o)=>{if(o)return`${t?.[e]}${o}`;switch(t?.[e]){case"default":return"1200px";case"Auto":return"100%";default:return t?.[e]}},makeStyleResponsiveWidthWithoutAuto=(e,t)=>({"--w":getResponsiveWidthValueWithoutAuto("desktop",e,t),"--w-tablet":getResponsiveWidthValueWithoutAuto("tablet",e,t),"--w-mobile":getResponsiveWidthValueWithoutAuto("mobile",e,t)});export{makeAspectRatio,makeGlobalSizeHeightResponsive,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveByScreen,makeStyleResponsiveState,makeStyleResponsiveWidth,makeStyleResponsiveWidthWithoutAuto,makeStyleState,makeWidth,removeNullUndefined};

package/dist/esm/helpers/normalize-builder-data.js

@@ -1,21 +1 @@
-function normalizeBuilderData(data) {
-    const result = {};
-    function compose(data, res = {}) {
-        const childrens = data.childrens;
-        const items = childrens?.map((child)=>child.uid) ?? [];
-        res[data.uid] = {
-            ...data,
-            childrens: items,
-            type: 'component'
-        };
-        if (childrens) {
-            childrens.map((child)=>compose(child, res));
-        }
-    }
-    compose(data, result);
-    return {
-        ...result
-    };
-}
-
-export { normalizeBuilderData };
+function normalizeBuilderData(e){let n={};return!function e(n,i={}){let t=n.childrens,r=t?.map(e=>e.uid)??[];i[n.uid]={...n,childrens:r,type:"component"},t&&t.map(n=>e(n,i))}(e,n),{...n}}export{normalizeBuilderData};

package/dist/esm/helpers/pascal-to-kebab-case.js

@@ -1,5 +1 @@
-const pascalToKebab = (pascalCaseString)=>{
-    return pascalCaseString.replace(/[A-Z]/g, (match, offset)=>(offset ? '-' : '') + match.toLowerCase());
-};
-
-export { pascalToKebab };
+let pascalToKebab=a=>a.replace(/[A-Z]/g,(a,e)=>(e?"-":"")+a.toLowerCase());export{pascalToKebab};

package/dist/esm/helpers/prefetch-queries.js

@@ -1,76 +1 @@
-import { unstable_serialize } from 'swr';
-import { getCollection } from './queries/get-collection.js';
-import { getProduct } from './queries/get-product.js';
-import { getProducts } from './queries/get-products.js';
-import { generateCollectionQueryKey, generateProductsQueryKey, generateProductQueryKey } from './query.js';
-
-const prefetchQueries = (input, options)=>{
-    const queries = [];
-    Object.keys(input).forEach((key)=>{
-        const item = input[key];
-        let data = undefined;
-        switch(item.tag){
-            case 'Product':
-                {
-                    if (item.settings?.isAuto) break;
-                    const variables = {
-                        id: item.settings?.productSetting?.productId ?? 'latest',
-                        isSample: options?.isSample,
-                        isStorefront: options?.isStorefront
-                    };
-                    data = {
-                        key: unstable_serialize(generateProductQueryKey(variables)),
-                        func: getProduct,
-                        variables
-                    };
-                    break;
-                }
-            case 'ProductList':
-                {
-                    const productSetting = item.settings?.productSetting;
-                    if (productSetting?.productSrc === 'Collection') {
-                        const variables = {
-                            id: productSetting?.collectionId ?? 'latest',
-                            numberOfProducts: item.settings?.numberOfProducts ?? 4,
-                            orderBy: item.settings?.orderBy,
-                            isSample: options?.isSample,
-                            isStorefront: options?.isStorefront
-                        };
-                        data = {
-                            key: unstable_serialize(generateCollectionQueryKey(variables)),
-                            func: getCollection,
-                            variables
-                        };
-                    } else {
-                        const variables = {
-                            ids: [
-                                ...productSetting?.productIds ?? []
-                            ].sort(),
-                            isSample: options?.isSample,
-                            isStorefront: options?.isStorefront
-                        };
-                        data = {
-                            key: unstable_serialize(generateProductsQueryKey(variables)),
-                            func: getProducts,
-                            variables
-                        };
-                    }
-                    break;
-                }
-        }
-        if (data) {
-            queries.push(data);
-        }
-    });
-    return queries.reduce((accumulator, current)=>{
-        if (!accumulator.some((x)=>x.key === current.key)) {
-            return [
-                ...accumulator,
-                current
-            ];
-        }
-        return accumulator;
-    }, []);
-};
-
-export { prefetchQueries };
+import{unstable_serialize as e}from"swr";import{getCollection as t}from"./queries/get-collection.js";import{getProduct as r}from"./queries/get-product.js";import{getProducts as s}from"./queries/get-products.js";import{generateCollectionQueryKey as o,generateProductsQueryKey as i,generateProductQueryKey as c}from"./query.js";let prefetchQueries=(u,l)=>{let n=[];return Object.keys(u).forEach(p=>{let f;let d=u[p];switch(d.tag){case"Product":{if(d.settings?.isAuto)break;let t={id:d.settings?.productSetting?.productId??"latest",isSample:l?.isSample,isStorefront:l?.isStorefront};f={key:e(c(t)),func:r,variables:t};break}case"ProductList":{let r=d.settings?.productSetting;if(r?.productSrc==="Collection"){let s={id:r?.collectionId??"latest",numberOfProducts:d.settings?.numberOfProducts??4,orderBy:d.settings?.orderBy,isSample:l?.isSample,isStorefront:l?.isStorefront};f={key:e(o(s)),func:t,variables:s}}else{let t={ids:[...r?.productIds??[]].sort(),isSample:l?.isSample,isStorefront:l?.isStorefront};f={key:e(i(t)),func:s,variables:t}}}}f&&n.push(f)}),n.reduce((e,t)=>e.some(e=>e.key===t.key)?e:[...e,t],[])};export{prefetchQueries};

package/dist/esm/helpers/product.js

@@ -1,44 +1 @@
-import { checkInStock } from './variant.js';
-
-function getSelectedVariant(variants, choices, variantId) {
-    /**
-   * Ensure the user has selected all the required options, not just some.
-   */ if (!variants || !variants.length || !choices || variants[0]?.selectedOptions.length !== Object.keys(choices).length) {
-        return;
-    }
-    if (variantId) {
-        return variants.find((variant)=>variant?.id === variantId);
-    }
-    return variants.find((variant)=>{
-        return Object.entries(choices).every(([name, value])=>{
-            return variant?.selectedOptions.some((option)=>option.name === name && option.value === value);
-        });
-    });
-}
-function parseSelectedOption(options) {
-    if (!options || options && options.length === 0) {
-        return;
-    }
-    return options.reduce((acc, { name, value })=>{
-        if (name && value) {
-            return {
-                ...acc,
-                [name]: value
-            };
-        }
-        return acc;
-    }, {});
-}
-function checkAvailableVariantInStock(variants, optionId, optionValue) {
-    return variants ? variants.some((item)=>{
-        if (item) {
-            const { selectedOptions } = item;
-            const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
-            const isInStock = checkInStock(item);
-            return opt && isInStock;
-        }
-        return false;
-    }) : false;
-}
-
-export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption };
+import{checkInStock as e}from"./variant.js";function getSelectedVariant(e,t,n){return e&&e.length&&t&&e[0]?.selectedOptions.length===Object.keys(t).length?n?e.find(e=>e?.id===n):e.find(e=>Object.entries(t).every(([t,n])=>e?.selectedOptions.some(e=>e.name===t&&e.value===n))):void 0}function parseSelectedOption(e){if(e&&(!e||0!==e.length))return e.reduce((e,{name:t,value:n})=>t&&n?{...e,[t]:n}:e,{})}function checkAvailableVariantInStock(t,n,r){return!!t&&t.some(t=>{if(t){let{selectedOptions:i}=t,a=i?.some(e=>e?.name===n&&e.value===r),c=e(t);return a&&c}return!1})}export{checkAvailableVariantInStock,getSelectedVariant,parseSelectedOption};