@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/esm/product/components/product-button/BlankSpace.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{getBlankSpaceStyle as e}from"./common/styles.js";let m=()=>t("div",{style:e()});export{m as default};
+import{jsx as e}from"react/jsx-runtime";import{getBlankSpaceStyle as t}from"./common/styles.js";let BlankSpace=()=>e("div",{style:t()});export{BlankSpace as default};

package/dist/esm/product/components/product-button/BlankSpace.liquid.js

@@ -1,3 +1,3 @@
-import{template as e}from"@gem-sdk/core";import{getBlankSpaceStyle as o}from"./common/styles.js";let m=()=>e`
+import{template as e}from"@gem-sdk/core";import{getBlankSpaceStyle as o}from"./common/styles.js";let BlankSpace=()=>e`
   <div style="${o()}"></div>
-`;export{m as default};
+`;export{BlankSpace as default};

package/dist/esm/product/components/product-button/CartMessage.js

@@ -1 +1 @@
-import{jsx as s}from"react/jsx-runtime";import"react";import e from"../../../text/components/Text.js";let r=({message:r,type:o,setting:t,styles:c})=>s(e,{setting:{text:r||t?.["success"===o?"successMessage":"errorMessage"],excludeFlex:!0},styles:{typo:c?.["success"===o?"successTypo":"errorTypo"],color:{normal:c?.["success"===o?"successColor":"errorColor"]}}});export{r as CartMessage};
+import{jsx as s}from"react/jsx-runtime";import"react";import e from"../../../text/components/Text.js";let CartMessage=({message:r,type:o,setting:t,styles:c})=>s(e,{setting:{text:r||t?.["success"===o?"successMessage":"errorMessage"],excludeFlex:!0},styles:{typo:c?.["success"===o?"successTypo":"errorTypo"],color:{normal:c?.["success"===o?"successColor":"errorColor"]}}});export{CartMessage};

package/dist/esm/product/components/product-button/PriceComponent.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{createClass as t}from"@gem-sdk/system";import e from"../product-price/ProductPrice.js";import{getProductPriceClasses as s}from"./common/classes.js";let m=({priceType:m,settings:o})=>{let{lineThrough:c,typo:i,opacityPrice:p}=o,a=t(s());return r(e,{setting:{priceType:m},styles:{typo:i,lineThrough:c,opacityPrice:p},classNames:a})};export{m as default};
+import{jsx as e}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import t from"../product-price/ProductPrice.js";import{getProductPriceClasses as o}from"./common/classes.js";let PriceComponent=({priceType:m,settings:s})=>{let{lineThrough:c,typo:i,opacityPrice:p}=s,n=r(o());return e(t,{setting:{priceType:m},styles:{typo:i,lineThrough:c,opacityPrice:p},classNames:n})};export{PriceComponent as default};

package/dist/esm/product/components/product-button/PriceComponent.liquid.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";import{ProductPrice as s}from"../product-price/ProductPrice.liquid.js";import{getProductPriceClasses as t}from"./common/classes.js";let r=({priceType:r,settings:o,pageContext:m})=>{let{lineThrough:i,typo:c,opacityPrice:l}=o,p=e(t());return s({setting:{priceType:r},styles:{typo:c,lineThrough:i,opacityPrice:l},classNames:p,pageContext:m})};export{r as default};
+import{createClass as e}from"@gem-sdk/system";import{ProductPrice as t}from"../product-price/ProductPrice.liquid.js";import{getProductPriceClasses as o}from"./common/classes.js";let PriceComponent=({priceType:r,settings:s,pageContext:m})=>{let{lineThrough:i,typo:c,opacityPrice:p}=s,l=e(o());return t({setting:{priceType:r},styles:{typo:c,lineThrough:i,opacityPrice:p},classNames:l,pageContext:m})};export{PriceComponent as default};

package/dist/esm/product/components/product-button/PriceLayout.js

@@ -1 +1 @@
-import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import m from"react";import{If as o}from"@gem-sdk/system";import a from"./Separator.js";import p from"./BlankSpace.js";let i=({components:i,showPrice:l,showSeparator:n,separator:s})=>{let c=o(n,r(a,{separator:s}),o(i.length>1,r(p,{}),r(t,{})));return e(t,{children:[c,l&&i.map((t,o)=>e(m.Fragment,{children:[t,o<i.length-1&&r(p,{})]},o))]})};export{i as default};
+import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import m from"react";import{If as o}from"@gem-sdk/system";import a from"./Separator.js";import i from"./BlankSpace.js";let PriceLayout=({components:p,showPrice:l,showSeparator:n,separator:s})=>{let c=o(n,r(a,{separator:s}),o(p.length>1,r(i,{}),r(t,{})));return e(t,{children:[c,l&&p.map((t,o)=>e(m.Fragment,{children:[t,o<p.length-1&&r(i,{})]},o))]})};export{PriceLayout as default};

package/dist/esm/product/components/product-button/PriceLayout.liquid.js

@@ -1,7 +1,7 @@
-import{If as r}from"@gem-sdk/system";import e from"./Separator.liquid.js";import t from"./BlankSpace.liquid.js";import{template as o}from"@gem-sdk/core";let m=({components:m,separator:i,showPrice:a,showSeparator:l})=>{let p=r(l,e({separator:i}),r(m.length>1,t(),""));return o`
+import{If as r}from"@gem-sdk/system";import e from"./Separator.liquid.js";import t from"./BlankSpace.liquid.js";import{template as o}from"@gem-sdk/core";let PriceLayout=({components:m,separator:i,showPrice:a,showSeparator:l})=>{let p=r(l,e({separator:i}),r(m.length>1,t(),""));return o`
     ${p}
     ${a?m.map((r,e)=>o`
             ${r()}
             ${e<m.length-1?t():""}
           `).join(""):""}
-  `};export{m as default};
+  `};export{PriceLayout as default};

