pb-sxp-ui 1.15.6 → 1.15.8

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
@@ -12114,9 +12130,10 @@ var settingRender$9 = [
 ];
 
 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 }));
@@ -16924,12 +16941,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();
@@ -17068,12 +17087,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];
@@ -18412,7 +18433,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-24 15:59:50
+ * @LastEditTime: 2025-02-25 16:50:19
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
  *
  */
@@ -18951,8 +18972,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         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)) {
@@ -19014,6 +19035,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         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: {
@@ -19506,7 +19528,7 @@ const SxpPageCore = ({ data, maxSize = 10, defaultSize = 10, hashTagSize = 20, l
         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)));
             } })));
 };
@@ -19525,7 +19547,7 @@ exports.EditorDataProvider = EditorDataProvider;
 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_;