pb-sxp-ui 1.16.25 → 1.17.0-alpha

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 (76) hide show
  1. package/dist/index.cjs +268 -338
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +15 -7
  4. package/dist/index.js +268 -338
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.min.cjs +6 -6
  7. package/dist/index.min.cjs.map +1 -1
  8. package/dist/index.min.js +6 -6
  9. package/dist/index.min.js.map +1 -1
  10. package/dist/pb-ui.js +268 -338
  11. package/dist/pb-ui.js.map +1 -1
  12. package/dist/pb-ui.min.js +6 -6
  13. package/dist/pb-ui.min.js.map +1 -1
  14. package/es/core/components/DiyPortalPreview/VideoWidget.js +8 -10
  15. package/es/core/components/SxpPageRender/LikeButton/index.js +16 -18
  16. package/es/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
  17. package/es/core/components/SxpPageRender/PictureGroup/index.js +13 -39
  18. package/es/core/components/SxpPageRender/RenderCard.js +1 -1
  19. package/es/core/components/SxpPageRender/VideoWidget/index.js +45 -32
  20. package/es/core/components/SxpPageRender/WaterFall/index.js +3 -4
  21. package/es/core/components/SxpPageRender/index.js +37 -53
  22. package/es/core/context/SxpDataSourceProvider.d.ts +12 -5
  23. package/es/core/context/SxpDataSourceProvider.js +10 -32
  24. package/es/core/hooks/useEventReport.js +5 -6
  25. package/es/materials/sxp/consentPopup/Display/index.js +1 -1
  26. package/es/materials/sxp/cta/AniLinkPopup/material.js +2 -3
  27. package/es/materials/sxp/popup/CommodityDetail/material.js +1 -2
  28. package/es/materials/sxp/popup/CommodityList/index.js +4 -5
  29. package/es/materials/sxp/popup/CommodityList/material.js +1 -1
  30. package/es/materials/sxp/popup/CommodityList/settingRender.js +1 -1
  31. package/es/materials/sxp/template/Appoint/material.js +1 -2
  32. package/es/materials/sxp/template/Commodity/material.js +2 -3
  33. package/es/materials/sxp/template/CommodityDiro/material.js +2 -3
  34. package/es/materials/sxp/template/CommodityDiroNew/material.js +2 -4
  35. package/es/materials/sxp/template/Link/material.js +2 -4
  36. package/es/materials/sxp/template/MultiCommodity/index.js +1 -1
  37. package/es/materials/sxp/template/MultiCommodity/material.js +1 -2
  38. package/es/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  39. package/es/materials/sxp/template/MultiCommodityDiro/material.js +2 -3
  40. package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  41. package/es/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -4
  42. package/es/materials/sxp/template/NineCommodity/material.js +2 -3
  43. package/es/materials/sxp/template/components/CommodityGroup.js +1 -1
  44. package/es/materials/sxp/template/components/settingRender.js +1 -1
  45. package/lib/core/components/DiyPortalPreview/VideoWidget.js +8 -10
  46. package/lib/core/components/SxpPageRender/LikeButton/index.js +16 -18
  47. package/lib/core/components/SxpPageRender/PictureGroup/index.d.ts +0 -5
  48. package/lib/core/components/SxpPageRender/PictureGroup/index.js +12 -38
  49. package/lib/core/components/SxpPageRender/RenderCard.js +1 -1
  50. package/lib/core/components/SxpPageRender/VideoWidget/index.js +45 -32
  51. package/lib/core/components/SxpPageRender/WaterFall/index.js +3 -4
  52. package/lib/core/components/SxpPageRender/index.js +37 -53
  53. package/lib/core/context/SxpDataSourceProvider.d.ts +12 -5
  54. package/lib/core/context/SxpDataSourceProvider.js +10 -32
  55. package/lib/core/hooks/useEventReport.js +5 -6
  56. package/lib/materials/sxp/consentPopup/Display/index.js +1 -1
  57. package/lib/materials/sxp/cta/AniLinkPopup/material.js +1 -2
  58. package/lib/materials/sxp/popup/CommodityDetail/material.js +1 -2
  59. package/lib/materials/sxp/popup/CommodityList/index.js +4 -5
  60. package/lib/materials/sxp/popup/CommodityList/material.js +1 -1
  61. package/lib/materials/sxp/popup/CommodityList/settingRender.js +1 -1
  62. package/lib/materials/sxp/template/Appoint/material.js +1 -2
  63. package/lib/materials/sxp/template/Commodity/material.js +2 -3
  64. package/lib/materials/sxp/template/CommodityDiro/material.js +2 -3
  65. package/lib/materials/sxp/template/CommodityDiroNew/material.js +2 -4
  66. package/lib/materials/sxp/template/Link/material.js +2 -4
  67. package/lib/materials/sxp/template/MultiCommodity/index.js +1 -1
  68. package/lib/materials/sxp/template/MultiCommodity/material.js +1 -2
  69. package/lib/materials/sxp/template/MultiCommodityDiro/index.js +1 -1
  70. package/lib/materials/sxp/template/MultiCommodityDiro/material.js +2 -3
  71. package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +1 -1
  72. package/lib/materials/sxp/template/MultiCommodityDiroNew/material.js +2 -4
  73. package/lib/materials/sxp/template/NineCommodity/material.js +2 -3
  74. package/lib/materials/sxp/template/components/CommodityGroup.js +1 -1
  75. package/lib/materials/sxp/template/components/settingRender.js +1 -1
  76. package/package.json +1 -1
package/dist/pb-ui.js CHANGED
@@ -637,7 +637,6 @@
637
637
  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 }) => {
638
638
  var _a, _b, _c, _d, _e;
639
639
  const [rtcList, setRtcList] = React.useState([]);
640
- const [firstRtcList, setFirstRtcList] = React.useState([]);
641
640
  const [tagList, setTagList] = React.useState([]);
642
641
  const [loading, setLoading] = React.useState(true);
643
642
  const [curReqInfo, setCurReqInfo] = React.useState({ rtc: '', requestId: '' });
@@ -731,7 +730,7 @@
731
730
  }, [bffDataSource]);
732
731
  // bff API 请求方法
733
732
  const bffFetch = React.useCallback((path, options, isBota = true) => {
734
- var _a, _b;
733
+ var _a;
735
734
  if (!bffDataSource)
736
735
  return;
737
736
  const url = bffDataSource.url;
@@ -744,9 +743,8 @@
744
743
  val.split('=')[0];
745
744
  val.split('=')[1];
746
745
  });
747
- options.body = Object.assign(Object.assign({}, options.body), { productUserId: fakeUserId });
748
746
  return window
749
- .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId, 'tenant-id': (_b = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _b === void 0 ? void 0 : _b['x-app-id'] }, bffDataSource.headers), method: options.method, body: options.type === 'beacon' && isBota
747
+ .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
750
748
  ? JSON.stringify({
751
749
  body: btoa(encodeURIComponent(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))))
752
750
  })
@@ -1021,9 +1019,6 @@
1021
1019
  if ((rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) === 0) {
1022
1020
  setRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1023
1021
  setCacheRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1024
- if (isDiyH5) {
1025
- setFirstRtcList(getFilterRecList(Object.assign(Object.assign({}, result === null || result === void 0 ? void 0 : result.data), { recList: list })));
1026
- }
1027
1022
  }
1028
1023
  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));
1029
1024
  if (isNotNullList) {
@@ -1063,17 +1058,12 @@
1063
1058
  if (rtcList.length <= 0) {
1064
1059
  return;
1065
1060
  }
1066
- if (isDiyH5 && (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) > 0) {
1067
- setRtcList(rtcList.concat(firstRtcList));
1068
- setCacheRtcList(cacheRtcList.concat(firstRtcList));
1069
- return;
1070
- }
1071
1061
  const lastItem = rtcList === null || rtcList === void 0 ? void 0 : rtcList[(rtcList === null || rtcList === void 0 ? void 0 : rtcList.length) - 1];
1072
1062
  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 })));
1073
1063
  setRtcList(rtcList.concat(getFilterRecList(data)));
1074
1064
  setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
1075
1065
  return data;
1076
- }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList, isDiyH5, firstRtcList]);
1066
+ }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
1077
1067
  const refreshFeSession = React.useCallback((enableReSid, event) => {
1078
1068
  var _a, _b, _c, _d, _e;
1079
1069
  let expire = false;
@@ -1104,8 +1094,8 @@
1104
1094
  // 用户信息都是公共的
1105
1095
  if (!userInfo) {
1106
1096
  userInfo = {
1107
- productUserId: fakeUserId // 后端逻辑会从请求头获取，所以不需要传
1108
- // tpChannelId: 'H5' // 后端处理
1097
+ // productUserId: fakeUserId, // 后端逻辑会从请求头获取，所以不需要传
1098
+ // tpChannelId: 'H5' // 后端处理
1109
1099
  };
1110
1100
  }
1111
1101
  const sessionID = storeAndLoadFeSessionId();
@@ -1139,8 +1129,7 @@
1139
1129
  layoutVariantId,
1140
1130
  globalConfig,
1141
1131
  playbookType,
1142
- bffDataSource,
1143
- fakeUserId
1132
+ bffDataSource
1144
1133
  ]);
