pb-sxp-ui 1.20.3 → 1.20.4

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 (37) hide show
  1. package/dist/index.cjs +210 -87
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +210 -87
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +8 -8
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +8 -8
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +210 -87
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +8 -8
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/WaterFall/List.js +8 -17
  14. package/es/core/components/SxpPageRender/WaterFall/WaterfallList.js +3 -13
  15. package/es/core/components/SxpPageRender/WaterFall/index.d.ts +0 -2
  16. package/es/core/components/SxpPageRender/WaterFall/index.js +8 -1
  17. package/es/core/components/SxpPageRender/index.js +23 -21
  18. package/es/core/context/SxpDataSourceProvider.js +3 -16
  19. package/es/materials/sxp/cta/AniLink/index.js +13 -2
  20. package/es/materials/sxp/cta/AniLinkPopup/index.js +13 -2
  21. package/es/materials/sxp/popup/CommodityDetail/index.js +54 -3
  22. package/es/materials/sxp/popup/CommodityDetailDiroNew/index.js +55 -4
  23. package/es/materials/sxp/popup/CommodityList/index.js +13 -1
  24. package/es/materials/sxp/template/components/EventProvider.js +19 -7
  25. package/lib/core/components/SxpPageRender/WaterFall/List.js +8 -17
  26. package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js +3 -13
  27. package/lib/core/components/SxpPageRender/WaterFall/index.d.ts +0 -2
  28. package/lib/core/components/SxpPageRender/WaterFall/index.js +8 -1
  29. package/lib/core/components/SxpPageRender/index.js +23 -21
  30. package/lib/core/context/SxpDataSourceProvider.js +3 -16
  31. package/lib/materials/sxp/cta/AniLink/index.js +13 -2
  32. package/lib/materials/sxp/cta/AniLinkPopup/index.js +13 -2
  33. package/lib/materials/sxp/popup/CommodityDetail/index.js +54 -3
  34. package/lib/materials/sxp/popup/CommodityDetailDiroNew/index.js +55 -4
  35. package/lib/materials/sxp/popup/CommodityList/index.js +13 -1
  36. package/lib/materials/sxp/template/components/EventProvider.js +19 -7
  37. package/package.json +1 -1
package/dist/pb-ui.js CHANGED
@@ -997,7 +997,7 @@
997
997
  }
998
998
  });
999
999
  };
1000
- }, [bffCollectEvent]);
1000
+ }, []);
1001
1001
  React.useEffect(() => {
1002
1002
  const originalOpen = XMLHttpRequest.prototype.open;
1003
1003
  const originalSend = XMLHttpRequest.prototype.send;
@@ -1237,7 +1237,7 @@
1237
1237
  const productCustomData = {
1238
1238
  content_ids: [product === null || product === void 0 ? void 0 : product.itemId],
1239
1239
  content_type: 'product',
1240
- content_name: product === null || product === void 0 ? void 0 : product.title,
1240
+ content_name: '',
1241
1241
  contents: [{
1242
1242
  item_id: product === null || product === void 0 ? void 0 : product.itemId,
1243
1243
  item_price: product === null || product === void 0 ? void 0 : product.price
@@ -1427,20 +1427,7 @@
1427
1427
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
1428
1428
  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 })
1429
1429
  });
1430
- if ((eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.eventSubject) === 'clickCta') {
1431
- bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
1432
- eventName: 'ClickCTA',
1433
- product: product ? [product] : undefined,
1434
- contentType: contentType !== null && contentType !== void 0 ? contentType : 'post',
1435
- rec,
1436
- position,
1437
- cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
1438
- cta_action_type: ctaActionType,
1439
- target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
1440
- target_url: targetUrl
1441
- });
1442
- }
1443
- }, [bffEventReport, isFromHashtag, bffFbReport]);
1430
+ }, [bffEventReport, isFromHashtag]);
1444
1431
  const h5EnterLink = React.useCallback(() => {
1445
1432
  var _a, _b;
1446
1433
  const time = new Date();
@@ -10875,29 +10862,79 @@
10875
10862
  ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
10876
10863
  eventSubject: 'clickCta',
10877
10864
  eventDescription: 'User clicked the CTA'
10878
- }, data, product, position, 'open_external_link', product.link, 'product');
10865
+ }, data, product, position);
10866
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
10867
+ eventName: 'ClickCTA',
10868
+ product: product ? [product] : undefined,
10869
+ contentType: 'product',
10870
+ data,
10871
+ position,
10872
+ cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
10873
+ cta_action_type: 'open_external_link',
10874
+ target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
10875
+ target_url: product.link
10876
+ });
10879
10877
  }
10880
10878
  window.location.href = window.getJointUtmLink(product.link);
10881
10879
  }
10882
10880
  };
