pb-sxp-ui 1.10.6 → 1.10.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/index.cjs +49 -87
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +49 -87
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +4 -4
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +4 -4
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +49 -87
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +4 -4
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/FingerSwipeTip/index.js +1 -2
  14. package/es/core/components/SxpPageRender/FormatImage.js +7 -9
  15. package/es/core/components/SxpPageRender/LikeButton/index.js +1 -2
  16. package/es/core/components/SxpPageRender/Modal/index.js +1 -2
  17. package/es/core/components/SxpPageRender/NavBack.js +1 -2
  18. package/es/core/components/SxpPageRender/Nudge/index.js +2 -2
  19. package/es/core/components/SxpPageRender/ToggleButton/index.js +1 -2
  20. package/es/core/components/SxpPageRender/VideoWidget/index.js +1 -3
  21. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
  22. package/es/core/components/SxpPageRender/WaterFall/index.js +1 -2
  23. package/es/core/components/SxpPageRender/index.js +9 -8
  24. package/es/core/context/EditorDataProvider.d.ts +3 -2
  25. package/es/core/context/SxpDataSourceProvider.d.ts +1 -0
  26. package/es/core/context/SxpDataSourceProvider.js +11 -9
  27. package/es/core/utils/tool.d.ts +1 -2
  28. package/es/core/utils/tool.js +1 -14
  29. package/es/materials/sxp/MultiPosts/index.js +7 -10
  30. package/es/materials/sxp/cta/AniLinkPopup/index.js +2 -2
  31. package/lib/core/components/SxpPageRender/FingerSwipeTip/index.js +1 -2
  32. package/lib/core/components/SxpPageRender/FormatImage.js +7 -9
  33. package/lib/core/components/SxpPageRender/LikeButton/index.js +1 -2
  34. package/lib/core/components/SxpPageRender/Modal/index.js +1 -2
  35. package/lib/core/components/SxpPageRender/NavBack.js +1 -2
  36. package/lib/core/components/SxpPageRender/Nudge/index.js +1 -1
  37. package/lib/core/components/SxpPageRender/ToggleButton/index.js +1 -2
  38. package/lib/core/components/SxpPageRender/VideoWidget/index.js +1 -3
  39. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
  40. package/lib/core/components/SxpPageRender/WaterFall/index.js +1 -2
  41. package/lib/core/components/SxpPageRender/index.js +9 -8
  42. package/lib/core/context/EditorDataProvider.d.ts +3 -2
  43. package/lib/core/context/SxpDataSourceProvider.d.ts +1 -0
  44. package/lib/core/context/SxpDataSourceProvider.js +11 -9
  45. package/lib/core/utils/tool.d.ts +1 -2
  46. package/lib/core/utils/tool.js +1 -15
  47. package/lib/materials/sxp/MultiPosts/index.js +7 -10
  48. package/lib/materials/sxp/cta/AniLinkPopup/index.js +1 -1
  49. package/package.json +1 -1
package/dist/pb-ui.js CHANGED
@@ -324,19 +324,6 @@
324
324
  /JAWS/i.test(userAgent) ||
325
325
  /ChromeVox/i.test(userAgent));
326
326
  }
327
- const getSpliceQueryUrl = (url) => {
328
- if (!url)
329
- return '';
330
- if ((url === null || url === void 0 ? void 0 : url.indexOf('http')) === -1)
331
- return url;
332
- let query = 'x-im-piez=on';
333
- if ((url === null || url === void 0 ? void 0 : url.indexOf('?')) !== -1) {
334
- return url + ('&' + query );
335
- }
336
- else {
337
- return url + ('?' + query );
338
- }
339
- };
340
327
 
341
328
  function unzip(b64Data) {
342
329
  const strData = atob(b64Data);
@@ -678,6 +665,7 @@
678
665
  const [videoRef, setVideoRef] = React.useState(null);
679
666
  const themeTag = React.useRef();
680
667
  const curTime = React.useRef();
668
+ const multiPostTimeRef = React.useRef();
681
669
  const [selectTag, setSelectTag] = React.useState(DEFAULT_TAG);
682
670
  const checkCommodityIndexRef = React.useRef(-1);
683
671
  const popupCurTimeRef = React.useRef(null);
@@ -876,7 +864,7 @@
876
864
  };
