@gem-sdk/components 4.1.8 → 5.0.0

package/dist/esm/product/components/product-images-v3/composables/getProductImagesClassName.js

@@ -0,0 +1 @@
+import{createClass as s}from"@gem-sdk/system";import{getWrapperClasses as e,getGalleryWrapperClasses as a,getGalleryGridWrapperClasses as r,getFtImageWithGalleryClasses as t,getImageGalleryWrapperClasses as l,getFeaturedImageCarouselClasses as g,getFeaturedImageGalleryClasses as m,getFeaturedImageClasses as o,getGalleryItemClasses as p,getFeaturedCarouselItemClasses as i}from"../common/classes.js";import{checkAddOverFlowClass as d,setDefaultWhenUndefineSetting as u}from"../common/common.js";let getProductImagesClassName=c=>{let{setting:C,style:x}=c,f=u(c),{builderProps:n,advanced:$}=f,y=$?.cssClass,j=s(e({extraClass:`${n?.uid} ${y??""} `,isAddOverFlowClass:d(x)})),v=s(a({})),w=s(r({})),I=e=>s(p({extraClass:`${e??""}`})),N=s(t({extraClass:`gp-product-images-feature--${n?.uid}`})),P=s(l({extraClass:`gp-product-images-gallery-${n?.uid}`})),h=s(g({extraClass:`gp-product-images-gallery-${n?.uid}`})),k=s(m({settings:C})),A=s(o({setting:C,extraClass:`gp-flex gp-relative gp-product-images-gallery-${n?.uid} gp-overflow-hidden gp-flex gp-w-full gp-items-center gp-justify-center `})),F=e=>s(i({extraClass:`${e??""}`}));return{wrapperClasses:j,productImagesGalleryClasses:v,galleryGridWrapperClasses:w,galleryItemClasses:I,ftImageGalleryClasses:N,imageGalleryWrapperClasses:P,featuredImageCarouselClasses:h,featuredImageGalleryClasses:k,featureImageOnlyOneImageClasses:A,featuredCarouselItemClasses:F}};export{getProductImagesClassName};

package/dist/esm/product/components/product-images-v3/composables/getProductImagesStyles.js

@@ -0,0 +1 @@
+import{createStyle as e}from"@gem-sdk/system";import{getWrapContainerStyle as t,getFeatureImageStyle as l,getFeaturedImageOnlyOneImageStyle as r,getGalleryImageStyle as s,getFeaturedImageCarouselStyle as a,getFeatureImageCarouselItemStyle as g,getGalleryGridStyle as m,getGalleryGridItemStyle as o,getGalleryCarouselStyle as i,getGalleryCarouselItemStyle as n}from"../common/styles.js";let getProductImagesStyles=(d,p)=>{let y=e(t(d)),u=e(t(d,!0)),h=e(t(d,p?.gallery&&p?.gallery?.length<2)),b=e(l(d,{enableOrder:!0,enableDisplay:!0})),c=e(r({setting:d,options:{enableRadius:!0,enableHeight:!0}})),I=e(s(d,p?.featureImageHeight)),f=e(a(d)),x=e({...g(d)}),H=e({...g(d),width:"{{productImageWidth}}px"}),P=e(m(d)),S=e(o(d)),j=e(i(d)),k=e(n(d));return{wrapContainerStyle:y,wrapContainerStyleOnlyOneImage:u,wrapperFeaturedImageStyle:h,featureImageStyle:b,featureImageOnlyOneImageStyle:c,galleryImageStyle:I,featuredImageCarouselStyle:f,featureImageCarouselItemStyle:x,featureImageCarouselOnlyOneImageStyle:H,galleryGridStyles:P,galleryGridItemStyles:S,galleryCarouselStyle:j,galleryCarouselItemStyle:k}};export{getProductImagesStyles};

package/dist/esm/product/components/product-images-v3/hooks/useFeatureImageWithGallery.js

@@ -0,0 +1 @@
+import{useCurrentDevice as e,getResponsiveValueByScreen as r}from"@gem-sdk/core";import{useRef as t,useState as i,useEffect as o}from"react";import{getTypeWidthDevice as n}from"../common/common.js";let useFeatureImageWithGallery=l=>{let{setting:u,styles:s}=l,m={...u,...s},c=e(),f=t(null),a=t(null),[g,d]=i(""),[h,p]=i(100),[y,b]=i(),v=r(m?.position,c),F="slider"===n(m?.type)[c]||["left","right","inside-left","inside-right"].includes(v),G=(e,r=200)=>{e&&(f.current&&clearTimeout(f.current),f.current=setTimeout(()=>p(a?.current?.offsetHeight||200),r))};return o(()=>{let e=a?.current;if(!e)return;let r=new ResizeObserver(()=>{p(e.offsetHeight||200)});return r.observe(e),()=>{r.disconnect()}}),{isShowCarousel:F,featureImageHeight:h,featureWrapperImage:a,onClickFeatureArrow:g,activeIndexFromFeatureImage:y,setOnClickFeatureArrow:d,onHandleLoadedFeatureImage:G,setActiveIndexFromFeatureImage:b}};export{useFeatureImageWithGallery};

package/dist/esm/product/components/product-images-v3/hooks/useFilterImagesByVariant.js

@@ -0,0 +1 @@
+import{useCurrentVariant as e}from"@gem-sdk/core";import{useCallback as t,useMemo as r}from"react";let useFilterImagesByVariant=({productImages:l,displayByVariant:a,variantSelect:n})=>{let i=e(),s=t(()=>{let e=i?.selectedOptions??[],t=e.find(e=>e.name===n);return t?.value?.toLowerCase()??""},[i?.selectedOptions,n]),o=r(()=>{if(!a||!n||!l)return l;let e=s();if(!e)return l;let t=l.filter(t=>{let r=(t.alt||"").toLowerCase();return r.includes(e)});return t.length>0?t:l},[a,n,l,s]);return{filteredProductImages:o,selectedVariantValue:s()}};export{useFilterImagesByVariant};

package/dist/esm/product/components/product-images-v3/hooks/useGalleryCarousel.js