1145
1134
  const getEventParamsByJson = React.useCallback((json, product) => {
1146
1135
  var _a, _b, _c;
@@ -1273,15 +1262,13 @@
1273
1262
  }
1274
1263
  }, [bffFetch, enableReportEvent, enabledMetaConversionApi, globalConfig, bffDataSource, getEventParamsByJson]);
1275
1264
  const bffMutateLike = React.useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
1276
- body = Object.assign(Object.assign({}, body), { productUserId: fakeUserId });
1277
1265
  const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/like', { method: 'POST', body }));
1278
1266
  return res === null || res === void 0 ? void 0 : res.success;
1279
- }), [bffFetch, fakeUserId]);
1267
+ }), [bffFetch]);
1280
1268
  const bffMutateUnlike = React.useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
1281
- body = Object.assign(Object.assign({}, body), { productUserId: fakeUserId });
1282
1269
  const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/unlike', { method: 'POST', body }));
1283
1270
  return res === null || res === void 0 ? void 0 : res.success;
1284
- }), [bffFetch, fakeUserId]);
1271
+ }), [bffFetch]);
1285
1272
  const bffSubmitForm = React.useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
1286
1273
  const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/customform', { method: 'POST', body }));
1287
1274
  return res === null || res === void 0 ? void 0 : res.success;
@@ -1306,7 +1293,7 @@
1306
1293
  }
1307
1294
  }), [bffFetch, utmVal]);
1308
1295
  const ctaEvent = React.useCallback((eventInfo, rec, product, position) => {
1309
- 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;
1296
+ 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;
1310
1297
  const cta = product === null || product === void 0 ? void 0 : product.bindCta;
1311
1298
  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);
1312
1299
  let fromKName = '';
@@ -1324,7 +1311,7 @@
1324
1311
  }
1325
1312
  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;
1326
1313
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1327
- 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 })
1314
+ 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 })
1328
1315
  });
1329
1316
  }, [bffEventReport, isFromHashtag]);
1330
1317
  const h5EnterLink = React.useCallback(() => {
@@ -1426,9 +1413,6 @@
1426
1413
  }
1427
1414
  setRtcList(list);
1428
1415
  setCacheRtcList(list);
1429
- if (isDiyH5) {
1430
- setFirstRtcList(list);
1431
- }
1432
1416
  bffGetTagList(curData !== null && curData !== void 0 ? curData : finalPageData);
1433
1417
  if (channel) {
1434
1418
  const item = list === null || list === void 0 ? void 0 : list[0];
@@ -1464,9 +1448,6 @@
1464
1448
  }
1465
1449
  setRtcList(list);
1466
1450
  setCacheRtcList(list);
1467
- if (isDiyH5) {
1468
- setFirstRtcList(list);
1469
- }
1470
1451
  }
1471
1452
  })
1472
1453
  .finally(() => {
@@ -1530,8 +1511,7 @@
1530
1511
  refreshFeSession,
1531
1512
  getAccount,
1532
1513
  accountSonsent,
1533
- isDiyH5,
1534
- firstRtcList
1514
+ isDiyH5
1535
1515
  } }, 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({
1536
1516
  rtcList,
1537
1517
  mutateLike: bffMutateLike,
@@ -1992,14 +1972,14 @@
1992
1972
  * @Author: binruan@chatlabs.com
1993
1973
  * @Date: 2024-03-12 10:59:06
1994
1974
  * @LastEditors: binruan@chatlabs.com
1995
- * @LastEditTime: 2025-05-09 15:30:59
1975
+ * @LastEditTime: 2024-11-28 11:17:16
1996
1976
  * @FilePath: \pb-sxp-ui\src\core\hooks\useEventReport.ts
1997
1977
  *
1998
1978
  */
1999
1979
  function useEventReport() {
2000
1980
  const { bffEventReport, popupDetailData, isFromHashtag, eventTimeList, setEventTimeList } = useSxpDataSource();
2001
1981
  const jumpToWeb = React.useCallback((e, data, product, cta, position, traceInfo) => {
2002
- 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;
1982
+ 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;
2003
1983
  const i = eventTimeList === null || eventTimeList === void 0 ? void 0 : eventTimeList.findIndex((item) => item.target === (e === null || e === void 0 ? void 0 : e.target));
2004
1984
  if (i !== -1) {
2005
1985
  return;
@@ -2032,11 +2012,11 @@
2032
2012
  contentFormat = 'image';
2033
2013
  }
2034
2014
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
2035
- 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 }))
2015
+ 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 }))
2036
2016
  });
2037
2017
  }, [bffEventReport, popupDetailData, isFromHashtag, eventTimeList]);
2038
2018
  const productView = React.useCallback((data, product, cta, viewTime, position) => {
2039
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
2019
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
2040
2020
  let fromKName = '';
2041
2021
  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))) {
2042
2022
  fromKName = 'pdpPage';
@@ -2055,9 +2035,8 @@
2055
2035
  contentTags: JSON.stringify(product === null || product === void 0 ? void 0 : product.tags),
2056
2036
  position: position + '',
2057
2037
  contentId: (_d = data === null || data === void 0 ? void 0 : data.video) === null || _d === void 0 ? void 0 : _d.itemId,
2058
- 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 : '',
2059
2038
  ctatId: cta === null || cta === void 0 ? void 0 : cta.itemId,
2060
- 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 : '',
2039
+ 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 : '',
2061
2040
  timeOnSite: Math.floor((new Date() - viewTime) / 1000) + '',
2062
2041
  eventSubject: 'productView',
2063
2042
  eventDescription: 'User browsed the product'
@@ -2653,6 +2632,35 @@
2653
2632
  }
2654
2633
  ];
2655
2634
 
