pb-sxp-ui 1.16.15 → 1.16.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/index.cjs +235 -162
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +235 -162
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +6 -6
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +6 -6
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +235 -162
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +6 -6
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/DiyPortalPreview/VideoWidget.js +10 -8
  14. package/es/core/components/SxpPageRender/LikeButton/index.js +17 -15
  15. package/es/core/components/SxpPageRender/PictureGroup/index.d.ts +5 -0
  16. package/es/core/components/SxpPageRender/PictureGroup/index.js +39 -13
  17. package/es/core/components/SxpPageRender/VideoWidget/index.js +32 -45
  18. package/es/core/components/SxpPageRender/WaterFall/index.js +4 -3
  19. package/es/core/components/SxpPageRender/index.js +53 -37
  20. package/es/core/context/SxpDataSourceProvider.d.ts +1 -0
  21. package/es/core/context/SxpDataSourceProvider.js +70 -33
  22. package/es/core/hooks/useEventReport.js +6 -5
  23. package/lib/core/components/DiyPortalPreview/VideoWidget.js +10 -8
  24. package/lib/core/components/SxpPageRender/LikeButton/index.js +17 -15
  25. package/lib/core/components/SxpPageRender/PictureGroup/index.d.ts +5 -0
  26. package/lib/core/components/SxpPageRender/PictureGroup/index.js +38 -12
  27. package/lib/core/components/SxpPageRender/VideoWidget/index.js +32 -45
  28. package/lib/core/components/SxpPageRender/WaterFall/index.js +4 -3
  29. package/lib/core/components/SxpPageRender/index.js +53 -37
  30. package/lib/core/context/SxpDataSourceProvider.d.ts +1 -0
  31. package/lib/core/context/SxpDataSourceProvider.js +70 -33
  32. package/lib/core/hooks/useEventReport.js +6 -5
  33. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -644,6 +644,7 @@ const DEFAULT_TAG = 'FOR U';
644
644
  const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent = true, maxSize, defaultSize, isPreview = false, sxpParameter, appDomain, hashTagSize, loadingImage, isOpenHashTag = false, enabledMetaConversionApi = false, consentHeight, consentWidth, isOpenConsent = false, isEditor = false, utmParameter, channelQueryList, data, dataList, isDiyH5, onUpdateSchema, onUpdateChannel }) => {
645
645
  var _a, _b, _c, _d, _e;
646
646
  const [rtcList, setRtcList] = React.useState([]);
647
+ const [firstRtcList, setFirstRtcList] = React.useState([]);
647
648
  const [tagList, setTagList] = React.useState([]);
648
649
  const [loading, setLoading] = React.useState(true);
649
650
  const [curReqInfo, setCurReqInfo] = React.useState({ rtc: '', requestId: '' });
@@ -750,6 +751,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
750
751
  val.split('=')[0];
751
752
  val.split('=')[1];
752
753
  });
754
+ options.body = Object.assign(Object.assign({}, options.body), { tenant_id: fakeUserId });
753
755
  return window
754
756
  .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers), method: options.method, body: options.type === 'beacon' && isBota
