npm - @gem-sdk/components - Versions diffs - 17.0.0-dev.52 → 17.0.0-dev.54 - Mend

@gem-sdk/components 17.0.0-dev.52 → 17.0.0-dev.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/cjs/carousel-v3/hooks/useCarousel.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react"),t=require("@gem-sdk/core"),n=require("./useTrackPreviewPause.js");exports.useCarousel=(r,s,a,i)=>{let l;let{builderProps:u,moveToIdx:o,styles:c,setting:d,isHiddenArrowWhenDisabled:p=!0,elmRef:f,isEnableCheckHasScrollableContent:m,onClickArrow:y,onHandleChangeSlideByInteraction:g,onChangeActive:v}=r,[S,k]=e.useState(!0),[h,V]=e.useState(!0),[b,B]=e.useState(!1),{loop:R,navigationEnable:P={desktop:!0},navigationStyle:T}=d??{},[w,N]=e.useState(i),[E,x]=e.useState(d?.defaultCurrentSlider??0),{isFirstPreviewClicked:C}=n.default(d?.runPreview),M=e.useRef(),I=e.useRef(o??0),O=t.useCurrentDevice(),L=t.useEditorMode(),{onListener:D,saveToElementInteractionData:z,getInteractionPreviousData:q,trigger:A}=t.useInteraction(),H=e.useMemo(()=>t.getResponsiveValueByScreen(R,O,!1),[R,O]),j=e.useCallback(()=>{if(!d?.slidesToShow)return null;let e={};return t.DEVICES.forEach(n=>{let r=t.getResponsiveValueByScreen(d?.slidesToShow,n);e[n]=r?"auto"===r?4:Math.floor(r):0}),e},[d?.slidesToShow]),F=e.useCallback(()=>{if(!d?.slidesToShow)return null;let e={};return t.DEVICES.forEach(n=>{let r=t.getResponsiveValueByScreen(d?.slidesToShow,n);e[n]=r?"auto"===r?4:r:0}),e},[d?.slidesToShow]),$=e.useMemo(()=>{let e=F();if(e)return e;let n={};return t.DEVICES.forEach(e=>{let r=t.getResponsiveValueByScreen(d?.sneakPeak,e),s=r?"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?t.getResponsiveValueByScreen(d?.sneakPeakOffsetCenter,e)??0:t.getResponsiveValueByScreen(d?.sneakPeakOffsetForward,e)??0:0,a="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?-2:-1,i=t.getResponsiveValueByScreen(d?.itemNumber,e);n[e]="number"==typeof i?i+s/100a:"auto"}),n},[F,d?.itemNumber,d?.sneakPeak,d?.sneakPeakOffsetCenter,d?.sneakPeakOffsetForward,d?.sneakPeakType]),U=e.useMemo(()=>{let e=t.getResponsiveValueByScreen($,O),n=t.getResponsiveValueByScreen(R,O,!1);return n&&Number(e??0)>i\|\|!n&&Number(e??0)>=i},[$,O,R,i]),W=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(P,O),n=t.getResponsiveValueByScreen(T,O);return a&&e&&"none"!==n&&S&&!U},[P,O,T,a,S,U]),G=e.useMemo(()=>{let e=j();return e\|\|d?.itemNumber},[j,d?.itemNumber]),J=e.useCallback(e=>{let n="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?2:1;return"number"==typeof t.getResponsiveValueByScreen(G,e,4)?t.getResponsiveValueByScreen(G,e,4)-n:void 0},[d?.sneakPeakType,G]),K=()=>{let e="auto"===t.getResponsiveValueByScreen($,O,1)?1:t.getResponsiveValueByScreen($,O,1);return e??1},Q=e.useCallback(()=>{let e=t.getResponsiveValueByScreen($,O,1),n=J(O)??1,r=t.getResponsiveValueByScreen(d?.sneakPeak,O,!1);return Array.from({length:Math.max(H?i:r?i-n+1:"auto"===e?0:Math.ceil(i/Number(e)),0)},(e,t)=>t)},[i,$,O,J,d?.sneakPeak,H]),X=e=>{let t=eK();return t>=w-K()&&(t=w-K()),t},Y=e=>{let n="edit"===L?{[e]:!1}:d?.enableDrag;return t.getResponsiveValueByScreen(n,e)};e.useImperativeHandle(s,()=>({nextSlideInteraction:ee,previousSlideInteraction:et,moveToSlideInteraction:en,getSwiper:()=>a}));let Z=e=>{a?.slideTo(e),g&&g(e)},_=(e,t)=>{let{key:n,data:r,isRollback:s,element:i}=e,l=Math.max(a?.activeIndex??0,0);if(s&&void 0===r)return;if(s){if("specific"===t){let{previousData:e}=q(i,n);Z(Number(e))}else Z("next"===t?l-1:l+1);return}let u="specific"===t?Math.max(I.current,0):l;z(i,n,u.toString());let o="specific"===t?Number(r):"next"===t?l+1:l-1;Z(o)},ee=e=>{_(e,"next")},et=e=>{_(e,"previous")},en=e=>{_(e,"specific")},er=K(),es=e.useMemo(()=>!!w&&a&&t.getResponsiveValueByScreen(d?.dot,O)&&!U&&i>1,[w,a,d?.dot,O,U,i]),ea=t.getResponsiveValueByScreen(d?.vertical,O,!1)?"vertical":"horizontal",ei=e.useMemo(()=>"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,O))>1,[d?.sneakPeakType,d?.itemNumber,O]),el=e=>{let{swiperWidth:t,slidesPerView:n,itemNumberByDevice:r,centeredSlides:s}=e;if(!s\|\|!r)return 0;let a=t/n,i=(Number(r)-2)/2-1;return-(a/2+ia)},eu=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(R,O,!1),n=a?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},s=Number(Object.entries(r).find(([,e])=>e===O)?.[0]??1025),i=Object.entries(r).reduce((e,[r,s])=>{if(!e)return;let a=Number(r),i=t.getResponsiveValueByScreen(d?.sneakPeak,s,!1),l=i&&"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,s),u=t.getResponsiveValueByScreen(d?.itemNumber,s),c=Y(s),p=el({swiperWidth:n,slidesPerView:er,itemNumberByDevice:u,centeredSlides:l}),f=d?.initialSlide\|\|o\|\|0,m={allowTouchMove:c,slidesOffsetBefore:p,slidesOffsetAfter:p,initialSlide:f,centeredSlides:l~~,...l&&{centerInsufficientSlides:!0~~}~~};return e[a]=m~~,e},{}),l="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,O))>1;return{speed:c?.playSpeed??500,dir:d?.rtl?"rtl":"ltr",spaceBetween:t.getResponsiveValueByScreen(c?.spacing,O)\|\|0,loop:e,slidesPerView:"auto"===t.getResponsiveValueByScreen($,O,1)?"auto":er,direction:ea,breakpoints:i,isSneakPeekCenter:l,slidesOffsetBefore:i?.[s]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(d?.autoplayTimeout??1)1e3,pauseOnMouseEnter:d?.pauseOnHover,stopOnLastSlide:!e}}},[c?.playSpeed,d?.rtl,c?.spacing,O,R,er,d?.sneakPeakType,d?.pauseOnHover,d?.autoplayTimeout,a?.width,w]),eo=e.useCallback(e=>{let n=a&&a.params?.slidesPerView,r=n?a?.slidesPerViewDynamic():1;if(e<=1)return!1;let s="auto"===eu.slidesPerView?r:eu.slidesPerView;if(!H\|\|e<Number(s)\|\|!S)return!1;let i=t.getResponsiveValueByScreen(d?.sneakPeak,O,!1),l=i&&"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O),u=Number.isNaN(Number(s))?1:Math.ceil(Number(s));l&&u%2==0&&(u+=1);let o=l?Math.max(1,Math.ceil(u/2)):1;return e<u+o},[a,eu.slidesPerView,H,S,d?.sneakPeak,d?.sneakPeakType,O]);e.useEffect(()=>{let e=`[data-id="${u?.uid}"]`;D({event:"gp:change-next-slide",selector:e,elementRef:M},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e\|\|{};ee({element:M.current,data:t,isRollback:n,key:r})}),D({event:"gp:change-previous-slide",selector:e,elementRef:M},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e\|\|{};et({element:M.current,data:t,isRollback:n,key:r})}),D({event:"gp:change-image-step",selector:e,elementRef:M},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e\|\|{};en({element:M.current,data:t,isRollback:n,key:r})}),D({event:"gp:change-index-slide",selector:e},t=>{let n=document.querySelector(e),{data:r,isRollback:s,uniqueStorageKey:a}=t\|\|{};en({element:n,data:r,isRollback:s,key:a})})},[]),e.useEffect(()=>{N(i)},[i]),e.useEffect(()=>{if("number"==typeof o){if(I.current=o,a?.params?.loop){a?.slideToLoop(o);return}a?.slideTo(o)}},[a,o,p]);let ec=()=>{let e=t.getResponsiveValueByScreen(d?.loop,O,!1);if(!a\|\|!ei\|\|e)return;let n=Q().length;if(!n)return;let r=a.snapIndex>=n-1;a.isEnd=r,a.allowSlideNext=!r};return e.useEffect(()=>{if(!a)return;let e=()=>{N(a.slides.length),ec()},t=()=>{v&&v(a.realIndex)},n=()=>{x(a.realIndex),V(a?.translate===0),B(a?.translate<=a?.maxTranslate())};return a.on("transitionEnd",n),a.on("slideChange",e),a.on("slideChangeTransitionStart",t),()=>{a?.off("slideChange",e),a?.off("slideChangeTransitionStart",t),a?.off("transitionEnd",n)}},[eu.loop,a]),e.useEffect(()=>{a?.wrapperEl&&(a.wrapperEl.style.transitionTimingFunction=d?.animationMode??"ease")},[a,d?.animationMode]),e.useEffect(()=>{if(a&&a.autoplay){let e="edit"===L?!!C&&d?.runPreview&&d?.autoplay:d?.autoplay;e?a.autoplay.start():a.autoplay.stop()}},[a,d?.autoplay,L,C,d?.runPreview]),e.useEffect(()=>{let e=e=>{if(u?.uid!==e?.detail.componentUid)return;let t=e?.detail.index\|\|0;a?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[a,u?.uid]),e.useEffect(()=>{if(!a)return;let e=a.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let n=t.getResponsiveValueByScreen(d?.vertical,O)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(n),a?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),a?.update()},[O,d?.vertical,a,a?.params]),e.useEffect(()=>{if(!a\|\|!m)return;let e=()=>{let e=a?.slides?.slice(0,i)\|\|[],t=Number(eu?.spaceBetween\|\|0),n=e.reduce((e,t)=>e+t.offsetHeight,0)+t(e.length-1),r=e.reduce((e,t)=>e+t.offsetWidth,0)+t(e.length-1),s=a.params?.direction==="horizontal"?r>(a.width\|\|0):n>(a.height\|\|0);k(s)};return e(),a.on("resize",e),a.on("update",e),a.on("slidesLengthChange",e),a.on("orientationchange",e),()=>{a.off("resize",e),a.off("update",e),a.off("slidesLengthChange",e),a.off("orientationchange",e)}},[a]),{isInfinity:H,sliderSettings:eu,totalSlideItem:w,currentSlide:E,localRef:M,isRenderDots:es,showNavigation:W,isScrollToStart:h,isScrollToEnd:b,handleDotClick:(e,n)=>{let r=d?.sneakPeak?.[O]?e:n?e:X(e);if(~~console.log("\uD83D\uDE80 ~ handleDotClick ~ index:",~~r)~~,a&&(a.isEnd=!0),n)~~{if(i<er){a?.slideTo(r);return}if(a?.realIndex===r)return;if(r===Number(a?.realIndex)+1\|\|0===r&&a?.realIndex===i-1)return a?.slideNext();if(r===Number(a?.realIndex)-1\|\|r===i-1&&a?.realIndex===0)return a?.slidePrev();let e="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,O))%2==0;e?a?.slideToLoopCenterSneakPeek(r):a?.slideToLoop(r)}else a?.slideTo(r);I.current=r},getItemsPerPage:K,handleNextAndPrevSlide:e=>{"next"===e?a?.slideNext():a?.slidePrev(),y&&(l&&clearTimeout(l),l=setTimeout(()=>y&&y(),500))},dispatchEventSelectSlide:e=>{A({event:"gp:rollback:select-slide",selector:`[data-id="${u?.uid}"]`,element:f?.current}),A({event:"gp:select-slide",selector:`[data-id="${u?.uid}"]`,data:e,element:f?.current})},getNumberOfFullWidthShow:J,setCurrentSlide:x,shouldDuplicateSlides:eo,setIsScrollToStart:V,setIsScrollToEnd:B,isHideNavigation:U}};
1	+ "use strict";var e=require("react"),t=require("@gem-sdk/core"),r=require("./useTrackPreviewPause.js");exports.useCarousel=(n,s,a,i)=>{let l;let{builderProps:u,moveToIdx:o,styles:c,setting:d,isHiddenArrowWhenDisabled:p=!0,elmRef:f,isEnableCheckHasScrollableContent:m,onClickArrow:y,onHandleChangeSlideByInteraction:v,onChangeActive:g}=n,[S,k]=e.useState(!0),[h,V]=e.useState(!0),[b,B]=e.useState(!1),{loop:R,navigationEnable:P={desktop:!0},navigationStyle:T}=d??{},[w,N]=e.useState(i),[E,x]=e.useState(d?.defaultCurrentSlider??0),{isFirstPreviewClicked:C}=r.default(d?.runPreview),M=e.useRef(),I=e.useRef(o??0),O=t.useCurrentDevice(),L=t.useEditorMode(),{onListener:D,saveToElementInteractionData:z,getInteractionPreviousData:q,trigger:A}=t.useInteraction(),H=e.useMemo(()=>t.getResponsiveValueByScreen(R,O,!1),[R,O]),j=e.useCallback(()=>{if(!d?.slidesToShow)return null;let e={};return t.DEVICES.forEach(r=>{let n=t.getResponsiveValueByScreen(d?.slidesToShow,r);e[r]=n?"auto"===n?4:Math.floor(n):0}),e},[d?.slidesToShow]),F=e.useCallback(()=>{if(!d?.slidesToShow)return null;let e={};return t.DEVICES.forEach(r=>{let n=t.getResponsiveValueByScreen(d?.slidesToShow,r);e[r]=n?"auto"===n?4:n:0}),e},[d?.slidesToShow]),$=e.useMemo(()=>{let e=F();if(e)return e;let r={};return t.DEVICES.forEach(e=>{let n=t.getResponsiveValueByScreen(d?.sneakPeak,e),s=n?"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?t.getResponsiveValueByScreen(d?.sneakPeakOffsetCenter,e)??0:t.getResponsiveValueByScreen(d?.sneakPeakOffsetForward,e)??0:0,a="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?-2:-1,i=t.getResponsiveValueByScreen(d?.itemNumber,e);r[e]="number"==typeof i?i+s/100a:"auto"}),r},[F,d?.itemNumber,d?.sneakPeak,d?.sneakPeakOffsetCenter,d?.sneakPeakOffsetForward,d?.sneakPeakType]),U=e.useMemo(()=>{let e=t.getResponsiveValueByScreen($,O),r=t.getResponsiveValueByScreen(R,O,!1);return r&&Number(e??0)>i\|\|!r&&Number(e??0)>=i},[$,O,R,i]),W=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(P,O),r=t.getResponsiveValueByScreen(T,O);return a&&e&&"none"!==r&&S&&!U},[P,O,T,a,S,U]),G=e.useMemo(()=>{let e=j();return e\|\|d?.itemNumber},[j,d?.itemNumber]),J=e.useCallback(e=>{let r="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?2:1;return"number"==typeof t.getResponsiveValueByScreen(G,e,4)?t.getResponsiveValueByScreen(G,e,4)-r:void 0},[d?.sneakPeakType,G]),K=()=>{let e="auto"===t.getResponsiveValueByScreen($,O,1)?1:t.getResponsiveValueByScreen($,O,1);return e??1},Q=e.useCallback(()=>{let e=t.getResponsiveValueByScreen($,O,1),r=J(O)??1,n=t.getResponsiveValueByScreen(d?.sneakPeak,O,!1);return Array.from({length:Math.max(H?i:n?i-r+1:"auto"===e?0:Math.ceil(i/Number(e)),0)},(e,t)=>t)},[i,$,O,J,d?.sneakPeak,H]),X=e=>{let t=eK();return t>=w-K()&&(t=w-K()),t},Y=e=>{let r="edit"===L?{[e]:!1}:d?.enableDrag;return t.getResponsiveValueByScreen(r,e)};e.useImperativeHandle(s,()=>({nextSlideInteraction:ee,previousSlideInteraction:et,moveToSlideInteraction:er,getSwiper:()=>a}));let Z=e=>{a?.slideTo(e),v&&v(e)},_=(e,t)=>{let{key:r,data:n,isRollback:s,element:i}=e,l=Math.max(a?.activeIndex??0,0);if(s&&void 0===n)return;if(s){if("specific"===t){let{previousData:e}=q(i,r);Z(Number(e))}else Z("next"===t?l-1:l+1);return}let u="specific"===t?Math.max(I.current,0):l;z(i,r,u.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;Z(o)},ee=e=>{_(e,"next")},et=e=>{_(e,"previous")},er=e=>{_(e,"specific")},en=K(),es=e.useMemo(()=>!!w&&a&&t.getResponsiveValueByScreen(d?.dot,O)&&!U&&i>1,[w,a,d?.dot,O,U,i]),ea=t.getResponsiveValueByScreen(d?.vertical,O,!1)?"vertical":"horizontal",ei=e.useMemo(()=>"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,O))>1,[d?.sneakPeakType,d?.itemNumber,O]),el=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:n,centeredSlides:s}=e;if(!s\|\|!n)return 0;let a=t/r,i=(Number(n)-2)/2-1;return-(a/2+ia)},eu=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(R,O,!1),r=a?.width??0,n={0:"mobile",768:"tablet",1025:"desktop"},s=Number(Object.entries(n).find(([,e])=>e===O)?.[0]??1025),i=Object.entries(n).reduce((e,[n,s])=>{if(!e)return;let a=Number(n),i=t.getResponsiveValueByScreen(d?.sneakPeak,s,!1),l=i&&"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,s),u=t.getResponsiveValueByScreen(d?.itemNumber,s),c=Y(s),p=el({swiperWidth:r,slidesPerView:en,itemNumberByDevice:u,centeredSlides:l}),f=d?.initialSlide\|\|o\|\|0;return e[a]={allowTouchMove:c,slidesOffsetBefore:p,slidesOffsetAfter:p,initialSlide:f,centeredSlides:l},e},{}),l="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,O))>1;return{speed:c?.playSpeed??500,dir:d?.rtl?"rtl":"ltr",spaceBetween:t.getResponsiveValueByScreen(c?.spacing,O)\|\|0,loop:e,slidesPerView:"auto"===t.getResponsiveValueByScreen($,O,1)?"auto":en,direction:ea,breakpoints:i,isSneakPeekCenter:l,slidesOffsetBefore:i?.[s]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(d?.autoplayTimeout??1)1e3,pauseOnMouseEnter:d?.pauseOnHover,stopOnLastSlide:!e}}},[c?.playSpeed,d?.rtl,c?.spacing,O,R,en,d?.sneakPeakType,d?.pauseOnHover,d?.autoplayTimeout,a?.width,w]),eo=e.useCallback(e=>{let r=a&&a.params?.slidesPerView,n=r?a?.slidesPerViewDynamic():1;if(e<=1)return!1;let s="auto"===eu.slidesPerView?n:eu.slidesPerView;if(!H\|\|e<Number(s)\|\|!S)return!1;let i=t.getResponsiveValueByScreen(d?.sneakPeak,O,!1),l=i&&"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O),u=Number.isNaN(Number(s))?1:Math.ceil(Number(s));l&&u%2==0&&(u+=1);let o=l?Math.max(1,Math.ceil(u/2)):1;return e<u+o},[a,eu.slidesPerView,H,S,d?.sneakPeak,d?.sneakPeakType,O]);e.useEffect(()=>{let e=`[data-id="${u?.uid}"]`;D({event:"gp:change-next-slide",selector:e,elementRef:M},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};ee({element:M.current,data:t,isRollback:r,key:n})}),D({event:"gp:change-previous-slide",selector:e,elementRef:M},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};et({element:M.current,data:t,isRollback:r,key:n})}),D({event:"gp:change-image-step",selector:e,elementRef:M},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};er({element:M.current,data:t,isRollback:r,key:n})}),D({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:s,uniqueStorageKey:a}=t\|\|{};er({element:r,data:n,isRollback:s,key:a})})},[]),e.useEffect(()=>{N(i)},[i]),e.useEffect(()=>{if("number"==typeof o){if(I.current=o,a?.params?.loop){a?.slideToLoop(o);return}a?.slideTo(o)}},[a,o,p]);let ec=()=>{let e=t.getResponsiveValueByScreen(d?.loop,O,!1);if(!a\|\|!ei\|\|e)return;let r=Q().length;if(!r)return;let n=a.snapIndex>=r-1;a.isEnd=n,a.allowSlideNext=!n};return e.useEffect(()=>{if(!a)return;let e=()=>{N(a.slides.length),ec()},t=()=>{g&&g(a.realIndex)},r=()=>{x(a.realIndex),V(a?.translate===0),B(a?.translate<=a?.maxTranslate())};return a.on("transitionEnd",r),a.on("slideChange",e),a.on("slideChangeTransitionStart",t),()=>{a?.off("slideChange",e),a?.off("slideChangeTransitionStart",t),a?.off("transitionEnd",r)}},[eu.loop,a]),e.useEffect(()=>{a?.wrapperEl&&(a.wrapperEl.style.transitionTimingFunction=d?.animationMode??"ease")},[a,d?.animationMode]),e.useEffect(()=>{if(a&&a.autoplay){let e="edit"===L?!!C&&d?.runPreview&&d?.autoplay:d?.autoplay;e?a.autoplay.start():a.autoplay.stop()}},[a,d?.autoplay,L,C,d?.runPreview]),e.useEffect(()=>{let e=e=>{if(u?.uid!==e?.detail.componentUid)return;let t=e?.detail.index\|\|0;a?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[a,u?.uid]),e.useEffect(()=>{if(!a)return;let e=a.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let r=t.getResponsiveValueByScreen(d?.vertical,O)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(r),a?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),a?.update()},[O,d?.vertical,a,a?.params]),e.useEffect(()=>{if(!a\|\|!m)return;let e=()=>{let e=a?.slides?.slice(0,i)\|\|[],t=Number(eu?.spaceBetween\|\|0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t(e.length-1),n=e.reduce((e,t)=>e+t.offsetWidth,0)+t(e.length-1),s=a.params?.direction==="horizontal"?n>(a.width\|\|0):r>(a.height\|\|0);k(s)};return e(),a.on("resize",e),a.on("update",e),a.on("slidesLengthChange",e),a.on("orientationchange",e),()=>{a.off("resize",e),a.off("update",e),a.off("slidesLengthChange",e),a.off("orientationchange",e)}},[a]),{isInfinity:H,sliderSettings:eu,totalSlideItem:w,currentSlide:E,localRef:M,isRenderDots:es,showNavigation:W,isScrollToStart:h,isScrollToEnd:b,handleDotClick:(e,r)=>{let n=d?.sneakPeak?.[O]?e:r?e:X(e);if(r){if(i<en){a?.slideTo(n);return}if(a?.realIndex===n)return;if(n===Number(a?.realIndex)+1\|\|0===n&&a?.realIndex===i-1)return a?.slideNext();if(n===Number(a?.realIndex)-1\|\|n===i-1&&a?.realIndex===0)return a?.slidePrev();let e="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,O)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,O)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,O))%2==0;e?a?.slideToLoopCenterSneakPeek(n):a?.slideToLoop(n)}else a?.slideTo(n);I.current=n},getItemsPerPage:K,handleNextAndPrevSlide:e=>{"next"===e?a?.slideNext():a?.slidePrev(),y&&(l&&clearTimeout(l),l=setTimeout(()=>y&&y(),500))},dispatchEventSelectSlide:e=>{A({event:"gp:rollback:select-slide",selector:`[data-id="${u?.uid}"]`,element:f?.current}),A({event:"gp:select-slide",selector:`[data-id="${u?.uid}"]`,data:e,element:f?.current})},getNumberOfFullWidthShow:J,setCurrentSlide:x,shouldDuplicateSlides:eo,setIsScrollToStart:V,setIsScrollToEnd:B,isHideNavigation:U}};

