pb-sxp-ui 1.15.2 → 1.15.4

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

@@ -0,0 +1,210 @@
+export default [
+    {
+        title: '全局设置',
+        child: [
+            {
+                type: 'Switch',
+                label: '弹窗开关',
+                name: ['props', 'open']
+            },
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['style', 'backgroundColor']
+            },
+            {
+                type: 'Number',
+                label: '内边距',
+                name: ['style', 'padding'],
+                addonAfter: 'px'
+            }
+        ]
+    },
+    {
+        title: '弹窗文本',
+        child: [
+            {
+                type: 'RichText',
+                name: ['props', 'content']
+            }
+        ]
+    },
+    {
+        title: '接受按钮样式',
+        child: [
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['props', 'acceptButton', 'style', 'backgroundColor']
+            },
+            {
+                type: 'Number',
+                label: '尺寸',
+                name: ['props', 'acceptButton', 'style', 'height'],
+                addonAfter: 'H'
+            },
+            {
+                type: 'Group',
+                label: '圆角',
+                child: [
+                    {
+                        type: 'Slider',
+                        name: ['props', 'acceptButton', 'style', 'borderRadius'],
+                        max: 100
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'acceptButton', 'style', 'borderRadius'],
+                        addonAfter: 'px',
+                        max: 100
+                    }
+                ]
+            },
+            {
+                type: 'TextMargin',
+                label: '边距',
+                name: ['props', 'acceptButton', 'style']
+            },
+            {
+                type: 'Group',
+                label: '字体',
+                child: [
+                    {
+                        type: 'Select',
+                        name: ['props', 'acceptButton', 'style', 'fontFamily-cn'],
+                        bottomText: '中文字体'
+                    },
+                    {
+                        type: 'Select',
+                        name: ['props', 'acceptButton', 'style', 'fontFamily-en'],
+                        bottomText: '英文/其他字体'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'acceptButton', 'style', 'color']
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'acceptButton', 'style', 'fontSize'],
+                        addonAfter: 'px'
+                    }
+                ]
+            },
+            {
+                label: '样式',
+                type: 'TextStyle',
+                name: ['props', 'acceptButton', 'style']
+            },
+            {
+                label: '对齐',
+                type: 'TextAlign',
+                name: ['props', 'acceptButton', 'style']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'acceptButton', 'style']
+            },
+            {
+                label: '文本',
+                type: 'TextArea',
+                name: ['props', 'acceptButton', 'text']
+            }
+        ]
+    },
+    {
+        title: '拒绝按钮样式',
+        child: [
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['props', 'rejectButton', 'style', 'backgroundColor']
+            },
+            {
+                type: 'Number',
+                label: '尺寸',
+                name: ['props', 'rejectButton', 'style', 'height'],
+                addonAfter: 'H'
+            },
+            {
+                type: 'Group',
+                label: '圆角',
+                child: [
+                    {
+                        type: 'Slider',
+                        name: ['props', 'rejectButton', 'style', 'borderRadius'],
+                        max: 100
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'rejectButton', 'style', 'borderRadius'],
+                        addonAfter: 'px',
+                        max: 100
+                    }
+                ]
+            },
+            {
+                type: 'TextMargin',
+                label: '边距',
+                name: ['props', 'rejectButton', 'style']
+            },
+            {
+                type: 'Group',
+                label: '字体',
+                child: [
+                    {
+                        type: 'Select',
+                        name: ['props', 'rejectButton', 'style', 'fontFamily-cn'],
+                        bottomText: '中文字体'
+                    },
+                    {
+                        type: 'Select',
+                        name: ['props', 'rejectButton', 'style', 'fontFamily-en'],
+                        bottomText: '英文/其他字体'
+                    }
+                ]
+            },
+            {
+                type: 'Group',
+                label: '',
+                child: [
+                    {
+                        type: 'Color',
+                        name: ['props', 'rejectButton', 'style', 'color']
+                    },
+                    {
+                        type: 'Number',
+                        name: ['props', 'rejectButton', 'style', 'fontSize'],
+                        addonAfter: 'px'
+                    }
+                ]
+            },
+            {
+                label: '样式',
+                type: 'TextStyle',
+                name: ['props', 'rejectButton', 'style']
+            },
+            {
+                label: '对齐',
+                type: 'TextAlign',
+                name: ['props', 'rejectButton', 'style']
+            },
+            {
+                label: '间距',
+                type: 'TextSpace',
+                name: ['props', 'rejectButton', 'style']
+            },
+            {
+                label: '文本',
+                type: 'TextArea',
+                name: ['props', 'rejectButton', 'text']
+            }
+        ]
+    }
+];