755
757
  ? JSON.stringify({
@@ -783,18 +785,18 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
783
785
  set(value) {
784
786
  // 继续正常设置 src
785
787
  originalSrcDescriptor.set.call(this, value);
786
- img.onload = function () {
787
- // 检查是否是目标 URL
788
- if (value.includes('https://www.facebook.com/privacy_sandbox/pixel/register/trigger/')) {
789
- // 解析 URL 参数
790
- const url = new URL(value);
791
- const params = Object.fromEntries(url.searchParams.entries());
792
- bffCollectEvent({
793
- eventName: params === null || params === void 0 ? void 0 : params.ev,
794
- eventSource: 'Meta Pixel'
795
- });
796
- }
797
- };
788
+ // img.onload = function () {
789
+ // 检查是否是目标 URL
790
+ if (value.includes('https://www.facebook.com/privacy_sandbox/pixel/register/trigger/')) {
791
+ // 解析 URL 参数
792
+ const url = new URL(value);
793
+ const params = Object.fromEntries(url.searchParams.entries());
794
+ bffCollectEvent({
795
+ eventName: params === null || params === void 0 ? void 0 : params.ev,
796
+ eventSource: 'Meta Pixel'
797
+ });
798
+ // }
799
+ }
798
800
  },
799
801
  get() {
800
802
  return originalSrcDescriptor.get.call(this);
@@ -834,25 +836,23 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
834
836
  var _a, _b;
835
837
  try {
836
838
  const parsedData = yield parseBeaconData(data);
837
- if (success) {
838
- // 使用你的自定义上报方法
839
- if (urlString.includes('https://tr.snapchat.com/p')) {
840
- (_b = (_a = parsedData === null || parsedData === void 0 ? void 0 : parsedData.req) === null || _a === void 0 ? void 0 : _a.forEach) === null || _b === void 0 ? void 0 : _b.call(_a, (item) => {
841
- var _a, _b;
842
- if ((_a = item === null || item === void 0 ? void 0 : item.t) === null || _a === void 0 ? void 0 : _a.ev) {
843
- bffCollectEvent({
844
- eventName: (_b = item === null || item === void 0 ? void 0 : item.t) === null || _b === void 0 ? void 0 : _b.ev,
845
- eventSource: 'Snapchat Pixel'
846
- });
847
- }
848
- });
849
- }
850
- else if (urlString.includes('https://analytics.tiktok.com/api/v2/pixel') && (parsedData === null || parsedData === void 0 ? void 0 : parsedData.event)) {
851
- bffCollectEvent({
852
- eventName: parsedData.event,
853
- eventSource: 'TikTok Pixel'
854
- });
855
- }
839
+ // 使用你的自定义上报方法
840
+ if (urlString.includes('https://tr.snapchat.com/p')) {
841
+ (_b = (_a = parsedData === null || parsedData === void 0 ? void 0 : parsedData.req) === null || _a === void 0 ? void 0 : _a.forEach) === null || _b === void 0 ? void 0 : _b.call(_a, (item) => {
842
+ var _a, _b;
843
+ if ((_a = item === null || item === void 0 ? void 0 : item.t) === null || _a === void 0 ? void 0 : _a.ev) {
844
+ bffCollectEvent({
845
+ eventName: (_b = item === null || item === void 0 ? void 0 : item.t) === null || _b === void 0 ? void 0 : _b.ev,
846
+ eventSource: 'Snapchat Pixel'
847
+ });
848
+ }
849
+ });
850
+ }
851
+ else if (urlString.includes('https://analytics.tiktok.com/api/v2/pixel') && (parsedData === null || parsedData === void 0 ? void 0 : parsedData.event)) {
852
+ bffCollectEvent({
853
+ eventName: parsedData.event,
854
+ eventSource: 'TikTok Pixel'
855
+ });
856
856
  }
857
857
  }
858
858
  catch (error) {
@@ -874,6 +874,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
874
874
  window.fetch = function (input, init) {
875
875
  var arguments_1 = arguments;
876
876
  return __awaiter(this, void 0, void 0, function* () {
877
+ var _a;
877
878
  // 安全获取 URL 字符串
878
879
  let url;
879
880
  try {
@@ -894,17 +895,39 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
894
895
  // 检查是否是 GA4 收集端点
895
896
  try {
896
897
  // 1. 先执行原始请求
897
- const response = yield _originalFetch.apply(this, arguments_1);
898
+ const response = _originalFetch.apply(this, arguments_1);
898
899
  // 2. 检查请求是否成功 (HTTP 200-299)
899
900
  // 安全解析 URL
900
901
  const urlObj = new URL(url);
901
902
  const params = Object.fromEntries(urlObj.searchParams.entries());
903
+ const body = (_a = arguments_1[1]) === null || _a === void 0 ? void 0 : _a.body;
902
904
  if (params === null || params === void 0 ? void 0 : params.en) {
903
905
  bffCollectEvent({
904
906
  eventName: params === null || params === void 0 ? void 0 : params.en,
905
907
  eventSource: 'Google Analytics'
906
908
  });
907
909
  }
910
+ else if (body) {
911
+ function extractAllEnValuesSplit(queryString) {
912
+ if (typeof queryString !== 'string') {
913
+ return [];
914
+ }
915
+ const matches = [];
916
+ const regex = /en=([^&\r\n]*)/g;
917
+ let match;
918
+ while ((match = regex.exec(queryString)) !== null) {
919
+ matches.push(decodeURIComponent(match[1]));
920
+ }
921
+ return matches;
922
+ }
923
+ const enValues = extractAllEnValuesSplit(body);
924
+ enValues === null || enValues === void 0 ? void 0 : enValues.forEach((en) => {
925
+ bffCollectEvent({
926
+ eventName: en,
927
+ eventSource: 'Google Analytics'
928
+ });
929
+ });
930
+ }
908
931
  return response;
909
932
  }
910
933
  catch (error) {
@@ -974,6 +997,9 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
974
997
  if ((rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) === 0) {
975
998
  setRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
976
999
  setCacheRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1000
+ if (isDiyH5) {
1001
+ setFirstRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1002
+ }
977
1003
  }
978
1004
  const isNotNullList = (_0 = (_z = result === null || result === void 0 ? void 0 : result.data) === null || _z === void 0 ? void 0 : _z.recList) === null || _0 === void 0 ? void 0 : _0.some((item) => (item === null || item === void 0 ? void 0 : item.product) || (item === null || item === void 0 ? void 0 : item.video));
979
1005
  if (isNotNullList) {
@@ -1013,12 +1039,17 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1013
1039
  if (rtcList.length <= 0) {
1014
1040
  return;
1015
1041
  }
1042
+ if (isDiyH5 && (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) > 0) {
1043
+ setRtcList(rtcList.concat(firstRtcList));
1044
+ setCacheRtcList(cacheRtcList.concat(firstRtcList));
1045
+ return;
1046
+ }
1016
1047
  const lastItem = rtcList === null || rtcList === void 0 ? void 0 : rtcList[(rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) - 1];
1017
1048
  const data = yield getRecommendVideos(Object.assign(Object.assign(Object.assign(Object.assign({ hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag }, (((_1 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _1 === void 0 ? void 0 : _1.itemId) && { productFilter: [(_2 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.product) === null || _2 === void 0 ? void 0 : _2.itemId] })), (((_3 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _3 === void 0 ? void 0 : _3.itemId) && { contentFilter: [(_4 = lastItem === null || lastItem === void 0 ? void 0 : lastItem.video) === null || _4 === void 0 ? void 0 : _4.itemId] })), { themeTag: themeTag.current }), ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) && !isEditor && { pageNum })));
1018
1049
  setRtcList(rtcList.concat(getFilterRecList(data)));
1019
1050
  setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
1020
1051
  return data;
1021
- }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
1052
+ }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList, isDiyH5, firstRtcList]);
1022
1053
  const refreshFeSession = React.useCallback((enableReSid, event) => {
1023
1054
  var _a, _b, _c, _d, _e;
1024
1055
  let expire = false;
@@ -1245,7 +1276,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1245
1276
  }
1246
1277
  }), [bffFetch, utmVal]);
1247
1278
  const ctaEvent = React.useCallback((eventInfo, rec, product, position) => {
1248
- 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;
1279
+ 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;
1249
1280
  const cta = product === null || product === void 0 ? void 0 : product.bindCta;
1250
1281
  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);
1251
1282
  let fromKName = '';
@@ -1263,7 +1294,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1263
1294
  }
1264
1295
  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;
1265
1296
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1266
- eventInfo: Object.assign(Object.assign({}, eventInfo), { ctaId: (_r = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _r !== void 0 ? _r : '', ctaName: (_s = cta === null || cta === void 0 ? void 0 : cta.title) !== null && _s !== void 0 ? _s : '', contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_u = (_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '', productId: isProd ? product === null || product === void 0 ? void 0 : product.itemId : '', traceInfo: (_10 = (_7 = (_2 = (_y = (_v = cta === null || cta === void 0 ? void 0 : cta.traceInfo) !== null && _v !== void 0 ? _v : (_x = (_w = rec === null || rec === void 0 ? void 0 : rec.video) === null || _w === void 0 ? void 0 : _w.bindCta) === null || _x === void 0 ? void 0 : _x.traceInfo) !== null && _y !== void 0 ? _y : (_1 = (_0 = (_z = rec === null || rec === void 0 ? void 0 : rec.video) === null || _z === void 0 ? void 0 : _z.bindProduct) === null || _0 === void 0 ? void 0 : _0.bindCta) === null || _1 === void 0 ? void 0 : _1.traceInfo) !== null && _2 !== void 0 ? _2 : (_6 = (_5 = (_4 = (_3 = rec === null || rec === void 0 ? void 0 : rec.video) === null || _3 === void 0 ? void 0 : _3.bindProducts) === null || _4 === void 0 ? void 0 : _4[0]) === null || _5 === void 0 ? void 0 : _5.bindCta) === null || _6 === void 0 ? void 0 : _6.traceInfo) !== null && _7 !== void 0 ? _7 : (_9 = (_8 = rec === null || rec === void 0 ? void 0 : rec.product) === null || _8 === void 0 ? void 0 : _8.bindCta) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : '', fromKName, fromKPage: (_11 = location === null || location === void 0 ? void 0 : location.href) !== null && _11 !== void 0 ? _11 : '', contentFormat })
1297
+ 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 })
1267
1298
  });
1268
1299
  }, [bffEventReport, isFromHashtag]);
1269
1300
  const h5EnterLink = React.useCallback(() => {
@@ -1365,6 +1396,9 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1365
1396
  }
1366
1397
  setRtcList(list);
1367
1398
  setCacheRtcList(list);
1399
+ if (isDiyH5) {
1400
+ setFirstRtcList(list);
1401
+ }
1368
1402
  bffGetTagList(curData !== null && curData !== void 0 ? curData : finalPageData);
1369
1403
  if (channel) {
1370
1404
  const item = list === null || list === void 0 ? void 0 : list[0];
@@ -1400,6 +1434,9 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1400
1434
  }
1401
1435
  setRtcList(list);
1402
1436
  setCacheRtcList(list);
1437
+ if (isDiyH5) {
1438
+ setFirstRtcList(list);
1439
+ }
1403
1440
  }
1404
1441
  })
