@gem-sdk/components 19.1.0-staging.1 → 19.1.0-staging.12

package/dist/cjs/image/common/helpers.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),r=require("../settings/configs/translate.js"),i=require("./const.js");const s=({device:e,aspect:t,custom:r,auto:i})=>{let s=t?.[e];return"auto"===s?i?.height?`${i.width}/${i.height}`:void 0:"custom"===s?r?.[e]?.height?`${r?.[e]?.width}/${r?.[e]?.height}`:void 0:s},l=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),r=require("../settings/configs/translate.js"),i=require("./const.js");const s=({device:e,aspect:t,custom:r,auto:i})=>{let s=t?.[e];return"auto"===s?i?.height?`${i.width}/${i.height}`:void 0:"custom"===s?r?.[e]?.height?`${r?.[e]?.width}/${r?.[e]?.height}`:void 0:s},a=(e,t)=>`<svg width="${e}" height="${t}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
       <linearGradient id="g-${e}-${t}">
         <stop stop-color="rgba(51, 51, 51, 0)" offset="20%" />
@@ -9,4 +9,4 @@
     <rect width="${e}" height="${t}" fill="rgba(51, 51, 51, 0)" />
     <rect id="r" width="${e}" height="${t}" fill="url(#g-${e}-${t})" />
     <animate xlink:href="#r" attributeName="x" from="-${e}" to="${e}" dur="1s" repeatCount="indefinite"  />
-  </svg>`,a=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),o="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",n=e=>i.REGEX_IS_NON_RESIZABLE_IMAGE.test(e),g=(e,t)=>{let r=p(e);return n(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},c=e=>e,u=(t,r,i)=>{if(t?.metafieldDefinitionKey)return d(t?.metafieldDefinitionKey);let s=t?.backupFilePath??t?.src??"";if(i)s=t?.src||"";else{let r=t?.src??"";if(e.hasTranslatedLiquid(r))return r;if(t?.backupFileKey){let e=m(t.backupFileKey,t?.src??"");"THEME"!==t.storage&&t.storage?"FILE_CONTENT"===t.storage&&(s=`{{ "${p(e)}" | file_url }}`):s=`{{ "${e}" | asset_url }}`}}if(r&&s?.includes("cdn.shopify")&&!n(s))switch(r){case"tablet":s=s?.includes("?")?`${s}&width=1024`:`${s}?width=1024`;break;case"mobile":s=s?.includes("?")?`${s}&width=768`:`${s}?width=768`}return s},d=e=>`{{${e} | file_url}}`,p=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),m=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function f(e,t){let r=h({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(n(r))return r;let i=h({str:r,reg:/\.jpg|\.png|\.jpeg/g,newString:t,isAdd:!0});return i}const h=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,s=1;for(;null!==(i=e.reg.exec(e.str));){if(s===r){let r=e.reg.lastIndex,s=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,s)+e.newString+t.slice(r,t.length)}s++}}return t},b=(e,t)=>{let r=v(),i=t?.[r]||"auto";if("auto"===i||i.includes("%"))return e;let s=Number(i.replace("px",""));return s>e?e:Number(i.replace("px",""))},A=t=>{let{itemWidthParam:r,imageWidthSetting:i,qualityType:s,qualityPercent:l}=t,a=v(),o=b(r,i),n=e.getResponsiveValueByScreen(s,a,"finest"),g=e.getResponsiveValueByScreen(l,a,100);switch(n){case"finest":default:return"auto";case"high":return Math.round(1.5*o)||1;case"medium":return Math.round(o)||1;case"custom":return Math.round(o*(Number(g)/100))||1}},w=t=>{let r={desktop:"100%",tablet:"100%",mobile:"100%"};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(t,i)?.width||"100%";r[i]=s}),r},S=t=>{let r={desktop:"100%",tablet:"100%",mobile:"100%"};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(t,i)?.width||"100%";r[i]=s}),r},x=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},$=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},_=e=>{let{item:t,settingWidth:r,width:i,qualityType:s,qualityPercent:l}=e,a=v(),o=t.querySelector("img");if(o){let e=A({itemWidthParam:i,imageWidthSetting:r,qualityType:s,qualityPercent:l}),t=o.getAttribute("base-src");if(!t)return;let n=E(e,t),g=I(t,n,a);o.setAttribute("srcset",g)}},E=(e,t)=>"auto"===e?t:f(t,`${e}x`),I=(e,t,r)=>`${"mobile"===r&&e!==t?t:f(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:f(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:f(e,"1920x")} 1440w`,v=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=o,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},exports.composeAspectRatio=s,exports.createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${a(l(e,t))}`,exports.getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e;return{getDeviceSource:e=>{let{isLiquid:i}=e??{},s=u(t?.desktop,"desktop",!i)||r||o,l=u(t?.tablet,"tablet",!i)||u(t?.desktop,"tablet",!i)||r||o,a=u(t?.mobile,"mobile",!i)||u(t?.tablet,"mobile",!i)||u(t?.desktop,"mobile",!i)||r||o;return{srcTablet:l,srcMobile:a,srcDesktop:s}}}},exports.getAspectRatio=({styles:t,setting:r})=>{let{srcSet:i,image:l}=r??{},{customAspectRadio:a,shape:o}=t??{},n={desktop:s({device:"desktop",aspect:t?.aspectRatio,auto:r?.isAdaptive?i?.desktop:l,custom:a}),tablet:s({device:"tablet",aspect:t?.aspectRatio,auto:r?.isAdaptive?i?.tablet:l,custom:a}),mobile:s({device:"mobile",aspect:t?.aspectRatio,auto:r?.isAdaptive?i?.mobile:l,custom:a})};return o?e.getAspectRatioGlobalSize(o):n},exports.getAspectRatioNextImage=({isDisableAspectStyle:t,aspectRatio:r,objectFits:i,width:s,height:l})=>{if(t)return{};let a={};return e.DEVICES.forEach(e=>{let t=`--objf${"desktop"!==e?`-${e}`:""}`,o=i?.[t]||i?.["--objf"];if(r?.[e]==="auto"&&"contain"===o){a[e]="auto";return}a[e]=r?.[e]!=="auto"&&r?.[e]?r[e]:`${s}/${l}`}),a},exports.getCurrentDevice=v,exports.getImageSrc=u,exports.getImageWidthFollowByQuality=A,exports.getNewBackupFileKey=m,exports.getResponsiveObjectFit=({layout:t,isDisableObjectFit:r})=>r?{}:e.makeStyleResponsive("objf",t),exports.getSettingTranslatedImageAndSeo=({setting:i,uid:s,pageContext:l})=>{if(!i||!r.Image)return{};let a=e.cloneDeep(i);for(let e in a.srcSet){let i=a.srcSet[e];if(i&&i.src){let a=t.getDynamicSourceLocales({val:i.src,uid:s,settingId:r.Image?.srcSet?.id?`${r.Image.srcSet.id}_${e}_src`:"",pageContext:l??{}});i.src=String(a)}}let o=t.getDynamicSourceLocales({val:a.alt,uid:s,settingId:t.createSettingId({id:r.Image?.alt?.id}),pageContext:l??{}});a.alt=String(o);let n=t.getDynamicSourceLocales({val:a.title,uid:s,settingId:t.createSettingId({id:r.Image?.title?.id}),pageContext:l??{}});return a.title=String(n),a},exports.getSrcSet=(e,t,r)=>e?g(e,t):c(r),exports.handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:s}=e,l=document.querySelectorAll(`.gem-slider-item-${s}.gp-ft-image-item`),a=w(t),o=$(s);l.forEach(e=>{_({item:e,settingWidth:a,width:o,qualityType:r,qualityPercent:i})})},exports.handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:s}=e,l=document.querySelectorAll(`.gem-slider-item-${s}.gp-gallery-image-item`),a=S(t),o=x(s);l.forEach(e=>{_({item:e,settingWidth:a,width:o,qualityType:r,qualityPercent:i})})},exports.isCannotResizeImage=n,exports.overwriteDefaultRadius=t=>{let r={...t},i=!0;return r&&Object.keys(r??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let t=r[e]??{};"0px"!==t&&(i=!1)}}),i?e.getCornerCSSFromGlobal(r):{}},exports.replaceBackupFileKeyFileContent=p,exports.resizeImage=f,exports.safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),exports.shimmer=l,exports.toBase64=a;
+  </svg>`,l=e=>"undefined"==typeof window?Buffer.from(e).toString("base64"):window.btoa(e),o="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",n=e=>i.REGEX_IS_NON_RESIZABLE_IMAGE.test(e),g=e=>i.REGEX_IS_NON_RESIZABLE_IMAGE_BY_QUERY.test(e),c=(e,t)=>{let r=m(e);return n(e)?"FILE_CONTENT"==t?`{{ '${r}' | file_url }} 768w, {{ '${r}' | file_url }} 1024w, {{ '${r}' | file_url }} 1440w`:`{{ '${e}' | asset_url }} 768w, {{ '${e}' | asset_url }} 1024w, {{ '${e}' | asset_url }} 1440w`:"FILE_CONTENT"==t?`{{ '${r}' | file_img_url: '768x' }} 768w, {{ '${r}' | file_img_url: '1024x' }} 1024w, {{ '${r}' | file_img_url: 'master' }} 1440w`:`{{ '${e}' | asset_img_url: '768x' }} 768w, {{ '${e}' | asset_img_url: '1024x' }} 1024w, {{ '${e}' | asset_img_url: 'master' }} 1440w`},u=e=>e,d=(t,r,i)=>{if(t?.metafieldDefinitionKey)return p(t?.metafieldDefinitionKey);let s=t?.backupFilePath??t?.src??"";if(i)s=t?.src||"";else{let r=t?.src??"";if(e.hasTranslatedLiquid(r))return r;if(t?.backupFileKey){let e=f(t.backupFileKey,t?.src??"");"THEME"!==t.storage&&t.storage?"FILE_CONTENT"===t.storage&&(s=`{{ "${m(e)}" | file_url }}`):s=`{{ "${e}" | asset_url }}`}}if(r&&s?.includes("cdn.shopify")&&!g(s))switch(r){case"tablet":s=s?.includes("?")?`${s}&width=1024`:`${s}?width=1024`;break;case"mobile":s=s?.includes("?")?`${s}&width=768`:`${s}?width=768`}return s},p=e=>`{{${e} | file_url}}`,m=e=>e.replace(/\.jpeg|\.jfif/g,".jpg"),f=(e,t)=>{let r=t?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];return r&&r!=e?r:e};function h(e,t){let r=b({str:e,reg:/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g,newString:"."});if(n(r))return r;let i=b({str:r,reg:/\.jpg|\.png|\.jpeg/g,newString:t,isAdd:!0});return i}const b=e=>{let t=e.str,r=e.str.match(e.reg)?.length;if(r){let i,s=1;for(;null!==(i=e.reg.exec(e.str));){if(s===r){let r=e.reg.lastIndex,s=r-i[0].length;e.isAdd&&(e.newString="_"+e.newString+i),t=t.slice(0,s)+e.newString+t.slice(r,t.length)}s++}}return t},A=(e,t)=>{let r=v(),i=t?.[r]||"auto";if("auto"===i||i.includes("%"))return e;let s=Number(i.replace("px",""));return s>e?e:Number(i.replace("px",""))},w=t=>{let{itemWidthParam:r,imageWidthSetting:i,qualityType:s,qualityPercent:a}=t,l=v(),o=A(r,i),n=e.getResponsiveValueByScreen(s,l,"finest"),g=e.getResponsiveValueByScreen(a,l,100);switch(n){case"finest":default:return"auto";case"high":return Math.round(1.5*o)||1;case"medium":return Math.round(o)||1;case"custom":return Math.round(o*(Number(g)/100))||1}},S=t=>{let r={desktop:"100%",tablet:"100%",mobile:"100%"};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(t,i)?.width||"100%";r[i]=s}),r},x=t=>{let r={desktop:"100%",tablet:"100%",mobile:"100%"};return e.DEVICES.forEach(i=>{let s=e.getResponsiveValueByScreen(t,i)?.width||"100%";r[i]=s}),r},$=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-gallery-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},_=e=>{let t=document.querySelectorAll(`.gem-slider-item-${e}.gp-ft-image-item`),r=0;return t.forEach(e=>{e.offsetWidth>r&&(r=e.offsetWidth)}),r},E=e=>{let{item:t,settingWidth:r,width:i,qualityType:s,qualityPercent:a}=e,l=v(),o=t.querySelector("img");if(o){let e=w({itemWidthParam:i,imageWidthSetting:r,qualityType:s,qualityPercent:a}),t=o.getAttribute("base-src");if(!t)return;let n=I(e,t),g=y(t,n,l);o.setAttribute("srcset",g)}},I=(e,t)=>"auto"===e?t:h(t,`${e}x`),y=(e,t,r)=>`${"mobile"===r&&e!==t?t:h(e,"768x")} 767w, ${"tablet"===r&&e!==t?t:h(e,"1024x")} 1023w, ${"desktop"===r&&e!==t?t:h(e,"1920x")} 1440w`,v=()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1025?"tablet":"desktop";exports.FALLBACK_IMAGE=o,exports.IMAGE_PLACEHOLDER="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=",exports.NEXT_IMAGE_CONFIG={DEFAULT_SIZES:"100vw",DEFAULT_ALT:"Alt image",DEFAULT_SRC:"https://cdn.shopify.com/s/files/1/2005/9307/files/placeholder-1.png?v=1751355990",DEFAULT_WIDTH_PROPS:800,DEFAULT_HEIGHT_PROPS:533},exports.composeAspectRatio=s,exports.createBlurDataURL=(e,t)=>`data:image/svg+xml;base64,${l(a(e,t))}`,exports.getAdaptiveImageData=e=>{let{srcSet:t,fallbackImg:r}=e;return{getDeviceSource:e=>{let{isLiquid:i}=e??{},s=d(t?.desktop,"desktop",!i)||r||o,a=d(t?.tablet,"tablet",!i)||d(t?.desktop,"tablet",!i)||r||o,l=d(t?.mobile,"mobile",!i)||d(t?.tablet,"mobile",!i)||d(t?.desktop,"mobile",!i)||r||o;return{srcTablet:a,srcMobile:l,srcDesktop:s}}}},exports.getAspectRatio=({styles:t,setting:r})=>{let{srcSet:i,image:a}=r??{},{customAspectRadio:l,shape:o}=t??{},n={desktop:s({device:"desktop",aspect:t?.aspectRatio,auto:r?.isAdaptive?i?.desktop:a,custom:l}),tablet:s({device:"tablet",aspect:t?.aspectRatio,auto:r?.isAdaptive?i?.tablet:a,custom:l}),mobile:s({device:"mobile",aspect:t?.aspectRatio,auto:r?.isAdaptive?i?.mobile:a,custom:l})};return o?e.getAspectRatioGlobalSize(o):n},exports.getAspectRatioNextImage=({isDisableAspectStyle:t,aspectRatio:r,objectFits:i,width:s,height:a})=>{if(t)return{};let l={};return e.DEVICES.forEach(e=>{let t=`--objf${"desktop"!==e?`-${e}`:""}`,o=i?.[t]||i?.["--objf"];if(r?.[e]==="auto"&&"contain"===o){l[e]="auto";return}l[e]=r?.[e]!=="auto"&&r?.[e]?r[e]:`${s}/${a}`}),l},exports.getCurrentDevice=v,exports.getImageSrc=d,exports.getImageWidthFollowByQuality=w,exports.getNewBackupFileKey=f,exports.getResponsiveObjectFit=({layout:t,isDisableObjectFit:r})=>r?{}:e.makeStyleResponsive("objf",t),exports.getSettingTranslatedImageAndSeo=({setting:i,uid:s,pageContext:a})=>{if(!i||!r.Image)return{};let l=e.cloneDeep(i);for(let e in l.srcSet){let i=l.srcSet[e];if(i&&i.src){let l=t.getDynamicSourceLocales({val:i.src,uid:s,settingId:r.Image?.srcSet?.id?`${r.Image.srcSet.id}_${e}_src`:"",pageContext:a??{}});i.src=String(l)}}let o=t.getDynamicSourceLocales({val:l.alt,uid:s,settingId:t.createSettingId({id:r.Image?.alt?.id}),pageContext:a??{}});l.alt=String(o);let n=t.getDynamicSourceLocales({val:l.title,uid:s,settingId:t.createSettingId({id:r.Image?.title?.id}),pageContext:a??{}});return l.title=String(n),l},exports.getSrcSet=(e,t,r)=>e?c(e,t):u(r),exports.handleSetSrcForFeatureProductImage=e=>{let{ftShape:t,qualityType:r,qualityPercent:i,builderPropUID:s}=e,a=document.querySelectorAll(`.gem-slider-item-${s}.gp-ft-image-item`),l=S(t),o=_(s);a.forEach(e=>{E({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},exports.handleSetSrcForProductImageList=e=>{let{shapeByLayout:t,qualityType:r,qualityPercent:i,builderPropUID:s}=e,a=document.querySelectorAll(`.gem-slider-item-${s}.gp-gallery-image-item`),l=x(t),o=$(s);a.forEach(e=>{E({item:e,settingWidth:l,width:o,qualityType:r,qualityPercent:i})})},exports.isCannotResizeImage=n,exports.isCannotResizeImageByQuery=g,exports.overwriteDefaultRadius=t=>{let r={...t},i=!0;return r&&Object.keys(r??{}).forEach(e=>{if("bblr"===e||"bbrr"===e||"btlr"===e||"btrr"===e){let t=r[e]??{};"0px"!==t&&(i=!1)}}),i?e.getCornerCSSFromGlobal(r):{}},exports.replaceBackupFileKeyFileContent=m,exports.resizeImage=h,exports.safeStringify=e=>JSON.stringify(e||{}).replace(/"/g,"&quot;"),exports.shimmer=a,exports.toBase64=l;

package/dist/cjs/image/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Style",controls:[{setting:{id:"imageStyle"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"square",shapeValue:"1/1",shapeLinked:!0,width:"80px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"9999px",btrr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"original",shapeValue:"",width:"100%"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"0px",btrr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Source",controls:[{conditionDisplay:"isAdaptive === false",setting:{id:"image"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{conditionDisplay:"isAdaptive === true",setting:{id:"srcSet"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:"Shadow",setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Link",setting:{id:"enableImageLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableImageLink == true'},{setting:{id:"imageLink"},conditionDisplay:"enableImageLink === true",layout:"vertical"}]},{label:"SEO",hiddenOnMobile:!0,controls:[{type:"combo",label:"Alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{label:"Optimize LCP",hiddenOnMobile:!0,controls:[{label:"Preload",setting:{id:"priority"}},{label:"Quality",setting:{id:"qualityType"},options:{disableMessage:"This setting only works with images uploaded to Shopify"},conditionEnable:"(activeScreenId === \"desktop\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"tablet\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"mobile\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com'))",conditionDisplay:"priority === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && priority === false && ((activeScreenId === "desktop" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "tablet" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "mobile" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")))',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},conditionEnable:'!(shape.width === "default" || (parseInt(shape.width) >= 100 && shape.width?.includes("%")))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Style",controls:[{setting:{id:"imageStyle"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"square",shapeValue:"1/1",shapeLinked:!0,width:"80px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"9999px",btrr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"wrapperBorder",newValue:{border:"none",color:"transparent",borderWidth:"0px"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="circle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shadow",newValue:{enable:!1},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"shape",newValue:{shape:"original",shapeValue:"",width:"100%"},groupType:"style",controlType:"style"}},{condition:'imageStyle==="rectangle"',source:["imageStyle"],action:{controlId:"borderRadius",newValue:{bblr:"0px",btrr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Source",controls:[{conditionDisplay:"isAdaptive === false",setting:{id:"image"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{conditionDisplay:"isAdaptive === true",setting:{id:"srcSet"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"priority"},{field:"altText",settingId:"alt"},{field:"imageTitle",settingId:"title"}]},controlChangeTrigger:{settings:[{action:{controlId:"priority",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"alt",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"title",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"objectFit"},conditionDisplay:'shape.shape !== "original"'}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"shape"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",controlConfig:{id:"corner",type:"corner-v2",linkWithSetting:{name:"borderRadius"}}},{label:"Shadow",setting:{id:"shadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"shadow.enable === true",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!0}},{condition:"shadow.enable === false",source:["shadow","hasActiveShadow"],action:{controlId:"hasActiveShadow",groupType:"advanced",controlType:"advanced",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Link",setting:{id:"enableImageLink"},options:{labelVariant:"primary",toggleStyle:"switch"}},{layout:"vertical",controlConfig:{id:"linkedToPreSalesPageBanner",type:"banner",message:"Pre-sales page elements with link should redirect to the Sales page."},conditionDisplay:'pageType === "GP_PRE_SALE_PAGE" && enableImageLink == true'},{setting:{id:"imageLink"},conditionDisplay:"enableImageLink === true",layout:"vertical"}]},{label:"SEO",hiddenOnMobile:!0,controls:[{type:"combo",label:"Alt text",iconName:"polaris-text-block",getValueFromSettingID:"alt",compoDefaultValue:"Describes the appearance of the image",isHideClear:!0,controls:[{label:"Content",setting:{id:"alt"},layout:"vertical"}]},{type:"combo",label:"Image title",iconName:"polaris-text-block",getValueFromSettingID:"title",isHideClear:!0,compoDefaultValue:"Title",controls:[{label:"Content",setting:{id:"title"},layout:"vertical"}]}]},{label:"Optimize LCP",conditionDisplay:'pageType !== "STATIC"',hiddenOnMobile:!0,controls:[{label:"Preload",setting:{id:"priority"}},{label:"Quality",setting:{id:"qualityType"},options:{disableMessage:"This setting only works with images uploaded to Shopify"},conditionEnable:"(activeScreenId === \"desktop\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"tablet\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com')) || (activeScreenId === \"mobile\" && srcSet?.src && srcSet.src.includes('cdn.shopify.com'))",conditionDisplay:"priority === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && priority === false && ((activeScreenId === "desktop" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "tablet" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")) || (activeScreenId === "mobile" && srcSet?.src && srcSet.src.includes("cdn.shopify.com")))',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"align"},conditionEnable:'!(shape.width === "default" || (parseInt(shape.width) >= 100 && shape.width?.includes("%")))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/image-comparison/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/ImageComparison.js")}),{loading:r.default});exports.default={ImageComparison:o};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/ImageComparison.js")}),{loading:r.default});exports.default={ImageComparison:o};

package/dist/cjs/image-comparison/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"direction"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Image",controls:[{label:"1st image",setting:{id:"imageLeft"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altLeft"},{field:"imageTitle",settingId:"titleLeft"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altLeft",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleLeft",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"2nd image",setting:{id:"imageRight"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altRight"},{field:"imageTitle",settingId:"titleRight"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altRight",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleRight",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"imageScale"}}]},{label:"Slider",controls:[{label:"Behavior",setting:{id:"hoverToSlide"}},{label:"Default ratio",setting:{id:"defaultPercentage"}}]},{controls:[{label:"Badge",hiddenOnMobile:!0,setting:{id:"enableLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"1st",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"leftImageLabel"}},{label:"2nd",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"rightImageLabel"}},{conditionDisplay:"enableLabel === true",label:"Text style",hiddenOnMobile:!0,setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"labelTextColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Padding",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelPadding"}},{label:"Background",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelBackgroundColor"}},{label:"Border",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelBorder"}},{label:"Corner",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelRounded"}},{label:"Shadow",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelShadow"}},{label:"Position",hiddenOnMobile:!0,setting:{id:"labelPositionHoz"},conditionDisplay:"enableLabel === true && direction === 'horizontal'"},{label:"Position",hiddenOnMobile:!0,setting:{id:"labelPositionVer"},conditionDisplay:"enableLabel === true && direction === 'vertical'"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Frame",setting:{id:"aspectRatio"}},{label:"Ratio",conditionDisplay:"aspectRatio === 'custom'",setting:{id:"customAspectRadio"}},{label:"Width",setting:{id:"width"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Optimize LCP",hiddenOnMobile:!0,controls:[{label:"Preload",setting:{id:"preload"}},{label:"Quality",conditionEnable:"((imageLeft.src || imageRight.src) && (imageLeft.src.includes('cdn.shopify.com') || imageRight.src.includes('cdn.shopify.com')))",conditionDisplay:"preload === false",setting:{id:"qualityType"},options:{fullWidth:!0,disableMessage:"This setting only works with images uploaded to Shopify"}},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false && ((imageLeft.src || imageRight.src) && (imageLeft.src.includes("cdn.shopify.com") || imageRight.src.includes("cdn.shopify.com"))) ',setting:{id:"qualityPercent"}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{label:"1st image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",popoverLabel:"SEO",setting:{id:"enableSEOLeft"},controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altLeft"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleLeft"}}]},{label:"2nd image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",setting:{id:"enableSEORight"},popoverLabel:"SEO",controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altRight"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleRight"}}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(width === "default" || (parseInt(width) >= 100 && width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"direction"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Image",controls:[{label:"1st image",setting:{id:"imageLeft"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altLeft"},{field:"imageTitle",settingId:"titleLeft"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altLeft",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleLeft",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"2nd image",setting:{id:"imageRight"},options:{updateFields:[{field:"preload",settingId:"preload"},{field:"altText",settingId:"altRight"},{field:"imageTitle",settingId:"titleRight"}]},controlChangeTrigger:{settings:[{action:{controlId:"preload",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"altRight",valueFromField:"altText",groupType:"setting",controlType:"setting",removeDevice:!0}},{action:{controlId:"titleRight",valueFromField:"imageTitle",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Scale",setting:{id:"imageScale"}}]},{label:"Slider",controls:[{label:"Behavior",setting:{id:"hoverToSlide"}},{label:"Default ratio",setting:{id:"defaultPercentage"}}]},{controls:[{label:"Badge",hiddenOnMobile:!0,setting:{id:"enableLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"1st",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"leftImageLabel"}},{label:"2nd",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"rightImageLabel"}},{conditionDisplay:"enableLabel === true",label:"Text style",hiddenOnMobile:!0,setting:{id:"typo"},options:{updateFields:[{field:"attrs.color",settingId:"labelTextColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"labelTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}},{label:"Padding",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelPadding"}},{label:"Background",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelBackgroundColor"}},{label:"Border",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelBorder"}},{label:"Corner",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelRounded"}},{label:"Shadow",hiddenOnMobile:!0,conditionDisplay:"enableLabel === true",setting:{id:"labelShadow"}},{label:"Position",hiddenOnMobile:!0,setting:{id:"labelPositionHoz"},conditionDisplay:"enableLabel === true && direction === 'horizontal'"},{label:"Position",hiddenOnMobile:!0,setting:{id:"labelPositionVer"},conditionDisplay:"enableLabel === true && direction === 'vertical'"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Frame",setting:{id:"aspectRatio"}},{label:"Ratio",conditionDisplay:"aspectRatio === 'custom'",setting:{id:"customAspectRadio"}},{label:"Width",setting:{id:"width"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Optimize LCP",conditionDisplay:'pageType !== "STATIC"',hiddenOnMobile:!0,controls:[{label:"Preload",setting:{id:"preload"}},{label:"Quality",conditionEnable:"((imageLeft.src || imageRight.src) && (imageLeft.src.includes('cdn.shopify.com') || imageRight.src.includes('cdn.shopify.com')))",conditionDisplay:"preload === false",setting:{id:"qualityType"},options:{fullWidth:!0,disableMessage:"This setting only works with images uploaded to Shopify"}},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false && ((imageLeft.src || imageRight.src) && (imageLeft.src.includes("cdn.shopify.com") || imageRight.src.includes("cdn.shopify.com"))) ',setting:{id:"qualityPercent"}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{label:"1st image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",popoverLabel:"SEO",setting:{id:"enableSEOLeft"},controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altLeft"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleLeft"}}]},{label:"2nd image",type:"combo",iconName:"polaris-text-title",fixedValue:"Edit",setting:{id:"enableSEORight"},popoverLabel:"SEO",controls:[{label:"Alt text",options:{labelAlign:"top"},setting:{id:"altRight"}},{label:"Image title",options:{labelAlign:"top"},setting:{id:"titleRight"}}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(width === "default" || (parseInt(width) >= 100 && width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];

package/dist/cjs/image-detection/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/ImageDetection.js")}),{loading:r.default});exports.default={ImageDetection:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/ImageDetection.js")}),{loading:r.default});exports.default={ImageDetection:o};

package/dist/cjs/input/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Input.js")}),{loading:r.default});exports.default={Input:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Input.js")}),{loading:r.default});exports.default={Input:o};

package/dist/cjs/line/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Line.js")}),{loading:r.default});exports.default={Line:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Line.js")}),{loading:r.default});exports.default={Line:o};

