oraculo-ui 0.1.27 → 0.1.29

package/dist/interfaces/oraculo/InterfaceBanner.d.ts

@@ -0,0 +1,17 @@
+export interface OraculoBannerItem {
+    id: number | string;
+    label: string;
+    icon?: string;
+    onclick?: () => void;
+}
+export interface OraculoBannerBackgrounds {
+    desktopSrc: string;
+    mobileSrc: string;
+    fallbackSrc: string;
+}
+export interface OraculoSeccionBannersProps {
+    backgrounds: OraculoBannerBackgrounds[];
+    items: OraculoBannerItem[];
+    leftIconSrc?: string;
+    rightIconSrc?: string;
+}

package/dist/interfaces/oraculo/InterfaceBonos.d.ts

@@ -0,0 +1,13 @@
+export interface OraculoBonosItem {
+    title?: string;
+    amount?: string;
+    subtitle?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+}
+export interface OraculoSeccionBonoProps {
+    headline?: string;
+    headline2?: string;
+    items: OraculoBonosItem[];
+    backgroundImageUrl?: string;
+}

package/dist/interfaces/oraculo/InterfaceCasino.d.ts

@@ -0,0 +1,10 @@
+import { OraculoGameItem } from "./InterfaceGameItem";
+export interface OraculoSeccionCasinoProps {
+    items: OraculoGameItem[];
+    title?: string;
+    iconUrl?: string;
+    onItemClick?: (game: OraculoGameItem) => void;
+    onViewMore?: () => void;
+    mosaicFirst?: boolean;
+    gridSize?: number;
+}

package/dist/interfaces/oraculo/InterfaceCasinoEnVivo.d.ts

@@ -0,0 +1,11 @@
+import { OraculoGameItem } from "./InterfaceGameItem";
+export interface OraculoSeccionCasinoEnVivoProps {
+    items: OraculoGameItem[];
+    title?: string;
+    subtitle?: string;
+    backgroundMobileUrl?: string;
+    backgroundDesktopUrl?: string;
+    onCardClick?: (juego: OraculoGameItem, index: number) => void;
+    onViewMore?: () => void;
+    className?: string;
+}

package/dist/interfaces/oraculo/InterfaceClubOlimpo.d.ts

@@ -0,0 +1,11 @@
+export interface OraculoSeccionClubOlimpoItem {
+    text: string;
+    buttonLabel?: string;
+    imgAlt?: string;
+    images: {
+        mobile: string;
+        desktopBg?: string;
+        desktopLogo?: string;
+    };
+    onClick?: () => void;
+}

package/dist/interfaces/oraculo/InterfaceDestacados.d.ts

@@ -0,0 +1,19 @@
+export interface OraculoSeccionDestacadosItem {
+    body: string;
+    image: string;
+    title: string;
+    summary_body: string;
+    summary_title: string;
+    groups_forbidden: number[];
+    groups_allowed: number[];
+    promotion: string;
+    tags: string;
+    summary_image?: string;
+}
+export interface OraculoSeccionDestacadosProps {
+    items: OraculoSeccionDestacadosItem[];
+    title?: string;
+    iconUrl?: string;
+    onViewMore?: () => void;
+    className?: string;
+}

package/dist/interfaces/oraculo/InterfaceGameItem.d.ts

@@ -0,0 +1,17 @@
+export interface OraculoGameItem {
+    orden?: number;
+    logo?: string;
+    machine?: number | string;
+    name?: string;
+    web_name?: string;
+    provider?: string;
+    sub_provider?: string;
+    external_id?: string;
+    type?: string;
+    tags?: string;
+    lobby_tag?: string | null;
+    background?: string;
+    rtp?: number | null;
+    demo_allowed?: boolean;
+    gaming_session_required?: boolean;
+}

package/dist/interfaces/oraculo/InterfaceKambi.d.ts