877
865
  }
878
866
  const sessionID = storeAndLoadFeSessionId();
879
- const ef = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), eventInfo), (getDevice$1() && { sxpDevice: getDevice$1() })), (getSystem() && { sxpSystem: getSystem() })), (getBrowserInfo() && { sxpBrowser: getBrowserInfo() })), (layoutVariantId && reportLayId && { layoutVariantId })), ((eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) && channel && { position: Number(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) + 1 + '' }));
867
+ const ef = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), (layoutVariantId && reportLayId && { layoutVariantId })), eventInfo), (getDevice$1() && { sxpDevice: getDevice$1() })), (getSystem() && { sxpSystem: getSystem() })), (getBrowserInfo() && { sxpBrowser: getBrowserInfo() })), ((eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) && channel && { position: Number(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) + 1 + '' }));
880
868
  const realUserInfo = Object.entries(userInfo).map(([k, v]) => ({ name: k, value: v }));
881
869
  const realEventInfo = Object.entries(ef)
882
870
  .map(([k, v]) => v && { name: k, value: v })
@@ -1054,7 +1042,7 @@
1054
1042
  let pbType;
1055
1043
  getRecommendVideos()
1056
1044
  .then((data) => {
1057
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
1045
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
1058
1046
  if (data) {
1059
1047
  const list = getFilterRecList(data);
1060
1048
  let curData;
@@ -1097,13 +1085,13 @@
1097
1085
  setCacheRtcList(list);
1098
1086
  bffGetTagList(curData !== null && curData !== void 0 ? curData : finalPageData);
1099
1087
  if (channel) {
1088
+ const item = list === null || list === void 0 ? void 0 : list[0];
1089
+ const traceInfo = ((_k = item === null || item === void 0 ? void 0 : item.video) === null || _k === void 0 ? void 0 : _k.traceInfo) || ((_l = item === null || item === void 0 ? void 0 : item.product) === null || _l === void 0 ? void 0 : _l.traceInfo) || '';
1100
1090
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1101
- eventInfo: {
1102
- eventSubject: 'multiPostClick',
1103
- eventDescription: 'multiPostClick',
1104
- traceInfo: (_m = (_l = (_k = list === null || list === void 0 ? void 0 : list[0]) === null || _k === void 0 ? void 0 : _k.video) === null || _l === void 0 ? void 0 : _l.traceInfo) !== null && _m !== void 0 ? _m : '',
1105
- branchfeed: channel
1106
- }
1091
+ eventInfo: Object.assign({ eventSubject: 'multiPostClick', eventDescription: 'multiPostClick', traceInfo, branchfeed: channel }, (layId && { layoutVariantId: layId }))
1092
+ });
1093
+ bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1094
+ eventInfo: Object.assign({ eventSubject: 'endMultiPost', eventDescription: 'endMultiPost', contentFormat: 'image', position: '0', traceInfo, nextStep: 'multipostClick', timeOnSite: Math.floor((new Date() - (multiPostTimeRef === null || multiPostTimeRef === void 0 ? void 0 : multiPostTimeRef.current)) / 1000) + '' }, (layId && { layoutVariantId: layId }))
1107
1095
  });
1108
1096
  }
1109
1097
  }
@@ -1188,7 +1176,8 @@
1188
1176
  updateChannel,
1189
1177
  channel,
1190
1178
  eventTimeList,
1191
- setEventTimeList
1179
+ setEventTimeList,
1180
+ multiPostTimeRef
1192
1181
  } }, 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({
1193
1182
  rtcList,
1194
1183
  mutateLike: bffMutateLike,
@@ -9793,7 +9782,7 @@
9793
9782
  * @Author: binruan@chatlabs.com
9794
9783
  * @Date: 2023-11-02 18:34:34
9795
9784
  * @LastEditors: binruan@chatlabs.com
9796
- * @LastEditTime: 2024-12-04 11:34:20
9785
+ * @LastEditTime: 2024-11-20 18:37:10
9797
9786
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
9798
9787
  *
9799
9788
  */
@@ -9977,7 +9966,7 @@
9977
9966
  }
9978
9967
  })), child()),