package/dist/cjs/product/components/product-list-v3/ProductList.js CHANGED Viewed

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

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

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

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

	@@ -1 +1 @@
1	- "use strict";exports.PRODUCT_SOURCE=void 0,function(o){o.Collection="Collection",o.PickProduct="PickProduct",o.DynamicCollection="DynamicCollection",o.RelatedProduct="RelatedProduct"}(exports.PRODUCT_SOURCE\|\|(exports.PRODUCT_SOURCE={})),exports.DEFAULT_COLLECTION_NUMBER_OF_PRODUCTS=4;
1	+ "use strict";exports.PRODUCT_SOURCE=void 0,function(o){o.Collection="Collection",o.PickProduct="PickProduct",o.DynamicCollection="DynamicCollection",o.RelatedProduct="RelatedProduct"}(exports.PRODUCT_SOURCE\|\|(exports.PRODUCT_SOURCE={})),exports.RELATED_TAG_PRODUCT_SETTING=void 0,function(o){o.Tags="tags",o.Collection="collection",o.Vendor="vendor"}(exports.RELATED_TAG_PRODUCT_SETTING\|\|(exports.RELATED_TAG_PRODUCT_SETTING={})),exports.DEFAULT_COLLECTION_NUMBER_OF_PRODUCTS=4;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("~~@gem-sdk/core"),r=require("~~../../product-wrap/hook/useProductQuery.js")~~,t=require("../constants/index.js")~~;exports.default=({~~productSrc~~:d,~~relatedProductId~~:u})=>{let ~~o=e.usePageStore(e=>e.dynamicProduct),a=o?.productId&&o?.productId!==u?o?.productId:u,~~{productData:{data:c}}=r.default({id:~~d===~~t~~.PRODUCT_SOURCE.RelatedProduct&&a~~?a:void 0});return{relatedProductIdAssigned:a,mainRelatedProduct:c}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../product-wrap/hook/useProductQuery.js");exports.default=({isRelatedProduct:r,relatedProductIdAssigned:t})=>{let{productData:{data:u,isLoading:d}}=e.default({id:r&&t?t:void 0});return{relatedProductIdAssigned:t,mainRelatedProduct:u,isLoading:d}};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("swr"),r=require("@gem-sdk/core"),a=require("../constants/index.js");exports.default=({~~productSrc~~:d,~~setting~~:s,~~isRelatedProduct~~:~~i,mainRelatedProduct:~~l,~~productSetting~~:o})=>{let[n,u]=e.useState(!1),[c,h]=e.useState(),g=r.useFetchHandle(),f=r.usePageStore(e=>e.publicStoreFrontData),m=e.useMemo(()=>r.hasPublicStoreFrontData(f)?r.createStoreFrontFetcher(f):g,[f]),P=t(c?["query/products",c]:null,async([,e])=>r.getProductQueryAll(m,e),{revalidateOnMount:!1,keepPreviousData:!0,refreshInterval:0,revalidateIfStale:!1});return e.useEffect(()=>{if(i&&l~~&&o~~.relatedTag&&"recommended-product"!==o.relatedType){let e;switch(u(!1),o.hasRelatedExclude&&(e=o?.relatedExclude&&o.relatedExclude.split(",").map(e=>e.trim())),o.relatedTag[0]){case"vendor":h({first:s?.numberOfProducts,vendor:o.relatedTag&&"vendor"===o.relatedTag[0]?l?.vendor:"",idNEQ:l.id});break;case"collection":{let t=l?.collections?.edges.map(e=>e.node?.id);if(!t\|\|t?.length===0){u(!0);break}h(e&&e.length>0?{first:s?.numberOfProducts,idNEQ:l.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}:{first:s?.numberOfProducts,idNEQ:l.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]});break}case"tags":if(!l.tags\|\|0===l.tags.length){u(!0);break}h(e&&e.length>0?{first:s?.numberOfProducts,idNEQ:l.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:l.tags},{nameNotIn:e}]}]}:{first:s?.numberOfProducts,idNEQ:l.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:l.tags}]}]})}}},[l,o.relatedType,o.relatedTag,s?.numberOfProducts,o.relatedExclude,o.hasRelatedExclude,i]),e.useEffect(()=>{if(~~d!==a.PRODUCT_SOURCE.RelatedProduct~~\|\|!c)return;let e=!!P.error,t=P.isLoading\|\|P.isValidating,r=!P.data&&!t;!e&&r&&P.mutate()},[d,P.data,P.error,P.isLoading,P.isValidating,c]),{isNotFoundRelatedProduct:n,relatedProducts:P}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("swr"),r=require("@gem-sdk/core"),a=require("./useMainRelatedProductQuery.js"),i=require("../constants/index.js");exports.default=({setting:d,isRelatedProduct:s,productSetting:l,relatedProductIdAssigned:o})=>{let[n,u]=e.useState(!1),[c,g]=e.useState(),{mainRelatedProduct:h,isLoading:T}=a.default({isRelatedProduct:s,relatedProductIdAssigned:o}),f=r.useFetchHandle(),E=r.usePageStore(e=>e.publicStoreFrontData),m=e.useMemo(()=>r.hasPublicStoreFrontData(E)?r.createStoreFrontFetcher(E):f,[E]),P=t(c?["query/products",c]:null,async([,e])=>r.getProductQueryAll(m,e),{revalidateOnMount:!1,keepPreviousData:!0,refreshInterval:0,revalidateIfStale:!1}),b=l.relatedTag&&l.relatedTag[0],p=e.useMemo(()=>{if(!b)return!1;let e=b===i.RELATED_TAG_PRODUCT_SETTING.Tags&&!h?.tags?.length,t=b===i.RELATED_TAG_PRODUCT_SETTING.Collection&&!h?.collections?.edges.length,r=b===i.RELATED_TAG_PRODUCT_SETTING.Vendor&&!h?.vendor;return e\|\|t\|\|r},[b,h]),v=e.useMemo(()=>{if(!s)return!1;if(!h&&T)return!0;let e=!P.data&&!P.error&&!P.isLoading;return e\|\|!P.error&&(P.isLoading\|\|P.isValidating)},[s,h,T,P.error,P.isLoading,P.isValidating,P.data]);return e.useEffect(()=>{if(s&&h&&l.relatedTag&&"recommended-product"!==l.relatedType){let e;switch(u(!1),l.hasRelatedExclude&&(e=l?.relatedExclude&&l.relatedExclude.split(",").map(e=>e.trim())),l.relatedTag[0]){case"vendor":g({first:d?.numberOfProducts,vendor:l.relatedTag&&"vendor"===l.relatedTag[0]?h?.vendor:"",idNEQ:h.id});break;case"collection":{let t=h?.collections?.edges.map(e=>e.node?.id);if(!t\|\|t?.length===0){u(!0);break}g(e&&e.length>0?{first:d?.numberOfProducts,idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}:{first:d?.numberOfProducts,idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]});break}case"tags":if(!h.tags\|\|0===h.tags.length){u(!0);break}g(e&&e.length>0?{first:d?.numberOfProducts,idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags},{nameNotIn:e}]}]}:{first:d?.numberOfProducts,idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags}]}]})}}},[h,l.relatedType,l.relatedTag,d?.numberOfProducts,l.relatedExclude,l.hasRelatedExclude,s]),e.useEffect(()=>{if(!s\|\|!c)return;let e=!!P.error,t=P.isLoading\|\|P.isValidating,r=!P.data&&!t;!e&&r&&P.mutate()},[s,P.data,P.error,P.isLoading,P.isValidating,c]),{isNotFoundRelatedProduct:n,relatedProducts:P,isNoRelatedProductData:p,relatedTagString:b,isLoading:v}};

package/dist/cjs/product/components/product-list-v3/hooks/useRelatedProductIDAssigned.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core");exports.default=function({productSetting:r}){let t=e.usePageStore(e=>e.dynamicProduct),d=r.relatedProductId,u=t?.productId&&t?.productId!==d?t?.productId:d;return{relatedProductIdAssigned:u}};

package/dist/cjs/product/settings/dynamic-checkout/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";exports.SettingUIV2=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
1	+ "use strict";exports.SettingUIV2=[{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/settings/product-badge/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";exports.SettingUIV2=[{label:"Style",controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:"Style",controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Image",conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:"Image",setting:{id:"image"}}]},{label:"Text",conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:"Content",label:"Content",layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:"Content",layout:"vertical",setting:{id:"displayContent"}},{layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Badge style",conditionDisplay:'contentType == "text"',controls:[{label:"Color",setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:"Border",setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Corner",setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Shadow",setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:"Image style",conditionDisplay:'contentType == "image"',controls:[{label:"Border",setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:"Corner",setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:"Shadow",setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:"Size",conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:"Size",conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:"Position",controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:"Align",conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
1	+ "use strict";exports.SettingUIV2=[{label:"Style",controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:"Style",controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Image",conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:"Image",setting:{id:"image"}}]},{label:"Text",hiddenOnMobile:!0,conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:"Content",label:"Content",layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:"Content",layout:"vertical",setting:{id:"displayContent"}},{layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Badge style",hiddenOnMobile:!0,conditionDisplay:'contentType == "text"',controls:[{label:"Color",setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:"Border",setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Corner",setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Shadow",setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:"Image style",hiddenOnMobile:!0,conditionDisplay:'contentType == "image"',controls:[{label:"Border",setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:"Corner",setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:"Shadow",setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:"Position",controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/settings/product-image-v2/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var i=require("./ui/ImageListNavigation.js"),o=require("./ui/FeatureNavigation.js"),t=require("./ui/FeatureDots.js");const e='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...t.FeatureDots,conditionDisplay:`${n} && position === "only-feature"`},{...o.FeatureNavigation,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i.ImageListNavigation,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"corner"}},{label:"Active border",conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Default item",setting:{id:"preDisplay"}}]},{label:"Optimize LCP",controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:" ",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];exports.SettingUIV2=l;
1	+ "use strict";var i=require("./ui/ImageListNavigation.js"),o=require("./ui/FeatureNavigation.js"),e=require("./ui/FeatureDots.js");const t='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,controls:[{setting:{id:"ftShape"},hiddenOnMobile:!0,layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...e.FeatureDots,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...o.FeatureNavigation,hiddenOnMobile:!0,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,hiddenOnMobile:!0,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",hiddenOnMobile:!0,iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",hiddenOnMobile:!0,conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i.ImageListNavigation,hiddenOnMobile:!0,conditionDisplay:t}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner"}},{label:"Active border",hiddenOnMobile:!0,conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',hiddenOnMobile:!0,iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:t,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:t,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Default item",setting:{id:"preDisplay"}}]},{label:"Optimize LCP",controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:" ",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];exports.SettingUIV2=l;

package/dist/cjs/product/settings/product-image-v3/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var i=require("./ui/ImageListNavigation.js"),t=require("./ui/FeatureNavigation.js"),o=require("./ui/FeatureDots.js");const e='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,~~hiddenOnMobile:!0,~~controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...o.FeatureDots,conditionDisplay:`${n} && position === "only-feature"`},{...t.FeatureNavigation,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",~~hiddenOnMobile:!0,~~conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i.ImageListNavigation,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"corner"}},{label:"Active border",conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",~~hiddenOnMobile:!0,~~controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:"Default item",setting:{id:"preDisplay"}},{label:"Image list",setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://gempages.co/display-selected-variant">How to setup</a>'}},{label:"Optimize LCP",~~hiddenOnMobile:!0,~~controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];exports.SettingUIV2=l;
1	+ "use strict";var i=require("./ui/ImageListNavigation.js"),o=require("./ui/FeatureNavigation.js"),e=require("./ui/FeatureDots.js");const t='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,controls:[{setting:{id:"ftShape"},hiddenOnMobile:!0,layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...e.FeatureDots,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...o.FeatureNavigation,hiddenOnMobile:!0,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"},hiddenOnMobile:!0},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",hiddenOnMobile:!0,controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",hiddenOnMobile:!0,iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",hiddenOnMobile:!0,conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i.ImageListNavigation,hiddenOnMobile:!0,conditionDisplay:t}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner"}},{label:"Active border",hiddenOnMobile:!0,conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",hiddenOnMobile:!0,compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:t,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:t,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:"Default item",setting:{id:"preDisplay"}},{label:"Image list",setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://gempages.co/display-selected-variant">How to setup</a>'}},{label:"Optimize LCP",controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];exports.SettingUIV2=l;

package/dist/cjs/product/settings/product-title/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{type:"combo",setting:{id:"enableHoverEffect"},label:"Hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Color",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}}]}]},{label:"Display option",controls:[{label:"Max line",setting:{id:"hasLineClamp"}},{label:"Number of lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"}]},{controls:[{label:"Product link",setting:{id:"linkProduct"},options:{labelVariant:"primary",toggleStyle:"switch"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];
1	+ "use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{type:"combo",setting:{id:"enableHoverEffect"},label:"Hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Color",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}}]}]},{label:"Display option",controls:[{label:"Max line",setting:{id:"hasLineClamp"}},{label:"Number of lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"}]},{controls:[{label:"Product link",setting:{id:"linkProduct"},options:{labelVariant:"primary",toggleStyle:"switch"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];

package/dist/cjs/product/settings/product-variant/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";exports.SettingUIV2=[{controls:[{label:"Type",setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:"Option gap",conditionDisplay:"optionType === 'singleOption'",controls:[{label:"Gap",setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:"Option title",setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:"Position",setting:{id:"layout"}},{conditionDisplay:"label == true",label:"Gap",setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:"Text style",setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:"Option value text",conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:"Text style",conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Option style",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Width",setting:{id:"combineWidth"}},{label:"Height",setting:{id:"combineHeight"}},{label:"Background",setting:{id:"optionBgColor",state:"normal"}},{label:"Border",setting:{id:"optionBorder",state:"normal"}},{label:"Corner",setting:{id:"optionRounded",state:"normal"}},{label:"Shadow",setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Background",setting:{id:"optionBgColor",state:"hover"}},{label:"Text color",setting:{id:"optionTextColor",state:"hover"}},{label:"Border",setting:{id:"optionBorder",state:"hover"}},{label:"Corner",setting:{id:"optionRounded",state:"hover"}},{label:"Shadow",setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Sold out style",controls:[{label:"Type",setting:{id:"soldOutStyle"}}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false \|\| (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:"Placeholder",setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:"Variant price",setting:{id:"price"}}]},{controls:[{label:"Align",conditionEnable:'optionType === "singleOption" \|\| (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
1	+ "use strict";exports.SettingUIV2=[{controls:[{label:"Type",setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:"Option gap",conditionDisplay:"optionType === 'singleOption'",controls:[{label:"Gap",setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:"Option title",setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:"Position",setting:{id:"layout"}},{conditionDisplay:"label == true",label:"Gap",setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:"Text style",setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:"Option value text",conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:"Text style",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Option style",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Width",setting:{id:"combineWidth"}},{label:"Height",setting:{id:"combineHeight"}},{label:"Background",setting:{id:"optionBgColor",state:"normal"}},{label:"Border",setting:{id:"optionBorder",state:"normal"}},{label:"Corner",setting:{id:"optionRounded",state:"normal"}},{label:"Shadow",setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Background",setting:{id:"optionBgColor",state:"hover"}},{label:"Text color",setting:{id:"optionTextColor",state:"hover"}},{label:"Border",setting:{id:"optionBorder",state:"hover"}},{label:"Corner",setting:{id:"optionRounded",state:"hover"}},{label:"Shadow",setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Sold out style",controls:[{label:"Type",setting:{id:"soldOutStyle"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false \|\| (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:"Placeholder",setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:"Variant price",setting:{id:"price"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'optionType === "singleOption" \|\| (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/settings/product-view-more/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";exports.SettingUIV2=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Redirect to",controls:[{label:"New tab",setting:{id:"redirectNewTab"}}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
1	+ "use strict";exports.SettingUIV2=[{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Redirect to",controls:[{label:"New tab",setting:{id:"redirectNewTab"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/esm/carousel-v3/hooks/useCarousel.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useState as e,useRef as t,useMemo as r,useCallback as n,useImperativeHandle as i,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import m from"./useTrackPreviewPause.js";let p=(p,f,c,k)=>{let h;let{builderProps:b,moveToIdx:P,styles:y,setting:g,isHiddenArrowWhenDisabled:T=!0,elmRef:v,isEnableCheckHasScrollableContent:w,onClickArrow:N,onHandleChangeSlideByInteraction:x,onChangeActive:S}=p,[C,E]=e(!0),[O,L]=e(!0),[M,I]=e(!1),{loop:z,navigationEnable:V={desktop:!0},navigationStyle:B}=g??{},[A,D]=e(k),[j,F]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:H}=m(g?.runPreview),R=t(),$=t(P??0),q=l(),U=s(),{onListener:W,saveToElementInteractionData:G,getInteractionPreviousData:J,trigger:K}=o(),Q=r(()=>u(z,q,!1),[z,q]),X=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Y=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),Z=r(()=>{let e=Y();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),n=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,i="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+n/100i:"auto"}),t},[Y,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),_=r(()=>{let e=u(Z,q),t=u(z,q,!1);return t&&Number(e??0)>k\|\|!t&&Number(e??0)>=k},[Z,q,z,k]),ee=r(()=>{let e=u(V,q),t=u(B,q);return c&&e&&"none"!==t&&C&&!_},[V,q,B,c,C,_]),et=r(()=>{let e=X();return e\|\|g?.itemNumber},[X,g?.itemNumber]),er=n(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(et,e,4)?u(et,e,4)-t:void 0},[g?.sneakPeakType,et]),en=()=>{let e="auto"===u(Z,q,1)?1:u(Z,q,1);return e??1},ei=n(()=>{let e=u(Z,q,1),t=er(q)??1,r=u(g?.sneakPeak,q,!1);return Array.from({length:Math.max(Q?k:r?k-t+1:"auto"===e?0:Math.ceil(k/Number(e)),0)},(e,t)=>t)},[k,Z,q,er,g?.sneakPeak,Q]),ea=e=>{let t=een();return t>=A-en()&&(t=A-en()),t},el=e=>{let t="edit"===U?{[e]:!1}:g?.enableDrag;return u(t,e)};i(f,()=>({nextSlideInteraction:eu,previousSlideInteraction:ed,moveToSlideInteraction:em,getSwiper:()=>c}));let es=e=>{c?.slideTo(e),x&&x(e)},eo=(e,t)=>{let{key:r,data:n,isRollback:i,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(i&&void 0===n)return;if(i){if("specific"===t){let{previousData:e}=J(a,r);es(Number(e))}else es("next"===t?l-1:l+1);return}let s="specific"===t?Math.max($.current,0):l;G(a,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;es(o)},eu=e=>{eo(e,"next")},ed=e=>{eo(e,"previous")},em=e=>{eo(e,"specific")},ep=en(),ef=r(()=>!!A&&c&&u(g?.dot,q)&&!_&&k>1,[A,c,g?.dot,q,_,k]),ec=u(g?.vertical,q,!1)?"vertical":"horizontal",ek=r(()=>"center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1,[g?.sneakPeakType,g?.itemNumber,q]),eh=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:n,centeredSlides:i}=e;if(!i\|\|!n)return 0;let a=t/r,l=(Number(n)-2)/2-1;return-(a/2+la)},eb=r(()=>{let e=u(z,q,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===q)?.[0]??1025),i=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let i=Number(r),a=u(g?.sneakPeak,n,!1),l=a&&"center"===u(g?.sneakPeakType,n),s=u(g?.itemNumber,n),o=el(n),d=eh({swiperWidth:t,slidesPerView:ep,itemNumberByDevice:s,centeredSlides:l}),m=g?.initialSlide\|\|P\|\|0,p={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:m,centeredSlides:l~~,...l&&{centerInsufficientSlides:!0~~}~~};return e[i]=p~~,e},{}),a="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1;return{speed:y?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(y?.spacing,q)\|\|0,loop:e,slidesPerView:"auto"===u(Z,q,1)?"auto":ep,direction:ec,breakpoints:i,isSneakPeekCenter:a,slidesOffsetBefore:i?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e}}},[y?.playSpeed,g?.rtl,y?.spacing,q,z,ep,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,A]),eP=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===eb.slidesPerView?r:eb.slidesPerView;if(!Q\|\|e<Number(n)\|\|!C)return!1;let i=u(g?.sneakPeak,q,!1),a=i&&"center"===u(g?.sneakPeakType,q),l=Number.isNaN(Number(n))?1:Math.ceil(Number(n));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eb.slidesPerView,Q,C,g?.sneakPeak,g?.sneakPeakType,q]);a(()=>{let e=`[data-id="${b?.uid}"]`;W({event:"gp:change-next-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};eu({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-previous-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};ed({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-image-step",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};em({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:i,uniqueStorageKey:a}=t\|\|{};em({element:r,data:n,isRollback:i,key:a})})},[]),a(()=>{D(k)},[k]),a(()=>{if("number"==typeof P){if($.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,T]);let ey=()=>{let e=u(g?.loop,q,!1);if(!c\|\|!ek\|\|e)return;let t=ei().length;if(!t)return;let r=c.snapIndex>=t-1;c.isEnd=r,c.allowSlideNext=!r};return a(()=>{if(!c)return;let e=()=>{D(c.slides.length),ey()},t=()=>{S&&S(c.realIndex)},r=()=>{F(c.realIndex),L(c?.translate===0),I(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[eb.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===U?!!H&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,U,H,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index\|\|0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,q)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[q,g?.vertical,c,c?.params]),a(()=>{if(!c\|\|!w)return;let e=()=>{let e=c?.slides?.slice(0,k)\|\|[],t=Number(eb?.spaceBetween\|\|0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t(e.length-1),n=e.reduce((e,t)=>e+t.offsetWidth,0)+t(e.length-1),i=c.params?.direction==="horizontal"?n>(c.width\|\|0):r>(c.height\|\|0);E(i)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:Q,sliderSettings:eb,totalSlideItem:A,currentSlide:j,localRef:R,isRenderDots:ef,showNavigation:ee,isScrollToStart:O,isScrollToEnd:M,handleDotClick:(e,t)=>{let r=g?.sneakPeak?.[q]?e:t?e:ea(e);if(~~console.log("\uD83D\uDE80 ~ handleDotClick ~ index:",r),c&&(c.isEnd=!0),~~t){if(k<ep){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1\|\|0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1\|\|r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);$.current=r},getItemsPerPage:en,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),N&&(h&&clearTimeout(h),h=setTimeout(()=>N&&N(),500))},dispatchEventSelectSlide:e=>{K({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:v?.current}),K({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:er,setCurrentSlide:F,shouldDuplicateSlides:eP,setIsScrollToStart:L,setIsScrollToEnd:I,isHideNavigation:_}};export{p as useCarousel};
1	+ import{useState as e,useRef as t,useMemo as r,useCallback as n,useImperativeHandle as i,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import m from"./useTrackPreviewPause.js";let p=(p,f,c,k)=>{let h;let{builderProps:b,moveToIdx:P,styles:y,setting:g,isHiddenArrowWhenDisabled:T=!0,elmRef:v,isEnableCheckHasScrollableContent:w,onClickArrow:N,onHandleChangeSlideByInteraction:x,onChangeActive:S}=p,[C,O]=e(!0),[E,L]=e(!0),[M,I]=e(!1),{loop:z,navigationEnable:V={desktop:!0},navigationStyle:B}=g??{},[A,j]=e(k),[D,F]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:H}=m(g?.runPreview),R=t(),$=t(P??0),q=l(),U=s(),{onListener:W,saveToElementInteractionData:G,getInteractionPreviousData:J,trigger:K}=o(),Q=r(()=>u(z,q,!1),[z,q]),X=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Y=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),Z=r(()=>{let e=Y();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),n=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,i="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+n/100i:"auto"}),t},[Y,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),_=r(()=>{let e=u(Z,q),t=u(z,q,!1);return t&&Number(e??0)>k\|\|!t&&Number(e??0)>=k},[Z,q,z,k]),ee=r(()=>{let e=u(V,q),t=u(B,q);return c&&e&&"none"!==t&&C&&!_},[V,q,B,c,C,_]),et=r(()=>{let e=X();return e\|\|g?.itemNumber},[X,g?.itemNumber]),er=n(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(et,e,4)?u(et,e,4)-t:void 0},[g?.sneakPeakType,et]),en=()=>{let e="auto"===u(Z,q,1)?1:u(Z,q,1);return e??1},ei=n(()=>{let e=u(Z,q,1),t=er(q)??1,r=u(g?.sneakPeak,q,!1);return Array.from({length:Math.max(Q?k:r?k-t+1:"auto"===e?0:Math.ceil(k/Number(e)),0)},(e,t)=>t)},[k,Z,q,er,g?.sneakPeak,Q]),ea=e=>{let t=een();return t>=A-en()&&(t=A-en()),t},el=e=>{let t="edit"===U?{[e]:!1}:g?.enableDrag;return u(t,e)};i(f,()=>({nextSlideInteraction:eu,previousSlideInteraction:ed,moveToSlideInteraction:em,getSwiper:()=>c}));let es=e=>{c?.slideTo(e),x&&x(e)},eo=(e,t)=>{let{key:r,data:n,isRollback:i,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(i&&void 0===n)return;if(i){if("specific"===t){let{previousData:e}=J(a,r);es(Number(e))}else es("next"===t?l-1:l+1);return}let s="specific"===t?Math.max($.current,0):l;G(a,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;es(o)},eu=e=>{eo(e,"next")},ed=e=>{eo(e,"previous")},em=e=>{eo(e,"specific")},ep=en(),ef=r(()=>!!A&&c&&u(g?.dot,q)&&!_&&k>1,[A,c,g?.dot,q,_,k]),ec=u(g?.vertical,q,!1)?"vertical":"horizontal",ek=r(()=>"center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1,[g?.sneakPeakType,g?.itemNumber,q]),eh=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:n,centeredSlides:i}=e;if(!i\|\|!n)return 0;let a=t/r,l=(Number(n)-2)/2-1;return-(a/2+la)},eb=r(()=>{let e=u(z,q,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===q)?.[0]??1025),i=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let i=Number(r),a=u(g?.sneakPeak,n,!1),l=a&&"center"===u(g?.sneakPeakType,n),s=u(g?.itemNumber,n),o=el(n),d=eh({swiperWidth:t,slidesPerView:ep,itemNumberByDevice:s,centeredSlides:l}),m=g?.initialSlide\|\|P\|\|0;return e[i]={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:m,centeredSlides:l},e},{}),a="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1;return{speed:y?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(y?.spacing,q)\|\|0,loop:e,slidesPerView:"auto"===u(Z,q,1)?"auto":ep,direction:ec,breakpoints:i,isSneakPeekCenter:a,slidesOffsetBefore:i?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e}}},[y?.playSpeed,g?.rtl,y?.spacing,q,z,ep,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,A]),eP=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===eb.slidesPerView?r:eb.slidesPerView;if(!Q\|\|e<Number(n)\|\|!C)return!1;let i=u(g?.sneakPeak,q,!1),a=i&&"center"===u(g?.sneakPeakType,q),l=Number.isNaN(Number(n))?1:Math.ceil(Number(n));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eb.slidesPerView,Q,C,g?.sneakPeak,g?.sneakPeakType,q]);a(()=>{let e=`[data-id="${b?.uid}"]`;W({event:"gp:change-next-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};eu({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-previous-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};ed({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-image-step",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e\|\|{};em({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:i,uniqueStorageKey:a}=t\|\|{};em({element:r,data:n,isRollback:i,key:a})})},[]),a(()=>{j(k)},[k]),a(()=>{if("number"==typeof P){if($.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,T]);let ey=()=>{let e=u(g?.loop,q,!1);if(!c\|\|!ek\|\|e)return;let t=ei().length;if(!t)return;let r=c.snapIndex>=t-1;c.isEnd=r,c.allowSlideNext=!r};return a(()=>{if(!c)return;let e=()=>{j(c.slides.length),ey()},t=()=>{S&&S(c.realIndex)},r=()=>{F(c.realIndex),L(c?.translate===0),I(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[eb.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===U?!!H&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,U,H,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index\|\|0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,q)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[q,g?.vertical,c,c?.params]),a(()=>{if(!c\|\|!w)return;let e=()=>{let e=c?.slides?.slice(0,k)\|\|[],t=Number(eb?.spaceBetween\|\|0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t(e.length-1),n=e.reduce((e,t)=>e+t.offsetWidth,0)+t(e.length-1),i=c.params?.direction==="horizontal"?n>(c.width\|\|0):r>(c.height\|\|0);O(i)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:Q,sliderSettings:eb,totalSlideItem:A,currentSlide:D,localRef:R,isRenderDots:ef,showNavigation:ee,isScrollToStart:E,isScrollToEnd:M,handleDotClick:(e,t)=>{let r=g?.sneakPeak?.[q]?e:t?e:ea(e);if(t){if(k<ep){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1\|\|0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1\|\|r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);$.current=r},getItemsPerPage:en,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),N&&(h&&clearTimeout(h),h=setTimeout(()=>N&&N(),500))},dispatchEventSelectSlide:e=>{K({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:v?.current}),K({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:er,setCurrentSlide:F,shouldDuplicateSlides:eP,setIsScrollToStart:L,setIsScrollToEnd:I,isHideNavigation:_}};export{p as useCarousel};

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

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

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

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

package/dist/esm/product/components/product-list-v3/constants/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- var o;!function(o){o.Collection="Collection",o.PickProduct="PickProduct",o.DynamicCollection="DynamicCollection",o.RelatedProduct="RelatedProduct"}(o\|\|(o={}));let c=4;export{c as DEFAULT_COLLECTION_NUMBER_OF_PRODUCTS,o as PRODUCT_SOURCE};
1	+ var o,c;!function(o){o.Collection="Collection",o.PickProduct="PickProduct",o.DynamicCollection="DynamicCollection",o.RelatedProduct="RelatedProduct"}(o\|\|(o={})),function(o){o.Tags="tags",o.Collection="collection",o.Vendor="vendor"}(c\|\|(c={}));let t=4;export{t as DEFAULT_COLLECTION_NUMBER_OF_PRODUCTS,o as PRODUCT_SOURCE,c as RELATED_TAG_PRODUCT_SETTING};

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

	@@ -1 +1 @@
1	- import~~{usePageStore~~ as t~~}from"@gem-sdk/core";import~~ r from"../../product-wrap/hook/useProductQuery.js";~~import{PRODUCT_SOURCE as d}from"../constants/index.js";~~let o=({~~productSrc~~:o,~~relatedProductId~~:e})=>{let ~~u=t(t=>t.dynamicProduct),a=u?.productId&&u?.productId!==e?u?.productId:e,~~{productData:{data:c}}=r({id:~~o===d.RelatedProduct~~&&a?a:void 0});return{relatedProductIdAssigned:a,mainRelatedProduct:c}};export{o as default};
1	+ import t from"../../product-wrap/hook/useProductQuery.js";let r=({isRelatedProduct:r,relatedProductIdAssigned:e})=>{let{productData:{data:o,isLoading:u}}=t({id:r&&e?e:void 0});return{relatedProductIdAssigned:e,mainRelatedProduct:o,isLoading:u}};export{r as default};

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

	@@ -1 +1 @@
1	- import{useState as e,useMemo as t,useEffect as r}from"react";import a from"swr";import{useFetchHandle as d,usePageStore as i,hasPublicStoreFrontData as s,createStoreFrontFetcher as o,getProductQueryAll as l}from"@gem-sdk/core";import{~~PRODUCT_SOURCE~~ as n}from"../constants/index.js";let c=({~~productSrc~~:c,~~setting:u,~~isRelatedProduct:g,~~mainRelatedProduct~~:h,~~productSetting~~:m})=>{let[f,p]=e(!1),[P,b]=e(),T=d(),E=i(e=>e.publicStoreFrontData),v=t(()=>s(E)?o(E):T,[E]),I=a(P?["query/products",P]:null,async([,e])=>l(v,e),{revalidateOnMount:!1,keepPreviousData:!0,refreshInterval:0,revalidateIfStale:!1});return r(()=>{if(g&&h&&m.relatedTag&&"recommended-product"!==m.relatedType){let e;switch(p(!1),m.hasRelatedExclude&&(e=m?.relatedExclude&&m.relatedExclude.split(",").map(e=>e.trim())),m.relatedTag[0]){case"vendor":b({first:u?.numberOfProducts,vendor:m.relatedTag&&"vendor"===m.relatedTag[0]?h?.vendor:"",idNEQ:h.id});break;case"collection":{let t=h?.collections?.edges.map(e=>e.node?.id);if(!t\|\|t?.length===0){p(!0);break}b(e&&e.length>0?{first:u?.numberOfProducts,idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}:{first:u?.numberOfProducts,idNEQ:h.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]});break}case"tags":if(!h.tags\|\|0===h.tags.length){p(!0);break}b(e&&e.length>0?{first:u?.numberOfProducts,idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags},{nameNotIn:e}]}]}:{first:u?.numberOfProducts,idNEQ:h.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:h.tags}]}]})}}},[h,m.relatedType,m.relatedTag,u?.numberOfProducts,m.relatedExclude,m.hasRelatedExclude,g]),r(()=>{if(~~c!==n.RelatedProduct~~\|\|!P)return;let e=!!I.error,t=I.isLoading\|\|I.isValidating,r=!I.data&&!t;!e&&r&&I.mutate()},[c,I.data,I.error,I.isLoading,I.isValidating,P]),{isNotFoundRelatedProduct:f,relatedProducts:I}};export{c as default};
1	+ import{useState as e,useMemo as t,useEffect as r}from"react";import a from"swr";import{useFetchHandle as i,usePageStore as d,hasPublicStoreFrontData as o,createStoreFrontFetcher as s,getProductQueryAll as l}from"@gem-sdk/core";import n from"./useMainRelatedProductQuery.js";import{RELATED_TAG_PRODUCT_SETTING as u}from"../constants/index.js";let c=({setting:c,isRelatedProduct:g,productSetting:f,relatedProductIdAssigned:h})=>{let[m,p]=e(!1),[T,P]=e(),{mainRelatedProduct:b,isLoading:E}=n({isRelatedProduct:g,relatedProductIdAssigned:h}),v=i(),I=d(e=>e.publicStoreFrontData),W=t(()=>o(I)?s(I):v,[I]),x=a(T?["query/products",T]:null,async([,e])=>l(W,e),{revalidateOnMount:!1,keepPreviousData:!0,refreshInterval:0,revalidateIfStale:!1}),N=f.relatedTag&&f.relatedTag[0],O=t(()=>{if(!N)return!1;let e=N===u.Tags&&!b?.tags?.length,t=N===u.Collection&&!b?.collections?.edges.length,r=N===u.Vendor&&!b?.vendor;return e\|\|t\|\|r},[N,b]),Q=t(()=>{if(!g)return!1;if(!b&&E)return!0;let e=!x.data&&!x.error&&!x.isLoading;return e\|\|!x.error&&(x.isLoading\|\|x.isValidating)},[g,b,E,x.error,x.isLoading,x.isValidating,x.data]);return r(()=>{if(g&&b&&f.relatedTag&&"recommended-product"!==f.relatedType){let e;switch(p(!1),f.hasRelatedExclude&&(e=f?.relatedExclude&&f.relatedExclude.split(",").map(e=>e.trim())),f.relatedTag[0]){case"vendor":P({first:c?.numberOfProducts,vendor:f.relatedTag&&"vendor"===f.relatedTag[0]?b?.vendor:"",idNEQ:b.id});break;case"collection":{let t=b?.collections?.edges.map(e=>e.node?.id);if(!t\|\|t?.length===0){p(!0);break}P(e&&e.length>0?{first:c?.numberOfProducts,idNEQ:b.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}:{first:c?.numberOfProducts,idNEQ:b.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]});break}case"tags":if(!b.tags\|\|0===b.tags.length){p(!0);break}P(e&&e.length>0?{first:c?.numberOfProducts,idNEQ:b.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:b.tags},{nameNotIn:e}]}]}:{first:c?.numberOfProducts,idNEQ:b.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:b.tags}]}]})}}},[b,f.relatedType,f.relatedTag,c?.numberOfProducts,f.relatedExclude,f.hasRelatedExclude,g]),r(()=>{if(!g\|\|!T)return;let e=!!x.error,t=x.isLoading\|\|x.isValidating,r=!x.data&&!t;!e&&r&&x.mutate()},[g,x.data,x.error,x.isLoading,x.isValidating,T]),{isNotFoundRelatedProduct:m,relatedProducts:x,isNoRelatedProductData:O,relatedTagString:N,isLoading:Q}};export{c as default};