@@ -0,0 +1,114 @@
+export interface EventPath {
+    id: number;
+    name: string;
+    englishName: string;
+    termKey: string;
+}
+export interface EventBase {
+    id: number;
+    name: string;
+    nameDelimiter: string;
+    englishName: string;
+    homeName: string;
+    awayName: string;
+    start: string;
+    group: string;
+    groupId: number;
+    path: EventPath[];
+    nonLiveBoCount?: number;
+    liveBoCount?: number;
+    sport: string;
+    tags: string[];
+    state: string;
+    groupSortOrder?: number;
+}
+export interface Outcome {
+    id: number;
+    label: string;
+    englishLabel: string;
+    odds: number;
+    participant?: string;
+    type: string;
+    betOfferId: number;
+    changedDate: string;
+    participantId?: number;
+    oddsFractional: string;
+    oddsAmerican: string;
+    status: string;
+    cashOutStatus: string;
+    line?: number;
+}
+export interface Criterion {
+    id: number;
+    label: string;
+    englishLabel: string;
+    order: any[];
+    occurrenceType?: string;
+    lifetime?: string;
+}
+export interface BetOfferType {
+    id: number;
+    name: string;
+    englishName: string;
+}
+export interface BetOffer {
+    id: number;
+    closed?: string;
+    criterion: Criterion;
+    betOfferType: BetOfferType;
+    eventId: number;
+    outcomes: Outcome[];
+    tags: string[];
+    cashOutStatus: string;
+}
+export interface MatchClock {
+    minute: string;
+    second: number;
+    running: boolean;
+    version: number;
+}
+export interface LiveScore {
+    home: string;
+    away: string;
+    who: string;
+    version: number;
+}
+export interface LiveStatisticsSetData {
+    home: number[];
+    away: number[];
+    homeServe: boolean;
+}
+export interface LiveStatistics {
+    sets: LiveStatisticsSetData;
+}
+export interface LiveData {
+    eventId: number;
+    matchClock: MatchClock;
+    score: LiveScore;
+    statistics?: LiveStatistics;
+    liveStatistics: any[];
+}
+export interface LiveEvent {
+    event: EventBase;
+    liveData: LiveData;
+    betOffers: BetOffer;
+}
+export interface CombinadoEventProps {
+    event: EventBase & {
+        outcomes?: Outcome[];
+        betOffers?: BetOffer[];
+    };
+}
+export interface EnVivoEventProps {
+    event: EventBase;
+    liveData: LiveData | null;
+    betOffers?: BetOffer[];
+    fondo?: string;
+}
+export interface SemanaEventProps {
+    event: EventBase & {
+        outcome?: {
+            outcomes?: Pick<Outcome, "id" | "label" | "odds">[];
+        }[];
+    };
+}

package/dist/interfaces/oraculo/InterfaceTopJuegos.d.ts

@@ -0,0 +1,7 @@
+import { OraculoGameItem } from "./InterfaceGameItem";
+export interface OraculoSeccionTopJuegosProps {
+    items: OraculoGameItem[];
+    title?: string;
+    iconUrl?: string;
+    onCardClick?: (item: OraculoGameItem) => void;
+}

package/dist/interfaces/oraculo/InterfaceVirtuales.d.ts

@@ -0,0 +1,10 @@
+import { OraculoGameItem } from "./InterfaceGameItem";
+export interface OraculoSeccionVirtualesProps {
+    items: OraculoGameItem[];
+    title?: string;
+    iconUrl?: string;
+    onItemClick?: (game: OraculoGameItem) => void;
+    onViewMore?: () => void;
+    mosaicFirst?: boolean;
+    gridSize?: number;
+}

package/dist/molecules/OraculoCarousel/OraculoCarousel.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode } from "react";
+export interface OraculoCarouselOptions {
+    type?: string;
+    perPage?: number;
+    gap?: string;
+    pagination?: boolean;
+    arrows?: boolean;
+    drag?: boolean;
+    focus?: string | "center";
+    autoWidth?: boolean;
+    trimSpace?: boolean;
+    rewind?: boolean;
+    padding?: {
+        left?: string;
+        right?: string;
+    };
+    breakpoints?: Record<string | number, OraculoCarouselOptions>;
+    [key: string]: any;
+}
+export interface OraculoCarouselRef {
+    next: () => void;
+    prev: () => void;
+    go: (index: number | string) => void;
+}
+export interface OraculoCarouselProps<T = any> {
+    items: T[];
+    renderItem: (item: T, index: number) => ReactNode;
+    perPage?: number;
+    gap?: string;
+    breakpoints?: Record<string | number, OraculoCarouselOptions>;
+    options?: OraculoCarouselOptions;
+    className?: string;
+    useIndexAsKey?: boolean;
+    onMove?: (info: {
+        index: number;
+        isStart: boolean;
+        isEnd: boolean;
+        total: number;
+    }) => void;
+}
+declare const OraculoCarousel: React.ForwardRefExoticComponent<OraculoCarouselProps<any> & React.RefAttributes<OraculoCarouselRef>>;
+export default OraculoCarousel;