2635
+ /*
2636
+ * @Author: binruan@chatlabs.com
2637
+ * @Date: 2024-07-09 14:35:10
2638
+ * @LastEditors: binruan@chatlabs.com
2639
+ * @LastEditTime: 2024-07-12 17:53:02
2640
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\interactionRender.tsx
2641
+ *
2642
+ */
2643
+ /*
2644
+ * @Author: binruan@chatlabs.com
2645
+ * @Date: 2024-07-05 14:08:41
2646
+ * @LastEditors: binruan@chatlabs.com
2647
+ * @LastEditTime: 2024-07-09 14:34:49
2648
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
2649
+ *
2650
+ */
2651
+ var interactionRender$g = [
2652
+ {
2653
+ title: '滑动事件',
2654
+ child: [
2655
+ {
2656
+ type: 'Switch',
2657
+ label: '滑动铺满全屏',
2658
+ name: ['isScrollFullScreen']
2659
+ }
2660
+ ]
2661
+ }
2662
+ ];
2663
+
2656
2664
  /**
2657
2665
  * SSR Window 4.0.2
2658
2666
  * Better handling for window object in SSR environment
@@ -10231,7 +10239,7 @@
10231
10239
  return (React.createElement(React.Fragment, null, (item === null || item === void 0 ? void 0 : item.bindCta) ? (React.createElement(SwiperSlide, { className: css.css({
10232
10240
  width: '50px',
10233
10241
  height: '50px',
10234
- marginRight: '10px'
10242
+ marginInlineStart: '10px'
10235
10243
  }), onClick: () => {
10236
10244
  handleClick(item, index);
10237
10245
  }, key: index },
@@ -10830,35 +10838,6 @@
10830
10838
  };
10831
10839
  var CommodityDetailComponent = React.memo(CommodityDetail$1);
10832
10840
 
10833
- /*
10834
- * @Author: binruan@chatlabs.com
10835
- * @Date: 2024-07-09 14:35:10
10836
- * @LastEditors: binruan@chatlabs.com
10837
- * @LastEditTime: 2024-07-12 17:53:02
10838
- * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\CommodityDetail\interactionRender.tsx
10839
- *
10840
- */
10841
- /*
10842
- * @Author: binruan@chatlabs.com
10843
- * @Date: 2024-07-05 14:08:41
10844
- * @LastEditors: binruan@chatlabs.com
10845
- * @LastEditTime: 2024-07-09 14:34:49
10846
- * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLink\interactionRender.tsx
10847
- *
10848
- */
10849
- var interactionRender$g = [
10850
- {
10851
- title: '滑动事件',
10852
- child: [
10853
- {
10854
- type: 'Switch',
10855
- label: '滑动铺满全屏',
10856
- name: ['isScrollFullScreen']
10857
- }
10858
- ]
10859
- }
10860
- ];
10861
-
10862
10841
  /*
10863
10842
  * @Author: binruan@chatlabs.com
10864
10843
  * @Date: 2023-07-28 18:29:57
@@ -10905,7 +10884,6 @@
10905
10884
  taxInfo: {
10906
10885
  color: '#000',
10907
10886
  fontSize: 13,
10908
- textAlign: 'left',
10909
10887
  marginBottom: '10px'
10910
10888
  }
10911
10889
  },
@@ -11997,7 +11975,7 @@ Made in Italy` })));
11997
11975
  type: 'Number',
11998
11976
  label: '与右侧边距',
11999
11977
  addonAfter: 'px',
12000
- name: ['props', 'commodityPicture', 'marginRight']
11978
+ name: ['props', 'commodityPicture', 'marginInlineStart']
12001
11979
  },
12002
11980
  {
12003
11981
  label: '居中垂直偏移',
@@ -12283,12 +12261,11 @@ Made in Italy` })));
12283
12261
  React.createElement("button", Object.assign({ role: 'button', "aria-label": item === null || item === void 0 ? void 0 : item.title, tabIndex: 0, className: css.css({
12284
12262
  display: 'flex',
12285
12263
  alignItems: 'normal',
12286
- width: '100%',
12287
- textAlign: 'left'
12264
+ width: '100%'
12288
12265
  }) }, props),
12289
12266
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: commodityPicture, enableEventReport: false }),
12290
12267
  React.createElement("div", { style: {
12291
- width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginRight) !== null && _f !== void 0 ? _f : 0}px)`,
12268
+ width: `calc(100% - ${(_e = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.width) !== null && _e !== void 0 ? _e : 0}px - ${(_f = commodityPicture === null || commodityPicture === void 0 ? void 0 : commodityPicture.marginInlineStart) !== null && _f !== void 0 ? _f : 0}px)`,
12292
12269
  display: 'flex',
12293
12270
  flexDirection: 'column',
12294
12271
  justifyContent: 'space-between'
@@ -12369,7 +12346,7 @@ Made in Italy` })));
12369
12346
  commodityPicture: {
12370
12347
  width: 100,
12371
12348
  height: 100,
12372
- marginRight: 10
12349
+ marginInlineStart: 10
12373
12350
  },
12374
12351
  commodityStyles: {
12375
12352
  price: {
@@ -12615,7 +12592,7 @@ Made in Italy` })));
12615
12592
  type: 'Number',
12616
12593
  label: '与右侧边距',
12617
12594
  addonAfter: 'px',
12618
- name: ['props', 'ctaTempStyles', 'img', 'marginRight']
12595
+ name: ['props', 'ctaTempStyles', 'img', 'marginInlineStart']
12619
12596
  },
12620
12597
  {
12621
12598
  label: '居中垂直偏移',
@@ -12876,12 +12853,11 @@ Made in Italy` })));
12876
12853
  borderRadius: 3,
12877
12854
  width: 60,
12878
12855
  height: 60,
12879
- marginRight: 8
12856
+ marginInlineStart: 8
12880
12857
  },
12881
12858
  title: {
12882
12859
  fontSize: 12,
12883
- color: '#fff',
12884
- textAlign: 'left'
12860
+ color: '#fff'
12885
12861
  },
12886
12862
  ctaTitle: {
12887
12863
  fontSize: 10,
@@ -12959,12 +12935,11 @@ Made in Italy` })));
12959
12935
  borderRadius: 3,
12960
12936
  width: 30,
12961
12937
  height: 30,
12962
- marginRight: 8
12938
+ marginInlineStart: 8
12963
12939
  },
12964
12940
  ctaTitle: {
12965
12941
  fontSize: 12,
12966
12942
  color: '#fff',
12967
- textAlign: 'left',
12968
12943
  width: 130,
12969
12944
  height: 20
12970
12945
  }
@@ -13100,6 +13075,27 @@ Made in Italy` })));
13100
13075
  }
13101
13076
  ];
13102
13077
 
13078
+ /*
13079
+ * @Author: binruan@chatlabs.com
13080
+ * @Date: 2024-08-09 16:59:38
13081
+ * @LastEditors: binruan@chatlabs.com
13082
+ * @LastEditTime: 2024-09-09 13:59:50
13083
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
13084
+ *
13085
+ */
13086
+ var interactionRender$a = [
13087
+ {
13088
+ title: '点击事件',
13089
+ child: [
13090
+ {
13091
+ type: 'link',
13092
+ name: 'onClick',
13093
+ hiddenUrl: true
13094
+ }
13095
+ ]
13096
+ }
13097
+ ];
13098
+
13103
13099
  var styles$8 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU","one-line-ellipsis":"index-module_one-line-ellipsis__buFw1"};
13104
13100
 
13105
13101
  const Link$1 = (_a) => {
@@ -13127,27 +13123,6 @@ Made in Italy` })));
13127
13123
  };
13128
13124
  var LinkComponent = React.memo(Link$1);
13129
13125
 
13130
- /*
13131
- * @Author: binruan@chatlabs.com
13132
- * @Date: 2024-08-09 16:59:38
13133
- * @LastEditors: binruan@chatlabs.com
13134
- * @LastEditTime: 2024-09-09 13:59:50
13135
- * @FilePath: \pb-sxp-ui\src\materials\sxp\template\Link\interactionRender.tsx
13136
- *
13137
- */
13138
- var interactionRender$a = [
13139
- {
13140
- title: '点击事件',
13141
- child: [
13142
- {
13143
- type: 'link',
13144
- name: 'onClick',
13145
- hiddenUrl: true
13146
- }
13147
- ]
13148
- }
13149
- ];
13150
-
13151
13126
  var _a;
13152
13127
  const Link = createMaterial(LinkComponent, {
13153
13128
  displayName: '普通CTA',
@@ -13166,19 +13141,17 @@ Made in Italy` })));
13166
13141
  borderRadius: 3,
13167
13142
  width: 60,
13168
13143
  height: 60,
13169
- marginRight: 8
13144
+ marginInlineStart: 8
13170
13145
  },
13171
13146
  ctaTitle: {
13172
13147
  fontSize: 12,
13173
13148
  color: '#fff',
13174
- textAlign: 'left',
13175
13149
  width: 130,
13176
13150
  height: 20
13177
13151
  }
13178
13152
  },
13179
13153
  customTitle: {
13180
13154
  style: {
13181
- textAlign: 'left',
13182
13155
  textDecoration: 'underline',
13183
13156
  fontWeight: 'bold',
13184
13157
  width: 130,
@@ -13268,12 +13241,11 @@ Made in Italy` })));
13268
13241
  borderRadius: 3,
13269
13242
  width: 60,
13270
13243
  height: 60,
13271
- marginRight: 8
13244
+ marginInlineStart: 8
13272
13245
  },
13273
13246
  title: {
13274
13247
  fontSize: 12,
13275
- color: '#000',
13276
- textAlign: 'left'
13248
+ color: '#000'
13277
13249
  },
13278
13250
  ctaTitle: {
13279
13251
  fontSize: 10,
@@ -13364,19 +13336,17 @@ Made in Italy` })));
13364
13336
  borderRadius: 8,
13365
13337
  width: 78,
13366
13338
  height: 78,
13367
- marginRight: 16
13339
+ marginInlineStart: 16
13368
13340
  },
13369
13341
  title: {
13370
13342
  fontSize: 13,
13371
- color: '#000',
13372
- textAlign: 'left'
13343
+ color: '#000'
13373
13344
  },
13374
13345
  ctaTitle: {
13375
13346
  textDecoration: 'underline',
13376
13347
  fontSize: 14,
13377
13348
  fontWeight: 'bold',
13378
13349
  color: '#000',
13379
- textAlign: 'left',
13380
13350
  width: 150,
13381
13351
  height: 20
13382
13352
  }
@@ -13418,7 +13388,7 @@ Made in Italy` })));
13418
13388
  const [products] = React.useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
13419
13389
  return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
13420
13390
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
13421
- return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
13391
+ return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
13422
13392
  React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
13423
13393
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
13424
13394
  React.createElement("div", { className: css.css({
@@ -13464,12 +13434,11 @@ Made in Italy` })));
13464
13434
  borderRadius: 3,
13465
13435
  width: 60,
13466
13436
  height: 60,
13467
- marginRight: 8
13437
+ marginInlineStart: 8
13468
13438
  },
13469
13439
  title: {
13470
13440
  fontSize: 12,
13471
- color: '#000',
13472
- textAlign: 'left'
13441
+ color: '#000'
13473
13442
  },
13474
13443
  ctaTitle: {
13475
13444
  fontSize: 10,
@@ -13517,7 +13486,7 @@ Made in Italy` })));
13517
13486
  const [products] = React.useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
13518
13487
  return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
13519
13488
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
13520
- return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
13489
+ return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
13521
13490
  React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
13522
13491
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
13523
13492
  React.createElement("div", { className: css.css({
@@ -13563,12 +13532,11 @@ Made in Italy` })));
13563
13532
  borderRadius: 3,
13564
13533
  width: 60,
13565
13534
  height: 60,
13566
- marginRight: 8
13535
+ marginInlineStart: 8
13567
13536
  },
13568
13537
  title: {
13569
13538
  fontSize: 12,
13570
13539
  color: '#fff',
13571
- textAlign: 'left'
13572
13540
  },