1405
1442
  .finally(() => {
@@ -1463,7 +1500,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
1463
1500
  refreshFeSession,
1464
1501
  getAccount,
1465
1502
  accountSonsent,
1466
- isDiyH5
1503
+ isDiyH5,
1504
+ firstRtcList
1467
1505
  } }, isShowConsent ? (React.createElement(Consent$4, Object.assign({}, (_e = (_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.props))) : (render({
1468
1506
  rtcList,
1469
1507
  mutateLike: bffMutateLike,
@@ -1924,14 +1962,14 @@ var settingRender$f = [
1924
1962
  * @Author: binruan@chatlabs.com
1925
1963
  * @Date: 2024-03-12 10:59:06
1926
1964
  * @LastEditors: binruan@chatlabs.com
1927
- * @LastEditTime: 2024-11-28 11:17:16
1965
+ * @LastEditTime: 2025-05-09 15:30:59
1928
1966
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
1929
1967
  *
1930
1968
  */
1931
1969
  function useEventReport() {
1932
1970
  const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
1933
1971
  const jumpToWeb = React.useCallback((e, data, product, cta, position, traceInfo) => {
1934
- 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;
1972
+ 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;
1935
1973
  const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
1936
1974
  if (i !== -1) {
1937
1975
  return;
@@ -1964,11 +2002,11 @@ function useEventReport() {
1964
2002
  contentFormat = 'image';
1965
2003
  }
1966
2004
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1967
- eventInfo: Object.assign({ eventSubject: 'jumpToWeb', eventDescription: 'User jumped to website', productId: (_v = product === null || product === void 0 ? void 0 : product.itemId) !== null && _v !== void 0 ? _v : '', productName: (_w = product === null || product === void 0 ? void 0 : product.title) !== null && _w !== void 0 ? _w : '', price: (product === null || product === void 0 ? void 0 : product.price) ? (product === null || product === void 0 ? void 0 : product.price) + '' : '0', productCollection: (_x = product === null || product === void 0 ? void 0 : product.collection) !== null && _x !== void 0 ? _x : '', fromKName, fromKPage: location === null || location === void 0 ? void 0 : location.href, contentTags: contentTags ? JSON.stringify(contentTags) : '', position: position + '', contentId: (_z = (_y = data === null || data === void 0 ? void 0 : data.video) === null || _y === void 0 ? void 0 : _y.itemId) !== null && _z !== void 0 ? _z : '', ctatId: (_0 = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _0 !== void 0 ? _0 : '', traceInfo: (_13 = (_10 = (_8 = (_4 = (_1 = traceInfo !== null && traceInfo !== void 0 ? traceInfo : product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _1 !== void 0 ? _1 : (_3 = (_2 = data === null || data === void 0 ? void 0 : data.video) === null || _2 === void 0 ? void 0 : _2.bindProduct) === null || _3 === void 0 ? void 0 : _3.traceInfo) !== null && _4 !== void 0 ? _4 : (_7 = (_6 = (_5 = data === null || data === void 0 ? void 0 : data.video) === null || _5 === void 0 ? void 0 : _5.bindProducts) === null || _6 === void 0 ? void 0 : _6[0]) === null || _7 === void 0 ? void 0 : _7.traceInfo) !== null && _8 !== void 0 ? _8 : (_9 = data === null || data === void 0 ? void 0 : data.product) === null || _9 === void 0 ? void 0 : _9.traceInfo) !== null && _10 !== void 0 ? _10 : (_12 = (_11 = data === null || data === void 0 ? void 0 : data.video) === null || _11 === void 0 ? void 0 : _11.bindCta) === null || _12 === void 0 ? void 0 : _12.traceInfo) !== null && _13 !== void 0 ? _13 : '' }, (contentFormat && { contentFormat }))
2005
+ 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 }))
1968
2006
  });
1969
2007
  }, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
1970
2008
  const productView = React.useCallback((data, product, cta, viewTime, position) => {
1971
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
2009
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
1972
2010
  let fromKName = '';
1973
2011
  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))) {
1974
2012
  fromKName = 'pdpPage';
@@ -1987,8 +2025,9 @@ function useEventReport() {
1987
2025
  contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
1988
2026
  position: position + '',
1989
2027
  contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
2028
+ 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 : '',
1990
2029
  ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
1991
- traceInfo: (_p = (_m = (_h = (_e = product === null || product === void 0 ? void 0 : product.traceInfo) !== null && _e !== void 0 ? _e : (_g = (_f = data === null || data === void 0 ? void 0 : data.video) === null || _f === void 0 ? void 0 : _f.bindProduct) === null || _g === void 0 ? void 0 : _g.traceInfo) !== null && _h !== void 0 ? _h : (_l = (_k = (_j = data === null || data === void 0 ? void 0 : data.video) === null || _j === void 0 ? void 0 : _j.bindProducts) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.traceInfo) !== null && _m !== void 0 ? _m : (_o = data === null || data === void 0 ? void 0 : data.product) === null || _o === void 0 ? void 0 : _o.traceInfo) !== null && _p !== void 0 ? _p : '',
2030
+ 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 : '',
1992
2031
  timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
1993
2032
  eventSubject: 'productView',
1994
2033
  eventDescription: 'User browsed the product'
@@ -15803,7 +15842,7 @@ function WaterfallList(_a) {
15803
15842
  * @Author: binruan@chatlabs.com
15804
15843
  * @Date: 2024-01-10 10:58:24
15805
15844
  * @LastEditors: binruan@chatlabs.com
15806
- * @LastEditTime: 2025-02-28 10:00:31
15845
+ * @LastEditTime: 2025-05-09 15:30:41
15807
15846
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
15808
15847
  *
15809
15848
  */
@@ -15841,7 +15880,7 @@ const WaterFall = (props) => {
15841
15880
  }
15842
15881
  }, [waterFallData]);
15843
15882
  const reportTagsView = React.useCallback(() => {
15844
- var _a, _b, _c, _d, _e, _f;
15883
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
15845
15884
  const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
15846
15885
  if (!rec)
15847
15886
  return;
@@ -15861,9 +15900,10 @@ const WaterFall = (props) => {
15861
15900
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
15862
15901
  eventInfo: {
15863
15902
  contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
15903
+ 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 : '',
15864
15904
  position: cacheActiveIndex + '',
15865
- contentTags: JSON.stringify((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.tags),
15866
- traceInfo: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo,
15905
+ contentTags: JSON.stringify((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.tags),
15906
+ traceInfo: (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.traceInfo,
15867
15907
  hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
15868
15908
  fromKName,
15869
15909
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
@@ -17945,7 +17985,7 @@ const LikeButton = (_a) => {
17945
17985
  const likeIcon = useIconLink(defaultLikeIconPath$2);
17946
17986
  const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
17947
17987
  const handleClick = lodash.debounce(() => __awaiter(void 0, void 0, void 0, function* () {
17948
- var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
17988
+ 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;
17949
17989
  if (state) {
17950
17990
  // 先设置状态
17951
17991
  setState(false);
@@ -17955,11 +17995,12 @@ const LikeButton = (_a) => {
17955
17995
  eventSubject: 'favoriteContentCanceled',
17956
17996
  eventDescription: 'This content was unfavorite by the user',
17957
17997
  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 : '',
17958
- contentName: (_j = (_h = recData === null || recData === void 0 ? void 0 : recData.video) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : '',
17959
- contentTags: JSON.stringify((_l = (_k = recData === null || recData === void 0 ? void 0 : recData.video) === null || _k === void 0 ? void 0 : _k.tags) !== null && _l !== void 0 ? _l : []),
17998
+ 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 : '',
17999
+ 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 : '',
18000
+ 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 : []),
17960
18001
  position: position + '',
17961
- contentFormat: ((_m = recData === null || recData === void 0 ? void 0 : recData.video) === null || _m === void 0 ? void 0 : _m.url) ? 'video' : 'image',
17962
- traceInfo: (_o = recData === null || recData === void 0 ? void 0 : recData.video) === null || _o === void 0 ? void 0 : _o.traceInfo
18002
+ contentFormat: ((_q = recData === null || recData === void 0 ? void 0 : recData.video) === null || _q === void 0 ? void 0 : _q.url) ? 'video' : 'image',
18003
+ traceInfo: (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.traceInfo
17963
18004
  }
17964
18005
  });
17965
18006
  // 如果接口调用失败，则回滚状态
@@ -17967,40 +18008,41 @@ const LikeButton = (_a) => {
17967
18008
  setState(true);
17968
18009
  }
17969
18010
  else {
17970
- const nRtcList = (_p = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18011
+ const nRtcList = (_s = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
17971
18012
  if (index === position) {
17972
18013
  item.isCollected = false;
17973
18014
  }
17974
18015
  return item;
17975
- })) !== null && _p !== void 0 ? _p : [];
18016
+ })) !== null && _s !== void 0 ? _s : [];
17976
18017
  setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
17977
18018
  }
17978
18019
  }
17979
18020
  else {
17980
18021
  setState(true);
17981
- const result = (_q = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _q !== void 0 ? _q : false;
18022
+ const result = (_t = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _t !== void 0 ? _t : false;
17982
18023
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
17983
18024
  eventInfo: {
17984
18025
  eventSubject: 'favoriteContent',
17985
18026
  eventDescription: 'This content was favorite by the user',
17986
- contentId: (_s = (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.itemId) !== null && _s !== void 0 ? _s : '',
17987
- contentName: (_u = (_t = recData === null || recData === void 0 ? void 0 : recData.video) === null || _t === void 0 ? void 0 : _t.title) !== null && _u !== void 0 ? _u : '',
17988
- contentTags: JSON.stringify((_w = (_v = recData === null || recData === void 0 ? void 0 : recData.video) === null || _v === void 0 ? void 0 : _v.tags) !== null && _w !== void 0 ? _w : []),
18027
+ 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 : '',
18028
+ 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 : '',
18029
+ 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 : '',
18030
+ 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 : []),
17989
18031
  position: position + '',
17990
- contentFormat: ((_x = recData === null || recData === void 0 ? void 0 : recData.video) === null || _x === void 0 ? void 0 : _x.url) ? 'video' : 'image',
17991
- traceInfo: (_y = recData === null || recData === void 0 ? void 0 : recData.video) === null || _y === void 0 ? void 0 : _y.traceInfo
18032
+ contentFormat: ((_3 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _3 === void 0 ? void 0 : _3.url) ? 'video' : 'image',
18033
+ traceInfo: (_4 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _4 === void 0 ? void 0 : _4.traceInfo
17992
18034
  }
17993
18035
  });
17994
18036
  if (!result) {
17995
18037
  setState(false);
17996
18038
  }
17997
18039
  else {
17998
- const nRtcList = (_z = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18040
+ const nRtcList = (_5 = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
17999
18041
  if (index === position) {
18000
18042
  item.isCollected = true;
18001
18043
  }
18002
18044
  return item;
18003
- })) !== null && _z !== void 0 ? _z : [];
18045
+ })) !== null && _5 !== void 0 ? _5 : [];
18004
18046
  setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
18005
18047
  }
18006
18048
  }
@@ -18037,7 +18079,7 @@ const mountVideoPlayerAtNode = (() => {
18037
18079
  const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activeIndex, videoPostConfig, videoPlayIcon, loopPlay, swiperRef }, ref) => {
18038
18080
  var _a, _b;
18039
18081
  const [isPauseVideo, setIsPauseVideo] = React.useState(false);
18040
- const { bffEventReport, sxpParameter, waterFallData, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
18082
+ const { bffEventReport, sxpParameter, firstRtcList, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
18041
18083
  const videoStartTime = React.useRef(0);
18042
18084
  const [isLoadFinish, setIsLoadFinish] = React.useState(false);
18043
18085
  const { isActive } = useSwiperSlide();
@@ -18103,6 +18145,23 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18103
18145
  return;
18104
18146
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
18105
18147
  }, [videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18148
+ const handleEnd = () => {
18149
+ var _a, _b, _c, _d, _e, _f;
18150
+ if (!videoRef.current)
18151
+ return;
18152
+ if (isDiyH5) {
18153
+ (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
18154
+ if (!loopPlayRef.current)
18155
+ return;
18156
+ if (firstRtcList && index < (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) - 1) {
18157
+ const i = (_c = (_b = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _b === void 0 ? void 0 : _b.swiper) === null || _c === void 0 ? void 0 : _c.activeIndex;
18158
+ (_e = (_d = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _d === void 0 ? void 0 : _d.swiper) === null || _e === void 0 ? void 0 : _e.slideTo(i + 1);
18159
+ }
18160
+ }
18161
+ else {
18162
+ (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.play();
18163
+ }
18164
+ };
18106
18165
  const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
18107
18166
  const handlePlaying = React.useCallback(() => {
18108
18167
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
@@ -18111,7 +18170,7 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18111
18170
  setIsLoadFinish(true);
18112
18171
  }, []);
18113
18172
  const handleStartPlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
18114
- var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
18173
+ var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
18115
18174
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
18116
18175
  return;
18117
18176
  setIsPauseVideo(false);
@@ -18122,16 +18181,11 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18122
18181
  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);
18123
18182
  const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
18124
18183
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18125
- eventInfo: Object.assign({ eventSubject: 'playVideo', eventDescription: 'User played the video', contentId: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.itemId) !== null && _k !== void 0 ? _k : '', contentName: (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.title) !== null && _m !== void 0 ? _m : '', playType, startTime: videoCurrentTime, videoDuration, contentTags: JSON.stringify((_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.tags) !== null && _p !== void 0 ? _p : []), position: index + '', contentFormat: 'video', traceInfo: (_q = item === null || item === void 0 ? void 0 : item.video) === null || _q === void 0 ? void 0 : _q.traceInfo }, ((isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) && { loadTime: (loadedTimeRef === null || loadedTimeRef === void 0 ? void 0 : loadedTimeRef.current) - (initTimeRef === null || initTimeRef === void 0 ? void 0 : initTimeRef.current) + '' }))
18184
+ 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) + '' }))
18126
18185
  });
18127
18186
  isFirstPlayRef.current = false;
18128
18187
  }
18129
18188
  }), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18130
- const setCurrentTimeByStartTime = React.useCallback(() => {
18131
- if (isDiyH5) {
18132
- videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
18133
- }
18134
- }, []);
18135
18189
  const handLoadeddata = React.useCallback(() => {
18136
18190
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || firstFrameSrc || !blur)
18137
18191
  return;
@@ -18156,13 +18210,12 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18156
18210
  const handleLoadedmetadata = React.useCallback(() => {
18157
18211
  if (!videoRef.current)
18158
18212
  return;
18159
- setCurrentTimeByStartTime();
18160
18213
  loadedTimeRef.current = new Date();
18161
18214
  handleStartPlay();
18162
18215
  handLoadeddata();
18163
18216
  }, [videoRef.current, handLoadeddata, handleStartPlay]);
18164
18217
  const handleClickVideo = React.useCallback((type) => () => {
18165
- var _a, _b, _c, _d, _e, _f;
18218
+ var _a, _b, _c, _d, _e;
18166
18219
  if (!videoRef.current)
18167
18220
  return;
18168
18221
  if (!isLoadFinish)
@@ -18183,20 +18236,17 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18183
18236
  break;
18184
18237
  default:
18185
18238
  if (isPause) {
18186
- if (isDiyH5 && Math.round((_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.currentTime) >= (scene === null || scene === void 0 ? void 0 : scene.endTime)) {
18187
- videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
18188
- }
18189
- (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.play();
18239
+ (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.play();
18190
18240
  }
18191
18241
  else {
18192
- (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.pause();
18242
+ (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.pause();
18193
18243
  }
18194
18244
  setIsPauseVideo(!isPause);
18195
18245
  break;
18196
18246
  }
18197
18247
  }, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18198
18248
  const handlePause = React.useCallback(() => {
18199
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
18249
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
18200
18250
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
18201
18251
  return;
18202
18252
  if (activeIndex !== index)
@@ -18212,14 +18262,15 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18212
18262
  eventSubject: 'playOverVideo',
18213
18263
  eventDescription: 'User finished playing the video',
18214
18264
  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 : '',
18215
- contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
18265
+ 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 : '',
18266
+ 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 : '',
18216
18267
  endTime: videoCurrentTime,
18217
18268
  videoDuration,
18218
18269
  playDuration,
18219
- contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
18270
+ 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 : []),
18220
18271
  position: index + '',
18221
18272
  contentFormat: 'video',
18222
- traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
18273
+ traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
18223
18274
  }
18224
18275
  });
18225
18276
  }
@@ -18227,27 +18278,8 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18227
18278
  const handleWaiting = React.useCallback(() => {
18228
18279
  setWaiting(true);
18229
18280
  }, []);
18230
- const handleTimeUpload = () => {
18231
- if (!videoRef.current || !isDiyH5)
18232
- return;
18233
- setTimeout(() => {
18234
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
18235
- 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)) {
18236
- (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
18237
- if (!loopPlayRef.current)
18238
- return;
18239
- if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
18240
- (_e = (_d = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _d === void 0 ? void 0 : _d.swiper) === null || _e === void 0 ? void 0 : _e.slideTo(0);
18241
- }
18242
- else {
18243
- const i = (_g = (_f = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _f === void 0 ? void 0 : _f.swiper) === null || _g === void 0 ? void 0 : _g.activeIndex;
18244
- (_j = (_h = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _h === void 0 ? void 0 : _h.swiper) === null || _j === void 0 ? void 0 : _j.slideTo(i + 1);
18245
- }
18246
- }
18247
- });
18248
- };
18249
18281
  React.useEffect(() => {
18250
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
18282
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18251
18283
  if (!isActive)
18252
18284
  return;
18253
18285
  const videoSrc = videoUrl;
@@ -18268,7 +18300,6 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18268
18300
  hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
18269
18301
  hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
18270
18302
  var _a;
18271
- setCurrentTimeByStartTime();
18272
18303
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
18273
18304
  });
18274
18305
  }
@@ -18282,12 +18313,11 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18282
18313
  (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('play', handleStartPlay);
18283
18314
  (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.addEventListener('playing', handlePlaying);
18284
18315
  (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.addEventListener('pause', handlePause);
18285
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handlePlay);
18316
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handleEnd);
18286
18317
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
18287
18318
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
18288
- (_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.addEventListener('timeupdate', handleTimeUpload);
18289
18319
  return () => {
18290
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
18320
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18291
18321
  const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
18292
18322
  if (!isPause)
18293
18323
  handlePause();
@@ -18299,10 +18329,9 @@ const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activ
18299
18329
  (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
18300
18330
  (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
18301
18331
  (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
18302
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
18332
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handleEnd);
18303
18333
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
18304
18334
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
18305
- (_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.removeEventListener('timeupdate', handleTimeUpload);
18306
18335
  };
18307
18336
  }, [isActive]);
18308
18337
  React.useEffect(() => {
@@ -18513,19 +18542,45 @@ const Picture = (props) => {
18513
18542
  }, onLoad: onShowFirstImage }))));
18514
18543
  };
18515
18544
 
18516
- const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig }) => {
18545
+ const PictureGroup$4 = React.forwardRef(({ imgUrls, data, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig, swiperRef }, ref) => {
18517
18546
  var _a, _b;
18518
18547
  const { isActive } = useSwiperSlide();
18519
- const { sxpParameter, openHashtag } = useSxpDataSource();
18548
+ const { firstRtcList, openHashtag, isDiyH5 } = useSxpDataSource();
18520
18549
  const [isLoad, setIsLoad] = React.useState(false);
18521
18550
  const [imgInfo, setImgInfo] = React.useState();
18522
18551
  const [swiperActiveIndex, setSwiperActiveIndex] = React.useState(0);
18523
- const swiperRef = React.useRef();
18552
+ const imgsSwiperRef = React.useRef();
18524
18553
  const isFirstPlayRef = React.useRef(true);
18554
+ const loopPlayRef = React.useRef(true);
18525
18555
  const initTime = new Date();
18556
+ React.useImperativeHandle(ref, () => {
18557
+ return {
18558
+ setLoopPlay(v) {
18559
+ loopPlayRef.current = v;
18560
+ }
18561
+ };
18562
+ });
18563
+ React.useEffect(() => {
18564
+ let timerId;
18565
+ if (isLoad && isActive && isDiyH5) {
18566
+ timerId = setTimeout(() => {
18567
+ var _a, _b, _c, _d;
18568
+ if (!loopPlayRef.current)
18569
+ return;
18570
+ if (firstRtcList && index < (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) - 1) {
18571
+ const i = (_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.activeIndex;
18572
+ (_d = (_c = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _c === void 0 ? void 0 : _c.swiper) === null || _d === void 0 ? void 0 : _d.slideTo(i + 1);
18573
+ }
18574
+ }, 3000);
18575
+ }
18576
+ return () => {
18577
+ if (timerId)
18578
+ clearTimeout(timerId);
18579
+ };
18580
+ }, [isLoad, isActive, isDiyH5, index, swiperRef, firstRtcList]);
18526
18581
  React.useEffect(() => {
18527
18582
  if (isLoad && isActive) {
18528
- (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.start();
18583
+ (imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.start();
18529
18584
  if (openHashtag) {
18530
18585
  onViewImageEndEvent(rec);
18531
18586
  }
@@ -18535,7 +18590,7 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
18535
18590
  }
18536
18591
  }
18537
18592
  else {
18538
- (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.stop();
18593
+ (imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.stop();
18539
18594
  }
18540
18595
  }, [rec, isActive, onViewImageEndEvent, openHashtag, index, onViewImageStartEvent, isLoad, imgInfo]);
18541
18596
  const showFirstImageFn = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
@@ -18562,13 +18617,13 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
18562
18617
  };
18563
18618
  }, [isActive, imgInfo]);
18564
18619
  const handleMouseEnter = React.useCallback(() => {
18565
- if (swiperRef.current && swiperRef.current.swiper && isAlly) {
18566
- swiperRef.current.swiper.autoplay.stop();
18620
+ if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
18621
+ imgsSwiperRef.current.swiper.autoplay.stop();
18567
18622
  }
18568
18623
  }, []);
18569
18624
  const handleMouseLeave = React.useCallback(() => {
18570
- if (swiperRef.current && swiperRef.current.swiper && isAlly) {
18571
- swiperRef.current.swiper.autoplay.start();
18625
+ if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
18626
+ imgsSwiperRef.current.swiper.autoplay.start();
18572
18627
  }
18573
18628
  }, []);
18574
18629
  const handleSlideChange = React.useCallback((swiper) => {
@@ -18589,7 +18644,7 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
18589
18644
  enabled: true
18590
18645
  }
18591
18646
  }
18592
- : {}), { loop: true, ref: swiperRef, onSlideChange: handleSlideChange, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
18647
+ : {}), { loop: true, ref: imgsSwiperRef, onSlideChange: handleSlideChange, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
18593
18648
  bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0,
18594
18649
  fontSize: '14px'
18595
18650
  } }, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor) && {
@@ -18606,7 +18661,7 @@ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEven
18606
18661
  return (React.createElement(SwiperSlide, { key: srcKey, "aria-hidden": srcKey !== swiperActiveIndex },
18607
18662
  React.createElement(Picture, { src: !isLoad && srcKey > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
18608
18663
  }))));
18609
- };
18664
+ });
18610
18665
  var PictureGroup$5 = React.memo(PictureGroup$4);
18611
18666
 
18612
18667
  /*
@@ -18886,7 +18941,7 @@ var NavBack$1 = React.memo(NavBack);
18886
18941
  * @Author: binruan@chatlabs.com
18887
18942
  * @Date: 2024-03-20 10:27:31
18888
18943
  * @LastEditors: binruan@chatlabs.com
18889
- * @LastEditTime: 2025-05-09 15:51:40
18944
+ * @LastEditTime: 2025-05-12 14:26:15
18890
18945
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
18891
18946
  *
18892
18947
  */
@@ -18906,6 +18961,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
18906
18961
  const skipLinkRef = React.useRef(false);
18907
18962
  const [pageNum, setPageNum] = React.useState(2);
18908
18963
  const videoWidgetRef = React.useRef(null);
18964
+ const pictureGroupRef = React.useRef(null);
18909
18965
  const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5 } = useSxpDataSource();
18910
18966
  const { backMainFeed, productView, jumpToWeb } = useEventReport();
18911
18967
  const isShowFingerTip = React.useMemo(() => {
@@ -18953,7 +19009,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
18953
19009
  (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
18954
19010
  }, [data, ctaType, swiperRef]);
18955
19011
  const handleSessionCompleted = React.useCallback((fk) => {
18956
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
19012
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
18957
19013
  const item = data === null || data === void 0 ? void 0 : data[activeIndex];
18958
19014
  let fromKName = '';
18959
19015
  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))) {
@@ -18980,12 +19036,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
18980
19036
  eventSubject: 'sessionCompleted',
18981
19037
  eventDescription: 'Session completed',
18982
19038
  contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
18983
- productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
19039
+ 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 : '',
19040
+ productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
18984
19041
  position: activeIndex + '',
18985
19042
  fromKName: fk || fromKName,
18986
19043
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
18987
- ctatId: (_r = (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.bindCta) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
18988
- traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : ''
19044
+ 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 : '',
19045
+ 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 : ''
18989
19046
  }
18990
19047
  });
18991
19048
  }, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
@@ -19044,8 +19101,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19044
19101
  refreshFeSession
19045
19102
  ]);
19046
19103
  const handleSessionExpire = React.useCallback(lodash.debounce(() => {
19047
- var _a;
19104
+ var _a, _b;
19048
19105
  (_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
19106
+ (_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
19049
19107
  refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false, handleSessionCompleted);
19050
19108
  }, 1000), [handleSessionCompleted, refreshFeSession]);
19051
19109
  React.useEffect(() => {
@@ -19115,18 +19173,18 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19115
19173
  return null;
19116
19174
  }, [globalConfig, activeIndex, visList]);
19117
19175
  const renderContent = React.useCallback((rec, index) => {
19118
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
19176
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
19119
19177
  if (rec === 'organic menu') {
19120
19178
  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)));
19121
19179
  }
19122
- if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.url) {
19180
+ 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)) {
19123
19181
  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 })));
