oraculo-ui 0.2.2 → 0.2.3

package/dist/index.cjs.js

@@ -6,7 +6,7 @@
               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}')
-            `},backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",zIndex:0}}),e.jsxs(N.default,{sx:{position:"relative",zIndex:1,maxWidth:1200,height:{xs:"450px",md:"590px"},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"}},children:[e.jsxs(q.default,{spacing:3,sx:{maxWidth:{md:280}},children:[e.jsx(Q.default,{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"},children:a}),e.jsx(Q.default,{sx:{fontSize:{xs:14,md:18},color:"rgba(255,255,255,0.9)",marginX:{xs:4,md:0},lineHeight:1.5},children:n}),e.jsx(N.default,{sx:{display:{xs:"none",md:"block"}},children:e.jsx(V,{variant:"primary",size:"md",onClick:m,children:"Ver más"})})]}),e.jsx(N.default,{sx:{display:"flex",gap:{xs:2,md:3},justifyContent:"center",overflowX:{xs:"auto",md:"visible"},py:{xs:3,md:0},alignItems:"center"},children:(t!=null?t:[]).slice(0,3).map((d,_)=>{var v;return e.jsx(et,{logo:`https://olimpo.bet${d.background?d.background:(v=d.logo)!=null?v:""}`,provider:d.provider,providerName:d.web_name,machine:d.machine,onClick:()=>s(d)},Ra(d,_))})}),e.jsx(N.default,{sx:{display:{xs:"block",md:"none"}},children:e.jsx(V,{variant:"primary",size:"lg",onClick:m,children:"Ver más"})})]})]})},La="https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommendations",Aa=(t,a)=>{var n,o,i,r,l,p,f,x,s,m,d;return{...t,id:(n=t.id)!=null?n:a,orden:(o=t.id)!=null?o:a,machine:String((l=(r=(i=t.id)!=null?i:t.machine)!=null?r:t.external_id)!=null?l:a),logo:t.logo,room_name:(p=t.room_name)!=null?p:"",product:(f=t.product)!=null?f:"",service:(x=t.service)!=null?x:"",provider:(s=t.provider)!=null?s:"",game_type:(m=t.game_type)!=null?m:null,external_id:(d=t.external_id)!=null?d:""}},Fa=t=>t?!Array.isArray(t)&&Array.isArray(t.recommendations)?t.recommendations.filter(Boolean).map(a=>String(a)):[]:[],Pa=()=>{var a,n,o;const t=ee("user");return(o=(n=(a=t==null?void 0:t.userId)!=null?a:t==null?void 0:t.user)!=null?n:t==null?void 0:t.id)!=null?o:null},za=async()=>{const t=Pa(),a=new URLSearchParams({userId:String(t),productType:"Casino",filter:"high-payout"}),n=`${La}?${a.toString()}`,o=await fetch(n);if(!o.ok)throw new Error(`No se pudo obtener recomendaciones. HTTP ${o.status} ${o.statusText}`);return o.json()},qa=(t,a=!1)=>{const[n,o]=h.useState([]),[i,r]=h.useState(!1);return h.useEffect(()=>{let l=!1;return(async()=>{if(!a){o(Array.isArray(t)?t:[]),r(!1);return}r(!0);try{const f=await za(),x=Fa(f);if(!x.length){l||o([]);return}const s=await Promise.allSettled(x.map(async(d,_)=>{const v=await fetch(`https://api.mktolimpo.com/api/machine/${d}`);if(!v.ok)throw new Error(`No se pudo obtener machine ${d}`);const E=await v.json();return Aa(E,_)}));if(l)return;const m=s.filter(d=>d.status==="fulfilled").map(d=>d.value);o(m)}catch(f){console.error("[usePersonalizeCasinoItems] error:",f),l||o([])}finally{l||r(!1)}})(),()=>{l=!0}},[t,a]),{resolvedItems:n,loading:i}},Ua=t=>{if(typeof t=="boolean")return t;if(typeof t=="string")return t.toLowerCase()==="true";if(t&&typeof t=="object"){if(typeof t.value=="boolean")return t.value;if(typeof t.value=="string")return t.value.toLowerCase()==="true"}return!1},ut=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},Va=(t,a=!0,n=1)=>{const o=t.map((l,p)=>{var f;return{id:ut(l,p),imageUrl:(f=l.logo)!=null?f:"",...l.background?{background:l.background}:{}}});if(!o.length)return[];const i=[];let r=0;if(a){const l=Math.min(o.length,1);i.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,l)}),r=l}for(;r<o.length;){const l=Math.min(r+n,o.length);i.push({id:`grid-${r}`,kind:"grid",items:o.slice(r,l)}),r=l}return i},Da=(t=!0,a=4)=>{const n=i=>Array.from({length:i},(r,l)=>({id:`sk-${i}-${l}`,imageUrl:""})),o=[];return t&&o.push({id:"mosaic-loading",kind:"mosaic",items:n(5)}),o.push({id:"grid-loading",kind:"grid",items:n(a)}),o},mt=({items:t,title:a="Casino",iconUrl:n="/assets/img/home/Casino/diamante.svg",onItemClick:o,onViewMore:i,mosaicFirst:r=!0,gridSize:l=1,isPersonalize:p=!1})=>{const f=H.useCaptureInteraction(),x=K(),s=h.useRef(null),[m,d]=h.useState({isStart:!0,isEnd:!1}),_=Ua(p),{resolvedItems:v,loading:E}=qa(t,_),j=_?v:Array.isArray(t)?t:[],B=_?E:j.length===0,k=h.useMemo(()=>B?Da(r,l):Va(j,r,l),[B,r,l,j]),C=()=>{var $;f({element:"casino_prev",label:`Landing: ${x} - OraculoSeccionCasino - Anterior`,target:"prev",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),($=s.current)==null||$.prev()},R=()=>{var $;f({element:"casino_next",label:`Landing: ${x} - OraculoSeccionCasino - Siguiente`,target:"next",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),($=s.current)==null||$.next()},M=()=>{if(f({element:"casino_view_more",label:`Landing: ${x} - OraculoSeccionCasino - Ver más`,target:"https://www.olimpo.bet/casino",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),i){i();return}typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/casino")};return e.jsx("section",{children:e.jsxs(q.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(N.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:{xs:2,sm:0}},children:[e.jsx(ae,{title:a,iconUrl:n,size:"md"}),e.jsxs(N.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(V,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(Ke.default,{}),onClick:C,disabled:m.isStart}),e.jsx(V,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(Ze.default,{}),onClick:R,disabled:m.isEnd})]}),e.jsx(N.default,{sx:{justifySelf:"end"},children:e.jsx(V,{variant:"secondary",onClick:M,children:"Ver más"})})]}),e.jsx(ne,{ref:s,items:k,perPage:void 0,gap:"16px",enableHorizontalWheel:!0,showRightGradient:!0,options:{autoWidth:!0,trimSpace:"move"},breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},renderItem:$=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Ne,{items:$.items,layout:$.kind==="mosaic"?"mosaic":"grid",loading:B,onClick:S=>{if(B)return;const L=j.find((I,A)=>String(ut(I,A))===String(S.id));if(!L)return;o==null||o(L),f({element:"casino_game_card",label:`Landing: ${x} - OraculoSeccionCasino - Open game: ${String(L.machine)||"unknown"}`,target:String(L.machine||"unknown"),event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(L.machine||"unknown"),section:a||"Casino"}});const P=ee("showIframe"),w=ee("loadMachine");P==null||P(),w==null||w(L,!1,"CASINO")}})}),onMove:({isStart:$,isEnd:S})=>d({isStart:$,isEnd:S})})]})})},pt=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},Wa=(t,a=!0,n=1)=>{const o=t.map((l,p)=>{var f;return{id:pt(l,p),imageUrl:(f=l.logo)!=null?f:"",...l.background?{background:l.background}:{}}});if(!o.length)return[];const i=[];let r=0;if(a){const l=Math.min(o.length,1);i.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,l)}),r=l}for(;r<o.length;){const l=Math.min(r+n,o.length);i.push({id:`grid-${r}`,kind:"grid",items:o.slice(r,l)}),r=l}return i},Ga=(t=!0,a=4)=>{const n=i=>Array.from({length:i},(r,l)=>({id:`sk-${i}-${l}`,imageUrl:""})),o=[];return t&&o.push({id:"mosaic-loading",kind:"mosaic",items:n(5)}),o.push({id:"grid-loading",kind:"grid",items:n(a)}),o},ft=({items:t,title:a="Virtuales",iconUrl:n="/assets/img/home/Virtuales/virtuales.svg",onItemClick:o,onViewMore:i,mosaicFirst:r=!0,gridSize:l=1})=>{const p=h.useRef(null),[f,x]=h.useState({isStart:!0,isEnd:!1}),s=H.useCaptureInteraction(),m=K(),d=()=>{var B;s({element:"virtuales_prev",label:`Landing: ${m} - OraculoSeccionVirtuales - Anterior`,target:"prev",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(B=p.current)==null||B.prev()},_=()=>{var B;s({element:"virtuales_next",label:`Landing: ${m} - OraculoSeccionVirtuales - Siguiente`,target:"next",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(B=p.current)==null||B.next()},v=()=>{s({element:"virtuales_view_more",label:`Landing: ${m} - OraculoSeccionVirtuales - Ver más`,target:"https://www.olimpo.bet/juegos-virtuales",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/juegos-virtuales")},E=!t||t.length===0,j=E?Ga(r,l):Wa(t,r,l);return e.jsx("section",{children:e.jsxs(q.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(N.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:{xs:2,sm:0}},children:[e.jsx(ae,{title:a,iconUrl:n,size:"md"}),e.jsxs(N.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(V,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(Ke.default,{}),onClick:d,disabled:f.isStart}),e.jsx(V,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(Ze.default,{}),onClick:_,disabled:f.isEnd})]}),e.jsx(N.default,{sx:{justifySelf:"end"},children:e.jsx(V,{variant:"secondary",onClick:v,children:"Ver más"})})]}),e.jsx(ne,{ref:p,items:j,perPage:void 0,gap:"16px",breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},enableHorizontalWheel:!0,showRightGradient:!0,options:{autoWidth:!0,trimSpace:"move"},renderItem:B=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Ne,{items:B.items,layout:B.kind==="mosaic"?"mosaic":"grid",loading:E,onClick:k=>{if(E)return;const C=t.find(($,S)=>String(pt($,S))===String(k.id));if(!C){console.warn("[virtuales] no se encontró game para id:",k.id);return}s({element:"virtuales_game_card",label:`Landing: ${m} - OraculoSeccionVirtuales - Open game: ${String(C.machine||"unknown")}`,target:String(C.machine||"unknown"),event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(C.machine||"unknown"),section:"OraculoSeccionVirtuales"}});const R=ee("showIframe"),M=ee("loadMachine");R==null||R(),M==null||M(C,!1,"VIRTUALES")}})}),onMove:({isStart:B,isEnd:k})=>x({isStart:B,isEnd:k})})]})})},Ha=t=>({position:"relative",py:8,color:"#fff",backgroundImage:`
+            `},backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",zIndex:0}}),e.jsxs(N.default,{sx:{position:"relative",zIndex:1,maxWidth:1200,height:{xs:"450px",md:"590px"},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"}},children:[e.jsxs(q.default,{spacing:3,sx:{maxWidth:{md:280}},children:[e.jsx(Q.default,{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"},children:a}),e.jsx(Q.default,{sx:{fontSize:{xs:14,md:18},color:"rgba(255,255,255,0.9)",marginX:{xs:4,md:0},lineHeight:1.5},children:n}),e.jsx(N.default,{sx:{display:{xs:"none",md:"block"}},children:e.jsx(V,{variant:"primary",size:"md",onClick:m,children:"Ver más"})})]}),e.jsx(N.default,{sx:{display:"flex",gap:{xs:2,md:3},justifyContent:"center",overflowX:{xs:"auto",md:"visible"},py:{xs:3,md:0},alignItems:"center"},children:(t!=null?t:[]).slice(0,3).map((d,_)=>{var v;return e.jsx(et,{logo:`https://olimpo.bet${d.background?d.background:(v=d.logo)!=null?v:""}`,provider:d.provider,providerName:d.web_name,machine:d.machine,onClick:()=>s(d)},Ra(d,_))})}),e.jsx(N.default,{sx:{display:{xs:"block",md:"none"}},children:e.jsx(V,{variant:"primary",size:"lg",onClick:m,children:"Ver más"})})]})]})},La="https://1v5raznji6.execute-api.us-east-1.amazonaws.com/dev/recommendations",Aa=(t,a)=>{var n,o,i,r,l,p,f,x,s,m,d;return{...t,id:(n=t.id)!=null?n:a,orden:(o=t.id)!=null?o:a,machine:String((l=(r=(i=t.id)!=null?i:t.machine)!=null?r:t.external_id)!=null?l:a),logo:t.logo,background:t.background,room_name:(p=t.room_name)!=null?p:"",product:(f=t.product)!=null?f:"",service:(x=t.service)!=null?x:"",provider:(s=t.provider)!=null?s:"",game_type:(m=t.game_type)!=null?m:null,external_id:(d=t.external_id)!=null?d:""}},Fa=t=>t?!Array.isArray(t)&&Array.isArray(t.recommendations)?t.recommendations.filter(Boolean).map(a=>String(a)):[]:[],Pa=()=>{var a,n,o;const t=ee("user");return(o=(n=(a=t==null?void 0:t.userId)!=null?a:t==null?void 0:t.user)!=null?n:t==null?void 0:t.id)!=null?o:null},za=async()=>{const t=Pa(),a=new URLSearchParams({userId:String(t),productType:"Casino",filter:"high-payout"}),n=`${La}?${a.toString()}`,o=await fetch(n);if(!o.ok)throw new Error(`No se pudo obtener recomendaciones. HTTP ${o.status} ${o.statusText}`);return o.json()},qa=(t,a=!1)=>{const[n,o]=h.useState([]),[i,r]=h.useState(!1);return h.useEffect(()=>{let l=!1;return(async()=>{if(!a){o(Array.isArray(t)?t:[]),r(!1);return}r(!0);try{const f=await za(),x=Fa(f);if(!x.length){l||o([]);return}const s=await Promise.allSettled(x.map(async(d,_)=>{const v=await fetch(`https://api.mktolimpo.com/api/machine/${d}`);if(!v.ok)throw new Error(`No se pudo obtener machine ${d}`);const E=await v.json();return Aa(E,_)}));if(l)return;const m=s.filter(d=>d.status==="fulfilled").map(d=>d.value);o(m)}catch(f){console.error("[usePersonalizeCasinoItems] error:",f),l||o([])}finally{l||r(!1)}})(),()=>{l=!0}},[t,a]),{resolvedItems:n,loading:i}},Ua=t=>{if(typeof t=="boolean")return t;if(typeof t=="string")return t.toLowerCase()==="true";if(t&&typeof t=="object"){if(typeof t.value=="boolean")return t.value;if(typeof t.value=="string")return t.value.toLowerCase()==="true"}return!1},ut=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},Va=(t,a=!0,n=1)=>{const o=t.map((l,p)=>{var f;return{id:ut(l,p),imageUrl:(f=l.logo)!=null?f:"",...l.background?{background:l.background}:{}}});if(!o.length)return[];const i=[];let r=0;if(a){const l=Math.min(o.length,1);i.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,l)}),r=l}for(;r<o.length;){const l=Math.min(r+n,o.length);i.push({id:`grid-${r}`,kind:"grid",items:o.slice(r,l)}),r=l}return i},Da=(t=!0,a=4)=>{const n=i=>Array.from({length:i},(r,l)=>({id:`sk-${i}-${l}`,imageUrl:""})),o=[];return t&&o.push({id:"mosaic-loading",kind:"mosaic",items:n(5)}),o.push({id:"grid-loading",kind:"grid",items:n(a)}),o},mt=({items:t,title:a="Casino",iconUrl:n="/assets/img/home/Casino/diamante.svg",onItemClick:o,onViewMore:i,mosaicFirst:r=!0,gridSize:l=1,isPersonalize:p=!1})=>{const f=H.useCaptureInteraction(),x=K(),s=h.useRef(null),[m,d]=h.useState({isStart:!0,isEnd:!1}),_=Ua(p),{resolvedItems:v,loading:E}=qa(t,_),j=_?v:Array.isArray(t)?t:[],B=_?E:j.length===0,k=h.useMemo(()=>B?Da(r,l):Va(j,r,l),[B,r,l,j]),C=()=>{var $;f({element:"casino_prev",label:`Landing: ${x} - OraculoSeccionCasino - Anterior`,target:"prev",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),($=s.current)==null||$.prev()},R=()=>{var $;f({element:"casino_next",label:`Landing: ${x} - OraculoSeccionCasino - Siguiente`,target:"next",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),($=s.current)==null||$.next()},M=()=>{if(f({element:"casino_view_more",label:`Landing: ${x} - OraculoSeccionCasino - Ver más`,target:"https://www.olimpo.bet/casino",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionCasino"}}),i){i();return}typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/casino")};return e.jsx("section",{children:e.jsxs(q.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(N.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:{xs:2,sm:0}},children:[e.jsx(ae,{title:a,iconUrl:n,size:"md"}),e.jsxs(N.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(V,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(Ke.default,{}),onClick:C,disabled:m.isStart}),e.jsx(V,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(Ze.default,{}),onClick:R,disabled:m.isEnd})]}),e.jsx(N.default,{sx:{justifySelf:"end"},children:e.jsx(V,{variant:"secondary",onClick:M,children:"Ver más"})})]}),e.jsx(ne,{ref:s,items:k,perPage:void 0,gap:"16px",enableHorizontalWheel:!0,showRightGradient:!0,options:{autoWidth:!0,trimSpace:"move"},breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},renderItem:$=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Ne,{items:$.items,layout:$.kind==="mosaic"?"mosaic":"grid",loading:B,onClick:S=>{if(B)return;const L=j.find((I,A)=>String(ut(I,A))===String(S.id));if(!L)return;o==null||o(L),f({element:"casino_game_card",label:`Landing: ${x} - OraculoSeccionCasino - Open game: ${String(L.machine)||"unknown"}`,target:String(L.machine||"unknown"),event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(L.machine||"unknown"),section:a||"Casino"}});const P=ee("showIframe"),w=ee("loadMachine");P==null||P(),w==null||w(L,!1,"CASINO")}})}),onMove:({isStart:$,isEnd:S})=>d({isStart:$,isEnd:S})})]})})},pt=(t,a)=>{var n,o;return(o=(n=t.orden)!=null?n:t.machine)!=null?o:a},Wa=(t,a=!0,n=1)=>{const o=t.map((l,p)=>{var f;return{id:pt(l,p),imageUrl:(f=l.logo)!=null?f:"",...l.background?{background:l.background}:{}}});if(!o.length)return[];const i=[];let r=0;if(a){const l=Math.min(o.length,1);i.push({id:"mosaic-0",kind:"mosaic",items:o.slice(0,l)}),r=l}for(;r<o.length;){const l=Math.min(r+n,o.length);i.push({id:`grid-${r}`,kind:"grid",items:o.slice(r,l)}),r=l}return i},Ga=(t=!0,a=4)=>{const n=i=>Array.from({length:i},(r,l)=>({id:`sk-${i}-${l}`,imageUrl:""})),o=[];return t&&o.push({id:"mosaic-loading",kind:"mosaic",items:n(5)}),o.push({id:"grid-loading",kind:"grid",items:n(a)}),o},ft=({items:t,title:a="Virtuales",iconUrl:n="/assets/img/home/Virtuales/virtuales.svg",onItemClick:o,onViewMore:i,mosaicFirst:r=!0,gridSize:l=1})=>{const p=h.useRef(null),[f,x]=h.useState({isStart:!0,isEnd:!1}),s=H.useCaptureInteraction(),m=K(),d=()=>{var B;s({element:"virtuales_prev",label:`Landing: ${m} - OraculoSeccionVirtuales - Anterior`,target:"prev",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(B=p.current)==null||B.prev()},_=()=>{var B;s({element:"virtuales_next",label:`Landing: ${m} - OraculoSeccionVirtuales - Siguiente`,target:"next",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),(B=p.current)==null||B.next()},v=()=>{s({element:"virtuales_view_more",label:`Landing: ${m} - OraculoSeccionVirtuales - Ver más`,target:"https://www.olimpo.bet/juegos-virtuales",event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{section:"OraculoSeccionVirtuales"}}),typeof globalThis!="undefined"&&globalThis.location&&globalThis.location.assign("https://www.olimpo.bet/juegos-virtuales")},E=!t||t.length===0,j=E?Ga(r,l):Wa(t,r,l);return e.jsx("section",{children:e.jsxs(q.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsxs(N.default,{sx:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:1.5,rowGap:1,px:{xs:2,sm:0}},children:[e.jsx(ae,{title:a,iconUrl:n,size:"md"}),e.jsxs(N.default,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[e.jsx(V,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(Ke.default,{}),onClick:d,disabled:f.isStart}),e.jsx(V,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(Ze.default,{}),onClick:_,disabled:f.isEnd})]}),e.jsx(N.default,{sx:{justifySelf:"end"},children:e.jsx(V,{variant:"secondary",onClick:v,children:"Ver más"})})]}),e.jsx(ne,{ref:p,items:j,perPage:void 0,gap:"16px",breakpoints:{400:{gap:"4px",focus:"center",padding:{left:"24px",right:"24px"}},768:{gap:"8px",focus:"center",padding:{left:"24px",right:"24px"}},1024:{gap:"10px",focus:"center",padding:{left:"24px",right:"24px"}}},enableHorizontalWheel:!0,showRightGradient:!0,options:{autoWidth:!0,trimSpace:"move"},renderItem:B=>e.jsx("div",{style:{alignSelf:"start"},children:e.jsx(Ne,{items:B.items,layout:B.kind==="mosaic"?"mosaic":"grid",loading:E,onClick:k=>{if(E)return;const C=t.find(($,S)=>String(pt($,S))===String(k.id));if(!C){console.warn("[virtuales] no se encontró game para id:",k.id);return}s({element:"virtuales_game_card",label:`Landing: ${m} - OraculoSeccionVirtuales - Open game: ${String(C.machine||"unknown")}`,target:String(C.machine||"unknown"),event_type:"click",module_id:301,metadata:{location:typeof globalThis!="undefined"&&globalThis.location?globalThis.location.pathname:""},tags:{game_name:String(C.machine||"unknown"),section:"OraculoSeccionVirtuales"}});const R=ee("showIframe"),M=ee("loadMachine");R==null||R(),M==null||M(C,!1,"VIRTUALES")}})}),onMove:({isStart:B,isEnd:k})=>x({isStart:B,isEnd:k})})]})})},Ha=t=>({position:"relative",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%),