13573
13541
  ctaTitle: {
13574
13542
  fontSize: 10,
@@ -13624,7 +13592,7 @@ Made in Italy` })));
13624
13592
  const [products] = React.useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
13625
13593
  return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
13626
13594
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
13627
- return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
13595
+ return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css.css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginInlineEnd: 0, marginInlineStart: '8px' })), tag: 'li', role: 'listitem' },
13628
13596
  React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
13629
13597
  React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
13630
13598
  React.createElement("div", { className: css.css({
@@ -13671,19 +13639,17 @@ Made in Italy` })));
13671
13639
  borderRadius: 8,
13672
13640
  width: 78,
13673
13641
  height: 78,
13674
- marginRight: 16
13642
+ marginInlineStart: 16
13675
13643
  },
13676
13644
  title: {
13677
13645
  fontSize: 12,
13678
- color: '#000',
13679
- textAlign: 'left'
13646
+ color: '#000'
13680
13647
  },
13681
13648
  ctaTitle: {
13682
13649
  textDecoration: 'underline',
13683
13650
  fontSize: 12,
13684
13651
  fontWeight: 'bold',
13685
13652
  color: '#000',
13686
- textAlign: 'left',
13687
13653
  width: 150,
13688
13654
  height: 20
13689
13655
  }
@@ -13778,12 +13744,11 @@ Made in Italy` })));
13778
13744
  borderRadius: 3,
13779
13745
  width: 60,
13780
13746
  height: 60,
13781
- marginRight: 8
13747
+ marginInlineStart: 8
13782
13748
  },
13783
13749
  title: {
13784
13750
  fontSize: 12,
13785
- color: '#fff',
13786
- textAlign: 'left'
13751
+ color: '#fff'
13787
13752
  },
13788
13753
  ctaTitle: {
13789
13754
  fontSize: 10,
@@ -15872,7 +15837,7 @@ Made in Italy` })));
15872
15837
  * @Author: binruan@chatlabs.com
15873
15838
  * @Date: 2024-01-10 10:58:24
15874
15839
  * @LastEditors: binruan@chatlabs.com
15875
- * @LastEditTime: 2025-05-09 15:30:41
15840
+ * @LastEditTime: 2025-02-28 10:00:31
15876
15841
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
15877
15842
  *
15878
15843
  */
@@ -15910,7 +15875,7 @@ Made in Italy` })));
15910
15875
  }
15911
15876
  }, [waterFallData]);
15912
15877
  const reportTagsView = React.useCallback(() => {
15913
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
15878
+ var _a, _b, _c, _d, _e, _f;
15914
15879
  const rec = recData === null || recData === void 0 ? void 0 : recData.rec;
15915
15880
  if (!rec)
15916
15881
  return;
@@ -15930,10 +15895,9 @@ Made in Italy` })));
15930
15895
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
15931
15896
  eventInfo: {
15932
15897
  contentId: (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.itemId,
15933
- 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 : '',
15934
15898
  position: cacheActiveIndex + '',
15935
- contentTags: JSON.stringify((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.tags),
15936
- traceInfo: (_j = rec === null || rec === void 0 ? void 0 : rec.video) === null || _j === void 0 ? void 0 : _j.traceInfo,
15899
+ contentTags: JSON.stringify((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.tags),
15900
+ traceInfo: (_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.traceInfo,
15937
15901
  hashTags: JSON.stringify([recData === null || recData === void 0 ? void 0 : recData.hashTag]),
15938
15902
  fromKName,
15939
15903
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
@@ -16704,6 +16668,60 @@ Made in Italy` })));
16704
16668
  }
16705
16669
  ];
16706
16670
 
16671
+ /*
16672
+ * @Author: binruan@chatlabs.com
16673
+ * @Date: 2024-07-24 14:58:40
16674
+ * @LastEditors: binruan@chatlabs.com
16675
+ * @LastEditTime: 2024-09-09 13:54:35
16676
+ * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
16677
+ *
16678
+ */
16679
+ var interactionRender$2 = [
16680
+ {
16681
+ title: '点击事件',
16682
+ child: [
16683
+ {
16684
+ type: 'link',
16685
+ name: 'onClick',
16686
+ hiddenUrl: true
16687
+ }
16688
+ ]
16689
+ },
16690
+ {
16691
+ title: '动画效果',
16692
+ child: [
16693
+ {
16694
+ type: 'Select',
16695
+ name: ['animation', 'name'],
16696
+ label: '动画',
16697
+ options: [
16698
+ {
16699
+ label: '默认',
16700
+ value: 1
16701
+ }
16702
+ ],
16703
+ fieldProps: {
16704
+ style: {
16705
+ width: '100%'
16706
+ }
16707
+ }
16708
+ },
16709
+ {
16710
+ type: 'Number',
16711
+ label: '动画启动时间',
16712
+ name: ['animation', 'delay'],
16713
+ addonAfter: 'ms'
16714
+ },
16715
+ {
16716
+ type: 'Number',
16717
+ label: '动画持续时间',
16718
+ name: ['animation', 'duration'],
16719
+ addonAfter: 'ms'
16720
+ }
16721
+ ]
16722
+ }
16723
+ ];
16724
+
16707
16725
  var styles = {"aniLinkPopup":"index-module_aniLinkPopup__YT7kj","animated-fadeIn":"index-module_animated-fadeIn__8ZCbq","fadeIn":"index-module_fadeIn__2E-dk","animated-fadeOut":"index-module_animated-fadeOut__iK4oc","fadeOut":"index-module_fadeOut__MgevT","one-line-ellipsis":"index-module_one-line-ellipsis__NRiVV","two-line-ellipsis":"index-module_two-line-ellipsis__k-YGB","modal-icon-wrapper":"index-module_modal-icon-wrapper__tu3BY","modal-icon-wrapper-img":"index-module_modal-icon-wrapper-img__4b7qZ"};
16708
16726
 
16709
16727
  const closeIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII=';
@@ -16776,60 +16794,6 @@ Made in Italy` })));
16776
16794
  };
16777
16795
  var AniLinkPopupComponent = React.memo(AniLinkPopup$1);
16778
16796
 