10883
10881
  React.useEffect(() => {
10882
+ var _a;
10884
10883
  if (!isActive)
10885
10884
  return;
10885
+ const recData = Object.assign(Object.assign({}, data), { video: (data === null || data === void 0 ? void 0 : data.video) ? Object.assign(Object.assign({}, data === null || data === void 0 ? void 0 : data.video), { title: '', imgUrls: !isPost ? product === null || product === void 0 ? void 0 : product.homePage : (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.imgUrls }) : null });
10886
10886
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
10887
10887
  eventName: 'ProductView',
10888
10888
  product: product ? [product] : undefined,
10889
10889
  contentType: 'product',
10890
- rec: data,
10890
+ rec: recData,
10891
10891
  position
10892
10892
  });
10893
10893
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
10894
10894
  eventName: 'PageView',
10895
10895
  product: product ? [product] : undefined,
10896
10896
  contentType: 'product',
10897
- rec: data,
10897
+ rec: recData,
10898
10898
  position
10899
10899
  });
10900
10900
  }, [isActive, bffFbReport]);
10901
+ React.useEffect(() => {
10902
+ if (!isActive || isPost)
10903
+ return;
10904
+ const onShow = () => {
10905
+ curTimeRef.current = new Date();
10906
+ };
10907
+ const recData = Object.assign(Object.assign({}, data), { video: (data === null || data === void 0 ? void 0 : data.video) ? Object.assign(Object.assign({}, data === null || data === void 0 ? void 0 : data.video), { title: '' }) : null });
10908
+ const onHide = () => {
10909
+ var _a;
10910
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
10911
+ eventName: 'ExitFeed',
10912
+ product: product ? [product] : undefined,
10913
+ contentType: 'product',
10914
+ rec: recData,
10915
+ position,
10916
+ view_time: new Date() - curTimeRef.current,
10917
+ content_id: (_a = product === null || product === void 0 ? void 0 : product.itemId) !== null && _a !== void 0 ? _a : ''
10918
+ });
10919
+ };
10920
+ SXP_EVENT_BUS.on(SXP_EVENT_TYPE.PAGE_DID_SHOW, () => onShow());
10921
+ SXP_EVENT_BUS.on(SXP_EVENT_TYPE.PAGE_DID_HIDE, () => onHide());
10922
+ return () => {
10923
+ var _a;
10924
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
10925
+ eventName: 'Engagement',
10926
+ product: product ? [product] : undefined,
10927
+ rec: recData,
10928
+ position,
10929
+ content_id: (_a = product === null || product === void 0 ? void 0 : product.itemId) !== null && _a !== void 0 ? _a : '',
10930
+ engagement_type: 'close_popup',
10931
+ contentType: 'product',
10932
+ view_time: new Date() - curTimeRef.current
10933
+ });
10934
+ SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_SHOW, () => onShow());
10935
+ SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_HIDE, () => onHide());
10936
+ };
10937
+ }, [isActive, isPost, bffFbReport, data, product, position, curTimeRef]);
10901
10938
  React.useEffect(() => {
10902
10939
  const initTime = () => {
10903
10940
  curTimeRef.current = new Date();
@@ -11788,29 +11825,79 @@
11788
11825
  ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
11789
11826
  eventSubject: 'clickCta',
11790
11827
  eventDescription: 'User clicked the CTA'
11791
- }, data, product, position, 'open_external_link', product.link, 'product');
11828
+ }, data, product, position);
11829
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
11830
+ eventName: 'ClickCTA',
11831
+ product: product ? [product] : undefined,
11832
+ contentType: 'product',
11833
+ data,
11834
+ position,
11835
+ cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
11836
+ cta_action_type: 'open_external_link',
11837
+ target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
11838
+ target_url: product.link
11839
+ });
11792
11840
  }
11793
11841
  window.location.href = window.getJointUtmLink(product.link);
11794
11842
  }
11795
11843
  };
11796
11844
  React.useEffect(() => {
11845
+ var _a;
11797
11846
  if (!isActive)
11798
11847
  return;
11848
+ const recData = Object.assign(Object.assign({}, data), { video: (data === null || data === void 0 ? void 0 : data.video) ? Object.assign(Object.assign({}, data === null || data === void 0 ? void 0 : data.video), { title: '', imgUrls: !isPost ? product === null || product === void 0 ? void 0 : product.homePage : (_a = data === null || data === void 0 ? void 0 : data.video) === null || _a === void 0 ? void 0 : _a.imgUrls }) : null });
11799
11849
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
11800
11850
  eventName: 'ProductView',
11801
11851
  product: product ? [product] : undefined,
11802
11852
  contentType: 'product',
11803
- rec: data,
11853
+ rec: recData,
11804
11854
  position
11805
11855
  });
11806
11856
  bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
11807
11857
  eventName: 'PageView',
11808
11858
  product: product ? [product] : undefined,
11809
11859
  contentType: 'product',
11810
- rec: data,
11860
+ rec: recData,
11811
11861
  position
11812
11862
  });