@@ -0,0 +1 @@
+import{useCurrentDevice as e,useFeaturedImageGlobal as r,useEditorMode as t,getResponsiveValueByScreen as o}from"@gem-sdk/core";import{useState as i,useRef as a,useEffect as s,useMemo as l,useCallback as n}from"react";import{useFilterImagesByVariant as p}from"./useFilterImagesByVariant.js";import{handleSetSrcForProductImageList as m}from"../../../../image/common/helpers.js";import{getShapeByLayout as u,checkDisplayGalleryByWidth as d}from"../common/productGallery.js";let useGalleryCarousel=c=>{let{builderPropUID:h,productImages:F,onHandleClick:y,activeIndexFormFeatureImage:B,onClickFeatureArrow:f,builderPropsClass:I,arrow:g,priorityFeatureImage:C,...q}=c,T=e(),b=r(),[v,O]=i(f||""),x=t(),[j,k]=i(0),G=a(),[P,S]=i(j),[V,A]=i(!1),{filteredProductImages:L}=p({productImages:F,displayByVariant:q?.displayByVariant,variantSelect:q?.variantSelect});s(()=>{O(f||"")},[f]),s(()=>{G.current&&clearTimeout(G.current),v&&(G.current=setTimeout(()=>{k(B||0),O("")}))},[B]),s(()=>{if(C){let e=L?.findIndex(e=>e.id===C.id)||0;k(e),O("")}},[C,L]),s(()=>{let e=L?.findIndex(e=>e.id===b?.id);k(e||0),O("")},[b,L]);let w=l(()=>u({shape:q.shape,shapeForBottom:q.shapeForBottom,shapeFor1Col:q.shapeFor1Col,shapeFor2Col:q.shapeFor2Col,shapeForFtOnly:q.shapeForFtOnly,shapeForInsideBottom:q.shapeForInsideBottom,shapeForInside:q.shapeForInside},q.position),[q.shape,q.shapeForBottom,q.shapeFor1Col,q.shapeFor2Col,q.shapeForFtOnly,q.position,q.shapeForInsideBottom,q.shapeForInside]),z=n(()=>{m({builderPropUID:h,shapeByLayout:w,qualityType:q.qualityType,qualityPercent:q.qualityPercent})},[w,q.qualityPercent,q.qualityType,h]);s(()=>{if("edit"===x)return;let e=document?.querySelector(`.gem-slider-item-${h} .product-list-image`);if(!e)return;z();let r=new ResizeObserver(()=>{z()});return r?.observe(e,{}),()=>{r?.disconnect()}},[z,h,x]);let R=o(q.clickOpenLightBox,T),$=l(()=>{let e=d({shapeByLayout:w});return o(e,T)},[w,T]),D=l(()=>q?.borderActive?.border!=="none",[q?.borderActive?.border]),E=o(q?.clickOpenLightBox,T),H=e=>{y&&y(e||"",R)};return s(()=>{let e;return L&&L.length>0&&V&&(e=setTimeout(()=>{S(j)},80)),()=>{e&&clearTimeout(e)}},[j,L,V]),{moveToIdx:j,isDisplay:$,shapeByLayout:w,isEnableBorderActive:D,isShowButtonLightbox:E,filteredProductImages:L,handleClickCarouselItem:H,setSliderReady:A,safeMoveToIdx:P}};export{useGalleryCarousel};

package/dist/esm/product/components/product-images-v3/hooks/useProductFeaturedImageCarousel.js

@@ -0,0 +1 @@
+import{useFeaturedImageGlobal as e,useCurrentDevice as t,useInteraction as r,useEditorMode as i,getResponsiveValueByScreen as o}from"@gem-sdk/core";import{createRef as n,useMemo as a,useCallback as l,useEffect as u}from"react";import{getAspectRatio as m}from"../common/common.js";import{checkRenderFeaturedCarousel as c}from"../common/productFeaturedImage.js";import{useFilterImagesByVariant as d}from"./useFilterImagesByVariant.js";import{handleSetSrcForFeatureProductImage as h}from"../../../../image/common/helpers.js";let useProductFeaturedImageCarousel=g=>{let p;let{productImages:s,imgRef:f,onHandleClick:y,onClickArrow:S,onHandleLoaded:I,onHandleUpdateActiveIndex:v,builderPropUID:q,builderPropsClass:k,children:b,parentUid:w,...x}=g,T=e(),$=t(),B=n(),{onListener:P,ref:j}=r(),C=i(),{filteredProductImages:F}=d({productImages:s,displayByVariant:x?.displayByVariant,variantSelect:x?.variantSelect}),E=a(()=>{let e=F?.findIndex(e=>e.id===T?.id);return e&&e>=0?e:0},[F,T]),O=a(()=>c(x),[x]),V=a(()=>{if(F?.length)return T||F?.[0]},[F,T]),L=a(()=>"popup"===o(x.ftClickOpenLightBox,$),[x.ftClickOpenLightBox,$]),z=a(()=>x?.otherImage?F&&x.otherImage>=F.length-1||F&&-1===x.otherImage?F.length-1:x.otherImage:0,[x?.otherImage,F]),M=a(()=>x?.hoverEffect==="other"?F?.[z]:F?.find(e=>e.id===T?.id)||F?.[0],[T?.id,z,F,x?.hoverEffect]),R=function(){return Math.random().toString(36).substr(2,5)},A=e=>{p&&clearTimeout(p),p=setTimeout(()=>v&&v(e),500)},D=e=>{let t="1/1",r=0;return e?e.width&&e.height&&(t=`${e.width}/${e.height}`):F?.forEach(e=>{if(e.width&&e.height){let i=e.height/e.width;i>r&&(r=i,t=`${e.width}/${e.height}`)}}),t},G=e=>{let t=m(x.ftShape),r=D(e);return{desktop:t.desktop??r,tablet:t.tablet??r,mobile:t.mobile??r}},H=l(()=>{h({builderPropUID:q,ftShape:x.ftShape,qualityType:x.qualityType,qualityPercent:x.qualityPercent})},[x.ftShape,x.qualityPercent,x.qualityType,q]),J=()=>{let e=`[data-id="${q}"]`;P({event:"gp:change-image-step",selector:e},t=>{let r=(j.current||document).querySelector(e),{data:i,isRollback:o,uniqueStorageKey:n}=t||{};B?.current?.moveToSlideInteraction({element:r,data:i,isRollback:o,key:n})}),P({event:"gp:change-next-slide",selector:e},t=>{let r=(j.current||document).querySelector(e),{data:i,isRollback:o,uniqueStorageKey:n}=t||{};B?.current?.nextSlideInteraction({element:r,data:i,isRollback:o,key:n})}),P({event:"gp:change-previous-slide",selector:e},t=>{let r=(j.current||document).querySelector(e),{data:i,isRollback:o,uniqueStorageKey:n}=t||{};B?.current?.previousSlideInteraction({element:r,data:i,isRollback:o,key:n})})};return u(()=>{if("edit"===C)return;let e=document?.querySelector(`.gem-slider-item-${q} .featured-image-only`);if(!e)return;H();let t=new ResizeObserver(()=>{H()});return t?.observe(e,{}),()=>{t?.disconnect()}},[H,q,C]),u(()=>{J()},[]),u(()=>{!O&&I&&I(!0,0)},[O,I]),{ref:j,imageActive:V,imageActiveIndex:E,imageShowWhenHover:M,enableOpenLightBox:L,filteredProductImages:F,isRenderFeatureCarousel:O,genRandomKey:R,getAspectRatioFinal:G,emitUpdateActiveIndex:A}};export{useProductFeaturedImageCarousel};

package/dist/esm/product/components/product-images-v3/hooks/useProductGalleryGrid.js

