pb-sxp-ui 1.19.4 → 1.19.6
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 +17 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -15
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +5 -5
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +5 -5
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +17 -15
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +5 -5
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/ExpandableText.js +2 -0
- package/es/core/components/SxpPageRender/RenderCard.js +3 -3
- package/es/core/components/SxpPageRender/index.js +4 -4
- package/es/core/context/SxpDataSourceProvider.d.ts +1 -0
- package/es/core/context/SxpDataSourceProvider.js +6 -1
- package/lib/core/components/SxpPageRender/ExpandableText.js +2 -0
- package/lib/core/components/SxpPageRender/RenderCard.js +3 -3
- package/lib/core/components/SxpPageRender/index.js +4 -4
- package/lib/core/context/SxpDataSourceProvider.d.ts +1 -0
- package/lib/core/context/SxpDataSourceProvider.js +6 -1
- package/package.json +1 -1
|
@@ -16,6 +16,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
|
|
|
16
16
|
if (!realRef.current || !clampRef.current || !isPost || !text || isShowMore)
|
|
17
17
|
return;
|
|
18
18
|
requestAnimationFrame(() => {
|
|
19
|
+
if (!realRef.current)
|
|
20
|
+
return;
|
|
19
21
|
realRef.current.style.position = 'relative';
|
|
20
22
|
const realHeight = realRef.current.getBoundingClientRect().height;
|
|
21
23
|
const clampHeight = clampRef.current.getBoundingClientRect().height;
|
|
@@ -3,7 +3,7 @@ import './index.less';
|
|
|
3
3
|
import { cloneDeep } from 'lodash';
|
|
4
4
|
import withBindDataSource from '../../../core/hoc/withBindDataSource';
|
|
5
5
|
import { useEditor } from '../../../core/hooks';
|
|
6
|
-
const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive, isNineProduct }) => {
|
|
6
|
+
const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType = [], isActive, isNineProduct }) => {
|
|
7
7
|
var _a, _b, _c, _d, _e;
|
|
8
8
|
const { schema } = useEditor();
|
|
9
9
|
if (!(rec === null || rec === void 0 ? void 0 : rec.video))
|
|
@@ -21,9 +21,9 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive,
|
|
|
21
21
|
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
22
22
|
const renderComp = useMemo(() => {
|
|
23
23
|
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;
|
|
24
|
-
if (includesCtaType && !(includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.includes((_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type)))
|
|
24
|
+
if ((includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.length) > 0 && !(includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.includes((_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type)))
|
|
25
25
|
return;
|
|
26
|
-
if (!includesCtaType && ((_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.category) === 'cta')
|
|
26
|
+
if ((!includesCtaType || (includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.length) === 0) && ((_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.category) === 'cta')
|
|
27
27
|
return;
|
|
28
28
|
if ((((_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.type) === 'CommodityDiro' && !((_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindProduct)) ||
|
|
29
29
|
(((_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.type) === 'Commodity' && !((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.bindProduct)) ||
|
|
@@ -45,7 +45,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
45
45
|
const [isShowCookieSetting, setIsShowCookieSetting] = useState(false);
|
|
46
46
|
const videoWidgetRef = useRef(null);
|
|
47
47
|
const fbcRef = useRef('');
|
|
48
|
-
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5 } = useSxpDataSource();
|
|
48
|
+
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5, pixelPvStatusRef } = useSxpDataSource();
|
|
49
49
|
const { backMainFeed, productView, jumpToWeb } = useEventReport();
|
|
50
50
|
const isShowFingerTip = useMemo(() => {
|
|
51
51
|
return data.length > 0 && !loading && (getFeUserState() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
|
|
@@ -322,7 +322,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
322
322
|
React.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _j !== void 0 ? _j : 40}px` } },
|
|
323
323
|
React.createElement(Nudge, { nudge: nudge }),
|
|
324
324
|
((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) && !isNineProduct ? (React.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
325
|
-
React.createElement(RenderCard, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex }))) : null,
|
|
325
|
+
React.createElement(RenderCard, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, includesCtaType: [] }))) : null,
|
|
326
326
|
React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
|
|
327
327
|
React.createElement(ExpandableText, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
|
|
328
328
|
React.createElement(RenderCard, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex }),
|
|
@@ -498,7 +498,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
498
498
|
window.OptanonWrapper = function () {
|
|
499
499
|
const activeGroups = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups;
|
|
500
500
|
if (activeGroups && (activeGroups === null || activeGroups === void 0 ? void 0 : activeGroups.length) > 2) {
|
|
501
|
-
setIsShowCookieSetting(true);
|
|
502
501
|
}
|
|
503
502
|
};
|
|
504
503
|
const handleClick = (event) => {
|
|
@@ -513,6 +512,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
513
512
|
if (activeGroups === null || activeGroups === void 0 ? void 0 : activeGroups.includes('4')) {
|
|
514
513
|
window === null || window === void 0 ? void 0 : window.loadMetaPixel(false, SXP_CONFIG === null || SXP_CONFIG === void 0 ? void 0 : SXP_CONFIG.meta_conversion_api_pid);
|
|
515
514
|
window === null || window === void 0 ? void 0 : window.fbq('consent', 'grant');
|
|
515
|
+
pixelPvStatusRef.current = true;
|
|
516
516
|
if (fbcRef.current && !(beForeactiveGroups === null || beForeactiveGroups === void 0 ? void 0 : beForeactiveGroups.includes('4'))) {
|
|
517
517
|
}
|
|
518
518
|
}
|
|
@@ -686,7 +686,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
686
686
|
React.createElement(WaterFall, 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)),
|
|
687
687
|
React.createElement(ConsentPopup, { resolver: resolver, globalConfig: globalConfig }),
|
|
688
688
|
openMultiPosts && (React.createElement(MultiPosts, 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 } }))))),
|
|
689
|
-
|
|
689
|
+
(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableCookieSetting) && (React.createElement("div", { style: {
|
|
690
690
|
position: 'fixed',
|
|
691
691
|
bottom: 0,
|
|
692
692
|
left: 0,
|
|
@@ -95,6 +95,7 @@ export interface ISxpDataSourceContext {
|
|
|
95
95
|
getAccount?: () => Promise<any>;
|
|
96
96
|
accountSonsent?: (v: boolean) => Promise<boolean>;
|
|
97
97
|
isDiyH5?: boolean;
|
|
98
|
+
pixelPvStatusRef?: any;
|
|
98
99
|
}
|
|
99
100
|
export declare const SxpDataSourceContext: React.Context<ISxpDataSourceContext>;
|
|
100
101
|
export interface SxpDataSourceProviderProps {
|
|
@@ -50,6 +50,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
50
50
|
const [chatlabsId, setChatlabsId] = useState();
|
|
51
51
|
const finalPageData = useMemo(() => pageData !== null && pageData !== void 0 ? pageData : data, [pageData, data]);
|
|
52
52
|
const pixelPvStatusRef = useRef(false);
|
|
53
|
+
useEffect(() => {
|
|
54
|
+
var _a, _b;
|
|
55
|
+
setGlobalConfig((_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf) === null || _b === void 0 ? void 0 : _b.globalConfig);
|
|
56
|
+
}, [data]);
|
|
53
57
|
const isShowConsent = useMemo(() => {
|
|
54
58
|
var _a, _b, _c, _d;
|
|
55
59
|
return (((((_d = (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.privacy_necessity) && !isAgreePolicy && !isEditor) || isOpenConsent) &&
|
|
@@ -906,7 +910,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
906
910
|
refreshFeSession,
|
|
907
911
|
getAccount,
|
|
908
912
|
accountSonsent,
|
|
909
|
-
isDiyH5
|
|
913
|
+
isDiyH5,
|
|
914
|
+
pixelPvStatusRef
|
|
910
915
|
} }, isShowConsent ? (React.createElement(Consent, 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({
|
|
911
916
|
rtcList,
|
|
912
917
|
mutateLike: bffMutateLike,
|
|
@@ -18,6 +18,8 @@ const ExpandableText = ({ text, maxStr = 108, style, className, onClick, foldTex
|
|
|
18
18
|
if (!realRef.current || !clampRef.current || !isPost || !text || isShowMore)
|
|
19
19
|
return;
|
|
20
20
|
requestAnimationFrame(() => {
|
|
21
|
+
if (!realRef.current)
|
|
22
|
+
return;
|
|
21
23
|
realRef.current.style.position = 'relative';
|
|
22
24
|
const realHeight = realRef.current.getBoundingClientRect().height;
|
|
23
25
|
const clampHeight = clampRef.current.getBoundingClientRect().height;
|
|
@@ -6,7 +6,7 @@ require("./index.less");
|
|
|
6
6
|
const lodash_1 = require("lodash");
|
|
7
7
|
const withBindDataSource_1 = tslib_1.__importDefault(require("../../../core/hoc/withBindDataSource"));
|
|
8
8
|
const hooks_1 = require("../../../core/hooks");
|
|
9
|
-
const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive, isNineProduct }) => {
|
|
9
|
+
const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType = [], isActive, isNineProduct }) => {
|
|
10
10
|
var _a, _b, _c, _d, _e;
|
|
11
11
|
const { schema } = (0, hooks_1.useEditor)();
|
|
12
12
|
if (!(rec === null || rec === void 0 ? void 0 : rec.video))
|
|
@@ -24,9 +24,9 @@ const RenderCard = ({ rec, index, tempMap, resolver, includesCtaType, isActive,
|
|
|
24
24
|
const value = tempMap === null || tempMap === void 0 ? void 0 : tempMap[cta];
|
|
25
25
|
const renderComp = (0, react_1.useMemo)(() => {
|
|
26
26
|
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;
|
|
27
|
-
if (includesCtaType && !(includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.includes((_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type)))
|
|
27
|
+
if ((includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.length) > 0 && !(includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.includes((_a = value === null || value === void 0 ? void 0 : value.item) === null || _a === void 0 ? void 0 : _a.type)))
|
|
28
28
|
return;
|
|
29
|
-
if (!includesCtaType && ((_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.category) === 'cta')
|
|
29
|
+
if ((!includesCtaType || (includesCtaType === null || includesCtaType === void 0 ? void 0 : includesCtaType.length) === 0) && ((_b = value === null || value === void 0 ? void 0 : value.item) === null || _b === void 0 ? void 0 : _b.category) === 'cta')
|
|
30
30
|
return;
|
|
31
31
|
if ((((_c = value === null || value === void 0 ? void 0 : value.item) === null || _c === void 0 ? void 0 : _c.type) === 'CommodityDiro' && !((_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.bindProduct)) ||
|
|
32
32
|
(((_e = value === null || value === void 0 ? void 0 : value.item) === null || _e === void 0 ? void 0 : _e.type) === 'Commodity' && !((_f = rec === null || rec === void 0 ? void 0 : rec.video) === null || _f === void 0 ? void 0 : _f.bindProduct)) ||
|
|
@@ -48,7 +48,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
48
48
|
const [isShowCookieSetting, setIsShowCookieSetting] = (0, react_1.useState)(false);
|
|
49
49
|
const videoWidgetRef = (0, react_1.useRef)(null);
|
|
50
50
|
const fbcRef = (0, react_1.useRef)('');
|
|
51
|
-
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5 } = (0, hooks_1.useSxpDataSource)();
|
|
51
|
+
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview, isEditor, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, isNoMoreData, channel, refreshFeSession, isDiyH5, pixelPvStatusRef } = (0, hooks_1.useSxpDataSource)();
|
|
52
52
|
const { backMainFeed, productView, jumpToWeb } = (0, useEventReport_1.useEventReport)();
|
|
53
53
|
const isShowFingerTip = (0, react_1.useMemo)(() => {
|
|
54
54
|
return data.length > 0 && !loading && ((0, localStore_1.getFeUserState)() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
|
|
@@ -325,7 +325,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
325
325
|
react_1.default.createElement("div", { className: 'clc-sxp-bottom', style: { marginBottom: `${(_j = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.bottomInfoDist) !== null && _j !== void 0 ? _j : 40}px` } },
|
|
326
326
|
react_1.default.createElement(Nudge_1.default, { nudge: nudge }),
|
|
327
327
|
((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA) === undefined || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isShowCTA)) && !isNineProduct ? (react_1.default.createElement("div", { className: 'clc-sxp-bottom-card' },
|
|
328
|
-
react_1.default.createElement(RenderCard_1.default, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex }))) : null,
|
|
328
|
+
react_1.default.createElement(RenderCard_1.default, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, isActive: index === activeIndex, includesCtaType: [] }))) : null,
|
|
329
329
|
react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
|
|
330
330
|
react_1.default.createElement(ExpandableText_1.default, { className: 'clc-sxp-bottom-text', isPost: true, foldText: tipText === null || tipText === void 0 ? void 0 : tipText.foldText, unfoldText: tipText === null || tipText === void 0 ? void 0 : tipText.unfoldText, text: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : '', style: Object.assign(Object.assign({}, descStyle), { textShadow: (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.isOpenTextShadow) ? '2px 2px 4px rgba(0, 0, 0, 0.5)' : 'none' }), onChange: onExpandableChange }),
|
|
331
331
|
react_1.default.createElement(RenderCard_1.default, { rec: rec, index: index, tempMap: tempMap, resolver: resolver, includesCtaType: ['AniLink'], isActive: index === activeIndex }),
|
|
@@ -501,7 +501,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
501
501
|
window.OptanonWrapper = function () {
|
|
502
502
|
const activeGroups = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups;
|
|
503
503
|
if (activeGroups && (activeGroups === null || activeGroups === void 0 ? void 0 : activeGroups.length) > 2) {
|
|
504
|
-
setIsShowCookieSetting(true);
|
|
505
504
|
}
|
|
506
505
|
};
|
|
507
506
|
const handleClick = (event) => {
|
|
@@ -516,6 +515,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
516
515
|
if (activeGroups === null || activeGroups === void 0 ? void 0 : activeGroups.includes('4')) {
|
|
517
516
|
window === null || window === void 0 ? void 0 : window.loadMetaPixel(false, SXP_CONFIG === null || SXP_CONFIG === void 0 ? void 0 : SXP_CONFIG.meta_conversion_api_pid);
|
|
518
517
|
window === null || window === void 0 ? void 0 : window.fbq('consent', 'grant');
|
|
518
|
+
pixelPvStatusRef.current = true;
|
|
519
519
|
if (fbcRef.current && !(beForeactiveGroups === null || beForeactiveGroups === void 0 ? void 0 : beForeactiveGroups.includes('4'))) {
|
|
520
520
|
}
|
|
521
521
|
}
|
|
@@ -689,7 +689,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
|
689
689
|
react_1.default.createElement(WaterFall_1.default, 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)),
|
|
690
690
|
react_1.default.createElement(ConsentPopup_1.default, { resolver: resolver, globalConfig: globalConfig }),
|
|
691
691
|
openMultiPosts && (react_1.default.createElement(MultiPosts_1.default, 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 } }))))),
|
|
692
|
-
|
|
692
|
+
(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableCookieSetting) && (react_1.default.createElement("div", { style: {
|
|
693
693
|
position: 'fixed',
|
|
694
694
|
bottom: 0,
|
|
695
695
|
left: 0,
|
|
@@ -95,6 +95,7 @@ export interface ISxpDataSourceContext {
|
|
|
95
95
|
getAccount?: () => Promise<any>;
|
|
96
96
|
accountSonsent?: (v: boolean) => Promise<boolean>;
|
|
97
97
|
isDiyH5?: boolean;
|
|
98
|
+
pixelPvStatusRef?: any;
|
|
98
99
|
}
|
|
99
100
|
export declare const SxpDataSourceContext: React.Context<ISxpDataSourceContext>;
|
|
100
101
|
export interface SxpDataSourceProviderProps {
|
|
@@ -53,6 +53,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
53
53
|
const [chatlabsId, setChatlabsId] = (0, react_1.useState)();
|
|
54
54
|
const finalPageData = (0, react_1.useMemo)(() => pageData !== null && pageData !== void 0 ? pageData : data, [pageData, data]);
|
|
55
55
|
const pixelPvStatusRef = (0, react_1.useRef)(false);
|
|
56
|
+
(0, react_1.useEffect)(() => {
|
|
57
|
+
var _a, _b;
|
|
58
|
+
setGlobalConfig((_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf) === null || _b === void 0 ? void 0 : _b.globalConfig);
|
|
59
|
+
}, [data]);
|
|
56
60
|
const isShowConsent = (0, react_1.useMemo)(() => {
|
|
57
61
|
var _a, _b, _c, _d;
|
|
58
62
|
return (((((_d = (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.privacy_necessity) && !isAgreePolicy && !isEditor) || isOpenConsent) &&
|
|
@@ -909,7 +913,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
|
|
|
909
913
|
refreshFeSession,
|
|
910
914
|
getAccount,
|
|
911
915
|
accountSonsent,
|
|
912
|
-
isDiyH5
|
|
916
|
+
isDiyH5,
|
|
917
|
+
pixelPvStatusRef
|
|
913
918
|
} }, isShowConsent ? (react_1.default.createElement(Consent_1.default, 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({
|
|
914
919
|
rtcList,
|
|
915
920
|
mutateLike: bffMutateLike,
|