stream-engine-widgets 0.3.16 → 0.3.17
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-C9zmOf72.js} +2 -2
- package/dist/{ArrowForwardIosRounded-BHHWNUfB.js.map → ArrowForwardIosRounded-C9zmOf72.js.map} +1 -1
- package/dist/{PlayArrowRounded-D1FELNJx.js → PlayArrowRounded-DdNg7m2h.js} +2 -2
- package/dist/{PlayArrowRounded-D1FELNJx.js.map → PlayArrowRounded-DdNg7m2h.js.map} +1 -1
- package/dist/{blaze-BOFmpQ80.js → blaze-CeNbi_KX.js} +2 -2
- package/dist/{blaze-BOFmpQ80.js.map → blaze-CeNbi_KX.js.map} +1 -1
- package/dist/{gallery-GRnjldyr.js → gallery-BOSln_EU.js} +3 -3
- package/dist/{gallery-GRnjldyr.js.map → gallery-BOSln_EU.js.map} +1 -1
- package/dist/{index-BkAInKCv.js → index-DjBrMNXD.js} +45 -10
- package/dist/{index-BkAInKCv.js.map → index-DjBrMNXD.js.map} +1 -1
- package/dist/{matchItem-CL87EJ7i.js → matchItem-D2KBdBAq.js} +2 -2
- package/dist/{matchItem-CL87EJ7i.js.map → matchItem-D2KBdBAq.js.map} +1 -1
- package/dist/{matches-CCFg5Xd1.js → matches-D5hu8fky.js} +4 -4
- package/dist/{matches-CCFg5Xd1.js.map → matches-D5hu8fky.js.map} +1 -1
- package/dist/{matchesStandalone-K-T-YXDH.js → matchesStandalone-DRz_iOPW.js} +19 -9
- package/dist/matchesStandalone-DRz_iOPW.js.map +1 -0
- package/dist/{player-BkFsXlEi.js → player-CLHZmuMt.js} +2 -2
- package/dist/{player-BkFsXlEi.js.map → player-CLHZmuMt.js.map} +1 -1
- package/dist/{poster-BFthK88T.js → poster-CkZ9TOx1.js} +3 -3
- package/dist/{poster-BFthK88T.js.map → poster-CkZ9TOx1.js.map} +1 -1
- package/dist/{posterItem-BojAdnBI.js → posterItem-D2g7Q1fG.js} +4 -4
- package/dist/{posterItem-BojAdnBI.js.map → posterItem-D2g7Q1fG.js.map} +1 -1
- package/dist/{scroll-Cm_Q9RJ9.js → scroll-BauCSAd_.js} +4 -4
- package/dist/{scroll-Cm_Q9RJ9.js.map → scroll-BauCSAd_.js.map} +1 -1
- package/dist/{stateTimeIndicator-BY_OhJJ6.js → stateTimeIndicator-CxRehvZ6.js} +2 -2
- package/dist/{stateTimeIndicator-BY_OhJJ6.js.map → stateTimeIndicator-CxRehvZ6.js.map} +1 -1
- package/dist/{story-BbKazkAh.js → story-CIBtq17n.js} +4 -4
- package/dist/{story-BbKazkAh.js.map → story-CIBtq17n.js.map} +1 -1
- package/dist/stream-engine-widgets.js +1 -1
- package/dist/{useMediaQuery-Bh9Ciip_.js → useMediaQuery-D-Vf7Ubw.js} +4 -4
- package/dist/{useMediaQuery-Bh9Ciip_.js.map → useMediaQuery-D-Vf7Ubw.js.map} +1 -1
- package/package.json +1 -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-DjBrMNXD.js';
|
|
2
|
+
import { u as useMediaQuery, G as GalleryItem } from './useMediaQuery-D-Vf7Ubw.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-BOSln_EU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gallery-
|
|
1
|
+
{"version":3,"file":"gallery-BOSln_EU.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,7 @@ function Player({ item, widgetToken, onClose, apiUrl }) {
|
|
|
70612
70612
|
] }) });
|
|
70613
70613
|
}
|
|
70614
70614
|
|
|
70615
|
-
const {Suspense: Suspense$1,lazy: lazy$1,useEffect: useEffect$1,useState: useState$1} = await importShared('react');
|
|
70615
|
+
const {Suspense: Suspense$1,lazy: lazy$1,useEffect: useEffect$1,useState: useState$1,useRef} = await importShared('react');
|
|
70616
70616
|
|
|
70617
70617
|
const __federation_var_VFCMFSectionGrid = await __federation_method_getRemote("VFCMF" , "./SectionGrid");
|
|
70618
70618
|
let SectionGrid = __federation_method_unwrapDefault(__federation_var_VFCMFSectionGrid);
|
|
@@ -70631,7 +70631,8 @@ const SECTION_COMPONENTS = {
|
|
|
70631
70631
|
default: SectionGrid
|
|
70632
70632
|
};
|
|
70633
70633
|
const LoadingSpinner = () => /* @__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..." }) }) });
|
|
70634
|
-
const Widget = ({ token, apiurl }) => {
|
|
70634
|
+
const Widget = ({ token, apiurl, viewercountry, requireauth }) => {
|
|
70635
|
+
const widgetRef = useRef(null);
|
|
70635
70636
|
const [widgetState, setWidgetState] = useState$1({
|
|
70636
70637
|
data: {},
|
|
70637
70638
|
untransformedData: {},
|
|
@@ -70644,6 +70645,27 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70644
70645
|
isOpen: false,
|
|
70645
70646
|
currentItem: null
|
|
70646
70647
|
});
|
|
70648
|
+
const normalizedRequireAuth = requireauth === true || requireauth === "true";
|
|
70649
|
+
const normalizedViewerCountry = viewercountry || "";
|
|
70650
|
+
const dispatchWidgetEvent = (eventType, eventData) => {
|
|
70651
|
+
if (widgetRef.current) {
|
|
70652
|
+
const customEvent = new CustomEvent(`widget-${eventType}`, {
|
|
70653
|
+
detail: {
|
|
70654
|
+
...eventData,
|
|
70655
|
+
widgetToken: token,
|
|
70656
|
+
timestamp: Date.now()
|
|
70657
|
+
},
|
|
70658
|
+
bubbles: true,
|
|
70659
|
+
cancelable: true
|
|
70660
|
+
});
|
|
70661
|
+
widgetRef.current.dispatchEvent(customEvent);
|
|
70662
|
+
}
|
|
70663
|
+
};
|
|
70664
|
+
const eventHandlers = {
|
|
70665
|
+
onError: (error2) => dispatchWidgetEvent("data-load-error", error2),
|
|
70666
|
+
onDataLoadCompleted: (eventData) => dispatchWidgetEvent("data-loaded", eventData),
|
|
70667
|
+
onWidgetItemClick: (itemData) => dispatchWidgetEvent("item-click", itemData)
|
|
70668
|
+
};
|
|
70647
70669
|
const handleClosePlayer = () => {
|
|
70648
70670
|
setPlayerState({
|
|
70649
70671
|
isOpen: false,
|
|
@@ -70696,7 +70718,8 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70696
70718
|
}
|
|
70697
70719
|
return {
|
|
70698
70720
|
data: data2,
|
|
70699
|
-
apiUrl
|
|
70721
|
+
apiUrl,
|
|
70722
|
+
eventHandlers
|
|
70700
70723
|
};
|
|
70701
70724
|
};
|
|
70702
70725
|
const applyStyle = (css) => {
|
|
@@ -70712,9 +70735,9 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70712
70735
|
return SECTION_COMPONENTS[layout] || SECTION_COMPONENTS.default;
|
|
70713
70736
|
}
|
|
70714
70737
|
if (type2 === BLAZE_WIDGET_TYPE) {
|
|
70715
|
-
return lazy$1(() => import('./blaze-
|
|
70738
|
+
return lazy$1(() => import('./blaze-CeNbi_KX.js'));
|
|
70716
70739
|
}
|
|
70717
|
-
return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-
|
|
70740
|
+
return lazy$1(() => __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"./widgets/gallery/gallery.jsx": () => import('./gallery-BOSln_EU.js'),"./widgets/matches/matches.jsx": () => import('./matches-D5hu8fky.js'),"./widgets/matchesStandalone/matchesStandalone.jsx": () => import('./matchesStandalone-DRz_iOPW.js'),"./widgets/player/player.jsx": () => import('./player-CLHZmuMt.js'),"./widgets/poster/poster.jsx": () => import('./poster-CkZ9TOx1.js'),"./widgets/poster/posterItem.jsx": () => import('./posterItem-D2g7Q1fG.js'),"./widgets/scroll/scroll.jsx": () => import('./scroll-BauCSAd_.js'),"./widgets/story/story.jsx": () => import('./story-CIBtq17n.js')})), `./widgets/${type2}/${type2}.jsx`, 4));
|
|
70718
70741
|
};
|
|
70719
70742
|
useEffect$1(() => {
|
|
70720
70743
|
const fetchData = async () => {
|
|
@@ -70743,6 +70766,7 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70743
70766
|
loading: false,
|
|
70744
70767
|
error: "Content is not available"
|
|
70745
70768
|
}));
|
|
70769
|
+
eventHandlers.onError("Content is not available");
|
|
70746
70770
|
}
|
|
70747
70771
|
};
|
|
70748
70772
|
fetchData();
|
|
@@ -70750,7 +70774,7 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70750
70774
|
const { data, loading, error, Component, type } = widgetState;
|
|
70751
70775
|
if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {});
|
|
70752
70776
|
if (error) return null;
|
|
70753
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}), children: Component && (type === VIDEO_SECTION_TYPE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
70777
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: widgetRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}), children: Component && (type === VIDEO_SECTION_TYPE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
70754
70778
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...data }),
|
|
70755
70779
|
playerState.isOpen && playerState.currentItem && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70756
70780
|
Player,
|
|
@@ -70762,7 +70786,16 @@ const Widget = ({ token, apiurl }) => {
|
|
|
70762
70786
|
apiUrl
|
|
70763
70787
|
}
|
|
70764
70788
|
)
|
|
70765
|
-
] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70789
|
+
] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
70790
|
+
Component,
|
|
70791
|
+
{
|
|
70792
|
+
data: data.data,
|
|
70793
|
+
apiUrl: data.apiUrl,
|
|
70794
|
+
viewerCountry: normalizedViewerCountry,
|
|
70795
|
+
requireAuth: normalizedRequireAuth,
|
|
70796
|
+
eventHandlers: data.eventHandlers
|
|
70797
|
+
}
|
|
70798
|
+
)) }) });
|
|
70766
70799
|
};
|
|
70767
70800
|
|
|
70768
70801
|
const {useState,useEffect,lazy,Suspense} = await importShared('react');
|
|
@@ -70799,8 +70832,10 @@ const ChannelWidget = ({ token, type }) => {
|
|
|
70799
70832
|
const React = await importShared('react');
|
|
70800
70833
|
|
|
70801
70834
|
Widget.propTypes = {
|
|
70802
|
-
token
|
|
70803
|
-
apiurl
|
|
70835
|
+
token : PropTypes$1.string,
|
|
70836
|
+
apiurl : PropTypes$1.string,
|
|
70837
|
+
viewercountry : PropTypes$1.string,
|
|
70838
|
+
requireauth : PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.string]),
|
|
70804
70839
|
};
|
|
70805
70840
|
|
|
70806
70841
|
ChannelWidget.propTypes = {
|
|
@@ -70812,4 +70847,4 @@ customElements.define("vf-widget", S(Widget, React, ReactDOM));
|
|
|
70812
70847
|
customElements.define("vfc-widget", S(ChannelWidget, React, ReactDOM));
|
|
70813
70848
|
|
|
70814
70849
|
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
|
+
//# sourceMappingURL=index-DjBrMNXD.js.map
|