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.
- package/dist/index.cjs +49 -87
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +49 -87
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +4 -4
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +49 -87
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +4 -4
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/FingerSwipeTip/index.js +1 -2
- package/es/core/components/SxpPageRender/FormatImage.js +7 -9
- package/es/core/components/SxpPageRender/LikeButton/index.js +1 -2
- package/es/core/components/SxpPageRender/Modal/index.js +1 -2
- package/es/core/components/SxpPageRender/NavBack.js +1 -2
- package/es/core/components/SxpPageRender/Nudge/index.js +2 -2
- package/es/core/components/SxpPageRender/ToggleButton/index.js +1 -2
- package/es/core/components/SxpPageRender/VideoWidget/index.js +1 -3
- package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
- package/es/core/components/SxpPageRender/WaterFall/index.js +1 -2
- package/es/core/components/SxpPageRender/index.js +9 -8
- package/es/core/context/EditorDataProvider.d.ts +3 -2
- package/es/core/context/SxpDataSourceProvider.d.ts +1 -0
- package/es/core/context/SxpDataSourceProvider.js +11 -9
- package/es/core/utils/tool.d.ts +1 -2
- package/es/core/utils/tool.js +1 -14
- package/es/materials/sxp/MultiPosts/index.js +7 -10
- package/es/materials/sxp/cta/AniLinkPopup/index.js +2 -2
- package/lib/core/components/SxpPageRender/FingerSwipeTip/index.js +1 -2
- package/lib/core/components/SxpPageRender/FormatImage.js +7 -9
- package/lib/core/components/SxpPageRender/LikeButton/index.js +1 -2
- package/lib/core/components/SxpPageRender/Modal/index.js +1 -2
- package/lib/core/components/SxpPageRender/NavBack.js +1 -2
- package/lib/core/components/SxpPageRender/Nudge/index.js +1 -1
- package/lib/core/components/SxpPageRender/ToggleButton/index.js +1 -2
- package/lib/core/components/SxpPageRender/VideoWidget/index.js +1 -3
- package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +1 -1
- package/lib/core/components/SxpPageRender/WaterFall/index.js +1 -2
- package/lib/core/components/SxpPageRender/index.js +9 -8
- package/lib/core/context/EditorDataProvider.d.ts +3 -2
- package/lib/core/context/SxpDataSourceProvider.d.ts +1 -0
- package/lib/core/context/SxpDataSourceProvider.js +11 -9
- package/lib/core/utils/tool.d.ts +1 -2
- package/lib/core/utils/tool.js +1 -15
- package/lib/materials/sxp/MultiPosts/index.js +7 -10
- package/lib/materials/sxp/cta/AniLinkPopup/index.js +1 -1
- 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() })), (
|
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
|
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
|
-
|
1103
|
-
|
1104
|
-
|
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-
|
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:
|
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
|
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(
|
10048
|
+
setImgSrc(v);
|
10061
10049
|
}
|
10062
10050
|
}));
|
10063
10051
|
React.useEffect(() => {
|
10064
|
-
if (
|
10065
|
-
setImgSrc(
|
10066
|
-
}, [
|
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}
|
10084
|
-
React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}
|
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-
|
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:
|
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-
|
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
|
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
|
-
|
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: '
|
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: '
|
16909
|
+
contentFormat: 'image',
|
16933
16910
|
position: '0',
|
16934
16911
|
traceInfo,
|
16935
16912
|
nextStep: nextStep || 'others',
|
16936
|
-
timeOnSite: Math.floor((new Date() - (
|
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:
|
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:
|
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
|
-
|
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:
|
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-
|
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:
|
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-
|
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:
|
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:
|
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:
|
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:
|
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:
|
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
|
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: (
|
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();
|