11813
- }, [isActive, bffFbReport]);
11863
+ }, [isActive, bffFbReport, isPost]);
11864
+ React.useEffect(() => {
11865
+ if (!isActive || isPost)
11866
+ return;
11867
+ const onShow = () => {
11868
+ curTimeRef.current = new Date();
11869
+ };
11870
+ const recData = Object.assign(Object.assign({}, data), { video: (data === null || data === void 0 ? void 0 : data.video) ? Object.assign(Object.assign({}, data === null || data === void 0 ? void 0 : data.video), { title: '' }) : null });
11871
+ const onHide = () => {
11872
+ var _a;
11873
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
11874
+ eventName: 'ExitFeed',
11875
+ product: product ? [product] : undefined,
11876
+ contentType: 'product',
11877
+ rec: recData,
11878
+ position,
11879
+ view_time: new Date() - curTimeRef.current,
11880
+ content_id: (_a = product === null || product === void 0 ? void 0 : product.itemId) !== null && _a !== void 0 ? _a : ''
11881
+ });
11882
+ };
11883
+ SXP_EVENT_BUS.on(SXP_EVENT_TYPE.PAGE_DID_SHOW, () => onShow());
11884
+ SXP_EVENT_BUS.on(SXP_EVENT_TYPE.PAGE_DID_HIDE, () => onHide());
11885
+ return () => {
11886
+ var _a;
11887
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
11888
+ eventName: 'Engagement',
11889
+ product: product ? [product] : undefined,
11890
+ rec: recData,
11891
+ position,
11892
+ content_id: (_a = product === null || product === void 0 ? void 0 : product.itemId) !== null && _a !== void 0 ? _a : '',
11893
+ engagement_type: 'close_popup',
11894
+ contentType: 'product',
11895
+ view_time: new Date() - curTimeRef.current
11896
+ });
11897
+ SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_SHOW, () => onShow());
11898
+ SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_HIDE, () => onHide());
11899
+ };
11900
+ }, [isActive, isPost, bffFbReport, data, product, position, curTimeRef]);
11814
11901
  React.useEffect(() => {
11815
11902
  const initTime = () => {
11816
11903
  if (!isActive)
@@ -12475,10 +12562,22 @@ Made in Italy` })));
12475
12562
  });
12476
12563
  }, [(_d = commodityStyles === null || commodityStyles === void 0 ? void 0 : commodityStyles.price) === null || _d === void 0 ? void 0 : _d.enableFormattedPrice, globalConfig]);
12477
12564
  const handleClick = lodash.throttle((item, multiCheckIndex, e) => {
12565
+ var _a;
12478
12566
  ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
12479
12567
  eventSubject: 'clickCta',
12480
12568
  eventDescription: 'User clicked the CTA'
12481
- }, recData, item, index, isExternalLink && !!(item === null || item === void 0 ? void 0 : item.link) ? 'open_external_link' : 'open_internal_popup', item.link, 'product');
12569
+ }, recData, item, index);
12570
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
12571
+ eventName: 'ClickCTA',
12572
+ product: item ? [item] : undefined,
12573
+ contentType: 'product',
12574
+ recData,
12575
+ index,
12576
+ cta_text: (_a = item === null || item === void 0 ? void 0 : item.bindCta) === null || _a === void 0 ? void 0 : _a.enTitle,
12577
+ cta_action_type: isExternalLink && !!(item === null || item === void 0 ? void 0 : item.link) ? 'open_external_link' : 'open_internal_popup',
12578
+ target_content_id: item === null || item === void 0 ? void 0 : item.itemId,
12579
+ target_url: item.link
12580
+ });
12482
12581
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { video: Object.assign(Object.assign({}, recData === null || recData === void 0 ? void 0 : recData.video), { bindProduct: item }), index, multiCheckIndex }));
12483
12582
  if (isExternalLink) {
12484
12583
  if (!(item === null || item === void 0 ? void 0 : item.link))
@@ -13008,26 +13107,38 @@ Made in Italy` })));
13008
13107
  var { rec, children, className, onClick, style, isExternalLink = false, index, jumpLink, multItem, multiCheckIndex } = _a; __rest(_a, ["rec", "children", "className", "onClick", "style", "isExternalLink", "index", "jumpLink", "multItem", "multiCheckIndex"]);
13009
13108
  const ref = React.useRef(null);
13010
13109
  const { popup } = useEditor();
13011
- const { setPopupDetailData, ctaEvent } = useSxpDataSource();
13110
+ const { setPopupDetailData, ctaEvent, bffFbReport } = useSxpDataSource();
13012
13111
  const { jumpToWeb } = useEventReport();
13013
13112
  const [element, setElement] = React.useState(null);