19124
19182
  }
19125
- if ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.imgUrls) {
19126
- 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 }));
19183
+ if ((_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.imgUrls) {
19184
+ return (React.createElement(PictureGroup$5, Object.assign({ data: data }, (activeIndex === index && { ref: pictureGroupRef }), { 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, swiperRef: swiperRef })));
19127
19185
  }
19128
- if (rec.product && Array.isArray(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) && ((_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _j === void 0 ? void 0 : _j.length) > 0) {
19129
- return (_k = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _k === void 0 ? void 0 : _k.map((value, idx) => {
19186
+ 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) {
19187
+ return (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _m === void 0 ? void 0 : _m.map((value, idx) => {
19130
19188
  var _a, _b, _c, _d, _e, _f, _g, _h;
19131
19189
  const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
19132
19190
  const Component = withBindDataSource(t);
@@ -19164,7 +19222,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19164
19222
  };
19165
19223
  }, [isShowMore]);
19166
19224
  const renderBottom = React.useCallback((rec, index) => {
19167
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
19225
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
19168
19226
  if (rec === null || rec === void 0 ? void 0 : rec.video) {
19169
19227
  let cta = null;
19170
19228
  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) {
@@ -19173,24 +19231,27 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19173
19231
  else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
19174
19232
  cta = '商品CTA';
19175
19233
  }
19234
+ 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)) {
19235
+ cta = '服务CTA';
19236
+ }
19176
19237
  else {
19177
- cta = (_e = (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindCta) === null || _e === void 0 ? void 0 : _e.itemId;
19238
+ 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;
19178
19239
  }
19179
19240
  const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
19180
19241
  const isNineProduct = (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nineProductEnable) &&
19181
19242
  index === ((rtcList === null || rtcList === void 0 ? void 0 : rtcList[0]) === 'organic menu' ? 2 : 1) &&
19182
- ((_f = ['MultiCommodity', 'MultiCommodityDiro', 'MultiCommodityDiroNew']) === null || _f === void 0 ? void 0 : _f.includes((_g = value === null || value === void 0 ? void 0 : value.item) === null || _g === void 0 ? void 0 : _g.type));
19243
+ ((_j = ['MultiCommodity', 'MultiCommodityDiro', 'MultiCommodityDiroNew']) === null || _j === void 0 ? void 0 : _j.includes((_k = value === null || value === void 0 ? void 0 : value.item) === null || _k === void 0 ? void 0 : _k.type));
19183
19244
  return (React.createElement(React.Fragment, null,
19184
19245
  isNineProduct && (React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value, isNineProduct: isNineProduct })),
19185
- ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
19186
- React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _j !== void 0 ? _j : 40}px` } },
19246
+ ((_l = rec === null || rec === void 0 ? void 0 : rec.video) === null || _l === void 0 ? void 0 : _l.title) && !isShowMore && React.createElement("div", { className: 'clc-sxp-bottom-shadow' }),
19247
+ React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _m !== void 0 ? _m : 40}px` } },
19187
19248
  React.createElement(Nudge, { nudge: nudge }),
19188
19249
  ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) && !isNineProduct ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
19189
19250
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
19190
19251
  React.createElement("div", null,
19191
- React.createElement(ExpandableText$1, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
19252
+ 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: (_p = (_o = rec === null || rec === void 0 ? void 0 : rec.video) === null || _o === void 0 ? void 0 : _o.title) !== null && _p !== void 0 ? _p : '', 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 }),
19192
19253
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
19193
- React.createElement(Hashtag$1, { index: activeIndex, tags: (_o = (_m = rec === null || rec === void 0 ? void 0 : rec.video) === null || _m === void 0 ? void 0 : _m.hashTags) !== null && _o !== void 0 ? _o : [], itemId: (_p = rec === null || rec === void 0 ? void 0 : rec.video) === null || _p === void 0 ? void 0 : _p.itemId, itemType: ((_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
19254
+ React.createElement(Hashtag$1, { index: activeIndex, tags: (_r = (_q = rec === null || rec === void 0 ? void 0 : rec.video) === null || _q === void 0 ? void 0 : _q.hashTags) !== null && _r !== void 0 ? _r : [], itemId: (_s = rec === null || rec === void 0 ? void 0 : rec.video) === null || _s === void 0 ? void 0 : _s.itemId, itemType: ((_t = rec === null || rec === void 0 ? void 0 : rec.video) === null || _t === void 0 ? void 0 : _t.itemId) ? 'VIDEO' : null, rec: rec, hashTagStyle: hashTagStyle, hashTagRightMargin: containerWidth - (hashTagRightMargin !== null && hashTagRightMargin !== void 0 ? hashTagRightMargin : 0) }))),
19194
19255
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
19195
19256
  }
19196
19257
  return null;
@@ -19229,7 +19290,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19229
19290
  return null;
19230
19291
  }, [globalConfig, waterFallData]);
19231
19292
  const handleViewImageStartEnd = (item) => {
19232
- var _a, _b, _c, _d, _e, _f;
19293
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
19233
19294
  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)) {
19234
19295
  const endTime = Date.now();
19235
19296
  const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
@@ -19238,10 +19299,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19238
19299
  eventSubject: 'viewImageCarouselEnd',
19239
19300
  eventDescription: 'User end view the image carousel',
19240
19301
  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 : '',
19241
- contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
19302
+ 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 : '',
19303
+ contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
19242
19304
  imageEndTime: `${endTime}`,
19243
19305
  playDuration: `${duration}`,
19244
- contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
19306
+ contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
19245
19307
  position: activeIndex + '',
19246
19308
  contentFormat: 'image',
19247
19309
  traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
@@ -19250,7 +19312,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19250
19312
  }
19251
19313
  };
