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

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

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

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

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

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

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

package/dist/cjs/product/components/product-list-v3/constants/index.js

@@ -0,0 +1 @@
+"use strict";exports.PRODUCT_SOURCE=void 0,function(o){o.Collection="Collection",o.PickProduct="PickProduct",o.DynamicCollection="DynamicCollection",o.RelatedProduct="RelatedProduct"}(exports.PRODUCT_SOURCE||(exports.PRODUCT_SOURCE={}));

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react"),useSWR=require("swr");const useCollectionQuery=({variables:e})=>{let r=core.useFetchHandle(),t=core.usePageStore(e=>e.publicStoreFrontData),o=React.useMemo(()=>core.hasPublicStoreFrontData(t)?core.createStoreFrontFetcher(t):r,[t]),a=core.useIsSampleProduct(),c=core.useIsStorefrontProduct(),u=useSWR(core.generateCollectionQueryKey({...e,isSample:a,isStorefront:c}),([,e])=>core.getCollection(o,e),{revalidateOnMount:!1,revalidateIfStale:!0});return React.useEffect(()=>{let r=!!u.error,t=u.isLoading||u.isValidating,o=!u.data&&!t,a=!r&&o&&e;a&&u.mutate()},[e,u.data,u.error,u.isLoading,u.isValidating]),u};exports.useCollectionQuery=useCollectionQuery;
+"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("swr");exports.useCollectionQuery=({variables:a})=>{let o=e.useFetchHandle(),i=e.usePageStore(e=>e.publicStoreFrontData),u=t.useMemo(()=>e.hasPublicStoreFrontData(i)?e.createStoreFrontFetcher(i):o,[i]),s=e.useIsSampleProduct(),l=e.useIsStorefrontProduct(),n=r(e.generateCollectionQueryKey({...a,isSample:s,isStorefront:l}),([,t])=>e.getCollection(u,t),{revalidateOnMount:!1,revalidateIfStale:!0});return t.useEffect(()=>{let e=!!n.error,t=n.isLoading||n.isValidating,r=!n.data&&!t,o=!e&&r&&a;o&&n.mutate()},[a,n.data,n.error,n.isLoading,n.isValidating]),n};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@gem-sdk/core");const useMainRelatedProductQuery=({isRelatedProduct:e,relatedProductId:r,isEditMode:t,isPreviewSharePageMode:o})=>{let c=core.useFetchHandle(),u=core.usePageStore(e=>e.dynamicProduct),a=core.usePageStore(e=>e.publicStoreFrontData),d=u?.productId&&u?.productId!==r?u?.productId:r,s=React.useMemo(()=>core.hasPublicStoreFrontData(a)?core.createStoreFrontFetcher(a):c,[a]),{data:n}=core.useProductQuery(e&&d?d:void 0,{revalidateOnMount:t||o},s);return{relatedProductIdAssigned:d,mainRelatedProduct:n}};exports.default=useMainRelatedProductQuery;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@gem-sdk/core");exports.default=({isRelatedProduct:t,relatedProductId:o,isEditMode:u,isPreviewSharePageMode:a})=>{let d=r.useFetchHandle(),c=r.usePageStore(e=>e.dynamicProduct),s=r.usePageStore(e=>e.publicStoreFrontData),i=c?.productId&&c?.productId!==o?c?.productId:o,n=e.useMemo(()=>r.hasPublicStoreFrontData(s)?r.createStoreFrontFetcher(s):d,[s]),{data:l}=r.useProductQuery(t&&i?i:void 0,{revalidateOnMount:u||a},n);return{relatedProductIdAssigned:i,mainRelatedProduct:l}};

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

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react"),useSWR=require("swr");const useProductsQuery=({defaultSelectedProductCount:e,productIds:r})=>{let t=core.useFetchHandle(),o=core.usePageStore(e=>e.publicStoreFrontData),s=React.useMemo(()=>core.hasPublicStoreFrontData(o)?core.createStoreFrontFetcher(o):t,[o]),u=core.useIsSampleProduct(),c=core.useIsStorefrontProduct(),a=core.generateProductsQueryKey({ids:r??[],isSample:u,isStorefront:c,defaultSelectedProductCount:e}),i=useSWR(a,async([,e])=>core.getProducts(s,e),{revalidateOnMount:!1});return React.useEffect(()=>{let e=!!i.error,t=i.isLoading||i.isValidating,o=!i.data&&!t,s=!e&&o&&r?.length;s&&i.mutate()},[r?.length,i.data,i.error,i.isLoading,i.isValidating]),{...i}};exports.useProductsQuery=useProductsQuery;
+"use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("swr"),a=require("../constants/index.js");exports.useProductsQuery=({defaultSelectedProductCount:s,productIds:u,productSrc:o})=>{let i=e.useFetchHandle(),n=e.usePageStore(e=>e.publicStoreFrontData),c=r.useMemo(()=>e.hasPublicStoreFrontData(n)?e.createStoreFrontFetcher(n):i,[n]),d=e.useIsSampleProduct(),l=e.useIsStorefrontProduct(),P=e.generateProductsQueryKey({ids:u??[],isSample:d,isStorefront:l,defaultSelectedProductCount:s}),g=t(P,async([,r])=>e.getProducts(c,r),{revalidateOnMount:!1});return r.useEffect(()=>{if(o!==a.PRODUCT_SOURCE.PickProduct)return;let e=!!g.error,r=g.isLoading||g.isValidating,t=!g.data&&!r;!e&&t&&g.mutate()},[o,u?.length,g.data,g.error,g.isLoading,g.isValidating]),{...g}};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),ProductPropertyChoice=require("./property-choice/ProductPropertyChoice.js"),ProductPropertyInput=require("./property-input/ProductPropertyInput.js"),ProductPropertySelect=require("./property-select/ProductPropertySelect.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),styles=require("./common/styles.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js");const ProductProperties=({setting:e,styles:t,builderProps:r})=>{let{name:s,label:a,type:l,required:u,minChar:c,maxChar:o,numberOnly:i,minNumber:d,maxNumber:n,childItem:m,requiredMessage:p,invalidEmailMessage:y,invalidLengthMessage:g,invalidNumberMessage:x}=e??{},{isDisplayLabel:j=!0}=t??{},P=core.useUniqProductID(),h=core.useProductStore(e=>e.updateProperty),v=core.useProductStore(e=>e.addProperty),R=core.useProductStore(e=>e.isSubmit),[C,f]=React.useState(""),[b,S]=React.useState(!1),[k,w]=React.useState([]),q=core.usePrevious(s),N=core.useProduct(),I=React.useRef(null),{trigger:M}=core.useInteraction(),E=React.useCallback((e,t)=>{M({event:"gp:rollback:option-selected",selector:`[data-id="${r?.uid}"`,element:t}),M({event:"gp:option-selected",data:e,selector:`[data-id="${r?.uid}"`,element:t})},[r?.uid,M]),L=React.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);React.useEffect(()=>{if("dropdown"===l){let e=I.current?.querySelector("select")?.value;L(()=>{E(e,I.current)})}},[E,L,l]),React.useEffect(()=>{s&&(q?h(q,{key:s,value:C,required:u}):v({key:s,value:"",required:u}))},[v,q,h,s,u,C]);let $=React.useCallback(e=>{let t=e?.length??0;return!u&&0===t||(i?(Number(d)||0)<=Number(e)&&Number(t)<=(Number(n)||0):(c??0)<=t&&t<=(o??0))},[o,n,c,d,i,u]),W=React.useCallback(e=>u&&!e?{message:p}:i&&e&&!/^\d+$/.test(e)?{message:x}:$(e)?void 0:{message:g},[$,i,u,p,g,x]),V=React.useCallback(e=>{if(!e?.trim()||!core.validateEmail(e))return{message:y}},[y]),Z=React.useCallback(e=>{if(!e?.trim()&&u)return{message:p}},[u,p]),A=React.useCallback(e=>{if(u&&(!e||e.length<=0))return{message:p}},[u,p]),D=e=>{if(S(!0),"checkbox"===l){let t=[];w(t=e.target.checked?[...k,e.target.value]:k.filter(t=>t!==e.target.value)),E(t,I.current),h(e.target.name,{value:t.join(", ")})}else f(e.target.value),E(e.target.value,I.current),h(e.target.name,{value:e.target.value})},_=e=>{S(!0),f(e.target.value),E(e.target.value,I.current),h(e.target.name,{value:e.target.value})},B=React.useMemo(()=>{let e=()=>{switch(l){case"email":return V(C);case"checkbox":return A(k);case"radio":case"dropdown":return Z(C);default:return W(C)}},t=e()?.message,r=void 0!==C&&""!==C,s=!R&&!b||!t;return{isValid:s,isRequired:r,message:t}},[C,R,b,l,V,A,k,Z,W]),F=N?.baseID?.replace("gid://shopify/Product/",""),O=system.createAttr({...attrs.getWrapperTSXAttrs(r?.uid,F)}),T=system.createStyle({...styles.getWrapperStyles(t)}),U=system.createStyle({...styles.getLabelStyles(t)}),X=system.createClass({...classes.getLabelClasses(t)}),z=system.createStyle({...styles.getLabelContentStyles()}),G=helpers.getLabelContent(e),H=system.createClass({...classes.getWrapperErrorMessageClasses(),"gp-hidden":B.isValid}),J=system.createStyle({...styles.getWrapperErrorMessageStyles(t)});return jsxRuntime.jsxs("div",{...O,style:T,id:`shopify-text-element-${r?.uid}`,ref:I,children:[j&&jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("label",{htmlFor:`${P}-${s}`,className:X,style:U,children:[a,jsxRuntime.jsx("span",{style:z,children:G})]})}),jsxRuntime.jsxs("div",{children:["dropdown"===l&&jsxRuntime.jsx(ProductPropertySelect.default,{setting:{...e,handleChangeOption:_},styles:t}),("checkbox"===l||"radio"===l)&&jsxRuntime.jsx(ProductPropertyChoice.default,{setting:{...e,childItem:m,name:s,handleChange:D},currentProductId:F,styles:t,defaultName:r?.uid}),("text"===l||"textarea"===l||"email"===l||"hidden"===l)&&jsxRuntime.jsx(ProductPropertyInput.default,{setting:{...e,handleChange:D,validationData:B},styles:t}),jsxRuntime.jsxs("div",{className:H,style:J,children:[jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("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"})}),jsxRuntime.jsx("span",{className:"gp-pl-1",children:B.message})]})]})]})};exports.default=ProductProperties;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),s=require("./property-choice/ProductPropertyChoice.js"),a=require("./property-input/ProductPropertyInput.js"),l=require("./property-select/ProductPropertySelect.js"),u=require("@gem-sdk/system"),i=require("./common/helpers.js"),c=require("./common/styles.js"),d=require("./common/attrs.js"),o=require("./common/classes.js");exports.default=({setting:n,styles:g,builderProps:p})=>{let{name:m,label:y,type:v,required:h,minChar:C,maxChar:f,numberOnly:b,minNumber:x,maxNumber:j,childItem:S,requiredMessage:P,invalidEmailMessage:k,invalidLengthMessage:w,invalidNumberMessage:q}=n??{},{isDisplayLabel:N=!0}=g??{},M=t.useUniqProductID(),E=t.useProductStore(e=>e.updateProperty),L=t.useProductStore(e=>e.addProperty),$=t.useProductStore(e=>e.isSubmit),[I,W]=r.useState(""),[R,V]=r.useState(!1),[Z,A]=r.useState([]),D=t.usePrevious(m),O=t.useProduct(),_=r.useRef(null),{trigger:B}=t.useInteraction(),F=r.useCallback((e,t)=>{B({event:"gp:rollback:option-selected",selector:`[data-id="${p?.uid}"`,element:t}),B({event:"gp:option-selected",data:e,selector:`[data-id="${p?.uid}"`,element:t})},[p?.uid,B]),T=r.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);r.useEffect(()=>{if("dropdown"===v){let e=_.current?.querySelector("select")?.value;T(()=>{F(e,_.current)})}},[F,T,v]),r.useEffect(()=>{m&&(D?E(D,{key:m,value:I,required:h}):L({key:m,value:"",required:h}))},[L,D,E,m,h,I]);let U=r.useCallback(e=>{let t=e?.length??0;return!h&&0===t||(b?(Number(x)||0)<=Number(e)&&Number(t)<=(Number(j)||0):(C??0)<=t&&t<=(f??0))},[f,j,C,x,b,h]),X=r.useCallback(e=>h&&!e?{message:P}:b&&e&&!/^\d+$/.test(e)?{message:q}:U(e)?void 0:{message:w},[U,b,h,P,w,q]),z=r.useCallback(e=>{if(!e?.trim()||!t.validateEmail(e))return{message:k}},[k]),G=r.useCallback(e=>{if(!e?.trim()&&h)return{message:P}},[h,P]),H=r.useCallback(e=>{if(h&&(!e||e.length<=0))return{message:P}},[h,P]),J=e=>{if(V(!0),"checkbox"===v){let t=[];A(t=e.target.checked?[...Z,e.target.value]:Z.filter(t=>t!==e.target.value)),F(t,_.current),E(e.target.name,{value:t.join(", ")})}else W(e.target.value),F(e.target.value,_.current),E(e.target.name,{value:e.target.value})},K=r.useMemo(()=>{let e=(()=>{switch(v){case"email":return z(I);case"checkbox":return H(Z);case"radio":case"dropdown":return G(I);default:return X(I)}})()?.message,t=void 0!==I&&""!==I,r=!$&&!R||!e;return{isValid:r,isRequired:t,message:e}},[I,$,R,v,z,H,Z,G,X]),Q=O?.baseID?.replace("gid://shopify/Product/",""),Y=u.createAttr({...d.getWrapperTSXAttrs(p?.uid,Q)}),ee=u.createStyle({...c.getWrapperStyles(g)}),et=u.createStyle({...c.getLabelStyles(g)}),er=u.createClass({...o.getLabelClasses(g)}),es=u.createStyle({...c.getLabelContentStyles()}),ea=i.getLabelContent(n),el=u.createClass({...o.getWrapperErrorMessageClasses(),"gp-hidden":K.isValid}),eu=u.createStyle({...c.getWrapperErrorMessageStyles(g)});return e.jsxs("div",{...Y,style:ee,id:`shopify-text-element-${p?.uid}`,ref:_,children:[N&&e.jsx("div",{children:e.jsxs("label",{htmlFor:`${M}-${m}`,className:er,style:et,children:[y,e.jsx("span",{style:es,children:ea})]})}),e.jsxs("div",{children:["dropdown"===v&&e.jsx(l.default,{setting:{...n,handleChangeOption:e=>{V(!0),W(e.target.value),F(e.target.value,_.current),E(e.target.name,{value:e.target.value})}},styles:g}),("checkbox"===v||"radio"===v)&&e.jsx(s.default,{setting:{...n,childItem:S,name:m,handleChange:J},currentProductId:Q,styles:g,defaultName:p?.uid}),("text"===v||"textarea"===v||"email"===v||"hidden"===v)&&e.jsx(a.default,{setting:{...n,handleChange:J,validationData:K},styles:g}),e.jsxs("div",{className:el,style:eu,children:[e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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"})}),e.jsx("span",{className:"gp-pl-1",children:K.message})]})]})]})};

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

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),ProductPropertyChoice_liquid=require("./property-choice/ProductPropertyChoice.liquid.js"),ProductPropertyInput_liquid=require("./property-input/ProductPropertyInput.liquid.js"),ProductPropertySelect_liquid=require("./property-select/ProductPropertySelect.liquid.js"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductProperties=({setting:e,styles:s,builderProps:t,advanced:r,pageContext:l})=>{let{name:a,type:o,childItem:p}=e??{},{isDisplayLabel:c=!0}=s??{};e&&!a&&(e.name="Property");let d=t?.uid,{displayLabel:i}=helpers.getContents(d,l,e),u=system.createAttr({...attrs.getWrapperLiquidAttrs(d,l,e)}),y=system.createStyle({...styles.getWrapperStyles(s)}),n=system.createStyle({...styles.getLabelStyles(s)}),g=system.createClass({...classes.getLabelClasses(s)}),m=system.createClass({...classes.getLiquidTagClasses(e)}),C=system.createClass({...classes.getLabelWrapperClasses(r)}),P=system.createStyle({...styles.getLabelContentStyles()}),$=helpers.getLabelContent(e),h=system.createClass({...classes.getWrapperErrorMessageClasses(),...core.composeClasses("data-[hidden=true]:gp-hidden")}),q=system.createStyle({...styles.getWrapperErrorMessageStyles(s)}),v=system.createAttr({...attrs.getWrapperErrorMessageAttrs()});return core.template`
-    <gp-product-property ${{...u}} class="${m}"
-      style="${y}"
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./property-choice/ProductPropertyChoice.liquid.js"),r=require("./property-input/ProductPropertyInput.liquid.js"),s=require("./property-select/ProductPropertySelect.liquid.js"),l=require("../../../helpers.js"),a=require("@gem-sdk/system"),p=require("./common/helpers.js"),o=require("./common/attrs.js"),d=require("./common/styles.js"),i=require("./common/classes.js");exports.default=({setting:c,styles:n,builderProps:u,advanced:g,pageContext:y})=>{let{name:C,type:$,childItem:m}=c??{},{isDisplayLabel:v=!0}=n??{};c&&!C&&(c.name="Property");let f=u?.uid,{displayLabel:h}=p.getContents(f,y,c),S=a.createAttr({...o.getWrapperLiquidAttrs(f,y,c)}),q=a.createStyle({...d.getWrapperStyles(n)}),j=a.createStyle({...d.getLabelStyles(n)}),P=a.createClass({...i.getLabelClasses(n)}),b=a.createClass({...i.getLiquidTagClasses(c)}),L=a.createClass({...i.getLabelWrapperClasses(g)}),E=a.createStyle({...d.getLabelContentStyles()}),M=p.getLabelContent(c),w=a.createClass({...i.getWrapperErrorMessageClasses(),...e.composeClasses("data-[hidden=true]:gp-hidden")}),x=a.createStyle({...d.getWrapperErrorMessageStyles(n)}),A=a.createAttr({...o.getWrapperErrorMessageAttrs()});return e.template`
+    <gp-product-property ${{...S}} class="${b}"
+      style="${q}"
     >
-      ${core.RenderIf(c,core.template`<div class="${C}">
-        <label htmlFor="${d}-${a}" class="${g}" style="${n}">
-          ${i}
-          <span style="${P}">${$}</span>
+      ${e.RenderIf(v,e.template`<div class="${L}">
+        <label htmlFor="${f}-${C}" class="${P}" style="${j}">
+          ${h}
+          <span style="${E}">${M}</span>
         </label>
       </div>`)}
 
       <div>
-        ${core.RenderIf("dropdown"===o,ProductPropertySelect_liquid.default({setting:e,styles:s,builderProps:t,pageContext:l}))}
-        ${core.RenderIf("checkbox"===o||"radio"===o,ProductPropertyChoice_liquid.default({setting:{...e,childItem:p,name:a},styles:s,builderProps:t,pageContext:l}))}
-        ${core.RenderIf("text"===o||"textarea"===o||"email"===o||"hidden"===o,ProductPropertyInput_liquid.default({setting:e,styles:s,builderProps:t,pageContext:l}))}
+        ${e.RenderIf("dropdown"===$,s.default({setting:c,styles:n,builderProps:u,pageContext:y}))}
+        ${e.RenderIf("checkbox"===$||"radio"===$,t.default({setting:{...c,childItem:m,name:C},styles:n,builderProps:u,pageContext:y}))}
+        ${e.RenderIf("text"===$||"textarea"===$||"email"===$||"hidden"===$,r.default({setting:c,styles:n,builderProps:u,pageContext:y}))}
         <div
-          ${{...v}}
-          class="${h}"
-          style="${q}"
+          ${{...A}}
+          class="${w}"
+          style="${x}"
         >
           <svg
             width="16"
@@ -36,4 +36,4 @@
         </div>
       </div>
     </gp-product-property>
-    ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};exports.default=ProductProperties;
+    ${e.RenderIf(e.isLocalEnv,`<script ${l.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};

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

@@ -1 +1 @@
-"use strict";var helpers=require("./helpers.js");const getWrapperLiquidAttrs=(e,t,r)=>{let{invalidNumberMessageDisplay:a,invalidEmailMessageDisplay:s,requiredMessageDisplay:p,invalidLengthMessageDisplay:i}=helpers.getContents(e,t,r);return{"data-id":e??"","data-invalid":!1,"data-gp-setting":JSON.stringify(r).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:p,invalidEmailMessage:s,invalidLengthMessage:i,invalidNumberMessage:a}).replaceAll('"',""")}},getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""}),getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"});exports.getWrapperErrorMessageAttrs=getWrapperErrorMessageAttrs,exports.getWrapperLiquidAttrs=getWrapperLiquidAttrs,exports.getWrapperTSXAttrs=getWrapperTSXAttrs;
+"use strict";var e=require("./helpers.js");exports.getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"}),exports.getWrapperLiquidAttrs=(t,a,r)=>{let{invalidNumberMessageDisplay:s,invalidEmailMessageDisplay:i,requiredMessageDisplay:d,invalidLengthMessageDisplay:g}=e.getContents(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:i,invalidLengthMessage:g,invalidNumberMessage:s}).replaceAll('"',""")}},exports.getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""});

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

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

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

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

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

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

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

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

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

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),getProductPropertiesChoiceInlineCss=require("./common/getProductPropertiesChoiceInlineCss.js"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),getProductPropertiesChoiceClasses=require("./common/getProductPropertiesChoiceClasses.js"),getProductPropertiesChoiceStyles=require("./common/getProductPropertiesChoiceStyles.js"),getProductPropertiesChoiceAttrs=require("./common/getProductPropertiesChoiceAttrs.js"),translate=require("../../../settings/product-properties/configs/translate.js");const ProductPropertyChoice=({setting:e,styles:t,builderProps:r,pageContext:s,attributes:o})=>{let i=r?.uid,{name:c,type:l,childItem:P}=e??{},{valueTextColor:a,fullWidth:p,width:u}=t??{},C=core.makeStyleResponsive("w",core.makeWidth(u,p)),d=`properties[${c}]`,n=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(i,a),y=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),g=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(t)}),m=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(t)}),h=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),$=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(t)}),S=system.createAttr({...getProductPropertiesChoiceAttrs.getPPCInputAttrs(o)}),v=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(t)});return core.template`<div style="${{...C}}" class="${h}">
-      <style>${n}</style>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/getProductPropertiesChoiceInlineCss.js"),r=require("../../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./common/getProductPropertiesChoiceClasses.js"),l=require("./common/getProductPropertiesChoiceStyles.js"),o=require("./common/getProductPropertiesChoiceAttrs.js"),a=require("../../../settings/product-properties/configs/translate.js");exports.default=({setting:c,styles:u,builderProps:d,pageContext:p,attributes:P})=>{let n=d?.uid,{name:C,type:$,childItem:m}=c??{},{valueTextColor:g,fullWidth:y,width:S}=u??{},h=e.makeStyleResponsive("w",e.makeWidth(S,y)),v=`properties[${C}]`,j=t.getPPCInlineStyleChoice(n,g),q=s.createClass({...i.getPPCWrapperClasses()}),I=s.createClass({...i.getPPCLabelClasses(u)}),b=s.createStyle({...l.getPPCContainerStyles(u)}),f=s.createClass({...i.getPPCWrapperClassesMain()}),k=s.createStyle({...l.getPPCLabelStyles(u)}),_=s.createAttr({...o.getPPCInputAttrs(P)}),x=s.createStyle({...l.getPPCInputStyles(u)});return e.template`<div style="${{...h}}" class="${f}">
+      <style>${j}</style>
 