package/es/materials/sxp/consentPopup/Display/index.d.ts

@@ -13,9 +13,9 @@ export interface IDisplayProps {
     };
     style?: Record<string, any>;
     isTel?: boolean;
-    onClick?: () => void;
-    contsentState?: boolean;
     isShowClose?: boolean;
+    consentPopupCate?: string;
+    onClick?: () => void;
 }
 declare const _default: React.NamedExoticComponent<IDisplayProps>;
 export default _default;

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

@@ -1,18 +1,20 @@
 import { __rest } from "tslib";
 import React, { memo, useCallback, useMemo, useState } from 'react';
 import './index.less';
-import { useEditorDataProvider } from '../../../../core/context/EditorDataProvider';
 import closeSvg from './close.svg';
 import tel from './tel.png';
 import { setFontForText } from '../../../../core/utils/tool';
+import { getContsentState } from '../../../../core/utils/localStore';
 const Display = (_a) => {
     var _b, _c;
-    var { isTel, isShowOnce, open, content, interaction, style, onClick, contsentState, isShowClose } = _a, props = __rest(_a, ["isTel", "isShowOnce", "open", "content", "interaction", "style", "onClick", "contsentState", "isShowClose"]);
-    const { consentPopupCate } = useEditorDataProvider();
+    var { isTel, isShowOnce, open, content, interaction, style, onClick, isShowClose, consentPopupCate } = _a, props = __rest(_a, ["isTel", "isShowOnce", "open", "content", "interaction", "style", "onClick", "isShowClose", "consentPopupCate"]);
     const [isClose, setIsClose] = useState(false);
+    const contsentState = useMemo(() => {
+        return getContsentState();
+    }, []);
     const visivle = useMemo(() => {
-        return consentPopupCate === 'Display' || (open && (isShowOnce || contsentState) && style && !isClose);
-    }, [consentPopupCate, open, isClose]);
+        return consentPopupCate || (open && (isShowOnce || contsentState) && style && !isClose);
+    }, [consentPopupCate, open, isClose, contsentState]);
     const handleClickClose = useCallback(() => {
         setIsClose(true);
     }, []);

package/es/materials/sxp/consentPopup/Swipe/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export interface ISwipeProps {
+    open?: boolean;
+    content?: string;
+    style?: Record<string, any>;
+    isTel?: boolean;
+    consentPopupCate?: string;
+    swipeIcon?: string;
+    closeIcon?: string;
+}
+declare const _default: React.NamedExoticComponent<ISwipeProps>;
+export default _default;

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