9979
9968
  React.createElement("button", { className: 'modal-icon-wrapper', role: 'button', "aria-label": 'close button', onClick: onClose, style: { top: scrollTop } },
9980
- React.createElement("img", { src: getSpliceQueryUrl((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.popupCloseIcon) || closeIcon$1), alt: 'close button', className: 'modal-icon' }))))))), modalEleRef.current);
9969
+ React.createElement("img", { src: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.popupCloseIcon) || closeIcon$1, alt: 'close button', className: 'modal-icon' }))))))), modalEleRef.current);
9981
9970
  };
9982
9971
  var Modal$1 = React.memo(Modal);
9983
9972
 
@@ -10050,20 +10039,19 @@
10050
10039
 
10051
10040
  const FormatImage = React.forwardRef((props, ref) => {
10052
10041
  const { src, onLoad, style, className, loading, alt = 'image' } = props;
10053
- const querySrc = src ? getSpliceQueryUrl(src) : '';
10054
- const [imgSrc, setImgSrc] = React.useState(querySrc);
10042
+ const [imgSrc, setImgSrc] = React.useState(src);
10055
10043
  const imgRef = React.useRef(null);
10056
10044
  const [visible, setVisible] = React.useState(false);
10057
10045
  React.useImperativeHandle(ref, () => ({
10058
10046
  setSrc: (v) => {
10059
10047
  if (v)
10060
- setImgSrc(getSpliceQueryUrl(v));
10048
+ setImgSrc(v);
10061
10049
  }
10062
10050
  }));
10063
10051
  React.useEffect(() => {
10064
- if (querySrc)
10065
- setImgSrc(querySrc);
10066
- }, [querySrc]);
10052
+ if (src)
10053
+ setImgSrc(src);
10054
+ }, [src]);
10067
10055
  React.useEffect(() => {
10068
10056
  const onShow = () => {
10069
10057
  if (src && !visible && imgRef.current) {
@@ -10080,8 +10068,8 @@
10080
10068
  !visible && !imgSrc && React.createElement("div", { style: { width: '100%', height: '100%', zIndex: 1, backgroundColor: '#fff' } }),
10081
10069
  (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
10082
10070
  React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
10083
- React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}&imageMogr2/format/webp` }),
10084
- React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}&imageMogr2/format/jpg` }),
10071
+ React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
10072
+ React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
10085
10073
  React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
10086
10074
  setVisible(true);
10087
10075
  onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
@@ -14927,7 +14915,7 @@ Made in Italy` })));
14927
14915
  const imgLoad = React.useCallback((img) => {
14928
14916
  setTimeout(() => {
14929
14917
  var _a;
14930
- const height = (_a = pictRef === null || pictRef === void 0 ? void 0 : pictRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
14918
+ const height = (img === null || img === void 0 ? void 0 : img.clientHeight) || ((_a = pictRef === null || pictRef === void 0 ? void 0 : pictRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
14931
14919
  // 加56是因为下方文字部分高度为56,可以自己设置
14932
14920
  sizeChange(height + 56 + space, index);
14933
14921
  }, 0);
@@ -15417,7 +15405,7 @@ Made in Italy` })));
15417
15405
  * @Author: binruan@chatlabs.com
15418
15406
  * @Date: 2024-01-10 10:58:24
15419
15407
  * @LastEditors: binruan@chatlabs.com
15420
- * @LastEditTime: 2024-10-23 16:58:01
15408
+ * @LastEditTime: 2024-12-09 11:18:32
15421
15409
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
15422
15410
  *
15423
15411
  */
@@ -15425,7 +15413,6 @@ Made in Italy` })));
15425
15413
  var _a;
15426
15414
  const { waterFallData, setOpenHashtag, openHashtag, swiperRef, setWaterFallData, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, setCacheRtcList, setIsFromHashtag, isFromHashtag, bffEventReport, themeTag, selectTag, bffFbReport } = useSxpDataSource();
15427
15415
  const { backMainFeed } = useEventReport();
15428
- React.useRef(null);
15429
15416
  const modalEleRef = React.useRef(null);
15430
15417
  const [viewTime, setViewTime] = React.useState();
15431
15418
  React.useEffect(() => {
@@ -15442,20 +15429,12 @@ Made in Italy` })));
15442
15429
  }, []);