19252
19314
  const handleSlideSkip = (item, position) => {
19253
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
19315
+ 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;
19254
19316
  if (isPreview || waterFallData)
19255
19317
  return;
19256
19318
  const t = new Date() - curTime.current;
@@ -19276,7 +19338,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19276
19338
  contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
19277
19339
  position: position + '',
19278
19340
  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 : '',
19279
- traceInfo: (_x = (_v = (_u = item === null || item === void 0 ? void 0 : item.video) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : (_w = item === null || item === void 0 ? void 0 : item.product) === null || _w === void 0 ? void 0 : _w.traceInfo) !== null && _x !== void 0 ? _x : '',
19341
+ 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 : '',
19342
+ 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 : '',
19280
19343
  contentFormat
19281
19344
  }
19282
19345
  });
@@ -19286,7 +19349,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19286
19349
  }
19287
19350
  };
19288
19351
  const handleScrollEvent = (swiper) => {
19289
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
19352
+ 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;
19290
19353
  const item = data[swiper.previousIndex];
19291
19354
  if (!item)
19292
19355
  return;
@@ -19303,11 +19366,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19303
19366
  eventSubject: 'scrollDown',
19304
19367
  eventDescription: 'User scroll down',
19305
19368
  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 : '',
19306
- productId: (_g = (_f = item === null || item === void 0 ? void 0 : item.product) === null || _f === void 0 ? void 0 : _f.itemId) !== null && _g !== void 0 ? _g : '',
19369
+ 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 : '',
19370
+ 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 : '',
19307
19371
  requestId: null,
19308
- traceInfo: (_l = (_j = (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.traceInfo) !== null && _j !== void 0 ? _j : (_k = item === null || item === void 0 ? void 0 : item.product) === null || _k === void 0 ? void 0 : _k.traceInfo) !== null && _l !== void 0 ? _l : '',
19372
+ 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 : '',
19309
19373
  contentFormat,
19310
- position: ((_m = swiper.previousIndex) !== null && _m !== void 0 ? _m : 0) + ''
19374
+ position: ((_q = swiper.previousIndex) !== null && _q !== void 0 ? _q : 0) + ''
19311
19375
  }
19312
19376
  });
