pb-sxp-ui 1.15.7 → 1.15.9

package/dist/index.cjs

@@ -484,11 +484,20 @@ const getFeSessionId = () => {
     return window.localStorage.getItem(feRealSessionIdKey);
 };
 
+/*
+ * @Author: binruan@chatlabs.com
+ * @Date: 2024-03-20 10:27:31
+ * @LastEditors: binruan@chatlabs.com
+ * @LastEditTime: 2025-02-25 16:43:21
+ * @FilePath: \pb-sxp-ui\src\core\utils\localStore.ts
+ *
+ */
 const FAKE_USER_KEY = 'SXP_FAKE_USER_ID';
-const FAKE_USER_STATE = 'FAKE_USER_STATE'; //新用户仅显示一次滑动提示
+const FAKE_USER_STATE = 'FAKE_USER_STATE'; // 新用户仅显示一次滑动提示
 const AGREE_POLICY = 'AGREE_POLICY';
-const SLIDE_SKIP_STATE = 'SLIDE_SKIP_STATE'; //新用户滑动下一个视频跳转外链状态（触发过一次就不再触发）
-const CCONTSENT_STATE = 'CCONTSENT_STATE'; //新用户仅显示一次contsent弹窗
+const SLIDE_SKIP_STATE = 'SLIDE_SKIP_STATE'; // 新用户滑动下一个视频跳转外链状态（触发过一次就不再触发）
+const CCONTSENT_STATE = 'CCONTSENT_STATE'; // 新用户仅显示一次contsent弹窗
+const USER_CONSENT_RESULT_KEY = 'USER_CONSENT_RESULT'; // 用户已授权consent弹窗
 const storeAndLoadFeUserId = () => {
     let fakeUserId = window.localStorage.getItem(FAKE_USER_KEY);
     if (lodash.isEmpty(fakeUserId)) {
@@ -518,6 +527,13 @@ const getContsentState = () => {
     }
     return lodash.isEmpty(contsentState);
 };
+const getUserConsentResult = () => {
+    const contsentState = window.localStorage.getItem(USER_CONSENT_RESULT_KEY);
+    return contsentState === 'true';
+};
+const setUserConsentResult = () => {
+    window.localStorage.setItem(USER_CONSENT_RESULT_KEY, 'true');
+};
 
 /*
  * @Author: binruan@chatlabs.com
@@ -743,6 +759,24 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);
+    // bff API admin 请求方法
+    const bffFetchAdmin = React.useCallback((path, options) => {
+        if (!bffDataSource)
+            return;
+        const url = bffDataSource.url;
+        if (options === null || options === void 0 ? void 0 : options.query) {
+            const queryString = qs.stringify(options.query);
+            path = `${path}?${queryString}`;
+        }
+        return window
+            .fetch(`${url}/admin/${path}`, {
+            headers: Object.assign({ 'Content-Type': 'application/json' }, bffDataSource.headers),
+            method: options.method,
+            body: JSON.stringify(options.body)
+        })
+            .then((res) => res.json())
+            .catch((err) => Promise.reject(err));
+    }, [bffDataSource]);
     // 获取推荐视频数据
     const getRecommendVideos = React.useCallback((query) => __awaiter(void 0, void 0, void 0, function* () {
         var _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
@@ -771,7 +805,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             const recurveRecList = (query) => __awaiter(void 0, void 0, void 0, function* () {
                 var _v, _w, _x, _y, _z, _0;
                 query.pageNum = pageNum;
-                result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/list', { method: 'POST', body: query }));
+                result = yield (bffFetchAdmin === null || bffFetchAdmin === void 0 ? void 0 : bffFetchAdmin('recommend/direct_page', { method: 'POST', body: query }));
                 if (!(result === null || result === void 0 ? void 0 : result.success)) {
                     return undefined;
                 }
@@ -811,7 +845,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             return Object.assign(Object.assign({}, result.data), { recList: list });
         }
         return result === null || result === void 0 ? void 0 : result.data;
-    }), [bffFetch, utmVal, maxSize, defaultSize, channelQueryList, channel, chatlabsId]);
+    }), [bffFetch, utmVal, maxSize, defaultSize, channelQueryList, channel, chatlabsId, bffFetchAdmin]);
     const loadVideos = React.useCallback((pageNum) => __awaiter(void 0, void 0, void 0, function* () {
         var _1, _2, _3, _4;
         if (rtcList.length <= 0) {
@@ -16925,12 +16959,14 @@ const Click$1 = (_a) => {
         return consentPopupCate || (open && style && !consentResult);
     }, [consentPopupCate, open, style, consentResult]);
     React.useEffect(() => {
-        !consentPopupCate && open && style && handleGetAccount();
+        !consentPopupCate && open && style && !getUserConsentResult() && handleGetAccount();
     }, []);
     const handleClickAccept = () => __awaiter(void 0, void 0, void 0, function* () {
         const res = yield (accountSonsent === null || accountSonsent === void 0 ? void 0 : accountSonsent(true));
-        if (res)
+        if (res) {
             setConsentResult(true);
+            setUserConsentResult();
+        }
     });
     const handleClickReject = () => {
         history === null || history === void 0 ? void 0 : history.back();
@@ -16952,7 +16988,7 @@ var ClickComponent = React.memo(Click$1);
  * @Author: binruan@chatlabs.com
  * @Date: 2025-01-14 16:22:35
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2025-01-15 17:09:49
+ * @LastEditTime: 2025-02-26 11:44:00
  * @FilePath: \pb-sxp-ui\src\materials\sxp\consentPopup\Click\material.tsx
  *
  */
@@ -16967,7 +17003,7 @@ const Click = createMaterial(ClickComponent, {
     },
     defaulSetting: {
         props: {
-            content: '<p><strong><span style="font-size:14px"><span style="line-height:3">Your Cookie Preferences</span></span></strong></p><p>We use cookie, including third-party cookies, to ensure the proper functioning and security of this site, to analyse its use, and to show you personalised content. You can authorise the use of all cookies by clicking on &quot;Accept all cookies&quot;. If you click on &quot;Reject all cookies&quot;, we will only use cookies necessary for the proper functioning and security of this site. To personalise on adjust your preferences at any time, click on &quot;Cookies Settings&quot; below or at the bottom of any Fendi.com webpage. For more information, read our Cookie Policy.</p><p></p>',
+            content: '<p><strong><span style="font-size:14px"><span style="line-height:3">Your Cookie Preferences</span></span></strong></p><p><span style="font-size:13px"><span style="line-height:1.7">We use cookie, including third-party cookies, to ensure the proper functioning and security of this site, to analyse its use, and to show you personalised content. You can authorise the use of all cookies by clicking on &quot;Accept all cookies&quot;. If you click on &quot;Reject all cookies&quot;, we will only use cookies necessary for the proper functioning and security of this site. To personalise on adjust your preferences at any time, click on &quot;Cookies Settings&quot; below or at the bottom of any Fendi.com webpage. For more information, read our Cookie Policy.</span></span></p><p></p>',
             acceptButton: {
                 text: 'Accept all cookies',
                 style: {
@@ -17069,12 +17105,14 @@ const Swipe$1 = (_a) => {
         return consentPopupCate || (open && style && !consentResult);
     }, [consentPopupCate, open, style, consentResult]);
     React.useEffect(() => {
-        !consentPopupCate && open && style && handleGetAccount();
+        !consentPopupCate && open && style && !getUserConsentResult() && handleGetAccount();
     }, []);
     const handleClickAccept = () => __awaiter(void 0, void 0, void 0, function* () {
         const res = yield (accountSonsent === null || accountSonsent === void 0 ? void 0 : accountSonsent(true));
-        if (res)
+        if (res) {
             setConsentResult(true);
+            setUserConsentResult();
+        }
     });
     const handleTouchStart = (event) => {
         const touch = event.touches[0];
@@ -17111,7 +17149,7 @@ var SwipeComponent = React.memo(Swipe$1);
  * @Author: binruan@chatlabs.com
  * @Date: 2025-01-14 16:22:35
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2025-02-24 14:09:52
+ * @LastEditTime: 2025-02-26 11:39:59
  * @FilePath: \pb-sxp-ui\src\materials\sxp\consentPopup\Swipe\material.tsx
  *
  */
@@ -17126,7 +17164,7 @@ const Swipe = createMaterial(SwipeComponent, {
     },
     defaulSetting: {
         props: {
-            content: '<p><span style="font- size: 14px"><strong><span style="line - height: 3">Your Cookie Preferences</span></strong></span></p><p><span style="line- height: 1"><span style="font- size: 12px">We use cookie, including third-party cookies, to</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">ensure the proper functioning and security of</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">this site, to analyse its use, and to show you</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">personalised content.</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">You can authorise the use of all cookies by</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">clicking on &#x27;Accept all cookies&#x27;. If you click on</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">&#x27;Reject all cookies&#x27;, we will only use cookies</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">necessary for the proper functioning and </span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">security of this site. To personalise or adjust</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">your preferences at any time, click on &#x27;Cookies</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">Settings&#x27; below or at the bottom of any</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">Fendi.com webpage.</span></span></p><p><span style="line - height: 1"><span style="font - size: 12px">For more information, <u>read our Cookie Policy</u>.</span></span></p>'
+            content: '<p><strong><span style="font-size:18px"><span style="line-height:1.7">Your Cookie Preferences</span></span></strong></p><p><span style="line-height:1.7"><span style="font-size:13px">We use cookie, including third-party cookies, to ensure the proper functioning and security of this site, to analyse its use, and to show you personalised content. You can authorise the use of all cookies by clicking on &#x27;Accept all cookies&#x27;. If you click on &#x27;Reject all cookies&#x27;, we will only use cookies necessary for the proper functioning and security of this site. To personalise or adjust your preferences at any time, click on &#x27;Cookies Settings&#x27; below or at the bottom of any Fendi.com webpage. For more information, <u>read our Cookie Policy</u>.</span></span></p>'
         },
         style: {
             backgroundColor: '#fff',
@@ -18413,7 +18451,7 @@ var NavBack$1 = React.memo(NavBack);
  * @Author: binruan@chatlabs.com
  * @Date: 2024-03-20 10:27:31
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2025-02-25 15:51:17
+ * @LastEditTime: 2025-02-25 16:50:19
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -18952,8 +18990,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         isReload,
         renderToggleButton
     ]);
-    return (React.createElement("div", { id: 'sxp-render' }, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (React.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
-        React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { className: 'clc-sxp-container', style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
+    return (React.createElement("div", { id: 'sxp-render', className: 'clc-sxp-container' }, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (React.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+        React.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (React.createElement("div", { style: Object.assign({}, ((globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset) && { textUnderlineOffset: `${globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.textUnderlineOffset}px` })) },
         waterFallData && (React.createElement(Navbar$1, { icon: img, styles: { background: 'rgba(0,0,0,.3)', color: '#fff', top: `${minusHeight}px` }, textStyle: Object.assign(Object.assign({}, (_e = (_d = (_c = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.hashTag) === 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.textStyles) === null || _e === void 0 ? void 0 : _e.hashTagTitle), { color: '#fff' }), onClose: () => {
                 const isEq = lodash.isEqual(rtcList, cacheRtcList);
                 if (!isEq && cacheRtcList && (cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.length)) {