oraculo-ui 0.1.14 → 0.1.15

package/dist/index.mjs

@@ -1,53 +1,22 @@
-import {
-  OraculoGameCard_default,
-  OraculoGameRankCard,
-  OraculoGameSlide_default,
-  OraculoPageLandingPreview_default,
-  OraculoSeccionCasino_default,
-  OraculoSeccionDestacados,
-  OraculoSeccionTopJuegos,
-  OraculoSeccionVirtuales_default,
-  OraculoSectionTitle,
-  index_default
-} from "./chunk-WKDAILVP.mjs";
-import {
-  OraculoClubOlimpoVisual_default,
-  OraculoSeccionClubOlimpo_default
-} from "./chunk-JSQWAWJ2.mjs";
-import "./chunk-PZJSZNXJ.mjs";
-import {
-  OraculoLiveCasinoCard_default,
-  OraculoSeccionCasinoEnVivo_default
-} from "./chunk-NPAHCXJM.mjs";
-import {
-  OraculoCarouselDots_default,
-  OraculoCarousel_default,
-  OraculoSeccionBonoBienvenida_default,
-  OraculoWelcomeBanner_default
-} from "./chunk-YWS57247.mjs";
-import {
-  OraculoButton
-} from "./chunk-DHENVY2Z.mjs";
-import "./chunk-VIPLL6XT.mjs";
-export {
-  OraculoButton,
-  OraculoCarousel_default as OraculoCarousel,
-  OraculoCarouselDots_default as OraculoCarouselDots,
-  OraculoClubOlimpoVisual_default as OraculoClubOlimpoVisual,
-  OraculoGameCard_default as OraculoGameCard,
-  OraculoGameRankCard,
-  OraculoGameSlide_default as OraculoGameSlide,
-  OraculoLiveCasinoCard_default as OraculoLiveCasinoCard,
-  OraculoPageLandingPreview_default as OraculoPageLandingPreview,
-  OraculoSeccionBonoBienvenida_default as OraculoSeccionBonoBienvenida,
-  OraculoSeccionCasino_default as OraculoSeccionCasino,
-  OraculoSeccionCasinoEnVivo_default as OraculoSeccionCasinoEnVivo,
-  OraculoSeccionClubOlimpo_default as OraculoSeccionClubOlimpo,
-  OraculoSeccionDestacados,
-  OraculoSeccionTopJuegos,
-  OraculoSeccionVirtuales_default as OraculoSeccionVirtuales,
-  OraculoSectionTitle,
-  OraculoSeccionTopJuegos as OraculoTopJuegoItem,
-  OraculoWelcomeBanner_default as OraculoWelcomeBanner,
-  index_default as default
-};
+import y,{useRef,useState,useMemo,forwardRef,useImperativeHandle,useCallback,useLayoutEffect,useEffect}from'react';import {Link,Container,Stack}from'@mui/material';import {Splide,SplideSlide}from'@splidejs/react-splide';import U from'@mui/material/Box';import ge from'@mui/material/Typography';import {createSvgIcon}from'@mui/material/utils';import {jsx}from'react/jsx-runtime';import it from'@mui/material/Stack';import Ft from'@mui/material/useMediaQuery';import {onSnapshot,doc}from'firebase/firestore';var Ho=Object.create;var ye=Object.defineProperty;var Vo=Object.getOwnPropertyDescriptor;var Go=Object.getOwnPropertyNames;var Uo=Object.getPrototypeOf,Ko=Object.prototype.hasOwnProperty;var eo=o=>e=>{var f=o[e];if(f)return f();throw new Error("Module not found in bundle: "+e)};var c=(o,e)=>()=>(o&&(e=o(o=0)),e);var zo=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports),j=(o,e)=>{for(var f in e)ye(o,f,{get:e[f],enumerable:true});},jo=(o,e,f,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of Go(e))!Ko.call(o,d)&&d!==f&&ye(o,d,{get:()=>e[d],enumerable:!(r=Vo(e,d))||r.enumerable});return o};var Ae=(o,e,f)=>(f=o!=null?Ho(Uo(o)):{},jo(!o||!o.__esModule?ye(f,"default",{value:o,enumerable:true}):f,o));var oo=c(()=>{});function C({children:o,onClick:e,href:f,target:r,rel:d,type:a="button",disabled:t=false,variant:x="primary",size:n,fullWidth:S=false,fullHeight:R=false,className:g="",ariaLabel:h,leftIcon:i,rightIcon:l,iconOnly:w}){let b=!!o&&o!==true,D=(!!i?1:0)+(!!l?1:0)==1,ue=w!=null?w:D&&!b,ee=["orc-btn",x==="secondary"?"orc-btn--secondary":x==="tertiary"?"orc-btn--tertiary":"orc-btn--primary",n?`orc-btn--${n}`:"",S?"orc-btn--full":"",R?"orc-btn--fullHeight":"",ue?"orc-btn--iconOnly":"",g].filter(Boolean).join(" "),se=y.createElement(y.Fragment,null,i&&y.createElement("span",{className:"orc-btn__icon"},i),!ue&&y.createElement("span",{className:"orc-btn__label"},o),l&&y.createElement("span",{className:"orc-btn__icon"},l)),Z=t?true:void 0;return f?y.createElement(Link,{href:f,target:r,rel:d,"aria-label":h,"aria-disabled":Z,tabIndex:Z?-1:void 0,className:ee,onClick:Z?oe=>oe.preventDefault():e},se):y.createElement("button",{type:a,onClick:e,disabled:!!Z,"aria-label":h,className:ee},se)}var _=c(()=>{oo();});var to=c(()=>{});function H({title:o,iconUrl:e,size:f="md",className:r=""}){let a=["orc-section-title",f?`orc-section-title--${f}`:"",r].filter(Boolean).join(" ");return y.createElement("div",{className:a},e&&y.createElement("img",{src:e,alt:"",className:"orc-section-title__icon"}),y.createElement("h2",{className:"orc-section-title__title"},o))}var te=c(()=>{to();});var ro=c(()=>{});var _o,Be,Fe=c(()=>{ro();_o=({total:o,active:e,onSelect:f,className:r=""})=>{if(o<=1)return null;let d=["orc-dots",r].filter(Boolean).join(" ");return y.createElement("div",{className:d,role:"tablist"},Array.from({length:o}).map((a,t)=>y.createElement("span",{key:t,className:"orc-dots__cell"},y.createElement("button",{type:"button",role:"tab","aria-selected":t===e,"aria-label":`Ir al slide ${t+1}`,className:"orc-dots__dot"+(t===e?" orc-dots__dot--active":""),onClick:()=>f==null?void 0:f(t)}))))},Be=_o;});var Xo,et,ot,V,re=c(()=>{Xo=Splide,et=SplideSlide,ot=forwardRef(({items:o=[],renderItem:e,perPage:f=1,gap:r="0px",breakpoints:d,options:a={},className:t="",onMove:x},n)=>{let S=useRef(null);useImperativeHandle(n,()=>({next:()=>{var i;return (i=S.current)==null?void 0:i.go(">")},prev:()=>{var i;return (i=S.current)==null?void 0:i.go("<")},go:i=>{var l;return (l=S.current)==null?void 0:l.go(i)}}));let R=useCallback(i=>{let l=i.index,w=i.length,b=i.options.perPage||1,k=l===0,N=l>=w-b;x==null||x({index:l,isStart:k,isEnd:N,total:w});},[x]),g=useCallback(i=>{R(i);},[R]),h={type:"slide",trimSpace:false,drag:true,pagination:false,arrows:false,rewind:false,focus:"start",autoWidth:false,perPage:f,gap:r,breakpoints:d,...a};return y.createElement("div",{className:t,style:{width:"100%"}},y.createElement(Xo,{ref:S,options:h,onMove:R,onMounted:g},o.map((i,l)=>{var w;return y.createElement(et,{key:(w=i.id)!=null?w:l},e(i,l))})))}),V=ot;});var tt,$,pe=c(()=>{ve();tt=({imageUrl:o,onClick:e,size:f="sm",fillParent:r=false})=>{let d=f==="lg"?{w:280,h:352}:{w:152,h:168},a=x=>{x.stopPropagation(),e==null||e();},t=r?{width:"100%",height:"100%"}:{width:`${d.w}px`,height:`${d.h}px`};return y.createElement(U,{onClick:e,role:"button",sx:{position:"relative",borderRadius:"12px",overflow:"hidden",boxSizing:"border-box",transition:"transform .15s ease, box-shadow .15s ease",...t,"&:hover":{transform:"translateY(-2px)",boxShadow:8,cursor:"pointer"},"&:hover .oraculo-game-card-overlay":{opacity:1},"&:hover .oraculo-game-card-btn":{opacity:1,transform:"translate(-50%, -50%) scale(1)",pointerEvents:"auto"}}},y.createElement("img",{src:o,alt:"Juego de casino",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block",borderRadius:"inherit"}}),y.createElement(U,{className:"oraculo-game-card-overlay",sx:{position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.45)",opacity:0,transition:"opacity .15s ease",pointerEvents:"none",zIndex:1}}),y.createElement(U,{className:"oraculo-game-card-btn",sx:{position:"absolute",top:"50%",left:"50%",zIndex:2,transform:"translate(-50%, -50%) scale(0.95)",opacity:0,transition:"opacity .15s ease, transform .15s ease",pointerEvents:"none"}},y.createElement(C,{variant:"primary",size:"md",onClick:a},"JUGAR")))},$=tt;});function me({imageUrl:o,orden:e=1,onClick:f,sizes:r={xs:{w:104,h:112,r:18,font:48},md:{w:186,h:264,r:22.6,font:64}}}){var R,g,h,i;let d=(l,w)=>{var b,k,N,D;return {xs:(k=(b=r.xs)==null?void 0:b[l])!=null?k:w,md:(D=(N=r.md)==null?void 0:N[l])!=null?D:w}},a=d("w",186),t=d("h",264),x=d("r",22.6),n=d("font",64),S={xs:Math.round(((g=(R=r.xs)==null?void 0:R.font)!=null?g:64)*.28),md:Math.round(((i=(h=r.md)==null?void 0:h.font)!=null?i:64)*.28)};return y.createElement(U,{sx:{position:"relative",width:"100%",maxWidth:{xs:`${a.xs}px`,md:`${a.md}px`},aspectRatio:{xs:`${a.xs}/${t.xs}`,md:`${a.md}/${t.md}`},borderRadius:{xs:`${x.xs}px`,md:`${x.md}px`},boxSizing:"border-box",overflow:"visible",pb:{xs:`${S.xs}px`,md:`${S.md}px`}}},y.createElement(U,{sx:{position:"absolute",inset:0,borderRadius:"inherit",overflow:"hidden"}},y.createElement($,{imageUrl:o,onClick:f,size:"lg",fillParent:true})),y.createElement(U,{component:"span",sx:{position:"absolute",left:8,bottom:{xs:`-${S.xs}px`,md:`-${S.md}px`},fontFamily:"secondary",fontSize:{xs:`${n.xs}px`,md:`${n.md}px`},lineHeight:1,color:"#3CC666",WebkitTextStroke:"1px #9ee86e",zIndex:3,userSelect:"none"}},e))}var Le=c(()=>{pe();});var at,We,Ee=c(()=>{at=({logo:o,provider:e,providerName:f,machine:r,onClick:d})=>{var a;return y.createElement(U,{onClick:d,sx:{flex:"0 0 auto",position:"relative",borderRadius:"20px",overflow:"hidden",width:{xs:100,md:180},height:{xs:200,md:380},transition:"width .50s ease, transform .28s ease",willChange:"width, transform",cursor:"pointer",zIndex:0,"&:hover":{zIndex:2,width:{md:260,xs:110}},"&:hover .orc-live-provider-label":{opacity:1}}},y.createElement(U,{component:"img",src:o,alt:`Juego ${r!=null?r:""}`,sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",display:"block"}}),y.createElement(U,{className:"orc-live-provider-label",sx:{position:"absolute",left:"50%",top:{xs:"75%",md:"80%"},transform:"translate(-50%, -50%)",zIndex:3,opacity:0,transition:"opacity .25s ease",pointerEvents:"none"}},y.createElement(ge,{sx:{color:"#fff",fontWeight:700,fontSize:{xs:11,md:14},textTransform:"capitalize"}},(a=e!=null?e:f)!=null?a:"")))},We=at;});var Ie,ft,de,ie=c(()=>{pe();Ie=12,ft=({items:o,layout:e="grid",onClick:f})=>{var r;if(e==="mosaic"){let d=o[0],a=o.slice(1,5);return y.createElement(U,{sx:{display:"grid",gridTemplateRows:{xs:"repeat(2, 112px)",md:"repeat(2, 168px)"},gridTemplateColumns:{xs:"184px",md:"280px"},gridAutoFlow:"column",gridAutoColumns:{xs:"104px",md:"152px"},columnGap:`${Ie}px`,rowGap:`${Ie}px`,alignItems:"stretch",justifyItems:"stretch"}},d&&y.createElement(U,{sx:{width:{xs:184,md:280},height:{xs:234,md:352},gridRow:"1 / span 2",overflow:"hidden",borderRadius:2}},y.createElement($,{imageUrl:`https://olimpo.bet${(r=d.imageUrl)!=null?r:""}`,size:"lg",fillParent:true,onClick:()=>f==null?void 0:f(d,0)})),a.map((t,x)=>{var n;return y.createElement(U,{key:t.id,sx:{width:{xs:104,md:152},height:{xs:112,md:168},overflow:"hidden",borderRadius:2}},y.createElement($,{imageUrl:`https://olimpo.bet${(n=t.imageUrl)!=null?n:""}`,size:"sm",fillParent:true,onClick:()=>f==null?void 0:f(t,x+1)}))}))}return y.createElement(U,{sx:{display:"grid",gridTemplateColumns:{xs:"repeat(2, 104px)",md:"repeat(2, 152px)"},gridTemplateRows:{xs:"repeat(2, 112px)",md:"repeat(2, 168px)"},gap:`${Ie}px`,gridAutoFlow:"column"}},o.map((d,a)=>{var t,x;return y.createElement(U,{key:(t=d.id)!=null?t:a,sx:{overflow:"hidden",borderRadius:2}},y.createElement($,{imageUrl:`https://olimpo.bet${(x=d.imageUrl)!=null?x:""}`,size:"sm",fillParent:true,onClick:()=>f==null?void 0:f(d,a)}))}))},de=ft;});var dt,Te,He=c(()=>{_();dt=({title:o,amount:e,subtitle:f,buttonText:r,onButtonClick:d,backgroundImage:a,alt:t,className:x="",variant:n="small"})=>{let S=e?e.slice(0,2):"",R=e?e.slice(2):"",g=n==="large";return y.createElement(U,{className:x,sx:{position:"relative",width:"100%",maxWidth:{xs:328,lg:g?618:456},mx:"auto"}},a&&y.createElement(U,{sx:{position:"relative",width:"100%",aspectRatio:{xs:"328 / 188",lg:g?"618 / 346":"456 / 272"},borderRadius:"14px",overflow:"hidden"}},y.createElement(U,{component:"img",src:a,alt:t!=null?t:"Fondo promocional",sx:{width:"100%",height:"100%",objectFit:"cover",objectPosition:{xs:"50% 0%",lg:"45% 0%"},display:"block"}})),y.createElement(U,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"flex-end",color:"#e7f8ff",textAlign:"center",pl:"14%",pr:{xs:"14%",lg:"15%"}}},y.createElement(U,{sx:{maxWidth:"60%",display:"flex",flexDirection:"column",alignItems:"center"}},o&&y.createElement(ge,{sx:{fontSize:{xs:12,lg:20},fontWeight:400,color:"#e7f8ff"}},o),e&&y.createElement(U,{component:"p",sx:{fontFamily:'"secondary", sans-serif',lineHeight:{xs:.9,lg:.87},m:"4px 0",background:"linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",WebkitTextStroke:"0.5px #fff8c1",filter:"drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))",display:"flex",alignItems:"baseline",justifyContent:"center"}},y.createElement(U,{component:"span",sx:{fontSize:{xs:35,lg:48},mr:.5}},S),y.createElement(U,{component:"span",sx:{fontSize:{xs:52,lg:77}}},R)),f&&y.createElement(ge,{sx:{pb:"20px",fontSize:14,fontWeight:600,color:"#e7f8ff"}},f),r&&y.createElement(C,{onClick:d},r))))},Te=dt;});var Se=zo((Br,lt)=>{lt.exports={};});var ut,Ve,Ge=c(()=>{Ae(Se());_();ut=({text:o,buttonLabel:e="Conoce m\xE1s",onClick:f,imgAlt:r="Club Olimpo",imgSrcMobile:d,imgSrcDesktopBg:a,imgSrcDesktopLogo:t})=>y.createElement(y.Fragment,null,y.createElement("div",{className:"orc-co-bgMobile"},y.createElement("img",{src:d,alt:r,className:"orc-co-bgMobileImg"})),y.createElement("div",{className:"orc-co-bgDesktop"},a&&y.createElement("div",{className:"orc-co-fillHost"},y.createElement("img",{src:a,alt:`${r} fondo`,className:"orc-co-bgDesktopImg"})),t&&y.createElement("div",{className:"orc-co-logo"},y.createElement("img",{src:t,alt:`${r} logo`,className:"orc-co-logoImg"})),y.createElement("div",{className:"orc-co-desktopContent"},y.createElement("p",{className:"orc-co-captionDesktop"},o),y.createElement(C,{onClick:f,variant:"primary",size:"md"},e))),y.createElement("div",{className:"orc-co-bottom"},y.createElement("p",{className:"orc-co-caption"},o),y.createElement(C,{onClick:f,variant:"primary",size:"md"},e))),Ve=ut;});var Ue=c(()=>{"use client";});var q,he=c(()=>{"use client";Ue();q=createSvgIcon(jsx("path",{d:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41"}),"ChevronLeftRounded");});var J,we=c(()=>{"use client";Ue();J=createSvgIcon(jsx("path",{d:"M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01"}),"ChevronRightRounded");});var lo=c(()=>{he();we();});var uo={};j(uo,{default:()=>Ke});function Ke({items:o,title:e="Destacados",iconUrl:f,onViewMore:r,className:d=""}){let a=useRef(null),[t,x]=useState({isStart:true,isEnd:false}),n=()=>{var h;(h=a.current)==null||h.prev();},S=()=>{var h;(h=a.current)==null||h.next(),console.log("items: ",o);},R=()=>{r==null||r();};return y.createElement("section",{className:d||void 0,style:{width:"100%"}},y.createElement("header",{style:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:12,rowGap:8,marginBottom:16}},y.createElement(H,{title:e,iconUrl:f,size:"md"}),y.createElement("div",{style:{display:"flex",gap:8}},y.createElement(C,{ariaLabel:"Anterior",variant:"secondary",iconOnly:true,leftIcon:y.createElement(q,null),onClick:n,disabled:t.isStart}),y.createElement(C,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:true,rightIcon:y.createElement(J,null),onClick:S,disabled:t.isEnd})),y.createElement(C,{variant:"secondary",onClick:R},"Ver m\xE1s")),y.createElement(V,{ref:a,items:o,perPage:3.395,gap:"16px",options:{autoWidth:false},breakpoints:{768:{perPage:1.15,focus:"start"},1024:{perPage:2.5,focus:"start"}},renderItem:h=>y.createElement("div",{key:`${h.title}-${h.image}`,style:{textAlign:"center",marginTop:16}},y.createElement("img",{src:`https://olimpo.bet${h.image!==""?h.image:h.summary_image}`,alt:h.title,style:{width:"100%",height:"150px",borderRadius:8,display:"block"}})),onMove:({isStart:h,isEnd:i})=>x({isStart:h,isEnd:i})}))}var ze=c(()=>{lo();ve();});var so={};j(so,{default:()=>Oe});function Oe({items:o,title:e="Top Juegos",iconUrl:f,onCardClick:r}){let d=useMemo(()=>o.map((a,t)=>{var x;return {...a,orden:(x=a.orden)!=null?x:t+1,_originalIndex:t}}).sort((a,t)=>a.orden!=null&&t.orden!=null?a.orden-t.orden:a._originalIndex-t._originalIndex),[o]);return y.createElement("section",{style:{width:"100%"}},y.createElement(it,{direction:"column",spacing:2,useFlexGap:true},y.createElement(H,{title:e,iconUrl:f,size:"md"}),y.createElement(U,{sx:{display:"grid",gridTemplateColumns:{xs:"repeat(3, minmax(0, 1fr))",md:"repeat(6, minmax(0, 1fr))"},gap:{xs:1.5,md:2},justifyItems:"center",width:"100%"}},d.slice(0,6).map(a=>{var t;return y.createElement(me,{key:a.machine,imageUrl:`https://olimpo.bet${(t=a.logo)!=null?t:""}`,orden:a.orden,onClick:()=>r==null?void 0:r(a)})}))))}var Re=c(()=>{te();Le();});var mo={};j(mo,{default:()=>no});var ct,no,je=c(()=>{_();Ee();ct=({items:o,title:e="Casino en vivo",subtitle:f="Disfruta la emoci\xF3n en tus juegos favoritos y gana en tiempo real.",backgroundMobileUrl:r="/assets/img/home/CasinoEnVivo/FondoMobile3.png",backgroundDesktopUrl:d="/assets/img/home/CasinoEnVivo/FondoDesktop3.png",onCardClick:a,onViewMore:t,className:x})=>y.createElement(U,{className:x,sx:{position:"relative",width:"100vw",left:"50%",right:"50%",transform:"translateX(-50%)",color:"white",overflow:"hidden"}},y.createElement(U,{sx:{position:"absolute",inset:0,backgroundImage:{xs:`
+              linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
+              linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
+              url('${r}')
+            `,md:`
+              linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
+              linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
+              url('${d}')
+            `},backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",zIndex:0}}),y.createElement(U,{sx:{position:"relative",zIndex:1,maxWidth:1200,height:{xs:"450px",md:"550px"},mx:"auto",px:{xs:2.5,md:6},display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"center",md:"center"},justifyContent:"center",gap:{xs:0,md:15},textAlign:{xs:"center",md:"left"}}},y.createElement(it,{spacing:3,sx:{maxWidth:{md:280}}},y.createElement(ge,{variant:"h4",sx:{fontWeight:800,fontSize:{xs:24,md:40},WebkitTextStroke:"0.5px rgba(255, 255, 255, .5)",textShadow:"0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"}},e),y.createElement(ge,{sx:{fontSize:{xs:14,md:18},color:"rgba(255,255,255,0.9)",marginX:{xs:4,md:0},lineHeight:1.5}},f),y.createElement(U,{sx:{display:{xs:"none",md:"block"}}},y.createElement(C,{variant:"primary",size:"md",onClick:()=>t==null?void 0:t()},"Ver m\xE1s"))),y.createElement(U,{sx:{display:"flex",gap:{xs:2,md:3},justifyContent:"center",overflowX:{xs:"auto",md:"visible"},py:{xs:3,md:0},alignItems:"center"}},(o!=null?o:[]).slice(0,3).map((n,S)=>{var R,g;return y.createElement(We,{key:(R=n.orden)!=null?R:S,logo:`https://olimpo.bet${(g=n.logo)!=null?g:""}`,provider:n.provider,providerName:n.web_name,machine:n.machine,onClick:()=>a==null?void 0:a(n,S)})})),y.createElement(U,{sx:{display:{xs:"block",md:"none"}}},y.createElement(C,{variant:"primary",size:"lg",onClick:()=>t==null?void 0:t()},"Ver m\xE1s")))),no=ct;});var io={};j(io,{default:()=>xo});var Rt,gt,xo,_e=c(()=>{he();we();te();_();re();ie();Rt=(o,e=true,f=4)=>{let r=o.map((t,x)=>{var n,S,R;return {id:(S=(n=t.orden)!=null?n:t.machine)!=null?S:x,imageUrl:(R=t.logo)!=null?R:""}});if(!r.length)return [];let d=[],a=0;if(e){let t=Math.min(r.length,5);d.push({id:"mosaic-0",kind:"mosaic",items:r.slice(0,t)}),a=t;}for(;a<r.length;){let t=Math.min(a+f,r.length);d.push({id:`grid-${a}`,kind:"grid",items:r.slice(a,t)}),a=t;}return d},gt=({items:o,title:e="Casino",iconUrl:f="/assets/img/home/Casino/diamante.svg",onItemClick:r,onViewMore:d,mosaicFirst:a=true,gridSize:t=4})=>{let x=useRef(null),[n,S]=useState({isStart:true,isEnd:false}),R=Rt(o,a,t),g=()=>{var l;(l=x.current)==null||l.prev();},h=()=>{var l;(l=x.current)==null||l.next();},i=()=>{d==null||d();};return y.createElement("section",null,y.createElement(it,{direction:"column",spacing:2,useFlexGap:true},y.createElement(U,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1}},y.createElement(H,{title:e,iconUrl:f,size:"md"}),y.createElement(U,{sx:{display:"flex",gap:1,justifyContent:"flex-end"}},y.createElement(C,{ariaLabel:"Anterior",variant:"secondary",iconOnly:true,leftIcon:y.createElement(q,null),onClick:g,disabled:n.isStart}),y.createElement(C,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:true,rightIcon:y.createElement(J,null),onClick:h,disabled:n.isEnd})),y.createElement(U,{sx:{justifySelf:"end"}},y.createElement(C,{variant:"secondary",onClick:i},"Ver m\xE1s"))),y.createElement(V,{ref:x,items:R,perPage:1,gap:"0px",options:{autoWidth:true,gap:"12px",trimSpace:false,pagination:false,arrows:false,drag:true,focus:"start"},renderItem:l=>y.createElement("div",{style:{alignSelf:"start"}},y.createElement(de,{items:l.items,layout:l.kind==="mosaic"?"mosaic":"grid",onClick:w=>{let b=o.find((k,N)=>{var D;return ((D=k.orden)!=null?D:N)===w.id});b&&(r==null||r(b));}})),onMove:({isStart:l,isEnd:w})=>S({isStart:l,isEnd:w})})))},xo=gt;});var So={};j(So,{default:()=>To});var bt,Pt,To,qe=c(()=>{he();we();te();_();re();ie();bt=(o,e=true,f=4)=>{let r=o.map((t,x)=>{var n,S;return {id:(n=t.orden)!=null?n:x,imageUrl:(S=t.logo)!=null?S:""}});if(!r.length)return [];let d=[],a=0;if(e){let t=Math.min(r.length,5);d.push({id:"mosaic-0",kind:"mosaic",items:r.slice(0,t)}),a=t;}for(;a<r.length;){let t=Math.min(a+f,r.length);d.push({id:`grid-${a}`,kind:"grid",items:r.slice(a,t)}),a=t;}return d},Pt=({items:o,title:e="Virtuales",iconUrl:f="/assets/img/home/Virtuales/virtuales.svg",onItemClick:r,onViewMore:d,mosaicFirst:a=true,gridSize:t=4})=>{let x=useRef(null),[n,S]=useState({isStart:true,isEnd:false}),R=bt(o,a,t),g=()=>{var l;(l=x.current)==null||l.prev();},h=()=>{var l;(l=x.current)==null||l.next();},i=()=>{d==null||d();};return y.createElement("section",null,y.createElement(it,{direction:"column",spacing:2,useFlexGap:true},y.createElement(U,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1}},y.createElement(H,{title:e,iconUrl:f,size:"md"}),y.createElement(U,{sx:{display:"flex",gap:1,justifyContent:"flex-end"}},y.createElement(C,{ariaLabel:"Anterior",variant:"secondary",iconOnly:true,leftIcon:y.createElement(q,null),onClick:g,disabled:n.isStart}),y.createElement(C,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:true,rightIcon:y.createElement(J,null),onClick:h,disabled:n.isEnd})),y.createElement(U,{sx:{justifySelf:"end"}},y.createElement(C,{variant:"secondary",onClick:i},"Ver m\xE1s"))),y.createElement(V,{ref:x,items:R,perPage:1,gap:"0",options:{autoWidth:true,gap:"12px",trimSpace:false,pagination:false,arrows:false,drag:true,focus:"start",perMove:1},renderItem:l=>y.createElement("div",{style:{alignSelf:"start"}},y.createElement(de,{items:l.items,layout:l.kind==="mosaic"?"mosaic":"grid",onClick:w=>{let b=o.find((k,N)=>{var D;return ((D=k.orden)!=null?D:N)===w.id});b&&(r==null||r(b));}})),onMove:({isStart:l,isEnd:w})=>S({isStart:l,isEnd:w})})))},To=Pt;});var go={};j(go,{default:()=>Ro});var kt,ho,wo,Oo,Dt,Ro,Je=c(()=>{re();He();Fe();kt=o=>({width:"100vw",position:"relative",left:"50%",right:"50%",marginLeft:"-50vw",marginRight:"-50vw",py:8,color:"#fff",backgroundImage:`
+    linear-gradient(to bottom,#121212 0%, rgba(18,18,18,0) 10%),
+    linear-gradient(to top,   #121212 0%, rgba(18,18,18,0) 10%),
+    linear-gradient(to left,  #121212 0%, rgba(18,18,18,0) 10%),
+    linear-gradient(to right, #121212 0%, rgba(18,18,18,0) 10%),
+    url("${o}")
+  `,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"cover"}),ho={textAlign:"center",lineHeight:1.1,mb:1.5},wo={display:"inline-block",fontWeight:600,fontSize:24},Oo={display:"inline-block",fontSize:24,lineHeight:1.1,WebkitTextStroke:"0.3px rgba(255, 255, 255, .5)",textShadow:`
+    0 0 2px rgba(255, 255, 255, .95),
+    0 0 6px rgba(255, 255, 255, .6),
+    0 1px 0 rgba(137, 137, 137, .85)
+  `},Dt=({headline:o,items:e,backgroundImageUrl:f})=>{let[r="",d=""]=(o||"").split(`
+`),a=Ft("(max-width: 767px)"),t=e.length>1,x=f!=null?f:"/assets/img/home/BonoBienvenida/Fondobg.png",n=kt(x),S=useRef(null),[R,g]=useState({isStart:true,isEnd:false}),[h,i]=useState(0);return a?y.createElement(U,{component:"section",sx:{...n,textAlign:"center"}},(r||d)&&y.createElement(U,{sx:ho},r&&y.createElement(ge,{component:"span",sx:wo},r),d&&y.createElement(y.Fragment,null,y.createElement("br",null),y.createElement(ge,{component:"span",sx:Oo},d))),y.createElement(U,null,y.createElement(V,{ref:S,items:e,perPage:1,gap:"12px",breakpoints:{480:{perPage:1,gap:"8px",padding:{left:"8px",right:"8px"}},768:{perPage:1,gap:"12px",padding:{left:"8px",right:"8px"}}},options:{autoWidth:false},renderItem:l=>y.createElement(Te,{...l,onButtonClick:e[0].onButtonClick}),onMove:({index:l,isStart:w,isEnd:b})=>{g({isStart:w,isEnd:b}),i(l);}}),t&&y.createElement(Be,{total:e.length,active:h,onSelect:l=>{var w;i(l),(w=S.current)==null||w.go(l);}}))):y.createElement(U,{component:"section",sx:n},y.createElement(U,{sx:{maxWidth:1200,mx:5,px:2,display:"grid",gridTemplateColumns:"200px auto",alignItems:"center"}},(r||d)&&y.createElement(U,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",minHeight:"100%"}},y.createElement(U,{sx:{...ho,textAlign:"left",mb:0}},r&&y.createElement(ge,{component:"span",sx:wo},r),d&&y.createElement(y.Fragment,null,y.createElement("br",null),y.createElement(ge,{component:"span",sx:Oo},d)))),y.createElement(U,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flexWrap:"nowrap",gap:4}},e.map((l,w)=>y.createElement(Te,{key:w,onButtonClick:l.onButtonClick,...l})))))},Ro=Dt;});var Ao={};j(Ao,{default:()=>yo});var Mt,yo,Ye=c(()=>{Ae(Se());Ge();Mt=({className:o="",fullBleed:e=true,items:f,selectedIndex:r=0,ariaLabel:d})=>{let a=useRef(null),t=useRef(null);if(!f)return null;let n=f;useLayoutEffect(()=>{if(!a.current||!t.current||typeof ResizeObserver=="undefined")return;let R=a.current,g=t.current,h=()=>{R.style.setProperty("--orc-co-bottomH",`${g.offsetHeight+16}px`);},i=new ResizeObserver(h);return i.observe(g),h(),()=>i.disconnect()},[]);let S=["orc-co-wrap",e?"orc-co-fullBleed":"",o].filter(Boolean).join(" ");return y.createElement("section",{ref:a,className:S,"aria-label":d||n.imgAlt||"Club Olimpo"},y.createElement("div",{ref:t},y.createElement(Ve,{text:n.text,onClick:n.onClick,imgAlt:n.imgAlt,imgSrcMobile:n.images.mobile,imgSrcDesktopBg:n.images.desktopBg,imgSrcDesktopLogo:n.images.desktopLogo})))},yo=Mt;});var Lt,Xe=c(()=>{Lt=eo({"../organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx":()=>Promise.resolve().then(()=>(Je(),go)),"../organisms/OraculoSeccionCasino/OraculoSeccionCasino.tsx":()=>Promise.resolve().then(()=>(_e(),io)),"../organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx":()=>Promise.resolve().then(()=>(je(),mo)),"../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css":()=>Promise.resolve().then(()=>Ae(Se())),"../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx":()=>Promise.resolve().then(()=>(Ye(),Ao)),"../organisms/OraculoSeccionDestacados/OraculoSeccionDestacados.tsx":()=>Promise.resolve().then(()=>(ze(),uo)),"../organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx":()=>Promise.resolve().then(()=>(Re(),so)),"../organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx":()=>Promise.resolve().then(()=>(qe(),So))});});var Ce,Ht,Bo,Fo=c(()=>{"use client";Xe();Ce=class extends Error{constructor(f,r,d){super(`HTTP ${f} ${d}`);this.status=f;this.url=r;this.statusText=d;this.name="HttpError";}},Ht=({sectionsOverride:o,docId:e="home",db:f})=>{let[r,d]=useState([]),[a,t]=useState(false),[x,n]=useState({}),[S,R]=useState({}),[g,h]=useState({}),[i,l]=useState({});useEffect(()=>{if(o||!f)return;t(true);let u=onSnapshot(doc(f,"landings",e),s=>{var T;try{let p=s.exists()?((T=s.data())==null?void 0:T.sections)||[]:[];p=p.slice().sort((m,O)=>{var A,v;return ((A=m.order)!=null?A:0)-((v=O.order)!=null?v:0)}).map((m,O)=>({...m,order:O+1})),d(p),console.log("fetched: ",p);}catch(p){console.error("Error procesando landings/"+e,p);}finally{t(false);}},s=>{console.error("Error escuchando landings/"+e,s),t(false);});return ()=>u()},[o,e,f]);let w=async u=>{let s=(u.apiUrl||"").trim();if(!s)return;let T=u.apiMethod||"GET",p=u.apiParams||[],m=s,O,A;if(T==="GET"){let I=new URL(s,typeof window=="undefined"?"http://localhost":window.location.origin);for(let W of p)W.key&&I.searchParams.append(W.key,W.value);m=I.toString();}else {let I=new URLSearchParams;for(let W of p)W.key&&I.append(W.key,W.value);O=I.toString(),A={"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"};}let v=await fetch(m,{method:T,headers:A,body:O});if(!v.ok)throw new Ce(v.status,m,v.statusText);return v.json()},b=useMemo(()=>o?o.slice():r.slice(),[o,r]),k=y.useRef(new Set);useEffect(()=>{let u=b.map(s=>({s,url:(s.apiUrl||"").trim()})).filter(({url:s})=>!!s);if(u.length)for(let{s,url:T}of u){let p=`${s.id}|${T}`;k.current.has(p)||(k.current.add(p),h(m=>({...m,[s.id]:true})),l(m=>({...m,[s.id]:""})),(async()=>{try{let m=await w(s);R(O=>({...O,[s.id]:m}));}catch(m){let O="Error desconocido";m instanceof Ce?O=`Error HTTP ${m.status} (${m.statusText}) en ${m.url}`:m instanceof SyntaxError?O="Respuesta no es JSON v\xE1lido":m instanceof TypeError?O="Fallo de red / CORS / conexi\xF3n":typeof m=="string"&&(O=m.toString()),l(A=>({...A,[s.id]:O}));}finally{h(m=>({...m,[s.id]:false}));}})());}},[b]);let N=useMemo(()=>b.filter(u=>u.visible).sort((u,s)=>u.order-s.order),[b]),D=u=>Array.isArray(u)?u.map(s=>{let T={};for(let p of s.fields||[]){let m=(p.type||"string").toLowerCase();if(m==="number")T[p.name]=Number(p.value);else if(m==="boolean")T[p.name]=String(p.value).toLowerCase()==="true";else if(m==="function"){let O=String(p.value||"").trim();T[p.name]=()=>{if(O)try{return new Function(O)()}catch(A){console.error("Error funci\xF3n manual",A);}};}else T[p.name]=p.value;}return T}):[],ue=u=>{let s={};if(!Array.isArray(u))return s;for(let T of u){if(!T.name)continue;let p=(T.type||"string").toLowerCase();if(p==="number")s[T.name]=Number(T.value);else if(p==="boolean")s[T.name]=String(T.value).toLowerCase()==="true";else if(p==="function"){let m=String(T.value||"").trim();s[T.name]=()=>{if(m)try{return new Function(m)()}catch(O){console.error("Error funci\xF3n escalar manual",O);}};}else s[T.name]=T.value;}return s},ee=(u,s,T)=>{let p=T?{...T}:{};if(s){let W=(s.variableName||"items").trim()||"items";return p[W]=s.arr||[],p}let m=u,O=Array.isArray(m),A=!O&&typeof m=="object"&&m!==null?m:void 0,v=A&&Array.isArray(A.lobby||A.items)?A.lobby||A.items:void 0,I=W=>O?m:v||W;return p.items=I(v||[]),p},se=u=>{Lt(`../organisms/${u}/${u}`).then(s=>{var m;let T=s,p=(m=T.default)!=null?m:T[u];p&&n(O=>({...O,[u]:p}));}).catch(s=>{console.error(`Error cargando componente en OP ${u}:`,s);});},Z=u=>{var m;let s=!!((m=u.apiUrl)!=null&&m.trim()),T=s?S[u.id]:void 0,p=u.props?{...u.props}:{};if(s)p=ee(T,null,p);else if(u.dataMode==="manual"){let O=D(u.manualItems);p=ee(null,{arr:O,variableName:u.variableName},p);let A=ue(u.manualScalarFields);p={...p,...A};}return p},oe=(u,s,T)=>y.createElement("div",{key:u,className:`mx-4 p-4 rounded ${{loading:"bg-blue-100 text-blue-800",error:"bg-red-100 text-red-800",component:"bg-yellow-100 text-yellow-800"}[s]}`},T),Io=u=>{var I;let s=u.componentKey,T=x[s],p=!!((I=u.apiUrl)!=null&&I.trim()),m=p?S[u.id]:void 0,O=p?!!g[u.id]:false,A=p?i[u.id]:"";if(!T)return se(s),oe(u.id,"component",`Cargando componente "${s}"...`);if(p){if(O&&!m)return oe(u.id,"loading",`Cargando datos desde ${u.apiUrl}...`);if(A&&!m)return oe(u.id,"error",`Error cargando ${u.apiUrl}: ${A}`)}let v=Z(u);return y.createElement("div",{key:u.id,style:{paddingLeft:16,paddingRight:16,width:"100%",boxSizing:"border-box"}},y.createElement(T,{...v}))};return a&&!o?y.createElement("div",{className:"text-xs text-gray-400"},"Cargando preview..."):!a&&!o&&r.length===0?y.createElement("div",{className:"text-xs text-gray-500"},"Sin secciones (Firestore)"):y.createElement(Container,{className:"oli-font",maxWidth:false,disableGutters:true,sx:{backgroundColor:"#121212",position:"relative",pb:5,pt:5,width:"100%",maxWidth:"100%",overflowX:"hidden"}},y.createElement(Stack,{direction:"column",spacing:8,useFlexGap:true},N.map(Io)))},Bo=Ht;});var ko=c(()=>{});var Do=c(()=>{});var vo=c(()=>{});var Mo=c(()=>{});var Lo=c(()=>{});var No=c(()=>{});var Wo=c(()=>{});var Eo=c(()=>{});var $a,ve=c(()=>{_();te();Fe();re();Le();Ee();pe();ie();He();Ge();ze();Re();Re();je();_e();qe();Je();Ye();Fo();ko();Do();vo();Mo();Lo();No();Wo();Eo();$a=Bo;});ve();
+export{C as OraculoButton,V as OraculoCarousel,Be as OraculoCarouselDots,Ve as OraculoClubOlimpoVisual,$ as OraculoGameCard,me as OraculoGameRankCard,de as OraculoGameSlide,We as OraculoLiveCasinoCard,Bo as OraculoPageLandingPreview,Ro as OraculoSeccionBonoBienvenida,xo as OraculoSeccionCasino,no as OraculoSeccionCasinoEnVivo,yo as OraculoSeccionClubOlimpo,Ke as OraculoSeccionDestacados,Oe as OraculoSeccionTopJuegos,To as OraculoSeccionVirtuales,H as OraculoSectionTitle,Oe as OraculoTopJuegoItem,Te as OraculoWelcomeBanner,$a as default};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map