pb-sxp-ui 1.15.22 → 1.15.23-alpha.1
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 +103 -86
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +103 -86
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +4 -4
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +103 -86
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +4 -4
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/DiyPortalPreview/VideoWidget.js +10 -8
- package/es/core/components/SxpPageRender/LikeButton/index.js +17 -15
- package/es/core/components/SxpPageRender/VideoWidget/index.js +20 -18
- package/es/core/components/SxpPageRender/WaterFall/index.js +4 -3
- package/es/core/components/SxpPageRender/index.js +42 -33
- package/es/core/context/SxpDataSourceProvider.js +2 -2
- package/es/core/hooks/useEventReport.js +6 -5
- package/lib/core/components/DiyPortalPreview/VideoWidget.js +10 -8
- package/lib/core/components/SxpPageRender/LikeButton/index.js +17 -15
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +20 -18
- package/lib/core/components/SxpPageRender/WaterFall/index.js +4 -3
- package/lib/core/components/SxpPageRender/index.js +42 -33
- package/lib/core/context/SxpDataSourceProvider.js +2 -2
- package/lib/core/hooks/useEventReport.js +6 -5
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1102,7 +1102,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
1102
1102
|
}
|
|
1103
1103
|
}), [bffFetch, utmVal]);
|
|
1104
1104
|
const ctaEvent = React.useCallback((eventInfo, rec, product, position) => {
|
|
1105
|
-
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;
|
|
1105
|
+
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, _14;
|
|
1106
1106
|
const cta = product === null || product === void 0 ? void 0 : product.bindCta;
|
|
1107
1107
|
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);
|
|
1108
1108
|
let fromKName = '';
|
|
@@ -1120,7 +1120,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
1120
1120
|
}
|
|
1121
1121
|
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;
|
|
1122
1122
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1123
|
-
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: (
|
|
1123
|
+
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 : '', sceneId: (_x = (_w = (_v = rec === null || rec === void 0 ? void 0 : rec.video) === null || _v === void 0 ? void 0 : _v.scene) === null || _w === void 0 ? void 0 : _w.sceneId) !== null && _x !== void 0 ? _x : '', productId: isProd ? product === null || product === void 0 ? void 0 : product.itemId : '', traceInfo: (_13 = (_10 = (_5 = (_1 = (_y = cta === null || cta === void 0 ? void 0 : cta.traceInfo) !== null && _y !== void 0 ? _y : (_0 = (_z = rec === null || rec === void 0 ? void 0 : rec.video) === null || _z === void 0 ? void 0 : _z.bindCta) === null || _0 === void 0 ? void 0 : _0.traceInfo) !== null && _1 !== void 0 ? _1 : (_4 = (_3 = (_2 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _2 === void 0 ? void 0 : _2.bindProduct) === null || _3 === void 0 ? void 0 : _3.bindCta) === null || _4 === void 0 ? void 0 : _4.traceInfo) !== null && _5 !== void 0 ? _5 : (_9 = (_8 = (_7 = (_6 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _6 === void 0 ? void 0 : _6.bindProducts) === null || _7 === void 0 ? void 0 : _7[0]) === null || _8 === void 0 ? void 0 : _8.bindCta) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : (_12 = (_11 = rec === null || rec === void 0 ? void 0 : rec.product) === null || _11 === void 0 ? void 0 : _11.bindCta) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : '', fromKName, fromKPage: (_14 = location === null || location === void 0 ? void 0 : location.href) !== null && _14 !== void 0 ? _14 : '', contentFormat })
|
|
1124
1124
|
});
|
|
1125
1125
|
}, [bffEventReport, isFromHashtag]);
|
|
1126
1126
|
const h5EnterLink = React.useCallback(() => {
|
|
@@ -1781,14 +1781,14 @@ var settingRender$f = [
|
|
|
1781
1781
|
* @Author: binruan@chatlabs.com
|
|
1782
1782
|
* @Date: 2024-03-12 10:59:06
|
|
1783
1783
|
* @LastEditors: binruan@chatlabs.com
|
|
1784
|
-
* @LastEditTime:
|
|
1784
|
+
* @LastEditTime: 2025-05-09 15:30:59
|
|
1785
1785
|
* @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
|
|
1786
1786
|
*
|
|
1787
1787
|
*/
|
|
1788
1788
|
function useEventReport() {
|
|
1789
1789
|
const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
|
|
1790
1790
|
const jumpToWeb = React.useCallback((e, data, product, cta, position, traceInfo) => {
|
|
1791
|
-
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;
|
|
1791
|
+
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, _14, _15, _16;
|
|
1792
1792
|
const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
|
|
1793
1793
|
if (i !== -1) {
|
|
1794
1794
|
return;
|
|
@@ -1821,11 +1821,11 @@ function useEventReport() {
|
|
|
1821
1821
|
contentFormat = 'image';
|
|
1822
1822
|
}
|
|
1823
1823
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1824
|
-
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 : '',
|
|
1824
|
+
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 : '', sceneId: (_2 = (_1 = (_0 = data === null || data === void 0 ? void 0 : data.video) === null || _0 === void 0 ? void 0 : _0.scene) === null || _1 === void 0 ? void 0 : _1.sceneId) !== null && _2 !== void 0 ? _2 : '', ctatId: (_3 = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _3 !== void 0 ? _3 : '', traceInfo: (_16 = (_13 = (_11 = (_7 = (_4 = traceInfo !== null && traceInfo !== void 0 ? traceInfo : product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _4 !== void 0 ? _4 : (_6 = (_5 = data === null || data === void 0 ? void 0 : data.video) === null || _5 === void 0 ? void 0 : _5.bindProduct) === null || _6 === void 0 ? void 0 : _6.traceInfo) !== null && _7 !== void 0 ? _7 : (_10 = (_9 = (_8 = data === null || data === void 0 ? void 0 : data.video) === null || _8 === void 0 ? void 0 : _8.bindProducts) === null || _9 === void 0 ? void 0 : _9[0]) === null || _10 === void 0 ? void 0 : _10.traceInfo) !== null && _11 !== void 0 ? _11 : (_12 = data === null || data === void 0 ? void 0 : data.product) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : (_15 = (_14 = data === null || data === void 0 ? void 0 : data.video) === null || _14 === void 0 ? void 0 : _14.bindCta) === null || _15 === void 0 ? void 0 : _15.traceInfo) !== null && _16 !== void 0 ? _16 : '' }, (contentFormat && { contentFormat }))
|
|
1825
1825
|
});
|
|
1826
1826
|
}, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
|
|
1827
1827
|
const productView = React.useCallback((data, product, cta, viewTime, position) => {
|
|
1828
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
1828
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
1829
1829
|
let fromKName = '';
|
|
1830
1830
|
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))) {
|
|
1831
1831
|
fromKName = 'pdpPage';
|
|
@@ -1844,8 +1844,9 @@ function useEventReport() {
|
|
|
1844
1844
|
contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
|
|
1845
1845
|
position: position + '',
|
|
1846
1846
|
contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
1847
|
+
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 : '',
|
|
1847
1848
|
ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
|
|
1848
|
-
traceInfo: (
|
|
1849
|
+
traceInfo: (_s = (_q = (_l = (_h = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _h !== void 0 ? _h : (_k = (_j = data === null || data === void 0 ? void 0 : data.video) === null || _j === void 0 ? void 0 : _j.bindProduct) === null || _k === void 0 ? void 0 : _k.traceInfo) !== null && _l !== void 0 ? _l : (_p = (_o = (_m = data === null || data === void 0 ? void 0 : data.video) === null || _m === void 0 ? void 0 : _m.bindProducts) === null || _o === void 0 ? void 0 : _o[0]) === null || _p === void 0 ? void 0 : _p.traceInfo) !== null && _q !== void 0 ? _q : (_r = data === null || data === void 0 ? void 0 : data.product) === null || _r === void 0 ? void 0 : _r.traceInfo) !== null && _s !== void 0 ? _s : '',
|
|
1849
1850
|
timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
|
|
1850
1851
|
eventSubject: 'productView',
|
|
1851
1852
|
eventDescription: 'User browsed the product'
|
|
@@ -15505,7 +15506,7 @@ function WaterfallList(_a) {
|
|
|
15505
15506
|
* @Author: binruan@chatlabs.com
|
|
15506
15507
|
* @Date: 2024-01-10 10:58:24
|
|
15507
15508
|
* @LastEditors: binruan@chatlabs.com
|
|
15508
|
-
* @LastEditTime: 2025-
|
|
15509
|
+
* @LastEditTime: 2025-05-09 15:30:41
|
|
15509
15510
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
|
|
15510
15511
|
*
|
|
15511
15512
|
*/
|
|
@@ -15543,7 +15544,7 @@ const WaterFall = (props) => {
|
|
|
15543
15544
|
}
|
|
15544
15545
|
}, [waterFallData]);
|
|
15545
15546
|
const reportTagsView = React.useCallback(() => {
|
|
15546
|
-
var _a, _b, _c, _d, _e, _f;
|
|
15547
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
15547
15548
|
const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
|
|
15548
15549
|
if (!rec)
|
|
15549
15550
|
return;
|
|
@@ -15563,9 +15564,10 @@ const WaterFall = (props) => {
|
|
|
15563
15564
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
15564
15565
|
eventInfo: {
|
|
15565
15566
|
contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
15567
|
+
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 : '',
|
|
15566
15568
|
position: cacheActiveIndex + '',
|
|
15567
|
-
contentTags: JSON.stringify((
|
|
15568
|
-
traceInfo: (
|
|
15569
|
+
contentTags: JSON.stringify((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.tags),
|
|
15570
|
+
traceInfo: (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.traceInfo,
|
|
15569
15571
|
hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
|
|
15570
15572
|
fromKName,
|
|
15571
15573
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
@@ -17646,7 +17648,7 @@ const LikeButton = (_a) => {
|
|
|
17646
17648
|
const likeIcon = useIconLink(defaultLikeIconPath$2);
|
|
17647
17649
|
const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
|
|
17648
17650
|
const handleClick = lodash.debounce(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17649
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
17651
|
+
var _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;
|
|
17650
17652
|
if (state) {
|
|
17651
17653
|
// 先设置状态
|
|
17652
17654
|
setState(false);
|
|
@@ -17656,11 +17658,12 @@ const LikeButton = (_a) => {
|
|
|
17656
17658
|
eventSubject: 'favoriteContentCanceled',
|
|
17657
17659
|
eventDescription: 'This content was unfavorite by the user',
|
|
17658
17660
|
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 : '',
|
|
17659
|
-
|
|
17660
|
-
|
|
17661
|
+
sceneId: (_k = (_j = (_h = recData === null || recData === void 0 ? void 0 : recData.video) === null || _h === void 0 ? void 0 : _h.scene) === null || _j === void 0 ? void 0 : _j.sceneId) !== null && _k !== void 0 ? _k : '',
|
|
17662
|
+
contentName: (_m = (_l = recData === null || recData === void 0 ? void 0 : recData.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '',
|
|
17663
|
+
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 : []),
|
|
17661
17664
|
position: position + '',
|
|
17662
|
-
contentFormat: ((
|
|
17663
|
-
traceInfo: (
|
|
17665
|
+
contentFormat: ((_q = recData === null || recData === void 0 ? void 0 : recData.video) === null || _q === void 0 ? void 0 : _q.url) ? 'video' : 'image',
|
|
17666
|
+
traceInfo: (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
17664
17667
|
}
|
|
17665
17668
|
});
|
|
17666
17669
|
// 如果接口调用失败，则回滚状态
|
|
@@ -17668,40 +17671,41 @@ const LikeButton = (_a) => {
|
|
|
17668
17671
|
setState(true);
|
|
17669
17672
|
}
|
|
17670
17673
|
else {
|
|
17671
|
-
const nRtcList = (
|
|
17674
|
+
const nRtcList = (_s = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17672
17675
|
if (index === position) {
|
|
17673
17676
|
item.isCollected = false;
|
|
17674
17677
|
}
|
|
17675
17678
|
return item;
|
|
17676
|
-
})) !== null &&
|
|
17679
|
+
})) !== null && _s !== void 0 ? _s : [];
|
|
17677
17680
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17678
17681
|
}
|
|
17679
17682
|
}
|
|
17680
17683
|
else {
|
|
17681
17684
|
setState(true);
|
|
17682
|
-
const result = (
|
|
17685
|
+
const result = (_t = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _t !== void 0 ? _t : false;
|
|
17683
17686
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17684
17687
|
eventInfo: {
|
|
17685
17688
|
eventSubject: 'favoriteContent',
|
|
17686
17689
|
eventDescription: 'This content was favorite by the user',
|
|
17687
|
-
contentId: (
|
|
17688
|
-
|
|
17689
|
-
|
|
17690
|
+
contentId: (_v = (_u = recData === null || recData === void 0 ? void 0 : recData.video) === null || _u === void 0 ? void 0 : _u.itemId) !== null && _v !== void 0 ? _v : '',
|
|
17691
|
+
sceneId: (_y = (_x = (_w = recData === null || recData === void 0 ? void 0 : recData.video) === null || _w === void 0 ? void 0 : _w.scene) === null || _x === void 0 ? void 0 : _x.sceneId) !== null && _y !== void 0 ? _y : '',
|
|
17692
|
+
contentName: (_0 = (_z = recData === null || recData === void 0 ? void 0 : recData.video) === null || _z === void 0 ? void 0 : _z.title) !== null && _0 !== void 0 ? _0 : '',
|
|
17693
|
+
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 : []),
|
|
17690
17694
|
position: position + '',
|
|
17691
|
-
contentFormat: ((
|
|
17692
|
-
traceInfo: (
|
|
17695
|
+
contentFormat: ((_3 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _3 === void 0 ? void 0 : _3.url) ? 'video' : 'image',
|
|
17696
|
+
traceInfo: (_4 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _4 === void 0 ? void 0 : _4.traceInfo
|
|
17693
17697
|
}
|
|
17694
17698
|
});
|
|
17695
17699
|
if (!result) {
|
|
17696
17700
|
setState(false);
|
|
17697
17701
|
}
|
|
17698
17702
|
else {
|
|
17699
|
-
const nRtcList = (
|
|
17703
|
+
const nRtcList = (_5 = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17700
17704
|
if (index === position) {
|
|
17701
17705
|
item.isCollected = true;
|
|
17702
17706
|
}
|
|
17703
17707
|
return item;
|
|
17704
|
-
})) !== null &&
|
|
17708
|
+
})) !== null && _5 !== void 0 ? _5 : [];
|
|
17705
17709
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17706
17710
|
}
|
|
17707
17711
|
}
|
|
@@ -17812,7 +17816,7 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
|
|
|
17812
17816
|
setIsLoadFinish(true);
|
|
17813
17817
|
}, []);
|
|
17814
17818
|
const handleStartPlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17815
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
17819
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
17816
17820
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17817
17821
|
return;
|
|
17818
17822
|
setIsPauseVideo(false);
|
|
@@ -17823,14 +17827,15 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
|
|
|
17823
17827
|
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);
|
|
17824
17828
|
const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
|
|
17825
17829
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17826
|
-
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 : '',
|
|
17830
|
+
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 : '', sceneId: (_o = (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.scene) === null || _m === void 0 ? void 0 : _m.sceneId) !== null && _o !== void 0 ? _o : '', contentName: (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.title) !== null && _q !== void 0 ? _q : '', playType, startTime: videoCurrentTime, videoDuration, contentTags: JSON.stringify((_s = (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.tags) !== null && _s !== void 0 ? _s : []), position: index + '', contentFormat: 'video', traceInfo: (_t = item === null || item === void 0 ? void 0 : item.video) === null || _t === void 0 ? void 0 : _t.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) + '' }))
|
|
17827
17831
|
});
|
|
17828
17832
|
isFirstPlayRef.current = false;
|
|
17829
17833
|
}
|
|
17830
17834
|
}), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17831
17835
|
const setCurrentTimeByStartTime = React.useCallback(() => {
|
|
17836
|
+
var _a;
|
|
17832
17837
|
if (isDiyH5) {
|
|
17833
|
-
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
|
17838
|
+
videoRef.current.currentTime = (_a = scene === null || scene === void 0 ? void 0 : scene.startTime) !== null && _a !== void 0 ? _a : 0;
|
|
17834
17839
|
}
|
|
17835
17840
|
}, []);
|
|
17836
17841
|
const handLoadeddata = React.useCallback(() => {
|
|
@@ -17863,7 +17868,7 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
|
|
|
17863
17868
|
handLoadeddata();
|
|
17864
17869
|
}, [videoRef.current, handLoadeddata, handleStartPlay]);
|
|
17865
17870
|
const handleClickVideo = React.useCallback((type) => () => {
|
|
17866
|
-
var _a, _b, _c, _d, _e, _f;
|
|
17871
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
17867
17872
|
if (!videoRef.current)
|
|
17868
17873
|
return;
|
|
17869
17874
|
if (!isLoadFinish)
|
|
@@ -17884,20 +17889,20 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
|
|
|
17884
17889
|
break;
|
|
17885
17890
|
default:
|
|
17886
17891
|
if (isPause) {
|
|
17887
|
-
if (
|
|
17888
|
-
|
|
17892
|
+
if (Math.round((_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.currentTime) >= ((_e = scene === null || scene === void 0 ? void 0 : scene.endTime) !== null && _e !== void 0 ? _e : (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.duration)) {
|
|
17893
|
+
setCurrentTimeByStartTime();
|
|
17889
17894
|
}
|
|
17890
|
-
(
|
|
17895
|
+
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.play();
|
|
17891
17896
|
}
|
|
17892
17897
|
else {
|
|
17893
|
-
(
|
|
17898
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.pause();
|
|
17894
17899
|
}
|
|
17895
17900
|
setIsPauseVideo(!isPause);
|
|
17896
17901
|
break;
|
|
17897
17902
|
}
|
|
17898
17903
|
}, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17899
17904
|
const handlePause = React.useCallback(() => {
|
|
17900
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
17905
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
17901
17906
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17902
17907
|
return;
|
|
17903
17908
|
if (activeIndex !== index)
|
|
@@ -17913,14 +17918,15 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
|
|
|
17913
17918
|
eventSubject: 'playOverVideo',
|
|
17914
17919
|
eventDescription: 'User finished playing the video',
|
|
17915
17920
|
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 : '',
|
|
17916
|
-
|
|
17921
|
+
sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
|
|
17922
|
+
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 : '',
|
|
17917
17923
|
endTime: videoCurrentTime,
|
|
17918
17924
|
videoDuration,
|
|
17919
17925
|
playDuration,
|
|
17920
|
-
contentTags: JSON.stringify((
|
|
17926
|
+
contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
|
|
17921
17927
|
position: index + '',
|
|
17922
17928
|
contentFormat: 'video',
|
|
17923
|
-
traceInfo: (
|
|
17929
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
17924
17930
|
}
|
|
17925
17931
|
});
|
|
17926
17932
|
}
|
|
@@ -17932,17 +17938,17 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
|
|
|
17932
17938
|
if (!videoRef.current || !isDiyH5)
|
|
17933
17939
|
return;
|
|
17934
17940
|
setTimeout(() => {
|
|
17935
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
17936
|
-
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)) {
|
|
17937
|
-
(
|
|
17941
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
17942
|
+
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 : (_c = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _c === void 0 ? void 0 : _c.duration)) {
|
|
17943
|
+
(_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.pause();
|
|
17938
17944
|
if (!loopPlayRef.current)
|
|
17939
17945
|
return;
|
|
17940
17946
|
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
17941
|
-
(
|
|
17947
|
+
(_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(0);
|
|
17942
17948
|
}
|
|
17943
17949
|
else {
|
|
17944
|
-
const i = (
|
|
17945
|
-
(
|
|
17950
|
+
const i = (_h = (_g = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _g === void 0 ? void 0 : _g.swiper) === null || _h === void 0 ? void 0 : _h.activeIndex;
|
|
17951
|
+
(_k = (_j = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _j === void 0 ? void 0 : _j.swiper) === null || _k === void 0 ? void 0 : _k.slideTo(i + 1);
|
|
17946
17952
|
}
|
|
17947
17953
|
}
|
|
17948
17954
|
});
|
|
@@ -18587,7 +18593,7 @@ var NavBack$1 = React.memo(NavBack);
|
|
|
18587
18593
|
* @Author: binruan@chatlabs.com
|
|
18588
18594
|
* @Date: 2024-03-20 10:27:31
|
|
18589
18595
|
* @LastEditors: binruan@chatlabs.com
|
|
18590
|
-
* @LastEditTime: 2025-05-
|
|
18596
|
+
* @LastEditTime: 2025-05-12 14:26:15
|
|
18591
18597
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
18592
18598
|
*
|
|
18593
18599
|
*/
|
|
@@ -18654,7 +18660,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18654
18660
|
(_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
|
|
18655
18661
|
}, [data, ctaType, swiperRef]);
|
|
18656
18662
|
const handleSessionCompleted = React.useCallback((fk) => {
|
|
18657
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
18663
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
18658
18664
|
const item = data === null || data === void 0 ? void 0 : data[activeIndex];
|
|
18659
18665
|
let fromKName = '';
|
|
18660
18666
|
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))) {
|
|
@@ -18681,12 +18687,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18681
18687
|
eventSubject: 'sessionCompleted',
|
|
18682
18688
|
eventDescription: 'Session completed',
|
|
18683
18689
|
contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
|
|
18684
|
-
|
|
18690
|
+
sceneId: (_q = (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.scene) === null || _p === void 0 ? void 0 : _p.sceneId) !== null && _q !== void 0 ? _q : '',
|
|
18691
|
+
productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
|
|
18685
18692
|
position: activeIndex + '',
|
|
18686
18693
|
fromKName: fk || fromKName,
|
|
18687
18694
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
18688
|
-
ctatId: (
|
|
18689
|
-
traceInfo: (
|
|
18695
|
+
ctatId: (_u = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.bindCta) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '',
|
|
18696
|
+
traceInfo: (_y = (_w = (_v = item === null || item === void 0 ? void 0 : item.video) === null || _v === void 0 ? void 0 : _v.traceInfo) !== null && _w !== void 0 ? _w : (_x = item === null || item === void 0 ? void 0 : item.product) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : ''
|
|
18690
18697
|
}
|
|
18691
18698
|
});
|
|
18692
18699
|
}, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
|
|
@@ -18816,18 +18823,18 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18816
18823
|
return null;
|
|
18817
18824
|
}, [globalConfig, activeIndex, visList]);
|
|
18818
18825
|
const renderContent = React.useCallback((rec, index) => {
|
|
18819
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18826
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
18820
18827
|
if (rec === 'organic menu') {
|
|
18821
18828
|
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)));
|
|
18822
18829
|
}
|
|
18823
|
-
if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null ||
|
|
18830
|
+
if (((_h = (_g = rec.video) === null || _g === void 0 ? void 0 : _g.scene) === null || _h === void 0 ? void 0 : _h.mediaUrl) || ((_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.url)) {
|
|
18824
18831
|
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 })));
|
|
18825
18832
|
}
|
|
18826
|
-
if ((
|
|
18833
|
+
if ((_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.imgUrls) {
|
|
18827
18834
|
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 }));
|
|
18828
18835
|
}
|
|
18829
|
-
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((
|
|
18830
|
-
return (
|
|
18836
|
+
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_l = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _l === void 0 ? void 0 : _l.length) > 0) {
|
|
18837
|
+
return (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _m === void 0 ? void 0 : _m.map((value, idx) => {
|
|
18831
18838
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
18832
18839
|
const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
|
|
18833
18840
|
const Component = withBindDataSource(t);
|
|
@@ -18865,7 +18872,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18865
18872
|
};
|
|
18866
18873
|
}, [isShowMore]);
|
|
18867
18874
|
const renderBottom = React.useCallback((rec, index) => {
|
|
18868
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
18875
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
18869
18876
|
if (rec === null || rec === void 0 ? void 0 : rec.video) {
|
|
18870
18877
|
let cta = null;
|
|
18871
18878
|
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) {
|
|
@@ -18874,20 +18881,23 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18874
18881
|
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
|
|
18875
18882
|
cta = '商品CTA';
|
|
18876
18883
|
}
|
|
18884
|
+
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)) {
|
|
18885
|
+
cta = '服务CTA';
|
|
18886
|
+
}
|
|
18877
18887
|
else {
|
|
18878
|
-
cta = (
|
|
18888
|
+
cta = (_h = (_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.bindCta) === null || _h === void 0 ? void 0 : _h.itemId;
|
|
18879
18889
|
}
|
|
18880
18890
|
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
18881
18891
|
return (React.createElement(React.Fragment, null,
|
|
18882
|
-
((
|
|
18883
|
-
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(
|
|
18892
|
+
((_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
|
|
18893
|
+
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_k = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _k !== void 0 ? _k : 40}px` } },
|
|
18884
18894
|
React.createElement(Nudge, { nudge: nudge }),
|
|
18885
18895
|
(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
18886
18896
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
|
|
18887
18897
|
React.createElement("div", null,
|
|
18888
|
-
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: (
|
|
18898
|
+
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: (_m = (_l = rec === null || rec === void 0 ? void 0 : rec.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '', 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 }),
|
|
18889
18899
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
|
|
18890
|
-
React.createElement(Hashtag$1, { index: activeIndex, tags: (
|
|
18900
|
+
React.createElement(Hashtag$1, { index: activeIndex, tags: (_p = (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.hashTags) !== null && _p !== void 0 ? _p : [], itemId: (_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.itemId, itemType: ((_r = rec === null || rec === void 0 ? void 0 : rec.video) === null || _r === void 0 ? void 0 : _r.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
|
|
18891
18901
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
|
|
18892
18902
|
}
|
|
18893
18903
|
return null;
|
|
@@ -18925,7 +18935,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18925
18935
|
return null;
|
|
18926
18936
|
}, [globalConfig, waterFallData]);
|
|
18927
18937
|
const handleViewImageStartEnd = (item) => {
|
|
18928
|
-
var _a, _b, _c, _d, _e, _f;
|
|
18938
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18929
18939
|
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)) {
|
|
18930
18940
|
const endTime = Date.now();
|
|
18931
18941
|
const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
|
|
@@ -18934,10 +18944,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18934
18944
|
eventSubject: 'viewImageCarouselEnd',
|
|
18935
18945
|
eventDescription: 'User end view the image carousel',
|
|
18936
18946
|
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 : '',
|
|
18937
|
-
|
|
18947
|
+
sceneId: (_g = (_f = (_e = item === null || item === void 0 ? void 0 : item.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
18948
|
+
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
18938
18949
|
imageEndTime: `${endTime}`,
|
|
18939
18950
|
playDuration: `${duration}`,
|
|
18940
|
-
contentTags: JSON.stringify((
|
|
18951
|
+
contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
|
|
18941
18952
|
position: activeIndex + '',
|
|
18942
18953
|
contentFormat: 'image',
|
|
18943
18954
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
|
|
@@ -18946,7 +18957,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18946
18957
|
}
|
|
18947
18958
|
};
|
|
18948
18959
|
const handleSlideSkip = (item, position) => {
|
|
18949
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
18960
|
+
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;
|
|
18950
18961
|
if (isPreview || waterFallData)
|
|
18951
18962
|
return;
|
|
18952
18963
|
const t = new Date() - curTime.current;
|
|
@@ -18972,7 +18983,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18972
18983
|
contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
|
|
18973
18984
|
position: position + '',
|
|
18974
18985
|
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 : '',
|
|
18975
|
-
|
|
18986
|
+
sceneId: (_w = (_v = (_u = item === null || item === void 0 ? void 0 : item.video) === null || _u === void 0 ? void 0 : _u.scene) === null || _v === void 0 ? void 0 : _v.sceneId) !== null && _w !== void 0 ? _w : '',
|
|
18987
|
+
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 : '',
|
|
18976
18988
|
contentFormat
|
|
18977
18989
|
}
|
|
18978
18990
|
});
|
|
@@ -18982,7 +18994,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18982
18994
|
}
|
|
18983
18995
|
};
|
|
18984
18996
|
const handleScrollEvent = (swiper) => {
|
|
18985
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
18997
|
+
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;
|
|
18986
18998
|
const item = data[swiper.previousIndex];
|
|
18987
18999
|
if (!item)
|
|
18988
19000
|
return;
|
|
@@ -18999,11 +19011,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18999
19011
|
eventSubject: 'scrollDown',
|
|
19000
19012
|
eventDescription: 'User scroll down',
|
|
19001
19013
|
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 : '',
|
|
19002
|
-
|
|
19014
|
+
sceneId: (_h = (_g = (_f = item === null || item === void 0 ? void 0 : item.video) === null || _f === void 0 ? void 0 : _f.scene) === null || _g === void 0 ? void 0 : _g.sceneId) !== null && _h !== void 0 ? _h : '',
|
|
19015
|
+
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 : '',
|
|
19003
19016
|
requestId: null,
|
|
19004
|
-
traceInfo: (
|
|
19017
|
+
traceInfo: (_p = (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.traceInfo) !== null && _m !== void 0 ? _m : (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.traceInfo) !== null && _p !== void 0 ? _p : '',
|
|
19005
19018
|
contentFormat,
|
|
19006
|
-
position: ((
|
|
19019
|
+
position: ((_q = swiper.previousIndex) !== null && _q !== void 0 ? _q : 0) + ''
|
|
19007
19020
|
}
|
|
19008
19021
|
});
|
|
19009
19022
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19015,12 +19028,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19015
19028
|
eventInfo: {
|
|
19016
19029
|
eventSubject: 'scrollUp',
|
|
19017
19030
|
eventDescription: 'User scroll up',
|
|
19018
|
-
contentId: (
|
|
19019
|
-
|
|
19031
|
+
contentId: (_s = (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.itemId) !== null && _s !== void 0 ? _s : '',
|
|
19032
|
+
sceneId: (_v = (_u = (_t = item === null || item === void 0 ? void 0 : item.video) === null || _t === void 0 ? void 0 : _t.scene) === null || _u === void 0 ? void 0 : _u.sceneId) !== null && _v !== void 0 ? _v : '',
|
|
19033
|
+
productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
|
|
19020
19034
|
requestId: null,
|
|
19021
|
-
traceInfo: (
|
|
19035
|
+
traceInfo: (_1 = (_z = (_y = item === null || item === void 0 ? void 0 : item.video) === null || _y === void 0 ? void 0 : _y.traceInfo) !== null && _z !== void 0 ? _z : (_0 = item === null || item === void 0 ? void 0 : item.product) === null || _0 === void 0 ? void 0 : _0.traceInfo) !== null && _1 !== void 0 ? _1 : '',
|
|
19022
19036
|
contentFormat,
|
|
19023
|
-
position: ((
|
|
19037
|
+
position: ((_2 = swiper.previousIndex) !== null && _2 !== void 0 ? _2 : 0) + ''
|
|
19024
19038
|
}
|
|
19025
19039
|
});
|
|
19026
19040
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19046,7 +19060,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19046
19060
|
}
|
|
19047
19061
|
}, [openHashtag, data, activeIndex]);
|
|
19048
19062
|
const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
|
|
19049
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
19063
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
19050
19064
|
const item = data[activeIndex];
|
|
19051
19065
|
// 如果是图片集则上报事件
|
|
19052
19066
|
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)) {
|
|
@@ -19057,9 +19071,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19057
19071
|
eventSubject: 'viewImageCarouselStart',
|
|
19058
19072
|
eventDescription: 'User start view the image carousel',
|
|
19059
19073
|
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 : '',
|
|
19060
|
-
|
|
19074
|
+
sceneId: (_g = (_f = (_e = item === null || item === void 0 ? void 0 : item.video) === null || _e === void 0 ? void 0 : _e.scene) === null || _f === void 0 ? void 0 : _f.sceneId) !== null && _g !== void 0 ? _g : '',
|
|
19075
|
+
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
19061
19076
|
imageStartTime: `${startTime}`,
|
|
19062
|
-
contentTags: JSON.stringify((
|
|
19077
|
+
contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
|
|
19063
19078
|
position: activeIndex + '',
|
|
19064
19079
|
contentFormat: 'image',
|
|
19065
19080
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
|
|
@@ -19069,11 +19084,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19069
19084
|
if (enableCapi) {
|
|
19070
19085
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19071
19086
|
eventName: 'ViewContent',
|
|
19072
|
-
product: (
|
|
19087
|
+
product: (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.bindProduct
|
|
19073
19088
|
});
|
|
19074
19089
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19075
19090
|
eventName: 'PageView',
|
|
19076
|
-
product: (
|
|
19091
|
+
product: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.bindProduct
|
|
19077
19092
|
});
|
|
19078
19093
|
}
|
|
19079
19094
|
}
|
|
@@ -19226,7 +19241,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19226
19241
|
}, []);
|
|
19227
19242
|
const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
|
|
19228
19243
|
const handlePlaying = React.useCallback(() => {
|
|
19229
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19244
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
19230
19245
|
setIsPauseVideo(false);
|
|
19231
19246
|
const item = data[index];
|
|
19232
19247
|
if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
|
|
@@ -19239,14 +19254,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19239
19254
|
eventSubject: 'playVideo',
|
|
19240
19255
|
eventDescription: 'User played the video',
|
|
19241
19256
|
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 : '',
|
|
19242
|
-
|
|
19257
|
+
sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
|
|
19258
|
+
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 : '',
|
|
19243
19259
|
playType,
|
|
19244
19260
|
startTime: videoCurrentTime,
|
|
19245
19261
|
videoDuration,
|
|
19246
|
-
contentTags: JSON.stringify((
|
|
19262
|
+
contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
|
|
19247
19263
|
position: index + '',
|
|
19248
19264
|
contentFormat: 'video',
|
|
19249
|
-
traceInfo: (
|
|
19265
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
19250
19266
|
}
|
|
19251
19267
|
});
|
|
19252
19268
|
setIsFirstPlay(false);
|
|
@@ -19285,7 +19301,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19285
19301
|
}
|
|
19286
19302
|
}, [isLoadFinish]);
|
|
19287
19303
|
const onPause = React.useCallback(() => {
|
|
19288
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19304
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
19289
19305
|
const item = data[index];
|
|
19290
19306
|
const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
|
|
19291
19307
|
const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
|
|
@@ -19296,14 +19312,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19296
19312
|
eventSubject: 'playOverVideo',
|
|
19297
19313
|
eventDescription: 'User finished playing the video',
|
|
19298
19314
|
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 : '',
|
|
19299
|
-
|
|
19315
|
+
sceneId: (_l = (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.scene) === null || _k === void 0 ? void 0 : _k.sceneId) !== null && _l !== void 0 ? _l : '',
|
|
19316
|
+
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 : '',
|
|
19300
19317
|
endTime: videoCurrentTime,
|
|
19301
19318
|
videoDuration,
|
|
19302
19319
|
playDuration,
|
|
19303
|
-
contentTags: JSON.stringify((
|
|
19320
|
+
contentTags: JSON.stringify((_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.tags) !== null && _q !== void 0 ? _q : []),
|
|
19304
19321
|
position: index + '',
|
|
19305
19322
|
contentFormat: 'video',
|
|
19306
|
-
traceInfo: (
|
|
19323
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
19307
19324
|
}
|
|
19308
19325
|
});
|
|
19309
19326
|
}
|