oraculo-ui 0.1.6 → 0.1.7

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +14 -6
  2. package/dist/index.d.ts +14 -6
  3. package/dist/index.js +93 -70
  4. package/dist/index.mjs +93 -70
  5. package/package.json +3 -3
package/dist/index.d.mts CHANGED
@@ -142,18 +142,26 @@ interface OraculoClubOlimpoVisualProps {
142
142
  }
143
143
  declare const OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps>;
144
144
 
145
- interface OraculoDestacadoItem {
146
- id?: string | number;
147
- src: string;
148
- alt: string;
145
+ interface OraculoSeccionDestacadosItem {
146
+ body: string;
147
+ image: string;
148
+ title: string;
149
+ summary_body: string;
150
+ summary_title: string;
151
+ groups_forbidden: number[];
152
+ groups_allowed: number[];
153
+ promotion: string;
154
+ tags: string;
155
+ summary_image?: string;
149
156
  }
150
157
  interface OraculoSeccionDestacadosProps {
151
- items: OraculoDestacadoItem[];
158
+ items: OraculoSeccionDestacadosItem[];
152
159
  title?: string;
153
160
  iconUrl?: string;
154
161
  onViewMore?: () => void;
155
162
  className?: string;
156
163
  }
164
+
157
165
  declare function OraculoSeccionDestacados({ items, title, iconUrl, onViewMore, className, }: OraculoSeccionDestacadosProps): react_jsx_runtime.JSX.Element;
158
166
 
159
167
  interface OraculoGameItem {
@@ -272,4 +280,4 @@ declare function OraculoPageLanding({ props }: {
272
280
  props: parametros;
273
281
  }): react_jsx_runtime.JSX.Element;
274
282
 
275
- export { type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoDestacadoItem, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoPageLanding, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };
283
+ export { type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoPageLanding, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };
package/dist/index.d.ts CHANGED
@@ -142,18 +142,26 @@ interface OraculoClubOlimpoVisualProps {
142
142
  }
143
143
  declare const OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps>;
144
144
 
145
- interface OraculoDestacadoItem {
146
- id?: string | number;
147
- src: string;
148
- alt: string;
145
+ interface OraculoSeccionDestacadosItem {
146
+ body: string;
147
+ image: string;
148
+ title: string;
149
+ summary_body: string;
150
+ summary_title: string;
151
+ groups_forbidden: number[];
152
+ groups_allowed: number[];
153
+ promotion: string;
154
+ tags: string;
155
+ summary_image?: string;
149
156
  }
150
157
  interface OraculoSeccionDestacadosProps {
151
- items: OraculoDestacadoItem[];
158
+ items: OraculoSeccionDestacadosItem[];
152
159
  title?: string;
153
160
  iconUrl?: string;
154
161
  onViewMore?: () => void;
155
162
  className?: string;
156
163
  }
164
+
157
165
  declare function OraculoSeccionDestacados({ items, title, iconUrl, onViewMore, className, }: OraculoSeccionDestacadosProps): react_jsx_runtime.JSX.Element;
158
166
 
159
167
  interface OraculoGameItem {
@@ -272,4 +280,4 @@ declare function OraculoPageLanding({ props }: {
272
280
  props: parametros;
273
281
  }): react_jsx_runtime.JSX.Element;
274
282
 
275
- export { type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, type OraculoDestacadoItem, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoPageLanding, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };
283
+ export { type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoPageLanding, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps };
package/dist/index.js CHANGED
@@ -888,47 +888,31 @@ function OraculoSeccionDestacados({
888
888
  marginBottom: 16
889
889
  },
890
890
  children: [
891
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
892
- OraculoSectionTitle,
893
- {
894
- title,
895
- iconUrl,
896
- size: "md"
897
- }
898
- ),
899
- /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
900
- "div",
901
- {
902
- style: {
903
- display: "flex",
904
- gap: 8
905
- },
906
- children: [
907
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
908
- OraculoButton,
909
- {
910
- ariaLabel: "Anterior",
911
- variant: "secondary",
912
- iconOnly: true,
913
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronLeftRounded_default, {}),
914
- onClick: handlePrev,
915
- disabled: navState.isStart
916
- }
917
- ),
918
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
919
- OraculoButton,
920
- {
921
- ariaLabel: "Siguiente",
922
- variant: "secondary",
923
- iconOnly: true,
924
- rightIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronRightRounded_default, {}),
925
- onClick: handleNext,
926
- disabled: navState.isEnd
927
- }
928
- )
929
- ]
930
- }
931
- ),
891
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OraculoSectionTitle, { title, iconUrl, size: "md" }),
892
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
893
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
894
+ OraculoButton,
895
+ {
896
+ ariaLabel: "Anterior",
897
+ variant: "secondary",
898
+ iconOnly: true,
899
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronLeftRounded_default, {}),
900
+ onClick: handlePrev,
901
+ disabled: navState.isStart
902
+ }
903
+ ),
904
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
905
+ OraculoButton,
906
+ {
907
+ ariaLabel: "Siguiente",
908
+ variant: "secondary",
909
+ iconOnly: true,
910
+ rightIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronRightRounded_default, {}),
911
+ onClick: handleNext,
912
+ disabled: navState.isEnd
913
+ }
914
+ )
915
+ ] }),
932
916
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" })
933
917
  ]