16779
- /*
16780
- * @Author: binruan@chatlabs.com
16781
- * @Date: 2024-07-24 14:58:40
16782
- * @LastEditors: binruan@chatlabs.com
16783
- * @LastEditTime: 2024-09-09 13:54:35
16784
- * @FilePath: \pb-sxp-ui\src\materials\sxp\cta\AniLinkPopup\interactionRender.tsx
16785
- *
16786
- */
16787
- var interactionRender$2 = [
16788
- {
16789
- title: '点击事件',
16790
- child: [
16791
- {
16792
- type: 'link',
16793
- name: 'onClick',
16794
- hiddenUrl: true
16795
- }
16796
- ]
16797
- },
16798
- {
16799
- title: '动画效果',
16800
- child: [
16801
- {
16802
- type: 'Select',
16803
- name: ['animation', 'name'],
16804
- label: '动画',
16805
- options: [
16806
- {
16807
- label: '默认',
16808
- value: 1
16809
- }
16810
- ],
16811
- fieldProps: {
16812
- style: {
16813
- width: '100%'
16814
- }
16815
- }
16816
- },
16817
- {
16818
- type: 'Number',
16819
- label: '动画启动时间',
16820
- name: ['animation', 'delay'],
16821
- addonAfter: 'ms'
16822
- },
16823
- {
16824
- type: 'Number',
16825
- label: '动画持续时间',
16826
- name: ['animation', 'duration'],
16827
- addonAfter: 'ms'
16828
- }
16829
- ]
16830
- }
16831
- ];
16832
-
16833
16797
  /*
16834
16798
  * @Author: binruan@chatlabs.com
16835
16799
  * @Date: 2024-07-24 14:58:40
@@ -16868,7 +16832,6 @@ Made in Italy` })));
16868
16832
  title: {
16869
16833
  fontSize: 14,
16870
16834
  color: '#000',
16871
- textAlign: 'left',
16872
16835
  lineHeight: 2.6
16873
16836
  },
16874
16837
  ctaTitle: {
@@ -17097,7 +17060,7 @@ Made in Italy` })));
17097
17060
  React.createElement("span", { style: content === null || content === void 0 ? void 0 : content.style, dangerouslySetInnerHTML: {
17098
17061
  __html: setFontForText((_b = content === null || content === void 0 ? void 0 : content.text) === null || _b === void 0 ? void 0 : _b.replace(/\n/g, '</br>'), content === null || content === void 0 ? void 0 : content.style)
17099
17062
  } }),
17100
- React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginLeft: '5px' }), dangerouslySetInnerHTML: {
17063
+ React.createElement("span", { style: Object.assign(Object.assign({}, interaction === null || interaction === void 0 ? void 0 : interaction.style), { marginInlineEnd: '5px' }), dangerouslySetInnerHTML: {
17101
17064
  __html: setFontForText((_c = interaction === null || interaction === void 0 ? void 0 : interaction.text) === null || _c === void 0 ? void 0 : _c.replace(/\n/g, '</br>'), interaction === null || interaction === void 0 ? void 0 : interaction.style)
17102
17065
  }, onClick: handleClick })),
17103
17066
  isShowClose && (React.createElement("button", { "aria-label": 'close', className: 'consentPopupDisplay-close', onClick: handleClickClose },
@@ -18015,22 +17978,21 @@ Made in Italy` })));
18015
17978
  const likeIcon = useIconLink(defaultLikeIconPath$2);
18016
17979
  const unlikeIcon = useIconLink(defaultUnLikeIconPath$2);
18017
17980
  const handleClick = lodash.debounce(() => __awaiter(void 0, void 0, void 0, function* () {
18018
- 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, _6, _7;
17981
+ var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
18019
17982
  if (state) {
18020
17983
  // 先设置状态
18021
17984
  setState(false);
18022
- const result = (_e = (yield (mutateUnlike === null || mutateUnlike === void 0 ? void 0 : mutateUnlike({ itemId: (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '' })))) !== null && _e !== void 0 ? _e : false;
17985
+ const result = (_e = (yield (mutateUnlike === null || mutateUnlike === void 0 ? void 0 : mutateUnlike({ videoItemId: (_d = (_c = recData === null || recData === void 0 ? void 0 : recData.video) === null || _c === void 0 ? void 0 : _c.itemId) !== null && _d !== void 0 ? _d : '' })))) !== null && _e !== void 0 ? _e : false;
18023
17986
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18024
17987
  eventInfo: {
18025
17988
  eventSubject: 'favoriteContentCanceled',
18026
17989
  eventDescription: 'This content was unfavorite by the user',
18027
17990
  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 : '',
18028
- 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 : '',
18029
- 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 : '',
18030
- 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 : []),
17991
+ 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 : '',
17992
+ 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 : []),
18031
17993
  position: position + '',
18032
- contentFormat: ((_q = recData === null || recData === void 0 ? void 0 : recData.video) === null || _q === void 0 ? void 0 : _q.url) ? 'video' : 'image',
18033
- traceInfo: (_r = recData === null || recData === void 0 ? void 0 : recData.video) === null || _r === void 0 ? void 0 : _r.traceInfo
17994
+ contentFormat: ((_m = recData === null || recData === void 0 ? void 0 : recData.video) === null || _m === void 0 ? void 0 : _m.url) ? 'video' : 'image',
17995
+ traceInfo: (_o = recData === null || recData === void 0 ? void 0 : recData.video) === null || _o === void 0 ? void 0 : _o.traceInfo
18034
17996
  }
18035
17997
  });
18036
17998
  // 如果接口调用失败，则回滚状态
@@ -18038,41 +18000,40 @@ Made in Italy` })));
18038
18000
  setState(true);
18039
18001
  }
18040
18002
  else {
18041
- const nRtcList = (_s = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18003
+ const nRtcList = (_p = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18042
18004
  if (index === position) {
18043
18005
  item.isCollected = false;
18044
18006
  }
18045
18007
  return item;
18046
- })) !== null && _s !== void 0 ? _s : [];
18008
+ })) !== null && _p !== void 0 ? _p : [];
18047
18009
  setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
18048
18010
  }
18049
18011
  }
18050
18012
  else {
18051
18013
  setState(true);
18052
- const result = (_v = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData), itemId: (_u = (_t = recData === null || recData === void 0 ? void 0 : recData.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '' })))) !== null && _v !== void 0 ? _v : false;
18014
+ const result = (_q = (yield (mutateLike === null || mutateLike === void 0 ? void 0 : mutateLike({ content: JSON.stringify(recData) })))) !== null && _q !== void 0 ? _q : false;
18053
18015
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18054
18016
  eventInfo: {
18055
18017
  eventSubject: 'favoriteContent',
18056
18018
  eventDescription: 'This content was favorite by the user',
18057
- contentId: (_x = (_w = recData === null || recData === void 0 ? void 0 : recData.video) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
18058
- sceneId: (_0 = (_z = (_y = recData === null || recData === void 0 ? void 0 : recData.video) === null || _y === void 0 ? void 0 : _y.scene) === null || _z === void 0 ? void 0 : _z.sceneId) !== null && _0 !== void 0 ? _0 : '',
18059
- contentName: (_2 = (_1 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _1 === void 0 ? void 0 : _1.title) !== null && _2 !== void 0 ? _2 : '',
18060
- contentTags: JSON.stringify((_4 = (_3 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _3 === void 0 ? void 0 : _3.tags) !== null && _4 !== void 0 ? _4 : []),
18019
+ 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 : '',
18020
+ 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 : '',
18021
+ 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 : []),
18061
18022
  position: position + '',
18062
- contentFormat: ((_5 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _5 === void 0 ? void 0 : _5.url) ? 'video' : 'image',
18063
- traceInfo: (_6 = recData === null || recData === void 0 ? void 0 : recData.video) === null || _6 === void 0 ? void 0 : _6.traceInfo
18023
+ contentFormat: ((_x = recData === null || recData === void 0 ? void 0 : recData.video) === null || _x === void 0 ? void 0 : _x.url) ? 'video' : 'image',
18024
+ traceInfo: (_y = recData === null || recData === void 0 ? void 0 : recData.video) === null || _y === void 0 ? void 0 : _y.traceInfo
18064
18025
  }
18065
18026
  });
18066
18027
  if (!result) {
18067
18028
  setState(false);
18068
18029
  }
18069
18030
  else {
18070
- const nRtcList = (_7 = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18031
+ const nRtcList = (_z = cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.map((item, index) => {
18071
18032
  if (index === position) {
18072
18033
  item.isCollected = true;
18073
18034
  }
18074
18035
  return item;
18075
- })) !== null && _7 !== void 0 ? _7 : [];
18036
+ })) !== null && _z !== void 0 ? _z : [];
18076
18037
  setCacheRtcList === null || setCacheRtcList === void 0 ? void 0 : setCacheRtcList(nRtcList);
18077
18038
  }
18078
18039
  }
@@ -18109,7 +18070,7 @@ Made in Italy` })));
18109
18070
  const VideoWidget$4 = React.forwardRef(({ rec, index, height, data, muted, activeIndex, videoPostConfig, videoPlayIcon, loopPlay, swiperRef }, ref) => {
18110
18071
  var _a, _b;
18111
18072
  const [isPauseVideo, setIsPauseVideo] = React.useState(false);
18112
- const { bffEventReport, sxpParameter, firstRtcList, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
18073
+ const { bffEventReport, sxpParameter, waterFallData, openHashtag, bffFbReport, isDiyH5 } = useSxpDataSource();
18113
18074
  const videoStartTime = React.useRef(0);
18114
18075
  const [isLoadFinish, setIsLoadFinish] = React.useState(false);
18115
18076
  const { isActive } = useSwiperSlide();
@@ -18175,23 +18136,6 @@ Made in Italy` })));
18175
18136
  return;
18176
18137
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
18177
18138
  }, [videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18178
- const handleEnd = () => {
18179
- var _a, _b, _c, _d, _e, _f;
18180
- if (!videoRef.current)
18181
- return;
18182
- if (isDiyH5) {
18183
- (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
18184
- if (!loopPlayRef.current)
18185
- return;
18186
- if (firstRtcList && index < (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) - 1) {
18187
- 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;
18188
- (_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);
18189
- }
18190
- }
18191
- else {
18192
- (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.play();
18193
- }
18194
- };
18195
18139
  const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
18196
18140
  const handlePlaying = React.useCallback(() => {
18197
18141
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
@@ -18200,7 +18144,7 @@ Made in Italy` })));
18200
18144
  setIsLoadFinish(true);
18201
18145
  }, []);
18202
18146
  const handleStartPlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
18203
- var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
18147
+ var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
18204
18148
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
18205
18149
  return;
18206
18150
  setIsPauseVideo(false);
@@ -18211,11 +18155,16 @@ Made in Italy` })));
18211
18155
  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);
18212
18156
  const playType = (isFirstPlayRef === null || isFirstPlayRef === void 0 ? void 0 : isFirstPlayRef.current) ? '0' : '1';
18213
18157
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18214
- 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) + '' }))
18158
+ 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) + '' }))
18215
18159
  });
18216
18160
  isFirstPlayRef.current = false;
18217
18161
  }
18218
18162
  }), [bffEventReport, data, index, isFirstPlayRef, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18163
+ const setCurrentTimeByStartTime = React.useCallback(() => {
18164
+ if (isDiyH5) {
18165
+ videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
18166
+ }
18167
+ }, []);
18219
18168
  const handLoadeddata = React.useCallback(() => {
18220
18169
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) || firstFrameSrc || !blur)
18221
18170
  return;
@@ -18240,12 +18189,13 @@ Made in Italy` })));
18240
18189
  const handleLoadedmetadata = React.useCallback(() => {
18241
18190
  if (!videoRef.current)
18242
18191
  return;
18192
+ setCurrentTimeByStartTime();
18243
18193
  loadedTimeRef.current = new Date();
18244
18194
  handleStartPlay();
18245
18195
  handLoadeddata();
18246
18196
  }, [videoRef.current, handLoadeddata, handleStartPlay]);
18247
18197
  const handleClickVideo = React.useCallback((type) => () => {
18248
- var _a, _b, _c, _d, _e;
18198
+ var _a, _b, _c, _d, _e, _f;
18249
18199
  if (!videoRef.current)
18250
18200
  return;
18251
18201
  if (!isLoadFinish)
@@ -18266,17 +18216,20 @@ Made in Italy` })));
18266
18216
  break;
18267
18217
  default:
18268
18218
  if (isPause) {
18269
- (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.play();
18219
+ 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)) {
18220
+ videoRef.current.currentTime = scene === null || scene === void 0 ? void 0 : scene.startTime;
18221
+ }
18222
+ (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.play();
18270
18223
  }
18271
18224
  else {
18272
- (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.pause();
18225
+ (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.pause();
18273
18226
  }
18274
18227
  setIsPauseVideo(!isPause);
18275
18228
  break;
18276
18229
  }
18277
18230
  }, [isLoadFinish, videoRef === null || videoRef === void 0 ? void 0 : videoRef.current]);
18278
18231
  const handlePause = React.useCallback(() => {
18279
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
18232
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
18280
18233
  if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current))
18281
18234
  return;
18282
18235
  if (activeIndex !== index)
@@ -18292,15 +18245,14 @@ Made in Italy` })));
18292
18245
  eventSubject: 'playOverVideo',
18293
18246
  eventDescription: 'User finished playing the video',
18294
18247
  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 : '',
18295
- 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 : '',
18296
- 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 : '',
18248
+ 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 : '',
18297
18249
  endTime: videoCurrentTime,
18298
18250
  videoDuration,
18299
18251
  playDuration,
18300
- 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 : []),
18252
+ 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 : []),
18301
18253
  position: index + '',
18302
18254
  contentFormat: 'video',
18303
- traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
18255
+ traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
18304
18256
  }
18305
18257
  });
18306
18258
  }
@@ -18308,8 +18260,27 @@ Made in Italy` })));
18308
18260
  const handleWaiting = React.useCallback(() => {
18309
18261
  setWaiting(true);
18310
18262
  }, []);
18263
+ const handleTimeUpload = () => {
18264
+ if (!videoRef.current || !isDiyH5)
18265
+ return;
18266
+ setTimeout(() => {
18267
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
18268
+ 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)) {
18269
+ (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.pause();
18270
+ if (!loopPlayRef.current)
18271
+ return;
18272
+ if (index === (data === null || data === void 0 ? void 0 : data.length) - 1) {
18273
+ (_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);
18274
+ }
18275
+ else {
18276
+ 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;
18277
+ (_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);
18278
+ }
18279
+ }
18280
+ });
18281
+ };
18311
18282
  React.useEffect(() => {
18312
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18283
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
18313
18284
  if (!isActive)
18314
18285
  return;
18315
18286
  const videoSrc = videoUrl;
@@ -18330,6 +18301,7 @@ Made in Italy` })));
18330
18301
  hls === null || hls === void 0 ? void 0 : hls.attachMedia(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current);
18331
18302
  hls === null || hls === void 0 ? void 0 : hls.on(Hls.Events.MANIFEST_PARSED, function () {
18332
18303
  var _a;
18304
+ setCurrentTimeByStartTime();
18333
18305
  (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
18334
18306
  });
18335
18307
  }
@@ -18343,11 +18315,12 @@ Made in Italy` })));
18343
18315
  (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.addEventListener('play', handleStartPlay);
18344
18316
  (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.addEventListener('playing', handlePlaying);
18345
18317
  (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.addEventListener('pause', handlePause);
18346
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handleEnd);
18318
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.addEventListener('ended', handlePlay);
18347
18319
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.addEventListener('canplay', handlePlay);
18348
18320
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.addEventListener('waiting', handleWaiting);
18321
+ (_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.addEventListener('timeupdate', handleTimeUpload);
18349
18322
  return () => {
18350
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
18323
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
18351
18324
  const isPause = (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.paused;
18352
18325
  if (!isPause)
18353
18326
  handlePause();
@@ -18359,9 +18332,10 @@ Made in Italy` })));
18359
18332
  (_e = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _e === void 0 ? void 0 : _e.removeEventListener('play', handleStartPlay);
18360
18333
  (_f = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _f === void 0 ? void 0 : _f.removeEventListener('playing', handlePlaying);
18361
18334
  (_g = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _g === void 0 ? void 0 : _g.removeEventListener('pause', handlePause);
18362
- (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handleEnd);
18335
+ (_h = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _h === void 0 ? void 0 : _h.removeEventListener('ended', handlePlay);
18363
18336
  (_j = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _j === void 0 ? void 0 : _j.removeEventListener('canplay', handlePlay);
18364
18337
  (_k = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _k === void 0 ? void 0 : _k.removeEventListener('waiting', handleWaiting);
18338
+ (_l = videoRef.current) === null || _l === void 0 ? void 0 : _l.removeEventListener('timeupdate', handleTimeUpload);
18365
18339
  };
18366
18340
  }, [isActive]);
18367
18341
  React.useEffect(() => {
@@ -18572,45 +18546,19 @@ Made in Italy` })));
18572
18546
  }, onLoad: onShowFirstImage }))));
18573
18547
  };
18574
18548
 
18575
- const PictureGroup$4 = React.forwardRef(({ imgUrls, data, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig, swiperRef }, ref) => {
18549
+ const PictureGroup$4 = ({ imgUrls, width, height, rec, index, onViewImageEndEvent, onViewImageStartEvent, imgUrlsPostConfig }) => {
18576
18550
  var _a, _b;
18577
18551
  const { isActive } = useSwiperSlide();
18578
- const { firstRtcList, openHashtag, isDiyH5 } = useSxpDataSource();
18552
+ const { sxpParameter, openHashtag } = useSxpDataSource();
18579
18553
  const [isLoad, setIsLoad] = React.useState(false);
18580
18554
  const [imgInfo, setImgInfo] = React.useState();
18581
18555
  const [swiperActiveIndex, setSwiperActiveIndex] = React.useState(0);
18582
- const imgsSwiperRef = React.useRef();
18556
+ const swiperRef = React.useRef();
18583
18557
  const isFirstPlayRef = React.useRef(true);
18584
- const loopPlayRef = React.useRef(true);
18585
18558
  const initTime = new Date();
18586
- React.useImperativeHandle(ref, () => {
18587
- return {
18588
- setLoopPlay(v) {
18589
- loopPlayRef.current = v;
18590
- }
18591
- };
18592
- });
18593
- React.useEffect(() => {
18594
- let timerId;
18595
- if (isLoad && isActive && isDiyH5) {
18596
- timerId = setTimeout(() => {
18597
- var _a, _b, _c, _d;
18598
- if (!loopPlayRef.current)
18599
- return;
18600
- if (firstRtcList && index < (firstRtcList === null || firstRtcList === void 0 ? void 0 : firstRtcList.length) - 1) {
18601
- 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;
18602
- (_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);
18603
- }
18604
- }, 3000);
18605
- }
18606
- return () => {
18607
- if (timerId)
18608
- clearTimeout(timerId);
18609
- };
18610
- }, [isLoad, isActive, isDiyH5, index, swiperRef, firstRtcList]);
18611
18559
  React.useEffect(() => {
18612
18560
  if (isLoad && isActive) {
18613
- (imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.start();
18561
+ (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.start();
18614
18562
  if (openHashtag) {
18615
18563
  onViewImageEndEvent(rec);
18616
18564
  }
@@ -18620,7 +18568,7 @@ Made in Italy` })));
18620
18568
  }
18621
18569
  }
18622
18570
  else {
18623
- (imgsSwiperRef === null || imgsSwiperRef === void 0 ? void 0 : imgsSwiperRef.current) && imgsSwiperRef.current.swiper.autoplay.stop();
18571
+ (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) && swiperRef.current.swiper.autoplay.stop();
18624
18572
  }
18625
18573
  }, [rec, isActive, onViewImageEndEvent, openHashtag, index, onViewImageStartEvent, isLoad, imgInfo]);
18626
18574
  const showFirstImageFn = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
@@ -18647,13 +18595,13 @@ Made in Italy` })));
18647
18595
  };
18648
18596
  }, [isActive, imgInfo]);
18649
18597
  const handleMouseEnter = React.useCallback(() => {
18650
- if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
18651
- imgsSwiperRef.current.swiper.autoplay.stop();
18598
+ if (swiperRef.current && swiperRef.current.swiper && isAlly) {
18599
+ swiperRef.current.swiper.autoplay.stop();
18652
18600
  }
18653
18601
  }, []);
18654
18602
  const handleMouseLeave = React.useCallback(() => {
18655
- if (imgsSwiperRef.current && imgsSwiperRef.current.swiper && isAlly) {
18656
- imgsSwiperRef.current.swiper.autoplay.start();
18603
+ if (swiperRef.current && swiperRef.current.swiper && isAlly) {
18604
+ swiperRef.current.swiper.autoplay.start();
18657
18605
  }
18658
18606
  }, []);
18659
18607
  const handleSlideChange = React.useCallback((swiper) => {
@@ -18674,7 +18622,7 @@ Made in Italy` })));
18674
18622
  enabled: true
18675
18623
  }
18676
18624
  }
18677
- : {}), { loop: true, ref: imgsSwiperRef, onSlideChange: handleSlideChange, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
18625
+ : {}), { loop: true, ref: swiperRef, onSlideChange: handleSlideChange, className: css.css(Object.assign(Object.assign({ '.swiper-pagination': {
18678
18626
  bottom: (_a = imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.marginBottom) !== null && _a !== void 0 ? _a : 0,
18679
18627
  fontSize: '14px'
18680
18628
  } }, ((imgUrlsPostConfig === null || imgUrlsPostConfig === void 0 ? void 0 : imgUrlsPostConfig.dotsBgColor) && {
@@ -18691,7 +18639,7 @@ Made in Italy` })));
18691
18639
  return (React.createElement(SwiperSlide, { key: srcKey, "aria-hidden": srcKey !== swiperActiveIndex },
18692
18640
  React.createElement(Picture, { src: !isLoad && srcKey > 0 ? '' : url, height: height, imgUrlsPostConfig: imgUrlsPostConfig, onShowFirstImage: showFirstImageFn })));
18693
18641
  }))));
18694
- });
18642
+ };
18695
18643
  var PictureGroup$5 = React.memo(PictureGroup$4);
18696
18644
 
18697
18645
  /*
@@ -18843,7 +18791,7 @@ Made in Italy` })));
18843
18791
  const sbf = style.backdropFilter;
18844
18792
  style.backdropFilter = `blur(${sbf !== null && sbf !== void 0 ? sbf : 0}px)`;
18845
18793
  }
18846
- return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginLeft: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
18794
+ return (React.createElement(Component, Object.assign({ style: Object.assign(Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.style), style), { zIndex: 50, marginInlineEnd: '20px', boxSizing: 'border-box', transform: 'translate3d(0px, 0px, 0px)' }), textStyle: Object.assign(Object.assign({}, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.textStyle), (_z = value === null || value === void 0 ? void 0 : value.item) === null || _z === void 0 ? void 0 : _z.textStyle), bindDatas: (_1 = (_0 = value === null || value === void 0 ? void 0 : value.item) === null || _0 === void 0 ? void 0 : _0.bindDatas) !== null && _1 !== void 0 ? _1 : [] }, defaulSetting === null || defaulSetting === void 0 ? void 0 : defaulSetting.props, (_2 = value === null || value === void 0 ? void 0 : value.item) === null || _2 === void 0 ? void 0 : _2.props, { event: ((_3 = value === null || value === void 0 ? void 0 : value.item) === null || _3 === void 0 ? void 0 : _3.event) || {}, schema: schema, id: value === null || value === void 0 ? void 0 : value.id, key: value === null || value === void 0 ? void 0 : value.id, recData: rec, isExternalLink: isExternalLink, index: index, isActive: isActive })));
18847
18795
  }
18848
18796
  else {
18849
18797
  return null;
@@ -18971,7 +18919,7 @@ Made in Italy` })));
18971
18919
  * @Author: binruan@chatlabs.com
18972
18920
  * @Date: 2024-03-20 10:27:31
18973
18921
  * @LastEditors: binruan@chatlabs.com
18974
- * @LastEditTime: 2025-05-12 14:26:15
18922
+ * @LastEditTime: 2025-05-09 15:51:40
18975
18923
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
18976
18924
  *
18977
18925
  */