@@ -0,0 +1,58 @@
+import { __awaiter, __rest } from "tslib";
+import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
+import './index.less';
+import ConsentDetail from '../../popup/ConsentDetail';
+import tel from './tel.png';
+import { useSxpDataSource } from '../../../../core/hooks';
+const Swipe = (_a) => {
+    var { isTel, open, content, style, consentPopupCate, swipeIcon, closeIcon } = _a, props = __rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "swipeIcon", "closeIcon"]);
+    const touchInfo = useRef();
+    const threshold = 50;
+    const { getAccount, accountSonsent } = useSxpDataSource();
+    const [consentResult, setConsentResult] = useState(false);
+    const handleGetAccount = () => __awaiter(void 0, void 0, void 0, function* () {
+        const res = yield (getAccount === null || getAccount === void 0 ? void 0 : getAccount());
+        setConsentResult(res);
+    });
+    useEffect(() => {
+        handleGetAccount();
+    }, []);
+    const visivle = useMemo(() => {
+        return consentPopupCate || (open && style && !consentResult);
+    }, [consentPopupCate, open, style, consentResult]);
+    const handleClick = (v) => {
+        accountSonsent === null || accountSonsent === void 0 ? void 0 : accountSonsent(v);
+        setConsentResult(true);
+    };
+    const handleTouchStart = (event) => {
+        const touch = event.touches[0];
+        touchInfo.current = { y: touch.clientY, d: 0 };
+    };
+    const handleTouchMove = (event) => {
+        var _a;
+        if (!touchInfo.current)
+            return;
+        const touch = event.touches[0];
+        const dy = touch.clientY - ((_a = touchInfo === null || touchInfo === void 0 ? void 0 : touchInfo.current) === null || _a === void 0 ? void 0 : _a.y);
+        const currentDistance = Math.abs(dy);
+        touchInfo.current = Object.assign(Object.assign({}, touchInfo.current), { d: currentDistance });
+    };
+    const handleTouchEnd = () => {
+        if (!touchInfo.current)
+            return;
+        const { d } = touchInfo.current || {};
+        if (d > threshold) {
+            handleClick(true);
+        }
+        touchInfo.current = {};
+    };
+    return (React.createElement(React.Fragment, null, isTel ? (React.createElement("img", { src: tel, style: { objectFit: 'cover', width: '100%', height: '100%' } })) : (React.createElement(React.Fragment, null, visivle && (React.createElement("div", { className: 'consentPopupSwipe', onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },
+        React.createElement("div", { className: 'consentPopupSwipe-container', style: style },
+            React.createElement("div", { className: 'consentPopupSwipe-container-content' },
+                React.createElement(ConsentDetail, { content: content, style: { padding: 0 } })),
+            React.createElement("button", { "aria-label": 'close', className: 'consentPopupSwipe-container-close', onClick: () => handleClick(false) },
+                React.createElement("img", { src: closeIcon, alt: 'close' })),
+            swipeIcon && (React.createElement("div", { className: 'consentPopupSwipe-container-swipeIcon', onClick: () => handleClick(false) },
+                React.createElement("img", { src: swipeIcon, alt: 'Swipe Icon' }))))))))));
+};
+export default memo(Swipe);

package/es/materials/sxp/consentPopup/Swipe/material.d.ts

@@ -0,0 +1,2 @@
+declare const Swipe: import("../../../../core/create").MaterialComponet<import(".").ISwipeProps>;
+export { Swipe };

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

@@ -0,0 +1,25 @@
+import settingRender from './settingRender';
+import SwipeComponent from '.';
+import { createMaterial } from '../../../../core/create';
+const Swipe = createMaterial(SwipeComponent, {
+    displayName: 'Swipe Consent',
+    icon: '',
+    category: 'consentPopup',
+    type: 'Swipe',
+    related: {
+        settingRender,
+        bindableProps: []
+    },
+    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>',
+            closeIcon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAjhJREFUWEfFlztOw0AQhmeWiJ4CCmpQ5DiRQsIJyAWg5A0lR0AIChDiCJS8ER0cADgBeRSxt4CCDgkaKiq8i+zYeWx2413HEWmiJJv9v535Z2aN8M8vFPT9z3zETD0aAUChUJjwvPFHAJhBhB3Hqd6OAsK2yyucwykAvP38eJX398Z3AJDLlVYR8ToU9Rhj25TWr9KEsKy5dULIGQCMtfZly45TvwsAstm56UwG6wA4FUFwzrdctxZBDcWSy5XWEPG8I84/GcMipdWPtgcsaz5PCHtKG0IuTiqUvjT9U/WYMG2IOPE+AP+LtCB0xKUAAyA2Xbd2o2OG0NQXvTnvhL17D7EPtH9TRCIWwkRcGYGIQgYBABuqPuHXOQBc6pw80lBGwBQiiXhsBHQhkoprA6iM6acjhDQKu5YJZW6XeOI3XJdpvfsdTu52VfXEekD8owQiXGIubpSCbhDbLu8DwKEAd+A41SOdPpE4BS0viFOtvV2iKWqUgn5x/tmS70xR01GuDSCKc86/OCcLgTyyZ0ScDGNhFAktAJV4NFJ9YyaFiAWIE+9uVkkgBgLoig8DMWAa9ro9ynkUdlW5maZDCmB6clmz0k1HH4Cs1Ezbq2p2yEpUuBOKTSZZex00RUWIrltxuuK6EOGDSbGIOPZicpMx6fny650377qNRgBgWeVFQuA+6UjVgREhGIMlSqsPUQqIbZdOOIdZQmCv2axRnU1N1+TzJYsxOEaEV8ep7frPZ7Gd0FTEdP0ft0/kMNdg0eoAAAAASUVORK5CYII='
+        },
+        style: {
+            backgroundColor: '#fff',
+            padding: 18
+        }
+    },
+    sort: 3
+});
+export { Swipe };

