@gem-sdk/pages 17.0.0-staging.30 → 17.0.0-staging.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),n=require("react"),i=require("../../libs/get-storefront-api.js"),a=require("../../libs/google-fonts.js"),r=require("../../libs/helpers/gen-css.js"),o=require("../../libs/helpers/gen-fonts.js"),d=require("../../libs/shopify-cdn-with-google-fonts.js"),l=require("../../store/libs-store.js"),s=require("../../libs/helpers/check-option-font.js");const u="global-style";var c=n.memo(()=>{let c=t.useMatchMutate(),w=t.useShopStore(e=>e.provider),p=t.useShopStore(e=>e.changeStorefrontInfo),v=t.usePageStore(e=>e.setDynamicProduct),m=t.usePageStore(e=>e.setAssignedProductIds),g=t.usePageStore(e=>e.setIsApplyAllProducts),y=t.usePageStore(e=>e.setPostPurchaseProductOffers),f=t.usePageStore(e=>e.setDynamicDiscountOffer),h=t.usePageStore(e=>e.setSalePageProductId),S=t.usePageStore(e=>e.setDynamicCollection),E=t.useBuilderPreviewStore(e=>e.initState),b=t.useBuilderPreviewStore(e=>e.state),L=t.useBuilderPreviewStore(e=>e.forceChangeState),C=t.useBuilderPreviewStore(e=>e.forceChangeItemProp),k=t.useBuilderPreviewStore(e=>e.changeItemPropByKey),P=t.useBuilderPreviewStore(e=>e.addItem),I=t.useBuilderPreviewStore(e=>e.moveItem),B=t.useBuilderPreviewStore(e=>e.removeItem),q=t.useSectionStore(e=>e.addSection),A=t.useShopStore(e=>e.changeSwatches),j=t.useBuilderPreviewStore(e=>e.updateItemName),T=t.useBuilderPreviewStore(e=>e.updateItemAttribute),M=t.useBuilderPreviewStore(e=>e.updateAllItemAttribute),O=t.useBuilderPreviewStore(e=>e.setErrorSectionList),F=t.useShopStore(e=>e.changeLayoutSettings),N=t.useShopStore(e=>e.changeCreateThemeSectionCount),D=t.useShopStore(e=>e.changeShopPlan),x=t.useShopStore(e=>e.updatePriceWithCurrency),H=l.libsStore(e=>e.changeFontType),$=l.libsStore(e=>e.fontType),V=t.useModalStore(e=>e.clearModal),W=t.useShopStore(e=>e.changeLimitCreateThemeSection),_=t.usePageStore(e=>e.setInteractionIsSelectOnPage),G=t.usePageStore(e=>e.setInteractionItem),K=t.usePageStore(e=>e.setInteractionSelectType),U=t.usePageStore(e=>e.setInteractionSettingType),z=t.usePageStore(e=>e.setSidebarMode),J=t.usePageStore(e=>e.setSellingPlanMeta),Q=t.usePageStore(e=>e.setBuyerConsentChecked),R=t.usePageStore(e=>e.getBuyerConsentChecked),X=t.usePageStore(e=>e.setOldElements),Y=n.useMemo(()=>o.getFontsFromDataBuilder(b),[b]),Z=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},ee=n.useCallback((e,t)=>{if(!$)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),a=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let r=t.find(e=>{let t=e.family===n,r=e.variants.includes(i);return!!t&&!!r&&Z({currentFontTypeSetting:e.type,fontType:$,fontHref:a})});r||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&s.checkNotInOptionFont(i.family,$))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},r=a.createFontUrls([n],void 0,$,!0)||[];if(r?.length)for(let n of r){let a=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),r=document.querySelector(`link.${e}[href="${a(n)}"]`);if(r)continue;let o=document.createElement("link");o.className=e,o.rel="stylesheet",o.href=n,o.dataset.font=i.family,o.dataset.fontVariant=t,document.head.appendChild(o)}}},[$]),et=n.useCallback(()=>{c(/query\//,{revalidate:!0})},[c]),en=n.useCallback(e=>{let t=e.detail;p({url:t.shopHandle?i.getStorefrontApi(t.shopHandle,w):void 0,token:t.shopToken})},[p,w]),ei=n.useCallback(e=>{let t=e.detail;try{if(t.data){let e=r.genCSS(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=d.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(u);if(ee("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[ee]),ea=n.useCallback(e=>{V();try{let t=e.detail;t.data&&("flat"===t.type?L(t.data):E(t.data))}catch{}},[L,E,V]),er=n.useCallback(e=>{X(e.detail||[])},[X]),eo=n.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)||q(t.entity.uid,t.entity))}catch{}},[P,q]),ed=n.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&k({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[k]),el=n.useCallback(e=>{try{let t=e.detail;t.uid&&C(t.uid,t.data,t.group)}catch{}},[C]),es=n.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&I(t.uid,t.to,Number(t.position)||0)}catch{}},[I]),eu=n.useCallback(e=>{try{let t=e.detail;t.uid&&B(t.uid)}catch{}},[B]),ec=n.useCallback(e=>{let t=e.detail;try{t.data&&A(t.data)}catch{}},[A]),ew=n.useCallback(e=>{let t=e.detail;t&&F(t)},[F]),ep=n.useCallback(e=>{let t=e.detail;t&&N(t)},[N]),ev=n.useCallback(e=>{let t=e.detail;t&&D(t)},[D]),em=n.useCallback(e=>{let t=e.detail;t&&x(t)},[x]),eg=n.useCallback(e=>{let t=e.detail;t&&H(t)},[H]),ey=n.useCallback(e=>{let t=e.detail;t&&v(t)},[v]),ef=n.useCallback(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&m(t??[]),g(!!n)},[m,g]),eh=n.useCallback(e=>{let t=e.detail;t&&S(t)},[S]);n.useEffect(()=>{Y&&$&&ee("google-font-element",Y)},[Y,$,ee]);let eS=n.useCallback(e=>{let t=e.detail;t.uid&&j(t.uid,t.name||"")},[j]),eE=n.useCallback(e=>{let t=e.detail;t.uid&&t.attr&&T(t.uid,t.value||"",t.attr)},[T]),eb=n.useCallback(e=>{let t=e.detail;t.data&&t.attr&&M(t.attr,t.data)},[M]),eL=n.useCallback(e=>{let t=e.detail;t?.length&&y(t)},[y]),eC=n.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),ek=n.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),eP=n.useCallback(e=>{let t=e.detail;t&&W(t)},[W]),eI=n.useCallback(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;_(t),K(n),U(i)},[_,K,U]),eB=n.useCallback(e=>{let t=e.detail.settingType;U(t)},[U]),eq=n.useCallback(e=>{let t=e.detail.mode;console.log(t),z(t)},[z]),eA=n.useCallback(e=>{let t=e.detail;G(t)},[G]),ej=n.useCallback(e=>{e.detail&&J(e.detail)},[J]),eT=n.useCallback(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){Q(n);return}let i={...R()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),Q(i)}},[Q,R]),eM=n.useCallback(e=>{e.detail&&O(e.detail)},[O]);return n.useEffect(()=>(window.addEventListener("update-shop-info",en),window.addEventListener("revalidate-query",et),window.addEventListener("init-builder",ea),window.addEventListener("add-entity",eo),window.addEventListener("remove-entity",eu),window.addEventListener("move-entity",es),window.addEventListener("force-update-entity-props",el),window.addEventListener("update-entity-prop",ed),window.addEventListener("set-global-style",ei),window.addEventListener("update-global-swatches-data",ec),window.addEventListener("on-off-header-footer",ew),window.addEventListener("update-create-theme-section-count",ep),window.addEventListener("update-shop-plan",ev),window.addEventListener("set-dynamic-product",ey),window.addEventListener("set-assigned-product-ids",ef),window.addEventListener("set-dynamic-collection",eh),window.addEventListener("update-item-name",eS),window.addEventListener("update-item-attribute",eE),window.addEventListener("update-all-item-attribute",eb),window.addEventListener("set-product-offer",eL),window.addEventListener("set-dynamic-discount-offer",eC),window.addEventListener("update-sale-page-product-id",ek),window.addEventListener("limit-create-theme-section",eP),window.addEventListener("update-interaction-is-select-on-page",eI),window.addEventListener("update-interaction-item",eA),window.addEventListener("update-interaction-setting-type",eB),window.addEventListener("change-sidebar-mode",eq),window.addEventListener("update-font-type",eg),window.addEventListener("update-price-with-currency",em),window.addEventListener("selling-plan-meta-loaded",ej),window.addEventListener("selling-plan-meta-updated",ej),window.addEventListener("buyer-consent-pre-check-updated",eT),window.addEventListener("editor:error-section-list",eM),window.addEventListener("old-elements-updated",er),()=>{window.removeEventListener("update-shop-info",en),window.removeEventListener("revalidate-query",et),window.removeEventListener("init-builder",ea),window.removeEventListener("add-entity",eo),window.removeEventListener("remove-entity",eu),window.removeEventListener("move-entity",es),window.removeEventListener("update-entity-prop",ed),window.removeEventListener("set-global-style",ei),window.removeEventListener("update-global-swatches-data",ec),window.removeEventListener("on-off-header-footer",ew),window.removeEventListener("update-create-theme-section-count",ep),window.removeEventListener("update-shop-plan",ev),window.removeEventListener("update-price-with-currency",em),window.removeEventListener("set-dynamic-product",ey),window.removeEventListener("set-dynamic-collection",eh),window.removeEventListener("update-item-name",eS),window.removeEventListener("update-item-attribute",eE),window.removeEventListener("update-all-item-attribute",eb),window.removeEventListener("set-product-offer",eL),window.removeEventListener("update-sale-page-product-id",ek),window.removeEventListener("limit-create-theme-section",eP),window.removeEventListener("update-interaction-is-select-on-page",eI),window.removeEventListener("update-interaction-item",eA),window.removeEventListener("update-interaction-setting-type",eB),window.removeEventListener("update-font-type",eg),window.removeEventListener("selling-plan-meta-loaded",ej),window.removeEventListener("selling-plan-meta-updated",ej),window.removeEventListener("buyer-consent-pre-check-updated",eT),window.removeEventListener("editor:error-section-list",eM),window.removeEventListener("old-elements-updated",er)}),[eo,ev,el,ed,ea,es,eu,ei,ec,et,en,ew,ep,ey,eh,eS,eE,eb,eL,ek,eP,eA,eI,eB,eg,eq,eC,em,ej,eT,eM,er]),e.jsx("div",{className:"toolbox"})});exports.default=c;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),n=require("react"),i=require("../../libs/get-storefront-api.js"),a=require("../../libs/google-fonts.js"),r=require("../../libs/helpers/gen-css.js"),o=require("../../libs/helpers/gen-fonts.js"),d=require("../../libs/shopify-cdn-with-google-fonts.js"),l=require("../../store/libs-store.js"),s=require("../../libs/helpers/check-option-font.js");const u="global-style";var c=n.memo(()=>{let c=t.useMatchMutate(),w=t.useShopStore(e=>e.provider),p=t.useShopStore(e=>e.changeStorefrontInfo),v=t.usePageStore(e=>e.setDynamicProduct),m=t.usePageStore(e=>e.setAssignedProductIds),g=t.usePageStore(e=>e.setIsApplyAllProducts),y=t.usePageStore(e=>e.setPostPurchaseProductOffers),S=t.usePageStore(e=>e.setDynamicDiscountOffer),f=t.usePageStore(e=>e.setSalePageProductId),h=t.usePageStore(e=>e.setDynamicCollection),E=t.useBuilderPreviewStore(e=>e.initState),b=t.useBuilderPreviewStore(e=>e.state),L=t.useBuilderPreviewStore(e=>e.forceChangeState),C=t.useBuilderPreviewStore(e=>e.forceChangeItemProp),k=t.useBuilderPreviewStore(e=>e.changeItemPropByKey),P=t.useBuilderPreviewStore(e=>e.addItem),I=t.useBuilderPreviewStore(e=>e.moveItem),B=t.useBuilderPreviewStore(e=>e.removeItem),q=t.useSectionStore(e=>e.addSection),A=t.useShopStore(e=>e.changeSwatches),j=t.useBuilderPreviewStore(e=>e.updateItemName),T=t.useBuilderPreviewStore(e=>e.updateItemAttribute),M=t.useBuilderPreviewStore(e=>e.updateAllItemAttribute),O=t.useBuilderPreviewStore(e=>e.setErrorSectionList),F=t.useShopStore(e=>e.changeLayoutSettings),N=t.useShopStore(e=>e.changeCreateThemeSectionCount),D=t.useShopStore(e=>e.changeShopPlan),x=t.useShopStore(e=>e.updatePriceWithCurrency),H=l.libsStore(e=>e.changeFontType),$=l.libsStore(e=>e.fontType),U=t.useModalStore(e=>e.clearModal),V=t.useShopStore(e=>e.changeLimitCreateThemeSection),W=t.usePageStore(e=>e.setInteractionIsSelectOnPage),_=t.usePageStore(e=>e.setInteractionItem),G=t.usePageStore(e=>e.setInteractionSelectType),K=t.usePageStore(e=>e.setInteractionSettingType),z=t.usePageStore(e=>e.setSidebarMode),J=t.usePageStore(e=>e.setSellingPlanMeta),Q=t.usePageStore(e=>e.setBuyerConsentChecked),R=t.usePageStore(e=>e.getBuyerConsentChecked),X=t.usePageStore(e=>e.setOldElements),Y=t.usePageStore(e=>e.setUpdatedElements),Z=t.usePageStore(e=>e.setUpdatingElements),ee=n.useMemo(()=>o.getFontsFromDataBuilder(b),[b]),et=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},en=n.useCallback((e,t)=>{if(!$)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),a=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let r=t.find(e=>{let t=e.family===n,r=e.variants.includes(i);return!!t&&!!r&&et({currentFontTypeSetting:e.type,fontType:$,fontHref:a})});r||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&s.checkNotInOptionFont(i.family,$))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},r=a.createFontUrls([n],void 0,$,!0)||[];if(r?.length)for(let n of r){let a=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),r=document.querySelector(`link.${e}[href="${a(n)}"]`);if(r)continue;let o=document.createElement("link");o.className=e,o.rel="stylesheet",o.href=n,o.dataset.font=i.family,o.dataset.fontVariant=t,document.head.appendChild(o)}}},[$]),ei=n.useCallback(()=>{c(/query\//,{revalidate:!0})},[c]),ea=n.useCallback(e=>{let t=e.detail;p({url:t.shopHandle?i.getStorefrontApi(t.shopHandle,w):void 0,token:t.shopToken})},[p,w]),er=n.useCallback(e=>{let t=e.detail;try{if(t.data){let e=r.genCSS(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=d.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(u);if(en("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[en]),eo=n.useCallback(e=>{U();try{let t=e.detail;t.data&&("flat"===t.type?L(t.data):E(t.data))}catch{}},[L,E,U]),ed=n.useCallback(e=>{X(e.detail.oldElements),Y(e.detail.updatedItems),Z(e.detail.updatingItems)},[X,Y,Z]),el=n.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)||q(t.entity.uid,t.entity))}catch{}},[P,q]),es=n.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&k({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[k]),eu=n.useCallback(e=>{try{let t=e.detail;t.uid&&C(t.uid,t.data,t.group)}catch{}},[C]),ec=n.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&I(t.uid,t.to,Number(t.position)||0)}catch{}},[I]),ew=n.useCallback(e=>{try{let t=e.detail;t.uid&&B(t.uid)}catch{}},[B]),ep=n.useCallback(e=>{let t=e.detail;try{t.data&&A(t.data)}catch{}},[A]),ev=n.useCallback(e=>{let t=e.detail;t&&F(t)},[F]),em=n.useCallback(e=>{let t=e.detail;t&&N(t)},[N]),eg=n.useCallback(e=>{let t=e.detail;t&&D(t)},[D]),ey=n.useCallback(e=>{let t=e.detail;t&&x(t)},[x]),eS=n.useCallback(e=>{let t=e.detail;t&&H(t)},[H]),ef=n.useCallback(e=>{let t=e.detail;t&&v(t)},[v]),eh=n.useCallback(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&m(t??[]),g(!!n)},[m,g]),eE=n.useCallback(e=>{let t=e.detail;t&&h(t)},[h]);n.useEffect(()=>{ee&&$&&en("google-font-element",ee)},[ee,$,en]);let eb=n.useCallback(e=>{let t=e.detail;t.uid&&j(t.uid,t.name||"")},[j]),eL=n.useCallback(e=>{let t=e.detail;t.uid&&t.attr&&T(t.uid,t.value||"",t.attr)},[T]),eC=n.useCallback(e=>{let t=e.detail;t.data&&t.attr&&M(t.attr,t.data)},[M]),ek=n.useCallback(e=>{let t=e.detail;t?.length&&y(t)},[y]),eP=n.useCallback(e=>{let t=e.detail;t&&S(t)},[S]),eI=n.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),eB=n.useCallback(e=>{let t=e.detail;t&&V(t)},[V]),eq=n.useCallback(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;W(t),G(n),K(i)},[W,G,K]),eA=n.useCallback(e=>{let t=e.detail.settingType;K(t)},[K]),ej=n.useCallback(e=>{let t=e.detail.mode;console.log(t),z(t)},[z]),eT=n.useCallback(e=>{let t=e.detail;_(t)},[_]),eM=n.useCallback(e=>{e.detail&&J(e.detail)},[J]),eO=n.useCallback(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){Q(n);return}let i={...R()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),Q(i)}},[Q,R]),eF=n.useCallback(e=>{e.detail&&O(e.detail)},[O]);return n.useEffect(()=>(window.addEventListener("update-shop-info",ea),window.addEventListener("revalidate-query",ei),window.addEventListener("init-builder",eo),window.addEventListener("add-entity",el),window.addEventListener("remove-entity",ew),window.addEventListener("move-entity",ec),window.addEventListener("force-update-entity-props",eu),window.addEventListener("update-entity-prop",es),window.addEventListener("set-global-style",er),window.addEventListener("update-global-swatches-data",ep),window.addEventListener("on-off-header-footer",ev),window.addEventListener("update-create-theme-section-count",em),window.addEventListener("update-shop-plan",eg),window.addEventListener("set-dynamic-product",ef),window.addEventListener("set-assigned-product-ids",eh),window.addEventListener("set-dynamic-collection",eE),window.addEventListener("update-item-name",eb),window.addEventListener("update-item-attribute",eL),window.addEventListener("update-all-item-attribute",eC),window.addEventListener("set-product-offer",ek),window.addEventListener("set-dynamic-discount-offer",eP),window.addEventListener("update-sale-page-product-id",eI),window.addEventListener("limit-create-theme-section",eB),window.addEventListener("update-interaction-is-select-on-page",eq),window.addEventListener("update-interaction-item",eT),window.addEventListener("update-interaction-setting-type",eA),window.addEventListener("change-sidebar-mode",ej),window.addEventListener("update-font-type",eS),window.addEventListener("update-price-with-currency",ey),window.addEventListener("selling-plan-meta-loaded",eM),window.addEventListener("selling-plan-meta-updated",eM),window.addEventListener("buyer-consent-pre-check-updated",eO),window.addEventListener("editor:error-section-list",eF),window.addEventListener("upgrade-element-data",ed),()=>{window.removeEventListener("update-shop-info",ea),window.removeEventListener("revalidate-query",ei),window.removeEventListener("init-builder",eo),window.removeEventListener("add-entity",el),window.removeEventListener("remove-entity",ew),window.removeEventListener("move-entity",ec),window.removeEventListener("update-entity-prop",es),window.removeEventListener("set-global-style",er),window.removeEventListener("update-global-swatches-data",ep),window.removeEventListener("on-off-header-footer",ev),window.removeEventListener("update-create-theme-section-count",em),window.removeEventListener("update-shop-plan",eg),window.removeEventListener("update-price-with-currency",ey),window.removeEventListener("set-dynamic-product",ef),window.removeEventListener("set-dynamic-collection",eE),window.removeEventListener("update-item-name",eb),window.removeEventListener("update-item-attribute",eL),window.removeEventListener("update-all-item-attribute",eC),window.removeEventListener("set-product-offer",ek),window.removeEventListener("update-sale-page-product-id",eI),window.removeEventListener("limit-create-theme-section",eB),window.removeEventListener("update-interaction-is-select-on-page",eq),window.removeEventListener("update-interaction-item",eT),window.removeEventListener("update-interaction-setting-type",eA),window.removeEventListener("update-font-type",eS),window.removeEventListener("selling-plan-meta-loaded",eM),window.removeEventListener("selling-plan-meta-updated",eM),window.removeEventListener("buyer-consent-pre-check-updated",eO),window.removeEventListener("editor:error-section-list",eF),window.removeEventListener("upgrade-element-data",ed)}),[el,eg,eu,es,eo,ec,ew,er,ep,ei,ea,ev,em,ef,eE,eb,eL,eC,ek,eI,eB,eT,eq,eA,eS,ej,eP,ey,eM,eO,eF,ed]),e.jsx("div",{className:"toolbox"})});exports.default=c;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as i,useBuilderPreviewStore as d,useSectionStore as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as i,useBuilderPreviewStore as d,useSectionStore as a,useModalStore as o}from"@gem-sdk/core";import{memo as r,useMemo as l,useCallback as s,useEffect as c}from"react";import{getStorefrontApi as m}from"../../libs/get-storefront-api.js";import{createFontUrls as p}from"../../libs/google-fonts.js";import{genCSS as u}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as w}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as v}from"../../libs/shopify-cdn-with-google-fonts.js";import{libsStore as y}from"../../store/libs-store.js";import{checkNotInOptionFont as f}from"../../libs/helpers/check-option-font.js";let E="global-style";var g=r(()=>{let r=t(),g=n(e=>e.provider),L=n(e=>e.changeStorefrontInfo),h=i(e=>e.setDynamicProduct),b=i(e=>e.setAssignedProductIds),S=i(e=>e.setIsApplyAllProducts),I=i(e=>e.setPostPurchaseProductOffers),C=i(e=>e.setDynamicDiscountOffer),P=i(e=>e.setSalePageProductId),A=i(e=>e.setDynamicCollection),T=d(e=>e.initState),k=d(e=>e.state),j=d(e=>e.forceChangeState),O=d(e=>e.forceChangeItemProp),q=d(e=>e.changeItemPropByKey),N=d(e=>e.addItem),D=d(e=>e.moveItem),M=d(e=>e.removeItem),x=a(e=>e.addSection),B=n(e=>e.changeSwatches),H=d(e=>e.updateItemName),$=d(e=>e.updateItemAttribute),F=d(e=>e.updateAllItemAttribute),U=d(e=>e.setErrorSectionList),V=n(e=>e.changeLayoutSettings),K=n(e=>e.changeCreateThemeSectionCount),W=n(e=>e.changeShopPlan),z=n(e=>e.updatePriceWithCurrency),G=y(e=>e.changeFontType),J=y(e=>e.fontType),Q=o(e=>e.clearModal),R=n(e=>e.changeLimitCreateThemeSection),X=i(e=>e.setInteractionIsSelectOnPage),Y=i(e=>e.setInteractionItem),Z=i(e=>e.setInteractionSelectType),_=i(e=>e.setInteractionSettingType),ee=i(e=>e.setSidebarMode),et=i(e=>e.setSellingPlanMeta),en=i(e=>e.setBuyerConsentChecked),ei=i(e=>e.getBuyerConsentChecked),ed=i(e=>e.setOldElements),ea=i(e=>e.setUpdatedElements),eo=i(e=>e.setUpdatingElements),er=l(()=>w(k),[k]),el=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},es=s((e,t)=>{if(!J)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),d=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let a=t.find(e=>{let t=e.family===n,a=e.variants.includes(i);return!!t&&!!a&&el({currentFontTypeSetting:e.type,fontType:J,fontHref:d})});a||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&f(i.family,J))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},d=p([n],void 0,J,!0)||[];if(d?.length)for(let n of d){let d=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),a=document.querySelector(`link.${e}[href="${d(n)}"]`);if(a)continue;let o=document.createElement("link");o.className=e,o.rel="stylesheet",o.href=n,o.dataset.font=i.family,o.dataset.fontVariant=t,document.head.appendChild(o)}}},[J]),ec=s(()=>{r(/query\//,{revalidate:!0})},[r]),em=s(e=>{let t=e.detail;L({url:t.shopHandle?m(t.shopHandle,g):void 0,token:t.shopToken})},[L,g]),ep=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=v.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(E);if(es("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=E,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[es]),eu=s(e=>{Q();try{let t=e.detail;t.data&&("flat"===t.type?j(t.data):T(t.data))}catch{}},[j,T,Q]),ew=s(e=>{ed(e.detail.oldElements),ea(e.detail.updatedItems),eo(e.detail.updatingItems)},[ed,ea,eo]),ev=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]),ey=s(e=>{try{let t=e.detail;t.uid&&t.propName&&q({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[q]),ef=s(e=>{try{let t=e.detail;t.uid&&O(t.uid,t.data,t.group)}catch{}},[O]),eE=s(e=>{try{let t=e.detail;t.to&&t.uid&&D(t.uid,t.to,Number(t.position)||0)}catch{}},[D]),eg=s(e=>{try{let t=e.detail;t.uid&&M(t.uid)}catch{}},[M]),eL=s(e=>{let t=e.detail;try{t.data&&B(t.data)}catch{}},[B]),eh=s(e=>{let t=e.detail;t&&V(t)},[V]),eb=s(e=>{let t=e.detail;t&&K(t)},[K]),eS=s(e=>{let t=e.detail;t&&W(t)},[W]),eI=s(e=>{let t=e.detail;t&&z(t)},[z]),eC=s(e=>{let t=e.detail;t&&G(t)},[G]),eP=s(e=>{let t=e.detail;t&&h(t)},[h]),eA=s(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&b(t??[]),S(!!n)},[b,S]),eT=s(e=>{let t=e.detail;t&&A(t)},[A]);c(()=>{er&&J&&es("google-font-element",er)},[er,J,es]);let ek=s(e=>{let t=e.detail;t.uid&&H(t.uid,t.name||"")},[H]),ej=s(e=>{let t=e.detail;t.uid&&t.attr&&$(t.uid,t.value||"",t.attr)},[$]),eO=s(e=>{let t=e.detail;t.data&&t.attr&&F(t.attr,t.data)},[F]),eq=s(e=>{let t=e.detail;t?.length&&I(t)},[I]),eN=s(e=>{let t=e.detail;t&&C(t)},[C]),eD=s(e=>{let t=e.detail;t&&P(t)},[P]),eM=s(e=>{let t=e.detail;t&&R(t)},[R]),ex=s(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;X(t),Z(n),_(i)},[X,Z,_]),eB=s(e=>{let t=e.detail.settingType;_(t)},[_]),eH=s(e=>{let t=e.detail.mode;console.log(t),ee(t)},[ee]),e$=s(e=>{let t=e.detail;Y(t)},[Y]),eF=s(e=>{e.detail&&et(e.detail)},[et]),eU=s(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){en(n);return}let i={...ei()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),en(i)}},[en,ei]),eV=s(e=>{e.detail&&U(e.detail)},[U]);return c(()=>(window.addEventListener("update-shop-info",em),window.addEventListener("revalidate-query",ec),window.addEventListener("init-builder",eu),window.addEventListener("add-entity",ev),window.addEventListener("remove-entity",eg),window.addEventListener("move-entity",eE),window.addEventListener("force-update-entity-props",ef),window.addEventListener("update-entity-prop",ey),window.addEventListener("set-global-style",ep),window.addEventListener("update-global-swatches-data",eL),window.addEventListener("on-off-header-footer",eh),window.addEventListener("update-create-theme-section-count",eb),window.addEventListener("update-shop-plan",eS),window.addEventListener("set-dynamic-product",eP),window.addEventListener("set-assigned-product-ids",eA),window.addEventListener("set-dynamic-collection",eT),window.addEventListener("update-item-name",ek),window.addEventListener("update-item-attribute",ej),window.addEventListener("update-all-item-attribute",eO),window.addEventListener("set-product-offer",eq),window.addEventListener("set-dynamic-discount-offer",eN),window.addEventListener("update-sale-page-product-id",eD),window.addEventListener("limit-create-theme-section",eM),window.addEventListener("update-interaction-is-select-on-page",ex),window.addEventListener("update-interaction-item",e$),window.addEventListener("update-interaction-setting-type",eB),window.addEventListener("change-sidebar-mode",eH),window.addEventListener("update-font-type",eC),window.addEventListener("update-price-with-currency",eI),window.addEventListener("selling-plan-meta-loaded",eF),window.addEventListener("selling-plan-meta-updated",eF),window.addEventListener("buyer-consent-pre-check-updated",eU),window.addEventListener("editor:error-section-list",eV),window.addEventListener("upgrade-element-data",ew),()=>{window.removeEventListener("update-shop-info",em),window.removeEventListener("revalidate-query",ec),window.removeEventListener("init-builder",eu),window.removeEventListener("add-entity",ev),window.removeEventListener("remove-entity",eg),window.removeEventListener("move-entity",eE),window.removeEventListener("update-entity-prop",ey),window.removeEventListener("set-global-style",ep),window.removeEventListener("update-global-swatches-data",eL),window.removeEventListener("on-off-header-footer",eh),window.removeEventListener("update-create-theme-section-count",eb),window.removeEventListener("update-shop-plan",eS),window.removeEventListener("update-price-with-currency",eI),window.removeEventListener("set-dynamic-product",eP),window.removeEventListener("set-dynamic-collection",eT),window.removeEventListener("update-item-name",ek),window.removeEventListener("update-item-attribute",ej),window.removeEventListener("update-all-item-attribute",eO),window.removeEventListener("set-product-offer",eq),window.removeEventListener("update-sale-page-product-id",eD),window.removeEventListener("limit-create-theme-section",eM),window.removeEventListener("update-interaction-is-select-on-page",ex),window.removeEventListener("update-interaction-item",e$),window.removeEventListener("update-interaction-setting-type",eB),window.removeEventListener("update-font-type",eC),window.removeEventListener("selling-plan-meta-loaded",eF),window.removeEventListener("selling-plan-meta-updated",eF),window.removeEventListener("buyer-consent-pre-check-updated",eU),window.removeEventListener("editor:error-section-list",eV),window.removeEventListener("upgrade-element-data",ew)}),[ev,eS,ef,ey,eu,eE,eg,ep,eL,ec,em,eh,eb,eP,eT,ek,ej,eO,eq,eD,eM,e$,ex,eB,eC,eH,eN,eI,eF,eU,eV,ew]),e("div",{className:"toolbox"})});export{g as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/pages",
|
|
3
|
-
"version": "17.0.0-staging.
|
|
3
|
+
"version": "17.0.0-staging.36",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"next": "14.2.35"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@gem-sdk/core": "17.0.0-staging.
|
|
30
|
+
"@gem-sdk/core": "17.0.0-staging.36",
|
|
31
31
|
"@gem-sdk/plugin-cookie-bar": "17.0.0-staging.26",
|
|
32
32
|
"@gem-sdk/plugin-quick-view": "17.0.0-staging.26",
|
|
33
33
|
"@gem-sdk/plugin-sticky-add-to-cart": "17.0.0-staging.26"
|