@gem-sdk/core 23.0.0-dev.10 → 23.0.0-dev.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,17 +1,17 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../helpers/make-style.js");require("react/jsx-runtime"),require("react"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/store-property.generated.js"),require("../graphql/queries/preview-page.generated.js"),require("../graphql/queries/published-shop-metas.generated.js"),require("../graphql/queries/shop-shopify.generated.js"),require("../graphql/queries/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/productsV2.generated.js"),require("swr/infinite"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group");var r=require("./constant.js");require("@gem-sdk/core");var t=require("../helpers/compose-advance-style.js"),i=require("../helpers/convert.js");require("crc-32");var s=require("../helpers/render.js");const a=["CarouselItem","CarouselItemV3"],l=["Text","Heading"],n=["IconListV2","IconList"],d=["IconList","ProductVariants"],u=({uid:e,builder:i,components:u,parentId:q,extraFiles:h={},pageContext:m,additionalSettings:b,...v})=>{let f=i[e],y=u[f?.tag];if(!y||!f||f?.type==="section")return{liquid:"",extraFiles:h};{let h={extraFiles:{}},j=t.composeAdvanceStyle(f.advanced,f.tag),$="";$=r.disableWrap.includes(f.tag)?s.RenderIf(f?.childrens?.length,()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,style:j,advanced:f.advanced,parentId:a.includes(f.tag)?q:null,pageContext:m,...b,...v,builderAttrs:{...v.builderAttrs},rawChildren:f.childrens.map(e=>({...i[e],uid:e,builder:i,components:u,customProps:h,pageContext:m,...b})),children:r.customRenderChildren.includes(f.tag)?"":g({uid:e,customProps:h},f.childrens.map(e=>c({uid:e,builder:i,components:u,customProps:h,parentTag:f.tag,pageContext:m,...b})))}),()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:f.advanced,style:j,isText:!!l.includes(f.tag)||null,parentId:a.includes(f.tag)?q:null,pageContext:m,...v,builderAttrs:{...v.builderAttrs}})):s.template`<div gp-el-wrapper style="${n.includes(f.tag)?"":j}" class="${f.uid} ${f?.childrens?.length||"IconListItemHoz"!==f.tag?"":"hidden"}">
3
- ${s.RenderIf(f?.childrens?.length,()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:{...d.includes(f.tag)?f?.advanced:{},cssClass:f?.advanced?.cssClass},pageContext:m,...b,...v,builderAttrs:{...v.builderAttrs},rawChildren:f.childrens.map(e=>({...i[e],uid:e,builder:i,components:u,customProps:h,pageContext:m,...b})),children:r.customRenderChildren.includes(f.tag)?"":g({uid:e,customProps:h},f.childrens.map(e=>c({uid:e,builder:i,components:u,customProps:h,parentTag:f.tag,pageContext:m,...b})))}),()=>y({builderProps:{uid:e,builderData:f},styles:f.styles,setting:f.settings,advanced:{...d.includes(f.tag)?f?.advanced:{},cssClass:f?.advanced?.cssClass},pageContext:m,...b,isText:!!l.includes(f.tag)||null,style:n.includes(f.tag)?j:null,...v,builderAttrs:{...v.builderAttrs}}))}
4
- </div>`;let{cssCode:x,jsCode:k}=o(f);return x&&($+=x),k&&($+=k),{liquid:$=p(f,$),extraFiles:h.extraFiles}}},o=e=>{let{css:r,javascript:t,rootClassName:i}=e.advanced?.editorData||{},a=r?.replaceAll(i,e.uid),l=t?.replaceAll(i,e.uid),n=s.RenderIf(!!r,s.template`
2
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../helpers/make-style.js");require("react/jsx-runtime"),require("react"),require("zustand"),require("swr"),require("../graphql/queries/articles.generated.js"),require("../graphql/queries/blogs.generated.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("../graphql/queries/product-variants.generated.js"),require("../graphql/queries/collection-detail-filter.generated.js"),require("../graphql/queries/collection.generated.js"),require("../graphql/queries/collections.generated.js"),require("../graphql/queries/published-theme-pages.generated.js"),require("../graphql/queries/store-property.generated.js"),require("../graphql/queries/preview-page.generated.js"),require("../graphql/queries/published-shop-metas.generated.js"),require("../graphql/queries/shop-shopify.generated.js"),require("../graphql/queries/products-with-selling-plans.generated.js"),require("../graphql/queries/product-variant-with-selling-plans.generated.js"),require("../graphql/queries/product-little-detail.generated.js"),require("../graphql/queries/product-medias.generated.js"),require("../graphql/queries/productsV2.generated.js"),require("swr/infinite"),require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../graphql/queries/product-value-label.generated.js"),require("../hooks/useStickyStore.js"),require("../types/builder.js"),require("../types/custom.js"),require("../types/animations.js"),require("react-transition-group");var r=require("./constant.js");require("@gem-sdk/core");var t=require("../helpers/compose-advance-style.js"),s=require("../helpers/convert.js");require("crc-32");var i=require("../helpers/render.js"),a=require("../modules/canary/utils/element.js");const l=["CarouselItem","CarouselItemV3"],n=["Text","Heading"],d=["IconListV2","IconList"],u=["IconList","ProductVariants"],o=({uid:e,builder:s,components:o,parentId:h,extraFiles:m={},pageContext:b,additionalSettings:v,...f})=>{let y=s[e],j=a.resolveComponentTag({elementTag:y?.tag,components:o,pageContext:b});if(!j||!y||y?.type==="section")return{liquid:"",extraFiles:m};{let a={extraFiles:{}},m=t.composeAdvanceStyle(y.advanced,y.tag),$="";$=r.disableWrap.includes(y.tag)?i.RenderIf(y?.childrens?.length,()=>j({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,style:m,advanced:y.advanced,parentId:l.includes(y.tag)?h:null,pageContext:b,...v,...f,builderAttrs:{...f.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:o,customProps:a,pageContext:b,...v})),children:r.customRenderChildren.includes(y.tag)?"":q({uid:e,customProps:a},y.childrens.map(e=>g({uid:e,builder:s,components:o,customProps:a,parentTag:y.tag,pageContext:b,...v})))}),()=>j({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:y.advanced,style:m,isText:!!n.includes(y.tag)||null,parentId:l.includes(y.tag)?h:null,pageContext:b,...f,builderAttrs:{...f.builderAttrs}})):i.template`<div gp-el-wrapper style="${d.includes(y.tag)?"":m}" class="${y.uid} ${y?.childrens?.length||"IconListItemHoz"!==y.tag?"":"hidden"}">
3
+ ${i.RenderIf(y?.childrens?.length,()=>j({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...u.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:b,...v,...f,builderAttrs:{...f.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:o,customProps:a,pageContext:b,...v})),children:r.customRenderChildren.includes(y.tag)?"":q({uid:e,customProps:a},y.childrens.map(e=>g({uid:e,builder:s,components:o,customProps:a,parentTag:y.tag,pageContext:b,...v})))}),()=>j({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...u.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:b,...v,isText:!!n.includes(y.tag)||null,style:d.includes(y.tag)?m:null,...f,builderAttrs:{...f.builderAttrs}}))}
4
+ </div>`;let{cssCode:x,jsCode:k}=p(y);return x&&($+=x),k&&($+=k),{liquid:$=c(y,$),extraFiles:a.extraFiles}}},p=e=>{let{css:r,javascript:t,rootClassName:s}=e.advanced?.editorData||{},a=r?.replaceAll(s,e.uid),l=t?.replaceAll(s,e.uid),n=i.RenderIf(!!r,i.template`
5
5
  <style id="${`custom-css-${e?.uid}`}">