package/es/materials/sxp/consentPopup/Swipe/settingRender.d.ts

@@ -0,0 +1,29 @@
+declare const _default: ({
+    title: string;
+    child: ({
+        type: string;
+        label: string;
+        name: string[];
+        addonAfter?: undefined;
+    } | {
+        type: string;
+        label: string;
+        name: string[];
+        addonAfter: string;
+    })[];
+} | {
+    title: string;
+    child: {
+        type: string;
+        name: string[];
+    }[];
+} | {
+    title: string;
+    child: {
+        type: string;
+        label: string;
+        name: string[];
+        text: string;
+    }[];
+})[];
+export default _default;

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

@@ -0,0 +1,48 @@
+export default [
+    {
+        title: '全局设置',
+        child: [
+            {
+                type: 'Switch',
+                label: '弹窗开关',
+                name: ['props', 'open']
+            },
+            {
+                type: 'Color',
+                label: '背景色',
+                name: ['style', 'backgroundColor']
+            },
+            {
+                type: 'Number',
+                label: '内边距',
+                name: ['style', 'padding'],
+                addonAfter: 'px'
+            },
+            {
+                label: '关闭按钮',
+                type: 'Upload',
+                name: ['props', 'closeIcon']
+            }
+        ]
+    },
+    {
+        title: '弹窗文本',
+        child: [
+            {
+                type: 'RichText',
+                name: ['props', 'content']
+            }
+        ]
+    },
+    {
+        title: '滑动图标',
+        child: [
+            {
+                type: 'Upload',
+                label: '滑动图标',
+                name: ['props', 'swipeIcon'],
+                text: '建议尺寸：252 * 185'
+            }
+        ]
+    }
+];

package/es/materials/sxp/consentPopup/index.d.ts

@@ -1 +1,3 @@
 export * from './Display/material';
+export * from './Click/material';
+export * from './Swipe/material';

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

@@ -1 +1,3 @@
 export * from './Display/material';
+export * from './Click/material';
+export * from './Swipe/material';

package/es/materials/sxp/cta/AniLink/index.js

@@ -35,7 +35,7 @@ const AniLink = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     };
-    const title = (cta === null || cta === void 0 ? void 0 : cta.enTitle) || '查看详情';
+    const title = (cta === null || cta === void 0 ? void 0 : cta.enTitle) || 'Show More';
     const aniTimStyle = useMemo(() => {
         var _a, _b;
         const ani = event === null || event === void 0 ? void 0 : event.animation;

package/es/materials/sxp/cta/AniLinkPopup/index.js

@@ -35,7 +35,7 @@ const AniLinkPopup = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     };
-    const title = (cta === null || cta === void 0 ? void 0 : cta.enTitle) || '查看详情';
+    const title = (cta === null || cta === void 0 ? void 0 : cta.enTitle) || 'Show More';
     const aniTimStyle = useMemo(() => {
         const ani = event === null || event === void 0 ? void 0 : event.animation;
         if (ani) {

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

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import './index.less';
 export interface IConsentDetailProps {
     content?: string;
     isTel?: boolean;
+    style?: CSSProperties;
 }
 declare const _default: React.NamedExoticComponent<IConsentDetailProps>;
 export default _default;

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

@@ -2,11 +2,11 @@ import { __rest } from "tslib";
 import React, { memo } from 'react';
 import './index.less';
 const ConsentDetail = (_a) => {
-    var { content, isTel } = _a, props = __rest(_a, ["content", "isTel"]);
+    var { content, isTel, style } = _a, props = __rest(_a, ["content", "isTel", "style"]);
     return (React.createElement("article", { className: 'consentDetail-article', dangerouslySetInnerHTML: {
             __html: typeof content === 'string' ? content : ''
         }, onClick: (e) => {
             e.stopPropagation();
-        } }));
+        }, style: style }));
 };
 export default memo(ConsentDetail);

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

