@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.138

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

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

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

@@ -1,5 +1,5 @@
-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,`
+import{RenderIf as e,isLocalEnv as s,baseAssetURL as t,template 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 g=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:A,productNumber:L,isSorted:R,relatedTag:I,collectionHandle:F}=u(g),j=()=>i`
+    ${e("RelatedProduct"===A,`
         assign relatedTag = '${I}'
         assign assignProduct = product
         assign idAssignProduct = assignProduct.id
@@ -95,7 +95,27 @@ import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-s
           assign products = products
         endpaginate
       `)}
-  `,w=()=>{let s=F?`
+  `,{productListWrapStyle:w,productListContentStyle:H,productListWrapAlignStyle:q}=c(g),{productListWrapClass:G}=l(g);return i`
+    ${e(s,`
+        <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")}="${t}/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")}="${t}/assets-v2/gp-same-height-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`:""}
+        `)}
+
+    ${e(!!f?.preloadBgImage,`${e(!!f?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e(!!f?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e(!!f?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
+    <div
+      class="${G}"
+      style="${w}"
+    >
+      <div class='gp-flex gp-w-full' style="${q}">
+        <div
+          style="${H}"
+        >
+          {%- assign gpBkProduct = product -%}
+          {%- assign gpBkProducts = products -%}
+          ${(()=>{let e=F?`
           assign target_collection = collections['${F}']
           if target_collection == empty
             for collection in collections
@@ -112,14 +132,14 @@ import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-s
               break
             endif
           endfor
-        `;return e`
+        `;return i`
       {%- liquid
         assign productHandles = '${x.toString()}'| split: ','
         assign products = null
         assign target_collection = null
-        assign productSrc = '${L}'
+        assign productSrc = '${A}'
         assign c = 0
-        assign limit = ${A??4}
+        assign limit = ${L??4}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -127,7 +147,7 @@ import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-s
             if '${_.toLowerCase()}' == 'latest'
               assign target_collection = collections | sort: 'updated_at' ${b?"| reverse":""} | first
             else
-              ${s}
+              ${e}
             endif
           endif
           paginate target_collection.products by ${E||4}
@@ -155,7 +175,7 @@ import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-s
             if '${_.toLowerCase()}' == 'latest'
               assign target_collection = collections | sort: 'updated_at' ${b?"| reverse":""} | first
             else
-              ${s}
+              ${e}
             endif
             paginate target_collection.products by ${E||4}
               assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
@@ -163,43 +183,23 @@ import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-s
           endif
         endif
       -%}
-    `},{productListWrapStyle:H,productListContentStyle:q,productListWrapAlignStyle:G}=c(g),{productListWrapClass:B}=l(g),T=()=>e`
+    `})()}
+          ${i`
     {%- if products == null -%}
     {%- if count == 0 and ${k.length} == 0 -%}
-      {% if '${L}' == 'RelatedProduct' -%}
+      {% if '${A}' == '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})}`)}
+      ${r(v,i`${n({...g,productListId:k,productSrc:A})}`,i`${a({...g,productListId:k,productSrc:A})}`)}
     {%- 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};
+  `};export{g as default};

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

@@ -1,4 +1,4 @@
-import{template as t}from"@gem-sdk/core";import{getClass as n}from"./common/classes.js";let ProductListItem=o=>{let{pageContext:e,children:a}=o,{productItemClass:r,gpProductClass:i}=n(o);return t`
+import{template as t}from"@gem-sdk/core";import{getClass as n}from"./common/classes.js";let o=o=>{let{pageContext:e,children:a}=o,{productItemClass:r,gpProductClass:i}=n(o);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 ,"inventoryQuantity": {{ variant.inventory_quantity | default: 0 }},  "formId": "{{ product_form_id }}"}'
         class="${i}"
@@ -11,4 +11,4 @@ import{template as t}from"@gem-sdk/core";import{getClass as n}from"./common/clas
           ${a}
         {%- endform -%}
       </gp-product>
-  `};export{ProductListItem as default};
+  `};export{o as default};

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

@@ -1 +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};
+import{jsx as o}from"react/jsx-runtime";import{useEditorMode as r,ProductProvider as s,isEmptyChildren as t}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 n}from"./common/classes.js";let d=d=>{let{children:p,builderProps:u,productSortedById:f,advanced:j}=d,h=r(),{carouselConfigSetting:y,carouselConfigStyle:C}=l(d),{productListAttr:b,getAttrProductItemEditor:v}=a(d),{carouselItemStyle:g}=c(d),{carouselClass:D,productItemClass:I}=n(d);return o(e,{advanced:j,builderProps:{uid:u?.uid},rootAttrs:{...b},rootClass:D,setting:y,styles:C,isProductList:!0,children:f?.map(r=>o(m,{style:g,children:o(s,{product:r,readOnly:!0,children:o("div",{..."edit"===h?v(r?.baseID):{},className:I,children:t(p)?o(i,{}):p})})},r?.baseID))})};export{d as default};

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

@@ -1,13 +1,13 @@
-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:`
+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 n=n=>{let{builderProps:c,advanced:l,productSrc:a,productListId:p}=n,{carouselConfigSetting:m,carouselConfigStyle:f}=e(n),{carouselItemStyle:g}=s(n),{carouselClass:$}=i(n);return o`
+    ${r({advanced:l,builderProps:{...c},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${c?.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})}
+        {%- assign product_form_id = 'product-form-' | append: "${c?.uid}" | append: product.id -%}
+        ${t({builderProps:{...c},style:g,parentId:`product-list-carousel-${c?.uid} gp-child-item-${c?.uid}`,parentStyle:f,parentSettings:m,background:m?.background,children:`
+            ${u({...n})}
           `})}
         {%- endif -%}
         {% endfor %}
@@ -19,4 +19,4 @@ import{template as o}from"@gem-sdk/core";import t from"../../../carousel-v3/comp
           {%- endif -%}
         {%- endif -%}
       `})}
-  `};export{ProductListCarouselLayout as default};
+  `};export{n as default};

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

@@ -1,8 +1,4 @@
-import{template as t,RenderChildren as n}from"@gem-sdk/core";import{getClass as e}from"./common/classes.js";let ProductListItem=o=>{let{pageContext:a,rawChildren:r}=o,{productItemClass:i,gpProductClass:c}=e(o),d=()=>t`
-      ${r?.map((e,o)=>{if(e)return t`
-            ${n({...e,index:o})}
-          `}).join("")}
-    `;return t`
+import{template as t,RenderChildren as n}from"@gem-sdk/core";import{getClass as e}from"./common/classes.js";let o=o=>{let{pageContext:a,rawChildren:r}=o,{productItemClass:i,gpProductClass:c}=e(o);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 ,"inventoryQuantity": {{ variant.inventory_quantity | default: 0 }},  "formId": "{{ product_form_id }}"}'
         class="${c}"