6
6
  ${a}
7
7
  </style>
8
- `),d=s.RenderIf(!!t,s.template`
8
+ `),d=i.RenderIf(!!t,i.template`
9
9
  <script id="${`custom-js-${e?.uid}`}">
10
10
  try {
11
11
  ${l}
12
12
  } catch(err){}
13
13
  </script>
14
- `);return{cssCode:n,jsCode:d}},p=(r,t)=>{let{advanced:a,tag:l}=r,{animation:n,op:d,hasAnimationInteraction:u,displayInitInteraction:o}=a??{},p=(e,r)=>e?.triggerConfig?.[r]?.animation??"none",c=e=>{if("desktop"===e);else if("tablet"===e)return n?.tablet??n?.desktop;else if("mobile"===e)return n?.mobile??n?.tablet??n?.desktop;return n?.desktop},g=p(c("desktop"),"appear"),q=p(c("desktop"),"hover"),h=p(c("tablet"),"appear"),m=p(c("mobile"),"appear"),b=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m||!!u,v=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m;if(!b)return t;let f=e=>c(e)?.enabled&&!["shake","none"].includes(p(c(e),"appear"))?"hidden":"visible",y={desktop:f("desktop"),tablet:f("tablet"),mobile:f("mobile")};return s.template`
14
+ `);return{cssCode:n,jsCode:d}},c=(r,t)=>{let{advanced:a,tag:l}=r,{animation:n,op:d,hasAnimationInteraction:u,displayInitInteraction:o}=a??{},p=(e,r)=>e?.triggerConfig?.[r]?.animation??"none",c=e=>{if("desktop"===e);else if("tablet"===e)return n?.tablet??n?.desktop;else if("mobile"===e)return n?.mobile??n?.tablet??n?.desktop;return n?.desktop},g=p(c("desktop"),"appear"),q=p(c("desktop"),"hover"),h=p(c("tablet"),"appear"),m=p(c("mobile"),"appear"),b=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m||!!u,v=n?.desktop?.enabled&&("none"!==g||"none"!==q)||n?.tablet?.enabled&&"none"!==h||n?.mobile?.enabled&&"none"!==m;if(!b)return t;let f=e=>c(e)?.enabled&&!["shake","none"].includes(p(c(e),"appear"))?"hidden":"visible",y={desktop:f("desktop"),tablet:f("tablet"),mobile:f("mobile")};return i.template`
15
15
  <gp-animation