13014
13113
  const handleClick = lodash.throttle((e) => {
13015
- var _a, _b, _c, _d, _e, _f;
13114
+ var _a, _b, _c, _d, _e, _f, _g, _h;
13016
13115
  e.preventDefault();
13017
13116
  const item = multItem || ((_b = (_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.bindProduct) !== null && _b !== void 0 ? _b : rec === null || rec === void 0 ? void 0 : rec.video);
13018
- const link = ((_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) === null || _d === void 0 ? void 0 : _d.link) || (multItem === null || multItem === void 0 ? void 0 : multItem.link);
13117
+ const link = jumpLink || ((_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.bindProduct) === null || _d === void 0 ? void 0 : _d.link) || (multItem === null || multItem === void 0 ? void 0 : multItem.link) || '';
13019
13118
  ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
13020
13119
  eventSubject: 'clickCta',
13021
13120
  eventDescription: 'User clicked the CTA'
13022
- }, rec, item, index, isExternalLink && (jumpLink || !!link) ? 'open_external_link' : 'open_internal_popup', link);
13121
+ }, rec, item, index);
13122
+ const product = multItem || ((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.bindProduct);
13123
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
13124
+ eventName: 'ClickCTA',
13125
+ product: product ? [product] : undefined,
13126
+ contentType: 'post',
13127
+ rec,
13128
+ index,
13129
+ cta_text: (_f = item === null || item === void 0 ? void 0 : item.bindCta) === null || _f === void 0 ? void 0 : _f.enTitle,
13130
+ cta_action_type: isExternalLink && (!!link) ? 'open_external_link' : 'open_internal_popup',
13131
+ target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
13132
+ target_url: link
13133
+ });
13023
13134
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(multItem && multiCheckIndex !== undefined && multiCheckIndex >= 0
13024
13135
  ? Object.assign(Object.assign({}, rec), { video: Object.assign(Object.assign({}, rec === null || rec === void 0 ? void 0 : rec.video), { bindProduct: multItem }), index, multiCheckIndex }) : Object.assign(Object.assign({}, rec), { index }));
13025
13136
  setElement(ref === null || ref === void 0 ? void 0 : ref.current);
13026
13137
  if (isExternalLink) {
13027
- if (!jumpLink && !link)
13138
+ if (!link)
13028
13139
  return;
13029
- const cta = ((_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.bindCta) || (multItem === null || multItem === void 0 ? void 0 : multItem.bindCta);
13030
- const product = ((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.bindProduct) || multItem;
13140
+ const cta = ((_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.bindCta) || (multItem === null || multItem === void 0 ? void 0 : multItem.bindCta);
13141
+ const product = ((_h = rec === null || rec === void 0 ? void 0 : rec.video) === null || _h === void 0 ? void 0 : _h.bindProduct) || multItem;
13031
13142
  jumpToWeb(e, rec, product, cta, index);
13032
13143
  window.location.href = window.getJointUtmLink(link);
13033
13144
  }
@@ -15514,7 +15625,7 @@ Made in Italy` })));
15514
15625
 
15515
15626
  const WaterfallFlowItem$1 = (props) => {
15516
15627
  var _a;
15517
- const { rec, style = {}, sizeChange = () => { }, unitWidth, index, showBorder, list, reportTagsView, textStyles, space } = props;
15628
+ const { listItem, style = {}, sizeChange = () => { }, unitWidth, index, showBorder, list, reportTagsView, textStyles, space } = props;
15518
15629
  const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
15519
15630
  const [showVideo, setShowVideo] = React.useState(false);
15520
15631
  React.useState(false);
@@ -15527,6 +15638,7 @@ Made in Italy` })));
15527
15638
  React.useRef(null);
15528
15639
  React.useRef(null);
15529
15640
  const [firstFrameSrc, setFirstFrameSrc] = React.useState('');