@@ -32,7 +32,6 @@ const Consent = ({ width = window.innerWidth, height = window.innerHeight, priva
                 utmCampaign: getUtmValue('utm_campaign'),
                 utmId: getUtmValue('utm_id'),
                 utmContent: getUtmValue('utm_content'),
-                clSource: getUtmValue('cl_source'),
                 enterTime: `${Date.now()}`,
                 enterUrl: window.location.href,
                 rtc: null,

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

@@ -4,15 +4,15 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 require("./index.less");
 const withBindDataSource_1 = tslib_1.__importDefault(require("../../../core/hoc/withBindDataSource"));
-const localStore_1 = require("../../../core/utils/localStore");
+const EditorDataProvider_1 = require("../../../core/context/EditorDataProvider");
 const Consent = ({ resolver, globalConfig }) => {
-    var _a, _b;
-    const contsentState = (0, react_1.useMemo)(() => {
-        return (0, localStore_1.getContsentState)();
-    }, []);
-    const t = resolver === null || resolver === void 0 ? void 0 : resolver['Display'];
-    const Component = (0, withBindDataSource_1.default)(t);
+    var _a, _b, _c;
+    const { consentPopupCate } = (0, EditorDataProvider_1.useEditorDataProvider)();
     const value = (_b = (_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.consentPopup) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.item;
-    return react_1.default.createElement(Component, Object.assign({}, value === null || value === void 0 ? void 0 : value.props, { style: value === null || value === void 0 ? void 0 : value.style, event: (value === null || value === void 0 ? void 0 : value.event) || {}, contsentState: contsentState }));
+    if (!value || (!consentPopupCate && !((_c = value === null || value === void 0 ? void 0 : value.props) === null || _c === void 0 ? void 0 : _c.open)))
+        return null;
+    const t = resolver === null || resolver === void 0 ? void 0 : resolver[value === null || value === void 0 ? void 0 : value.type];
+    const Component = (0, withBindDataSource_1.default)(t);
+    return (react_1.default.createElement(Component, Object.assign({}, value === null || value === void 0 ? void 0 : value.props, { style: value === null || value === void 0 ? void 0 : value.style, event: (value === null || value === void 0 ? void 0 : value.event) || {}, consentPopupCate: consentPopupCate })));
 };
 exports.default = (0, react_1.memo)(Consent);

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

@@ -11,7 +11,7 @@ const Navbar = ({ icon, styles, textStyle, onClose }) => {
         react_1.default.createElement("button", { className: 'clc-sxp-nav-left', role: 'button', "aria-label": 'back button', onClick: onClose },
             react_1.default.createElement("img", { src: icon, alt: 'back button' })),
         react_1.default.createElement("div", { className: 'clc-sxp-nav-title', style: Object.assign(Object.assign({}, textStyle), { paddingLeft: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.textAlign) === 'left' ? '35px' : 0 }), dangerouslySetInnerHTML: {
-                __html: (0, tool_1.setFontForText)(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : '标题'}`, textStyle)
+                __html: (0, tool_1.setFontForText)(`#${(_a = waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag) !== null && _a !== void 0 ? _a : 'title'}`, textStyle)
             } })));
 };
 exports.default = (0, react_1.memo)(Navbar);

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

@@ -120,7 +120,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                 contentId: (_m = item === null || item === void 0 ? void 0 : item.video) === null || _m === void 0 ? void 0 : _m.itemId,
                 productId: (_o = item === null || item === void 0 ? void 0 : item.product) === null || _o === void 0 ? void 0 : _o.itemId,
                 position: activeIndex + '',
-                fromKName: fk ? fk : fromKName,
+                fromKName: fk || fromKName,
                 fromKPage: location === null || location === void 0 ? void 0 : location.href,
                 ctatId: (_r = (_q = (_p = item === null || item === void 0 ? void 0 : item.video) === null || _p === void 0 ? void 0 : _p.bindCta) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
                 traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : ''
@@ -147,9 +147,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                     setIsReload(new Date().getTime());
                     skipLinkRef.current = false;
                 }