16
16
  gp-interaction-wrapper
17
17
  display-init="${!1===o?"hide":"show"}"
@@ -20,5 +20,5 @@
20
20
  <script gp-data type="application/json">${JSON.stringify({config:n,tag:l,opacity:d,notEnableAnimationWhenInit:!v})}</script>
21
21
  <div style="${{...e.makeStyleResponsive("v",y),display:"contents"}}">${t}</div>
22
22
  </gp-animation>
23
- ${s.RenderIf(i.isLocalEnv,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${i.baseAssetURL}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
24
- `},c=e=>{let r=u(e);for(let t in r.extraFiles)Object.prototype.hasOwnProperty.call(r.extraFiles,t)&&(e.customProps.extraFiles[t]=r.extraFiles[t]);let t=new TextEncoder,i=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(i/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}return r.liquid},g=({uid:e,customProps:r},t)=>{let i="";if(t?.length)for(let s=0;s<t.length;s++){let a=t[s];if(a){let t=i+a,l=new TextEncoder,n=t?l.encode(t).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e+s}`;r.extraFiles[t]=a,i+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}else i+=a}}return i};exports.RenderChildren=c,exports.WrapRenderChildren=g,exports.default=u;
23
+ ${i.RenderIf(s.isLocalEnv,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${s.baseAssetURL}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
24
+ `},g=e=>{let r=o(e);for(let t in r.extraFiles)Object.prototype.hasOwnProperty.call(r.extraFiles,t)&&(e.customProps.extraFiles[t]=r.extraFiles[t]);let t=new TextEncoder,s=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(s/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}return r.liquid},q=({uid:e,customProps:r},t)=>{let s="";if(t?.length)for(let i=0;i<t.length;i++){let a=t[i];if(a){let t=s+a,l=new TextEncoder,n=t?l.encode(t).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e+i}`;r.extraFiles[t]=a,s+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}else s+=a}}return s};exports.RenderChildren=g,exports.WrapRenderChildren=q,exports.default=o;
@@ -0,0 +1 @@
1
+ "use strict";exports.ALLOW_BETA_TRY_OUT_MAP={ProductImagesV3:{allowDomainList:["stephen-gems.myshopify.com"],newElementTag:"ProductImagesV3Embla"}};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("../constants/config.js");const t=({elementTag:t,shopifyDomain:r})=>{if(!t)return;let n=e.ALLOW_BETA_TRY_OUT_MAP?.[t];if(n&&n.allowDomainList.includes(r))return n.newElementTag};exports.resolveComponentTag=({elementTag:e,components:r,pageContext:n})=>{let o=n?.shopifyDomain?.trim().toLocaleLowerCase();if(!o)return e;let i=t({shopifyDomain:o,elementTag:e});return i?r?.[i]||r?.[e||""]:e};
@@ -1,7 +1,7 @@
1
1
  'use client';
