@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

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

@@ -0,0 +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)),a=helpers.getTextProps(e),i=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`
+      <gp-product-price
+        ${p}
+        class="${o}"
+        style="${r}"
+        gp-data='${core.dataStringify(i)}'
+      >
+        ${Text_liquid.default(a)}
+      </gp-product-price>
+      ${l()}
+  `)};exports.ProductPrice=ProductPrice,exports.default=ProductPrice;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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=()=>`
+      {% if variant.compare_at_price  %}
+        {{ variant.compare_at_price | ${n?.showPriceCurrency?"money_with_currency":"money"}}}
+      {% else %}
+
+      {% endif %}
+    `,s=()=>`
+     {% if variant.price %}
+       {{ variant.price | ${n?.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;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,39 @@
+"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,translate:c}=e??{},{isDisplayLabel:d=!0}=s??{};e&&!a&&(e.name="Property");let i=t?.uid,{displayLabel:u}=helpers.getContents(i,l,e),y=system.createAttr({...attrs.getWrapperLiquidAttrs(i,l,e)}),n=system.createStyle({...styles.getWrapperStyles(s)}),g=system.createStyle({...styles.getLabelStyles(s)}),m=system.createClass({...classes.getLabelClasses(s)}),C=system.createClass({...classes.getLiquidTagClasses(e)}),P=system.createClass({...classes.getLabelWrapperClasses(r)}),$=system.createStyle({...styles.getLabelContentStyles()}),h=helpers.getLabelContent(e),q=system.createClass({...classes.getWrapperErrorMessageClasses(),...core.composeClasses("data-[hidden=true]:gp-hidden")}),v=system.createStyle({...styles.getWrapperErrorMessageStyles(s)}),f=system.createAttr({...attrs.getWrapperErrorMessageAttrs()});return core.template`
+    <gp-product-property ${{...y}} class="${C}"
+      style="${n}"
+    >
+      ${core.RenderIf(d,core.template`<div class="${P}">
+        <label htmlFor="${i}-${a}" class="${m}" style="${g}">
+          ${u}
+          <span style="${$}">${h}</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,translate:c},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}))}
+        <div
+          ${{...f}}
+          class="${q}"
+          style="${v}"
+        >
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              fill-rule="evenodd"
+              clip-rule="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"
+            ></path>
+          </svg>
+          <span data-slot-type="message-content" class="gp-pl-1"></span>
+        </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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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");const ProductPropertyChoice=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:o})=>{let c=s?.uid,{name:i,type:l,childItem:P,translate:a}=e??{},{valueTextColor:C,fullWidth:p,width:u}=t??{},d=core.makeStyleResponsive("w",core.makeWidth(u,p)),y=`properties[${i}]`,m=getProductPropertiesChoiceInlineCss.getPPCInlineStyleChoice(c,C),g=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClasses()}),n=system.createClass({...getProductPropertiesChoiceClasses.getPPCLabelClasses(t)}),h=system.createStyle({...getProductPropertiesChoiceStyles.getPPCContainerStyles(t)}),$=system.createClass({...getProductPropertiesChoiceClasses.getPPCWrapperClassesMain()}),S=system.createStyle({...getProductPropertiesChoiceStyles.getPPCLabelStyles(t)}),v=system.createAttr({...getProductPropertiesChoiceAttrs.getPPCInputAttrs(o)}),I=system.createStyle({...getProductPropertiesChoiceStyles.getPPCInputStyles(t)});return core.template`<div style="${{...d}}" class="${$}">
+      <style>${m}</style>
+
+      ${P?.map((e,t)=>{let s=helpers.getDynamicSourceLocales({val:e,uid:c,settingId:`childItem_${t}`,pageContext:r,translate:a});return core.template`
+            <div class="${g}" style="${h}">
+              <input
+                ${{...v}}
+                type="${l}"
+                id="${c}-${i}-${t}"
+                name="${"radio"===l||"checkbox"===l?y:`${y}[]`}"
+                value="${s}"
+                style="${I}"
+                form="{{ product_form_id }}"
+              />
+              <label
+                for="${c}-${i}-${t}"
+                class="${n}"
+                style="${S}"
+              >
+                ${s}
+              </label>
+            </div>`}).join("")}
+      </div>
+  `};exports.default=ProductPropertyChoice;

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

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

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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");const ProductPropertyInput=({setting:e,styles:r,builderProps:s,pageContext:t,attributes:a})=>{let{name:l,type:o,placeholder:m,required:u,minChar:c,maxChar:p,label:n,translate:i}=e??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},d="textarea"===o?"textarea":"input",y=helpers.getDynamicSourceLocales({val:m,uid:s?.uid,settingId:"placeholder",pageContext:t,translate:i}),$=`${y}${m&&u&&!n?" *":""}`,g=system.createClass({...classes.getClasses(r),...core.composeClasses("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),h=system.createStyle({...styles.getStyles(r)}),{elementValue:b}=helpers$1.getElementContent(e),q=system.createAttr({...attrs.getInputAttrs(a)});return core.template`
+    <${d}
+      ${{...q}}
+      type="${o}"
+      placeholder="${$}"
+      name="properties[${l}]"
+      form="{{ product_form_id }}"
+      value="${b}"
+      class="${g}"
+      style="${h}"
+      ${u?`required="${u}"`:""}
+      minlength="${c}"
+      maxlength="${p}"
+    ></${d}>
+    `};exports.default=ProductPropertyInput;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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");const ProductPropertySelect=({setting:e,styles:s,builderProps:t,pageContext:r,attributes:l})=>{let o=t?.uid,{name:c,childItem:a,translate:m}=e??{},y=system.createAttr({...attrs.getSelectAttrs(e,l)}),i=system.createClass({...classes.getSelectClasses(s),...core.composeClasses("gp-shadow-none")}),p=system.createStyle({...styles.getSelectStyles(s)}),u=system.createStyle({...styles.getOptionStyles(s)});return core.template`
+    <select
+      ${{...y}}
+      name="properties[${c}]"
+      id="${o}-${c}"
+      class="${i}"
+      form="{{ product_form_id }}"
+      style="${p}"
+    >
+      ${a?.map((e,s)=>{let t=helpers.getDynamicSourceLocales({val:e,uid:o,settingId:`childItem_${s}`,pageContext:r,translate:m});return core.template`
+            <option
+              value="${t}"
+              style="${u}"
+            >
+              ${t}
+            </option>`}).join("")}
+    </select>`};exports.default=ProductPropertySelect;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

package/dist/cjs/product/components/product-quantity/ProductQuantity.js

@@ -0,0 +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"),useProductQuantity=require("./hooks/useProductQuantity.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const ProductQuantity=e=>{let{setting:s={},styles:t={},builderProps:r,advanced:a}=e,l=core.useCurrentVariant(),{quantity:n}=core.useQuantity(),{isInStock:u,ref:c,onClickIncrement:o,onClickDecrement:y,onChangeInput:i,onFocusInput:m}=useProductQuantity.useProductQuantity(e),{plusIcon:d,minusIcon:g}=s,j=s.defaultQtyValue||1,{inputHeight:p,buttonBackgroundColor:C,backgroundColor:h,iconColor:x,inputBackgroundColor:S,textColor:b,align:B,borderBtn:I,buttonWidth:f,iconSizeCustom:q,corner:v}=t,A=s?.hasButton,P=system.createAttr({...attrs.getContainerAttrs({isDisabled:!u,uid:r?.uid||""})}),Q=system.createClass({...classes.getContainerClasses(a?.cssClass)}),R=system.createStyle({...styles.getContainerStyles({align:B,inputHeight:p})}),N=system.createClass({...classes.getWrapperClasses()}),H=system.createStyle({...styles.getWrapperStyles({backgroundColor:h,styles:t})}),_=system.createAttr({...attrs.getInputAttr({hasButton:A,quantity:n,currentVariant:l,defaultQty:j})}),k=system.createClass({...classes.getInputClasses({styles:t,borderBtn:I,inputBackgroundColor:S,textColor:b,isDisabled:!u})}),D=system.createStyle({...styles.getInputStyle(e)}),M=system.createClass({...classes.getButtonClass({borderBtn:I,buttonBackgroundColor:C,iconColor:x,buttonSide:"left",isDisabled:!u})}),W=system.createStyle({...styles.getButtonStyle({borderBtn:I,buttonWidth:f,buttonBackgroundColor:C,iconColor:x,corner:v,enableHoverButton:s?.enableHoverButton})}),L=system.createAttr({...attrs.getButtonAttrs({buttonSide:"left"})}),T=system.createClass({...classes.getButtonClass({borderBtn:I,buttonBackgroundColor:C,iconColor:x,buttonSide:"right",isDisabled:!u})}),V=system.createStyle({...styles.getButtonStyle({borderBtn:I,buttonWidth:f,buttonBackgroundColor:C,iconColor:x,corner:v,flipStyle:!0,enableHoverButton:s?.enableHoverButton})}),F=system.createAttr({...attrs.getButtonAttrs({buttonSide:"right"})}),O=system.createClass({...classes.getIconWrapperClasses()}),w=system.createStyle({...helpers.getIconWidth(q)});return jsxRuntime.jsx("div",{ref:c,...P,className:Q,style:R,children:jsxRuntime.jsxs("div",{className:N,style:H,children:[system.If(A,jsxRuntime.jsx("button",{...L,onClick:y,className:M,style:W,children:jsxRuntime.jsx("span",{className:O,style:w,dangerouslySetInnerHTML:{__html:helpers.getMinusIcon(g)}})})),jsxRuntime.jsx("input",{..._,className:k,style:D,onChange:e=>i(e),onFocus:e=>m(e)}),system.If(A,jsxRuntime.jsx("button",{...F,onClick:o,className:T,style:V,children:jsxRuntime.jsx("span",{className:O,style:w,dangerouslySetInnerHTML:{__html:helpers.getPlusIcon(d)}})}))]})})};exports.default=ProductQuantity;

package/dist/cjs/product/components/product-quantity/ProductQuantity.liquid.js

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers$1=require("../../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js");const ProductQuantity=({setting:e={},styles:t={},advanced:s,builderProps:a})=>{let{plusIcon:r,minusIcon:l,updatePrice:n}=e,i=e.defaultQtyValue??1,{inputHeight:c,buttonBackgroundColor:o,iconColor:u,inputBackgroundColor:y,textColor:d,align:p,borderBtn:g,buttonWidth:m,iconSizeCustom:$,corner:f,backgroundColor:b,dividerColor:v,dividerStroke:S}=t,C=e?.hasButton,h=system.createAttr({...attrs.getContainerAttrs({uid:a?.uid||"",isDisableByLiquid:!0})}),q=system.createClass({...classes.getContainerClasses(s?.cssClass)}),B=system.createStyle({...styles.getContainerStyles({align:p,inputHeight:c})}),A=system.createClass({...classes.getWrapperClasses()}),I=system.createStyle({...styles.getWrapperStyles({backgroundColor:b,styles:t})}),_=system.createAttr({...attrs.getInputAttr({isLiquid:!0,hasButton:C,defaultQty:i})}),j=system.createClass({...classes.getInputClasses({styles:t,borderBtn:g,inputBackgroundColor:y,textColor:d})}),P=system.createStyle({...styles.getInputStyle({setting:e,styles:{...t,borderBtn:g,inputBackgroundColor:y,textColor:d,dividerColor:v,dividerStroke:S}})}),E=system.createClass({...classes.getButtonClass({borderBtn:g,buttonBackgroundColor:o,iconColor:u,buttonSide:"left"})}),R=system.createStyle({...styles.getButtonStyle({borderBtn:g,buttonWidth:m,buttonBackgroundColor:o,iconColor:u,corner:f,enableHoverButton:e?.enableHoverButton})}),k=system.createAttr({...attrs.getButtonAttrs({buttonSide:"left"})}),H=system.createClass({...classes.getButtonClass({borderBtn:g,buttonBackgroundColor:o,iconColor:u,buttonSide:"right"})}),L=system.createStyle({...styles.getButtonStyle({borderBtn:g,buttonWidth:m,buttonBackgroundColor:o,iconColor:u,corner:f,flipStyle:!0,enableHoverButton:e?.enableHoverButton})}),M=system.createAttr({...attrs.getButtonAttrs({buttonSide:"right"})}),W=system.createClass({...classes.getIconWrapperClasses()}),D=helpers.getIconWidth($);return core.template`
+    {%- liquid
+      assign current_variant = product.selected_or_first_available_variant
+      assign available = current_variant.available | default: false
+    -%}
+      <gp-product-quantity
+        ${{...h}}
+        data-price="${n}"
+        class="${q}"
+        style="${B}"
+      >
+        <div class="${A}" style="${I}">
+          ${core.RenderIf(C,core.template`
+              <button
+              {% if available == false %} disabled {% endif %}
+               ${{...k}}
+                class="${E}"
+                style="${R}"
+              >
+                <span class="${W}" style="${D}"
+                >
+                  ${helpers.getMinusIcon(l)}
+                </span>
+              </button>
+            `)}
+          <input
+            {% if available == false %} disabled {% endif %}
+            ${{..._}}
+            class="${j}"
+            style="${P}"
+            inputMode="numeric"
+          />
+
+          ${core.RenderIf(C,core.template`
+            <button
+              {% if available == false %} disabled {% endif %}
+              ${{...M}}
+              class="${H}"
+              style="${L}"
+            >
+              <span class="${W}" style="${D}">
+                ${helpers.getPlusIcon(r)}
+              </span>
+            </button>
+          `)}
+          </div>
+        </gp-product-quantity>
+      ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-quantity-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-quantity-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};exports.default=ProductQuantity;

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

@@ -0,0 +1 @@
+"use strict";const getContainerAttrs=({uid:t,isDisabled:e=!0,isDisableByLiquid:n})=>({"data-id":t,"data-disabled":n?"{%- if available -%} false {%- else -%} true {%- endif -%}":e}),getButtonAttrs=({buttonSide:t})=>({title:"left"===t?"Decrement":"Increment","aria-label":"left"===t?"decrement":"increment",type:"button"}),getInputAttr=({isLiquid:t,hasButton:e,quantity:n,currentVariant:r,defaultQty:a})=>{let i={};return r?.manageInventory&&(i.max=t?"{{ current_variant.quantity_rule.max }}":r?.inventoryQuantity??1),{type:e?"text":"number",name:"quantity",step:1,min:1,"aria-label":"quantity",inputMode:"numeric",quantity:t?"current_variant.quantity":n??0,autocomplete:"off",value:n??a??1,...i}};exports.getButtonAttrs=getButtonAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getInputAttr=getInputAttr;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const getInputClasses=({styles:e,borderBtn:s,inputBackgroundColor:t,textColor:o,isDisabled:l})=>{let p="gp-flex gp-w-full gp-px-1 gp-min-w-[45px] gp-shrink-[99999] gp-appearance-none gp-items-center gp-text-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-cursor-not-allowed",r=core.composeTypographyClassName(e?.typo,e?.typography),a=core.handleConvertClassColor(s),g=core.getGlobalColorStateClass("bg",t),n=core.getGlobalColorStateClass("text",o);return a&&(p+=` ${a} `),r&&(p+=` ${r} `),g&&(p+=` ${g} `),n&&(p+=` ${n} `),l&&(p+="gp-cursor-not-allowed"),{...core.composeClasses(p)}},getButtonClass=({borderBtn:e,buttonBackgroundColor:s,iconColor:t,buttonSide:o,isDisabled:l})=>{let p=`gp-flex gp-aspect-square gp-h-full disabled:gp-cursor-not-allowed ${l?"gp-cursor-not-allowed":"gp-cursor-pointer"} gp-items-center gp-justify-center gp-outline-none ${"left"===o?"gp-minus":"gp-plus"} `,r=core.handleConvertClassColor(e),a=core.getGlobalColorStateClass("bg",s),g=core.getGlobalColorStateClass("text",t);return r&&(p+=` ${r} `),a&&(p+=` ${a} `),g&&(p+=` ${g} `),{...core.composeClasses(p)}},getContainerClasses=e=>({...core.composeClasses(`quantityClass gp-relative gp-inline-flex gp-h-12 gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 ${e??""}`)}),getWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-w-full gp-overflow-hidden")}),getIconWrapperClasses=()=>({...core.composeClasses("gp-inline-flex gp-items-center gp-justify-center [&>*]:gp-h-full [&>*]:gp-w-full")});exports.getButtonClass=getButtonClass,exports.getContainerClasses=getContainerClasses,exports.getIconWrapperClasses=getIconWrapperClasses,exports.getInputClasses=getInputClasses,exports.getWrapperClasses=getWrapperClasses;

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

@@ -0,0 +1,17 @@
+"use strict";var core=require("@gem-sdk/core");const getPlusIcon=o=>o||`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke="currentColor"
+    >
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"
+      />
+    </svg>`,getMinusIcon=o=>o||`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      className="gp-h-full gp-w-full"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke="currentColor"
+      >
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" />
+      </svg>`,getIconWidth=o=>o?(core.DEVICES.forEach(e=>{o?.[e]||(o[e]=o.desktop||void 0)}),core.makeStyleResponsive("w",o)):{};exports.getIconWidth=getIconWidth,exports.getMinusIcon=getMinusIcon,exports.getPlusIcon=getPlusIcon;

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

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core");const addPxToValues=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,`${t}px`])),flipBorderWidth=e=>{if(!e)return e;let t=e.split(" ").map(e=>e.trim());return 4===t.length?`${t[0]} ${t[3]} ${t[2]} ${t[1]}`:e},flipCornerRadius=e=>{if(!e)return e;let t={...e},r=t.btlr,o=t.bblr,l=t.btrr,a=t.bbrr;return t.btrr=o,t.bbrr=r,t.btlr=a,t.bblr=l,t},flipBorderObject=e=>{if(!e)return e;let t={...e};return t.width&&(t.width=flipBorderWidth(t.width)),t},getDividerWidth=(e,t)=>{if(!e||!t)return{};let r=addPxToValues(e),o={...core.makeStyleState("brw",r),...core.makeStyleState("blw",r)};return o},getDividerColorStyle=e=>{if(!e)return{};let t={...e,normal:e?.normal??"transparent"},r={...core.getGlobalColorStateStyle("brc",t),...core.getGlobalColorStateStyle("blc",t)},o=Object.fromEntries(Object.entries(r).filter(([e,t])=>void 0!==t));return o},getInputStyle=e=>{let{styles:t,setting:r}=e,{inputBackgroundColor:o,textColor:l,dividerColor:a,dividerStroke:n}=t??{},{enableHoverInput:s,hasButton:i}=r??{},d=core.composeTypographyStyle(t?.typo,t?.typography),p={...getDividerWidth(n,a),...getDividerColorStyle(a)},c={...core.getGlobalColorStateStyle("bg",{...o,normal:o?.normal??"transparent"}),...core.getGlobalColorStateStyle("c",{...l,hover:l?.hover??l?.normal}),...i?p:{}},S=t?.inputBorder,b={...core.handleConvertBorderStyle(S),...core.handleConvertBorderWidth(S),...core.handleConvertBorderColor(S)},y={...i?{}:b,...i?{}:core.composeRadiusResponsive(t?.shapeRounded),...core.makeStyle({}),...d,...c,...core.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText})};return s?y:core.filterHoverVariables(y)},getButtonStyle=({borderBtn:e,buttonWidth:t,buttonBackgroundColor:r,iconColor:o,corner:l,flipStyle:a,enableHoverButton:n})=>{let s=a?Object.fromEntries(Object.entries(e||{}).map(([e,t])=>[e,flipBorderObject(t)])):e,i=a?Object.fromEntries(Object.entries(l||{}).map(([e,t])=>[e,flipCornerRadius(t)])):l,d={...core.makeStyleResponsive("w",t),...core.handleConvertBorderStyle(s),...core.handleConvertBorderWidth(s),...core.handleConvertBorderColor(s),...core.getGlobalColorStateStyle("bg",r),...core.getGlobalColorStateStyle("c",o),...core.composeRadius(i)};return n?d:core.filterHoverVariables(d)},getContainerStyles=({inputHeight:e,align:t})=>({...core.makeStyleResponsive("h",e),...core.makeStyleResponsive("jc",t)}),getWrapperStyles=({backgroundColor:e,styles:t})=>{let r=t?.shapeShadow,o=core.getResponsiveStyleShadowWithoutState(r,"box-shadow",{desktop:r?.desktop??{},tablet:r?.tablet??r?.desktop??{},mobile:r?.mobile??r?.tablet??r?.desktop??{}});return{...core.getGlobalColorResponsiveStyle("bg",e),...core.makeStyleResponsive("maxw",t?.quantityWidth),...core.composeBorderResponsive(t?.shapeBorder),...core.composeRadiusResponsive(t?.shapeRounded),...o}};exports.getButtonStyle=getButtonStyle,exports.getContainerStyles=getContainerStyles,exports.getInputStyle=getInputStyle,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/product/components/product-quantity/hooks/useProductQuantity.js

@@ -0,0 +1 @@
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),common=require("../../product-variants/common/common.js");const useProductQuantity=e=>{let{setting:t={},advanced:r}=e,{updatePrice:u}=t,{quantity:a,setQuantity:n,setUpdatePrice:c,increment:o,decrement:i}=core.useQuantity(),s=core.useCurrentVariantInStock(),d=core.useProduct(),l=core.useIsSyncProduct(),{trigger:y}=core.useInteraction(),m=React.useRef(null),q=t.defaultQtyValue||1;React.useEffect(()=>{n(parseFloat(`${q}`))},[n,q]),React.useEffect(()=>{c(u||!1)},[u,c]);let p=e=>{let t=e.detail,r=d?.id;l&&t&&r==t.productId&&a!=t.quantity&&(f(t.quantity),n(t.quantity))};React.useEffect(()=>{window.removeEventListener("set-product-quantity",p),window.addEventListener("set-product-quantity",p)}),common.useTransition(e=>{e!==a&&f(a||0)},[a]);let f=e=>{y({event:"gp:rollback:quantity-change",selector:`[data-id="${r?.uid}"]`,element:m.current}),y({event:"gp:quantity-change",selector:`[data-id="${r?.uid}"]`,data:e,element:m.current})},v=()=>{s&&o()},g=()=>{s&&i()},R=e=>{s&&n(parseInt(e.target.value,10))},E=e=>{s||e.target.blur()};return{isInStock:s,ref:m,onClickIncrement:v,onClickDecrement:g,onChangeInput:R,onFocusInput:E}};exports.useProductQuantity=useProductQuantity;