@@ -12,7 +8,11 @@ import{template as t,RenderChildren as n}from"@gem-sdk/core";import{getClass as
         <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()}
+          ${t`
+      ${r?.map((e,o)=>{if(e)return t`
+            ${n({...e,index:o})}
+          `}).join("")}
+    `}
         {%- endform -%}
       </gp-product>
-  `};export{ProductListItem as default};
+  `};export{o as default};

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

@@ -1 +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};
+import{jsx as r}from"react/jsx-runtime";import{Children as o,isValidElement as e,createElement as m}from"react";import{useEditorMode as t,ProductProvider as s,isEmptyChildren as i}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 p=p=>{let{children:n,productSortedById:f,generateGridRowArray:h,setting:u}=p,y=t(),{gridLayoutStyle:g}=a(p),{gridLayoutClass:j,productItemClass:b}=d(p),{productListAttr:k,getAttrProductItemEditor:v}=c(p);return r("div",{...k,style:g,className:j,children:f?.length?f?.map((t,a)=>r(s,{product:t,readOnly:!0,children:r("div",{..."edit"===y?v(t?.baseID):{},className:b,style:{"--grchild":u?.sameHeight?h?.[a]?.gridRow:void 0,"--mbchild":h?.[a]?.marginBottom},children:i(n)?r(l,{}):o.map(n,r=>e(r)?m(r.type,{...r.props,key:r.key}):null)})},t?.baseID)):null})};export{p as default};

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

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

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

@@ -1 +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};
+import{createAttr as t}from"@gem-sdk/system";let e=e=>{let{builderProps:o}=e,d=t({"items-repeat":!0,"data-id":o?.uid??""});return{productListAttr:d,getAttrProductItemEditor: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/","")??""})}};export{e as getAttr};

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

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

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

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

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

@@ -1 +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};
+import{splitStyle as o,makeGlobalSize as e,makeStyleResponsive as t,getBgByDevice as r,getResponsiveValueByScreen as s,getGradientBgrStyleByDevice as d,getStyleBackgroundByDevice as m,getStyleShadow as i,getRadiusStyleActiveState as a,makeStyle as l,getSingleColorVariable 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 g=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,...l({bs:w?.borderContent?.border,bw:w?.borderContent?.width,bc:n(w?.borderContent?.color)}),...a({...w?.roundedContent,active:{...w?.roundedContent||{},radiusType:"custom"}}),...i({value:w?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:w?.hasActiveShadow}),...m(S),...d(S,{desktop:!0,tablet:!0,mobile:!0})},z=b({...$});return{gridLayoutStyle:y,carouselItemStyle:j,productListWrapStyle:C,productListContentStyle:x,productListWrapAlignStyle:v,productItemStyle:z}};export{g as getStyle};

package/dist/esm/product/components/product-list-v3/hooks/useCollectionQuery.js

@@ -1 +1 @@
-import{useFetchHandle as r,usePageStore as t,hasPublicStoreFrontData as e,createStoreFrontFetcher as a,useIsSampleProduct as o,useIsStorefrontProduct as i,generateCollectionQueryKey as l,getCollection as n}from"@gem-sdk/core";import{useMemo as d,useEffect as m}from"react";import s from"swr";let useCollectionQuery=({variables:u})=>{let c=r(),g=t(r=>r.publicStoreFrontData),p=d(()=>e(g)?a(g):c,[g]),f=o(),v=i(),y=s(l({...u,isSample:f,isStorefront:v}),([,r])=>n(p,r),{revalidateOnMount:!1,revalidateIfStale:!0});return m(()=>{let r=!!y.error,t=y.isLoading||y.isValidating,e=!y.data&&!t,a=!r&&e&&u;a&&y.mutate()},[u,y.data,y.error,y.isLoading,y.isValidating]),y};export{useCollectionQuery};
+import{useFetchHandle as r,usePageStore as t,hasPublicStoreFrontData as e,createStoreFrontFetcher as a,useIsSampleProduct as i,useIsStorefrontProduct as o,generateCollectionQueryKey as l,getCollection as d}from"@gem-sdk/core";import{useMemo as n,useEffect as m}from"react";import s from"swr";let u=({variables:u})=>{let g=r(),p=t(r=>r.publicStoreFrontData),c=n(()=>e(p)?a(p):g,[p]),f=i(),v=o(),L=s(l({...u,isSample:f,isStorefront:v}),([,r])=>d(c,r),{revalidateOnMount:!1,revalidateIfStale:!0});return m(()=>{let r=!!L.error,t=L.isLoading||L.isValidating,e=!L.data&&!t,a=!r&&e&&u;a&&L.mutate()},[u,L.data,L.error,L.isLoading,L.isValidating]),L};export{u as useCollectionQuery};

package/dist/esm/product/components/product-list-v3/hooks/useMainRelatedProductQuery.js

@@ -1 +1 @@
-import{useMemo as t}from"react";import{useFetchHandle as r,usePageStore as e,hasPublicStoreFrontData as d,createStoreFrontFetcher as o,useProductQuery as a}from"@gem-sdk/core";let useMainRelatedProductQuery=({isRelatedProduct:u,relatedProductId:c,isEditMode:i,isPreviewSharePageMode:l})=>{let n=r(),p=e(t=>t.dynamicProduct),m=e(t=>t.publicStoreFrontData),s=p?.productId&&p?.productId!==c?p?.productId:c,f=t(()=>d(m)?o(m):n,[m]),{data:y}=a(u&&s?s:void 0,{revalidateOnMount:i||l},f);return{relatedProductIdAssigned:s,mainRelatedProduct:y}};export{useMainRelatedProductQuery as default};
+import{useMemo as t}from"react";import{useFetchHandle as r,usePageStore as d,hasPublicStoreFrontData as e,createStoreFrontFetcher as o,useProductQuery as a}from"@gem-sdk/core";let u=({isRelatedProduct:u,relatedProductId:c,isEditMode:i,isPreviewSharePageMode:p})=>{let l=r(),m=d(t=>t.dynamicProduct),n=d(t=>t.publicStoreFrontData),f=m?.productId&&m?.productId!==c?m?.productId:c,s=t(()=>e(n)?o(n):l,[n]),{data:I}=a(u&&f?f:void 0,{revalidateOnMount:i||p},s);return{relatedProductIdAssigned:f,mainRelatedProduct:I}};export{u as default};