2
- import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react/jsx-runtime";import"react";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import{disableWrap as t,customRenderChildren as r}from"./constant.js";import"@gem-sdk/core";import{composeAdvanceStyle as i}from"../helpers/compose-advance-style.js";import{baseAssetURL as s,isLocalEnv as a}from"../helpers/convert.js";import"crc-32";import{RenderIf as l,template as n}from"../helpers/render.js";let d=["CarouselItem","CarouselItemV3"],o=["Text","Heading"],p=["IconListV2","IconList"],c=["IconList","ProductVariants"],u=({uid:e,builder:s,components:a,parentId:u,extraFiles:q={},pageContext:f,additionalSettings:v,...j})=>{let y=s[e],$=a[y?.tag];if(!$||!y||y?.type==="section")return{liquid:"",extraFiles:q};{let q={extraFiles:{}},k=i(y.advanced,y.tag),x="";x=t.includes(y.tag)?l(y?.childrens?.length,()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,style:k,advanced:y.advanced,parentId:d.includes(y.tag)?u:null,pageContext:f,...v,...j,builderAttrs:{...j.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...v})),children:r.includes(y.tag)?"":b({uid:e,customProps:q},y.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:y.tag,pageContext:f,...v})))}),()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:y.advanced,style:k,isText:!!o.includes(y.tag)||null,parentId:d.includes(y.tag)?u:null,pageContext:f,...j,builderAttrs:{...j.builderAttrs}})):n`<div gp-el-wrapper style="${p.includes(y.tag)?"":k}" class="${y.uid} ${y?.childrens?.length||"IconListItemHoz"!==y.tag?"":"hidden"}">
3
- ${l(y?.childrens?.length,()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...c.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:f,...v,...j,builderAttrs:{...j.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...v})),children:r.includes(y.tag)?"":b({uid:e,customProps:q},y.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:y.tag,pageContext:f,...v})))}),()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...c.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:f,...v,isText:!!o.includes(y.tag)||null,style:p.includes(y.tag)?k:null,...j,builderAttrs:{...j.builderAttrs}}))}
4
- </div>`;let{cssCode:w,jsCode:A}=g(y);return w&&(x+=w),A&&(x+=A),{liquid:x=m(y,x),extraFiles:q.extraFiles}}},g=e=>{let{css:t,javascript:r,rootClassName:i}=e.advanced?.editorData||{},s=t?.replaceAll(i,e.uid),a=r?.replaceAll(i,e.uid),d=l(!!t,n`
2
+ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react/jsx-runtime";import"react";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import{disableWrap as t,customRenderChildren as r}from"./constant.js";import"@gem-sdk/core";import{composeAdvanceStyle as i}from"../helpers/compose-advance-style.js";import{baseAssetURL as s,isLocalEnv as a}from"../helpers/convert.js";import"crc-32";import{RenderIf as l,template as n}from"../helpers/render.js";import{resolveComponentTag as d}from"../modules/canary/utils/element.js";let o=["CarouselItem","CarouselItemV3"],p=["Text","Heading"],c=["IconListV2","IconList"],u=["IconList","ProductVariants"],m=({uid:e,builder:s,components:a,parentId:m,extraFiles:f={},pageContext:j,additionalSettings:v,...y})=>{let $=s[e],k=d({elementTag:$?.tag,components:a,pageContext:j});if(!k||!$||$?.type==="section")return{liquid:"",extraFiles:f};{let d={extraFiles:{}},f=i($.advanced,$.tag),x="";x=t.includes($.tag)?l($?.childrens?.length,()=>k({builderProps:{uid:e,builderData:$},styles:$.styles,setting:$.settings,style:f,advanced:$.advanced,parentId:o.includes($.tag)?m:null,pageContext:j,...v,...y,builderAttrs:{...y.builderAttrs},rawChildren:$.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:d,pageContext:j,...v})),children:r.includes($.tag)?"":q({uid:e,customProps:d},$.childrens.map(e=>b({uid:e,builder:s,components:a,customProps:d,parentTag:$.tag,pageContext:j,...v})))}),()=>k({builderProps:{uid:e,builderData:$},styles:$.styles,setting:$.settings,advanced:$.advanced,style:f,isText:!!p.includes($.tag)||null,parentId:o.includes($.tag)?m:null,pageContext:j,...y,builderAttrs:{...y.builderAttrs}})):n`<div gp-el-wrapper style="${c.includes($.tag)?"":f}" class="${$.uid} ${$?.childrens?.length||"IconListItemHoz"!==$.tag?"":"hidden"}">
3
+ ${l($?.childrens?.length,()=>k({builderProps:{uid:e,builderData:$},styles:$.styles,setting:$.settings,advanced:{...u.includes($.tag)?$?.advanced:{},cssClass:$?.advanced?.cssClass},pageContext:j,...v,...y,builderAttrs:{...y.builderAttrs},rawChildren:$.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:d,pageContext:j,...v})),children:r.includes($.tag)?"":q({uid:e,customProps:d},$.childrens.map(e=>b({uid:e,builder:s,components:a,customProps:d,parentTag:$.tag,pageContext:j,...v})))}),()=>k({builderProps:{uid:e,builderData:$},styles:$.styles,setting:$.settings,advanced:{...u.includes($.tag)?$?.advanced:{},cssClass:$?.advanced?.cssClass},pageContext:j,...v,isText:!!p.includes($.tag)||null,style:c.includes($.tag)?f:null,...y,builderAttrs:{...y.builderAttrs}}))}
4
+ </div>`;let{cssCode:w,jsCode:A}=g($);return w&&(x+=w),A&&(x+=A),{liquid:x=h($,x),extraFiles:d.extraFiles}}},g=e=>{let{css:t,javascript:r,rootClassName:i}=e.advanced?.editorData||{},s=t?.replaceAll(i,e.uid),a=r?.replaceAll(i,e.uid),d=l(!!t,n`
5
5
  <style id="${`custom-css-${e?.uid}`}">