@@ -18991,7 +18939,6 @@ Made in Italy` })));
18991
18939
  const skipLinkRef = React.useRef(false);
18992
18940
  const [pageNum, setPageNum] = React.useState(2);
18993
18941
  const videoWidgetRef = React.useRef(null);
18994
- const pictureGroupRef = React.useRef(null);
18995
18942
  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();
18996
18943
  const { backMainFeed, productView, jumpToWeb } = useEventReport();
18997
18944
  const isShowFingerTip = React.useMemo(() => {
@@ -19039,7 +18986,7 @@ Made in Italy` })));
19039
18986
  (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideTo(index);
19040
18987
  }, [data, ctaType, swiperRef]);
19041
18988
  const handleSessionCompleted = React.useCallback((fk) => {
19042
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
18989
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
19043
18990
  const item = data === null || data === void 0 ? void 0 : data[activeIndex];
19044
18991
  let fromKName = '';
19045
18992
  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))) {
@@ -19066,13 +19013,12 @@ Made in Italy` })));
19066
19013
  eventSubject: 'sessionCompleted',
19067
19014
  eventDescription: 'Session completed',
19068
19015
  contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
19069
- 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 : '',
19070
- productId: (_r = item === null || item === void 0 ? void 0 : item.product) === null || _r === void 0 ? void 0 : _r.itemId,
19016
+ productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
19071
19017
  position: activeIndex + '',
19072
19018
  fromKName: fk || fromKName,
19073
19019
  fromKPage: location === null || location === void 0 ? void 0 : location.href,
19074
- 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 : '',
19075
- 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 : ''
19020
+ 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 : '',
19021
+ 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 : ''
19076
19022
  }
19077
19023
  });
19078
19024
  }, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime]);
@@ -19131,9 +19077,8 @@ Made in Italy` })));
19131
19077
  refreshFeSession
