stream-engine-widgets 0.3.16 → 0.3.18
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/{ArrowForwardIosRounded-BHHWNUfB.js → ArrowForwardIosRounded-DFh6Y1wR.js} +2 -2
- package/dist/{ArrowForwardIosRounded-BHHWNUfB.js.map → ArrowForwardIosRounded-DFh6Y1wR.js.map} +1 -1
- package/dist/{PlayArrowRounded-D1FELNJx.js → PlayArrowRounded-DHHd15un.js} +2 -2
- package/dist/{PlayArrowRounded-D1FELNJx.js.map → PlayArrowRounded-DHHd15un.js.map} +1 -1
- package/dist/{blaze-BOFmpQ80.js → blaze-csP922ad.js} +7 -3
- package/dist/{blaze-BOFmpQ80.js.map → blaze-csP922ad.js.map} +1 -1
- package/dist/{gallery-GRnjldyr.js → gallery-D7iGi63X.js} +3 -3
- package/dist/{gallery-GRnjldyr.js.map → gallery-D7iGi63X.js.map} +1 -1
- package/dist/{index-BkAInKCv.js → index-CxQMbkWy.js} +49 -13
- package/dist/index-CxQMbkWy.js.map +1 -0
- package/dist/{matchItem-CL87EJ7i.js → matchItem-xYd8D4S-.js} +2 -2
- package/dist/{matchItem-CL87EJ7i.js.map → matchItem-xYd8D4S-.js.map} +1 -1
- package/dist/{matches-CCFg5Xd1.js → matches-BwivuqbO.js} +4 -4
- package/dist/{matches-CCFg5Xd1.js.map → matches-BwivuqbO.js.map} +1 -1
- package/dist/{matchesStandalone-K-T-YXDH.js → matchesStandalone-Cg5Mafey.js} +13 -6
- package/dist/matchesStandalone-Cg5Mafey.js.map +1 -0
- package/dist/{player-BkFsXlEi.js → player-CM8wQMr_.js} +2 -2
- package/dist/{player-BkFsXlEi.js.map → player-CM8wQMr_.js.map} +1 -1
- package/dist/{poster-BFthK88T.js → poster-BS655Gpb.js} +3 -3
- package/dist/{poster-BFthK88T.js.map → poster-BS655Gpb.js.map} +1 -1
- package/dist/{posterItem-BojAdnBI.js → posterItem-U_jFBNTG.js} +4 -4
- package/dist/{posterItem-BojAdnBI.js.map → posterItem-U_jFBNTG.js.map} +1 -1
- package/dist/{scroll-Cm_Q9RJ9.js → scroll-DS__wHZa.js} +4 -4
- package/dist/{scroll-Cm_Q9RJ9.js.map → scroll-DS__wHZa.js.map} +1 -1
- package/dist/{stateTimeIndicator-BY_OhJJ6.js → stateTimeIndicator-B8Mu6PZX.js} +2 -2
- package/dist/{stateTimeIndicator-BY_OhJJ6.js.map → stateTimeIndicator-B8Mu6PZX.js.map} +1 -1
- package/dist/{story-BbKazkAh.js → story-DDKD5OVj.js} +4 -4
- package/dist/{story-BbKazkAh.js.map → story-DDKD5OVj.js.map} +1 -1
- package/dist/stream-engine-widgets.js +1 -1
- package/dist/{useMediaQuery-Bh9Ciip_.js → useMediaQuery-CkTvU4_Q.js} +4 -4
- package/dist/{useMediaQuery-Bh9Ciip_.js.map → useMediaQuery-CkTvU4_Q.js.map} +1 -1
- package/package.json +1 -1
- package/dist/index-BkAInKCv.js.map +0 -1
- package/dist/matchesStandalone-K-T-YXDH.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-
|
|
2
|
-
import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-
|
|
1
|
+
import { i as importShared, j as jsxRuntimeExports, P as Player } from './index-CxQMbkWy.js';
|
|
2
|
+
import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-CkTvU4_Q.js';
|
|
3
3
|
|
|
4
4
|
const {useState,useEffect,useRef} = await importShared('react');
|
|
5
5
|
const Gallery = ({ data, apiUrl }) => {
|
|
@@ -49,4 +49,4 @@ const Gallery = ({ data, apiUrl }) => {
|
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
export { Gallery as default };
|
|
52
|
-
//# sourceMappingURL=gallery-
|
|
52
|
+
//# sourceMappingURL=gallery-D7iGi63X.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gallery-
|
|
1
|
+
{"version":3,"file":"gallery-D7iGi63X.js","sources":["../src/widgets/gallery/gallery.jsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport GalleryItem from \"../../components/galleryItem\";\nimport Player from \"../../player/player-static\";\nimport { useMediaQuery } from \"../../utils/useMediaQuery\";\n\n\nconst Gallery = ({ data, apiUrl }) => {\n const [error, setError] = useState(\"\");\n const [playerOpen, setPlayerOpen] = useState(false);\n const [itemData, setItemData] = useState({});\n\n const gridSize = useMediaQuery({\n default:data.settings.itemsPerRow.s,\n md:data.settings.itemsPerRow.md,\n lg:data.settings.itemsPerRow.lg,\n xl:data.settings.itemsPerRow.xl,\n xxl:data.settings.itemsPerRow.xxl,\n });\n\n const openPlayer = (item) => {\n setItemData(item);\n setPlayerOpen(true);\n };\n\n const closePlayer = () => {\n setPlayerOpen(false);\n };\n\n if (error) {\n return (\n <div className=\"w-full h-full flex justify-center items-center\">\n <div className=\"bg-black/90 p-5 rounded-md\">\n <span className=\"text-white\">{error}</span>\n </div>\n </div>\n );\n } else {\n return (\n <div id={`widget-${data.id}`} className=\"w-full relative select-none\">\n <div className=\"vf-grid grid h-full w-full grid-cols-1\" style={{\n gridTemplateColumns : `repeat(${gridSize}, minmax(0, 1fr))`,\n gridGap : `${data.settings.gap}px`\n }}\n >\n {data.content.map((item) => (\n <GalleryItem\n key={item.id}\n item={item}\n settings = {data.settings}\n onClick={openPlayer}\n ></GalleryItem>\n ))}\n </div>\n {playerOpen && <Player onClose={closePlayer} item={itemData} widgetToken={data.id} settings={data.settings} apiUrl={apiUrl}/>}\n </div>\n );\n }\n};\n\nexport default Gallery;\n"],"names":["jsx","jsxs"],"mappings":";;;AAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,MAAA,YAAA,CAAA,OAAA,CAAA;AAMA,MAAM,OAAU,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACpC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA;AAE3C,EAAA,MAAM,WAAW,aAAc,CAAA;AAAA,IAC7B,OAAA,EAAQ,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,CAAA;AAAA,IAClC,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,EAAA,EAAG,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA,EAAA;AAAA,IAC7B,GAAA,EAAI,IAAK,CAAA,QAAA,CAAS,WAAY,CAAA;AAAA,GAC/B,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,CAAC,IAAS,KAAA;AAC3B,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACpB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAED,EAAA,IAAI,KAAO,EAAA;AACR,IAAA,uBACGA,qBAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,gDAAA,EACb,gDAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,kBAAAA,qBAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,YAAc,EAAA,QAAA,EAAA,KAAA,EAAM,GACtC,CACF,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IACE,uBAAAC,sBAAA,CAAC,SAAI,EAAI,EAAA,CAAA,OAAA,EAAU,KAAK,EAAE,CAAA,CAAA,EAAI,WAAU,6BACtC,EAAA,QAAA,EAAA;AAAA,sBAAAD,qBAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAAI,SAAU,EAAA,wCAAA;AAAA,UAAyC,KAAO,EAAA;AAAA,YAC7D,mBAAA,EAAsB,UAAU,QAAQ,CAAA,iBAAA,CAAA;AAAA,YACxC,OAAU,EAAA,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA,EAAA;AAAA,WAChC;AAAA,UAEG,QAAK,EAAA,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,IACjB,qBAAAA,qBAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cAEC,IAAA;AAAA,cACA,UAAY,IAAK,CAAA,QAAA;AAAA,cACjB,OAAS,EAAA;AAAA,aAAA;AAAA,YAHJ,IAAK,CAAA;AAAA,WAKb;AAAA;AAAA,OACH;AAAA,MACC,UAAc,oBAAAA,qBAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA,IAAA,EAAM,QAAU,EAAA,WAAA,EAAa,IAAK,CAAA,EAAA,EAAI,QAAU,EAAA,IAAA,CAAK,UAAU,MAAe,EAAA;AAAA,KAC7H,EAAA,CAAA;AAAA;AAGN;;;;"}
|
|
@@ -70612,7 +70612,9 @@ function Player({ item, widgetToken, onClose, apiUrl }) {
|
|
|
70612
70612
|
] }) });
|
|
70613
70613
|
}
|
|
70614
70614
|
|
|
70615
|
-
const {
|
|
70615
|
+
const Loader = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full h-full flex justify-center items-center py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-black/90 p-2 rounded-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white animate-pulse", children: "Loading..." }) }) });
|
|
70616
|
+
|
|
70617
|
+
const {Suspense: Suspense$1,lazy: lazy$1,useEffect: useEffect$1,useState: useState$1,useRef} = await importShared('react');
|
|
70616
70618
|
|
|
70617
70619
|
const __federation_var_VFCMFSectionGrid = await __federation_method_getRemote("VFCMF" , "./SectionGrid");
|
|
70618
70620
|
let SectionGrid = __federation_method_unwrapDefault(__federation_var_VFCMFSectionGrid);
|
|
@@ -70630,8 +70632,8 @@ const SECTION_COMPONENTS = {
|
|
|
70630
70632
|
scroll: SectionScroll,
|
|
70631
70633
|
default: SectionGrid
|
|
70632
70634
|
};
|
|
70633
|
-
const
|
|
70634
|
-
const
|
|
70635
|
+
const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
|
|
70636
|
+
const widgetRef = useRef(null);
|
|
70635
70637
|
const [widgetState, setWidgetState] = useState$1({
|
|
70636
70638
|
data: {},
|
|
70637
70639
|
untransformedData: {},
|
|
@@ -70644,6 +70646,27 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70644
70646
|
isOpen: false,
|
|
70645
70647
|
currentItem: null
|
|
70646
70648
|
});
|
|
70649
|
+
const normalizedRequireAuth = requireauth === true || requireauth === "true";
|
|
70650
|
+
const normalizedViewerCountry = viewercountry || "";
|
|
70651
|
+
const dispatchWidgetEvent = (eventType, eventData) => {
|
|
70652
|
+
if (widgetRef.current) {
|
|
70653
|
+
const customEvent = new CustomEvent(`widget-${eventType}`, {
|
|
70654
|
+
detail: {
|
|
70655
|
+
...eventData,
|
|
70656
|
+
widgetToken: token,
|
|
70657
|
+
timestamp: Date.now()
|
|
70658
|
+
},
|
|
70659
|
+
bubbles: true,
|
|
70660
|
+
cancelable: true
|
|
70661
|
+
});
|
|
70662
|
+
widgetRef.current.dispatchEvent(customEvent);
|
|
70663
|
+
}
|
|
70664
|
+
};
|
|
70665
|
+
const eventHandlers = {
|
|
70666
|
+
onError: (error2) => dispatchWidgetEvent("data-load-error", error2),
|
|
70667
|
+
onDataLoadCompleted: (eventData) => dispatchWidgetEvent("data-loaded", eventData),
|
|
70668
|
+
onWidgetItemClick: (itemData) => dispatchWidgetEvent("item-click", itemData)
|
|
70669
|
+
};
|
|
70647
70670
|
const handleClosePlayer = () => {
|
|
70648
70671
|
setPlayerState({
|
|
70649
70672
|
isOpen: false,
|
|
@@ -70696,7 +70719,8 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70696
70719
|
}
|
|
70697
70720
|
return {
|
|
70698
70721
|
data: data2,
|
|
70699
|
-
apiUrl
|
|
70722
|
+
apiUrl,
|
|
70723
|
+
eventHandlers
|
|
70700
70724
|
};
|
|
70701
70725
|
};
|
|
70702
70726
|
const applyStyle = (css) => {
|
|
@@ -70712,9 +70736,9 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70712
70736
|
return SECTION_COMPONENTS[layout] || SECTION_COMPONENTS.default;
|
|
70713
70737
|
}
|
|
70714
70738
|
if (type2 === BLAZE_WIDGET_TYPE) {
|
|
70715
|
-
return lazy$1(() => import('./blaze-
|
|
70739
|
+
return lazy$1(() => import('./blaze-csP922ad.js'));
|
|
70716
70740
|
}
|
|
70717
|
-
return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-
|
|
70741
|
+
return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-D7iGi63X.js'),"./widgets/matches/matches.jsx": () => import('./matches-BwivuqbO.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-Cg5Mafey.js'),"./widgets/player/player.jsx": () => import('./player-CM8wQMr_.js'),"./widgets/poster/poster.jsx": () => import('./poster-BS655Gpb.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-U_jFBNTG.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-DS__wHZa.js'),"./widgets/story/story.jsx": () => import('./story-DDKD5OVj.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
|
|
70718
70742
|
};
|
|
70719
70743
|
useEffect$1(() => {
|
|
70720
70744
|
const fetchData = async () => {
|
|
@@ -70743,14 +70767,15 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70743
70767
|
loading: false,
|
|
70744
70768
|
error: "Content is not available"
|
|
70745
70769
|
}));
|
|
70770
|
+
eventHandlers.onError("Content is not available");
|
|
70746
70771
|
}
|
|
70747
70772
|
};
|
|
70748
70773
|
fetchData();
|
|
70749
70774
|
}, [token, apiUrl]);
|
|
70750
70775
|
const { data, loading, error, Component, type } = widgetState;
|
|
70751
|
-
if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70776
|
+
if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {});
|
|
70752
70777
|
if (error) return null;
|
|
70753
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70778
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: widgetRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, {}), children: Component && (type === VIDEO_SECTION_TYPE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
70754
70779
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...data }),
|
|
70755
70780
|
playerState.isOpen && playerState.currentItem && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70756
70781
|
Player,
|
|
@@ -70762,7 +70787,16 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70762
70787
|
apiUrl
|
|
70763
70788
|
}
|
|
70764
70789
|
)
|
|
70765
|
-
] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70790
|
+
] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70791
|
+
Component,
|
|
70792
|
+
{
|
|
70793
|
+
data: data.data,
|
|
70794
|
+
apiUrl: data.apiUrl,
|
|
70795
|
+
viewerCountry: normalizedViewerCountry,
|
|
70796
|
+
requireAuth: normalizedRequireAuth,
|
|
70797
|
+
eventHandlers: data.eventHandlers
|
|
70798
|
+
}
|
|
70799
|
+
)) }) });
|
|
70766
70800
|
};
|
|
70767
70801
|
|
|
70768
70802
|
const {useState,useEffect,lazy,Suspense} = await importShared('react');
|
|
@@ -70799,8 +70833,10 @@ const ChannelWidget = ({ token, type }) => {
|
|
|
70799
70833
|
const React = await importShared('react');
|
|
70800
70834
|
|
|
70801
70835
|
Widget.propTypes = {
|
|
70802
|
-
token
|
|
70803
|
-
apiurl
|
|
70836
|
+
token : PropTypes$1.string,
|
|
70837
|
+
apiurl : PropTypes$1.string,
|
|
70838
|
+
viewercountry : PropTypes$1.string,
|
|
70839
|
+
requireauth : PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.string]),
|
|
70804
70840
|
};
|
|
70805
70841
|
|
|
70806
70842
|
ChannelWidget.propTypes = {
|
|
@@ -70811,5 +70847,5 @@ ChannelWidget.propTypes = {
|
|
|
70811
70847
|
customElements.define("vf-widget", S(Widget, React, ReactDOM));
|
|
70812
70848
|
customElements.define("vfc-widget", S(ChannelWidget, React, ReactDOM));
|
|
70813
70849
|
|
|
70814
|
-
export { CloseRounded as C, Player as P, SpinLoader as S, Thumbnail as T, _extendsExports as _, axios$1 as a, _extends$1 as b, createSvgIcon as c, importShared as i, jsxRuntimeExports as j };
|
|
70815
|
-
//# sourceMappingURL=index-
|
|
70850
|
+
export { CloseRounded as C, Loader as L, Player as P, SpinLoader as S, Thumbnail as T, _extendsExports as _, axios$1 as a, _extends$1 as b, createSvgIcon as c, importShared as i, jsxRuntimeExports as j };
|
|
70851
|
+
//# sourceMappingURL=index-CxQMbkWy.js.map
|