package/dist/molecules/OraculoClubOlimpoVisual/OraculoClubOlimpoVisual.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "../../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css";
+export interface OraculoClubOlimpoVisualProps {
+    text: string;
+    buttonLabel?: string;
+    onClick?: () => void;
+    imgAlt?: string;
+    imgSrcMobile: string;
+    imgSrcDesktopBg?: string;
+    imgSrcDesktopLogo?: string;
+}
+declare const OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps>;
+export default OraculoClubOlimpoVisual;

package/dist/molecules/OraculoEventCard/OraculoEventCombinadasCard.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CombinadoEventProps } from "../../interfaces/oraculo/InterfaceKambi";
+export default function OraculoEventCombinadosCard({ event }: CombinadoEventProps): React.JSX.Element;

package/dist/molecules/OraculoEventCard/OraculoEventEnVivoCard.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { EnVivoEventProps } from "../../interfaces/oraculo/InterfaceKambi";
+export default function OraculoEventEnVivoCard({ event, liveData, betOffers, fondo }: EnVivoEventProps): React.JSX.Element;

package/dist/molecules/OraculoEventCard/OraculoEventSemanaCard.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SemanaEventProps } from "../../interfaces/oraculo/InterfaceKambi";
+export default function OraculoEventSemanaCard({ event }: SemanaEventProps): React.JSX.Element;

package/dist/molecules/OraculoGameCard/OraculoGameCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface OraculoGameCardProps {
+    imageUrl: string;
+    onClick?: () => void;
+    size?: "lg" | "sm";
+    fillParent?: boolean;
+}
+declare const OraculoGameCard: React.FC<OraculoGameCardProps>;
+export default OraculoGameCard;

package/dist/molecules/OraculoGameRankCard/OraculoGameRankCard.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+type SizeOpt = {
+    w: number;
+    h: number;
+    r?: number;
+    font?: number;
+};
+export interface OraculoGameRankCardSizes {
+    xs: SizeOpt;
+    md: SizeOpt;
+}
+export interface OraculoGameRankCardProps {
+    imageUrl: string;
+    orden?: number;
+    onClick?: () => void;
+    sizes?: OraculoGameRankCardSizes;
+}
+export default function OraculoGameRankCard({ imageUrl, orden, onClick, sizes, }: OraculoGameRankCardProps): React.JSX.Element;
+export {};

package/dist/molecules/OraculoGameSlide/OraculoGameSlide.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface OraculoGameSlideItem {
+    id: string | number;
+    imageUrl: string;
+}
+export interface OraculoGameSlideProps {
+    items: OraculoGameSlideItem[];
+    layout?: "mosaic" | "grid";
+    onClick?: (item: OraculoGameSlideItem, index: number) => void;
+}
+declare const OraculoGameSlide: React.FC<OraculoGameSlideProps>;
+export default OraculoGameSlide;

package/dist/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface OraculoLiveCasinoCardProps {
+    logo: string;
+    provider?: string;
+    providerName?: string;
+    machine?: number | string;
+    onClick?: () => void;
+}
+declare const OraculoLiveCasinoCard: React.FC<OraculoLiveCasinoCardProps>;
+export default OraculoLiveCasinoCard;