6
6
  ${s}
7
7
  </style>
@@ -11,14 +11,14 @@ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react/jsx-
11
11
  ${a}
12
12
  } catch(err){}
13
13
  </script>
14
- `);return{cssCode:d,jsCode:o}},m=(t,r)=>{let{advanced:i,tag:d}=t,{animation:o,op:p,hasAnimationInteraction:c,displayInitInteraction:u}=i??{},g=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",m=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},h=g(m("desktop"),"appear"),b=g(m("desktop"),"hover"),q=g(m("tablet"),"appear"),f=g(m("mobile"),"appear"),v=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f||!!c,j=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f;if(!v)return r;let y=e=>m(e)?.enabled&&!["shake","none"].includes(g(m(e),"appear"))?"hidden":"visible",$={desktop:y("desktop"),tablet:y("tablet"),mobile:y("mobile")};return n`
14
+ `);return{cssCode:d,jsCode:o}},h=(t,r)=>{let{advanced:i,tag:d}=t,{animation:o,op:p,hasAnimationInteraction:c,displayInitInteraction:u}=i??{},m=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",g=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},h=m(g("desktop"),"appear"),b=m(g("desktop"),"hover"),q=m(g("tablet"),"appear"),f=m(g("mobile"),"appear"),j=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f||!!c,v=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f;if(!j)return r;let y=e=>g(e)?.enabled&&!["shake","none"].includes(m(g(e),"appear"))?"hidden":"visible",$={desktop:y("desktop"),tablet:y("tablet"),mobile:y("mobile")};return n`
15
15
  <gp-animation
