@gem-sdk/pages 1.14.0-dev.346 → 1.14.0-dev.365

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",globalFontId="google-font-builder",fontElementSettingClassName="google-font-element",Toolbox=()=>{let e=core.useMatchMutate(),t=core.useShopStore(e=>e.provider),o=core.useShopStore(e=>e.changeStorefrontInfo),r=core.useBuilderPreviewStore(e=>e.initState),n=core.useBuilderPreviewStore(e=>e.state),a=core.useBuilderPreviewStore(e=>e.forceChangeState),i=core.useBuilderPreviewStore(e=>e.forceChangeItemProp),d=core.useBuilderPreviewStore(e=>e.changeItemPropByKey),l=core.useBuilderPreviewStore(e=>e.setDynamicProduct),s=core.useBuilderPreviewStore(e=>e.setDynamicCollection),c=core.useBuilderPreviewStore(e=>e.addItem),u=core.useBuilderPreviewStore(e=>e.moveItem),p=core.useBuilderPreviewStore(e=>e.removeItem),m=core.useSectionStore(e=>e.addSection),w=core.useShopStore(e=>e.changeSwatches),v=core.useShopStore(e=>e.changeLayoutSettings),h=core.useShopStore(e=>e.changeCreateThemeSectionCount),g=core.useShopStore(e=>e.changeShopPlan),y=core.useModalStore(e=>e.clearModal),f=react.useMemo(()=>genFonts.getFontsFromDataBuilder(n),[n]),b=react.useMemo(()=>googleFonts.createFontUrl(f),[f]),S=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]),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=googleFonts.createFontUrl(o),n=document.getElementById(globalStyleId),a=document.getElementById(globalFontId);if(r){if(a)a.getAttribute("href")!==r&&a.setAttribute("href",r);else{let e=document.createElement("link");e.id=globalFontId,e.href=r,e.rel="stylesheet",document.head.appendChild(e)}}if(n)n.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),L=react.useCallback(e=>{y();try{let t=e.detail;t.data&&("flat"===t.type?a(t.data):r(t.data))}catch{}},[a,r,y]),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)||m(t.entity.uid,t.entity))}catch{}},[c,m]),F=react.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&d({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[d]),P=react.useCallback(e=>{try{let t=e.detail;t.uid&&i(t.uid,t.data,t.group)}catch{}},[i]),B=react.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&u(t.uid,t.to,Number(t.position)??0)}catch{}},[u]),I=react.useCallback(e=>{try{let t=e.detail;t.uid&&p(t.uid)}catch{}},[p]),q=react.useCallback(e=>{let t=e.detail;try{t.data&&w(t.data)}catch{}},[w]),j=react.useCallback(e=>{let t=e.detail;t&&v(t)},[v]),x=react.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),A=react.useCallback(e=>{let t=e.detail;t&&g(t)},[g]),M=react.useCallback(e=>{let t=e.detail;t&&l(t)},[l]),N=react.useCallback(e=>{let t=e.detail;t&&s(t)},[s]);return react.useEffect(()=>{if(b){let e="google-font",t=document.querySelector(`.${fontElementSettingClassName}[data-font="${e}"]`);if(t)t.getAttribute("href")!==b&&t.setAttribute("href",b);else{let t=document.createElement("link");t.className=fontElementSettingClassName,t.dataset.font=e,t.href=b,t.rel="stylesheet",document.head.appendChild(t)}}},[b]),react.useEffect(()=>(window.addEventListener("update-shop-info",E),window.addEventListener("revalidate-query",S),window.addEventListener("init-builder",L),window.addEventListener("add-entity",k),window.addEventListener("remove-entity",I),window.addEventListener("move-entity",B),window.addEventListener("force-update-entity-props",P),window.addEventListener("update-entity-prop",F),window.addEventListener("set-global-style",C),window.addEventListener("update-global-swatches-data",q),window.addEventListener("on-off-header-footer",j),window.addEventListener("update-create-theme-section-count",x),window.addEventListener("update-shop-plan",A),window.addEventListener("set-dynamic-product",M),window.addEventListener("set-dynamic-collection",N),()=>{window.removeEventListener("update-shop-info",E),window.removeEventListener("revalidate-query",S),window.removeEventListener("init-builder",L),window.removeEventListener("add-entity",k),window.removeEventListener("remove-entity",I),window.removeEventListener("move-entity",B),window.removeEventListener("update-entity-prop",F),window.removeEventListener("set-global-style",C),window.removeEventListener("update-global-swatches-data",q),window.removeEventListener("on-off-header-footer",j),window.removeEventListener("update-create-theme-section-count",x),window.removeEventListener("update-shop-plan",A),window.removeEventListener("set-dynamic-product",M),window.removeEventListener("set-dynamic-collection",N)}),[k,A,P,F,L,B,I,C,q,S,E,j,x,M,N]),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.useBuilderPreviewStore(e=>e.initState),a=core.useBuilderPreviewStore(e=>e.state),n=core.useBuilderPreviewStore(e=>e.forceChangeState),i=core.useBuilderPreviewStore(e=>e.forceChangeItemProp),d=core.useBuilderPreviewStore(e=>e.changeItemPropByKey),l=core.useBuilderPreviewStore(e=>e.setDynamicProduct),s=core.useBuilderPreviewStore(e=>e.setDynamicCollection),c=core.useBuilderPreviewStore(e=>e.addItem),u=core.useBuilderPreviewStore(e=>e.moveItem),p=core.useBuilderPreviewStore(e=>e.removeItem),v=core.useSectionStore(e=>e.addSection),w=core.useShopStore(e=>e.changeSwatches),m=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(a),[a]),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?n(t.data):r(t.data))}catch{}},[n,r,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&&d({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[d]),q=react.useCallback(e=>{try{let t=e.detail;t.uid&&i(t.uid,t.data,t.group)}catch{}},[i]),B=react.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&u(t.uid,t.to,Number(t.position)??0)}catch{}},[u]),j=react.useCallback(e=>{try{let t=e.detail;t.uid&&p(t.uid)}catch{}},[p]),x=react.useCallback(e=>{let t=e.detail;try{t.data&&w(t.data)}catch{}},[w]),F=react.useCallback(e=>{let t=e.detail;t&&m(t)},[m]),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&&l(t)},[l]),T=react.useCallback(e=>{let t=e.detail;t&&s(t)},[s]);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",j),window.addEventListener("move-entity",B),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",x),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",j),window.removeEventListener("move-entity",B),window.removeEventListener("update-entity-prop",P),window.removeEventListener("set-global-style",L),window.removeEventListener("update-global-swatches-data",x),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,B,j,L,x,b,E,F,I,M,T]),jsxRuntime.jsx("div",{className:"toolbox"})};var Toolbox$1=react.memo(Toolbox);exports.default=Toolbox$1;