package/dist/molecules/OraculoWelcomeBanner/OraculoWelcomeBanner.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface OraculoWelcomeBannerProps {
+    title?: string;
+    amount?: string;
+    subtitle?: string;
+    buttonText?: string;
+    onButtonClick?: () => void;
+    backgroundImage?: string;
+    alt?: string;
+    className?: string;
+    /** Tamaño en desktop: "small" (456x272) o "large" (618x346) */
+    variant?: "small" | "large";
+}
+declare const OraculoWelcomeBanner: React.FC<OraculoWelcomeBannerProps>;
+export default OraculoWelcomeBanner;

package/dist/organisms/OraculoSeccionBanners/OraculoSeccionBanners.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { OraculoSeccionBannersProps } from "../../interfaces/oraculo/InterfaceBanner";
+export default function OraculoSeccionBanners({ backgrounds, items, }: OraculoSeccionBannersProps): React.JSX.Element;

package/dist/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { OraculoSeccionBonoProps } from "../../interfaces/oraculo/InterfaceBonos";
+declare const OraculoSeccionBonoBienvenida: React.FC<OraculoSeccionBonoProps>;
+export default OraculoSeccionBonoBienvenida;

package/dist/organisms/OraculoSeccionCasino/OraculoSeccionCasino.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { OraculoSeccionCasinoProps } from "../../interfaces/oraculo/InterfaceCasino";
+declare const OraculoSeccionCasino: React.FC<OraculoSeccionCasinoProps>;
+export default OraculoSeccionCasino;

package/dist/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { OraculoSeccionCasinoEnVivoProps } from "../../interfaces/oraculo/InterfaceCasinoEnVivo";
+declare const OraculoSeccionCasinoEnVivo: React.FC<OraculoSeccionCasinoEnVivoProps>;
+export default OraculoSeccionCasinoEnVivo;

package/dist/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./OraculoSeccionClubOlimpo.css";
+import { OraculoSeccionClubOlimpoItem } from "../../interfaces/oraculo/InterfaceClubOlimpo";
+export interface OraculoSeccionClubOlimpoItems {
+    className?: string;
+    /** Si true, hace el efecto full-bleed (100vw centrado) */
+    fullBleed?: boolean;
+    /** Lista de variantes (puedes pasar 1 o varias). */
+    items: OraculoSeccionClubOlimpoItem;
+    /** Índice del item a mostrar si pasas varios. */
+    selectedIndex?: number;
+    /** aria-label de la sección (fallback al imgAlt del item seleccionado). */
+    ariaLabel?: string;
+}
+declare const OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoItems>;
+export default OraculoSeccionClubOlimpo;

package/dist/organisms/OraculoSeccionDestacados/OraculoSeccionDestacados.d.ts

@@ -0,0 +1,3 @@
+import { OraculoSeccionDestacadosProps } from "../../interfaces/oraculo/InterfaceDestacados";
+import React from "react";
+export default function OraculoSeccionDestacados({ items, title, iconUrl, onViewMore, className, }: OraculoSeccionDestacadosProps): React.JSX.Element;

package/dist/organisms/OraculoSeccionEventoCombinadas/OraculoSeccionEventoCombinadas.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function OraculoSeccionEventoCombinadas({ items, title, iconUrl, onViewMore, className, }: any): React.JSX.Element;

package/dist/organisms/OraculoSeccionEventoEnVivo/OraculoSeccionEventoEnVivo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function OraculoSeccionEventoEnVivo({ items, title, iconUrl, onViewMore, className, }: any): React.JSX.Element;

package/dist/organisms/OraculoSeccionEventoSemana/OraculoSeccionEventoSemana.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function OraculoSeccionEventoSemana({ items, title, iconUrl, onViewMore, className, }: any): React.JSX.Element;

package/dist/organisms/OraculoSeccionMediosPago/OraculoSeccionMediosPago.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type LogoType = {
+    src: string;
+    alt: string;
+};
+type Props = {
+    title?: string;
+    rows?: LogoType[][];
+};
+export default function OraculoSeccionMediosPago({ title, rows, }: Props): React.JSX.Element;
+export {};

package/dist/organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { OraculoSeccionTopJuegosProps } from "../../interfaces/oraculo/InterfaceTopJuegos";
+export default function OraculoSeccionTopJuegos({ items, title, iconUrl, onCardClick, }: OraculoSeccionTopJuegosProps): React.JSX.Element;