+                refreshFeSession === null || refreshFeSession === void 0 ? void 0 : refreshFeSession(false);
                 handleH5EnterLink();
                 if (repCond) {
-                    event_1.default.emit(event_1.SXP_EVENT_TYPE.PAGE_DID_SHOW, item);
+                    setTimeout(() => {
+                        event_1.default.emit(event_1.SXP_EVENT_TYPE.PAGE_DID_SHOW, item);
+                    });
                     backMainFeed('external', selectTag);
                 }
             }
@@ -411,7 +414,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
         }
     };
     const handleScrollEvent = (swiper) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
         const item = data[swiper.previousIndex];
         if (!item)
             return;
@@ -430,9 +433,9 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                     contentId: (_e = (_d = item === null || item === void 0 ? void 0 : item.video) === null || _d === void 0 ? void 0 : _d.itemId) !== null && _e !== void 0 ? _e : '',
                     productId: (_g = (_f = item === null || item === void 0 ? void 0 : item.product) === null || _f === void 0 ? void 0 : _f.itemId) !== null && _g !== void 0 ? _g : '',
                     requestId: null,
-                    traceInfo: (_j = (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.traceInfo) !== null && _j !== void 0 ? _j : '',
+                    traceInfo: (_l = (_j = (_h = item === null || item === void 0 ? void 0 : item.video) === null || _h === void 0 ? void 0 : _h.traceInfo) !== null && _j !== void 0 ? _j : (_k = item === null || item === void 0 ? void 0 : item.product) === null || _k === void 0 ? void 0 : _k.traceInfo) !== null && _l !== void 0 ? _l : '',
                     contentFormat,
-                    position: ((_k = swiper.previousIndex) !== null && _k !== void 0 ? _k : 0) + ''
+                    position: ((_m = swiper.previousIndex) !== null && _m !== void 0 ? _m : 0) + ''
                 }
             });
             handleViewImageStartEnd(item);
@@ -443,12 +446,12 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
                 eventInfo: {
                     eventSubject: 'scrollUp',
                     eventDescription: 'User scroll up',
-                    contentId: (_m = (_l = item === null || item === void 0 ? void 0 : item.video) === null || _l === void 0 ? void 0 : _l.itemId) !== null && _m !== void 0 ? _m : '',
-                    productId: (_p = (_o = item.product) === null || _o === void 0 ? void 0 : _o.itemId) !== null && _p !== void 0 ? _p : '',
+                    contentId: (_p = (_o = item === null || item === void 0 ? void 0 : item.video) === null || _o === void 0 ? void 0 : _o.itemId) !== null && _p !== void 0 ? _p : '',
+                    productId: (_r = (_q = item.product) === null || _q === void 0 ? void 0 : _q.itemId) !== null && _r !== void 0 ? _r : '',
                     requestId: null,
-                    traceInfo: (_r = (_q = item === null || item === void 0 ? void 0 : item.video) === null || _q === void 0 ? void 0 : _q.traceInfo) !== null && _r !== void 0 ? _r : '',
+                    traceInfo: (_v = (_t = (_s = item === null || item === void 0 ? void 0 : item.video) === null || _s === void 0 ? void 0 : _s.traceInfo) !== null && _t !== void 0 ? _t : (_u = item === null || item === void 0 ? void 0 : item.product) === null || _u === void 0 ? void 0 : _u.traceInfo) !== null && _v !== void 0 ? _v : '',
                     contentFormat,
-                    position: ((_s = swiper.previousIndex) !== null && _s !== void 0 ? _s : 0) + ''
+                    position: ((_w = swiper.previousIndex) !== null && _w !== void 0 ? _w : 0) + ''
                 }
             });
             handleViewImageStartEnd(item);

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

@@ -90,6 +90,8 @@ export interface ISxpDataSourceContext {
     setEventTimeList?: React.Dispatch<React.SetStateAction<Array<IEventTimeType>>>;
     multiPostTimeRef?: any;
     refreshFeSession?: (enableReSid?: boolean, event?: (fk: string) => void) => void;
+    getAccount?: () => Promise<any>;
+    accountSonsent?: (v: boolean) => Promise<boolean>;
 }
 export declare const SxpDataSourceContext: React.Context<ISxpDataSourceContext>;
 export interface SxpDataSourceProviderProps {