934
918
  }
@@ -945,32 +929,29 @@ function OraculoSeccionDestacados({
945
929
  768: { perPage: 1.15, focus: "start" },
946
930
  1024: { perPage: 2.5, focus: "start" }
947
931
  },
948
- renderItem: (item) => {
949
- var _a;
950
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
951
- "div",
952
- {
953
- style: {
954
- textAlign: "center",
955
- marginTop: 16
956
- },
957
- children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
958
- "img",
959
- {
960
- src: item.src,
961
- alt: item.alt,
962
- style: {
963
- width: "100%",
964
- height: "auto",
965
- borderRadius: 8,
966
- display: "block"
967
- }
968
- }
969
- )
932
+ renderItem: (item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
933
+ "div",
934
+ {
935
+ style: {
936
+ textAlign: "center",
937
+ marginTop: 16
970
938
  },
971
- (_a = item.id) != null ? _a : item.src
972
- );
973
- },
939
+ children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
940
+ "img",
941
+ {
942
+ src: item.image,
943
+ alt: item.title,
944
+ style: {
945
+ width: "100%",
946
+ height: "auto",
947
+ borderRadius: 8,
948
+ display: "block"
949
+ }
950
+ }
951
+ )
952
+ },
953
+ `${item.title}-${item.image}`
954
+ ),
974
955
  onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
975
956
  }
976
957
  )
@@ -1763,10 +1744,52 @@ function OraculoPageLanding({ props }) {
1763
1744
  }
1764
1745
  ];
1765
1746
  const listaDestacados = [
1766
- { id: 1, src: "/assets/img/home/Destacados/Banner01.png", alt: "Gol Seguro", href: "/destacados" },
1767
- { id: 2, src: "/assets/img/home/Destacados/Banner02.png", alt: "Promo 2", href: "/destacados" },
1768
- { id: 3, src: "/assets/img/home/Destacados/Banner01.png", alt: "Gol Seguro", href: "/destacados" },
1769
- { id: 4, src: "/assets/img/home/Destacados/Banner02.png", alt: "Promo 2", href: "/destacados" }
1747
+ {
1748
+ image: "/assets/img/home/Destacados/Banner01.png",
1749
+ title: "Gol Seguro",
1750
+ tags: "/destacados",
1751
+ // aquí puedes usar la ruta que antes estaba en href
1752
+ body: "",
1753
+ summary_body: "",
1754
+ summary_title: "",
1755
+ groups_forbidden: [],
1756
+ groups_allowed: [],
1757
+ promotion: ""
1758
+ // summary_image: "/lo-que-sea.png", // opcional
1759
+ },
1760
+ {
1761
+ image: "/assets/img/home/Destacados/Banner02.png",
1762
+ title: "Promo 2",
1763
+ tags: "/destacados",
1764
+ body: "",
1765
+ summary_body: "",
1766
+ summary_title: "",
1767
+ groups_forbidden: [],
1768
+ groups_allowed: [],
1769
+ promotion: ""
1770
+ },
1771
+ {
1772
+ image: "/assets/img/home/Destacados/Banner01.png",
1773
+ title: "Gol Seguro",
1774
+ tags: "/destacados",
1775
+ body: "",
1776
+ summary_body: "",
1777
+ summary_title: "",
1778
+ groups_forbidden: [],
1779
+ groups_allowed: [],
1780
+ promotion: ""
1781
+ },
1782
+ {
1783
+ image: "/assets/img/home/Destacados/Banner02.png",
1784
+ title: "Promo 2",
1785
+ tags: "/destacados",
1786
+ body: "",
1787
+ summary_body: "",
1788
+ summary_title: "",
1789
+ groups_forbidden: [],
1790
+ groups_allowed: [],
1791
+ promotion: ""
1792
+ }
1770
1793
  ];