15641
+ const rec = listItem;
15530
15642
  const src = React.useMemo(() => {
15531
15643
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
15532
15644
  if ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) {
@@ -15749,17 +15861,6 @@ Made in Italy` })));
15749
15861
  const list = (_b = (_a = res === null || res === void 0 ? void 0 : res.recList) === null || _a === void 0 ? void 0 : _a.filter((item) => (item === null || item === void 0 ? void 0 : item.video) !== null || (item === null || item === void 0 ? void 0 : item.product) !== null)) !== null && _b !== void 0 ? _b : [];
15750
15862
  setList(list);
15751
15863
  setIsLoadingData(false);
15752
- const products = [];
15753
- list === null || list === void 0 ? void 0 : list.forEach((item) => {
15754
- var _a, _b;
15755
- products.push(...((_b = (_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.bindProducts) !== null && _b !== void 0 ? _b : []));
15756
- });
15757
- bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
15758
- eventName: 'PageView',
15759
- product: products,
15760
- rec: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.rec,
15761
- position: cacheActiveIndex
15762
- });
15763
15864
  }));
15764
15865
  if (isOpenHashTag) {
15765
15866
  const res = previewData;
@@ -15847,7 +15948,7 @@ Made in Italy` })));
15847
15948
  React.createElement("div", { className: 'waterFallList-content' }, list === null || list === void 0 ? void 0 :
15848
15949
  list.map((item, ind) => {
15849
15950
  var _a;
15850
- return (React.createElement(WaterfallFlowItem$1, Object.assign({ key: ind, index: ind, rec: item, list: list, showBorder: scrollTop + ((_a = scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.current) === null || _a === void 0 ? void 0 : _a.clientHeight), style: styleList[ind], sizeChange: onSizeChange, unitWidth: unitWidth, reportTagsView: reportTagsView }, props)));
15951
+ return (React.createElement(WaterfallFlowItem$1, Object.assign({ key: ind, index: ind, listItem: item, list: list, showBorder: scrollTop + ((_a = scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.current) === null || _a === void 0 ? void 0 : _a.clientHeight), style: styleList[ind], sizeChange: onSizeChange, unitWidth: unitWidth, reportTagsView: reportTagsView }, props)));
15851
15952
  }),
15852
15953
  React.createElement("div", { hidden: !((_l = data === null || data === void 0 ? void 0 : data.tag) === null || _l === void 0 ? void 0 : _l.link), style: {
15853
15954
  position: 'absolute',
@@ -15869,7 +15970,8 @@ Made in Italy` })));
15869
15970
 
15870
15971
  const WaterfallFlowItem = (props) => {
15871
15972
  var _a;
15872
- const { rec, index, list, reportTagsView, textStyles, space, openFixedSize, fixedSizeRatio } = props;
15973
+ const { listItem, index, list, reportTagsView, textStyles, space, openFixedSize, fixedSizeRatio } = props;
15974
+ const rec = listItem;
15873
15975
  const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
15874
15976
  const [showVideo, setShowVideo] = React.useState(false);
15875
15977
  const imgDom = React.useRef(null);
@@ -16004,8 +16106,8 @@ Made in Italy` })));
16004
16106
  React.useEffect(() => {
16005
16107
  var _a, _b;
16006
16108
  setIsLoadingData(true);
16007
- waterFallData &&
16008
- (getRecommendVideos === null || getRecommendVideos === void 0 ? void 0 : getRecommendVideos({
16109
+ if (waterFallData) {
16110
+ getRecommendVideos === null || getRecommendVideos === void 0 ? void 0 : getRecommendVideos({
16009
16111
  hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag,
16010
16112
  defaultSize: hashTagSize,
16011
16113
  maxSize: hashTagSize
@@ -16015,19 +16117,9 @@ Made in Italy` })));
16015
16117
  const list = (_b = (_a = res === null || res === void 0 ? void 0 : res.recList) === null || _a === void 0 ? void 0 : _a.filter((item) => (item === null || item === void 0 ? void 0 : item.video) !== null || (item === null || item === void 0 ? void 0 : item.product) !== null)) !== null && _b !== void 0 ? _b : [];
16016
16118
  setList(list);
16017
16119
  setIsLoadingData(false);
16018
- const products = [];
16019
- list === null || list === void 0 ? void 0 : list.forEach((item) => {
16020
- var _a, _b;
16021
- products.push(...((_b = (_a = item === null || item === void 0 ? void 0 : item.video) === null || _a === void 0 ? void 0 : _a.bindProducts) !== null && _b !== void 0 ? _b : []));
16022
- });
16023
- bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
16024
- eventName: 'PageView',
16025
- product: products,
16026
- rec: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.rec,
16027
- position: cacheActiveIndex
16028
- });
16029
- }));
16030
- if (isOpenHashTag) {
16120
+ });
16121
+ }
16122
+ else if (isOpenHashTag) {
16031
16123
  const res = previewData;
16032
16124
  setData(res);
16033
16125
  setList((_b = (_a = res === null || res === void 0 ? void 0 : res.recList) === null || _a === void 0 ? void 0 : _a.filter((item) => (item === null || item === void 0 ? void 0 : item.video) !== null || (item === null || item === void 0 ? void 0 : item.product) !== null)) !== null && _b !== void 0 ? _b : []);
@@ -16075,7 +16167,7 @@ Made in Italy` })));
16075
16167
  __html: setFontForText(((_j = data === null || data === void 0 ? void 0 : data.tag) === null || _j === void 0 ? void 0 : _j.linkTitle) || 'Shop the collection', (_k = props === null || props === void 0 ? void 0 : props.textStyles) === null || _k === void 0 ? void 0 : _k.hashTagLink)
16076
16168
  } }),
16077
16169
  React.createElement("div", { className: 'list-content' }, list === null || list === void 0 ? void 0 : list.map((item, ind) => {
16078
- return (React.createElement(WaterfallFlowItem, Object.assign({ key: ind, index: ind, rec: item, list: list, reportTagsView: reportTagsView }, props)));
16170
+ return (React.createElement(WaterfallFlowItem, Object.assign({ key: ind, index: ind, listItem: item, list: list, reportTagsView: reportTagsView }, props)));
16079
16171
  })),
16080
16172
  React.createElement("div", { hidden: !isLoadMore, style: { textAlign: 'center' } }, "loading..."),
16081
16173
  React.createElement("div", { hidden: !((_l = data === null || data === void 0 ? void 0 : data.tag) === null || _l === void 0 ? void 0 : _l.link), style: {
@@ -16164,10 +16256,17 @@ Made in Italy` })));
16164
16256
  });
16165
16257
  }, [recData, bffEventReport, viewTime, isFromHashtag, cacheActiveIndex]);
16166
16258
  React.useEffect(() => {
16259
+ var _a, _b;
16167
16260
  if (openHashtag) {
16168
16261
  setViewTime(new Date());
16262
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
16263
+ eventName: 'PageView',
16264
+ product: (_b = (_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.rec) === null || _a === void 0 ? void 0 : _a.video) === null || _b === void 0 ? void 0 : _b.bindProducts,
16265
+ rec: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.rec,
16266
+ position: cacheActiveIndex
16267
+ });
16169
16268
  }
16170
- }, [openHashtag]);
16269
+ }, [openHashtag, bffFbReport, waterFallData, cacheActiveIndex]);
16171
16270
  React.useEffect(() => {
16172
16271
  const initTime = () => {
16173
16272
  setViewTime(new Date());
@@ -16478,7 +16577,7 @@ Made in Italy` })));
16478
16577
  const AniLink$1 = (_a) => {
16479
16578
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
16480
16579
  var { style, recData, ctaTempStyles, index, event, onClick, isExternalLink = false, isActive } = _a, props = __rest(_a, ["style", "recData", "ctaTempStyles", "index", "event", "onClick", "isExternalLink", "isActive"]);
16481
- const { ctaEvent, setPopupDetailData } = useSxpDataSource();
16580
+ const { ctaEvent, setPopupDetailData, bffFbReport } = useSxpDataSource();
16482
16581
  const { jumpToWeb } = useEventReport();
16483
16582
  const [visible, setVisible] = React.useState(false);
16484
16583
  const ref = React.useRef(null);
@@ -16492,7 +16591,18 @@ Made in Italy` })));
16492
16591
  ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
16493
16592
  eventSubject: 'clickCta',
16494
16593
  eventDescription: 'User clicked the CTA'
16495
- }, recData, item, index, (isExternalLink && !!link) ? 'open_external_link' : 'open_internal_popup', link);
16594
+ }, recData, item, index);
16595
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
16596
+ eventName: 'ClickCTA',
16597
+ product: product ? [product] : undefined,
16598
+ contentType: 'post',
16599
+ recData,
16600
+ index,
16601
+ cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
16602
+ cta_action_type: (isExternalLink && !!link) ? 'open_external_link' : 'open_internal_popup',
16603
+ target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
16604
+ target_url: link
16605
+ });
16496
16606
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { index }));
16497
16607
  if (isExternalLink) {
16498
16608
  if (!link)
@@ -16981,7 +17091,7 @@ Made in Italy` })));
16981
17091
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
16982
17092
  var { style, recData, ctaTempStyles, index, event, bottom_image, translateY, isTel, onClick, isExternalLink = false, isActive } = _a, props = __rest(_a, ["style", "recData", "ctaTempStyles", "index", "event", "bottom_image", "translateY", "isTel", "onClick", "isExternalLink", "isActive"]);