package/dist/cjs/link/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const n=e(()=>Promise.resolve().then(function(){return require("./components/next-link/index.js")}),{loading:r.default});exports.default={Link:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const n=e(()=>Promise.resolve().then(function(){return require("./components/next-link/index.js")}),{loading:r.default});exports.default={Link:n};

package/dist/cjs/marquee/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Marquee.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/MarqueeItem.js")}),{loading:r.default});exports.default={Marquee:t,MarqueeItem:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Marquee.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/MarqueeItem.js")}),{loading:r.default});exports.default={Marquee:o,MarqueeItem:n};

package/dist/cjs/menu/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Menu.js")}),{loading:r.default});exports.default={Menu:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Menu.js")}),{loading:r.default});exports.default={Menu:o};

package/dist/cjs/modal/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/Modal.js")}),{loading:r.default});exports.default={Modal:o};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Modal.js")}),{loading:r.default});exports.default={Modal:o};

package/dist/cjs/pagination/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Pagination.js")}),{loading:r.default});exports.default={Pagination:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Pagination.js")}),{loading:r.default});exports.default={Pagination:o};

package/dist/cjs/post-purchase/advanced-list/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/AdvancedListPostPurchase.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseAdvancedListItem.js")}),{loading:r.default});exports.default={PostPurchaseAdvancedList:t,PostPurchaseAdvancedListItem:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const t=e(()=>Promise.resolve().then(function(){return require("./components/AdvancedListPostPurchase.js")}),{loading:r.default}),o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseAdvancedListItem.js")}),{loading:r.default});exports.default={PostPurchaseAdvancedList:t,PostPurchaseAdvancedListItem:o};

