@gem-sdk/components 17.0.0-dev.105 → 17.0.0-dev.107

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

@@ -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,isDisableResetSlide:g,onClickArrow:y,onHandleChangeSlideByInteraction:v,onChangeActive:S}=r,[k,h]=e.useState(!0),[V,b]=e.useState(!0),[B,R]=e.useState(!1),[P,T]=e.useState(!0),[w,N]=e.useState(!1),{loop:E,navigationEnable:x={desktop:!0},navigationStyle:C}=d??{},[M,I]=e.useState(i),[O,L]=e.useState(d?.defaultCurrentSlider??0),{isFirstPreviewClicked:D}=n.default(d?.runPreview),z=e.useRef(),q=e.useRef(o??0),A=t.useCurrentDevice(),H=t.useEditorMode(),{onListener:j,saveToElementInteractionData:F,getInteractionPreviousData:$,trigger:U}=t.useInteraction(),W=e.useMemo(()=>t.getResponsiveValueByScreen(E,A,!1),[E,A]),G=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]),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:r:0}),e},[d?.slidesToShow]),K=e.useMemo(()=>{let e=J();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/100*a:"auto"}),n},[J,d?.itemNumber,d?.sneakPeak,d?.sneakPeakOffsetCenter,d?.sneakPeakOffsetForward,d?.sneakPeakType]),Q=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(K,A),n=t.getResponsiveValueByScreen(E,A,!1);return n&&Number(e??0)>i||!n&&Number(e??0)>=i},[K,A,E,i]),X=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(x,A),n=t.getResponsiveValueByScreen(C,A);return a&&e&&"none"!==n&&k&&!Q},[x,A,C,a,k,Q]),Y=e.useMemo(()=>{let e=G();return e||d?.itemNumber},[G,d?.itemNumber]),Z=e.useCallback(e=>{let n="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?2:1;return"number"==typeof t.getResponsiveValueByScreen(Y,e,4)?t.getResponsiveValueByScreen(Y,e,4)-n:void 0},[d?.sneakPeakType,Y]),_=()=>{let e="auto"===t.getResponsiveValueByScreen(K,A,1)?1:t.getResponsiveValueByScreen(K,A,1);return e??1},ee=e.useCallback(()=>{let e=t.getResponsiveValueByScreen(K,A,1),n=Z(A)??1,r=t.getResponsiveValueByScreen(d?.sneakPeak,A,!1);return Array.from({length:Math.max(W?i:r?i-n+1:"auto"===e?0:Math.ceil(i/Number(e)),0)},(e,t)=>t)},[i,K,A,Z,d?.sneakPeak,W]),et=e=>{let t=e*_();return t>=M-_()&&(t=M-_()),t},en=e=>{let n="edit"===H?{[e]:!1}:d?.enableDrag;return t.getResponsiveValueByScreen(n,e)};e.useImperativeHandle(s,()=>({nextSlideInteraction:ea,previousSlideInteraction:ei,moveToSlideInteraction:el,getSwiper:()=>a}));let er=e=>{a?.slideTo(e),v&&v(e)},es=(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}=$(i,n);er(Number(e))}else er("next"===t?l-1:l+1);return}let u="specific"===t?Math.max(q.current,0):l;F(i,n,u.toString());let o="specific"===t?Number(r):"next"===t?l+1:l-1;er(o)},ea=e=>{es(e,"next")},ei=e=>{es(e,"previous")},el=e=>{es(e,"specific")},eu=_(),eo=e.useMemo(()=>!!M&&a&&t.getResponsiveValueByScreen(d?.dot,A)&&!Q&&i>1,[M,a,d?.dot,A,Q,i]),ec=t.getResponsiveValueByScreen(d?.vertical,A,!1)?"vertical":"horizontal",ed=e.useMemo(()=>"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,A)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,A)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,A))>1,[d?.sneakPeakType,d?.itemNumber,A]),ep=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+i*a)},ef=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(E,A,!1),n=a?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},s=Number(Object.entries(r).find(([,e])=>e===A)?.[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=en(s),p=ep({swiperWidth:n,slidesPerView:eu,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,A)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,A)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,A))>1;return{speed:c?.playSpeed??500,dir:d?.rtl?"rtl":"ltr",spaceBetween:t.getResponsiveValueByScreen(c?.spacing,A)||0,loop:e,slidesPerView:"auto"===t.getResponsiveValueByScreen(K,A,1)?"auto":eu,direction:ec,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,A,E,eu,d?.sneakPeakType,d?.pauseOnHover,d?.autoplayTimeout,a?.width,M]),em=t.getResponsiveValueByScreen(d?.sneakPeak,A),eg=e.useCallback(e=>{let n=a&&a.params?.slidesPerView,r=n?a?.slidesPerViewDynamic():1;if(e<=1)return!1;let s="auto"===ef.slidesPerView?r:ef.slidesPerView;if(!W||e<Number(s)||!k)return!1;let i=t.getResponsiveValueByScreen(d?.sneakPeak,A,!1),l=i&&"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,A),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,ef.slidesPerView,W,k,d?.sneakPeak,d?.sneakPeakType,A]);e.useEffect(()=>{let e=`[data-id="${u?.uid}"]`;j({event:"gp:change-next-slide",selector:e,elementRef:z},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};ea({element:z.current,data:t,isRollback:n,key:r})}),j({event:"gp:change-previous-slide",selector:e,elementRef:z},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};ei({element:z.current,data:t,isRollback:n,key:r})}),j({event:"gp:change-image-step",selector:e,elementRef:z},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};el({element:z.current,data:t,isRollback:n,key:r})}),j({event:"gp:change-index-slide",selector:e},t=>{let n=document.querySelector(e),{data:r,isRollback:s,uniqueStorageKey:a}=t||{};el({element:n,data:r,isRollback:s,key:a})})},[]),e.useEffect(()=>{I(i)},[i]);let ey=e.useCallback(()=>{g||(L(0),b(!0),R(!1),T(!0),N(!1))},[g]);e.useEffect(()=>{if("number"==typeof o){if(q.current=o,a?.params?.loop){a?.slideToLoop(o);return}a?.slideTo(o)}},[a,o,p]);let ev=()=>{let e=t.getResponsiveValueByScreen(d?.loop,A,!1);if(!a||!ed||e)return;let n=ee().length;if(!n)return;let r=a.snapIndex>=n-1;a.isEnd=r,a.allowSlideNext=!r};return e.useEffect(()=>{if(!a)return;let e=()=>{I(a.slides.length),ev(),T(a.isBeginning),N(a.isEnd)},t=()=>{S&&S(a.realIndex)},n=()=>{L(a.realIndex),b(a?.translate===0),R(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)}},[ef.loop,a]),e.useEffect(()=>{a&&(T(a.isBeginning),N(a.isEnd))},[Q,a]),e.useEffect(()=>{a?.wrapperEl&&(a.wrapperEl.style.transitionTimingFunction=d?.animationMode??"ease")},[a,d?.animationMode]),e.useEffect(()=>{if(a&&a.autoplay){let e="edit"===H?!!D&&d?.runPreview&&d?.autoplay:d?.autoplay;e?a.autoplay.start():a.autoplay.stop()}},[a,d?.autoplay,H,D,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,A)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(n),a?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),a?.update()},[A,d?.vertical,a,a?.params]),e.useEffect(()=>{if(!a||!m)return;let e=()=>{let e=a?.slides?.slice(0,i)||[],t=Number(ef?.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);h(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:W,sliderSettings:ef,totalSlideItem:M,currentSlide:O,localRef:z,isRenderDots:eo,showNavigation:X,isScrollToStart:V,isScrollToEnd:B,handleDotClick:(e,n)=>{let r=d?.sneakPeak?.[A]?e:n?e:et(e);if(n){if(i<eu){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,A)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,A)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,A))%2==0;e?a?.slideToLoopCenterSneakPeek(r):a?.slideToLoop(r)}else a?.slideTo(r);q.current=r},getItemsPerPage:_,handleNextAndPrevSlide:e=>{"next"===e?a?.slideNext():a?.slidePrev(),y&&(l&&clearTimeout(l),l=setTimeout(()=>y&&y(),500))},dispatchEventSelectSlide:e=>{U({event:"gp:rollback:select-slide",selector:`[data-id="${u?.uid}"]`,element:f?.current}),U({event:"gp:select-slide",selector:`[data-id="${u?.uid}"]`,data:e,element:f?.current})},getNumberOfFullWidthShow:Z,shouldDuplicateSlides:eg,isHideNavigation:Q,sneakPeak:em,swiperIsBeginning:P,swiperIsEnd:w,handleSwiperReset:ey}};
+"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,isDisableResetSlide:g,onClickArrow:y,onHandleChangeSlideByInteraction:v,onChangeActive:S}=r,[k,h]=e.useState(!0),[V,b]=e.useState(!0),[B,R]=e.useState(!1),[P,T]=e.useState(!0),[w,N]=e.useState(!1),{loop:E,navigationEnable:x={desktop:!0},navigationStyle:C}=d??{},[M,I]=e.useState(i),[O,L]=e.useState(d?.defaultCurrentSlider??0),{isFirstPreviewClicked:D}=n.default(d?.runPreview),z=e.useRef(),q=e.useRef(o??0),A=t.useCurrentDevice(),H=t.useEditorMode(),{onListener:j,saveToElementInteractionData:F,getInteractionPreviousData:$,trigger:U}=t.useInteraction(),W=e.useMemo(()=>t.getResponsiveValueByScreen(E,A,!1),[E,A]),G=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]),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:r:0}),e},[d?.slidesToShow]),K=e.useMemo(()=>{let e=J();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/100*a:"auto"}),n},[J,d?.itemNumber,d?.sneakPeak,d?.sneakPeakOffsetCenter,d?.sneakPeakOffsetForward,d?.sneakPeakType]),Q=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(K,A),n=t.getResponsiveValueByScreen(E,A,!1);return n&&Number(e??0)>i||!n&&Number(e??0)>=i},[K,A,E,i]),X=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(x,A),n=t.getResponsiveValueByScreen(C,A);return a&&e&&"none"!==n&&k&&!Q},[x,A,C,a,k,Q]),Y=e.useMemo(()=>{let e=G();return e||d?.itemNumber},[G,d?.itemNumber]),Z=e.useCallback(e=>{let n="center"===t.getResponsiveValueByScreen(d?.sneakPeakType,e)?2:1;return"number"==typeof t.getResponsiveValueByScreen(Y,e,4)?t.getResponsiveValueByScreen(Y,e,4)-n:void 0},[d?.sneakPeakType,Y]),_=()=>{let e="auto"===t.getResponsiveValueByScreen(K,A,1)?1:t.getResponsiveValueByScreen(K,A,1);return e??1},ee=e.useCallback(()=>{let e=t.getResponsiveValueByScreen(K,A,1),n=Z(A)??1,r=t.getResponsiveValueByScreen(d?.sneakPeak,A,!1);return Array.from({length:Math.max(W?i:r?i-n+1:"auto"===e?0:Math.ceil(i/Number(e)),0)},(e,t)=>t)},[i,K,A,Z,d?.sneakPeak,W]),et=e=>{let t=e*_();return t>=M-_()&&(t=M-_()),t},en=e=>{let n="edit"===H?{[e]:!1}:d?.enableDrag;return t.getResponsiveValueByScreen(n,e)};e.useImperativeHandle(s,()=>({nextSlideInteraction:ea,previousSlideInteraction:ei,moveToSlideInteraction:el,getSwiper:()=>a}));let er=e=>{a?.slideTo(e),v&&v(e)},es=(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}=$(i,n);er(Number(e))}else er("next"===t?l-1:l+1);return}let u="specific"===t?Math.max(q.current,0):l;F(i,n,u.toString());let o="specific"===t?Number(r):"next"===t?l+1:l-1;er(o)},ea=e=>{es(e,"next")},ei=e=>{es(e,"previous")},el=e=>{es(e,"specific")},eu=_(),eo=e.useMemo(()=>!!M&&a&&t.getResponsiveValueByScreen(d?.dot,A)&&!Q&&i>1,[M,a,d?.dot,A,Q,i]),ec=t.getResponsiveValueByScreen(d?.vertical,A,!1)?"vertical":"horizontal",ed=e.useMemo(()=>"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,A)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,A)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,A))>1,[d?.sneakPeakType,d?.itemNumber,A]),ep=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+i*a)},ef=e.useMemo(()=>{let e=t.getResponsiveValueByScreen(E,A,!1),n=a?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},s=Number(Object.entries(r).find(([,e])=>e===A)?.[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=en(s),p=ep({swiperWidth:n,slidesPerView:eu,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,A)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,A)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,A))>1;return{speed:c?.playSpeed??500,dir:d?.rtl?"rtl":"ltr",spaceBetween:t.getResponsiveValueByScreen(c?.spacing,A)||0,loop:e,slidesPerView:"auto"===t.getResponsiveValueByScreen(K,A,1)?"auto":eu,direction:ec,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,A,E,eu,d?.sneakPeakType,d?.pauseOnHover,d?.autoplayTimeout,a?.width,M]),em=t.getResponsiveValueByScreen(d?.sneakPeak,A),eg=e.useCallback(e=>{let n=a&&a.params?.slidesPerView,r=n?a?.slidesPerViewDynamic():1;if(e<=1)return!1;let s="auto"===ef.slidesPerView?r:ef.slidesPerView;if(!W||e<Number(s)||!k)return!1;let i=t.getResponsiveValueByScreen(d?.sneakPeak,A,!1),l=i&&"center"===t.getResponsiveValueByScreen(d?.sneakPeakType,A),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,ef.slidesPerView,W,k,d?.sneakPeak,d?.sneakPeakType,A]);e.useEffect(()=>{let e=`[data-id="${u?.uid}"]`;j({event:"gp:change-next-slide",selector:e,elementRef:z},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};ea({element:z.current,data:t,isRollback:n,key:r})}),j({event:"gp:change-previous-slide",selector:e,elementRef:z},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};ei({element:z.current,data:t,isRollback:n,key:r})}),j({event:"gp:change-image-step",selector:e,elementRef:z},e=>{let{data:t,isRollback:n,uniqueStorageKey:r}=e||{};el({element:z.current,data:t,isRollback:n,key:r})}),j({event:"gp:change-index-slide",selector:e},t=>{let n=document.querySelector(e),{data:r,isRollback:s,uniqueStorageKey:a}=t||{};el({element:n,data:r,isRollback:s,key:a})})},[]),e.useEffect(()=>{I(i)},[i]);let ey=e.useCallback(()=>{g||(L(0),b(!0),R(!1),T(!0),N(!1))},[g]);e.useEffect(()=>{if("number"==typeof o){if(q.current=o,a?.params?.loop){a?.slideToLoop(o);return}a?.slideTo(o)}},[a,o,p]);let ev=()=>{let e=t.getResponsiveValueByScreen(d?.loop,A,!1);if(!a||!ed||e)return;let n=ee().length;if(!n)return;let r=a.snapIndex>=n-1;a.isEnd=r,a.allowSlideNext=!r};return e.useEffect(()=>{if(!a)return;let e=()=>{I(a.slides.length),ev(),T(a.isBeginning),N(a.isEnd)},t=()=>{S&&S(a.realIndex)},n=()=>{L(a.realIndex),b(a?.translate===0),R(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)}},[ef.loop,a]),e.useEffect(()=>{a&&(ev(),T(a.isBeginning),N(a.isEnd))},[Q,a,K]),e.useEffect(()=>{a?.wrapperEl&&(a.wrapperEl.style.transitionTimingFunction=d?.animationMode??"ease")},[a,d?.animationMode]),e.useEffect(()=>{if(a&&a.autoplay){let e="edit"===H?!!D&&d?.runPreview&&d?.autoplay:d?.autoplay;e?a.autoplay.start():a.autoplay.stop()}},[a,d?.autoplay,H,D,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,A)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(n),a?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),a?.update()},[A,d?.vertical,a,a?.params]),e.useEffect(()=>{if(!a||!m)return;let e=()=>{let e=a?.slides?.slice(0,i)||[],t=Number(ef?.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);h(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:W,sliderSettings:ef,totalSlideItem:M,currentSlide:O,localRef:z,isRenderDots:eo,showNavigation:X,isScrollToStart:V,isScrollToEnd:B,handleDotClick:(e,n)=>{let r=d?.sneakPeak?.[A]?e:n?e:et(e);if(n){if(i<eu){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,A)&&"number"==typeof t.getResponsiveValueByScreen(d?.itemNumber,A)&&Number(t.getResponsiveValueByScreen(d?.itemNumber,A))%2==0;e?a?.slideToLoopCenterSneakPeek(r):a?.slideToLoop(r)}else a?.slideTo(r);q.current=r},getItemsPerPage:_,handleNextAndPrevSlide:e=>{"next"===e?a?.slideNext():a?.slidePrev(),y&&(l&&clearTimeout(l),l=setTimeout(()=>y&&y(),500))},dispatchEventSelectSlide:e=>{U({event:"gp:rollback:select-slide",selector:`[data-id="${u?.uid}"]`,element:f?.current}),U({event:"gp:select-slide",selector:`[data-id="${u?.uid}"]`,data:e,element:f?.current})},getNumberOfFullWidthShow:Z,shouldDuplicateSlides:eg,isHideNavigation:Q,sneakPeak:em,swiperIsBeginning:P,swiperIsEnd:w,handleSwiperReset:ey}};

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

@@ -1,23 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./common/styles.js"),e=require("./common/helpers.js"),s=require("@gem-sdk/core"),a=require("@gem-sdk/system"),r=require("../../../helpers.js"),i=require("./helpers/getButtonDynamicSourceLocales.js"),o=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:d,styles:p,pageContext:g}=l,{wrapStyle:y,restStyle:m}=t.getSplitStyle(d),{outOfStockButtonLabel:b,unavailableButtonLabel:f,variantSelectionRequiredMessage:S,successMessage:q,errorMessage:v}=i.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=r.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=a.createStateOrContext(e.getGPProductButtonState({styles:p,setting:u,successMessage:q,errorMessage:v}));return s.template`
-    ${a.Liquid("{%- assign total_combinations = 1 -%}")}
-    ${a.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./common/styles.js"),t=require("./common/helpers.js"),s=require("@gem-sdk/core"),r=require("@gem-sdk/system"),a=require("../../../helpers.js"),o=require("./helpers/getButtonDynamicSourceLocales.js"),i=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:p,styles:d,pageContext:g}=l,{wrapStyle:m,restStyle:y}=e.getSplitStyle(p),{outOfStockButtonLabel:S,unavailableButtonLabel:b,variantSelectionRequiredMessage:f,successMessage:q,errorMessage:v}=o.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=a.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=r.createStateOrContext(t.getGPProductButtonState({styles:d,setting:u})),h=t.escapeSingleQuoteForAttr(q??u?.successMessage),j=t.escapeSingleQuoteForAttr(v??u?.errorMessage);return s.template`
+    ${r.Liquid("{%- assign total_combinations = 1 -%}")}
+    ${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
       assign inventory_quantity = variant.inventory_quantity | default: 0
       assign is_in_stock = variant.available
     -%}
     <gp-product-button
-      style="${y}"
+      style="${m}"
       gp-data-wrapper="true"
       gp-href="${$.href}"
       class="gp-product-button"
-      gp-label-out-of-stock="${b}"
-      gp-label-unavailable="${f}"
+      gp-label-out-of-stock="${S}"
+      gp-label-unavailable="${b}"
       gp-data='${JSON.stringify(_)}'
-      data-variant-selection-required-message="${S}"
+      data-variant-selection-required-message="${f}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
+      gp-error-message="${j}"
+      gp-success-message="${h}"
     >
-      ${n.AddToCartButton({...l,style:m})}
-      ${o.SoldOutButton({...l,style:m,label:b})}
+      ${n.AddToCartButton({...l,style:y})}
+      ${i.SoldOutButton({...l,style:y,label:S})}
     </gp-product-button>
-    ${a.If(s.isLocalEnv,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${r.If(s.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

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

@@ -1 +1 @@
-"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),s=e=>{if(null==e)return e;let s=e.toString();return t.test(s)?r(s):s.replaceAll("'","'").replaceAll("’","'")},o=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.getGPProductButtonState=({styles:e,setting:t,successMessage:r,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:s(t?.label),errorMessage:s(o??t?.errorMessage),successMessage:s(r??t?.successMessage),outOfStockLabel:s(t?.outOfStockLabel),customURL:{link:s(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:o(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:o(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;
+"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;

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

@@ -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:g,setting:y,isHiddenArrowWhenDisabled:T=!0,elmRef:v,isEnableCheckHasScrollableContent:w,isDisableResetSlide:N,onClickArrow:x,onHandleChangeSlideByInteraction:S,onChangeActive:E}=p,[C,O]=e(!0),[L,M]=e(!0),[I,B]=e(!1),[z,V]=e(!0),[A,j]=e(!1),{loop:D,navigationEnable:F={desktop:!0},navigationStyle:H}=y??{},[R,$]=e(k),[q,U]=e(y?.defaultCurrentSlider??0),{isFirstPreviewClicked:W}=m(y?.runPreview),G=t(),J=t(P??0),K=l(),Q=s(),{onListener:X,saveToElementInteractionData:Y,getInteractionPreviousData:Z,trigger:_}=o(),ee=r(()=>u(D,K,!1),[D,K]),et=n(()=>{if(!y?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(y?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[y?.slidesToShow]),er=n(()=>{if(!y?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(y?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[y?.slidesToShow]),en=r(()=>{let e=er();if(e)return e;let t={};return d.forEach(e=>{let r=u(y?.sneakPeak,e),n=r?"center"===u(y?.sneakPeakType,e)?u(y?.sneakPeakOffsetCenter,e)??0:u(y?.sneakPeakOffsetForward,e)??0:0,i="center"===u(y?.sneakPeakType,e)?-2:-1,a=u(y?.itemNumber,e);t[e]="number"==typeof a?a+n/100*i:"auto"}),t},[er,y?.itemNumber,y?.sneakPeak,y?.sneakPeakOffsetCenter,y?.sneakPeakOffsetForward,y?.sneakPeakType]),ei=r(()=>{let e=u(en,K),t=u(D,K,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[en,K,D,k]),ea=r(()=>{let e=u(F,K),t=u(H,K);return c&&e&&"none"!==t&&C&&!ei},[F,K,H,c,C,ei]),el=r(()=>{let e=et();return e||y?.itemNumber},[et,y?.itemNumber]),es=n(e=>{let t="center"===u(y?.sneakPeakType,e)?2:1;return"number"==typeof u(el,e,4)?u(el,e,4)-t:void 0},[y?.sneakPeakType,el]),eo=()=>{let e="auto"===u(en,K,1)?1:u(en,K,1);return e??1},eu=n(()=>{let e=u(en,K,1),t=es(K)??1,r=u(y?.sneakPeak,K,!1);return Array.from({length:Math.max(ee?k:r?k-t+1:"auto"===e?0:Math.ceil(k/Number(e)),0)},(e,t)=>t)},[k,en,K,es,y?.sneakPeak,ee]),ed=e=>{let t=e*eo();return t>=R-eo()&&(t=R-eo()),t},em=e=>{let t="edit"===Q?{[e]:!1}:y?.enableDrag;return u(t,e)};i(f,()=>({nextSlideInteraction:ec,previousSlideInteraction:ek,moveToSlideInteraction:eh,getSwiper:()=>c}));let ep=e=>{c?.slideTo(e),S&&S(e)},ef=(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}=Z(a,r);ep(Number(e))}else ep("next"===t?l-1:l+1);return}let s="specific"===t?Math.max(J.current,0):l;Y(a,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;ep(o)},ec=e=>{ef(e,"next")},ek=e=>{ef(e,"previous")},eh=e=>{ef(e,"specific")},eb=eo(),eP=r(()=>!!R&&c&&u(y?.dot,K)&&!ei&&k>1,[R,c,y?.dot,K,ei,k]),eg=u(y?.vertical,K,!1)?"vertical":"horizontal",ey=r(()=>"center"===u(y?.sneakPeakType,K)&&"number"==typeof u(y?.itemNumber,K)&&Number(u(y?.itemNumber,K))>1,[y?.sneakPeakType,y?.itemNumber,K]),eT=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+l*a)},ev=r(()=>{let e=u(D,K,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===K)?.[0]??1025),i=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let i=Number(r),a=u(y?.sneakPeak,n,!1),l=a&&"center"===u(y?.sneakPeakType,n),s=u(y?.itemNumber,n),o=em(n),d=eT({swiperWidth:t,slidesPerView:eb,itemNumberByDevice:s,centeredSlides:l}),m=y?.initialSlide||P||0;return e[i]={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:m,centeredSlides:l},e},{}),a="center"===u(y?.sneakPeakType,K)&&"number"==typeof u(y?.itemNumber,K)&&Number(u(y?.itemNumber,K))>1;return{speed:g?.playSpeed??500,dir:y?.rtl?"rtl":"ltr",spaceBetween:u(g?.spacing,K)||0,loop:e,slidesPerView:"auto"===u(en,K,1)?"auto":eb,direction:eg,breakpoints:i,isSneakPeekCenter:a,slidesOffsetBefore:i?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(y?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:y?.pauseOnHover,stopOnLastSlide:!e}}},[g?.playSpeed,y?.rtl,g?.spacing,K,D,eb,y?.sneakPeakType,y?.pauseOnHover,y?.autoplayTimeout,c?.width,R]),ew=u(y?.sneakPeak,K),eN=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===ev.slidesPerView?r:ev.slidesPerView;if(!ee||e<Number(n)||!C)return!1;let i=u(y?.sneakPeak,K,!1),a=i&&"center"===u(y?.sneakPeakType,K),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,ev.slidesPerView,ee,C,y?.sneakPeak,y?.sneakPeakType,K]);a(()=>{let e=`[data-id="${b?.uid}"]`;X({event:"gp:change-next-slide",selector:e,elementRef:G},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ec({element:G.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-previous-slide",selector:e,elementRef:G},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ek({element:G.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-image-step",selector:e,elementRef:G},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eh({element:G.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:i,uniqueStorageKey:a}=t||{};eh({element:r,data:n,isRollback:i,key:a})})},[]),a(()=>{$(k)},[k]);let ex=n(()=>{N||(U(0),M(!0),B(!1),V(!0),j(!1))},[N]);a(()=>{if("number"==typeof P){if(J.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,T]);let eS=()=>{let e=u(y?.loop,K,!1);if(!c||!ey||e)return;let t=eu().length;if(!t)return;let r=c.snapIndex>=t-1;c.isEnd=r,c.allowSlideNext=!r};return a(()=>{if(!c)return;let e=()=>{$(c.slides.length),eS(),V(c.isBeginning),j(c.isEnd)},t=()=>{E&&E(c.realIndex)},r=()=>{U(c.realIndex),M(c?.translate===0),B(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)}},[ev.loop,c]),a(()=>{c&&(V(c.isBeginning),j(c.isEnd))},[ei,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=y?.animationMode??"ease")},[c,y?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===Q?!!W&&y?.runPreview&&y?.autoplay:y?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,y?.autoplay,Q,W,y?.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(y?.vertical,K)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[K,y?.vertical,c,c?.params]),a(()=>{if(!c||!w)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(ev?.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:ee,sliderSettings:ev,totalSlideItem:R,currentSlide:q,localRef:G,isRenderDots:eP,showNavigation:ea,isScrollToStart:L,isScrollToEnd:I,handleDotClick:(e,t)=>{let r=y?.sneakPeak?.[K]?e:t?e:ed(e);if(t){if(k<eb){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(y?.sneakPeakType,K)&&"number"==typeof u(y?.itemNumber,K)&&Number(u(y?.itemNumber,K))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);J.current=r},getItemsPerPage:eo,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),x&&(h&&clearTimeout(h),h=setTimeout(()=>x&&x(),500))},dispatchEventSelectSlide:e=>{_({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:v?.current}),_({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:es,shouldDuplicateSlides:eN,isHideNavigation:ei,sneakPeak:ew,swiperIsBeginning:z,swiperIsEnd:A,handleSwiperReset:ex}};export{p as useCarousel};
+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:g,setting:y,isHiddenArrowWhenDisabled:T=!0,elmRef:v,isEnableCheckHasScrollableContent:w,isDisableResetSlide:N,onClickArrow:x,onHandleChangeSlideByInteraction:S,onChangeActive:E}=p,[C,O]=e(!0),[L,M]=e(!0),[I,B]=e(!1),[z,V]=e(!0),[A,j]=e(!1),{loop:D,navigationEnable:F={desktop:!0},navigationStyle:H}=y??{},[R,$]=e(k),[q,U]=e(y?.defaultCurrentSlider??0),{isFirstPreviewClicked:W}=m(y?.runPreview),G=t(),J=t(P??0),K=l(),Q=s(),{onListener:X,saveToElementInteractionData:Y,getInteractionPreviousData:Z,trigger:_}=o(),ee=r(()=>u(D,K,!1),[D,K]),et=n(()=>{if(!y?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(y?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[y?.slidesToShow]),er=n(()=>{if(!y?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(y?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[y?.slidesToShow]),en=r(()=>{let e=er();if(e)return e;let t={};return d.forEach(e=>{let r=u(y?.sneakPeak,e),n=r?"center"===u(y?.sneakPeakType,e)?u(y?.sneakPeakOffsetCenter,e)??0:u(y?.sneakPeakOffsetForward,e)??0:0,i="center"===u(y?.sneakPeakType,e)?-2:-1,a=u(y?.itemNumber,e);t[e]="number"==typeof a?a+n/100*i:"auto"}),t},[er,y?.itemNumber,y?.sneakPeak,y?.sneakPeakOffsetCenter,y?.sneakPeakOffsetForward,y?.sneakPeakType]),ei=r(()=>{let e=u(en,K),t=u(D,K,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[en,K,D,k]),ea=r(()=>{let e=u(F,K),t=u(H,K);return c&&e&&"none"!==t&&C&&!ei},[F,K,H,c,C,ei]),el=r(()=>{let e=et();return e||y?.itemNumber},[et,y?.itemNumber]),es=n(e=>{let t="center"===u(y?.sneakPeakType,e)?2:1;return"number"==typeof u(el,e,4)?u(el,e,4)-t:void 0},[y?.sneakPeakType,el]),eo=()=>{let e="auto"===u(en,K,1)?1:u(en,K,1);return e??1},eu=n(()=>{let e=u(en,K,1),t=es(K)??1,r=u(y?.sneakPeak,K,!1);return Array.from({length:Math.max(ee?k:r?k-t+1:"auto"===e?0:Math.ceil(k/Number(e)),0)},(e,t)=>t)},[k,en,K,es,y?.sneakPeak,ee]),ed=e=>{let t=e*eo();return t>=R-eo()&&(t=R-eo()),t},em=e=>{let t="edit"===Q?{[e]:!1}:y?.enableDrag;return u(t,e)};i(f,()=>({nextSlideInteraction:ec,previousSlideInteraction:ek,moveToSlideInteraction:eh,getSwiper:()=>c}));let ep=e=>{c?.slideTo(e),S&&S(e)},ef=(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}=Z(a,r);ep(Number(e))}else ep("next"===t?l-1:l+1);return}let s="specific"===t?Math.max(J.current,0):l;Y(a,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;ep(o)},ec=e=>{ef(e,"next")},ek=e=>{ef(e,"previous")},eh=e=>{ef(e,"specific")},eb=eo(),eP=r(()=>!!R&&c&&u(y?.dot,K)&&!ei&&k>1,[R,c,y?.dot,K,ei,k]),eg=u(y?.vertical,K,!1)?"vertical":"horizontal",ey=r(()=>"center"===u(y?.sneakPeakType,K)&&"number"==typeof u(y?.itemNumber,K)&&Number(u(y?.itemNumber,K))>1,[y?.sneakPeakType,y?.itemNumber,K]),eT=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+l*a)},ev=r(()=>{let e=u(D,K,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===K)?.[0]??1025),i=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let i=Number(r),a=u(y?.sneakPeak,n,!1),l=a&&"center"===u(y?.sneakPeakType,n),s=u(y?.itemNumber,n),o=em(n),d=eT({swiperWidth:t,slidesPerView:eb,itemNumberByDevice:s,centeredSlides:l}),m=y?.initialSlide||P||0;return e[i]={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:m,centeredSlides:l},e},{}),a="center"===u(y?.sneakPeakType,K)&&"number"==typeof u(y?.itemNumber,K)&&Number(u(y?.itemNumber,K))>1;return{speed:g?.playSpeed??500,dir:y?.rtl?"rtl":"ltr",spaceBetween:u(g?.spacing,K)||0,loop:e,slidesPerView:"auto"===u(en,K,1)?"auto":eb,direction:eg,breakpoints:i,isSneakPeekCenter:a,slidesOffsetBefore:i?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(y?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:y?.pauseOnHover,stopOnLastSlide:!e}}},[g?.playSpeed,y?.rtl,g?.spacing,K,D,eb,y?.sneakPeakType,y?.pauseOnHover,y?.autoplayTimeout,c?.width,R]),ew=u(y?.sneakPeak,K),eN=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===ev.slidesPerView?r:ev.slidesPerView;if(!ee||e<Number(n)||!C)return!1;let i=u(y?.sneakPeak,K,!1),a=i&&"center"===u(y?.sneakPeakType,K),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,ev.slidesPerView,ee,C,y?.sneakPeak,y?.sneakPeakType,K]);a(()=>{let e=`[data-id="${b?.uid}"]`;X({event:"gp:change-next-slide",selector:e,elementRef:G},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ec({element:G.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-previous-slide",selector:e,elementRef:G},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ek({element:G.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-image-step",selector:e,elementRef:G},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eh({element:G.current,data:t,isRollback:r,key:n})}),X({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:i,uniqueStorageKey:a}=t||{};eh({element:r,data:n,isRollback:i,key:a})})},[]),a(()=>{$(k)},[k]);let ex=n(()=>{N||(U(0),M(!0),B(!1),V(!0),j(!1))},[N]);a(()=>{if("number"==typeof P){if(J.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,T]);let eS=()=>{let e=u(y?.loop,K,!1);if(!c||!ey||e)return;let t=eu().length;if(!t)return;let r=c.snapIndex>=t-1;c.isEnd=r,c.allowSlideNext=!r};return a(()=>{if(!c)return;let e=()=>{$(c.slides.length),eS(),V(c.isBeginning),j(c.isEnd)},t=()=>{E&&E(c.realIndex)},r=()=>{U(c.realIndex),M(c?.translate===0),B(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)}},[ev.loop,c]),a(()=>{c&&(eS(),V(c.isBeginning),j(c.isEnd))},[ei,c,en]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=y?.animationMode??"ease")},[c,y?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===Q?!!W&&y?.runPreview&&y?.autoplay:y?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,y?.autoplay,Q,W,y?.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(y?.vertical,K)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[K,y?.vertical,c,c?.params]),a(()=>{if(!c||!w)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(ev?.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:ee,sliderSettings:ev,totalSlideItem:R,currentSlide:q,localRef:G,isRenderDots:eP,showNavigation:ea,isScrollToStart:L,isScrollToEnd:I,handleDotClick:(e,t)=>{let r=y?.sneakPeak?.[K]?e:t?e:ed(e);if(t){if(k<eb){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(y?.sneakPeakType,K)&&"number"==typeof u(y?.itemNumber,K)&&Number(u(y?.itemNumber,K))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);J.current=r},getItemsPerPage:eo,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),x&&(h&&clearTimeout(h),h=setTimeout(()=>x&&x(),500))},dispatchEventSelectSlide:e=>{_({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:v?.current}),_({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:es,shouldDuplicateSlides:eN,isHideNavigation:ei,sneakPeak:ew,swiperIsBeginning:z,swiperIsEnd:A,handleSwiperReset:ex}};export{p as useCarousel};

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.105",
+  "version": "17.0.0-dev.107",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.104",
+    "@gem-sdk/core": "17.0.0-dev.106",
     "@gem-sdk/styles": "17.0.0-dev.93",
     "@gem-sdk/system": "17.0.0-dev.93",
     "@types/react-transition-group": "^4.4.12",