16983
17093
  style === null || style === void 0 ? true : delete style.transform;
16984
- const { sxpParameter, globalConfig, ctaEvent, setPopupDetailData } = useSxpDataSource();
17094
+ const { sxpParameter, globalConfig, ctaEvent, setPopupDetailData, bffFbReport } = useSxpDataSource();
16985
17095
  const { jumpToWeb } = useEventReport();
16986
17096
  const [visible, setVisible] = React.useState(true);
16987
17097
  const cta = ((_d = (_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.bindCta) || ((_f = (_e = recData === null || recData === void 0 ? void 0 : recData.video) === null || _e === void 0 ? void 0 : _e.bindProduct) === null || _f === void 0 ? void 0 : _f.bindCta) || ((_g = recData === null || recData === void 0 ? void 0 : recData.video) === null || _g === void 0 ? void 0 : _g.bindCta);
@@ -16993,7 +17103,18 @@ Made in Italy` })));
16993
17103
  ctaEvent === null || ctaEvent === void 0 ? void 0 : ctaEvent({
16994
17104
  eventSubject: 'clickCta',
16995
17105
  eventDescription: 'User clicked the CTA'
16996
- }, recData, item, index, (isExternalLink && !!link) ? 'open_external_link' : 'open_internal_popup', link);
17106
+ }, recData, item, index);
17107
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
17108
+ eventName: 'ClickCTA',
17109
+ product: product ? [product] : undefined,
17110
+ contentType: 'post',
17111
+ recData,
17112
+ index,
17113
+ cta_text: cta === null || cta === void 0 ? void 0 : cta.enTitle,
17114
+ cta_action_type: (isExternalLink && !!link) ? 'open_external_link' : 'open_internal_popup',
17115
+ target_content_id: product === null || product === void 0 ? void 0 : product.itemId,
17116
+ target_url: link
17117
+ });
16997
17118
  setPopupDetailData === null || setPopupDetailData === void 0 ? void 0 : setPopupDetailData(Object.assign(Object.assign({}, recData), { index }));
16998
17119
  if (isExternalLink) {
16999
17120
  if (!link)
@@ -19301,14 +19422,16 @@ Made in Italy` })));
19301
19422
  }
19302
19423
  });
19303
19424
  const isPostType = ((_w = item === null || item === void 0 ? void 0 : item.video) === null || _w === void 0 ? void 0 : _w.url) || ((_y = (_x = item === null || item === void 0 ? void 0 : item.video) === null || _x === void 0 ? void 0 : _x.imgUrls) === null || _y === void 0 ? void 0 : _y.length);
