@gem-sdk/components 5.0.5 → 5.0.8

package/dist/cjs/carousel-v3/components/root/Carousel.liquid.js

@@ -1,23 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Arrow_liquid=require("../arrow/Arrow.liquid.js"),Dots_liquid=require("../dot/Dots.liquid.js"),helpers=require("../arrow/common/helpers.js"),helpers$1=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),attrs=require("./common/attrs.js"),helpers$2=require("../../../helpers.js");const Carousel=e=>{let{children:r,builderAttrs:s,builderProps:o,styles:t,isHiddenArrowWhenDisabled:l=!0,hiddenDotWhenOnlyOne:a,rootId:i,rawChildren:d,conditionAppendJs:c}=e,n=helpers.mappingNavigationCarousel(e.setting),u={...e,setting:n},{arrowButtonSize:p,arrowBackgroundColor:$,arrowGapToEachSide:v="16",roundedArrow:g,arrowIconSize:h,arrowCustomColor:m,arrowBorder:S,arrowShadow:w,showWhenHover:q}=n??{},{uniqueComponentId:y,loopConfig:C,arrowShowConfig:f,stateData:j}=helpers$1.getData(u),{rootClassRender:_,wrapperClassRender:A,wrapperInnerClass:D,sliderClass:k}=classes.getClass(u),{sliderWrapperStyle:P,rootStyleRender:E,wrapperStyleRender:I,wrapperInnerStyle:b}=styles.getStyle(u),{rootAttrRender:z,sliderAttr:R}=attrs.getAttr(u),x=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),G=e=>{let r="next"===e;return Arrow_liquid.default({uid:o?.uid,componentId:y,custom:n?.arrowCustom??"",showArrow:f,arrowButtonSize:p||{},arrowIconSize:h||{},arrowBackgroundColor:$??"",arrowCustomColor:m,gapToEachSize:v,showWhenHover:q,arrowBorder:S||{},arrowCorner:g||{},arrowShadow:w||{},left:!r,onClick:e=>{e.stopPropagation()},vertical:n?.vertical,isHiddenWhenDisabled:l,rootId:i})},O=()=>core.template`
-    ${d?.length?core.WrapRenderChildren({uid:o?.uid??"",customProps:d[0]?.customProps},d.map((e,r)=>{if(e)return core.template`${core.RenderChildren({...e,index:r,parentSettings:n,parentStyle:t,background:n?.background,parentUid:o?.uid})}`})):r??`<div>${helpers$2.getStaticLocale("Carousel","no_slider")}</div>`}`;return core.template`
-    <gp-carousel-v3 gp-data='${j}' ${z} style="${E}" class="${_}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Arrow_liquid=require("../arrow/Arrow.liquid.js"),Dots_liquid=require("../dot/Dots.liquid.js"),helpers=require("../arrow/common/helpers.js"),helpers$1=require("./common/helpers.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),attrs=require("./common/attrs.js"),helpers$2=require("../../../helpers.js");const Carousel=e=>{let{children:r,builderAttrs:s,builderProps:o,styles:t,isHiddenArrowWhenDisabled:l=!0,hiddenDotWhenOnlyOne:a,rootId:i,rawChildren:d,conditionAppendJs:c,productBadgeLiquid:n}=e,u=helpers.mappingNavigationCarousel(e.setting),p={...e,setting:u},{arrowButtonSize:$,arrowBackgroundColor:v,arrowGapToEachSide:g="16",roundedArrow:h,arrowIconSize:m,arrowCustomColor:S,arrowBorder:w,arrowShadow:q,showWhenHover:y}=u??{},{uniqueComponentId:C,loopConfig:f,arrowShowConfig:j,stateData:_}=helpers$1.getData(p),{rootClassRender:A,wrapperClassRender:D,wrapperInnerClass:k,sliderClass:P}=classes.getClass(p),{sliderWrapperStyle:E,rootStyleRender:I,wrapperStyleRender:b,wrapperInnerStyle:z}=styles.getStyle(p),{rootAttrRender:R,sliderAttr:x}=attrs.getAttr(p),G=()=>core.RenderIf(core.isLocalEnv,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$2.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),O=e=>{let r="next"===e;return Arrow_liquid.default({uid:o?.uid,componentId:C,custom:u?.arrowCustom??"",showArrow:j,arrowButtonSize:$||{},arrowIconSize:m||{},arrowBackgroundColor:v??"",arrowCustomColor:S,gapToEachSize:g,showWhenHover:y,arrowBorder:w||{},arrowCorner:h||{},arrowShadow:q||{},left:!r,onClick:e=>{e.stopPropagation()},vertical:u?.vertical,isHiddenWhenDisabled:l,rootId:i})},T=()=>core.template`
+    ${d?.length?core.WrapRenderChildren({uid:o?.uid??"",customProps:d[0]?.customProps},d.map((e,r)=>{if(e)return core.template`${core.RenderChildren({...e,index:r,parentSettings:u,parentStyle:t,background:u?.background,parentUid:o?.uid})}`})):r??`<div>${helpers$2.getStaticLocale("Carousel","no_slider")}</div>`}`;return core.template`
+    <gp-carousel-v3 gp-data='${_}' ${R} style="${I}" class="${A}">
       <div
         ${s}
