@gem-sdk/core 2.0.0-dev.1238 → 2.0.0-dev.1244

package/dist/cjs/components/ComponentWrapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js");const ComponentWrapper=({children:e,pageType:t,...s})=>{if("section"===s.type)return null;let n=composeAdvanceStyle.composeAdvanceStyle(s.advanced,s.tag,t),r=s.advanced,a=()=>{let e={};return s.advanced?.displayInitInteraction!==void 0&&(e={"display-init":s.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return constant.disableWrap.includes(s.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:s.uid,advanced:r}),jsxRuntime.jsx(e.type,{className:r?.cssClass,...e.props,style:n,advanced:r,builderAttrs:{...e.props.builderAttrs,...a()}})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:s.uid,advanced:r}),jsxRuntime.jsx("div",{style:n,...a(),className:`${s.uid} ${r?.cssClass}`,children:e})]})};exports.default=ComponentWrapper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js"),ComponentAnimation=require("./ComponentAnimation.js"),useRenderMode=require("../hooks/useRenderMode.js");const ComponentWrapper=({children:e,pageType:t,...n})=>{let{isPreviewSharePageMode:s}=useRenderMode.useRenderMode();if("section"===n.type)return null;let r=composeAdvanceStyle.composeAdvanceStyle(n.advanced,n.tag,t),i=n.advanced,d=()=>{let e={};return n.advanced?.displayInitInteraction!==void 0&&(e={"display-init":n.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return constant.disableWrap.includes(n.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s&&jsxRuntime.jsx(ComponentAnimation.default,{...n}),jsxRuntime.jsx(RenderCustomCode.default,{uid:n.uid,advanced:i}),jsxRuntime.jsx(e.type,{className:i?.cssClass,...e.props,style:r,advanced:i,builderAttrs:{...e.props.builderAttrs,...d()}})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s&&jsxRuntime.jsx(ComponentAnimation.default,{...n}),jsxRuntime.jsx(RenderCustomCode.default,{uid:n.uid,advanced:i}),jsxRuntime.jsx("div",{style:r,...d(),className:`${n.uid} ${i?.cssClass}`,children:e})]})};exports.default=ComponentWrapper;

package/dist/cjs/components/Render.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactErrorBoundary=require("react-error-boundary"),BuilderComponent=require("../contexts/BuilderComponent.js"),BuilderContext=require("../contexts/BuilderContext.js"),ComponentWrapper=require("./ComponentWrapper.js"),RenderSection=require("./RenderSection.js");const Render=({uid:e,...r})=>{let t=BuilderContext.useBuilderStore(r=>r.getItem(e)),n=BuilderComponent.useBuilderComponent(t?.tag),s=BuilderContext.useBuilderStore(e=>e.getIsPostPurchase()),i=BuilderContext.useBuilderStore(e=>e.getIsPreview()),d=react.useMemo(()=>s?"POST_PURCHASE":void 0,[s]);return t?t?.type==="section"?jsxRuntime.jsx(RenderSection.default,{sectionId:t.uid}):jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:({error:e,resetErrorBoundary:r})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{"aria-label":"Error message",children:e.message}),jsxRuntime.jsx("button",{type:"button",onClick:r,children:"Try again"})]}),children:jsxRuntime.jsx(ComponentWrapper.default,{...t,pageType:d,children:t?.childrens?.length?jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t,isPreview:i},styles:t.styles,setting:t.settings,advanced:t.advanced,...r,children:t.childrens.map(e=>jsxRuntime.jsx(RenderMemo,{parentStyle:r?.parentStyle,uid:e},e))}):jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t,isPreview:i},styles:t.styles,setting:t.settings,advanced:t.advanced,...r})})},t.uid):null},RenderMemo=react.memo(Render);RenderMemo.displayName="RenderMemo",exports.default=RenderMemo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),reactErrorBoundary=require("react-error-boundary"),BuilderComponent=require("../contexts/BuilderComponent.js"),BuilderContext=require("../contexts/BuilderContext.js"),ComponentWrapper=require("./ComponentWrapper.js"),RenderSection=require("./RenderSection.js");const Render=({uid:e,...r})=>{let t=BuilderContext.useBuilderStore(r=>r.getItem(e)),n=BuilderComponent.useBuilderComponent(t?.tag),s=BuilderContext.useBuilderStore(e=>e.getIsPostPurchase()),i=BuilderContext.useBuilderStore(e=>e.getIsPreview()),d=react.useMemo(()=>s?"POST_PURCHASE":void 0,[s]);return t?t?.type==="section"?jsxRuntime.jsx(RenderSection.default,{sectionId:t.uid}):jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary,{fallbackRender:({error:e,resetErrorBoundary:r})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",{"aria-label":"Error message",children:e.message}),jsxRuntime.jsx("button",{type:"button",onClick:r,children:"Try again"})]}),children:jsxRuntime.jsx(ComponentWrapper.default,{...t,pageType:d,children:t?.childrens?.length?jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t,isPreview:i},styles:t.styles,setting:t.settings,advanced:t.advanced,...r,children:t.childrens.map(e=>jsxRuntime.jsx(RenderMemo,{parentStyle:r?.parentStyle,uid:e,"bundle-item":r?.["bundle-item"]},e))}):jsxRuntime.jsx(n,{builderProps:{uid:e,builderData:t,isPreview:i},styles:t.styles,setting:t.settings,advanced:t.advanced,...r})})},t.uid):null},RenderMemo=react.memo(Render);RenderMemo.displayName="RenderMemo",exports.default=RenderMemo;

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var react=require("react"),useAnimationConfig=require("./useAnimationConfig.js");const SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=t=>{let{isEnabledAnimation:e}=useAnimationConfig.useAnimationConfig(t),r=t.tag,a=t.uid,o=react.useRef(null),T=react.useRef([]),u=t=>{if(T.current)for(let e of T.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},i=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),T=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:T,sectionAddTop:e,sectionAddBottom:r}},n=react.useCallback(t=>t.reduce((t,e)=>{let a=null,o=null,T=e,u=e.querySelector("[data-toolbar][data-toolbar-active]"),n=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(r){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":T=e.querySelector(".gp-button-base");break;case"ProductProperties":T=e.querySelector("input");break;case"Icon":T=e.firstElementChild;break;case"ProductTag":T=e?.children[0]?.children[0];break;case"Section":{T=e;let{sectionOutline:t,sectionToolbar:r,sectionAddTop:A,sectionAddBottom:c}=i(T);n=t,u=r,a=A,o=c;break}default:T=e}let c={target:T,toolbar:u,outline:n,spacing:A,addSectionTop:a,addSectionBottom:o};return t.push(c),t},[]),[r]),A=react.useCallback(()=>{if(!e)return;let t=document.body.querySelector("#storefront");t&&(o.current=t.querySelectorAll(`[data-uid="${a}"]`));let r=Array.from(o.current||[]);if(!r.length)return;let u=n(r);T.current=u},[a,n,e]);return{targetObjects:T,setToolbarActive:u,initListOfTargets:A}};exports.useAnimationTarget=useAnimationTarget;
+"use strict";var react=require("react"),useAnimationConfig=require("./useAnimationConfig.js"),useRenderMode=require("../useRenderMode.js");const SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=t=>{let{isEnabledAnimation:e}=useAnimationConfig.useAnimationConfig(t),{isPreviewSharePageMode:r}=useRenderMode.useRenderMode(),a=t.tag,o=t.uid,u=react.useRef(null),T=react.useRef([]),i=t=>{if(T.current)for(let e of T.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},n=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),u=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:u,sectionAddTop:e,sectionAddBottom:r}},A=react.useCallback(t=>t.reduce((t,e)=>{let r=null,o=null,u=e,T=e.querySelector("[data-toolbar][data-toolbar-active]"),i=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(a){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":u=e.querySelector(".gp-button-base");break;case"ProductProperties":u=e.querySelector("input");break;case"Icon":u=e.firstElementChild;break;case"ProductTag":u=e?.children[0]?.children[0];break;case"Section":{u=e;let{sectionOutline:t,sectionToolbar:a,sectionAddTop:A,sectionAddBottom:c}=n(u);i=t,T=a,r=A,o=c;break}default:u=e}let c={target:u,toolbar:T,outline:i,spacing:A,addSectionTop:r,addSectionBottom:o};return t.push(c),t},[]),[a]),c=react.useCallback(()=>{if(!e)return;let t=document.body.querySelector("#storefront");if(t){let e=r?"data-id":"data-uid";u.current=t.querySelectorAll(`[${e}="${o}"]`)}let a=Array.from(u.current||[]);if(!a.length)return;let i=A(a);T.current=i},[o,A,e,r]);return{targetObjects:T,setToolbarActive:i,initListOfTargets:c}};exports.useAnimationTarget=useAnimationTarget;

package/dist/cjs/hooks/animation/useApplyAnimation.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),useAnimations=require("../useAnimations.js"),useAnimationTarget=require("./useAnimationTarget.js"),useAnimationConfig=require("./useAnimationConfig.js"),useAnimationActions=require("./useAnimationActions.js"),useAnimationPreview=require("./useAnimationPreview.js");require("../../types/builder.js"),require("../../types/custom.js");var animations=require("../../types/animations.js"),_const=require("../../helpers/const.js");const useApplyAnimation=({props:e})=>{let{uid:i}=e,n=useAnimations.useAnimations(),{initListOfTargets:t,targetObjects:a,setToolbarActive:s}=useAnimationTarget.useAnimationTarget(e),{isEnabledAnimation:r,getAnimationConfig:o}=useAnimationConfig.useAnimationConfig(e),{setAnimation:u,cancelAnimation:m,playAnimation:A,setAnimationOnFinish:c}=useAnimationActions.useAnimationActions(),p=()=>{e.tag===_const.DIALOG&&(t(),g()),A()},{previewAnimation:l}=useAnimationPreview.useAnimationPreview({props:e,playAnimation:p,cancelAnimation:m,setAnimationOnFinish:c,setToolbarActive:s}),v=react.useCallback(({target:e,setting:i,type:t,reverse:a})=>n[t](e,i,a),[n]),g=react.useCallback(()=>{let{type:e,setting:i,reverse:n}=o();if(!e||e===animations.AnimationType.None||!a.current.length){m();return}let t=a.current.map(t=>v({type:e,setting:i,target:t.target,reverse:n}));m(),u(t)},[o,a,m,u,v]);react.useEffect(()=>(r?(t(),g()):m(),()=>{m()}),[i,g,m,r,t]),react.useEffect(()=>(window.addEventListener("preview-animation",l),()=>{window.removeEventListener("preview-animation",l)}),[l]),react.useEffect(()=>(window.addEventListener("init-animation-target",t),()=>{window.removeEventListener("init-animation-target",t)}),[t])};exports.default=useApplyAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),useAnimations=require("../useAnimations.js"),useAnimationTarget=require("./useAnimationTarget.js"),useAnimationConfig=require("./useAnimationConfig.js"),useAnimationActions=require("./useAnimationActions.js"),useAnimationPreview=require("./useAnimationPreview.js");require("../../types/builder.js"),require("../../types/custom.js");var animations=require("../../types/animations.js"),_const=require("../../helpers/const.js"),useRenderMode=require("../useRenderMode.js");const useApplyAnimation=({props:e})=>{let{uid:i}=e,{isPreviewSharePageMode:n}=useRenderMode.useRenderMode(),t=useAnimations.useAnimations(),{initListOfTargets:s,targetObjects:r,setToolbarActive:a}=useAnimationTarget.useAnimationTarget(e),{isEnabledAnimation:o,getAnimationConfig:u}=useAnimationConfig.useAnimationConfig(e),{setAnimation:m,cancelAnimation:A,playAnimation:c,setAnimationOnFinish:d}=useAnimationActions.useAnimationActions(),p=()=>{e.tag===_const.DIALOG&&(s(),v()),c()},{previewAnimation:l}=useAnimationPreview.useAnimationPreview({props:e,playAnimation:p,cancelAnimation:A,setAnimationOnFinish:d,setToolbarActive:a}),f=react.useCallback(({target:e,setting:i,type:n,reverse:s})=>t[n](e,i,s),[t]),v=react.useCallback(()=>{let{type:e,setting:i,reverse:n}=u();if(!e||e===animations.AnimationType.None||!r.current.length){A();return}let t=r.current.map(t=>f({type:e,setting:i,target:t.target,reverse:n}));A(),m(t)},[u,r,A,m,f]);react.useEffect(()=>(o?(s(),v()):A(),()=>{A()}),[i,v,A,o,s]),react.useEffect(()=>(window.addEventListener("preview-animation",l),()=>{window.removeEventListener("preview-animation",l)}),[l]),react.useEffect(()=>(window.addEventListener("init-animation-target",s),()=>{window.removeEventListener("init-animation-target",s)}),[s]),react.useEffect(()=>{n&&c()},[n,c])};exports.default=useApplyAnimation;

package/dist/esm/components/ComponentWrapper.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{isValidElement as a}from"react";import{composeAdvanceStyle as d}from"../helpers/compose-advance-style.js";import{disableWrap as i}from"./constant.js";import n from"./RenderCustomCode.js";let ComponentWrapper=({children:s,pageType:o,...p})=>{if("section"===p.type)return null;let c=d(p.advanced,p.tag,o),l=p.advanced,m=()=>{let e={};return p.advanced?.displayInitInteraction!==void 0&&(e={"display-init":p.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return i.includes(p.tag)&&a(s)?e(t,{children:[r(n,{uid:p.uid,advanced:l}),r(s.type,{className:l?.cssClass,...s.props,style:c,advanced:l,builderAttrs:{...s.props.builderAttrs,...m()}})]}):e(t,{children:[r(n,{uid:p.uid,advanced:l}),r("div",{style:c,...m(),className:`${p.uid} ${l?.cssClass}`,children:s})]})};export{ComponentWrapper as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{isValidElement as n}from"react";import{composeAdvanceStyle as o}from"../helpers/compose-advance-style.js";import{disableWrap as a}from"./constant.js";import i from"./RenderCustomCode.js";import s from"./ComponentAnimation.js";import{useRenderMode as d}from"../hooks/useRenderMode.js";let ComponentWrapper=({children:p,pageType:c,...l})=>{let{isPreviewSharePageMode:m}=d();if("section"===l.type)return null;let u=o(l.advanced,l.tag,c),f=l.advanced,v=()=>{let e={};return l.advanced?.displayInitInteraction!==void 0&&(e={"display-init":l.advanced?.displayInitInteraction===!1?"hide":"show","gp-interaction-wrapper":""}),e};return a.includes(l.tag)&&n(p)?e(t,{children:[m&&r(s,{...l}),r(i,{uid:l.uid,advanced:f}),r(p.type,{className:f?.cssClass,...p.props,style:u,advanced:f,builderAttrs:{...p.props.builderAttrs,...v()}})]}):e(t,{children:[m&&r(s,{...l}),r(i,{uid:l.uid,advanced:f}),r("div",{style:u,...v(),className:`${l.uid} ${f?.cssClass}`,children:p})]})};export{ComponentWrapper as default};

package/dist/esm/components/Render.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{memo as n,useMemo as o}from"react";import{ErrorBoundary as d}from"react-error-boundary";import{useBuilderComponent as i}from"../contexts/BuilderComponent.js";import{useBuilderStore as s}from"../contexts/BuilderContext.js";import a from"./ComponentWrapper.js";import l from"./RenderSection.js";let Render=({uid:n,...m})=>{let c=s(e=>e.getItem(n)),p=i(c?.tag),u=s(e=>e.getIsPostPurchase()),g=s(e=>e.getIsPreview()),y=o(()=>u?"POST_PURCHASE":void 0,[u]);return c?c?.type==="section"?e(l,{sectionId:c.uid}):e(d,{fallbackRender:({error:n,resetErrorBoundary:o})=>r(t,{children:[e("span",{"aria-label":"Error message",children:n.message}),e("button",{type:"button",onClick:o,children:"Try again"})]}),children:e(a,{...c,pageType:y,children:c?.childrens?.length?e(p,{builderProps:{uid:n,builderData:c,isPreview:g},styles:c.styles,setting:c.settings,advanced:c.advanced,...m,children:c.childrens.map(r=>e(RenderMemo,{parentStyle:m?.parentStyle,uid:r},r))}):e(p,{builderProps:{uid:n,builderData:c,isPreview:g},styles:c.styles,setting:c.settings,advanced:c.advanced,...m})})},c.uid):null},RenderMemo=n(Render);RenderMemo.displayName="RenderMemo";export{RenderMemo as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{memo as n,useMemo as d}from"react";import{ErrorBoundary as i}from"react-error-boundary";import{useBuilderComponent as o}from"../contexts/BuilderComponent.js";import{useBuilderStore as s}from"../contexts/BuilderContext.js";import a from"./ComponentWrapper.js";import l from"./RenderSection.js";let Render=({uid:n,...m})=>{let c=s(e=>e.getItem(n)),p=o(c?.tag),u=s(e=>e.getIsPostPurchase()),g=s(e=>e.getIsPreview()),y=d(()=>u?"POST_PURCHASE":void 0,[u]);return c?c?.type==="section"?e(l,{sectionId:c.uid}):e(i,{fallbackRender:({error:n,resetErrorBoundary:d})=>r(t,{children:[e("span",{"aria-label":"Error message",children:n.message}),e("button",{type:"button",onClick:d,children:"Try again"})]}),children:e(a,{...c,pageType:y,children:c?.childrens?.length?e(p,{builderProps:{uid:n,builderData:c,isPreview:g},styles:c.styles,setting:c.settings,advanced:c.advanced,...m,children:c.childrens.map(r=>e(RenderMemo,{parentStyle:m?.parentStyle,uid:r,"bundle-item":m?.["bundle-item"]},r))}):e(p,{builderProps:{uid:n,builderData:c,isPreview:g},styles:c.styles,setting:c.settings,advanced:c.advanced,...m})})},c.uid):null},RenderMemo=n(Render);RenderMemo.displayName="RenderMemo";export{RenderMemo as default};

package/dist/esm/hooks/animation/useAnimationTarget.js

@@ -1,2 +1,2 @@
 'use client';
-import{useRef as t,useCallback as e}from"react";import{useAnimationConfig as r}from"./useAnimationConfig.js";let SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=a=>{let{isEnabledAnimation:o}=r(a),T=a.tag,u=a.uid,i=t(null),A=t([]),n=t=>{if(A.current)for(let e of A.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},l=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),T=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:T,sectionAddTop:e,sectionAddBottom:r}},c=e(t=>t.reduce((t,e)=>{let r=null,a=null,o=e,u=e.querySelector("[data-toolbar][data-toolbar-active]"),i=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(T){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":o=e.querySelector(".gp-button-base");break;case"ProductProperties":o=e.querySelector("input");break;case"Icon":o=e.firstElementChild;break;case"ProductTag":o=e?.children[0]?.children[0];break;case"Section":{o=e;let{sectionOutline:t,sectionToolbar:T,sectionAddTop:A,sectionAddBottom:n}=l(o);i=t,u=T,r=A,a=n;break}default:o=e}let n={target:o,toolbar:u,outline:i,spacing:A,addSectionTop:r,addSectionBottom:a};return t.push(n),t},[]),[T]),d=e(()=>{if(!o)return;let t=document.body.querySelector("#storefront");t&&(i.current=t.querySelectorAll(`[data-uid="${u}"]`));let e=Array.from(i.current||[]);if(!e.length)return;let r=c(e);A.current=r},[u,c,o]);return{targetObjects:A,setToolbarActive:n,initListOfTargets:d}};export{useAnimationTarget};
+import{useRef as t,useCallback as e}from"react";import{useAnimationConfig as r}from"./useAnimationConfig.js";import{useRenderMode as a}from"../useRenderMode.js";let SPACING_ACTIVE_ATTRIBUTE="data-spacing-margin-bottom-active",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=o=>{let{isEnabledAnimation:T}=r(o),{isPreviewSharePageMode:u}=a(),i=o.tag,A=o.uid,n=t(null),l=t([]),c=t=>{if(l.current)for(let e of l.current)t?(e.toolbar?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),e.outline?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),e.spacing?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),e.addSectionTop?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),e.addSectionBottom?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(e.toolbar?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),e.outline?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),e.spacing?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),e.addSectionTop?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),e.addSectionBottom?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},d=t=>{let e=t.querySelector("[data-toolbar-add-top]"),r=t.querySelector("[data-toolbar-add-bottom]"),a=Array.from(t.children),o=a.find(t=>null!==t.getAttribute("data-toolbar")),T=a.find(t=>null!==t.getAttribute("data-outline"));return{sectionToolbar:o,sectionOutline:T,sectionAddTop:e,sectionAddBottom:r}},I=e(t=>t.reduce((t,e)=>{let r=null,a=null,o=e,T=e.querySelector("[data-toolbar][data-toolbar-active]"),u=e.querySelector("[data-outline][data-outline-active]"),A=e.querySelector("[data-spacing] [data-spacing-margin-bottom]");switch(i){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":o=e.querySelector(".gp-button-base");break;case"ProductProperties":o=e.querySelector("input");break;case"Icon":o=e.firstElementChild;break;case"ProductTag":o=e?.children[0]?.children[0];break;case"Section":{o=e;let{sectionOutline:t,sectionToolbar:i,sectionAddTop:A,sectionAddBottom:n}=d(o);u=t,T=i,r=A,a=n;break}default:o=e}let n={target:o,toolbar:T,outline:u,spacing:A,addSectionTop:r,addSectionBottom:a};return t.push(n),t},[]),[i]),_=e(()=>{if(!T)return;let t=document.body.querySelector("#storefront");if(t){let e=u?"data-id":"data-uid";n.current=t.querySelectorAll(`[${e}="${A}"]`)}let e=Array.from(n.current||[]);if(!e.length)return;let r=I(e);l.current=r},[A,I,T,u]);return{targetObjects:l,setToolbarActive:c,initListOfTargets:_}};export{useAnimationTarget};

package/dist/esm/hooks/animation/useApplyAnimation.js

@@ -1,2 +1,2 @@
 'use client';
-import{useCallback as t,useEffect as i}from"react";import{useAnimations as e}from"../useAnimations.js";import{useAnimationTarget as n}from"./useAnimationTarget.js";import{useAnimationConfig as o}from"./useAnimationConfig.js";import{useAnimationActions as r}from"./useAnimationActions.js";import{useAnimationPreview as m}from"./useAnimationPreview.js";import"../../types/builder.js";import"../../types/custom.js";import{AnimationType as a}from"../../types/animations.js";import{DIALOG as s}from"../../helpers/const.js";let useApplyAnimation=({props:p})=>{let{uid:u}=p,d=e(),{initListOfTargets:f,targetObjects:l,setToolbarActive:w}=n(p),{isEnabledAnimation:A,getAnimationConfig:j}=o(p),{setAnimation:v,cancelAnimation:g,playAnimation:c,setAnimationOnFinish:y}=r(),E=()=>{p.tag===s&&(f(),b()),c()},{previewAnimation:L}=m({props:p,playAnimation:E,cancelAnimation:g,setAnimationOnFinish:y,setToolbarActive:w}),h=t(({target:t,setting:i,type:e,reverse:n})=>d[e](t,i,n),[d]),b=t(()=>{let{type:t,setting:i,reverse:e}=j();if(!t||t===a.None||!l.current.length){g();return}let n=l.current.map(n=>h({type:t,setting:i,target:n.target,reverse:e}));g(),v(n)},[j,l,g,v,h]);i(()=>(A?(f(),b()):g(),()=>{g()}),[u,b,g,A,f]),i(()=>(window.addEventListener("preview-animation",L),()=>{window.removeEventListener("preview-animation",L)}),[L]),i(()=>(window.addEventListener("init-animation-target",f),()=>{window.removeEventListener("init-animation-target",f)}),[f])};export{useApplyAnimation as default};
+import{useCallback as t,useEffect as i}from"react";import{useAnimations as e}from"../useAnimations.js";import{useAnimationTarget as n}from"./useAnimationTarget.js";import{useAnimationConfig as o}from"./useAnimationConfig.js";import{useAnimationActions as r}from"./useAnimationActions.js";import{useAnimationPreview as m}from"./useAnimationPreview.js";import"../../types/builder.js";import"../../types/custom.js";import{AnimationType as s}from"../../types/animations.js";import{DIALOG as a}from"../../helpers/const.js";import{useRenderMode as p}from"../useRenderMode.js";let useApplyAnimation=({props:u})=>{let{uid:d}=u,{isPreviewSharePageMode:f}=p(),l=e(),{initListOfTargets:w,targetObjects:A,setToolbarActive:j}=n(u),{isEnabledAnimation:v,getAnimationConfig:g}=o(u),{setAnimation:c,cancelAnimation:y,playAnimation:E,setAnimationOnFinish:L}=r(),h=()=>{u.tag===a&&(w(),C()),E()},{previewAnimation:b}=m({props:u,playAnimation:h,cancelAnimation:y,setAnimationOnFinish:L,setToolbarActive:j}),x=t(({target:t,setting:i,type:e,reverse:n})=>l[e](t,i,n),[l]),C=t(()=>{let{type:t,setting:i,reverse:e}=g();if(!t||t===s.None||!A.current.length){y();return}let n=A.current.map(n=>x({type:t,setting:i,target:n.target,reverse:e}));y(),c(n)},[g,A,y,c,x]);i(()=>(v?(w(),C()):y(),()=>{y()}),[d,C,y,v,w]),i(()=>(window.addEventListener("preview-animation",b),()=>{window.removeEventListener("preview-animation",b)}),[b]),i(()=>(window.addEventListener("init-animation-target",w),()=>{window.removeEventListener("init-animation-target",w)}),[w]),i(()=>{f&&E()},[f,E])};export{useApplyAnimation as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.1238",
+  "version": "2.0.0-dev.1244",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",