pb-sxp-ui 1.16.6 → 1.16.8
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.cjs +128 -162
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +128 -162
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +6 -6
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +6 -6
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +128 -162
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +6 -6
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/DiyPortalPreview/VideoWidget.js +8 -10
- package/es/core/components/SxpPageRender/LikeButton/index.js +15 -17
- package/es/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
- package/es/core/components/SxpPageRender/PictureGroup/index.js +13 -42
- package/es/core/components/SxpPageRender/VideoWidget/index.js +44 -34
- package/es/core/components/SxpPageRender/WaterFall/index.js +3 -4
- package/es/core/components/SxpPageRender/index.js +38 -47
- package/es/core/context/SxpDataSourceProvider.js +2 -2
- package/es/core/hooks/useEventReport.js +5 -6
- package/lib/core/components/DiyPortalPreview/VideoWidget.js +8 -10
- package/lib/core/components/SxpPageRender/LikeButton/index.js +15 -17
- package/lib/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
- package/lib/core/components/SxpPageRender/PictureGroup/index.js +12 -41
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +44 -34
- package/lib/core/components/SxpPageRender/WaterFall/index.js +3 -4
- package/lib/core/components/SxpPageRender/index.js +38 -47
- package/lib/core/context/SxpDataSourceProvider.js +2 -2
- package/lib/core/hooks/useEventReport.js +5 -6
- package/package.json +1 -1
package/dist/pb-ui.js
CHANGED
|
@@ -1079,7 +1079,7 @@
|
|
|
1079
1079
|
}
|
|
1080
1080
|
}), [bffFetch, utmVal]);
|
|
1081
1081
|
const ctaEvent = React.useCallback((eventInfo, rec, product, position) => {
|
|
1082
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11
|
|
1082
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
|
|
1083
1083
|
const cta = product === null || product === void 0 ? void 0 : product.bindCta;
|
|
1084
1084
|
const isProd = ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProduct) || (((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.bindProducts) && ((_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProducts) === null || _d === void 0 ? void 0 : _d.length) > 0);
|
|
1085
1085
|
let fromKName = '';
|
|
@@ -1097,7 +1097,7 @@
|
|
|
1097
1097
|
}
|
|
1098
1098
|
const contentTags = (_p = (_m = (_h = product === null || product === void 0 ? void 0 : product.tags) !== null && _h !== void 0 ? _h : (_l = (_k = (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.bindProducts) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : (_q = rec === null || rec === void 0 ? void 0 : rec.product) === null || _q === void 0 ? void 0 : _q.tags;
|
|
1099
1099
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1100
|
-
eventInfo: Object.assign(Object.assign({}, eventInfo), { ctaId: (_r = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _r !== void 0 ? _r : '', ctaName: (_s = cta === null || cta === void 0 ? void 0 : cta.title) !== null && _s !== void 0 ? _s : '', contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_u = (_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '',
|
|
1100
|
+
eventInfo: Object.assign(Object.assign({}, eventInfo), { ctaId: (_r = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _r !== void 0 ? _r : '', ctaName: (_s = cta === null || cta === void 0 ? void 0 : cta.title) !== null && _s !== void 0 ? _s : '', contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_u = (_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '', productId: isProd ? product === null || product === void 0 ? void 0 : product.itemId : '', traceInfo: (_10 = (_7 = (_2 = (_y = (_v = cta === null || cta === void 0 ? void 0 : cta.traceInfo) !== null && _v !== void 0 ? _v : (_x = (_w = rec === null || rec === void 0 ? void 0 : rec.video) === null || _w === void 0 ? void 0 : _w.bindCta) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : (_1 = (_0 = (_z = rec === null || rec === void 0 ? void 0 : rec.video) === null || _z === void 0 ? void 0 : _z.bindProduct) === null || _0 === void 0 ? void 0 : _0.bindCta) === null || _1 === void 0 ? void 0 : _1.traceInfo) !== null && _2 !== void 0 ? _2 : (_6 = (_5 = (_4 = (_3 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _3 === void 0 ? void 0 : _3.bindProducts) === null || _4 === void 0 ? void 0 : _4[0]) === null || _5 === void 0 ? void 0 : _5.bindCta) === null || _6 === void 0 ? void 0 : _6.traceInfo) !== null && _7 !== void 0 ? _7 : (_9 = (_8 = rec === null || rec === void 0 ? void 0 : rec.product) === null || _8 === void 0 ? void 0 : _8.bindCta) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : '', fromKName, fromKPage: (_11 = location === null || location === void 0 ? void 0 : location.href) !== null && _11 !== void 0 ? _11 : '', contentFormat })
|
|
1101
1101
|
});
|
|
1102
1102
|
}, [bffEventReport, isFromHashtag]);
|
|
1103
1103
|
const h5EnterLink = React.useCallback(() => {
|
|
@@ -1758,14 +1758,14 @@
|
|
|
1758
1758
|
* @Author: binruan@chatlabs.com
|
|
1759
1759
|
* @Date: 2024-03-12 10:59:06
|
|
1760
1760
|
* @LastEditors: binruan@chatlabs.com
|
|
1761
|
-
* @LastEditTime:
|
|
1761
|
+
* @LastEditTime: 2024-11-28 11:17:16
|
|
1762
1762
|
* @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
|
|
1763
1763
|
*
|
|
1764
1764
|
*/
|
|
1765
1765
|
function useEventReport() {
|
|
1766
1766
|
const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
|
|
1767
1767
|
const jumpToWeb = React.useCallback((e, data, product, cta, position, traceInfo) => {
|
|
1768
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13
|
|
1768
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
|
|
1769
1769
|
const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
|
|
1770
1770
|
if (i !== -1) {
|
|
1771
1771
|
return;
|
|
@@ -1798,11 +1798,11 @@
|
|
|
1798
1798
|
contentFormat = 'image';
|
|
1799
1799
|
}
|
|
1800
1800
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1801
|
-
eventInfo: Object.assign({ eventSubject: 'jumpToWeb', eventDescription: 'User jumped to website', productId: (_v = product === null || product === void 0 ? void 0 : product.itemId) !== null && _v !== void 0 ? _v : '', productName: (_w = product === null || product === void 0 ? void 0 : product.title) !== null && _w !== void 0 ? _w : '', price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0', productCollection: (_x = product === null || product === void 0 ? void 0 : product.collection) !== null && _x !== void 0 ? _x : '', fromKName, fromKPage: location === null || location === void 0 ? void 0 : location.href, contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.itemId) !== null && _z !== void 0 ? _z : '',
|
|
1801
|
+
eventInfo: Object.assign({ eventSubject: 'jumpToWeb', eventDescription: 'User jumped to website', productId: (_v = product === null || product === void 0 ? void 0 : product.itemId) !== null && _v !== void 0 ? _v : '', productName: (_w = product === null || product === void 0 ? void 0 : product.title) !== null && _w !== void 0 ? _w : '', price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0', productCollection: (_x = product === null || product === void 0 ? void 0 : product.collection) !== null && _x !== void 0 ? _x : '', fromKName, fromKPage: location === null || location === void 0 ? void 0 : location.href, contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.itemId) !== null && _z !== void 0 ? _z : '', ctatId: (_0 = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _0 !== void 0 ? _0 : '', traceInfo: (_13 = (_10 = (_8 = (_4 = (_1 = traceInfo !== null && traceInfo !== void 0 ? traceInfo : product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _1 !== void 0 ? _1 : (_3 = (_2 = data === null || data === void 0 ? void 0 : data.video) === null || _2 === void 0 ? void 0 : _2.bindProduct) === null || _3 === void 0 ? void 0 : _3.traceInfo) !== null && _4 !== void 0 ? _4 : (_7 = (_6 = (_5 = data === null || data === void 0 ? void 0 : data.video) === null || _5 === void 0 ? void 0 : _5.bindProducts) === null || _6 === void 0 ? void 0 : _6[0]) === null || _7 === void 0 ? void 0 : _7.traceInfo) !== null && _8 !== void 0 ? _8 : (_9 = data === null || data === void 0 ? void 0 : data.product) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : (_12 = (_11 = data === null || data === void 0 ? void 0 : data.video) === null || _11 === void 0 ? void 0 : _11.bindCta) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : '' }, (contentFormat && { contentFormat }))
|
|
1802
1802
|
});
|
|
1803
1803
|
}, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
|
|
1804
1804
|
const productView = React.useCallback((data, product, cta, viewTime, position) => {
|
|
1805
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p
|
|
1805
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
1806
1806
|
let fromKName = '';
|
|
1807
1807
|
if (popupDetailData && (((_b = (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = data === null || data === void 0 ? void 0 : data.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
|
|
1808
1808
|
fromKName = 'pdpPage';
|
|
@@ -1821,9 +1821,8 @@
|
|
|
1821
1821
|
contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
|
|
1822
1822
|
position: position + '',
|
|
1823
1823
|
contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
1824
|
-
sceneId: (_g = (_f = (_e = data === null || data === void 0 ? void 0 : data.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
1825
1824
|
ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
|
|
1826
|
-
traceInfo: (
|
|
1825
|
+
traceInfo: (_p = (_m = (_h = (_e = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _e !== void 0 ? _e : (_g = (_f = data === null || data === void 0 ? void 0 : data.video) === null || _f === void 0 ? void 0 : _f.bindProduct) === null || _g === void 0 ? void 0 : _g.traceInfo) !== null && _h !== void 0 ? _h : (_l = (_k = (_j = data === null || data === void 0 ? void 0 : data.video) === null || _j === void 0 ? void 0 : _j.bindProducts) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.traceInfo) !== null && _m !== void 0 ? _m : (_o = data === null || data === void 0 ? void 0 : data.product) === null || _o === void 0 ? void 0 : _o.traceInfo) !== null && _p !== void 0 ? _p : '',
|
|
1827
1826
|
timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
|
|
1828
1827
|
eventSubject: 'productView',
|
|
1829
1828
|
eventDescription: 'User browsed the product'
|
|
@@ -15626,7 +15625,7 @@ Made in Italy` })));
|
|
|
15626
15625
|
* @Author: binruan@chatlabs.com
|
|
15627
15626
|
* @Date: 2024-01-10 10:58:24
|
|
15628
15627
|
* @LastEditors: binruan@chatlabs.com
|
|
15629
|
-
* @LastEditTime: 2025-
|
|
15628
|
+
* @LastEditTime: 2025-02-28 10:00:31
|
|
15630
15629
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
|
|
15631
15630
|
*
|
|
15632
15631
|
*/
|
|
@@ -15664,7 +15663,7 @@ Made in Italy` })));
|
|
|
15664
15663
|
}
|
|
15665
15664
|
}, [waterFallData]);
|
|
15666
15665
|
const reportTagsView = React.useCallback(() => {
|
|
15667
|
-
var _a, _b, _c, _d, _e, _f
|
|
15666
|
+
var _a, _b, _c, _d, _e, _f;
|
|
15668
15667
|
const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
|
|
15669
15668
|
if (!rec)
|
|
15670
15669
|
return;
|
|
@@ -15684,10 +15683,9 @@ Made in Italy` })));
|
|
|
15684
15683
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
15685
15684
|
eventInfo: {
|
|
15686
15685
|
contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
15687
|
-
sceneId: (_g = (_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
15688
15686
|
position: cacheActiveIndex + '',
|
|
15689
|
-
contentTags: JSON.stringify((
|
|
15690
|
-
traceInfo: (
|
|
15687
|
+
contentTags: JSON.stringify((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.tags),
|
|
15688
|
+
traceInfo: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo,
|
|
15691
15689
|
hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
|
|
15692
15690
|
fromKName,
|
|
15693
15691
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
@@ -17769,7 +17767,7 @@ Made in Italy` })));
|
|
|
17769
17767
|
const likeIcon = useIconLink(defaultLikeIconPath$2);
|
|
17770
17768
|
const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
|
|
17771
17769
|
const handleClick = lodash.debounce(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17772
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z
|
|
17770
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
17773
17771
|
if (state) {
|
|
17774
17772
|
// 先设置状态
|
|
17775
17773
|
setState(false);
|
|
@@ -17779,12 +17777,11 @@ Made in Italy` })));
|
|
|
17779
17777
|
eventSubject: 'favoriteContentCanceled',
|
|
17780
17778
|
eventDescription: 'This content was unfavorite by the user',
|
|
17781
17779
|
contentId: (_g = (_f = recData === null || recData === void 0 ? void 0 : recData.video) === null || _f === void 0 ? void 0 : _f.itemId) !== null && _g !== void 0 ? _g : '',
|
|
17782
|
-
|
|
17783
|
-
|
|
17784
|
-
contentTags: JSON.stringify((_p = (_o = recData === null || recData === void 0 ? void 0 : recData.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : []),
|
|
17780
|
+
contentName: (_j = (_h = recData === null || recData === void 0 ? void 0 : recData.video) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : '',
|
|
17781
|
+
contentTags: JSON.stringify((_l = (_k = recData === null || recData === void 0 ? void 0 : recData.video) === null || _k === void 0 ? void 0 : _k.tags) !== null && _l !== void 0 ? _l : []),
|
|
17785
17782
|
position: position + '',
|
|
17786
|
-
contentFormat: ((
|
|
17787
|
-
traceInfo: (
|
|
17783
|
+
contentFormat: ((_m = recData === null || recData === void 0 ? void 0 : recData.video) === null || _m === void 0 ? void 0 : _m.url) ? 'video' : 'image',
|
|
17784
|
+
traceInfo: (_o = recData === null || recData === void 0 ? void 0 : recData.video) === null || _o === void 0 ? void 0 : _o.traceInfo
|
|
17788
17785
|
}
|
|
17789
17786
|
});
|
|
17790
17787
|
// 如果接口调用失败，则回滚状态
|
|
@@ -17792,41 +17789,40 @@ Made in Italy` })));
|
|
|
17792
17789
|
setState(true);
|
|
17793
17790
|
}
|
|
17794
17791
|
else {
|
|
17795
|
-
const nRtcList = (
|
|
17792
|
+
const nRtcList = (_p = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17796
17793
|
if (index === position) {
|
|
17797
17794
|
item.isCollected = false;
|
|
17798
17795
|
}
|
|
17799
17796
|
return item;
|
|
17800
|
-
})) !== null &&
|
|
17797
|
+
})) !== null && _p !== void 0 ? _p : [];
|
|
17801
17798
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17802
17799
|
}
|
|
17803
17800
|
}
|
|
17804
17801
|
else {
|
|
17805
17802
|
setState(true);
|
|
17806
|
-
const result = (
|
|
17803
|
+
const result = (_q = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _q !== void 0 ? _q : false;
|
|
17807
17804
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17808
17805
|
eventInfo: {
|
|
17809
17806
|
eventSubject: 'favoriteContent',
|
|
17810
17807
|
eventDescription: 'This content was favorite by the user',
|
|
17811
|
-
contentId: (
|
|
17812
|
-
|
|
17813
|
-
|
|
17814
|
-
contentTags: JSON.stringify((_2 = (_1 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _1 === void 0 ? void 0 : _1.tags) !== null && _2 !== void 0 ? _2 : []),
|
|
17808
|
+
contentId: (_s = (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.itemId) !== null && _s !== void 0 ? _s : '',
|
|
17809
|
+
contentName: (_u = (_t = recData === null || recData === void 0 ? void 0 : recData.video) === null || _t === void 0 ? void 0 : _t.title) !== null && _u !== void 0 ? _u : '',
|
|
17810
|
+
contentTags: JSON.stringify((_w = (_v = recData === null || recData === void 0 ? void 0 : recData.video) === null || _v === void 0 ? void 0 : _v.tags) !== null && _w !== void 0 ? _w : []),
|
|
17815
17811
|
position: position + '',
|
|
17816
|
-
contentFormat: ((
|
|
17817
|
-
traceInfo: (
|
|
17812
|
+
contentFormat: ((_x = recData === null || recData === void 0 ? void 0 : recData.video) === null || _x === void 0 ? void 0 : _x.url) ? 'video' : 'image',
|
|
17813
|
+
traceInfo: (_y = recData === null || recData === void 0 ? void 0 : recData.video) === null || _y === void 0 ? void 0 : _y.traceInfo
|
|
17818
17814
|
}
|
|
17819
17815
|
});
|
|
17820
17816
|
if (!result) {
|
|
17821
17817
|
setState(false);
|
|
17822
17818
|
}
|
|
17823
17819
|
else {
|
|
17824
|
-
const nRtcList = (
|
|
17820
|
+
const nRtcList = (_z = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17825
17821
|
if (index === position) {
|
|
17826
17822
|
item.isCollected = true;
|
|
17827
17823
|
}
|
|
17828
17824
|
return item;
|
|
17829
|
-
})) !== null &&
|
|
17825
|
+
})) !== null && _z !== void 0 ? _z : [];
|
|
17830
17826
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17831
17827
|
}
|
|
17832
17828
|
}
|
|
@@ -17929,26 +17925,6 @@ Made in Italy` })));
|
|
|
17929
17925
|
return;
|
|
17930
17926
|
(_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
|
|
17931
17927
|
}, [videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17932
|
-
const handleEnd = () => {
|
|
17933
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
17934
|
-
if (!videoRef.current)
|
|
17935
|
-
return;
|
|
17936
|
-
if (isDiyH5) {
|
|
17937
|
-
(_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
|
|
17938
|
-
if (!loopPlayRef.current)
|
|
17939
|
-
return;
|
|
17940
|
-
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
17941
|
-
(_c = (_b = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _b === void 0 ? void 0 : _b.swiper) === null || _c === void 0 ? void 0 : _c.slideTo(0);
|
|
17942
|
-
}
|
|
17943
|
-
else {
|
|
17944
|
-
const i = (_e = (_d = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _d === void 0 ? void 0 : _d.swiper) === null || _e === void 0 ? void 0 : _e.activeIndex;
|
|
17945
|
-
(_g = (_f = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _f === void 0 ? void 0 : _f.swiper) === null || _g === void 0 ? void 0 : _g.slideTo(i + 1);
|
|
17946
|
-
}
|
|
17947
|
-
}
|
|
17948
|
-
else {
|
|
17949
|
-
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.play();
|
|
17950
|
-
}
|
|
17951
|
-
};
|
|
17952
17928
|
const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
|
|
17953
17929
|
const handlePlaying = React.useCallback(() => {
|
|
17954
17930
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
@@ -17957,7 +17933,7 @@ Made in Italy` })));
|
|
|
17957
17933
|
setIsLoadFinish(true);
|
|
17958
17934
|
}, []);
|
|
17959
17935
|
const handleStartPlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17960
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
17936
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
17961
17937
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17962
17938
|
return;
|
|
17963
17939
|
setIsPauseVideo(false);
|
|
@@ -17968,11 +17944,16 @@ Made in Italy` })));
|
|
|
17968
17944
|
const videoCurrentTime = ((_h = (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.currentTime) !== null && _h !== void 0 ? _h : 0).toFixed(2);
|
|
17969
17945
|
const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
|
|
17970
17946
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17971
|
-
eventInfo: Object.assign({ eventSubject: 'playVideo', eventDescription: 'User played the video', contentId: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '',
|
|
17947
|
+
eventInfo: Object.assign({ eventSubject: 'playVideo', eventDescription: 'User played the video', contentId: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '', contentName: (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '', playType, startTime: videoCurrentTime, videoDuration, contentTags: JSON.stringify((_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : []), position: index + '', contentFormat: 'video', traceInfo: (_q = item === null || item === void 0 ? void 0 : item.video) === null || _q === void 0 ? void 0 : _q.traceInfo }, ((isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) && { loadTime: (loadedTimeRef === null || loadedTimeRef === void 0 ? void 0 : loadedTimeRef.current) - (initTimeRef === null || initTimeRef === void 0 ? void 0 : initTimeRef.current) + '' }))
|
|
17972
17948
|
});
|
|
17973
17949
|
isFirstPlayRef.current = false;
|
|
17974
17950
|
}
|
|
17975
17951
|
}), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17952
|
+
const setCurrentTimeByStartTime = React.useCallback(() => {
|
|
17953
|
+
if (isDiyH5) {
|
|
17954
|
+
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
|
17955
|
+
}
|
|
17956
|
+
}, []);
|
|
17976
17957
|
const handLoadeddata = React.useCallback(() => {
|
|
17977
17958
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || firstFrameSrc || !blur)
|
|
17978
17959
|
return;
|
|
@@ -17997,12 +17978,13 @@ Made in Italy` })));
|
|
|
17997
17978
|
const handleLoadedmetadata = React.useCallback(() => {
|
|
17998
17979
|
if (!videoRef.current)
|
|
17999
17980
|
return;
|
|
17981
|
+
setCurrentTimeByStartTime();
|
|
18000
17982
|
loadedTimeRef.current = new Date();
|
|
18001
17983
|
handleStartPlay();
|
|
18002
17984
|
handLoadeddata();
|
|
18003
17985
|
}, [videoRef.current, handLoadeddata, handleStartPlay]);
|
|
18004
17986
|
const handleClickVideo = React.useCallback((type) => () => {
|
|
18005
|
-
var _a, _b, _c, _d, _e;
|
|
17987
|
+
var _a, _b, _c, _d, _e, _f;
|
|
18006
17988
|
if (!videoRef.current)
|
|
18007
17989
|
return;
|
|
18008
17990
|
if (!isLoadFinish)
|
|
@@ -18023,17 +18005,20 @@ Made in Italy` })));
|
|
|
18023
18005
|
break;
|
|
18024
18006
|
default:
|
|
18025
18007
|
if (isPause) {
|
|
18026
|
-
(_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.
|
|
18008
|
+
if (isDiyH5 && Math.round((_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.currentTime) >= (scene === null || scene === void 0 ? void 0 : scene.endTime)) {
|
|
18009
|
+
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
|
18010
|
+
}
|
|
18011
|
+
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.play();
|
|
18027
18012
|
}
|
|
18028
18013
|
else {
|
|
18029
|
-
(
|
|
18014
|
+
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.pause();
|
|
18030
18015
|
}
|
|
18031
18016
|
setIsPauseVideo(!isPause);
|
|
18032
18017
|
break;
|
|
18033
18018
|
}
|
|
18034
18019
|
}, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
18035
18020
|
const handlePause = React.useCallback(() => {
|
|
18036
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o
|
|
18021
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
18037
18022
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
18038
18023
|
return;
|
|
18039
18024
|
if (activeIndex !== index)
|
|
@@ -18049,15 +18034,14 @@ Made in Italy` })));
|
|
|
18049
18034
|
eventSubject: 'playOverVideo',
|
|
18050
18035
|
eventDescription: 'User finished playing the video',
|
|
18051
18036
|
contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
|
|
18052
|
-
|
|
18053
|
-
contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
|
|
18037
|
+
contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
|
|
18054
18038
|
endTime: videoCurrentTime,
|
|
18055
18039
|
videoDuration,
|
|
18056
18040
|
playDuration,
|
|
18057
|
-
contentTags: JSON.stringify((
|
|
18041
|
+
contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
|
|
18058
18042
|
position: index + '',
|
|
18059
18043
|
contentFormat: 'video',
|
|
18060
|
-
traceInfo: (
|
|
18044
|
+
traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
|
|
18061
18045
|
}
|
|
18062
18046
|
});
|
|
18063
18047
|
}
|
|
@@ -18065,8 +18049,27 @@ Made in Italy` })));
|
|
|
18065
18049
|
const handleWaiting = React.useCallback(() => {
|
|
18066
18050
|
setWaiting(true);
|
|
18067
18051
|
}, []);
|
|
18052
|
+
const handleTimeUpload = () => {
|
|
18053
|
+
if (!videoRef.current || !isDiyH5)
|
|
18054
|
+
return;
|
|
18055
|
+
setTimeout(() => {
|
|
18056
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18057
|
+
if (Math.round((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.currentTime) >= ((_b = scene === null || scene === void 0 ? void 0 : scene.endTime) !== null && _b !== void 0 ? _b : 0)) {
|
|
18058
|
+
(_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
|
|
18059
|
+
if (!loopPlayRef.current)
|
|
18060
|
+
return;
|
|
18061
|
+
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
18062
|
+
(_e = (_d = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _d === void 0 ? void 0 : _d.swiper) === null || _e === void 0 ? void 0 : _e.slideTo(0);
|
|
18063
|
+
}
|
|
18064
|
+
else {
|
|
18065
|
+
const i = (_g = (_f = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _f === void 0 ? void 0 : _f.swiper) === null || _g === void 0 ? void 0 : _g.activeIndex;
|
|
18066
|
+
(_j = (_h = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _h === void 0 ? void 0 : _h.swiper) === null || _j === void 0 ? void 0 : _j.slideTo(i + 1);
|
|
18067
|
+
}
|
|
18068
|
+
}
|
|
18069
|
+
});
|
|
18070
|
+
};
|
|
18068
18071
|
React.useEffect(() => {
|
|
18069
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18072
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
18070
18073
|
if (!isActive)
|
|
18071
18074
|
return;
|
|
18072
18075
|
const videoSrc = videoUrl;
|
|
@@ -18087,6 +18090,7 @@ Made in Italy` })));
|
|
|
18087
18090
|
hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
|
|
18088
18091
|
hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
|
|
18089
18092
|
var _a;
|
|
18093
|
+
setCurrentTimeByStartTime();
|
|
18090
18094
|
(_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
|
|
18091
18095
|
});
|
|
18092
18096
|
}
|
|
@@ -18100,11 +18104,12 @@ Made in Italy` })));
|
|
|
18100
18104
|
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('play', handleStartPlay);
|
|
18101
18105
|
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.addEventListener('playing', handlePlaying);
|
|
18102
18106
|
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.addEventListener('pause', handlePause);
|
|
18103
|
-
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended',
|
|
18107
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handlePlay);
|
|
18104
18108
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
|
|
18105
18109
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
|
|
18110
|
+
(_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.addEventListener('timeupdate', handleTimeUpload);
|
|
18106
18111
|
return () => {
|
|
18107
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18112
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
18108
18113
|
const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
|
|
18109
18114
|
if (!isPause)
|
|
18110
18115
|
handlePause();
|
|
@@ -18116,9 +18121,10 @@ Made in Italy` })));
|
|
|
18116
18121
|
(_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
|
|
18117
18122
|
(_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
|
|
18118
18123
|
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
|
|
18119
|
-
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended',
|
|
18124
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
|
|
18120
18125
|
(_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
|
|
18121
18126
|
(_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
|
|
18127
|
+
(_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.removeEventListener('timeupdate', handleTimeUpload);
|
|
18122
18128
|
};
|
|
18123
18129
|
}, [isActive]);
|
|
18124
18130
|
React.useEffect(() => {
|
|
@@ -18329,48 +18335,19 @@ Made in Italy` })));
|
|
|
18329
18335
|
}, onLoad: onShowFirstImage }))));
|
|
18330
18336
|
};
|
|
18331
18337
|
|
|
18332
|
-
const PictureGroup$4 =
|
|
18338
|
+
const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig }) => {
|
|
18333
18339
|
var _a, _b;
|
|
18334
18340
|
const { isActive } = useSwiperSlide();
|
|
18335
|
-
const { sxpParameter, openHashtag
|
|
18341
|
+
const { sxpParameter, openHashtag } = useSxpDataSource();
|
|
18336
18342
|
const [isLoad, setIsLoad] = React.useState(false);
|
|
18337
18343
|
const [imgInfo, setImgInfo] = React.useState();
|
|
18338
18344
|
const [swiperActiveIndex, setSwiperActiveIndex] = React.useState(0);
|
|
18339
|
-
const
|
|
18345
|
+
const swiperRef = React.useRef();
|
|
18340
18346
|
const isFirstPlayRef = React.useRef(true);
|
|
18341
|
-
const loopPlayRef = React.useRef(true);
|
|
18342
18347
|
const initTime = new Date();
|
|
18343
|
-
React.useImperativeHandle(ref, () => {
|
|
18344
|
-
return {
|
|
18345
|
-
setLoopPlay(v) {
|
|
18346
|
-
loopPlayRef.current = v;
|
|
18347
|
-
}
|
|
18348
|
-
};
|
|
18349
|
-
});
|
|
18350
|
-
React.useEffect(() => {
|
|
18351
|
-
let timerId;
|
|
18352
|
-
if (isLoad && isActive && isDiyH5) {
|
|
18353
|
-
timerId = setTimeout(() => {
|
|
18354
|
-
var _a, _b, _c, _d, _e, _f;
|
|
18355
|
-
if (!loopPlayRef.current)
|
|
18356
|
-
return;
|
|
18357
|
-
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
18358
|
-
(_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(0);
|
|
18359
|
-
}
|
|
18360
|
-
else {
|
|
18361
|
-
const i = (_d = (_c = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _c === void 0 ? void 0 : _c.swiper) === null || _d === void 0 ? void 0 : _d.activeIndex;
|
|
18362
|
-
(_f = (_e = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _e === void 0 ? void 0 : _e.swiper) === null || _f === void 0 ? void 0 : _f.slideTo(i + 1);
|
|
18363
|
-
}
|
|
18364
|
-
}, 3000);
|
|
18365
|
-
}
|
|
18366
|
-
return () => {
|
|
18367
|
-
if (timerId)
|
|
18368
|
-
clearTimeout(timerId);
|
|
18369
|
-
};
|
|
18370
|
-
}, [isLoad, isActive, isDiyH5, data, index, swiperRef]);
|
|
18371
18348
|
React.useEffect(() => {
|
|
18372
18349
|
if (isLoad && isActive) {
|
|
18373
|
-
(
|
|
18350
|
+
(swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.start();
|
|
18374
18351
|
if (openHashtag) {
|
|
18375
18352
|
onViewImageEndEvent(rec);
|
|
18376
18353
|
}
|
|
@@ -18380,7 +18357,7 @@ Made in Italy` })));
|
|
|
18380
18357
|
}
|
|
18381
18358
|
}
|
|
18382
18359
|
else {
|
|
18383
|
-
(
|
|
18360
|
+
(swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.stop();
|
|
18384
18361
|
}
|
|
18385
18362
|
}, [rec, isActive, onViewImageEndEvent, openHashtag, index, onViewImageStartEvent, isLoad, imgInfo]);
|
|
18386
18363
|
const showFirstImageFn = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -18407,13 +18384,13 @@ Made in Italy` })));
|
|
|
18407
18384
|
};
|
|
18408
18385
|
}, [isActive, imgInfo]);
|
|
18409
18386
|
const handleMouseEnter = React.useCallback(() => {
|
|
18410
|
-
if (
|
|
18411
|
-
|
|
18387
|
+
if (swiperRef.current && swiperRef.current.swiper && isAlly) {
|
|
18388
|
+
swiperRef.current.swiper.autoplay.stop();
|
|
18412
18389
|
}
|
|
18413
18390
|
}, []);
|
|
18414
18391
|
const handleMouseLeave = React.useCallback(() => {
|
|
18415
|
-
if (
|
|
18416
|
-
|
|
18392
|
+
if (swiperRef.current && swiperRef.current.swiper && isAlly) {
|
|
18393
|
+
swiperRef.current.swiper.autoplay.start();
|
|
18417
18394
|
}
|
|
18418
18395
|
}, []);
|
|
18419
18396
|
const handleSlideChange = React.useCallback((swiper) => {
|
|
@@ -18434,7 +18411,7 @@ Made in Italy` })));
|
|
|
18434
18411
|
enabled: true
|
|
18435
18412
|
}
|
|
18436
18413
|
}
|
|
18437
|
-
: {}), { loop: true, ref:
|
|
18414
|
+
: {}), { loop: true, ref: swiperRef, onSlideChange: handleSlideChange, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
|
|
18438
18415
|
bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0,
|
|
18439
18416
|
fontSize: '14px'
|
|
18440
18417
|
} }, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor) && {
|
|
@@ -18451,7 +18428,7 @@ Made in Italy` })));
|
|
|
18451
18428
|
return (React.createElement(SwiperSlide, { key: srcKey, "aria-hidden": srcKey !== swiperActiveIndex },
|
|
18452
18429
|
React.createElement(Picture, { src: !isLoad && srcKey > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
|
|
18453
18430
|
}))));
|
|
18454
|
-
}
|
|
18431
|
+
};
|
|
18455
18432
|
var PictureGroup$5 = React.memo(PictureGroup$4);
|
|
18456
18433
|
|
|
18457
18434
|
/*
|
|
@@ -18731,7 +18708,7 @@ Made in Italy` })));
|
|
|
18731
18708
|
* @Author: binruan@chatlabs.com
|
|
18732
18709
|
* @Date: 2024-03-20 10:27:31
|
|
18733
18710
|
* @LastEditors: binruan@chatlabs.com
|
|
18734
|
-
* @LastEditTime: 2025-05-
|
|
18711
|
+
* @LastEditTime: 2025-05-09 15:51:40
|
|
18735
18712
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
18736
18713
|
*
|
|
18737
18714
|
*/
|
|
@@ -18751,7 +18728,6 @@ Made in Italy` })));
|
|
|
18751
18728
|
const skipLinkRef = React.useRef(false);
|
|
18752
18729
|
const [pageNum, setPageNum] = React.useState(2);
|
|
18753
18730
|
const videoWidgetRef = React.useRef(null);
|
|
18754
|
-
const pictureGroupRef = React.useRef(null);
|
|
18755
18731
|
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5 } = useSxpDataSource();
|
|
18756
18732
|
const { backMainFeed, productView, jumpToWeb } = useEventReport();
|
|
18757
18733
|
const isShowFingerTip = React.useMemo(() => {
|
|
@@ -18799,7 +18775,7 @@ Made in Italy` })));
|
|
|
18799
18775
|
(_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
|
|
18800
18776
|
}, [data, ctaType, swiperRef]);
|
|
18801
18777
|
const handleSessionCompleted = React.useCallback((fk) => {
|
|
18802
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v
|
|
18778
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
18803
18779
|
const item = data === null || data === void 0 ? void 0 : data[activeIndex];
|
|
18804
18780
|
let fromKName = '';
|
|
18805
18781
|
if (popupDetailData && (((_b = (_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) || ((_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.bindProduct))) {
|
|
@@ -18826,13 +18802,12 @@ Made in Italy` })));
|
|
|
18826
18802
|
eventSubject: 'sessionCompleted',
|
|
18827
18803
|
eventDescription: 'Session completed',
|
|
18828
18804
|
contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
|
|
18829
|
-
|
|
18830
|
-
productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
|
|
18805
|
+
productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
|
|
18831
18806
|
position: activeIndex + '',
|
|
18832
18807
|
fromKName: fk || fromKName,
|
|
18833
18808
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
18834
|
-
ctatId: (
|
|
18835
|
-
traceInfo: (
|
|
18809
|
+
ctatId: (_r = (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.bindCta) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
|
|
18810
|
+
traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : ''
|
|
18836
18811
|
}
|
|
18837
18812
|
});
|
|
18838
18813
|
}, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
|
|
@@ -18891,9 +18866,8 @@ Made in Italy` })));
|
|
|
18891
18866
|
refreshFeSession
|
|
18892
18867
|
]);
|
|
18893
18868
|
const handleSessionExpire = React.useCallback(lodash.debounce(() => {
|
|
18894
|
-
var _a
|
|
18869
|
+
var _a;
|
|
18895
18870
|
(_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
|
|
18896
|
-
(_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
|
|
18897
18871
|
refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false, handleSessionCompleted);
|
|
18898
18872
|
}, 1000), [handleSessionCompleted, refreshFeSession]);
|
|
18899
18873
|
React.useEffect(() => {
|
|
@@ -18963,18 +18937,18 @@ Made in Italy` })));
|
|
|
18963
18937
|
return null;
|
|
18964
18938
|
}, [globalConfig, activeIndex, visList]);
|
|
18965
18939
|
const renderContent = React.useCallback((rec, index) => {
|
|
18966
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k
|
|
18940
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18967
18941
|
if (rec === 'organic menu') {
|
|
18968
18942
|
return (React.createElement(MultiPosts$2, Object.assign({ recData: data === null || data === void 0 ? void 0 : data[1] }, (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props, (_f = (_e = (_d = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.item) === null || _f === void 0 ? void 0 : _f.event)));
|
|
18969
18943
|
}
|
|
18970
|
-
if ((
|
|
18944
|
+
if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.url) {
|
|
18971
18945
|
return (React.createElement(VideoWidget$5, Object.assign({ key: isReload }, (activeIndex === index && { ref: videoWidgetRef }), { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon, loopPlay: true, swiperRef: swiperRef })));
|
|
18972
18946
|
}
|
|
18973
|
-
if ((
|
|
18974
|
-
return (React.createElement(PictureGroup$5,
|
|
18947
|
+
if ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.imgUrls) {
|
|
18948
|
+
return (React.createElement(PictureGroup$5, { key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, imgUrls: rec === null || rec === void 0 ? void 0 : rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onViewImageEndEvent: handleViewImageStartEnd, onViewImageStartEvent: handleViewImageStartEvent, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
|
|
18975
18949
|
}
|
|
18976
|
-
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((
|
|
18977
|
-
return (
|
|
18950
|
+
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _j === void 0 ? void 0 : _j.length) > 0) {
|
|
18951
|
+
return (_k = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _k === void 0 ? void 0 : _k.map((value, idx) => {
|
|
18978
18952
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
18979
18953
|
const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
|
|
18980
18954
|
const Component = withBindDataSource(t);
|
|
@@ -19012,7 +18986,7 @@ Made in Italy` })));
|
|
|
19012
18986
|
};
|
|
19013
18987
|
}, [isShowMore]);
|
|
19014
18988
|
const renderBottom = React.useCallback((rec, index) => {
|
|
19015
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q
|
|
18989
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
19016
18990
|
if (rec === null || rec === void 0 ? void 0 : rec.video) {
|
|
19017
18991
|
let cta = null;
|
|
19018
18992
|
if ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProducts) === null || _b === void 0 ? void 0 : _b.length) {
|
|
@@ -19021,25 +18995,24 @@ Made in Italy` })));
|
|
|
19021
18995
|
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
|
|
19022
18996
|
cta = '商品CTA';
|
|
19023
18997
|
}
|
|
19024
|
-
else if (tempMap && ((_d = Object.keys(tempMap)) === null || _d === void 0 ? void 0 : _d.includes('服务CTA')) && ((_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.bindCta) === null || _f === void 0 ? void 0 : _f.itemId)) {
|
|
19025
|
-
cta = '服务CTA';
|
|
19026
|
-
}
|
|
19027
18998
|
else {
|
|
19028
|
-
cta = (
|
|
18999
|
+
cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
|
|
19029
19000
|
}
|
|
19030
19001
|
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
19031
|
-
const isNineProduct = (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nineProductEnable) &&
|
|
19002
|
+
const isNineProduct = (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nineProductEnable) &&
|
|
19003
|
+
index === ((rtcList === null || rtcList === void 0 ? void 0 : rtcList[0]) === 'organic menu' ? 2 : 1) &&
|
|
19004
|
+
((_f = ['MultiCommodity', 'MultiCommodityDiro', 'MultiCommodityDiroNew']) === null || _f === void 0 ? void 0 : _f.includes((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.type));
|
|
19032
19005
|
return (React.createElement(React.Fragment, null,
|
|
19033
19006
|
isNineProduct && (React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value, isNineProduct: isNineProduct })),
|
|
19034
|
-
((
|
|
19035
|
-
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(
|
|
19007
|
+
((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
|
|
19008
|
+
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _j !== void 0 ? _j : 40}px` } },
|
|
19036
19009
|
React.createElement(Nudge, { nudge: nudge }),
|
|
19037
19010
|
((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) && !isNineProduct ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
19038
19011
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
|
|
19039
19012
|
React.createElement("div", null,
|
|
19040
|
-
React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (
|
|
19013
|
+
React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
|
|
19041
19014
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
|
|
19042
|
-
React.createElement(Hashtag$1, { index: activeIndex, tags: (
|
|
19015
|
+
React.createElement(Hashtag$1, { index: activeIndex, tags: (_o = (_m = rec === null || rec === void 0 ? void 0 : rec.video) === null || _m === void 0 ? void 0 : _m.hashTags) !== null && _o !== void 0 ? _o : [], itemId: (_p = rec === null || rec === void 0 ? void 0 : rec.video) === null || _p === void 0 ? void 0 : _p.itemId, itemType: ((_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
|
|
19043
19016
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
|
|
19044
19017
|
}
|
|
19045
19018
|
return null;
|
|
@@ -19078,7 +19051,7 @@ Made in Italy` })));
|
|
|
19078
19051
|
return null;
|
|
19079
19052
|
}, [globalConfig, waterFallData]);
|
|
19080
19053
|
const handleViewImageStartEnd = (item) => {
|
|
19081
|
-
var _a, _b, _c, _d, _e, _f
|
|
19054
|
+
var _a, _b, _c, _d, _e, _f;
|
|
19082
19055
|
if (!((_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.url) && ((_b = item === null || item === void 0 ? void 0 : item.video) === null || _b === void 0 ? void 0 : _b.imgUrls)) {
|
|
19083
19056
|
const endTime = Date.now();
|
|
19084
19057
|
const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
|
|
@@ -19087,11 +19060,10 @@ Made in Italy` })));
|
|
|
19087
19060
|
eventSubject: 'viewImageCarouselEnd',
|
|
19088
19061
|
eventDescription: 'User end view the image carousel',
|
|
19089
19062
|
contentId: (_d = (_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '',
|
|
19090
|
-
|
|
19091
|
-
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
19063
|
+
contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
|
|
19092
19064
|
imageEndTime: `${endTime}`,
|
|
19093
19065
|
playDuration: `${duration}`,
|
|
19094
|
-
contentTags: JSON.stringify((
|
|
19066
|
+
contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
|
|
19095
19067
|
position: activeIndex + '',
|
|
19096
19068
|
contentFormat: 'image',
|
|
19097
19069
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
|
|
@@ -19100,7 +19072,7 @@ Made in Italy` })));
|
|
|
19100
19072
|
}
|
|
19101
19073
|
};
|
|
19102
19074
|
const handleSlideSkip = (item, position) => {
|
|
19103
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x
|
|
19075
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
19104
19076
|
if (isPreview || waterFallData)
|
|
19105
19077
|
return;
|
|
19106
19078
|
const t = new Date() - curTime.current;
|
|
@@ -19126,8 +19098,7 @@ Made in Italy` })));
|
|
|
19126
19098
|
contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
|
|
19127
19099
|
position: position + '',
|
|
19128
19100
|
contentId: (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.itemId) !== null && _t !== void 0 ? _t : '',
|
|
19129
|
-
|
|
19130
|
-
traceInfo: (_0 = (_y = (_x = item === null || item === void 0 ? void 0 : item.video) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : (_z = item === null || item === void 0 ? void 0 : item.product) === null || _z === void 0 ? void 0 : _z.traceInfo) !== null && _0 !== void 0 ? _0 : '',
|
|
19101
|
+
traceInfo: (_x = (_v = (_u = item === null || item === void 0 ? void 0 : item.video) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : (_w = item === null || item === void 0 ? void 0 : item.product) === null || _w === void 0 ? void 0 : _w.traceInfo) !== null && _x !== void 0 ? _x : '',
|
|
19131
19102
|
contentFormat
|
|
19132
19103
|
}
|
|
19133
19104
|
});
|
|
@@ -19137,7 +19108,7 @@ Made in Italy` })));
|
|
|
19137
19108
|
}
|
|
19138
19109
|
};
|
|
19139
19110
|
const handleScrollEvent = (swiper) => {
|
|
19140
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w
|
|
19111
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
19141
19112
|
const item = data[swiper.previousIndex];
|
|
19142
19113
|
if (!item)
|
|
19143
19114
|
return;
|
|
@@ -19154,12 +19125,11 @@ Made in Italy` })));
|
|
|
19154
19125
|
eventSubject: 'scrollDown',
|
|
19155
19126
|
eventDescription: 'User scroll down',
|
|
19156
19127
|
contentId: (_e = (_d = item === null || item === void 0 ? void 0 : item.video) === null || _d === void 0 ? void 0 : _d.itemId) !== null && _e !== void 0 ? _e : '',
|
|
19157
|
-
|
|
19158
|
-
productId: (_k = (_j = item === null || item === void 0 ? void 0 : item.product) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '',
|
|
19128
|
+
productId: (_g = (_f = item === null || item === void 0 ? void 0 : item.product) === null || _f === void 0 ? void 0 : _f.itemId) !== null && _g !== void 0 ? _g : '',
|
|
19159
19129
|
requestId: null,
|
|
19160
|
-
traceInfo: (
|
|
19130
|
+
traceInfo: (_l = (_j = (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.traceInfo) !== null && _j !== void 0 ? _j : (_k = item === null || item === void 0 ? void 0 : item.product) === null || _k === void 0 ? void 0 : _k.traceInfo) !== null && _l !== void 0 ? _l : '',
|
|
19161
19131
|
contentFormat,
|
|
19162
|
-
position: ((
|
|
19132
|
+
position: ((_m = swiper.previousIndex) !== null && _m !== void 0 ? _m : 0) + ''
|
|
19163
19133
|
}
|
|
19164
19134
|
});
|
|
19165
19135
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19171,13 +19141,12 @@ Made in Italy` })));
|
|
|
19171
19141
|
eventInfo: {
|
|
19172
19142
|
eventSubject: 'scrollUp',
|
|
19173
19143
|
eventDescription: 'User scroll up',
|
|
19174
|
-
contentId: (
|
|
19175
|
-
|
|
19176
|
-
productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
|
|
19144
|
+
contentId: (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.itemId) !== null && _p !== void 0 ? _p : '',
|
|
19145
|
+
productId: (_r = (_q = item.product) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
|
|
19177
19146
|
requestId: null,
|
|
19178
|
-
traceInfo: (
|
|
19147
|
+
traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : '',
|
|
19179
19148
|
contentFormat,
|
|
19180
|
-
position: ((
|
|
19149
|
+
position: ((_w = swiper.previousIndex) !== null && _w !== void 0 ? _w : 0) + ''
|
|
19181
19150
|
}
|
|
19182
19151
|
});
|
|
19183
19152
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19203,7 +19172,7 @@ Made in Italy` })));
|
|
|
19203
19172
|
}
|
|
19204
19173
|
}, [openHashtag, data, activeIndex]);
|
|
19205
19174
|
const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
|
|
19206
|
-
var _a, _b, _c, _d, _e, _f, _g, _h
|
|
19175
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
19207
19176
|
const item = data[activeIndex];
|
|
19208
19177
|
// 如果是图片集则上报事件
|
|
19209
19178
|
if (!((_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.url) && ((_b = item === null || item === void 0 ? void 0 : item.video) === null || _b === void 0 ? void 0 : _b.imgUrls)) {
|
|
@@ -19214,10 +19183,9 @@ Made in Italy` })));
|
|
|
19214
19183
|
eventSubject: 'viewImageCarouselStart',
|
|
19215
19184
|
eventDescription: 'User start view the image carousel',
|
|
19216
19185
|
contentId: (_d = (_c = item === null || item === void 0 ? void 0 : item.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '',
|
|
19217
|
-
|
|
19218
|
-
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
19186
|
+
contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
|
|
19219
19187
|
imageStartTime: `${startTime}`,
|
|
19220
|
-
contentTags: JSON.stringify((
|
|
19188
|
+
contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
|
|
19221
19189
|
position: activeIndex + '',
|
|
19222
19190
|
contentFormat: 'image',
|
|
19223
19191
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
|
|
@@ -19227,11 +19195,11 @@ Made in Italy` })));
|
|
|
19227
19195
|
if (enableCapi) {
|
|
19228
19196
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19229
19197
|
eventName: 'ViewContent',
|
|
19230
|
-
product: (
|
|
19198
|
+
product: (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.bindProduct
|
|
19231
19199
|
});
|
|
19232
19200
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19233
19201
|
eventName: 'PageView',
|
|
19234
|
-
product: (
|
|
19202
|
+
product: (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.bindProduct
|
|
19235
19203
|
});
|
|
19236
19204
|
}
|
|
19237
19205
|
}
|
|
@@ -19384,7 +19352,7 @@ Made in Italy` })));
|
|
|
19384
19352
|
}, []);
|
|
19385
19353
|
const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
|
|
19386
19354
|
const handlePlaying = React.useCallback(() => {
|
|
19387
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o
|
|
19355
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19388
19356
|
setIsPauseVideo(false);
|
|
19389
19357
|
const item = data[index];
|
|
19390
19358
|
if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
|
|
@@ -19397,15 +19365,14 @@ Made in Italy` })));
|
|
|
19397
19365
|
eventSubject: 'playVideo',
|
|
19398
19366
|
eventDescription: 'User played the video',
|
|
19399
19367
|
contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
|
|
19400
|
-
|
|
19401
|
-
contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
|
|
19368
|
+
contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
|
|
19402
19369
|
playType,
|
|
19403
19370
|
startTime: videoCurrentTime,
|
|
19404
19371
|
videoDuration,
|
|
19405
|
-
contentTags: JSON.stringify((
|
|
19372
|
+
contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
|
|
19406
19373
|
position: index + '',
|
|
19407
19374
|
contentFormat: 'video',
|
|
19408
|
-
traceInfo: (
|
|
19375
|
+
traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
|
|
19409
19376
|
}
|
|
19410
19377
|
});
|
|
19411
19378
|
setIsFirstPlay(false);
|
|
@@ -19444,7 +19411,7 @@ Made in Italy` })));
|
|
|
19444
19411
|
}
|
|
19445
19412
|
}, [isLoadFinish]);
|
|
19446
19413
|
const onPause = React.useCallback(() => {
|
|
19447
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o
|
|
19414
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19448
19415
|
const item = data[index];
|
|
19449
19416
|
const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
|
|
19450
19417
|
const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
|
|
@@ -19455,15 +19422,14 @@ Made in Italy` })));
|
|
|
19455
19422
|
eventSubject: 'playOverVideo',
|
|
19456
19423
|
eventDescription: 'User finished playing the video',
|
|
19457
19424
|
contentId: (_h = (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.itemId) !== null && _h !== void 0 ? _h : '',
|
|
19458
|
-
|
|
19459
|
-
contentName: (_o = (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : '',
|
|
19425
|
+
contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
|
|
19460
19426
|
endTime: videoCurrentTime,
|
|
19461
19427
|
videoDuration,
|
|
19462
19428
|
playDuration,
|
|
19463
|
-
contentTags: JSON.stringify((
|
|
19429
|
+
contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
|
|
19464
19430
|
position: index + '',
|
|
19465
19431
|
contentFormat: 'video',
|
|
19466
|
-
traceInfo: (
|
|
19432
|
+
traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
|
|
19467
19433
|
}
|
|
19468
19434
|
});
|
|
19469
19435
|
}
|