-        class="${A}"
-        style="${I}"
+        class="${D}"
+        style="${b}"
       >
-        <div class="${D}" style="${b}">
-          ${G("prev")}
-          <div ${R} style="${P}">
-            <div class="${k}">
-              ${O()}
+        <div class="${k}" style="${z}">
+          ${n??""}
+          ${O("prev")}
+          <div ${x} style="${E}">
+            <div class="${P}">
+              ${T()}
             </div>
           </div>
-          ${G("next")}
+          ${O("next")}
         </div>
-        ${Dots_liquid.default({loop:C,showDots:n?.dot,dotStyle:n?.dotStyle,dotGapToCarousel:n?.dotGapToCarousel,dotSize:n?.dotSize,vertical:n?.vertical,uniqueComponentId:y,hiddenWhenOnlyOne:a})}
+        ${Dots_liquid.default({loop:f,showDots:u?.dot,dotStyle:u?.dotStyle,dotGapToCarousel:u?.dotGapToCarousel,dotSize:u?.dotSize,vertical:u?.vertical,uniqueComponentId:C,hiddenWhenOnlyOne:a})}
       </div>
     </gp-carousel-v3>
-    ${c?`{% if ${c} %} ${x()} {% endif %}`:x()}
+    ${c?`{% if ${c} %} ${G()} {% endif %}`:G()}
 
   `};exports.default=Carousel;

package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),useProductBundleDataState=require("./hooks/useProductBundleDataState.js"),useProductBundleDiscountState=require("./hooks/useProductBundleDiscountState.js"),ProductBundleDiscountChildrenItem=require("./ProductBundleDiscountChildrenItem.js");const ProductBundleDiscount=({builderAttrs:e,style:t,children:s,setting:u,styles:n,advanced:l})=>{let{isEditMode:r,isPreviewSharePageMode:i}=core.useRenderMode(),{isSelected:d,setSelected:a}=useProductBundleDiscountState.default(u),{emitRedirectSetupPage:c,redirectGuideline:o,svg:m}=useProductBundleDataState.default(),y=system.createClass(classes.getContainerClasses(u,l?.cssClass)),j=system.createClass(classes.getNoDiscountClasses),S=system.createStyle(styles.getSizeSettings(n)?.gap),D=system.createStyle(styles.getContainerStyles(S,n,t));if(!u?.bundleItems?.length&&r)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Increase AOV with bundle quantity.",descriptionActions:[{text:"Setup bundle discount",callback:c},{text:"read guideline",callback:o}],additionalMedia:m});let h=(e,t)=>{if(u?.hideNoDiscountItem&&e?.discountType==="no_discount")return null;let l=s?.[t];if(React.isValidElement(l))return jsxRuntime.jsx(ProductBundleDiscountChildrenItem.default,{index:t,childItem:l,setting:u,styles:n,isSelected:d(t),setSelected:a,bundleItem:e},t)},x=(core.isEmptyChildren(s)||u?.bundleItems?.length==0)&&!i;return jsxRuntime.jsxs("div",{...e,className:y,style:D,children:[system.If(x,jsxRuntime.jsx("div",{className:j,children:"This product has no bundle discount"})),u?.bundleItems?.map((e,t)=>h(e,t))]})};exports.default=ProductBundleDiscount;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),NoDataState=require("../../../common/components/NoDataState.js"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),useProductBundleDataState=require("./hooks/useProductBundleDataState.js"),useProductBundleDiscountState=require("./hooks/useProductBundleDiscountState.js"),ProductBundleDiscountChildrenItem=require("./ProductBundleDiscountChildrenItem.js");const ProductBundleDiscount=({builderAttrs:e,style:t,children:s,setting:u,styles:n,advanced:l})=>{let{isEditMode:r,isPreviewSharePageMode:a}=core.useRenderMode(),{isSelected:i,setSelected:d}=useProductBundleDiscountState.default(u),{emitRedirectSetupPage:c,redirectGuideline:o,svgVertical:m,svgHorizontal:y}=useProductBundleDataState.default(),j=system.createClass(classes.getContainerClasses(u,l?.cssClass)),S=system.createClass(classes.getNoDiscountClasses),h=system.createStyle(styles.getSizeSettings(n)?.gap),D=system.createStyle(styles.getContainerStyles(h,n,t));if(!u?.bundleItems?.length&&r)return jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:"Increase AOV with bundle quantity.",descriptionActions:[{text:"Setup bundle discount",callback:c},{text:"read guideline",callback:o}],additionalMedia:u?.layout=="horizontal-layout"?y:m});let x=(e,t)=>{if(u?.hideNoDiscountItem&&e?.discountType==="no_discount")return null;let l=s?.[t];if(React.isValidElement(l))return jsxRuntime.jsx(ProductBundleDiscountChildrenItem.default,{index:t,childItem:l,setting:u,styles:n,isSelected:i(t),setSelected:d,bundleItem:e},t)},p=(core.isEmptyChildren(s)||u?.bundleItems?.length==0)&&!a;return jsxRuntime.jsxs("div",{...e,className:j,style:D,children:[system.If(p,jsxRuntime.jsx("div",{className:S,children:"This product has no bundle discount"})),u?.bundleItems?.map((e,t)=>x(e,t))]})};exports.default=ProductBundleDiscount;