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.js
CHANGED
|
@@ -1080,7 +1080,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
1080
1080
|
}
|
|
1081
1081
|
}), [bffFetch, utmVal]);
|
|
1082
1082
|
const ctaEvent = useCallback((eventInfo, rec, product, position) => {
|
|
1083
|
-
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
|
+
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;
|
|
1084
1084
|
const cta = product === null || product === void 0 ? void 0 : product.bindCta;
|
|
1085
1085
|
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);
|
|
1086
1086
|
let fromKName = '';
|
|
@@ -1098,7 +1098,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
1098
1098
|
}
|
|
1099
1099
|
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;
|
|
1100
1100
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1101
|
-
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: (
|
|
1101
|
+
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 })
|
|
1102
1102
|
});
|
|
1103
1103
|
}, [bffEventReport, isFromHashtag]);
|
|
1104
1104
|
const h5EnterLink = useCallback(() => {
|
|
@@ -1759,14 +1759,14 @@ var settingRender$f = [
|
|
|
1759
1759
|
* @Author: binruan@chatlabs.com
|
|
1760
1760
|
* @Date: 2024-03-12 10:59:06
|
|
1761
1761
|
* @LastEditors: binruan@chatlabs.com
|
|
1762
|
-
* @LastEditTime:
|
|
1762
|
+
* @LastEditTime: 2025-05-09 15:30:59
|
|
1763
1763
|
* @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
|
|
1764
1764
|
*
|
|
1765
1765
|
*/
|
|
1766
1766
|
function useEventReport() {
|
|
1767
1767
|
const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
|
|
1768
1768
|
const jumpToWeb = useCallback((e, data, product, cta, position, traceInfo) => {
|
|
1769
|
-
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
|
+
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;
|
|
1770
1770
|
const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
|
|
1771
1771
|
if (i !== -1) {
|
|
1772
1772
|
return;
|
|
@@ -1799,11 +1799,11 @@ function useEventReport() {
|
|
|
1799
1799
|
contentFormat = 'image';
|
|
1800
1800
|
}
|
|
1801
1801
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
1802
|
-
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 : '',
|
|
1802
|
+
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 }))
|
|
1803
1803
|
});
|
|
1804
1804
|
}, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
|
|
1805
1805
|
const productView = useCallback((data, product, cta, viewTime, position) => {
|
|
1806
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
|
1806
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
1807
1807
|
let fromKName = '';
|
|
1808
1808
|
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))) {
|
|
1809
1809
|
fromKName = 'pdpPage';
|
|
@@ -1822,8 +1822,9 @@ function useEventReport() {
|
|
|
1822
1822
|
contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
|
|
1823
1823
|
position: position + '',
|
|
1824
1824
|
contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
1825
|
+
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
1826
|
ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
|
|
1826
|
-
traceInfo: (
|
|
1827
|
+
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 : '',
|
|
1827
1828
|
timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
|
|
1828
1829
|
eventSubject: 'productView',
|
|
1829
1830
|
eventDescription: 'User browsed the product'
|
|
@@ -15483,7 +15484,7 @@ function WaterfallList(_a) {
|
|
|
15483
15484
|
* @Author: binruan@chatlabs.com
|
|
15484
15485
|
* @Date: 2024-01-10 10:58:24
|
|
15485
15486
|
* @LastEditors: binruan@chatlabs.com
|
|
15486
|
-
* @LastEditTime: 2025-
|
|
15487
|
+
* @LastEditTime: 2025-05-09 15:30:41
|
|
15487
15488
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
|
|
15488
15489
|
*
|
|
15489
15490
|
*/
|
|
@@ -15521,7 +15522,7 @@ const WaterFall = (props) => {
|
|
|
15521
15522
|
}
|
|
15522
15523
|
}, [waterFallData]);
|
|
15523
15524
|
const reportTagsView = useCallback(() => {
|
|
15524
|
-
var _a, _b, _c, _d, _e, _f;
|
|
15525
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
15525
15526
|
const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
|
|
15526
15527
|
if (!rec)
|
|
15527
15528
|
return;
|
|
@@ -15541,9 +15542,10 @@ const WaterFall = (props) => {
|
|
|
15541
15542
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
15542
15543
|
eventInfo: {
|
|
15543
15544
|
contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
|
|
15545
|
+
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 : '',
|
|
15544
15546
|
position: cacheActiveIndex + '',
|
|
15545
|
-
contentTags: JSON.stringify((
|
|
15546
|
-
traceInfo: (
|
|
15547
|
+
contentTags: JSON.stringify((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.tags),
|
|
15548
|
+
traceInfo: (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.traceInfo,
|
|
15547
15549
|
hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
|
|
15548
15550
|
fromKName,
|
|
15549
15551
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
@@ -17624,7 +17626,7 @@ const LikeButton = (_a) => {
|
|
|
17624
17626
|
const likeIcon = useIconLink(defaultLikeIconPath$2);
|
|
17625
17627
|
const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
|
|
17626
17628
|
const handleClick = debounce(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17627
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
17629
|
+
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;
|
|
17628
17630
|
if (state) {
|
|
17629
17631
|
// 先设置状态
|
|
17630
17632
|
setState(false);
|
|
@@ -17634,11 +17636,12 @@ const LikeButton = (_a) => {
|
|
|
17634
17636
|
eventSubject: 'favoriteContentCanceled',
|
|
17635
17637
|
eventDescription: 'This content was unfavorite by the user',
|
|
17636
17638
|
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 : '',
|
|
17637
|
-
|
|
17638
|
-
|
|
17639
|
+
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 : '',
|
|
17640
|
+
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 : '',
|
|
17641
|
+
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 : []),
|
|
17639
17642
|
position: position + '',
|
|
17640
|
-
contentFormat: ((
|
|
17641
|
-
traceInfo: (
|
|
17643
|
+
contentFormat: ((_q = recData === null || recData === void 0 ? void 0 : recData.video) === null || _q === void 0 ? void 0 : _q.url) ? 'video' : 'image',
|
|
17644
|
+
traceInfo: (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
17642
17645
|
}
|
|
17643
17646
|
});
|
|
17644
17647
|
// 如果接口调用失败，则回滚状态
|
|
@@ -17646,40 +17649,41 @@ const LikeButton = (_a) => {
|
|
|
17646
17649
|
setState(true);
|
|
17647
17650
|
}
|
|
17648
17651
|
else {
|
|
17649
|
-
const nRtcList = (
|
|
17652
|
+
const nRtcList = (_s = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17650
17653
|
if (index === position) {
|
|
17651
17654
|
item.isCollected = false;
|
|
17652
17655
|
}
|
|
17653
17656
|
return item;
|
|
17654
|
-
})) !== null &&
|
|
17657
|
+
})) !== null && _s !== void 0 ? _s : [];
|
|
17655
17658
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17656
17659
|
}
|
|
17657
17660
|
}
|
|
17658
17661
|
else {
|
|
17659
17662
|
setState(true);
|
|
17660
|
-
const result = (
|
|
17663
|
+
const result = (_t = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _t !== void 0 ? _t : false;
|
|
17661
17664
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17662
17665
|
eventInfo: {
|
|
17663
17666
|
eventSubject: 'favoriteContent',
|
|
17664
17667
|
eventDescription: 'This content was favorite by the user',
|
|
17665
|
-
contentId: (
|
|
17666
|
-
|
|
17667
|
-
|
|
17668
|
+
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 : '',
|
|
17669
|
+
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 : '',
|
|
17670
|
+
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 : '',
|
|
17671
|
+
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 : []),
|
|
17668
17672
|
position: position + '',
|
|
17669
|
-
contentFormat: ((
|
|
17670
|
-
traceInfo: (
|
|
17673
|
+
contentFormat: ((_3 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _3 === void 0 ? void 0 : _3.url) ? 'video' : 'image',
|
|
17674
|
+
traceInfo: (_4 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _4 === void 0 ? void 0 : _4.traceInfo
|
|
17671
17675
|
}
|
|
17672
17676
|
});
|
|
17673
17677
|
if (!result) {
|
|
17674
17678
|
setState(false);
|
|
17675
17679
|
}
|
|
17676
17680
|
else {
|
|
17677
|
-
const nRtcList = (
|
|
17681
|
+
const nRtcList = (_5 = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
|
|
17678
17682
|
if (index === position) {
|
|
17679
17683
|
item.isCollected = true;
|
|
17680
17684
|
}
|
|
17681
17685
|
return item;
|
|
17682
|
-
})) !== null &&
|
|
17686
|
+
})) !== null && _5 !== void 0 ? _5 : [];
|
|
17683
17687
|
setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
|
|
17684
17688
|
}
|
|
17685
17689
|
}
|
|
@@ -17790,7 +17794,7 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17790
17794
|
setIsLoadFinish(true);
|
|
17791
17795
|
}, []);
|
|
17792
17796
|
const handleStartPlay = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
17793
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
17797
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
17794
17798
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17795
17799
|
return;
|
|
17796
17800
|
setIsPauseVideo(false);
|
|
@@ -17801,14 +17805,15 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17801
17805
|
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);
|
|
17802
17806
|
const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
|
|
17803
17807
|
bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
|
|
17804
|
-
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 : '',
|
|
17808
|
+
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) + '' }))
|
|
17805
17809
|
});
|
|
17806
17810
|
isFirstPlayRef.current = false;
|
|
17807
17811
|
}
|
|
17808
17812
|
}), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17809
17813
|
const setCurrentTimeByStartTime = useCallback(() => {
|
|
17814
|
+
var _a;
|
|
17810
17815
|
if (isDiyH5) {
|
|
17811
|
-
videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
|
|
17816
|
+
videoRef.current.currentTime = (_a = scene === null || scene === void 0 ? void 0 : scene.startTime) !== null && _a !== void 0 ? _a : 0;
|
|
17812
17817
|
}
|
|
17813
17818
|
}, []);
|
|
17814
17819
|
const handLoadeddata = useCallback(() => {
|
|
@@ -17841,7 +17846,7 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17841
17846
|
handLoadeddata();
|
|
17842
17847
|
}, [videoRef.current, handLoadeddata, handleStartPlay]);
|
|
17843
17848
|
const handleClickVideo = useCallback((type) => () => {
|
|
17844
|
-
var _a, _b, _c, _d, _e, _f;
|
|
17849
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
17845
17850
|
if (!videoRef.current)
|
|
17846
17851
|
return;
|
|
17847
17852
|
if (!isLoadFinish)
|
|
@@ -17862,20 +17867,20 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17862
17867
|
break;
|
|
17863
17868
|
default:
|
|
17864
17869
|
if (isPause) {
|
|
17865
|
-
if (
|
|
17866
|
-
|
|
17870
|
+
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)) {
|
|
17871
|
+
setCurrentTimeByStartTime();
|
|
17867
17872
|
}
|
|
17868
|
-
(
|
|
17873
|
+
(_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.play();
|
|
17869
17874
|
}
|
|
17870
17875
|
else {
|
|
17871
|
-
(
|
|
17876
|
+
(_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.pause();
|
|
17872
17877
|
}
|
|
17873
17878
|
setIsPauseVideo(!isPause);
|
|
17874
17879
|
break;
|
|
17875
17880
|
}
|
|
17876
17881
|
}, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
|
|
17877
17882
|
const handlePause = useCallback(() => {
|
|
17878
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
17883
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
17879
17884
|
if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
|
|
17880
17885
|
return;
|
|
17881
17886
|
if (activeIndex !== index)
|
|
@@ -17891,14 +17896,15 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17891
17896
|
eventSubject: 'playOverVideo',
|
|
17892
17897
|
eventDescription: 'User finished playing the video',
|
|
17893
17898
|
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 : '',
|
|
17894
|
-
|
|
17899
|
+
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 : '',
|
|
17900
|
+
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 : '',
|
|
17895
17901
|
endTime: videoCurrentTime,
|
|
17896
17902
|
videoDuration,
|
|
17897
17903
|
playDuration,
|
|
17898
|
-
contentTags: JSON.stringify((
|
|
17904
|
+
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 : []),
|
|
17899
17905
|
position: index + '',
|
|
17900
17906
|
contentFormat: 'video',
|
|
17901
|
-
traceInfo: (
|
|
17907
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
17902
17908
|
}
|
|
17903
17909
|
});
|
|
17904
17910
|
}
|
|
@@ -17910,17 +17916,17 @@ const VideoWidget$4 = forwardRef(({ rec, index, height, data, muted, activeIndex
|
|
|
17910
17916
|
if (!videoRef.current || !isDiyH5)
|
|
17911
17917
|
return;
|
|
17912
17918
|
setTimeout(() => {
|
|
17913
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
17914
|
-
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)) {
|
|
17915
|
-
(
|
|
17919
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
17920
|
+
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)) {
|
|
17921
|
+
(_d = videoRef.current) === null || _d === void 0 ? void 0 : _d.pause();
|
|
17916
17922
|
if (!loopPlayRef.current)
|
|
17917
17923
|
return;
|
|
17918
17924
|
if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
|
|
17919
|
-
(
|
|
17925
|
+
(_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);
|
|
17920
17926
|
}
|
|
17921
17927
|
else {
|
|
17922
|
-
const i = (
|
|
17923
|
-
(
|
|
17928
|
+
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;
|
|
17929
|
+
(_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);
|
|
17924
17930
|
}
|
|
17925
17931
|
}
|
|
17926
17932
|
});
|
|
@@ -18565,7 +18571,7 @@ var NavBack$1 = memo(NavBack);
|
|
|
18565
18571
|
* @Author: binruan@chatlabs.com
|
|
18566
18572
|
* @Date: 2024-03-20 10:27:31
|
|
18567
18573
|
* @LastEditors: binruan@chatlabs.com
|
|
18568
|
-
* @LastEditTime: 2025-05-
|
|
18574
|
+
* @LastEditTime: 2025-05-12 14:26:15
|
|
18569
18575
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
|
|
18570
18576
|
*
|
|
18571
18577
|
*/
|
|
@@ -18632,7 +18638,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18632
18638
|
(_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
|
|
18633
18639
|
}, [data, ctaType, swiperRef]);
|
|
18634
18640
|
const handleSessionCompleted = useCallback((fk) => {
|
|
18635
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
18641
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
18636
18642
|
const item = data === null || data === void 0 ? void 0 : data[activeIndex];
|
|
18637
18643
|
let fromKName = '';
|
|
18638
18644
|
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))) {
|
|
@@ -18659,12 +18665,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18659
18665
|
eventSubject: 'sessionCompleted',
|
|
18660
18666
|
eventDescription: 'Session completed',
|
|
18661
18667
|
contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
|
|
18662
|
-
|
|
18668
|
+
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 : '',
|
|
18669
|
+
productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
|
|
18663
18670
|
position: activeIndex + '',
|
|
18664
18671
|
fromKName: fk || fromKName,
|
|
18665
18672
|
fromKPage: location === null || location === void 0 ? void 0 : location.href,
|
|
18666
|
-
ctatId: (
|
|
18667
|
-
traceInfo: (
|
|
18673
|
+
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 : '',
|
|
18674
|
+
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 : ''
|
|
18668
18675
|
}
|
|
18669
18676
|
});
|
|
18670
18677
|
}, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
|
|
@@ -18794,18 +18801,18 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18794
18801
|
return null;
|
|
18795
18802
|
}, [globalConfig, activeIndex, visList]);
|
|
18796
18803
|
const renderContent = useCallback((rec, index) => {
|
|
18797
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
18804
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
18798
18805
|
if (rec === 'organic menu') {
|
|
18799
18806
|
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)));
|
|
18800
18807
|
}
|
|
18801
|
-
if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null ||
|
|
18808
|
+
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)) {
|
|
18802
18809
|
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 })));
|
|
18803
18810
|
}
|
|
18804
|
-
if ((
|
|
18811
|
+
if ((_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.imgUrls) {
|
|
18805
18812
|
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 }));
|
|
18806
18813
|
}
|
|
18807
|
-
if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((
|
|
18808
|
-
return (
|
|
18814
|
+
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) {
|
|
18815
|
+
return (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _m === void 0 ? void 0 : _m.map((value, idx) => {
|
|
18809
18816
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
18810
18817
|
const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
|
|
18811
18818
|
const Component = withBindDataSource(t);
|
|
@@ -18843,7 +18850,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18843
18850
|
};
|
|
18844
18851
|
}, [isShowMore]);
|
|
18845
18852
|
const renderBottom = useCallback((rec, index) => {
|
|
18846
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
18853
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
18847
18854
|
if (rec === null || rec === void 0 ? void 0 : rec.video) {
|
|
18848
18855
|
let cta = null;
|
|
18849
18856
|
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) {
|
|
@@ -18852,20 +18859,23 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18852
18859
|
else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
|
|
18853
18860
|
cta = '商品CTA';
|
|
18854
18861
|
}
|
|
18862
|
+
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)) {
|
|
18863
|
+
cta = '服务CTA';
|
|
18864
|
+
}
|
|
18855
18865
|
else {
|
|
18856
|
-
cta = (
|
|
18866
|
+
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;
|
|
18857
18867
|
}
|
|
18858
18868
|
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
18859
18869
|
return (React.createElement(React.Fragment, null,
|
|
18860
|
-
((
|
|
18861
|
-
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(
|
|
18870
|
+
((_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' }),
|
|
18871
|
+
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` } },
|
|
18862
18872
|
React.createElement(Nudge, { nudge: nudge }),
|
|
18863
18873
|
(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' },
|
|
18864
18874
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
|
|
18865
18875
|
React.createElement("div", null,
|
|
18866
|
-
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: (
|
|
18876
|
+
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 }),
|
|
18867
18877
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
|
|
18868
|
-
React.createElement(Hashtag$1, { index: activeIndex, tags: (
|
|
18878
|
+
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) }))),
|
|
18869
18879
|
React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
|
|
18870
18880
|
}
|
|
18871
18881
|
return null;
|
|
@@ -18903,7 +18913,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18903
18913
|
return null;
|
|
18904
18914
|
}, [globalConfig, waterFallData]);
|
|
18905
18915
|
const handleViewImageStartEnd = (item) => {
|
|
18906
|
-
var _a, _b, _c, _d, _e, _f;
|
|
18916
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
18907
18917
|
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)) {
|
|
18908
18918
|
const endTime = Date.now();
|
|
18909
18919
|
const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
|
|
@@ -18912,10 +18922,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18912
18922
|
eventSubject: 'viewImageCarouselEnd',
|
|
18913
18923
|
eventDescription: 'User end view the image carousel',
|
|
18914
18924
|
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 : '',
|
|
18915
|
-
|
|
18925
|
+
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 : '',
|
|
18926
|
+
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
18916
18927
|
imageEndTime: `${endTime}`,
|
|
18917
18928
|
playDuration: `${duration}`,
|
|
18918
|
-
contentTags: JSON.stringify((
|
|
18929
|
+
contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
|
|
18919
18930
|
position: activeIndex + '',
|
|
18920
18931
|
contentFormat: 'image',
|
|
18921
18932
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
|
|
@@ -18924,7 +18935,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18924
18935
|
}
|
|
18925
18936
|
};
|
|
18926
18937
|
const handleSlideSkip = (item, position) => {
|
|
18927
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
18938
|
+
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;
|
|
18928
18939
|
if (isPreview || waterFallData)
|
|
18929
18940
|
return;
|
|
18930
18941
|
const t = new Date() - curTime.current;
|
|
@@ -18950,7 +18961,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18950
18961
|
contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
|
|
18951
18962
|
position: position + '',
|
|
18952
18963
|
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 : '',
|
|
18953
|
-
|
|
18964
|
+
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 : '',
|
|
18965
|
+
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 : '',
|
|
18954
18966
|
contentFormat
|
|
18955
18967
|
}
|
|
18956
18968
|
});
|
|
@@ -18960,7 +18972,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18960
18972
|
}
|
|
18961
18973
|
};
|
|
18962
18974
|
const handleScrollEvent = (swiper) => {
|
|
18963
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
18975
|
+
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;
|
|
18964
18976
|
const item = data[swiper.previousIndex];
|
|
18965
18977
|
if (!item)
|
|
18966
18978
|
return;
|
|
@@ -18977,11 +18989,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18977
18989
|
eventSubject: 'scrollDown',
|
|
18978
18990
|
eventDescription: 'User scroll down',
|
|
18979
18991
|
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 : '',
|
|
18980
|
-
|
|
18992
|
+
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 : '',
|
|
18993
|
+
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 : '',
|
|
18981
18994
|
requestId: null,
|
|
18982
|
-
traceInfo: (
|
|
18995
|
+
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 : '',
|
|
18983
18996
|
contentFormat,
|
|
18984
|
-
position: ((
|
|
18997
|
+
position: ((_q = swiper.previousIndex) !== null && _q !== void 0 ? _q : 0) + ''
|
|
18985
18998
|
}
|
|
18986
18999
|
});
|
|
18987
19000
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -18993,12 +19006,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
18993
19006
|
eventInfo: {
|
|
18994
19007
|
eventSubject: 'scrollUp',
|
|
18995
19008
|
eventDescription: 'User scroll up',
|
|
18996
|
-
contentId: (
|
|
18997
|
-
|
|
19009
|
+
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 : '',
|
|
19010
|
+
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 : '',
|
|
19011
|
+
productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
|
|
18998
19012
|
requestId: null,
|
|
18999
|
-
traceInfo: (
|
|
19013
|
+
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 : '',
|
|
19000
19014
|
contentFormat,
|
|
19001
|
-
position: ((
|
|
19015
|
+
position: ((_2 = swiper.previousIndex) !== null && _2 !== void 0 ? _2 : 0) + ''
|
|
19002
19016
|
}
|
|
19003
19017
|
});
|
|
19004
19018
|
// 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
|
|
@@ -19024,7 +19038,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19024
19038
|
}
|
|
19025
19039
|
}, [openHashtag, data, activeIndex]);
|
|
19026
19040
|
const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
|
|
19027
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
19041
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
19028
19042
|
const item = data[activeIndex];
|
|
19029
19043
|
// 如果是图片集则上报事件
|
|
19030
19044
|
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)) {
|
|
@@ -19035,9 +19049,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19035
19049
|
eventSubject: 'viewImageCarouselStart',
|
|
19036
19050
|
eventDescription: 'User start view the image carousel',
|
|
19037
19051
|
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 : '',
|
|
19038
|
-
|
|
19052
|
+
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 : '',
|
|
19053
|
+
contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
|
|
19039
19054
|
imageStartTime: `${startTime}`,
|
|
19040
|
-
contentTags: JSON.stringify((
|
|
19055
|
+
contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
|
|
19041
19056
|
position: activeIndex + '',
|
|
19042
19057
|
contentFormat: 'image',
|
|
19043
19058
|
traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
|
|
@@ -19047,11 +19062,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
19047
19062
|
if (enableCapi) {
|
|
19048
19063
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19049
19064
|
eventName: 'ViewContent',
|
|
19050
|
-
product: (
|
|
19065
|
+
product: (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.bindProduct
|
|
19051
19066
|
});
|
|
19052
19067
|
bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
|
|
19053
19068
|
eventName: 'PageView',
|
|
19054
|
-
product: (
|
|
19069
|
+
product: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.bindProduct
|
|
19055
19070
|
});
|
|
19056
19071
|
}
|
|
19057
19072
|
}
|
|
@@ -19204,7 +19219,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19204
19219
|
}, []);
|
|
19205
19220
|
const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
|
|
19206
19221
|
const handlePlaying = useCallback(() => {
|
|
19207
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19222
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
19208
19223
|
setIsPauseVideo(false);
|
|
19209
19224
|
const item = data[index];
|
|
19210
19225
|
if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
|
|
@@ -19217,14 +19232,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19217
19232
|
eventSubject: 'playVideo',
|
|
19218
19233
|
eventDescription: 'User played the video',
|
|
19219
19234
|
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 : '',
|
|
19220
|
-
|
|
19235
|
+
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 : '',
|
|
19236
|
+
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 : '',
|
|
19221
19237
|
playType,
|
|
19222
19238
|
startTime: videoCurrentTime,
|
|
19223
19239
|
videoDuration,
|
|
19224
|
-
contentTags: JSON.stringify((
|
|
19240
|
+
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 : []),
|
|
19225
19241
|
position: index + '',
|
|
19226
19242
|
contentFormat: 'video',
|
|
19227
|
-
traceInfo: (
|
|
19243
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
19228
19244
|
}
|
|
19229
19245
|
});
|
|
19230
19246
|
setIsFirstPlay(false);
|
|
@@ -19263,7 +19279,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19263
19279
|
}
|
|
19264
19280
|
}, [isLoadFinish]);
|
|
19265
19281
|
const onPause = useCallback(() => {
|
|
19266
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
19282
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
19267
19283
|
const item = data[index];
|
|
19268
19284
|
const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
|
|
19269
19285
|
const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
|
|
@@ -19274,14 +19290,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
|
|
|
19274
19290
|
eventSubject: 'playOverVideo',
|
|
19275
19291
|
eventDescription: 'User finished playing the video',
|
|
19276
19292
|
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 : '',
|
|
19277
|
-
|
|
19293
|
+
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 : '',
|
|
19294
|
+
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 : '',
|
|
19278
19295
|
endTime: videoCurrentTime,
|
|
19279
19296
|
videoDuration,
|
|
19280
19297
|
playDuration,
|
|
19281
|
-
contentTags: JSON.stringify((
|
|
19298
|
+
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 : []),
|
|
19282
19299
|
position: index + '',
|
|
19283
19300
|
contentFormat: 'video',
|
|
19284
|
-
traceInfo: (
|
|
19301
|
+
traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
|
|
19285
19302
|
}
|
|
19286
19303
|
});
|
|
19287
19304
|
}
|