oraculo-ui 0.1.13 → 0.1.15
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/index.css +2 -397
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +6 -20
- package/dist/index.d.ts +6 -20
- package/dist/index.js +11 -39763
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -55
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/dist/OraculoSeccionBonoBienvenida-2APXZQQA.mjs +0 -8
- package/dist/OraculoSeccionBonoBienvenida-4ZHLRFV2.css +0 -221
- package/dist/OraculoSeccionBonoBienvenida-4ZHLRFV2.css.map +0 -1
- package/dist/OraculoSeccionBonoBienvenida-6L54EBL3.mjs +0 -9
- package/dist/OraculoSeccionBonoBienvenida-6L54EBL3.mjs.map +0 -1
- package/dist/OraculoSeccionBonoBienvenida-MGMLDCRG.css +0 -220
- package/dist/OraculoSeccionCasino-CPSKAAFH.css +0 -398
- package/dist/OraculoSeccionCasino-CPSKAAFH.css.map +0 -1
- package/dist/OraculoSeccionCasino-FHD2WBDU.mjs +0 -13
- package/dist/OraculoSeccionCasino-FHD2WBDU.mjs.map +0 -1
- package/dist/OraculoSeccionCasino-LRZCQVLY.mjs +0 -12
- package/dist/OraculoSeccionCasino-ORWFZCMV.mjs +0 -12
- package/dist/OraculoSeccionCasino-RFXPS2MW.css +0 -397
- package/dist/OraculoSeccionCasinoEnVivo-7W64K4YQ.css +0 -157
- package/dist/OraculoSeccionCasinoEnVivo-7W64K4YQ.css.map +0 -1
- package/dist/OraculoSeccionCasinoEnVivo-EPVIACRV.mjs +0 -9
- package/dist/OraculoSeccionCasinoEnVivo-EPVIACRV.mjs.map +0 -1
- package/dist/OraculoSeccionCasinoEnVivo-ISYMJSUN.mjs +0 -8
- package/dist/OraculoSeccionCasinoEnVivo-MMXETHJA.css +0 -156
- package/dist/OraculoSeccionClubOlimpo-63QCT4A2.mjs +0 -10
- package/dist/OraculoSeccionClubOlimpo-63QCT4A2.mjs.map +0 -1
- package/dist/OraculoSeccionClubOlimpo-APZYPQ5V.css +0 -116
- package/dist/OraculoSeccionClubOlimpo-BLUJXLUC.mjs +0 -8
- package/dist/OraculoSeccionClubOlimpo-BLUJXLUC.mjs.map +0 -1
- package/dist/OraculoSeccionClubOlimpo-F2AFK4G3.css +0 -274
- package/dist/OraculoSeccionClubOlimpo-F2AFK4G3.css.map +0 -1
- package/dist/OraculoSeccionClubOlimpo-MYTRV5IN.css +0 -273
- package/dist/OraculoSeccionClubOlimpo-TV3LABJ5.mjs +0 -9
- package/dist/OraculoSeccionClubOlimpo-XGB4KUKX.mjs +0 -7
- package/dist/OraculoSeccionClubOlimpo-ZCBMTUL3.css +0 -117
- package/dist/OraculoSeccionClubOlimpo-ZCBMTUL3.css.map +0 -1
- package/dist/OraculoSeccionDestacados-2KCEN6PZ.mjs +0 -12
- package/dist/OraculoSeccionDestacados-5RFVEBFL.mjs +0 -13
- package/dist/OraculoSeccionDestacados-5RFVEBFL.mjs.map +0 -1
- package/dist/OraculoSeccionDestacados-6D4LKX4H.mjs +0 -12
- package/dist/OraculoSeccionDestacados-AMMYUK67.css +0 -398
- package/dist/OraculoSeccionDestacados-AMMYUK67.css.map +0 -1
- package/dist/OraculoSeccionDestacados-WQX2GQNY.css +0 -397
- package/dist/OraculoSeccionTopJuegos-FMFAEVQK.css +0 -397
- package/dist/OraculoSeccionTopJuegos-K6CHEKEP.mjs +0 -13
- package/dist/OraculoSeccionTopJuegos-K6CHEKEP.mjs.map +0 -1
- package/dist/OraculoSeccionTopJuegos-LEFQWP7T.mjs +0 -12
- package/dist/OraculoSeccionTopJuegos-RBVOHPDV.mjs +0 -12
- package/dist/OraculoSeccionTopJuegos-XBGNNR6G.css +0 -398
- package/dist/OraculoSeccionTopJuegos-XBGNNR6G.css.map +0 -1
- package/dist/OraculoSeccionVirtuales-6RBECPDW.css +0 -397
- package/dist/OraculoSeccionVirtuales-FKHGLEVT.mjs +0 -12
- package/dist/OraculoSeccionVirtuales-N6FY52CM.mjs +0 -12
- package/dist/OraculoSeccionVirtuales-NEIWD2BT.mjs +0 -13
- package/dist/OraculoSeccionVirtuales-NEIWD2BT.mjs.map +0 -1
- package/dist/OraculoSeccionVirtuales-SSM6EDST.css +0 -398
- package/dist/OraculoSeccionVirtuales-SSM6EDST.css.map +0 -1
- package/dist/chunk-2D7ZJMJV.mjs +0 -118
- package/dist/chunk-4LBAYKDQ.mjs +0 -475
- package/dist/chunk-7IWMEE6R.mjs +0 -39100
- package/dist/chunk-FIOWVLJP.mjs +0 -7
- package/dist/chunk-FIOWVLJP.mjs.map +0 -1
- package/dist/chunk-FROEVP3X.mjs +0 -39097
- package/dist/chunk-IGAIIVJZ.mjs +0 -74
- package/dist/chunk-IGAIIVJZ.mjs.map +0 -1
- package/dist/chunk-IJQLK4NO.mjs +0 -73
- package/dist/chunk-MC4XEBI3.mjs +0 -1277
- package/dist/chunk-MC4XEBI3.mjs.map +0 -1
- package/dist/chunk-PVY5Z3JS.mjs +0 -249
- package/dist/chunk-PYHDJZX3.mjs +0 -476
- package/dist/chunk-PYHDJZX3.mjs.map +0 -1
- package/dist/chunk-PZJSZNXJ.mjs +0 -6
- package/dist/chunk-THUJNRMX.mjs +0 -119
- package/dist/chunk-THUJNRMX.mjs.map +0 -1
- package/dist/chunk-VIPLL6XT.mjs +0 -43
- package/dist/chunk-WTK2IT5O.mjs +0 -250
- package/dist/chunk-WTK2IT5O.mjs.map +0 -1
- package/dist/chunk-XNMUIY72.mjs +0 -10
- package/dist/chunk-XNMUIY72.mjs.map +0 -1
package/dist/chunk-VIPLL6XT.mjs
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
8
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
9
|
-
}) : x)(function(x) {
|
|
10
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
11
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
12
|
-
});
|
|
13
|
-
var __glob = (map) => (path) => {
|
|
14
|
-
var fn = map[path];
|
|
15
|
-
if (fn) return fn();
|
|
16
|
-
throw new Error("Module not found in bundle: " + path);
|
|
17
|
-
};
|
|
18
|
-
var __commonJS = (cb, mod) => function __require2() {
|
|
19
|
-
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
20
|
-
};
|
|
21
|
-
var __copyProps = (to, from, except, desc) => {
|
|
22
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
23
|
-
for (let key of __getOwnPropNames(from))
|
|
24
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
25
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
26
|
-
}
|
|
27
|
-
return to;
|
|
28
|
-
};
|
|
29
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
30
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
31
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
32
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
33
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
34
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
35
|
-
mod
|
|
36
|
-
));
|
|
37
|
-
|
|
38
|
-
export {
|
|
39
|
-
__require,
|
|
40
|
-
__glob,
|
|
41
|
-
__commonJS,
|
|
42
|
-
__toESM
|
|
43
|
-
};
|
package/dist/chunk-WTK2IT5O.mjs
DELETED
|
@@ -1,250 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
OraculoButton
|
|
3
|
-
} from "./chunk-IGAIIVJZ.mjs";
|
|
4
|
-
|
|
5
|
-
// src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx
|
|
6
|
-
import Box2 from "@mui/material/Box";
|
|
7
|
-
import Stack from "@mui/material/Stack";
|
|
8
|
-
import Typography2 from "@mui/material/Typography";
|
|
9
|
-
|
|
10
|
-
// src/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.tsx
|
|
11
|
-
import Box from "@mui/material/Box";
|
|
12
|
-
import Typography from "@mui/material/Typography";
|
|
13
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
14
|
-
var OraculoLiveCasinoCard = ({
|
|
15
|
-
logo,
|
|
16
|
-
provider,
|
|
17
|
-
providerName,
|
|
18
|
-
machine,
|
|
19
|
-
onClick
|
|
20
|
-
}) => {
|
|
21
|
-
var _a;
|
|
22
|
-
return /* @__PURE__ */ jsxs(
|
|
23
|
-
Box,
|
|
24
|
-
{
|
|
25
|
-
onClick,
|
|
26
|
-
sx: {
|
|
27
|
-
flex: "0 0 auto",
|
|
28
|
-
position: "relative",
|
|
29
|
-
borderRadius: "20px",
|
|
30
|
-
overflow: "hidden",
|
|
31
|
-
width: { xs: 100, md: 180 },
|
|
32
|
-
height: { xs: 200, md: 380 },
|
|
33
|
-
transition: "width .50s ease, transform .28s ease",
|
|
34
|
-
willChange: "width, transform",
|
|
35
|
-
cursor: "pointer",
|
|
36
|
-
zIndex: 0,
|
|
37
|
-
"&:hover": {
|
|
38
|
-
zIndex: 2,
|
|
39
|
-
width: { md: 260, xs: 110 }
|
|
40
|
-
},
|
|
41
|
-
"&:hover .orc-live-provider-label": {
|
|
42
|
-
opacity: 1
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
children: [
|
|
46
|
-
/* @__PURE__ */ jsx(
|
|
47
|
-
Box,
|
|
48
|
-
{
|
|
49
|
-
component: "img",
|
|
50
|
-
src: logo,
|
|
51
|
-
alt: `Juego ${machine != null ? machine : ""}`,
|
|
52
|
-
sx: {
|
|
53
|
-
position: "absolute",
|
|
54
|
-
inset: 0,
|
|
55
|
-
width: "100%",
|
|
56
|
-
height: "100%",
|
|
57
|
-
objectFit: "cover",
|
|
58
|
-
display: "block"
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
),
|
|
62
|
-
/* @__PURE__ */ jsx(
|
|
63
|
-
Box,
|
|
64
|
-
{
|
|
65
|
-
className: "orc-live-provider-label",
|
|
66
|
-
sx: {
|
|
67
|
-
position: "absolute",
|
|
68
|
-
left: "50%",
|
|
69
|
-
top: { xs: "75%", md: "80%" },
|
|
70
|
-
transform: "translate(-50%, -50%)",
|
|
71
|
-
zIndex: 3,
|
|
72
|
-
opacity: 0,
|
|
73
|
-
transition: "opacity .25s ease",
|
|
74
|
-
pointerEvents: "none"
|
|
75
|
-
},
|
|
76
|
-
children: /* @__PURE__ */ jsx(
|
|
77
|
-
Typography,
|
|
78
|
-
{
|
|
79
|
-
sx: {
|
|
80
|
-
color: "#fff",
|
|
81
|
-
fontWeight: 700,
|
|
82
|
-
fontSize: { xs: 11, md: 14 },
|
|
83
|
-
textTransform: "capitalize"
|
|
84
|
-
},
|
|
85
|
-
children: (_a = provider != null ? provider : providerName) != null ? _a : ""
|
|
86
|
-
}
|
|
87
|
-
)
|
|
88
|
-
}
|
|
89
|
-
)
|
|
90
|
-
]
|
|
91
|
-
}
|
|
92
|
-
);
|
|
93
|
-
};
|
|
94
|
-
var OraculoLiveCasinoCard_default = OraculoLiveCasinoCard;
|
|
95
|
-
|
|
96
|
-
// src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx
|
|
97
|
-
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
98
|
-
var OraculoSeccionCasinoEnVivo = ({
|
|
99
|
-
items,
|
|
100
|
-
title = "Casino en vivo",
|
|
101
|
-
subtitle = "Disfruta la emoci\xF3n en tus juegos favoritos y gana en tiempo real.",
|
|
102
|
-
backgroundMobileUrl = "/assets/img/home/CasinoEnVivo/FondoMobile3.png",
|
|
103
|
-
backgroundDesktopUrl = "/assets/img/home/CasinoEnVivo/FondoDesktop3.png",
|
|
104
|
-
onCardClick,
|
|
105
|
-
onViewMore,
|
|
106
|
-
className
|
|
107
|
-
}) => {
|
|
108
|
-
return /* @__PURE__ */ jsxs2(
|
|
109
|
-
Box2,
|
|
110
|
-
{
|
|
111
|
-
className,
|
|
112
|
-
sx: {
|
|
113
|
-
position: "relative",
|
|
114
|
-
width: "100vw",
|
|
115
|
-
left: "50%",
|
|
116
|
-
right: "50%",
|
|
117
|
-
transform: "translateX(-50%)",
|
|
118
|
-
color: "white",
|
|
119
|
-
overflow: "hidden"
|
|
120
|
-
},
|
|
121
|
-
children: [
|
|
122
|
-
/* @__PURE__ */ jsx2(
|
|
123
|
-
Box2,
|
|
124
|
-
{
|
|
125
|
-
sx: {
|
|
126
|
-
position: "absolute",
|
|
127
|
-
inset: 0,
|
|
128
|
-
backgroundImage: {
|
|
129
|
-
xs: `
|
|
130
|
-
linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
|
|
131
|
-
linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
|
|
132
|
-
url('${backgroundMobileUrl}')
|
|
133
|
-
`,
|
|
134
|
-
md: `
|
|
135
|
-
linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
|
|
136
|
-
linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
|
|
137
|
-
url('${backgroundDesktopUrl}')
|
|
138
|
-
`
|
|
139
|
-
},
|
|
140
|
-
backgroundSize: "cover",
|
|
141
|
-
backgroundPosition: "center",
|
|
142
|
-
backgroundRepeat: "no-repeat",
|
|
143
|
-
zIndex: 0
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
),
|
|
147
|
-
/* @__PURE__ */ jsxs2(
|
|
148
|
-
Box2,
|
|
149
|
-
{
|
|
150
|
-
sx: {
|
|
151
|
-
position: "relative",
|
|
152
|
-
zIndex: 1,
|
|
153
|
-
maxWidth: 1200,
|
|
154
|
-
height: { xs: "450px", md: "550px" },
|
|
155
|
-
mx: "auto",
|
|
156
|
-
px: { xs: 2.5, md: 6 },
|
|
157
|
-
display: "flex",
|
|
158
|
-
flexDirection: { xs: "column", md: "row" },
|
|
159
|
-
alignItems: { xs: "center", md: "center" },
|
|
160
|
-
justifyContent: "center",
|
|
161
|
-
gap: { xs: 0, md: 15 },
|
|
162
|
-
textAlign: { xs: "center", md: "left" }
|
|
163
|
-
},
|
|
164
|
-
children: [
|
|
165
|
-
/* @__PURE__ */ jsxs2(Stack, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
|
|
166
|
-
/* @__PURE__ */ jsx2(
|
|
167
|
-
Typography2,
|
|
168
|
-
{
|
|
169
|
-
variant: "h4",
|
|
170
|
-
sx: {
|
|
171
|
-
fontWeight: 800,
|
|
172
|
-
fontSize: { xs: 24, md: 40 },
|
|
173
|
-
WebkitTextStroke: "0.5px rgba(255, 255, 255, .5)",
|
|
174
|
-
textShadow: "0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"
|
|
175
|
-
},
|
|
176
|
-
children: title
|
|
177
|
-
}
|
|
178
|
-
),
|
|
179
|
-
/* @__PURE__ */ jsx2(
|
|
180
|
-
Typography2,
|
|
181
|
-
{
|
|
182
|
-
sx: {
|
|
183
|
-
fontSize: { xs: 14, md: 18 },
|
|
184
|
-
color: "rgba(255,255,255,0.9)",
|
|
185
|
-
marginX: { xs: 4, md: 0 },
|
|
186
|
-
lineHeight: 1.5
|
|
187
|
-
},
|
|
188
|
-
children: subtitle
|
|
189
|
-
}
|
|
190
|
-
),
|
|
191
|
-
/* @__PURE__ */ jsx2(Box2, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ jsx2(
|
|
192
|
-
OraculoButton,
|
|
193
|
-
{
|
|
194
|
-
variant: "primary",
|
|
195
|
-
size: "md",
|
|
196
|
-
onClick: () => onViewMore == null ? void 0 : onViewMore(),
|
|
197
|
-
children: "Ver m\xE1s"
|
|
198
|
-
}
|
|
199
|
-
) })
|
|
200
|
-
] }),
|
|
201
|
-
/* @__PURE__ */ jsx2(
|
|
202
|
-
Box2,
|
|
203
|
-
{
|
|
204
|
-
sx: {
|
|
205
|
-
display: "flex",
|
|
206
|
-
gap: { xs: 2, md: 3 },
|
|
207
|
-
justifyContent: "center",
|
|
208
|
-
overflowX: { xs: "auto", md: "visible" },
|
|
209
|
-
py: { xs: 3, md: 0 },
|
|
210
|
-
alignItems: "center"
|
|
211
|
-
},
|
|
212
|
-
children: (items != null ? items : []).slice(0, 3).map((juego, idx) => {
|
|
213
|
-
var _a, _b;
|
|
214
|
-
return /* @__PURE__ */ jsx2(
|
|
215
|
-
OraculoLiveCasinoCard_default,
|
|
216
|
-
{
|
|
217
|
-
logo: `https://olimpo.bet${(_b = juego.logo) != null ? _b : ""}`,
|
|
218
|
-
provider: juego.provider,
|
|
219
|
-
providerName: juego.web_name,
|
|
220
|
-
machine: juego.machine,
|
|
221
|
-
onClick: () => onCardClick == null ? void 0 : onCardClick(juego, idx)
|
|
222
|
-
},
|
|
223
|
-
(_a = juego.orden) != null ? _a : idx
|
|
224
|
-
);
|
|
225
|
-
})
|
|
226
|
-
}
|
|
227
|
-
),
|
|
228
|
-
/* @__PURE__ */ jsx2(Box2, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ jsx2(
|
|
229
|
-
OraculoButton,
|
|
230
|
-
{
|
|
231
|
-
variant: "primary",
|
|
232
|
-
size: "lg",
|
|
233
|
-
onClick: () => onViewMore == null ? void 0 : onViewMore(),
|
|
234
|
-
children: "Ver m\xE1s"
|
|
235
|
-
}
|
|
236
|
-
) })
|
|
237
|
-
]
|
|
238
|
-
}
|
|
239
|
-
)
|
|
240
|
-
]
|
|
241
|
-
}
|
|
242
|
-
);
|
|
243
|
-
};
|
|
244
|
-
var OraculoSeccionCasinoEnVivo_default = OraculoSeccionCasinoEnVivo;
|
|
245
|
-
|
|
246
|
-
export {
|
|
247
|
-
OraculoLiveCasinoCard_default,
|
|
248
|
-
OraculoSeccionCasinoEnVivo_default
|
|
249
|
-
};
|
|
250
|
-
//# sourceMappingURL=chunk-WTK2IT5O.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx","../src/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Stack from \"@mui/material/Stack\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport OraculoButton from \"../../atoms/OraculoButton/OraculoButton\";\r\nimport OraculoLiveCasinoCard from \"../../molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard\";\r\nimport { OraculoSeccionCasinoEnVivoProps } from \"../../interfaces/oraculo/InterfaceCasinoEnVivo\";\r\n\r\nconst OraculoSeccionCasinoEnVivo: React.FC<OraculoSeccionCasinoEnVivoProps> = ({\r\n items,\r\n title = \"Casino en vivo\",\r\n subtitle = \"Disfruta la emoción en tus juegos favoritos y gana en tiempo real.\",\r\n backgroundMobileUrl = \"/assets/img/home/CasinoEnVivo/FondoMobile3.png\",\r\n backgroundDesktopUrl = \"/assets/img/home/CasinoEnVivo/FondoDesktop3.png\",\r\n onCardClick,\r\n onViewMore,\r\n className,\r\n}) => {\r\n return (\r\n <Box\r\n className={className}\r\n sx={{\r\n position: \"relative\",\r\n width: \"100vw\",\r\n left: \"50%\",\r\n right: \"50%\",\r\n transform: \"translateX(-50%)\",\r\n color: \"white\",\r\n overflow: \"hidden\",\r\n }}\r\n >\r\n {/* Fondo */}\r\n <Box\r\n sx={{\r\n position: \"absolute\",\r\n inset: 0,\r\n backgroundImage: {\r\n xs: `\r\n linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),\r\n linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),\r\n url('${backgroundMobileUrl}')\r\n `,\r\n md: `\r\n linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),\r\n linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),\r\n url('${backgroundDesktopUrl}')\r\n `,\r\n },\r\n backgroundSize: \"cover\",\r\n backgroundPosition: \"center\",\r\n backgroundRepeat: \"no-repeat\",\r\n zIndex: 0,\r\n }}\r\n />\r\n\r\n {/* Contenido */}\r\n <Box\r\n sx={{\r\n position: \"relative\",\r\n zIndex: 1,\r\n maxWidth: 1200,\r\n height: { xs: \"450px\", md: \"550px\" },\r\n mx: \"auto\",\r\n px: { xs: 2.5, md: 6 },\r\n display: \"flex\",\r\n flexDirection: { xs: \"column\", md: \"row\" },\r\n alignItems: { xs: \"center\", md: \"center\" },\r\n justifyContent: \"center\",\r\n gap: { xs: 0, md: 15 },\r\n textAlign: { xs: \"center\", md: \"left\" },\r\n }}\r\n >\r\n {/* Columna izquierda: título + texto + botón desktop */}\r\n <Stack spacing={3} sx={{ maxWidth: { md: 280 } }}>\r\n <Typography\r\n variant=\"h4\"\r\n sx={{\r\n fontWeight: 800,\r\n fontSize: { xs: 24, md: 40 },\r\n WebkitTextStroke: \"0.5px rgba(255, 255, 255, .5)\",\r\n textShadow:\r\n \"0 0 2px rgba(255, 255, 255, .95),\" +\r\n \"0 0 4px rgba(255, 255, 255, .6),\" +\r\n \"0 1px 0 #898989\",\r\n }}\r\n >\r\n {title}\r\n </Typography>\r\n\r\n <Typography\r\n sx={{\r\n fontSize: { xs: 14, md: 18 },\r\n color: \"rgba(255,255,255,0.9)\",\r\n marginX: { xs: 4, md: 0 },\r\n lineHeight: 1.5,\r\n }}\r\n >\r\n {subtitle}\r\n </Typography>\r\n\r\n <Box sx={{ display: { xs: \"none\", md: \"block\" } }}>\r\n <OraculoButton\r\n variant=\"primary\"\r\n size=\"md\"\r\n onClick={() => onViewMore?.()}\r\n >\r\n Ver más\r\n </OraculoButton>\r\n </Box>\r\n </Stack>\r\n\r\n {/* Lista de tarjetas */}\r\n <Box\r\n sx={{\r\n display: \"flex\",\r\n gap: { xs: 2, md: 3 },\r\n justifyContent: \"center\",\r\n overflowX: { xs: \"auto\", md: \"visible\" },\r\n py: { xs: 3, md: 0 },\r\n alignItems: \"center\",\r\n }}\r\n >\r\n {(items ?? []).slice(0, 3).map((juego, idx) => (\r\n <OraculoLiveCasinoCard\r\n key={juego.orden ?? idx}\r\n logo={`https://olimpo.bet${juego.logo ?? \"\"}`}\r\n provider={juego.provider}\r\n providerName={juego.web_name}\r\n machine={juego.machine}\r\n onClick={() => onCardClick?.(juego, idx)}\r\n />\r\n ))}\r\n </Box>\r\n\r\n {/* Botón mobile */}\r\n <Box sx={{ display: { xs: \"block\", md: \"none\" } }}>\r\n <OraculoButton\r\n variant=\"primary\"\r\n size=\"lg\"\r\n onClick={() => onViewMore?.()}\r\n >\r\n Ver más\r\n </OraculoButton>\r\n </Box>\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default OraculoSeccionCasinoEnVivo;\r\n","import React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\n\r\nexport interface OraculoLiveCasinoCardProps {\r\n logo: string;\r\n provider?: string;\r\n providerName?: string;\r\n machine?: number | string;\r\n onClick?: () => void;\r\n}\r\n\r\nconst OraculoLiveCasinoCard: React.FC<OraculoLiveCasinoCardProps> = ({\r\n logo,\r\n provider,\r\n providerName,\r\n machine,\r\n onClick,\r\n}) => {\r\n return (\r\n <Box\r\n onClick={onClick}\r\n sx={{\r\n flex: \"0 0 auto\",\r\n position: \"relative\",\r\n borderRadius: \"20px\",\r\n overflow: \"hidden\",\r\n width: { xs: 100, md: 180 },\r\n height: { xs: 200, md: 380 },\r\n transition: \"width .50s ease, transform .28s ease\",\r\n willChange: \"width, transform\",\r\n cursor: \"pointer\",\r\n zIndex: 0,\r\n \"&:hover\": {\r\n zIndex: 2,\r\n width: { md: 260, xs: 110 },\r\n },\r\n \"&:hover .orc-live-provider-label\": {\r\n opacity: 1,\r\n },\r\n }}\r\n >\r\n {/* Imagen de fondo */}\r\n <Box\r\n component=\"img\"\r\n src={logo}\r\n alt={`Juego ${machine ?? \"\"}`}\r\n sx={{\r\n position: \"absolute\",\r\n inset: 0,\r\n width: \"100%\",\r\n height: \"100%\",\r\n objectFit: \"cover\",\r\n display: \"block\",\r\n }}\r\n />\r\n\r\n {/* Label del provider */}\r\n <Box\r\n className=\"orc-live-provider-label\"\r\n sx={{\r\n position: \"absolute\",\r\n left: \"50%\",\r\n top: { xs: \"75%\", md: \"80%\" },\r\n transform: \"translate(-50%, -50%)\",\r\n zIndex: 3,\r\n opacity: 0,\r\n transition: \"opacity .25s ease\",\r\n pointerEvents: \"none\",\r\n }}\r\n >\r\n <Typography\r\n sx={{\r\n color: \"#fff\",\r\n fontWeight: 700,\r\n fontSize: { xs: 11, md: 14 },\r\n textTransform: \"capitalize\",\r\n }}\r\n >\r\n {provider ?? providerName ?? \"\"}\r\n </Typography>\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default OraculoLiveCasinoCard;\r\n"],"mappings":"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","names":["Box","Typography","jsx","jsxs","Box","Typography"]}
|
package/dist/chunk-XNMUIY72.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|