15443
15430
  const handleClose = () => {
15444
15431
  var _a, _b;
15445
- // const isEq = isEqual(rtcList, cacheRtcList);
15446
- // if (!isEq && cacheRtcList && cacheRtcList?.length) {
15447
- // setRtcList?.(cacheRtcList);
15448
- // }
15449
15432
  backMainFeed('branch', selectTag, undefined, waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag);
15450
15433
  reportTagsView();
15451
15434
  setWaterFallData === null || setWaterFallData === void 0 ? void 0 : setWaterFallData(undefined);
15452
15435
  setIsFromHashtag === null || setIsFromHashtag === void 0 ? void 0 : setIsFromHashtag(false);
15453
- // setTimeout(() => {
15454
- // if (!isEq) {
15455
15436
  (_b = (_a = swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(cacheActiveIndex, 0, false);
15456
- // }
15457
15437
  setOpenHashtag === null || setOpenHashtag === void 0 ? void 0 : setOpenHashtag(false);
15458
- // }, 0);
15459
15438
  };
15460
15439
  const [recData, setRecData] = React.useState();
15461
15440
  React.useEffect(() => {
@@ -15520,7 +15499,7 @@ Made in Italy` })));
15520
15499
  display: openHashtag ? 'block' : 'none'
15521
15500
  } },
15522
15501
  React.createElement(Navbar$1, { icon: img$4, styles: { top: '32px' }, textStyle: (_a = props === null || props === void 0 ? void 0 : props.textStyles) === null || _a === void 0 ? void 0 : _a.hashTagTitle, onClose: handleClose }),
15523
- (props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ reportTagsView: reportTagsView }, props)))), modalEleRef.current);
15502
+ (props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
15524
15503
  };
15525
15504
  var WaterFall$1 = React.memo(WaterFall);
15526
15505
 
@@ -16316,7 +16295,7 @@ Made in Italy` })));
16316
16295
  paddingLeft: '6px'