@@ -0,0 +1 @@
+import{useCurrentDevice as e,useFeaturedImageGlobal as r,useEditorMode as o,getResponsiveValueByScreen as t}from"@gem-sdk/core";import{useState as i,useCallback as a,useEffect as s}from"react";import{getShapeByLayout as l,checkDisplayGalleryByWidth as n}from"../common/productGallery.js";import{useFilterImagesByVariant as p}from"./useFilterImagesByVariant.js";import{handleSetSrcForProductImageList as d}from"../../../../image/common/helpers.js";let useProductGalleryGrid=m=>{let{builderPropUID:y,productImages:c,activeIndexFromFeatureImage:u,children:h,isHiddenInteraction:F,...f}=m,B=e(),q=r(),[g,I]=i(0),v=o(),{filteredProductImages:G}=p({productImages:c,displayByVariant:f?.displayByVariant,variantSelect:f?.variantSelect}),P=l({shape:f.shape,shapeForBottom:f.shapeForBottom,shapeFor1Col:f.shapeFor1Col,shapeFor2Col:f.shapeFor2Col,shapeForFtOnly:f.shapeForFtOnly,shapeForInsideBottom:f.shapeForInsideBottom,shapeForInside:f.shapeForInside},f.position),b=t(f.clickOpenLightBox,B),C=n({shapeByLayout:P}),O=t(C,B),j=f?.borderActive?.border!=="none",x=a(()=>{d({builderPropUID:y,shapeByLayout:P,qualityType:f.qualityType,qualityPercent:f.qualityPercent})},[P,f.qualityPercent,f.qualityType,y]);return s(()=>{I(u||0)},[u]),s(()=>{let e=G?.findIndex(e=>e.id===q?.id);I(e&&e>0?e:0)},[q,G]),s(()=>{if("edit"===v)return;let e=document?.querySelector(".grid-gallery");if(!e)return;x();let r=new ResizeObserver(()=>{x()});return r?.observe(e,{}),()=>{r?.disconnect()}},[x,y,v]),{isDisplay:O,shapeByLayout:P,imageActiveIndex:g,enableOpenLightBox:b,isEnableBorderActive:j,filteredProductImages:G}};export{useProductGalleryGrid};

package/dist/esm/product/components/product-list-v3/ProductList.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"next/dynamic";import d from"../../../common/components/Loading.js";import{useState as l,useMemo as i,useEffect as a}from"react";import{useRenderMode as c,useCurrentDevice as n,usePageType as s,usePageStore as u,useFetchHandle as m,hasPublicStoreFrontData as g,createStoreFrontFetcher as h,useProductQuery as p,useProductsQueryAll as P,useProductsQuery as f,useCollectionQuery as b,flattenConnection as k,ProductListProvider as T,filterToolbarPreview as I}from"@gem-sdk/core";import v from"../SalePageProductListWarning.js";import y from"next/head";import O from"./ProductListGridLayout.js";import N from"./ProductListCarouselLayout.js";import{getStyle as S}from"./common/styles.js";import{If as C}from"@gem-sdk/system";import{getClass as E}from"./common/classes.js";import{getData as w}from"./common/helpers.js";import{getPropertyByDevice as L}from"../../../dialog/common/helpers.js";let ProductNotFound=r(()=>import("../ProductNotFound.js"),{loading:d}),ProductList=r=>{let{children:W,styles:j,builderProps:x,setting:G,builderAttrs:M}=r,{isRelatedProduct:B,productSetting:A}=w(r),F=A.relatedTag&&A.relatedTag[0],{isEditMode:Q,isPreviewSharePageMode:z}=c(),D=n(),H=s(),R=u(e=>e.dynamicProduct),$=u(e=>e.dynamicCollection),[_,V]=l(1),[q,U]=l(!0),[J,K]=l(),[X,Y]=l(!1),Z="GP_FUNNEL_PAGE"===H,ee="GP_COLLECTION"==H;ee&&(A.productSrc="DynamicCollection",A.collectionId=$?.collectionId??"latest");let et=A?.productSrc??"Collection",eo=R?.productId&&R?.productId!==A.relatedProductId?R?.productId:A.relatedProductId,er=m(),ed=u(e=>e.publicStoreFrontData),el=i(()=>g(ed)?h(ed):er,[ed]),{data:ei}=p(B&&eo?eo:void 0,{revalidateOnMount:Q||z},el),ea=A.relatedTag&&"tags"===A.relatedTag[0]&&(!ei?.tags||ei?.tags.length===0),ec=A.relatedTag&&"collection"===A.relatedTag[0]&&(!ei?.collections?.edges||ei?.collections.edges.length===0),en=A.relatedTag&&"vendor"===A.relatedTag[0]&&!ei?.vendor,es=ea||ec||en,eu=P(J,{revalidateOnMount:Q||z},el),em=Q||z,eg=f("PickProduct"===et?A?.productIds:void 0,{revalidateOnMount:em},{defaultSelectedProductCount:A?.numOfSelectedProducts}),eh=i(()=>({id:A?.collectionId??"latest",numberOfProducts:G?.numberOfProducts??4,orderBy:G?.orderBy}),[A?.collectionId,Number(G?.numberOfProducts),G?.orderBy]),ep=b("PickProduct"!==et?eh:void 0,{revalidateOnMount:em});a(()=>{if(B&&ei&&A.relatedTag&&"recommended-product"!==A.relatedType){let e;switch(Y(!1),A.hasRelatedExclude&&(e=A?.relatedExclude&&A.relatedExclude.split(",").map(e=>e.trim())),A.relatedTag[0]){case"vendor":K({vendor:A.relatedTag&&"vendor"===A.relatedTag[0]?ei?.vendor:"",limit:G?.numberOfProducts,idNEQ:ei.id});break;case"collection":{let t;let o=ei?.collections?.edges.map(e=>e.node?.id);if(!o||o?.length===0){Y(!0);break}K(t=e&&e.length>0?{idNEQ:ei.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:o},{titleNotIn:e}]}],limit:G?.numberOfProducts}:{idNEQ:ei.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:o}]}],limit:G?.numberOfProducts});break}case"tags":{let t;if(!ei.tags||0===ei.tags.length){Y(!0);break}K(t=e&&e.length>0?{idNEQ:ei.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:ei.tags},{nameNotIn:e}]}],limit:G?.numberOfProducts}:{idNEQ:ei.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:ei.tags}]}],limit:G?.numberOfProducts})}}}},[ei,A.relatedType,A.relatedTag,G?.numberOfProducts,A.relatedExclude,A.hasRelatedExclude,B]);let eP="PickProduct"===et?eg.isValidating:ep.isValidating,ef="PickProduct"===et?eg.isLoading:ep.isLoading,eb="PickProduct"===et?eg.error:ep.error,ek=ep.data?.collections?.edges?.[0]?.node,eT="PickProduct"===et?k(eg.data?.products):k(ek?.products),eI=eu?.data?.products?k(eu?.data?.products):void 0,ev=B&&eI?eI:"PickProduct"===et&&A?.productIds?.length?A?.productIds?.map(e=>eT?.find(t=>t?.baseID===e)).filter(Boolean)??eT:"PickProduct"!==et?eT:eT.filter((e,t)=>t<(A?.numOfSelectedProducts??4)),ey=i(()=>X&&B&&Q||!ev.length&&!ef&&q&&Q,[q,ef,X,B,Q,ev.length]),eO=i(()=>!ev||X&&B,[X,B,ev]),eN=i(()=>{if(!G?.sameHeight)return[];let e=0,t=Math.ceil((ev?.length??0)/+(G?.slidesToShow?.[D]??1));return Array.from(Array(ev?.length??0)).map((o,r)=>(r>=+(G?.slidesToShow?.[D]??1)*(e+1)&&++e,{gridRow:`${1+_*e}/${_+1+_*e}`,marginBottom:e+1<t?L(j?.horizontalGutter,D):void 0}))},[G?.sameHeight,G?.slidesToShow,_,ev?.length,D,j?.horizontalGutter]),eS=i(()=>eP||ef||eb||!ev||X&&B,[eb,ef,X,B,eP,ev]);a(()=>{eS||setTimeout(()=>{let{builderData:e}=x??{},t=e?.childrens?.[0];if(!t)return;let o=document.querySelector(`[data-id=${t}] div`);o&&V(o.childElementCount||1)},Q?0:500)},[x,eS,Q]);let eC=i(()=>({collection:ek,products:ev,settings:{loop:G?.loop??{desktop:!1},scrollMode:G?.scrollMode??{desktop:"snap"},slidesToShow:G?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:j?.layout,dot:G?.dot,dotStyle:G?.dotStyle,arrow:G?.arrow,controlOverContent:G?.controlOverContent},styles:{horizontalGutter:j?.horizontalGutter,verticalGutter:j?.verticalGutter,fullWidth:j?.fullWidth,spacing:j?.spacing,width:j?.width,height:j?.height}}),[ek,ev,G,j]);if(x?.isPreview&&Z)return e(t,{});if(ey)return e(t,{children:C(q,e(ProductNotFound,{builderAttrs:M,collectionHandle:ek?.handle,productSrc:et,onClose:()=>U(!1),children:W,relatedTagString:F,assignProductNoTags:es,noAssignedProduct:!eo}))});let{productListWrapStyle:eE,productListContentStyle:ew,productListWrapAlignStyle:eL}=S(r),{productListWrapClass:eW}=E(r),ej=()=>e(t,{children:C(j?.layout==="grid",e(O,{...r,productSortedById:ev,generateGridRowArray:eN}),e(N,{...r,productSortedById:ev}))});return o("div",{...M,className:eW,style:eE,children:[!!j?.preloadBgImage&&o(y,{children:[!!j.backgroundImage?.desktop?.image?.src&&e("link",{rel:"preload",href:j.backgroundImage.desktop.image.src,as:"image"}),!!j.backgroundImage?.tablet?.image?.src&&e("link",{rel:"preload",href:j.backgroundImage?.tablet?.image?.src,as:"image"}),!!j.backgroundImage?.mobile?.image?.src&&e("link",{rel:"preload",href:j.backgroundImage?.mobile?.image?.src,as:"image"})]}),eP||ef?e(d,{}):eb?o("div",{children:["Error: ",eb?.message]}):eO?e("div",{children:"Products not found"}):e(T,{...eC,children:e("div",{className:"gp-flex gp-w-full",style:eL,children:o("div",{style:ew,children:[Z&&e(v,{}),ej()]})})}),I(W,!0)]})};export{ProductList as default};