1771
1794
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material2.Container, { className: "oli-font", sx: { backgroundColor: "#121212", position: "relative", pb: 5 }, maxWidth: false, children: [
1772
1795
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
package/dist/index.mjs CHANGED
@@ -842,47 +842,31 @@ function OraculoSeccionDestacados({
842
842
  marginBottom: 16
843
843
  },
844
844
  children: [
845
- /* @__PURE__ */ jsx11(
846
- OraculoSectionTitle,
847
- {
848
- title,
849
- iconUrl,
850
- size: "md"
851
- }
852
- ),
853
- /* @__PURE__ */ jsxs8(
854
- "div",
855
- {
856
- style: {
857
- display: "flex",
858
- gap: 8
859
- },
860
- children: [
861
- /* @__PURE__ */ jsx11(
862
- OraculoButton,
863
- {
864
- ariaLabel: "Anterior",
865
- variant: "secondary",
866
- iconOnly: true,
867
- leftIcon: /* @__PURE__ */ jsx11(ChevronLeftRounded_default, {}),
868
- onClick: handlePrev,
869
- disabled: navState.isStart
870
- }
871
- ),
872
- /* @__PURE__ */ jsx11(
873
- OraculoButton,
874
- {
875
- ariaLabel: "Siguiente",
876
- variant: "secondary",
877
- iconOnly: true,
878
- rightIcon: /* @__PURE__ */ jsx11(ChevronRightRounded_default, {}),
879
- onClick: handleNext,
880
- disabled: navState.isEnd
881
- }
882
- )
883
- ]
884
- }
885
- ),
845
+ /* @__PURE__ */ jsx11(OraculoSectionTitle, { title, iconUrl, size: "md" }),
846
+ /* @__PURE__ */ jsxs8("div", { style: { display: "flex", gap: 8 }, children: [
847
+ /* @__PURE__ */ jsx11(
848
+ OraculoButton,
849
+ {
850
+ ariaLabel: "Anterior",
851
+ variant: "secondary",
852
+ iconOnly: true,
853
+ leftIcon: /* @__PURE__ */ jsx11(ChevronLeftRounded_default, {}),
854
+ onClick: handlePrev,
855
+ disabled: navState.isStart
856
+ }
857
+ ),
858
+ /* @__PURE__ */ jsx11(
859
+ OraculoButton,
860
+ {
861
+ ariaLabel: "Siguiente",
862
+ variant: "secondary",
863
+ iconOnly: true,
864
+ rightIcon: /* @__PURE__ */ jsx11(ChevronRightRounded_default, {}),
865
+ onClick: handleNext,
866
+ disabled: navState.isEnd
867
+ }
868
+ )
869
+ ] }),
886
870
  /* @__PURE__ */ jsx11(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" })
887
871
  ]
888
872
  }
@@ -899,32 +883,29 @@ function OraculoSeccionDestacados({
899
883
  768: { perPage: 1.15, focus: "start" },
900
884
  1024: { perPage: 2.5, focus: "start" }
901
885
  },
902
- renderItem: (item) => {
903
- var _a;
904
- return /* @__PURE__ */ jsx11(
905
- "div",
906
- {
907
- style: {
908
- textAlign: "center",
909
- marginTop: 16
910
- },
911
- children: /* @__PURE__ */ jsx11(
912
- "img",
913
- {
914
- src: item.src,
915
- alt: item.alt,
916
- style: {
917
- width: "100%",
918
- height: "auto",
919
- borderRadius: 8,
920
- display: "block"
921
- }
922
- }
923
- )
886
+ renderItem: (item) => /* @__PURE__ */ jsx11(
887
+ "div",
888
+ {
889
+ style: {
890
+ textAlign: "center",
891
+ marginTop: 16
924
892
  },
925
- (_a = item.id) != null ? _a : item.src
926
- );
927
- },
893
+ children: /* @__PURE__ */ jsx11(
894
+ "img",
895
+ {
896
+ src: item.image,
897
+ alt: item.title,
898
+ style: {
899
+ width: "100%",
900
+ height: "auto",
901
+ borderRadius: 8,
902
+ display: "block"
903
+ }
904
+ }
905
+ )
906
+ },
907
+ `${item.title}-${item.image}`
908
+ ),
928
909
  onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
929
910
  }
930
911
  )
@@ -1720,10 +1701,52 @@ function OraculoPageLanding({ props }) {
1720
1701
  }
1721
1702
  ];
1722
1703
  const listaDestacados = [
1723
- { id: 1, src: "/assets/img/home/Destacados/Banner01.png", alt: "Gol Seguro", href: "/destacados" },
1724
- { id: 2, src: "/assets/img/home/Destacados/Banner02.png", alt: "Promo 2", href: "/destacados" },
1725
- { id: 3, src: "/assets/img/home/Destacados/Banner01.png", alt: "Gol Seguro", href: "/destacados" },
1726
- { id: 4, src: "/assets/img/home/Destacados/Banner02.png", alt: "Promo 2", href: "/destacados" }
1704
+ {
1705
+ image: "/assets/img/home/Destacados/Banner01.png",
1706
+ title: "Gol Seguro",
1707
+ tags: "/destacados",
1708
+ // aquí puedes usar la ruta que antes estaba en href
1709
+ body: "",
1710
+ summary_body: "",
1711
+ summary_title: "",
1712
+ groups_forbidden: [],
1713
+ groups_allowed: [],
1714
+ promotion: ""
1715
+ // summary_image: "/lo-que-sea.png", // opcional
1716
+ },
1717
+ {
1718
+ image: "/assets/img/home/Destacados/Banner02.png",
1719
+ title: "Promo 2",
1720
+ tags: "/destacados",
1721
+ body: "",
1722
+ summary_body: "",
1723
+ summary_title: "",
1724
+ groups_forbidden: [],
1725
+ groups_allowed: [],
1726
+ promotion: ""
1727
+ },
1728
+ {
1729
+ image: "/assets/img/home/Destacados/Banner01.png",
1730
+ title: "Gol Seguro",
1731
+ tags: "/destacados",
1732
+ body: "",
1733
+ summary_body: "",
1734
+ summary_title: "",
1735
+ groups_forbidden: [],
1736
+ groups_allowed: [],
1737
+ promotion: ""
1738
+ },
1739
+ {
1740
+ image: "/assets/img/home/Destacados/Banner02.png",
1741
+ title: "Promo 2",
1742
+ tags: "/destacados",
1743
+ body: "",
1744
+ summary_body: "",
1745
+ summary_title: "",
1746
+ groups_forbidden: [],
1747
+ groups_allowed: [],
1748
+ promotion: ""
1749
+ }
1727
1750
  ];
1728
1751
  return /* @__PURE__ */ jsxs14(Container, { className: "oli-font", sx: { backgroundColor: "#121212", position: "relative", pb: 5 }, maxWidth: false, children: [
1729
1752
  /* @__PURE__ */ jsx18(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oraculo-ui",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  },
16
16
  "peerDependencies": {
17
17
  "@mui/material": ">=5",
18
+ "@splidejs/react-splide": ">=0.7.0",
18
19
  "react": ">=18",
19
- "react-dom": ">=18",
20
- "@splidejs/react-splide": ">=0.7.0"
20
+ "react-dom": ">=18"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@types/react": "^18.3.27",