16317
16296
  } }, "Cta Title")) : (React.createElement("div", Object.assign({}, props, { className: `${css.css(Object.assign(Object.assign({}, style), { '--transY': `translateY(calc(100% + ${(_r = style === null || style === void 0 ? void 0 : style.margin) !== null && _r !== void 0 ? _r : 0}px))` }))} ${styles['aniLinkPopup']} ${aniNamStyle} ${css.css(aniTimStyle)}`, onClick: handleTo }),
16318
16297
  React.createElement("div", { onClick: onClose, className: styles['modal-icon-wrapper'], style: { padding: (_s = style === null || style === void 0 ? void 0 : style['padding']) !== null && _s !== void 0 ? _s : 0 } },
16319
- React.createElement("img", { src: getSpliceQueryUrl((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.popupCloseIcon) || closeIcon), alt: 'close', className: styles['modal-icon-wrapper-img'] })),
16298
+ React.createElement("img", { src: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.popupCloseIcon) || closeIcon, alt: 'close', className: styles['modal-icon-wrapper-img'] })),
16320
16299
  React.createElement(Img$1, { src: src, rec: recData, item: (_x = (_v = (_u = (_t = recData === null || recData === void 0 ? void 0 : recData.video) === null || _t === void 0 ? void 0 : _t.bindProducts) === null || _u === void 0 ? void 0 : _u[0]) !== null && _v !== void 0 ? _v : (_w = recData === null || recData === void 0 ? void 0 : recData.video) === null || _w === void 0 ? void 0 : _w.bindProduct) !== null && _x !== void 0 ? _x : recData === null || recData === void 0 ? void 0 : recData.video, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
16321
16300
  (!recData || (product === null || product === void 0 ? void 0 : product.title)) && (React.createElement("div", { className: styles['one-line-ellipsis'], style: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title, dangerouslySetInnerHTML: {
16322
16301
  __html: setFontForText((_y = product === null || product === void 0 ? void 0 : product.title) !== null && _y !== void 0 ? _y : 'Product Name', ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.title)
@@ -16627,7 +16606,7 @@ Made in Italy` })));
16627
16606
  * @Author: binruan@chatlabs.com
16628
16607
  * @Date: 2023-12-26 10:38:53
16629
16608
  * @LastEditors: binruan@chatlabs.com
16630
- * @LastEditTime: 2024-12-03 16:43:47
16609
+ * @LastEditTime: 2024-10-29 18:04:27
16631
16610
  * @FilePath: \pb-sxp-ui\src\core\context\EditorDataProvider.tsx
16632
16611
  *
16633
16612
  */
@@ -16882,11 +16861,10 @@ Made in Italy` })));
16882
16861
  const MultiPosts$1 = (_a) => {
16883
16862
  var _b, _c;
16884
16863
  var { bgImgUrl, style, recData } = _a, props = __rest(_a, ["bgImgUrl", "style", "recData"]);
16885
- const { bffEventReport, curTime, updateChannel } = useSxpDataSource();
16864
+ const { bffEventReport, curTime, updateChannel, multiPostTimeRef } = useSxpDataSource();
16886
16865
  const { isActive } = useSwiperSlide() || {};
16887
16866
  const initRef = React.useRef(false);
16888
- const viewTime = React.useRef();
16889
- const traceInfo = (_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.traceInfo) !== null && _c !== void 0 ? _c : '';
16867
+ const traceInfo = ((_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.traceInfo) || ((_c = recData === null || recData === void 0 ? void 0 : recData.product) === null || _c === void 0 ? void 0 : _c.traceInfo) || '';
16890
16868
  const getPropsVal = React.useCallback((index, str) => {
16891
16869
  try {
16892
16870
  return new Function('props', 'str', `if (str) {
@@ -16903,7 +16881,6 @@ Made in Italy` })));
16903
16881
  if (!value)
16904
16882
  return;
16905
16883
  if ((v === null || v === void 0 ? void 0 : v.linkType) === 'recommendFlow') {
16906
- endMultiPost('multipostClick');
16907
16884
  updateChannel === null || updateChannel === void 0 ? void 0 : updateChannel(value);
16908
16885
  curTime.current = new Date();
16909
16886
  }
@@ -16912,12 +16889,12 @@ Made in Italy` })));
16912
16889
  }
16913
16890
  }, [props]);
16914
16891
  const startMultiPost = React.useCallback(() => {
16915
- viewTime.current = new Date();
16892
+ multiPostTimeRef.current = new Date();
16916
16893
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
16917
16894
  eventInfo: {
16918
16895
  eventSubject: 'startMultiPost',
16919
16896
  eventDescription: 'startMultiPost',
16920
- contentFormat: 'IMAGE',
16897
+ contentFormat: 'image',
16921
16898
  position: '0',
16922
16899
  traceInfo
16923
16900
  }
@@ -16929,11 +16906,11 @@ Made in Italy` })));
16929
16906
  eventInfo: {
16930
16907
  eventSubject: 'endMultiPost',
16931
16908
  eventDescription: 'endMultiPost',
16932
- contentFormat: 'IMAGE',
16909
+ contentFormat: 'image',
16933
16910
  position: '0',
16934
16911
  traceInfo,
16935
16912
  nextStep: nextStep || 'others',
16936
- timeOnSite: Math.floor((new Date() - (viewTime === null || viewTime === void 0 ? void 0 : viewTime.current)) / 1000) + ''
16913
+ timeOnSite: Math.floor((new Date() - (multiPostTimeRef === null || multiPostTimeRef === void 0 ? void 0 : multiPostTimeRef.current)) / 1000) + ''
16937
16914
  }
16938
16915
  });
16939
16916
  }, []);