package/dist/cjs/post-purchase/button/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Button.js")}),{loading:r.default});exports.default={PostPurchaseButton:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Button.js")}),{loading:r.default});exports.default={PostPurchaseButton:o};

package/dist/cjs/post-purchase/buyer-consent/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/BuyerConsent.js")}),{loading:r.default});exports.default={PostPurchaseBuyerConsent:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/BuyerConsent.js")}),{loading:r.default});exports.default={PostPurchaseBuyerConsent:o};

package/dist/cjs/post-purchase/callout-banner/components/CalloutBox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/system");require("react"),require("@gem-sdk/core");var s=require("../../../grid/components/row/Row.js"),t=require("../common/classes.js"),l=require("../common/styles.js");exports.default=a=>{let{styles:o}=a,u=r.createClass(t.getCalloutBoxWrapperClasses(o)),i=r.createStyle(l.getCalloutBoxContainerStyles(o));return e.jsx("div",{className:u,style:i,children:e.jsx(s.default,{...a})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/system");require("react"),require("@gem-sdk/core"),require("../../../common/const.js");var s=require("../../../grid/components/row/Row.js"),t=require("../common/classes.js"),o=require("../common/styles.js");exports.default=l=>{let{styles:a}=l,u=r.createClass(t.getCalloutBoxWrapperClasses(a)),c=r.createStyle(o.getCalloutBoxContainerStyles(a));return e.jsx("div",{className:u,style:c,children:e.jsx(s.default,{...l})})};