16
16
  gp-interaction-wrapper
17
17
  display-init="${!1===u?"hide":"show"}"
18
18
  style="${{display:"contents"}}"
19
19
  >
20
- <script gp-data type="application/json">${JSON.stringify({config:o,tag:d,opacity:p,notEnableAnimationWhenInit:!j})}</script>
20
+ <script gp-data type="application/json">${JSON.stringify({config:o,tag:d,opacity:p,notEnableAnimationWhenInit:!v})}</script>
21
21
  <div style="${{...e("v",$),display:"contents"}}">${r}</div>
22
22
  </gp-animation>
23
23
  ${l(a,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${s}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
24
- `},h=e=>{let t=u(e);for(let r in t.extraFiles)Object.prototype.hasOwnProperty.call(t.extraFiles,r)&&(e.customProps.extraFiles[r]=t.extraFiles[r]);let r=new TextEncoder,i=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(i/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}return t.liquid},b=({uid:e,customProps:t},r)=>{let i="";if(r?.length)for(let s=0;s<r.length;s++){let a=r[s];if(a){let r=i+a,l=new TextEncoder,n=r?l.encode(r).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e+s}`;t.extraFiles[r]=a,i+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}else i+=a}}return i};export{h as RenderChildren,b as WrapRenderChildren,u as default};
24
+ `},b=e=>{let t=m(e);for(let r in t.extraFiles)Object.prototype.hasOwnProperty.call(t.extraFiles,r)&&(e.customProps.extraFiles[r]=t.extraFiles[r]);let r=new TextEncoder,i=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(i/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}return t.liquid},q=({uid:e,customProps:t},r)=>{let i="";if(r?.length)for(let s=0;s<r.length;s++){let a=r[s];if(a){let r=i+a,l=new TextEncoder,n=r?l.encode(r).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e+s}`;t.extraFiles[r]=a,i+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form %}`}else i+=a}}return i};export{b as RenderChildren,q as WrapRenderChildren,m as default};
@@ -0,0 +1 @@
1
+ let e={ProductImagesV3:{allowDomainList:["stephen-gems.myshopify.com"],newElementTag:"ProductImagesV3Embla"}};export{e as ALLOW_BETA_TRY_OUT_MAP};
@@ -0,0 +1 @@
1
+ import{ALLOW_BETA_TRY_OUT_MAP as e}from"../constants/config.js";let t=({elementTag:t,shopifyDomain:o})=>{if(!t)return;let n=e?.[t];if(n&&n.allowDomainList.includes(o))return n.newElementTag},o=({elementTag:e,components:o,pageContext:n})=>{let r=n?.shopifyDomain?.trim().toLocaleLowerCase();if(!r)return e;let i=t({shopifyDomain:r,elementTag:e});return i?o?.[i]||o?.[e||""]:e};export{o as resolveComponentTag};
@@ -7772,6 +7772,8 @@ type PageContext = {
7772
7772
  hasCollectionHandle?: boolean;
7773
7773
  mode?: SectionMode;
7774
7774
  schema?: string;
7775
+ /** `*.myshopify.com` domain of the shop being published; used for per-shop rollouts in Render. */
7776
+ shopifyDomain?: string;
7775
7777
  };
7776
7778
  type OnlyOne<T, U> = (T & {
7777
7779
  [K in keyof U]?: never;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "23.0.0-dev.10",
3
+ "version": "23.0.0-dev.15",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -36,8 +36,8 @@
36
36
  "zustand": "4.3.9"
37
37
  },
38
38
  "devDependencies": {
39
- "@gem-sdk/adapter-shopify": "23.0.0-dev.4",
40
- "@gem-sdk/styles": "23.0.0-dev.7"
39
+ "@gem-sdk/adapter-shopify": "23.0.0-dev.15",
40
+ "@gem-sdk/styles": "23.0.0-dev.15"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "18.3.1",