@@ -16960,7 +16937,7 @@ Made in Italy` })));
16960
16937
  }, [isActive]);
16961
16938
  return (React.createElement("div", { className: 'multiposts', style: Object.assign(Object.assign({}, style), getBgStyle(bgImgUrl)) }, Array.from({ length: 4 }, (_, index) => {
16962
16939
  return (React.createElement("button", { hidden: !getPropsVal(index, 'Url'), className: 'multiposts-btn', role: 'button', "aria-label": `multiposts-${index + 1}`, onClick: () => handleClick(index) },
16963
- React.createElement("img", { className: 'multiposts-btn-img', src: getSpliceQueryUrl(getPropsVal(index, 'Url')), alt: `multiposts-img-${index + 1}` })));
16940
+ React.createElement("img", { className: 'multiposts-btn-img', src: getPropsVal(index, 'Url'), alt: `multiposts-img-${index + 1}` })));
16964
16941
  })));
16965
16942
  };
16966
16943
  var MultiPosts$2 = React.memo(MultiPosts$1);
@@ -17147,7 +17124,7 @@ Made in Italy` })));
17147
17124
  }
17148
17125
  }), 200);
17149
17126
  return (React.createElement("button", Object.assign({}, props, { "aria-label": 'like', onClick: handleClick }),
17150
- React.createElement("img", { style: { width: '100%', height: '100%', objectFit: 'contain' }, src: getSpliceQueryUrl(state ? activeIcon || likeIcon : unActicveIcon || unlikeIcon), alt: 'icon' })));
17127
+ React.createElement("img", { style: { width: '100%', height: '100%', objectFit: 'contain' }, src: state ? activeIcon || likeIcon : unActicveIcon || unlikeIcon, alt: 'icon' })));
17151
17128
  };
17152
17129
  var LikeButton$1 = React.memo(LikeButton);
17153
17130
 
@@ -17361,10 +17338,9 @@ Made in Italy` })));
17361
17338
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
17362
17339
  if (!isActive)
17363
17340
  return;
17364
- let videoSrc = rec === null || rec === void 0 ? void 0 : rec.video.url;
17341
+ const videoSrc = rec === null || rec === void 0 ? void 0 : rec.video.url;
17365
17342
  if (!videoSrc)
17366
17343
  return;
17367
- videoSrc = getSpliceQueryUrl(videoSrc);
17368
17344
  const videoPlayerWrapperNode = document.querySelector(`#${videoId}`);
17369
17345
  if (!videoPlayerWrapperNode)
17370
17346
  return;
@@ -17548,7 +17524,7 @@ Made in Italy` })));
17548
17524
  setIsTure(defaultValue);
17549
17525
  }, [defaultValue]);
17550
17526
  return (React.createElement("button", { style: style, "aria-label": 'toggle button', className: 'pb-toggle-button', onClick: handleClick },
17551
- React.createElement("img", { className: 'pb-toggle-button-icon', alt: 'toggle image', src: getSpliceQueryUrl(isTrue ? activeIcon : unactiveIcon) })));
17527
+ React.createElement("img", { className: 'pb-toggle-button-icon', alt: 'toggle image', src: isTrue ? activeIcon : unactiveIcon })));
17552
17528
  };
17553
17529
  var ToggleButton$1 = React.memo(ToggleButton);
17554
17530
 
@@ -17556,7 +17532,7 @@ Made in Italy` })));
17556
17532
  * @Author: binruan@chatlabs.com
17557
17533
  * @Date: 2024-01-15 19:03:09
17558
17534
  * @LastEditors: binruan@chatlabs.com
17559
- * @LastEditTime: 2024-12-04 11:24:16
17535
+ * @LastEditTime: 2024-07-11 18:19:29
17560
17536
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\FingerSwipeTip\index.tsx
17561
17537
  *
17562
17538
  */
@@ -17573,7 +17549,7 @@ Made in Italy` })));
17573
17549
  return show ? 'pb-fadeIn' : 'pb-fadeOut';
17574
17550
  }, [show]);
17575
17551
  return (React.createElement("div", { hidden: !show, className: `pb-finger-wrap ${animationCls}`, style: Object.assign(Object.assign({}, style), { animationDuration: `${duration / 1000}s` }) },
17576
- React.createElement("img", { src: getSpliceQueryUrl(imageUrl || FINGER_SWIPE_ICON), alt: 'finger swiper' })));
17552
+ React.createElement("img", { src: imageUrl || FINGER_SWIPE_ICON, alt: 'finger swiper' })));
17577
17553
  };
17578
17554
 
17579
17555
  /*
@@ -17880,7 +17856,7 @@ Made in Italy` })));
17880
17856
  * @Author: binruan@chatlabs.com
