@gem-sdk/components 4.0.0-staging.1204 → 4.0.0-staging.1206

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

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

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

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

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

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

package/dist/cjs/product/components/product-list/ProductListCarouselLayout.liquid.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),CarouselItem_liquid=require("../../../carousel/components/item/CarouselItem.liquid.js"),Carousel_liquid=require("../../../carousel/components/root/Carousel.liquid.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),ProductListCarouselItem_liquid=require("./ProductListCarouselItem.liquid.js");const ProductListCarouselLayout=e=>{let{builderProps:t,advanced:r,productSrc:s,productListId:i}=e,{carouselConfigSetting:o,carouselConfigStyle:u}=helpers.getData(e),{carouselItemStyle:l}=styles.getStyle(e),{carouselClass:d}=classes.getClass(e);return core.template`
-    ${Carousel_liquid.default({advanced:r,builderProps:{...t},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${t?.uid}`,rootClass:d,setting:o,styles:u,isProductList:!0,children:`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),CarouselItem_liquid=require("../../../carousel/components/item/CarouselItem.liquid.js"),Carousel_liquid=require("../../../carousel/components/root/Carousel.liquid.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),ProductListCarouselItem_liquid=require("./ProductListCarouselItem.liquid.js");const ProductListCarouselLayout=e=>{let{builderProps:t,advanced:r,productSrc:s,productListId:o}=e,{carouselConfigSetting:i,carouselConfigStyle:u}=helpers.getData(e),{carouselItemStyle:l}=styles.getStyle(e),{carouselClass:d}=classes.getClass(e);return core.template`
+    ${Carousel_liquid.default({advanced:r,builderProps:{...t},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${t?.uid}`,rootClass:d,setting:i,styles:u,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: "${t?.uid}" | append: product.id -%}
-        ${CarouselItem_liquid.default({builderProps:{...t},style:l,parentId:`product-list-carousel-${t?.uid} gp-child-item-${t?.uid}`,parentStyle:u,parentSettings:o,background:o?.background,children:`
+        ${CarouselItem_liquid.default({builderProps:{...t},style:l,parentId:`product-list-carousel-${t?.uid} gp-child-item-${t?.uid}`,parentStyle:u,background:i?.background,children:`
             ${ProductListCarouselItem_liquid.default({...e})}
           `})}
         {%- endif -%}
         {% endfor %}
-        {%- if count == 0 and ${i.length} == 0 -%}
+        {%- if count == 0 and ${o.length} == 0 -%}
           {% if '${s}' == 'RelatedProduct' -%}
               <div>${helpers$1.getStaticLocale("ProductList","no_related_products")}</div>
             {% else %}

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

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

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

@@ -0,0 +1,205 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),ProductListCarouselLayout_liquid=require("./ProductListCarouselLayout.liquid.js"),ProductListGridLayout_liquid=require("./ProductListGridLayout.liquid.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),helpers=require("./common/helpers.js");const ProductList=e=>{let{setting:s,styles:t,pageContext:i}=e,r=i?.pageType==="GP_FUNNEL_PAGE";if(r)return"";let{hasRelatedExclude:d,relatedExcludeTrim:a,collectionID:o,isLatestProducts:c,isGrid:l,numberOfProducts:n,productListId:u,productListHandles:g,sortedBy:p,isReverse:f,productSrc:m,productNumber:P,isSorted:$,relatedTag:h,collectionHandle:y}=helpers.getDataLiquid(e),_=()=>core.template`
+    ${core.RenderIf("RelatedProduct"===m,`
+        assign relatedTag = '${h}'
+        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 = ${d}
+            if hasRelatedExclude
+              assign relatedExclude = '${a}'
+            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 = ${d}
+            if hasRelatedExclude
+              assign relatedExclude = '${a}'
+            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 ${n||4}
+          assign products = products
+        endpaginate
+      `)}
+  `,L=()=>{let e=y?`
+          assign target_collection = collections['${y}']
+          if target_collection == empty
+            for collection in collections
+              if collection.id == ${o}
+                assign target_collection = collection
+                break
+              endif
+            endfor
+          endif
+        `:`
+          for collection in collections
+            if collection.id == ${o}
+              assign target_collection = collection
+              break
+            endif
+          endfor
+        `;return core.template`
+      {%- liquid
+        assign productHandles = '${g.toString()}'| split: ','
+        assign products = null
+        assign target_collection = null
+        assign productSrc = '${m}'
+        assign c = 0
+        assign limit = ${P??4}
+
+        if request.page_type == 'collection' or preview_page_type == 'collection'
+          assign target_collection = collection
+          if target_collection == empty or target_collection == null
+            if '${o.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${f?"| reverse":""} | first
+            else
+              ${e}
+            endif
+          endif
+          paginate target_collection.products by ${n||4}
+            assign products = target_collection.products ${$?p:""} ${f?"| reverse":""}
+          endpaginate
+        else
+          if productSrc == 'RelatedProduct'
+            ${_()}
+          elsif productSrc == 'PickProduct'
+            unless ${c}
+              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 ${u.length} == 0
+                paginate collections.all.products by 100000
+                  assign products = collections.all.products  | sort : "created_at"  | reverse
+                endpaginate
+              endif
+            endunless
+          else
+            if '${o.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${f?"| reverse":""} | first
+            else
+              ${e}
+            endif
+            paginate target_collection.products by ${n||4}
+              assign products = target_collection.products ${$?p:""} ${f?"| reverse":""}
+            endpaginate
+          endif
+        endif
+      -%}
+    `},{productListWrapStyle:v,productListContentStyle:E,productListWrapAlignStyle:S}=styles.getStyle(e),{productListWrapClass:k}=classes.getClass(e),b=()=>core.template`
+    {%- if products == null -%}
+    {%- if count == 0 and ${u.length} == 0 -%}
+      {% if '${m}' == 'RelatedProduct' -%}
+          <div>${helpers$1.getStaticLocale("ProductList","no_related_products")}</div>
+        {% else %}
+          <div>${helpers$1.getStaticLocale("ProductList","no_products_found")}</div>
+      {%- endif -%}
+    {%- endif -%}
+    {%-else-%}
+      ${system.If(l,core.template`${ProductListGridLayout_liquid.default({...e,productListId:u,productSrc:m})}`,core.template`${ProductListCarouselLayout_liquid.default({...e,productListId:u,productSrc:m})}`)}
+    {%- endif -%}
+    `;return core.template`
+    ${core.RenderIf(core.isLocalEnv,`
+        <script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
+        ${s?.sameHeight?`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
+        `,`
+        <script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+        ${s?.sameHeight?`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-same-height-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`:""}
+        `)}
+
+    ${core.RenderIf(!!t?.preloadBgImage,`${core.RenderIf(!!t?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${core.RenderIf(!!t?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${core.RenderIf(!!t?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${t?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
+    <div
+      class="${k}"
+      style="${v}"
+    >
+      <div class='gp-flex gp-w-full' style="${S}">
+        <div
+          style="${E}"
+        >
+          {%- assign gpBkProduct = product -%}
+          {%- assign gpBkProducts = products -%}
+          ${L()}
+          ${b()}
+          {%- assign product = gpBkProduct -%}
+          {%- assign products = gpBkProducts -%}
+        </div>
+      </div>
+    </div>
+  `};exports.default=ProductList;

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

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,children:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e);return core.template`
+      <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(t)}}'
+        class="${a}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  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>
+          ${n}
+        {%- endform -%}
+      </gp-product>
+  `};exports.default=ProductListItem;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Carousel=require("../../../carousel-v3/components/root/Carousel.js"),CarouselItem=require("../../../carousel-v3/components/item/CarouselItem.js"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductListCarouselLayout=e=>{let{children:s,builderProps:r,productSortedById:t,advanced:o}=e,l=core.useEditorMode(),{carouselConfigSetting:u,carouselConfigStyle:a}=helpers.getData(e),{productListAttr:i,getAttrProductItemEditor:c}=attrs.getAttr(e),{carouselItemStyle:d}=styles.getStyle(e),{carouselClass:n,productItemClass:m}=classes.getClass(e);return jsxRuntime.jsx(Carousel.default,{advanced:o,builderProps:{uid:r?.uid},rootAttrs:{...i},rootClass:n,setting:u,styles:a,children:t?.map(e=>jsxRuntime.jsx(CarouselItem.default,{style:d,children:jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?c(e?.baseID):{},className:m,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})},e?.baseID))})};exports.default=ProductListCarouselLayout;

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

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),CarouselItem_liquid=require("../../../carousel-v3/components/item/CarouselItem.liquid.js"),Carousel_liquid=require("../../../carousel-v3/components/root/Carousel.liquid.js"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),ProductListCarouselItem_liquid=require("./ProductListCarouselItem.liquid.js");const ProductListCarouselLayout=e=>{let{builderProps:t,advanced:r,productSrc:s,productListId:i}=e,{carouselConfigSetting:o,carouselConfigStyle:u}=helpers.getData(e),{carouselItemStyle:l}=styles.getStyle(e),{carouselClass:d}=classes.getClass(e);return core.template`
+    ${Carousel_liquid.default({advanced:r,builderProps:{...t},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${t?.uid}`,rootClass:d,setting:o,styles:u,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: "${t?.uid}" | append: product.id -%}
+        ${CarouselItem_liquid.default({builderProps:{...t},style:l,parentId:`product-list-carousel-${t?.uid} gp-child-item-${t?.uid}`,parentStyle:u,parentSettings:o,background:o?.background,children:`
+            ${ProductListCarouselItem_liquid.default({...e})}
+          `})}
+        {%- endif -%}
+        {% endfor %}
+        {%- if count == 0 and ${i.length} == 0 -%}
+          {% if '${s}' == 'RelatedProduct' -%}
+              <div>${helpers$1.getStaticLocale("ProductList","no_related_products")}</div>
+            {% else %}
+              <div>${helpers$1.getStaticLocale("ProductList","no_products_found")}</div>
+          {%- endif -%}
+        {%- endif -%}
+      `})}
+  `};exports.default=ProductListCarouselLayout;

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

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),classes=require("./common/classes.js");const ProductListItem=e=>{let{pageContext:t,rawChildren:n}=e,{productItemClass:o,gpProductClass:a}=classes.getClass(e),r=()=>core.template`
+      ${n?.map((e,t)=>{if(e)return core.template`
+            ${core.RenderChildren({...e,index:t})}
+          `}).join("")}
+    `;return core.template`
+      <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(t)}}'
+        class="${a}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${o}',  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>
+          ${r()}
+        {%- endform -%}
+      </gp-product>
+  `};exports.default=ProductListItem;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),core=require("@gem-sdk/core"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js");const ProductListGridLayout=e=>{let{children:r,productSortedById:t,generateGridRowArray:s,setting:i}=e,l=core.useEditorMode(),{gridLayoutStyle:a}=styles.getStyle(e),{gridLayoutClass:o,productItemClass:c}=classes.getClass(e),{productListAttr:d,getAttrProductItemEditor:n}=attrs.getAttr(e);return jsxRuntime.jsx("div",{...d,style:a,className:o,children:t?.length?t?.map((e,t)=>jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?n(e?.baseID):{},className:c,style:{"--grchild":i?.sameHeight?s?.[t]?.gridRow:void 0,"--mbchild":s?.[t]?.marginBottom},children:core.isEmptyChildren(r)?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,e=>React.isValidElement(e)?React.createElement(e.type,{...e.props,key:e.key}):null)})},e?.baseID)):null})};exports.default=ProductListGridLayout;

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

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),attrs=require("./common/attrs.js"),ProductListGridItem_liquid=require("./ProductListGridItem.liquid.js"),helpers=require("../../../helpers.js");const ProductListGridLayout=e=>{let{setting:t,builderProps:s,styles:r,productListId:i,productSrc:d}=e,{gridLayoutStyle:o}=styles.getStyle(e),{gridLayoutClass:a}=classes.getClass(e),{productListAttr:c}=attrs.getAttr(e),l=e=>core.template`
+      <gp-same-height
+        class="gp-contents"
+        style="visibility: hidden"
+        gp-data='${JSON.stringify({targetUid:s?.builderData?.childrens?.[0],slidesToShow:t?.slidesToShow,rowGap:r?.horizontalGutter})}'>
+        ${e}
+      </gp-same-height>
+    `,u=()=>core.template`
+      {%- 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: "${s?.uid}" | append: product.id -%}
+        ${ProductListGridItem_liquid.default({...e})}
+      {%- endif -%}
+      {% endfor %}
+      {%- if count == 0 and ${i?.length} == 0 -%}
+        {% if '${d}' == 'RelatedProduct' -%}
+          <div>${helpers.getStaticLocale("ProductList","no_related_products")}</div>
+        {% else %}
+          <div>${helpers.getStaticLocale("ProductList","no_products_found")}</div>
+        {%- endif -%}
+      {%- endif -%}
+    `;return core.template`
+    <div
+      ${c}
+      style="${o}"
+      class="${a}"
+    >
+      ${core.RenderIf(t?.sameHeight,l(`${u()}`))}
+      ${core.RenderIf(!t?.sameHeight,core.template`${u()}`)}
+    </div>
+  `};exports.default=ProductListGridLayout;

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

@@ -0,0 +1 @@
+"use strict";var system=require("@gem-sdk/system");const getAttr=t=>{let{builderProps:e}=t,r=system.createAttr({"items-repeat":!0,"data-id":e?.uid??""}),a=t=>system.createAttr({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":t?.replace("gid://shopify/Product/","")??""});return{productListAttr:r,getAttrProductItemEditor:a}};exports.getAttr=getAttr;

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

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

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

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

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

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

package/dist/cjs/product/index.js

@@ -1 +1 @@
-"use strict";var Product=require("./components/product-wrap/Product.js");require("react/jsx-runtime"),require("next/link"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("../notification/components/Notifications.js"),require("../notification/components/Notice.js"),require("./components/product-button/types.js"),require("./components/product-variants/components/variants/index.js"),require("next/image"),require("../modal/components/confirm.js"),require("react-dom"),require("../video/components/Video.js");var QuickView=require("./components/product-quick-view/QuickView.js");require("./components/constants/product-bundle.js");var ProductList=require("./components/product-list/ProductList.js");require("./components/product-bundle/common/styles.js"),require("./components/product-bundle/common/classes.js"),require("./components/product-badge/constants.js"),require("./components/product-badge/types.js"),require("./components/product-badge/utils/shape.js");var Product$1=require("./settings/Product.js"),ProductQuantity$1=require("./settings/ProductQuantity.js"),ProductTitle$1=require("./settings/ProductTitle.js"),ProductButton$1=require("./settings/ProductButton.js"),ProductPrice$1=require("./settings/ProductPrice.js"),ProductVariants$1=require("./settings/ProductVariants.js"),ProductImages$1=require("./settings/ProductImages.js"),ProductImages$2=require("./settings/product-image-v2/ProductImages.js"),ProductDescription$1=require("./settings/ProductDescription.js"),ProductProperties$1=require("./settings/ProductProperties.js"),ProductTag=require("./settings/ProductTag.js"),ProductList$1=require("./settings/ProductList.js"),DynamicCheckout$1=require("./settings/DynamicCheckout.js"),Vendor$1=require("./settings/Vendor.js"),Sku$1=require("./settings/Sku.js"),ProductBundleDiscount$1=require("./components/product-bundle/setting/ProductBundleDiscount.js"),ProductBundleDiscountItem$1=require("./components/product-bundle/setting/ProductBundleDiscountItem.js"),ProductViewMore$1=require("./settings/ProductViewMore.js"),ProductBadge$1=require("./settings/ProductBadge.js"),index=require("./components/file-upload/settings/index.js");const productSetting={Product:Product$1.default,ProductQuantity:ProductQuantity$1.default,ProductTitle:ProductTitle$1.default,ProductButton:ProductButton$1.default,ProductPrice:ProductPrice$1.default,ProductVariants:ProductVariants$1.default,ProductImages:ProductImages$1.default,ProductImagesV2:ProductImages$2.default,ProductDescription:ProductDescription$1.default,ProductProperties:ProductProperties$1.default,ProductTag:ProductTag.default,ProductList:ProductList$1.default,DynamicCheckout:DynamicCheckout$1.default,ProductVendor:Vendor$1.default,ProductSku:Sku$1.default,ProductBundleDiscount:ProductBundleDiscount$1.default,ProductBundleDiscountItem:ProductBundleDiscountItem$1.default,ProductViewMore:ProductViewMore$1.default,ProductBadge:ProductBadge$1.default,FileUpload:index.default};exports.Product=Product.default,exports.ProductQuickView=QuickView.default,exports.ProductList=ProductList.default,exports.productSetting=productSetting;
+"use strict";var Product=require("./components/product-wrap/Product.js");require("react/jsx-runtime"),require("next/link"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("../notification/components/Notifications.js"),require("../notification/components/Notice.js"),require("./components/product-button/types.js"),require("./components/product-variants/components/variants/index.js"),require("next/image"),require("../modal/components/confirm.js"),require("react-dom"),require("../video/components/Video.js"),require("@gem-sdk/keen-slider/react");var QuickView=require("./components/product-quick-view/QuickView.js");require("./components/constants/product-bundle.js");var ProductList$1=require("./components/product-list-v3/ProductList.js"),ProductList=require("./components/product-list/ProductList.js");require("./components/product-bundle/common/styles.js"),require("./components/product-bundle/common/classes.js"),require("./components/product-badge/constants.js"),require("./components/product-badge/types.js"),require("./components/product-badge/utils/shape.js");var Product$1=require("./settings/Product.js"),ProductQuantity$1=require("./settings/ProductQuantity.js"),ProductTitle$1=require("./settings/ProductTitle.js"),ProductButton$1=require("./settings/ProductButton.js"),ProductPrice$1=require("./settings/ProductPrice.js"),ProductVariants$1=require("./settings/ProductVariants.js"),ProductImages$1=require("./settings/ProductImages.js"),ProductImages$3=require("./settings/product-image-v3/ProductImages.js"),ProductImages$2=require("./settings/product-image-v2/ProductImages.js"),ProductDescription$1=require("./settings/ProductDescription.js"),ProductProperties$1=require("./settings/ProductProperties.js"),ProductTag=require("./settings/ProductTag.js"),ProductListV3=require("./settings/ProductListV3.js"),ProductList$2=require("./settings/ProductList.js"),DynamicCheckout$1=require("./settings/DynamicCheckout.js"),Vendor$1=require("./settings/Vendor.js"),Sku$1=require("./settings/Sku.js"),ProductBundleDiscount$1=require("./components/product-bundle/setting/ProductBundleDiscount.js"),ProductBundleDiscountItem$1=require("./components/product-bundle/setting/ProductBundleDiscountItem.js"),ProductViewMore$1=require("./settings/ProductViewMore.js"),ProductBadge$1=require("./settings/ProductBadge.js"),index=require("./components/file-upload/settings/index.js");const productSetting={Product:Product$1.default,ProductQuantity:ProductQuantity$1.default,ProductTitle:ProductTitle$1.default,ProductButton:ProductButton$1.default,ProductPrice:ProductPrice$1.default,ProductVariants:ProductVariants$1.default,ProductImages:ProductImages$1.default,ProductImagesV2:ProductImages$2.default,ProductImagesV3:ProductImages$3.default,ProductDescription:ProductDescription$1.default,ProductProperties:ProductProperties$1.default,ProductTag:ProductTag.default,ProductListV3:ProductListV3.default,ProductList:ProductList$2.default,DynamicCheckout:DynamicCheckout$1.default,ProductVendor:Vendor$1.default,ProductSku:Sku$1.default,ProductBundleDiscount:ProductBundleDiscount$1.default,ProductBundleDiscountItem:ProductBundleDiscountItem$1.default,ProductViewMore:ProductViewMore$1.default,ProductBadge:ProductBadge$1.default,FileUpload:index.default};exports.Product=Product.default,exports.ProductQuickView=QuickView.default,exports.ProductListV3=ProductList$1.default,exports.ProductList=ProductList.default,exports.productSetting=productSetting;

package/dist/cjs/product/next.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Product=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-wrap/Product.js")}),{loading:Loading.default}),ProductTitle=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-title/ProductTitle.js")}),{loading:Loading.default}),ProductQuantity=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-quantity/ProductQuantity.js")}),{loading:Loading.default}),ProductDescription=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-description/ProductDescription.js")}),{loading:Loading.default}),ProductPrice=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-price/ProductPrice.js")}),{loading:Loading.default}),ProductButton=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-button/ProductButton.js")}),{loading:Loading.default}),ProductVariants=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-variants/ProductVariants.js")}),{loading:Loading.default}),ProductImages=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductImages.js")}),{loading:Loading.default}),ProductImagesV2=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-images-v2/ProductImageV2.js")}),{loading:Loading.default}),ProductProperties=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-properties/ProductProperties.js")}),{loading:Loading.default}),ProductQuickView=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-quick-view/QuickView.js")}),{ssr:!1}),ProductTag=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-discount-tag/ProductDiscountTag.js")}),{loading:Loading.default}),ProductList=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-list/ProductList.js")}),{loading:Loading.default}),DynamicCheckout=dynamic(()=>Promise.resolve().then(function(){return require("./components/dynamic-checkout/DynamicCheckout.js")}),{loading:Loading.default}),ProductVendor=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-vendor/Vendor.js")}),{loading:Loading.default}),ProductSku=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-sku/Sku.js")}),{loading:Loading.default}),ProductViewMore=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-view-more/ProductViewMore.js")}),{loading:Loading.default}),ProductBadge=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-badge/ProductBadge.js")}),{loading:Loading.default}),ProductBundleDiscount=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-bundle/ProductBundleDiscount.js")}),{loading:Loading.default}),ProductBundleDiscountItem=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-bundle/ProductBundleDiscountItem.js")}),{loading:Loading.default}),FileUpload=dynamic(()=>Promise.resolve().then(function(){return require("./components/file-upload/UploadFile.js")}),{loading:Loading.default});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};exports.default=product;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Product=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-wrap/Product.js")}),{loading:Loading.default}),ProductTitle=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-title/ProductTitle.js")}),{loading:Loading.default}),ProductQuantity=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-quantity/ProductQuantity.js")}),{loading:Loading.default}),ProductDescription=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-description/ProductDescription.js")}),{loading:Loading.default}),ProductPrice=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-price/ProductPrice.js")}),{loading:Loading.default}),ProductButton=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-button/ProductButton.js")}),{loading:Loading.default}),ProductVariants=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-variants/ProductVariants.js")}),{loading:Loading.default}),ProductImages=dynamic(()=>Promise.resolve().then(function(){return require("./components/ProductImages.js")}),{loading:Loading.default}),ProductImagesV3=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-images-v3/ProductImageV3.js")}),{loading:Loading.default}),ProductImagesV2=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-images-v2/ProductImageV2.js")}),{loading:Loading.default}),ProductProperties=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-properties/ProductProperties.js")}),{loading:Loading.default}),ProductQuickView=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-quick-view/QuickView.js")}),{ssr:!1}),ProductTag=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-discount-tag/ProductDiscountTag.js")}),{loading:Loading.default}),ProductListV3=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-list-v3/ProductList.js")}),{loading:Loading.default}),ProductList=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-list/ProductList.js")}),{loading:Loading.default}),DynamicCheckout=dynamic(()=>Promise.resolve().then(function(){return require("./components/dynamic-checkout/DynamicCheckout.js")}),{loading:Loading.default}),ProductVendor=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-vendor/Vendor.js")}),{loading:Loading.default}),ProductSku=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-sku/Sku.js")}),{loading:Loading.default}),ProductViewMore=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-view-more/ProductViewMore.js")}),{loading:Loading.default}),ProductBadge=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-badge/ProductBadge.js")}),{loading:Loading.default}),ProductBundleDiscount=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-bundle/ProductBundleDiscount.js")}),{loading:Loading.default}),ProductBundleDiscountItem=dynamic(()=>Promise.resolve().then(function(){return require("./components/product-bundle/ProductBundleDiscountItem.js")}),{loading:Loading.default}),FileUpload=dynamic(()=>Promise.resolve().then(function(){return require("./components/file-upload/UploadFile.js")}),{loading:Loading.default});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};exports.default=product;

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

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var presets=require("./product-list-v3/configs/presets.js"),uiV1=require("./product-list-v3/configs/ui-v1.js"),settingsV2=require("./product-list-v3/configs/settings-v2.js"),uiV2=require("./product-list-v3/configs/ui-v2.js");const 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:settingsV2.ProductListSettingsV2,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.ProductListPreset,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!"}}}};exports.default=config;

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

@@ -5,11 +5,11 @@
       <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}}}]}]}]};exports.product1Col=product1Col,exports.product1ColProductPage=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}}}]}]}]};exports.product1Col=product1Col,exports.product1ColProductPage=product1ColProductPage;

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

@@ -8,7 +8,7 @@
       <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 @@
       <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}}}]}]}]};exports.product2Col=product2Col,exports.product2ColProductPage=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}}}]}]}]};exports.product2Col=product2Col,exports.product2ColProductPage=product2ColProductPage;

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

@@ -9,7 +9,7 @@
       <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 @@
       <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}}}]}]}]};exports.productDefault=productDefault,exports.productDynamicProductPage=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}}}]}]}]};exports.productDefault=productDefault,exports.productDynamicProductPage=productDynamicProductPage;