package/dist/esm/product/components/product-list-v3/hooks/useProductRelatedQuery.js

@@ -1 +1 @@
-import{useState as e,useMemo as t,useEffect as r}from"react";import{useFetchHandle as a,usePageStore as d,hasPublicStoreFrontData as l,createStoreFrontFetcher as s,useProductsQueryAll as i}from"@gem-sdk/core";let useProductRelatedQuery=({setting:o,isEditMode:n,isPreviewSharePageMode:c,isRelatedProduct:u,mainRelatedProduct:h,productSetting:g})=>{let[m,f]=e(!1),[P,b]=e(),p=a(),T=d(e=>e.publicStoreFrontData),E=t(()=>l(T)?s(T):p,[T]),W=i(P,{revalidateOnMount:n||c,keepPreviousData:!0,refreshInterval:0},E);return r(()=>{if(u&&h&&g.relatedTag&&"recommended-product"!==g.relatedType){let e;switch(f(!1),g.hasRelatedExclude&&(e=g?.relatedExclude&&g.relatedExclude.split(",").map(e=>e.trim())),g.relatedTag[0]){case"vendor":b({first:o?.numberOfProducts,where:{vendor:g.relatedTag&&"vendor"===g.relatedTag[0]?h?.vendor:"",idNEQ:h.id}});break;case"collection":{let t;let r=h?.collections?.edges.map(e=>e.node?.id);if(!r||r?.length===0){f(!0);break}b(t=e&&e.length>0?{first:o?.numberOfProducts,where:{idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:r},{titleNotIn:e}]}]}}:{first:o?.numberOfProducts,where:{idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:r}]}]}});break}case"tags":{let t;if(!h.tags||0===h.tags.length){f(!0);break}b(t=e&&e.length>0?{first:o?.numberOfProducts,where:{idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags},{nameNotIn:e}]}]}}:{first:o?.numberOfProducts,where:{idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags}]}]}})}}}},[h,g.relatedType,g.relatedTag,o?.numberOfProducts,g.relatedExclude,g.hasRelatedExclude,u]),{isNotFoundRelatedProduct:m,relatedProducts:W}};export{useProductRelatedQuery as default};
+import{useState as e,useMemo as t,useEffect as r}from"react";import{useFetchHandle as a,usePageStore as d,hasPublicStoreFrontData as i,createStoreFrontFetcher as l,useProductsQueryAll as s}from"@gem-sdk/core";let o=({setting:o,isEditMode:n,isPreviewSharePageMode:c,isRelatedProduct:u,mainRelatedProduct:h,productSetting:g})=>{let[m,f]=e(!1),[P,b]=e(),p=a(),T=d(e=>e.publicStoreFrontData),E=t(()=>i(T)?l(T):p,[T]),W=s(P,{revalidateOnMount:n||c,keepPreviousData:!0,refreshInterval:0},E);return r(()=>{if(u&&h&&g.relatedTag&&"recommended-product"!==g.relatedType){let e;switch(f(!1),g.hasRelatedExclude&&(e=g?.relatedExclude&&g.relatedExclude.split(",").map(e=>e.trim())),g.relatedTag[0]){case"vendor":b({first:o?.numberOfProducts,where:{vendor:g.relatedTag&&"vendor"===g.relatedTag[0]?h?.vendor:"",idNEQ:h.id}});break;case"collection":{let t=h?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){f(!0);break}b(e&&e.length>0?{first:o?.numberOfProducts,where:{idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:o?.numberOfProducts,where:{idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!h.tags||0===h.tags.length){f(!0);break}b(e&&e.length>0?{first:o?.numberOfProducts,where:{idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags},{nameNotIn:e}]}]}}:{first:o?.numberOfProducts,where:{idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags}]}]}})}}},[h,g.relatedType,g.relatedTag,o?.numberOfProducts,g.relatedExclude,g.hasRelatedExclude,u]),{isNotFoundRelatedProduct:m,relatedProducts:W}};export{o as default};

package/dist/esm/product/components/product-list-v3/hooks/useProductsQuery.js

@@ -1 +1 @@
-import{useFetchHandle as r,usePageStore as t,hasPublicStoreFrontData as e,createStoreFrontFetcher as a,useIsSampleProduct as o,useIsStorefrontProduct as i,generateProductsQueryKey as s,getProducts as d}from"@gem-sdk/core";import{useMemo as n,useEffect as u}from"react";import l from"swr";let useProductsQuery=({defaultSelectedProductCount:m,productIds:g})=>{let c=r(),p=t(r=>r.publicStoreFrontData),f=n(()=>e(p)?a(p):c,[p]),y=o(),h=i(),L=s({ids:g??[],isSample:y,isStorefront:h,defaultSelectedProductCount:m}),P=l(L,async([,r])=>d(f,r),{revalidateOnMount:!1});return u(()=>{let r=!!P.error,t=P.isLoading||P.isValidating,e=!P.data&&!t,a=!r&&e&&g?.length;a&&P.mutate()},[g?.length,P.data,P.error,P.isLoading,P.isValidating]),{...P}};export{useProductsQuery};
+import{useFetchHandle as r,usePageStore as t,hasPublicStoreFrontData as e,createStoreFrontFetcher as a,useIsSampleProduct as i,useIsStorefrontProduct as o,generateProductsQueryKey as n,getProducts as d}from"@gem-sdk/core";import{useMemo as s,useEffect as l}from"react";import m from"swr";let g=({defaultSelectedProductCount:g,productIds:u})=>{let c=r(),p=t(r=>r.publicStoreFrontData),f=s(()=>e(p)?a(p):c,[p]),h=i(),y=o(),L=n({ids:u??[],isSample:h,isStorefront:y,defaultSelectedProductCount:g}),V=m(L,async([,r])=>d(f,r),{revalidateOnMount:!1});return l(()=>{let r=!!V.error,t=V.isLoading||V.isValidating,e=!V.data&&!t,a=!r&&e&&u?.length;a&&V.mutate()},[u?.length,V.data,V.error,V.isLoading,V.isValidating]),{...V}};export{g as useProductsQuery};

