@gem-sdk/pages 18.0.0 → 19.0.0-dev.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("./toolbar/utils/getDOMElementParents.js"),o=require("./toolbar/const.js"),a=require("./toolbar/utils/getChildrenByAttrSelector.js"),i=require("./toolbar/utils/findOverflowParent.js"),n=require("./toolbar/utils/waitForElementToExist.js"),l=require("./toolbar/utils/isOverParent.js"),d=require("./toolbar/utils/findDOMClosest.js"),u=e.memo(()=>{let u=e.useRef(null),c=e.useRef(!1),s=e.useRef(),b=e.useRef(!1),f=e.useRef([]),v=e.useRef([]),m=e.useRef([]),h=({state:t,$toolbar:e,$component:r})=>{let a=i.findOverflowParent(r,e),n=e.getBoundingClientRect(),l=r.getBoundingClientRect(),d=window.innerWidth;a?l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):n.top<o.TOOLBAR_ACTIVE_HEIGHT+1&&(l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),l.left+n.width>d&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;l.left+n.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},g=e.useCallback(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:i})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}f.current.push(t);let n=a.getChildrenByAttrSelector(t,"data-toolbar"),l=a.getChildrenByAttrSelector(t,"data-outline"),d=a.getChildrenByAttrSelector(t,"data-toolbar-add-top"),u=a.getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),c=a.getChildrenByAttrSelector(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),n&&(n.removeAttribute("style"),i||n.setAttribute("data-toolbar-hover","true"),r&&n.setAttribute("data-toolbar-hover-focus","true"),h({$toolbar:n,$component:t,state:"hover"})),l&&(l.setAttribute("data-outline-hover","true"),i&&l.setAttribute("data-outline-parent-hover","true"),o&&(v.current.push(t),l.setAttribute("data-outline-overlay-theme-section","true")),r&&l.setAttribute("data-outline-hover-focus","true")),d&&!i&&d.setAttribute("data-toolbar-add-hover","true"),u&&!i&&u.setAttribute("data-toolbar-add-hover","true")},[]),p=e.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let o=r.getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(o.length){for(let t of o)t&&g({$component:t,isParent:!0});A({$component:t,$parents:o})}},[g]),A=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=a.getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),i=!!r.getAttribute("data-toolbar-hover-revert"),n=!!r.getAttribute("data-toolbar-hover-inside"),d=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let u=a.getChildrenByAttrSelector(r,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),a=i||n;if(l.isOverParent({current:t,parent:r,index:d,revert:a})){let e=getComputedStyle(u),i=t.top-r.top,n=t.left-r.left,l=parseFloat(e.top)+i-(o.TOOLBAR_HOVER_HEIGHT-1)*d;a&&(l=parseFloat(e.top)-i+(o.TOOLBAR_HOVER_HEIGHT-1)*d);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${l}px;left: ${c}px;`),d++}}}}},y=e.useCallback(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=v.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}v.current=[]},[]),w=e.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=f.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}y(),f.current=[]},[y]),E=e.useCallback(()=>{u.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=m.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}m.current=[],q(!1),s.current&&s.current()},[]),C=e.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=a.getChildrenByAttrSelector(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),S=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,$=e.useCallback(async({componentUid:t,productId:e,timeAwait:r=600,articleId:o,forceReActive:i,marqueeKey:l,carouselItemKey:c})=>{if(!t)return;let s=S({componentUid:t,productId:e,articleId:o,marqueeKey:l,carouselItemKey:c}),b=await n.waitForElementToExist(s,r);if(!b||!i&&t==u.current?.componentUid&&e==u.current?.productId&&o==u.current?.articleId&&l==u.current?.marqueeKey&&c==u.current?.carouselItemKey)return;(t!==u.current?.componentUid||e!==u.current?.productId||o!==u.current?.articleId||c!==u.current?.carouselItemKey||i)&&E(),(i||t===u.current?.componentUid)&&e===u.current?.productId&&l===u.current?.marqueeKey&&c===u.current?.carouselItemKey||E(),m.current.push(b);let f=a.getChildrenByAttrSelector(b,"data-toolbar"),v=a.getChildrenByAttrSelector(b,"data-outline"),g=a.getChildrenByAttrSelector(b,"data-toolbar-add-top"),p=a.getChildrenByAttrSelector(b,"data-toolbar-add-bottom");f&&(u.current={componentUid:t,productId:e,articleId:o,marqueeKey:l,carouselItemKey:c},f.removeAttribute("style"),f.setAttribute("data-toolbar-active","true"),h({$toolbar:f,$component:b,state:"active"})),v&&v.setAttribute("data-outline-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:A,$section:y}=d.findDOMClosest(b,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(y&&(e||o||A)){let e=y.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{m.current.push(t);let e=a.getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}C({$component:b}),w()},[E,w,C]),q=async t=>{if(t){if(u.current?.componentUid){let e=S({...u.current}),r=await n.waitForElementToExist(e,500);if(r){let e=a.getChildrenByAttrSelector(r,"data-toolbar"),o=a.getChildrenByAttrSelector(r,"data-outline"),i=a.getChildrenByAttrSelector(r,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},B=e.useCallback(t=>{let e=t.closest("[data-theme-section]"),r=e?.getAttribute("data-uid"),o=e&&r===u.current?.componentUid;if(!o)return;v.current.push(e);let i=a.getChildrenByAttrSelector(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),L=async({value:t})=>{if(!t||!u.current)return;let e=!1,r=S({...u.current}),o=await n.waitForElementToExist(r,500);if(o){let t=o?.querySelectorAll("[data-toolbar-parent]");if(t.length){let r=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=a.getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},o=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=a.getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},i=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},l=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},d="",c="",s="";await a()&&(d=u.current?.productId||""),await i()&&(c=u.current?.articleId||""),await l()&&(s=u.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:d,articleId:c,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});o(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>i(t))})}}},I=e.useCallback(t=>{if(c.current||b.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){y(),w();return}let{$toolbarHover:r,$component:o,$themeSection:i,$shopifySection:n}=d.findDOMClosest(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(r)return;let l=o?.getAttribute("data-uid");if(!o||!l||"ROOT"==l){w();return}let s=a.getChildrenByAttrSelector(o,"data-toolbar");if(!l||"ROOT"==l||s?.getAttribute("data-toolbar-hover-focus"))return;s?.getAttribute("data-toolbar-hover-focus")||w(),B(e);let f=i||n;if(l==u.current?.componentUid){if(u.current.productId){let t=o.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==u.current.productId){w();return}}}if(!f)return;g({$component:f,focus:!0,isPreventSection:!0})}f?g({$component:f,focus:!0,isPreventSection:!0}):(g({$component:o,componentUid:l,focus:!0}),p({$component:o,componentUid:l}))},[B,w,g,p,y,u]),O=e.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid?$({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):E()},[$,E,c]),k=e.useCallback(()=>{w()},[w]),R=e.useCallback(t=>{let e=t.detail;e.value&&(w(),E()),c.current=e.value},[w,E]),T=e.useCallback(t=>{let e=t.detail;e.value?q(!0):q(!1)},[]),x=e.useCallback(t=>{if(c.current)return;let e=t.detail;L({value:e?.value||!1})},[]),U=e.useCallback(t=>{let e=t.detail;e?.value?(w(),b.current=!0):b.current=!1},[w]),j=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=a.getChildrenByAttrSelector(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},F=e.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid&&j(e?.componentUid,e?.type)},[c]),K=t=>{let e=t.detail;u.current?.componentUid&&e?.componentUid==u.current?.componentUid&&$({...u.current})};return e.useEffect(()=>(document.addEventListener("mousemove",I),window.addEventListener("editor:active-component",O),window.addEventListener("editor:focus-outside-preview",k),window.addEventListener("editor:is-dragging",R),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",x),window.addEventListener("editor:toolbar:resize-spacing",U),window.addEventListener("editor:hover-component",F),window.addEventListener("editor:component:render",K),()=>{document.removeEventListener("mousemove",I),window.removeEventListener("editor:active-component",O),window.removeEventListener("editor:is-dragging",k),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",x),window.removeEventListener("editor:toolbar:resize-spacing",U),window.removeEventListener("editor:hover-component",F),window.removeEventListener("editor:component:render",K)}),[I,O,k,R,T,x,U,F,K]),t.jsx(t.Fragment,{})});exports.default=u;
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("./toolbar/utils/getDOMElementParents.js"),o=require("./toolbar/const.js"),a=require("./toolbar/utils/getChildrenByAttrSelector.js"),i=require("./toolbar/utils/findOverflowParent.js"),n=require("./toolbar/utils/waitForElementToExist.js"),l=require("./toolbar/utils/isOverParent.js"),d=require("./toolbar/utils/findDOMClosest.js"),u=e.memo(()=>{let u=e.useRef(null),c=e.useRef(!1),s=e.useRef(),b=e.useRef(!1),f=e.useRef([]),m=e.useRef([]),v=e.useRef([]),h=({state:t,$toolbar:e,$component:r})=>{let a=i.findOverflowParent(r,e),n=e.getBoundingClientRect(),l=r.getBoundingClientRect(),d=window.innerWidth;a?l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):n.top<o.TOOLBAR_ACTIVE_HEIGHT+1&&(l?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),l.left+n.width>d&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;l.left+n.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},g=e.useCallback(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:i})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}f.current.push(t);let n=a.getChildrenByAttrSelector(t,"data-toolbar"),l=a.getChildrenByAttrSelector(t,"data-outline"),d=a.getChildrenByAttrSelector(t,"data-toolbar-add-top"),u=a.getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),c=a.getChildrenByAttrSelector(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),n&&(n.removeAttribute("style"),i||n.setAttribute("data-toolbar-hover","true"),r&&n.setAttribute("data-toolbar-hover-focus","true"),h({$toolbar:n,$component:t,state:"hover"})),l&&(l.setAttribute("data-outline-hover","true"),i&&l.setAttribute("data-outline-parent-hover","true"),o&&(m.current.push(t),l.setAttribute("data-outline-overlay-theme-section","true")),r&&l.setAttribute("data-outline-hover-focus","true")),d&&!i&&d.setAttribute("data-toolbar-add-hover","true"),u&&!i&&u.setAttribute("data-toolbar-add-hover","true")},[]),p=e.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let o=r.getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(o.length){for(let t of o)t&&g({$component:t,isParent:!0});A({$component:t,$parents:o})}},[g]),A=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=a.getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),i=!!r.getAttribute("data-toolbar-hover-revert"),n=!!r.getAttribute("data-toolbar-hover-inside"),d=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let u=a.getChildrenByAttrSelector(r,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),a=i||n;if(l.isOverParent({current:t,parent:r,index:d,revert:a})){let e=getComputedStyle(u),i=t.top-r.top,n=t.left-r.left,l=parseFloat(e.top)+i-(o.TOOLBAR_HOVER_HEIGHT-1)*d;a&&(l=parseFloat(e.top)-i+(o.TOOLBAR_HOVER_HEIGHT-1)*d);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${l}px;left: ${c}px;`),d++}}}}},y=e.useCallback(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=m.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}m.current=[]},[]),w=e.useCallback(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=f.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}y(),f.current=[]},[y]),E=e.useCallback(()=>{u.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=v.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}v.current=[],q(!1),s.current&&s.current()},[]),C=e.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=a.getChildrenByAttrSelector(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),S=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,$=e.useCallback(async({componentUid:t,productId:e,timeAwait:r=600,articleId:o,forceReActive:i,marqueeKey:l,carouselItemKey:c})=>{if(!t)return;let s=S({componentUid:t,productId:e,articleId:o,marqueeKey:l,carouselItemKey:c}),b=await n.waitForElementToExist(s,r);if(!b||!i&&t==u.current?.componentUid&&e==u.current?.productId&&o==u.current?.articleId&&l==u.current?.marqueeKey&&c==u.current?.carouselItemKey)return;(t!==u.current?.componentUid||e!==u.current?.productId||o!==u.current?.articleId||c!==u.current?.carouselItemKey||i)&&E(),(i||t===u.current?.componentUid)&&e===u.current?.productId&&l===u.current?.marqueeKey&&c===u.current?.carouselItemKey||E(),v.current.push(b);let f=a.getChildrenByAttrSelector(b,"data-toolbar"),m=a.getChildrenByAttrSelector(b,"data-outline"),g=a.getChildrenByAttrSelector(b,"data-toolbar-add-top"),p=a.getChildrenByAttrSelector(b,"data-toolbar-add-bottom");f&&(u.current={componentUid:t,productId:e,articleId:o,marqueeKey:l,carouselItemKey:c},f.removeAttribute("style"),f.setAttribute("data-toolbar-active","true"),h({$toolbar:f,$component:b,state:"active"})),m&&m.setAttribute("data-outline-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:A,$section:y}=d.findDOMClosest(b,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(y&&(e||o||A)){let e=y.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{v.current.push(t);let e=a.getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}C({$component:b}),w()},[E,w,C]),q=async t=>{if(t){if(u.current?.componentUid){let e=S({...u.current}),r=await n.waitForElementToExist(e,500);if(r){let e=a.getChildrenByAttrSelector(r,"data-toolbar"),o=a.getChildrenByAttrSelector(r,"data-outline"),i=a.getChildrenByAttrSelector(r,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},B=e.useCallback(t=>{let e=t.closest("[data-theme-section]"),r=e?.getAttribute("data-uid"),o=e&&r===u.current?.componentUid;if(!o)return;m.current.push(e);let i=a.getChildrenByAttrSelector(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),L=async({value:t})=>{if(!t||!u.current)return;let e=!1,r=S({...u.current}),o=await n.waitForElementToExist(r,500);if(o){let t=o?.querySelectorAll("[data-toolbar-parent]");if(t.length){let r=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=a.getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},o=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=a.getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},i=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},l=async()=>{let t=await n.waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},d="",c="",s="";await a()&&(d=u.current?.productId||""),await i()&&(c=u.current?.articleId||""),await l()&&(s=u.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:d,articleId:c,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});o(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>i(t))})}}},I=e.useCallback(t=>{if(c.current||b.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){y(),w();return}let{$toolbarHover:r,$component:o,$themeSection:i,$shopifySection:n}=d.findDOMClosest(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(r)return;let l=o?.getAttribute("data-uid");if(!o||!l||"ROOT"==l){w();return}let s=a.getChildrenByAttrSelector(o,"data-toolbar");if(!l||"ROOT"==l||s?.getAttribute("data-toolbar-hover-focus"))return;s?.getAttribute("data-toolbar-hover-focus")||w(),B(e);let f=i||n;if(l==u.current?.componentUid){if(u.current.productId){let t=o.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==u.current.productId){w();return}}}if(!f)return;g({$component:f,focus:!0,isPreventSection:!0})}f?g({$component:f,focus:!0,isPreventSection:!0}):(g({$component:o,componentUid:l,focus:!0}),p({$component:o,componentUid:l}))},[B,w,g,p,y,u]),O=e.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid?$({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):E()},[$,E,c]),k=e.useCallback(()=>{w()},[w]),R=e.useCallback(t=>{let e=t.detail;e.value&&(w(),E()),c.current=e.value},[w,E]),T=e.useCallback(t=>{let e=t.detail;e.value?q(!0):q(!1)},[]),x=e.useCallback(t=>{if(c.current)return;let e=t.detail;L({value:e?.value||!1})},[]),U=e.useCallback(t=>{let e=t.detail;e?.value?(w(),b.current=!0):b.current=!1},[w]),j=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=a.getChildrenByAttrSelector(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},F=e.useCallback(t=>{if(c.current)return;let e=t.detail;e?.componentUid&&j(e?.componentUid,e?.type)},[c]),K=t=>{let e=t.detail;u.current?.componentUid&&e?.componentUid==u.current?.componentUid&&$({...u.current})},P=e.useCallback(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return e.useEffect(()=>(document.addEventListener("mousemove",I),window.addEventListener("editor:active-component",O),window.addEventListener("editor:focus-outside-preview",k),window.addEventListener("editor:is-dragging",R),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",x),window.addEventListener("editor:toolbar:resize-spacing",U),window.addEventListener("editor:hover-component",F),window.addEventListener("editor:component:render",K),window.addEventListener("editor:editor-mobile-change",P),()=>{document.removeEventListener("mousemove",I),window.removeEventListener("editor:active-component",O),window.removeEventListener("editor:is-dragging",k),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",x),window.removeEventListener("editor:toolbar:resize-spacing",U),window.removeEventListener("editor:hover-component",F),window.removeEventListener("editor:component:render",K),window.removeEventListener("editor:editor-mobile-change",P),document.body.removeAttribute("data-editor-mobile")}),[I,O,k,R,T,x,U,F,K,P]),t.jsx(t.Fragment,{})});exports.default=u;
@@ -1,4 +1,4 @@
1
- "use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("next-seo"),r=require("next/head"),a=require("next/router"),i=require("../libs/hooks/use-tracking-view.js"),n=require("../libs/parse-html.js"),l=require("../components/builder/Header.js"),o=require("../components/FooterForPostPurchase.js"),d=require("next/script"),c=require("react"),g=require("../libs/hooks/usePageViewedTracking.js");exports.StaticPageV2=({components:u,builderData:p,sectionData:m,seo:h,themeStyle:x,fontStyle:j,elementFontStyle:f,customCodeHeader:y,shopToken:_,pageHandle:v,customFonts:b,isPostPurchase:P,shopName:k,productOffers:q,publicStoreFrontData:S,dynamicDiscountOffer:T,isPreview:N,interaction:H,pageBackground:I,sellingPlanSetting:w,buyerConsentPreCheck:E,id:F,shopID:L,domainTrackingIlp:M})=>{let $=a.useRouter(),{t:A}=s.useI18n(),B=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.com";i.useTrackingView(_,v,$.isFallback),g.usePageViewedTracking({id:F,shopID:L,domain:M});let C="custom-code-header";if(c.useEffect(()=>{let e=document.querySelectorAll(`[class*="${C}-"]`),s=[];e.length>1&&e.forEach(e=>{let t=e.className;if(s.includes(t)){e.remove();return}s.push(t)})},[]),$.isFallback)return e.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:e.jsxs("div",{className:"gp-flex gp-gap-2",children:[e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let O=(H?.value||[]).length>0;return e.jsxs(e.Fragment,{children:[e.jsx(t.NextSeo,{...h}),e.jsxs(r,{children:[n.parseHtml(C,y,!0),x&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:x}},"global-style"),j&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:j}},"google-fonts"),f&&f.map(s=>e.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}},s)),b&&e.jsx("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:b}},j),I?.isUsePageBackground&&I?.background&&e.jsx("style",{children:`
1
+ "use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("next-seo"),r=require("next/head"),a=require("next/router"),i=require("../libs/hooks/use-tracking-view.js"),n=require("../libs/parse-html.js"),l=require("../components/builder/Header.js"),o=require("../components/FooterForPostPurchase.js"),d=require("next/script"),c=require("react"),g=require("../libs/hooks/usePageViewedTracking.js");exports.StaticPageV2=({components:u,builderData:p,sectionData:m,seo:h,themeStyle:x,fontStyle:j,elementFontStyle:f,customCodeHeader:y,shopToken:_,pageHandle:v,customFonts:b,isPostPurchase:P,shopName:k,productOffers:q,publicStoreFrontData:S,dynamicDiscountOffer:T,isPreview:N,interaction:H,pageBackground:I,sellingPlanSetting:w,buyerConsentPreCheck:E,id:F,shopID:L,domainTrackingIlp:M})=>{let $=a.useRouter(),{t:A}=s.useI18n(),B=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets-dev.gemcommerce.xyz";i.useTrackingView(_,v,$.isFallback),g.usePageViewedTracking({id:F,shopID:L,domain:M});let C="custom-code-header";if(c.useEffect(()=>{let e=document.querySelectorAll(`[class*="${C}-"]`),s=[];e.length>1&&e.forEach(e=>{let t=e.className;if(s.includes(t)){e.remove();return}s.push(t)})},[]),$.isFallback)return e.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:e.jsxs("div",{className:"gp-flex gp-gap-2",children:[e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let O=(H?.value||[]).length>0;return e.jsxs(e.Fragment,{children:[e.jsx(t.NextSeo,{...h}),e.jsxs(r,{children:[n.parseHtml(C,y,!0),x&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:x}},"global-style"),j&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:j}},"google-fonts"),f&&f.map(s=>e.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}},s)),b&&e.jsx("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:b}},j),I?.isUsePageBackground&&I?.background&&e.jsx("style",{children:`
2
2
  body {
3
3
  background: ${I.background};
4
4
  }
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as t,Fragment as e}from"react/jsx-runtime";import{memo as r,useRef as o,useCallback as a,useEffect as i}from"react";import{getDOMElementParents as n}from"./toolbar/utils/getDOMElementParents.js";import{TOOLBAR_ACTIVE_HEIGHT as d,TOOLBAR_HOVER_HEIGHT as u}from"./toolbar/const.js";import{getChildrenByAttrSelector as l}from"./toolbar/utils/getChildrenByAttrSelector.js";import{findOverflowParent as c}from"./toolbar/utils/findOverflowParent.js";import{waitForElementToExist as s}from"./toolbar/utils/waitForElementToExist.js";import{isOverParent as b}from"./toolbar/utils/isOverParent.js";import{findDOMClosest as m}from"./toolbar/utils/findDOMClosest.js";var f=r(()=>{let r=o(null),f=o(!1),v=o(),p=o(!1),h=o([]),g=o([]),A=o([]),y=({state:t,$toolbar:e,$component:r})=>{let o=c(r,e),a=e.getBoundingClientRect(),i=r.getBoundingClientRect(),n=window.innerWidth;o?i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):a.top<d+1&&(i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),i.left+a.width>n&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;i.left+a.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},w=a(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:a})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}h.current.push(t);let i=l(t,"data-toolbar"),n=l(t,"data-outline"),d=l(t,"data-toolbar-add-top"),u=l(t,"data-toolbar-add-bottom"),c=l(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),i&&(i.removeAttribute("style"),a||i.setAttribute("data-toolbar-hover","true"),r&&i.setAttribute("data-toolbar-hover-focus","true"),y({$toolbar:i,$component:t,state:"hover"})),n&&(n.setAttribute("data-outline-hover","true"),a&&n.setAttribute("data-outline-parent-hover","true"),o&&(g.current.push(t),n.setAttribute("data-outline-overlay-theme-section","true")),r&&n.setAttribute("data-outline-hover-focus","true")),d&&!a&&d.setAttribute("data-toolbar-add-hover","true"),u&&!a&&u.setAttribute("data-toolbar-add-hover","true")},[]),$=a(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=n(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&w({$component:t,isParent:!0});E({$component:t,$parents:r})}},[w]),E=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=l(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=!!r.getAttribute("data-toolbar-hover-revert"),a=!!r.getAttribute("data-toolbar-hover-inside"),i=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let n=l(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),d=o||a;if(b({current:t,parent:r,index:i,revert:d})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,l=parseFloat(e.top)+o-(u-1)*i;d&&(l=parseFloat(e.top)-o+(u-1)*i);let c=parseFloat(e.left)+a;n.setAttribute("style",`top: ${l}px;left: ${c}px;`),i++}}}}},S=a(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=g.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}g.current=[]},[]),q=a(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=h.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}S(),h.current=[]},[S]),L=a(()=>{r.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=A.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}A.current=[],C(!1),v.current&&v.current()},[]),I=a(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=l(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),U=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,j=a(async({componentUid:t,productId:e,timeAwait:o=600,articleId:a,forceReActive:i,marqueeKey:n,carouselItemKey:d})=>{if(!t)return;let u=U({componentUid:t,productId:e,articleId:a,marqueeKey:n,carouselItemKey:d}),c=await s(u,o);if(!c||!i&&t==r.current?.componentUid&&e==r.current?.productId&&a==r.current?.articleId&&n==r.current?.marqueeKey&&d==r.current?.carouselItemKey)return;(t!==r.current?.componentUid||e!==r.current?.productId||a!==r.current?.articleId||d!==r.current?.carouselItemKey||i)&&L(),(i||t===r.current?.componentUid)&&e===r.current?.productId&&n===r.current?.marqueeKey&&d===r.current?.carouselItemKey||L(),A.current.push(c);let b=l(c,"data-toolbar"),f=l(c,"data-outline"),v=l(c,"data-toolbar-add-top"),p=l(c,"data-toolbar-add-bottom");b&&(r.current={componentUid:t,productId:e,articleId:a,marqueeKey:n,carouselItemKey:d},b.removeAttribute("style"),b.setAttribute("data-toolbar-active","true"),y({$toolbar:b,$component:c,state:"active"})),f&&f.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:h,$section:g}=m(c,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(g&&(e||a||h)){let e=g.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{A.current.push(t);let e=l(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}I({$component:c}),q()},[L,q,I]),C=async t=>{if(t){if(r.current?.componentUid){let e=U({...r.current}),o=await s(e,500);if(o){let e=l(o,"data-toolbar"),r=l(o,"data-outline"),a=l(o,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),r&&t&&r.setAttribute("data-outline-editor-inline-focus","true"),a&&t&&a.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},K=a(t=>{let e=t.closest("[data-theme-section]"),o=e?.getAttribute("data-uid"),a=e&&o===r.current?.componentUid;if(!a)return;g.current.push(e);let i=l(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),O=async({value:t})=>{if(!t||!r.current)return;let e=!1,o=U({...r.current}),a=await s(o,500);if(a){let t=a?.querySelectorAll("[data-toolbar-parent]");if(t.length){let o=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=l(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},a=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=l(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async t=>{e=!0;let o=t.getAttribute("data-parent-uid");if(!o)return;let i=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},d=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",l="",c="";await i()&&(u=r.current?.productId||""),await n()&&(l=r.current?.articleId||""),await d()&&(c=r.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:o,productId:u,articleId:l,carouselItemKey:c,elementTag:t.getAttribute("data-component-tag")||""}});a(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>o(t)),t.addEventListener("mouseout",()=>a(t)),t.addEventListener("click",()=>i(t))})}}},x=a(t=>{if(f.current||p.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){S(),q();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:n}=m(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let d=a?.getAttribute("data-uid");if(!a||!d||"ROOT"==d){q();return}let u=l(a,"data-toolbar");if(!d||"ROOT"==d||u?.getAttribute("data-toolbar-hover-focus"))return;u?.getAttribute("data-toolbar-hover-focus")||q(),K(e);let c=i||n;if(d==r.current?.componentUid){if(r.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==r.current.productId){q();return}}}if(!c)return;w({$component:c,focus:!0,isPreventSection:!0})}c?w({$component:c,focus:!0,isPreventSection:!0}):(w({$component:a,componentUid:d,focus:!0}),$({$component:a,componentUid:d}))},[K,q,w,$,S,r]),B=a(t=>{if(f.current)return;let e=t.detail;e?.componentUid?j({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):L()},[j,L,f]),R=a(()=>{q()},[q]),P=a(t=>{let e=t.detail;e.value&&(q(),L()),f.current=e.value},[q,L]),T=a(t=>{let e=t.detail;e.value?C(!0):C(!1)},[]),k=a(t=>{if(f.current)return;let e=t.detail;O({value:e?.value||!1})},[]),F=a(t=>{let e=t.detail;e?.value?(q(),p.current=!0):p.current=!1},[q]),M=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=l(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},D=a(t=>{if(f.current)return;let e=t.detail;e?.componentUid&&M(e?.componentUid,e?.type)},[f]),z=t=>{let e=t.detail;r.current?.componentUid&&e?.componentUid==r.current?.componentUid&&j({...r.current})};return i(()=>(document.addEventListener("mousemove",x),window.addEventListener("editor:active-component",B),window.addEventListener("editor:focus-outside-preview",R),window.addEventListener("editor:is-dragging",P),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",k),window.addEventListener("editor:toolbar:resize-spacing",F),window.addEventListener("editor:hover-component",D),window.addEventListener("editor:component:render",z),()=>{document.removeEventListener("mousemove",x),window.removeEventListener("editor:active-component",B),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-dragging",P),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",k),window.removeEventListener("editor:toolbar:resize-spacing",F),window.removeEventListener("editor:hover-component",D),window.removeEventListener("editor:component:render",z)}),[x,B,R,P,T,k,F,D,z]),t(e,{})});export{f as default};
2
+ import{jsx as t,Fragment as e}from"react/jsx-runtime";import{memo as r,useRef as o,useCallback as a,useEffect as i}from"react";import{getDOMElementParents as n}from"./toolbar/utils/getDOMElementParents.js";import{TOOLBAR_ACTIVE_HEIGHT as d,TOOLBAR_HOVER_HEIGHT as u}from"./toolbar/const.js";import{getChildrenByAttrSelector as l}from"./toolbar/utils/getChildrenByAttrSelector.js";import{findOverflowParent as c}from"./toolbar/utils/findOverflowParent.js";import{waitForElementToExist as s}from"./toolbar/utils/waitForElementToExist.js";import{isOverParent as b}from"./toolbar/utils/isOverParent.js";import{findDOMClosest as m}from"./toolbar/utils/findDOMClosest.js";var f=r(()=>{let r=o(null),f=o(!1),v=o(),p=o(!1),h=o([]),g=o([]),A=o([]),y=({state:t,$toolbar:e,$component:r})=>{let o=c(r,e),a=e.getBoundingClientRect(),i=r.getBoundingClientRect(),n=window.innerWidth;o?i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):a.top<d+1&&(i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),i.left+a.width>n&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;i.left+a.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},w=a(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:a})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}h.current.push(t);let i=l(t,"data-toolbar"),n=l(t,"data-outline"),d=l(t,"data-toolbar-add-top"),u=l(t,"data-toolbar-add-bottom"),c=l(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),i&&(i.removeAttribute("style"),a||i.setAttribute("data-toolbar-hover","true"),r&&i.setAttribute("data-toolbar-hover-focus","true"),y({$toolbar:i,$component:t,state:"hover"})),n&&(n.setAttribute("data-outline-hover","true"),a&&n.setAttribute("data-outline-parent-hover","true"),o&&(g.current.push(t),n.setAttribute("data-outline-overlay-theme-section","true")),r&&n.setAttribute("data-outline-hover-focus","true")),d&&!a&&d.setAttribute("data-toolbar-add-hover","true"),u&&!a&&u.setAttribute("data-toolbar-add-hover","true")},[]),$=a(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=n(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&w({$component:t,isParent:!0});E({$component:t,$parents:r})}},[w]),E=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=l(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=!!r.getAttribute("data-toolbar-hover-revert"),a=!!r.getAttribute("data-toolbar-hover-inside"),i=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let n=l(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),d=o||a;if(b({current:t,parent:r,index:i,revert:d})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,l=parseFloat(e.top)+o-(u-1)*i;d&&(l=parseFloat(e.top)-o+(u-1)*i);let c=parseFloat(e.left)+a;n.setAttribute("style",`top: ${l}px;left: ${c}px;`),i++}}}}},S=a(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=g.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}g.current=[]},[]),q=a(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=h.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}S(),h.current=[]},[S]),L=a(()=>{r.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=A.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}A.current=[],C(!1),v.current&&v.current()},[]),I=a(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=l(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),U=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,j=a(async({componentUid:t,productId:e,timeAwait:o=600,articleId:a,forceReActive:i,marqueeKey:n,carouselItemKey:d})=>{if(!t)return;let u=U({componentUid:t,productId:e,articleId:a,marqueeKey:n,carouselItemKey:d}),c=await s(u,o);if(!c||!i&&t==r.current?.componentUid&&e==r.current?.productId&&a==r.current?.articleId&&n==r.current?.marqueeKey&&d==r.current?.carouselItemKey)return;(t!==r.current?.componentUid||e!==r.current?.productId||a!==r.current?.articleId||d!==r.current?.carouselItemKey||i)&&L(),(i||t===r.current?.componentUid)&&e===r.current?.productId&&n===r.current?.marqueeKey&&d===r.current?.carouselItemKey||L(),A.current.push(c);let b=l(c,"data-toolbar"),f=l(c,"data-outline"),v=l(c,"data-toolbar-add-top"),p=l(c,"data-toolbar-add-bottom");b&&(r.current={componentUid:t,productId:e,articleId:a,marqueeKey:n,carouselItemKey:d},b.removeAttribute("style"),b.setAttribute("data-toolbar-active","true"),y({$toolbar:b,$component:c,state:"active"})),f&&f.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:h,$section:g}=m(c,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(g&&(e||a||h)){let e=g.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{A.current.push(t);let e=l(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}I({$component:c}),q()},[L,q,I]),C=async t=>{if(t){if(r.current?.componentUid){let e=U({...r.current}),o=await s(e,500);if(o){let e=l(o,"data-toolbar"),r=l(o,"data-outline"),a=l(o,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),r&&t&&r.setAttribute("data-outline-editor-inline-focus","true"),a&&t&&a.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},K=a(t=>{let e=t.closest("[data-theme-section]"),o=e?.getAttribute("data-uid"),a=e&&o===r.current?.componentUid;if(!a)return;g.current.push(e);let i=l(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),O=async({value:t})=>{if(!t||!r.current)return;let e=!1,o=U({...r.current}),a=await s(o,500);if(a){let t=a?.querySelectorAll("[data-toolbar-parent]");if(t.length){let o=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=l(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},a=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=l(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async t=>{e=!0;let o=t.getAttribute("data-parent-uid");if(!o)return;let i=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},d=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",l="",c="";await i()&&(u=r.current?.productId||""),await n()&&(l=r.current?.articleId||""),await d()&&(c=r.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:o,productId:u,articleId:l,carouselItemKey:c,elementTag:t.getAttribute("data-component-tag")||""}});a(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>o(t)),t.addEventListener("mouseout",()=>a(t)),t.addEventListener("click",()=>i(t))})}}},x=a(t=>{if(f.current||p.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){S(),q();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:n}=m(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let d=a?.getAttribute("data-uid");if(!a||!d||"ROOT"==d){q();return}let u=l(a,"data-toolbar");if(!d||"ROOT"==d||u?.getAttribute("data-toolbar-hover-focus"))return;u?.getAttribute("data-toolbar-hover-focus")||q(),K(e);let c=i||n;if(d==r.current?.componentUid){if(r.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==r.current.productId){q();return}}}if(!c)return;w({$component:c,focus:!0,isPreventSection:!0})}c?w({$component:c,focus:!0,isPreventSection:!0}):(w({$component:a,componentUid:d,focus:!0}),$({$component:a,componentUid:d}))},[K,q,w,$,S,r]),B=a(t=>{if(f.current)return;let e=t.detail;e?.componentUid?j({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):L()},[j,L,f]),R=a(()=>{q()},[q]),P=a(t=>{let e=t.detail;e.value&&(q(),L()),f.current=e.value},[q,L]),T=a(t=>{let e=t.detail;e.value?C(!0):C(!1)},[]),k=a(t=>{if(f.current)return;let e=t.detail;O({value:e?.value||!1})},[]),M=a(t=>{let e=t.detail;e?.value?(q(),p.current=!0):p.current=!1},[q]),F=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=l(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},D=a(t=>{if(f.current)return;let e=t.detail;e?.componentUid&&F(e?.componentUid,e?.type)},[f]),z=t=>{let e=t.detail;r.current?.componentUid&&e?.componentUid==r.current?.componentUid&&j({...r.current})},H=a(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return i(()=>(document.addEventListener("mousemove",x),window.addEventListener("editor:active-component",B),window.addEventListener("editor:focus-outside-preview",R),window.addEventListener("editor:is-dragging",P),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",k),window.addEventListener("editor:toolbar:resize-spacing",M),window.addEventListener("editor:hover-component",D),window.addEventListener("editor:component:render",z),window.addEventListener("editor:editor-mobile-change",H),()=>{document.removeEventListener("mousemove",x),window.removeEventListener("editor:active-component",B),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-dragging",P),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",k),window.removeEventListener("editor:toolbar:resize-spacing",M),window.removeEventListener("editor:hover-component",D),window.removeEventListener("editor:component:render",z),window.removeEventListener("editor:editor-mobile-change",H),document.body.removeAttribute("data-editor-mobile")}),[x,B,R,P,T,k,M,D,z,H]),t(e,{})});export{f as default};
@@ -1,5 +1,5 @@
1
- import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{useI18n as a,PageProvider as r,BuilderComponentProvider as n,I18nProvider as l,SectionProvider as o,BuilderProvider as i,Render as p}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import m from"next/head";import{useRouter as d}from"next/router";import{useTrackingView as g}from"../libs/hooks/use-tracking-view.js";import{parseHtml as u}from"../libs/parse-html.js";import h from"../components/builder/Header.js";import f from"../components/FooterForPostPurchase.js";import y from"next/script";import{useEffect as _}from"react";import{usePageViewedTracking as b}from"../libs/hooks/usePageViewedTracking.js";let v=({components:v,builderData:k,sectionData:S,seo:x,themeStyle:P,fontStyle:N,elementFontStyle:T,customCodeHeader:j,shopToken:H,pageHandle:I,customFonts:L,isPostPurchase:M,shopName:$,productOffers:w,publicStoreFrontData:E,dynamicDiscountOffer:F,isPreview:q,interaction:A,pageBackground:O,sellingPlanSetting:C,buyerConsentPreCheck:D,id:U,shopID:z,domainTrackingIlp:B})=>{let R=d(),{t:V}=a(),G=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.com";g(H,I,R.isFallback),b({id:U,shopID:z,domain:B});let J="custom-code-header";if(_(()=>{let e=document.querySelectorAll(`[class*="${J}-"]`),t=[];e.length>1&&e.forEach(e=>{let s=e.className;if(t.includes(s)){e.remove();return}t.push(s)})},[]),R.isFallback)return e("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let X=(A?.value||[]).length>0;return t(s,{children:[e(c,{...x}),t(m,{children:[u(J,j,!0),P&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:P}},"global-style"),N&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:N}},"google-fonts"),T&&T.map(t=>e("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t)),L&&e("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:L}},N),O?.isUsePageBackground&&O?.background&&e("style",{children:`
1
+ import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{useI18n as a,PageProvider as r,BuilderComponentProvider as n,I18nProvider as l,SectionProvider as o,BuilderProvider as i,Render as p}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import d from"next/head";import{useRouter as m}from"next/router";import{useTrackingView as g}from"../libs/hooks/use-tracking-view.js";import{parseHtml as u}from"../libs/parse-html.js";import h from"../components/builder/Header.js";import f from"../components/FooterForPostPurchase.js";import y from"next/script";import{useEffect as _}from"react";import{usePageViewedTracking as b}from"../libs/hooks/usePageViewedTracking.js";let v=({components:v,builderData:k,sectionData:S,seo:x,themeStyle:P,fontStyle:N,elementFontStyle:T,customCodeHeader:j,shopToken:H,pageHandle:I,customFonts:L,isPostPurchase:M,shopName:$,productOffers:w,publicStoreFrontData:E,dynamicDiscountOffer:F,isPreview:q,interaction:A,pageBackground:O,sellingPlanSetting:z,buyerConsentPreCheck:C,id:D,shopID:U,domainTrackingIlp:B})=>{let R=m(),{t:V}=a(),G=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets-dev.gemcommerce.xyz";g(H,I,R.isFallback),b({id:D,shopID:U,domain:B});let J="custom-code-header";if(_(()=>{let e=document.querySelectorAll(`[class*="${J}-"]`),t=[];e.length>1&&e.forEach(e=>{let s=e.className;if(t.includes(s)){e.remove();return}t.push(s)})},[]),R.isFallback)return e("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let X=(A?.value||[]).length>0;return t(s,{children:[e(c,{...x}),t(d,{children:[u(J,j,!0),P&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:P}},"global-style"),N&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:N}},"google-fonts"),T&&T.map(t=>e("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t)),L&&e("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:L}},N),O?.isUsePageBackground&&O?.background&&e("style",{children:`
2
2
  body {
3
3
  background: ${O.background};
4
4
  }
5
- `},`page_background_${O?.background}`)]}),e(r,{productOffers:w,publicStoreFrontData:E,dynamicDiscountOffer:F,sellingPlanMeta:C,buyerConsentChecked:D,children:e(n,{components:v,children:e(l,{t:V,children:t("div",{className:`${M?"gp-bg-white post-purchase-page":""} `,role:"main",children:[M&&e(h,{pageType:"POST_PURCHASE"}),X&&e("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(A?.value||[])}</div>`}}),e(o,{data:S,children:k?.map(s=>t(i,{state:s.data,lazy:s.lazy,priority:s.priority,isPostPurchase:M,isPreview:q,children:[e(p,{uid:s.uid}),X&&e(y,{defer:!0,src:`${G}/assets-v2/gp-flow-action-lip-v7-5.js`})]},s.uid))}),M&&e(f,{shopName:$||""})]})})})})]})};export{v as StaticPageV2};
5
+ `},`page_background_${O?.background}`)]}),e(r,{productOffers:w,publicStoreFrontData:E,dynamicDiscountOffer:F,sellingPlanMeta:z,buyerConsentChecked:C,children:e(n,{components:v,children:e(l,{t:V,children:t("div",{className:`${M?"gp-bg-white post-purchase-page":""} `,role:"main",children:[M&&e(h,{pageType:"POST_PURCHASE"}),X&&e("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(A?.value||[])}</div>`}}),e(o,{data:S,children:k?.map(s=>t(i,{state:s.data,lazy:s.lazy,priority:s.priority,isPostPurchase:M,isPreview:q,children:[e(p,{uid:s.uid}),X&&e(y,{defer:!0,src:`${G}/assets-v2/gp-flow-action-lip-v7-5.js`})]},s.uid))}),M&&e(f,{shopName:$||""})]})})})})]})};export{v as StaticPageV2};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "18.0.0",
3
+ "version": "19.0.0-dev.13",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -27,10 +27,10 @@
27
27
  "next": "14.2.35"
28
28
  },
29
29
  "devDependencies": {
30
- "@gem-sdk/core": "18.0.0",
31
- "@gem-sdk/plugin-cookie-bar": "18.0.0",
32
- "@gem-sdk/plugin-quick-view": "18.0.0",
33
- "@gem-sdk/plugin-sticky-add-to-cart": "18.0.0"
30
+ "@gem-sdk/core": "19.0.0-dev.8",
31
+ "@gem-sdk/plugin-cookie-bar": "19.0.0-dev.0",
32
+ "@gem-sdk/plugin-quick-view": "19.0.0-dev.0",
33
+ "@gem-sdk/plugin-sticky-add-to-cart": "19.0.0-dev.0"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "next": "14.2.35"