@gem-sdk/pages 19.1.0-staging.9 → 21.1.0-staging.40
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/GoogleAnalytic.js +2 -2
- package/dist/cjs/components/SharePageTracking.js +1 -1
- package/dist/cjs/components/builder/Body.js +1 -1
- package/dist/cjs/components/builder/Footer.js +1 -1
- package/dist/cjs/components/builder/Header.js +1 -1
- package/dist/cjs/components/builder/PopupManager.js +1 -1
- package/dist/cjs/components/builder/SwitchView.js +1 -1
- package/dist/cjs/components/builder/Toolbar.js +1 -1
- package/dist/cjs/components/builder/Toolbox.js +1 -1
- package/dist/cjs/components/builder/toolbar/utils/findOverflowParent.js +1 -1
- package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +1 -1
- package/dist/cjs/components/image-to-layout/DropElement.js +1 -1
- package/dist/cjs/components/image-to-layout/ImageToLayout.js +1 -1
- package/dist/cjs/constants/index.js +1 -1
- package/dist/cjs/layouts/main.js +1 -1
- package/dist/cjs/libs/api/get-builder-props.js +1 -1
- package/dist/cjs/libs/api/get-collection-props.js +1 -1
- package/dist/cjs/libs/api/get-collection-share-page-props.js +1 -1
- package/dist/cjs/libs/api/get-home-page-props-v2.js +1 -1
- package/dist/cjs/libs/api/get-home-page-props.js +1 -1
- package/dist/cjs/libs/api/get-post-purchase-props-preview.js +1 -1
- package/dist/cjs/libs/api/get-preview-content-props.js +1 -1
- package/dist/cjs/libs/api/get-preview-props.js +1 -1
- package/dist/cjs/libs/api/get-product-props.js +1 -1
- package/dist/cjs/libs/api/get-share-page-props.js +1 -1
- package/dist/cjs/libs/api/get-static-page-props-preview.js +1 -1
- package/dist/cjs/libs/api/get-static-page-props-v2.js +1 -1
- package/dist/cjs/libs/api/get-static-page-props.js +1 -1
- package/dist/cjs/libs/fetcher.js +1 -1
- package/dist/cjs/libs/google-fonts.js +2 -2
- package/dist/cjs/libs/helpers/gen-css.js +1 -1
- package/dist/cjs/libs/helpers/normalize.js +1 -1
- package/dist/cjs/libs/helpers/sentry.js +1 -1
- package/dist/cjs/libs/hooks/usePageViewedTracking.js +1 -1
- package/dist/cjs/pages/404.js +1 -1
- package/dist/cjs/pages/500.js +1 -1
- package/dist/cjs/pages/builder.js +1 -1
- package/dist/cjs/pages/collection-detail.js +1 -1
- package/dist/cjs/pages/headless.js +3 -3
- package/dist/cjs/pages/preview-template.js +1 -1
- package/dist/cjs/pages/product-detail.js +1 -1
- package/dist/cjs/pages/static-v2.js +3 -3
- package/dist/cjs/pages/static.js +1 -1
- package/dist/esm/components/GoogleAnalytic.js +2 -2
- package/dist/esm/components/SharePageTracking.js +1 -1
- package/dist/esm/components/builder/Body.js +1 -1
- package/dist/esm/components/builder/Footer.js +1 -1
- package/dist/esm/components/builder/Header.js +1 -1
- package/dist/esm/components/builder/PopupManager.js +1 -1
- package/dist/esm/components/builder/SwitchView.js +1 -1
- package/dist/esm/components/builder/Toolbar.js +1 -1
- package/dist/esm/components/builder/Toolbox.js +1 -1
- package/dist/esm/components/builder/toolbar/utils/findOverflowParent.js +1 -1
- package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +1 -1
- package/dist/esm/components/image-to-layout/DropElement.js +1 -1
- package/dist/esm/components/image-to-layout/ImageToLayout.js +1 -1
- package/dist/esm/constants/index.js +1 -1
- package/dist/esm/layouts/main.js +1 -1
- package/dist/esm/libs/api/get-builder-props.js +1 -1
- package/dist/esm/libs/api/get-collection-props.js +1 -1
- package/dist/esm/libs/api/get-collection-share-page-props.js +1 -1
- package/dist/esm/libs/api/get-home-page-props-v2.js +1 -1
- package/dist/esm/libs/api/get-home-page-props.js +1 -1
- package/dist/esm/libs/api/get-post-purchase-props-preview.js +1 -1
- package/dist/esm/libs/api/get-preview-content-props.js +1 -1
- package/dist/esm/libs/api/get-preview-props.js +1 -1
- package/dist/esm/libs/api/get-product-props.js +1 -1
- package/dist/esm/libs/api/get-share-page-props.js +1 -1
- package/dist/esm/libs/api/get-static-page-props-preview.js +1 -1
- package/dist/esm/libs/api/get-static-page-props-v2.js +1 -1
- package/dist/esm/libs/api/get-static-page-props.js +1 -1
- package/dist/esm/libs/fetcher.js +1 -1
- package/dist/esm/libs/google-fonts.js +5 -5
- package/dist/esm/libs/helpers/gen-css.js +1 -1
- package/dist/esm/libs/helpers/normalize.js +1 -1
- package/dist/esm/libs/helpers/sentry.js +1 -1
- package/dist/esm/libs/hooks/usePageViewedTracking.js +1 -1
- package/dist/esm/pages/404.js +1 -1
- package/dist/esm/pages/500.js +1 -1
- package/dist/esm/pages/builder.js +1 -1
- package/dist/esm/pages/collection-detail.js +1 -1
- package/dist/esm/pages/headless.js +3 -3
- package/dist/esm/pages/preview-template.js +1 -1
- package/dist/esm/pages/product-detail.js +1 -1
- package/dist/esm/pages/static-v2.js +3 -3
- package/dist/esm/pages/static.js +1 -1
- package/dist/types/index.d.ts +2 -1
- package/package.json +13 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),a=require("
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),a=require("../google-fonts.js"),l=require("../helpers/normalize.js"),t=require("../helpers/get-metafield.js"),s=require("../helpers/parse-json.js"),i=require("../helpers/generate-seo-links.js"),d=require("../../constants/index.js"),o=require("@gem-sdk/adapter-shopify"),u=require("../helpers/get-fallback.js"),h=require("@sentry/nextjs"),r=require("../custom-fonts.js"),n=require("../helpers/gen-css.js");exports.getStaticPagePropsV2=(P,g)=>async m=>{try{let h="STATIC",[T,f,p,c]=await Promise.allSettled([P([e.PublishedThemePagesDocument.toString(),{slug:m,slugType:h}]),P([e.StorePropertyDocument.toString()]),g([o.ShopMetaDocument]),P([e.PublishedShopMetasDocument.toString(),{keys:["source_font",d.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,d.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL,d.PublishedThemePageMetafields.SHOW_PRICE_CURRENCY,d.PublishedThemePageMetafields.MONEY_WITH_CURRENCY_FORMAT]}])]);if("rejected"===T.status)throw Error(T.reason?.[0]);let M="fulfilled"===c.status?c.value:void 0,b=M?.publishedShopMetas?.find(e=>e?.key==="source_font"),y=M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.SHOW_PRICE_CURRENCY),_=M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.MONEY_WITH_CURRENCY_FORMAT),S=T.value.publishedThemePages?.[0],E=T.value?.publishedThemePages?.[0]?.themePageCustomFonts;if(!S)throw Error(`No data builder found for slug: /${m}`);let I=l.parseBuilderTemplateV2(S),[C,L,A,O]=await Promise.all([a.getStaticFontFacesFromPageTemplate({pageTemplate:I,sourceFont:b?.value,data:S?.pageStyle?.data}),a.getStaticFontFacesFromGlobalStyle({data:S?.pageStyle?.data,sourceFont:b?.value}),u.getFallbackV2(P,I),r.getCustomFonts(E)]),B=S.isMobile??!1,v=t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,S?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value,N=t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.GLOBAL_META_TITLE,S?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.GLOBAL_META_TITLE)?.value,k=s.parseJson(t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL,S?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value),D=t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.NOINDEX_KEY,S?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.NOINDEX_KEY)?.value,F=t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.NOFOLLOW_KEY,S?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===d.PublishedThemePageMetafields.NOFOLLOW_KEY)?.value,K="fulfilled"===p.status?p.value:void 0,R="fulfilled"===f.status?f.value:void 0,Y=R?.storeProperty?.favicon??"/favicon/favicon-32x32.png",j={defaultTitle:K?.shop.name,title:N||S?.name,description:v??K?.shop.description,openGraph:{locale:K?.localization.country.isoCode,title:(N||S?.name)??K?.shop.name,description:v??K?.shop.description,images:k?[k]:[]},noindex:"true"===D,nofollow:"true"===F,canonical:`https://${R?.storeProperty?.primaryDomain}/${m}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:i.generateSeoLinks({favicon:Y,shopMeta:K})},q=K?.localization.language.isoCode??null,G=K?.localization.country.isoCode??null,H=q&&G?`${q}-${G}`:null;return s.serializableJson({id:T.value?.publishedThemePages?.[0]?.id??null,shopID:T.value?.publishedThemePages?.[0]?.shopID??null,themeStyle:n.genCSS(S?.pageStyle?.data,B),fontStyle:L,elementFontStyle:C,builderData:I,pageType:h,moneyFormat:y?.value==="true"?_?.value:K?.shop.moneyFormat??null,currency:K?.localization.country.currency.isoCode??null,languageIsoCode:q,countryIsoCode:G,locale:H,swr:{fallback:A},swatches:s.parseJson(R?.storeProperty?.swatchesConfig),seo:j,mobileOnly:B,gaTrackingId:t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.ANALYTICS_GA_TRACKING_ID,S?.metafields)??null,facebookPixelId:t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.ANALYTICS_FB_PIXEL_ID,S?.metafields)??null,tiktokPixelId:t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.ANALYTICS_TIKTOK_PIXEL_ID,S?.metafields)??null,customCodeHeader:t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.CUSTOM_CODE_HEADER,S?.metafields)??null,customCodeBody:t.getPublishedThemePageMetafieldByKey(d.PublishedThemePageMetafields.CUSTOM_CODE_BODY,S?.metafields)??null,pageHandle:S.handle??null,customFonts:O,interaction:S?.interaction,pageBackground:l.extractPageBackground(S)})}catch(e){throw h.captureException(e),e}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),s=require("
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),s=require("../helpers/get-metafield.js"),t=require("../helpers/parse-json.js"),a=require("../helpers/generate-manifres.js"),r=require("../../constants/index.js"),i=require("../google-fonts.js"),l=require("@gem-sdk/adapter-shopify"),o=require("../helpers/normalize.js"),n=require("../helpers/gen-css.js");exports.getStaticPageProps=(u,d)=>async c=>{let p="STATIC",[h,m,f,g]=await Promise.allSettled([u([e.PublishedThemePagesDocument.toString(),{slug:c,slugType:p}]),u([e.StorePropertyDocument.toString()]),d([l.ShopMetaDocument]),u([e.PublishedShopMetasDocument.toString(),{keys:["source_font",r.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,r.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL]}])]);if("rejected"===h.status)return{pageType:p};let P="fulfilled"===g.status?g.value:void 0,T=h.value.publishedThemePages?.[0],y=o.parseBuilderTemplate(T),M=await i.getFontLinkFromGlobalStyle(T?.pageStyle?.data),_=e.prefetchQueries(y),S=await Promise.allSettled(_.map(({query:e,variables:s,func:t})=>t?t(u,s):e?u([e,s]):{})),b=_.reduce((e,{key:s},t)=>{let a=S[t];return a?.status==="fulfilled"?{...e,[s]:a.value}:e},{}),L=s.getPublishedThemePageMetafieldByKey(r.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,T?.metafields)||P?.publishedShopMetas?.find(e=>e?.key===r.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value,z=t.parseJson(s.getPublishedThemePageMetafieldByKey(r.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL,T?.metafields)||P?.publishedShopMetas?.find(e=>e?.key===r.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value),A="fulfilled"===f.status?f.value:void 0,v="fulfilled"===m.status?m.value:void 0,x=v?.storeProperty?.favicon??"/favicon/favicon-32x32.png",B={defaultTitle:A?.shop.name??"",title:T?.name??"",description:L??A?.shop.description??"",openGraph:{locale:A?.localization.country.isoCode??"",title:T?.name??A?.shop.name??"",description:L??A?.shop.description??"",images:z?[z]:[]},additionalMetaTags:[{name:"theme-color",content:"#000000"}],canonical:`/${c}`,additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${x}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${x}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${x}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:a.generateManifest({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:A?.shop.name,short_name:A?.shop.name,description:A?.shop.description,icons:[{src:`${x}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${x}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},C=A?.localization.language.isoCode??null,I=A?.localization.country.isoCode??null,j=C&&I?`${C}-${I}`:null;return t.serializableJson({themeStyle:n.genCSS(T?.pageStyle?.data),fontStyle:M,builderData:y,pageType:p,moneyFormat:A?.shop.moneyFormat??null,currency:A?.localization.country.currency.isoCode??null,languageIsoCode:C,countryIsoCode:I,locale:j,swr:{fallback:b},swatches:t.parseJson(v?.storeProperty?.swatchesConfig),seo:B})};
|
package/dist/cjs/libs/fetcher.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./
|
|
1
|
+
"use strict";var e=require("./helpers/extract-operation.js"),r=require("./get-storefront-api.js");exports.createAppAPIFetcher=(r,t)=>{let o=process.env.NEXT_APP_API_URL;return async n=>{let[s,i,a]=n;if(!r)throw Error("shopToken is not defined");if(!o)throw Error("NEXT_APP_API_URL is not defined");let p=e.extractOperation(s);p&&(o=`${o}?gp-online-store-operation=${p}`);let h={"Content-Type":"application/json",Authorization:`Token ${r}`,"X-GemX-Shop-ID":t||""};return fetch(`${o}?gp-online-store-operation=${a}`,{method:"POST",headers:h,body:JSON.stringify({query:s,variables:i,operationName:a})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}},exports.createFetcher=r=>{let t=r||process.env.NEXT_PUBLIC_SHOP_TOKEN;return async r=>{let[o,n,s]=r;if(!t)throw Error("shopToken is not defined");let i=process.env.NEXT_PUBLIC_API_URL;if(!i)throw Error("NEXT_PUBLIC_API_URL is not defined");let a=e.extractOperation(o);return a&&(i=`${i}?gp-online-store-operation=${a}`),fetch(i,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":t},body:JSON.stringify({query:o,variables:n,operationName:s})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}},exports.createShopifyFetcher=(e,t)=>{let o=e??process.env.NEXT_PUBLIC_STOREFRONT_TOKEN,n=t??process.env.NEXT_PUBLIC_STOREFRONT_HANDLE;return async e=>{if(!o)throw Error("NEXT_PUBLIC_STOREFRONT_TOKEN is not defined");if(!n)throw Error("NEXT_PUBLIC_STOREFRONT_HANDLE is not defined");let[t,s]=e;return fetch(r.getStorefrontApi(n),{method:"POST",headers:{"Content-Type":"application/json","X-Shopify-Storefront-Access-Token":o},body:JSON.stringify({query:t,variables:s})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}},exports.createTemplateFetcher=e=>{let r=process.env.NEXT_PUBLIC_URL_SHARE_PAGE;return async()=>{if(!r)throw Error("NEXT_PUBLIC_URL_SHARE_PAGE is not defined");try{let t=await fetch(`${r}/share/page/${e}`,{method:"GET"});if(!t.ok)throw Error(`HTTP error! status: ${t.status}`);let o=await t.json();if(o.errors)throw Error(`API errors: ${JSON.stringify(o.errors)}`);return o.result}catch(e){throw console.error("Template fetcher error:",e),e}}};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";var t=require("./helpers/check-option-font.js"),e=require("./
|
|
1
|
+
"use strict";var t=require("./helpers/check-option-font.js"),e=require("./constants/theme-font-keys.js"),r=require("../constants/googleFontV1.js"),n=require("./helpers/gen-fonts.js"),i=require("./helpers/sentry.js"),a=require("./data/fonts.js");const l="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36",o=t=>new Promise(e=>setTimeout(e,t));async function s(t,e){for(let r=0;r<=2;r++){let n=2===r;try{let a=await fetch(t,{headers:{"User-Agent":e},signal:AbortSignal.timeout(5e3)});if(200===a.status)return await a.text();if(a.status>=400&&a.status<500)return i.sentryCaptureException("getFontForUA",`Unexpected status ${a.status}`,{url:t,UA:e,attempt:r}),"";n&&i.sentryCaptureException("getFontForUA",`Unexpected status ${a.status}`,{url:t,UA:e,attempt:r})}catch(a){n&&i.sentryCaptureException("getFontForUA","Error fetching font",{url:t,UA:e,attempt:r,error:String(a)})}n||await o(300)}return""}const f=t=>{let e=t.filter((t,e,r)=>e===r.findIndex(e=>e.family===t.family));return e.map(e=>{let r=t.filter(t=>t.family===e.family).reduce((t,e)=>[...t,...e.variants],[]).filter((t,e,r)=>e===r.findIndex(e=>e===t));return{...e,variants:r}})},u={"Roboto Flex":"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap"},c=t=>t?.trim().replace(/\s+/g,"+")??"",p=t=>t.includes("fonts.googleapis.com/css2")?"css2":t.includes("fonts.bunny.net")?"bunny":"css1",y=t=>{let e=c(t);return u[t]??u[e]},g={regular:"400",normal:"400",bold:"700",italic:"400italic"},m=new Set(r.googleFontFamilies),h=[...e.THEME_FONT_CSS_KEYS,...e.THEME_FONT_CSS_KEYS.map(t=>`--g-${t}`)],d=(e,r,n)=>{if(("google"===r||"google"===e.type)&&!m.has(e.family))return!1;let i="google"===e.type||"bunny"===e.type,a="theme"===e.type&&n,l=t.checkNotInOptionFont(e.family,r);return!(i&&l)&&(i||!e.type||a)},b=t=>{let e=String(t).toLowerCase().trim();return g[e]??t},S=t=>{let e=t=>{let e=String(t).toLowerCase().trim(),r=e.includes("italic"),n=e.replace("italic","").trim(),i=g[n]??n,a=parseInt(i,10)||400;return{weight:a,isItalic:r}};return[...t].sort((t,r)=>{let n=e(t),i=e(r);return n.weight!==i.weight?n.weight-i.weight:n.isItalic!==i.isItalic?n.isItalic?1:-1:0})},F=(t,e,r)=>{let n=f(t).map(t=>{let e=t.variants.map(t=>b(t)),r=S(e);return`${t.family.replace(/ /g,"+")}:${r.join(",")}`}).join("|");if("sans-serif"===n)return;let i=new URLSearchParams;return(i.append("family",n),i.append("display",r?.display||"swap"),"bunny"===e)?`https://fonts.bunny.net/css?${decodeURIComponent(i.toString())}`:(r?.subset&&i.append("subset",r.subset),r?.effect&&i.append("effect",r.effect),`https://fonts.googleapis.com/css?${decodeURIComponent(i.toString())}`)},v=(t,e,r,n)=>{let i=t.filter(t=>d(t,r||"google",n));if(!i.length)return;let a=i.filter((t,e,r)=>e===r.findIndex(e=>e.family===t.family)),l=[],o=[];for(let t of a){let e=y(t.family);e&&"bunny"!==r?l.push(e):o.push(t)}let s=o.length?F(o,r||"google",e):void 0;return l.length&&s?[...l,s]:s?[s,...l]:l};async function w(t,e,r=!0,n){let a=t.filter(t=>!h.includes(t.family)),o=v(a,e,n),f=Array.isArray(o)?o:o?[o]:[];if(!f.length)return"";if(r)return f.map(t=>`@import url('${t}');`).join("");let u=await Promise.all(f.map(async t=>{let e=await s(t,l);if(!e){let e=p(t);i.sentryCaptureException("getFonts",`Error fetching font ${e}`,{url:t,fontType:n,fontApiVersion:e})}return e})),c=f.map(t=>`@import url('${t}');`).join(""),y=u.map((t,e)=>t?"":`@import url('${f[e]}');`).join(""),g=y+u.join(""),m=new TextEncoder().encode(g).length;return m<51200?g:c}const j=(t,e)=>{let r=[];return t.forEach(t=>{r.push(...n.getFontsFromDataBuilder(t.data,e))}),f(r)},x=(t,e)=>{let r="400";if(null!=t){let e=String(t).toLowerCase().trim();r=b(e)}let n=r,i=e&&"italic"===e.toLowerCase();return i&&!r.includes("italic")&&(n=r.includes("i")?r:`${r}italic`),n},$="heading-",E="subheading-",O="paragraph-",C=t=>{let e=t?.typography??{},r=t?.font??{},n=new Map;Object.entries(e).forEach(([t,e])=>{if(!e||"object"!=typeof e)return;let i=t.startsWith($)||t.startsWith(E)?r.heading?"heading":void 0:t.startsWith(O)&&r.body?"body":void 0,a=e.desktop,l=a?.fontFamily,o=l||i;["desktop","mobile","tablet"].forEach(t=>{let i=e[t];if(!i||"object"!=typeof i)return;let l=i.fontFamily||o;if(!l||"string"!=typeof l||!r[l])return;let s=i.fontWeight??a?.fontWeight,f=i.fontStyle??a?.fontStyle;if(null==s)return;let u=x(s,f);n.has(l)||n.set(l,new Set),n.get(l).add(u)})});let i={};return n.forEach((t,e)=>{let n=r[e];n&&(i[e]={variants:Array.from(t).sort(),family:n.family,type:n.type})}),i},W=t=>{let e=t?.typography??{},r=t?.font??{},n=t?.font??{},i={};return Object.entries(e).forEach(([t,e])=>{if(!e||"object"!=typeof e)return;let a=e.desktop,l=e.mobile,o=e.tablet,s=t.startsWith($)||t.startsWith(E)?n.heading?"heading":void 0:t.startsWith(O)&&n.body?"body":void 0,f=a?.fontFamily||l?.fontFamily||o?.fontFamily||s;if(!f||"string"!=typeof f)return;let u=r[f],c=n[f],p=u?.family||c?.family||f,y=u?.type||c?.type||"google";p&&(i[t]={family:p,type:y})}),i},T=async(t,e)=>{if(!t)return"";try{let r=JSON.parse(t),n=r?.font??{},i=Object.values(n),a=C(r);Object.keys(a).length>0&&(i=Object.entries(n).filter(([t])=>a[t]).map(([t,e])=>({...e,variants:a[t].variants})));let l=f(i);return w(l,void 0,void 0,e)}catch{return""}};async function k(t,e,r){let n,i=null;if(r)try{i=JSON.parse(r),n=W(i)}catch{}let a=j(t,n);if(!i){if(0===a.length)return[];let t=await w(a,void 0,void 0,e);return t?[t]:[]}let l=C(i),o=new Map;for(let t of Object.values(l)){let e=o.get(t.family);if(!e){o.set(t.family,new Set(t.variants));continue}t.variants.forEach(t=>e.add(t))}if(0===(a=a.map(t=>{let e=o.get(t.family);if(!e)return t;let r=t.variants.filter(t=>!e.has(t));return 0===r.length?null:{...t,variants:r}}).filter(t=>null!==t)).length)return[];let s=await w(a,void 0,void 0,e);return s?[s]:[]}let A=null;function I({fontFamily:t,fontStyle:e,fontWeight:r,src:n,fontDisplay:i}){let a=n.replace(/^"|"$/g,""),l=`@font-face {
|
|
2
2
|
`;return l+=` font-family: '${t}';
|
|
3
3
|
font-style: ${e};
|
|
4
4
|
font-weight: ${r};
|
|
5
5
|
`,i&&(l+=` font-display: ${i};
|
|
6
6
|
`),l+=` src: ${a};
|
|
7
|
-
}`}function _({variant:t}){let e=t.trim().toLowerCase();if("regular"===e||"400"===e)return{fontStyle:"normal",fontWeight:"400"};if("italic"===e)return{fontStyle:"italic",fontWeight:"400"};if("bold"===e||"700"===e)return{fontStyle:"normal",fontWeight:"700"};let r=e.endsWith("i")||e.endsWith("italic"),n=e.replace(/i(talic)?$/,"").trim()||"400";return{fontStyle:r?"italic":"normal",fontWeight:n}}async function M({fonts:t,sourceFont:e}){let
|
|
7
|
+
}`}function _({variant:t}){let e=t.trim().toLowerCase();if("regular"===e||"400"===e)return{fontStyle:"normal",fontWeight:"400"};if("italic"===e)return{fontStyle:"italic",fontWeight:"400"};if("bold"===e||"700"===e)return{fontStyle:"normal",fontWeight:"700"};let r=e.endsWith("i")||e.endsWith("italic"),n=e.replace(/i(talic)?$/,"").trim()||"400";return{fontStyle:r?"italic":"normal",fontWeight:n}}async function M({fonts:t,sourceFont:e}){let r=t.filter(t=>!h.includes(t.family));if(!r.length)return"";let n="bunny"===e,o=n?null:function(){if(A)return A;for(let t of(A={},a.default.fonts)){let e=`${t.fontFamily}_${t.fontStyle}_${t.fontWeight}`.replace(/\s+/g,"");A[e]=t}return A}(),f=await Promise.all(r.map(async t=>{let r=[],n=[];for(let e of t.variants){if(o){let{fontStyle:n,fontWeight:i}=_({variant:e}),a=`${t.family}_${n}_${i}`.replace(/\s+/g,""),l=o[a];if(l){r.push(I(l));continue}}n.push(e)}if(n.length){let a=v([{...t,variants:n}],void 0,e),o=Array.isArray(a)?a:a?[a]:[],f=await Promise.all(o.map(t=>s(t,l)));for(let e=0;e<f.length;e++){let a=f[e];a?r.push(a):i.sentryCaptureException("resolveFontFaces","API fallback returned empty CSS",{family:t.family,variants:n,url:o[e]})}}return r.length?r.join("\n"):""}));return f.filter(Boolean).join("\n")}async function U({data:t,sourceFont:e}){if(!t)return"";try{let r="string"==typeof t?JSON.parse(t):t,n=r?.font??{},i=Object.values(n),a=C(r);return Object.keys(a).length>0&&(i=Object.entries(n).filter(([t])=>a[t]).map(([t,e])=>Object.assign({},e,{variants:a[t].variants}))),M({fonts:f(i),sourceFont:e})}catch{return""}}async function L({pageTemplate:t,sourceFont:e,data:r}){let n,i=null;if(r)try{i="string"==typeof r?JSON.parse(r):r,n=W(i)}catch(t){console.log(t)}let a=j(t,n);if(!i){if(!a.length)return[];let t=await M({fonts:a,sourceFont:e});return t?[t]:[]}let l=C(i),o=new Map,s=new Map,f=(t,e)=>`${t}::${e}`;for(let t of Object.values(l))if(t.type){let e=f(t.family,t.type),r=o.get(e);r?t.variants.forEach(t=>r.add(t)):o.set(e,new Set(t.variants))}else{let e=s.get(t.family);e?t.variants.forEach(t=>e.add(t)):s.set(t.family,new Set(t.variants))}if(!(a=a.map(t=>{let e=o.get(f(t.family,t.type))||s.get(t.family);if(!e)return t;let r=t.variants.filter(t=>!e.has(t));return r.length?Object.assign({},t,{variants:r}):null}).filter(t=>null!==t)).length)return[];let u=await M({fonts:a,sourceFont:e});return u?[u]:[]}exports.composeFonts=f,exports.createFontUrls=v,exports.extractTypographyVariants=C,exports.getFontFromGlobalStyle=(t,e)=>{if(!t)return"";try{let r=JSON.parse(t),n=r?.font??{},i=Object.entries(n).map(([,t])=>t);return w(i,void 0,void 0,e)}catch{return""}},exports.getFontLinkFromGlobalStyle=T,exports.getFontStyleFromPageTemplate=k,exports.getFonts=w,exports.getStaticFontFacesFromGlobalStyle=U,exports.getStaticFontFacesFromPageTemplate=L,exports.mapTypographyToFontFamily=W,exports.parseVariant=_,exports.staticFontToCSS=I;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("
|
|
1
|
+
"use strict";var e=require("../constants/theme-font-keys.js"),t=require("@gem-sdk/core"),r=require("deepmerge");const n={tablet:"1024px",mobile:"767px"},o=(e,t)=>Object.keys(e).reduce((r,n)=>{let i=t?`${t}-`:"";return"object"==typeof e[n]&&null!==e[n]&&Object.keys(e[n]).length>0?Object.assign(r,o(e[n],i+n)):r[i+n]=e[n],r},{}),i=e=>Object.entries(e??{}).reduce((e,[r,n])=>({...e,[t.getShortName(r)]:"object"==typeof n?i(n):n}),{}),s=(e,t)=>{let r={typography:Object.fromEntries(Object.entries(e?.typography??{}).map(([e,r])=>{let n={...r?.[t]};return n?(n.fontFamily&&(n.fontFamily=`var(--g-font-${n.fontFamily}, ${n.fontFamily})`),[e,n]):[e,void 0]})),spacing:Object.fromEntries(Object.entries(e?.spacing??{}).map(([e,r])=>[e,r?.[t]])),container:Object.fromEntries(Object.entries(e?.container??{}).map(([e,r])=>[e,r?.[t]])),font:Object.fromEntries(Object.entries(e?.font??{}).map(([e,t])=>[e,t?.family])),theme:{font:Object.fromEntries(Object.entries(e?.theme?.font??{}).map(([e,t])=>[e,t?.family]))}};return r},c=e=>["sans-serif"].includes(e)?e:`'${e}'`,a=e=>"string"==typeof e&&e.includes("%")?`${(.01*parseFloat(e)).toFixed(2)}em`:e,l=t=>Object.entries(i(o(t))).map(([t,r])=>{if(void 0!==r){if(e.THEME_FONT_CSS_KEYS.includes(t))return`--g-${t}: ${c(r)}`;if(t.includes("-ls")){let e=a(r);return`--g-${t}:${e}`}return`--g-${t}:${r}`}}).filter(e=>void 0!==e).join(";");exports.genCSS=(e,o)=>{if(!e)return"";let i={};try{if(i="string"==typeof e?JSON.parse(e):e,o){let e=s(i,"desktop"),t=s(i,"mobile"),n=r(e,t);n.color=i.color,n.radius=i.radius;let o=l(n);return`:root{${o}}`}return t.DEVICES.map(e=>{let t=s(i,e);"desktop"===e&&(t.color=i.color,t.radius=i.radius);let r=l(t);return"desktop"===e?`:root{${r}}`:`@media (max-width: ${n[e]}) {:root{${r}}}`}).join("\n")}catch{return""}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("../../constants/index.js"),t=require("./sentry.js");const r=e=>{let t={};return!function e(t,r={}){if(t){let{childrens:i,dateModified:n,editorConfigs:o,...a}=t;if("section"===a.type)r[a.uid]=a;else{let t=i?.map(e=>e?.uid)??[];r[a.uid]={...a,childrens:t},i&&i.map(t=>e(t,r))}}}(e,t),{...t}},i=(e,t)=>{let r=t?.filter(t=>e?.some(e=>e?.id===t)),i=r?.map(t=>e?.find(e=>e?.id===t))??[],n=e?.filter(e=>(!e?.id||!r?.includes(e.id))&&!e?.deletedAt)??[];return i.concat(n)};function n(e,t){let n=i(e,t),o=n.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return o.map(e=>({uid:e.uid,lazy:!!e.settings?.lazy,priority:!!e.settings?.priority,data:r(e)}))}exports.extractPageBackground=r=>{let i=r?.metafields?.find(t=>t?.key===e.PublishedThemePageMetafields.PAGE_BACKGROUND)?.value;if(!i)return{};try{let e=JSON.parse(i),t=e=>"string"==typeof e&&e.trim()?e:void 0;return{isUsePageBackground:!0===e.isUsePageBackground,background:t(e.background),themeBackground:t(e.themeBackground)}}catch(e){return t.sentryCaptureException("extractPageBackground","Could not parse the page background metafield",{value:i,err:String(e)},{level:"warning"}),{}}},exports.normalizeBuilderData=r,exports.normalizePageSectionResponseV2=n,exports.parseBuilderLibraryTemplate=e=>n([...e?.sections??[]],e?.sectionPosition),exports.parseBuilderTemplate=e=>(function(e,t){let n=i(e,t),o=n.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return r({uid:"ROOT",tag:"Root",childrens:o})})([...e?.pageSections??[],...e?.themePageCustomSections??[]],e?.sectionPosition),exports.parseBuilderTemplateV2=e=>n([...e?.pageSections??[],...e?.themePageCustomSections??[],...e?.themeSections??[]],e?.sectionPosition),exports.parseShopLibraryPageTemplate=e=>n([...e?.shopLibrarySections??[]],e?.sectionPosition);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@sentry/nextjs");exports.sentryCaptureException=(t,
|
|
1
|
+
"use strict";var e=require("@sentry/nextjs");exports.sentryCaptureException=(t,a,s,r)=>{e.withScope(g=>{g.setLevel(r?.level??"log"),r?.tag&&g.setTag(r?.tag.key,r?.tag.value),g.setExtra("function",t),g.setExtra("data",JSON.stringify(s)),e.captureMessage(`${t}: ${a}`)})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("
|
|
2
|
+
"use strict";var e=require("../helpers/sendPageViewedTracking.js"),r=require("react");exports.usePageViewedTracking=({id:i,shopID:s,enabled:a=!0,domain:c})=>{r.useEffect(()=>{a&&i&&s&&e.sendPageViewedTracking({id:i,shopID:s,domain:c})},[a,i,s])};
|
package/dist/cjs/pages/404.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("next-seo"),s=require("next/image");exports.Page404=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.NextSeo,{title:"Page not found"}),e.jsxs("div",{className:"
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("next-seo"),s=require("next/image");exports.Page404=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.NextSeo,{title:"Page not found"}),e.jsxs("div",{className:"gp-container gp-mx-auto gp-flex gp-min-h-screen gp-max-w-4xl gp-flex-col gp-items-center gp-justify-center gp-gap-8 gp-px-8 tablet:gp-max-w-2xl",children:[e.jsx(s,{sizes:"(max-width: 768px) 100vw, 50vw",src:"https://cdn.shopify.com/s/files/1/2005/9307/files/404.png",width:802,height:450,alt:"Not found",quality:100,priority:!0}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-pb-36",children:[e.jsx("h1",{className:"gp-text-4xl gp-font-semibold mobile:gp-text-2xl",children:"Oops! Page not found"}),e.jsx("p",{children:"Your page URL is incorrect."})]})]})]});
|
package/dist/cjs/pages/500.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("next-seo"),i=require("
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("next-seo"),i=require("react"),p=require("next/image");exports.Page500=()=>{let[r,l]=i.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.NextSeo,{title:"Service Unavailable"}),e.jsxs("div",{className:"gp-container gp-mx-auto gp-flex gp-min-h-screen gp-max-w-4xl gp-flex-col gp-items-center gp-justify-center gp-gap-8 gp-px-8 tablet:gp-max-w-2xl",children:[e.jsx(p,{sizes:"(max-width: 768px) 100vw, 50vw",src:"https://cdn.shopify.com/s/files/1/2005/9307/files/503.png",width:802,height:450,alt:"Not found",quality:100,priority:!0}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-8 gp-pb-36",children:[e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-text-center",children:[e.jsx("h1",{className:"gp-font-semiboldgp- gp-text-4xl mobile:gp-text-2xl",children:"Service Unavailable"}),e.jsx("p",{className:"gp-text-center",children:"The server is temporarily busy. Try again later."})]}),e.jsxs("button",{className:"gp-mx-auto gp-inline-flex gp-h-10 gp-items-center gp-justify-center gp-gap-2 gp-rounded gp-bg-[#3C67FF] gp-px-6 gp-text-white active:gp-translate-y-1",onClick:()=>{l(!0),window.location.reload()},children:[e.jsx("svg",{className:t.cls("gp-w-5",{"gp-animate-spin":r}),viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M12.3408 3.03528C10.6845 2.42235 8.86506 2.41356 7.20294 3.01045C5.54082 3.60734 4.14265 4.77163 3.25471 6.29822C2.36677 7.82482 2.04603 9.61579 2.34898 11.3557C2.65193 13.0955 3.55915 14.6727 4.91081 15.8093C6.26248 16.9459 7.97189 17.5691 9.73794 17.5691C10.0831 17.5691 10.3629 17.2893 10.3629 16.9441C10.3629 16.5989 10.0831 16.3191 9.73792 16.3191C8.26621 16.3191 6.8417 15.7998 5.71531 14.8526C4.58892 13.9054 3.83291 12.5911 3.58045 11.1412C3.32799 9.69134 3.59528 8.19886 4.33523 6.9267C5.07518 5.65454 6.24032 4.6843 7.62542 4.18689C9.01052 3.68948 10.5267 3.69681 11.9069 4.20758C13.2872 4.71835 14.4429 5.69981 15.1705 6.97906C15.8981 8.25832 16.151 9.75331 15.8845 11.2007C15.677 12.3276 15.1651 13.3694 14.4127 14.2174L14.4127 11.7856C14.4127 11.4405 14.1329 11.1606 13.7877 11.1606C13.4425 11.1606 13.1627 11.4405 13.1627 11.7856L13.1627 15.4106C13.1627 15.5764 13.2285 15.7354 13.3457 15.8526C13.4629 15.9698 13.6219 16.0356 13.7877 16.0356H17.2845C17.6297 16.0356 17.9095 15.7558 17.9095 15.4106C17.9095 15.0655 17.6297 14.7856 17.2845 14.7856H15.5691C16.3513 13.8186 16.8858 12.6657 17.1139 11.427C17.4336 9.69015 17.1302 7.89616 16.257 6.36106C15.3839 4.82595 13.9971 3.64821 12.3408 3.03528Z",fill:"currentColor"})}),"Refresh"]})]})]})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("../components/image-to-layout/AddSectionImageToLayout.js"),s=require("../components/image-to-layout/ImageToLayout.js"),i=require("../components/builder/PopupManager.js"),o=require("../components/builder/SwitchView.js"),n=require("react"),a=require("../components/builder/Toolbox.js"),d=require("../components/builder/Toolbar.js"),l=require("../components/builder/Header.js"),u=require("../components/builder/Footer.js"),p=require("../components/builder/Body.js"),g=require("next-seo"),c=require("next/head");exports.BuilderPage=({components:j,seo:x,themeStyle:m,fontStyle:f,sectionData:y,pageType:h,editorImageToLayout:T,isThemeSectionEditor:b,hiddenToolbar:q,pageName:v,isOriginTemplate:S})=>{let[P,I]=n.useState(!1),{t:O}=r.useI18n(),w=n.useMemo(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);n.useEffect(()=>{I(!0)},[]);let L=()=>{window?.parent?.postMessage(JSON.stringify({type:"open-page-setting"}),"*")};return e.jsxs(e.Fragment,{children:[e.jsx(g.NextSeo,{...x}),e.jsxs(c,{children:[m&&e.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:m}}),f&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:f}})]}),e.jsx(r.PageProvider,{children:e.jsx(r.BuilderComponentProvider,{components:j,children:e.jsx(r.SectionProvider,{data:y,children:e.jsx(r.I18nProvider,{t:O,children:e.jsxs(r.BuilderPreviewProvider,{pageName:v,state:w,isThemeSectionEditor:b,children:[e.jsx(a.default,{}),!q&&e.jsx(d.default,{}),e.jsx(i.default,{}),P&&e.jsxs("div",{className:"builder gp-relative gp-z-1",children:[!q&&(b?e.jsx("div",{className:"gp-h-[40px] gp-border-b-[1px] gp-border-[#eeeeee] gp-bg-[#ffffff]",children:e.jsx(o.default,{})}):e.jsx(l.default,{pageType:h,isOriginTemplate:S,openPageSetting:L})),e.jsx(p.default,{pageType:h,isThemeSectionEditor:b}),e.jsx(s.default,{editorImageToLayout:T||!1}),e.jsx(t.default,{editorImageToLayout:T||!1}),e.jsx("div",{id:"visual-content"}),!b&&!q&&e.jsx(u.default,{pageType:h,isOriginTemplate:S,openPageSetting:L})]})]},"preview")})})})})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("next
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("next/router"),s=require("next/dynamic"),i=require("next-seo"),n=require("next/head");const d=s(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider));exports.default=({seo:s,components:o,builderData:l,sectionData:c,themeStyle:x,collection:a,fontStyle:u})=>{let j=t.useRouter();return j.isFallback?e.jsx("div",{children:"Loading..."}):e.jsxs(e.Fragment,{children:[e.jsx(i.NextSeo,{...s}),e.jsxs(n,{children:[x&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:x}}),u&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:u}})]}),e.jsx(r.PageProvider,{children:e.jsx(r.BuilderComponentProvider,{components:o,children:e.jsx(r.SectionProvider,{data:c,children:e.jsx(d,{collection:a,children:l&&e.jsx(r.BuilderProvider,{state:l,children:e.jsx(r.Render,{uid:"ROOT"})})})})})})]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../libs/hooks/usePageViewedTracking.js"),r=require("../libs/parse-html.js"),a=require("next/router"),n=require("next-seo"),l=require("react"),i=require("next/script"),d=require("next/head");exports.Headless=({components:o,builderData:c,sectionData:g,seo:u,themeStyle:p,fontStyle:m,elementFontStyle:h,customCodeHeader:x,customFonts:f,isPostPurchase:y,productOffers:_,publicStoreFrontData:j,dynamicDiscountOffer:v,isPreview:b,interaction:q,pageBackground:P,sellingPlanSetting:S,buyerConsentPreCheck:k,id:N,shopID:T,domainTrackingIlp:H})=>{let I=a.useRouter(),L=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.com";t.usePageViewedTracking({id:N,shopID:T,domain:H});let M="custom-code-header";if(l.useEffect(()=>{let e=document.querySelectorAll(`[class*="${M}-"]`),s=[];e.length>1&&e.forEach(e=>{let t=e.className;if(s.includes(t)){e.remove();return}s.push(t)})},[]),I.isFallback)return e.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:e.jsxs("div",{className:"gp-flex gp-gap-2",children:[e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let B=(q?.value||[]).length>0,E=P?.isUsePageBackground?P?.background:P?.themeBackground;return e.jsxs(e.Fragment,{children:[e.jsx(n.NextSeo,{...u}),e.jsxs(d,{children:[r.parseHtml(M,x,!0),p&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:p}},"global-style"),m&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:m}},"google-fonts"),h&&h.map(s=>e.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}},s)),f&&e.jsx("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:f}},m),E&&e.jsx("style",{children:`
|
|
2
2
|
body {
|
|
3
|
-
background: ${
|
|
3
|
+
background: ${E};
|
|
4
4
|
}
|
|
5
|
-
`},`page_background_${
|
|
5
|
+
`},`page_background_${E}`)]}),e.jsx(s.PageProvider,{productOffers:_,publicStoreFrontData:j,dynamicDiscountOffer:v,sellingPlanMeta:S,buyerConsentChecked:k,children:e.jsx(s.BuilderComponentProvider,{components:o,children:e.jsxs("div",{role:"main",children:[B&&e.jsx("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(q?.value||[])}</div>`}}),e.jsx(s.SectionProvider,{data:g,children:c?.map(t=>e.jsxs(s.BuilderProvider,{state:t.data,lazy:t.lazy,priority:t.priority,isPostPurchase:y,isPreview:b,children:[e.jsx(s.Render,{uid:t.uid}),B&&e.jsx(i,{defer:!0,src:`${L}/assets-v2/gp-flow-action-lip-v7-5.js`})]}))})]})})})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../libs/parse-html.js"),r=require("react"),a=require("next/router"),n=require("next/dynamic"),l=require("next/head");exports.PreviewTemplate=({components:i,builderData:d,sectionData:o,themeStyle:c,fontStyle:g,elementFontStyle:u,customCodeHeader:p,customFonts:m,pageBackground:h,publicStoreFrontData:x,page:y,collection:j,dynamicCollection:f,dynamicProduct:_})=>{let{disableExternalLinks:v}=t.usePreviewSharePage(),b=a.useRouter(),{t:P}=t.useI18n(),q="custom-code-header",k=n(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),S=y?.type==="GP_COLLECTION"?k:r.Fragment;return(r.useEffect(()=>{let e=document.querySelectorAll(`[class*="${q}-"]`),t=[];e.length>1&&e.forEach(e=>{let s=e.className;if(t.includes(s)){e.remove();return}t.push(s)})},[]),r.useEffect(()=>{v()},[v]),b.isFallback)?e.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:e.jsxs("div",{className:"gp-flex gp-gap-2",children:[e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[s.parseHtml(q,p,!0),c&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:c}},"global-style"),g&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:g}},"google-fonts"),u&&u.map(t=>e.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t)),m&&e.jsx("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:m}},g),h?.isUsePageBackground&&h?.background&&e.jsx("style",{children:`
|
|
2
2
|
body {
|
|
3
3
|
background: ${h.background};
|
|
4
4
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("next
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("next/router"),s=require("next/dynamic"),d=require("next-seo"),n=require("next/head");const i=s(()=>import("@gem-sdk/core").then(e=>e.ProductProvider));exports.default=({themeStyle:s,fontStyle:o,seo:l,product:a,components:c,builderData:x,sectionData:u})=>{let j=t.useRouter();return j.isFallback?e.jsx("div",{children:"Loading..."}):e.jsxs(e.Fragment,{children:[e.jsx(d.NextSeo,{...l}),e.jsxs(n,{children:[s&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:s}}),o&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:o}})]}),e.jsx(r.PageProvider,{children:e.jsx(r.BuilderComponentProvider,{components:c,children:e.jsx(r.SectionProvider,{data:u,children:e.jsxs(i,{product:a,children:[x&&e.jsx(r.BuilderProvider,{state:x,children:e.jsx(r.Render,{uid:"ROOT"})}),e.jsx(r.AddOn,{name:"sticky-add-to-cart"})]})})})})]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../libs/hooks/usePageViewedTracking.js"),r=require("../components/FooterForPostPurchase.js"),a=require("../components/builder/Header.js"),n=require("../libs/parse-html.js"),i=require("next/router"),l=require("next-seo"),o=require("react"),d=require("next/script"),c=require("next/head");exports.StaticPageV2=({components:g,builderData:u,sectionData:p,seo:m,themeStyle:h,fontStyle:x,elementFontStyle:j,customCodeHeader:f,customFonts:y,isPostPurchase:_,shopName:v,productOffers:P,publicStoreFrontData:b,dynamicDiscountOffer:S,isPreview:q,interaction:k,pageBackground:N,sellingPlanSetting:T,buyerConsentPreCheck:H,id:I,shopID:E,domainTrackingIlp:L})=>{let M=i.useRouter(),{t:$}=s.useI18n(),w=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.com";t.usePageViewedTracking({id:I,shopID:E,domain:L});let B="custom-code-header";if(o.useEffect(()=>{let e=document.querySelectorAll(`[class*="${B}-"]`),s=[];e.length>1&&e.forEach(e=>{let t=e.className;if(s.includes(t)){e.remove();return}s.push(t)})},[]),M.isFallback)return e.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:e.jsxs("div",{className:"gp-flex gp-gap-2",children:[e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let F=(k?.value||[]).length>0,A=N?.isUsePageBackground?N?.background:N?.themeBackground;return e.jsxs(e.Fragment,{children:[e.jsx(l.NextSeo,{...m}),e.jsxs(c,{children:[n.parseHtml(B,f,!0),h&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:h}},"global-style"),x&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:x}},"google-fonts"),j&&j.map(s=>e.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}},s)),y&&e.jsx("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:y}},x),A&&e.jsx("style",{children:`
|
|
2
2
|
body {
|
|
3
|
-
background: ${
|
|
3
|
+
background: ${A};
|
|
4
4
|
}
|
|
5
|
-
`},`page_background_${
|
|
5
|
+
`},`page_background_${A}`)]}),e.jsx(s.PageProvider,{productOffers:P,publicStoreFrontData:b,dynamicDiscountOffer:S,sellingPlanMeta:T,buyerConsentChecked:H,children:e.jsx(s.BuilderComponentProvider,{components:g,children:e.jsx(s.I18nProvider,{t:$,children:e.jsxs("div",{className:`${_?"post-purchase-page gp-bg-white":""} `,role:"main",children:[_&&e.jsx(a.default,{pageType:"POST_PURCHASE"}),F&&e.jsx("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(k?.value||[])}</div>`}}),e.jsx(s.SectionProvider,{data:p,children:u?.map(t=>e.jsxs(s.BuilderProvider,{state:t.data,lazy:t.lazy,priority:t.priority,isPostPurchase:_,isPreview:q,children:[e.jsx(s.Render,{uid:t.uid}),F&&e.jsx(d,{defer:!0,src:`${w}/assets-v2/gp-flow-action-lip-v7-5.js`})]},t.uid))}),_&&e.jsx(r.default,{shopName:v||""})]})})})})]})};
|
package/dist/cjs/pages/static.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("next
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("next/router"),r=require("next-seo"),a=require("next/head");exports.default=({components:n,builderData:l,sectionData:i,seo:d,themeStyle:g,fontStyle:p})=>{let u=t.useRouter();return u.isFallback?e.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:e.jsxs("div",{className:"gp-flex gp-gap-2",children:[e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):e.jsxs(e.Fragment,{children:[e.jsx(r.NextSeo,{...d}),e.jsxs(a,{children:[g&&e.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:g}}),p&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:p}})]}),e.jsx(s.PageProvider,{children:e.jsx(s.BuilderComponentProvider,{components:n,children:e.jsx(s.SectionProvider,{data:i,children:e.jsx(e.Fragment,{children:l&&e.jsx(s.BuilderProvider,{state:l,children:e.jsx(s.Render,{uid:"ROOT"})},"body")})})})})]})};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as a,Fragment as t,jsx as e}from"react/jsx-runtime";import{
|
|
2
|
+
import{jsxs as a,Fragment as t,jsx as e}from"react/jsx-runtime";import{useSearchParams as n,usePathname as g}from"next/navigation";import{gtag as o}from"@gem-sdk/core";import{useEffect as r}from"react";import i from"next/script";let l=({trackingId:l})=>{let s=n(),d=g();r(()=>{let a=d+s.toString();o.pageview(a,l)},[l,d,s]);let w=()=>{o.pageview(d,l)};return l?l.startsWith("UA-")?a(t,{children:[e(i,{strategy:"lazyOnload",onReady:w,src:"https://www.google-analytics.com/analytics.js"}),e(i,{id:"google-analytics",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
|
|
3
3
|
ga('create', '${l}', 'auto');
|
|
4
4
|
ga('require', 'ec');
|
|
5
5
|
ga('send', 'pageview');
|
|
6
|
-
`}})]}):a(t,{children:[e(
|
|
6
|
+
`}})]}):a(t,{children:[e(i,{strategy:"lazyOnload",onReady:w,src:`https://www.googletagmanager.com/gtag/js?id=${l}`}),e(i,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
|
|
7
7
|
window.dataLayer = window.dataLayer || [];
|
|
8
8
|
function gtag(){dataLayer.push(arguments);}
|
|
9
9
|
gtag('js', new Date());
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as a,Fragment as t,jsx as e}from"react/jsx-runtime";import{
|
|
2
|
+
import{jsxs as a,Fragment as t,jsx as e}from"react/jsx-runtime";import{usePathname as r}from"next/navigation";import{gtag as g}from"@gem-sdk/core";import n from"next/script";let o=({trackingId:o,params:i})=>{let m=r();return o?a(t,{children:[e(n,{strategy:"lazyOnload",onReady:()=>{g.sharePageView(m,o,i)},src:`https://www.googletagmanager.com/gtag/js?id=${o}`}),e(n,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
|
|
3
3
|
window.dataLayer = window.dataLayer || [];
|
|
4
4
|
function gtag(){dataLayer.push(arguments);}
|
|
5
5
|
gtag('js', new Date());
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{
|
|
2
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useInteraction as o,RenderPreview as r,cls as i}from"@gem-sdk/core";import{useMemo as l}from"react";import p from"../../pages/CollectionGlobalProvider.js";let s=({pageType:s,isThemeSectionEditor:a})=>{let{isInteractionMode:d,isSelectOnPage:m}=o(),n=l(()=>m?"interaction-select-mode":"",[m]);return e("div",{id:"storefront",className:i(a?"theme-section-editor":"","POST_PURCHASE"===s?"post-purchase-page":"",n),children:["POST_PURCHASE"!==s&&t("div",{className:"gp-fixed gp-left-0 gp-top-0 gp-z-[99999999] gp-h-full gp-w-full",style:{pointerEvents:d?"auto":"none"}}),"GP_COLLECTION"===s?t(p,{children:t(r,{uid:"ROOT"})}):t(r,{uid:"ROOT"})]})};export{s as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useI18nStore as p,useShopStore as l,makeStyleResponsive as g,cls as i}from"@gem-sdk/core";import{useState as o,useEffect as n}from"react";let C={desktop:"16px",tablet:"16px",mobile:"16px"},s=s=>{let{pageType:d,isOriginTemplate:a,openPageSetting:c}=s,{t:f}=p(),h=new URLSearchParams(window.location.search),m=h.get("storefrontHandle"),x=l(e=>e.layoutSettings),L=x?.showFooter||a,u=L?"#E2E2E2":"#F4F4F4",[w,v]=o(!1);return n(()=>{let e=parent.document.body.querySelector(".iframe");if(!e)return;let t=document.body.querySelector("#storefront");if(!t)return;let r=e.clientHeight,p=x?.showHeader?r-40-48:r-48,l=new ResizeObserver(e=>{let t=e[0]?.target.clientHeight;t&&p&&v(t<p)});return l.observe(t),()=>{l.unobserve(t)}},[x]),e(t,{children:"POST_PURCHASE"===d?e("div",{className:i("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans"),children:e("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...g("ml",C),...g("mr",C)},children:e("p",{className:"gp-text-lg",children:f("All rights reserved {shopName}",{shopName:m})})})}):e("div",{className:i("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-
|
|
2
|
+
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useI18nStore as p,useShopStore as l,makeStyleResponsive as g,cls as i}from"@gem-sdk/core";import{useState as o,useEffect as n}from"react";let C={desktop:"16px",tablet:"16px",mobile:"16px"},s=s=>{let{pageType:d,isOriginTemplate:a,openPageSetting:c}=s,{t:f}=p(),h=new URLSearchParams(window.location.search),m=h.get("storefrontHandle"),x=l(e=>e.layoutSettings),L=x?.showFooter||a,u=L?"#E2E2E2":"#F4F4F4",[w,v]=o(!1);return n(()=>{let e=parent.document.body.querySelector(".iframe");if(!e)return;let t=document.body.querySelector("#storefront");if(!t)return;let r=e.clientHeight,p=x?.showHeader?r-40-48:r-48,l=new ResizeObserver(e=>{let t=e[0]?.target.clientHeight;t&&p&&v(t<p)});return l.observe(t),()=>{l.unobserve(t)}},[x]),e(t,{children:"POST_PURCHASE"===d?e("div",{className:i("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans"),children:e("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",style:{maxWidth:"var(--g-ct-w, 1200px)",...g("ml",C),...g("mr",C)},children:e("p",{className:"gp-text-lg",children:f("All rights reserved {shopName}",{shopName:m})})})}):e("div",{className:i("gp-footer-container gp-border-1 gp-border-[#EEEEEE gp-group gp-flex gp-justify-center gp-border-y gp-font-sans",{"gp-fixed gp-bottom-0 gp-w-full":w}),children:r("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...g("ml",C),...g("mr",C)},children:[r("svg",{width:"68",height:"8",viewBox:"0 0 68 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",fill:u}),e("path",{d:"M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",fill:u})]}),!a&&e("button",{className:"gp-footer gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",onClick:c,children:r("div",{className:"gp-flex gp-h-[24px] gp-items-center gp-justify-center gp-gap-2 gp-px-1 gp-text-xs gp-font-medium gp-leading-5 gp-text-[#212121]",children:[e("span",{children:r("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})}),e("span",{children:f("Footer")})]})}),r("svg",{width:"104",height:"8",viewBox:"0 0 104 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H28C30.2091 0 32 1.79086 32 4C32 6.20914 30.2091 8 28 8H4C1.79086 8 0 6.20914 0 4Z",fill:u}),e("path",{d:"M36 4C36 1.79086 37.7909 0 40 0H64C66.2091 0 68 1.79086 68 4C68 6.20914 66.2091 8 64 8H40C37.7909 8 36 6.20914 36 4Z",fill:u}),e("path",{d:"M72 4C72 1.79086 73.7909 0 76 0H100C102.209 0 104 1.79086 104 4C104 6.20914 102.209 8 100 8H76C73.7909 8 72 6.20914 72 4Z",fill:u})]})]})})})};export{s as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,Fragment as l,jsx as p}from"react/jsx-runtime";import{useShopStore as i,useI18nStore as t,makeStyleResponsive as C,cls as g}from"@gem-sdk/core";import d from"./SwitchView.js";let r={desktop:"16px",tablet:"16px",mobile:"16px"},n={desktop:"24px",tablet:"36px",mobile:"36px"},s=s=>{let{pageType:o,isOriginTemplate:h,openPageSetting:a}=s,c=i(e=>e.layoutSettings),f=c?.showHeader||h,m=f?"#E2E2E2":"#F4F4F4",{t:x}=t();return e(l,{children:[p(d,{}),p("div",{className:g("gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans"),children:"POST_PURCHASE"===o?p("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...C("ml",r),...C("mr",r)},children:e("div",{className:"
|
|
2
|
+
import{jsxs as e,Fragment as l,jsx as p}from"react/jsx-runtime";import{useShopStore as i,useI18nStore as t,makeStyleResponsive as C,cls as g}from"@gem-sdk/core";import d from"./SwitchView.js";let r={desktop:"16px",tablet:"16px",mobile:"16px"},n={desktop:"24px",tablet:"36px",mobile:"36px"},s=s=>{let{pageType:o,isOriginTemplate:h,openPageSetting:a}=s,c=i(e=>e.layoutSettings),f=c?.showHeader||h,m=f?"#E2E2E2":"#F4F4F4",{t:x}=t();return e(l,{children:[p(d,{}),p("div",{className:g("gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans"),children:"POST_PURCHASE"===o?p("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...C("ml",r),...C("mr",r)},children:e("div",{className:"gp-flex gp-py-3 tablet:gp-items-center",children:[e("svg",{style:{...C("w",n),...C("h",n)},viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("path",{d:"M15.7244 10.6242C15.9587 10.3899 15.9587 10.01 15.7244 9.77571C15.49 9.5414 15.1101 9.5414 14.8758 9.77571L11.1001 13.5514L9.42436 11.8757C9.19005 11.6414 8.81015 11.6414 8.57583 11.8757C8.34152 12.11 8.34152 12.4899 8.57583 12.7242L10.6758 14.8242C10.9101 15.0586 11.29 15.0586 11.5244 14.8242L15.7244 10.6242Z",fill:"#197BBD"}),p("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4001 12C20.4001 16.6392 16.6393 20.4 12.0001 20.4C7.36091 20.4 3.6001 16.6392 3.6001 12C3.6001 7.36078 7.36091 3.59998 12.0001 3.59998C16.6393 3.59998 20.4001 7.36078 20.4001 12ZM19.2001 12C19.2001 15.9764 15.9765 19.2 12.0001 19.2C8.02365 19.2 4.8001 15.9764 4.8001 12C4.8001 8.02352 8.02365 4.79998 12.0001 4.79998C15.9765 4.79998 19.2001 8.02352 19.2001 12Z",fill:"#197BBD"})]}),e("div",{className:"gp-ml-4",children:[p("p",{className:"gp-text-sm",children:x("Order #1001")}),p("p",{children:x("You’ve paid for your order.")}),e("div",{className:"gp-mt-1 gp-flex gp-items-center gp-text-[#197BBD]",children:[p("div",{className:"gp-text-sm",children:x("View order confirmation")}),p("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.6318 9.21817C4.45607 9.04244 4.45607 8.75751 4.6318 8.58178L6.7136 6.49998L4.6318 4.41817C4.45607 4.24244 4.45607 3.95751 4.6318 3.78178C4.80754 3.60604 5.09246 3.60604 5.2682 3.78178L7.6682 6.18178C7.84393 6.35751 7.84393 6.64244 7.6682 6.81817L5.2682 9.21817C5.09246 9.39391 4.80754 9.39391 4.6318 9.21817Z",fill:"#197BBD"})})]})]})]})}):e("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...C("ml",r),...C("mr",r)},children:[e("svg",{width:"60",height:"8",viewBox:"0 0 60 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8H4C1.79086 8 0 6.20914 0 4Z",fill:"#9E9E9E"}),p("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H56C58.2091 0 60 1.79086 60 4C60 6.20914 58.2091 8 56 8H32C29.7909 8 28 6.20914 28 4Z",fill:m})]}),!(h||"STATIC"===o)&&p("button",{className:"gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#f4f4f4] group-hover:gp-visible",onClick:a,children:e("div",{className:"gp-flex gp-h-[24px] gp-items-center gp-justify-center gp-gap-2 gp-px-1 gp-text-xs gp-font-medium gp-leading-5 gp-text-[#212121]",children:[p("span",{children:e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),p("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})}),p("span",{children:x("Header")})]})}),e("svg",{width:"80",height:"8",viewBox:"0 0 80 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8H4C1.79086 8 0 6.20914 0 4Z",fill:m}),p("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H48C50.2091 0 52 1.79086 52 4C52 6.20914 50.2091 8 48 8H32C29.7909 8 28 6.20914 28 4Z",fill:m}),p("path",{d:"M56 4C56 1.79086 57.7909 0 60 0H76C78.2091 0 80 1.79086 80 4C80 6.20914 78.2091 8 76 8H60C57.7909 8 56 6.20914 56 4Z",fill:m})]})]})})]})};export{s as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{memo as t,useMemo as n,useCallback as i,useEffect as p}from"react";import{useBuilderPreviewStore as l,useModalStore as r,useInteraction as o,cls as a}from"@gem-sdk/core";let g=e=>!!e&&e?.tag==="Dialog"&&"component"===e.type;var s=t(()=>{let t=l(e=>e.state),s=r(e=>e.setModalActive),d=r(e=>e.activeId),{isInteractionMode:c}=o(),m=n(()=>t.ROOT.childrens?.map(e=>t?.[e]).filter(g),[t]),u=i(e=>{let t=e.detail;s(t?.modalId)},[s]);return p(()=>(window.addEventListener("set-active-modal",u),()=>{window.removeEventListener("set-active-modal",u)}),[u]),e("div",{className:"gp-popup-trigger-button gp-pointer-events-none gp-fixed gp-inset-y-0 gp-right-0 gp-z-10 gp-flex gp-w-10 gp-flex-col gp-items-center gp-justify-center gp-gap-1 gp-overflow-y-auto gp-overflow-x-hidden gp-text-sm",children:m?.map(t=>{let n=t?.advanced?.d;return e("div",{className:a("gp-w-full gp-shrink gp-cursor-pointer gp-select-none gp-items-center gp-justify-center gp-whitespace-nowrap gp-py-2 gp-text-white [writing-mode:vertical-lr]",{"gp-bg-blue-500":d===t.uid,"gp-bg-blue-700":d!==t.uid},c?"gp-pointer-events-none":"gp-pointer-events-auto"),role:"button","aria-hidden":"true",onClick:()=>s(t?.uid,!0),style:{"--d":n?.desktop?"inline-flex":"none","--d-tablet":n?.tablet?"inline-flex":"none","--d-mobile":n?.mobile?"inline-flex":"none"},children:e("span",{className:"gp-text-ellipsis gp-whitespace-nowrap",children:t?.settings?.name||t?.settings?.name?.fallbackValue||""})},t?.uid)})})});export{s as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import{useState as i,useCallback as p,useEffect as r,useRef as d}from"react";import{
|
|
2
|
+
import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import{useState as i,useCallback as p,useEffect as r,useRef as d}from"react";import{useI18nStore as l}from"@gem-sdk/core";import{devices as g}from"./const.js";let a=()=>{let[a,o]=i(!1),{t:s}=l(),[c,w]=i({width:0,name:"",activeId:null}),[m,h]=i(!1),v=p(e=>{w(t=>({...t,...e}))},[w]);r(()=>{if(c)h(c.width>0&&c.width<=1024);else{let e=g[0];e&&v({width:e.width,name:e.name,activeId:e.id}),h(!1)}},[c,v]);let f=e=>{let t=g.find(t=>t.id===e);t&&(v({width:t.width,name:t.name,activeId:t.id}),u(t.id)),o(!a)},u=e=>{let t=new CustomEvent("editor:change-device",{bubbles:!0,detail:{id:e}});window.dispatchEvent(t)},x=d(null),b=e=>{x.current&&!x.current.contains(e.target)&&o(!1)},C=e=>{let t=g.find(t=>t.width===e);if(t)return t.name;let n=s("Desktop");return e<=768?s("Mobile"):e<=1024?s("Tablet"):n},E=p(e=>{let t=e.detail;t&&v({width:t.width,name:C(t.width),activeId:null})},[v]);r(()=>(window.addEventListener("mousedown",b),window.addEventListener("editor:resize-preview-screen",E),()=>{window.removeEventListener("mousedown",b),window.removeEventListener("editor:resize-preview-screen",E)}),[E]);let L=e=>e.id===c.activeId||c.name===e.name,F=()=>o(!a);return m?e(t,{children:n("div",{ref:x,className:`gp-switch-view gp-absolute gp-left-1/2 gp-top-[2px] gp-flex gp-h-[40px] -gp-translate-x-1/2 gp-transform gp-cursor-pointer gp-items-center gp-justify-center gp-gap-2 gp-font-sans ${a?"gp-z-50":"gp-z-1"}`,children:[n("div",{className:`gp-flex gp-min-w-[194px] -gp-translate-y-[2px] gp-transform gp-items-center gp-justify-between gp-gap-1 gp-rounded-md gp-border-[1px] gp-bg-[#F4F4F4] gp-px-2 gp-py-1 gp-text-xs gp-font-medium gp-leading-5 gp-text-[#212121] hover:gp-bg-[#E2E2E2] ${a?"gp-border-[#3C67FF]":"gp-border-transparent"}`,onClick:e=>{e.preventDefault(),F()},role:"presentation",children:[n("span",{children:[c.name," (",c.width,"px)"]}),e("span",{children:e("svg",{width:"9",height:"5",viewBox:"0 0 9 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.07564 0.775834C1.30995 0.541519 1.68985 0.541519 1.92417 0.775834L4.6999 3.55157L7.47564 0.775834C7.70995 0.541519 8.08985 0.541519 8.32417 0.775834C8.55848 1.01015 8.55848 1.39005 8.32417 1.62436L5.12417 4.82436C4.88985 5.05868 4.50995 5.05868 4.27564 4.82436L1.07564 1.62436C0.841324 1.39005 0.841324 1.01015 1.07564 0.775834Z",fill:"#212121"})})})]}),e("div",{className:`gp-absolute gp-left-1/2 gp-top-9 gp-z-50 gp-w-[176px] -gp-translate-x-1/2 gp-transform gp-rounded-xl gp-bg-[#212121] gp-p-2 gp-text-[#F9F9F9] ${a?"":"gp-hidden"}`,children:g.map(t=>e("div",{className:"gp-rounded-md gp-p-2 hover:gp-bg-[#3E3E3E]",onClick:e=>{e.preventDefault(),e.stopPropagation(),f(t.id)},role:"presentation",children:n("div",{className:'gp-justify-space-between gp-font-regular gp-text-[#212121]" gp-flex gp-w-full gp-cursor-pointer gp-gap-2 gp-text-left gp-text-xs gp-leading-5',children:[e("span",{className:"gp-min-w-[16px]",children:L(t)&&e("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.6348 4.89265C12.792 5.07861 12.7878 5.37537 12.6255 5.55547L6.71176 12.118C6.55312 12.294 6.30118 12.294 6.14255 12.118L3.87448 9.60098C3.71219 9.42088 3.70805 9.12412 3.86523 8.93815C4.02241 8.75219 4.2814 8.74744 4.4437 8.92755L6.42716 11.1287L12.0563 4.88203C12.2186 4.70192 12.4776 4.70668 12.6348 4.89265Z",fill:"#00C853"})})}),e("span",{children:t.name})]})},t.id))})]})}):null};export{a as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as t,Fragment as e}from"react/jsx-runtime";import{memo as r,useRef as o,useCallback as a,useEffect as i}from"react";import{getDOMElementParents as n}from"./toolbar/utils/getDOMElementParents.js";import{TOOLBAR_ACTIVE_HEIGHT as d,TOOLBAR_HOVER_HEIGHT as u}from"./toolbar/const.js";import{getChildrenByAttrSelector as l}from"./toolbar/utils/getChildrenByAttrSelector.js";import{findOverflowParent as c}from"./toolbar/utils/findOverflowParent.js";import{waitForElementToExist as s}from"./toolbar/utils/waitForElementToExist.js";import{isOverParent as b}from"./toolbar/utils/isOverParent.js";import{findDOMClosest as m}from"./toolbar/utils/findDOMClosest.js";var f=r(()=>{let r=o(null),f=o(!1),v=o(),p=o(!1),h=o([]),g=o([]),A=o([]),y=({state:t,$toolbar:e,$component:r})=>{let o=c(r,e),a=e.getBoundingClientRect(),i=r.getBoundingClientRect(),n=window.innerWidth;o?i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):a.top<d+1&&(i?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),i.left+a.width>n&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let u=r?.closest('[aria-label="Dialog body"]');if(u){let r=u.getBoundingClientRect(),o=r.left+r.width-20;i.left+a.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},w=a(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:a})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}h.current.push(t);let i=l(t,"data-toolbar"),n=l(t,"data-outline"),d=l(t,"data-toolbar-add-top"),u=l(t,"data-toolbar-add-bottom"),c=l(t,"data-theme-section-status");o&&c&&c.setAttribute("data-theme-section-status-active","true"),i&&(i.removeAttribute("style"),a||i.setAttribute("data-toolbar-hover","true"),r&&i.setAttribute("data-toolbar-hover-focus","true"),y({$toolbar:i,$component:t,state:"hover"})),n&&(n.setAttribute("data-outline-hover","true"),a&&n.setAttribute("data-outline-parent-hover","true"),o&&(g.current.push(t),n.setAttribute("data-outline-overlay-theme-section","true")),r&&n.setAttribute("data-outline-hover-focus","true")),d&&!a&&d.setAttribute("data-toolbar-add-hover","true"),u&&!a&&u.setAttribute("data-toolbar-add-hover","true")},[]),$=a(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=n(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&w({$component:t,isParent:!0});E({$component:t,$parents:r})}},[w]),E=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=l(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=!!r.getAttribute("data-toolbar-hover-revert"),a=!!r.getAttribute("data-toolbar-hover-inside"),i=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let n=l(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),d=o||a;if(b({current:t,parent:r,index:i,revert:d})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,l=parseFloat(e.top)+o-(u-1)*i;d&&(l=parseFloat(e.top)-o+(u-1)*i);let c=parseFloat(e.left)+a;n.setAttribute("style",`top: ${l}px;left: ${c}px;`),i++}}}}},S=a(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=g.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}g.current=[]},[]),q=a(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=h.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}S(),h.current=[]},[S]),L=a(()=>{r.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=A.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}A.current=[],C(!1),v.current&&v.current()},[]),I=a(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=l(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let t=o.querySelector("[data-spacing-margin-bottom-bg]")||null,r=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let a=e.marginBottom;t.style.height=a,r.style.top=a,o.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),U=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,j=a(async({componentUid:t,productId:e,timeAwait:o=600,articleId:a,forceReActive:i,marqueeKey:n,carouselItemKey:d})=>{if(!t)return;let u=U({componentUid:t,productId:e,articleId:a,marqueeKey:n,carouselItemKey:d}),c=await s(u,o);if(!c||!i&&t==r.current?.componentUid&&e==r.current?.productId&&a==r.current?.articleId&&n==r.current?.marqueeKey&&d==r.current?.carouselItemKey)return;(t!==r.current?.componentUid||e!==r.current?.productId||a!==r.current?.articleId||d!==r.current?.carouselItemKey||i)&&L(),(i||t===r.current?.componentUid)&&e===r.current?.productId&&n===r.current?.marqueeKey&&d===r.current?.carouselItemKey||L(),A.current.push(c);let b=l(c,"data-toolbar"),f=l(c,"data-outline"),v=l(c,"data-toolbar-add-top"),p=l(c,"data-toolbar-add-bottom");b&&(r.current={componentUid:t,productId:e,articleId:a,marqueeKey:n,carouselItemKey:d},b.removeAttribute("style"),b.setAttribute("data-toolbar-active","true"),y({$toolbar:b,$component:c,state:"active"})),f&&f.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:h,$section:g}=m(c,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(g&&(e||a||h)){let e=g.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{A.current.push(t);let e=l(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}I({$component:c}),q()},[L,q,I]),C=async t=>{if(t){if(r.current?.componentUid){let e=U({...r.current}),o=await s(e,500);if(o){let e=l(o,"data-toolbar"),r=l(o,"data-outline"),a=l(o,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),r&&t&&r.setAttribute("data-outline-editor-inline-focus","true"),a&&t&&a.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},K=a(t=>{let e=t.closest("[data-theme-section]"),o=e?.getAttribute("data-uid"),a=e&&o===r.current?.componentUid;if(!a)return;g.current.push(e);let i=l(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),O=async({value:t})=>{if(!t||!r.current)return;let e=!1,o=U({...r.current}),a=await s(o,500);if(a){let t=a?.querySelectorAll("[data-toolbar-parent]");if(t.length){let o=t=>{if(e)return;let r=t.getAttribute("data-parent-uid");if(!r)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${r}"]`);o?.length&&o.forEach(t=>{let e=l(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},a=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);r?.length&&r.forEach(t=>{let e=l(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},i=async t=>{e=!0;let o=t.getAttribute("data-parent-uid");if(!o)return;let i=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},d=async()=>{let t=await s(`[data-uid="${o}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",l="",c="";await i()&&(u=r.current?.productId||""),await n()&&(l=r.current?.articleId||""),await d()&&(c=r.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:o,productId:u,articleId:l,carouselItemKey:c,elementTag:t.getAttribute("data-component-tag")||""}});a(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>o(t)),t.addEventListener("mouseout",()=>a(t)),t.addEventListener("click",()=>i(t))})}}},x=a(t=>{if(f.current||p.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){S(),q();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:n}=m(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let d=a?.getAttribute("data-uid");if(!a||!d||"ROOT"==d){q();return}let u=l(a,"data-toolbar");if(!d||"ROOT"==d||u?.getAttribute("data-toolbar-hover-focus"))return;u?.getAttribute("data-toolbar-hover-focus")||q(),K(e);let c=i||n;if(d==r.current?.componentUid){if(r.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==r.current.productId){q();return}}}if(!c)return;w({$component:c,focus:!0,isPreventSection:!0})}c?w({$component:c,focus:!0,isPreventSection:!0}):(w({$component:a,componentUid:d,focus:!0}),$({$component:a,componentUid:d}))},[K,q,w,$,S,r]),B=a(t=>{if(f.current)return;let e=t.detail;e?.componentUid?j({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):L()},[j,L,f]),R=a(()=>{q()},[q]),P=a(t=>{let e=t.detail;e.value&&(q(),L()),f.current=e.value},[q,L]),T=a(t=>{let e=t.detail;e.value?C(!0):C(!1)},[]),k=a(t=>{if(f.current)return;let e=t.detail;O({value:e?.value||!1})},[]),M=a(t=>{let e=t.detail;e?.value?(q(),p.current=!0):p.current=!1},[q]),F=(t,e)=>{if(!t)return;let r=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);r?.length&&r.forEach(t=>{let r=l(t,"data-outline");r&&("in"===e?(r.setAttribute("data-outline-force-hover","true"),r.setAttribute("data-outline-force-overlay","true")):(r.removeAttribute("data-outline-force-hover"),r.removeAttribute("data-outline-force-overlay")))})},D=a(t=>{if(f.current)return;let e=t.detail;e?.componentUid&&F(e?.componentUid,e?.type)},[f]),z=t=>{let e=t.detail;r.current?.componentUid&&e?.componentUid==r.current?.componentUid&&j({...r.current})},H=a(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return i(()=>(document.addEventListener("mousemove",x),window.addEventListener("editor:active-component",B),window.addEventListener("editor:focus-outside-preview",R),window.addEventListener("editor:is-dragging",P),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",k),window.addEventListener("editor:toolbar:resize-spacing",M),window.addEventListener("editor:hover-component",D),window.addEventListener("editor:component:render",z),window.addEventListener("editor:editor-mobile-change",H),()=>{document.removeEventListener("mousemove",x),window.removeEventListener("editor:active-component",B),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-dragging",P),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",k),window.removeEventListener("editor:toolbar:resize-spacing",M),window.removeEventListener("editor:hover-component",D),window.removeEventListener("editor:component:render",z),window.removeEventListener("editor:editor-mobile-change",H),document.body.removeAttribute("data-editor-mobile")}),[x,B,R,P,T,k,M,D,z,H]),t(e,{})});export{f as default};
|
|
2
|
+
import{jsx as t,Fragment as e}from"react/jsx-runtime";import{getChildrenByAttrSelector as r}from"./toolbar/utils/getChildrenByAttrSelector.js";import{waitForElementToExist as o}from"./toolbar/utils/waitForElementToExist.js";import{TOOLBAR_ACTIVE_HEIGHT as a,TOOLBAR_HOVER_HEIGHT as i}from"./toolbar/const.js";import{getDOMElementParents as n}from"./toolbar/utils/getDOMElementParents.js";import{findOverflowParent as d}from"./toolbar/utils/findOverflowParent.js";import{findDOMClosest as u}from"./toolbar/utils/findDOMClosest.js";import{memo as l,useRef as c,useCallback as s,useEffect as b}from"react";import{isOverParent as m}from"./toolbar/utils/isOverParent.js";var f=l(()=>{let l=c(null),f=c(!1),v=c(),p=c(!1),h=c([]),g=c([]),A=c([]),y=({state:t,$toolbar:e,$component:r})=>{let o=d(r,e),i=e.getBoundingClientRect(),n=r.getBoundingClientRect(),u=window.innerWidth;o?n?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true"):i.top<a+1&&(n?.height<=60?e.setAttribute(`data-toolbar-${t}-revert`,"true"):e.setAttribute(`data-toolbar-${t}-inside`,"true")),n.left+i.width>u&&e.setAttribute(`data-toolbar-${t}-overflow`,"true");let l=r?.closest('[aria-label="Dialog body"]');if(l){let r=l.getBoundingClientRect(),o=r.left+r.width-20;n.left+i.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},w=s(({$component:t,componentUid:e,focus:o,isPreventSection:a,isParent:i})=>{if(!t&&!e)return;if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}h.current.push(t);let n=r(t,"data-toolbar"),d=r(t,"data-outline"),u=r(t,"data-toolbar-add-top"),l=r(t,"data-toolbar-add-bottom"),c=r(t,"data-theme-section-status");a&&c&&c.setAttribute("data-theme-section-status-active","true"),n&&(n.removeAttribute("style"),i||n.setAttribute("data-toolbar-hover","true"),o&&n.setAttribute("data-toolbar-hover-focus","true"),y({$toolbar:n,$component:t,state:"hover"})),d&&(d.setAttribute("data-outline-hover","true"),i&&d.setAttribute("data-outline-parent-hover","true"),a&&(g.current.push(t),d.setAttribute("data-outline-overlay-theme-section","true")),o&&d.setAttribute("data-outline-hover-focus","true")),u&&!i&&u.setAttribute("data-toolbar-add-hover","true"),l&&!i&&l.setAttribute("data-toolbar-add-hover","true")},[]),$=s(({$component:t,componentUid:e})=>{if(!t){let r=document.body.querySelector("#storefront")?.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=n(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&w({$component:t,isParent:!0});E({$component:t,$parents:r})}},[w]),E=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let o=r(t,"data-toolbar-hover-focus");if(o){let t=o.getBoundingClientRect(),a=!!o.getAttribute("data-toolbar-hover-revert"),n=!!o.getAttribute("data-toolbar-hover-inside"),d=1;for(let o of e)if(o){let e=o.getAttribute("data-component-tag");if("Section"===e)continue;let u=r(o,"data-toolbar-hover");if(u){let e=u.getAttribute("data-toolbar-active");if(e)continue;let r=u.getBoundingClientRect(),o=a||n;if(m({current:t,parent:r,index:d,revert:o})){let e=getComputedStyle(u),a=t.top-r.top,n=t.left-r.left,l=parseFloat(e.top)+a-(i-1)*d;o&&(l=parseFloat(e.top)-a+(i-1)*d);let c=parseFloat(e.left)+n;u.setAttribute("style",`top: ${l}px;left: ${c}px;`),d++}}}}},S=s(()=>{let t=["data-outline-overlay-theme-section","data-theme-section-status-active"],e=g.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}g.current=[]},[]),q=s(()=>{let t=["data-toolbar-hover-focus","data-toolbar-hover","data-outline-hover-focus","data-toolbar-hover-revert","data-toolbar-hover-inside","data-outline-hover","data-toolbar-add-hover","data-outline-parent-hover","data-toolbar-hover-overflow"],e=h.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}S(),h.current=[]},[S]),L=s(()=>{l.current=null;let t=["data-toolbar-active","data-outline-active","data-toolbar-add-active","data-toolbar-active-revert","data-toolbar-active-inside","data-spacing-margin-bottom-active","data-toolbar-force-hover","data-outline-force-hover","data-toolbar-active-overflow"],e=A.current;if(e.length)for(let r of e){let e=r.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})}A.current=[],C(!1),v.current&&v.current()},[]),I=s(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),o=r(t,"data-spacing"),a=o?.querySelector("[data-spacing-margin-bottom]")||null;if(a){let t=a.querySelector("[data-spacing-margin-bottom-bg]")||null,r=a.querySelector("[data-spacing-margin-bottom-drag]")||null;if(t&&r){let o=e.marginBottom;t.style.height=o,r.style.top=o,a.setAttribute("data-spacing-margin-bottom-active","true")}}},[]),U=({componentUid:t,productId:e,articleId:r,marqueeKey:o,carouselItemKey:a})=>r?`${r?`[data-article-id="${r}"][data-uid="${t}"], [data-article-id="${r}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`:o?`[marquee-item-key="${o}"] [data-uid="${t}"]`:a?`[data-carousel-item-key="${a}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,j=s(async({componentUid:t,productId:e,timeAwait:a=600,articleId:i,forceReActive:n,marqueeKey:d,carouselItemKey:c})=>{if(!t)return;let s=U({componentUid:t,productId:e,articleId:i,marqueeKey:d,carouselItemKey:c}),b=await o(s,a);if(!b||!n&&t==l.current?.componentUid&&e==l.current?.productId&&i==l.current?.articleId&&d==l.current?.marqueeKey&&c==l.current?.carouselItemKey)return;(t!==l.current?.componentUid||e!==l.current?.productId||i!==l.current?.articleId||c!==l.current?.carouselItemKey||n)&&L(),(n||t===l.current?.componentUid)&&e===l.current?.productId&&d===l.current?.marqueeKey&&c===l.current?.carouselItemKey||L(),A.current.push(b);let m=r(b,"data-toolbar"),f=r(b,"data-outline"),v=r(b,"data-toolbar-add-top"),p=r(b,"data-toolbar-add-bottom");m&&(l.current={componentUid:t,productId:e,articleId:i,marqueeKey:d,carouselItemKey:c},m.removeAttribute("style"),m.setAttribute("data-toolbar-active","true"),y({$toolbar:m,$component:b,state:"active"})),f&&f.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),p&&p.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:h,$section:g}=u(b,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(g&&(e||i||h)){let e=g.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{A.current.push(t);let e=r(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}I({$component:b}),q()},[L,q,I]),C=async t=>{if(t){if(l.current?.componentUid){let e=U({...l.current}),a=await o(e,500);if(a){let e=r(a,"data-toolbar"),o=r(a,"data-outline"),i=r(a,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),o&&t&&o.setAttribute("data-outline-editor-inline-focus","true"),i&&t&&i.setAttribute("data-spacing-hidden","true")}}}else{let t=document.body.querySelector("#storefront")?.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t?.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},K=s(t=>{let e=t.closest("[data-theme-section]"),o=e?.getAttribute("data-uid"),a=e&&o===l.current?.componentUid;if(!a)return;g.current.push(e);let i=r(e,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),O=async({value:t})=>{if(!t||!l.current)return;let e=!1,a=U({...l.current}),i=await o(a,500);if(i){let t=i?.querySelectorAll("[data-toolbar-parent]");if(t.length){let a=t=>{if(e)return;let o=t.getAttribute("data-parent-uid");if(!o)return;let a=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${o}"]`);a?.length&&a.forEach(t=>{let e=r(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},i=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${e}"]`);o?.length&&o.forEach(t=>{let e=r(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},n=async t=>{e=!0;let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await o(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]");return!!e?.getAttribute("data-product-id")},n=async()=>{let t=await o(`[data-uid="${r}"]`,500),e=t?.closest("[data-article-id]");return!!e?.getAttribute("data-article-id")},d=async()=>{let t=await o(`[data-uid="${r}"]`,500),e=t?.closest("[data-carousel-item-key]");return!!e?.getAttribute("data-carousel-item-key")},u="",c="",s="";await a()&&(u=l.current?.productId||""),await n()&&(c=l.current?.articleId||""),await d()&&(s=l.current?.carouselItemKey||"");let b=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:u,articleId:c,carouselItemKey:s,elementTag:t.getAttribute("data-component-tag")||""}});i(t),window.dispatchEvent(b),setTimeout(()=>{e=!1},0)};t.forEach(t=>{t.addEventListener("mouseover",()=>a(t)),t.addEventListener("mouseout",()=>i(t)),t.addEventListener("click",()=>n(t))})}}},x=s(t=>{if(f.current||p.current)return;let e=t.target;if(!e||"function"!=typeof e.closest){S(),q();return}let{$toolbarHover:o,$component:a,$themeSection:i,$shopifySection:n}=u(e,{$toolbarHover:"[data-toolbar-hover]",$component:"[data-toolbar-wrap]",$themeSection:"[data-theme-section]",$shopifySection:"[data-shopify-section]"});if(o)return;let d=a?.getAttribute("data-uid");if(!a||!d||"ROOT"==d){q();return}let c=r(a,"data-toolbar");if(!d||"ROOT"==d||c?.getAttribute("data-toolbar-hover-focus"))return;c?.getAttribute("data-toolbar-hover-focus")||q(),K(e);let s=i||n;if(d==l.current?.componentUid){if(l.current.productId){let t=a.closest("[data-product-id]");if(t){let e=t.getAttribute("data-product-id");if(e==l.current.productId){q();return}}}if(!s)return;w({$component:s,focus:!0,isPreventSection:!0})}s?w({$component:s,focus:!0,isPreventSection:!0}):(w({$component:a,componentUid:d,focus:!0}),$({$component:a,componentUid:d}))},[K,q,w,$,S,l]),B=s(t=>{if(f.current)return;let e=t.detail;e?.componentUid?j({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey,carouselItemKey:e.carouselItemKey}):L()},[j,L,f]),R=s(()=>{q()},[q]),P=s(t=>{let e=t.detail;e.value&&(q(),L()),f.current=e.value},[q,L]),T=s(t=>{let e=t.detail;e.value?C(!0):C(!1)},[]),k=s(t=>{if(f.current)return;let e=t.detail;O({value:e?.value||!1})},[]),M=s(t=>{let e=t.detail;e?.value?(q(),p.current=!0):p.current=!1},[q]),F=(t,e)=>{if(!t)return;let o=document.body.querySelector("#storefront")?.querySelectorAll(`[data-uid="${t}"]`);o?.length&&o.forEach(t=>{let o=r(t,"data-outline");o&&("in"===e?(o.setAttribute("data-outline-force-hover","true"),o.setAttribute("data-outline-force-overlay","true")):(o.removeAttribute("data-outline-force-hover"),o.removeAttribute("data-outline-force-overlay")))})},D=s(t=>{if(f.current)return;let e=t.detail;e?.componentUid&&F(e?.componentUid,e?.type)},[f]),z=t=>{let e=t.detail;l.current?.componentUid&&e?.componentUid==l.current?.componentUid&&j({...l.current})},H=s(t=>{let e=t.detail;document.body.toggleAttribute("data-editor-mobile",!!e?.isEditorMobile)},[]);return b(()=>(document.addEventListener("mousemove",x),window.addEventListener("editor:active-component",B),window.addEventListener("editor:focus-outside-preview",R),window.addEventListener("editor:is-dragging",P),window.addEventListener("editor:is-editing-text-editor",T),window.addEventListener("editor:toolbar:show-parents",k),window.addEventListener("editor:toolbar:resize-spacing",M),window.addEventListener("editor:hover-component",D),window.addEventListener("editor:component:render",z),window.addEventListener("editor:editor-mobile-change",H),()=>{document.removeEventListener("mousemove",x),window.removeEventListener("editor:active-component",B),window.removeEventListener("editor:is-dragging",R),window.removeEventListener("editor:is-dragging",P),window.removeEventListener("editor:is-editing-text-editor",T),window.removeEventListener("editor:toolbar:show-parents",k),window.removeEventListener("editor:toolbar:resize-spacing",M),window.removeEventListener("editor:hover-component",D),window.removeEventListener("editor:component:render",z),window.removeEventListener("editor:editor-mobile-change",H),document.body.removeAttribute("data-editor-mobile")}),[x,B,R,P,T,k,M,D,z,H]),t(e,{})});export{f as default};
|