pb-sxp-ui 1.15.7 → 1.15.9

package/es/core/components/SxpPageRender/index.js

@@ -554,8 +554,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, { icon: left, 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 = isEqual(rtcList, cacheRtcList);
                 if (!isEq && cacheRtcList && (cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.length)) {

package/es/core/context/SxpDataSourceProvider.js

@@ -126,6 +126,23 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);
+    const bffFetchAdmin = 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 = 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;
         query = Object.assign({ maxSize: (_f = query === null || query === void 0 ? void 0 : query.maxSize) !== null && _f !== void 0 ? _f : maxSize, defaultSize: (_g = query === null || query === void 0 ? void 0 : query.defaultSize) !== null && _g !== void 0 ? _g : defaultSize, hashTag: query === null || query === void 0 ? void 0 : query.hashTag, traceInfo: query === null || query === void 0 ? void 0 : query.traceInfo, themeTag: query === null || query === void 0 ? void 0 : query.themeTag, pageNum: query === null || query === void 0 ? void 0 : query.pageNum, contentFilter: query === null || query === void 0 ? void 0 : query.contentFilter, productFilter: query === null || query === void 0 ? void 0 : query.productFilter }, (chatlabsId && { chatlabsId }));
@@ -153,7 +170,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;
                 }
@@ -193,7 +210,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 = useCallback((pageNum) => __awaiter(void 0, void 0, void 0, function* () {
         var _1, _2, _3, _4;
         if (rtcList.length <= 0) {

package/es/core/utils/localStore.d.ts

@@ -3,9 +3,12 @@ export declare const FAKE_USER_STATE = "FAKE_USER_STATE";
 export declare const AGREE_POLICY = "AGREE_POLICY";
 export declare const SLIDE_SKIP_STATE = "SLIDE_SKIP_STATE";
 export declare const CCONTSENT_STATE = "CCONTSENT_STATE";
+export declare const USER_CONSENT_RESULT_KEY = "USER_CONSENT_RESULT";
 export declare const storeAndLoadFeUserId: () => string;
 export declare const removeFeUserId: () => void;
 export declare const getFeUserState: () => boolean;
 export declare const getSlideSkipState: () => boolean;
 export declare const setSlideSkipState: () => void;
 export declare const getContsentState: () => boolean;
+export declare const getUserConsentResult: () => boolean;
+export declare const setUserConsentResult: () => void;

package/es/core/utils/localStore.js

@@ -5,6 +5,7 @@ export const FAKE_USER_STATE = 'FAKE_USER_STATE';
 export const AGREE_POLICY = 'AGREE_POLICY';
 export const SLIDE_SKIP_STATE = 'SLIDE_SKIP_STATE';
 export const CCONTSENT_STATE = 'CCONTSENT_STATE';
+export const USER_CONSENT_RESULT_KEY = 'USER_CONSENT_RESULT';
 export const storeAndLoadFeUserId = () => {
     let fakeUserId = window.localStorage.getItem(FAKE_USER_KEY);
     if (isEmpty(fakeUserId)) {
@@ -37,3 +38,10 @@ export const getContsentState = () => {
     }
     return isEmpty(contsentState);
 };
+export const getUserConsentResult = () => {
+    const contsentState = window.localStorage.getItem(USER_CONSENT_RESULT_KEY);
+    return contsentState === 'true';
+};
+export const setUserConsentResult = () => {
+    window.localStorage.setItem(USER_CONSENT_RESULT_KEY, 'true');
+};

package/es/materials/sxp/consentPopup/Click/index.js

@@ -5,6 +5,7 @@ import ConsentDetail from '../../popup/ConsentDetail';
 import tel from './tel.png';
 import { setFontForText } from '../../../../core/utils/tool';
 import { useSxpDataSource } from '../../../../core/hooks';
+import { getUserConsentResult, setUserConsentResult } from '../../../../core/utils/localStore';
 const Click = (_a) => {
     var { isTel, open, content, style, consentPopupCate, acceptButton, rejectButton, showRejectButton } = _a, props = __rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "acceptButton", "rejectButton", "showRejectButton"]);
     const { getAccount, accountSonsent } = useSxpDataSource();
@@ -17,12 +18,14 @@ const Click = (_a) => {
         return consentPopupCate || (open && style && !consentResult);
     }, [consentPopupCate, open, style, consentResult]);
     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();

package/es/materials/sxp/consentPopup/Click/material.js

@@ -12,7 +12,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: {

package/es/materials/sxp/consentPopup/Swipe/index.js

@@ -4,6 +4,7 @@ import './index.less';
 import ConsentDetail from '../../popup/ConsentDetail';
 import tel from './tel.png';
 import { useSxpDataSource } from '../../../../core/hooks';
+import { getUserConsentResult, setUserConsentResult } from '../../../../core/utils/localStore';
 const Swipe = (_a) => {
     var { isTel, open, content, style, consentPopupCate, swipeIcon } = _a, props = __rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "swipeIcon"]);
     const touchInfo = useRef();
@@ -18,12 +19,14 @@ const Swipe = (_a) => {
         return consentPopupCate || (open && style && !consentResult);
     }, [consentPopupCate, open, style, consentResult]);
     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];

package/es/materials/sxp/consentPopup/Swipe/material.js

@@ -12,7 +12,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',

package/lib/core/components/SxpPageRender/index.js

@@ -557,8 +557,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         isReload,
         renderToggleButton
     ]);