19132
19078
  ]);
19133
19079
  const handleSessionExpire = React.useCallback(lodash.debounce(() => {
19134
- var _a, _b;
19080
+ var _a;
19135
19081
  (_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
19136
- (_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
19137
19082
  refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false, handleSessionCompleted);
19138
19083
  }, 1000), [handleSessionCompleted, refreshFeSession]);
19139
19084
  React.useEffect(() => {
@@ -19203,18 +19148,18 @@ Made in Italy` })));
19203
19148
  return null;
19204
19149
  }, [globalConfig, activeIndex, visList]);
19205
19150
  const renderContent = React.useCallback((rec, index) => {
19206
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
19151
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
19207
19152
  if (rec === 'organic menu') {
19208
19153
  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)));
19209
19154
  }
19210
- 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)) {
19155
+ if ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.url) {
19211
19156
  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 })));
19212
19157
  }
19213
- if ((_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.imgUrls) {
19214
- 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 })));
19158
+ if ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.imgUrls) {
19159
+ 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 }));
19215
19160
  }
19216
- 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) {
19217
- return (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _m === void 0 ? void 0 : _m.map((value, idx) => {
19161
+ 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) {
19162
+ return (_k = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.productPost) === null || _k === void 0 ? void 0 : _k.map((value, idx) => {
19218
19163
  var _a, _b, _c, _d, _e, _f, _g, _h;
19219
19164
  const t = resolver[(_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type];
19220
19165
  const Component = withBindDataSource(t);
@@ -19252,7 +19197,7 @@ Made in Italy` })));
19252
19197
  };
19253
19198
  }, [isShowMore]);
19254
19199
  const renderBottom = React.useCallback((rec, index) => {
19255
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
19200
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
19256
19201
  if (rec === null || rec === void 0 ? void 0 : rec.video) {
19257
19202
  let cta = null;
19258
19203
  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) {
@@ -19261,27 +19206,24 @@ Made in Italy` })));
19261
19206
  else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) {
19262
19207
  cta = '商品CTA';
19263
19208
  }
19264
- 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)) {
19265
- cta = '服务CTA';
19266
- }
19267
19209
  else {
19268
- 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;
19210
+ 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;
19269
19211
  }
19270
19212
  const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
19271
19213
  const isNineProduct = (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.nineProductEnable) &&
19272
19214
  index === ((rtcList === null || rtcList === void 0 ? void 0 : rtcList[0]) === 'organic menu' ? 2 : 1) &&
19273
- ((_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));
19215
+ ((_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));
19274
19216
  return (React.createElement(React.Fragment, null,
19275
19217
  isNineProduct && (React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value, isNineProduct: isNineProduct })),
19276
- ((_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' }),
19277
- 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` } },
19218
+ ((_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' }),
19219
+ 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` } },
19278
19220
  React.createElement(Nudge, { nudge: nudge }),
19279
19221
  ((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' },
19280
19222
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, value: value }))) : null,
19281
19223
  React.createElement("div", null,
19282
- 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 }),
19224
+ 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 }),
19283
19225
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex, value: value }),
19284
- 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) }))),
19226
+ 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) }))),
19285
19227
  React.createElement(RenderCard$1, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLinkPopup'], isActive: index === activeIndex, value: value })));
19286
19228
  }
19287
19229
  return null;
@@ -19320,7 +19262,7 @@ Made in Italy` })));
19320
19262
  return null;
19321
19263
  }, [globalConfig, waterFallData]);