-      ${P?.map((e,t)=>{let r=helpers.getDynamicSourceLocales({val:e,uid:i,settingId:helpers.createSettingId({id:translate.ProductProperties?.childItem?.id,index:t}),pageContext:s});return core.template`
-            <div class="${y}" style="${m}">
+      ${m?.map((t,s)=>{let i=r.getDynamicSourceLocales({val:t,uid:n,settingId:r.createSettingId({id:a.ProductProperties?.childItem?.id,index:s}),pageContext:p});return e.template`
+            <div class="${q}" style="${b}">
               <input
-                ${{...S}}
-                type="${l}"
-                id="${i}-${c}-${t}"
-                name="${"radio"===l||"checkbox"===l?d:`${d}[]`}"
-                value="${r}"
-                style="${v}"
+                ${{..._}}
+                type="${$}"
+                id="${n}-${C}-${s}"
+                name="${"radio"===$||"checkbox"===$?v:`${v}[]`}"
+                value="${i}"
+                style="${x}"
                 form="{{ product_form_id }}"
               />
               <label
-                for="${i}-${c}-${t}"
-                class="${g}"
-                style="${$}"
+                for="${n}-${C}-${s}"
+                class="${I}"
+                style="${k}"
               >
-                ${r}
+                ${i}
               </label>
             </div>`}).join("")}
       </div>
-  `};exports.default=ProductPropertyChoice;
+  `};

package/dist/cjs/product/components/product-properties/property-choice/common/getProductPropertiesChoiceAttrs.js

@@ -1 +1 @@
-"use strict";const getPPCInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});exports.getPPCInputAttrs=getPPCInputAttrs;
+"use strict";exports.getPPCInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});

package/dist/cjs/product/components/product-properties/property-choice/common/getProductPropertiesChoiceClasses.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getPPCWrapperClasses=()=>core.composeClasses("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>core.composeClasses("gp-inline-block"),getPPCLabelClasses=e=>{let{valueTextColor:s,valueBgColor:o,valueTypo:a,valueTypography:r}=e??{},l=core.composeTypographyClassName(a,r);return{...core.composeClasses("gp-p-2 gp-outline-none gp-break-words"),...core.composeClasses(core.getGlobalColorStateClass("text",s)),...core.composeClasses(core.getGlobalColorStateResponsiveClass("bg",o)),...core.composeClasses(l)}};exports.getPPCLabelClasses=getPPCLabelClasses,exports.getPPCWrapperClasses=getPPCWrapperClasses,exports.getPPCWrapperClassesMain=getPPCWrapperClassesMain;
+"use strict";var s=require("@gem-sdk/core");exports.getPPCLabelClasses=e=>{let{valueTextColor:o,valueBgColor:a,valueTypo:l,valueTypography:p}=e??{},t=s.composeTypographyClassName(l,p);return{...s.composeClasses("gp-p-2 gp-outline-none gp-break-words"),...s.composeClasses(s.getGlobalColorStateClass("text",o)),...s.composeClasses(s.getGlobalColorStateResponsiveClass("bg",a)),...s.composeClasses(t)}},exports.getPPCWrapperClasses=()=>s.composeClasses("gp-flex gp-items-center"),exports.getPPCWrapperClassesMain=()=>s.composeClasses("gp-inline-block");

package/dist/cjs/product/components/product-properties/property-choice/common/getProductPropertiesChoiceInlineCss.js

@@ -1,6 +1,6 @@
-"use strict";var core=require("@gem-sdk/core");const getPPCInlineStyleChoice=(e,t)=>{let r=t?.active||t?.normal;return r&&e?`
-      .${e} {
+"use strict";var e=require("@gem-sdk/core");exports.getPPCInlineStyleChoice=(r,t)=>{let l=t?.active||t?.normal;return l&&r?`
+      .${r} {
         input:checked + label {
-          color: ${core.getSingleColorVariable(r)} !important;
+          color: ${e.getSingleColorVariable(l)} !important;
         }
-      }`:""};exports.getPPCInlineStyleChoice=getPPCInlineStyleChoice;
+      }`:""};

package/dist/cjs/product/components/product-properties/property-choice/common/getProductPropertiesChoiceStyles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getPPCWrapperStyles=e=>{let{width:t,fullWidth:r}=e??{};return core.makeStyleResponsive("w",core.makeWidth(t,r))},getPPCContainerStyles=e=>{let{height:t}=e??{};return t?core.makeStyleResponsive("h",t):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,valueTextColor:r,valueTypography:l,valueTypo:o}=e??{},s=core.composeTypographyStyle(o,l);return{...core.getGlobalColorStateResponsiveStyle("bg",t),...core.getGlobalColorStateStyle("c",r),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};exports.getPPCContainerStyles=getPPCContainerStyles,exports.getPPCInputStyles=getPPCInputStyles,exports.getPPCLabelStyles=getPPCLabelStyles,exports.getPPCWrapperStyles=getPPCWrapperStyles;
+"use strict";var e=require("@gem-sdk/core");exports.getPPCContainerStyles=t=>{let{height:r}=t??{};return r?e.makeStyleResponsive("h",r):{}},exports.getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}},exports.getPPCLabelStyles=t=>{let{valueBgColor:r,valueTextColor:l,valueTypography:o,valueTypo:s}=t??{},p=e.composeTypographyStyle(s,o);return{...e.getGlobalColorStateResponsiveStyle("bg",r),...e.getGlobalColorStateStyle("c",l),...p}},exports.getPPCWrapperStyles=t=>{let{width:r,fullWidth:l}=t??{};return e.makeStyleResponsive("w",e.makeWidth(r,l))};

package/dist/cjs/product/components/product-properties/property-input/ProductPropertyInput.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),React=require("react"),helpers=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js");const ProductPropertyInput=({setting:e,styles:s})=>{let t=core.useUniqProductID(),{name:r,type:a,placeholder:c,required:u,handleChange:l,label:n,validationData:o}=e??{},i=React.useMemo(()=>{switch(a){case"textarea":case"hidden":return"textarea";default:return"input"}},[a]),m=React.useMemo(()=>"hidden"===a,[a]),d=`${c}${c&&u&&!n?" *":""}`,y=system.createClass({...classes.getClasses(s),...core.composeClasses("hidden"===a?"gp-cursor-default":"")}),p=system.createStyle({...styles.getStyles(s),...o?.isValid||"hidden"===a?{}:core.makeStyle({bc:"#F44336"})}),{elementType:h,elementValue:g,minLength:q,maxLength:x}=helpers.getElementContent(e);return jsxRuntime.jsx(i,{id:`${t}-${r}`,type:h,value:g,placeholder:d,name:r,readOnly:m,className:y,style:p,required:u,minLength:q,maxLength:x,onChange:l})};exports.default=ProductPropertyInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("@gem-sdk/system"),t=require("react"),a=require("./common/helpers.js"),u=require("./common/classes.js"),l=require("./common/styles.js");exports.default=({setting:n,styles:i})=>{let d=s.useUniqProductID(),{name:c,type:o,placeholder:m,required:h,handleChange:y,label:g,validationData:p}=n??{},q=t.useMemo(()=>{switch(o){case"textarea":case"hidden":return"textarea";default:return"input"}},[o]),x=t.useMemo(()=>"hidden"===o,[o]),j=`${m}${m&&h&&!g?" *":""}`,C=r.createClass({...u.getClasses(i),...s.composeClasses("hidden"===o?"gp-cursor-default":"")}),f=r.createStyle({...l.getStyles(i),...p?.isValid||"hidden"===o?{}:s.makeStyle({bc:"#F44336"})}),{elementType:$,elementValue:k,minLength:v,maxLength:M}=a.getElementContent(n);return e.jsx(q,{id:`${d}-${c}`,type:$,value:k,placeholder:j,name:c,readOnly:x,className:C,style:f,required:h,minLength:v,maxLength:M,onChange:y})};

package/dist/cjs/product/components/product-properties/property-input/ProductPropertyInput.liquid.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),attrs=require("./common/attrs.js"),translate=require("../../../settings/product-properties/configs/translate.js");const ProductPropertyInput=({setting:e,styles:r,builderProps:t,pageContext:s,attributes:a})=>{let{name:o,type:l,placeholder:u,required:m,minChar:c,maxChar:n,label:p}=e??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},i="textarea"===l?"textarea":"input",d=helpers.getDynamicSourceLocales({val:u,uid:t?.uid,settingId:helpers.createSettingId({id:translate.ProductProperties?.placeholder?.id}),pageContext:s}),y=`${d}${u&&m&&!p?" *":""}`,$=system.createClass({...classes.getClasses(r),...core.composeClasses("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),g=system.createStyle({...styles.getStyles(r)}),{elementValue:h}=helpers$1.getElementContent(e),q=system.createAttr({...attrs.getInputAttrs(a)});return core.template`
-    <${i}
-      ${{...q}}
-      type="${l}"
-      placeholder="${y}"
-      name="properties[${o}]"
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../../../../helpers.js"),t=require("@gem-sdk/system"),s=require("./common/classes.js"),a=require("./common/styles.js"),o=require("./common/helpers.js"),i=require("./common/attrs.js"),l=require("../../../settings/product-properties/configs/translate.js");exports.default=({setting:u,styles:n,builderProps:m,pageContext:c,attributes:d})=>{let{name:p,type:g,placeholder:$,required:h,minChar:q,maxChar:y,label:j}=u??{minChar:Number,maxChar:Number},x="textarea"===g?"textarea":"input",C=r.getDynamicSourceLocales({val:$,uid:m?.uid,settingId:r.createSettingId({id:l.ProductProperties?.placeholder?.id}),pageContext:c}),f=`${C}${$&&h&&!j?" *":""}`,v=t.createClass({...s.getClasses(n),...e.composeClasses("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),b=t.createStyle({...a.getStyles(n)}),{elementValue:S}=o.getElementContent(u),_=t.createAttr({...i.getInputAttrs(d)});return e.template`
+    <${x}
+      ${{..._}}
+      type="${g}"
+      placeholder="${f}"
+      name="properties[${p}]"
       form="{{ product_form_id }}"
-      value="${h}"
-      class="${$}"
-      style="${g}"
-      ${m?`required="${m}"`:""}
-      minlength="${c}"
-      maxlength="${n}"
-    ></${i}>
-    `};exports.default=ProductPropertyInput;
+      value="${S}"
+      class="${v}"
+      style="${b}"
+      ${h?`required="${h}"`:""}
+      minlength="${q}"
+      maxlength="${y}"
+    ></${x}>
+    `};

package/dist/cjs/product/components/product-properties/property-input/common/attrs.js

@@ -1 +1 @@
-"use strict";const getInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});exports.getInputAttrs=getInputAttrs;
+"use strict";exports.getInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});

package/dist/cjs/product/components/product-properties/property-input/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getClasses=e=>{let{valueBgColor:s,valueTextColor:o,borderInput:r,valueTypography:l,valueTypo:a}=e??{},c=core.composeTypographyClassName(a,l);return{...core.composeClasses("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...core.composeClasses(core.getGlobalColorStateClass("text",o)),...core.composeClasses(core.getGlobalColorStateResponsiveClass("bg",s)),...core.composeClasses(c),...core.composeClasses(core.handleConvertClassColor(r))}};exports.getClasses=getClasses;
+"use strict";var s=require("@gem-sdk/core");exports.getClasses=e=>{let{valueBgColor:o,valueTextColor:l,borderInput:a,valueTypography:t,valueTypo:p}=e??{},r=s.composeTypographyClassName(p,t);return{...s.composeClasses("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...s.composeClasses(s.getGlobalColorStateClass("text",l)),...s.composeClasses(s.getGlobalColorStateResponsiveClass("bg",o)),...s.composeClasses(r),...s.composeClasses(s.handleConvertClassColor(a))}};

package/dist/cjs/product/components/product-properties/property-input/common/helpers.js

@@ -1 +1 @@
-"use strict";const getElementContent=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:i}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?i:void 0}};exports.getElementContent=getElementContent;
+"use strict";exports.getElementContent=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:i}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?i:void 0}};

package/dist/cjs/product/components/product-properties/property-input/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getStyles=e=>{let{valueBgColor:o,valueTextColor:t,valueTypo:r,valueTypography:c,fullWidth:l,width:s,height:a,borderInput:S,borderRadius:d,hasShadowInput:g,shadowInput:y}=e??{},n=core.composeTypographyStyle(r,c),h=core.makeStyleResponsive("w",core.makeWidth(s,l)),i=a?core.makeStyleResponsive("h",a):{},p=core.getGlobalColorStateResponsiveStyle("bg",o);p["--focus-bg"]||(p["--focus-bg"]=p["--bg"]);let u=core.getGlobalColorStateStyle("c",t);return u["--focus-c"]||(u["--focus-c"]=u["--c"]),{...h,...core.handleConvertBorderStyle(S),...core.handleConvertBorderWidth(S),...core.handleConvertBorderColor(S),...p,...u,...i,...core.composeRadius(d),...core.getStyleShadowState(y,"box-shadow",g),...n}};exports.getStyles=getStyles;
+"use strict";var e=require("@gem-sdk/core");exports.getStyles=o=>{let{valueBgColor:t,valueTextColor:r,valueTypo:l,valueTypography:s,fullWidth:a,width:c,height:d,borderInput:S,borderRadius:g,hasShadowInput:n,shadowInput:y}=o??{},h=e.composeTypographyStyle(l,s),i=e.makeStyleResponsive("w",e.makeWidth(c,a)),p=d?e.makeStyleResponsive("h",d):{},u=e.getGlobalColorStateResponsiveStyle("bg",t);u["--focus-bg"]||(u["--focus-bg"]=u["--bg"]);let b=e.getGlobalColorStateStyle("c",r);return b["--focus-c"]||(b["--focus-c"]=b["--c"]),{...i,...e.handleConvertBorderStyle(S),...e.handleConvertBorderWidth(S),...e.handleConvertBorderColor(S),...u,...b,...p,...e.composeRadius(g),...e.getStyleShadowState(y,"box-shadow",n),...h}};

package/dist/cjs/product/components/product-properties/property-select/ProductPropertySelect.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js");const ProductPropertySelect=({setting:e,styles:s})=>{let t=core.useUniqProductID(),{name:r,handleChangeOption:l,childItem:c}=e??{},o=system.createClass({...classes.getSelectClasses(s)}),u=system.createStyle({...styles.getSelectStyles(s)}),y=system.createStyle({...styles.getOptionStyles(s)});return jsxRuntime.jsx("select",{name:r,id:`${t}-${r}`,className:o,style:u,onChange:l,children:c?.map((e,s)=>jsxRuntime.jsx("option",{value:e,style:y,children:e},s))})};exports.default=ProductPropertySelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("@gem-sdk/system"),r=require("./common/classes.js"),l=require("./common/styles.js");exports.default=({setting:c,styles:a})=>{let i=s.useUniqProductID(),{name:o,handleChangeOption:u,childItem:n}=c??{},m=t.createClass({...r.getSelectClasses(a)}),y=t.createStyle({...l.getSelectStyles(a)}),d=t.createStyle({...l.getOptionStyles(a)});return e.jsx("select",{name:o,id:`${i}-${o}`,className:m,style:y,onChange:u,children:n?.map((s,t)=>e.jsx("option",{value:s,style:d,children:s},t))})};

package/dist/cjs/product/components/product-properties/property-select/ProductPropertySelect.liquid.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../../settings/product-properties/configs/translate.js");const ProductPropertySelect=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:l})=>{let o=s?.uid,{name:c,childItem:a}=e??{},i=system.createAttr({...attrs.getSelectAttrs(e,l)}),p=system.createClass({...classes.getSelectClasses(t),...core.composeClasses("gp-shadow-none")}),m=system.createStyle({...styles.getSelectStyles(t)}),n=system.createStyle({...styles.getOptionStyles(t)});return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/attrs.js"),o=require("./common/styles.js"),l=require("./common/classes.js"),i=require("../../../settings/product-properties/configs/translate.js");exports.default=({setting:c,styles:a,builderProps:u,pageContext:n,attributes:p})=>{let d=u?.uid,{name:m,childItem:g}=c??{},y=s.createAttr({...r.getSelectAttrs(c,p)}),$=s.createClass({...l.getSelectClasses(a),...e.composeClasses("gp-shadow-none")}),S=s.createStyle({...o.getSelectStyles(a)}),j=s.createStyle({...o.getOptionStyles(a)});return e.template`
     <select