package/dist/cjs/product/components/product-quick-view/ProductQuickView.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),Row=require("../../../grid/components/row/Row.js"),Col=require("../../../grid/components/col/Col.js");require("../../../modal/components/confirm.js");var Modal=require("../../../modal/components/Modal.js"),ProductButton=require("../product-button/ProductButton.js"),ProductImages=require("../ProductImages.js"),ProductPrice=require("../product-price/ProductPrice.js"),ProductQuantity=require("../product-quantity/ProductQuantity.js"),ProductTitle=require("../product-title/ProductTitle.js"),ProductVariants=require("../product-variants/ProductVariants.js");const ModalContent=()=>{let e=core.useProduct(),{data:t,isValidating:r,error:i}=core.useProductQuery(e?.id);return r?jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("svg",{className:"gp-mx-auto gp-my-20 gp-h-8 gp-w-8 gp-animate-spin gp-text-base",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[jsxRuntime.jsx("circle",{className:"gp-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsxRuntime.jsx("path",{className:"gp-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}):i?jsxRuntime.jsx("p",{className:"gp-py-20 gp-text-center gp-font-semibold",children:"Something went wrong"}):jsxRuntime.jsx(core.ProductProvider,{product:t,children:jsxRuntime.jsxs(Row.default,{setting:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12]}}},children:[jsxRuntime.jsx(Col.default,{children:jsxRuntime.jsx(ProductImages.default,{})}),jsxRuntime.jsxs(Col.default,{children:[jsxRuntime.jsx(ProductTitle.default,{setting:{htmlTag:"p"},styles:{typography:{type:"heading-3"}}}),jsxRuntime.jsxs(Row.default,{setting:{layout:{desktop:{cols:[6,6],display:"fit"}}},children:[jsxRuntime.jsx(Col.default,{children:jsxRuntime.jsx(ProductPrice.default,{setting:{priceType:"regular"},styles:{typography:{type:"subheading-2"}}})}),jsxRuntime.jsx(Col.default,{children:jsxRuntime.jsx(ProductPrice.default,{setting:{priceType:"compare"},styles:{typography:{type:"paragraph-2"}}})})]}),jsxRuntime.jsx(ProductVariants.default,{}),jsxRuntime.jsx(ProductQuantity.default,{}),jsxRuntime.jsx(ProductButton.default,{})]})]})})},ProductQuickView=({label:e})=>{let[t,r]=React.useState(!1),i=core.usePluginEnable();return i?.includes("quick-view")?jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{"aria-hidden":!0,role:"button","aria-label":"Quick view",onClick:()=>r(e=>!e),children:e}),jsxRuntime.jsx(Modal.default,{setting:{open:t},closeOnClickOutside:!0,onClose:()=>r(e=>!e),children:jsxRuntime.jsx(ModalContent,{})})]}):null};ProductQuickView.defaultProps={label:"Quick View"},exports.default=ProductQuickView;