package/dist/organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { OraculoSeccionVirtualesProps } from "../../interfaces/oraculo/InterfaceVirtuales";
+declare const OraculoSeccionVirtuales: React.FC<OraculoSeccionVirtualesProps>;
+export default OraculoSeccionVirtuales;

package/dist/templates/OraculoPageLanding.d.ts

@@ -0,0 +1,23 @@
+import { OraculoSeccionBonoProps } from "../interfaces/oraculo/InterfaceBonos";
+import { OraculoSeccionClubOlimpoItem } from "../interfaces/oraculo/InterfaceClubOlimpo";
+import { OraculoSeccionTopJuegosProps } from "../interfaces/oraculo/InterfaceTopJuegos";
+import { OraculoSeccionCasinoProps } from "../interfaces/oraculo/InterfaceCasino";
+import { OraculoSeccionCasinoEnVivoProps } from "../interfaces/oraculo/InterfaceCasinoEnVivo";
+import { OraculoSeccionVirtualesProps } from "../interfaces/oraculo/InterfaceVirtuales";
+import { OraculoSeccionDestacadosProps } from "../interfaces/oraculo/InterfaceDestacados";
+import React from "react";
+import { OraculoSeccionBannersProps } from "../interfaces/oraculo/InterfaceBanner";
+interface parametros {
+    bonos: OraculoSeccionBonoProps;
+    topJuegos: OraculoSeccionTopJuegosProps;
+    casino: OraculoSeccionCasinoProps;
+    casinoEnVivo: OraculoSeccionCasinoEnVivoProps;
+    virtuales: OraculoSeccionVirtualesProps;
+    clubOlimpo: OraculoSeccionClubOlimpoItem;
+    destacados: OraculoSeccionDestacadosProps;
+    banners: OraculoSeccionBannersProps;
+}
+export default function OraculoPageLanding({ props }: {
+    props: parametros;
+}): React.JSX.Element;
+export {};

package/dist/templates/OraculoPageLandingPreview.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { Firestore } from "firebase/firestore";
+export type LandingComponentMap = Record<string, React.ComponentType<any>>;
+export declare const LandingComponents: LandingComponentMap;
+export type OraculoPageLandingPreviewSection = {
+    id: number;
+    title: string;
+    componentKey: string;
+    visible: boolean;
+    order: number;
+    props?: Record<string, unknown>;
+    apiUrl?: string;
+    dataMode?: "url" | "manual";
+    variableName?: string;
+    manualItems?: {
+        fields: {
+            name: string;
+            type: string;
+            value: string;
+        }[];
+    }[];
+    manualScalarFields?: {
+        name: string;
+        type: string;
+        value: string;
+    }[];
+    apiMethod?: "GET" | "POST";
+    apiParams?: {
+        id: string;
+        key: string;
+        value: string;
+    }[];
+};
+export interface OraculoPageLandingPreviewProps {
+    /** Optional override: if provided, renders these sections instead of fetching Firestore */
+    sectionsOverride?: OraculoPageLandingPreviewSection[];
+    /** Firestore document id (default 'home') */
+    docId?: string;
+    /** Instancia de Firestore proporcionada por la app que consume el paquete */
+    db: Firestore;
+}
+declare const OraculoPageLandingPreview: React.FC<OraculoPageLandingPreviewProps>;
+export default OraculoPageLandingPreview;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oraculo-ui",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -13,20 +13,24 @@
   "files": [
     "dist"
   ],
+
   "scripts": {
-    "build": "vite build"
+    "build": "vite build && tsc -p tsconfig.json --emitDeclarationOnly --outDir dist"
   },
+
   "peerDependencies": {
-    "@mui/material": ">=5",
+    "react": "18.x",
+    "react-dom": "18.x",
+    "@mui/material": "^5.0.0",
+    "@mui/icons-material": "^5.0.0",
     "@splidejs/react-splide": ">=0.7.0",
-    "react": ">=18",
-    "react-dom": ">=18"
+    "firebase": ">=10.0.0"
   },
+
   "devDependencies": {
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^4.7.0",
-    "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vite": "^6.4.1"
   }