-    return (react_1.default.createElement("div", { id: 'sxp-render' }, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (react_1.default.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
-        react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.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_1.default.createElement("div", { id: 'sxp-render', className: 'clc-sxp-container' }, (data === null || data === void 0 ? void 0 : data.length) < 1 && loading ? (react_1.default.createElement("div", { style: { height, width: containerWidth, display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+        react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.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_1.default.createElement(Navbar_1.default, { icon: left_png_1.default, 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 = (0, lodash_1.isEqual)(rtcList, cacheRtcList);
                 if (!isEq && cacheRtcList && (cacheRtcList === null || cacheRtcList === void 0 ? void 0 : cacheRtcList.length)) {

package/lib/core/context/SxpDataSourceProvider.js

@@ -129,6 +129,23 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);
+    const bffFetchAdmin = (0, react_1.useCallback)((path, options) => {
+        if (!bffDataSource)
+            return;
+        const url = bffDataSource.url;
+        if (options === null || options === void 0 ? void 0 : options.query) {
+            const queryString = qs_1.default.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 = (0, react_1.useCallback)((query) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         var _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         query = Object.assign({ maxSize: (_f = query === null || query === void 0 ? void 0 : query.maxSize) !== null && _f !== void 0 ? _f : maxSize, defaultSize: (_g = query === null || query === void 0 ? void 0 : query.defaultSize) !== null && _g !== void 0 ? _g : defaultSize, hashTag: query === null || query === void 0 ? void 0 : query.hashTag, traceInfo: query === null || query === void 0 ? void 0 : query.traceInfo, themeTag: query === null || query === void 0 ? void 0 : query.themeTag, pageNum: query === null || query === void 0 ? void 0 : query.pageNum, contentFilter: query === null || query === void 0 ? void 0 : query.contentFilter, productFilter: query === null || query === void 0 ? void 0 : query.productFilter }, (chatlabsId && { chatlabsId }));
@@ -156,7 +173,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             const recurveRecList = (query) => tslib_1.__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;
                 }
@@ -196,7 +213,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 = (0, react_1.useCallback)((pageNum) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         var _1, _2, _3, _4;
         if (rtcList.length <= 0) {

package/lib/core/utils/localStore.d.ts

@@ -3,9 +3,12 @@ export declare const FAKE_USER_STATE = "FAKE_USER_STATE";
 export declare const AGREE_POLICY = "AGREE_POLICY";
 export declare const SLIDE_SKIP_STATE = "SLIDE_SKIP_STATE";
 export declare const CCONTSENT_STATE = "CCONTSENT_STATE";
+export declare const USER_CONSENT_RESULT_KEY = "USER_CONSENT_RESULT";
 export declare const storeAndLoadFeUserId: () => string;
 export declare const removeFeUserId: () => void;
 export declare const getFeUserState: () => boolean;
 export declare const getSlideSkipState: () => boolean;
 export declare const setSlideSkipState: () => void;
 export declare const getContsentState: () => boolean;
+export declare const getUserConsentResult: () => boolean;
+export declare const setUserConsentResult: () => void;

package/lib/core/utils/localStore.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getContsentState = exports.setSlideSkipState = exports.getSlideSkipState = exports.getFeUserState = exports.removeFeUserId = exports.storeAndLoadFeUserId = exports.CCONTSENT_STATE = exports.SLIDE_SKIP_STATE = exports.AGREE_POLICY = exports.FAKE_USER_STATE = exports.FAKE_USER_KEY = void 0;
+exports.setUserConsentResult = exports.getUserConsentResult = exports.getContsentState = exports.setSlideSkipState = exports.getSlideSkipState = exports.getFeUserState = exports.removeFeUserId = exports.storeAndLoadFeUserId = exports.USER_CONSENT_RESULT_KEY = exports.CCONTSENT_STATE = exports.SLIDE_SKIP_STATE = exports.AGREE_POLICY = exports.FAKE_USER_STATE = exports.FAKE_USER_KEY = void 0;
 const lodash_1 = require("lodash");
 const tool_1 = require("./tool");
 exports.FAKE_USER_KEY = 'SXP_FAKE_USER_ID';
@@ -8,6 +8,7 @@ exports.FAKE_USER_STATE = 'FAKE_USER_STATE';
 exports.AGREE_POLICY = 'AGREE_POLICY';
 exports.SLIDE_SKIP_STATE = 'SLIDE_SKIP_STATE';
 exports.CCONTSENT_STATE = 'CCONTSENT_STATE';
+exports.USER_CONSENT_RESULT_KEY = 'USER_CONSENT_RESULT';
 const storeAndLoadFeUserId = () => {
     let fakeUserId = window.localStorage.getItem(exports.FAKE_USER_KEY);
     if ((0, lodash_1.isEmpty)(fakeUserId)) {
@@ -46,3 +47,12 @@ const getContsentState = () => {
     return (0, lodash_1.isEmpty)(contsentState);
 };
 exports.getContsentState = getContsentState;
+const getUserConsentResult = () => {
+    const contsentState = window.localStorage.getItem(exports.USER_CONSENT_RESULT_KEY);
+    return contsentState === 'true';
+};
+exports.getUserConsentResult = getUserConsentResult;
+const setUserConsentResult = () => {
+    window.localStorage.setItem(exports.USER_CONSENT_RESULT_KEY, 'true');
+};
+exports.setUserConsentResult = setUserConsentResult;

package/lib/materials/sxp/consentPopup/Click/index.js

@@ -7,6 +7,7 @@ const ConsentDetail_1 = tslib_1.__importDefault(require("../../popup/ConsentDeta
 const tel_png_1 = tslib_1.__importDefault(require("./tel.png"));
 const tool_1 = require("../../../../core/utils/tool");
 const hooks_1 = require("../../../../core/hooks");
+const localStore_1 = require("../../../../core/utils/localStore");
 const Click = (_a) => {
     var { isTel, open, content, style, consentPopupCate, acceptButton, rejectButton, showRejectButton } = _a, props = tslib_1.__rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "acceptButton", "rejectButton", "showRejectButton"]);
     const { getAccount, accountSonsent } = (0, hooks_1.useSxpDataSource)();
@@ -19,12 +20,14 @@ const Click = (_a) => {
         return consentPopupCate || (open && style && !consentResult);
     }, [consentPopupCate, open, style, consentResult]);
     (0, react_1.useEffect)(() => {
-        !consentPopupCate && open && style && handleGetAccount();
+        !consentPopupCate && open && style && !(0, localStore_1.getUserConsentResult)() && handleGetAccount();
     }, []);
     const handleClickAccept = () => tslib_1.__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);
+            (0, localStore_1.setUserConsentResult)();
+        }
     });
     const handleClickReject = () => {
         history === null || history === void 0 ? void 0 : history.back();

package/lib/materials/sxp/consentPopup/Click/material.js

@@ -16,7 +16,7 @@ const Click = (0, create_1.createMaterial)(_1.default, {
     },
     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: {

package/lib/materials/sxp/consentPopup/Swipe/index.js

@@ -6,6 +6,7 @@ require("./index.less");
 const ConsentDetail_1 = tslib_1.__importDefault(require("../../popup/ConsentDetail"));
 const tel_png_1 = tslib_1.__importDefault(require("./tel.png"));
 const hooks_1 = require("../../../../core/hooks");
+const localStore_1 = require("../../../../core/utils/localStore");
 const Swipe = (_a) => {
     var { isTel, open, content, style, consentPopupCate, swipeIcon } = _a, props = tslib_1.__rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "swipeIcon"]);
     const touchInfo = (0, react_1.useRef)();
@@ -20,12 +21,14 @@ const Swipe = (_a) => {
         return consentPopupCate || (open && style && !consentResult);
     }, [consentPopupCate, open, style, consentResult]);
     (0, react_1.useEffect)(() => {
-        !consentPopupCate && open && style && handleGetAccount();
+        !consentPopupCate && open && style && !(0, localStore_1.getUserConsentResult)() && handleGetAccount();
     }, []);
     const handleClickAccept = () => tslib_1.__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);
+            (0, localStore_1.setUserConsentResult)();
+        }
     });
     const handleTouchStart = (event) => {
         const touch = event.touches[0];

package/lib/materials/sxp/consentPopup/Swipe/material.js

@@ -16,7 +16,7 @@ const Swipe = (0, create_1.createMaterial)(_1.default, {
     },
     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',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.15.7",
+  "version": "1.15.9",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",