-      ${{...i}}
-      name="properties[${c}]"
-      id="${o}-${c}"
-      class="${p}"
+      ${{...y}}
+      name="properties[${m}]"
+      id="${d}-${m}"
+      class="${$}"
       form="{{ product_form_id }}"
-      style="${m}"
+      style="${S}"
     >
-      ${a?.map((e,t)=>{let s=helpers.getDynamicSourceLocales({val:e,uid:o,settingId:helpers.createSettingId({id:translate.ProductProperties?.childItem?.id,index:t}),pageContext:r});return core.template`
+      ${g?.map((s,r)=>{let o=t.getDynamicSourceLocales({val:s,uid:d,settingId:t.createSettingId({id:i.ProductProperties?.childItem?.id,index:r}),pageContext:n});return e.template`
             <option
-              value="${s}"
-              style="${n}"
+              value="${o}"
+              style="${j}"
             >
-              ${s}
+              ${o}
             </option>`}).join("")}
-    </select>`};exports.default=ProductPropertySelect;
+    </select>`};

package/dist/cjs/product/components/product-properties/property-select/common/attrs.js

@@ -1 +1 @@
-"use strict";const getSelectAttrs=(t,e)=>{let{name:a}=t??{};return{"aria-label":a??"","data-id":e?.dataId??"","data-slot-type":"input"}};exports.getSelectAttrs=getSelectAttrs;
+"use strict";exports.getSelectAttrs=(t,a)=>{let{name:e}=t??{};return{"aria-label":e??"","data-id":a?.dataId??"","data-slot-type":"input"}};

package/dist/cjs/product/components/product-properties/property-select/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getSelectClasses=e=>{let{valueBgColor:s,valueTextColor:o,valueTypography:t,valueTypo:l}=e??{},c=core.composeTypographyClassName(l,t);return{...core.composeClasses("gp-truncate gp-p-2 gp-outline-none"),...core.composeClasses(core.getGlobalColorStateClass("text",o)),...core.composeClasses(core.getGlobalColorStateResponsiveClass("bg",s)),...core.composeClasses(c)}};exports.getSelectClasses=getSelectClasses;
+"use strict";var e=require("@gem-sdk/core");exports.getSelectClasses=s=>{let{valueBgColor:o,valueTextColor:t,valueTypography:l,valueTypo:a}=s??{},p=e.composeTypographyClassName(a,l);return{...e.composeClasses("gp-truncate gp-p-2 gp-outline-none"),...e.composeClasses(e.getGlobalColorStateClass("text",t)),...e.composeClasses(e.getGlobalColorStateResponsiveClass("bg",o)),...e.composeClasses(p)}};

package/dist/cjs/product/components/product-properties/property-select/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../../helpers.js");const getSelectStyles=e=>{let{fullWidth:t,width:o,height:l,borderInput:r,borderRadius:c,hasShadowInput:s,shadowInput:b,valueBgColor:g,valueTextColor:a}=e??{},S=core.makeStyleResponsive("w",core.makeWidth(o,t)),i=l?core.makeStyleResponsive("h",l):{};return{...S,...i,...core.handleConvertBorderStyle(r),...core.handleConvertBorderWidth(r),...core.handleConvertBorderColor(r),...core.composeRadius(c),...core.getStyleShadowState(b,"box-shadow",s),...core.getGlobalColorStateResponsiveStyle("bg",g),...core.getGlobalColorStateStyle("c",a)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:o}=e??{},l=core.getGlobalColorStateResponsiveStyle("bg",t),r=core.getGlobalColorStateStyle("c",o),c={"--c":r["--focus-c"]?r["--focus-c"]:r["--c"],"--bg":l["--focus-bg"]?l["--focus-bg"]:l["--bg"],"--bg-tablet":l["--focus-bg-tablet"]?l["--focus-bg-tablet"]:l["--bg-tablet"],"--bg-mobile":l["--focus-bg-mobile"]?l["--focus-bg-mobile"]:l["--bg-mobile"]};return helpers.filterTruthyObject(c)};exports.getOptionStyles=getOptionStyles,exports.getSelectStyles=getSelectStyles;
+"use strict";var e=require("@gem-sdk/core"),t=require("../../../../../helpers.js");exports.getOptionStyles=o=>{let{valueBgColor:l,valueTextColor:r}=o??{},b=e.getGlobalColorStateResponsiveStyle("bg",l),s=e.getGlobalColorStateStyle("c",r),a={"--c":s["--focus-c"]?s["--focus-c"]:s["--c"],"--bg":b["--focus-bg"]?b["--focus-bg"]:b["--bg"],"--bg-tablet":b["--focus-bg-tablet"]?b["--focus-bg-tablet"]:b["--bg-tablet"],"--bg-mobile":b["--focus-bg-mobile"]?b["--focus-bg-mobile"]:b["--bg-mobile"]};return t.filterTruthyObject(a)},exports.getSelectStyles=t=>{let{fullWidth:o,width:l,height:r,borderInput:b,borderRadius:s,hasShadowInput:a,shadowInput:g,valueBgColor:c,valueTextColor:S}=t??{},i=e.makeStyleResponsive("w",e.makeWidth(l,o)),u=r?e.makeStyleResponsive("h",r):{};return{...i,...u,...e.handleConvertBorderStyle(b),...e.handleConvertBorderWidth(b),...e.handleConvertBorderColor(b),...e.composeRadius(s),...e.getStyleShadowState(g,"box-shadow",a),...e.getGlobalColorStateResponsiveStyle("bg",c),...e.getGlobalColorStateStyle("c",S)}};