package/dist/cjs/post-purchase/callout-banner/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("next/link"),require("react-youtube"),require("./common/styles.js");var e=require("./settings/CalloutBox.js"),r=require("./settings/CalloutText.js");const t={PostPurchaseCalloutBox:e.default,PostPurchaseCalloutText:r.default};exports.postPurchaseCalloutBoxSetting=t;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("react"),require("@gem-sdk/core"),require("../../common/const.js"),require("next/head"),require("next/image"),require("next/link"),require("react-youtube"),require("./common/styles.js");var e=require("./settings/CalloutBox.js"),r=require("./settings/CalloutText.js");const t={PostPurchaseCalloutBox:e.default,PostPurchaseCalloutText:r.default};exports.postPurchaseCalloutBoxSetting=t;

package/dist/cjs/post-purchase/callout-banner/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/CalloutBox.js")}),{loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/CalloutText.js")}),{loading:r.default});exports.default={PostPurchaseCalloutBox:o,PostPurchaseCalloutText:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/CalloutBox.js")}),{loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/CalloutText.js")}),{loading:r.default});exports.default={PostPurchaseCalloutBox:o,PostPurchaseCalloutText:t};

package/dist/cjs/post-purchase/countdown-timer/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseCountdownTimer.js")}),{loading:r.default});exports.default={PostPurchaseCountdownTimer:o};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseCountdownTimer.js")}),{loading:r.default});exports.default={PostPurchaseCountdownTimer:o};