19304
- bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19305
- eventName: 'ExitFeed',
19306
- product: isPostType ? (_z = item === null || item === void 0 ? void 0 : item.video) === null || _z === void 0 ? void 0 : _z.bindProducts : (item === null || item === void 0 ? void 0 : item.product) ? [item === null || item === void 0 ? void 0 : item.product] : [],
19307
- rec: item,
19308
- position: activeIndex,
19309
- content_id: isPostType ? (_1 = (_0 = item === null || item === void 0 ? void 0 : item.video) === null || _0 === void 0 ? void 0 : _0.itemId) !== null && _1 !== void 0 ? _1 : '' : (_3 = (_2 = item === null || item === void 0 ? void 0 : item.product) === null || _2 === void 0 ? void 0 : _2.itemId) !== null && _3 !== void 0 ? _3 : '',
19310
- view_time: new Date() - viewTime.current
19311
- });
19425
+ if (!popupDetailData) {
19426
+ bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
19427
+ eventName: 'ExitFeed',
19428
+ product: isPostType ? (_z = item === null || item === void 0 ? void 0 : item.video) === null || _z === void 0 ? void 0 : _z.bindProducts : (item === null || item === void 0 ? void 0 : item.product) ? [item === null || item === void 0 ? void 0 : item.product] : [],
19429
+ rec: item,
19430
+ position: activeIndex,
19431
+ content_id: isPostType ? (_1 = (_0 = item === null || item === void 0 ? void 0 : item.video) === null || _0 === void 0 ? void 0 : _0.itemId) !== null && _1 !== void 0 ? _1 : '' : (_3 = (_2 = item === null || item === void 0 ? void 0 : item.product) === null || _2 === void 0 ? void 0 : _2.itemId) !== null && _3 !== void 0 ? _3 : '',
19432
+ view_time: new Date() - viewTime.current
19433
+ });
19434
+ }
19312
19435
  }, [data, bffEventReport, activeIndex, popupDetailData, tempMap, isFromHashtag, curTime, bffFbReport]);
19313
19436
  React.useEffect(() => {
19314
19437
  const item = data === null || data === void 0 ? void 0 : data[activeIndex];
@@ -19612,7 +19735,7 @@ Made in Italy` })));
19612
19735
  }
19613
19736
  };
19614
19737
  const handleScrollEvent = (swiper) => {
19615
- 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;
19738
+ 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;
19616
19739
  const item = data[swiper.previousIndex];
19617
19740
  const activeItem = data[swiper.activeIndex];
19618
19741
  if (!item)
@@ -19634,22 +19757,22 @@ Made in Italy` })));
19634
19757
  previousContentType = 'product';
19635
19758
  previousContentId = (_m = (_l = item === null || item === void 0 ? void 0 : item.product) === null || _l === void 0 ? void 0 : _l.itemId) !== null && _m !== void 0 ? _m : '';
19636
19759
  previousProduct = (item === null || item === void 0 ? void 0 : item.product) ? [item === null || item === void 0 ? void 0 : item.product] : [];
19637
- previousContentsName = (_p = (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.title) !== null && _p !== void 0 ? _p : '';
19760
+ previousContentsName = '';
19638
19761
  }
