pb-sxp-ui 1.19.0-alpha.3 → 1.19.0-alpha.4

package/dist/index.js

@@ -750,7 +750,27 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         return ((_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']) + storeAndLoadFeUserId();
     }, [bffDataSource]);
     const getTargetingCookie = () => {
-        var _a;
+        var _a, _b;
+        function isTargetingRejected(cookieValue) {
+            // 1. 从Cookie字符串中提取groups部分
+            const groupsMatch = cookieValue.match(/groups=([^&]+)/);
+            if (!groupsMatch || !groupsMatch[1]) {
+                return false;
+            }
+            const groupsString = groupsMatch[1];
+            // 2. 将groups字符串拆分为键值对数组
+            const groupsPairs = groupsString.split(',');
+            // 3. 遍历查找第四个类别（Targeting）的状态
+            for (const pair of groupsPairs) {
+                const [category, status] = pair.split(':');
+                if (category === '4') {
+                    // 找到第四个类别，检查其状态
+                    return status === '0'; // 如果状态为0则返回true
+                }
+            }
+            // 如果没有找到第四个类别
+            return false;
+        }
         function getCookie(name) {
             var _a;
             const value = `; ${document.cookie}`;
@@ -759,9 +779,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
                 return (_a = parts.pop()) === null || _a === void 0 ? void 0 : _a.split(';').shift();
             return '';
         }
-        decodeURIComponent((_a = getCookie('OptanonConsent')) !== null && _a !== void 0 ? _a : '');
-        console.log('OptanonConsent:', window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups);
-        if (((window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups) && !(window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups.includes('4')))) {
+        const OptanonConsent = decodeURIComponent((_a = getCookie('OptanonConsent')) !== null && _a !== void 0 ? _a : '');
+        if (((window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups) && ((_b = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups) === null || _b === void 0 ? void 0 : _b.length) > 2 && !(window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups.includes('4')) && isTargetingRejected(OptanonConsent))) {
             return true;
         }
         return false;
@@ -19002,6 +19021,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     const [isReload, setIsReload] = useState(new Date().getTime());
     const skipLinkRef = useRef(false);
     const [pageNum, setPageNum] = useState(2);
+    const [isShowCookieSetting, setIsShowCookieSetting] = useState(false);
     const videoWidgetRef = useRef(null);
     const fbcRef = useRef('');
     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();
@@ -19451,30 +19471,48 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         if (!(globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableCookieSetting))
             return;
         window.OptanonWrapper = function () {
-            var _a, _b;
-            const activeGroups = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups;
-            if (!activeGroups)
-                return;
-            if (activeGroups === null || activeGroups === void 0 ? void 0 : activeGroups.includes('4')) {
-                if (fbcRef.current) {
-                    setCookie('_fbc', fbcRef.current, 90);
-                }
+            var _a;
+            console.log('OptanonWrapper');
+            if ((window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups) && ((_a = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups) === null || _a === void 0 ? void 0 : _a.length) > 2) {
+                setIsShowCookieSetting(true);
             }
-            else {
-                fbcRef.current = getCookie('_fbc');
-                deleteCookie('_fbc');
-                const item = data[activeIndex];
-                const 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) || '';
-                bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
-                    eventInfo: {
-                        eventSubject: 'refuseCookie',
-                        eventDescription: 'refuseCookie',
-                        traceInfo
-                    },
-                    isActiveTargetingCookie: false
-                });
+        };
+        const handleClick = (event) => {
+            var _a, _b;
+            const beForeactiveGroups = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups;
+            if (((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest('.ot-pc-refuse-all-handler')) || ((_b = event.target) === null || _b === void 0 ? void 0 : _b.closest('.save-preference-btn-handler'))) {
+                window.OptanonWrapper = function () {
+                    var _a, _b;
+                    // 这里可以添加保存选择后的处理逻辑
+                    const activeGroups = window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups;
+                    if (!activeGroups)
+                        return;
+                    if (activeGroups === null || activeGroups === void 0 ? void 0 : activeGroups.includes('4')) {
+                        if (fbcRef.current && !(beForeactiveGroups === null || beForeactiveGroups === void 0 ? void 0 : beForeactiveGroups.includes('4'))) {
+                            setCookie('_fbp', fbcRef.current, 90);
+                        }
+                    }
+                    else if (beForeactiveGroups === null || beForeactiveGroups === void 0 ? void 0 : beForeactiveGroups.includes('4')) {
+                        fbcRef.current = getCookie('_fbc');
+                        deleteCookie('_fbc');
+                        const item = data[activeIndex];
+                        const 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) || '';
+                        bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
+                            eventInfo: {
+                                eventSubject: 'refuseCookie',
+                                eventDescription: 'refuseCookie',
+                                traceInfo
+                            },
+                            isActiveTargetingCookie: false
+                        });
+                    }
+                };
             }
         };
+        document.addEventListener('click', handleClick);
+        return () => {
+            document.removeEventListener('click', handleClick);
+        };
     }, [globalConfig, bffEventReport, data, activeIndex]);
     const handleViewImageStartEvent = (activeIndex, imgInfo, enableCapi) => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -19623,7 +19661,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
             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)),
             React.createElement(ConsentPopup, { resolver: resolver, globalConfig: globalConfig }),
             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 } }))))),
-        (window === null || window === void 0 ? void 0 : window.OnetrustActiveGroups) && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableCookieSetting) && (React.createElement("div", { style: { position: 'fixed', bottom: 0, left: 0, right: 0, width: '100%', zIndex: 10, backgroundColor: '#000', fontSize: 0 } },
+        isShowCookieSetting && (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableCookieSetting) && (React.createElement("div", { style: { position: 'fixed', bottom: 0, left: 0, right: 0, width: '100%', zIndex: 10, backgroundColor: '#000', fontSize: 0 } },
             React.createElement("button", { id: 'ot-sdk-btn', className: 'ot-sdk-show-settings', style: { textDecoration: 'underline', width: 'fit-content', border: 'none', lineHeight: '24px', fontSize: '10px', color: '#fff', padding: '0 20px' } }, "Cookie settings")))));
 };
 var SxpPageRender$1 = memo(SxpPageRender);