package/dist/cjs/post-purchase/image/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Image.js")}),{loading:r.default});exports.default={PostPurchaseImage:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Image.js")}),{loading:r.default});exports.default={PostPurchaseImage:o};

package/dist/cjs/post-purchase/line/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLine.js")}),{loading:r.default});exports.default={PostPurchaseLine:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLine.js")}),{loading:r.default});exports.default={PostPurchaseLine:o};

package/dist/cjs/post-purchase/link/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLink.js")}),{loading:r.default});exports.default={PostPurchaseLink:t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/PostPurchaseLink.js")}),{loading:r.default});exports.default={PostPurchaseLink:o};

package/dist/cjs/post-purchase/product/components/product-offer/components/ProductOffer.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../../common/components/Loading.js");require("@gem-sdk/core");var s=require("../common/classes.js"),a=require("@gem-sdk/system"),o=require("../common/styles.js"),c=require("../hooks/useProductOfferData.js"),u=require("./ProductOfferItem.js");exports.default=l=>{let{styles:d,builderAttrs:i,builderProps:n,setting:m}=l,{isLoading:f,productSortedById:p,totalProduct:j}=c.useProductOfferData(),y=a.createClass({...s.getProductOfferContainerClasses(n?.uid)}),g=a.createClass({...s.getProductOfferWrapperClasses()}),q=a.createStyle({...o.getWrapperStyles(d)}),x=a.createStyle({...o.getContainerStyles(m)});return e.jsx(e.Fragment,{children:f?e.jsx(t.default,{}):p?.length?e.jsx("div",{...i,className:y,style:x,children:e.jsx("div",{className:g,style:q,children:p?.map((e,t)=>r.createElement(u.ProductOfferItem,{...l,product:e,index:t,key:t,totalProduct:j}))})}):e.jsx("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../../common/components/Loading.js");require("@gem-sdk/core"),require("../../../../../common/const.js");var s=require("../common/classes.js"),a=require("@gem-sdk/system"),o=require("../common/styles.js"),c=require("../hooks/useProductOfferData.js"),u=require("./ProductOfferItem.js");exports.default=l=>{let{styles:d,builderAttrs:i,builderProps:n,setting:m}=l,{isLoading:f,productSortedById:j,totalProduct:p}=c.useProductOfferData(),y=a.createClass({...s.getProductOfferContainerClasses(n?.uid)}),g=a.createClass({...s.getProductOfferWrapperClasses()}),q=a.createStyle({...o.getWrapperStyles(d)}),x=a.createStyle({...o.getContainerStyles(m)});return e.jsx(e.Fragment,{children:f?e.jsx(t.default,{}):j?.length?e.jsx("div",{...i,className:y,style:x,children:e.jsx("div",{className:g,style:q,children:j?.map((e,t)=>r.createElement(u.ProductOfferItem,{...l,product:e,index:t,key:t,totalProduct:p}))})}):e.jsx("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};

package/dist/cjs/post-purchase/product/components/product-offer/components/ProductOfferItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("react"),s=require("../../../../../grid/components/row/Row.js"),i=require("../../../../../grid/components/ChildrenDroppable.js"),d=require("@gem-sdk/system"),c=require("../common/attrs.js"),n=require("../common/classes.js"),u=require("../context/PrdOfferSubscriptionPresenceContext.js");exports.ProductOfferItem=o=>{let{product:l,setting:a,builderProps:f,children:m,index:j,totalProduct:x,builderAttrs:P,styles:p}=o,{isEditMode:q}=r.useRenderMode(),{variantSelected:h,productOfferLayout:g,layout:O,...b}=a??{};Object.keys(O||{}).forEach(e=>{g?.[e]==="2col"&&O?.[e]&&(O[e].display="fill")});let v=h?.[l?.baseID??""]?.variantId,y=d.createAttr({...c.getProductOfferAttrs(l,f?.uid)}),C=d.createClass({...n.getProductOfferItemClasses(j,a,x)}),I=t.useRef(null),R=e.jsx("div",{ref:I,...q&&y,children:e.jsx(s.default,{builderAttrs:P,setting:{...b,layout:O},styles:p,children:r.isEmptyChildren(m)?e.jsx(i.default,{}):m})});return e.jsx("div",{className:C,children:e.jsx(r.ProductProvider,{product:l,readOnly:!0,initialVariantId:v??"Latest",uid:f?.uid,children:e.jsx(u.ProductOfferSubscriptionPresenceProvider,{containerRef:I,children:R})})},`uid-${l?.id}`)};
+"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("react");require("../../../../../common/const.js");var s=require("../../../../../grid/components/row/Row.js"),i=require("../../../../../grid/components/ChildrenDroppable.js"),d=require("@gem-sdk/system"),c=require("../common/attrs.js"),n=require("../common/classes.js"),o=require("../context/PrdOfferSubscriptionPresenceContext.js");exports.ProductOfferItem=u=>{let{product:a,setting:l,builderProps:f,children:m,index:j,totalProduct:q,builderAttrs:x,styles:P}=u,{isEditMode:p}=r.useRenderMode(),{variantSelected:h,productOfferLayout:g,layout:v,...O}=l??{};Object.keys(v||{}).forEach(e=>{g?.[e]==="2col"&&v?.[e]&&(v[e].display="fill")});let b=h?.[a?.baseID??""]?.variantId,y=d.createAttr({...c.getProductOfferAttrs(a,f?.uid)}),C=d.createClass({...n.getProductOfferItemClasses(j,l,q)}),I=t.useRef(null),R=e.jsx("div",{ref:I,...p&&y,children:e.jsx(s.default,{builderAttrs:x,setting:{...O,layout:v},styles:P,children:r.isEmptyChildren(m)?e.jsx(i.default,{}):m})});return e.jsx("div",{className:C,children:e.jsx(r.ProductProvider,{product:a,readOnly:!0,initialVariantId:b??"Latest",uid:f?.uid,children:e.jsx(o.ProductOfferSubscriptionPresenceProvider,{containerRef:I,children:R})})},`uid-${a?.id}`)};

package/dist/cjs/post-purchase/product/index.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;
+"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("../../common/const.js"),require("next/head"),require("next/image"),require("react-youtube"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;

