@gem-sdk/pages 1.14.0-dev.365 → 1.14.0-dev.384
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.
- package/dist/cjs/components/builder/Toolbar.js +1 -1
- package/dist/cjs/components/builder/Toolbox.js +1 -1
- package/dist/cjs/pages/builder.js +1 -1
- package/dist/cjs/pages/collection-detail.js +1 -1
- package/dist/cjs/pages/product-detail.js +1 -1
- package/dist/cjs/pages/static-v2.js +1 -1
- package/dist/cjs/pages/static.js +1 -1
- package/dist/esm/components/builder/Toolbar.js +1 -1
- package/dist/esm/components/builder/Toolbox.js +1 -1
- package/dist/esm/pages/builder.js +1 -1
- package/dist/esm/pages/collection-detail.js +1 -1
- package/dist/esm/pages/product-detail.js +1 -1
- package/dist/esm/pages/static-v2.js +1 -1
- package/dist/esm/pages/static.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");const TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32,getDOMElementParents=(t,e,r)=>{let o=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName||"ROOT"===t.getAttribute("data-uid"))break;if(e){if(t.matches(e)&&(o.push(t),r&&o.length==r))return o;continue}if(o.push(t),r&&o.length==r)break}return o},getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},isOverParent=({current:t,parent:e,index:r,revert:o})=>{for(let a=0;a<r;a++){let r=t.top-23*a>=e.top&&t.top-23*a<=e.top+e.height||t.top-23*a>=e.top+e.height&&t.top-23*a<=e.top;if(o&&(r=t.bottom+23*a>=e.bottom&&t.bottom+23*a<=e.bottom-e.height||t.bottom+23*a>=e.bottom-e.height&&t.bottom+23*a<=e.bottom),r)return!0}return!1},waitForElementToExist=(t,e=200)=>new Promise(r=>{let o=setInterval(()=>{let e=document.querySelector(t);e&&(clearInterval(o),clearTimeout(a),r(e))},50),a=setTimeout(()=>{clearInterval(o),clearTimeout(a),r(null)},e)}),notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},isOverToolbarPosition=(t,e)=>{let r=t.getBoundingClientRect(),o=e.getBoundingClientRect();return r.top-o.top<33},findOverflowParent=(t,e)=>{let r=e||t;if(t&&!isSection(t))return notVisible(t)&&isOverToolbarPosition(e,t)?t:t.parentElement?findOverflowParent(t.parentElement,r):void 0},Toolbar=()=>{let t=react.useRef(null),e=react.useRef(!1),r=react.useRef(),o=react.useRef(!1),a=({state:t,$toolbar:e,$component:r})=>{let o=findOverflowParent(r,e);if(o){let o=r.getBoundingClientRect();o?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")}else{let o=e.getBoundingClientRect(),a=r.getBoundingClientRect();o.top<33&&(a?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"))}},i=react.useCallback(({$component:t,componentUid:e,focus:r,isThemeSection:o})=>{if(!t&&!e)return;if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}let i=getChildrenByAttrSelector(t,"data-toolbar"),n=getChildrenByAttrSelector(t,"data-outline"),l=getChildrenByAttrSelector(t,"data-toolbar-add-top"),d=getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),u=getChildrenByAttrSelector(t,"data-theme-section-status");o&&u&&u.setAttribute("data-theme-section-status-active","true"),i&&(i.removeAttribute("style"),i.setAttribute("data-toolbar-hover","true"),r&&i.setAttribute("data-toolbar-hover-focus","true"),a({$toolbar:i,$component:t,state:"hover"})),n&&(n.setAttribute("data-outline-hover","true"),o&&n.setAttribute("data-outline-overlay-theme-section","true"),r&&n.setAttribute("data-outline-hover-focus","true")),l&&l.setAttribute("data-toolbar-add-hover","true"),d&&d.setAttribute("data-toolbar-add-hover","true")},[]),n=react.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])');if(r.length){for(let t of r)t&&i({$component:t});l({$component:t,$parents:r})}},[i]),l=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector(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=getChildrenByAttrSelector(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),l=o||a;if(isOverParent({current:t,parent:r,index:i,revert:l})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,d=parseFloat(e.top)+o-23*i;l&&(d=parseFloat(e.top)-o+23*i);let u=parseFloat(e.left)+a;n.setAttribute("style",`top: ${d}px;left: ${u}px;`),i++}}}}},d=react.useCallback(()=>{let t=["data-outline-overlay","data-outline-overlay-theme-section","data-theme-section-status-active"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})},[]),u=react.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"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))}),d()},[d]),c=react.useCallback(()=>{t.current=null;let e=["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"],o=document.querySelectorAll(e.map(t=>`[${t}]`).join(","));o&&e.forEach(t=>{o.forEach(e=>e.removeAttribute(t))}),m(!1),r.current&&r.current.disconnect()},[]),s=(t,e)=>{let o=t.parentNode;o&&(r.current&&r.current.disconnect(),r.current=new MutationObserver(o=>{for(let a of o)a.removedNodes.forEach(o=>{o===t&&(r.current&&r.current.disconnect(),e())})}),r.current.observe(o,{childList:!0}))},b=react.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=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")}}},[]),v=(t,e)=>{let r=t.closest('[data-toolbar-wrap][data-component-tag="Section"]');if(r){if(e){let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.setAttribute("data-toolbar-force-hover","true"),e&&e.setAttribute("data-outline-force-hover","true")}else{let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.removeAttribute("data-toolbar-force-hover"),e&&e.removeAttribute("data-outline-force-hover")}}},f=react.useCallback(async({componentUid:e,productId:r,timeAwait:o=500,forceReActive:i})=>{if(!e)return;let n=await waitForElementToExist(`${r?`[data-product-id="${r}"] `:""}[data-uid="${e}"]`,o);if(!n||!i&&e==t.current?.componentUid&&r==t.current?.productId)return;(i||e===t.current?.componentUid)&&r===t.current?.productId||c();let l=getChildrenByAttrSelector(n,"data-toolbar"),d=getChildrenByAttrSelector(n,"data-outline"),m=getChildrenByAttrSelector(n,"data-toolbar-add-top"),g=getChildrenByAttrSelector(n,"data-toolbar-add-bottom");if(l&&(t.current={componentUid:e,productId:r},l.removeAttribute("style"),l.setAttribute("data-toolbar-active","true"),a({$toolbar:l,$component:n,state:"active"})),d&&d.setAttribute("data-outline-active","true"),m&&m.setAttribute("data-toolbar-add-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),r){let t=document.querySelectorAll(`[data-uid="${e}"]`);t?.length&&t.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}b({$component:n}),v(n,!0),u(),s(n,()=>{f({componentUid:e,productId:r,timeAwait:2e3,forceReActive:!0})})},[c,u,b]),m=async e=>{if(e){if(t.current?.componentUid){let r=t.current?.componentUid,o=t.current?.productId,a=await waitForElementToExist(`${o?`[data-product-id="${o}"] `:""}[data-uid="${r}"]`,500);if(a){let t=getChildrenByAttrSelector(a,"data-toolbar"),r=getChildrenByAttrSelector(a,"data-outline"),o=getChildrenByAttrSelector(a,"data-spacing");t&&e&&t.setAttribute("data-toolbar-editor-inline-focus","true"),r&&e&&r.setAttribute("data-outline-editor-inline-focus","true"),o&&e&&o.setAttribute("data-spacing-hidden","true")}}}else{let t=document.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"))})}},g=react.useCallback(e=>{let r=e.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===t.current?.componentUid;if(!a)return;let i=getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),h=async({value:e})=>{if(!e)return;let r=await waitForElementToExist(`${t.current?.productId?`[data-product-id="${t.current?.productId}"] `:""}[data-uid="${t.current?.componentUid}"]`,500);if(r){let e=r?.querySelectorAll("[data-toolbar-parent]");if(e.length){let r=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=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.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async e=>{let r=e.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]"),o=e?.getAttribute("data-product-id")||"";return!!o},i="";await a()&&(i=t.current?.productId||"");let n=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:i}});o(e),window.dispatchEvent(n)};e.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},p=react.useCallback(r=>{if(e.current||o.current)return;let a=r.target;if(!a){d();return}let l=a.closest("[data-toolbar-hover]");if(l)return;let c=a.closest("[data-toolbar-wrap]"),s=c?.getAttribute("data-uid");if(!c||!s||"ROOT"==s){u();return}let b=getChildrenByAttrSelector(c,"data-toolbar"),v=getChildrenByAttrSelector(c,"data-outline");if(v&&v.removeAttribute("data-outline-overlay"),!s||"ROOT"==s||b?.getAttribute("data-toolbar-hover-focus"))return;if(b?.getAttribute("data-toolbar-hover-focus")||u(),g(a),s==t.current?.componentUid){if(t.current.productId){let e=c.closest("[data-product-id]");if(e){let r=e.getAttribute("data-product-id");if(r==t.current.productId)return}}let e=a.closest("[data-theme-section]");if(!e)return;i({$component:e,focus:!0,isThemeSection:!0})}let f=a.closest("[data-theme-section]");f?i({$component:f,focus:!0,isThemeSection:!0}):(i({$component:c,componentUid:s,focus:!0}),n({$component:c,componentUid:s}))},[g,u,i,n,d,t]),A=react.useCallback(t=>{if(e.current)return;let r=t.detail;r?.componentUid?f({componentUid:r.componentUid,productId:r.productId}):c()},[f,c,e]),y=react.useCallback(()=>{u()},[u]),C=react.useCallback(t=>{let r=t.detail;r.value&&(u(),c()),e.current=r.value},[u,c]),E=react.useCallback(t=>{let e=t.detail;e.value?m(!0):m(!1)},[]),S=react.useCallback(t=>{if(e.current)return;let r=t.detail;h({value:r?.value||!1})},[]),w=react.useCallback(t=>{let e=t.detail;e?.value?(u(),o.current=!0):o.current=!1},[u]);return react.useEffect(()=>(document.addEventListener("mousemove",p),window.addEventListener("editor:active-component",A),window.addEventListener("editor:focus-outside-preview",y),window.addEventListener("editor:is-dragging",C),window.addEventListener("editor:is-editing-text-editor",E),window.addEventListener("editor:toolbar:show-parents",S),window.addEventListener("editor:toolbar:resize-spacing",w),()=>{document.removeEventListener("mousemove",p),window.removeEventListener("editor:active-component",A),window.removeEventListener("editor:is-dragging",y),window.removeEventListener("editor:is-dragging",C),window.removeEventListener("editor:is-editing-text-editor",E),window.removeEventListener("editor:toolbar:show-parents",S),window.removeEventListener("editor:toolbar:resize-spacing",w)}),[p,A,y,C,E,S,w]),null};var Toolbar$1=react.memo(Toolbar);exports.default=Toolbar$1;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");const TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32,getDOMElementParents=(t,e,r)=>{let o=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName||"ROOT"===t.getAttribute("data-uid"))break;if(e){if(t.matches(e)&&(o.push(t),r&&o.length==r))return o;continue}if(o.push(t),r&&o.length==r)break}return o},getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},isOverParent=({current:t,parent:e,index:r,revert:o})=>{for(let a=0;a<r;a++){let r=t.top-23*a>=e.top&&t.top-23*a<=e.top+e.height||t.top-23*a>=e.top+e.height&&t.top-23*a<=e.top;if(o&&(r=t.bottom+23*a>=e.bottom&&t.bottom+23*a<=e.bottom-e.height||t.bottom+23*a>=e.bottom-e.height&&t.bottom+23*a<=e.bottom),r)return!0}return!1},waitForElementToExist=(t,e=200)=>new Promise(r=>{let o=setInterval(()=>{let e=document.querySelector(t);e&&(clearInterval(o),clearTimeout(a),r(e))},50),a=setTimeout(()=>{clearInterval(o),clearTimeout(a),r(null)},e)}),notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},isOverToolbarPosition=(t,e)=>{let r=t.getBoundingClientRect(),o=e.getBoundingClientRect();return r.top-o.top<33},findOverflowParent=(t,e)=>{let r=e||t;if(t&&!isSection(t))return notVisible(t)&&isOverToolbarPosition(e,t)?t:t.parentElement?findOverflowParent(t.parentElement,r):void 0},Toolbar=()=>{let t=react.useRef(null),e=react.useRef(!1),r=react.useRef(),o=react.useRef(!1),a=react.useRef(!1),i=({state:t,$toolbar:e,$component:r})=>{let o=findOverflowParent(r,e);if(o){let o=r.getBoundingClientRect();o?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")}else{let o=e.getBoundingClientRect(),a=r.getBoundingClientRect();o.top<33&&(a?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"))}},n=react.useCallback(({$component:t,componentUid:e,focus:r,isThemeSection:o})=>{if(!t&&!e)return;if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}let a=getChildrenByAttrSelector(t,"data-toolbar"),n=getChildrenByAttrSelector(t,"data-outline"),l=getChildrenByAttrSelector(t,"data-toolbar-add-top"),d=getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),u=getChildrenByAttrSelector(t,"data-column"),c=getChildrenByAttrSelector(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),a&&(a.removeAttribute("style"),a.setAttribute("data-toolbar-hover","true"),r&&a.setAttribute("data-toolbar-hover-focus","true"),i({$toolbar:a,$component:t,state:"hover"})),n&&(n.setAttribute("data-outline-hover","true"),o&&n.setAttribute("data-outline-overlay-theme-section","true"),r&&n.setAttribute("data-outline-hover-focus","true")),l&&l.setAttribute("data-toolbar-add-hover","true"),d&&d.setAttribute("data-toolbar-add-hover","true"),u&&u.setAttribute("data-column-visible","true")},[]),l=react.useCallback(({$component:t,componentUid:e})=>{if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])');if(r.length){for(let t of r)t&&n({$component:t});d({$component:t,$parents:r})}},[n]),d=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector(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=getChildrenByAttrSelector(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),l=o||a;if(isOverParent({current:t,parent:r,index:i,revert:l})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,d=parseFloat(e.top)+o-23*i;l&&(d=parseFloat(e.top)-o+23*i);let u=parseFloat(e.left)+a;n.setAttribute("style",`top: ${d}px;left: ${u}px;`),i++}}}}},u=react.useCallback(()=>{let t=["data-outline-overlay","data-outline-overlay-theme-section","data-theme-section-status-active"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})},[]),c=react.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-column-visible"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))}),u()},[u]),s=react.useCallback(()=>{t.current=null;let e=["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-column-force-visible"],o=document.querySelectorAll(e.map(t=>`[${t}]`).join(","));o&&e.forEach(t=>{o.forEach(e=>e.removeAttribute(t))}),g(!1),r.current&&r.current.disconnect()},[]),b=(t,e)=>{let o=t.parentNode;o&&(r.current&&r.current.disconnect(),r.current=new MutationObserver(o=>{for(let a of o)a.removedNodes.forEach(o=>{o===t&&(r.current&&r.current.disconnect(),e())})}),r.current.observe(o,{childList:!0}))},v=react.useCallback(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=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")}}},[]),m=(t,e)=>{let r=t.closest('[data-toolbar-wrap][data-component-tag="Section"]');if(r){if(e){let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.setAttribute("data-toolbar-force-hover","true"),e&&e.setAttribute("data-outline-force-hover","true")}else{let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.removeAttribute("data-toolbar-force-hover"),e&&e.removeAttribute("data-outline-force-hover")}}},f=react.useCallback(async({componentUid:e,productId:r,timeAwait:o=500,forceReActive:a})=>{if(!e)return;let n=await waitForElementToExist(`${r?`[data-product-id="${r}"] `:""}[data-uid="${e}"]`,o);if(!n||!a&&e==t.current?.componentUid&&r==t.current?.productId)return;(a||e===t.current?.componentUid)&&r===t.current?.productId||s();let l=getChildrenByAttrSelector(n,"data-toolbar"),d=getChildrenByAttrSelector(n,"data-outline"),u=getChildrenByAttrSelector(n,"data-toolbar-add-top"),g=getChildrenByAttrSelector(n,"data-toolbar-add-bottom"),h=getChildrenByAttrSelector(n,"data-column");if(l&&(t.current={componentUid:e,productId:r},l.removeAttribute("style"),l.setAttribute("data-toolbar-active","true"),i({$toolbar:l,$component:n,state:"active"})),d&&d.setAttribute("data-outline-active","true"),u&&u.setAttribute("data-toolbar-add-active","true"),g&&g.setAttribute("data-toolbar-add-active","true"),h&&h.setAttribute("data-column-force-visible","true"),r){let t=document.querySelectorAll(`[data-uid="${e}"]`);t?.length&&t.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}v({$component:n}),m(n,!0),c(),b(n,()=>{f({componentUid:e,productId:r,timeAwait:2e3,forceReActive:!0})})},[s,c,v]),g=async e=>{if(e){if(t.current?.componentUid){let r=t.current?.componentUid,o=t.current?.productId,a=await waitForElementToExist(`${o?`[data-product-id="${o}"] `:""}[data-uid="${r}"]`,500);if(a){let t=getChildrenByAttrSelector(a,"data-toolbar"),r=getChildrenByAttrSelector(a,"data-outline"),o=getChildrenByAttrSelector(a,"data-spacing");t&&e&&t.setAttribute("data-toolbar-editor-inline-focus","true"),r&&e&&r.setAttribute("data-outline-editor-inline-focus","true"),o&&e&&o.setAttribute("data-spacing-hidden","true")}}}else{let t=document.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"))})}},h=react.useCallback(e=>{let r=e.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===t.current?.componentUid;if(!a)return;let i=getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),p=async({value:e})=>{if(!e)return;let r=await waitForElementToExist(`${t.current?.productId?`[data-product-id="${t.current?.productId}"] `:""}[data-uid="${t.current?.componentUid}"]`,500);if(r){let e=r?.querySelectorAll("[data-toolbar-parent]");if(e.length){let r=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=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.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async e=>{let r=e.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]"),o=e?.getAttribute("data-product-id")||"";return!!o},i="";await a()&&(i=t.current?.productId||"");let n=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:i}});o(e),window.dispatchEvent(n)};e.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},A=react.useCallback(r=>{if(e.current||o.current||a.current)return;let i=r.target;if(!i){u();return}let d=i.closest("[data-toolbar-hover]");if(d)return;let s=i.closest("[data-toolbar-wrap]"),b=s?.getAttribute("data-uid");if(!s||!b||"ROOT"==b){c();return}let v=getChildrenByAttrSelector(s,"data-toolbar"),m=getChildrenByAttrSelector(s,"data-outline");if(m&&m.removeAttribute("data-outline-overlay"),!b||"ROOT"==b||v?.getAttribute("data-toolbar-hover-focus"))return;if(v?.getAttribute("data-toolbar-hover-focus")||c(),h(i),b==t.current?.componentUid){if(t.current.productId){let e=s.closest("[data-product-id]");if(e){let r=e.getAttribute("data-product-id");if(r==t.current.productId)return}}let e=i.closest("[data-theme-section]");if(!e)return;n({$component:e,focus:!0,isThemeSection:!0})}let f=i.closest("[data-theme-section]");f?n({$component:f,focus:!0,isThemeSection:!0}):(n({$component:s,componentUid:b,focus:!0}),l({$component:s,componentUid:b}))},[h,c,n,l,u,t]),y=react.useCallback(t=>{if(e.current)return;let r=t.detail;r?.componentUid?f({componentUid:r.componentUid,productId:r.productId}):s()},[f,s,e]),C=react.useCallback(()=>{c()},[c]),w=react.useCallback(t=>{let r=t.detail;r.value&&(c(),s()),e.current=r.value},[c,s]),E=react.useCallback(t=>{let e=t.detail;e.value?g(!0):g(!1)},[]),S=react.useCallback(t=>{if(e.current)return;let r=t.detail;p({value:r?.value||!1})},[]),B=react.useCallback(t=>{let e=t.detail;e?.value?(c(),o.current=!0):o.current=!1},[c]),$=react.useCallback(t=>{let e=t.detail;e?.value?(c(),a.current=!0):a.current=!1},[c]);return react.useEffect(()=>(document.addEventListener("mousemove",A),window.addEventListener("editor:active-component",y),window.addEventListener("editor:focus-outside-preview",C),window.addEventListener("editor:is-dragging",w),window.addEventListener("editor:is-editing-text-editor",E),window.addEventListener("editor:toolbar:show-parents",S),window.addEventListener("editor:toolbar:resize-spacing",B),window.addEventListener("editor:toolbar:resize-column",$),()=>{document.removeEventListener("mousemove",A),window.removeEventListener("editor:active-component",y),window.removeEventListener("editor:is-dragging",C),window.removeEventListener("editor:is-dragging",w),window.removeEventListener("editor:is-editing-text-editor",E),window.removeEventListener("editor:toolbar:show-parents",S),window.removeEventListener("editor:toolbar:resize-spacing",B),window.removeEventListener("editor:toolbar:resize-column",$)}),[A,y,C,w,E,S,B,$]),null};var Toolbar$1=react.memo(Toolbar);exports.default=Toolbar$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),getStorefrontApi=require("../../libs/get-storefront-api.js"),googleFonts=require("../../libs/google-fonts.js"),genCss=require("../../libs/helpers/gen-css.js"),genFonts=require("../../libs/helpers/gen-fonts.js"),shopifyCdnWithGoogleFonts=require("../../libs/shopify-cdn-with-google-fonts.js");const globalStyleId="global-style",Toolbox=()=>{let e=core.useMatchMutate(),t=core.useShopStore(e=>e.provider),o=core.useShopStore(e=>e.changeStorefrontInfo),r=core.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),getStorefrontApi=require("../../libs/get-storefront-api.js"),googleFonts=require("../../libs/google-fonts.js"),genCss=require("../../libs/helpers/gen-css.js"),genFonts=require("../../libs/helpers/gen-fonts.js"),shopifyCdnWithGoogleFonts=require("../../libs/shopify-cdn-with-google-fonts.js");const globalStyleId="global-style",Toolbox=()=>{let e=core.useMatchMutate(),t=core.useShopStore(e=>e.provider),o=core.useShopStore(e=>e.changeStorefrontInfo),r=core.usePageStore(e=>e.setDynamicProduct),a=core.usePageStore(e=>e.setDynamicCollection),n=core.useBuilderPreviewStore(e=>e.initState),i=core.useBuilderPreviewStore(e=>e.state),d=core.useBuilderPreviewStore(e=>e.forceChangeState),l=core.useBuilderPreviewStore(e=>e.forceChangeItemProp),s=core.useBuilderPreviewStore(e=>e.changeItemPropByKey),c=core.useBuilderPreviewStore(e=>e.addItem),u=core.useBuilderPreviewStore(e=>e.moveItem),p=core.useBuilderPreviewStore(e=>e.removeItem),v=core.useSectionStore(e=>e.addSection),m=core.useShopStore(e=>e.changeSwatches),w=core.useShopStore(e=>e.changeLayoutSettings),y=core.useShopStore(e=>e.changeCreateThemeSectionCount),f=core.useShopStore(e=>e.changeShopPlan),h=core.useModalStore(e=>e.clearModal),g=react.useMemo(()=>genFonts.getFontsFromDataBuilder(i),[i]),S=(e,t)=>{if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>{e.remove()});return}let o=document.querySelectorAll(`.${e}`);for(let r of(o.forEach(e=>{let o=e.getAttribute("data-font"),r=e.getAttribute("data-font-variant");if(o&&r){let a=t.find(e=>e.family==o&&e.variants.includes(r));a||e.remove()}else e.remove()}),t))if("google"==r.type&&r.variants?.length)for(let t of r.variants){let o=JSON.parse(JSON.stringify(r));o.variants=[t];let a=o.family,n=googleFonts.createFontUrl([o]);if(n){let o=document.querySelector(`.${e}[data-font="${a}"][data-font-variant="${t}"]`);if(o)continue;{let o=document.createElement("link");o.className=e,o.dataset.font=a,o.dataset.fontVariant=t,o.href=n,o.rel="stylesheet",document.head.appendChild(o)}}}},b=react.useCallback(()=>{e(/query\//,{revalidate:!0})},[e]),E=react.useCallback(e=>{let r=e.detail;o({url:r.shopHandle?getStorefrontApi.getStorefrontApi(r.shopHandle,t):void 0,token:r.shopToken})},[o,t]),L=react.useCallback(e=>{let t=e.detail;try{if(t.data){let e=genCss.genCSS(t.data,t.mobileOnly),o=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=shopifyCdnWithGoogleFonts.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),r=document.getElementById(globalStyleId);if(S("google-font-builder",o),r)r.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),C=react.useCallback(e=>{h();try{let t=e.detail;t.data&&("flat"===t.type?d(t.data):n(t.data))}catch{}},[d,n,h]),k=react.useCallback(e=>{try{let t=e.detail;t.entity&&(c({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||v(t.entity.uid,t.entity))}catch{}},[c,v]),P=react.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&s({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[s]),q=react.useCallback(e=>{try{let t=e.detail;t.uid&&l(t.uid,t.data,t.group)}catch{}},[l]),j=react.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&u(t.uid,t.to,Number(t.position)??0)}catch{}},[u]),x=react.useCallback(e=>{try{let t=e.detail;t.uid&&p(t.uid)}catch{}},[p]),B=react.useCallback(e=>{let t=e.detail;try{t.data&&m(t.data)}catch{}},[m]),F=react.useCallback(e=>{let t=e.detail;t&&w(t)},[w]),I=react.useCallback(e=>{let t=e.detail;t&&y(t)},[y]),A=react.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),M=react.useCallback(e=>{let t=e.detail;t&&r(t)},[r]),T=react.useCallback(e=>{let t=e.detail;t&&a(t)},[a]);return react.useEffect(()=>{g&&S("google-font-element",g)},[g]),react.useEffect(()=>(window.addEventListener("update-shop-info",E),window.addEventListener("revalidate-query",b),window.addEventListener("init-builder",C),window.addEventListener("add-entity",k),window.addEventListener("remove-entity",x),window.addEventListener("move-entity",j),window.addEventListener("force-update-entity-props",q),window.addEventListener("update-entity-prop",P),window.addEventListener("set-global-style",L),window.addEventListener("update-global-swatches-data",B),window.addEventListener("on-off-header-footer",F),window.addEventListener("update-create-theme-section-count",I),window.addEventListener("update-shop-plan",A),window.addEventListener("set-dynamic-product",M),window.addEventListener("set-dynamic-collection",T),()=>{window.removeEventListener("update-shop-info",E),window.removeEventListener("revalidate-query",b),window.removeEventListener("init-builder",C),window.removeEventListener("add-entity",k),window.removeEventListener("remove-entity",x),window.removeEventListener("move-entity",j),window.removeEventListener("update-entity-prop",P),window.removeEventListener("set-global-style",L),window.removeEventListener("update-global-swatches-data",B),window.removeEventListener("on-off-header-footer",F),window.removeEventListener("update-create-theme-section-count",I),window.removeEventListener("update-shop-plan",A),window.removeEventListener("set-dynamic-product",M),window.removeEventListener("set-dynamic-collection",T)}),[k,A,q,P,C,j,x,L,B,b,E,F,I,M,T]),jsxRuntime.jsx("div",{className:"toolbox"})};var Toolbox$1=react.memo(Toolbox);exports.default=Toolbox$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),react=require("react"),Toolbox=require("../components/builder/Toolbox.js"),Header=require("../components/Header.js"),Footer=require("../components/Footer.js"),CollectionGlobalProvider=require("./CollectionGlobalProvider.js"),PopupManager=require("../components/builder/PopupManager.js"),ImageToLayout=require("../components/image-to-layout/ImageToLayout.js"),AddSectionImageToLayout=require("../components/image-to-layout/AddSectionImageToLayout.js"),Toolbar=require("../components/builder/Toolbar.js");const BuilderPage=({components:e,seo:t,themeStyle:o,fontStyle:r,sectionData:s,pageType:i,editorImageToLayout:n,isThemeSectionEditor:u})=>{let[a,d]=react.useState(!1),l=react.useMemo(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return react.useEffect(()=>{d(!0)},[]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...t}),jsxRuntime.jsxs(Head,{children:[o&&jsxRuntime.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:o}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:s,children:jsxRuntime.jsxs(core.BuilderPreviewProvider,{state:l,isThemeSectionEditor:u,children:[jsxRuntime.jsx(Toolbox.default,{}),jsxRuntime.jsx(Toolbar.default,{}),jsxRuntime.jsx(PopupManager.default,{}),a&&jsxRuntime.jsxs("div",{className:"builder z-1 relative",children:[u?jsxRuntime.jsx("div",{className:"h-[40px] bg-[#f4f4f4]"}):jsxRuntime.jsx(Header.default,{}),jsxRuntime.jsx("div",{id:"storefront",className:u?"theme-section-editor":"",children:"GP_COLLECTION"===i?jsxRuntime.jsx(CollectionGlobalProvider.default,{children:jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}):jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}),jsxRuntime.jsx(ImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx(AddSectionImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx("div",{id:"visual-content"}),!u&&jsxRuntime.jsx(Footer.default,{})]})]},"preview")})})]})};exports.BuilderPage=BuilderPage;
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),react=require("react"),Toolbox=require("../components/builder/Toolbox.js"),Header=require("../components/Header.js"),Footer=require("../components/Footer.js"),CollectionGlobalProvider=require("./CollectionGlobalProvider.js"),PopupManager=require("../components/builder/PopupManager.js"),ImageToLayout=require("../components/image-to-layout/ImageToLayout.js"),AddSectionImageToLayout=require("../components/image-to-layout/AddSectionImageToLayout.js"),Toolbar=require("../components/builder/Toolbar.js");const BuilderPage=({components:e,seo:t,themeStyle:o,fontStyle:r,sectionData:s,pageType:i,editorImageToLayout:n,isThemeSectionEditor:u})=>{let[a,d]=react.useState(!1),l=react.useMemo(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return react.useEffect(()=>{d(!0)},[]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...t}),jsxRuntime.jsxs(Head,{children:[o&&jsxRuntime.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:o}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:s,children:jsxRuntime.jsxs(core.BuilderPreviewProvider,{state:l,isThemeSectionEditor:u,children:[jsxRuntime.jsx(Toolbox.default,{}),jsxRuntime.jsx(Toolbar.default,{}),jsxRuntime.jsx(PopupManager.default,{}),a&&jsxRuntime.jsxs("div",{className:"builder z-1 relative",children:[u?jsxRuntime.jsx("div",{className:"h-[40px] bg-[#f4f4f4]"}):jsxRuntime.jsx(Header.default,{}),jsxRuntime.jsx("div",{id:"storefront",className:u?"theme-section-editor":"",children:"GP_COLLECTION"===i?jsxRuntime.jsx(CollectionGlobalProvider.default,{children:jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}):jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}),jsxRuntime.jsx(ImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx(AddSectionImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx("div",{id:"visual-content"}),!u&&jsxRuntime.jsx(Footer.default,{})]})]},"preview")})})})]})};exports.BuilderPage=BuilderPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const CollectionProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionDetailPage=({seo:e,components:t,builderData:r,sectionData:i,themeStyle:n,collection:o,fontStyle:s})=>{let l=router.useRouter();return l.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...e}),jsxRuntime.jsxs(Head,{children:[n&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:n}}),s&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:t,children:jsxRuntime.jsx(core.SectionProvider,{data:i,children:jsxRuntime.jsx(CollectionProvider,{collection:o,children:r&&jsxRuntime.jsx(core.BuilderProvider,{state:r,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})})})})})]})};exports.default=CollectionDetailPage;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const CollectionProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionDetailPage=({seo:e,components:t,builderData:r,sectionData:i,themeStyle:n,collection:o,fontStyle:s})=>{let l=router.useRouter();return l.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...e}),jsxRuntime.jsxs(Head,{children:[n&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:n}}),s&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:t,children:jsxRuntime.jsx(core.SectionProvider,{data:i,children:jsxRuntime.jsx(CollectionProvider,{collection:o,children:r&&jsxRuntime.jsx(core.BuilderProvider,{state:r,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})})})})})})]})};exports.default=CollectionDetailPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const ProductProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.ProductProvider)),ProductDetailPage=({themeStyle:e,fontStyle:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const ProductProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.ProductProvider)),ProductDetailPage=({themeStyle:e,fontStyle:r,seo:t,product:s,components:i,builderData:n,sectionData:d})=>{let o=router.useRouter();return o.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...t}),jsxRuntime.jsxs(Head,{children:[e&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:e}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:i,children:jsxRuntime.jsx(core.SectionProvider,{data:d,children:jsxRuntime.jsxs(ProductProvider,{product:s,children:[n&&jsxRuntime.jsx(core.BuilderProvider,{state:n,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})}),jsxRuntime.jsx(core.AddOn,{name:"sticky-add-to-cart"})]})})})})]})};exports.default=ProductDetailPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router"),useTrackingView=require("../libs/hooks/use-tracking-view.js"),parseHtml=require("../libs/parse-html.js");const StaticPageV2=({components:e,builderData:s,sectionData:t,seo:i,themeStyle:
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router"),useTrackingView=require("../libs/hooks/use-tracking-view.js"),parseHtml=require("../libs/parse-html.js");const StaticPageV2=({components:e,builderData:s,sectionData:t,seo:i,themeStyle:r,fontStyle:a,elementFontStyle:n,customCodeHeader:l,shopToken:u,pageHandle:m})=>{let x=router.useRouter();return(useTrackingView.useTrackingView(u,m,x.isFallback),x.isFallback)?jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...i}),jsxRuntime.jsxs(Head,{children:[parseHtml.parseHtml(l,!0),r&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),a&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:a}}),n&&n.map(e=>jsxRuntime.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:e}},e))]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:s?.map(e=>jsxRuntime.jsx(core.BuilderProvider,{state:e.data,lazy:e.lazy,priority:e.priority,children:jsxRuntime.jsx(core.Render,{uid:e.uid})},e.uid))})})})]})};exports.StaticPageV2=StaticPageV2;
|
package/dist/cjs/pages/static.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router");const StaticPage=({components:e,builderData:s,sectionData:t,seo:n,themeStyle:r,fontStyle:i})=>{let a=router.useRouter();return a.isFallback?jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...n}),jsxRuntime.jsxs(Head,{children:[r&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),i&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:i}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:s&&jsxRuntime.jsx(core.BuilderProvider,{state:s,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})},"body")})})})]})};exports.default=StaticPage;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router");const StaticPage=({components:e,builderData:s,sectionData:t,seo:n,themeStyle:r,fontStyle:i})=>{let a=router.useRouter();return a.isFallback?jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...n}),jsxRuntime.jsxs(Head,{children:[r&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),i&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:i}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:s&&jsxRuntime.jsx(core.BuilderProvider,{state:s,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})},"body")})})})})]})};exports.default=StaticPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{memo as t,useRef as e,useCallback as r,useEffect as o}from"react";let TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32,getDOMElementParents=(t,e,r)=>{let o=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName||"ROOT"===t.getAttribute("data-uid"))break;if(e){if(t.matches(e)&&(o.push(t),r&&o.length==r))return o;continue}if(o.push(t),r&&o.length==r)break}return o},getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},isOverParent=({current:t,parent:e,index:r,revert:o})=>{for(let a=0;a<r;a++){let r=t.top-23*a>=e.top&&t.top-23*a<=e.top+e.height||t.top-23*a>=e.top+e.height&&t.top-23*a<=e.top;if(o&&(r=t.bottom+23*a>=e.bottom&&t.bottom+23*a<=e.bottom-e.height||t.bottom+23*a>=e.bottom-e.height&&t.bottom+23*a<=e.bottom),r)return!0}return!1},waitForElementToExist=(t,e=200)=>new Promise(r=>{let o=setInterval(()=>{let e=document.querySelector(t);e&&(clearInterval(o),clearTimeout(a),r(e))},50),a=setTimeout(()=>{clearInterval(o),clearTimeout(a),r(null)},e)}),notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},isOverToolbarPosition=(t,e)=>{let r=t.getBoundingClientRect(),o=e.getBoundingClientRect();return r.top-o.top<33},findOverflowParent=(t,e)=>{let r=e||t;if(t&&!isSection(t))return notVisible(t)&&isOverToolbarPosition(e,t)?t:t.parentElement?findOverflowParent(t.parentElement,r):void 0},Toolbar=()=>{let t=e(null),a=e(!1),i=e(),n=e(!1),l=({state:t,$toolbar:e,$component:r})=>{let o=findOverflowParent(r,e);if(o){let o=r.getBoundingClientRect();o?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")}else{let o=e.getBoundingClientRect(),a=r.getBoundingClientRect();o.top<33&&(a?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"))}},d=r(({$component:t,componentUid:e,focus:r,isThemeSection:o})=>{if(!t&&!e)return;if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}let a=getChildrenByAttrSelector(t,"data-toolbar"),i=getChildrenByAttrSelector(t,"data-outline"),n=getChildrenByAttrSelector(t,"data-toolbar-add-top"),d=getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),u=getChildrenByAttrSelector(t,"data-theme-section-status");o&&u&&u.setAttribute("data-theme-section-status-active","true"),a&&(a.removeAttribute("style"),a.setAttribute("data-toolbar-hover","true"),r&&a.setAttribute("data-toolbar-hover-focus","true"),l({$toolbar:a,$component:t,state:"hover"})),i&&(i.setAttribute("data-outline-hover","true"),o&&i.setAttribute("data-outline-overlay-theme-section","true"),r&&i.setAttribute("data-outline-hover-focus","true")),n&&n.setAttribute("data-toolbar-add-hover","true"),d&&d.setAttribute("data-toolbar-add-hover","true")},[]),u=r(({$component:t,componentUid:e})=>{if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])');if(r.length){for(let t of r)t&&d({$component:t});c({$component:t,$parents:r})}},[d]),c=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector(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=getChildrenByAttrSelector(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),l=o||a;if(isOverParent({current:t,parent:r,index:i,revert:l})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,d=parseFloat(e.top)+o-23*i;l&&(d=parseFloat(e.top)-o+23*i);let u=parseFloat(e.left)+a;n.setAttribute("style",`top: ${d}px;left: ${u}px;`),i++}}}}},s=r(()=>{let t=["data-outline-overlay","data-outline-overlay-theme-section","data-theme-section-status-active"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})},[]),b=r(()=>{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"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))}),s()},[s]),v=r(()=>{t.current=null;let e=["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"],r=document.querySelectorAll(e.map(t=>`[${t}]`).join(","));r&&e.forEach(t=>{r.forEach(e=>e.removeAttribute(t))}),p(!1),i.current&&i.current.disconnect()},[]),m=(t,e)=>{let r=t.parentNode;r&&(i.current&&i.current.disconnect(),i.current=new MutationObserver(r=>{for(let o of r)o.removedNodes.forEach(r=>{r===t&&(i.current&&i.current.disconnect(),e())})}),i.current.observe(r,{childList:!0}))},f=r(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=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")}}},[]),g=(t,e)=>{let r=t.closest('[data-toolbar-wrap][data-component-tag="Section"]');if(r){if(e){let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.setAttribute("data-toolbar-force-hover","true"),e&&e.setAttribute("data-outline-force-hover","true")}else{let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.removeAttribute("data-toolbar-force-hover"),e&&e.removeAttribute("data-outline-force-hover")}}},h=r(async({componentUid:e,productId:r,timeAwait:o=500,forceReActive:a})=>{if(!e)return;let i=await waitForElementToExist(`${r?`[data-product-id="${r}"] `:""}[data-uid="${e}"]`,o);if(!i||!a&&e==t.current?.componentUid&&r==t.current?.productId)return;(a||e===t.current?.componentUid)&&r===t.current?.productId||v();let n=getChildrenByAttrSelector(i,"data-toolbar"),d=getChildrenByAttrSelector(i,"data-outline"),u=getChildrenByAttrSelector(i,"data-toolbar-add-top"),c=getChildrenByAttrSelector(i,"data-toolbar-add-bottom");if(n&&(t.current={componentUid:e,productId:r},n.removeAttribute("style"),n.setAttribute("data-toolbar-active","true"),l({$toolbar:n,$component:i,state:"active"})),d&&d.setAttribute("data-outline-active","true"),u&&u.setAttribute("data-toolbar-add-active","true"),c&&c.setAttribute("data-toolbar-add-active","true"),r){let t=document.querySelectorAll(`[data-uid="${e}"]`);t?.length&&t.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}f({$component:i}),g(i,!0),b(),m(i,()=>{h({componentUid:e,productId:r,timeAwait:2e3,forceReActive:!0})})},[v,b,f]),p=async e=>{if(e){if(t.current?.componentUid){let r=t.current?.componentUid,o=t.current?.productId,a=await waitForElementToExist(`${o?`[data-product-id="${o}"] `:""}[data-uid="${r}"]`,500);if(a){let t=getChildrenByAttrSelector(a,"data-toolbar"),r=getChildrenByAttrSelector(a,"data-outline"),o=getChildrenByAttrSelector(a,"data-spacing");t&&e&&t.setAttribute("data-toolbar-editor-inline-focus","true"),r&&e&&r.setAttribute("data-outline-editor-inline-focus","true"),o&&e&&o.setAttribute("data-spacing-hidden","true")}}}else{let t=document.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"))})}},A=r(e=>{let r=e.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===t.current?.componentUid;if(!a)return;let i=getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),y=async({value:e})=>{if(!e)return;let r=await waitForElementToExist(`${t.current?.productId?`[data-product-id="${t.current?.productId}"] `:""}[data-uid="${t.current?.componentUid}"]`,500);if(r){let e=r?.querySelectorAll("[data-toolbar-parent]");if(e.length){let r=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=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.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async e=>{let r=e.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]"),o=e?.getAttribute("data-product-id")||"";return!!o},i="";await a()&&(i=t.current?.productId||"");let n=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:i}});o(e),window.dispatchEvent(n)};e.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},E=r(e=>{if(a.current||n.current)return;let r=e.target;if(!r){s();return}let o=r.closest("[data-toolbar-hover]");if(o)return;let i=r.closest("[data-toolbar-wrap]"),l=i?.getAttribute("data-uid");if(!i||!l||"ROOT"==l){b();return}let c=getChildrenByAttrSelector(i,"data-toolbar"),v=getChildrenByAttrSelector(i,"data-outline");if(v&&v.removeAttribute("data-outline-overlay"),!l||"ROOT"==l||c?.getAttribute("data-toolbar-hover-focus"))return;if(c?.getAttribute("data-toolbar-hover-focus")||b(),A(r),l==t.current?.componentUid){if(t.current.productId){let e=i.closest("[data-product-id]");if(e){let r=e.getAttribute("data-product-id");if(r==t.current.productId)return}}let e=r.closest("[data-theme-section]");if(!e)return;d({$component:e,focus:!0,isThemeSection:!0})}let m=r.closest("[data-theme-section]");m?d({$component:m,focus:!0,isThemeSection:!0}):(d({$component:i,componentUid:l,focus:!0}),u({$component:i,componentUid:l}))},[A,b,d,u,s,t]),S=r(t=>{if(a.current)return;let e=t.detail;e?.componentUid?h({componentUid:e.componentUid,productId:e.productId}):v()},[h,v,a]),w=r(()=>{b()},[b]),C=r(t=>{let e=t.detail;e.value&&(b(),v()),a.current=e.value},[b,v]),B=r(t=>{let e=t.detail;e.value?p(!0):p(!1)},[]),$=r(t=>{if(a.current)return;let e=t.detail;y({value:e?.value||!1})},[]),T=r(t=>{let e=t.detail;e?.value?(b(),n.current=!0):n.current=!1},[b]);return o(()=>(document.addEventListener("mousemove",E),window.addEventListener("editor:active-component",S),window.addEventListener("editor:focus-outside-preview",w),window.addEventListener("editor:is-dragging",C),window.addEventListener("editor:is-editing-text-editor",B),window.addEventListener("editor:toolbar:show-parents",$),window.addEventListener("editor:toolbar:resize-spacing",T),()=>{document.removeEventListener("mousemove",E),window.removeEventListener("editor:active-component",S),window.removeEventListener("editor:is-dragging",w),window.removeEventListener("editor:is-dragging",C),window.removeEventListener("editor:is-editing-text-editor",B),window.removeEventListener("editor:toolbar:show-parents",$),window.removeEventListener("editor:toolbar:resize-spacing",T)}),[E,S,w,C,B,$,T]),null};var Toolbar$1=t(Toolbar);export{Toolbar$1 as default};
|
|
1
|
+
import{memo as t,useRef as e,useCallback as r,useEffect as o}from"react";let TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32,getDOMElementParents=(t,e,r)=>{let o=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName||"ROOT"===t.getAttribute("data-uid"))break;if(e){if(t.matches(e)&&(o.push(t),r&&o.length==r))return o;continue}if(o.push(t),r&&o.length==r)break}return o},getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},isOverParent=({current:t,parent:e,index:r,revert:o})=>{for(let a=0;a<r;a++){let r=t.top-23*a>=e.top&&t.top-23*a<=e.top+e.height||t.top-23*a>=e.top+e.height&&t.top-23*a<=e.top;if(o&&(r=t.bottom+23*a>=e.bottom&&t.bottom+23*a<=e.bottom-e.height||t.bottom+23*a>=e.bottom-e.height&&t.bottom+23*a<=e.bottom),r)return!0}return!1},waitForElementToExist=(t,e=200)=>new Promise(r=>{let o=setInterval(()=>{let e=document.querySelector(t);e&&(clearInterval(o),clearTimeout(a),r(e))},50),a=setTimeout(()=>{clearInterval(o),clearTimeout(a),r(null)},e)}),notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},isOverToolbarPosition=(t,e)=>{let r=t.getBoundingClientRect(),o=e.getBoundingClientRect();return r.top-o.top<33},findOverflowParent=(t,e)=>{let r=e||t;if(t&&!isSection(t))return notVisible(t)&&isOverToolbarPosition(e,t)?t:t.parentElement?findOverflowParent(t.parentElement,r):void 0},Toolbar=()=>{let t=e(null),a=e(!1),i=e(),n=e(!1),l=e(!1),d=({state:t,$toolbar:e,$component:r})=>{let o=findOverflowParent(r,e);if(o){let o=r.getBoundingClientRect();o?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")}else{let o=e.getBoundingClientRect(),a=r.getBoundingClientRect();o.top<33&&(a?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"))}},u=r(({$component:t,componentUid:e,focus:r,isThemeSection:o})=>{if(!t&&!e)return;if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}let a=getChildrenByAttrSelector(t,"data-toolbar"),i=getChildrenByAttrSelector(t,"data-outline"),n=getChildrenByAttrSelector(t,"data-toolbar-add-top"),l=getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),u=getChildrenByAttrSelector(t,"data-column"),c=getChildrenByAttrSelector(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),a&&(a.removeAttribute("style"),a.setAttribute("data-toolbar-hover","true"),r&&a.setAttribute("data-toolbar-hover-focus","true"),d({$toolbar:a,$component:t,state:"hover"})),i&&(i.setAttribute("data-outline-hover","true"),o&&i.setAttribute("data-outline-overlay-theme-section","true"),r&&i.setAttribute("data-outline-hover-focus","true")),n&&n.setAttribute("data-toolbar-add-hover","true"),l&&l.setAttribute("data-toolbar-add-hover","true"),u&&u.setAttribute("data-column-visible","true")},[]),c=r(({$component:t,componentUid:e})=>{if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])');if(r.length){for(let t of r)t&&u({$component:t});s({$component:t,$parents:r})}},[u]),s=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector(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=getChildrenByAttrSelector(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),l=o||a;if(isOverParent({current:t,parent:r,index:i,revert:l})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,d=parseFloat(e.top)+o-23*i;l&&(d=parseFloat(e.top)-o+23*i);let u=parseFloat(e.left)+a;n.setAttribute("style",`top: ${d}px;left: ${u}px;`),i++}}}}},b=r(()=>{let t=["data-outline-overlay","data-outline-overlay-theme-section","data-theme-section-status-active"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})},[]),v=r(()=>{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-column-visible"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))}),b()},[b]),m=r(()=>{t.current=null;let e=["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-column-force-visible"],r=document.querySelectorAll(e.map(t=>`[${t}]`).join(","));r&&e.forEach(t=>{r.forEach(e=>e.removeAttribute(t))}),A(!1),i.current&&i.current.disconnect()},[]),f=(t,e)=>{let r=t.parentNode;r&&(i.current&&i.current.disconnect(),i.current=new MutationObserver(r=>{for(let o of r)o.removedNodes.forEach(r=>{r===t&&(i.current&&i.current.disconnect(),e())})}),i.current.observe(r,{childList:!0}))},g=r(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=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")}}},[]),h=(t,e)=>{let r=t.closest('[data-toolbar-wrap][data-component-tag="Section"]');if(r){if(e){let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.setAttribute("data-toolbar-force-hover","true"),e&&e.setAttribute("data-outline-force-hover","true")}else{let t=getChildrenByAttrSelector(r,"data-toolbar"),e=getChildrenByAttrSelector(r,"data-outline");t&&t.removeAttribute("data-toolbar-force-hover"),e&&e.removeAttribute("data-outline-force-hover")}}},p=r(async({componentUid:e,productId:r,timeAwait:o=500,forceReActive:a})=>{if(!e)return;let i=await waitForElementToExist(`${r?`[data-product-id="${r}"] `:""}[data-uid="${e}"]`,o);if(!i||!a&&e==t.current?.componentUid&&r==t.current?.productId)return;(a||e===t.current?.componentUid)&&r===t.current?.productId||m();let n=getChildrenByAttrSelector(i,"data-toolbar"),l=getChildrenByAttrSelector(i,"data-outline"),u=getChildrenByAttrSelector(i,"data-toolbar-add-top"),c=getChildrenByAttrSelector(i,"data-toolbar-add-bottom"),s=getChildrenByAttrSelector(i,"data-column");if(n&&(t.current={componentUid:e,productId:r},n.removeAttribute("style"),n.setAttribute("data-toolbar-active","true"),d({$toolbar:n,$component:i,state:"active"})),l&&l.setAttribute("data-outline-active","true"),u&&u.setAttribute("data-toolbar-add-active","true"),c&&c.setAttribute("data-toolbar-add-active","true"),s&&s.setAttribute("data-column-force-visible","true"),r){let t=document.querySelectorAll(`[data-uid="${e}"]`);t?.length&&t.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}g({$component:i}),h(i,!0),v(),f(i,()=>{p({componentUid:e,productId:r,timeAwait:2e3,forceReActive:!0})})},[m,v,g]),A=async e=>{if(e){if(t.current?.componentUid){let r=t.current?.componentUid,o=t.current?.productId,a=await waitForElementToExist(`${o?`[data-product-id="${o}"] `:""}[data-uid="${r}"]`,500);if(a){let t=getChildrenByAttrSelector(a,"data-toolbar"),r=getChildrenByAttrSelector(a,"data-outline"),o=getChildrenByAttrSelector(a,"data-spacing");t&&e&&t.setAttribute("data-toolbar-editor-inline-focus","true"),r&&e&&r.setAttribute("data-outline-editor-inline-focus","true"),o&&e&&o.setAttribute("data-spacing-hidden","true")}}}else{let t=document.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"))})}},y=r(e=>{let r=e.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===t.current?.componentUid;if(!a)return;let i=getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),w=async({value:e})=>{if(!e)return;let r=await waitForElementToExist(`${t.current?.productId?`[data-product-id="${t.current?.productId}"] `:""}[data-uid="${t.current?.componentUid}"]`,500);if(r){let e=r?.querySelectorAll("[data-toolbar-parent]");if(e.length){let r=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=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.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async e=>{let r=e.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]"),o=e?.getAttribute("data-product-id")||"";return!!o},i="";await a()&&(i=t.current?.productId||"");let n=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:i}});o(e),window.dispatchEvent(n)};e.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},E=r(e=>{if(a.current||n.current||l.current)return;let r=e.target;if(!r){b();return}let o=r.closest("[data-toolbar-hover]");if(o)return;let i=r.closest("[data-toolbar-wrap]"),d=i?.getAttribute("data-uid");if(!i||!d||"ROOT"==d){v();return}let s=getChildrenByAttrSelector(i,"data-toolbar"),m=getChildrenByAttrSelector(i,"data-outline");if(m&&m.removeAttribute("data-outline-overlay"),!d||"ROOT"==d||s?.getAttribute("data-toolbar-hover-focus"))return;if(s?.getAttribute("data-toolbar-hover-focus")||v(),y(r),d==t.current?.componentUid){if(t.current.productId){let e=i.closest("[data-product-id]");if(e){let r=e.getAttribute("data-product-id");if(r==t.current.productId)return}}let e=r.closest("[data-theme-section]");if(!e)return;u({$component:e,focus:!0,isThemeSection:!0})}let f=r.closest("[data-theme-section]");f?u({$component:f,focus:!0,isThemeSection:!0}):(u({$component:i,componentUid:d,focus:!0}),c({$component:i,componentUid:d}))},[y,v,u,c,b,t]),S=r(t=>{if(a.current)return;let e=t.detail;e?.componentUid?p({componentUid:e.componentUid,productId:e.productId}):m()},[p,m,a]),C=r(()=>{v()},[v]),B=r(t=>{let e=t.detail;e.value&&(v(),m()),a.current=e.value},[v,m]),$=r(t=>{let e=t.detail;e.value?A(!0):A(!1)},[]),T=r(t=>{if(a.current)return;let e=t.detail;w({value:e?.value||!1})},[]),L=r(t=>{let e=t.detail;e?.value?(v(),n.current=!0):n.current=!1},[v]),O=r(t=>{let e=t.detail;e?.value?(v(),l.current=!0):l.current=!1},[v]);return o(()=>(document.addEventListener("mousemove",E),window.addEventListener("editor:active-component",S),window.addEventListener("editor:focus-outside-preview",C),window.addEventListener("editor:is-dragging",B),window.addEventListener("editor:is-editing-text-editor",$),window.addEventListener("editor:toolbar:show-parents",T),window.addEventListener("editor:toolbar:resize-spacing",L),window.addEventListener("editor:toolbar:resize-column",O),()=>{document.removeEventListener("mousemove",E),window.removeEventListener("editor:active-component",S),window.removeEventListener("editor:is-dragging",C),window.removeEventListener("editor:is-dragging",B),window.removeEventListener("editor:is-editing-text-editor",$),window.removeEventListener("editor:toolbar:show-parents",T),window.removeEventListener("editor:toolbar:resize-spacing",L),window.removeEventListener("editor:toolbar:resize-column",O)}),[E,S,C,B,$,T,L,O]),null};var Toolbar$1=t(Toolbar);export{Toolbar$1 as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as o,
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as o,usePageStore as n,useBuilderPreviewStore as i,useSectionStore as a,useModalStore as d}from"@gem-sdk/core";import{memo as r,useMemo as l,useCallback as s,useEffect as m}from"react";import{getStorefrontApi as c}from"../../libs/get-storefront-api.js";import{createFontUrl as p}from"../../libs/google-fonts.js";import{genCSS as v}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as w}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as y}from"../../libs/shopify-cdn-with-google-fonts.js";let globalStyleId="global-style",Toolbox=()=>{let r=t(),u=o(e=>e.provider),f=o(e=>e.changeStorefrontInfo),h=n(e=>e.setDynamicProduct),g=n(e=>e.setDynamicCollection),E=i(e=>e.initState),L=i(e=>e.state),b=i(e=>e.forceChangeState),S=i(e=>e.forceChangeItemProp),I=i(e=>e.changeItemPropByKey),T=i(e=>e.addItem),j=i(e=>e.moveItem),x=i(e=>e.removeItem),C=a(e=>e.addSection),N=o(e=>e.changeSwatches),$=o(e=>e.changeLayoutSettings),q=o(e=>e.changeCreateThemeSectionCount),A=o(e=>e.changeShopPlan),k=d(e=>e.clearModal),H=l(()=>w(L),[L]),O=(e,t)=>{if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>{e.remove()});return}let o=document.querySelectorAll(`.${e}`);for(let n of(o.forEach(e=>{let o=e.getAttribute("data-font"),n=e.getAttribute("data-font-variant");if(o&&n){let i=t.find(e=>e.family==o&&e.variants.includes(n));i||e.remove()}else e.remove()}),t))if("google"==n.type&&n.variants?.length)for(let t of n.variants){let o=JSON.parse(JSON.stringify(n));o.variants=[t];let i=o.family,a=p([o]);if(a){let o=document.querySelector(`.${e}[data-font="${i}"][data-font-variant="${t}"]`);if(o)continue;{let o=document.createElement("link");o.className=e,o.dataset.font=i,o.dataset.fontVariant=t,o.href=a,o.rel="stylesheet",document.head.appendChild(o)}}}},P=s(()=>{r(/query\//,{revalidate:!0})},[r]),M=s(e=>{let t=e.detail;f({url:t.shopHandle?c(t.shopHandle,u):void 0,token:t.shopToken})},[f,u]),B=s(e=>{let t=e.detail;try{if(t.data){let e=v(t.data,t.mobileOnly),o=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=y.find(t=>t.family==e.family);if(t)return t}return e}),n=document.getElementById(globalStyleId);if(O("google-font-builder",o),n)n.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),D=s(e=>{k();try{let t=e.detail;t.data&&("flat"===t.type?b(t.data):E(t.data))}catch{}},[b,E,k]),J=s(e=>{try{let t=e.detail;t.entity&&(T({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||C(t.entity.uid,t.entity))}catch{}},[T,C]),V=s(e=>{try{let t=e.detail;t.uid&&t.propName&&I({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[I]),K=s(e=>{try{let t=e.detail;t.uid&&S(t.uid,t.data,t.group)}catch{}},[S]),z=s(e=>{try{let t=e.detail;t.to&&t.uid&&j(t.uid,t.to,Number(t.position)??0)}catch{}},[j]),F=s(e=>{try{let t=e.detail;t.uid&&x(t.uid)}catch{}},[x]),G=s(e=>{let t=e.detail;try{t.data&&N(t.data)}catch{}},[N]),Q=s(e=>{let t=e.detail;t&&$(t)},[$]),R=s(e=>{let t=e.detail;t&&q(t)},[q]),U=s(e=>{let t=e.detail;t&&A(t)},[A]),W=s(e=>{let t=e.detail;t&&h(t)},[h]),X=s(e=>{let t=e.detail;t&&g(t)},[g]);return m(()=>{H&&O("google-font-element",H)},[H]),m(()=>(window.addEventListener("update-shop-info",M),window.addEventListener("revalidate-query",P),window.addEventListener("init-builder",D),window.addEventListener("add-entity",J),window.addEventListener("remove-entity",F),window.addEventListener("move-entity",z),window.addEventListener("force-update-entity-props",K),window.addEventListener("update-entity-prop",V),window.addEventListener("set-global-style",B),window.addEventListener("update-global-swatches-data",G),window.addEventListener("on-off-header-footer",Q),window.addEventListener("update-create-theme-section-count",R),window.addEventListener("update-shop-plan",U),window.addEventListener("set-dynamic-product",W),window.addEventListener("set-dynamic-collection",X),()=>{window.removeEventListener("update-shop-info",M),window.removeEventListener("revalidate-query",P),window.removeEventListener("init-builder",D),window.removeEventListener("add-entity",J),window.removeEventListener("remove-entity",F),window.removeEventListener("move-entity",z),window.removeEventListener("update-entity-prop",V),window.removeEventListener("set-global-style",B),window.removeEventListener("update-global-swatches-data",G),window.removeEventListener("on-off-header-footer",Q),window.removeEventListener("update-create-theme-section-count",R),window.removeEventListener("update-shop-plan",U),window.removeEventListener("set-dynamic-product",W),window.removeEventListener("set-dynamic-collection",X)}),[J,U,K,V,D,z,F,B,G,P,M,Q,R,W,X]),e("div",{className:"toolbox"})};var Toolbox$1=r(Toolbox);export{Toolbox$1 as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,Fragment as e,jsx as t}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsxs as o,Fragment as e,jsx as t}from"react/jsx-runtime";import{PageProvider as r,BuilderComponentProvider as i,SectionProvider as m,BuilderPreviewProvider as n,RenderPreview as l}from"@gem-sdk/core";import{NextSeo as d}from"next-seo";import s from"next/head";import{useState as a,useMemo as c,useEffect as p}from"react";import u from"../components/builder/Toolbox.js";import f from"../components/Header.js";import g from"../components/Footer.js";import h from"./CollectionGlobalProvider.js";import T from"../components/builder/PopupManager.js";import y from"../components/image-to-layout/ImageToLayout.js";import b from"../components/image-to-layout/AddSectionImageToLayout.js";import O from"../components/builder/Toolbar.js";let BuilderPage=({components:j,seo:v,themeStyle:x,fontStyle:L,sectionData:I,pageType:R,editorImageToLayout:P,isThemeSectionEditor:_})=>{let[N,S]=a(!1),C=c(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return p(()=>{S(!0)},[]),o(e,{children:[t(d,{...v}),o(s,{children:[x&&t("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:x}}),L&&t("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:L}})]}),t(r,{children:t(i,{components:j,children:t(m,{data:I,children:o(n,{state:C,isThemeSectionEditor:_,children:[t(u,{}),t(O,{}),t(T,{}),N&&o("div",{className:"builder z-1 relative",children:[_?t("div",{className:"h-[40px] bg-[#f4f4f4]"}):t(f,{}),t("div",{id:"storefront",className:_?"theme-section-editor":"",children:"GP_COLLECTION"===R?t(h,{children:t(l,{uid:"ROOT"})}):t(l,{uid:"ROOT"})}),t(y,{editorImageToLayout:P||!1}),t(b,{editorImageToLayout:P||!1}),t("div",{id:"visual-content"}),!_&&t(g,{})]})]},"preview")})})})]})};export{BuilderPage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{PageProvider as r,BuilderComponentProvider as l,SectionProvider as i,BuilderProvider as n,Render as d}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import a from"next/dynamic";import m from"next/head";import{useRouter as s}from"next/router";let CollectionProvider=a(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionDetailPage=({seo:a,components:h,builderData:p,sectionData:g,themeStyle:f,collection:x,fontStyle:y})=>{let u=s();return u.isFallback?e("div",{children:"Loading..."}):t(o,{children:[e(c,{...a}),t(m,{children:[f&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:f}}),y&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:y}})]}),e(r,{children:e(l,{components:h,children:e(i,{data:g,children:e(CollectionProvider,{collection:x,children:p&&e(n,{state:p,children:e(d,{uid:"ROOT"})})})})})})]})};export{CollectionDetailPage as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{PageProvider as o,BuilderComponentProvider as d,SectionProvider as i,BuilderProvider as n,Render as a,AddOn as l}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import m from"next/dynamic";import s from"next/head";import{useRouter as u}from"next/router";let ProductProvider=m(()=>import("@gem-sdk/core").then(e=>e.ProductProvider)),ProductDetailPage=({themeStyle:m,fontStyle:h,seo:p,product:g,components:P,builderData:y,sectionData:f})=>{let x=u();return x.isFallback?e("div",{children:"Loading..."}):t(r,{children:[e(c,{...p}),t(s,{children:[m&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:m}}),h&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:h}})]}),e(o,{children:e(d,{components:P,children:e(i,{data:f,children:t(ProductProvider,{product:g,children:[y&&e(n,{state:y,children:e(a,{uid:"ROOT"})}),e(l,{name:"sticky-add-to-cart"})]})})})})]})};export{ProductDetailPage as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{PageProvider as s,BuilderComponentProvider as l,SectionProvider as i,BuilderProvider as r,Render as n}from"@gem-sdk/core";import{NextSeo as m}from"next-seo";import o from"next/head";import{useRouter as d}from"next/router";import{useTrackingView as c}from"../libs/hooks/use-tracking-view.js";import{parseHtml as p}from"../libs/parse-html.js";let StaticPageV2=({components:f,builderData:h,sectionData:u,seo:g,themeStyle:_,fontStyle:y,elementFontStyle:x,customCodeHeader:b,shopToken:k,pageHandle:N})=>{let S=d();return(c(k,N,S.isFallback),S.isFallback)?e("div",{className:"flex h-full items-center justify-center",children:t("div",{className:"flex gap-2",children:[e("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),e("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),e("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):t(a,{children:[e(m,{...g}),t(o,{children:[p(b,!0),_&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:_}}),y&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:y}}),x&&x.map(t=>e("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t))]}),e(s,{children:e(l,{components:f,children:e(i,{data:u,children:h?.map(t=>e(r,{state:t.data,lazy:t.lazy,priority:t.priority,children:e(n,{uid:t.uid})},t.uid))})})})]})};export{StaticPageV2};
|
package/dist/esm/pages/static.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{BuilderComponentProvider as s,SectionProvider as
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{PageProvider as l,BuilderComponentProvider as s,SectionProvider as n,BuilderProvider as r,Render as i}from"@gem-sdk/core";import{NextSeo as d}from"next-seo";import m from"next/head";import{useRouter as c}from"next/router";let StaticPage=({components:o,builderData:f,sectionData:h,seo:u,themeStyle:p,fontStyle:_})=>{let g=c();return g.isFallback?e("div",{className:"flex h-full items-center justify-center",children:t("div",{className:"flex gap-2",children:[e("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),e("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),e("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):t(a,{children:[e(d,{...u}),t(m,{children:[p&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:p}}),_&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:_}})]}),e(l,{children:e(s,{components:o,children:e(n,{data:h,children:e(a,{children:f&&e(r,{state:f,children:e(i,{uid:"ROOT"})},"body")})})})})]})};export{StaticPage as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/pages",
|
|
3
|
-
"version": "1.14.0-dev.
|
|
3
|
+
"version": "1.14.0-dev.384",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"next-seo": "^6.0.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "1.14.0-dev.
|
|
28
|
+
"@gem-sdk/core": "1.14.0-dev.384",
|
|
29
29
|
"@gem-sdk/plugin-cookie-bar": "1.14.0-dev.284",
|
|
30
30
|
"@gem-sdk/plugin-quick-view": "1.14.0-dev.284",
|
|
31
31
|
"@gem-sdk/plugin-sticky-add-to-cart": "1.14.0-dev.284"
|