17881
17857
  * @Date: 2024-03-26 10:07:41
17882
17858
  * @LastEditors: binruan@chatlabs.com
17883
- * @LastEditTime: 2024-12-04 11:29:23
17859
+ * @LastEditTime: 2024-07-03 10:07:29
17884
17860
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Nudge\index.tsx
17885
17861
  *
17886
17862
  */
@@ -17893,7 +17869,7 @@ Made in Italy` })));
17893
17869
  backgroundColor: nudge === null || nudge === void 0 ? void 0 : nudge.backgroundColor,
17894
17870
  borderRadius: (_f = nudge === null || nudge === void 0 ? void 0 : nudge.borderRadius) !== null && _f !== void 0 ? _f : 4
17895
17871
  } },
17896
- (nudge === null || nudge === void 0 ? void 0 : nudge.icon) ? (React.createElement("img", { src: getSpliceQueryUrl(nudge.icon), alt: 'nudge icon', style: { height: '100%', objectFit: 'cover', flexShrink: 0 } })) : null,
17872
+ (nudge === null || nudge === void 0 ? void 0 : nudge.icon) ? (React.createElement("img", { src: nudge.icon, alt: 'nudge icon', style: { height: '100%', objectFit: 'cover', flexShrink: 0 } })) : null,
17897
17873
  React.createElement("p", { style: Object.assign(Object.assign({}, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle), { textWrap: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', whiteSpace: 'nowrap', flex: 1, marginBottom: 0, marginTop: 0 }), dangerouslySetInnerHTML: {
17898
17874
  __html: setFontForText(nudge === null || nudge === void 0 ? void 0 : nudge.content, nudge === null || nudge === void 0 ? void 0 : nudge.textStyle)
17899
17875
  } })))));
@@ -17986,26 +17962,10 @@ Made in Italy` })));
17986
17962
  padding: 0,
17987
17963
  background: 'transparent'
17988
17964
  }, role: 'button', "aria-label": 'back button', onClick: onClick },
17989
- React.createElement("img", { src: getSpliceQueryUrl((data === null || data === void 0 ? void 0 : data.icon) || img), alt: 'back button', width: 100, style: { objectFit: 'cover' } })));
17965
+ React.createElement("img", { src: (data === null || data === void 0 ? void 0 : data.icon) || img, alt: 'back button', width: 100, style: { objectFit: 'cover' } })));
17990
17966
  };
17991
17967
  var NavBack$1 = React.memo(NavBack);
17992
17968
 
17993
- /*
17994
- * @Author: binruan@chatlabs.com
17995
- * @Date: 2024-03-20 10:27:31
17996
- * @LastEditors: binruan@chatlabs.com
17997
- * @LastEditTime: 2024-12-04 16:13:02
17998
- * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
17999
- *
18000
- */
18001
- /*
18002
- * @Author: binruan@chatlabs.com
18003
- * @Date: 2024-03-20 10:27:31
18004
- * @LastEditors: binruan@chatlabs.com
18005
- * @LastEditTime: 2024-12-03 15:27:20
18006
- * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
18007
- *
18008
- */
18009
17969
  const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.innerHeight, containerWidth = window.innerWidth, tempMap, resolver, data = [], ctaType, tipText, nudge, _schema, hashTagStyle, hashTagRightMargin, tagList = [], licenseUrl }) => {
18010
17970
  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;
18011
17971
  const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png');
@@ -18094,7 +18054,7 @@ Made in Italy` })));
18094
18054
  else if (item === null || item === void 0 ? void 0 : item.product) {
18095
18055
  fromKName = 'productPage';
18096
18056
  }
18097
- if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.playbook) !== 'organic menu' || activeIndex !== 0) {
18057
+ if ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.playbook) !== 'organic menu' || activeIndex !== 0 || channel) {
18098
18058
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18099
18059
  eventInfo: {
18100
18060
  sessionDuration: Math.floor((new Date() - curTime.current) / 1000) + '',
@@ -18140,7 +18100,8 @@ Made in Italy` })));
18140
18100
  backMainFeed,