19639
- if (!((_q = activeItem === null || activeItem === void 0 ? void 0 : activeItem.video) === null || _q === void 0 ? void 0 : _q.url) && !((_s = (_r = activeItem === null || activeItem === void 0 ? void 0 : activeItem.video) === null || _r === void 0 ? void 0 : _r.imgUrls) === null || _s === void 0 ? void 0 : _s.length)) {
19640
- contentId = (_u = (_t = activeItem === null || activeItem === void 0 ? void 0 : activeItem.product) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '';
19762
+ if (!((_o = activeItem === null || activeItem === void 0 ? void 0 : activeItem.video) === null || _o === void 0 ? void 0 : _o.url) && !((_q = (_p = activeItem === null || activeItem === void 0 ? void 0 : activeItem.video) === null || _p === void 0 ? void 0 : _p.imgUrls) === null || _q === void 0 ? void 0 : _q.length)) {
19763
+ contentId = (_s = (_r = activeItem === null || activeItem === void 0 ? void 0 : activeItem.product) === null || _r === void 0 ? void 0 : _r.itemId) !== null && _s !== void 0 ? _s : '';
19641
19764
  }
19642
19765
  if (swiper.previousIndex - swiper.activeIndex < 0) {
19643
19766
  bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
19644
19767
  eventInfo: {
19645
19768
  eventSubject: 'scrollDown',
19646
19769
  eventDescription: 'User scroll down',
19647
- contentId: (_w = (_v = item === null || item === void 0 ? void 0 : item.video) === null || _v === void 0 ? void 0 : _v.itemId) !== null && _w !== void 0 ? _w : '',
19648
- productId: (_y = (_x = item === null || item === void 0 ? void 0 : item.product) === null || _x === void 0 ? void 0 : _x.itemId) !== null && _y !== void 0 ? _y : '',
19770
+ contentId: (_u = (_t = item === null || item === void 0 ? void 0 : item.video) === null || _t === void 0 ? void 0 : _t.itemId) !== null && _u !== void 0 ? _u : '',
19771
+ productId: (_w = (_v = item === null || item === void 0 ? void 0 : item.product) === null || _v === void 0 ? void 0 : _v.itemId) !== null && _w !== void 0 ? _w : '',
19649
19772
  requestId: null,
19650
- traceInfo: (_2 = (_0 = (_z = item === null || item === void 0 ? void 0 : item.video) === null || _z === void 0 ? void 0 : _z.traceInfo) !== null && _0 !== void 0 ? _0 : (_1 = item === null || item === void 0 ? void 0 : item.product) === null || _1 === void 0 ? void 0 : _1.traceInfo) !== null && _2 !== void 0 ? _2 : '',
19773
+ 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 : '',
19651
19774
  contentFormat,
19652
- position: ((_3 = swiper.previousIndex) !== null && _3 !== void 0 ? _3 : 0) + ''
19775
+ position: ((_1 = swiper.previousIndex) !== null && _1 !== void 0 ? _1 : 0) + ''
19653
19776
  }
19654
19777
  });
19655
19778
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19662,12 +19785,12 @@ Made in Italy` })));
19662
19785
  eventInfo: {
19663
19786
  eventSubject: 'scrollUp',
19664
19787
  eventDescription: 'User scroll up',
19665
- contentId: (_5 = (_4 = item === null || item === void 0 ? void 0 : item.video) === null || _4 === void 0 ? void 0 : _4.itemId) !== null && _5 !== void 0 ? _5 : '',
19666
- productId: (_7 = (_6 = item.product) === null || _6 === void 0 ? void 0 : _6.itemId) !== null && _7 !== void 0 ? _7 : '',
19788
+ contentId: (_3 = (_2 = item === null || item === void 0 ? void 0 : item.video) === null || _2 === void 0 ? void 0 : _2.itemId) !== null && _3 !== void 0 ? _3 : '',
19789
+ productId: (_5 = (_4 = item.product) === null || _4 === void 0 ? void 0 : _4.itemId) !== null && _5 !== void 0 ? _5 : '',
19667
19790
  requestId: null,
19668
- traceInfo: (_11 = (_9 = (_8 = item === null || item === void 0 ? void 0 : item.video) === null || _8 === void 0 ? void 0 : _8.traceInfo) !== null && _9 !== void 0 ? _9 : (_10 = item === null || item === void 0 ? void 0 : item.product) === null || _10 === void 0 ? void 0 : _10.traceInfo) !== null && _11 !== void 0 ? _11 : '',
19791
+ traceInfo: (_9 = (_7 = (_6 = item === null || item === void 0 ? void 0 : item.video) === null || _6 === void 0 ? void 0 : _6.traceInfo) !== null && _7 !== void 0 ? _7 : (_8 = item === null || item === void 0 ? void 0 : item.product) === null || _8 === void 0 ? void 0 : _8.traceInfo) !== null && _9 !== void 0 ? _9 : '',
19669
19792
  contentFormat,
19670
- position: ((_12 = swiper.previousIndex) !== null && _12 !== void 0 ? _12 : 0) + ''
19793
+ position: ((_10 = swiper.previousIndex) !== null && _10 !== void 0 ? _10 : 0) + ''
19671
19794
  }
19672
19795
  });
19673
19796
  // 如果上一个商品是图片集，需上报 浏览图片集结结束 事件
@@ -19917,7 +20040,7 @@ Made in Italy` })));
19917
20040
  renderView,
19918
20041
  renderLikeButton(visList[activeIndex], activeIndex, !!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.likeIconFixed)),
19919
20042
  renderToggleButton(!!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.muteIconFixed))),
19920
- React.createElement(WaterFall$1, Object.assign({}, (_u = (_t = (_s = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _s === void 0 ? void 0 : _s[0]) === null || _t === void 0 ? void 0 : _t.item) === null || _u === void 0 ? void 0 : _u.props, { rec: visList[activeIndex] })),
20043
+ React.createElement(WaterFall$1, Object.assign({}, (_u = (_t = (_s = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === null || _s === void 0 ? void 0 : _s[0]) === null || _t === void 0 ? void 0 : _t.item) === null || _u === void 0 ? void 0 : _u.props)),
19921
20044
  React.createElement(ConsentPopup, { resolver: resolver, globalConfig: globalConfig }),
19922
20045
  openMultiPosts && (React.createElement(MultiPosts$2, Object.assign({}, (_x = (_w = (_v = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _v === void 0 ? void 0 : _v[0]) === null || _w === void 0 ? void 0 : _w.item) === null || _x === void 0 ? void 0 : _x.props, (_0 = (_z = (_y = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.multiPosts) === null || _y === void 0 ? void 0 : _y[0]) === null || _z === void 0 ? void 0 : _z.item) === null || _0 === void 0 ? void 0 : _0.event, { style: { position: 'fixed', top: 0, left: 0, right: 0, bottom: bottomHeight + 'px' } }))))),
19923
20046
  (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableCookieSetting) && (React.createElement("div", { style: {