package/dist/cjs/post-purchase/product/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const o=e(()=>Promise.resolve().then(function(){return require("./components/ProductTitle.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/ProductDescription.js")}),{ssr:!1,loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/ProductPrice.js")}),{loading:r.default}),u=e(()=>Promise.resolve().then(function(){return require("./components/product-variant/components/ProductVariant.js")}),{loading:r.default}),i=e(()=>Promise.resolve().then(function(){return require("./components/AcceptButton.js")}),{loading:r.default}),s=e(()=>Promise.resolve().then(function(){return require("./components/ProductQuantity.js")}),{loading:r.default}),c=e(()=>Promise.resolve().then(function(){return require("./components/product-subscription/ProductSubscription.js")}),{loading:r.default}),d=e(()=>Promise.resolve().then(function(){return require("./components/ProductPriceBreakdown.js")}),{loading:r.default}),a=e(()=>Promise.resolve().then(function(){return require("./components/product-offer/components/ProductOffer.js")}),{loading:r.default}),l=e(()=>Promise.resolve().then(function(){return require("./components/ProductDiscountTag.js")}),{loading:r.default}),m=e(()=>Promise.resolve().then(function(){return require("./components/product-image/index.js")}),{loading:r.default});exports.default={PostPurchaseProductTitle:o,PostPurchaseProductDescription:n,PostPurchaseProductPrice:t,PostPurchaseProductVariants:u,PostPurchaseAcceptButton:i,PostPurchaseProductQuantity:s,PostPurchaseProductPriceBreakdown:d,PostPurchaseProductOffer:a,PostPurchaseProductDiscountTag:l,PostPurchaseProductImages:m,PostPurchaseProductSubscription:c};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/ProductTitle.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/ProductDescription.js")}),{ssr:!1,loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/ProductPrice.js")}),{loading:r.default}),u=e(()=>Promise.resolve().then(function(){return require("./components/product-variant/components/ProductVariant.js")}),{loading:r.default}),i=e(()=>Promise.resolve().then(function(){return require("./components/AcceptButton.js")}),{loading:r.default}),s=e(()=>Promise.resolve().then(function(){return require("./components/ProductQuantity.js")}),{loading:r.default}),c=e(()=>Promise.resolve().then(function(){return require("./components/product-subscription/ProductSubscription.js")}),{loading:r.default}),d=e(()=>Promise.resolve().then(function(){return require("./components/ProductPriceBreakdown.js")}),{loading:r.default}),a=e(()=>Promise.resolve().then(function(){return require("./components/product-offer/components/ProductOffer.js")}),{loading:r.default}),l=e(()=>Promise.resolve().then(function(){return require("./components/ProductDiscountTag.js")}),{loading:r.default}),m=e(()=>Promise.resolve().then(function(){return require("./components/product-image/index.js")}),{loading:r.default});exports.default={PostPurchaseProductTitle:o,PostPurchaseProductDescription:n,PostPurchaseProductPrice:t,PostPurchaseProductVariants:u,PostPurchaseAcceptButton:i,PostPurchaseProductQuantity:s,PostPurchaseProductPriceBreakdown:d,PostPurchaseProductOffer:a,PostPurchaseProductDiscountTag:l,PostPurchaseProductImages:m,PostPurchaseProductSubscription:c};

package/dist/cjs/post-purchase/text/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const t=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default}),n=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default});exports.default={PostPurchaseText:t,PostPurchaseHeading:n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("next/dynamic"),r=require("../../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("../../common/const.js");const o=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default}),t=e(()=>Promise.resolve().then(function(){return require("./components/Text.js")}),{loading:r.default});exports.default={PostPurchaseText:o,PostPurchaseHeading:t};

package/dist/cjs/product/components/product-badge/ProductBadge.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js"),l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:T}=t.useProductBundleDiscount(),v=y?.["bundle-item"],h=t.useEditorMode(),{isEditMode:A}=t.useRenderMode(),N="STATIC"===t.usePageType(),{settings:q}=t.useSafeGetProductListSettings(),I=q?.sameHeight,f=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:v,useProductCompareAtPrice:T},d?.displayContent,x),b=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:T}),P=l.createClass({...o.getContainerClasses({mode:h,isInstant:N,product:p,currentVariant:j,props:i,isSameHeightInProductList:I})}),W=l.createStyle({...c.getContainerStyle(i)}),M=l.createAttr({...n.getEditTooltipAttrs(i,A)}),D=l.createClass({...o.getWrapperClasses(i)}),B=l.createClass({...o.getSubWrapperClass(i,S)}),k=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:A})}),w=l.createAttr({...n.getSubWrapperAttrs(i,p)}),E=c.getContentStyleInternal(i),H=l.createClass({...o.getTextContainerClasses()}),_=l.createAttr({...n.getContainerAttrs(i)}),F=l.createClass({...o.getTextWrapperClasses()}),G=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),L=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),J=l.createClass({...o.getImageClasses()}),K=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{..._,style:W,className:P,children:[l.If(A&&b,e.jsx(a.default,{...M,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:D,children:e.jsxs("div",{...w,className:B,style:k,children:[e.jsx("style",{children:E}),l.If(d?.shape!=="image",e.jsx("div",{className:H,children:e.jsx("div",{className:F,style:G,children:e.jsx("pre",{...R,className:L,style:O,children:f})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...K,className:J,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("./utils/common.js");require("./constants.js");var r=require("../../../common/components/NoDataState.js"),a=require("../../../common/components/TooltipHover.js");require("../../../common/const.js");var l=require("@gem-sdk/system"),n=require("./common/attrs.js"),o=require("./common/classes.js"),c=require("./common/styles.js");exports.default=i=>{let{t:u}=t.useI18nStore(),{setting:d,styles:m,children:g,builderAttrs:C,...y}=i,p=t.useProduct(),j=t.useCurrentVariant(),{moneyFormat:x}=t.useMoneyFormat(),S=t.useCurrentDevice(),{useProductCompareAtPrice:v}=t.useProductBundleDiscount(),T=y?.["bundle-item"],h=t.useEditorMode(),{isEditMode:q}=t.useRenderMode(),A="STATIC"===t.usePageType(),{settings:N}=t.useSafeGetProductListSettings(),I=N?.sameHeight,f=s.getBadgeContent({detail:p,currentVariant:j,bundleItem:T,useProductCompareAtPrice:v},d?.displayContent,x),b=s.getIsNoDiscountState({props:i,product:p,currentVariant:j,moneyFormat:x,useProductCompareAtPrice:v}),P=l.createClass({...o.getContainerClasses({mode:h,isInstant:A,product:p,currentVariant:j,props:i,isSameHeightInProductList:I})}),W=l.createStyle({...c.getContainerStyle(i)}),M=l.createAttr({...n.getEditTooltipAttrs(i,q)}),D=l.createClass({...o.getWrapperClasses(i)}),B=l.createClass({...o.getSubWrapperClass(i,S)}),k=l.createStyle({...c.getSubWrapperStyle({props:i,product:p,currentVariant:j,isEditMode:q})}),w=l.createAttr({...n.getSubWrapperAttrs(i,p)}),E=c.getContentStyleInternal(i),H=l.createClass({...o.getTextContainerClasses()}),_=l.createAttr({...n.getContainerAttrs(i)}),F=l.createClass({...o.getTextWrapperClasses()}),G=l.createStyle({...c.getTextBadgeWrapperStyles({setting:d,styles:m})}),L=l.createClass({...o.getTextContentClasses(m)}),O=l.createStyle({...c.getTextContentStyle({setting:d,styles:m})}),R=l.createAttr({...n.getTextContentAttrs()}),V=l.createClass({...o.getImageContainerClasses()}),z=l.createStyle({...c.getImageContainerStyles({setting:d,styles:m})}),J=l.createClass({...o.getImageClasses()}),K=l.createAttr({...n.getImageAttr({setting:d})});return p?e.jsxs("div",{..._,style:W,className:P,children:[l.If(q&&b,e.jsx(a.default,{...M,children:e.jsx(r.default,{...C,elementType:"secondary",description:u("No discount"),rawMode:!0})}),e.jsx("div",{className:D,children:e.jsxs("div",{...w,className:B,style:k,children:[e.jsx("style",{children:E}),l.If(d?.shape!=="image",e.jsx("div",{className:H,children:e.jsx("div",{className:F,style:G,children:e.jsx("pre",{...R,className:L,style:O,children:f})})}),e.jsx("div",{className:V,style:z,children:e.jsx("img",{...K,className:J,alt:""})}))]})})),t.filterToolbarPreview(g,!0)]}):null};

package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:o})}),j=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),q=r.createClass({...c.getWrapperClasses(o)}),I=r.createClass({...c.getSubWrapperClass(o)}),P=r.createStyle({...n.getSubWrapperStyle({props:o})}),f=r.createAttr({...l.getSubWrapperAttrs(o)}),D=n.getContentStyleInternal(o),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(o)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger).replaceAll("'","'")),uid:o.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:O}=g??{},K=t.getDynamicSourceLocales({val:O?.trim(),uid:y?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("./utils/generateLiquidContent.js"),a=require("./utils/renderBadgeLiquid.js"),r=require("@gem-sdk/system"),i=require("./constants.js"),n=require("./common/styles.js"),c=require("./common/classes.js"),l=require("./common/attrs.js"),d=require("./utils/common.js"),p=require("../../settings/product-badge/configs/translate.js");exports.default=o=>{let{styles:u,setting:g,builderProps:y,pageContext:m}=o,C=g?.shape!=="image",S=C&&g?.displayContent?.trim()==="",v=d.checkDiscountContentProductBadge(g?.displayContent),$=r.createClass({...c.getContainerClasses({isInstant:!1,props:o})}),j=r.createStyle({...n.getContainerStyle(o,i.IS_LIQUID)}),q=r.createClass({...c.getWrapperClasses(o)}),I=r.createClass({...c.getSubWrapperClass(o)}),P=r.createStyle({...n.getSubWrapperStyle({props:o})}),f=r.createAttr({...l.getSubWrapperAttrs(o)}),D=n.getContentStyleInternal(o),A=r.createClass({...c.getTextContainerClasses()}),T=r.createAttr({...l.getContainerAttrs(o)}),b=r.createClass({...c.getTextWrapperClasses()}),L=r.createStyle({...n.getTextBadgeWrapperStyles({setting:g,styles:u})}),x=r.createClass({...c.getTextContentClasses(u)}),V=r.createStyle({...n.getTextContentStyle({setting:g,styles:u})}),_=r.createAttr({...l.getTextContentAttrs()}),h=r.createClass({...c.getImageContainerClasses()}),B=r.createStyle({...n.getImageContainerStyles({setting:g,styles:u})}),W=r.createClass({...c.getImageClasses()}),k=r.createAttr({...l.getImageAttr({setting:g})}),E=r.createStateOrContext({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(g?.displayTrigger)),uid:o.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:C,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:O}=g??{},K=t.getDynamicSourceLocales({val:O?.trim(),uid:y?.uid,settingId:p.ProductBadge?.displayContent?.id,isLiquid:!0,pageContext:m});return e.template`
     {% if product %}
       ${s.generateBadgeContent(K,m?.isPreviewing)}
       ${a.renderBadgeInFirstTime(g?.displayTrigger,!S,v)}

package/dist/cjs/product/components/product-button/ProductButton.liquid.js

@@ -18,7 +18,7 @@
       gp-success-message="${h}"
       data-variant-selection-required-message="${v}"
     >
-      <script gp-data type="application/json">${JSON.stringify(_).replaceAll("'","&#039;")}</script>
+      <script gp-data type="application/json">${JSON.stringify(_)}</script>
       ${n.AddToCartButton({...l,style:y})}
       ${o.SoldOutButton({...l,style:y,label:S})}
     </gp-product-button>

package/dist/cjs/product/components/product-description/ProductDescription.liquid.js

@@ -5,7 +5,7 @@
       data-view-more-text="${M}"
       data-view-less-text="${P}"
     >
-      <script gp-data type="application/json">${e.dataStringify(k).replaceAll("'","&#039;")}</script>
+      <script gp-data type="application/json">${e.dataStringify(k)}</script>
       <style>${h}${b}</style>
       <div class="${q}" ></div>
       ${s.LiquidUnless("product","<p>Product not found</p>",e.template`<${$} ${w} class="${S}" style="${L}">

package/dist/cjs/product/components/product-description/common/styles.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("@gem-sdk/core");const t=["desktop","mobile","tablet"],o=(e,o)=>{let l={};return t.forEach(t=>{l={...l,[`--d${"desktop"===t?"":`-${t}`}`]:`${e(t)?"none":o}`}}),l},l=t=>{let o={desktop:"none"};return["desktop","mobile","tablet"].forEach(l=>{let r=e.getResponsiveValueByScreen(t?.lineClamp,l),a=e.getResponsiveValueByScreen(t?.hasLineClamp,l);a&&r?o[l]=`calc(${r} * 1lh)`:o[l]="none"}),{...e.makeStyleResponsive("maxh",o)}};exports.getButtonStyle=({setting:t})=>{let l=e.composeTypographyStyle(t?.typo,t?.typography),r={...e.makeStyleResponsive("jc",t?.textAlign),...e.makeStyle({tt:t?.transform}),...l,...e.getGlobalColorStyle(t?.showMoreColor),...o(e=>!!t?.hasLineClamp&&void 0!==t.hasLineClamp[e]&&!t.hasLineClamp[e],"inline-flex")};return e.filterTruthyStyles(r)},exports.getMaxHeightStyleDefault=l,exports.getStaticCss=()=>{let e=`
+"use strict";var e=require("@gem-sdk/core");const t=["desktop","mobile","tablet"],o=(e,o)=>{let l={};return t.forEach(t=>{l={...l,[`--d${"desktop"===t?"":`-${t}`}`]:`${e(t)?"none":o}`}}),l},l=t=>{let o={desktop:"none"};return["desktop","mobile","tablet"].forEach(l=>{let p=e.getResponsiveValueByScreen(t?.lineClamp,l),r=e.getResponsiveValueByScreen(t?.hasLineClamp,l);r&&p?o[l]=`calc(${p} * 1lh)`:o[l]="none"}),{...e.makeStyleResponsive("maxh",o)}};exports.getButtonStyle=({setting:t})=>{let l=e.composeTypographyStyle(t?.typo,t?.typography),p={...e.makeStyleResponsive("jc",t?.textAlign),...e.makeStyle({tt:t?.transform}),...l,...e.getGlobalColorStyle(t?.showMoreColor),...o(e=>!!t?.hasLineClamp&&void 0!==t.hasLineClamp[e]&&!t.hasLineClamp[e],"inline-flex")};return e.filterTruthyStyles(p)},exports.getMaxHeightStyleDefault=l,exports.getStaticCss=()=>{let e=`
    .gp-p-description-text > :not(ol, ul, table, div, style, script) {
       display: inline !important;
     }
@@ -7,6 +7,11 @@
       content: "";
       display: block; /* đảm bảo xuống d\xf2ng tr\xean Safari/iOS */
     }
+
+    .gp-p-description-text > :is(p, h1, h2, h3, h4, h5, h6, blockquote):not(:last-child)::after {
+      height: 1lh;
+    }
+
     .gp-p-description-text > table {
       box-shadow: none;
     }
@@ -14,4 +19,4 @@
       .p-description-wrapper.gp-p-description-text * {
         color: inherit;
         line-height: inherit !important;
-      }`;return{gpDescriptionCss:e,textDescriptionCss:t}},exports.getTextStyle=({setting:t,renderMaxHeight:o})=>{let r=e.composeTypographyStyle(t?.typo,t?.typography),a={...e.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText}),...e.makeStyleResponsive("ta",t?.textAlign),...e.getGlobalColorStyle(t?.color),...e.makeStyle({tt:t?.transform}),...r,...o&&l(t)};return e.filterTruthyStyles(a)};
+      }`;return{gpDescriptionCss:e,textDescriptionCss:t}},exports.getTextStyle=({setting:t,renderMaxHeight:o})=>{let p=e.composeTypographyStyle(t?.typo,t?.typography),r={...e.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText}),...e.makeStyleResponsive("ta",t?.textAlign),...e.getGlobalColorStyle(t?.color),...e.makeStyle({tt:t?.transform}),...p,...o&&l(t)};return e.filterTruthyStyles(r)};

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js"),i=require("../../../text/components/Text.js"),a=require("@gem-sdk/system"),r=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:b,priceSave:h,currentProductId:q,unitCustomDisplay:C,shouldPlaceholderNoDiscount:S}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(S)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let v=a.createStyle(r.getWrapperTextStyle(u)),N=a.createStyle(r.getContainerStyle(u)),T=a.createClass(o.getWrapperTextClass(u)),k=a.createClass(o.getContainerClass()),D=a.createClass(o.getRootClass({mode:g,salePrice:b,priceSave:h,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":q,"gp-data-hidden":"false",children:a.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:v,children:e.jsxs("div",{className:"gp-flex gp-break-all",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js");require("../../../common/const.js");var i=require("../../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:q,priceSave:b,currentProductId:h,unitCustomDisplay:C,shouldPlaceholderNoDiscount:v}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(v)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let S=r.createStyle(a.getWrapperTextStyle(u)),N=r.createStyle(a.getContainerStyle(u)),T=r.createClass(o.getWrapperTextClass(u)),k=r.createClass(o.getContainerClass()),D=r.createClass(o.getRootClass({mode:g,salePrice:q,priceSave:b,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":h,"gp-data-hidden":"false",children:r.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:S,children:e.jsxs("div",{className:"gp-flex gp-break-all gp-items-center",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};

package/dist/cjs/product/components/product-images-v2/components/child/ProductFeaturedImageOnly.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const c={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var n=r.memo(({image:n,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{var d;let f=t.useProduct(),g=t.useCurrentDevice(),p=t.useShopStore(e=>e.storefrontUrl),{isEditMode:m,isPreviewSharePageMode:y}=t.useRenderMode(),v=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,g),[g,u.ftClickOpenLightBox]),x=r.useMemo(()=>!m&&["VIDEO","EXTERNAL_VIDEO"].includes(n?.contentType||"")&&!v,[m,n?.contentType,v]),j=r.useMemo(()=>n?{...n,src:x?n.src:a.isFeatureMedia(n?.contentType)?n?.previewImage:n.src}:c,[n,x]),E=r.useMemo(()=>{if(y)return"javascript:void(0)";if(!p)return"#";let e=new URL(p);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[p,f,y]),T=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect]),b=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect,u?.zoomType]);return e.jsx(e.Fragment,{children:(d=e.jsx(e.Fragment,{children:x?e.jsx(i.default,{type:j?.contentType,url:j.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:j.src,width:j?.width,height:j?.height,alt:j?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:j?.contentType??""}),T&&e.jsx(o.default,{draggable:"false",src:u?.hoverEffect==="other"?l?.src:j.src,width:u?.hoverEffect==="other"?l?.width:j.width,height:u?.hoverEffect==="other"?l?.height:j.height,alt:u?.hoverEffect==="other"?l?.alt:j.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),b&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${j?.src}")`})}})]})}),"product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,g)?e.jsx("a",{title:f?.title,href:E,className:"gp-w-full",children:d}):d)})});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const n={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var c=r.memo(({image:c,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{let f=t.useProduct(),d=t.useCurrentDevice(),g=t.useShopStore(e=>e.storefrontUrl),{isEditMode:p,isPreviewSharePageMode:m}=t.useRenderMode(),y=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,d),[d,u.ftClickOpenLightBox]),v=r.useMemo(()=>!p&&["VIDEO","EXTERNAL_VIDEO"].includes(c?.contentType||"")&&!y,[p,c?.contentType,y]),x=r.useMemo(()=>c?{...c,src:v?c.src:a.isFeatureMedia(c?.contentType)?c?.previewImage:c.src}:n,[c,v]),j=r.useMemo(()=>{if(m)return"javascript:void(0)";if(!g)return"#";let e=new URL(g);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[g,f,m]),b=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(x?.contentType),[x?.contentType,u?.hoverEffect]),T=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(x?.contentType),[x?.contentType,u?.hoverEffect,u?.zoomType]);return e.jsx(e.Fragment,{children:(r=>{if("product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,d)){let t=u.ftClickOpenNewTab?"_blank":"_self";return e.jsx("a",{title:f?.title,href:j,className:"gp-w-full",target:t,children:r})}return r})(e.jsx(e.Fragment,{children:v?e.jsx(i.default,{type:x?.contentType,url:x.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:x.src,width:x?.width,height:x?.height,alt:x?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:x?.contentType??""}),b&&e.jsx(o.default,{draggable:"false",src:u?.hoverEffect==="other"?l?.src:x.src,width:u?.hoverEffect==="other"?l?.width:x.width,height:u?.hoverEffect==="other"?l?.height:x.height,alt:u?.hoverEffect==="other"?l?.alt:x.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),T&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${x?.src}")`})}})]})}))})});exports.default=c;

package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js

@@ -1,41 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),r=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=g=>{let c=t.setDefaultWhenUndefineSetting(g),{setting:m,styles:f,builderProps:y,style:$}=c,{rawChildren:S,pageContext:I}=g,h={...m,...f},q=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),r=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:h,pageContext:S}=c,I={...m,...f},j=`
     {
       "id":${JSON.stringify(y?.uid)},
-      "pageContext": ${JSON.stringify(a.filterPageContext(I))},
+      "pageContext": ${JSON.stringify(a.filterPageContext(S))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
       "productUrl":{{product.url | json }},
-      "product":{{ product | json }},
+      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json }}}{% else %}null{% endif %},
       "collectionUrl": {{ collection.url | json }},
-      "collection": {{ collection | json }}
+      "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:j,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(h?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(g),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(h),A=o.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:h.shapeForInside??o.sizeSettingDefaultForNewLayout},h.position),N=t.getStyleInsideLayout(h.position,A,h?.spacing),_=()=>e.template`
-      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
+  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
+      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
-  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:h,uid:y?.uid,type:"Liquid"})}</style>`),"")}
+  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
   ${u.Liquid(`
     {% assign featured_image = product.featured_image %}
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      ${{...v}}
+      ${{...q}}
       style="${{...$}}"
       class="${L}"
     >
-      <script gp-data type="application/json">${q}</script>
+      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${O}`,`${D}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(b),n.getStyleOfObject(G))}"
       >
-        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
-        ${u.If(!j,e.template`
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...I,children:_(),pageContext:S})}
+        ${u.If(!v,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"
         ${{...F}}
       >
-        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
-        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...h,pageContext:I}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...I,pageContext:S}))}
+        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...I,pageContext:S}))}
       </div>
     `)}
       </div>

package/dist/cjs/product/components/product-images-v3/ProductImagesV3Embla.liquid.js

@@ -1,41 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),r=require("./components/feature-gallery/FeatureImageWithGalleryEmbla.liquid.js"),i=require("./components/gallery-carousel/GalleryCarouselEmbla.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:S,pageContext:I}=c,h={...m,...f},q=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),i=require("./components/feature-gallery/FeatureImageWithGalleryEmbla.liquid.js"),r=require("./components/gallery-carousel/GalleryCarouselEmbla.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:h,pageContext:S}=c,I={...m,...f},j=`
     {
       "id":${JSON.stringify(y?.uid)},
-      "pageContext": ${JSON.stringify(a.filterPageContext(I))},
+      "pageContext": ${JSON.stringify(a.filterPageContext(S))},
       "setting":${JSON.stringify(m)},
       "styles":${JSON.stringify(f)},
-      "productUrl":{{product.url | json | escape}},
-      "product":{{product | json | escape}},
-      "collectionUrl": {{ collection.url | json | escape }},
-      "collection": {{ collection | json | escape}}
+      "productUrl":{{product.url | json }},
+      "product":{% if product %}{"id":{{ product.id | json }},"handle":{{ product.handle | json }},"media":{{ product.media | json }}}{% else %}null{% endif %},
+      "collectionUrl": {{ collection.url | json }},
+      "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,v=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:j,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(h?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),b=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),O=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:D,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(h),A=o.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:h.shapeForInside??o.sizeSettingDefaultForNewLayout},h.position),N=t.getStyleInsideLayout(h.position,A,h?.spacing),_=()=>e.template`
-      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
+  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),b=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),O=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:D,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
+      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
-  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:h,uid:y?.uid,type:"Liquid"})}</style>`),"")}
+  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
   ${u.Liquid(`
     {% assign featured_image = product.featured_image %}
     ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      gp-data='${q}'
-      ${{...v}}
+      ${{...q}}
       style="${{...$}}"
       class="${L}"
     >
+      <script gp-data type="application/json">${j}</script>
       <div
         class="${u.LiquidIf("product.media.size > 1",`${b}`,`${O}`)}"
         style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(D),n.getStyleOfObject(G))}"
       >
-        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...h,children:_(),pageContext:I})}
-        ${u.If(!j,e.template`
+        ${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...I,children:_(),pageContext:S})}
+        ${u.If(!v,e.template`
       <div
         class="${P}"
         style="${n.getStyleOfObject(z)}"
         ${{...F}}
       >
-        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...h,pageContext:I}))}
-        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...h,pageContext:I}))}
+        ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...I,pageContext:S}))}
+        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...I,pageContext:S}))}
       </div>
     `)}
       </div>