package/dist/esm/product/components/product-price/ProductPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import t from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as c}from"./common/attrs.js";import{getTextProps as p}from"./common/helpers.js";import{useGpPrice as d}from"./hooks/useGpPrice.js";import{useEditorMode as l,useI18nStore as a,filterToolbarPreview as n}from"@gem-sdk/core";let ProductPrice=f=>{let{style:h,children:g}=f,x=l(),{t:u}=a(),j="edit"===x,{elementRef:P,moneyFormatted:y,currentProductId:k,isNoComparePrice:N,isNoComparePriceILP:v,shouldHiddenComparePrice:b,emitNoDataSignal:C}=d(f),H=i(s(f)),I=m(c(f,{isILP:!j,productId:k,shouldHiddenComparePrice:b})),w=p(f,y),G={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},L=v?G:h;return e("div",{ref:P,...I,className:H,style:L,"aria-hidden":"true",onClick:C,children:[N&&j?r(o,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:u("No compare price")})})}):e(o,{children:[r(t,{...w}),g]}),n(g,!0)]})};export{ProductPrice as default};
+import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import t from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as p}from"./common/attrs.js";import{getTextProps as c}from"./common/helpers.js";import{useGpPrice as d}from"./hooks/useGpPrice.js";import{useEditorMode as l,useI18nStore as a,filterToolbarPreview as n}from"@gem-sdk/core";let f=f=>{let{style:h,children:g}=f,x=l(),{t:u}=a(),j="edit"===x,{elementRef:y,moneyFormatted:P,currentProductId:k,isNoComparePrice:N,isNoComparePriceILP:v,shouldHiddenComparePrice:b,emitNoDataSignal:C}=d(f),H=i(s(f)),I=m(p(f,{isILP:!j,productId:k,shouldHiddenComparePrice:b})),w=c(f,P);return e("div",{ref:y,...I,className:H,style:v?{visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0}:h,"aria-hidden":"true",onClick:C,children:[N&&j?r(o,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:u("No compare price")})})}):e(o,{children:[r(t,{...w}),g]}),n(g,!0)]})};export{f as default};

package/dist/esm/product/components/product-price/ProductPrice.liquid.js