package/dist/esm/product/components/product-list-v3/ProductList.liquid.js

@@ -0,0 +1,205 @@
+import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import{getSettingPreloadData as d,getStaticLocale as o}from"../../../helpers.js";import{If as r}from"@gem-sdk/system";import a from"./ProductListCarouselLayout.liquid.js";import n from"./ProductListGridLayout.liquid.js";import{getStyle as c}from"./common/styles.js";import{getClass as l}from"./common/classes.js";import{getDataLiquid as u}from"./common/helpers.js";let ProductList=g=>{let{setting:p,styles:f,pageContext:m}=g,$=m?.pageType==="GP_FUNNEL_PAGE";if($)return"";let{hasRelatedExclude:P,relatedExcludeTrim:h,collectionID:_,isLatestProducts:y,isGrid:v,numberOfProducts:E,productListId:k,productListHandles:x,sortedBy:S,isReverse:b,productSrc:L,productNumber:A,isSorted:R,relatedTag:I,collectionHandle:F}=u(g),j=()=>e`
+    ${s("RelatedProduct"===L,`
+        assign relatedTag = '${I}'
+        assign assignProduct = product
+        assign idAssignProduct = assignProduct.id
+        paginate collections.all.products by 10000
+          assign allProductsPaginated = collections.all.products
+        endpaginate
+        assign handleAssignProduct = assignProduct.handle
+        case relatedTag
+          when 'collection'
+            assign hasRelatedExclude = ${P}
+            if hasRelatedExclude
+              assign relatedExclude = '${h}'
+            else
+              assign relatedExclude = ''
+            endif
+            assign arrayRelatedExclude = relatedExclude | split: ","
+            assign idSelectedList = ''
+            assign relatedListProduct = null
+            for collection in collections
+            assign collectionId = collection.id
+            assign isInCollection = false
+            assign collectionsAssignProduct = assignProduct.collections
+              for item in collectionsAssignProduct
+                unless arrayRelatedExclude contains item.handle
+                  if item.id == collectionId
+                  for product in collection.products
+                    assign product_ids_array = idSelectedList | split: ","
+                    if product_ids_array contains product.id or product.id == idAssignProduct
+                    elsif product_ids_array.size > limit
+                     break
+                    else
+                      assign idSelectedList = idSelectedList | append: "," | append: product.id
+                      assign productSelected = product | sort
+                      assign relatedListProduct = relatedListProduct | concat: productSelected
+                    endif
+                  endfor
+                  endif
+                endunless
+              endfor
+            endfor
+            assign products = relatedListProduct | uniq
+          when 'vendor'
+            assign vendorAssignProduct = assignProduct.vendor
+            assign productFilter = allProductsPaginated | where: 'vendor', vendorAssignProduct
+            for item in productFilter
+              assign itemHandle = item.handle
+              assign productF = item | sort
+              if itemHandle != handleAssignProduct
+                assign products = products | concat: productF
+              endif
+            endfor
+          when 'production-type'
+            assign typeAssignProduct = assignProduct.type
+            assign productFilter = allProductsPaginated | where: 'type', typeAssignProduct
+            for item in productFilter
+              assign itemHandle = item.handle
+              assign productF = item | sort
+              if itemHandle != handleAssignProduct
+                assign products = products | concat: productF
+              endif
+            endfor
+          when 'tags'
+            assign tagsAssignProduct = assignProduct.tags
+            assign hasRelatedExclude = ${P}
+            if hasRelatedExclude
+              assign relatedExclude = '${h}'
+            else
+              assign relatedExclude = ''
+            endif
+            assign arrayRelatedExclude = relatedExclude | split: ","
+              for item in allProductsPaginated
+                unless unique_products contains item.handle
+                  assign isExcludedProduct = false
+                  for tagExclude in arrayRelatedExclude
+                    if item.tags contains tagExclude
+                      assign isExcludedProduct = true
+                    endif
+                  endfor
+                  unless isExcludedProduct
+                    for tag in tagsAssignProduct
+                      if item.tags contains tag and assignProduct.handle != item.handle
+                        assign productF = item | sort
+                        assign products = products | concat: productF
+                      break
+                        endif
+                      endfor
+                  endunless
+                endunless
+              endfor
+            assign products = products | uniq
+        endcase
+        paginate products by ${E||4}
+          assign products = products
+        endpaginate
+      `)}
+  `,w=()=>{let s=F?`
+          assign target_collection = collections['${F}']
+          if target_collection == empty
+            for collection in collections
+              if collection.id == ${_}
+                assign target_collection = collection
+                break
+              endif
+            endfor
+          endif
+        `:`
+          for collection in collections
+            if collection.id == ${_}
+              assign target_collection = collection
+              break
+            endif
+          endfor
+        `;return e`
+      {%- liquid
+        assign productHandles = '${x.toString()}'| split: ','
+        assign products = null
+        assign target_collection = null
+        assign productSrc = '${L}'
+        assign c = 0
+        assign limit = ${A??4}
+
+        if request.page_type == 'collection' or preview_page_type == 'collection'
+          assign target_collection = collection
+          if target_collection == empty or target_collection == null
+            if '${_.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${b?"| reverse":""} | first
+            else
+              ${s}
+            endif
+          endif
+          paginate target_collection.products by ${E||4}
+            assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+          endpaginate
+        else
+          if productSrc == 'RelatedProduct'
+            ${j()}
+          elsif productSrc == 'PickProduct'
+            unless ${y}
+              assign products = null | sort
+              for handle in productHandles
+                assign productH = all_products[handle] | sort
+                assign products = products | concat: productH
+              endfor
+              assign limit = products.length
+            else
+              if ${k.length} == 0
+                paginate collections.all.products by 100000
+                  assign products = collections.all.products  | sort : "created_at"  | reverse
+                endpaginate
+              endif
+            endunless
+          else
+            if '${_.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${b?"| reverse":""} | first
+            else
+              ${s}
+            endif
+            paginate target_collection.products by ${E||4}
+              assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+            endpaginate
+          endif
+        endif
+      -%}
+    `},{productListWrapStyle:H,productListContentStyle:q,productListWrapAlignStyle:G}=c(g),{productListWrapClass:B}=l(g),T=()=>e`
+    {%- if products == null -%}
+    {%- if count == 0 and ${k.length} == 0 -%}
+      {% if '${L}' == 'RelatedProduct' -%}
+          <div>${o("ProductList","no_related_products")}</div>
+        {% else %}
+          <div>${o("ProductList","no_products_found")}</div>
+      {%- endif -%}
+    {%- endif -%}
+    {%-else-%}
+      ${r(v,e`${n({...g,productListId:k,productSrc:L})}`,e`${a({...g,productListId:k,productSrc:L})}`)}
+    {%- endif -%}
+    `;return e`
+    ${s(t,`
+        <script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
+        ${p?.sameHeight?`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
+        `,`
+        <script ${d('class="gps-link" delay',"src")}="${i}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+        ${p?.sameHeight?`<script ${d('class="gps-link" delay',"src")}="${i}/assets-v2/gp-same-height-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`:""}
+        `)}
+
+    ${s(!!f?.preloadBgImage,`${s(!!f?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${s(!!f?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${s(!!f?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
+    <div
+      class="${B}"
+      style="${H}"
+    >
+      <div class='gp-flex gp-w-full' style="${G}">
+        <div
+          style="${q}"
+        >
+          {%- assign gpBkProduct = product -%}
+          {%- assign gpBkProducts = products -%}
+          ${w()}
+          ${T()}
+          {%- assign product = gpBkProduct -%}
+          {%- assign products = gpBkProducts -%}
+        </div>
+      </div>
+    </div>
+  `};export{ProductList as default};

package/dist/esm/product/components/product-list-v3/ProductListCarouselItem.liquid.js

@@ -0,0 +1,15 @@
+import{template as t}from"@gem-sdk/core";import{getClass as e}from"./common/classes.js";let ProductListItem=n=>{let{pageContext:o,children:a}=n,{productItemClass:r,gpProductClass:c}=e(n);return t`
+      <gp-product
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
+        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(o)}}'
+        class="${c}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <input type="hidden" name="id" value="{{ variant.id }}" />
+        <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
+        <button type="submit" onclick="return false;" style="display:none;"></button>
+          ${a}
+        {%- endform -%}
+      </gp-product>
+  `};export{ProductListItem as default};

package/dist/esm/product/components/product-list-v3/ProductListCarouselLayout.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useEditorMode as r,ProductProvider as t,isEmptyChildren as s}from"@gem-sdk/core";import e from"../../../carousel-v3/components/root/Carousel.js";import m from"../../../carousel-v3/components/item/CarouselItem.js";import i from"../../../grid/components/ChildrenDroppable.js";import{getData as l}from"./common/helpers.js";import{getAttr as a}from"./common/attrs.js";import{getStyle as c}from"./common/styles.js";import{getClass as d}from"./common/classes.js";let ProductListCarouselLayout=n=>{let{children:p,builderProps:u,productSortedById:f,advanced:j}=n,h=r(),{carouselConfigSetting:y,carouselConfigStyle:C}=l(n),{productListAttr:L,getAttrProductItemEditor:b}=a(n),{carouselItemStyle:v}=c(n),{carouselClass:P,productItemClass:g}=d(n);return o(e,{advanced:j,builderProps:{uid:u?.uid},rootAttrs:{...L},rootClass:P,setting:y,styles:C,isProductList:!0,children:f?.map(r=>o(m,{style:v,children:o(t,{product:r,readOnly:!0,children:o("div",{..."edit"===h?b(r?.baseID):{},className:g,children:s(p)?o(i,{}):p})})},r?.baseID))})};export{ProductListCarouselLayout as default};

package/dist/esm/product/components/product-list-v3/ProductListCarouselLayout.liquid.js

@@ -0,0 +1,22 @@
+import{template as o}from"@gem-sdk/core";import t from"../../../carousel-v3/components/item/CarouselItem.liquid.js";import r from"../../../carousel-v3/components/root/Carousel.liquid.js";import{getData as e}from"./common/helpers.js";import{getClass as i}from"./common/classes.js";import{getStyle as s}from"./common/styles.js";import{getStaticLocale as d}from"../../../helpers.js";import u from"./ProductListCarouselItem.liquid.js";let ProductListCarouselLayout=c=>{let{builderProps:l,advanced:n,productSrc:a,productListId:p}=c,{carouselConfigSetting:m,carouselConfigStyle:f}=e(c),{carouselItemStyle:g}=s(c),{carouselClass:$}=i(c);return o`
+    ${r({advanced:n,builderProps:{...l},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${l?.uid}`,rootClass:$,setting:m,styles:f,isProductList:!0,children:`
+        {%- assign count = 0 -%}
+        {%- for product in products limit: limit -%}
+        {%- if product.id != empty -%}
+        {%- assign count = count | plus: 1 -%}
+        {%- assign variant = product.selected_or_first_available_variant -%}
+        {%- assign product_form_id = 'product-form-' | append: "${l?.uid}" | append: product.id -%}
+        ${t({builderProps:{...l},style:g,parentId:`product-list-carousel-${l?.uid} gp-child-item-${l?.uid}`,parentStyle:f,parentSettings:m,background:m?.background,children:`
+            ${u({...c})}
+          `})}
+        {%- endif -%}
+        {% endfor %}
+        {%- if count == 0 and ${p.length} == 0 -%}
+          {% if '${a}' == 'RelatedProduct' -%}
+              <div>${d("ProductList","no_related_products")}</div>
+            {% else %}
+              <div>${d("ProductList","no_products_found")}</div>
+          {%- endif -%}
+        {%- endif -%}
+      `})}
+  `};export{ProductListCarouselLayout as default};

package/dist/esm/product/components/product-list-v3/ProductListGridItem.liquid.js

@@ -0,0 +1,19 @@
+import{template as t,RenderChildren as e}from"@gem-sdk/core";import{getClass as n}from"./common/classes.js";let ProductListItem=o=>{let{pageContext:a,rawChildren:r}=o,{productItemClass:c,gpProductClass:i}=n(o),d=()=>t`
+      ${r?.map((n,o)=>{if(n)return t`
+            ${e({...n,index:o})}
+          `}).join("")}
+    `;return t`
+      <gp-product
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
+        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(a)}}'
+        class="${i}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${c}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <input type="hidden" name="id" value="{{ variant.id }}" />
+        <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
+        <button type="submit" onclick="return false;" style="display:none;"></button>
+          ${d()}
+        {%- endform -%}
+      </gp-product>
+  `};export{ProductListItem as default};

package/dist/esm/product/components/product-list-v3/ProductListGridLayout.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Children as o,isValidElement as t,createElement as e}from"react";import{useEditorMode as m,ProductProvider as i,isEmptyChildren as s}from"@gem-sdk/core";import l from"../../../grid/components/ChildrenDroppable.js";import{getStyle as a}from"./common/styles.js";import{getClass as d}from"./common/classes.js";import{getAttr as c}from"./common/attrs.js";let ProductListGridLayout=p=>{let{children:n,productSortedById:u,generateGridRowArray:y,setting:f}=p,h=m(),{gridLayoutStyle:g}=a(p),{gridLayoutClass:j,productItemClass:b}=d(p),{productListAttr:L,getAttrProductItemEditor:k}=c(p);return r("div",{...L,style:g,className:j,children:u?.length?u?.map((m,a)=>r(i,{product:m,readOnly:!0,children:r("div",{..."edit"===h?k(m?.baseID):{},className:b,style:{"--grchild":f?.sameHeight?y?.[a]?.gridRow:void 0,"--mbchild":y?.[a]?.marginBottom},children:s(n)?r(l,{}):o.map(n,r=>t(r)?e(r.type,{...r.props,key:r.key}):null)})},m?.baseID)):null})};export{ProductListGridLayout as default};

package/dist/esm/product/components/product-list-v3/ProductListGridLayout.liquid.js

@@ -0,0 +1,34 @@
+import{template as t,RenderIf as i}from"@gem-sdk/core";import{getStyle as o}from"./common/styles.js";import{getClass as r}from"./common/classes.js";import{getAttr as s}from"./common/attrs.js";import d from"./ProductListGridItem.liquid.js";import{getStaticLocale as e}from"../../../helpers.js";let ProductListGridLayout=a=>{let{setting:n,builderProps:c,styles:m,productListId:u,productSrc:p}=a,{gridLayoutStyle:l}=o(a),{gridLayoutClass:f}=r(a),{productListAttr:g}=s(a),$=i=>t`
+      <gp-same-height
+        class="gp-contents"
+        style="visibility: hidden"
+        gp-data='${JSON.stringify({targetUid:c?.builderData?.childrens?.[0],slidesToShow:n?.slidesToShow,rowGap:m?.horizontalGutter})}'>
+        ${i}
+      </gp-same-height>
+    `,h=()=>t`
+      {%- assign count = 0 -%}
+      {%- for product in products limit: limit -%}
+      {%- if product.id != empty -%}
+      {%- assign count = count | plus: 1 -%}
+      {%- assign variant = product.selected_or_first_available_variant -%}
+      {%- assign product_form_id = 'product-form-' | append: "${c?.uid}" | append: product.id -%}
+        ${d({...a})}
+      {%- endif -%}
+      {% endfor %}
+      {%- if count == 0 and ${u?.length} == 0 -%}
+        {% if '${p}' == 'RelatedProduct' -%}
+          <div>${e("ProductList","no_related_products")}</div>
+        {% else %}
+          <div>${e("ProductList","no_products_found")}</div>
+        {%- endif -%}
+      {%- endif -%}
+    `;return t`
+    <div
+      ${g}
+      style="${l}"
+      class="${f}"
+    >
+      ${i(n?.sameHeight,$(`${h()}`))}
+      ${i(!n?.sameHeight,t`${h()}`)}
+    </div>
+  `};export{ProductListGridLayout as default};

package/dist/esm/product/components/product-list-v3/common/attrs.js

@@ -0,0 +1 @@
+import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{builderProps:o}=e,a=t({"items-repeat":!0,"data-id":o?.uid??""}),d=e=>t({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":e?.replace("gid://shopify/Product/","")??""});return{productListAttr:a,getAttrProductItemEditor:d}};export{getAttr};

package/dist/esm/product/components/product-list-v3/common/classes.js

@@ -0,0 +1 @@
+import{createClass as e}from"@gem-sdk/system";let getClass=g=>{let{setting:s,className:t,builderProps:i,advanced:p,styles:r}=g,l=e({...t&&{[t]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":s?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":s?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!s?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":s?.sameHeight,[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{getClass};

package/dist/esm/product/components/product-list-v3/common/helpers.js

@@ -0,0 +1 @@
+import{getSizeSetting as t}from"../../../helpers/product.js";import{convertUnitToNumber as e}from"../../product-images/common/productFeaturedImage.js";import{getUpdatedDotStyle as o}from"../../../../carousel-v3/components/dot/common/helpers.js";let getData=e=>{let{setting:d,styles:r}=e,c=d?.productSetting??{},l="RelatedProduct"===c.productSrc,i=o(d?.dot,d?.dotStyle),a={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...d};delete a.childItem;let u={...r,sizeSetting:{...t({adaptiveHeight:r?.adaptiveHeight,height:r?.height,fullWidth:{desktop:!0}})},spacing:r?.spacing};return delete u.backgroundColor,delete u.backgroundImage,{isRelatedProduct:l,productSetting:c,dotStyle:i,carouselConfigSetting:a,carouselConfigStyle:u}},getDataLiquid=t=>{let{setting:o,styles:d}=t,r=o?.productSetting,c=r?.relatedTag,l=r?.hasRelatedExclude,i=(c&&"collection"===c[0]?r?.relatedCollectionExclude:r?.relatedTagsExclude)??"",a=i?.split(",").map(t=>t.trim()).toString(),u=r?.productSrc??"Collection",p=r?.collectionId?.replace(PREFIX_COLLECTION_ID,"")??"latest",n=r?.productSrc==="PickProduct"&&r?.productIds?.length===0,s=d?.layout==="grid",g=e(o?.numberOfProducts,4),I="PickProduct"===u&&r?.productIds?.length?r?.productIds.map(t=>t.replace(PREFIX_PRODUCT_ID,"")):[],m="PickProduct"===u&&r?.productHandles?.length?r?.productHandles:[],P=o?.orderBy&&o?.orderBy!=="none",h=(r?.productSrc==="Collection"||r?.productSrc==="DynamicCollection")&&P?o?.orderBy?.split("_"):"none",C=P&&h?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",D=h?.[h.length-1]==="DESC",E=()=>"PickProduct"===u?n?4:r?.numOfSelectedProducts??4:g;return{hasRelatedExclude:l,relatedExcludeTrim:a,collectionID:p,isLatestProducts:n,isGrid:s,numberOfProducts:g,productListId:I,productListHandles:m,sortedBy:C,isReverse:D,productSrc:u,productSetting:r,isSorted:P,relatedTag:c,productNumber:E(),collectionHandle:r?.collectionHandle}},PREFIX_COLLECTION_ID="gid://shopify/Collection/",PREFIX_PRODUCT_ID="gid://shopify/Product/";export{PREFIX_COLLECTION_ID,PREFIX_PRODUCT_ID,getData,getDataLiquid};

package/dist/esm/product/components/product-list-v3/common/styles.js

@@ -0,0 +1 @@
+import{splitStyle as o,makeGlobalSize as e,makeStyleResponsive as t,getBgByDevice as r,getResponsiveValueByScreen as s,makeStyle as d,getSingleColorVariable as m,getRadiusStyleActiveState as i,getStyleShadow as a,getStyleBackgroundByDevice as l,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as b}from"@gem-sdk/system";import{createStyleObject as c}from"../../../../grid/components/row/common/helpers.js";import{getInitialWidthForCarouselItem as p}from"../../../../carousel-v3/common/helpers.js";let getStyle=g=>{let{setting:h,styles:w,style:u}=g,{background:S}=h??{},[k,f]=o(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],u),T=e(w?.itemPadding),C=b({...k}),v=b({...t("jc",w?.align||{desktop:"center"})}),x=b({...f,...t("w",c(w?.width).content),...r({backgroundColor:w?.backgroundColor,backgroundImage:w?.backgroundImage})}),y=b({...!h?.sameHeight&&t("rg",w?.horizontalGutter),...t("cg",w?.verticalGutter),...t("gtc",{desktop:`repeat(${s(h?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:h?.slidesToShow?.tablet&&`repeat(${s(h?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:h?.slidesToShow?.mobile&&`repeat(${s(h?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),j=b({...p({spacing:w?.spacing,slidesToShow:h?.slidesToShow})}),$={...T&&T.padding,...d({bs:w?.borderContent?.border,bw:w?.borderContent?.width,bc:m(w?.borderContent?.color)}),...i({...w?.roundedContent,active:{...w?.roundedContent||{},radiusType:"custom"}}),...a({value:w?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:w?.hasActiveShadow}),...l(S),...n(S,{desktop:!0,tablet:!0,mobile:!0})},z=b({...$});return{gridLayoutStyle:y,carouselItemStyle:j,productListWrapStyle:C,productListContentStyle:x,productListWrapAlignStyle:v,productItemStyle:z}};export{getStyle};

package/dist/esm/product/index.js

@@ -1 +1 @@
-export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"@gem-sdk/keen-slider/react";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import n from"./settings/ProductImages.js";import c from"./settings/product-image-v2/ProductImages.js";import m from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import d from"./settings/ProductTag.js";import u from"./settings/ProductList.js";import a from"./settings/DynamicCheckout.js";import P from"./settings/Vendor.js";import g from"./settings/Sku.js";import j from"./components/product-bundle/setting/ProductBundleDiscount.js";import f from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import l from"./settings/ProductViewMore.js";import k from"./settings/ProductBadge.js";import V from"./components/file-upload/settings/index.js";let productSetting={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:n,ProductImagesV2:c,ProductDescription:m,ProductProperties:p,ProductTag:d,ProductList:u,DynamicCheckout:a,ProductVendor:P,ProductSku:g,ProductBundleDiscount:j,ProductBundleDiscountItem:f,ProductViewMore:l,ProductBadge:k,FileUpload:V};export{productSetting};
+export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";import"@gem-sdk/keen-slider/react";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductListV3}from"./components/product-list-v3/ProductList.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import c from"./settings/ProductImages.js";import m from"./settings/product-image-v3/ProductImages.js";import n from"./settings/product-image-v2/ProductImages.js";import d from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import u from"./settings/ProductTag.js";import a from"./settings/ProductListV3.js";import P from"./settings/ProductList.js";import g from"./settings/DynamicCheckout.js";import j from"./settings/Vendor.js";import f from"./settings/Sku.js";import l from"./components/product-bundle/setting/ProductBundleDiscount.js";import V from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import k from"./settings/ProductViewMore.js";import x from"./settings/ProductBadge.js";import b from"./components/file-upload/settings/index.js";let productSetting={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:c,ProductImagesV2:n,ProductImagesV3:m,ProductDescription:d,ProductProperties:p,ProductTag:u,ProductListV3:a,ProductList:P,DynamicCheckout:g,ProductVendor:j,ProductSku:f,ProductBundleDiscount:l,ProductBundleDiscountItem:V,ProductViewMore:k,ProductBadge:x,FileUpload:b};export{productSetting};

package/dist/esm/product/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Product=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),ProductTitle=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),ProductQuantity=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),ProductDescription=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),ProductPrice=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),ProductButton=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),ProductVariants=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),ProductImages=o(()=>import("./components/ProductImages.js"),{loading:t}),ProductImagesV2=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),ProductProperties=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),ProductQuickView=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),ProductTag=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),ProductList=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),DynamicCheckout=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),ProductVendor=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),ProductSku=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),ProductViewMore=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),ProductBadge=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),ProductBundleDiscount=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),ProductBundleDiscountItem=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),FileUpload=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};export{product as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Product=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),ProductTitle=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),ProductQuantity=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),ProductDescription=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),ProductPrice=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),ProductButton=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),ProductVariants=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),ProductImages=o(()=>import("./components/ProductImages.js"),{loading:t}),ProductImagesV3=o(()=>import("./components/product-images-v3/ProductImageV3.js"),{loading:t}),ProductImagesV2=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),ProductProperties=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),ProductQuickView=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),ProductTag=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),ProductListV3=o(()=>import("./components/product-list-v3/ProductList.js"),{loading:t}),ProductList=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),DynamicCheckout=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),ProductVendor=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),ProductSku=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),ProductViewMore=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),ProductBadge=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),ProductBundleDiscount=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),ProductBundleDiscountItem=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),FileUpload=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV3,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductListV3,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};export{product as default};

package/dist/esm/product/settings/Product.js

@@ -5,4 +5,4 @@ import{ProductPreset as o}from"./product/configs/presets.js";import{ProductSetti
     <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
     <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
   </svg>
-  `,settings:t,ui:C,uiV2:r,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product not found"}}}};export{config as default};
+  `,settings:t,ui:C,uiV2:r,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product not found"}}}};export{config as default};

package/dist/esm/product/settings/ProductBadge.js

@@ -1 +1 @@
-import{ProductBadgeSettings as o}from"./product-badge/configs/settings.js";import{SettingUIV1 as t}from"./product-badge/configs/ui-v1.js";import{ProductBadgePreset as a}from"./product-badge/configs/presets.js";import{SettingUIV2 as s}from"./product-badge/configs/ui-v2.js";let config={tag:"ProductBadge",label:"Product Badge",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.003-4.596l8.5-8.51A3.25 3.25 0 0 1 14.284 2h5.465Zm0 1.5h-5.465c-.465 0-.91.185-1.239.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>',settings:o,ui:t,uiV2:s,presets:a,advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},editorConfigs:{placeholder:{flowTag:["ProductImagesV2","Product"],flowTagMessage:['Please <span class="font-bold">drop</span> Product Badge into a <span class="font-bold">Product Image, Product or Product List</span> element']}}};export{config as default};
+import{ProductBadgeSettings as o}from"./product-badge/configs/settings.js";import{SettingUIV1 as t}from"./product-badge/configs/ui-v1.js";import{ProductBadgePreset as a}from"./product-badge/configs/presets.js";import{SettingUIV2 as s}from"./product-badge/configs/ui-v2.js";let config={tag:"ProductBadge",label:"Product Badge",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 2A2.25 2.25 0 0 1 22 4.25v5.462a3.25 3.25 0 0 1-.952 2.298l-8.5 8.503a3.255 3.255 0 0 1-4.597.001L3.489 16.06a3.25 3.25 0 0 1-.003-4.596l8.5-8.51A3.25 3.25 0 0 1 14.284 2h5.465Zm0 1.5h-5.465c-.465 0-.91.185-1.239.513l-8.512 8.523a1.75 1.75 0 0 0 .015 2.462l4.461 4.454a1.755 1.755 0 0 0 2.477 0l8.5-8.503a1.75 1.75 0 0 0 .513-1.237V4.25a.75.75 0 0 0-.75-.75ZM17 5.502a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>',settings:o,ui:t,uiV2:s,presets:a,advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},editorConfigs:{placeholder:{flowTag:["ProductImagesV2","Product","ProductImagesV3"],flowTagMessage:['Please <span class="font-bold">drop</span> Product Badge into a <span class="font-bold">Product Image, Product or Product List</span> element']}}};export{config as default};

package/dist/esm/product/settings/ProductList.js

@@ -5,4 +5,4 @@ import{ProductListPreset as o}from"./product-list/configs/presets.js";import{Set
     <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
     <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
   </svg>
-  `,settings:r,ui:t,uiV2:C,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product Not Found!",no_products_found:"No products found!",no_related_products:"No related products!"}}}};export{config as default};
+  `,settings:r,ui:t,uiV2:C,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product Not Found!",no_products_found:"No products found!",no_related_products:"No related products!"}}}};export{config as default};

package/dist/esm/product/settings/ProductListV3.js

@@ -0,0 +1,8 @@
+import{ProductListPreset as o}from"./product-list-v3/configs/presets.js";import{SettingUIV1 as t}from"./product-list-v3/configs/ui-v1.js";import{ProductListSettingsV2 as r}from"./product-list-v3/configs/settings-v2.js";import{SettingUIV2 as C}from"./product-list-v3/configs/ui-v2.js";let config={tag:"ProductListV3",label:"Product List",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9075 7.10422C14.6295 6.47277 13.981 6.06462 13.268 6.12193C12.8111 6.15866 12.0129 6.23149 11.1972 6.34772C10.4162 6.459 9.4973 6.62566 8.86739 6.88284C8.4425 7.05632 7.96973 7.41721 7.56476 7.7561C7.12514 8.12398 6.63889 8.57624 6.16347 9.03928C5.21082 9.96712 4.25521 10.9838 3.72156 11.5611C3.02665 12.3128 3.18213 13.4862 4.00429 14.0501L7.14594 16.205V26.2444C7.14594 27.1568 7.8833 27.9057 8.80445 27.9057H23.246C24.1672 27.9057 24.9045 27.1568 24.9045 26.2444V16.205L28.0603 14.0405C28.8678 13.4866 29.0361 12.3395 28.3699 11.5829C27.861 11.005 26.9438 9.98417 26.0115 9.05136C25.5463 8.58586 25.0644 8.12923 24.6192 7.75674C24.2068 7.41161 23.7187 7.04517 23.2589 6.87191C22.0504 6.41643 20.0388 6.19802 19.2897 6.12638C18.6177 6.06213 17.9943 6.4147 17.6856 6.98594L16.1261 9.87237L14.9075 7.10422ZM11.5075 8.52572C12.0668 8.44603 12.6236 8.38769 13.0516 8.3486L14.5589 11.7725C15.1148 13.0353 16.8782 13.1086 17.535 11.8929L19.4471 8.35398C20.3297 8.45016 21.7155 8.64129 22.4831 8.93056C22.5609 8.9599 22.7999 9.10299 23.2073 9.44391C23.582 9.75746 24.0125 10.1634 24.4555 10.6066C25.1311 11.2825 25.8054 12.0148 26.3079 12.5747L23.426 14.5514C22.9732 14.862 22.7045 15.3755 22.7045 15.9221V25.7057H9.34594V15.9221C9.34594 15.3755 9.07722 14.862 8.62448 14.5514L5.76791 12.592C6.29559 12.03 7.00098 11.2946 7.69845 10.6153C8.1553 10.1703 8.59719 9.76082 8.97664 9.44329C9.16639 9.2845 9.33077 9.15694 9.46645 9.06238C9.53381 9.01545 9.58879 8.98036 9.63189 8.95523C9.65312 8.94286 9.66967 8.93395 9.68177 8.92783C9.69405 8.92163 9.69897 8.91962 9.69897 8.91962C10.0488 8.7768 10.7201 8.63792 11.5075 8.52572Z" fill="currentColor"/>
+    <path d="M30.2528 21.8121C29.8846 21.8121 29.5862 21.5136 29.5862 21.1454V20.0645C29.5862 19.6963 29.8846 19.3978 30.2528 19.3978H36.3481C36.7163 19.3978 37.0147 19.6963 37.0147 20.0645V21.1454C37.0147 21.5136 36.7163 21.8121 36.3481 21.8121H30.2528Z" fill="currentColor"/>
+    <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
+    <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
+  </svg>
+  `,settings:r,ui:t,uiV2:C,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product Not Found!",no_products_found:"No products found!",no_related_products:"No related products!"}}}};export{config as default};

package/dist/esm/product/settings/product/configs/product-presets/product-1-col.js

@@ -5,11 +5,11 @@ let product1Col={id:"product-1-col",name:{en:"Product"},icon:{desktop:`
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product1Col,product1ColProductPage};
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product1Col,product1ColProductPage};

package/dist/esm/product/settings/product/configs/product-presets/product-2-col.js

@@ -8,7 +8,7 @@ let product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>
@@ -18,4 +18,4 @@ let product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product2Col,product2ColProductPage};
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product2Col,product2ColProductPage};

package/dist/esm/product/settings/product/configs/product-presets/product-default.js

@@ -9,7 +9,7 @@ let productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>
@@ -20,4 +20,4 @@ let productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"var(--g-s-s)"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{productDefault,productDynamicProductPage};
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"var(--g-s-s)"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{productDefault,productDynamicProductPage};