@gem-sdk/pages 2.0.0-dev.890 → 2.0.0-staging.1023
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/ErrorBoundary.js +2 -1
- package/dist/cjs/components/ErrorFallback.js +1 -0
- package/dist/cjs/components/FacebookPixel.js +2 -1
- package/dist/cjs/components/FooterForPostPurchase.js +2 -1
- package/dist/cjs/components/GoogleAnalytic.js +3 -2
- package/dist/cjs/components/TikTokPixel.js +1 -0
- package/dist/cjs/components/builder/Body.js +2 -0
- package/dist/cjs/components/builder/Footer.js +2 -0
- package/dist/cjs/components/builder/Header.js +2 -0
- package/dist/cjs/components/builder/PopupManager.js +2 -1
- package/dist/cjs/components/builder/SwitchView.js +2 -0
- package/dist/cjs/components/builder/Toolbar.js +2 -1
- package/dist/cjs/components/builder/Toolbox.js +2 -1
- package/dist/cjs/components/builder/const.js +1 -0
- package/dist/cjs/components/builder/toolbar/const.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/findDOMClosest.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/findOverflowParent.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/getChildrenByAttrSelector.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/getDOMElementParents.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/isOverParent.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/isOverToolbarPosition.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/isSection.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/notVisible.js +1 -0
- package/dist/cjs/components/builder/toolbar/utils/waitForElementToExist.js +1 -0
- package/dist/cjs/components/composable/getListFontWeightTypos.js +1 -0
- package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +2 -1
- package/dist/cjs/components/image-to-layout/DropElement.js +2 -1
- package/dist/cjs/components/image-to-layout/ImageToLayout.js +1 -0
- package/dist/cjs/constants/index.js +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/layouts/main.js +2 -1
- package/dist/cjs/libs/api/get-builder-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-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/google-fonts.js +1 -1
- package/dist/cjs/libs/helpers/check-option-font.js +1 -0
- package/dist/cjs/libs/helpers/gen-css.js +1 -1
- package/dist/cjs/libs/helpers/gen-fonts.js +1 -1
- package/dist/cjs/libs/helpers/get-metafield.js +1 -0
- package/dist/cjs/libs/helpers/normalize.js +1 -1
- package/dist/cjs/libs/helpers/sentry.js +1 -0
- package/dist/cjs/libs/hooks/use-tracking-view.js +1 -0
- package/dist/cjs/libs/parse-html.js +1 -1
- package/dist/cjs/pages/404.js +2 -1
- package/dist/cjs/pages/500.js +2 -1
- package/dist/cjs/pages/CollectionGlobalProvider.js +1 -0
- package/dist/cjs/pages/builder.js +2 -1
- package/dist/cjs/pages/collection-detail.js +1 -0
- package/dist/cjs/pages/preview.js +1 -0
- package/dist/cjs/pages/product-detail.js +1 -0
- package/dist/cjs/pages/static-v2.js +5 -1
- package/dist/cjs/pages/static.js +2 -1
- package/dist/cjs/store/libs-store.js +1 -0
- package/dist/esm/components/ErrorBoundary.js +2 -1
- package/dist/esm/components/ErrorFallback.js +1 -0
- package/dist/esm/components/FacebookPixel.js +3 -2
- package/dist/esm/components/FooterForPostPurchase.js +2 -1
- package/dist/esm/components/GoogleAnalytic.js +3 -2
- package/dist/esm/components/TikTokPixel.js +1 -0
- package/dist/esm/components/builder/Body.js +2 -0
- package/dist/esm/components/builder/Footer.js +2 -0
- package/dist/esm/components/builder/Header.js +2 -0
- package/dist/esm/components/builder/PopupManager.js +2 -1
- package/dist/esm/components/builder/SwitchView.js +2 -0
- package/dist/esm/components/builder/Toolbar.js +2 -1
- package/dist/esm/components/builder/Toolbox.js +2 -1
- package/dist/esm/components/builder/const.js +1 -0
- package/dist/esm/components/builder/toolbar/const.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/findDOMClosest.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/findOverflowParent.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/getChildrenByAttrSelector.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/getDOMElementParents.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/isOverParent.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/isOverToolbarPosition.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/isSection.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/notVisible.js +1 -0
- package/dist/esm/components/builder/toolbar/utils/waitForElementToExist.js +1 -0
- package/dist/esm/components/composable/getListFontWeightTypos.js +1 -0
- package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +2 -1
- package/dist/esm/components/image-to-layout/DropElement.js +2 -1
- package/dist/esm/components/image-to-layout/ImageToLayout.js +1 -0
- package/dist/esm/constants/index.js +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/layouts/main.js +2 -1
- package/dist/esm/libs/api/get-builder-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-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/google-fonts.js +1 -1
- package/dist/esm/libs/helpers/check-option-font.js +1 -0
- package/dist/esm/libs/helpers/gen-css.js +1 -1
- package/dist/esm/libs/helpers/gen-fonts.js +1 -1
- package/dist/esm/libs/helpers/get-metafield.js +1 -0
- package/dist/esm/libs/helpers/normalize.js +1 -1
- package/dist/esm/libs/helpers/sentry.js +1 -0
- package/dist/esm/libs/hooks/use-tracking-view.js +1 -0
- package/dist/esm/libs/parse-html.js +1 -1
- package/dist/esm/pages/404.js +2 -1
- package/dist/esm/pages/500.js +2 -1
- package/dist/esm/pages/CollectionGlobalProvider.js +1 -0
- package/dist/esm/pages/builder.js +2 -1
- package/dist/esm/pages/collection-detail.js +1 -0
- package/dist/esm/pages/preview.js +1 -0
- package/dist/esm/pages/product-detail.js +1 -0
- package/dist/esm/pages/static-v2.js +5 -1
- package/dist/esm/pages/static.js +2 -1
- package/dist/esm/store/libs-store.js +1 -0
- package/dist/types/index.d.ts +83 -61
- package/package.json +9 -6
- package/dist/cjs/components/Footer.js +0 -1
- package/dist/cjs/components/Header.js +0 -1
- package/dist/cjs/components/builder/toolbar/Onboarding.js +0 -1
- package/dist/esm/components/Footer.js +0 -1
- package/dist/esm/components/Header.js +0 -1
- package/dist/esm/components/builder/toolbar/Onboarding.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),nextjs=require("@sentry/nextjs"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),getFallback=require("../helpers/get-fallback.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js");const getStaticPagePropsPreview=(e,
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),nextjs=require("@sentry/nextjs"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),getFallback=require("../helpers/get-fallback.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js"),customFonts=require("../custom-fonts.js"),sentry=require("../helpers/sentry.js");const getStaticPagePropsPreview=(e,o)=>async t=>{try{let r="STATIC",a={handleURL:t,pageType:r},[s,n,i]=await Promise.allSettled([e([core.PreviewThemePageDocument,a]),e([core.StorePropertyDocument]),o([adapterShopify.ShopMetaDocument])]);if("rejected"===s.status)throw sentry.sentryCaptureException("PreviewThemePageDocument",s.reason,{variables:a,theme:s}),Error(s.reason?.[0]);let l=s.value.previewThemePage;if(!l)throw Error(`No data builder found for slug: /preview/${t}`);let c=l.customFonts,p=normalize.parseBuilderTemplateV2(l),[u,m,g,d]=await Promise.all([googleFonts.getFontStyleFromPageTemplate(p),googleFonts.getFontFromGlobalStyle(l?.themeStyle?.data),getFallback.getFallbackV2(e,p),customFonts.getCustomFonts(c)]),h=!!l.isMobile,f=l?.dataSEO?.find(e=>e?.key==="global-meta-description")?.value,y=parseJson.parseJson(l?.dataSEO?.find(e=>e?.key==="global-meta-thumbnail")?.value),P="fulfilled"===i.status?i.value:void 0,x="fulfilled"===n.status?n.value:void 0,k=x?.storeProperty?.favicon??"/favicon/favicon-32x32.png",v={defaultTitle:P?.shop.name,title:l?.name,description:f??P?.shop.description,openGraph:{site_name:P?.shop.name,locale:P?.localization.country.isoCode,title:l?.name??P?.shop.name,description:f??P?.shop.description,images:y?[y]:[]},nofollow:!0,noindex:!0,canonical:`/preview/${t}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${k}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${k}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${k}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:generateManifres.generateManifest({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:P?.shop.name,short_name:P?.shop.name,description:P?.shop.description,icons:[{src:`${k}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${k}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},z=P?.localization.language.isoCode??null,S=P?.localization.country.isoCode??null,b=z&&S?`${z}-${S}`:null;return parseJson.serializableJson({themeStyle:genCss.genCSS(l?.themeStyle?.data,h),fontStyle:m,elementFontStyle:u,builderData:p,pageType:r,moneyFormat:P?.shop?.moneyFormat??null,currency:P?.localization?.country?.currency?.isoCode??null,languageIsoCode:z,countryIsoCode:S,locale:b,swr:{fallback:g},swatches:parseJson.parseJson(x?.storeProperty?.swatchesConfig),seo:v,mobileOnly:h,gaTrackingId:l.analytic?.gaTrackingID??null,facebookPixelId:l.analytic?.fbPixelID??null,tiktokPixelId:l.analytic?.tiktokPixelID??null,customCodeHeader:l.customCode?.header??null,customCodeBody:l.customCode?.body??null,customFonts:d,pageBackground:normalize.extractPageBackground(l),interaction:l?.interaction})}catch(e){throw nextjs.captureException(e),e}};exports.getStaticPagePropsPreview=getStaticPagePropsPreview;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),getFallback=require("../helpers/get-fallback.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js"),nextjs=require("@sentry/nextjs"),customFonts=require("../custom-fonts.js");const getStaticPagePropsV2=(e,
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),getFallback=require("../helpers/get-fallback.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js"),nextjs=require("@sentry/nextjs"),customFonts=require("../custom-fonts.js"),getMetafield=require("../helpers/get-metafield.js"),index=require("../../constants/index.js");const getStaticPagePropsV2=(e,a)=>async t=>{try{let s="STATIC",i={slug:t,slugType:s},[l,o,r,d]=await Promise.allSettled([e([core.PublishedThemePagesDocument,i]),e([core.StorePropertyDocument]),a([adapterShopify.ShopMetaDocument]),e([core.PublishedShopMetasDocument,{keys:["source_font",index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL]}])]);if("rejected"===l.status)throw Error(l.reason?.[0]);let n="fulfilled"===d.status?d.value:void 0,u=n?.publishedShopMetas?.find(e=>e?.key==="source_font"),h=l.value.publishedThemePages?.[0],g=l.value?.publishedThemePages?.[0]?.themePageCustomFonts;if(!h)throw Error(`No data builder found for slug: /${t}`);let m=normalize.parseBuilderTemplateV2(h),[f,c,p,P]=await Promise.all([googleFonts.getFontStyleFromPageTemplate(m,u?.value),googleFonts.getFontFromGlobalStyle(h?.pageStyle?.data,u?.value),getFallback.getFallbackV2(e,m),customFonts.getCustomFonts(g)]),T=h.isMobile??!1,M=getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,h?.metafields)||n?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value,y=getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_TITLE,h?.metafields)||n?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.GLOBAL_META_TITLE)?.value,b=parseJson.parseJson(getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL,h?.metafields)||n?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value),_=getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.NOINDEX_KEY,h?.metafields)||n?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.NOINDEX_KEY)?.value,x=getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.NOFOLLOW_KEY,h?.metafields)||n?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.NOFOLLOW_KEY)?.value,L="fulfilled"===r.status?r.value:void 0,S="fulfilled"===o.status?o.value:void 0,A=S?.storeProperty?.favicon??"/favicon/favicon-32x32.png",E={defaultTitle:L?.shop.name,title:y||h?.name,description:M??L?.shop.description,openGraph:{site_name:L?.shop.name,locale:L?.localization.country.isoCode,title:(y||h?.name)??L?.shop.name,description:M??L?.shop.description,images:b?[b]:[]},noindex:"true"===_,nofollow:"true"===x,canonical:`https://${S?.storeProperty?.primaryDomain}/${t}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${A}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${A}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${A}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:generateManifres.generateManifest({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:L?.shop.name,short_name:L?.shop.name,description:L?.shop.description,icons:[{src:`${A}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${A}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},B=L?.localization.language.isoCode??null,I=L?.localization.country.isoCode??null,O=B&&I?`${B}-${I}`:null;return parseJson.serializableJson({themeStyle:genCss.genCSS(h?.pageStyle?.data,T),fontStyle:c,elementFontStyle:f,builderData:m,pageType:s,moneyFormat:L?.shop.moneyFormat??null,currency:L?.localization.country.currency.isoCode??null,languageIsoCode:B,countryIsoCode:I,locale:O,swr:{fallback:p},swatches:parseJson.parseJson(S?.storeProperty?.swatchesConfig),seo:E,mobileOnly:T,gaTrackingId:getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.ANALYTICS_GA_TRACKING_ID,h?.metafields)??null,facebookPixelId:getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.ANALYTICS_FB_PIXEL_ID,h?.metafields)??null,tiktokPixelId:getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.ANALYTICS_TIKTOK_PIXEL_ID,h?.metafields)??null,customCodeHeader:getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.CUSTOM_CODE_HEADER,h?.metafields)??null,customCodeBody:getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.CUSTOM_CODE_BODY,h?.metafields)??null,pageHandle:h.handle??null,customFonts:P,interaction:h?.interaction,pageBackground:normalize.extractPageBackground(h)})}catch(e){throw nextjs.captureException(e),e}};exports.getStaticPagePropsV2=getStaticPagePropsV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js");const getStaticPageProps=(e,
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),adapterShopify=require("@gem-sdk/adapter-shopify"),googleFonts=require("../google-fonts.js"),genCss=require("../helpers/gen-css.js"),generateManifres=require("../helpers/generate-manifres.js"),normalize=require("../helpers/normalize.js"),parseJson=require("../helpers/parse-json.js"),index=require("../../constants/index.js"),getMetafield=require("../helpers/get-metafield.js");const getStaticPageProps=(e,s)=>async a=>{let t="STATIC",r={slug:a,slugType:t},[i,o,l,n]=await Promise.allSettled([e([core.PublishedThemePagesDocument,r]),e([core.StorePropertyDocument]),s([adapterShopify.ShopMetaDocument]),e([core.PublishedShopMetasDocument,{keys:["source_font",index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL]}])]);if("rejected"===i.status)return{pageType:t};let d="fulfilled"===n.status?n.value:void 0,p=i.value.publishedThemePages?.[0],c=normalize.parseBuilderTemplate(p),u=await googleFonts.getFontFromGlobalStyle(p?.pageStyle?.data),h=core.prefetchQueries(c),m=await Promise.allSettled(h.map(({query:s,variables:a,func:t})=>t?t(e,a):s?e([s,a]):{})),g=h.reduce((e,{key:s},a)=>{let t=m[a];return t?.status==="fulfilled"?{...e,[s]:t.value}:e},{}),f=getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION,p?.metafields)||d?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.GLOBAL_META_DESCRIPTION)?.value,P=parseJson.parseJson(getMetafield.getPublishedThemePageMetafieldByKey(index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL,p?.metafields)||d?.publishedShopMetas?.find(e=>e?.key===index.PublishedThemePageMetafields.GLOBAL_META_THUMBNAIL)?.value),y="fulfilled"===l.status?l.value:void 0,T="fulfilled"===o.status?o.value:void 0,M=T?.storeProperty?.favicon??"/favicon/favicon-32x32.png",_={defaultTitle:y?.shop.name??"",title:p?.name??"",description:f??y?.shop.description??"",openGraph:{site_name:y?.shop.name??"",locale:y?.localization.country.isoCode??"",title:p?.name??y?.shop.name??"",description:f??y?.shop.description??"",images:P?[P]:[]},additionalMetaTags:[{name:"theme-color",content:"#000000"}],canonical:`/${a}`,additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${M}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${M}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${M}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:generateManifres.generateManifest({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:y?.shop.name,short_name:y?.shop.name,description:y?.shop.description,icons:[{src:`${M}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${M}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},S=y?.localization.language.isoCode??null,x=y?.localization.country.isoCode??null,b=S&&x?`${S}-${x}`:null;return parseJson.serializableJson({themeStyle:genCss.genCSS(p?.pageStyle?.data),fontStyle:u,builderData:c,pageType:t,moneyFormat:y?.shop.moneyFormat??null,currency:y?.localization.country.currency.isoCode??null,languageIsoCode:S,countryIsoCode:x,locale:b,swr:{fallback:g},swatches:parseJson.parseJson(T?.storeProperty?.swatchesConfig),seo:_})};exports.getStaticPageProps=getStaticPageProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var genFonts=require("./helpers/gen-fonts.js");const CHROME_UA="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",IE_UA="Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko";async function getFontForUA(e,t){return fetch(e,{headers:{"User-Agent":t}}).then(e=>200===e.status?e.text():"")}const composeFonts=e=>{let t=e.filter((e,t,
|
|
1
|
+
"use strict";var checkOptionFont=require("./helpers/check-option-font.js"),genFonts=require("./helpers/gen-fonts.js");const CHROME_UA="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",IE_UA="Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko";async function getFontForUA(e,t){return fetch(e,{headers:{"User-Agent":t}}).then(e=>200===e.status?e.text():"")}const composeFonts=e=>{let t=e.filter((e,t,n)=>t===n.findIndex(t=>t.family===e.family));return t.map(t=>{let n=e.filter(e=>e.family===t.family).reduce((e,t)=>[...e,...t.variants],[]).filter((e,t,n)=>t===n.findIndex(t=>t===e));return{...t,variants:n}})},handleGenerateFontParams=(e,t="google")=>{let n=[];if(!e.length)return"bunny"===t?"400":"wght@400";e.forEach(e=>{if("string"!=typeof e||e?.includes("italic"))return;let t="regular"===e?"400":e;n.push(t)});let o=n.sort((e,t)=>Number(e)-Number(t)),r=o.map(e=>e);return"google"===t?`wght@${r.join(";")}`:o.join(",")},createFontUrl=(e,t,n="google")=>{let o=e.filter(e=>!(["bunny","google"].includes(e.type)&&checkOptionFont.checkNotInOptionFont(e.family,n||"google"))&&("google"===e.type||"bunny"===e.type||!e.type));if(!o.length)return;let r=new URLSearchParams,l=t?.display||"swap",a=o.filter((e,t,n)=>t===n.findIndex(t=>t.family===e.family)),i=composeFonts(a).map(e=>`${e.family.replace(/ /g,"+")}:${handleGenerateFontParams(e.variants,n)}`).join("google"===n?"&family=":"|");r.append("family",i),r.append("display",l),t?.subset&&r.append("subset",t.subset),t?.effect&&r.append("effect",t.effect);let s=`https://fonts.bunny.net/css?family=${i}`,c=`https://fonts.googleapis.com/css2?${decodeURIComponent(r.toString())}`;return"bunny"===n?s:c};async function getFonts(e,t,n=!0,o){let r=createFontUrl(e,t,o);if(!r)return"";try{if(n)return`@import url('${r}');`;let[e,t]=await Promise.all([getFontForUA(r,"Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko"),getFontForUA(r,"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=e+t;{let e=new TextEncoder,t=o?e.encode(o).length:0;if(Math.ceil(t/1024)>=50)return`@import url('${r}');`}return o}catch(e){return""}}const getFontFromGlobalStyle=(e,t)=>{if(!e)return"";try{let n=JSON.parse(e),o=n?.font??{},r=Object.entries(o).map(([,e])=>e);return getFonts(r,void 0,void 0,t)}catch{return""}};async function getFontStyleFromPageTemplate(e,t){let n=e.map(e=>getFonts(genFonts.getFontsFromDataBuilder(e.data),void 0,void 0,t));return await Promise.all(n)}exports.composeFonts=composeFonts,exports.createFontUrl=createFontUrl,exports.getFontFromGlobalStyle=getFontFromGlobalStyle,exports.getFontStyleFromPageTemplate=getFontStyleFromPageTemplate,exports.getFonts=getFonts;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const listFontsNotInBunny=["Anton SC","Arsenal SC","Baskervville SC","Beiruti","Bodoni Moda SC","Bona Nova SC","Bungee Tint","Edu AU VIC WA NT Hand","Fustat","Ga Maamli","Kalnia Glaze","Maname","Matemasie","Material Icons","Material Icons Outlined","Material Icons Round","Material Icons Sharp","Material Icons Two Tone","Material Symbols Outlined","Material Symbols Rounded","Material Symbols Sharp","Moderustic","New Amsterdam","Playwrite AR","Playwrite AT","Playwrite BE VLG","Playwrite BE WAL","Playwrite CL","Playwrite CU","Playwrite CZ","Playwrite DK Loopet","Playwrite DK Uloopet","Playwrite HR","Playwrite HR Lijeva","Playwrite HU","Playwrite PE","SUSE","Sankofa Display","Wittgenstein","Zain"],listFontsNotInGoogle=["Arima Madurai","Coda Caption","Fredoka One","Gentium Book Basic","Kantumruy","Merienda One","Source Sans Pro","Source Serif Pro","Briem Hand","Pushster"],objectFont={bunny:listFontsNotInBunny,google:listFontsNotInGoogle},checkNotInOptionFont=(t,a)=>objectFont?.[a]?.includes(t);exports.checkNotInOptionFont=checkNotInOptionFont;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),merge=require("deepmerge");const baseDevices={tablet:"
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),merge=require("deepmerge");const baseDevices={tablet:"1024px",mobile:"767px"},flattenObject=(e,t)=>Object.keys(e).reduce((r,n)=>{let o=t?`${t}-`:"";return"object"==typeof e[n]&&null!==e[n]&&Object.keys(e[n]).length>0?Object.assign(r,flattenObject(e[n],o+n)):r[o+n]=e[n],r},{}),mapObject=e=>Object.entries(e??{}).reduce((e,[t,r])=>({...e,[core.getShortName(t)]:"object"==typeof r?mapObject(r):r}),{}),getValueByDevice=(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},quoteFontName=e=>["sans-serif"].includes(e)?e:`'${e}'`,genCSSVariable=e=>Object.entries(mapObject(flattenObject(e))).map(([e,t])=>{if(void 0!==t)return["font-heading","font-body","theme-font-heading","theme-font-body"].includes(e)?`--g-${e}: ${quoteFontName(t)}`:`--g-${e}:${t}`}).filter(e=>void 0!==e).join(";"),genCSS=(e,t)=>{if(!e)return"";let r={};try{if(r="string"==typeof e?JSON.parse(e):e,t){let e=getValueByDevice(r,"desktop"),t=getValueByDevice(r,"mobile"),n=merge(e,t);n.color=r.color,n.radius=r.radius;let o=genCSSVariable(n);return`:root{${o}}`}return core.DEVICES.map(e=>{let t=getValueByDevice(r,e);"desktop"===e&&(t.color=r.color,t.radius=r.radius);let n=genCSSVariable(t);return"desktop"===e?`:root{${n}}`:`@media (max-width: ${baseDevices[e]}) {:root{${n}}}`}).join("\n")}catch{return""}};exports.genCSS=genCSS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let
|
|
1
|
+
"use strict";const getFontsFromDataBuilder=t=>{let e=[];for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o)){let r=t[o],n=r.styles,i=r.settings;getFontFromGroupSetting(e,n),getFontFromGroupSetting(e,i)}return e},getFontFromGroupSetting=(t,e)=>{let o=["normal","hover","focus","active","disabled","price","compareAtPrice"];for(let r in e)if(Object.prototype.hasOwnProperty.call(e,r)){let n=e[r];if(!n)continue;for(let e of(getFontValue(t,n),o))n[e]&&getFontValue(t,n[e])}},uniqueArray=t=>Array.from(new Set(t)),getFontValue=(t,e)=>{let o=e.custom?.fontFamily;"string"==typeof o&&(o={value:e.custom?.fontFamily||"",type:"google"});let r=o?.value,n=e.custom?.fontVariants;if(n?.length||(n=[e.custom?.fontWeight]),o&&n?.length){let i=n.map(t=>"regular"===t?"400":t),l=e.custom?.fontWeight&&i.includes(e.custom?.fontWeight)?e.custom?.fontWeight:i[0];if(l){let n=uniqueArray([l,...e?.attrs?.isAlwaysLoadBold?["700"]:[]]),a=t.find(t=>t.family==r&&t.variants.includes(l));if(!a){let e=t.find(t=>t.family==r);e?e.variants.push(l):("700"!==l&&i.includes("700")&&n.push("700"),t.push({family:r||"",variants:n,subsets:[],type:o.type}))}}}};exports.getFontFromGroupSetting=getFontFromGroupSetting,exports.getFontsFromDataBuilder=getFontsFromDataBuilder;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const getPublishedThemePageMetafieldByKey=(e,t)=>t?.find(t=>t?.key===e)?.value;exports.getPublishedThemePageMetafieldByKey=getPublishedThemePageMetafieldByKey;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const normalizeBuilderData=e=>{let t={};function r(e,t={}){if(e){let{childrens:
|
|
1
|
+
"use strict";const normalizeBuilderData=e=>{let t={};function r(e,t={}){if(e){let{childrens:a,dateModified:i,editorConfigs:o,...n}=e;if("section"===n.type)t[n.uid]=n;else{let e=a?.map(e=>e?.uid)??[];t[n.uid]={...n,childrens:e},a&&a.map(e=>r(e,t))}}}return r(e,t),{...t}},orderSection=(e,t)=>{let r=t?.filter(t=>e?.some(e=>e?.id===t)),a=r?.map(t=>e?.find(e=>e?.id===t))??[],i=e?.filter(e=>(!e?.id||!r?.includes(e.id))&&!e?.deletedAt)??[];return a.concat(i)};function normalizePageSectionResponse(e,t){let r=orderSection(e,t),a=r.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return normalizeBuilderData({uid:"ROOT",tag:"Root",childrens:a})}function normalizePageSectionResponseV2(e,t){let r=orderSection(e,t),a=r.map(e=>{if(!e?.component)return!1;try{let t=JSON.parse(e.component);return t}catch{return!1}}).filter(Boolean);return a.map(e=>({uid:e.uid,lazy:!!e.settings?.lazy,priority:!!e.settings?.priority,data:normalizeBuilderData(e)}))}const parseBuilderTemplateV2=e=>normalizePageSectionResponseV2([...e?.pageSections??[],...e?.themePageCustomSections??[],...e?.themeSections??[]],e?.sectionPosition),parseBuilderTemplate=e=>normalizePageSectionResponse([...e?.pageSections??[],...e?.themePageCustomSections??[]],e?.sectionPosition),extractPageBackground=e=>{try{let t=e?.metafields?.find(e=>e?.key==="page_background")?.value;return JSON.parse(t??"{}")}catch{return{}}},parseBuilderLibraryTemplate=e=>normalizePageSectionResponseV2([...e?.sections??[]],e?.sectionPosition),parseShopLibraryPageTemplate=e=>normalizePageSectionResponseV2([...e?.shopLibrarySections??[]],e?.sectionPosition);exports.extractPageBackground=extractPageBackground,exports.normalizeBuilderData=normalizeBuilderData,exports.normalizePageSectionResponseV2=normalizePageSectionResponseV2,exports.parseBuilderLibraryTemplate=parseBuilderLibraryTemplate,exports.parseBuilderTemplate=parseBuilderTemplate,exports.parseBuilderTemplateV2=parseBuilderTemplateV2,exports.parseShopLibraryPageTemplate=parseShopLibraryPageTemplate;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var nextjs=require("@sentry/nextjs");const sentryCaptureException=(e,t,s,r)=>{nextjs.withScope(a=>{a.setLevel(r?.level??"log"),r?.tag&&a.setTag(r?.tag.key,r?.tag.value),a.setExtra("function",e),a.setExtra("data",JSON.stringify(s)),nextjs.captureMessage(`${e}: ${t}`)})};exports.sentryCaptureException=sentryCaptureException;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";var core=require("@gem-sdk/core"),react=require("react");const useTrackingView=(e,r,c)=>{let t=e||process.env.NEXT_PUBLIC_SHOP_TOKEN,a=process.env.NEXT_PUBLIC_API_URL,i=react.useCallback(e=>{if(!a||!t)return;let r={pageHandle:e},c={"Content-Type":"application/json","X-GemX-Shop-Token":t};fetch(a,{method:"POST",headers:c,body:JSON.stringify({query:core.PageViewUpDocument,variables:r})}).finally(()=>{})},[a,t]);react.useEffect(()=>{r&&!c&&i(r)},[r,i,c])};exports.useTrackingView=useTrackingView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var jsxRuntime=require("react/jsx-runtime"),parse=require("html-react-parser")
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),parse=require("html-react-parser");const parseHtml=(e,r,t)=>{if(r)try{return parse(r,{replace:r=>{if("script"!==r.type||!(r instanceof parse.Element))return null;let s=r.children?.[0];return s?s instanceof parse.Text||t?s instanceof parse.Text&&t?jsxRuntime.jsx("script",{id:e,...r.attribs,dangerouslySetInnerHTML:{__html:s.data}},e):void 0:jsxRuntime.jsx("script",{id:e,...r.attribs},e):null}})}catch{return}};exports.parseHtml=parseHtml;
|
package/dist/cjs/pages/404.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),nextSeo=require("next-seo"),Image=require("next/image");const Page404=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{title:"Page not found"}),jsxRuntime.jsxs("div",{className:"tablet:gp-max-w-2xl 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",children:[jsxRuntime.jsx(Image,{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}),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-pb-36",children:[jsxRuntime.jsx("h1",{className:"mobile:gp-text-2xl gp-text-4xl gp-font-semibold",children:"Oops! Page not found"}),jsxRuntime.jsx("p",{children:"Your page URL is incorrect."})]})]})]});exports.Page404=Page404;
|
package/dist/cjs/pages/500.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Image=require("next/image"),react=require("react");const Page500=()=>{let[e,t]=react.useState(!1);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{title:"Service Unavailable"}),jsxRuntime.jsxs("div",{className:"tablet:gp-max-w-2xl 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",children:[jsxRuntime.jsx(Image,{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}),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-8 gp-pb-36",children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-text-center",children:[jsxRuntime.jsx("h1",{className:"mobile:gp-text-2xl gp-text-4xl gp-font-semiboldgp-",children:"Service Unavailable"}),jsxRuntime.jsx("p",{className:"gp-text-center",children:"The server is temporarily busy. Try again later."})]}),jsxRuntime.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:()=>{t(!0),window.location.reload()},children:[jsxRuntime.jsx("svg",{className:core.cls("gp-w-5",{"gp-animate-spin":e}),viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.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"]})]})]})]})};exports.Page500=Page500;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic");const CollectionProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionGlobalProvider=({children:e})=>{let[r,i]=react.useState({first:1,orderBy:{direction:"DESC",field:"UPDATED_AT"},where:{isSample:!1}}),{data:t,isLoading:o,error:n}=core.useCollectionsQuery(r),l=t?.collections?.edges?.[0]?.node,c=react.useCallback(e=>{let t=e.detail;i({...r,where:{...r.where,baseID:t?.baseID}})},[r]);return react.useEffect(()=>(window.addEventListener("update-collection-info",c),()=>{window.removeEventListener("update-collection-info",c)}),[c]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:o?jsxRuntime.jsx("div",{children:"Loading..."}):n?jsxRuntime.jsxs("div",{children:["Error: ",n?.message]}):jsxRuntime.jsx(CollectionProvider,{collection:l,children:e})})};exports.default=CollectionGlobalProvider;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),react=require("react"),Toolbox=require("../components/builder/Toolbox.js"),Header=require("../components/builder/Header.js"),Footer=require("../components/builder/Footer.js"),PopupManager=require("../components/builder/PopupManager.js"),ImageToLayout=require("../components/image-to-layout/ImageToLayout.js"),AddSectionImageToLayout=require("../components/image-to-layout/AddSectionImageToLayout.js"),Toolbar=require("../components/builder/Toolbar.js"),SwitchView=require("../components/builder/SwitchView.js"),Body=require("../components/builder/Body.js");const BuilderPage=({components:e,seo:t,themeStyle:o,fontStyle:r,sectionData:i,pageType:s,editorImageToLayout:n,isThemeSectionEditor:a,hiddenToolbar:u,pageName:d,isOriginTemplate:l})=>{let[x,m]=react.useState(!1),{t:j}=core.useI18n(),c=react.useMemo(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);react.useEffect(()=>{m(!0)},[]);let g=()=>{window?.parent?.postMessage(JSON.stringify({type:"open-page-setting"}),"*")};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...t}),jsxRuntime.jsxs(Head,{children:[o&&jsxRuntime.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:o}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:i,children:jsxRuntime.jsx(core.I18nProvider,{t:j,children:jsxRuntime.jsxs(core.BuilderPreviewProvider,{pageName:d,state:c,isThemeSectionEditor:a,children:[jsxRuntime.jsx(Toolbox.default,{}),!u&&jsxRuntime.jsx(Toolbar.default,{}),jsxRuntime.jsx(PopupManager.default,{}),x&&jsxRuntime.jsxs("div",{className:"builder gp-z-1 gp-relative",children:[!u&&(a?jsxRuntime.jsx("div",{className:"gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",children:jsxRuntime.jsx(SwitchView.default,{})}):jsxRuntime.jsx(Header.default,{pageType:s,isOriginTemplate:l,openPageSetting:g})),jsxRuntime.jsx(Body.default,{pageType:s,isThemeSectionEditor:a}),jsxRuntime.jsx(ImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx(AddSectionImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx("div",{id:"visual-content"}),!a&&!u&&jsxRuntime.jsx(Footer.default,{pageType:s,isOriginTemplate:l,openPageSetting:g})]})]},"preview")})})})})]})};exports.BuilderPage=BuilderPage;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const CollectionProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionDetailPage=({seo:e,components:t,builderData:r,sectionData:i,themeStyle:n,collection:o,fontStyle:s})=>{let l=router.useRouter();return l.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...e}),jsxRuntime.jsxs(Head,{children:[n&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:n}}),s&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:t,children:jsxRuntime.jsx(core.SectionProvider,{data:i,children:jsxRuntime.jsx(CollectionProvider,{collection:o,children:r&&jsxRuntime.jsx(core.BuilderProvider,{state:r,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})})})})})})]})};exports.default=CollectionDetailPage;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";var jsxRuntime=require("react/jsx-runtime"),dynamic=require("next/dynamic");const StaticPage=dynamic(()=>Promise.resolve().then(function(){return require("./static.js")})),ProductPage=dynamic(()=>Promise.resolve().then(function(){return require("./product-detail.js")})),CollectionPage=dynamic(()=>Promise.resolve().then(function(){return require("./collection-detail.js")})),PreviewPage=({pageType:e,...r})=>{switch(e){case"PRODUCT":return jsxRuntime.jsx(ProductPage,{...r});case"COLLECTION":return jsxRuntime.jsx(CollectionPage,{...r});default:return jsxRuntime.jsx(StaticPage,{...r})}};exports.PreviewPage=PreviewPage;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const ProductProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.ProductProvider)),ProductDetailPage=({themeStyle:e,fontStyle:r,seo:t,product:s,components:i,builderData:n,sectionData:d})=>{let o=router.useRouter();return o.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...t}),jsxRuntime.jsxs(Head,{children:[e&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:e}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:i,children:jsxRuntime.jsx(core.SectionProvider,{data:d,children:jsxRuntime.jsxs(ProductProvider,{product:s,children:[n&&jsxRuntime.jsx(core.BuilderProvider,{state:n,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})}),jsxRuntime.jsx(core.AddOn,{name:"sticky-add-to-cart"})]})})})})]})};exports.default=ProductDetailPage;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router"),useTrackingView=require("../libs/hooks/use-tracking-view.js"),parseHtml=require("../libs/parse-html.js"),Header=require("../components/Header.js"),FooterForPostPurchase=require("../components/FooterForPostPurchase.js");const StaticPageV2=({components:e,builderData:s,sectionData:t,seo:r,themeStyle:
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router"),useTrackingView=require("../libs/hooks/use-tracking-view.js"),parseHtml=require("../libs/parse-html.js"),Header=require("../components/builder/Header.js"),FooterForPostPurchase=require("../components/FooterForPostPurchase.js"),Script=require("next/script"),react=require("react");const StaticPageV2=({components:e,builderData:s,sectionData:t,seo:r,themeStyle:i,fontStyle:n,elementFontStyle:a,customCodeHeader:o,shopToken:u,pageHandle:l,customFonts:c,isPostPurchase:d,shopName:m,productOffers:g,publicStoreFrontData:x,dynamicDiscountOffer:p,isPreview:j,interaction:h,pageBackground:R})=>{let f=router.useRouter(),{t:y}=core.useI18n(),_=process.env.NEXT_GP_BASE_ASSET_URL||"https://assets.gemcommerce.xyz";useTrackingView.useTrackingView(u,l,f.isFallback);let P="custom-code-header";if(react.useEffect(()=>{let e=document.querySelectorAll(`#${P}`);e.length>1&&e.forEach((e,s)=>{0!==s&&e.remove()})},[]),f.isFallback)return jsxRuntime.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-2",children:[jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})});let S=(h?.value||[]).length>0;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...r}),jsxRuntime.jsxs(Head,{children:[parseHtml.parseHtml(P,o,!0),i&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:i}},"global-style"),n&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:n}},"google-fonts"),a&&a.map(e=>jsxRuntime.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:e}},e)),c&&jsxRuntime.jsx("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:c}},n),R?.isUsePageBackground&&R?.background&&jsxRuntime.jsx("style",{children:`
|
|
2
|
+
body {
|
|
3
|
+
background: ${R.background};
|
|
4
|
+
}
|
|
5
|
+
`},`page_background_${R?.background}`)]}),jsxRuntime.jsx(core.PageProvider,{productOffers:g,publicStoreFrontData:x,dynamicDiscountOffer:p,children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsxs("div",{className:`${d?"gp-bg-white post-purchase-page":""} `,children:[d&&jsxRuntime.jsx(Header.default,{pageType:"POST_PURCHASE"}),S&&jsxRuntime.jsx("div",{dangerouslySetInnerHTML:{__html:`<div id="gp-interaction" style="display: none;">${JSON.stringify(h?.value||[])}</div>`}}),jsxRuntime.jsx(core.SectionProvider,{data:t,children:jsxRuntime.jsx(core.I18nProvider,{t:y,children:s?.map(e=>jsxRuntime.jsxs(core.BuilderProvider,{state:e.data,lazy:e.lazy,priority:e.priority,isPostPurchase:d,isPreview:j,children:[jsxRuntime.jsx(core.Render,{uid:e.uid}),S&&jsxRuntime.jsx(Script,{defer:!0,src:`${_}/assets-v2/gp-flow-action-lip-v7-5.js`})]},e.uid))})}),d&&jsxRuntime.jsx(FooterForPostPurchase.default,{shopName:m||""})]})})})]})};exports.StaticPageV2=StaticPageV2;
|
package/dist/cjs/pages/static.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router");const StaticPage=({components:e,builderData:s,sectionData:t,seo:n,themeStyle:r,fontStyle:i})=>{let a=router.useRouter();return a.isFallback?jsxRuntime.jsx("div",{className:"gp-flex gp-h-[100vh] gp-items-center gp-justify-center",children:jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-2",children:[jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),jsxRuntime.jsx("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...n}),jsxRuntime.jsxs(Head,{children:[r&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),i&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:i}})]}),jsxRuntime.jsx(core.PageProvider,{children:jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:s&&jsxRuntime.jsx(core.BuilderProvider,{state:s,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})},"body")})})})})]})};exports.default=StaticPage;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var zustand=require("zustand");const libsStore=zustand.create(e=>({fontType:"google",changeFontType:t=>{e({fontType:t})}}));exports.libsStore=libsStore;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{Component as t}from"react";function _define_property(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}let initialState={hasError:!1};class ErrorBoundary extends t{static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,t){this.props.onError?.(r,t)}render(){let{FallbackComponent:t}=this.props;return this.state.hasError?r(t,{error:this.state.error,resetErrorBoundary:this.reset}):this.props.children}constructor(...r){super(...r),_define_property(this,"state",initialState),_define_property(this,"reset",()=>{this.setState(initialState)})}}export{ErrorBoundary};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import{jsxs as e,jsx as t}from"react/jsx-runtime";let ErrorFallback=({error:r,resetErrorBoundary:p})=>e("div",{role:"alert",className:"gp-flex gp-flex-col gp-items-center gp-gap-2",children:[t("p",{className:"gp-text-center gp-text-2xl",children:"Oops! Something went wrong"}),t("pre",{children:r?.message}),t("button",{onClick:p,className:"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",children:"Try again"})]});export{ErrorFallback};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{fpixel as t}from"@gem-sdk/core";import{usePathname as n,useSearchParams as r}from"next/navigation";import o from"next/script";import{useEffect as a}from"react";let FacebookPixel=({pixelId:i})=>{let f=n(),s=r();return(a(()=>{let e=()=>{t.pageview()};e()},[f,s]),i)?e(o,{id:"fb-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
|
|
2
3
|
!function(f,b,e,v,n,t,s)
|
|
3
4
|
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
|
|
4
5
|
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
|
|
@@ -7,6 +8,6 @@ import{jsx as e}from"react/jsx-runtime";import{fpixel as t}from"@gem-sdk/core";i
|
|
|
7
8
|
t.src=v;s=b.getElementsByTagName(e)[0];
|
|
8
9
|
s.parentNode.insertBefore(t,s)}(window, document,'script',
|
|
9
10
|
'https://connect.facebook.net/en_US/fbevents.js');
|
|
10
|
-
fbq('init', ${
|
|
11
|
+
fbq('init', ${i});
|
|
11
12
|
fbq('track', 'PageView');
|
|
12
13
|
`}}):null};export{FacebookPixel};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{cls as t,makeStyleResponsive as p}from"@gem-sdk/core";let defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},FooterForPostPurchase=o=>e("div",{className:t("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)",...p("ml",defaultMargin),...p("mr",defaultMargin)},children:r("p",{className:"gp-text-lg",children:["All rights reserved ",o.shopName]})})});export{FooterForPostPurchase as default};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsxs as a,Fragment as t,jsx as e}from"react/jsx-runtime";import{gtag as n}from"@gem-sdk/core";import{useSearchParams as o,usePathname as g}from"next/navigation";import r from"next/script";import{useEffect as i}from"react";let GoogleAnalytic=({trackingId:l})=>{let s=o(),d=g();i(()=>{let a=d+s.toString(),t=a=>{n.pageview(a,l)};t(a)},[l,d,s]);let c=()=>{n.pageview(d,l)};return l?l.startsWith("UA-")?a(t,{children:[e(r,{strategy:"lazyOnload",onReady:c,src:"https://www.google-analytics.com/analytics.js"}),e(r,{id:"google-analytics",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
|
|
2
3
|
ga('create', '${l}', 'auto');
|
|
3
4
|
ga('require', 'ec');
|
|
4
5
|
ga('send', 'pageview');
|
|
5
|
-
`}})]}):
|
|
6
|
+
`}})]}):a(t,{children:[e(r,{strategy:"lazyOnload",onReady:c,src:`https://www.googletagmanager.com/gtag/js?id=${l}`}),e(r,{id:"gtag-init",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
|
|
6
7
|
window.dataLayer = window.dataLayer || [];
|
|
7
8
|
function gtag(){dataLayer.push(arguments);}
|
|
8
9
|
gtag('js', new Date());
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import{jsx as t}from"react/jsx-runtime";import e from"next/script";let TikTokPixel=({pixelId:n})=>n?t(e,{id:"tiktok-pixel",strategy:"lazyOnload",dangerouslySetInnerHTML:{__html:`
|
|
2
3
|
!function (w, d, t) {
|
|
3
4
|
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import{useInteraction as r,cls as i,RenderPreview as l}from"@gem-sdk/core";import p from"../../pages/CollectionGlobalProvider.js";let Body=({pageType:s,isThemeSectionEditor:d})=>{let{isInteractionMode:a,isSelectOnPage:m}=r(),n=o(()=>m?"interaction-select-mode":"",[m]);return e("div",{id:"storefront",className:i(d?"theme-section-editor":"","POST_PURCHASE"===s?"post-purchase-page":"",n),children:["POST_PURCHASE"!==s&&t("div",{className:"gp-w-full gp-h-full gp-fixed gp-left-0 gp-top-0 gp-z-[99999999]",style:{pointerEvents:a?"auto":"none"}}),"GP_COLLECTION"===s?t(p,{children:t(l,{uid:"ROOT"})}):t(l,{uid:"ROOT"})]})};export{Body as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useShopStore as l,cls as p,makeStyleResponsive as g}from"@gem-sdk/core";import{useState as i,useEffect as o}from"react";let defaultMargin={desktop:"16px",tablet:"16px",mobile:"16px"},FOOTER_ON_COLOR="#E2E2E2",FOOTER_OFF_COLOR="#F4F4F4",Footer=n=>{let{pageType:C,isOriginTemplate:d,openPageSetting:s}=n,a=new URLSearchParams(window.location.search),f=a.get("storefrontHandle"),c=l(e=>e.layoutSettings),h=c?.showFooter||d,m=h?"#E2E2E2":"#F4F4F4",[u,L]=i(!1);return o(()=>{let e=parent.document.body.querySelector(".iframe");if(!e)return;let t=document.body.querySelector("#storefront");if(!t)return;let r=e.clientHeight,l=c?.showHeader?r-40-48:r-48,p=new ResizeObserver(e=>{let t=e[0]?.target.clientHeight;t&&l&&L(t<l)});return p.observe(t),()=>{p.unobserve(t)}},[c]),e(t,{children:"POST_PURCHASE"===C?e("div",{className:p("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",defaultMargin),...g("mr",defaultMargin)},children:r("p",{className:"gp-text-lg",children:["All rights reserved ",f]})})}):e("div",{className:p("gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE gp-font-sans",{"gp-fixed gp-bottom-0 gp-w-full":u}),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",defaultMargin),...g("mr",defaultMargin)},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:m}),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:m})]}),!d&&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:s,children:r("div",{className:"gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium 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:"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:m}),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:m}),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:m})]})]})})})};export{Footer as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsxs as e,Fragment as l,jsx as i}from"react/jsx-runtime";import{useShopStore as t,cls as p,makeStyleResponsive as C}from"@gem-sdk/core";import g from"./SwitchView.js";let defaultMargin={desktop:"16px",tablet:"16px",mobile:"16px"},HEADER_ON_COLOR="#E2E2E2",HEADER_OFF_COLOR="#F4F4F4",sizeCheck={desktop:"24px",tablet:"36px",mobile:"36px"},Header=d=>{let{pageType:r,isOriginTemplate:n,openPageSetting:s}=d,a=t(e=>e.layoutSettings),h=a?.showHeader||n,o=h?"#E2E2E2":"#F4F4F4";return e(l,{children:[i(g,{}),i("div",{className:p("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"===r?i("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...C("ml",defaultMargin),...C("mr",defaultMargin)},children:e("div",{className:"tablet:gp-items-center gp-flex gp-py-3",children:[e("svg",{style:{...C("w",sizeCheck),...C("h",sizeCheck)},viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("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"}),i("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:[i("p",{className:"gp-text-sm",children:"Order #1001"}),i("p",{children:"You’ve paid for your order."}),e("div",{className:"gp-mt-1 gp-flex gp-items-center gp-text-[#197BBD]",children:[i("div",{className:"gp-text-sm",children:"View order confirmation"}),i("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("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",defaultMargin),...C("mr",defaultMargin)},children:[e("svg",{width:"60",height:"8",viewBox:"0 0 60 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("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"}),i("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:o})]}),!(n||"STATIC"===r)&&i("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:s,children:e("div",{className:"gp-gap-2 gp-flex gp-px-1 gp-h-[24px] gp-items-center gp-justify-center gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121]",children:[i("span",{children:e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("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"}),i("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"})]})}),i("span",{children:"Header"})]})}),e("svg",{width:"80",height:"8",viewBox:"0 0 80 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("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:o}),i("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:o}),i("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:o})]})]})})]})};export{Header as default};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useBuilderPreviewStore as t,useModalStore as i,useInteraction as n,cls as p}from"@gem-sdk/core";import{memo as a,useMemo as o,useCallback as r,useEffect as l}from"react";let isDialog=e=>!!e&&e?.tag==="Dialog"&&"component"===e.type,PopupManager=()=>{let a=t(e=>e.state),g=i(e=>e.setModalActive),s=i(e=>e.activeId),{isInteractionMode:d}=n(),c=o(()=>a.ROOT.childrens?.map(e=>a?.[e]).filter(isDialog),[a]),m=r(e=>{let t=e.detail;g(t?.modalId)},[g]);return l(()=>(window.addEventListener("set-active-modal",m),()=>{window.removeEventListener("set-active-modal",m)}),[m]),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:c?.map(t=>{let i=t?.advanced?.d;return e("div",{className:p("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":s===t.uid,"gp-bg-blue-700":s!==t.uid},d?"gp-pointer-events-none":"gp-pointer-events-auto"),role:"button","aria-hidden":"true",onClick:()=>g(t?.uid,!0),style:{"--d":i?.desktop?"inline-flex":"none","--d-tablet":i?.tablet?"inline-flex":"none","--d-mobile":i?.mobile?"inline-flex":"none"},children:e("span",{className:"gp-text-ellipsis gp-whitespace-nowrap",children:t?.settings?.name||t?.settings?.name?.fallbackValue||""})},t?.uid)})})};var PopupManager$1=a(PopupManager);export{PopupManager$1 as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
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{devices as l}from"./const.js";let Devices=()=>{let[g,a]=i(!1),s={width:0,name:"",activeId:null},[o,c]=i(s),[w,m]=i(!1),h=p(e=>{c(t=>({...t,...e}))},[c]);r(()=>{if(o)m(o.width>0&&o.width<=1024);else{let e=l[0];e&&h({width:e.width,name:e.name,activeId:e.id}),m(!1)}},[o,h]);let v=e=>{let t=l.find(t=>t.id===e);t&&(h({width:t.width,name:t.name,activeId:t.id}),u(t.id)),a(!g)},u=e=>{let t=new CustomEvent("editor:change-device",{bubbles:!0,detail:{id:e}});window.dispatchEvent(t)},f=d(null),x=e=>{f.current&&!f.current.contains(e.target)&&a(!1)},b=e=>{let t=l.find(t=>t.width===e);if(t)return t.name;let n="Desktop";return e<=768?"Mobile":e<=1024?"Tablet":n},C=p(e=>{let t=e.detail;t&&h({width:t.width,name:b(t.width),activeId:null})},[h]);r(()=>(window.addEventListener("mousedown",x),window.addEventListener("editor:resize-preview-screen",C),()=>{window.removeEventListener("mousedown",x),window.removeEventListener("editor:resize-preview-screen",C)}),[C]);let E=e=>e.id===o.activeId||o.name===e.name,L=()=>a(!g);return w?e(t,{children:n("div",{ref:f,className:`gp-switch-view gp-font-sans gp-flex gp-h-[40px] gp-absolute gp-top-[2px] gp-transform -gp-translate-x-1/2 gp-left-1/2 gp-gap-2 gp-items-center gp-justify-center gp-cursor-pointer ${g?"gp-z-50":"gp-z-1"}`,children:[n("div",{className:`gp-flex gp-gap-1 gp-py-1 gp-px-2 gp-transform -gp-translate-y-[2px] gp-border-[1px] gp-justify-between gp-items-center gp-min-w-[194px] gp-bg-[#F4F4F4] hover:gp-bg-[#E2E2E2] gp-rounded-md gp-leading-5 gp-text-xs gp-font-medium gp-text-[#212121] ${g?"gp-border-[#3C67FF]":"gp-border-transparent"}`,onClick:e=>{e.preventDefault(),L()},role:"presentation",children:[n("span",{children:[o.name," (",o.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-top-9 gp-transform -gp-translate-x-1/2 gp-left-1/2 gp-bg-[#212121] gp-rounded-xl gp-p-2 gp-text-[#F9F9F9] gp-w-[176px] gp-z-50 ${g?"":"gp-hidden"}`,children:l.map(t=>e("div",{className:"gp-p-2 hover:gp-bg-[#3E3E3E] gp-rounded-md",onClick:e=>{e.preventDefault(),e.stopPropagation(),v(t.id)},role:"presentation",children:n("div",{className:'gp-flex gp-gap-2 gp-w-full gp-text-left gp-justify-space-between gp-cursor-pointer gp-leading-5 gp-text-xs gp-font-regular gp-text-[#212121]"',children:[e("span",{className:"gp-min-w-[16px]",children:E(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{Devices as default};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{memo as e,useRef as r,useState as o,useCallback as a,useEffect as i}from"react";import n from"./toolbar/Onboarding.js";let TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32,getDOMElementParents=(t,e,r)=>{let o=[];for(;t;)if(t=t.parentElement??void 0){if("BODY"===t.tagName||"ROOT"===t.getAttribute("data-uid"))break;if(e){if(t.matches(e)&&(o.push(t),r&&o.length==r))return o;continue}if(o.push(t),r&&o.length==r)break}return o},getChildrenByAttrSelector=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},isOverParent=({current:t,parent:e,index:r,revert:o})=>{for(let a=0;a<r;a++){let r=t.top-23*a>=e.top&&t.top-23*a<=e.top+e.height||t.top-23*a>=e.top+e.height&&t.top-23*a<=e.top;if(o&&(r=t.bottom+23*a>=e.bottom&&t.bottom+23*a<=e.bottom-e.height||t.bottom+23*a>=e.bottom-e.height&&t.bottom+23*a<=e.bottom),r)return!0}return!1},waitForElementToExist=(t,e=200)=>new Promise(r=>{let o=setInterval(()=>{let e=document.querySelector(t);e&&(clearInterval(o),clearTimeout(a),r(e))},50),a=setTimeout(()=>{clearInterval(o),clearTimeout(a),r(null)},e)}),notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},isLayoutElement=t=>{let e=t.getAttribute("data-component-tag");return"Row"===e||"Product"===e},isPopup=t=>{let e=t.getAttribute("data-component-tag");return"Dialog"===e},isSticky=t=>{let e=t.getAttribute("data-component-tag");return"Sticky"===e},isOverToolbarPosition=(t,e)=>{let r=t.getBoundingClientRect(),o=e.getBoundingClientRect();return r.top-o.top<33},findOverflowParent=(t,e)=>{let r=e||t;if(t&&!isSection(t))return notVisible(t)&&isOverToolbarPosition(e,t)?t:t.parentElement?findOverflowParent(t.parentElement,r):void 0},COMPONENTS_TAG_NOT_LOAD_IMAGES=["PostPurchaseProductImages"],Toolbar=()=>{let e=r(null),l=r(!1),d=r(),u=r(!1),c=r(!1),[s,b]=o(!1),[m,v]=o(0),[g,f]=o("bottom"),p=r(null),h=({state:t,$toolbar:e,$component:r})=>{let o=findOverflowParent(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<33&&(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 l=r?.closest('[aria-label="Dialog body"]');if(l){let r=l.getBoundingClientRect(),o=r.left+r.width-20;i.left+a.width>o&&e.setAttribute(`data-toolbar-${t}-overflow`,"true")}},A=a(({$component:t,componentUid:e,focus:r,isPreventSection:o,isParent:a})=>{if(!t&&!e)return;if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}if(!e){let r=t.getAttribute("data-uid");if(!r)return;e=r}let i=getChildrenByAttrSelector(t,"data-toolbar"),n=getChildrenByAttrSelector(t,"data-outline"),l=getChildrenByAttrSelector(t,"data-toolbar-add-top"),d=getChildrenByAttrSelector(t,"data-toolbar-add-bottom"),u=getChildrenByAttrSelector(t,"data-column"),c=getChildrenByAttrSelector(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"),h({$toolbar:i,$component:t,state:"hover"})),n&&(n.setAttribute("data-outline-hover","true"),a&&n.setAttribute("data-outline-parent-hover","true"),o&&n.setAttribute("data-outline-overlay-theme-section","true"),r&&n.setAttribute("data-outline-hover-focus","true")),l&&!a&&l.setAttribute("data-toolbar-add-hover","true"),d&&!a&&d.setAttribute("data-toolbar-add-hover","true"),u&&u.setAttribute("data-column-visible","true")},[]),y=a(({$component:t,componentUid:e})=>{if(!t){let r=document.querySelector(`[data-uid="${e}"]`);if(!r)return;t=r}let r=getDOMElementParents(t,'[data-uid][data-component-type="component"]:not([data-component-no-setting])',1);if(r.length){for(let t of r)t&&A({$component:t,isParent:!0});w({$component:t,$parents:r})}},[A]),w=({$component:t,$parents:e})=>{if(!t||!e?.length)return;let r=getChildrenByAttrSelector(t,"data-toolbar-hover-focus");if(r){let t=r.getBoundingClientRect(),o=!!r.getAttribute("data-toolbar-hover-revert"),a=!!r.getAttribute("data-toolbar-hover-inside"),i=1;for(let r of e)if(r){let e=r.getAttribute("data-component-tag");if("Section"===e)continue;let n=getChildrenByAttrSelector(r,"data-toolbar-hover");if(n){let e=n.getAttribute("data-toolbar-active");if(e)continue;let r=n.getBoundingClientRect(),l=o||a;if(isOverParent({current:t,parent:r,index:i,revert:l})){let e=getComputedStyle(n),o=t.top-r.top,a=t.left-r.left,d=parseFloat(e.top)+o-23*i;l&&(d=parseFloat(e.top)-o+23*i);let u=parseFloat(e.left)+a;n.setAttribute("style",`top: ${d}px;left: ${u}px;`),i++}}}}},E=a(()=>{let t=["data-outline-overlay","data-outline-overlay-theme-section","data-theme-section-status-active"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))})},[]),S=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-column-visible","data-outline-parent-hover","data-toolbar-hover-overflow"],e=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));e&&t.forEach(t=>{e.forEach(e=>e.removeAttribute(t))}),E()},[E]),$=a(()=>{if(p.current&&clearTimeout(p.current),m>0){let t=new CustomEvent("editor:toolbar:close-onboarding",{bubbles:!0,detail:{close:"close Onboarding"}});window.dispatchEvent(t),b(!1)}},[m]),C=a(()=>{e.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-column-force-visible","data-toolbar-active-overflow"],r=document.querySelectorAll(t.map(t=>`[${t}]`).join(","));r&&t.forEach(t=>{r.forEach(e=>e.removeAttribute(t))}),I(!1),d.current&&d.current(),$()},[$]),B=(t,r)=>{let o=t=>{let o=t.detail;o?.componentUid==e.current?.componentUid&&r()};window.removeEventListener("editor:component:render",o),window.addEventListener("editor:component:render",o);let a=t.getAttribute("data-component-tag");if(a&&!COMPONENTS_TAG_NOT_LOAD_IMAGES.includes(a)){let e=t.querySelectorAll("img");e?.length&&e.forEach(t=>{t.addEventListener("load",()=>{r()})})}d.current=()=>{window.removeEventListener("editor:component:render",o)}},L=a(({$component:t})=>{if(!t)return;let e=getComputedStyle(t),r=getChildrenByAttrSelector(t,"data-spacing"),o=r?.querySelector("[data-spacing-margin-bottom]")||null;if(o){let r=o.querySelector("[data-spacing-margin-bottom-bg]")||null,a=o.querySelector("[data-spacing-margin-bottom-drag]")||null;if(r&&a){let i=e.marginBottom;if(0>parseFloat(i)&&(i="0"),r.style.height=i,a.style.top=i,o.setAttribute("data-spacing-margin-bottom-active","true"),isLayoutElement(t))r.style.left="0";else{let t=e.paddingLeft,o=`-${t}`,i=`translate(${o}, -100%)`;r.style.left=o,a.style.transform=i}}}},[]),T=()=>{let t=document.querySelector("[data-toolbar-active]"),e=document.querySelector("[data-toolbar-onboarding]");t&&e&&(e?.removeAttribute("data-onboarding-active"),setTimeout(()=>{let r=t.getBoundingClientRect(),o=r.top||0,a=e?.getBoundingClientRect(),i=a?.height||0,n=parent.document.querySelector(".iframe"),l=n?.contentWindow,d=l?.scrollY||0,u=n?.clientHeight||0;if(o+i>u){let t=r.top+d-i-8;e?.setAttribute("style",`top: ${t}px;left: ${r.left}px;`),f("top"),l&&t<r.top+d&&setTimeout(()=>{let e=t-20;l.scrollTo({top:e,behavior:"smooth"})},200)}else{let t=r.top+d+r.height+8;e?.setAttribute("style",`top: ${t}px;left: ${r.left}px;`),f("bottom")}v(t=>t+1),e?.setAttribute("data-onboarding-active","true")},100))},O=a(({$component:t})=>{if(!t||isSection(t)||isPopup(t)||isSticky(t))return;let e=document.querySelector("[data-toolbar-onboarding]");0==m?T():($(),e?.removeAttribute("data-onboarding-active"))},[m,$]),q=({componentUid:t,productId:e,marqueeKey:r})=>r?`[marquee-item-key="${r}"] [data-uid="${t}"]`:`${e?`[data-product-id="${e}"][data-uid="${t}"], [data-product-id="${e}"] [data-uid="${t}"]`:`[data-uid="${t}"]`}`,P=a(async({componentUid:t,productId:r,timeAwait:o=600,forceReActive:a,marqueeKey:i})=>{if(!t)return;let n=q({componentUid:t,productId:r,marqueeKey:i}),l=await waitForElementToExist(n,o);if(!l||!a&&t==e.current?.componentUid&&r==e.current?.productId&&i==e.current?.marqueeKey)return;(a||t===e.current?.componentUid)&&r===e.current?.productId&&i===e.current?.marqueeKey||C();let d=getChildrenByAttrSelector(l,"data-toolbar"),u=getChildrenByAttrSelector(l,"data-outline"),c=getChildrenByAttrSelector(l,"data-toolbar-add-top"),s=getChildrenByAttrSelector(l,"data-toolbar-add-bottom"),b=getChildrenByAttrSelector(l,"data-column");d&&(e.current={componentUid:t,productId:r,marqueeKey:i},d.removeAttribute("style"),d.setAttribute("data-toolbar-active","true"),h({$toolbar:d,$component:l,state:"active"})),u&&u.setAttribute("data-outline-active","true"),c&&c.setAttribute("data-toolbar-add-active","true"),s&&s.setAttribute("data-toolbar-add-active","true"),b&&b.setAttribute("data-column-force-visible","true");let m=!!l.closest('[data-component-tag="Marquee"]');if(r||m){let e=document.querySelectorAll(`[data-uid="${t}"]`);e?.length&&e.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&e.setAttribute("data-outline-active","true")})}L({$component:l}),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{O({$component:l})},5e3),S(),B(l,()=>{P({componentUid:t,productId:r,timeAwait:2e3,forceReActive:!0})})},[C,S,L,O]),I=async t=>{if(t){if(e.current?.componentUid){let r=e.current?.componentUid,o=e.current?.productId,a=await waitForElementToExist(`${o?`[data-product-id="${o}"] `:""}[data-uid="${r}"]`,500);if(console.log(" $component",a),a){let e=getChildrenByAttrSelector(a,"data-toolbar"),r=getChildrenByAttrSelector(a,"data-outline"),o=getChildrenByAttrSelector(a,"data-spacing");e&&t&&e.setAttribute("data-toolbar-editor-inline-focus","true"),r&&t&&r.setAttribute("data-outline-editor-inline-focus","true"),o&&t&&o.setAttribute("data-spacing-hidden","true")}}}else{let t=document.querySelectorAll("[data-outline-editor-inline-focus],[data-toolbar-editor-inline-focus],[data-spacing-hidden]");t.length&&t.forEach(t=>{t&&(t.removeAttribute("data-toolbar-editor-inline-focus"),t.removeAttribute("data-outline-editor-inline-focus"),t.removeAttribute("data-spacing-hidden"))})}},R=a(t=>{let r=t.closest("[data-theme-section]"),o=r?.getAttribute("data-uid"),a=r&&o===e.current?.componentUid;if(!a)return;let i=getChildrenByAttrSelector(r,"data-theme-section-status");i&&i.setAttribute("data-theme-section-status-active","true")},[]),U=async({value:t})=>{if(!t)return;let r=await waitForElementToExist(`${e.current?.productId?`[data-product-id="${e.current?.productId}"] `:""}[data-uid="${e.current?.componentUid}"]`,500);if(r){let t=r?.querySelectorAll("[data-toolbar-parent]");if(t.length){let r=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.setAttribute("data-outline-force-hover","true"),e.setAttribute("data-outline-force-overlay","true"))})},o=t=>{let e=t.getAttribute("data-parent-uid");if(!e)return;let r=document.querySelectorAll(`[data-uid="${e}"]`);r.length&&r.forEach(t=>{let e=getChildrenByAttrSelector(t,"data-outline");e&&(e.removeAttribute("data-outline-force-hover"),e.removeAttribute("data-outline-force-overlay"))})},a=async t=>{let r=t.getAttribute("data-parent-uid");if(!r)return;let a=async()=>{let t=await waitForElementToExist(`[data-uid="${r}"]`,500),e=t?.closest("[data-product-id]"),o=e?.getAttribute("data-product-id")||"";return!!o},i="";await a()&&(i=e.current?.productId||"");let n=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:r,productId:i}});o(t),window.dispatchEvent(n)};t.forEach(t=>{t.addEventListener("mouseover",()=>r(t)),t.addEventListener("mouseout",()=>o(t)),t.addEventListener("click",()=>a(t))})}}},x=a(t=>{if(l.current||u.current||c.current)return;let r=t.target;if(!r||"function"!=typeof r.closest){E();return}let o=r.closest("[data-toolbar-hover]");if(o)return;let a=r.closest("[data-toolbar-wrap]"),i=a?.getAttribute("data-uid");if(!a||!i||"ROOT"==i){S();return}let n=getChildrenByAttrSelector(a,"data-toolbar"),d=getChildrenByAttrSelector(a,"data-outline");if(d&&d.removeAttribute("data-outline-overlay"),!i||"ROOT"==i||n?.getAttribute("data-toolbar-hover-focus"))return;if(n?.getAttribute("data-toolbar-hover-focus")||S(),R(r),i==e.current?.componentUid){if(e.current.productId){let t=a.closest("[data-product-id]");if(t){let r=t.getAttribute("data-product-id");if(r==e.current.productId)return}}let t=r.closest("[data-theme-section]")||r.closest("[data-shopify-section]");if(!t)return;A({$component:t,focus:!0,isPreventSection:!0})}let s=r.closest("[data-theme-section]")||r.closest("[data-shopify-section]");s?A({$component:s,focus:!0,isPreventSection:!0}):(A({$component:a,componentUid:i,focus:!0}),y({$component:a,componentUid:i}))},[R,S,A,y,E,e]),_=a(t=>{if(l.current)return;let e=t.detail;e?.componentUid?P({componentUid:e.componentUid,productId:e.productId,marqueeKey:e.marqueeKey}):C()},[P,C,l]),F=a(()=>{S()},[S]),N=a(t=>{let e=t.detail;e.value&&(S(),C()),l.current=e.value},[S,C]),k=a(t=>{let e=t.detail;e.value?I(!0):I(!1)},[]),D=a(t=>{if(l.current)return;let e=t.detail;U({value:e?.value||!1})},[]),M=a(t=>{let e=t.detail;e?.value?(S(),u.current=!0):u.current=!1},[S]),z=a(t=>{let e=t.detail;e?.value?(S(),c.current=!0):c.current=!1},[S]),G=(t,e)=>{if(!t)return;let r=document.querySelectorAll(`[data-uid="${t}"]`);r.length&&r.forEach(t=>{let r=getChildrenByAttrSelector(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")))})},H=a(t=>{if(l.current)return;let e=t.detail;e?.componentUid&&G(e?.componentUid,e?.type)},[l]),j=a(t=>{let e=t.detail;e?.isNewUser&&b(!0)},[]),K=a(()=>{s&&T()},[s]);return i(()=>(document.addEventListener("mousemove",x),window.addEventListener("editor:active-component",_),window.addEventListener("editor:focus-outside-preview",F),window.addEventListener("editor:is-dragging",N),window.addEventListener("editor:is-editing-text-editor",k),window.addEventListener("editor:toolbar:show-parents",D),window.addEventListener("editor:toolbar:resize-spacing",M),window.addEventListener("editor:toolbar:resize-column",z),window.addEventListener("editor:hover-component",H),window.addEventListener("editor:toolbar-onboarding",j),window.addEventListener("resize",K),()=>{document.removeEventListener("mousemove",x),window.removeEventListener("editor:active-component",_),window.removeEventListener("editor:is-dragging",F),window.removeEventListener("editor:is-dragging",N),window.removeEventListener("editor:is-editing-text-editor",k),window.removeEventListener("editor:toolbar:show-parents",D),window.removeEventListener("editor:toolbar:resize-spacing",M),window.removeEventListener("editor:toolbar:resize-column",z),window.removeEventListener("editor:hover-component",H),window.removeEventListener("editor:toolbar-onboarding",j),window.removeEventListener("resize",K)}),[x,_,F,N,k,D,M,z,H,j,K]),s&&t(n,{enable:!0,position:g,onCloseOnboarding:$})};var Toolbar$1=e(Toolbar);export{Toolbar$1 as default};
|
|
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 f}from"./toolbar/utils/findDOMClosest.js";let Toolbar=()=>{let r=o(null),v=o(!1),m=o(),p=o(!1),h=o([]),g=o([]),A=o([]),w=({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")}},y=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"),w({$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&&y({$component:t,isParent:!0});E({$component:t,$parents:r})}},[y]),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),m.current&&m.current()},[]),U=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")}}},[]),I=({componentUid:t,productId:e,articleId:r,marqueeKey:o})=>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}"]`:`${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})=>{if(!t)return;let d=I({componentUid:t,productId:e,articleId:a,marqueeKey:n}),u=await s(d,o);if(!u||!i&&t==r.current?.componentUid&&e==r.current?.productId&&a==r.current?.articleId&&n==r.current?.marqueeKey)return;(t!==r.current?.componentUid||e!==r.current?.productId||a!==r.current?.articleId||i)&&L(),(i||t===r.current?.componentUid)&&e===r.current?.productId&&n===r.current?.marqueeKey||L(),A.current.push(u);let c=l(u,"data-toolbar"),b=l(u,"data-outline"),v=l(u,"data-toolbar-add-top"),m=l(u,"data-toolbar-add-bottom");c&&(r.current={componentUid:t,productId:e,articleId:a,marqueeKey:n},c.removeAttribute("style"),c.setAttribute("data-toolbar-active","true"),w({$toolbar:c,$component:u,state:"active"})),b&&b.setAttribute("data-outline-active","true"),v&&v.setAttribute("data-toolbar-add-active","true"),m&&m.setAttribute("data-toolbar-add-active","true");let{$isChildOfMarquee:p,$section:h}=f(u,{$isChildOfMarquee:'[data-component-tag="Marquee"]',$section:'[data-component-tag="Section"]'});if(h&&(e||a||p)){let e=h.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")})}U({$component:u}),q()},[L,q,U]),C=async t=>{if(t){if(r.current?.componentUid){let e=I({...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"))})}},O=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")},[]),T=async({value:t})=>{if(!t||!r.current)return;let e=!1,o=I({...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="",u="";await i()&&(d=r.current?.productId||""),await n()&&(u=r.current?.articleId||"");let l=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{componentUid:o,productId:d,articleId:u,elementTag:t.getAttribute("data-component-tag")||""}});a(t),window.dispatchEvent(l),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(v.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}=f(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(),O(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;y({$component:c,focus:!0,isPreventSection:!0})}c?y({$component:c,focus:!0,isPreventSection:!0}):(y({$component:a,componentUid:d,focus:!0}),$({$component:a,componentUid:d}))},[O,q,y,$,S,r]),B=a(t=>{if(v.current)return;let e=t.detail;e?.componentUid?j({componentUid:e.componentUid,productId:e.productId,articleId:e.articleId,marqueeKey:e.marqueeKey}):L()},[j,L,v]),R=a(()=>{q()},[q]),P=a(t=>{let e=t.detail;e.value&&(q(),L()),v.current=e.value},[q,L]),F=a(t=>{let e=t.detail;e.value?C(!0):C(!1)},[]),K=a(t=>{if(v.current)return;let e=t.detail;T({value:e?.value||!1})},[]),M=a(t=>{let e=t.detail;e?.value?(q(),p.current=!0):p.current=!1},[q]),D=(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")))})},k=a(t=>{if(v.current)return;let e=t.detail;e?.componentUid&&D(e?.componentUid,e?.type)},[v]),z=t=>{let e=t.detail;r.current?.componentUid&&e?.componentUid==r.current?.componentUid&&j({...r.current})};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",F),window.addEventListener("editor:toolbar:show-parents",K),window.addEventListener("editor:toolbar:resize-spacing",M),window.addEventListener("editor:hover-component",k),window.addEventListener("editor:component:render",z),()=>{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",F),window.removeEventListener("editor:toolbar:show-parents",K),window.removeEventListener("editor:toolbar:resize-spacing",M),window.removeEventListener("editor:hover-component",k),window.removeEventListener("editor:component:render",z)}),[x,B,R,P,F,K,M,k,z]),t(e,{})};var Toolbar$1=r(Toolbar);export{Toolbar$1 as default};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as i,useBuilderPreviewStore as o,useSectionStore as a,useModalStore as d}from"@gem-sdk/core";import{memo as r,useMemo as l,useCallback as s,useEffect as c}from"react";import{getStorefrontApi as m}from"../../libs/get-storefront-api.js";import{createFontUrl as p}from"../../libs/google-fonts.js";import{checkNotInOptionFont as u}from"../../libs/helpers/check-option-font.js";import{genCSS as w}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as v}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as y}from"../../libs/shopify-cdn-with-google-fonts.js";import{libsStore as f}from"../../store/libs-store.js";import{getListFontWeightTypos as g}from"../composable/getListFontWeightTypos.js";let globalStyleId="global-style",Toolbox=()=>{let r=t(),h=n(e=>e.provider),E=n(e=>e.changeStorefrontInfo),L=i(e=>e.setDynamicProduct),b=i(e=>e.setPostPurchaseProductOffers),S=i(e=>e.setDynamicDiscountOffer),I=i(e=>e.setSalePageProductId),T=i(e=>e.setDynamicCollection),P=o(e=>e.initState),j=o(e=>e.state),C=o(e=>e.forceChangeState),N=o(e=>e.forceChangeItemProp),x=o(e=>e.changeItemPropByKey),A=o(e=>e.addItem),O=o(e=>e.moveItem),$=o(e=>e.removeItem),k=a(e=>e.addSection),q=n(e=>e.changeSwatches),D=o(e=>e.updateItemName),H=o(e=>e.updateItemAttribute),M=n(e=>e.changeLayoutSettings),B=n(e=>e.changeCreateThemeSectionCount),F=n(e=>e.changeShopPlan),J=n(e=>e.updatePriceWithCurrency),V=f(e=>e.changeFontType),W=f(e=>e.fontType),K=d(e=>e.clearModal),z=n(e=>e.changeLimitCreateThemeSection),G=i(e=>e.setInteractionIsSelectOnPage),Q=i(e=>e.setInteractionItem),R=i(e=>e.setInteractionSelectType),U=i(e=>e.setInteractionSettingType),X=i(e=>e.setSidebarMode),Y=l(()=>v(j),[j]),Z=(e,t)=>{if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>{e.remove()});return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant");if(n&&i){let o=t.find(e=>e.family==n&&e.variants.includes(i));o||e.remove()}else e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&u(i.family,W))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n=JSON.parse(JSON.stringify(i));n.variants=[t];let o=n.family,a=p([n],void 0,W);if(a){let n=document.querySelector(`.${e}[data-font="${o}"][data-font-variant="${t}"]`);if(n)continue;{let n=document.createElement("link");n.className=e,n.dataset.font=o,n.dataset.fontVariant=t,n.href=a,n.rel="stylesheet",document.head.appendChild(n)}}}},_=s(()=>{r(/query\//,{revalidate:!0})},[r]),ee=s(e=>{let t=e.detail;E({url:t.shopHandle?m(t.shopHandle,h):void 0,token:t.shopToken})},[E,h]),et=s(e=>{let t=e.detail;try{if(t.data){let e=w(t.data,t.mobileOnly),n=g(t.data?.typography),i=Object.entries(t.data?.font).map(([,e])=>({...e,variants:e.variants.filter(e=>n.includes(e)||"regular"===e&&n.includes("400")).map(e=>"regular"===e?"400":e)})).map(e=>{if("custom"==e.type){let t=y.find(t=>t.family==e.family);if(t)return t}return e}),o=document.getElementById(globalStyleId);if(Z("google-font-builder",i),o)o.innerHTML=e;else{let t=document.createElement("style");t.id=globalStyleId,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[]),en=s(e=>{K();try{let t=e.detail;t.data&&("flat"===t.type?C(t.data):P(t.data))}catch{}},[C,P,K]),ei=s(e=>{try{let t=e.detail;t.entity&&(A({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||k(t.entity.uid,t.entity))}catch{}},[A,k]),eo=s(e=>{try{let t=e.detail;t.uid&&t.propName&&x({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[x]),ea=s(e=>{try{let t=e.detail;t.uid&&N(t.uid,t.data,t.group)}catch{}},[N]),ed=s(e=>{try{let t=e.detail;t.to&&t.uid&&O(t.uid,t.to,Number(t.position)??0)}catch{}},[O]),er=s(e=>{try{let t=e.detail;t.uid&&$(t.uid)}catch{}},[$]),el=s(e=>{let t=e.detail;try{t.data&&q(t.data)}catch{}},[q]),es=s(e=>{let t=e.detail;t&&M(t)},[M]),ec=s(e=>{let t=e.detail;t&&B(t)},[B]),em=s(e=>{let t=e.detail;t&&F(t)},[F]),ep=s(e=>{let t=e.detail;t&&J(t)},[J]),eu=s(e=>{let t=e.detail;t&&V(t)},[V]),ew=s(e=>{let t=e.detail;t&&L(t)},[L]),ev=s(e=>{let t=e.detail;t&&T(t)},[T]);c(()=>{Y&&Z("google-font-element",Y)},[Y]);let ey=s(e=>{let t=e.detail;t.uid&&D(t.uid,t.name||"")},[D]),ef=s(e=>{let t=e.detail;t.uid&&H(t.uid,t.value||"",t.attr||"")},[H]),eg=s(e=>{let t=e.detail;t?.length&&b(t)},[b]),eh=s(e=>{let t=e.detail;t&&S(t)},[S]),eE=s(e=>{let t=e.detail;t&&I(t)},[I]),eL=s(e=>{let t=e.detail;t&&z(t)},[z]),eb=s(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;G(t),R(n),U(i)},[G,R,U]),eS=s(e=>{let t=e.detail.settingType;U(t)},[U]),eI=s(e=>{let t=e.detail.mode;console.log(t),X(t)},[X]),eT=s(e=>{let t=e.detail;Q(t)},[Q]);return c(()=>{Y&&Z("google-font-element",Y)},[Y]),c(()=>(window.addEventListener("update-shop-info",ee),window.addEventListener("revalidate-query",_),window.addEventListener("init-builder",en),window.addEventListener("add-entity",ei),window.addEventListener("remove-entity",er),window.addEventListener("move-entity",ed),window.addEventListener("force-update-entity-props",ea),window.addEventListener("update-entity-prop",eo),window.addEventListener("set-global-style",et),window.addEventListener("update-global-swatches-data",el),window.addEventListener("on-off-header-footer",es),window.addEventListener("update-create-theme-section-count",ec),window.addEventListener("update-shop-plan",em),window.addEventListener("set-dynamic-product",ew),window.addEventListener("set-dynamic-collection",ev),window.addEventListener("update-item-name",ey),window.addEventListener("update-item-attribute",ef),window.addEventListener("set-product-offer",eg),window.addEventListener("set-dynamic-discount-offer",eh),window.addEventListener("update-sale-page-product-id",eE),window.addEventListener("limit-create-theme-section",eL),window.addEventListener("update-interaction-is-select-on-page",eb),window.addEventListener("update-interaction-item",eT),window.addEventListener("update-interaction-setting-type",eS),window.addEventListener("change-sidebar-mode",eI),window.addEventListener("update-font-type",eu),window.addEventListener("update-price-with-currency",ep),()=>{window.removeEventListener("update-shop-info",ee),window.removeEventListener("revalidate-query",_),window.removeEventListener("init-builder",en),window.removeEventListener("add-entity",ei),window.removeEventListener("remove-entity",er),window.removeEventListener("move-entity",ed),window.removeEventListener("update-entity-prop",eo),window.removeEventListener("set-global-style",et),window.removeEventListener("update-global-swatches-data",el),window.removeEventListener("on-off-header-footer",es),window.removeEventListener("update-create-theme-section-count",ec),window.removeEventListener("update-shop-plan",em),window.removeEventListener("update-price-with-currency",ep),window.removeEventListener("set-dynamic-product",ew),window.removeEventListener("set-dynamic-collection",ev),window.removeEventListener("update-item-name",ey),window.removeEventListener("update-item-attribute",ef),window.removeEventListener("set-product-offer",eg),window.removeEventListener("update-sale-page-product-id",eE),window.removeEventListener("limit-create-theme-section",eL),window.removeEventListener("update-interaction-is-select-on-page",eb),window.removeEventListener("update-interaction-item",eT),window.removeEventListener("update-interaction-setting-type",eS),window.removeEventListener("update-font-type",eu)}),[ei,em,ea,eo,en,ed,er,et,el,_,ee,es,ec,ew,ev,ey,ef,eg,eE,eL,eT,eb,eS,eu,eI,eh,ep]),e("div",{className:"toolbox"})};var Toolbox$1=r(Toolbox);export{Toolbox$1 as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let devices=[{id:"iphone-13-mini",name:"iPhone 13 Mini",width:375},{id:"iphone-13-pro",name:"iPhone 13 Pro",width:390},{id:"iphone-11-pro-max",name:"iPhone 11 Pro Max",width:414},{id:"iphone-15-pro-max",name:"iPhone 15 Pro Max",width:430},{id:"pixel-7",name:"Pixel 7",width:412},{id:"galaxy-s8-plus",name:"Galaxy S8+",width:360},{id:"galaxy-s20-ultra",name:"Galaxy S20 Ultra",width:412},{id:"ipad-mini",name:"iPad Mini",width:768},{id:"ipad-air",name:"iPad Air",width:820},{id:"ipad-pro",name:"iPad Pro",width:1024}];export{devices};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let TOOLBAR_HOVER_HEIGHT=24,TOOLBAR_ACTIVE_HEIGHT=32;export{TOOLBAR_ACTIVE_HEIGHT,TOOLBAR_HOVER_HEIGHT};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let findDOMClosest=(l,e)=>{let t={$childrenSlot:null,$productFeatureImg:null,$section:null,$component:null,$disableIframeClick:null,$stickyMinimize:null,$toolbar:null,$gpText:null,$imageDetection:null,$popupTriggerButton:null},n=l;for(;n&&!n.matches('[data-uid="ROOT"], .builder, #storefront');){for(let[l,u]of Object.entries(e))!t[l]&&n.matches(u)&&(t[l]=n);if(Object.values(t).every(l=>null!==l))break;n=n.parentElement}return n=null,t};export{findDOMClosest};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{isOverToolbarPosition as e}from"./isOverToolbarPosition.js";import{isSection as r}from"./isSection.js";import{notVisible as o}from"./notVisible.js";let findOverflowParent=(t,i)=>{let n=i||t;if(t&&!r(t))return o(t)&&e(i,t)?t:t.parentElement?findOverflowParent(t.parentElement,n):void 0};export{findOverflowParent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let getChildrenByAttrSelector=(e,t)=>{let r=e.children.length;if(r)for(let l=0;l<r;l++){let r=e.children[l];if(r){let e=r.getAttribute(t);if(e)return r}}};export{getChildrenByAttrSelector};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let getDOMElementParents=(e,t,n)=>{let r=[];for(;e;)if(e=e.parentElement??void 0){if("BODY"===e.tagName||"ROOT"===e.getAttribute("data-uid"))break;if(t){if(e.matches(t)&&(r.push(e),n&&r.length==n))return r;continue}if(r.push(e),n&&r.length==n)break}return r};export{getDOMElementParents};
|