pb-sxp-ui 1.15.6 → 1.15.8

package/dist/pb-ui.js

@@ -477,11 +477,20 @@
         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)) {
@@ -511,6 +520,13 @@
         }
         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
@@ -12107,9 +12123,10 @@ Made in Italy` })));
     ];
 
     const ConsentDetail$1 = (_a) => {
+        var _b;
         var { content, isTel, style } = _a; __rest(_a, ["content", "isTel", "style"]);
         return (React.createElement("article", { className: 'consentDetail-article', dangerouslySetInnerHTML: {
-                __html: typeof content === 'string' ? content : ''
+                __html: (_b = content === null || content === void 0 ? void 0 : content.html) !== null && _b !== void 0 ? _b : content
             }, onClick: (e) => {
                 e.stopPropagation();
             }, style: style }));
@@ -16917,12 +16934,14 @@ Made in Italy` })));
             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();
@@ -17061,12 +17080,14 @@ Made in Italy` })));
             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];
@@ -18405,7 +18426,7 @@ Made in Italy` })));
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-20 10:27:31
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2025-02-24 15:59:50
+     * @LastEditTime: 2025-02-25 16:50:19
      * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
      *
      */
@@ -18944,8 +18965,8 @@ Made in Italy` })));
             isReload,
             renderToggleButton
         ]);
-        return (React.createElement(React.Fragment, null, (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", { id: 'sxp-render', 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)) {
@@ -19007,6 +19028,7 @@ Made in Italy` })));
             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 } })))))));
     };
+    var SxpPageRender$1 = React.memo(SxpPageRender);
 
     const PictureGroup = ({ imgUrls, width, height, imgUrlsPostConfig, rec, index }) => {
         return (React.createElement(Swiper, { defaultValue: 0, direction: 'horizontal', modules: [Pagination, Autoplay], pagination: {
@@ -19499,7 +19521,7 @@ Made in Italy` })));
             React.createElement(SxpDataSourceProvider$1, { utmVal: utmVal, dataSources: data === null || data === void 0 ? void 0 : data.data_sources, sxpParameter: data === null || data === void 0 ? void 0 : data.sxp_parameter, maxSize: (_b = (_a = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _a === void 0 ? void 0 : _a.personalized_recommend) !== null && _b !== void 0 ? _b : maxSize, defaultSize: (_d = (_c = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _c === void 0 ? void 0 : _c.default_recommend) !== null && _d !== void 0 ? _d : defaultSize, hashTagSize: (_f = (_e = data === null || data === void 0 ? void 0 : data.sxp_parameter) === null || _e === void 0 ? void 0 : _e.hash_tag_size) !== null && _f !== void 0 ? _f : hashTagSize, loadingImage: loadingImage, appDomain: appDomain, enabledMetaConversionApi: enabledMetaConversionApi, utmParameter: data === null || data === void 0 ? void 0 : data.utm_parameter, data: data, dataList: dataList, onUpdateSchema: (d) => setSchema(d), onUpdateChannel: (d) => setChannel(d), render: ({ rtcList, tagList, pageData }) => {
                     var _a;
                     return (React.createElement(React.Fragment, null,
-                        React.createElement(SxpPageRender, Object.assign({ defaultData: data }, (_a = pageData === null || pageData === void 0 ? void 0 : pageData.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf, { tagList: tagList, data: rtcList, resolver: RESOLVER })),
+                        React.createElement(SxpPageRender$1, Object.assign({ defaultData: data }, (_a = pageData === null || pageData === void 0 ? void 0 : pageData.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf, { tagList: tagList, data: rtcList, resolver: RESOLVER })),
                         React.createElement(Popup, null)));
                 } })));
     };
@@ -19518,7 +19540,7 @@ Made in Italy` })));
     exports.Modal = Modal$1;
     exports.SxpDataSourceProvider = SxpDataSourceProvider$1;
     exports.SxpPageCore = index;
-    exports.SxpPageRender = SxpPageRender;
+    exports.SxpPageRender = SxpPageRender$1;
     exports.core = index$2;
     exports.default = Pagebuilder;
     exports.materials = _materials_;