package/dist/cjs/product/components/product-quick-view/QuickView.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic");const ProductQuickView=dynamic(()=>Promise.resolve().then(function(){return require("./ProductQuickView.js")}),{ssr:!1}),QuickView=()=>{let e=core.usePluginEnable();return e?.includes("quick-view")?jsxRuntime.jsx(ProductQuickView,{}):null};exports.default=QuickView;

package/dist/cjs/product/components/product-sku/Sku.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../../text/components/Text.js");const ProductSku=({setting:e,builderProps:t,styles:r})=>{let s=core.useCurrentVariant();r?.disableHoverColor&&delete r.underlineLink;let u=e?.label&&e.label.trim().length?`${e.label} ${s?.sku??""}`:`${s?.sku??""}`;return s?.sku?jsxRuntime.jsx("div",{id:`sku-${t?.uid}`,children:jsxRuntime.jsx(Text.default,{builderProps:t,styles:r,setting:{...e,text:u,excludeFlex:!0}})}):jsxRuntime.jsx("div",{"data-id":t?.uid,children:jsxRuntime.jsx("p",{className:"gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",children:"This product does not have a SKU"})})};exports.default=ProductSku;

package/dist/cjs/product/components/product-sku/Sku.liquid.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system");const ProductSku=({setting:e,styles:t,advanced:s,builderProps:r})=>{let a=t?.typo?.attrs?.transform==="capitalize",l=e?.label&&e.label.trim().length?`${a?e.label.toString().toLocaleLowerCase():e.label}`:"";t?.disableHoverColor&&delete t.underlineLink;let u=()=>{let e=core.isLocalEnv?"{{ 'gp-product-sku-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-sku-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+    ${system.LiquidUnless("product","<p>Product not found</p>",`{% assign currentVariant = product.selected_or_first_available_variant %}
+      <gp-product-sku gp-data='${JSON.stringify({label:l})}'>
+        ${Text_liquid.default({styles:t,setting:{...e,text:`${system.LiquidIf("currentVariant.sku.size > 0 ",`${l} ${system.If(a,"{{ currentVariant.sku | downcase }}","{{ currentVariant.sku }}")}`)}`,excludeFlex:!0,isForceValue:!0},advanced:s,builderProps:r,className:"gp-product-sku"})}
+      </gp-product-sku>
+      ${u()}`)}`};exports.default=ProductSku;

package/dist/cjs/product/components/product-title/ProductTitle.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Link=require("next/link"),core=require("@gem-sdk/core"),helpers=require("../../../link/common/helpers.js"),Text=require("../../../text/components/Text.js"),system=require("@gem-sdk/system"),helpers$1=require("./common/helpers.js");const ProductTitle=e=>{let{setting:t,builderProps:r}=e,s=core.useProduct(),i=s?.handle?helpers.urlJoin("/products",s.handle):"#",l=s?.baseID?.replace("gid://shopify/Product/",""),u=core.useEditorMode(),o=()=>jsxRuntime.jsx(Text.default,{...helpers$1.getTextProps(e,s?.title)}),d={href:i,title:s?.title},n=t?.linkProduct,c=system.createClass({"gp-product-title-link-wrapper":!0}),m=system.createAttr({id:`shopify-text-element-${r?.uid}`,...l&&{"data-product-id":l}});return jsxRuntime.jsx("div",{..."edit"===u&&m,children:system.Unless(!!s,"",system.If(n,jsxRuntime.jsx(Link,{...d,className:c,children:o()}),o()))})};exports.default=ProductTitle;

package/dist/cjs/product/components/product-title/ProductTitle.liquid.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),Text_liquid=require("../../../text/components/Text.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("./common/helpers.js");const ProductTitle=e=>{let{setting:t}=e,r=`<p>${helpers.getStaticLocale("ProductTitle","product_not_found")}</p>`,s=()=>Text_liquid.default(helpers$1.getTextProps(e)),l={},o=t?.linkProduct,u=system.createClass({"gp-product-title-link-wrapper":!0});return system.LiquidUnless("product",`${r}`,system.If(o,core.template`<a ${l} class="${u}">
+        ${s()}
+        </a>`,`${s()}`))};exports.default=ProductTitle;

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

@@ -0,0 +1 @@
+"use strict";const getTextProps=(t,e)=>{let{setting:r,builderProps:s,styles:x,advanced:o}=t;return{builderProps:s,styles:x,setting:{...r,text:e||"{{ product.title }}",excludeFlex:!0},advanced:o}};exports.getTextProps=getTextProps;

package/dist/cjs/product/components/product-variants/ProductVariants.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Text=require("../../../text/components/Text.js"),index=require("./components/variants/index.js"),Dropdown=require("./components/dropdown-swatches/Dropdown.js"),DropdownGroup=require("./components/dropdown-group/DropdownGroup.js"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/main/styles.js"),getAttr=require("./common/main/getAttr.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),useGpVariants=require("./hooks/useGpVariants.js"),classes$1=require("./common/variants/classes.js"),styles$1=require("./common/variants/styles.js");const ProductVariants=e=>{let{builderProps:t,styles:s,setting:a}=e,{align:r,optionTypo:o,swatchItemWidth:n,dropdownItemWidth:i,swatchSpacing:l,marginBottom:c}=s??{},{label:p,showAsSwatches:u,layout:m,hasPreSelected:d}=a??{},{uid:y}=t??{},x=core.useVariants(),{mode:j,options:g,variantId:f,elementRef:h,variantGroup:w,isChangeVariant:D,selectedOptions:S,isDefaultVariant:v,getVariantConfiguration:V,redirectProductShopifyLink:q}=useGpVariants.useGpVariants(e,x),R=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(n,t);e[t]="auto"===s}),e},C=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=i?.[t]==="fill"}),e},N=()=>{let t=g?.filter(e=>{let t=V(e.name);return!t?.hide});return t?.map((n,i)=>{let j=V(n.name),h=j?j.optionType:n.optionType,w=j?j.presets[j.optionType||"rectangle_list"]?.spacing:l,v=(d||f)&&n.name?S?.[n.name]:void 0,q=system.createClass(classes.getVariantOptionGroupClass(r)),N=system.createStyle(styles.getVariantOptionGroupStyle(l,w)),T=getData.getTextVariantTitleData(e,"React",{optionName:n.name,hasPreSelected:d,selectedOptions:S,styleOptionSelected:h}),A=system.createClass(classes$1.getWrapVariantOptionClass(m,r)),G=i===t.length-1;return jsxRuntime.jsxs("div",{className:A,style:system.createStyle(styles$1.getMarginBottomStyle(c,G)),children:[system.If(p,jsxRuntime.jsx(Text.default,{...T})),jsxRuntime.jsxs("div",{className:q,style:N,children:[u&&core.OptionSpecialStyle.includes(`${h}`)&&n.values.map(e=>{let t=(!!d||!!D||!!f)&&!!n.name&&S?.[n.name]===e.label;return jsxRuntime.jsx(index.default,{variantKey:`${n.id}-${e.id}`,showAsSwatches:u,uid:y,optionName:n.name??"",optionValue:e.label??"",name:n.name,value:e,optionNumber:g.length,optionPosition:i,...s,...a,presetConfiguration:V(n.name),checked:t,typeOfOption:h||"dropdown",swatchAutoWidth:R(),optionTypo:o},e.id)}),system.If(("dropdown"===h||u&&!core.OptionSpecialStyle.includes(`${h}`))&&"radio_buttons"!==h,jsxRuntime.jsx(Dropdown.default,{...s,...a,variants:x,option:n,initValue:v,presetConfiguration:V(n.name),swatchAutoWidth:C(),optionTypo:o,optionPosition:i,optionNumber:g.length}))]})]},n.id)})},T=system.createClass(classes.getWrapDropdownClass(r)),A=getData.getDropdownGroupData(e),G=()=>jsxRuntime.jsx("div",{className:T,children:jsxRuntime.jsx(DropdownGroup.default,{...A})});if(v&&"edit"===j)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Setup options like colors, sizes with product variant.",descriptionActions:[{text:"Add new variant",callback:q},{text:"sync data",callback:"syncProduct"}]});if(v)return;let b=system.createAttr(getAttr.getAttrs({uid:y,hasPreSelected:d})),O=system.createStyle(styles.getWrapperStyle(e)),$=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0});return jsxRuntime.jsx("div",{ref:h,...b,className:$,style:O,children:system.If(w,G(),N())})};exports.default=ProductVariants;