pb-sxp-ui 1.10.12 → 1.11.0

package/dist/index.cjs

@@ -504,17 +504,17 @@ const storeAndLoadFeSessionId = () => {
     let result = getFeSessionId();
     if (!result) {
         result = generateFeSessionId();
-        window.sessionStorage.setItem(feRealSessionIdKey, result);
+        window.localStorage.setItem(feRealSessionIdKey, result);
     }
     return result;
 };
 const refreshFeSessionId = () => {
     const result = generateFeSessionId();
-    window.sessionStorage.setItem(feRealSessionIdKey, result);
+    window.localStorage.setItem(feRealSessionIdKey, result);
 };
 // 获取 sessionID
 const getFeSessionId = () => {
-    return window.sessionStorage.getItem(feRealSessionIdKey);
+    return window.localStorage.getItem(feRealSessionIdKey);
 };
 
 const FAKE_USER_KEY = 'SXP_FAKE_USER_ID';
@@ -673,6 +673,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     const themeTag = React.useRef();
     const curTime = React.useRef();
     const multiPostTimeRef = React.useRef();
+    const sessionTimeRef = React.useRef();
     const [selectTag, setSelectTag] = React.useState(DEFAULT_TAG);
     const checkCommodityIndexRef = React.useRef(-1);
     const popupCurTimeRef = React.useRef(null);
@@ -854,6 +855,20 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         setCacheRtcList(cacheRtcList.concat(getFilterRecList(data)));
         return data;
     }), [getRecommendVideos, rtcList, waterFallData, cacheRtcList]);
+    const refreshFeSession = React.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 = React.useCallback(({ userInfo, eventInfo, reportLayId = true }) => {
         // 关闭 BFF 事件上报
         if (!enableReportEvent || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview)) {
@@ -866,6 +881,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             // tpChannelId: 'H5' // 后端处理
             };
         }
+        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$1() && { sxpDevice: getDevice$1() })), (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 }));
@@ -881,7 +897,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 = React.useCallback(({ eventName, product }) => {
         var _a, _b, _c, _d, _e;
         if (!enableReportEvent ||
@@ -1180,7 +1205,8 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             channel,
             eventTimeList,
             setEventTimeList,
-            multiPostTimeRef
+            multiPostTimeRef,
+            refreshFeSession
         } }, isShowConsent ? (React.createElement(Consent$4, 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,
@@ -12003,7 +12029,7 @@ const CommodityList = createMaterial(CommodityListComponent, {
  * @Author: binruan@chatlabs.com
  * @Date: 2023-10-27 14:06:35
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-12-12 15:12:57
+ * @LastEditTime: 2024-08-08 17:32:11
  * @FilePath: \pb-sxp-ui\src\materials\sxp\popup\Iframe\settingRender.tsx
  *
  */
@@ -12017,32 +12043,16 @@ var settingRender$8 = [
                 name: ['style', 'backgroundColor']
             }
         ]
-    },
-    {
-        title: 'iframe',
-        child: [
-            {
-                type: 'TextArea',
-                label: 'url',
-                name: ['props', 'iframe', 'src']
-            },
-            {
-                type: 'TextArea',
-                label: 'allow',
-                name: ['props', 'iframe', 'allow']
-            }
-        ]
     }
 ];
 
 const Iframe$1 = (_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.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.css(Object.assign({}, style))}` }, props),
+        React.createElement("iframe", { src: iframeUrl, style: {
                 width: '100%',
                 height: 'calc(100% - 50px)',
                 marginTop: '50px',
@@ -16625,13 +16635,13 @@ var settingRender$1 = [
  * @Author: binruan@chatlabs.com
  * @Date: 2023-12-26 10:38:53
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-10-29 18:04:27
+ * @LastEditTime: 2024-12-11 18:24:31
  * @FilePath: \pb-sxp-ui\src\core\context\EditorDataProvider.tsx
  *
  */
 const EditorDataContext = React.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] = React.useState(false);
     const [openConsent, setOpenConsent] = React.useState(false);
     const [consentPopupCate, setConsentPopupCate] = React.useState('');
@@ -16662,7 +16672,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() {
@@ -17986,6 +17997,14 @@ const NavBack = ({ data, minusHeight, tagHeight, onClick }) => {
 };
 var NavBack$1 = React.memo(NavBack);
 
+/*
+ * @Author: binruan@chatlabs.com
+ * @Date: 2024-03-20 10:27:31
+ * @LastEditors: binruan@chatlabs.com
+ * @LastEditTime: 2024-12-13 17:20:22
+ * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\index.tsx
+ *
+ */
 const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.innerHeight, containerWidth = window.innerWidth, tempMap, resolver, data = [], ctaType, tipText, nudge, _schema, hashTagStyle, hashTagRightMargin, tagList = [], licenseUrl }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     const mutedIcon = useIconLink('/pb_static/5beaaa5ce7f3477b99db3838619cc471.png');
@@ -18001,13 +18020,13 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
     const [isReload, setIsReload] = React.useState(new Date().getTime());
     const skipLinkRef = React.useRef(false);
     const [pageNum, setPageNum] = React.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 = React.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]);
     React.useEffect(() => {
-        refreshFeSessionId();
+        refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession();
     }, []);
     React.useEffect(() => {
         if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
@@ -18016,7 +18035,6 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         }
     }, [data === null || data === void 0 ? void 0 : data.length]);
     const handleH5EnterLink = React.useCallback(() => {
-        refreshFeSessionId();
         h5EnterLink === null || h5EnterLink === void 0 ? void 0 : h5EnterLink();
         if (data.length > 0) {
             const now = new Date();
@@ -18923,7 +18941,7 @@ var index$1 = React.memo(DiyPortalPreview);
  * @Author: binruan@chatlabs.com
  * @Date: 2023-10-31 10:56:01
  * @LastEditors: binruan@chatlabs.com
- * @LastEditTime: 2024-12-12 14:48:31
+ * @LastEditTime: 2024-10-23 15:07:29
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
  *
  */