19313
19377
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19319,12 +19383,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19319
19383
  eventInfo: {
19320
19384
  eventSubject: 'scrollUp',
19321
19385
  eventDescription: 'User scroll up',
19322
- contentId: (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.itemId) !== null && _p !== void 0 ? _p : '',
19323
- productId: (_r = (_q = item.product) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
19386
+ 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 : '',
19387
+ 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 : '',
19388
+ productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
19324
19389
  requestId: null,
19325
- traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : '',
19390
+ 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 : '',
19326
19391
  contentFormat,
19327
- position: ((_w = swiper.previousIndex) !== null && _w !== void 0 ? _w : 0) + ''
19392
+ position: ((_2 = swiper.previousIndex) !== null && _2 !== void 0 ? _2 : 0) + ''
19328
19393
  }
19329
19394
  });
19330
19395
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19350,7 +19415,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19350
19415
  }
19351
19416
  }, [openHashtag, data, activeIndex]);
19352
19417
  const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
19353
- var _a, _b, _c, _d, _e, _f, _g, _h;
19418
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
19354
19419
  const item = data[activeIndex];
19355
19420
  // 如果是图片集则上报事件
19356
19421
  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)) {
@@ -19361,9 +19426,10 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19361
19426
  eventSubject: 'viewImageCarouselStart',
19362
19427
  eventDescription: 'User start view the image carousel',
19363
19428
  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 : '',
19364
- contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
19429
+ 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 : '',
19430
+ contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
19365
19431
  imageStartTime: `${startTime}`,
19366
- contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
19432
+ contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
19367
19433
  position: activeIndex + '',
19368
19434
  contentFormat: 'image',
19369
19435
  traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
@@ -19373,11 +19439,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19373
19439
  if (enableCapi) {
19374
19440
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19375
19441
  eventName: 'ViewContent',
19376
- product: (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.bindProduct
19442
+ product: (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.bindProduct
19377
19443
  });
19378
19444
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19379
19445
  eventName: 'PageView',
19380
- product: (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.bindProduct
19446
+ product: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.bindProduct
19381
19447
  });
19382
19448
  }
