pb-sxp-ui 1.10.12 → 1.11.0

package/es/core/components/SxpPageRender/index.d.ts

@@ -70,6 +70,10 @@ export interface ISxpPageRenderProps {
         consentPopup?: any;
         multiPosts?: any;
         playbook?: 'paid media' | 'organic menu';
+        session: {
+            expires?: number;
+            enable?: boolean;
+        };
     };
     descStyle?: CSSProperties;
     tipText?: {

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

@@ -15,7 +15,6 @@ import WaterFall from './WaterFall';
 import Nudge from './Nudge';
 import SXP_EVENT_BUS, { SXP_EVENT_TYPE } from '../../../core/utils/event';
 import { useEditor, useSxpDataSource } from '../../../core/hooks';
-import { refreshFeSessionId } from '../../../core/utils/sessionStore';
 import './index.less';
 import { useEventReport } from '../../../core/hooks/useEventReport';
 import withBindDataSource from '../../../core/hoc/withBindDataSource';
@@ -41,13 +40,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     const [isReload, setIsReload] = useState(new Date().getTime());
     const skipLinkRef = useRef(false);
     const [pageNum, setPageNum] = useState(2);
-    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 } = useSxpDataSource();
+    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 } = useSxpDataSource();
     const { backMainFeed, productView, jumpToWeb } = useEventReport();
     const isShowFingerTip = useMemo(() => {
         return data.length > 0 && !loading && (getFeUserState() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
     }, [data, loading, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip]);
     useEffect(() => {
-        refreshFeSessionId();
+        refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession();
     }, []);
     useEffect(() => {
         if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
@@ -56,7 +55,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         }
     }, [data === null || data === void 0 ? void 0 : data.length]);
     const handleH5EnterLink = useCallback(() => {
-        refreshFeSessionId();
         h5EnterLink === null || h5EnterLink === void 0 ? void 0 : h5EnterLink();
         if (data.length > 0) {
             const now = new Date();

package/es/core/context/EditorDataProvider.d.ts

@@ -28,6 +28,7 @@ interface IEditorDataContext {
     setConsentPopupCate?: React.Dispatch<React.SetStateAction<string>>;
     openMultiPosts?: boolean;
     setOpenMultiPosts?: React.Dispatch<React.SetStateAction<boolean>>;
+    pageTypeList?: Array<any>;
 }
 interface IEditorProviderProps {
     data?: any;

package/es/core/context/EditorDataProvider.js

@@ -1,7 +1,7 @@
 import React, { createContext, useContext, useState } from 'react';
 const EditorDataContext = createContext({});
 const EditorDataProvider = ({ children, data }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const [openHashtag, setOpenHashtag] = useState(false);
     const [openConsent, setOpenConsent] = useState(false);
     const [consentPopupCate, setConsentPopupCate] = useState('');
@@ -32,7 +32,8 @@ const EditorDataProvider = ({ children, data }) => {
             consentPopupCate,
             setConsentPopupCate,
             openMultiPosts,
-            setOpenMultiPosts
+            setOpenMultiPosts,
+            pageTypeList: (_p = data === null || data === void 0 ? void 0 : data.pageTypeList) !== null && _p !== void 0 ? _p : []
         } }, children));
 };
 export function useEditorDataProvider() {

package/es/core/context/SxpDataSourceProvider.d.ts

@@ -89,6 +89,7 @@ export interface ISxpDataSourceContext {
     eventTimeList?: Array<IEventTimeType>;
     setEventTimeList?: React.Dispatch<React.SetStateAction<Array<IEventTimeType>>>;
     multiPostTimeRef?: any;
+    refreshFeSession?: () => void;
 }
 export declare const SxpDataSourceContext: React.Context<ISxpDataSourceContext>;
 export interface SxpDataSourceProviderProps {

package/es/core/context/SxpDataSourceProvider.js

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 import React, { createContext, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import qs from 'qs';
-import { storeAndLoadFeSessionId } from '../utils/sessionStore';
+import { refreshFeSessionId, storeAndLoadFeSessionId } from '../utils/sessionStore';
 import { storeAndLoadFeUserId, AGREE_POLICY } from '../utils/localStore';
 import { useIconLink } from '../components/SxpPageRender/useIconLink';
 import SXP_EVENT_BUS, { SXP_EVENT_TYPE } from '../utils/event';
@@ -36,6 +36,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     const themeTag = useRef();
     const curTime = useRef();
     const multiPostTimeRef = useRef();
+    const sessionTimeRef = useRef();
     const [selectTag, setSelectTag] = useState(DEFAULT_TAG);
     const checkCommodityIndexRef = useRef(-1);
     const popupCurTimeRef = useRef(null);
@@ -208,6 +209,20 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
         return data;
     }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
+    const refreshFeSession = useCallback(() => {
+        var _a, _b, _c, _d, _e, _f;
+        const defaultGlobalConfig = (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf) === null || _b === void 0 ? void 0 : _b.globalConfig;
+        if ((_c = defaultGlobalConfig === null || defaultGlobalConfig === void 0 ? void 0 : defaultGlobalConfig.session) === null || _c === void 0 ? void 0 : _c.enable) {
+            if (Math.floor((new Date() - ((_d = sessionTimeRef.current) !== null && _d !== void 0 ? _d : new Date())) / (1000 * 60)) >=
+                ((_f = (_e = defaultGlobalConfig === null || defaultGlobalConfig === void 0 ? void 0 : defaultGlobalConfig.session) === null || _e === void 0 ? void 0 : _e.expires) !== null && _f !== void 0 ? _f : 30)) {
+                refreshFeSessionId();
+            }
+        }
+        else {
+            refreshFeSessionId();
+        }
+        sessionTimeRef.current = new Date();
+    }, [data, sessionTimeRef]);
     const bffEventReport = useCallback(({ userInfo, eventInfo, reportLayId = true }) => {
         if (!enableReportEvent || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview)) {
             return;
@@ -215,6 +230,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         if (!userInfo) {
             userInfo = {};
         }
+        refreshFeSession();
         const sessionID = storeAndLoadFeSessionId();
         const ef = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), (layoutVariantId && reportLayId && { layoutVariantId })), eventInfo), (getDevice() && { sxpDevice: getDevice() })), (getSystem() && { sxpSystem: getSystem() })), (getBrowserInfo() && { sxpBrowser: getBrowserInfo() })), ((eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) && channel && { position: Number(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) + 1 + '' }));
         const realUserInfo = Object.entries(userInfo).map(([k, v]) => ({ name: k, value: v }));
