@gem-sdk/pages 1.14.0-dev.663 → 1.14.0-dev.672

package/dist/cjs/components/builder/Toolbox.js

@@ -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.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),m=core.useBuilderPreviewStore(e=>e.removeItem),p=core.useSectionStore(e=>e.addSection),v=core.useShopStore(e=>e.changeSwatches),w=core.useBuilderPreviewStore(e=>e.updateItemName),f=core.useShopStore(e=>e.changeLayoutSettings),y=core.useShopStore(e=>e.changeCreateThemeSectionCount),h=core.useShopStore(e=>e.changeShopPlan),g=core.useModalStore(e=>e.clearModal),S=react.useMemo(()=>genFonts.getFontsFromDataBuilder(i),[i]),b=(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("custom"!==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)}}}},E=react.useCallback(()=>{e(/query\//,{revalidate:!0})},[e]),L=react.useCallback(e=>{let r=e.detail;o({url:r.shopHandle?getStorefrontApi.getStorefrontApi(r.shopHandle,t):void 0,token:r.shopToken})},[o,t]),C=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(b("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{}},[]),k=react.useCallback(e=>{g();try{let t=e.detail;t.data&&("flat"===t.type?d(t.data):n(t.data))}catch{}},[d,n,g]),P=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)||p(t.entity.uid,t.entity))}catch{}},[c,p]),q=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]),B=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&&m(t.uid)}catch{}},[m]),I=react.useCallback(e=>{let t=e.detail;try{t.data&&v(t.data)}catch{}},[v]),F=react.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),A=react.useCallback(e=>{let t=e.detail;t&&y(t)},[y]),M=react.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),N=react.useCallback(e=>{let t=e.detail;t&&r(t)},[r]),T=react.useCallback(e=>{let t=e.detail;t&&a(t)},[a]);react.useEffect(()=>{S&&b("google-font-element",S)},[S]);let $=react.useCallback(e=>{let t=e.detail;t.uid&&w(t.uid,t.name||"")},[w]);return react.useEffect(()=>{S&&b("google-font-element",S)},[S]),react.useEffect(()=>(window.addEventListener("update-shop-info",L),window.addEventListener("revalidate-query",E),window.addEventListener("init-builder",k),window.addEventListener("add-entity",P),window.addEventListener("remove-entity",x),window.addEventListener("move-entity",j),window.addEventListener("force-update-entity-props",B),window.addEventListener("update-entity-prop",q),window.addEventListener("set-global-style",C),window.addEventListener("update-global-swatches-data",I),window.addEventListener("on-off-header-footer",F),window.addEventListener("update-create-theme-section-count",A),window.addEventListener("update-shop-plan",M),window.addEventListener("set-dynamic-product",N),window.addEventListener("set-dynamic-collection",T),window.addEventListener("update-item-name",$),()=>{window.removeEventListener("update-shop-info",L),window.removeEventListener("revalidate-query",E),window.removeEventListener("init-builder",k),window.removeEventListener("add-entity",P),window.removeEventListener("remove-entity",x),window.removeEventListener("move-entity",j),window.removeEventListener("update-entity-prop",q),window.removeEventListener("set-global-style",C),window.removeEventListener("update-global-swatches-data",I),window.removeEventListener("on-off-header-footer",F),window.removeEventListener("update-create-theme-section-count",A),window.removeEventListener("update-shop-plan",M),window.removeEventListener("set-dynamic-product",N),window.removeEventListener("set-dynamic-collection",T),window.removeEventListener("update-item-name",$)}),[P,M,B,q,k,j,x,C,I,E,L,F,A,N,T,$]),jsxRuntime.jsx("div",{className:"toolbox"})};var Toolbox$1=react.memo(Toolbox);exports.default=Toolbox$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.setPostPurchaseProductOfferIds),i=core.usePageStore(e=>e.setSalePageProductId),n=core.usePageStore(e=>e.setDynamicCollection),d=core.useBuilderPreviewStore(e=>e.initState),l=core.useBuilderPreviewStore(e=>e.state),s=core.useBuilderPreviewStore(e=>e.forceChangeState),c=core.useBuilderPreviewStore(e=>e.forceChangeItemProp),u=core.useBuilderPreviewStore(e=>e.changeItemPropByKey),p=core.useBuilderPreviewStore(e=>e.addItem),v=core.useBuilderPreviewStore(e=>e.moveItem),w=core.useBuilderPreviewStore(e=>e.removeItem),m=core.useSectionStore(e=>e.addSection),f=core.useShopStore(e=>e.changeSwatches),y=core.useBuilderPreviewStore(e=>e.updateItemName),g=core.useBuilderPreviewStore(e=>e.updateItemAttribute),h=core.useShopStore(e=>e.changeLayoutSettings),S=core.useShopStore(e=>e.changeCreateThemeSectionCount),b=core.useShopStore(e=>e.changeShopPlan),E=core.useModalStore(e=>e.clearModal),L=react.useMemo(()=>genFonts.getFontsFromDataBuilder(l),[l]),C=(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("custom"!==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,i=googleFonts.createFontUrl([o]);if(i){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=i,o.rel="stylesheet",document.head.appendChild(o)}}}},k=react.useCallback(()=>{e(/query\//,{revalidate:!0})},[e]),P=react.useCallback(e=>{let r=e.detail;o({url:r.shopHandle?getStorefrontApi.getStorefrontApi(r.shopHandle,t):void 0,token:r.shopToken})},[o,t]),q=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(C("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{}},[]),I=react.useCallback(e=>{E();try{let t=e.detail;t.data&&("flat"===t.type?s(t.data):d(t.data))}catch{}},[s,d,E]),B=react.useCallback(e=>{try{let t=e.detail;t.entity&&(p({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||m(t.entity.uid,t.entity))}catch{}},[p,m]),j=react.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&u({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[u]),x=react.useCallback(e=>{try{let t=e.detail;t.uid&&c(t.uid,t.data,t.group)}catch{}},[c]),A=react.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&v(t.uid,t.to,Number(t.position)??0)}catch{}},[v]),F=react.useCallback(e=>{try{let t=e.detail;t.uid&&w(t.uid)}catch{}},[w]),M=react.useCallback(e=>{let t=e.detail;try{t.data&&f(t.data)}catch{}},[f]),N=react.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),T=react.useCallback(e=>{let t=e.detail;t&&S(t)},[S]),$=react.useCallback(e=>{let t=e.detail;t&&b(t)},[b]),O=react.useCallback(e=>{let t=e.detail;t&&r(t)},[r]),H=react.useCallback(e=>{let t=e.detail;t&&n(t)},[n]);react.useEffect(()=>{L&&C("google-font-element",L)},[L]);let D=react.useCallback(e=>{let t=e.detail;t.uid&&y(t.uid,t.name||"")},[y]),G=react.useCallback(e=>{let t=e.detail;t.uid&&g(t.uid,t.value||"",t.attr||"")},[g]),W=react.useCallback(e=>{let t=e.detail;t?.length&&a(t)},[a]),J=react.useCallback(e=>{let t=e.detail;t&&i(t)},[i]);return react.useEffect(()=>{L&&C("google-font-element",L)},[L]),react.useEffect(()=>(window.addEventListener("update-shop-info",P),window.addEventListener("revalidate-query",k),window.addEventListener("init-builder",I),window.addEventListener("add-entity",B),window.addEventListener("remove-entity",F),window.addEventListener("move-entity",A),window.addEventListener("force-update-entity-props",x),window.addEventListener("update-entity-prop",j),window.addEventListener("set-global-style",q),window.addEventListener("update-global-swatches-data",M),window.addEventListener("on-off-header-footer",N),window.addEventListener("update-create-theme-section-count",T),window.addEventListener("update-shop-plan",$),window.addEventListener("set-dynamic-product",O),window.addEventListener("set-dynamic-collection",H),window.addEventListener("update-item-name",D),window.addEventListener("update-item-attribute",G),window.addEventListener("set-product-offer-ids",W),window.addEventListener("update-sale-page-product-id",J),()=>{window.removeEventListener("update-shop-info",P),window.removeEventListener("revalidate-query",k),window.removeEventListener("init-builder",I),window.removeEventListener("add-entity",B),window.removeEventListener("remove-entity",F),window.removeEventListener("move-entity",A),window.removeEventListener("update-entity-prop",j),window.removeEventListener("set-global-style",q),window.removeEventListener("update-global-swatches-data",M),window.removeEventListener("on-off-header-footer",N),window.removeEventListener("update-create-theme-section-count",T),window.removeEventListener("update-shop-plan",$),window.removeEventListener("set-dynamic-product",O),window.removeEventListener("set-dynamic-collection",H),window.removeEventListener("update-item-name",D),window.removeEventListener("update-item-attribute",G),window.removeEventListener("set-product-offer-ids",W),window.removeEventListener("update-sale-page-product-id",J)}),[B,$,x,j,I,A,F,q,M,k,P,N,T,O,H,D,G,W,J]),jsxRuntime.jsx("div",{className:"toolbox"})};var Toolbox$1=react.memo(Toolbox);exports.default=Toolbox$1;

package/dist/esm/components/builder/Toolbox.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as o,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 u}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as w}from"../../libs/shopify-cdn-with-google-fonts.js";let globalStyleId="global-style",Toolbox=()=>{let r=t(),y=n(e=>e.provider),f=n(e=>e.changeStorefrontInfo),h=o(e=>e.setDynamicProduct),g=o(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),N=i(e=>e.addItem),T=i(e=>e.moveItem),j=i(e=>e.removeItem),x=a(e=>e.addSection),C=n(e=>e.changeSwatches),$=i(e=>e.updateItemName),q=n(e=>e.changeLayoutSettings),A=n(e=>e.changeCreateThemeSectionCount),k=n(e=>e.changeShopPlan),H=d(e=>e.clearModal),O=l(()=>u(L),[L]),P=(e,t)=>{if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>{e.remove()});return}let n=document.querySelectorAll(`.${e}`);for(let o of(n.forEach(e=>{let n=e.getAttribute("data-font"),o=e.getAttribute("data-font-variant");if(n&&o){let i=t.find(e=>e.family==n&&e.variants.includes(o));i||e.remove()}else e.remove()}),t))if("custom"!==o.type&&o.variants?.length)for(let t of o.variants){let n=JSON.parse(JSON.stringify(o));n.variants=[t];let i=n.family,a=p([n]);if(a){let n=document.querySelector(`.${e}[data-font="${i}"][data-font-variant="${t}"]`);if(n)continue;{let n=document.createElement("link");n.className=e,n.dataset.font=i,n.dataset.fontVariant=t,n.href=a,n.rel="stylesheet",document.head.appendChild(n)}}}},M=s(()=>{r(/query\//,{revalidate:!0})},[r]),B=s(e=>{let t=e.detail;f({url:t.shopHandle?c(t.shopHandle,y):void 0,token:t.shopToken})},[f,y]),D=s(e=>{let t=e.detail;try{if(t.data){let e=v(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=w.find(t=>t.family==e.family);if(t)return t}return e}),o=document.getElementById(globalStyleId);if(P("google-font-builder",n),o)o.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),J=s(e=>{H();try{let t=e.detail;t.data&&("flat"===t.type?b(t.data):E(t.data))}catch{}},[b,E,H]),V=s(e=>{try{let t=e.detail;t.entity&&(N({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||x(t.entity.uid,t.entity))}catch{}},[N,x]),K=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]),z=s(e=>{try{let t=e.detail;t.uid&&S(t.uid,t.data,t.group)}catch{}},[S]),F=s(e=>{try{let t=e.detail;t.to&&t.uid&&T(t.uid,t.to,Number(t.position)??0)}catch{}},[T]),G=s(e=>{try{let t=e.detail;t.uid&&j(t.uid)}catch{}},[j]),Q=s(e=>{let t=e.detail;try{t.data&&C(t.data)}catch{}},[C]),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&&k(t)},[k]),X=s(e=>{let t=e.detail;t&&h(t)},[h]),Y=s(e=>{let t=e.detail;t&&g(t)},[g]);m(()=>{O&&P("google-font-element",O)},[O]);let Z=s(e=>{let t=e.detail;t.uid&&$(t.uid,t.name||"")},[$]);return m(()=>{O&&P("google-font-element",O)},[O]),m(()=>(window.addEventListener("update-shop-info",B),window.addEventListener("revalidate-query",M),window.addEventListener("init-builder",J),window.addEventListener("add-entity",V),window.addEventListener("remove-entity",G),window.addEventListener("move-entity",F),window.addEventListener("force-update-entity-props",z),window.addEventListener("update-entity-prop",K),window.addEventListener("set-global-style",D),window.addEventListener("update-global-swatches-data",Q),window.addEventListener("on-off-header-footer",R),window.addEventListener("update-create-theme-section-count",U),window.addEventListener("update-shop-plan",W),window.addEventListener("set-dynamic-product",X),window.addEventListener("set-dynamic-collection",Y),window.addEventListener("update-item-name",Z),()=>{window.removeEventListener("update-shop-info",B),window.removeEventListener("revalidate-query",M),window.removeEventListener("init-builder",J),window.removeEventListener("add-entity",V),window.removeEventListener("remove-entity",G),window.removeEventListener("move-entity",F),window.removeEventListener("update-entity-prop",K),window.removeEventListener("set-global-style",D),window.removeEventListener("update-global-swatches-data",Q),window.removeEventListener("on-off-header-footer",R),window.removeEventListener("update-create-theme-section-count",U),window.removeEventListener("update-shop-plan",W),window.removeEventListener("set-dynamic-product",X),window.removeEventListener("set-dynamic-collection",Y),window.removeEventListener("update-item-name",Z)}),[V,W,z,K,J,F,G,D,Q,M,B,R,U,X,Y,Z]),e("div",{className:"toolbox"})};var Toolbox$1=r(Toolbox);export{Toolbox$1 as default};
+import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as o,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 u}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as v}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as w}from"../../libs/shopify-cdn-with-google-fonts.js";let globalStyleId="global-style",Toolbox=()=>{let r=t(),f=n(e=>e.provider),y=n(e=>e.changeStorefrontInfo),h=o(e=>e.setDynamicProduct),g=o(e=>e.setPostPurchaseProductOfferIds),E=o(e=>e.setSalePageProductId),L=o(e=>e.setDynamicCollection),b=i(e=>e.initState),S=i(e=>e.state),I=i(e=>e.forceChangeState),P=i(e=>e.forceChangeItemProp),N=i(e=>e.changeItemPropByKey),T=i(e=>e.addItem),j=i(e=>e.moveItem),x=i(e=>e.removeItem),A=a(e=>e.addSection),C=n(e=>e.changeSwatches),$=i(e=>e.updateItemName),q=i(e=>e.updateItemAttribute),k=n(e=>e.changeLayoutSettings),O=n(e=>e.changeCreateThemeSectionCount),H=n(e=>e.changeShopPlan),M=d(e=>e.clearModal),B=l(()=>v(S),[S]),D=(e,t)=>{if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>{e.remove()});return}let n=document.querySelectorAll(`.${e}`);for(let o of(n.forEach(e=>{let n=e.getAttribute("data-font"),o=e.getAttribute("data-font-variant");if(n&&o){let i=t.find(e=>e.family==n&&e.variants.includes(o));i||e.remove()}else e.remove()}),t))if("custom"!==o.type&&o.variants?.length)for(let t of o.variants){let n=JSON.parse(JSON.stringify(o));n.variants=[t];let i=n.family,a=p([n]);if(a){let n=document.querySelector(`.${e}[data-font="${i}"][data-font-variant="${t}"]`);if(n)continue;{let n=document.createElement("link");n.className=e,n.dataset.font=i,n.dataset.fontVariant=t,n.href=a,n.rel="stylesheet",document.head.appendChild(n)}}}},J=s(()=>{r(/query\//,{revalidate:!0})},[r]),V=s(e=>{let t=e.detail;y({url:t.shopHandle?c(t.shopHandle,f):void 0,token:t.shopToken})},[y,f]),K=s(e=>{let t=e.detail;try{if(t.data){let e=u(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=w.find(t=>t.family==e.family);if(t)return t}return e}),o=document.getElementById(globalStyleId);if(D("google-font-builder",n),o)o.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),z=s(e=>{M();try{let t=e.detail;t.data&&("flat"===t.type?I(t.data):b(t.data))}catch{}},[I,b,M]),F=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)||A(t.entity.uid,t.entity))}catch{}},[T,A]),G=s(e=>{try{let t=e.detail;t.uid&&t.propName&&N({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[N]),Q=s(e=>{try{let t=e.detail;t.uid&&P(t.uid,t.data,t.group)}catch{}},[P]),R=s(e=>{try{let t=e.detail;t.to&&t.uid&&j(t.uid,t.to,Number(t.position)??0)}catch{}},[j]),U=s(e=>{try{let t=e.detail;t.uid&&x(t.uid)}catch{}},[x]),W=s(e=>{let t=e.detail;try{t.data&&C(t.data)}catch{}},[C]),X=s(e=>{let t=e.detail;t&&k(t)},[k]),Y=s(e=>{let t=e.detail;t&&O(t)},[O]),Z=s(e=>{let t=e.detail;t&&H(t)},[H]),_=s(e=>{let t=e.detail;t&&h(t)},[h]),ee=s(e=>{let t=e.detail;t&&L(t)},[L]);m(()=>{B&&D("google-font-element",B)},[B]);let et=s(e=>{let t=e.detail;t.uid&&$(t.uid,t.name||"")},[$]),en=s(e=>{let t=e.detail;t.uid&&q(t.uid,t.value||"",t.attr||"")},[q]),eo=s(e=>{let t=e.detail;t?.length&&g(t)},[g]),ei=s(e=>{let t=e.detail;t&&E(t)},[E]);return m(()=>{B&&D("google-font-element",B)},[B]),m(()=>(window.addEventListener("update-shop-info",V),window.addEventListener("revalidate-query",J),window.addEventListener("init-builder",z),window.addEventListener("add-entity",F),window.addEventListener("remove-entity",U),window.addEventListener("move-entity",R),window.addEventListener("force-update-entity-props",Q),window.addEventListener("update-entity-prop",G),window.addEventListener("set-global-style",K),window.addEventListener("update-global-swatches-data",W),window.addEventListener("on-off-header-footer",X),window.addEventListener("update-create-theme-section-count",Y),window.addEventListener("update-shop-plan",Z),window.addEventListener("set-dynamic-product",_),window.addEventListener("set-dynamic-collection",ee),window.addEventListener("update-item-name",et),window.addEventListener("update-item-attribute",en),window.addEventListener("set-product-offer-ids",eo),window.addEventListener("update-sale-page-product-id",ei),()=>{window.removeEventListener("update-shop-info",V),window.removeEventListener("revalidate-query",J),window.removeEventListener("init-builder",z),window.removeEventListener("add-entity",F),window.removeEventListener("remove-entity",U),window.removeEventListener("move-entity",R),window.removeEventListener("update-entity-prop",G),window.removeEventListener("set-global-style",K),window.removeEventListener("update-global-swatches-data",W),window.removeEventListener("on-off-header-footer",X),window.removeEventListener("update-create-theme-section-count",Y),window.removeEventListener("update-shop-plan",Z),window.removeEventListener("set-dynamic-product",_),window.removeEventListener("set-dynamic-collection",ee),window.removeEventListener("update-item-name",et),window.removeEventListener("update-item-attribute",en),window.removeEventListener("set-product-offer-ids",eo),window.removeEventListener("update-sale-page-product-id",ei)}),[F,Z,Q,G,z,R,U,K,W,J,V,X,Y,_,ee,et,en,eo,ei]),e("div",{className:"toolbox"})};var Toolbox$1=r(Toolbox);export{Toolbox$1 as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.14.0-dev.663",
+  "version": "1.14.0-dev.672",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
     "next-seo": "^6.0.0"
   },
   "devDependencies": {
-    "@gem-sdk/core": "1.14.0-dev.661",
+    "@gem-sdk/core": "1.14.0-dev.672",
     "@gem-sdk/plugin-cookie-bar": "1.14.0-dev.619",
     "@gem-sdk/plugin-quick-view": "1.14.0-dev.619",
     "@gem-sdk/plugin-sticky-add-to-cart": "1.14.0-dev.619"