19383
19449
  }
@@ -19469,15 +19535,20 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
19469
19535
  swiperRef.current.swiper.allowTouchMove = true;
19470
19536
  }, 500);
19471
19537
  }, onActiveIndexChange: (swiper) => {
19538
+ var _a, _b;
19472
19539
  setActiveIndex(swiper.activeIndex);
19473
19540
  if (openHashtag)
19474
19541
  return;
19475
19542
  // 处理上滑下滑事件
19476
19543
  handleScrollEvent(swiper);
19477
- if (waterFallData || isEditor || isDiyH5)
19544
+ if (waterFallData || isEditor)
19478
19545
  return;
19479
19546
  if ((swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex) + 1 >= (data === null || data === void 0 ? void 0 : data.length)) {
19480
19547
  if (!isLoadMore) {
19548
+ if (isDiyH5) {
19549
+ (_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
19550
+ (_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
19551
+ }
19481
19552
  setIsLoadMore(true);
19482
19553
  loadVideos === null || loadVideos === void 0 ? void 0 : loadVideos(pageNum).then((res) => {
19483
19554
  var _a;
@@ -19530,7 +19601,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19530
19601
  }, []);
19531
19602
  const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
19532
19603
  const handlePlaying = React.useCallback(() => {
19533
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
19604
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
19534
19605
  setIsPauseVideo(false);
19535
19606
  const item = data[index];
19536
19607
  if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
@@ -19543,14 +19614,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19543
19614
  eventSubject: 'playVideo',
19544
19615
  eventDescription: 'User played the video',
19545
19616
  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 : '',
19546
- contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
19617
+ 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 : '',
19618
+ 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 : '',
19547
19619
  playType,
19548
19620
  startTime: videoCurrentTime,
19549
19621
  videoDuration,
19550
- contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
19622
+ 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 : []),
19551
19623
  position: index + '',
19552
19624
  contentFormat: 'video',
19553
- traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
19625
+ traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
19554
19626
  }
19555
19627
  });
19556
19628
  setIsFirstPlay(false);
@@ -19589,7 +19661,7 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19589
19661
  }
19590
19662
  }, [isLoadFinish]);
19591
19663
  const onPause = React.useCallback(() => {
19592
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
19664
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
19593
19665
  const item = data[index];
19594
19666
  const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
19595
19667
  const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
@@ -19600,14 +19672,15 @@ const VideoWidget$2 = ({ rec, index, height, data, muted, activeIndex, videoPost
19600
19672
  eventSubject: 'playOverVideo',
19601
19673
  eventDescription: 'User finished playing the video',
19602
19674
  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 : '',
19603
- contentName: (_k = (_j = item === null || item === void 0 ? void 0 : item.video) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : '',
19675
+ 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 : '',
19676
+ 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 : '',
19604
19677
  endTime: videoCurrentTime,
19605
19678
  videoDuration,
19606
19679
  playDuration,
19607
- contentTags: JSON.stringify((_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.tags) !== null && _m !== void 0 ? _m : []),
19680
+ 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 : []),
19608
19681
  position: index + '',
19609
19682
  contentFormat: 'video',
19610
- traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
19683
+ traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
19611
19684
  }
19612
19685
  });
19613
19686
  }