package/dist/cjs/libs/helpers/gen-fonts.js

@@ -1 +1 @@
-"use strict";const getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let r=t[o],n=r.styles,i=r.settings;getFontFromGroupSetting(e,n),getFontFromGroupSetting(e,i)}return e},getFontFromGroupSetting=(t,e)=>{for(let o in e)if(Object.prototype.hasOwnProperty.call(e,o)){let r=e[o];if(r){let e=r.custom?.fontFamily,o=r.custom?.fontVariants;if(e&&o?.length){let n=o.map(t=>"regular"===t?"400":t),i=r.custom?.fontWeight&&n.includes(r.custom?.fontWeight)?r.custom?.fontWeight:n[0];if(i){let o=t.find(t=>t.family==e&&t.variants.includes(i));if(!o){let o=t.find(t=>t.family==e);o?o.variants.push(i):t.push({family:e,variants:[i],subsets:[],type:"google"})}}}}}};exports.getFontFromGroupSetting=getFontFromGroupSetting,exports.getFontsFromDataBuilder=getFontsFromDataBuilder;
+"use strict";const getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let i=t[o],n=i.styles,r=i.settings;getFontFromGroupSetting(e,n),getFontFromGroupSetting(e,r)}return e},getFontFromGroupSetting=(t,e)=>{for(let o in e)if(Object.prototype.hasOwnProperty.call(e,o)){let i=e[o];if(i){let e=i.custom?.fontFamily,o=i.custom?.fontVariants;if(e&&o?.length){let n=o.map(t=>"regular"===t?"400":t),r=i.custom?.fontWeight&&n.includes(i.custom?.fontWeight)?i.custom?.fontWeight:n[0];if(r){let o=t.find(t=>t.family==e&&t.variants.includes(r));if(!o){let o=t.find(t=>t.family==e);if(o)o.variants.push(r);else{let o=[r];"700"!==r&&n.includes("700")&&o.push("700"),t.push({family:e,variants:o,subsets:[],type:"google"})}}}}}}};exports.getFontFromGroupSetting=getFontFromGroupSetting,exports.getFontsFromDataBuilder=getFontsFromDataBuilder;

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,useBuilderPreviewStore as o,useSectionStore as i,useModalStore as d}from"@gem-sdk/core";import{memo as a,useMemo as r,useCallback as l,useEffect as s}from"react";import{getStorefrontApi as m}from"../../libs/get-storefront-api.js";import{createFontUrl as c}from"../../libs/google-fonts.js";import{genCSS as p}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as w}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as u}from"../../libs/shopify-cdn-with-google-fonts.js";let globalStyleId="global-style",globalFontId="google-font-builder",fontElementSettingClassName="google-font-element",Toolbox=()=>{let a=t(),y=n(e=>e.provider),v=n(e=>e.changeStorefrontInfo),f=o(e=>e.initState),h=o(e=>e.state),g=o(e=>e.forceChangeState),E=o(e=>e.forceChangeItemProp),L=o(e=>e.changeItemPropByKey),b=o(e=>e.setDynamicProduct),S=o(e=>e.setDynamicCollection),I=o(e=>e.addItem),C=o(e=>e.moveItem),N=o(e=>e.removeItem),T=i(e=>e.addSection),j=n(e=>e.changeSwatches),x=n(e=>e.changeLayoutSettings),k=n(e=>e.changeCreateThemeSectionCount),A=n(e=>e.changeShopPlan),q=d(e=>e.clearModal),H=r(()=>w(h),[h]),P=r(()=>c(H),[H]),$=l(()=>{a(/query\//,{revalidate:!0})},[a]),B=l(e=>{let t=e.detail;v({url:t.shopHandle?m(t.shopHandle,y):void 0,token:t.shopToken})},[v,y]),F=l(e=>{let t=e.detail;try{if(t.data){let e=p(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=u.find(t=>t.family==e.family);if(t)return t}return e}),o=c(n),i=document.getElementById(globalStyleId),d=document.getElementById(globalFontId);if(o){if(d)d.getAttribute("href")!==o&&d.setAttribute("href",o);else{let e=document.createElement("link");e.id=globalFontId,e.href=o,e.rel="stylesheet",document.head.appendChild(e)}}if(i)i.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),M=l(e=>{q();try{let t=e.detail;t.data&&("flat"===t.type?g(t.data):f(t.data))}catch{}},[g,f,q]),D=l(e=>{try{let t=e.detail;t.entity&&(I({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||T(t.entity.uid,t.entity))}catch{}},[I,T]),O=l(e=>{try{let t=e.detail;t.uid&&t.propName&&L({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[L]),K=l(e=>{try{let t=e.detail;t.uid&&E(t.uid,t.data,t.group)}catch{}},[E]),V=l(e=>{try{let t=e.detail;t.to&&t.uid&&C(t.uid,t.to,Number(t.position)??0)}catch{}},[C]),z=l(e=>{try{let t=e.detail;t.uid&&N(t.uid)}catch{}},[N]),G=l(e=>{let t=e.detail;try{t.data&&j(t.data)}catch{}},[j]),J=l(e=>{let t=e.detail;t&&x(t)},[x]),Q=l(e=>{let t=e.detail;t&&k(t)},[k]),R=l(e=>{let t=e.detail;t&&A(t)},[A]),U=l(e=>{let t=e.detail;t&&b(t)},[b]),W=l(e=>{let t=e.detail;t&&S(t)},[S]);return s(()=>{if(P){let e="google-font",t=document.querySelector(`.${fontElementSettingClassName}[data-font="${e}"]`);if(t)t.getAttribute("href")!==P&&t.setAttribute("href",P);else{let t=document.createElement("link");t.className=fontElementSettingClassName,t.dataset.font=e,t.href=P,t.rel="stylesheet",document.head.appendChild(t)}}},[P]),s(()=>(window.addEventListener("update-shop-info",B),window.addEventListener("revalidate-query",$),window.addEventListener("init-builder",M),window.addEventListener("add-entity",D),window.addEventListener("remove-entity",z),window.addEventListener("move-entity",V),window.addEventListener("force-update-entity-props",K),window.addEventListener("update-entity-prop",O),window.addEventListener("set-global-style",F),window.addEventListener("update-global-swatches-data",G),window.addEventListener("on-off-header-footer",J),window.addEventListener("update-create-theme-section-count",Q),window.addEventListener("update-shop-plan",R),window.addEventListener("set-dynamic-product",U),window.addEventListener("set-dynamic-collection",W),()=>{window.removeEventListener("update-shop-info",B),window.removeEventListener("revalidate-query",$),window.removeEventListener("init-builder",M),window.removeEventListener("add-entity",D),window.removeEventListener("remove-entity",z),window.removeEventListener("move-entity",V),window.removeEventListener("update-entity-prop",O),window.removeEventListener("set-global-style",F),window.removeEventListener("update-global-swatches-data",G),window.removeEventListener("on-off-header-footer",J),window.removeEventListener("update-create-theme-section-count",Q),window.removeEventListener("update-shop-plan",R),window.removeEventListener("set-dynamic-product",U),window.removeEventListener("set-dynamic-collection",W)}),[D,R,K,O,M,V,z,F,G,$,B,J,Q,U,W]),e("div",{className:"toolbox"})};var Toolbox$1=a(Toolbox);export{Toolbox$1 as default};
+import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as o,useBuilderPreviewStore as n,useSectionStore as i,useModalStore as a}from"@gem-sdk/core";import{memo as d,useMemo as r,useCallback as l,useEffect as s}from"react";import{getStorefrontApi as m}from"../../libs/get-storefront-api.js";import{createFontUrl as c}from"../../libs/google-fonts.js";import{genCSS as p}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 d=t(),y=o(e=>e.provider),u=o(e=>e.changeStorefrontInfo),f=n(e=>e.initState),h=n(e=>e.state),g=n(e=>e.forceChangeState),E=n(e=>e.forceChangeItemProp),L=n(e=>e.changeItemPropByKey),b=n(e=>e.setDynamicProduct),S=n(e=>e.setDynamicCollection),I=n(e=>e.addItem),T=n(e=>e.moveItem),j=n(e=>e.removeItem),x=i(e=>e.addSection),C=o(e=>e.changeSwatches),N=o(e=>e.changeLayoutSettings),$=o(e=>e.changeCreateThemeSectionCount),q=o(e=>e.changeShopPlan),A=a(e=>e.clearModal),k=r(()=>v(h),[h]),H=(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=c([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)}}}},O=l(()=>{d(/query\//,{revalidate:!0})},[d]),P=l(e=>{let t=e.detail;u({url:t.shopHandle?m(t.shopHandle,y):void 0,token:t.shopToken})},[u,y]),M=l(e=>{let t=e.detail;try{if(t.data){let e=p(t.data,t.mobileOnly),o=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}),n=document.getElementById(globalStyleId);if(H("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{}},[]),B=l(e=>{A();try{let t=e.detail;t.data&&("flat"===t.type?g(t.data):f(t.data))}catch{}},[g,f,A]),D=l(e=>{try{let t=e.detail;t.entity&&(I({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{}},[I,x]),J=l(e=>{try{let t=e.detail;t.uid&&t.propName&&L({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[L]),V=l(e=>{try{let t=e.detail;t.uid&&E(t.uid,t.data,t.group)}catch{}},[E]),K=l(e=>{try{let t=e.detail;t.to&&t.uid&&T(t.uid,t.to,Number(t.position)??0)}catch{}},[T]),z=l(e=>{try{let t=e.detail;t.uid&&j(t.uid)}catch{}},[j]),F=l(e=>{let t=e.detail;try{t.data&&C(t.data)}catch{}},[C]),G=l(e=>{let t=e.detail;t&&N(t)},[N]),Q=l(e=>{let t=e.detail;t&&$(t)},[$]),R=l(e=>{let t=e.detail;t&&q(t)},[q]),U=l(e=>{let t=e.detail;t&&b(t)},[b]),W=l(e=>{let t=e.detail;t&&S(t)},[S]);return s(()=>{k&&H("google-font-element",k)},[k]),s(()=>(window.addEventListener("update-shop-info",P),window.addEventListener("revalidate-query",O),window.addEventListener("init-builder",B),window.addEventListener("add-entity",D),window.addEventListener("remove-entity",z),window.addEventListener("move-entity",K),window.addEventListener("force-update-entity-props",V),window.addEventListener("update-entity-prop",J),window.addEventListener("set-global-style",M),window.addEventListener("update-global-swatches-data",F),window.addEventListener("on-off-header-footer",G),window.addEventListener("update-create-theme-section-count",Q),window.addEventListener("update-shop-plan",R),window.addEventListener("set-dynamic-product",U),window.addEventListener("set-dynamic-collection",W),()=>{window.removeEventListener("update-shop-info",P),window.removeEventListener("revalidate-query",O),window.removeEventListener("init-builder",B),window.removeEventListener("add-entity",D),window.removeEventListener("remove-entity",z),window.removeEventListener("move-entity",K),window.removeEventListener("update-entity-prop",J),window.removeEventListener("set-global-style",M),window.removeEventListener("update-global-swatches-data",F),window.removeEventListener("on-off-header-footer",G),window.removeEventListener("update-create-theme-section-count",Q),window.removeEventListener("update-shop-plan",R),window.removeEventListener("set-dynamic-product",U),window.removeEventListener("set-dynamic-collection",W)}),[D,R,V,J,B,K,z,M,F,O,P,G,Q,U,W]),e("div",{className:"toolbox"})};var Toolbox$1=d(Toolbox);export{Toolbox$1 as default};

package/dist/esm/libs/helpers/gen-fonts.js

@@ -1 +1 @@
-let getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let i=t[o],n=i.styles,r=i.settings;getFontFromGroupSetting(e,n),getFontFromGroupSetting(e,r)}return e},getFontFromGroupSetting=(t,e)=>{for(let o in e)if(Object.prototype.hasOwnProperty.call(e,o)){let i=e[o];if(i){let e=i.custom?.fontFamily,o=i.custom?.fontVariants;if(e&&o?.length){let n=o.map(t=>"regular"===t?"400":t),r=i.custom?.fontWeight&&n.includes(i.custom?.fontWeight)?i.custom?.fontWeight:n[0];if(r){let o=t.find(t=>t.family==e&&t.variants.includes(r));if(!o){let o=t.find(t=>t.family==e);o?o.variants.push(r):t.push({family:e,variants:[r],subsets:[],type:"google"})}}}}}};export{getFontFromGroupSetting,getFontsFromDataBuilder};
+let getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let i=t[o],n=i.styles,l=i.settings;getFontFromGroupSetting(e,n),getFontFromGroupSetting(e,l)}return e},getFontFromGroupSetting=(t,e)=>{for(let o in e)if(Object.prototype.hasOwnProperty.call(e,o)){let i=e[o];if(i){let e=i.custom?.fontFamily,o=i.custom?.fontVariants;if(e&&o?.length){let n=o.map(t=>"regular"===t?"400":t),l=i.custom?.fontWeight&&n.includes(i.custom?.fontWeight)?i.custom?.fontWeight:n[0];if(l){let o=t.find(t=>t.family==e&&t.variants.includes(l));if(!o){let o=t.find(t=>t.family==e);if(o)o.variants.push(l);else{let o=[l];"700"!==l&&n.includes("700")&&o.push("700"),t.push({family:e,variants:o,subsets:[],type:"google"})}}}}}}};export{getFontFromGroupSetting,getFontsFromDataBuilder};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "1.14.0-dev.346",
+  "version": "1.14.0-dev.365",
   "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.342",
+    "@gem-sdk/core": "1.14.0-dev.364",
     "@gem-sdk/plugin-cookie-bar": "1.14.0-dev.284",
     "@gem-sdk/plugin-quick-view": "1.14.0-dev.284",
     "@gem-sdk/plugin-sticky-add-to-cart": "1.14.0-dev.284"