@@ -1,11 +1,11 @@
-import{template as r,dataStringify as e,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createClass as t,createAttr as i,createStateOrContext as m,Liquid as a}from"@gem-sdk/system";import{getWrapperClasses as l}from"./common/classes.js";import{getAttrs as u}from"./common/attrs.js";import{getTextProps as d}from"./common/helpers.js";let ProductPrice=n=>{let{style:f,setting:y,builderProps:$,pageContext:h}=n,g=t(l(n)),j=i(u(n)),P=d(n),_=m({priceType:y?.priceType,uid:$?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${h?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`}),S=()=>{let r=o?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${c('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`};return a(r`
+import{dataStringify as r,template as e,baseAssetURL as o,isLocalEnv as s}from"@gem-sdk/core";import{getSettingPreloadData as p}from"../../../helpers.js";import t from"../../../text/components/Text.liquid.js";import{createClass as c,createAttr as m,createStateOrContext as i,Liquid as a}from"@gem-sdk/system";import{getWrapperClasses as l}from"./common/classes.js";import{getAttrs as d}from"./common/attrs.js";import{getTextProps as n}from"./common/helpers.js";let u=u=>{let{style:f,setting:y,builderProps:$,pageContext:h}=u,g=c(l(u)),j=m(d(u)),P=n(u),_=i({priceType:y?.priceType,uid:$?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${h?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`});return a(e`
       <gp-product-price
         ${j}
         class="${g}"
         style="${f}"
       >
-        <script gp-data type="application/json">${e(_)}</script>
-        ${p({...P,isForceValue:!0})}
+        <script gp-data type="application/json">${r(_)}</script>
+        ${t({...P})}
       </gp-product-price>
-      ${S()}
-  `)};export{ProductPrice,ProductPrice as default};
+      ${(()=>{let r=s?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${p('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`})()}
+  `)};export{u as ProductPrice,u as default};

package/dist/esm/product/components/product-price/common/attrs.js

@@ -1 +1 @@
-import{filterTruthyObject as e}from"../../../../helpers.js";let getAttrs=(t,{isILP:r,productId:a,shouldHiddenComparePrice:i}={})=>{let{builderAttrs:d,setting:p,builderProps:n}=t,c=p?.priceType==="compare",o=()=>!!c&&(r?String(i):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}");return e({...d,id:`shopify-text-element-${n?.uid}`,"data-id":n?.uid,"data-product-id":a,"data-hidden":o()})};export{getAttrs};
+import{filterTruthyObject as e}from"../../../../helpers.js";let t=(t,{isILP:r,productId:a,shouldHiddenComparePrice:i}={})=>{let{builderAttrs:d,setting:p,builderProps:n}=t,c=p?.priceType==="compare";return e({...d,id:`shopify-text-element-${n?.uid}`,"data-id":n?.uid,"data-product-id":a,"data-hidden":!!c&&(r?String(i):"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}")})};export{t as getAttrs};

package/dist/esm/product/components/product-price/common/classes.js

@@ -1 +1 @@
-let getWrapperClasses=e=>{let{builderProps:s,classNames:a,advanced:t}=e;return{"gp-product-price group-data-[state=loading]:gp-invisible data-[hidden=true]:!gp-hidden":!0,...s?.uid&&{[s.uid]:!0},...t?.cssClass&&{[t.cssClass]:!0},...a&&{[a]:!0}}};export{getWrapperClasses};
+let e=e=>{let{builderProps:s,classNames:t,advanced:a}=e;return{"gp-product-price group-data-[state=loading]:gp-invisible data-[hidden=true]:!gp-hidden":!0,...s?.uid&&{[s.uid]:!0},...a?.cssClass&&{[a.cssClass]:!0},...t&&{[t]:!0}}};export{e as getWrapperClasses};

package/dist/esm/product/components/product-price/common/helpers.js

@@ -1,11 +1,11 @@
-import{getGlobalColorClass as e,cls as r}from"@gem-sdk/core";let getTextProps=(i,o)=>{let{setting:c,styles:t,builderProps:n,classNames:p,pageContext:a}=i,l=c?.priceType==="compare",m=e("decoration",t?.lineColor),y=()=>`
+import{getGlobalColorClass as e,cls as r}from"@gem-sdk/core";let i=(i,o)=>{let{setting:c,styles:n,builderProps:t,classNames:p,pageContext:a}=i,l=c?.priceType==="compare",m=e("decoration",n?.lineColor);return{id:`p-price-${t?.uid}`,styles:{...n,lineThrough:l&&n?.lineThrough,lineColor:{normal:n?.lineColor},opacity:c?.opacityPrice},setting:{text:o??`${l?`
       {% if variant.compare_at_price  %}
         {{ variant.compare_at_price | ${a?.showPriceCurrency?"money_with_currency":"money"}}}
       {% else %}
 
       {% endif %}
-    `,s=()=>`
+    `:`
      {% if variant.price %}
        {{ variant.price | ${a?.showPriceCurrency?"money_with_currency":"money"}}}
      {% endif %}
-   `;return{id:`p-price-${n?.uid}`,styles:{...t,lineThrough:l&&t?.lineThrough,lineColor:{normal:t?.lineColor},opacity:c?.opacityPrice},setting:{text:o??`${l?y():s()}`,excludeFlex:!0},className:r("gp-price",{"gp-money":!l,"gp-product-compare-price":l},m,p)}};export{getTextProps};
+   `}`,excludeFlex:!0},className:r("gp-price",{"gp-money":!l,"gp-product-compare-price":l},m,p)}};export{i as getTextProps};

package/dist/esm/product/components/product-price/hooks/useGpPrice.js

@@ -1 +1 @@
-import{useRef as e,useMemo as r}from"react";import{useTransition as t}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as n,convertDecimalToNumber as o,useInteraction as u,useProduct as p,useShopStore as d,useFormatMoney as l}from"@gem-sdk/core";let useGpPrice=m=>{let{setting:s,builderProps:g}=m,b=e(null),h=c(),{quantity:y,hasUpdatePrice:P}=i(),v=a(),{useProductCompareAtPrice:f}=n(),w=m["bundle-item"],V=o(v?.price)??0,k=o(v?.salePrice)??0,q=s?.priceType==="compare",{trigger:T}=u(),x=p(),C=x?.baseID?.replace("gid://shopify/Product/",""),E=d(e=>e.showPriceCurrency),G=r(()=>w?.quantity?w.quantity:P&&y||1,[y,P,w?.quantity]),$=r(()=>{let e=Number(w?.discountValue);return w?.discountType==="percentage"?V*G*e/100:e},[w?.discountType,w?.discountValue,V,G]),j=r(()=>w?.discountValue?f?(k||V)*G:V*G:k*G,[w?.discountValue,V,G,k,f]),D=r(()=>{let e=V*G;return q?j:$?Math.max(0,e-$):e},[V,G,$,j,q]),I=r(()=>!!q&&(!(k>V)||!(k>=0)),[q,k,V]),M=(e,r)=>{T({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${g?.uid}"]`,element:b.current}),T({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${g?.uid}"]`,element:b.current})};t(e=>{e!==V&&M(V,"price")},[V]),t(e=>{e!==k&&M(k,"compare")},[k]);let N=()=>{if("edit"!==h)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:g?.uid,value:!D&&q,tag:"ProductPrice"}});window.dispatchEvent(e)},z=l(D??0,E||!1),A=q&&!D,B="edit"!==h&&A;return{elementRef:b,moneyFormatted:z,currentProductId:C,isNoComparePrice:A,isNoComparePriceILP:B,emitNoDataSignal:N,shouldHiddenComparePrice:I}};export{useGpPrice};
+import{useRef as e,useMemo as t}from"react";import{useTransition as r}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as o,convertDecimalToNumber as n,useInteraction as u,useProduct as p,useShopStore as d,useFormatMoney as l}from"@gem-sdk/core";let m=m=>{let{setting:s,builderProps:g}=m,b=e(null),h=c(),{quantity:y,hasUpdatePrice:P}=i(),v=a(),{useProductCompareAtPrice:f}=o(),w=m["bundle-item"],V=n(v?.price)??0,k=n(v?.salePrice)??0,q=s?.priceType==="compare",{trigger:C}=u(),N=p(),T=N?.baseID?.replace("gid://shopify/Product/",""),x=d(e=>e.showPriceCurrency),D=t(()=>w?.quantity?w.quantity:P&&y||1,[y,P,w?.quantity]),E=t(()=>{let e=Number(w?.discountValue);return w?.discountType==="percentage"?V*D*e/100:e},[w?.discountType,w?.discountValue,V,D]),I=t(()=>w?.discountValue?f?(k||V)*D:V*D:k*D,[w?.discountValue,V,D,k,f]),$=t(()=>{let e=V*D;return q?I:E?Math.max(0,e-E):e},[V,D,E,I,q]),j=t(()=>!!q&&(!(k>V)||!(k>=0)),[q,k,V]),G=(e,t)=>{C({event:"price"===t?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${g?.uid}"]`,element:b.current}),C({event:"price"===t?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${g?.uid}"]`,element:b.current})};r(e=>{e!==V&&G(V,"price")},[V]),r(e=>{e!==k&&G(k,"compare")},[k]);let L=l($??0,x||!1),M=q&&!$;return{elementRef:b,moneyFormatted:L,currentProductId:T,isNoComparePrice:M,isNoComparePriceILP:"edit"!==h&&M,emitNoDataSignal:()=>{if("edit"!==h)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:g?.uid,value:!$&&q,tag:"ProductPrice"}});window.dispatchEvent(e)},shouldHiddenComparePrice:j}};export{m as useGpPrice};

package/dist/esm/product/components/product-properties/ProductProperties.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useUniqProductID as r,useProductStore as o,usePrevious as l,useProduct as a,useInteraction as i,validateEmail as s}from"@gem-sdk/core";import{useState as d,useRef as n,useCallback as c,useEffect as m,useMemo as u}from"react";import p from"./property-choice/ProductPropertyChoice.js";import g from"./property-input/ProductPropertyInput.js";import f from"./property-select/ProductPropertySelect.js";import{createAttr as h,createStyle as v,createClass as y}from"@gem-sdk/system";import{getLabelContent as w}from"./common/helpers.js";import{getWrapperStyles as C,getLabelStyles as P,getLabelContentStyles as b,getWrapperErrorMessageStyles as x}from"./common/styles.js";import{getWrapperTSXAttrs as j}from"./common/attrs.js";import{getLabelClasses as k,getWrapperErrorMessageClasses as N}from"./common/classes.js";let ProductProperties=({setting:$,styles:I,builderProps:M})=>{let{name:S,label:V,type:Z,required:L,minChar:R,maxChar:q,numberOnly:B,minNumber:D,maxNumber:E,childItem:F,requiredMessage:z,invalidEmailMessage:A,invalidLengthMessage:G,invalidNumberMessage:H}=$??{},{isDisplayLabel:J=!0}=I??{},K=r(),O=o(e=>e.updateProperty),Q=o(e=>e.addProperty),T=o(e=>e.isSubmit),[U,W]=d(""),[X,Y]=d(!1),[_,ee]=d([]),et=l(S),er=a(),eo=n(null),{trigger:el}=i(),ea=c((e,t)=>{el({event:"gp:rollback:option-selected",selector:`[data-id="${M?.uid}"`,element:t}),el({event:"gp:option-selected",data:e,selector:`[data-id="${M?.uid}"`,element:t})},[M?.uid,el]),ei=c(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);m(()=>{if("dropdown"===Z){let e=eo.current?.querySelector("select")?.value;ei(()=>{ea(e,eo.current)})}},[ea,ei,Z]),m(()=>{S&&(et?O(et,{key:S,value:U,required:L}):Q({key:S,value:"",required:L}))},[Q,et,O,S,L,U]);let es=c(e=>{let t=e?.length??0;return!L&&0===t||(B?(Number(D)||0)<=Number(e)&&Number(t)<=(Number(E)||0):(R??0)<=t&&t<=(q??0))},[q,E,R,D,B,L]),ed=c(e=>L&&!e?{message:z}:B&&e&&!/^\d+$/.test(e)?{message:H}:es(e)?void 0:{message:G},[es,B,L,z,G,H]),en=c(e=>{if(!e?.trim()||!s(e))return{message:A}},[A]),ec=c(e=>{if(!e?.trim()&&L)return{message:z}},[L,z]),em=c(e=>{if(L&&(!e||e.length<=0))return{message:z}},[L,z]),eu=e=>{if(Y(!0),"checkbox"===Z){let t=[];ee(t=e.target.checked?[..._,e.target.value]:_.filter(t=>t!==e.target.value)),ea(t,eo.current),O(e.target.name,{value:t.join(", ")})}else W(e.target.value),ea(e.target.value,eo.current),O(e.target.name,{value:e.target.value})},ep=e=>{Y(!0),W(e.target.value),ea(e.target.value,eo.current),O(e.target.name,{value:e.target.value})},eg=u(()=>{let e=()=>{switch(Z){case"email":return en(U);case"checkbox":return em(_);case"radio":case"dropdown":return ec(U);default:return ed(U)}},t=e()?.message,r=void 0!==U&&""!==U,o=!T&&!X||!t;return{isValid:o,isRequired:r,message:t}},[U,T,X,Z,en,em,_,ec,ed]),ef=er?.baseID?.replace("gid://shopify/Product/",""),eh=h({...j(M?.uid,ef)}),ev=v({...C(I)}),ey=v({...P(I)}),ew=y({...k(I)}),eC=v({...b()}),eP=w($),eb=y({...N(),"gp-hidden":eg.isValid}),ex=v({...x(I)});return e("div",{...eh,style:ev,id:`shopify-text-element-${M?.uid}`,ref:eo,children:[J&&t("div",{children:e("label",{htmlFor:`${K}-${S}`,className:ew,style:ey,children:[V,t("span",{style:eC,children:eP})]})}),e("div",{children:["dropdown"===Z&&t(f,{setting:{...$,handleChangeOption:ep},styles:I}),("checkbox"===Z||"radio"===Z)&&t(p,{setting:{...$,childItem:F,name:S,handleChange:eu},currentProductId:ef,styles:I,defaultName:M?.uid}),("text"===Z||"textarea"===Z||"email"===Z||"hidden"===Z)&&t(g,{setting:{...$,handleChange:eu,validationData:eg},styles:I}),e("div",{className:eb,style:ex,children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"currentColor"})}),t("span",{className:"gp-pl-1",children:eg.message})]})]})]})};export{ProductProperties as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useUniqProductID as r,useProductStore as o,usePrevious as a,useProduct as l,useInteraction as i,validateEmail as s}from"@gem-sdk/core";import{useState as d,useRef as n,useCallback as c,useEffect as m,useMemo as u}from"react";import p from"./property-choice/ProductPropertyChoice.js";import g from"./property-input/ProductPropertyInput.js";import h from"./property-select/ProductPropertySelect.js";import{createAttr as f,createStyle as v,createClass as y}from"@gem-sdk/system";import{getLabelContent as C}from"./common/helpers.js";import{getWrapperStyles as w,getLabelStyles as P,getLabelContentStyles as b,getWrapperErrorMessageStyles as x}from"./common/styles.js";import{getWrapperTSXAttrs as j}from"./common/attrs.js";import{getLabelClasses as k,getWrapperErrorMessageClasses as N}from"./common/classes.js";let $=({setting:$,styles:I,builderProps:M})=>{let{name:S,label:V,type:Z,required:L,minChar:R,maxChar:q,numberOnly:B,minNumber:D,maxNumber:E,childItem:F,requiredMessage:O,invalidEmailMessage:z,invalidLengthMessage:A,invalidNumberMessage:G}=$??{},{isDisplayLabel:H=!0}=I??{},J=r(),K=o(e=>e.updateProperty),Q=o(e=>e.addProperty),T=o(e=>e.isSubmit),[U,W]=d(""),[X,Y]=d(!1),[_,ee]=d([]),et=a(S),er=l(),eo=n(null),{trigger:ea}=i(),el=c((e,t)=>{ea({event:"gp:rollback:option-selected",selector:`[data-id="${M?.uid}"`,element:t}),ea({event:"gp:option-selected",data:e,selector:`[data-id="${M?.uid}"`,element:t})},[M?.uid,ea]),ei=c(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);m(()=>{if("dropdown"===Z){let e=eo.current?.querySelector("select")?.value;ei(()=>{el(e,eo.current)})}},[el,ei,Z]),m(()=>{S&&(et?K(et,{key:S,value:U,required:L}):Q({key:S,value:"",required:L}))},[Q,et,K,S,L,U]);let es=c(e=>{let t=e?.length??0;return!L&&0===t||(B?(Number(D)||0)<=Number(e)&&Number(t)<=(Number(E)||0):(R??0)<=t&&t<=(q??0))},[q,E,R,D,B,L]),ed=c(e=>L&&!e?{message:O}:B&&e&&!/^\d+$/.test(e)?{message:G}:es(e)?void 0:{message:A},[es,B,L,O,A,G]),en=c(e=>{if(!e?.trim()||!s(e))return{message:z}},[z]),ec=c(e=>{if(!e?.trim()&&L)return{message:O}},[L,O]),em=c(e=>{if(L&&(!e||e.length<=0))return{message:O}},[L,O]),eu=e=>{if(Y(!0),"checkbox"===Z){let t=[];ee(t=e.target.checked?[..._,e.target.value]:_.filter(t=>t!==e.target.value)),el(t,eo.current),K(e.target.name,{value:t.join(", ")})}else W(e.target.value),el(e.target.value,eo.current),K(e.target.name,{value:e.target.value})},ep=u(()=>{let e=(()=>{switch(Z){case"email":return en(U);case"checkbox":return em(_);case"radio":case"dropdown":return ec(U);default:return ed(U)}})()?.message,t=void 0!==U&&""!==U,r=!T&&!X||!e;return{isValid:r,isRequired:t,message:e}},[U,T,X,Z,en,em,_,ec,ed]),eg=er?.baseID?.replace("gid://shopify/Product/",""),eh=f({...j(M?.uid,eg)}),ef=v({...w(I)}),ev=v({...P(I)}),ey=y({...k(I)}),eC=v({...b()}),ew=C($),eP=y({...N(),"gp-hidden":ep.isValid}),eb=v({...x(I)});return e("div",{...eh,style:ef,id:`shopify-text-element-${M?.uid}`,ref:eo,children:[H&&t("div",{children:e("label",{htmlFor:`${J}-${S}`,className:ey,style:ev,children:[V,t("span",{style:eC,children:ew})]})}),e("div",{children:["dropdown"===Z&&t(h,{setting:{...$,handleChangeOption:e=>{Y(!0),W(e.target.value),el(e.target.value,eo.current),K(e.target.name,{value:e.target.value})}},styles:I}),("checkbox"===Z||"radio"===Z)&&t(p,{setting:{...$,childItem:F,name:S,handleChange:eu},currentProductId:eg,styles:I,defaultName:M?.uid}),("text"===Z||"textarea"===Z||"email"===Z||"hidden"===Z)&&t(g,{setting:{...$,handleChange:eu,validationData:ep},styles:I}),e("div",{className:eP,style:eb,children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"currentColor"})}),t("span",{className:"gp-pl-1",children:ep.message})]})]})]})};export{$ as default};

package/dist/esm/product/components/product-properties/ProductProperties.liquid.js

@@ -1,8 +1,8 @@
-import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as o}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as h,getWrapperErrorMessageStyles as v}from"./common/styles.js";import{getLabelClasses as C,getLiquidTagClasses as P,getLabelWrapperClasses as j,getWrapperErrorMessageClasses as w}from"./common/classes.js";let ProductProperties=({setting:x,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V}=x??{},{isDisplayLabel:Z=!0}=S??{};x&&!b&&(x.name="Property");let A=k?.uid,{displayLabel:G}=n(A,M,x),I=c({...$(A,M,x)}),_=m({...f(S)}),B=m({...g(S)}),F=a({...C(S)}),N=a({...P(x)}),O=a({...j(E)}),R=m({...h()}),T=u(x),z=a({...w(),...r("data-[hidden=true]:gp-hidden")}),D=m({...v(S)}),H=c({...y()});return e`
+import{composeClasses as r,RenderIf as e,template as t,isLocalEnv as s,baseAssetURL as o}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as h,getWrapperErrorMessageStyles as v}from"./common/styles.js";import{getLabelClasses as C,getLiquidTagClasses as j,getLabelWrapperClasses as P,getWrapperErrorMessageClasses as w}from"./common/classes.js";let x=({setting:x,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V}=x??{},{isDisplayLabel:Z=!0}=S??{};x&&!b&&(x.name="Property");let A=k?.uid,{displayLabel:G}=n(A,M,x),I=c({...$(A,M,x)}),_=m({...f(S)}),B=m({...g(S)}),F=a({...C(S)}),N=a({...j(x)}),O=a({...P(E)}),R=m({...h()}),T=u(x),z=a({...w(),...r("data-[hidden=true]:gp-hidden")}),D=m({...v(S)}),H=c({...y()});return t`
     <gp-product-property ${{...I}} class="${N}"
       style="${_}"
     >
-      ${t(Z,e`<div class="${O}">
+      ${e(Z,t`<div class="${O}">
         <label htmlFor="${A}-${b}" class="${F}" style="${B}">
           ${G}
           <span style="${R}">${T}</span>
@@ -10,9 +10,9 @@ import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAsset
       </div>`)}
 
       <div>
-        ${t("dropdown"===q,i({setting:x,styles:S,builderProps:k,pageContext:M}))}
-        ${t("checkbox"===q||"radio"===q,p({setting:{...x,childItem:V,name:b},styles:S,builderProps:k,pageContext:M}))}
-        ${t("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:x,styles:S,builderProps:k,pageContext:M}))}
+        ${e("dropdown"===q,i({setting:x,styles:S,builderProps:k,pageContext:M}))}
+        ${e("checkbox"===q||"radio"===q,p({setting:{...x,childItem:V,name:b},styles:S,builderProps:k,pageContext:M}))}
+        ${e("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:x,styles:S,builderProps:k,pageContext:M}))}
         <div
           ${{...H}}
           class="${z}"
@@ -36,4 +36,4 @@ import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAsset
         </div>
       </div>
     </gp-product-property>
-    ${t(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductProperties as default};
+    ${e(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{x as default};

package/dist/esm/product/components/product-properties/common/attrs.js

@@ -1 +1 @@
-import{getContents as e}from"./helpers.js";let getWrapperLiquidAttrs=(t,r,a)=>{let{invalidNumberMessageDisplay:s,invalidEmailMessageDisplay:i,requiredMessageDisplay:d,invalidLengthMessageDisplay:p}=e(t,r,a);return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(a).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:i,invalidLengthMessage:p,invalidNumberMessage:s}).replaceAll('"',""")}},getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""}),getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"});export{getWrapperErrorMessageAttrs,getWrapperLiquidAttrs,getWrapperTSXAttrs};
+import{getContents as e}from"./helpers.js";let t=(t,a,r)=>{let{invalidNumberMessageDisplay:i,invalidEmailMessageDisplay:s,requiredMessageDisplay:d,invalidLengthMessageDisplay:l}=e(t,a,r);return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(r).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:s,invalidLengthMessage:l,invalidNumberMessage:i}).replaceAll('"',""")}},a=(e,t)=>({"data-product-id":t??"","data-id":e??""}),r=()=>({"data-slot-type":"message","data-hidden":"true"});export{r as getWrapperErrorMessageAttrs,t as getWrapperLiquidAttrs,a as getWrapperTSXAttrs};

package/dist/esm/product/components/product-properties/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as s,getGlobalColorClass as r}from"@gem-sdk/core";let getLiquidTagClasses=s=>{let{type:r}=s??{};return{...e(`gp-block gp-group gp-property_${r}`)}},getLabelClasses=g=>{let{labelBgColor:t,labelTextColor:p,labelTypography:a,labelTypo:l}=g??{},o=s(l,a),C=r("bg",t),b=r("text",p);return{...e(o),...e(C),...e(b)}},getLabelWrapperClasses=s=>({...e(s?.cssClass)}),getWrapperErrorMessageClasses=()=>({...e("gp-flex gp-flex-row gp-items-center gp-pt-1 gp-text-sm gp-text-g-error")});export{getLabelClasses,getLabelWrapperClasses,getLiquidTagClasses,getWrapperErrorMessageClasses};
+import{composeTypographyClassName as e,getGlobalColorClass as r,composeClasses as s}from"@gem-sdk/core";let t=e=>{let{type:r}=e??{};return{...s(`gp-block gp-group gp-property_${r}`)}},g=t=>{let{labelBgColor:g,labelTextColor:p,labelTypography:l,labelTypo:a}=t??{},o=e(a,l),x=r("bg",g),m=r("text",p);return{...s(o),...s(x),...s(m)}},p=e=>({...s(e?.cssClass)}),l=()=>({...s("gp-flex gp-flex-row gp-items-center gp-pt-1 gp-text-sm gp-text-g-error")});export{g as getLabelClasses,p as getLabelWrapperClasses,t as getLiquidTagClasses,l as getWrapperErrorMessageClasses};

package/dist/esm/product/components/product-properties/common/helpers.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductProperties as i}from"../../../settings/product-properties/configs/translate.js";let getContents=(d,s,n)=>{let{label:a,invalidNumberMessage:l,invalidEmailMessage:r,requiredMessage:g,invalidLengthMessage:o}=n??{},u=e({val:a,uid:d,settingId:t({id:i?.label?.id}),pageContext:s}),v=e({val:l,uid:d,settingId:t({id:i?.invalidNumberMessage?.id}),pageContext:s}),p=e({val:r,uid:d,settingId:t({id:i?.invalidEmailMessage?.id}),pageContext:s}),m=e({val:g,uid:d,settingId:t({id:i?.requiredMessage?.id}),pageContext:s}),I=e({val:o,uid:d,settingId:t({id:i?.invalidLengthMessage?.id}),pageContext:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:p,requiredMessageDisplay:m,invalidLengthMessageDisplay:I}},getLabelContent=e=>{let{label:t,required:i}=e??{};return i&&t?" *":""};export{getContents,getLabelContent};
+import{getDynamicSourceLocales as e,createSettingId as i}from"../../../../helpers.js";import{ProductProperties as t}from"../../../settings/product-properties/configs/translate.js";let d=(d,s,n)=>{let{label:a,invalidNumberMessage:l,invalidEmailMessage:r,requiredMessage:g,invalidLengthMessage:o}=n??{},u=e({val:a,uid:d,settingId:i({id:t?.label?.id}),pageContext:s}),v=e({val:l,uid:d,settingId:i({id:t?.invalidNumberMessage?.id}),pageContext:s}),p=e({val:r,uid:d,settingId:i({id:t?.invalidEmailMessage?.id}),pageContext:s}),m=e({val:g,uid:d,settingId:i({id:t?.requiredMessage?.id}),pageContext:s}),I=e({val:o,uid:d,settingId:i({id:t?.invalidLengthMessage?.id}),pageContext:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:p,requiredMessageDisplay:m,invalidLengthMessageDisplay:I}},s=e=>{let{label:i,required:t}=e??{};return t&&i?" *":""};export{d as getContents,s as getLabelContent};

package/dist/esm/product/components/product-properties/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,composeTypographyStyle as t,getGlobalColorClass as r,makeStyle as l}from"@gem-sdk/core";let getWrapperStyles=t=>{let{textAlign:r}=t??{};return{...e("ta",r)}},getLabelStyles=e=>{let{labelBgColor:s,labelTextColor:a,labelTypography:g,labelTypo:o}=e??{},p=t(o,g),n=r("bg",s),y=r("text",a);return{...l({bg:""===n?s:void 0,c:""===y?a:void 0,tt:e?.labelTransform}),...p}},getLabelContentStyles=()=>({...l({c:"red"}),"":""}),getWrapperErrorMessageStyles=t=>{let{textAlign:r}=t??{};return{...e("jc",r)}};export{getLabelContentStyles,getLabelStyles,getWrapperErrorMessageStyles,getWrapperStyles};
+import{makeStyleResponsive as e,composeTypographyStyle as t,getGlobalColorClass as r,makeStyle as l}from"@gem-sdk/core";let o=t=>{let{textAlign:r}=t??{};return{...e("ta",r)}},a=e=>{let{labelBgColor:o,labelTextColor:a,labelTypography:g,labelTypo:s}=e??{},n=t(s,g),p=r("bg",o),b=r("text",a);return{...l({bg:""===p?o:void 0,c:""===b?a:void 0,tt:e?.labelTransform}),...n}},g=()=>({...l({c:"red"}),"":""}),s=t=>{let{textAlign:r}=t??{};return{...e("jc",r)}};export{g as getLabelContentStyles,a as getLabelStyles,s as getWrapperErrorMessageStyles,o as getWrapperStyles};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as c,getPPCLabelStyles as l,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as d}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";let ProductPropertyChoice=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let C=o(),{name:$,type:f,handleChange:g,childItem:j}=h??{},{valueTextColor:v}=u??{},N=`${($||y)??""}-${P}`,k=d(y,v),x=n({...t()}),b=n({...s(u)}),F=p({...i(u)}),I=n({...m()}),S=p({...c(u)}),q=p({...l(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:f,id:`${C}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${C}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{ProductPropertyChoice as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as l,getPPCLabelStyles as c,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as n}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as d,createStyle as p}from"@gem-sdk/system";let h=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let $=o(),{name:f,type:C,handleChange:g,childItem:j}=h??{},{valueTextColor:v}=u??{},N=`${(f||y)??""}-${P}`,k=n(y,v),x=d({...t()}),b=d({...s(u)}),F=p({...i(u)}),I=d({...m()}),S=p({...l(u)}),q=p({...c(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:C,id:`${$}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${$}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{h as default};