package/dist/esm/product/components/product-button/ProductButton.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{If as r}from"@gem-sdk/system";import{useBtnAddToCart as e}from"./hooks/useAddToCart.js";import{getSplitStyle as m}from"./common/styles.js";import s from"./SoldOutButton.js";import d from"./AddToCartButton.js";let i=i=>{let{setting:l,builderProps:n,style:a,styles:u,children:f}=i,{wrapStyle:p,restStyle:c}=m(a),{isLoading:j,isInStock:y,outOfStockLabel:h,notiComponent:B,addToCart:C,addToCartRef:T}=e({setting:l,styles:u,builderProps:n});return t("div",{style:p,ref:T,children:[r(y,o(d,{...i,style:c,children:f,isLoading:j,addToCart:C}),o(s,{...i,style:c,children:f,label:h})),B]})};export{i as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{If as r}from"@gem-sdk/system";import{useBtnAddToCart as e}from"./hooks/useAddToCart.js";import{getSplitStyle as m}from"./common/styles.js";import s from"./SoldOutButton.js";import d from"./AddToCartButton.js";let ProductButton=i=>{let{setting:l,builderProps:n,style:u,styles:a,children:f}=i,{wrapStyle:c,restStyle:p}=m(u),{isLoading:j,isInStock:y,outOfStockLabel:h,notiComponent:B,addToCart:C,addToCartRef:T}=e({setting:l,styles:a,builderProps:n}),g=()=>o(d,{...i,style:p,children:f,isLoading:j,addToCart:C}),k=()=>o(s,{...i,style:p,children:f,label:h});return t("div",{style:c,ref:T,children:[r(y,g(),k()),B]})};export{ProductButton as default};

package/dist/esm/product/components/product-button/ProductButton.liquid.js

@@ -1,4 +1,4 @@
-import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as e}from"./common/helpers.js";import{template as s,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as l,If as n}from"@gem-sdk/system";import{getInsertLinkData as p,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let f=f=>{let{setting:g,builderProps:b,style:y,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(y),{outOfStockButtonLabel:S,unavailableButtonLabel:j,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:b}),{urlData:A}=p("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(e({styles:$,setting:g,successMessage:E,errorMessage:q}));return s`
+import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as e}from"./common/helpers.js";import{template as o,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as l,If as n}from"@gem-sdk/system";import{getInsertLinkData as p,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let ProductButton=f=>{let{setting:g,builderProps:b,style:y,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(y),{outOfStockButtonLabel:S,unavailableButtonLabel:j,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:b}),{urlData:A}=p("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(e({styles:$,setting:g,successMessage:E,errorMessage:q})),P=()=>m({...f,style:h}),G=()=>d({...f,style:h,label:S}),w=()=>n(s,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return o`
     ${i("{%- assign total_combinations = 1 -%}")}
     ${l("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
@@ -16,8 +16,8 @@ import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonStat
       data-variant-selection-required-message="${k}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
     >
-      ${m({...f,style:h})}
-      ${d({...f,style:h,label:S})}
+      ${P()}
+      ${G()}
     </gp-product-button>
-    ${n(o,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{f as default};
+    ${w()}
+  `};export{ProductButton as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{PriceType as e}from"./types.js";import"react";import{getRenderRegularPriceSettings as t,getRenderComparePriceSettings as o}from"./common/helpers.js";import a from"./PriceLayout.js";import p from"./PriceComponent.js";import{PRICE_LAYOUT as s}from"./common/constants.js";let m=({setting:m,styles:c})=>{let i=r(p,{priceType:e.Regular,settings:t(m)},"regular"),n=r(p,{priceType:e.Compare,settings:o(m)},"compare"),u=(()=>{if(!m?.priceLayout)return[i];switch(m?.priceLayout){case s.PRICE_ONLY:return[i];case s.PRICE_BEFORE:return[i,n];case s.PRICE_AFTER:return[n,i];default:return[i,n]}})();return r(a,{components:u,separator:m?.separator,showPrice:!!c?.enablePrice,showSeparator:!!c?.enableSeparator})};export{m as default};
+import{jsx as r}from"react/jsx-runtime";import{PriceType as e}from"./types.js";import"react";import{getRenderRegularPriceSettings as t,getRenderComparePriceSettings as o}from"./common/helpers.js";import a from"./PriceLayout.js";import p from"./PriceComponent.js";import{PRICE_LAYOUT as s}from"./common/constants.js";let ProductButtonPrice=({setting:c,styles:i})=>{let m=r(p,{priceType:e.Regular,settings:t(c)},"regular"),n=r(p,{priceType:e.Compare,settings:o(c)},"compare"),u=()=>{if(!c?.priceLayout)return[m];switch(c?.priceLayout){case s.PRICE_ONLY:return[m];case s.PRICE_BEFORE:return[m,n];case s.PRICE_AFTER:return[n,m];default:return[m,n]}},P=u();return r(a,{components:P,separator:c?.separator,showPrice:!!i?.enablePrice,showSeparator:!!i?.enableSeparator})};export{ProductButtonPrice as default};

package/dist/esm/product/components/product-button/ProductButtonPrice.liquid.js

@@ -1,2 +1,2 @@
 'use client';
-import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import a from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as i}from"./common/constants.js";let s=({setting:s,styles:p,pageContext:c})=>{let n=()=>a({priceType:r.Regular,settings:e(s),pageContext:c}),m=()=>a({priceType:r.Compare,settings:t(s),pageContext:c}),u=(()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case i.PRICE_ONLY:return[n];case i.PRICE_BEFORE:return[n,m];case i.PRICE_AFTER:return[m,n];default:return[n,m]}})();return o({components:u,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{s as default};
+import{PriceType as r}from"./types.js";import{getRenderRegularPriceSettings as e,getRenderComparePriceSettings as t}from"./common/helpers.js";import o from"./PriceLayout.liquid.js";import i from"./PriceComponent.liquid.js";import{PRICE_LAYOUT as a}from"./common/constants.js";let ProductButtonPrice=({setting:s,styles:p,pageContext:c})=>{let n=()=>i({priceType:r.Regular,settings:e(s),pageContext:c}),u=()=>i({priceType:r.Compare,settings:t(s),pageContext:c}),m=()=>{if(!s?.priceLayout)return[n];switch(s?.priceLayout){case a.PRICE_ONLY:return[n];case a.PRICE_BEFORE:return[n,u];case a.PRICE_AFTER:return[u,n];default:return[n,u]}},P=m();return o({components:P,separator:s?.separator,showPrice:!!p?.enablePrice,showSeparator:!!p?.enableSeparator})};export{ProductButtonPrice as default};

package/dist/esm/product/components/product-button/Separator.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{renderSeparator as t}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let o=({separator:o})=>e("div",{className:"group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden",style:r(),dangerouslySetInnerHTML:{__html:t(o)}});export{o as default};
+import{jsx as e}from"react/jsx-runtime";import{renderSeparator as t}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:a})=>e("div",{className:"group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden",style:r(),dangerouslySetInnerHTML:{__html:t(a)}});export{Separator as default};

package/dist/esm/product/components/product-button/Separator.liquid.js

@@ -1,8 +1,8 @@
-import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as t}from"./common/styles.js";let r=({separator:r})=>e`
+import{template as e}from"@gem-sdk/core";import{renderSeparator as o}from"./common/helpers.js";import{getSeparatorStyle as r}from"./common/styles.js";let Separator=({separator:t})=>e`
   <div
     class="group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden"
-    style="${t()}"
+    style="${r()}"
   >
-    ${o(r)}
+    ${o(t)}
   </div>
-`;export{r as default};
+`;export{Separator as default};

package/dist/esm/product/components/product-button/SoldOutButton.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import s from"./ProductButtonPrice.js";import{getSoldOutButtonData as e}from"./common/data.js";import{getSoldOutButtonClasses as m}from"./common/classes.js";let i=i=>{let{children:n,...a}=i,{styles:c,setting:d,advanced:l,builderProps:u,builderAttrs:p}=a,{buttonStyle:f,buttonStyles:j,buttonSettings:y}=e(a),P=r(m()),b=t(s,{setting:d,styles:c});return t(o,{advanced:l,style:f,styles:j,nodePrice:b,setting:y,className:P,builderProps:u,builderAttrs:{...p,"data-is-in-stock":!1},children:n})};export{i as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import o from"../../../button/components/Button.js";import{createClass as r}from"@gem-sdk/system";import s from"./ProductButtonPrice.js";import{getSoldOutButtonData as e}from"./common/data.js";import{getSoldOutButtonClasses as m}from"./common/classes.js";let SoldOutButton=i=>{let{children:n,...a}=i,{styles:c,setting:d,advanced:l,builderProps:u,builderAttrs:p}=a,{buttonStyle:f,buttonStyles:j,buttonSettings:y}=e(a),B=r(m()),P=t(s,{setting:d,styles:c});return t(o,{advanced:l,style:f,styles:j,nodePrice:P,setting:y,className:B,builderProps:u,builderAttrs:{...p,"data-is-in-stock":!1},children:n})};export{SoldOutButton as default};

package/dist/esm/product/components/product-button/SoldOutButton.liquid.js

@@ -1 +1 @@
-import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import e from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as o}from"./common/classes.js";import s from"../../../button/components/Button.liquid.js";let a=a=>{let{pageContext:d,...r}=a,{styles:u,setting:l,advanced:m,builderProps:n,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(o({isLiquid:!0})),g=e({setting:l,styles:u,pageContext:d});return s({advanced:m,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...n,uidTranslate:n?.uid,uid:`${n?.uid}-sold-out`},pageContext:d,isUseTranslatedValue:!1,dataId:`${n?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{a as SoldOutButton};
+import{createClass as t}from"@gem-sdk/system";import{getSoldOutButtonData as i}from"./common/data.js";import o from"./ProductButtonPrice.liquid.js";import{getSoldOutButtonClasses as d}from"./common/classes.js";import e from"../../../button/components/Button.liquid.js";let SoldOutButton=s=>{let{pageContext:a,...r}=s,{styles:u,setting:l,advanced:n,builderProps:m,builderAttrs:p}=r,{buttonStyle:c,buttonStyles:f,buttonSettings:b}=i(r),v=t(d({isLiquid:!0})),g=o({setting:l,styles:u,pageContext:a});return e({advanced:n,style:c,styles:f,nodePrice:g,setting:b,className:v,wrapClassName:"{% if variant.available %} !gp-hidden {% endif %}",builderAttrs:p,builderProps:{...m,uidTranslate:m?.uid,uid:`${m?.uid}-sold-out`},pageContext:a,isUseTranslatedValue:!1,dataId:`${m?.uid}-sold-out`,customAttrs:{"gp-data-hidden":"{% if variant.available %}true{% endif %}"}})};export{SoldOutButton};

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

@@ -1 +1 @@
-let t=({isDisabled:t,isLiquid:e})=>({"gp-cursor-default gp-opacity-30":t,"btn-disabled":t&&e,"gp-add-to-cart":!e}),e=e=>{let{isLiquid:s=!1,isDisabled:o=!1}=e??{};return{...t({isDisabled:o,isLiquid:s}),"gp-button-atc tcustomizer-submit-button":s}},s=e=>{let{isLiquid:s=!1}=e??{};return{...t({isDisabled:!0,isLiquid:s}),"gp-button-sold-out":s}},o=()=>({"gp-button-price":!0});export{e as getAddToCartButtonClasses,t as getButtonClasses,o as getProductPriceClasses,s as getSoldOutButtonClasses};
+let getButtonClasses=({isDisabled:t,isLiquid:s})=>({"gp-cursor-default gp-opacity-30":t,"btn-disabled":t&&s,"gp-add-to-cart":!s}),getAddToCartButtonClasses=t=>{let{isLiquid:s=!1,isDisabled:e=!1}=t??{};return{...getButtonClasses({isDisabled:e,isLiquid:s}),"gp-button-atc tcustomizer-submit-button":s}},getSoldOutButtonClasses=t=>{let{isLiquid:s=!1}=t??{};return{...getButtonClasses({isDisabled:!0,isLiquid:s}),"gp-button-sold-out":s}},getProductPriceClasses=()=>({"gp-button-price":!0});export{getAddToCartButtonClasses,getButtonClasses,getProductPriceClasses,getSoldOutButtonClasses};

package/dist/esm/product/components/product-button/common/constants.js

@@ -1,4 +1,4 @@
-let e={VERTICAL_LINE:`
+let SEPARATOR={VERTICAL_LINE:`
     <svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         fill-rule="evenodd"
@@ -20,4 +20,4 @@ let e={VERTICAL_LINE:`
         d="M8.23223 8.23223C9.20855 7.25592 10.7915 7.25592 11.7678 8.23223C12.7441 9.20855 12.7441 10.7915 11.7678 11.7678C10.7915 12.7441 9.20855 12.7441 8.23223 11.7678C7.25592 10.7915 7.25592 9.20855 8.23223 8.23223Z"
         fill="currentColor" />
     </svg>
-  `},l={PRICE_ONLY:"price-only",PRICE_BEFORE:"price-before",PRICE_AFTER:"price-after"};export{l as PRICE_LAYOUT,e as SEPARATOR};
+  `},PRICE_LAYOUT={PRICE_ONLY:"price-only",PRICE_BEFORE:"price-before",PRICE_AFTER:"price-after"};export{PRICE_LAYOUT,SEPARATOR};

package/dist/esm/product/components/product-button/common/data.js

@@ -1 +1 @@
-import{checkIconVisibility as t}from"./helpers.js";import{getSoldOutButtonStyles as e,getButtonStyle as l,getAddToCartButtonStyles as n}from"./styles.js";let s=({style:e,styles:n,setting:s})=>{let{iconSvg:o,iconAlign:i,shouldClearSpace:a,enableHoverEffect:r}=s??{};return{iconVisible:t(n),buttonStyle:l(e,n),buttonSettings:{iconSvg:o,iconAlign:i,iconVisible:t(n),shouldClearSpace:a,enableHoverEffect:r}}},o=t=>{let{buttonStyle:l,buttonSettings:n}=s(t);return{buttonStyles:e(t.styles),buttonStyle:l,buttonSettings:{...n,htmlType:"button",label:t.label}}},i=t=>{let e=n(t.styles),{buttonStyle:l,buttonSettings:o}=s(t);return{buttonStyle:l,buttonStyles:e,getButtonSettings:e=>{let{isLiquid:l=!1}=e??{},n=l?{disabledLoading:!1,translate:t.setting?.translate?"label":void 0}:{loading:t.isLoading};return{...o,...n,htmlType:"submit",label:t.setting?.label}}}};export{i as getAddToCartButtonData,o as getSoldOutButtonData};
+import{checkIconVisibility as t}from"./helpers.js";import{getSoldOutButtonStyles as e,getButtonStyle as a,getAddToCartButtonStyles as l}from"./styles.js";let getBaseButtonData=({style:e,styles:l,setting:n})=>{let{iconSvg:o,iconAlign:s,shouldClearSpace:i,enableHoverEffect:u}=n??{};return{iconVisible:t(l),buttonStyle:a(e,l),buttonSettings:{iconSvg:o,iconAlign:s,iconVisible:t(l),shouldClearSpace:i,enableHoverEffect:u}}},getSoldOutButtonData=t=>{let{buttonStyle:a,buttonSettings:l}=getBaseButtonData(t);return{buttonStyles:e(t.styles),buttonStyle:a,buttonSettings:{...l,htmlType:"button",label:t.label}}},getAddToCartButtonData=t=>{let e=l(t.styles),{buttonStyle:a,buttonSettings:n}=getBaseButtonData(t),o=e=>{let{isLiquid:a=!1}=e??{},l=a?{disabledLoading:!1,translate:t.setting?.translate?"label":void 0}:{loading:t.isLoading};return{...n,...l,htmlType:"submit",label:t.setting?.label}};return{buttonStyle:a,buttonStyles:e,getButtonSettings:o}};export{getAddToCartButtonData,getSoldOutButtonData};

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

@@ -1 +1 @@
-import{SEPARATOR as e}from"./constants.js";let t=e=>e?.enableIcon===!0,r=e=>({lineThrough:!1,typo:c(e?.priceTypo)}),a=e=>({lineThrough:!0,typo:c(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),o=({styles:e,setting:t,successMessage:r,errorMessage:a})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:t?.label?.replaceAll("'","'"),errorMessage:a??t?.errorMessage?.replaceAll("'","'"),successMessage:r??t?.successMessage?.replaceAll("'","'"),outOfStockLabel:t?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:t?.customURL?.link?.replaceAll("'","'"),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),l=t=>({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t??"horizontal-line"]??e.HORIZONTAL_LINE,c=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{t as checkIconVisibility,o as getGPProductButtonState,a as getRenderComparePriceSettings,r as getRenderRegularPriceSettings,l as renderSeparator};
+import{SEPARATOR as e}from"./constants.js";let checkIconVisibility=e=>e?.enableIcon===!0,getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:removeColorFromTypo(e?.priceTypo)}),getRenderComparePriceSettings=e=>({lineThrough:!0,typo:removeColorFromTypo(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),getGPProductButtonState=({styles:e,setting:r,successMessage:t,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:r?.errorType,actionEffect:r?.actionEffect,enableMessage:r?.enableMessage,label:r?.label?.replaceAll("'","'"),errorMessage:o??r?.errorMessage?.replaceAll("'","'"),successMessage:t??r?.successMessage?.replaceAll("'","'"),outOfStockLabel:r?.outOfStockLabel?.replaceAll("'","'"),customURL:{link:r?.customURL?.link?.replaceAll("'","'"),target:r?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),renderSeparator=r=>{let t=r??"horizontal-line";return({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t]??e.HORIZONTAL_LINE},removeColorFromTypo=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{checkIconVisibility,getGPProductButtonState,getRenderComparePriceSettings,getRenderRegularPriceSettings,renderSeparator};

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

@@ -1 +1 @@
-import{splitStyle as t,makeStyleResponsive as e,makeStyle as o}from"@gem-sdk/core";let l=(t,o)=>({...t,...e("ta",o?.align)}),r=()=>({size:{desktop:"1em",tablet:"1em",mobile:"1em"}}),a=t=>({...t,...r(),enableTextStyle:!0}),n=t=>{let{isCustomOutOfStock:e,oosBorder:o,oosShadow:l,oosRounded:a,oosBorderV2:n,oosShadowV2:m,oosTextColor:p,oosRoundedV2:s,oosBackground:S,oosTextColorV2:g,oosBackgroundV2:y,oosEnableShadow:d,...i}=t??{},B=JSON.parse(JSON.stringify(i));return Object.assign(B,{textColor:{normal:g},hasBoxShadowBtn:{normal:d},boxShadowBtn:{normal:l},roundedBtnV2:s,borderBtnV2:n,backgroundColorV2:y}),g?.normal&&(B.typo={...B.typo,attrs:{...B.typo?.attrs,color:g.normal}}),{...r(),...B}},m=e=>{let[o,l]=t(["pos","top","left","bottom","right","z"],e);return{wrapStyle:o,restStyle:l}},p=()=>({...o({mr:"8px",ml:"8px"})}),s=()=>({"--mr":"2px","--ml":"2px",display:"block !important"});export{a as getAddToCartButtonStyles,s as getBlankSpaceStyle,r as getButtonBaseStyles,l as getButtonStyle,p as getSeparatorStyle,n as getSoldOutButtonStyles,m as getSplitStyle};
+import{splitStyle as t,makeStyleResponsive as e,makeStyle as o}from"@gem-sdk/core";let getButtonStyle=(t,o)=>({...t,...e("ta",o?.align)}),getButtonBaseStyles=()=>({size:{desktop:"1em",tablet:"1em",mobile:"1em"}}),getAddToCartButtonStyles=t=>({...t,...getButtonBaseStyles(),enableTextStyle:!0}),getSoldOutButtonStyles=t=>{let{isCustomOutOfStock:e,oosBorder:o,oosShadow:l,oosRounded:r,oosBorderV2:a,oosShadowV2:n,oosTextColor:S,oosRoundedV2:s,oosBackground:g,oosTextColorV2:y,oosBackgroundV2:p,oosEnableShadow:B,...m}=t??{},u=JSON.parse(JSON.stringify(m));return Object.assign(u,{textColor:{normal:y},hasBoxShadowBtn:{normal:B},boxShadowBtn:{normal:l},roundedBtnV2:s,borderBtnV2:a,backgroundColorV2:p}),y?.normal&&(u.typo={...u.typo,attrs:{...u.typo?.attrs,color:y.normal}}),{...getButtonBaseStyles(),...u}},getSplitStyle=e=>{let[o,l]=t(["pos","top","left","bottom","right","z"],e);return{wrapStyle:o,restStyle:l}},getSeparatorStyle=()=>({...o({mr:"8px",ml:"8px"})}),getBlankSpaceStyle=()=>({"--mr":"2px","--ml":"2px",display:"block !important"});export{getAddToCartButtonStyles,getBlankSpaceStyle,getButtonBaseStyles,getButtonStyle,getSeparatorStyle,getSoldOutButtonStyles,getSplitStyle};

package/dist/esm/product/components/product-button/helpers/getButtonDynamicSourceLocales.js

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as s}from"../../../settings/product-button/configs/translate.js";let a=({setting:a,builderProps:r,pageContext:o})=>{let i={pageContext:o,uid:r?.uid},l=(a,r)=>{let l=e({...i,pageContext:o??{},settingId:t({id:s[a]?.id}),val:r??""});return l};return{outOfStockButtonLabel:l("outOfStockLabel",a?.outOfStockLabel),unavailableButtonLabel:l("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:l("variantSelectionRequiredMessage",a?.variantSelectionRequiredMessage),successMessage:l("successMessage",a?.successMessage),errorMessage:l("errorMessage",a?.errorMessage)}};export{a as getButtonDynamicSourceLocales};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductButton as a}from"../../../settings/product-button/configs/translate.js";let getButtonDynamicSourceLocales=({setting:s,builderProps:o,pageContext:r})=>{let i={pageContext:r,uid:o?.uid},n=(s,o)=>{let n=e({...i,pageContext:r??{},settingId:t({id:a[s]?.id}),val:o??""});return n};return{outOfStockButtonLabel:n("outOfStockLabel",s?.outOfStockLabel),unavailableButtonLabel:n("unavailableLabel","Unavailable"),variantSelectionRequiredMessage:n("variantSelectionRequiredMessage",s?.variantSelectionRequiredMessage),successMessage:n("successMessage",s?.successMessage),errorMessage:n("errorMessage",s?.errorMessage)}};export{getButtonDynamicSourceLocales};

package/dist/esm/product/components/product-button/hooks/useAddToCart.js

@@ -1 +1 @@
-import{useRenderMode as e,useProduct as t,useCurrency as r,useQuantity as i,useProductProperties as a,useCurrentVariant as s,useHasPreSelected as o,useStickyStore as n,useProductStore as u,useCreateCart as l,useAddToCart as d,convertDecimalToNumber as c,useCurrentVariantInStock as m}from"@gem-sdk/core";import{useRef as p,useEffect as b,useCallback as f}from"react";import{addToCartTracking as v}from"../../../helpers/tracking.js";import{useDispatchInteractionEvent as g,useDispatchCustomEvent as k}from"./useDispatchAfterSubmitEvent.js";import{useCartMessage as D}from"./useCartMessage.js";import{useCartOperations as I}from"./useCartOperations.js";let E=({styles:E,setting:y,builderProps:S})=>{let j=p(null),{isEditMode:C,isPreviewSharePageMode:M}=e(),h=t(),{currency:w}=r(),{quantity:A}=i(),L=a(),O=s(),{hasPreSelected:q}=o(),x=n(e=>e.setElement),B=u(e=>e.updateIsSubmit),T=g(S?.uid),U=k({product:h,currentVariant:O,quantity:A}),{showMessage:V,notiComponent:z}=D(E,y),{handleSuccess:F,handleError:G,cartId:H}=I({setting:y,showMessage:V,dispatchInteractionEvent:T,dispatchCustomEvent:U}),{isMutating:J,trigger:K}=l({onSuccess:F,onError:G}),{isMutating:N,trigger:P}=d({onSuccess:F,onError:G});b(()=>{let e=j.current;!(!e||e.closest(".sticky-wrapper"))&&S?.uid&&S.builderData?.advanced&&x({id:S.uid,element:e,deviceVisibility:S.builderData.advanced.d})},[]);let Q=f(()=>{if(!O?.baseID||!A||!h?.baseID||void 0!==q&&!q||C||M)return;let e=L?.some(e=>e.required&&!e.value);if(B(!0),e)return;let t=L?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));v({quantity:A,currency:w,id:h?.baseID,name:h?.title,brand:h?.vendor,sku:O.sku,price:c(O?.price),variant:O.title});let r={quantity:A,attributes:t,variantId:O.baseID};y?.actionEffect!=="buy-now"&&H?P({cartId:H,lines:[r]}):K({items:[r]})},[C,M,H,w,A,L,q,h?.title,h?.vendor,h?.baseID,O?.sku,O?.price,O?.title,O?.baseID,y?.actionEffect,K,P,B]),R=m(),W=O?y?.outOfStockLabel:"Unavailable";return{addToCartRef:j,isLoading:J||N,isInStock:R,notiComponent:z,outOfStockLabel:W,addToCart:Q}};export{E as useBtnAddToCart};
+import{useRenderMode as e,useProduct as t,useCurrency as r,useQuantity as i,useProductProperties as s,useCurrentVariant as n,useHasPreSelected as o,useStickyStore as a,useProductStore as u,useCreateCart as l,useAddToCart as c,convertDecimalToNumber as m,useCurrentVariantInStock as b}from"@gem-sdk/core";import{useRef as d,useEffect as f,useCallback as p}from"react";import{addToCartTracking as v}from"../../../helpers/tracking.js";import{useDispatchInteractionEvent as g,useDispatchCustomEvent as I}from"./useDispatchAfterSubmitEvent.js";import{useCartMessage as k}from"./useCartMessage.js";import{useCartOperations as D}from"./useCartOperations.js";let useBtnAddToCart=({styles:S,setting:E,builderProps:h})=>{let j=d(null),{isEditMode:y,isPreviewSharePageMode:C}=e(),A=t(),{currency:M}=r(),{quantity:O}=i(),w=s(),B=n(),{hasPreSelected:T}=o(),q=a(e=>e.setStickyVisible),x=u(e=>e.updateIsSubmit),L=g(h?.uid),U=I({product:A,currentVariant:B,quantity:O}),{showMessage:V,notiComponent:z}=k(S,E),{handleSuccess:F,handleError:G,cartId:H}=D({setting:E,showMessage:V,dispatchInteractionEvent:L,dispatchCustomEvent:U}),{isMutating:J,trigger:K}=l({onSuccess:F,onError:G}),{isMutating:N,trigger:P}=c({onSuccess:F,onError:G});f(()=>{let e=new IntersectionObserver(e=>{let t=e[0];q(t?.isIntersecting)},{threshold:.1}),t=j.current;return j.current&&e.observe(j.current),()=>{t&&e.unobserve(t)}},[q]);let Q=p(()=>{if(!B?.baseID||!O||!A?.baseID||void 0!==T&&!T||y||C)return;let e=w?.some(e=>e.required&&!e.value);if(x(!0),e)return;let t=w?.filter(e=>!!e.value)?.map(e=>({key:e.key,value:e.value}));v({quantity:O,currency:M,id:A?.baseID,name:A?.title,brand:A?.vendor,sku:B.sku,price:m(B?.price),variant:B.title});let r={quantity:O,attributes:t,variantId:B.baseID};E?.actionEffect!=="buy-now"&&H?P({cartId:H,lines:[r]}):K({items:[r]})},[y,C,H,M,O,w,T,A?.title,A?.vendor,A?.baseID,B?.sku,B?.price,B?.title,B?.baseID,E?.actionEffect,K,P,x]),R=b(),W=J||N,X=B?E?.outOfStockLabel:"Unavailable";return{addToCartRef:j,isLoading:W,isInStock:R,notiComponent:z,outOfStockLabel:X,addToCart:Q}};export{useBtnAddToCart};

package/dist/esm/product/components/product-button/hooks/useCartMessage.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useCallback as o}from"react";import e from"../../../../notification/hooks/useNotification.js";import"../../../../notification/components/Notice.js";import{CartMessage as s}from"../CartMessage.js";let i=(i,r)=>{let[n,m]=e({closable:!0,maxCount:3}),a=o((o,e)=>{n.open({content:t(s,{type:e,message:o,styles:i,setting:r}),placement:"top"})},[n,r,i]);return{showMessage:a,notiComponent:m}};export{i as useCartMessage};
+import{jsx as t}from"react/jsx-runtime";import{useCallback as e}from"react";import o from"../../../../notification/hooks/useNotification.js";import"../../../../notification/components/Notice.js";import{CartMessage as s}from"../CartMessage.js";let useCartMessage=(r,i)=>{let[a,n]=o({closable:!0,maxCount:3}),m=e((e,o)=>{a.open({content:t(s,{type:o,message:e,styles:r,setting:i}),placement:"top"})},[a,i,r]);return{showMessage:m,notiComponent:n}};export{useCartMessage};

package/dist/esm/product/components/product-button/hooks/useCartOperations.js

@@ -1 +1 @@
-import{useCallback as e}from"react";import{useCartUI as o,useStoreFront as r,useCartId as t}from"@gem-sdk/core";let c=({setting:c,showMessage:s,dispatchInteractionEvent:n,dispatchCustomEvent:a})=>{let{openCart:i}=o(),{storefrontToken:l}=r(),{cartId:u,updateCartId:k}=t(),m=e((e,o)=>{e?.enableMessage&&o(e.successMessage||"","success"),i()},[i]),f=(e,o)=>{if(!e.checkoutUrl)return;let r=o?`${e.checkoutUrl}?access_token=${o}`:e.checkoutUrl;window.location.href=r},g=e=>{e?.customURL?.link&&("_blank"===e.customURL.target?window.open(e.customURL.link,"_blank"):window.location.href=e.customURL.link)},w=e(e=>{c?.actionEffect!=="buy-now"&&k(e.id);let o={"open-cart-drawer":()=>i(),"go-to-url":()=>g(c),"buy-now":()=>f(e,l),"continue-shopping":()=>m(c,s)}[c?.actionEffect];o&&o(),n(),a()},[c,l,i,s,k,n,m,a]),p=e(e=>{c?.enableMessage&&(e?.[0]?.code==="INVALID"?s(e[0].message||"","error"):s(c.errorMessage||"","error"))},[c,s]);return{cartId:u,handleSuccess:w,handleError:p}};export{c as useCartOperations};
+import{useCallback as e}from"react";import{useCartUI as o,useStoreFront as r,useCartId as t}from"@gem-sdk/core";let useCartOperations=({setting:s,showMessage:c,dispatchInteractionEvent:n,dispatchCustomEvent:a})=>{let{openCart:i}=o(),{storefrontToken:l}=r(),{cartId:u,updateCartId:k}=t(),m=e((e,o)=>{e?.enableMessage&&o(e.successMessage||"","success"),i()},[i]),f=(e,o)=>{if(!e.checkoutUrl)return;let r=o?`${e.checkoutUrl}?access_token=${o}`:e.checkoutUrl;window.location.href=r},g=e=>{e?.customURL?.link&&("_blank"===e.customURL.target?window.open(e.customURL.link,"_blank"):window.location.href=e.customURL.link)},p=e(e=>{let o={"open-cart-drawer":()=>i(),"go-to-url":()=>g(s),"buy-now":()=>f(e,l),"continue-shopping":()=>m(s,c)};s?.actionEffect!=="buy-now"&&k(e.id);let r=o[s?.actionEffect];r&&r(),n(),a()},[s,l,i,c,k,n,m,a]),w=e(e=>{s?.enableMessage&&(e?.[0]?.code==="INVALID"?c(e[0].message||"","error"):c(s.errorMessage||"","error"))},[s,c]);return{cartId:u,handleSuccess:p,handleError:w}};export{useCartOperations};

package/dist/esm/product/components/product-button/hooks/useDispatchAfterSubmitEvent.js

@@ -1 +1 @@
-import{useInteraction as t}from"@gem-sdk/core";import{useCallback as e}from"react";let r=r=>{let{trigger:a}=t();return e(()=>{let t=document.querySelector(`[data-id="${r}"]`);if(!t)return;let e=JSON.parse(t?.getAttribute("gp-interaction-after-submit")??"{}");Object.keys(e).length<=0||Object.entries(e).forEach(([e])=>{a({event:"gp:after-submit",selector:`[data-id="${r}"]`,data:Number(e),element:t})})},[r,a])},a=({product:t,currentVariant:r,quantity:a})=>e(()=>{let e=new CustomEvent("gp:add-to-cart-success",{detail:{data:{product:t,variant:r,quantity:a}}});window.dispatchEvent(e)},[t,r,a]);export{a as useDispatchCustomEvent,r as useDispatchInteractionEvent};
+import{useInteraction as t}from"@gem-sdk/core";import{useCallback as e}from"react";let useDispatchInteractionEvent=a=>{let{trigger:r}=t();return e(()=>{let t=document.querySelector(`[data-id="${a}"]`);if(!t)return;let e=JSON.parse(t?.getAttribute("gp-interaction-after-submit")??"{}");Object.keys(e).length<=0||Object.entries(e).forEach(([e])=>{r({event:"gp:after-submit",selector:`[data-id="${a}"]`,data:Number(e),element:t})})},[a,r])},useDispatchCustomEvent=({product:t,currentVariant:a,quantity:r})=>e(()=>{let e=new CustomEvent("gp:add-to-cart-success",{detail:{data:{product:t,variant:a,quantity:r}}});window.dispatchEvent(e)},[t,a,r]);export{useDispatchCustomEvent,useDispatchInteractionEvent};

package/dist/esm/product/components/product-button/types.js

@@ -1 +1 @@
-var r;!function(r){r.Regular="regular",r.Compare="compare"}(r||(r={}));export{r as PriceType};
+var PriceType;!function(e){e.Regular="regular",e.Compare="compare"}(PriceType||(PriceType={}));export{PriceType};

package/dist/esm/product/components/product-description/ProductDescription.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useProduct as o,useCurrentDevice as i,getResponsiveValueByScreen as r,useI18nStore as m,makeStyleResponsive as c,makeLineClamp as n}from"@gem-sdk/core";import l from"../../../common/components/NoDataState.js";import{ICON_SVG as a}from"./common/helpers.js";import{createClass as p,createStyle as d,createAttr as h,If as u}from"@gem-sdk/system";import{getClasses as y,getButtonClasses as g,getClassPreBuilt as f}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as k,getStaticCss as N}from"./common/styles.js";import{useGpDescription as j}from"./hooks/useGpDescription.js";let w=w=>{let{setting:L,advanced:b,builderProps:v}=w,{htmlTag:C}=L??{},H=o(),T=i(),M=r(L?.hasLineClamp,T),{ref:_,open:D,isShowViewMore:I,handleToggleShowMore:S,mode:A,redirectProductShopifyLink:P}=j(L),{t:q}=m(),G=p({"gp-product-description":!0,[b?.cssClass]:!0}),V=p(y({setting:L,isLiquid:!1})),$=p(g({setting:L})),z=p({"gp-show-more-text":!0}),B=p({"gp-show-more-icon gp-ml-1":!0,...D?{"gp-rotate-180":!0}:{}}),E=p(f()),F=d({...x({setting:L}),...D?{}:c("line-clamp",n(L?.lineClamp,L?.hasLineClamp))}),J=d(k({setting:L})),K=h({"data-id":`${v?.uid}`}),O=h({"data-gp-text":""}),{gpDescriptionCss:Q,textDescriptionCss:R}=N(),U=!H?.descriptionHtml;return U&&"edit"===A?e(l,{elementType:"secondary",description:q("Highlight key benefits with product description."),descriptionActions:[{text:q("Add description"),callback:P},{text:q("sync data"),callback:"syncProduct"}]}):e(t,{children:u(U,"",s("div",{...K,className:G,children:[e("style",{children:R}),e("style",{children:Q}),e("div",{className:E}),e("html"===C?"div":"p",{ref:_,...O,className:V,style:F,dangerouslySetInnerHTML:{__html:H?.descriptionHtml||""}}),u(M&&I,s("button",{className:$,style:J,onClick:S,children:[e("span",{className:z,children:u(D,L?.viewLessText||"",L?.viewMoreText)}),u(L?.enableViewMoreIcon,e("span",{className:B,dangerouslySetInnerHTML:{__html:a}}))]})," ")]}))})};export{w as default};
+import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useProduct as o,useCurrentDevice as i,getResponsiveValueByScreen as r,useI18nStore as c,makeStyleResponsive as m,makeLineClamp as n}from"@gem-sdk/core";import l from"../../../common/components/NoDataState.js";import{ICON_SVG as a}from"./common/helpers.js";import{createClass as p,createStyle as d,createAttr as h,If as u}from"@gem-sdk/system";import{getClasses as y,getButtonClasses as g,getClassPreBuilt as f}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as k,getStaticCss as N}from"./common/styles.js";import{useGpDescription as j}from"./hooks/useGpDescription.js";let ProductDescription=w=>{let{setting:L,advanced:b,builderProps:v}=w,{htmlTag:C}=L??{},H="html"===C?"div":"p",T=o(),D=i(),M=r(L?.hasLineClamp,D),{ref:_,open:I,isShowViewMore:P,handleToggleShowMore:S,mode:A,redirectProductShopifyLink:q}=j(L),{t:G}=c(),V=p({"gp-product-description":!0,[b?.cssClass]:!0}),$=p(y({setting:L,isLiquid:!1})),z=p(g({setting:L})),B=p({"gp-show-more-text":!0}),E=p({"gp-show-more-icon gp-ml-1":!0,...I?{"gp-rotate-180":!0}:{}}),F=p(f()),J=d({...x({setting:L}),...I?{}:m("line-clamp",n(L?.lineClamp,L?.hasLineClamp))}),K=d(k({setting:L})),O=h({"data-id":`${v?.uid}`}),Q=h({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:U}=N(),W=!T?.descriptionHtml;return W&&"edit"===A?e(l,{elementType:"secondary",description:G("Highlight key benefits with product description."),descriptionActions:[{text:G("Add description"),callback:q},{text:G("sync data"),callback:"syncProduct"}]}):e(t,{children:u(W,"",s("div",{...O,className:V,children:[e("style",{children:U}),e("style",{children:R}),e("div",{className:F}),e(H,{ref:_,...Q,className:$,style:J,dangerouslySetInnerHTML:{__html:T?.descriptionHtml||""}}),u(M&&P,s("button",{className:z,style:K,onClick:S,children:[e("span",{className:B,children:u(I,L?.viewLessText||"",L?.viewMoreText)}),u(L?.enableViewMoreIcon,e("span",{className:E,dangerouslySetInnerHTML:{__html:a}}))]})," ")]}))})};export{ProductDescription as default};

package/dist/esm/product/components/product-description/ProductDescription.liquid.js

@@ -1,24 +1,24 @@
-import{makeStyleResponsive as e,makeLineClamp as t,dataStringify as s,template as i,baseAssetURL as o,isLocalEnv as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as l,createAttr as c,createStateOrContext as m,LiquidIf as $,Liquid as u,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as x,getClassPreBuilt as w}from"./common/classes.js";import{getTextStyle as h,getButtonStyle as y,getStaticCss as C}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as j}from"../../settings/product-description/configs/translate.js";let M=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:T}=M,{htmlTag:k,viewMoreText:E,viewLessText:P}=S??{},V="html"===k?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(x({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=l({...h({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(w()),O=l(y({setting:S})),R=c({"data-id":`${L?.uid}`}),z=c({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=C(),J="product.description == blank",K=p({val:E,uid:L?.uid,settingId:a({id:j?.viewMoreText?.id}),pageContext:T??{}}),Q=p({val:P,uid:L?.uid,settingId:a({id:j?.viewLessText?.id}),pageContext:T??{}}),U=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:K,viewLessText:Q,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return $(J,"",u(i`
+import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as l,createAttr as c,createStateOrContext as m,LiquidIf as u,Liquid as $,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as x,getClassPreBuilt as w}from"./common/classes.js";import{getTextStyle as h,getButtonStyle as y,getStaticCss as C}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as j}from"../../settings/product-description/configs/translate.js";let ProductDescription=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:P}=M,{htmlTag:T,viewMoreText:k,viewLessText:E}=S??{},V="html"===T?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(x({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=l({...h({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(w()),O=l(y({setting:S})),R=c({"data-id":`${L?.uid}`}),z=c({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=C(),J="product.description == blank",K=()=>{let e=o?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},Q=p({val:k,uid:L?.uid,settingId:a({id:j?.viewMoreText?.id}),pageContext:P??{}}),U=p({val:E,uid:L?.uid,settingId:a({id:j?.viewLessText?.id}),pageContext:P??{}}),W=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:Q,viewLessText:U,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return u(J,"",$(s`
     <gp-product-description
       ${R}
       class="${A}"
-      gp-data='${s(U).replaceAll("'","&#039;")}'
-      data-view-more-text="${K}"
-      data-view-less-text="${Q}"
+      gp-data='${i(W).replaceAll("'","&#039;")}'
+      data-view-more-text="${Q}"
+      data-view-less-text="${U}"
     >
       <style>${B}</style>
       <style>${F}</style>
       <div class="${N}" ></div>
-      ${g("product","<p>Product not found</p>",i`<${V} ${z} class="${D}" style="${H}">
+      ${g("product","<p>Product not found</p>",s`<${V} ${z} class="${D}" style="${H}">
           {{product.description}}
         </${V}>
-        ${g(J,i`<button type="button" class="${G}" style="${O}">
+        ${g(J,s`<button type="button" class="${G}" style="${O}">
           <span class="${_}">
-            ${v(!1,Q?.toString(),K?.toString())}
+            ${v(!1,U?.toString(),Q?.toString())}
           </span>
-          ${v(S?.enableViewMoreIcon,i`<span class="${q}">${b}</span>`," ")}
+          ${v(S?.enableViewMoreIcon,s`<span class="${q}">${b}</span>`," ")}
           </button>`)}`)}
     </gp-product-description>
 
-    ${(()=>{let e=r?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
-  `))};export{M as default};
+    ${K()}
+  `))};export{ProductDescription as default};

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

@@ -1 +1 @@
-import{composeTypographyClassName as r,getGlobalColorClass as t,composeClasses as a,cls as e}from"@gem-sdk/core";let p=({setting:a,isLiquid:e})=>{let p=r(a?.typo,a?.typography),o=t("text",a?.color);return{"gp-relative  gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre":!0,"p-description-wrapper":e,...p&&{[p]:!0},[o]:!0,"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white":!0}},o=({setting:a})=>{let e=r(a?.typo,a?.typography),p=t("text",a?.showMoreColor);return{"p-description-show-more gp-items-center gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80":!0,...e&&{[e]:!0},[p]:!0}},s=()=>a(e("gp-rotate-180 gp-hidden"));export{o as getButtonClasses,s as getClassPreBuilt,p as getClasses};
+import{composeTypographyClassName as t,getGlobalColorClass as r,composeClasses as a,cls as e}from"@gem-sdk/core";let getClasses=({setting:a,isLiquid:e})=>{let s=t(a?.typo,a?.typography),p=r("text",a?.color);return{"gp-relative  gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre":!0,"p-description-wrapper":e,...s&&{[s]:!0},[p]:!0,"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white":!0}},getButtonClasses=({setting:a})=>{let e=t(a?.typo,a?.typography),s=r("text",a?.showMoreColor);return{"p-description-show-more gp-items-center gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80":!0,...e&&{[e]:!0},[s]:!0}},getClassPreBuilt=()=>a(e("gp-rotate-180 gp-hidden"));export{getButtonClasses,getClassPreBuilt,getClasses};

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

@@ -1,3 +1,3 @@
-let L=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+let ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
-        </svg>`;export{L as ICON_SVG};
+        </svg>`;export{ICON_SVG};

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

@@ -1,4 +1,4 @@
-import{composeTypographyStyle as t,makeStyle as e,getGlobalColorStyle as o,makeStyleResponsive as l,getStyleShadow as i,filterTruthyStyles as n,getResponsiveValueByScreen as a}from"@gem-sdk/core";let p=["desktop","mobile","tablet"],r=(t,e)=>{let o={};return p.forEach(l=>{o={...o,[`--d${"desktop"===l?"":`-${l}`}`]:`${t(l)?"none":e}`}}),o},s=({setting:a,renderMaxHeight:p})=>{let r=t(a?.typo,a?.typography),s={...i({value:a?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:a?.typo?.custom?.hasShadowText}),...l("ta",a?.textAlign),...o(a?.color),...e({tt:a?.transform}),...r,...p&&c(a)};return n(s)},d=({setting:i})=>{let a=t(i?.typo,i?.typography),p={...l("jc",i?.textAlign),...e({tt:i?.transform}),...a,...o(i?.showMoreColor),...r(t=>!!i?.hasLineClamp&&void 0!==i.hasLineClamp[t]&&!i.hasLineClamp[t],"inline-flex")};return n(p)},h=()=>{let t=`
+import{composeTypographyStyle as t,getStyleShadow as e,makeStyleResponsive as l,getGlobalColorStyle as o,makeStyle as i,filterTruthyStyles as a,getResponsiveValueByScreen as n}from"@gem-sdk/core";let devices=["desktop","mobile","tablet"],getDisplayStyle=(t,e)=>{let l={};return devices.forEach(o=>{l={...l,[`--d${"desktop"===o?"":`-${o}`}`]:`${t(o)?"none":e}`}}),l},getTextStyle=({setting:n,renderMaxHeight:p})=>{let r=t(n?.typo,n?.typography),s={...e({value:n?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:n?.typo?.custom?.hasShadowText}),...l("ta",n?.textAlign),...o(n?.color),...i({tt:n?.transform}),...r,...p&&getMaxHeightStyleDefault(n)};return a(s)},getButtonStyle=({setting:e})=>{let n=t(e?.typo,e?.typography),p=()=>getDisplayStyle(t=>!!e?.hasLineClamp&&void 0!==e.hasLineClamp[t]&&!e.hasLineClamp[t],"inline-flex"),r={...l("jc",e?.textAlign),...i({tt:e?.transform}),...n,...o(e?.showMoreColor),...p()};return a(r)},getStaticCss=()=>{let t=`
    .gp-p-description-text > :not(ol, ul, table, div, style, script) {
       display: inline !important;
     }
@@ -14,4 +14,4 @@ import{composeTypographyStyle as t,makeStyle as e,getGlobalColorStyle as o,makeS
       .p-description-wrapper.gp-p-description-text * {
         color: inherit;
         line-height: inherit !important;
-      }`;return{gpDescriptionCss:t,textDescriptionCss:e}},c=t=>{let e={desktop:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=a(t?.lineClamp,o),i=a(t?.hasLineClamp,o);i&&l?e[o]=`calc(${l} * 1lh)`:e[o]="none"}),{...l("maxh",e)}};export{d as getButtonStyle,c as getMaxHeightStyleDefault,h as getStaticCss,s as getTextStyle};
+      }`;return{gpDescriptionCss:t,textDescriptionCss:e}},getMaxHeightStyleDefault=t=>{let e={desktop:"none"},o=["desktop","mobile","tablet"];return o.forEach(l=>{let o=n(t?.lineClamp,l),i=n(t?.hasLineClamp,l);i&&o?e[l]=`calc(${o} * 1lh)`:e[l]="none"}),{...l("maxh",e)}};export{getButtonStyle,getMaxHeightStyleDefault,getStaticCss,getTextStyle};

package/dist/esm/product/components/product-description/hooks/useGpDescription.js

@@ -1 +1 @@
-import{useRef as e,useState as t,useCallback as r,useEffect as l}from"react";import{useProduct as i,useCurrentDevice as n,getResponsiveValueByScreen as o,useProductShopifyEditLink as m,useEditorMode as c,isSafari as p}from"@gem-sdk/core";let s=s=>{let u=e(null),[a,g]=t(!1),[h,H]=t(!1),y=i(),d=n(),x=o(s?.hasLineClamp,d),f=o(s?.lineClamp,d),{redirectProductShopifyLink:C}=m(),w=c(),k=r(()=>`calc(${f} * 1lh)`,[f]),D=r(e=>x&&f&&e||"auto",[x,f]),G=r(()=>{u.current&&(u.current.style.maxHeight=a?k():"none",g(e=>!e))},[a,k]);return l(()=>{D(k())},[s?.typo?.custom,D,k]),l(()=>{let e=u.current;if(g(!1),!e)return;let t=x&&y?.descriptionHtml;t?setTimeout(()=>{let t=e?.scrollHeight??0,r=e?.clientHeight??0,l=window.getComputedStyle(e).getPropertyValue("line-height"),i=parseInt(l,10)||1,n=f&&t>f*i,o=p()?n:r<t;e.style.maxHeight=k(),f&&o?H(()=>!0):H(()=>!1)},100):e.style.maxHeight="none"},[x,f,y?.descriptionHtml,k]),{ref:u,open:a,isShowViewMore:h,handleToggleShowMore:G,mode:w,redirectProductShopifyLink:C}};export{s as useGpDescription};
+import{useRef as e,useState as t,useCallback as r,useEffect as i}from"react";import{useProduct as l,useCurrentDevice as o,getResponsiveValueByScreen as n,useProductShopifyEditLink as m,useEditorMode as p,isSafari as s}from"@gem-sdk/core";let useGpDescription=c=>{let u=e(null),[a,h]=t(!1),[g,d]=t(!1),H=l(),y=o(),x=n(c?.hasLineClamp,y),f=n(c?.lineClamp,y),{redirectProductShopifyLink:C}=m(),w=p(),D=r(()=>`calc(${f} * 1lh)`,[f]),G=r(e=>x&&f&&e||"auto",[x,f]),k=r(()=>{u.current&&(u.current.style.maxHeight=a?D():"none",h(e=>!e))},[a,D]);return i(()=>{G(D())},[c?.typo?.custom,G,D]),i(()=>{let e=u.current;if(h(!1),!e)return;let t=x&&H?.descriptionHtml;t?setTimeout(()=>{let t=e?.scrollHeight??0,r=e?.clientHeight??0,i=r<t,l=window.getComputedStyle(e).getPropertyValue("line-height"),o=parseInt(l,10)||1,n=Math.round((t??0)/o),m=void 0!==f&&f<n,p=s()?m:i;e.style.maxHeight=D(),f&&p?d(()=>!0):d(()=>!1)},100):e.style.maxHeight="none"},[x,f,H?.descriptionHtml,D]),{ref:u,open:a,isShowViewMore:g,handleToggleShowMore:k,mode:w,redirectProductShopifyLink:C}};export{useGpDescription};

package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useI18nStore as s,makeStyleResponsive as o}from"@gem-sdk/core";import i from"../../../common/components/NoDataState.js";import l from"../../../common/components/TooltipHover.js";import r from"../../../text/components/Text.js";import{createStyle as d,createClass as m,If as n}from"@gem-sdk/system";import{getWrapperTextStyle as a,getContainerStyle as p}from"./common/styles.js";import{getWrapperTextClass as c,getContainerClass as u,getRootClass as x}from"./common/classes.js";import{useGpDiscountTag as f}from"./hooks/useGpDiscountTag.js";let g=({setting:g,styles:y,builderProps:h,...b})=>{let{customContent:j}=g??{},N=b["bundle-item"],{textAlign:v}=y??{},{t:T}=s(),{mode:k,product:w,salePrice:A,priceSave:D,currentProductId:F,unitCustomDisplay:S,shouldPlaceholderNoDiscount:$}=f({setting:g,styles:y,builderProps:h,...b});if($)return e(l,{enable:!0,text:T("Not be displayed when published"),position:"bottom",width:"205px",children:e(i,{builderAttrs:h?.builderData,elementType:"secondary",description:T("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let q=d(a(y)),C=d(p(y)),I=m(c(y)),E=m(u()),G=m(x({mode:k,salePrice:A,priceSave:D,bundleItem:N}));return e("div",{className:G,style:{...o("ta",v)},id:`shopify-text-element-${h?.uid}`,"data-id":h?.uid,"data-product-id":F,"gp-data-hidden":"false",children:n(!w," ",e("div",{className:E,style:C,children:e("div",{className:I,style:q,children:t("div",{className:"gp-flex gp-break-all",children:[e(r,{styles:y,setting:{...g,text:j?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${h?.uid}-prefix`},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:S,options:{isCannotEditing:!0},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:j?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${h?.uid}-suffix`}}})]})})}))})};export{g as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useI18nStore as s,makeStyleResponsive as o}from"@gem-sdk/core";import i from"../../../common/components/NoDataState.js";import l from"../../../common/components/TooltipHover.js";import r from"../../../text/components/Text.js";import{createStyle as d,createClass as m,If as n}from"@gem-sdk/system";import{getWrapperTextStyle as a,getContainerStyle as p}from"./common/styles.js";import{getWrapperTextClass as c,getContainerClass as u,getRootClass as x}from"./common/classes.js";import{useGpDiscountTag as f}from"./hooks/useGpDiscountTag.js";let ProductTag=({setting:g,styles:y,builderProps:h,...b})=>{let{customContent:j}=g??{},N=b["bundle-item"],{textAlign:T}=y??{},{t:v}=s(),{mode:k,product:w,salePrice:A,priceSave:D,currentProductId:F,unitCustomDisplay:S,shouldPlaceholderNoDiscount:$}=f({setting:g,styles:y,builderProps:h,...b});if($)return e(l,{enable:!0,text:v("Not be displayed when published"),position:"bottom",width:"205px",children:e(i,{builderAttrs:h?.builderData,elementType:"secondary",description:v("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let q=d(a(y)),C=d(p(y)),I=m(c(y)),P=m(u()),E=m(x({mode:k,salePrice:A,priceSave:D,bundleItem:N}));return e("div",{className:E,style:{...o("ta",T)},id:`shopify-text-element-${h?.uid}`,"data-id":h?.uid,"data-product-id":F,"gp-data-hidden":"false",children:n(!w," ",e("div",{className:P,style:C,children:e("div",{className:I,style:q,children:t("div",{className:"gp-flex gp-break-all",children:[e(r,{styles:y,setting:{...g,text:j?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${h?.uid}-prefix`},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:S,options:{isCannotEditing:!0},excludeFlex:!0}}),e(r,{styles:y,setting:{...g,text:j?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${h?.uid}-suffix`}}})]})})}))})};export{ProductTag as default};

package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -1,4 +1,4 @@
-import{template as e,baseAssetURL as i,isLocalEnv as s}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r,getSettingPreloadData as t}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createStyle as n,createClass as c,LiquidIf as o,Liquid as d,If as l}from"@gem-sdk/system";import{getWrapperTextClass as u,getContainerClass as g,getProductTagClass as f}from"./common/classes.js";import{getRootClass as m,getWrapperTextStyle as v,getContainerStyle as x}from"./common/styles.js";import{ProductTag as $}from"../../settings/product-discount-tag/configs/translate.js";let y=({setting:y,styles:S,builderProps:P,advanced:V,pageContext:_})=>{let{customContent:h}=y??{},C=y?.moneyWithCurrentFormat?"money_with_currency":"money",j=$?.customContent?.id?a({val:h?.prefix,uid:P?.uid,settingId:r({id:$.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:_??{}}):h?.prefix,F=$?.customContent?.id?a({val:h?.suffix,uid:P?.uid,settingId:r({id:$.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:_??{}}):h?.suffix,M=n(m(S)),q=n(v(S)),w=n(x(S)),E=c(u(S)),N=c(g()),O=c(f(V)),T=h?.unit==="percentage";return e`
+import{template as e,isLocalEnv as i,baseAssetURL as s}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r,getSettingPreloadData as t}from"../../../helpers.js";import p from"../../../text/components/Text.liquid.js";import{createStyle as n,createClass as c,LiquidIf as o,Liquid as d,If as l}from"@gem-sdk/system";import{getWrapperTextClass as u,getContainerClass as g,getProductTagClass as f}from"./common/classes.js";import{getRootClass as m,getWrapperTextStyle as v,getContainerStyle as x}from"./common/styles.js";import{ProductTag as $}from"../../settings/product-discount-tag/configs/translate.js";let ProductTag=({setting:y,styles:P,builderProps:S,advanced:V,pageContext:_})=>{let{customContent:h}=y??{},C=y?.moneyWithCurrentFormat?"money_with_currency":"money",j=$?.customContent?.id?a({val:h?.prefix,uid:S?.uid,settingId:r({id:$.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:_??{}}):h?.prefix,F=$?.customContent?.id?a({val:h?.suffix,uid:S?.uid,settingId:r({id:$.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:_??{}}):h?.suffix,M=n(m(P)),T=n(v(P)),q=n(x(P)),w=c(u(P)),E=c(g()),N=c(f(V)),O=h?.unit==="percentage",k=()=>{let e=i?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return e`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
@@ -6,25 +6,25 @@ import{template as e,baseAssetURL as i,isLocalEnv as s}from"@gem-sdk/core";impor
       assign prefixVal = ${_?.isPreviewing?JSON.stringify(j):j}
       assign suffixVal = ${_?.isPreviewing?JSON.stringify(F):F}
     %}
-    ${o("salePrice == null or price == null",d(`{% assign pricePercentage = prefixVal ${l(T,"| append: ' 0% '",`| ${C} | append: ' '`)} | append: suffixVal %}`),`${l(T,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
+    ${o("salePrice == null or price == null",d(`{% assign pricePercentage = prefixVal ${l(O,"| append: ' 0% '",`| ${C} | append: ' '`)} | append: suffixVal %}`),`${l(O,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
           {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,o("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${C} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`,`{% assign priceSaveMoney = 0 | ${C} %}
            {% assign pricePercentage = prefixVal | append: ' ' | append: priceSaveMoney | append: ' ' | append: suffixVal %}`))}`)}
 
     <gp-product-tag
-      class="${O}"
+      class="${N}"
       style="${M}"
-      data-id="${P?.uid}"
-      data-disabled="${o(`${l(T,"salePercent","priceSave")} > 0`,"false","true")}"
-      gp-data='{"setting":${JSON.stringify(y).replaceAll("'","&#039;")}, "id": "${P?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${y?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
+      data-id="${S?.uid}"
+      data-disabled="${o(`${l(O,"salePercent","priceSave")} > 0`,"false","true")}"
+      gp-data='{"setting":${JSON.stringify(y).replaceAll("'","&#039;")}, "id": "${S?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${y?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
       price-save="{{priceSave}}"
     >
-      <div class="${N}" style="${w}">
-        <div class="${E}" style="${q}">
-          ${p({styles:S,id:`p-tag-${P?.uid}`,setting:{...y,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
+      <div class="${E}" style="${q}">
+        <div class="${w}" style="${T}">
+          ${p({styles:P,id:`p-tag-${S?.uid}`,setting:{...y,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
         </div>
       </div>
 
   </gp-product-tag>
-  ${(()=>{let e=s?"{{ 'gp-product-tag-v7-5.js' | asset_url }}":`${i}/assets-v2/gp-product-tag-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${t('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
-  `};export{y as default};
+  ${k()}
+  `};export{ProductTag as default};

package/dist/esm/product/components/product-discount-tag/common/classes.js

@@ -1 +1 @@
-import{getGlobalColorClass as e,composeClasses as t}from"@gem-sdk/core";let l=({mode:e,salePrice:t,priceSave:l,bundleItem:g})=>({"gp-opacity-0 ":"edit"!==e&&(t<=0||0>=Math.ceil(l/(t/100))),"gp-opacity-20 ":"edit"===e&&(t<=0||0>=Math.ceil(l/(t/100)))&&!g}),g=e=>({"gp-block data-[disabled=true]:gp-hidden":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),p=()=>({"gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3":!0}),s=l=>{let{backgroundColor:g,borderTag:p,textColor:s}=l??{},a=e("border",p?.color),r=e("text",s),i=e("bg",g);return{...t("gp-flex gp-items-center gp-w-full gp-h-full"),[a]:!0,[r]:!0,[i]:!0}};export{p as getContainerClass,g as getProductTagClass,l as getRootClass,s as getWrapperTextClass};
+import{getGlobalColorClass as e,composeClasses as t}from"@gem-sdk/core";let getRootClass=({mode:e,salePrice:t,priceSave:s,bundleItem:a})=>({"gp-opacity-0 ":"edit"!==e&&(t<=0||0>=Math.ceil(s/(t/100))),"gp-opacity-20 ":"edit"===e&&(t<=0||0>=Math.ceil(s/(t/100)))&&!a}),getProductTagClass=e=>({"gp-block data-[disabled=true]:gp-hidden":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),getContainerClass=()=>({"gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3":!0}),getWrapperTextClass=s=>{let{backgroundColor:a,borderTag:g,textColor:l}=s??{},p=e("border",g?.color),r=e("text",l),o=e("bg",a);return{...t("gp-flex gp-items-center gp-w-full gp-h-full"),[p]:!0,[r]:!0,[o]:!0}};export{getContainerClass,getProductTagClass,getRootClass,getWrapperTextClass};

package/dist/esm/product/components/product-discount-tag/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as e,getGlobalColorClass as t,getCustomRadius as r,getRadiusCSSFromGlobal as o,makeStyle as l,getSingleColorVariable as i,makeStyleResponsive as d,filterTruthyStyles as n}from"@gem-sdk/core";let a=e=>{let t={...d("ta",e?.textAlign)};return n(t)},g=a=>{let{backgroundColor:g,roundedTag:s,borderTag:c,textColor:m}=a??{},p=e(a?.size),u=t("border",c?.color),b=t("text",m),x={...d("jc",a?.textContentAlign),...p.padding,...l({bs:c?.border,bw:c?.width,bc:""===u?c?.color:void 0,c:""===b?m:void 0,bgc:i(g)}),...["small","medium","large"].includes(s?.radiusType||"")&&o("normal",s?.radiusType),...r("normal",s)};return n(x)},s=t=>{let r=e(t?.size);return{...r.width,...r.height}};export{s as getContainerStyle,a as getRootClass,g as getWrapperTextStyle};
+import{makeStyleResponsive as e,filterTruthyStyles as t,makeGlobalSize as r,getGlobalColorClass as o,makeStyle as l,getSingleColorVariable as i,getRadiusCSSFromGlobal as n,getCustomRadius as a}from"@gem-sdk/core";let getRootClass=r=>{let o={...e("ta",r?.textAlign)};return t(o)},getWrapperTextStyle=d=>{let g=["small","medium","large"],{backgroundColor:s,roundedTag:p,borderTag:c,textColor:m}=d??{},u=r(d?.size),b=o("border",c?.color),x=o("text",m),y={...e("jc",d?.textContentAlign),...u.padding,...l({bs:c?.border,bw:c?.width,bc:""===b?c?.color:void 0,c:""===x?m:void 0,bgc:i(s)}),...g.includes(p?.radiusType||"")&&n("normal",p?.radiusType),...a("normal",p)};return t(y)},getContainerStyle=e=>{let t=r(e?.size);return{...t.width,...t.height}};export{getContainerStyle,getRootClass,getWrapperTextStyle};

package/dist/esm/product/components/product-discount-tag/hooks/useGpDiscountTag.js

@@ -1 +1 @@
-import{useMoneyFormat as e,useEditorMode as t,useProduct as r,useCurrentVariant as n,useQuantity as o,convertDecimalToNumber as i,useFormatMoney as u,useProductBundleDiscount as p,formatMoney as c}from"@gem-sdk/core";import{useMemo as s}from"react";import{applyBundleDiscountAmount as a}from"../../../helpers/product-bundle.js";import{DiscountType as m}from"../../constants/product-bundle.js";let l=l=>{let{setting:d,...f}=l,{customContent:g}=d??{},b=f["bundle-item"],{moneyFormat:h}=e(),$=t(),D=r(),j=n(),{quantity:y,hasUpdatePrice:P}=o(),k=s(()=>P&&g?.unit!=="percentage"?y??1:1,[P,g?.unit,y]),x=i(j?.price)??0,C=i(j?.salePrice)??0,F=(C-x)*k,G=u(F<0?0:F,d?.moneyWithCurrentFormat||!1),I=s(()=>{if(!C&&0!==C||!x&&0!==x)return`${g?.unit==="percentage"?"0%":G}`;if(g?.unit==="percentage"){let e=Math.round(F/(C/100));return`${e<0?0:e}%`}return`${G}`},[g?.unit,G,x,F,C]),{useProductCompareAtPrice:M}=p(),{discountPercentAmount:N}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:M}}),T=s(()=>{if(!b)return 0;let{discountPercentAmount:e,discountAmount:t}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:M}}),{discountType:r}=b,{unit:n}=g||{};return r!==m.NoDiscount||M?"percentage"===n?`${e}%`:t:"percentage"===n?"0%":c("0",h)},[b,j,h,M,g]),W=s(()=>b?T:I,[T,b,I]),q=D?.baseID?.replace("gid://shopify/Product/",""),v=s(()=>{let e=b?N<=0:F<=0;return"edit"===$&&e},[b,N,$,F]);return{mode:$,product:D,salePrice:C,priceSave:F,currentProductId:q,unitCustomDisplay:W,shouldPlaceholderNoDiscount:v}};export{l as useGpDiscountTag};
+import{useMoneyFormat as e,useEditorMode as t,useProduct as r,useCurrentVariant as n,useQuantity as o,convertDecimalToNumber as u,useFormatMoney as i,useProductBundleDiscount as p,formatMoney as c}from"@gem-sdk/core";import{useMemo as s}from"react";import{applyBundleDiscountAmount as a}from"../../../helpers/product-bundle.js";import{DiscountType as m}from"../../constants/product-bundle.js";let useGpDiscountTag=l=>{let{setting:d,...g}=l,{customContent:f}=d??{},b=g["bundle-item"],{moneyFormat:h}=e(),D=t(),$=r(),j=n(),{quantity:y,hasUpdatePrice:G}=o(),P=s(()=>G&&f?.unit!=="percentage"?y??1:1,[G,f?.unit,y]),T=u(j?.price)??0,k=u(j?.salePrice)??0,x=(k-T)*P,C=i(x<0?0:x,d?.moneyWithCurrentFormat||!1),F=s(()=>{if(!k&&0!==k||!T&&0!==T)return`${f?.unit==="percentage"?"0%":C}`;if(f?.unit==="percentage"){let e=Math.round(x/(k/100));return`${e<0?0:e}%`}return`${C}`},[f?.unit,C,T,x,k]),{useProductCompareAtPrice:I}=p(),{discountPercentAmount:M}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:I}}),N=s(()=>{if(!b)return 0;let{discountPercentAmount:e,discountAmount:t}=a({currentVariant:j,bundleItem:b,options:{moneyFormat:h,useProductCompareAtPrice:I}}),{discountType:r}=b,{unit:n}=f||{};return r!==m.NoDiscount||I?"percentage"===n?`${e}%`:t:"percentage"===n?"0%":c("0",h)},[b,j,h,I,f]),W=s(()=>b?N:F,[N,b,F]),q=$?.baseID?.replace("gid://shopify/Product/",""),v=s(()=>{let e=b?M<=0:x<=0;return"edit"===D&&e},[b,M,D,x]);return{mode:D,product:$,salePrice:k,priceSave:x,currentProductId:q,unitCustomDisplay:W,shouldPlaceholderNoDiscount:v}};export{useGpDiscountTag};

package/dist/esm/product/components/product-images/ProductFeaturedImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../../../image/components/NextImage.js";import{getFeatureImageAspectRatio as o,getStyleFeaturedImageWidth as i,isFeatureMedia as l,getZoomImageClass as c,getZoomLenClass as n,getStyleFeatureImageJustify as p}from"./common/productFeaturedImage.js";import{useFeaturedImageGlobal as s,useProduct as a,cls as f,makeStyle as h,makeStyleResponsive as g}from"@gem-sdk/core";import{urlJoin as m}from"../../../link/common/helpers.js";import{useRef as u,useMemo as d}from"react";let y=({productImages:y,imgRef:v,onOpenLightBox:w,...x})=>{let E=s(),L=a(),z=u(null),C=u(null),T=u(null),I=x?.clickEffect!==void 0&&x?.clickEffect=="link",N=L?.handle?m("/products",L.handle):"#",R=d(()=>x?.otherImage?y&&x.otherImage>=y.length-1||y&&-1===x.otherImage?y.length-1:x.otherImage:0,[x?.otherImage,y]),k=d(()=>x?.hoverEffect==="other"?y?.[R]:y?.find(e=>e.id===E?.id),[E?.id,R,y,x?.hoverEffect]),b=d(()=>E?.id?y?.find(e=>e.id===E?.id):y?.[0],[E,y]),M=I?{href:N}:{onClick:()=>x?.clickEffect=="popup"&&w(),role:"presentation"},V=({event:e,featureImageDom:t,zoomSize:r,imagePosition:o,slideWidth:i,imageOffsetX:l,imageOffsetY:c})=>{if(C?.current){if(C.current.style.width=`${r}px`,e.clientX>=o?.x&&e.clientX<=o.right&&e.clientY>=o?.y&&e.clientY<=o.bottom?((x?.hoverEffect=="zoom"&&x?.zoomType=="default"||x?.hoverEffect=="other")&&(C.current.style.opacity="1"),T?.current&&x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&(T.current.style.opacity="1")):(C.current.style.opacity="0",T?.current&&(T.current.style.opacity="0")),i&&x?.hoverEffect=="zoom"&&x?.zoomType=="default"){let e=l/t?.offsetWidth,o=c/t?.offsetHeight;C.current.style.top=(t?.offsetHeight-C.current.offsetHeight)*o+"px",C.current.style.left=(i-r)*e+"px"}C&&x?.hoverEffect=="other"&&(C.current.style.top="0px",C.current.style.left="0px")}},F=d(()=>o(x.ftCustomAspectRadio,x.ftAspectRatio),[x?.ftAspectRatio,x.ftCustomAspectRadio]),j=d(()=>i(x),[x]);return e("div",{className:"gp-product-images-ft gp-flex",style:{...p(x.position),...j},children:e(I?"a":"div",{...M,onMouseMove:e=>{let t=e.currentTarget?.querySelector("img"),r=t?.getBoundingClientRect(),o=z?.current?.clientWidth||0,i=z?.current?.clientHeight||0,l=!x?.zoom||x.zoom<100?1:x.zoom/100||1,c=(z?.current?.clientWidth||1)*(x?.hoverEffect=="other"?1:l),n=e.clientX-r?.x,p=e.clientY-r?.y;if(V({event:e,featureImageDom:t,zoomSize:c,imagePosition:r,slideWidth:o,imageOffsetX:n,imageOffsetY:p}),x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&T.current){let e=T.current.offsetWidth/2,t=T.current.offsetHeight/2,r=i||1;n>o-e/l&&(n=o-e/l),n<e/l&&(n=e/l),p>r-t/l&&(p=r-t/l),p<t/l&&(p=t/l),T.current.style.top=p-t+"px",T.current.style.left=n-e+"px",T.current.style.backgroundSize=c+"px "+r*l+"px",T.current.style.backgroundPosition=`-${n*l-e}px -${p*l-t}px`}},onMouseOut:()=>{C?.current&&(C.current.style.opacity="0"),T?.current&&(T.current.style.opacity="0")},className:f("gp-relative gp-flex gp-w-full",{"gp-overflow-hidden":x?.zoomType!=="glasses"}),style:{...g("aspect",F)},children:e("div",{className:"gp-flex gp-w-full gp-items-start gp-justify-center",children:t("div",{ref:z,className:"gp-group gp-relative gp-w-full gp-overflow-hidden",children:[e(r,{imgRef:v,src:E?.previewImage||E?.src,width:E?.width,height:E?.height,alt:E?.alt,setting:{layout:x.ftLayout,aspectRatio:F},className:f("featured-image-only gp-w-full transition-opacity",{"group-hover:gp-opacity-0":"other"==x.hoverEffect})}),(E?.contentType=="VIDEO"||E?.contentType=="EXTERNAL_VIDEO")&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]})}),E?.contentType=="MODEL_3D"&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})}),x?.hoverEffect!=="none"&&x?.hoverEffect!=="other"&&e("div",{ref:C,className:f("!gp-max-w-none",l(b?.contentType)?"":c()),children:e(r,{src:l(k?.contentType)?k?.previewImage:k?.src,width:k?.width,height:k?.height,alt:k?.alt,setting:{layout:x.ftLayout,aspectRatio:F},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="other"&&e("div",{ref:C,className:f("!gp-max-w-none",c()),children:e(r,{src:l(b?.contentType)?b?.previewImage:k?k?.previewImage||k?.src:b?.src,width:k?.width,height:k?.height,alt:k?.alt,setting:{layout:x.ftLayout,aspectRatio:F},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="zoom"&&x?.zoomType==="glasses"&&!l(b?.contentType)&&e("div",{ref:T,className:f(n()),style:{...h({bgi:`url("${b?.src}")`})}})]})})})})};export{y as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../../../image/components/NextImage.js";import{getFeatureImageAspectRatio as o,getStyleFeaturedImageWidth as i,getStyleFeatureImageJustify as l,isFeatureMedia as c,getZoomImageClass as n,getZoomLenClass as p}from"./common/productFeaturedImage.js";import{useFeaturedImageGlobal as s,useProduct as a,cls as f,makeStyleResponsive as g,makeStyle as h}from"@gem-sdk/core";import{urlJoin as u}from"../../../link/common/helpers.js";import{useRef as m,useMemo as d}from"react";let ProductFeaturedImage=({productImages:y,imgRef:v,onOpenLightBox:w,...x})=>{let E=s(),L=a(),z=m(null),C=m(null),I=m(null),T=x?.clickEffect!==void 0&&x?.clickEffect=="link",N=L?.handle?u("/products",L.handle):"#",R=T?"a":"div",k=d(()=>x?.otherImage?y&&x.otherImage>=y.length-1||y&&-1===x.otherImage?y.length-1:x.otherImage:0,[x?.otherImage,y]),b=d(()=>x?.hoverEffect==="other"?y?.[k]:y?.find(e=>e.id===E?.id),[E?.id,k,y,x?.hoverEffect]),M=d(()=>E?.id?y?.find(e=>e.id===E?.id):y?.[0],[E,y]),F=T?{href:N}:{onClick:()=>x?.clickEffect=="popup"&&w(),role:"presentation"},V=({event:e,featureImageDom:t,zoomSize:r,imagePosition:o,slideWidth:i,imageOffsetX:l,imageOffsetY:c})=>{if(C?.current){if(C.current.style.width=`${r}px`,e.clientX>=o?.x&&e.clientX<=o.right&&e.clientY>=o?.y&&e.clientY<=o.bottom?((x?.hoverEffect=="zoom"&&x?.zoomType=="default"||x?.hoverEffect=="other")&&(C.current.style.opacity="1"),I?.current&&x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&(I.current.style.opacity="1")):(C.current.style.opacity="0",I?.current&&(I.current.style.opacity="0")),i&&x?.hoverEffect=="zoom"&&x?.zoomType=="default"){let e=l/t?.offsetWidth,o=c/t?.offsetHeight;C.current.style.top=(t?.offsetHeight-C.current.offsetHeight)*o+"px",C.current.style.left=(i-r)*e+"px"}C&&x?.hoverEffect=="other"&&(C.current.style.top="0px",C.current.style.left="0px")}},j=e=>{let t=e.currentTarget?.querySelector("img"),r=t?.getBoundingClientRect(),o=z?.current?.clientWidth||0,i=z?.current?.clientHeight||0,l=!x?.zoom||x.zoom<100?1:x.zoom/100||1,c=(z?.current?.clientWidth||1)*(x?.hoverEffect=="other"?1:l),n=e.clientX-r?.x,p=e.clientY-r?.y;if(V({event:e,featureImageDom:t,zoomSize:c,imagePosition:r,slideWidth:o,imageOffsetX:n,imageOffsetY:p}),x?.hoverEffect=="zoom"&&x?.zoomType=="glasses"&&I.current){let e=I.current.offsetWidth/2,t=I.current.offsetHeight/2,r=i||1;n>o-e/l&&(n=o-e/l),n<e/l&&(n=e/l),p>r-t/l&&(p=r-t/l),p<t/l&&(p=t/l),I.current.style.top=p-t+"px",I.current.style.left=n-e+"px",I.current.style.backgroundSize=c+"px "+r*l+"px",I.current.style.backgroundPosition=`-${n*l-e}px -${p*l-t}px`}},A=()=>{C?.current&&(C.current.style.opacity="0"),I?.current&&(I.current.style.opacity="0")},H=d(()=>o(x.ftCustomAspectRadio,x.ftAspectRatio),[x?.ftAspectRatio,x.ftCustomAspectRadio]),Z=d(()=>i(x),[x]);return e("div",{className:"gp-product-images-ft gp-flex",style:{...l(x.position),...Z},children:e(R,{...F,onMouseMove:j,onMouseOut:A,className:f("gp-relative gp-flex gp-w-full",{"gp-overflow-hidden":x?.zoomType!=="glasses"}),style:{...g("aspect",H)},children:e("div",{className:"gp-flex gp-w-full gp-items-start gp-justify-center",children:t("div",{ref:z,className:"gp-group gp-relative gp-w-full gp-overflow-hidden",children:[e(r,{imgRef:v,src:E?.previewImage||E?.src,width:E?.width,height:E?.height,alt:E?.alt,setting:{layout:x.ftLayout,aspectRatio:H},className:f("featured-image-only gp-w-full transition-opacity",{"group-hover:gp-opacity-0":"other"==x.hoverEffect})}),(E?.contentType=="VIDEO"||E?.contentType=="EXTERNAL_VIDEO")&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]})}),E?.contentType=="MODEL_3D"&&e("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})}),x?.hoverEffect!=="none"&&x?.hoverEffect!=="other"&&e("div",{ref:C,className:f("!gp-max-w-none",c(M?.contentType)?"":n()),children:e(r,{src:c(b?.contentType)?b?.previewImage:b?.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{layout:x.ftLayout,aspectRatio:H},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="other"&&e("div",{ref:C,className:f("!gp-max-w-none",n()),children:e(r,{src:c(M?.contentType)?M?.previewImage:b?b?.previewImage||b?.src:M?.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{layout:x.ftLayout,aspectRatio:H},className:"featured-image-only gp-w-full"})}),x?.hoverEffect==="zoom"&&x?.zoomType==="glasses"&&!c(M?.contentType)&&e("div",{ref:I,className:f(p()),style:{...h({bgi:`url("${M?.src}")`})}})]})})})})};export{ProductFeaturedImage as default};