18141
18101
  openHashtag,
18142
18102
  isShowConsent,
18143
- selectTag
18103
+ selectTag,
18104
+ channel
18144
18105
  ]);
18145
18106
  const tagHeight = React.useMemo(() => {
18146
18107
  let h = 0;
@@ -18193,7 +18154,7 @@ Made in Italy` })));
18193
18154
  new Function(link)();
18194
18155
  }
18195
18156
  })),
18196
- React.createElement("img", { src: getSpliceQueryUrl(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl), alt: 'logo' })));
18157
+ React.createElement("img", { src: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.logoUrl, alt: 'logo' })));
18197
18158
  }
18198
18159
  return null;
18199
18160
  }, [globalConfig, activeIndex, visList]);
@@ -18483,7 +18444,7 @@ Made in Italy` })));
18483
18444
  const renderView = React.useMemo(() => {
18484
18445
  if (loading) {
18485
18446
  return (React.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
18486
- React.createElement("img", { width: 64, height: 64, src: getSpliceQueryUrl(loadingImage), alt: 'loading...', style: { objectFit: 'contain' } })));
18447
+ React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } })));
18487
18448
  }
18488
18449
  return visList === null || visList === void 0 ? void 0 : visList.map((rec, index) => {
18489
18450
  return (React.createElement(SwiperSlide, { key: index, virtualIndex: index, style: { overflow: 'hidden' } }, rec && (React.createElement(React.Fragment, null, (rec === null || rec === void 0 ? void 0 : rec.loading) ? (React.createElement("div", { style: {
@@ -18493,7 +18454,7 @@ Made in Italy` })));
18493
18454
  justifyContent: 'center',
18494
18455
  alignItems: 'center'
18495
18456
  } },
18496
- React.createElement("img", { width: 64, height: 64, src: getSpliceQueryUrl(loadingImage), alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement(React.Fragment, null,
18457
+ React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement(React.Fragment, null,
18497
18458
  renderBottom(rec, index),
18498
18459
  renderLikeButton(rec, index, !(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconFixed)),
18499
18460
  renderToggleButton(!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconFixed)),
@@ -18526,12 +18487,13 @@ Made in Italy` })));
18526
18487
  ((_f = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.backButton) === null || _f === void 0 ? void 0 : _f.enable) && !channel && !openMultiPosts && !waterFallData && (React.createElement(NavBack$1, { data: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.backButton, minusHeight: minusHeight, tagHeight: tagHeight, onClick: () => history === null || history === void 0 ? void 0 : history.back() })),
18527
18488
  ((((_l = (_k = (_j = (_h = (_g = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.backButton) === null || _l === void 0 ? void 0 : _l.enable) && channel) || openMultiPosts) &&
18528
18489
  !waterFallData && (React.createElement(NavBack$1, { data: (_q = (_p = (_o = (_m = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.item) === null || _p === void 0 ? void 0 : _p.props) === null || _q === void 0 ? void 0 : _q.backButton, minusHeight: minusHeight, tagHeight: tagHeight, onClick: () => {
18529
- var _a, _b, _c;
18490
+ var _a, _b;
18491
+ const item = visList === null || visList === void 0 ? void 0 : visList[activeIndex];
18530
18492
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
18531
18493
  eventInfo: {
18532
18494
  eventSubject: 'backMultiPostClick',
18533
18495
  eventDescription: 'backMultiPostClick',
18534
- traceInfo: (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data[activeIndex]) === null || _a === void 0 ? void 0 : _a.video) === null || _b === void 0 ? void 0 : _b.traceInfo) !== null && _c !== void 0 ? _c : ''
18496
+ traceInfo: ((_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.traceInfo) || ((_b = item === null || item === void 0 ? void 0 : item.product) === null || _b === void 0 ? void 0 : _b.traceInfo) || ''
18535
18497
  }
18536
18498
  });
18537
18499
  location === null || location === void 0 ? void 0 : location.reload();