19322
19264
  const handleViewImageStartEnd = (item) => {
19323
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
19265
+ var _a, _b, _c, _d, _e, _f;
19324
19266
  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)) {
19325
19267
  const endTime = Date.now();
19326
19268
  const duration = viewImageStartTime.current === 0 ? 0 : (endTime - viewImageStartTime.current) / 1000;
@@ -19329,11 +19271,10 @@ Made in Italy` })));
19329
19271
  eventSubject: 'viewImageCarouselEnd',
19330
19272
  eventDescription: 'User end view the image carousel',
19331
19273
  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 : '',
19332
- 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 : '',
19333
- contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
19274
+ contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
19334
19275
  imageEndTime: `${endTime}`,
19335
19276
  playDuration: `${duration}`,
19336
- contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
19277
+ contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
19337
19278
  position: activeIndex + '',
19338
19279
  contentFormat: 'image',
19339
19280
  traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo
@@ -19342,7 +19283,7 @@ Made in Italy` })));
19342
19283
  }
19343
19284
  };
19344
19285
  const handleSlideSkip = (item, position) => {
19345
- 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;
19286
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
19346
19287
  if (isPreview || waterFallData)
19347
19288
  return;
19348
19289
  const t = new Date() - curTime.current;
@@ -19368,8 +19309,7 @@ Made in Italy` })));
19368
19309
  contentTags: (product === null || product === void 0 ? void 0 : product.tags) ? JSON.stringify(product === null || product === void 0 ? void 0 : product.tags) : '',
19369
19310
  position: position + '',
19370
19311
  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 : '',
19371
- 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 : '',
19372
- 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 : '',
19312
+ 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 : '',
19373
19313
  contentFormat
19374
19314
  }
19375
19315
  });
@@ -19379,7 +19319,7 @@ Made in Italy` })));
19379
19319
  }
19380
19320
  };
19381
19321
  const handleScrollEvent = (swiper) => {
19382
- 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;
19322
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
19383
19323
  const item = data[swiper.previousIndex];
19384
19324
  if (!item)
19385
19325
  return;
@@ -19396,12 +19336,11 @@ Made in Italy` })));
19396
19336
  eventSubject: 'scrollDown',
19397
19337
  eventDescription: 'User scroll down',
19398
19338
  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 : '',
19399
- 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 : '',
19400
- 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 : '',
19339
+ 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 : '',
19401
19340
  requestId: null,
19402
- 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 : '',
19341
+ 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 : '',
19403
19342
  contentFormat,
19404
- position: ((_q = swiper.previousIndex) !== null && _q !== void 0 ? _q : 0) + ''
19343
+ position: ((_m = swiper.previousIndex) !== null && _m !== void 0 ? _m : 0) + ''
19405
19344
  }
19406
19345
  });
19407
19346
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19413,13 +19352,12 @@ Made in Italy` })));
19413
19352
  eventInfo: {
19414
19353
  eventSubject: 'scrollUp',
19415
19354
  eventDescription: 'User scroll up',
19416
- 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 : '',
19417
- 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 : '',
19418
- productId: (_x = (_w = item.product) === null || _w === void 0 ? void 0 : _w.itemId) !== null && _x !== void 0 ? _x : '',
19355
+ 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 : '',
19356
+ productId: (_r = (_q = item.product) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
19419
19357
  requestId: null,
19420
- 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 : '',
19358
+ 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 : '',
19421
19359
  contentFormat,
19422
- position: ((_2 = swiper.previousIndex) !== null && _2 !== void 0 ? _2 : 0) + ''
19360
+ position: ((_w = swiper.previousIndex) !== null && _w !== void 0 ? _w : 0) + ''
19423
19361
  }
19424
19362
  });
19425
19363
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19445,7 +19383,7 @@ Made in Italy` })));
19445
19383
  }
19446
19384
  }, [openHashtag, data, activeIndex]);
19447
19385
  const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
19448
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
19386
+ var _a, _b, _c, _d, _e, _f, _g, _h;
19449
19387
  const item = data[activeIndex];
19450
19388
  // 如果是图片集则上报事件
19451
19389
  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)) {
@@ -19456,10 +19394,9 @@ Made in Italy` })));
19456
19394
  eventSubject: 'viewImageCarouselStart',
19457
19395
  eventDescription: 'User start view the image carousel',
19458
19396
  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 : '',
19459
- 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 : '',
19460
- contentName: (_h = item === null || item === void 0 ? void 0 : item.video.title) !== null && _h !== void 0 ? _h : '',
19397
+ contentName: (_e = item === null || item === void 0 ? void 0 : item.video.title) !== null && _e !== void 0 ? _e : '',
19461
19398
  imageStartTime: `${startTime}`,
19462
- contentTags: JSON.stringify((_j = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _j !== void 0 ? _j : []),
19399
+ contentTags: JSON.stringify((_f = item === null || item === void 0 ? void 0 : item.video.tags) !== null && _f !== void 0 ? _f : []),
19463
19400
  position: activeIndex + '',
19464
19401
  contentFormat: 'image',
19465
19402
  traceInfo: item === null || item === void 0 ? void 0 : item.video.traceInfo,
@@ -19469,11 +19406,11 @@ Made in Italy` })));
19469
19406
  if (enableCapi) {
19470
19407
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19471
19408
  eventName: 'ViewContent',
19472
- product: (_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.bindProduct
19409
+ product: (_g = item === null || item === void 0 ? void 0 : item.video) === null || _g === void 0 ? void 0 : _g.bindProduct
19473
19410
  });
19474
19411
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19475
19412
  eventName: 'PageView',
19476
- product: (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.bindProduct
19413
+ product: (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.bindProduct
19477
19414
  });
19478
19415
  }
19479
19416
  }
@@ -19565,20 +19502,15 @@ Made in Italy` })));
19565
19502
  swiperRef.current.swiper.allowTouchMove = true;
19566
19503
  }, 500);
19567
19504
  }, onActiveIndexChange: (swiper) => {
19568
- var _a, _b;
19569
19505
  setActiveIndex(swiper.activeIndex);
19570
19506
  if (openHashtag)
19571
19507
  return;
19572
19508
  // 处理上滑下滑事件
19573
19509
  handleScrollEvent(swiper);
19574
- if (waterFallData || isEditor)
19510
+ if (waterFallData || isEditor || isDiyH5)
19575
19511
  return;
19576
19512
  if ((swiper === null || swiper === void 0 ? void 0 : swiper.activeIndex) + 1 >= (data === null || data === void 0 ? void 0 : data.length)) {
19577
19513
  if (!isLoadMore) {
19578
- if (isDiyH5) {
19579
- (_a = videoWidgetRef.current) === null || _a === void 0 ? void 0 : _a.setLoopPlay(false);
19580
- (_b = pictureGroupRef.current) === null || _b === void 0 ? void 0 : _b.setLoopPlay(false);
19581
- }
19582
19514
  setIsLoadMore(true);
19583
19515
  loadVideos === null || loadVideos === void 0 ? void 0 : loadVideos(pageNum).then((res) => {
19584
19516
  var _a;
@@ -19631,7 +19563,7 @@ Made in Italy` })));
19631
19563
  }, []);
19632
19564
  const PAUSE_ICON = useIconLink('/pb_static/06f28a2025c74c1cb49be6767316d827.png');
19633
19565
  const handlePlaying = React.useCallback(() => {
19634
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
19566
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
19635
19567
  setIsPauseVideo(false);
19636
19568
  const item = data[index];
19637
19569
  if (item && ((_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.duration)) {
@@ -19644,15 +19576,14 @@ Made in Italy` })));
19644
19576
  eventSubject: 'playVideo',
19645
19577
  eventDescription: 'User played the video',
19646
19578
  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 : '',
19647
- 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 : '',
19648
- 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 : '',
19579
+ 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 : '',
19649
19580
  playType,
19650
19581
  startTime: videoCurrentTime,
19651
19582
  videoDuration,
19652
- 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 : []),
19583
+ 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 : []),
19653
19584
  position: index + '',
19654
19585
  contentFormat: 'video',
19655
- traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
19586
+ traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
19656
19587
  }
19657
19588
  });
19658
19589
  setIsFirstPlay(false);
@@ -19691,7 +19622,7 @@ Made in Italy` })));
19691
19622
  }
19692
19623
  }, [isLoadFinish]);
19693
19624
  const onPause = React.useCallback(() => {
19694
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
19625
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
19695
19626
  const item = data[index];
19696
19627
  const videoDuration = ((_b = (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0).toFixed(2);
19697
19628
  const videoCurrentTime = ((_d = (_c = videoRef.current) === null || _c === void 0 ? void 0 : _c.currentTime) !== null && _d !== void 0 ? _d : 0).toFixed(2);
@@ -19702,15 +19633,14 @@ Made in Italy` })));
19702
19633
  eventSubject: 'playOverVideo',
19703
19634
  eventDescription: 'User finished playing the video',
19704
19635
  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 : '',
19705
- 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 : '',
19706
- 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 : '',
19636
+ 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 : '',
19707
19637
  endTime: videoCurrentTime,
19708
19638
  videoDuration,
19709
19639
  playDuration,
19710
- 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 : []),
19640
+ 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 : []),
19711
19641
  position: index + '',
19712
19642
  contentFormat: 'video',
19713
- traceInfo: (_r = item === null || item === void 0 ? void 0 : item.video) === null || _r === void 0 ? void 0 : _r.traceInfo
19643
+ traceInfo: (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.traceInfo
19714
19644
  }
19715
19645
  });
19716
19646
  }