@@ -230,7 +246,16 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             body: { userInfo: realUserInfo, eventInfo: realEventInfo },
             type: 'beacon'
         });
-    }, [bffFetch, curReqInfo, enableReportEvent, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview, layoutVariantId, globalConfig, playbookType]);
+    }, [
+        bffFetch,
+        curReqInfo,
+        enableReportEvent,
+        globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview,
+        layoutVariantId,
+        globalConfig,
+        playbookType,
+        refreshFeSession
+    ]);
     const bffFbReport = useCallback(({ eventName, product }) => {
         var _a, _b, _c, _d, _e;
         if (!enableReportEvent ||
@@ -527,7 +552,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             channel,
             eventTimeList,
             setEventTimeList,
-            multiPostTimeRef
+            multiPostTimeRef,
+            refreshFeSession
         } }, isShowConsent ? (React.createElement(Consent, Object.assign({}, (_e = (_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.props))) : (render({
         rtcList,
         mutateLike: bffMutateLike,

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

@@ -1,3 +1,4 @@
 export declare const storeAndLoadFeSessionId: () => string;
 export declare const refreshFeSessionId: () => void;
+export declare const getFeSessionId: () => string | null;
 export declare const removeFeSessionId: () => void;

package/es/core/utils/sessionStore.js

@@ -10,17 +10,17 @@ export const storeAndLoadFeSessionId = () => {
     let result = getFeSessionId();
     if (!result) {
         result = generateFeSessionId();
-        window.sessionStorage.setItem(feRealSessionIdKey, result);
+        window.localStorage.setItem(feRealSessionIdKey, result);
     }
     return result;
 };
 export const refreshFeSessionId = () => {
     const result = generateFeSessionId();
-    window.sessionStorage.setItem(feRealSessionIdKey, result);
+    window.localStorage.setItem(feRealSessionIdKey, result);
 };
-const getFeSessionId = () => {
-    return window.sessionStorage.getItem(feRealSessionIdKey);
+export const getFeSessionId = () => {
+    return window.localStorage.getItem(feRealSessionIdKey);
 };
 export const removeFeSessionId = () => {
-    window.sessionStorage.removeItem(feRealSessionIdKey);
+    window.localStorage.removeItem(feRealSessionIdKey);
 };

package/es/materials/sxp/popup/Iframe/index.d.ts

@@ -12,10 +12,6 @@ export interface IIframeProps {
     submitButtonStyle?: CSSProperties;
     contentStyle?: CSSProperties;
     isTel?: boolean;
-    iframe?: {
-        src?: string;
-        allow?: string;
-    };
 }
 declare const _default: React.NamedExoticComponent<IIframeProps>;
 export default _default;

package/es/materials/sxp/popup/Iframe/index.js

@@ -5,12 +5,11 @@ import './index.less';
 import { useSxpDataSource } from '../../../../core/hooks';
 const Iframe = (_a) => {
     var _b, _c;
-    var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel, iframe } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel", "iframe"]);
+    var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
     const { popupDetailData } = useSxpDataSource();
-    const { src, allow } = iframe || {};
-    const iframeUrl = src || ((_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark);
-    return (React.createElement("div", Object.assign({ className: `${css(Object.assign(Object.assign({}, style), { overflow: 'hidden' }))}` }, props),
-        React.createElement("iframe", { src: iframeUrl, allow: allow, scrolling: 'no', style: {
+    const iframeUrl = (_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark;
+    return (React.createElement("div", Object.assign({ className: `${css(Object.assign({}, style))}` }, props),
+        React.createElement("iframe", { src: iframeUrl, style: {
                 width: '100%',
                 height: 'calc(100% - 50px)',
                 marginTop: '50px',

package/es/materials/sxp/popup/Iframe/settingRender.js

@@ -8,20 +8,5 @@ export default [
                 name: ['style', 'backgroundColor']
             }
         ]
-    },
-    {
-        title: 'iframe',
-        child: [
-            {
-                type: 'TextArea',
-                label: 'url',
-                name: ['props', 'iframe', 'src']
-            },
-            {
-                type: 'TextArea',
-                label: 'allow',
-                name: ['props', 'iframe', 'allow']
-            }
-        ]
     }
 ];

package/lib/core/components/SxpPageRender/index.d.ts

@@ -70,6 +70,10 @@ export interface ISxpPageRenderProps {
         consentPopup?: any;
         multiPosts?: any;
         playbook?: 'paid media' | 'organic menu';
+        session: {
+            expires?: number;
+            enable?: boolean;
+        };
     };
     descStyle?: CSSProperties;
     tipText?: {

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

@@ -18,7 +18,6 @@ const WaterFall_1 = tslib_1.__importDefault(require("./WaterFall"));
 const Nudge_1 = tslib_1.__importDefault(require("./Nudge"));
 const event_1 = tslib_1.__importStar(require("../../../core/utils/event"));
 const hooks_1 = require("../../../core/hooks");
-const sessionStore_1 = require("../../../core/utils/sessionStore");
 require("./index.less");
 const useEventReport_1 = require("../../../core/hooks/useEventReport");
 const withBindDataSource_1 = tslib_1.__importDefault(require("../../../core/hoc/withBindDataSource"));
@@ -44,13 +43,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     const [isReload, setIsReload] = (0, react_1.useState)(new Date().getTime());
     const skipLinkRef = (0, react_1.useRef)(false);
     const [pageNum, setPageNum] = (0, react_1.useState)(2);
-    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 } = (0, hooks_1.useSxpDataSource)();
+    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 } = (0, hooks_1.useSxpDataSource)();
     const { backMainFeed, productView, jumpToWeb } = (0, useEventReport_1.useEventReport)();
     const isShowFingerTip = (0, react_1.useMemo)(() => {
         return data.length > 0 && !loading && ((0, localStore_1.getFeUserState)() || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip));
     }, [data, loading, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enableSwiperTip]);
     (0, react_1.useEffect)(() => {
-        (0, sessionStore_1.refreshFeSessionId)();
+        refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession();
     }, []);
     (0, react_1.useEffect)(() => {
         if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
@@ -59,7 +58,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         }
     }, [data === null || data === void 0 ? void 0 : data.length]);
     const handleH5EnterLink = (0, react_1.useCallback)(() => {
-        (0, sessionStore_1.refreshFeSessionId)();
         h5EnterLink === null || h5EnterLink === void 0 ? void 0 : h5EnterLink();
         if (data.length > 0) {
             const now = new Date();

package/lib/core/context/EditorDataProvider.d.ts

@@ -28,6 +28,7 @@ interface IEditorDataContext {
     setConsentPopupCate?: React.Dispatch<React.SetStateAction<string>>;
     openMultiPosts?: boolean;
     setOpenMultiPosts?: React.Dispatch<React.SetStateAction<boolean>>;
+    pageTypeList?: Array<any>;
 }
 interface IEditorProviderProps {
     data?: any;

package/lib/core/context/EditorDataProvider.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const EditorDataContext = (0, react_1.createContext)({});
 const EditorDataProvider = ({ children, data }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const [openHashtag, setOpenHashtag] = (0, react_1.useState)(false);
     const [openConsent, setOpenConsent] = (0, react_1.useState)(false);
     const [consentPopupCate, setConsentPopupCate] = (0, react_1.useState)('');
@@ -36,7 +36,8 @@ const EditorDataProvider = ({ children, data }) => {
             consentPopupCate,
             setConsentPopupCate,
             openMultiPosts,
-            setOpenMultiPosts
+            setOpenMultiPosts,
+            pageTypeList: (_p = data === null || data === void 0 ? void 0 : data.pageTypeList) !== null && _p !== void 0 ? _p : []
         } }, children));
 };
 function useEditorDataProvider() {

package/lib/core/context/SxpDataSourceProvider.d.ts

@@ -89,6 +89,7 @@ export interface ISxpDataSourceContext {
     eventTimeList?: Array<IEventTimeType>;
     setEventTimeList?: React.Dispatch<React.SetStateAction<Array<IEventTimeType>>>;
     multiPostTimeRef?: any;
+    refreshFeSession?: () => void;
 }
 export declare const SxpDataSourceContext: React.Context<ISxpDataSourceContext>;
 export interface SxpDataSourceProviderProps {

package/lib/core/context/SxpDataSourceProvider.js

@@ -39,6 +39,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     const themeTag = (0, react_1.useRef)();
     const curTime = (0, react_1.useRef)();
     const multiPostTimeRef = (0, react_1.useRef)();
+    const sessionTimeRef = (0, react_1.useRef)();
     const [selectTag, setSelectTag] = (0, react_1.useState)(exports.DEFAULT_TAG);
     const checkCommodityIndexRef = (0, react_1.useRef)(-1);
     const popupCurTimeRef = (0, react_1.useRef)(null);
@@ -211,6 +212,20 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
         return data;
     }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
+    const refreshFeSession = (0, react_1.useCallback)(() => {
+        var _a, _b, _c, _d, _e, _f;
+        const defaultGlobalConfig = (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.sxpPageConf) === null || _b === void 0 ? void 0 : _b.globalConfig;
+        if ((_c = defaultGlobalConfig === null || defaultGlobalConfig === void 0 ? void 0 : defaultGlobalConfig.session) === null || _c === void 0 ? void 0 : _c.enable) {
+            if (Math.floor((new Date() - ((_d = sessionTimeRef.current) !== null && _d !== void 0 ? _d : new Date())) / (1000 * 60)) >=
+                ((_f = (_e = defaultGlobalConfig === null || defaultGlobalConfig === void 0 ? void 0 : defaultGlobalConfig.session) === null || _e === void 0 ? void 0 : _e.expires) !== null && _f !== void 0 ? _f : 30)) {
+                (0, sessionStore_1.refreshFeSessionId)();
+            }
+        }
+        else {
+            (0, sessionStore_1.refreshFeSessionId)();
+        }
+        sessionTimeRef.current = new Date();
+    }, [data, sessionTimeRef]);
     const bffEventReport = (0, react_1.useCallback)(({ userInfo, eventInfo, reportLayId = true }) => {
         if (!enableReportEvent || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview)) {
             return;
@@ -218,6 +233,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         if (!userInfo) {
             userInfo = {};
         }
+        refreshFeSession();
         const sessionID = (0, sessionStore_1.storeAndLoadFeSessionId)();
         const ef = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), (layoutVariantId && reportLayId && { layoutVariantId })), eventInfo), ((0, tool_1.getDevice)() && { sxpDevice: (0, tool_1.getDevice)() })), ((0, tool_1.getSystem)() && { sxpSystem: (0, tool_1.getSystem)() })), ((0, tool_1.getBrowserInfo)() && { sxpBrowser: (0, tool_1.getBrowserInfo)() })), ((eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) && channel && { position: Number(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.position) + 1 + '' }));
         const realUserInfo = Object.entries(userInfo).map(([k, v]) => ({ name: k, value: v }));
@@ -233,7 +249,16 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             body: { userInfo: realUserInfo, eventInfo: realEventInfo },
             type: 'beacon'
         });
-    }, [bffFetch, curReqInfo, enableReportEvent, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview, layoutVariantId, globalConfig, playbookType]);
+    }, [
+        bffFetch,
+        curReqInfo,
+        enableReportEvent,
+        globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview,
+        layoutVariantId,
+        globalConfig,
+        playbookType,
+        refreshFeSession
+    ]);
     const bffFbReport = (0, react_1.useCallback)(({ eventName, product }) => {
         var _a, _b, _c, _d, _e;
         if (!enableReportEvent ||
@@ -530,7 +555,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             channel,
             eventTimeList,
             setEventTimeList,
-            multiPostTimeRef
+            multiPostTimeRef,
+            refreshFeSession
         } }, isShowConsent ? (react_1.default.createElement(Consent_1.default, Object.assign({}, (_e = (_d = (_c = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consent) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.props))) : (render({
         rtcList,
         mutateLike: bffMutateLike,

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

@@ -1,3 +1,4 @@
 export declare const storeAndLoadFeSessionId: () => string;
 export declare const refreshFeSessionId: () => void;
+export declare const getFeSessionId: () => string | null;
 export declare const removeFeSessionId: () => void;

package/lib/core/utils/sessionStore.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeFeSessionId = exports.refreshFeSessionId = exports.storeAndLoadFeSessionId = void 0;
+exports.removeFeSessionId = exports.getFeSessionId = exports.refreshFeSessionId = exports.storeAndLoadFeSessionId = void 0;
 const tool_1 = require("./tool");
 const feRealSessionIdKey = 'feRealSessionIdKey';
 const generateFeSessionId = () => {
@@ -10,23 +10,24 @@ const generateFeSessionId = () => {
     return result;
 };
 const storeAndLoadFeSessionId = () => {
-    let result = getFeSessionId();
+    let result = (0, exports.getFeSessionId)();
     if (!result) {
         result = generateFeSessionId();
-        window.sessionStorage.setItem(feRealSessionIdKey, result);
+        window.localStorage.setItem(feRealSessionIdKey, result);
     }
     return result;
 };
 exports.storeAndLoadFeSessionId = storeAndLoadFeSessionId;
 const refreshFeSessionId = () => {
     const result = generateFeSessionId();
-    window.sessionStorage.setItem(feRealSessionIdKey, result);
+    window.localStorage.setItem(feRealSessionIdKey, result);
 };
 exports.refreshFeSessionId = refreshFeSessionId;
 const getFeSessionId = () => {
-    return window.sessionStorage.getItem(feRealSessionIdKey);
+    return window.localStorage.getItem(feRealSessionIdKey);
 };
+exports.getFeSessionId = getFeSessionId;
 const removeFeSessionId = () => {
-    window.sessionStorage.removeItem(feRealSessionIdKey);
+    window.localStorage.removeItem(feRealSessionIdKey);
 };
 exports.removeFeSessionId = removeFeSessionId;

package/lib/materials/sxp/popup/Iframe/index.d.ts

@@ -12,10 +12,6 @@ export interface IIframeProps {
     submitButtonStyle?: CSSProperties;
     contentStyle?: CSSProperties;
     isTel?: boolean;
-    iframe?: {
-        src?: string;
-        allow?: string;
-    };
 }
 declare const _default: React.NamedExoticComponent<IIframeProps>;
 export default _default;

package/lib/materials/sxp/popup/Iframe/index.js

@@ -7,12 +7,11 @@ require("./index.less");
 const hooks_1 = require("../../../../core/hooks");
 const Iframe = (_a) => {
     var _b, _c;
-    var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel, iframe } = _a, props = tslib_1.__rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel", "iframe"]);
+    var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel } = _a, props = tslib_1.__rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
     const { popupDetailData } = (0, hooks_1.useSxpDataSource)();
-    const { src, allow } = iframe || {};
-    const iframeUrl = src || ((_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark);
-    return (react_1.default.createElement("div", Object.assign({ className: `${(0, css_1.css)(Object.assign(Object.assign({}, style), { overflow: 'hidden' }))}` }, props),
-        react_1.default.createElement("iframe", { src: iframeUrl, allow: allow, scrolling: 'no', style: {
+    const iframeUrl = (_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark;
+    return (react_1.default.createElement("div", Object.assign({ className: `${(0, css_1.css)(Object.assign({}, style))}` }, props),
+        react_1.default.createElement("iframe", { src: iframeUrl, style: {
                 width: '100%',
                 height: 'calc(100% - 50px)',
                 marginTop: '50px',

package/lib/materials/sxp/popup/Iframe/settingRender.js

@@ -10,20 +10,5 @@ exports.default = [
                 name: ['style', 'backgroundColor']
             }
         ]
-    },
-    {
-        title: 'iframe',
-        child: [
-            {
-                type: 'TextArea',
-                label: 'url',
-                name: ['props', 'iframe', 'src']
-            },
-            {
-                type: 'TextArea',
-                label: 'allow',
-                name: ['props', 'iframe', 'allow']
-            }
-        ]
     }
 ];

package/package.json

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