@zydon/common 2.3.94 → 2.3.95
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.
- package/dist/chunk-Q7HPO5OB.js +6 -0
- package/dist/chunk-TKOKPI43.js +15 -0
- package/dist/components/ListBundles/index.d.ts +24 -0
- package/dist/components/ListBundles/index.js +14 -0
- package/dist/components/Skeleton/index.d.ts +6 -0
- package/dist/components/Skeleton/index.js +1 -0
- package/dist/components/carousel/index.js +3 -15
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { i, a } from './chunk-D27ND54J.js';
|
|
2
|
+
import { a as a$1 } from './chunk-46525OYE.js';
|
|
3
|
+
import { forwardRef, Children, isValidElement, useMemo, useState, useCallback, useEffect, useRef } from 'react';
|
|
4
|
+
import N from '@mui/material/Box';
|
|
5
|
+
import { styled, useTheme } from '@mui/material/styles';
|
|
6
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
|
+
import J, { buttonBaseClasses } from '@mui/material/ButtonBase';
|
|
8
|
+
import Y from '@mui/material/Stack';
|
|
9
|
+
import he from '@mui/material/SvgIcon';
|
|
10
|
+
import _e from '@mui/material/NoSsr';
|
|
11
|
+
import Xe from 'embla-carousel-react';
|
|
12
|
+
|
|
13
|
+
var Ge={xs:"(min-width: 0px)",sm:"(min-width: 600px)",md:"(min-width: 900px)",lg:"(min-width: 1200px)",xl:"(min-width: 1536px)"};var p={root:"mnl__carousel__root",container:"mnl__carousel__container",dots:"mnl__carousel__dots",dot:"mnl__carousel__dot",arrows:"mnl__carousel__arrows",arrowsLabel:"mnl__carousel__arrows_label",arrowPrev:"mnl__carousel__btn--prev",arrowNext:"mnl__carousel__btn--next",arrowSvg:"mnl__carousel__btn__svg",slide:"mnl__carousel__slide",slideContent:"mnl__carousel__slide__content",thumbs:"mnl__carousel__thumbs",thumb:"mnl__carousel__thumb",thumbContainer:"mnl__carousel__thumbs__container",thumbImage:"mnl__carousel__thumb__image",progress:"mnl__carousel__progress",progressBar:"mnl__carousel__progress__bar",state:{selected:"state--selected",disabled:"state--disabled"}};var pe=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"block",position:"relative",...e==="x"&&{minWidth:0,paddingLeft:o},...e==="y"&&{minHeight:0,paddingTop:o}})),me=styled(N)(()=>({overflow:"hidden",position:"relative",borderRadius:"inherit"}));function w({sx:e,options:o,children:r,...t}){let i=de(o?.slidesToShow);return jsx(pe,{component:"li",axis:o?.axis??"x",slideSpacing:o?.slideSpacing,className:p.slide,sx:{flex:i,...e},...t,children:o?.parallax?jsx(me,{className:p.slideContent,children:jsx("div",{className:"slide__parallax__layer",children:r})}):r})}function de(e){return e&&typeof e=="object"?Object.keys(e).reduce((o,r)=>{let t=e[r];return o[r]=W(t),o},{}):W(e)}function W(e=1){if(typeof e=="string"){if(!(e==="auto"||e.endsWith("%")||e.endsWith("px")))throw new Error("Only accepts values: auto, px, %, or number.");return `0 0 ${e}`}if(typeof e=="number")return `0 0 ${100/e}%`;throw new Error("Invalid value type. Only accepts values: auto, px, %, or number.")}var T=styled(N,{shouldForwardProp:e=>e!=="axis"})(({axis:e})=>({margin:"auto",width:"100%",maxWidth:"100%",overflow:"hidden",position:"relative",...e==="y"&&{height:"100%"}})),R=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"flex",backfaceVisibility:"hidden",...e==="x"&&{touchAction:"pan-y pinch-zoom",marginLeft:`calc(${o} * -1)`},...e==="y"&&{height:"100%",flexDirection:"column",touchAction:"pan-x pinch-zoom",marginTop:`calc(${o} * -1)`}}));function io({carousel:e,children:o,sx:r,slotProps:t,...i}){let{mainRef:n,options:s}=e,a=s?.axis??"x",l=s?.slideSpacing??"0px",c=s?.direction??"ltr",u=Children.map(o,m=>{if(isValidElement(m)){let d=m;return jsx(w,{options:e.options,sx:t?.slide,...i,children:m},d.key)}return null});return jsx(T,{sx:r,axis:a,ref:n,dir:c,className:p.root,children:jsx(R,{component:"ul",axis:a,slideSpacing:l,className:p.container,sx:{...e.pluginNames?.includes("autoHeight")&&{alignItems:"flex-start",transition:m=>m.transitions.create(["height"],{easing:m.transitions.easing.easeInOut,duration:m.transitions.duration.shorter})},...t?.container},children:u})})}function Co({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:i,onClickNext:n,disablePrev:s,disableNext:a,sx:l,...c}){return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{gap:.5,zIndex:9,color:"action.active",...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:i,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx}),jsx(h,{variant:"next",options:e,disabled:a,onClick:n,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx})]})}function ho({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:i$1,onClickNext:n,disablePrev:s,disableNext:a,sx:l,...c}){let u=useTheme();return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{p:.5,gap:.25,zIndex:9,borderRadius:1.25,color:"common.white",bgcolor:i(u.vars.palette.grey["900Channel"],.48),...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:i$1,sx:{p:.75,borderRadius:"inherit",...o?.prevBtn?.sx},svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16}),jsxs(N,{component:"span",className:p.arrowsLabel,sx:{mx:.5,typography:"subtitle2"},"data-testid":"carousel-number-display",children:[t,"/",r]}),jsx(h,{variant:"next",options:e,disabled:a,onClick:n,sx:{p:.75,borderRadius:"inherit",...o?.nextBtn?.sx},svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16})]})}function So({options:e,slotProps:o,onClickPrev:r,onClickNext:t,disablePrev:i,disableNext:n}){let s={zIndex:9,top:"50%",borderRadius:1.5,position:"absolute",color:"common.white",bgcolor:"text.primary",transform:"translateY(-50%)","&:hover":{opacity:.8},[a.dark]:{color:"grey.800"}};return jsxs(Fragment,{children:[jsx(h,{variant:"prev",options:e,disabled:i,onClick:r,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:{left:-16,...s,...o?.prevBtn?.sx}}),jsx(h,{variant:"next",options:e,disabled:n,onClick:t,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.nextBtn?.svgSize,sx:{right:-16,...s,...o?.nextBtn?.sx}})]})}function h({sx:e,svgIcon:o,svgSize:r,options:t,variant:i,...n}){let s=i==="prev",a=i==="next",l=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081",clipRule:"evenodd"}),c=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057",clipRule:"evenodd"});return jsx(J,{className:s?p.arrowPrev:p.arrowPrev,"aria-label":s?"Prev button":"Next button",sx:{p:1,borderRadius:"50%",boxSizing:"content-box",transition:u=>u.transitions.create(["all"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),[`&.${buttonBaseClasses.disabled}`]:{opacity:.4},...e,...t?.direction==="rtl"&&{...s&&{right:-16,left:"auto"},...a&&{left:-16,right:"auto"}}},...n,children:jsx(he,{className:p.arrowSvg,sx:{width:r??20,height:r??20,...t?.axis==="y"&&{transform:" rotate(90deg)"},...t?.direction==="rtl"&&{transform:" scaleX(-1)"}},children:s?l:c})})}function To({sx:e,gap:o,slotProps:r,onClickDot:t,scrollSnaps:i$1,selectedIndex:n,fallbackCount:s=1,variant:a$1="circular",fallback:l=!1,...c}){let u=useTheme(),m={number:o??6,rounded:o??2,circular:o??2},d={circular:r?.dot?.size??18,number:r?.dot?.size??28},S=jsx(N,{sx:{height:d.circular,width:`calc(${s*d.circular+m.circular*(s-1)}px )`,...a$1==="number"&&{height:d.number,width:`calc(${s*d.number+m.number*(s-1)}px )`}}}),f={circular:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:u.transitions.create(["opacity"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),...y&&{opacity:1}}}),rounded:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:u.transitions.create(["width","opacity"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),...y&&{width:"calc(100% - 4px)",opacity:1,borderRadius:1}}}),number:y=>({width:d.number,height:d.number,borderRadius:"50%",typography:"caption",color:"text.disabled",border:`solid 1px ${i(u.vars.palette.grey["500Channel"],.16)}`,...y&&{color:"common.white",bgcolor:"text.primary",fontWeight:"fontWeightSemiBold",[a.dark]:{color:"grey.800"}}})};return jsx(_e,{fallback:l?S:null,children:jsx(N,{"data-testid":"carousel-dots",component:"ul",className:p.dots,sx:{zIndex:9,display:"inline-flex",...a$1==="circular"&&{gap:`${m.circular}px`},...a$1==="rounded"&&{gap:`${m.rounded}px`},...a$1==="number"&&{gap:`${m.number}px`},...e},...c,children:i$1.map((y,x)=>{let v=x===n;return jsx(N,{component:"li",sx:{display:"inline-flex"},children:jsx(J,{disableRipple:!0,"aria-label":`dot-${x}`,className:p.dot.concat(v?` ${p.state.selected}`:""),onClick:()=>t(x),sx:{...a$1==="circular"&&f.circular(v),...a$1==="rounded"&&f.rounded(v),...a$1==="number"&&f.number(v),[`&.${p.state.selected}`]:{...r?.dot?.selected},...r?.dot?.sx},children:a$1==="number"&&x+1})},x)})})})}var we=styled(N)(({theme:e})=>({height:6,maxWidth:120,width:"100%",borderRadius:6,overflow:"hidden",position:"relative",color:e.vars.palette.text.primary,backgroundColor:i(e.vars.palette.grey["500Channel"],.2)})),Pe=styled(N)(()=>({top:0,bottom:0,width:"100%",left:"-100%",position:"absolute",backgroundColor:"currentColor"}));function Uo({value:e,sx:o,...r}){return jsx(we,{"data-testid":"carousel-progress",sx:o,className:p.progress,...r,children:jsx(Pe,{"data-testid":"carousel-progress-bar",className:p.progressBar,sx:{transform:`translate3d(${e}%, 0px, 0px)`}})})}var Ne=forwardRef(({children:e,slotProps:o,options:r,sx:t,...i},n)=>{let s=r?.axis??"x",a=r?.slideSpacing??"12px",l=Oe(s),c=Children.map(e,u=>{if(isValidElement(u)){let m=u;return jsx(w,{options:{...r,slideSpacing:a},sx:o?.slide,children:u},m.key)}return null});return jsx(T,{ref:n,axis:s,"data-testid":"carousel-root",className:p.thumbs,sx:{flexShrink:0,...s==="x"&&{p:.5,maxWidth:1},...s==="y"&&{p:.5,maxHeight:1},...!o?.disableMask&&l,...t},...i,children:jsx(R,{component:"ul",axis:s,"data-testid":"carousel-container",slideSpacing:a,className:p.thumbContainer,sx:{...o?.container},children:c})})});Ne.displayName="CarouselThumbs";function Go({thumbType:e="image",sx:o,src:r,index:t,selected:i,imageRender:n,thumbAlt:s,...a}){if(e==="image"&&(r||n)){let l={width:1,height:1,aspectRatio:1,objectFit:"cover",borderRadius:"inherit"};return jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,transition:c=>c.transitions.create(["opacity","box-shadow"],{easing:c.transitions.easing.sharp,duration:c.transitions.duration.short}),...i&&{opacity:1,boxShadow:c=>`0 0 0 2px ${c.vars.palette.primary.main}`},...o},...a,children:n?.({sx:l,classes:p.thumbImage})||jsx(N,{component:"img",alt:s||`Imagem do slide ${t}`,src:r,"data-testid":"carousel-thumb-image",className:p.thumbImage,sx:l})})}return e==="video"?jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,color:l=>l.vars.palette.primary.main,transition:l=>l.transitions.create(["opacity","box-shadow"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...i&&{opacity:1,boxShadow:l=>`0 0 0 2px ${l.vars.palette.primary.main}`},...o},...a,children:jsx(a$1,{icon:"PLAY_CIRCLE",width:32})}):null}function Oe(e){let o=useTheme(),r={zIndex:9,content:'""',position:"absolute"},t=`${o.vars.palette.background.paper} 20%, ${i(o.vars.palette.background.paperChannel,0)} 100%)`;return e==="y"?{"&::before, &::after":{...r,left:0,height:40,width:"100%"},"&::before":{top:-8,background:`linear-gradient(to bottom, ${t}`},"&::after":{bottom:-8,background:`linear-gradient(to top, ${t}`}}:{"&::before, &::after":{...r,top:0,width:40,height:"100%"},"&::before":{left:-8,background:`linear-gradient(to right, ${t}`},"&::after":{right:-8,background:`linear-gradient(to left, ${t}`}}}var A=e=>{let[o,r]=useState(!0),[t,i]=useState(!0),n=useCallback(()=>{e&&e.scrollPrev();},[e]),s=useCallback(()=>{e&&e.scrollNext();},[e]),a=useCallback(l=>{r(!l.canScrollPrev()),i(!l.canScrollNext());},[]);return useEffect(()=>{if(e)return a(e),e.on("reInit",a),e.on("select",a),()=>{e.off("reInit",a),e.off("select",a);}},[e,a]),{disablePrev:o,disableNext:t,onClickPrev:n,onClickNext:s}};function oe(e){let[o,r]=useState(!1),t=useCallback(n=>{let s=e?.plugins()?.autoplay;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),n();},[e]),i=useCallback(()=>{let n=e?.plugins()?.autoplay;if(!n)return;(n.isPlaying()?n.stop:n.play)();},[e]);return useEffect(()=>{let n=e?.plugins()?.autoplay;n&&(r(n.isPlaying()),e.on("autoplay:play",()=>r(!0)).on("autoplay:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function re(e){let[o,r]=useState(!1),t=useCallback(n=>{let s=e?.plugins()?.autoScroll;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),n();},[e]),i=useCallback(()=>{let n=e?.plugins()?.autoScroll;if(!n)return;(n.isPlaying()?n.stop:n.play)();},[e]);return useEffect(()=>{let n=e?.plugins()?.autoScroll;n&&(r(n.isPlaying()),e.on("autoScroll:play",()=>r(!0)).on("autoScroll:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function se(e){let[o,r]=useState(0),[t,i]=useState(0),[n,s]=useState([]),a=useCallback(u=>{e&&e.scrollTo(u);},[e]),l=useCallback(u=>{s(u.scrollSnapList());},[]),c=useCallback(u=>{i(u.selectedScrollSnap()),r(u.scrollSnapList().length);},[]);return useEffect(()=>{if(e)return l(e),c(e),e.on("reInit",l),e.on("reInit",c),e.on("select",c),()=>{e.off("reInit",l),e.off("reInit",c),e.off("select",c);}},[e,l,c]),{dotCount:o,scrollSnaps:n,selectedIndex:t,onClickDot:a}}function ne(e,o){let r=useRef(0),t=useRef([]),i=typeof o=="number"?o:.24,n=useCallback(l=>{t.current=l.slideNodes().map(c=>c.querySelector(".slide__parallax__layer"));},[]),s=useCallback(l=>{r.current=i*l.scrollSnapList().length;},[i]),a=useCallback((l,c)=>{let u=l.internalEngine(),m=l.scrollProgress(),d=l.slidesInView(),S=c==="scroll";l.scrollSnapList().forEach((f,y)=>{let x=f-m;u.slideRegistry[y].forEach(k=>{if(S&&!d.includes(k))return;u.options.loop&&u.slideLooper.loopPoints.forEach(D=>{let M=D.target();if(k===D.index&&M!==0){let V=Math.sign(M);V===-1&&(x=f-(1+m)),V===1&&(x=f+(1-m));}});let ce=x*(-1*r.current)*100,U=t.current[k];U&&(U.style.transform=`translateX(${ce}%)`);});});},[]);return useEffect(()=>{if(!(!e||!o))return n(e),s(e),a(e),e.on("reInit",n).on("reInit",s).on("reInit",a).on("scroll",a),()=>{e.off("reInit",n).off("reInit",s).off("reInit",a).off("scroll",a);}},[e,a]),null}function le(e){let[o,r]=useState(0),t=useCallback(i=>{let n=Math.max(0,Math.min(1,i.scrollProgress()));r(n*100);},[]);return useEffect(()=>{if(e)return t(e),e.on("reInit",t),e.on("scroll",t),()=>{e.off("reInit",t).off("scroll",t);}},[e,t]),{value:o}}function ue(e,o){let[r,t]=Xe({containScroll:"keepSnaps",dragFree:!0,...o}),[i,n]=useState(0),s=useCallback(l=>{!e||!t||e.scrollTo(l);},[e,t]),a=useCallback(()=>{!e||!t||(n(e.selectedScrollSnap()),t.scrollTo(e.selectedScrollSnap()));},[e,t,n]);return useEffect(()=>{if(e)return a(),e.on("select",a),e.on("reInit",a),()=>{e.off("select",a),e.off("reInit",a);}},[e,a]),{onClickThumb:s,thumbsRef:r,thumbsApi:t,selectedIndex:i}}var vt=(e,o)=>{let[r,t]=Xe(e,o),{disablePrev:i,disableNext:n,onClickPrev:s,onClickNext:a}=A(t),l=o?.map(y=>y.name),c=se(t),u=oe(t),m=re(t),d=le(t),S=ue(t,e?.thumbs);ne(t,e?.parallax);let f=useMemo(()=>l?.includes("autoplay")?{onClickPrev:()=>u.onClickAutoplay(s),onClickNext:()=>u.onClickAutoplay(a)}:l?.includes("autoScroll")?{onClickPrev:()=>m.onClickAutoplay(s),onClickNext:()=>m.onClickAutoplay(a)}:{onClickPrev:s,onClickNext:a},[m,u,a,s,l]);return {options:{...e,...t?.internalEngine().options},pluginNames:l,mainRef:r,mainApi:t,arrows:{disablePrev:i,disableNext:n,onClickPrev:f.onClickPrev,onClickNext:f.onClickNext},dots:c,thumbs:S,progress:d,autoplay:u,autoScroll:m}};
|
|
14
|
+
|
|
15
|
+
export { Ge as a, p as b, w as c, T as d, R as e, io as f, Co as g, ho as h, So as i, h as j, To as k, Uo as l, Ne as m, Go as n, vt as o };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
interface ListBundlesProps {
|
|
4
|
+
bundles: any[];
|
|
5
|
+
isLoading?: boolean;
|
|
6
|
+
isFetching?: boolean;
|
|
7
|
+
onRefetch?: VoidFunction;
|
|
8
|
+
renderItem: (item: any, props: {
|
|
9
|
+
onRefetch: VoidFunction;
|
|
10
|
+
isFetching: boolean;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Reusable component to display bundles in a carousel
|
|
16
|
+
* @param bundles - Array of bundle items to display
|
|
17
|
+
* @param isLoading - Loading state for initial data fetch
|
|
18
|
+
* @param isFetching - Loading state for subsequent data fetches
|
|
19
|
+
* @param onRefetch - Function to refetch data
|
|
20
|
+
* @param renderItem - Custom render function for bundle items
|
|
21
|
+
*/
|
|
22
|
+
declare const ListBundles: ({ bundles, isLoading, isFetching, onRefetch, renderItem, }: ListBundlesProps) => react_jsx_runtime.JSX.Element | null;
|
|
23
|
+
|
|
24
|
+
export { ListBundles as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { a as a$2 } from '../../chunk-Q7HPO5OB.js';
|
|
2
|
+
import { a as a$1 } from '../../chunk-TWGGHTU5.js';
|
|
3
|
+
import { o, a, f, k as k$1 } from '../../chunk-TKOKPI43.js';
|
|
4
|
+
import '../../chunk-D27ND54J.js';
|
|
5
|
+
import '../../chunk-46525OYE.js';
|
|
6
|
+
import '../../chunk-VKP5273O.js';
|
|
7
|
+
import { Fragment } from 'react';
|
|
8
|
+
import k from '@mui/material/Stack';
|
|
9
|
+
import { styled } from '@mui/material/styles';
|
|
10
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
+
|
|
12
|
+
var g=styled(k)(({theme:t})=>({"--slide-spacing-products":t.spacing(3),[t.breakpoints.up("xs")]:{"--slide-spacing-products":t.spacing(1)},[t.breakpoints.up("sm")]:{"--slide-spacing-products":t.spacing(2)},position:"relative",gap:"var(--slide-spacing-products)",alignItems:"center",a:{textDecoration:"none"},"& .mnl__carousel__container":{marginLeft:"calc(var(--slide-spacing-products) * -1) !important"}})),u=styled("span")({opacity:0,display:"block",width:"100%",height:"18px",minWidth:"18px"});var w=({bundles:t=[],isLoading:l=!1,isFetching:S=!1,onRefetch:f$1=()=>{},renderItem:h})=>{let s=o({containScroll:!1,slidesToShow:{xs:1,sm:2,md:3,lg:4},slidesToScroll:3,slideSpacing:"var(--slide-spacing-products)",align:"start",breakpoints:{[a.xs]:{slidesToScroll:1},[a.sm]:{slidesToScroll:2},[a.md]:{slidesToScroll:3},[a.lg]:{slidesToScroll:4}},loop:!0});return !l&&t.length===0?null:jsxs(g,{children:[jsx(a$1,{isLoading:l,loading:jsxs(k,{width:"100%",direction:"row",alignItems:"center",gap:3,children:[jsx(a$2,{width:"100%",height:127}),jsx(a$2,{width:"100%",height:127}),jsx(a$2,{width:"100%",height:127}),jsx(a$2,{width:"100%",height:127})]}),children:jsx(f,{carousel:s,children:t.map(r=>jsx(Fragment,{"data-testid":`bundle-item-${r.id}`,children:h(r,{onRefetch:f$1,isFetching:S})},r.id))})}),jsx(a$1,{isLoading:l,loading:jsx(u,{}),children:s.dots.scrollSnaps.length>1&&jsx(k$1,{variant:"rounded",scrollSnaps:s.dots.scrollSnaps,selectedIndex:s.dots.selectedIndex,onClickDot:s.dots.onClickDot})})]})},F=w;
|
|
13
|
+
|
|
14
|
+
export { F as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { a as default } from '../../chunk-Q7HPO5OB.js';
|
|
@@ -1,16 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
export { j as ArrowButton, f as Carousel, g as CarouselArrowBasicButtons, i as CarouselArrowFloatButtons, h as CarouselArrowNumberButtons, k as CarouselDotButtons, l as CarouselProgressBar, c as CarouselSlide, n as CarouselThumb, m as CarouselThumbs, e as StyledContainer, d as StyledRoot, a as carouselBreakpoints, b as carouselClasses, o as useCarousel } from '../../chunk-TKOKPI43.js';
|
|
2
|
+
import '../../chunk-D27ND54J.js';
|
|
3
|
+
import '../../chunk-46525OYE.js';
|
|
3
4
|
import '../../chunk-VKP5273O.js';
|
|
4
|
-
import { forwardRef, Children, isValidElement, useMemo, useState, useCallback, useEffect, useRef } from 'react';
|
|
5
|
-
import N from '@mui/material/Box';
|
|
6
|
-
import { styled, useTheme } from '@mui/material/styles';
|
|
7
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
|
-
import J, { buttonBaseClasses } from '@mui/material/ButtonBase';
|
|
9
|
-
import Y from '@mui/material/Stack';
|
|
10
|
-
import he from '@mui/material/SvgIcon';
|
|
11
|
-
import _e from '@mui/material/NoSsr';
|
|
12
|
-
import Xe from 'embla-carousel-react';
|
|
13
|
-
|
|
14
|
-
var Ge={xs:"(min-width: 0px)",sm:"(min-width: 600px)",md:"(min-width: 900px)",lg:"(min-width: 1200px)",xl:"(min-width: 1536px)"};var p={root:"mnl__carousel__root",container:"mnl__carousel__container",dots:"mnl__carousel__dots",dot:"mnl__carousel__dot",arrows:"mnl__carousel__arrows",arrowsLabel:"mnl__carousel__arrows_label",arrowPrev:"mnl__carousel__btn--prev",arrowNext:"mnl__carousel__btn--next",arrowSvg:"mnl__carousel__btn__svg",slide:"mnl__carousel__slide",slideContent:"mnl__carousel__slide__content",thumbs:"mnl__carousel__thumbs",thumb:"mnl__carousel__thumb",thumbContainer:"mnl__carousel__thumbs__container",thumbImage:"mnl__carousel__thumb__image",progress:"mnl__carousel__progress",progressBar:"mnl__carousel__progress__bar",state:{selected:"state--selected",disabled:"state--disabled"}};var pe=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"block",position:"relative",...e==="x"&&{minWidth:0,paddingLeft:o},...e==="y"&&{minHeight:0,paddingTop:o}})),me=styled(N)(()=>({overflow:"hidden",position:"relative",borderRadius:"inherit"}));function w({sx:e,options:o,children:r,...t}){let i=de(o?.slidesToShow);return jsx(pe,{component:"li",axis:o?.axis??"x",slideSpacing:o?.slideSpacing,className:p.slide,sx:{flex:i,...e},...t,children:o?.parallax?jsx(me,{className:p.slideContent,children:jsx("div",{className:"slide__parallax__layer",children:r})}):r})}function de(e){return e&&typeof e=="object"?Object.keys(e).reduce((o,r)=>{let t=e[r];return o[r]=W(t),o},{}):W(e)}function W(e=1){if(typeof e=="string"){if(!(e==="auto"||e.endsWith("%")||e.endsWith("px")))throw new Error("Only accepts values: auto, px, %, or number.");return `0 0 ${e}`}if(typeof e=="number")return `0 0 ${100/e}%`;throw new Error("Invalid value type. Only accepts values: auto, px, %, or number.")}var T=styled(N,{shouldForwardProp:e=>e!=="axis"})(({axis:e})=>({margin:"auto",width:"100%",maxWidth:"100%",overflow:"hidden",position:"relative",...e==="y"&&{height:"100%"}})),R=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"flex",backfaceVisibility:"hidden",...e==="x"&&{touchAction:"pan-y pinch-zoom",marginLeft:`calc(${o} * -1)`},...e==="y"&&{height:"100%",flexDirection:"column",touchAction:"pan-x pinch-zoom",marginTop:`calc(${o} * -1)`}}));function io({carousel:e,children:o,sx:r,slotProps:t,...i}){let{mainRef:n,options:s}=e,a=s?.axis??"x",l=s?.slideSpacing??"0px",c=s?.direction??"ltr",u=Children.map(o,m=>{if(isValidElement(m)){let d=m;return jsx(w,{options:e.options,sx:t?.slide,...i,children:m},d.key)}return null});return jsx(T,{sx:r,axis:a,ref:n,dir:c,className:p.root,children:jsx(R,{component:"ul",axis:a,slideSpacing:l,className:p.container,sx:{...e.pluginNames?.includes("autoHeight")&&{alignItems:"flex-start",transition:m=>m.transitions.create(["height"],{easing:m.transitions.easing.easeInOut,duration:m.transitions.duration.shorter})},...t?.container},children:u})})}function Co({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:i,onClickNext:n,disablePrev:s,disableNext:a,sx:l,...c}){return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{gap:.5,zIndex:9,color:"action.active",...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:i,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx}),jsx(h,{variant:"next",options:e,disabled:a,onClick:n,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx})]})}function ho({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:i$1,onClickNext:n,disablePrev:s,disableNext:a,sx:l,...c}){let u=useTheme();return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{p:.5,gap:.25,zIndex:9,borderRadius:1.25,color:"common.white",bgcolor:i(u.vars.palette.grey["900Channel"],.48),...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:i$1,sx:{p:.75,borderRadius:"inherit",...o?.prevBtn?.sx},svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16}),jsxs(N,{component:"span",className:p.arrowsLabel,sx:{mx:.5,typography:"subtitle2"},"data-testid":"carousel-number-display",children:[t,"/",r]}),jsx(h,{variant:"next",options:e,disabled:a,onClick:n,sx:{p:.75,borderRadius:"inherit",...o?.nextBtn?.sx},svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16})]})}function So({options:e,slotProps:o,onClickPrev:r,onClickNext:t,disablePrev:i,disableNext:n}){let s={zIndex:9,top:"50%",borderRadius:1.5,position:"absolute",color:"common.white",bgcolor:"text.primary",transform:"translateY(-50%)","&:hover":{opacity:.8},[a.dark]:{color:"grey.800"}};return jsxs(Fragment,{children:[jsx(h,{variant:"prev",options:e,disabled:i,onClick:r,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:{left:-16,...s,...o?.prevBtn?.sx}}),jsx(h,{variant:"next",options:e,disabled:n,onClick:t,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.nextBtn?.svgSize,sx:{right:-16,...s,...o?.nextBtn?.sx}})]})}function h({sx:e,svgIcon:o,svgSize:r,options:t,variant:i,...n}){let s=i==="prev",a=i==="next",l=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081",clipRule:"evenodd"}),c=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057",clipRule:"evenodd"});return jsx(J,{className:s?p.arrowPrev:p.arrowPrev,"aria-label":s?"Prev button":"Next button",sx:{p:1,borderRadius:"50%",boxSizing:"content-box",transition:u=>u.transitions.create(["all"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),[`&.${buttonBaseClasses.disabled}`]:{opacity:.4},...e,...t?.direction==="rtl"&&{...s&&{right:-16,left:"auto"},...a&&{left:-16,right:"auto"}}},...n,children:jsx(he,{className:p.arrowSvg,sx:{width:r??20,height:r??20,...t?.axis==="y"&&{transform:" rotate(90deg)"},...t?.direction==="rtl"&&{transform:" scaleX(-1)"}},children:s?l:c})})}function To({sx:e,gap:o,slotProps:r,onClickDot:t,scrollSnaps:i$1,selectedIndex:n,fallbackCount:s=1,variant:a$1="circular",fallback:l=!1,...c}){let u=useTheme(),m={number:o??6,rounded:o??2,circular:o??2},d={circular:r?.dot?.size??18,number:r?.dot?.size??28},S=jsx(N,{sx:{height:d.circular,width:`calc(${s*d.circular+m.circular*(s-1)}px )`,...a$1==="number"&&{height:d.number,width:`calc(${s*d.number+m.number*(s-1)}px )`}}}),f={circular:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:u.transitions.create(["opacity"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),...y&&{opacity:1}}}),rounded:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:u.transitions.create(["width","opacity"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),...y&&{width:"calc(100% - 4px)",opacity:1,borderRadius:1}}}),number:y=>({width:d.number,height:d.number,borderRadius:"50%",typography:"caption",color:"text.disabled",border:`solid 1px ${i(u.vars.palette.grey["500Channel"],.16)}`,...y&&{color:"common.white",bgcolor:"text.primary",fontWeight:"fontWeightSemiBold",[a.dark]:{color:"grey.800"}}})};return jsx(_e,{fallback:l?S:null,children:jsx(N,{"data-testid":"carousel-dots",component:"ul",className:p.dots,sx:{zIndex:9,display:"inline-flex",...a$1==="circular"&&{gap:`${m.circular}px`},...a$1==="rounded"&&{gap:`${m.rounded}px`},...a$1==="number"&&{gap:`${m.number}px`},...e},...c,children:i$1.map((y,x)=>{let v=x===n;return jsx(N,{component:"li",sx:{display:"inline-flex"},children:jsx(J,{disableRipple:!0,"aria-label":`dot-${x}`,className:p.dot.concat(v?` ${p.state.selected}`:""),onClick:()=>t(x),sx:{...a$1==="circular"&&f.circular(v),...a$1==="rounded"&&f.rounded(v),...a$1==="number"&&f.number(v),[`&.${p.state.selected}`]:{...r?.dot?.selected},...r?.dot?.sx},children:a$1==="number"&&x+1})},x)})})})}var we=styled(N)(({theme:e})=>({height:6,maxWidth:120,width:"100%",borderRadius:6,overflow:"hidden",position:"relative",color:e.vars.palette.text.primary,backgroundColor:i(e.vars.palette.grey["500Channel"],.2)})),Pe=styled(N)(()=>({top:0,bottom:0,width:"100%",left:"-100%",position:"absolute",backgroundColor:"currentColor"}));function Uo({value:e,sx:o,...r}){return jsx(we,{"data-testid":"carousel-progress",sx:o,className:p.progress,...r,children:jsx(Pe,{"data-testid":"carousel-progress-bar",className:p.progressBar,sx:{transform:`translate3d(${e}%, 0px, 0px)`}})})}var Ne=forwardRef(({children:e,slotProps:o,options:r,sx:t,...i},n)=>{let s=r?.axis??"x",a=r?.slideSpacing??"12px",l=Oe(s),c=Children.map(e,u=>{if(isValidElement(u)){let m=u;return jsx(w,{options:{...r,slideSpacing:a},sx:o?.slide,children:u},m.key)}return null});return jsx(T,{ref:n,axis:s,"data-testid":"carousel-root",className:p.thumbs,sx:{flexShrink:0,...s==="x"&&{p:.5,maxWidth:1},...s==="y"&&{p:.5,maxHeight:1},...!o?.disableMask&&l,...t},...i,children:jsx(R,{component:"ul",axis:s,"data-testid":"carousel-container",slideSpacing:a,className:p.thumbContainer,sx:{...o?.container},children:c})})});Ne.displayName="CarouselThumbs";function Go({thumbType:e="image",sx:o,src:r,index:t,selected:i,imageRender:n,thumbAlt:s,...a}){if(e==="image"&&(r||n)){let l={width:1,height:1,aspectRatio:1,objectFit:"cover",borderRadius:"inherit"};return jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,transition:c=>c.transitions.create(["opacity","box-shadow"],{easing:c.transitions.easing.sharp,duration:c.transitions.duration.short}),...i&&{opacity:1,boxShadow:c=>`0 0 0 2px ${c.vars.palette.primary.main}`},...o},...a,children:n?.({sx:l,classes:p.thumbImage})||jsx(N,{component:"img",alt:s||`Imagem do slide ${t}`,src:r,"data-testid":"carousel-thumb-image",className:p.thumbImage,sx:l})})}return e==="video"?jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,color:l=>l.vars.palette.primary.main,transition:l=>l.transitions.create(["opacity","box-shadow"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...i&&{opacity:1,boxShadow:l=>`0 0 0 2px ${l.vars.palette.primary.main}`},...o},...a,children:jsx(a$1,{icon:"PLAY_CIRCLE",width:32})}):null}function Oe(e){let o=useTheme(),r={zIndex:9,content:'""',position:"absolute"},t=`${o.vars.palette.background.paper} 20%, ${i(o.vars.palette.background.paperChannel,0)} 100%)`;return e==="y"?{"&::before, &::after":{...r,left:0,height:40,width:"100%"},"&::before":{top:-8,background:`linear-gradient(to bottom, ${t}`},"&::after":{bottom:-8,background:`linear-gradient(to top, ${t}`}}:{"&::before, &::after":{...r,top:0,width:40,height:"100%"},"&::before":{left:-8,background:`linear-gradient(to right, ${t}`},"&::after":{right:-8,background:`linear-gradient(to left, ${t}`}}}var A=e=>{let[o,r]=useState(!0),[t,i]=useState(!0),n=useCallback(()=>{e&&e.scrollPrev();},[e]),s=useCallback(()=>{e&&e.scrollNext();},[e]),a=useCallback(l=>{r(!l.canScrollPrev()),i(!l.canScrollNext());},[]);return useEffect(()=>{if(e)return a(e),e.on("reInit",a),e.on("select",a),()=>{e.off("reInit",a),e.off("select",a);}},[e,a]),{disablePrev:o,disableNext:t,onClickPrev:n,onClickNext:s}};function oe(e){let[o,r]=useState(!1),t=useCallback(n=>{let s=e?.plugins()?.autoplay;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),n();},[e]),i=useCallback(()=>{let n=e?.plugins()?.autoplay;if(!n)return;(n.isPlaying()?n.stop:n.play)();},[e]);return useEffect(()=>{let n=e?.plugins()?.autoplay;n&&(r(n.isPlaying()),e.on("autoplay:play",()=>r(!0)).on("autoplay:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function re(e){let[o,r]=useState(!1),t=useCallback(n=>{let s=e?.plugins()?.autoScroll;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),n();},[e]),i=useCallback(()=>{let n=e?.plugins()?.autoScroll;if(!n)return;(n.isPlaying()?n.stop:n.play)();},[e]);return useEffect(()=>{let n=e?.plugins()?.autoScroll;n&&(r(n.isPlaying()),e.on("autoScroll:play",()=>r(!0)).on("autoScroll:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function se(e){let[o,r]=useState(0),[t,i]=useState(0),[n,s]=useState([]),a=useCallback(u=>{e&&e.scrollTo(u);},[e]),l=useCallback(u=>{s(u.scrollSnapList());},[]),c=useCallback(u=>{i(u.selectedScrollSnap()),r(u.scrollSnapList().length);},[]);return useEffect(()=>{if(e)return l(e),c(e),e.on("reInit",l),e.on("reInit",c),e.on("select",c),()=>{e.off("reInit",l),e.off("reInit",c),e.off("select",c);}},[e,l,c]),{dotCount:o,scrollSnaps:n,selectedIndex:t,onClickDot:a}}function ne(e,o){let r=useRef(0),t=useRef([]),i=typeof o=="number"?o:.24,n=useCallback(l=>{t.current=l.slideNodes().map(c=>c.querySelector(".slide__parallax__layer"));},[]),s=useCallback(l=>{r.current=i*l.scrollSnapList().length;},[i]),a=useCallback((l,c)=>{let u=l.internalEngine(),m=l.scrollProgress(),d=l.slidesInView(),S=c==="scroll";l.scrollSnapList().forEach((f,y)=>{let x=f-m;u.slideRegistry[y].forEach(k=>{if(S&&!d.includes(k))return;u.options.loop&&u.slideLooper.loopPoints.forEach(D=>{let M=D.target();if(k===D.index&&M!==0){let V=Math.sign(M);V===-1&&(x=f-(1+m)),V===1&&(x=f+(1-m));}});let ce=x*(-1*r.current)*100,U=t.current[k];U&&(U.style.transform=`translateX(${ce}%)`);});});},[]);return useEffect(()=>{if(!(!e||!o))return n(e),s(e),a(e),e.on("reInit",n).on("reInit",s).on("reInit",a).on("scroll",a),()=>{e.off("reInit",n).off("reInit",s).off("reInit",a).off("scroll",a);}},[e,a]),null}function le(e){let[o,r]=useState(0),t=useCallback(i=>{let n=Math.max(0,Math.min(1,i.scrollProgress()));r(n*100);},[]);return useEffect(()=>{if(e)return t(e),e.on("reInit",t),e.on("scroll",t),()=>{e.off("reInit",t).off("scroll",t);}},[e,t]),{value:o}}function ue(e,o){let[r,t]=Xe({containScroll:"keepSnaps",dragFree:!0,...o}),[i,n]=useState(0),s=useCallback(l=>{!e||!t||e.scrollTo(l);},[e,t]),a=useCallback(()=>{!e||!t||(n(e.selectedScrollSnap()),t.scrollTo(e.selectedScrollSnap()));},[e,t,n]);return useEffect(()=>{if(e)return a(),e.on("select",a),e.on("reInit",a),()=>{e.off("select",a),e.off("reInit",a);}},[e,a]),{onClickThumb:s,thumbsRef:r,thumbsApi:t,selectedIndex:i}}var vt=(e,o)=>{let[r,t]=Xe(e,o),{disablePrev:i,disableNext:n,onClickPrev:s,onClickNext:a}=A(t),l=o?.map(y=>y.name),c=se(t),u=oe(t),m=re(t),d=le(t),S=ue(t,e?.thumbs);ne(t,e?.parallax);let f=useMemo(()=>l?.includes("autoplay")?{onClickPrev:()=>u.onClickAutoplay(s),onClickNext:()=>u.onClickAutoplay(a)}:l?.includes("autoScroll")?{onClickPrev:()=>m.onClickAutoplay(s),onClickNext:()=>m.onClickAutoplay(a)}:{onClickPrev:s,onClickNext:a},[m,u,a,s,l]);return {options:{...e,...t?.internalEngine().options},pluginNames:l,mainRef:r,mainApi:t,arrows:{disablePrev:i,disableNext:n,onClickPrev:f.onClickPrev,onClickNext:f.onClickNext},dots:c,thumbs:S,progress:d,autoplay:u,autoScroll:m}};
|
|
15
|
-
|
|
16
|
-
export { h as ArrowButton, io as Carousel, Co as CarouselArrowBasicButtons, So as CarouselArrowFloatButtons, ho as CarouselArrowNumberButtons, To as CarouselDotButtons, Uo as CarouselProgressBar, w as CarouselSlide, Go as CarouselThumb, Ne as CarouselThumbs, R as StyledContainer, T as StyledRoot, Ge as carouselBreakpoints, p as carouselClasses, vt as useCarousel };
|