package/dist/esm/product/components/product-list-v3/hooks/useRelatedProductIDAssigned.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{usePageStore as d}from"@gem-sdk/core";function t({productSetting:t}){let r=d(d=>d.dynamicProduct),e=t.relatedProductId,o=r?.productId&&r?.productId!==e?r?.productId:e;return{relatedProductIdAssigned:o}}export{t as default};

package/dist/esm/product/settings/dynamic-checkout/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let e=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
1	+ let e=[{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Text",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/product/settings/product-badge/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let t=[{label:"Style",controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:"Style",controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Image",conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:"Image",setting:{id:"image"}}]},{label:"Text",conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:"Content",label:"Content",layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:"Content",layout:"vertical",setting:{id:"displayContent"}},{layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Badge style",conditionDisplay:'contentType == "text"',controls:[{label:"Color",setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:"Border",setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Corner",setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Shadow",setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:"Image style",conditionDisplay:'contentType == "image"',controls:[{label:"Border",setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:"Corner",setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:"Shadow",setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:"Size",conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:"Size",conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:"Position",controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:"Align",conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as SettingUIV2};
1	+ let e=[{label:"Style",controls:[{setting:{id:"shape"},layout:"vertical",popoverLabel:"Style",controlChangeTrigger:{settings:[{condition:"shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"image",groupType:"setting",controlType:"setting"}},{condition:"!shape.includes('image')",source:["shape"],action:{controlId:"contentType",newValue:"text",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Image",conditionDisplay:'contentType === "image"',controls:[{id:"image",conditionDisplay:'contentType === "image"',label:"Image",setting:{id:"image"}}]},{label:"Text",hiddenOnMobile:!0,conditionDisplay:'contentType === "text"',controls:[{id:"content-badge",type:"combo",iconName:"polaris-edit",getValueFromSettingID:"displayContent",isHideClear:!0,popoverLabel:"Content",label:"Content",layout:"vertical",conditionDisplay:'contentType == "text"',controls:[{label:"Content",layout:"vertical",setting:{id:"displayContent"}},{layout:"vertical",setting:{id:"contentBanner"},conditionDisplay:'displayContent?.includes("{inventory_quantity}")'}]},{id:"typo",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Badge style",hiddenOnMobile:!0,conditionDisplay:'contentType == "text"',controls:[{label:"Color",setting:{id:"badgeColorV2"},conditionDisplay:'contentType == "text"'},{label:"Border",setting:{id:"textBadgeBorder"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Corner",setting:{id:"textBadgeCorner"},conditionDisplay:'contentType == "text" && ["square", "vertical_rectangle", "horizontal_rectangle"].includes(shape)'},{label:"Shadow",setting:{id:"textBadgeShadow"},options:{updateFields:[{field:"enable",settingId:"hasShadow"}]},controlChangeTrigger:{settings:[{condition:"textBadgeShadow.enable === true",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"textBadgeShadow.enable === false",source:["textBadgeShadow","hasShadow"],action:{controlId:"hasShadow",groupType:"style",controlType:"style",newValue:!1}}]},conditionDisplay:'contentType == "text"'}]},{label:"Image style",hiddenOnMobile:!0,conditionDisplay:'contentType == "image"',controls:[{label:"Border",setting:{id:"imageBadgeBorder"},conditionDisplay:'contentType == "image"'},{label:"Corner",setting:{id:"imageBadgeCorner"},conditionDisplay:'contentType == "image"'},{label:"Shadow",setting:{id:"imageBadgeShadow"},conditionDisplay:'contentType == "image"'}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'contentType == "image"',controls:[{setting:{id:"imageSizeV2"},layout:"vertical"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"imageSizeV2",field:"padding"}}}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'contentType == "text"',controls:[{setting:{id:"textSizeV2"},layout:"vertical",conditionDisplay:'["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"textSizeV2",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal",conditionDisplay:'!["square" ,"ribbon" ,"star","triangle"].includes(shape)'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"textSizeV2",field:"padding"}}}]},{label:"Position",controls:[{layout:"vertical",setting:{id:"position"}}],conditionDisplay:'positionWithImage === "inside"'},{controls:[{id:"displayTrigger",setting:{id:"displayTrigger"},layout:"vertical"}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'contentType === "text" ? !(parseInt(textSizeV2.width) >= 100 && textSizeV2.width?.includes("%")) : !(parseInt(imageSizeV2.width) >= 100 && imageSizeV2.width?.includes("%"))',conditionDisplay:'positionWithImage === "outside"',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/product/settings/product-image-v2/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as o}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let e='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',l='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',n=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:l,controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...t,conditionDisplay:`${l} && position === "only-feature"`},{...o,conditionDisplay:`${l}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:l,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",iconName:"gp-trigger-action-click",conditionDisplay:l,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"corner"}},{label:"Active border",conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Default item",setting:{id:"preDisplay"}}]},{label:"Optimize LCP",controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:" ",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{n as SettingUIV2};
1	+ import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as o}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let e='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,controls:[{setting:{id:"ftShape"},hiddenOnMobile:!0,layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...t,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...o,hiddenOnMobile:!0,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,hiddenOnMobile:!0,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",hiddenOnMobile:!0,iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",hiddenOnMobile:!0,conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i,hiddenOnMobile:!0,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner"}},{label:"Active border",hiddenOnMobile:!0,conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',hiddenOnMobile:!0,iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Default item",setting:{id:"preDisplay"}}]},{label:"Optimize LCP",controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:" ",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{l as SettingUIV2};

package/dist/esm/product/settings/product-image-v3/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as t}from"./ui/FeatureNavigation.js";import{FeatureDots as o}from"./ui/FeatureDots.js";let e='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,~~hiddenOnMobile:!0,~~controls:[{setting:{id:"ftShape"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...o,conditionDisplay:`${n} && position === "only-feature"`},{...t,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"}},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",~~hiddenOnMobile:!0,~~conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"corner"}},{label:"Active border",conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",~~hiddenOnMobile:!0,~~controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:"Default item",setting:{id:"preDisplay"}},{label:"Image list",setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://gempages.co/display-selected-variant">How to setup</a>'}},{label:"Optimize LCP",~~hiddenOnMobile:!0,~~controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{l as SettingUIV2};
1	+ import{ImageListNavigation as i}from"./ui/ImageListNavigation.js";import{FeatureNavigation as o}from"./ui/FeatureNavigation.js";import{FeatureDots as t}from"./ui/FeatureDots.js";let e='((type == "slider" \|\| position == "left" \|\| position == "right") && position !== "one-col" && position != "two-col")',n='(["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position))',l=[{label:"Layout",controls:[{layout:"vertical",setting:{id:"position"},options:{isComboLayout:!0},controls:[{label:"Ratio",type:"control",setting:{id:"ratioLayout"},layout:"vertical",conditionDisplay:'position == "left"'},{label:"Ratio",type:"control",setting:{id:"ratioLayoutRight"},layout:"vertical",conditionDisplay:'position == "right"'}]}]},{label:"Featured image",conditionDisplay:n,controls:[{setting:{id:"ftShape"},hiddenOnMobile:!0,layout:"vertical",controlChangeTrigger:{settings:[{condition:"ftShape.shape === 'original'",source:["ftShape"],action:{controlId:"ftLayout",newValue:"contain",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{conditionDisplay:"ftShape.shape !== 'original'",label:"Image scale",setting:{id:"ftLayout"}},{...t,hiddenOnMobile:!0,conditionDisplay:`${n} && position === "only-feature"`},{...o,hiddenOnMobile:!0,conditionDisplay:`${n}`}],moreSettings:{type:"collapse",controls:[{label:"Corner",setting:{id:"ftCorner"},hiddenOnMobile:!0},{type:"combo",label:"Hover action",conditionDisplay:n,iconName:"gp-trigger-action-hover",getValueFromSettingID:"hoverEffect",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"zoom",hiddenOnMobile:!0,controls:[{label:"When hover",setting:{id:"hoverEffect"}},{label:"Zoom type",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoomType"}},{label:"Zoom value",conditionDisplay:'hoverEffect == "zoom"',setting:{id:"zoom"}},{label:"Other image",conditionDisplay:'hoverEffect == "other"',setting:{id:"otherImage"}}]},{type:"combo",label:"Click action",hiddenOnMobile:!0,iconName:"gp-trigger-action-click",conditionDisplay:n,getValueFromSettingID:"ftClickOpenLightBox",isShowSettingTitle:!0,defaultValueWhenClear:"none",compoDefaultValue:"popup",controls:[{label:"After click",setting:{id:"ftClickOpenLightBox"}},{label:"Open new tab",setting:{id:"ftClickOpenNewTab"},conditionDisplay:'ftClickOpenLightBox === "product-link"'}]},{type:"control",label:"Slide speed",setting:{id:"ftAnimationSpeed"}},{type:"control",label:"Animation",setting:{id:"ftAnimationMode"}},{label:"Drag / swipe",setting:{id:"ftDragToScroll"}},{label:"Infinity loop",setting:{id:"ftLoop"}}]}},{label:"Image list",conditionDisplay:'(position !== "only-feature")',controls:[{label:"Display",hiddenOnMobile:!0,conditionDisplay:'position === "bottom-center" \|\| position === "bottom-left" \|\| position === "inside-bottom"',setting:{id:"type"}},{setting:{id:"shape"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["left", "right"].includes(position)'},{setting:{id:"shapeForBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["bottom-left", "bottom-center"].includes(position)'},{setting:{id:"shapeForInsideBottom"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-bottom"].includes(position)'},{setting:{id:"shapeForInside"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'["inside-left", "inside-right"].includes(position)'},{setting:{id:"shapeForFtOnly"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "only-feature"'},{setting:{id:"shapeFor2Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "two-col"'},{setting:{id:"shapeFor1Col"},hiddenOnMobile:!0,layout:"vertical",conditionDisplay:'position == "one-col"'},{label:"Image gap",setting:{id:"itemSpacing"}},{conditionDisplay:"(position == 'one-col' && shapeFor1Col.shape !== 'original') \|\| (position == 'two-col' && shapeFor2Col.shape !== 'original') \|\| (position == 'only-feature' && shapeForFtOnly.shape !== 'original') \|\| ([\"inside-left\", \"inside-right\"].includes(position) && shapeForInside.shape !== 'original') \|\| ([\"inside-bottom\"].includes(position) && shapeForInsideBottom.shape !== 'original') \|\| ([\"bottom-left\", \"bottom-center\"].includes(position) && shapeForBottom.shape !== 'original') \|\| ([\"left\", \"right\"].includes(position) && shape.shape !== 'original')",label:"Image scale",setting:{id:"layout"}},{...i,hiddenOnMobile:!0,conditionDisplay:e}],moreSettings:{type:"collapse",controls:[{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner"}},{label:"Active border",hiddenOnMobile:!0,conditionDisplay:'!["one-col", "two-col"].includes(position)',setting:{id:"borderActive"}},{type:"combo",label:"Hover action",conditionDisplay:'(position == "one-col" \|\| position == "two-col")',iconName:"gp-trigger-action-hover",getValueFromSettingID:"galleryHoverEffect",defaultValueWhenClear:"none",hiddenOnMobile:!0,compoDefaultValue:"zoom",controls:[{label:"When hover",setting:{id:"galleryHoverEffect"},conditionDisplay:'galleryHoverEffect == "none"'},{label:"Zoom type",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoomType"}},{label:"Zoom value",conditionDisplay:'galleryHoverEffect == "zoom"',setting:{id:"galleryZoom"}},{label:"Other image",conditionDisplay:'galleryHoverEffect == "other"',setting:{id:"otherImage"}}]},{label:"Click action",setting:{id:"clickOpenLightBox"}},{conditionDisplay:e,label:"Drag / swipe",setting:{id:"dragToScroll"}},{conditionDisplay:e,label:"Infinity loop",setting:{id:"loop"}}]}},{label:"Item spacing",hiddenOnMobile:!0,conditionDisplay:'["bottom-center", "left", "right", "inside-bottom", "inside-left", "inside-right"].includes(position)',controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Display condition",controls:[{conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',label:"Default item",setting:{id:"preDisplay"}},{label:"Image list",setting:{id:"filterByVariant"}}],messageConfig:{type:"info",message:'Image list can display based on the selected variants. <a class="text-white" target="_blank" href="https://gempages.co/display-selected-variant">How to setup</a>'}},{label:"Optimize LCP",controls:[{label:"Preload",conditionDisplay:'["bottom-center", "left", "right", "only-feature", "inside-bottom", "inside-left", "inside-right"].includes(position)',setting:{id:"preload"}},{label:"Quality",setting:{id:"qualityType"},conditionDisplay:"preload === false"},{layout:"horizontal",label:"Quality",conditionDisplay:'qualityType == "custom" && preload === false',setting:{id:"qualityPercent"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary"}}]}];export{l as SettingUIV2};

package/dist/esm/product/settings/product-title/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let t=[{label:"Text style",controls:[{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{type:"combo",setting:{id:"enableHoverEffect"},label:"Hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Color",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}}]}]},{label:"Display option",controls:[{label:"Max line",setting:{id:"hasLineClamp"}},{label:"Number of lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"}]},{controls:[{label:"Product link",setting:{id:"linkProduct"},options:{labelVariant:"primary",toggleStyle:"switch"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];export{t as SettingUIV2};
1	+ let t=[{label:"Text style",controls:[{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{type:"combo",setting:{id:"enableHoverEffect"},label:"Hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Color",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}}]}]},{label:"Display option",controls:[{label:"Max line",setting:{id:"hasLineClamp"}},{label:"Number of lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"}]},{controls:[{label:"Product link",setting:{id:"linkProduct"},options:{labelVariant:"primary",toggleStyle:"switch"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];export{t as SettingUIV2};

package/dist/esm/product/settings/product-variant/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let o=[{controls:[{label:"Type",setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:"Option gap",conditionDisplay:"optionType === 'singleOption'",controls:[{label:"Gap",setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:"Option title",setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:"Position",setting:{id:"layout"}},{conditionDisplay:"label == true",label:"Gap",setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:"Text style",setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:"Option value text",conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:"Text style",conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Option style",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Width",setting:{id:"combineWidth"}},{label:"Height",setting:{id:"combineHeight"}},{label:"Background",setting:{id:"optionBgColor",state:"normal"}},{label:"Border",setting:{id:"optionBorder",state:"normal"}},{label:"Corner",setting:{id:"optionRounded",state:"normal"}},{label:"Shadow",setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Background",setting:{id:"optionBgColor",state:"hover"}},{label:"Text color",setting:{id:"optionTextColor",state:"hover"}},{label:"Border",setting:{id:"optionBorder",state:"hover"}},{label:"Corner",setting:{id:"optionRounded",state:"hover"}},{label:"Shadow",setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Sold out style",controls:[{label:"Type",setting:{id:"soldOutStyle"}}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false \|\| (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:"Placeholder",setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:"Variant price",setting:{id:"price"}}]},{controls:[{label:"Align",conditionEnable:'optionType === "singleOption" \|\| (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2};
1	+ let o=[{controls:[{label:"Type",setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:"Product source",controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:"Option gap",conditionDisplay:"optionType === 'singleOption'",controls:[{label:"Gap",setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:"Option title",setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:"Position",setting:{id:"layout"}},{conditionDisplay:"label == true",label:"Gap",setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:"Text style",setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:"Option value text",conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:"Text style",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Option style",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Width",setting:{id:"combineWidth"}},{label:"Height",setting:{id:"combineHeight"}},{label:"Background",setting:{id:"optionBgColor",state:"normal"}},{label:"Border",setting:{id:"optionBorder",state:"normal"}},{label:"Corner",setting:{id:"optionRounded",state:"normal"}},{label:"Shadow",setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:"optionType === 'groupOption'",controls:[{label:"Background",setting:{id:"optionBgColor",state:"hover"}},{label:"Text color",setting:{id:"optionTextColor",state:"hover"}},{label:"Border",setting:{id:"optionBorder",state:"hover"}},{label:"Corner",setting:{id:"optionRounded",state:"hover"}},{label:"Shadow",setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Sold out style",controls:[{label:"Type",setting:{id:"soldOutStyle"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false \|\| (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:"Placeholder",setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:"Variant price",setting:{id:"price"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'optionType === "singleOption" \|\| (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2};

package/dist/esm/product/settings/product-view-more/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let e=[{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Redirect to",controls:[{label:"New tab",setting:{id:"redirectNewTab"}}]},{controls:[{label:"Align",conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
1	+ let e=[{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}},{label:"Image",setting:{id:"backgroundImage",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:"Basic",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:"Hover",setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}},{label:"Image",setting:{id:"backgroundImage",state:"hover"}}]},{label:"Text",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:"Redirect to",controls:[{label:"New tab",setting:{id:"redirectNewTab"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(globalSize.width === "default" \|\| (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.52",
+  "version": "17.0.0-dev.54",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",