pb-sxp-ui 14.0.2 → 14.0.4

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 || fromKName,
+                fromKName: fk ? 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,12 +147,9 @@ 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) {
-                    setTimeout(() => {
-                        event_1.default.emit(event_1.SXP_EVENT_TYPE.PAGE_DID_SHOW, item);
-                    });
+                    event_1.default.emit(event_1.SXP_EVENT_TYPE.PAGE_DID_SHOW, item);
                     backMainFeed('external', selectTag);
                 }
             }

package/lib/core/context/SxpDataSourceProvider.js

@@ -4,13 +4,13 @@ exports.DEFAULT_TAG = exports.SxpDataSourceContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const qs_1 = tslib_1.__importDefault(require("qs"));
+const lodash_1 = require("lodash");
 const sessionStore_1 = require("../utils/sessionStore");
 const localStore_1 = require("../utils/localStore");
 const useIconLink_1 = require("../components/SxpPageRender/useIconLink");
 const event_1 = tslib_1.__importStar(require("../utils/event"));
 const Consent_1 = tslib_1.__importDefault(require("../components/Consent"));
 const tool_1 = require("../utils/tool");
-const lodash_1 = require("lodash");
 exports.SxpDataSourceContext = (0, react_1.createContext)({
     rtcList: [],
     tagList: []
@@ -102,32 +102,53 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     const bffDataSource = (0, react_1.useMemo)(() => {
         return dataSources === null || dataSources === void 0 ? void 0 : dataSources.find((d) => d.type === DataSourceType.BFF);
     }, [dataSources]);
-    const fakeUserId = (0, react_1.useMemo)(() => {
-        var _a;
-        return ((_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']) + (0, localStore_1.storeAndLoadFeUserId)();
-    }, [bffDataSource]);
     const bffFetch = (0, react_1.useCallback)((path, options) => {
         if (!bffDataSource)
             return;
         const url = bffDataSource.url;
+        const fakeUserId = (0, localStore_1.storeAndLoadFeUserId)();
         if (options === null || options === void 0 ? void 0 : options.query) {
             const queryString = qs_1.default.stringify(options.query);
             path = `${path}?${queryString}`;
         }
         if (options.type === 'beacon' && navigator.sendBeacon) {
-            return navigator.sendBeacon(`${url}/api/${path}`, new Blob([
+            return navigator.sendBeacon(`${url}/api/v1${path}`, new Blob([
                 JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))
             ], { type: 'application/json;charset=UTF-8' }));
         }
         return window
-            .fetch(`${url}/api/${path}`, {
+            .fetch(`${url}/api/v1${path}`, {
             headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers),
             method: options.method,
             body: JSON.stringify(options.body)
         })
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
-    }, [bffDataSource, fakeUserId]);
+    }, [bffDataSource]);
+    function splitUrlParams(urlParams) {
+        if (!urlParams)
+            return;
+        const indList = [];
+        for (let i = 0; i < urlParams.length; i++) {
+            const item = urlParams[i];
+            const curStr = urlParams.substring(i + 1, urlParams.length);
+            if (item === '&' &&
+                (curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('=')) !== -1 &&
+                ((curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('=')) < (curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('&')) || (curStr === null || curStr === void 0 ? void 0 : curStr.indexOf('&')) === -1)) {
+                indList.push(i);
+            }
+        }
+        const splitList = indList.length > 0 ? [] : [urlParams];
+        let lastIndex = 0;
+        indList === null || indList === void 0 ? void 0 : indList.map((i) => {
+            splitList === null || splitList === void 0 ? void 0 : splitList.push(urlParams.substring(lastIndex, i));
+            lastIndex = i + 1;
+            if (i === indList[indList.length - 1] && i < urlParams.length) {
+                splitList === null || splitList === void 0 ? void 0 : splitList.push(urlParams.substring(lastIndex, urlParams.length));
+            }
+        });
+        return splitList !== null && splitList !== void 0 ? splitList : [];
+    }
     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 = {
@@ -144,7 +165,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             query = Object.assign(Object.assign({}, query), { channel: decodeURIComponent(channel) });
         }
         else if (utmVal) {
-            const val = (_k = (_j = (_h = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _h === void 0 ? void 0 : _h.filter((val) => {
+            const val = (_k = (_j = (_h = splitUrlParams(utmVal)) === null || _h === void 0 ? void 0 : _h.filter((val) => {
                 var _a, _b;
                 const key = val.split('=')[0];
                 return (_b = ((_a = utmParameter === null || utmParameter === void 0 ? void 0 : utmParameter.channels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.includes(key);
@@ -164,7 +185,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 (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'POST', body: query }));
                 if (!(result === null || result === void 0 ? void 0 : result.success)) {
                     return undefined;
                 }
@@ -186,7 +207,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         if (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) {
             query = Object.assign(Object.assign({}, query), { directPage: true, level: 1, pageNum: (_o = query === null || query === void 0 ? void 0 : query.pageNum) !== null && _o !== void 0 ? _o : 1 });
         }
-        const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/list', { method: 'POST', body: query }));
+        const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'POST', body: query }));
         if (!(result === null || result === void 0 ? void 0 : result.success)) {
             return undefined;
         }
@@ -236,7 +257,6 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         return expire;
     }, [data]);
     const bffEventReport = (0, react_1.useCallback)(({ userInfo, eventInfo, reportLayId = true }) => {
-        var _a;
         if (!enableReportEvent || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview)) {
             return;
         }
@@ -253,35 +273,26 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         console.log('userInfo:', userInfo);
         console.log('eventInfo:', ef);
         console.log('========= 结束 =========');
-        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch(`v2/event/report/CLD/${(_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']}/${eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.eventSubject}`, {
+        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/event/report', {
             method: 'POST',
             body: { userInfo: realUserInfo, eventInfo: realEventInfo },
             type: 'beacon'
         });
-    }, [
-        bffFetch,
-        curReqInfo,
-        enableReportEvent,
-        globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview,
-        layoutVariantId,
-        globalConfig,
-        playbookType,
-        bffDataSource
-    ]);
+    }, [bffFetch, curReqInfo, enableReportEvent, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview, layoutVariantId, globalConfig, playbookType]);
     const bffFbReport = (0, react_1.useCallback)(({ eventName, product }) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         if (!enableReportEvent ||
             !enabledMetaConversionApi ||
             (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) ||
             !((_a = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _a === void 0 ? void 0 : _a[eventName])) {
             return;
         }
-        let jsonParams = (0, lodash_1.cloneDeep)((_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _b === void 0 ? void 0 : _b[eventName]);
+        const jsonParams = (0, lodash_1.cloneDeep)((_b = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.converApi) === null || _b === void 0 ? void 0 : _b[eventName]);
         const urlParams = new URLSearchParams(window.location.search);
         const fbclid = urlParams === null || urlParams === void 0 ? void 0 : urlParams.get('fbclid');
         const fix_par = {
             event_source_url: (_c = window === null || window === void 0 ? void 0 : window.location) === null || _c === void 0 ? void 0 : _c.href,
-            external_id: fakeUserId,
+            external_id: (0, localStore_1.storeAndLoadFeUserId)(),
             client_user_agent: (_e = (_d = window === null || window === void 0 ? void 0 : window.navigator) === null || _d === void 0 ? void 0 : _d.userAgent) !== null && _e !== void 0 ? _e : '',
             fbc: fbclid ? `fb.2.${new Date().getTime()}.${fbclid}` : '',
             fbp: (0, tool_1.getCookie)('_fbp') ? `fb.2.${new Date().getTime()}.${(0, tool_1.getCookie)('_fbp')}` : '',
@@ -333,30 +344,22 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             }
         };
         getEventParams(jsonParams);
-        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch(`v2/event/report/FB/${(_f = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _f === void 0 ? void 0 : _f['x-app-id']}/${eventName}`, {
+        return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/fb/events', {
             method: 'POST',
             body: jsonParams,
             type: 'beacon'
         });
-    }, [
-        bffFetch,
-        enableReportEvent,
-        enabledMetaConversionApi,
-        globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview,
-        globalConfig,
-        fakeUserId,
-        bffDataSource
-    ]);
+    }, [bffFetch, enableReportEvent, enabledMetaConversionApi, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview, globalConfig]);
     const bffMutateLike = (0, react_1.useCallback)((body) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/like', { method: 'POST', body }));
+        const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/like', { method: 'POST', body }));
         return res === null || res === void 0 ? void 0 : res.success;
     }), [bffFetch]);
     const bffMutateUnlike = (0, react_1.useCallback)((body) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/unlike', { method: 'POST', body }));
+        const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/unlike', { method: 'POST', body }));
         return res === null || res === void 0 ? void 0 : res.success;
     }), [bffFetch]);
     const bffSubmitForm = (0, react_1.useCallback)((body) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/customform', { method: 'POST', body }));
+        const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/customform', { method: 'POST', body }));
         return res === null || res === void 0 ? void 0 : res.success;
     }), [bffFetch]);
     const bffGetTagList = (0, react_1.useCallback)((data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
@@ -365,12 +368,12 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         if (!utmVal || !isShowTag)
             return;
         try {
-            const val = (_10 = (_9 = (_8 = utmVal === null || utmVal === void 0 ? void 0 : utmVal.split('&')) === null || _8 === void 0 ? void 0 : _8.filter((val) => {
+            const val = (_10 = (_9 = (_8 = splitUrlParams(utmVal)) === null || _8 === void 0 ? void 0 : _8.filter((val) => {
                 var _a, _b;
                 const key = val.split('=')[0];
                 return (_b = ((_a = utmParameter === null || utmParameter === void 0 ? void 0 : utmParameter.channels) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.includes(key);
             })) === null || _9 === void 0 ? void 0 : _9.join('&')) !== null && _10 !== void 0 ? _10 : '';
-            const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/tag/list', { method: 'GET', query: { channel: decodeURIComponent(val) } }));
+            const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/tag/list', { method: 'GET', query: { channel: decodeURIComponent(val) } }));
             setTagList((_12 = (_11 = result === null || result === void 0 ? void 0 : result.data) === null || _11 === void 0 ? void 0 : _11.tags) !== null && _12 !== void 0 ? _12 : []);
         }
         catch (e) {
@@ -444,10 +447,10 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
                 let curData;
                 let gldata;
                 if (data === null || data === void 0 ? void 0 : data.layoutVariantId) {
-                    layId = data === null || data === void 0 ? void 0 : data.layoutVariantId;
-                    setLayoutVariantId(data === null || data === void 0 ? void 0 : data.layoutVariantId);
                     const id = (_b = (_a = data === null || data === void 0 ? void 0 : data.layoutVariantId) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[1];
                     if (id) {
+                        layId = id;
+                        setLayoutVariantId(id);
                         curData = dataList === null || dataList === void 0 ? void 0 : dataList.find((item) => (item === null || item === void 0 ? void 0 : item.id) === id);
                         if (curData) {
                             setPageData(curData);

package/lib/core/utils/materials.js

@@ -38,16 +38,14 @@ const getBgStyleByImg = (data) => {
 exports.getBgStyleByImg = getBgStyleByImg;
 const getPriceText = ({ product, enableFormattedPrice, globalConfig, isHiddenDef, style }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    let text = '';
     if ((!(product === null || product === void 0 ? void 0 : product.currency) || !(product === null || product === void 0 ? void 0 : product.price)) && isHiddenDef)
         return null;
-    let price = Number((product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price) ? product === null || product === void 0 ? void 0 : product.price : 7000);
-    if (typeof price !== 'number')
-        return text;
+    let price = (product === null || product === void 0 ? void 0 : product.currency) && (product === null || product === void 0 ? void 0 : product.price) ? product === null || product === void 0 ? void 0 : product.price : 7000;
+    let text = '';
     let priceSymbol = globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.priceSymbol;
     let currency = (product === null || product === void 0 ? void 0 : product.currency) ? (_c = (_b = (_a = product === null || product === void 0 ? void 0 : product.currency) === null || _a === void 0 ? void 0 : _a.split('-')[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) !== null && _c !== void 0 ? _c : '' : '$';
     const isToLocStr = enableFormattedPrice === undefined || enableFormattedPrice;
-    let decPic = price === null || price === void 0 ? void 0 : price.toString();
+    let decPic = price.toString();
     if (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) {
         decPic = price === null || price === void 0 ? void 0 : price.toFixed(2);
     }

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

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

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

@@ -3,20 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 require("./index.less");
+const EditorDataProvider_1 = require("../../../../core/context/EditorDataProvider");
 const close_svg_1 = tslib_1.__importDefault(require("./close.svg"));
 const tel_png_1 = tslib_1.__importDefault(require("./tel.png"));
 const tool_1 = require("../../../../core/utils/tool");
-const localStore_1 = require("../../../../core/utils/localStore");
 const Display = (_a) => {
     var _b, _c;
-    var { isTel, isShowOnce, open, content, interaction, style, onClick, isShowClose, consentPopupCate } = _a, props = tslib_1.__rest(_a, ["isTel", "isShowOnce", "open", "content", "interaction", "style", "onClick", "isShowClose", "consentPopupCate"]);
+    var { isTel, isShowOnce, open, content, interaction, style, onClick, contsentState, isShowClose } = _a, props = tslib_1.__rest(_a, ["isTel", "isShowOnce", "open", "content", "interaction", "style", "onClick", "contsentState", "isShowClose"]);
+    const { consentPopupCate } = (0, EditorDataProvider_1.useEditorDataProvider)();
     const [isClose, setIsClose] = (0, react_1.useState)(false);
-    const contsentState = (0, react_1.useMemo)(() => {
-        return (0, localStore_1.getContsentState)();
-    }, []);
     const visivle = (0, react_1.useMemo)(() => {
-        return consentPopupCate || (open && (isShowOnce || contsentState) && style && !isClose);
-    }, [consentPopupCate, open, isClose, contsentState]);
+        return consentPopupCate === 'Display' || (open && (isShowOnce || contsentState) && style && !isClose);
+    }, [consentPopupCate, open, isClose]);
     const handleClickClose = (0, react_1.useCallback)(() => {
         setIsClose(true);
     }, []);

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

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

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

@@ -2,5 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Display/material"), exports);
-tslib_1.__exportStar(require("./Click/material"), exports);
-tslib_1.__exportStar(require("./Swipe/material"), exports);

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

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

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

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

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

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

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

@@ -4,11 +4,11 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 require("./index.less");
 const ConsentDetail = (_a) => {
-    var { content, isTel, style } = _a, props = tslib_1.__rest(_a, ["content", "isTel", "style"]);
+    var { content, isTel } = _a, props = tslib_1.__rest(_a, ["content", "isTel"]);
     return (react_1.default.createElement("article", { className: 'consentDetail-article', dangerouslySetInnerHTML: {
             __html: typeof content === 'string' ? content : ''
         }, onClick: (e) => {
             e.stopPropagation();
-        }, style: style }));
+        } }));
 };
 exports.default = (0, react_1.memo)(ConsentDetail);

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

@@ -12,6 +12,10 @@ 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,11 +7,12 @@ 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 } = _a, props = tslib_1.__rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
+    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"]);
     const { popupDetailData } = (0, hooks_1.useSxpDataSource)();
-    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: {
+    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: {
                 width: '100%',
                 height: 'calc(100% - 50px)',
                 marginTop: '50px',

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

@@ -10,5 +10,20 @@ 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": "14.0.2",
+  "version": "14.0.4",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",

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

@@ -1,19 +0,0 @@
-import React, { CSSProperties } from 'react';
-import './index.less';
-export interface IClickProps {
-    open?: boolean;
-    content?: string;
-    style?: Record<string, any>;
-    isTel?: boolean;
-    acceptButton?: {
-        text?: string;
-        style?: CSSProperties;
-    };
-    rejectButton?: {
-        text?: string;
-        style?: CSSProperties;
-    };
-    consentPopupCate?: string;
-}
-declare const _default: React.NamedExoticComponent<IClickProps>;
-export default _default;

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

@@ -1,19 +0,0 @@
-import { __rest } from "tslib";
-import React, { memo, useMemo } from 'react';
-import './index.less';
-import tel from './tel.png';
-import ConsentDetail from '../../popup/ConsentDetail';
-const Click = (_a) => {
-    var { isTel, open, content, style, consentPopupCate, acceptButton, rejectButton } = _a, props = __rest(_a, ["isTel", "open", "content", "style", "consentPopupCate", "acceptButton", "rejectButton"]);
-    const visivle = useMemo(() => {
-        return consentPopupCate || (open && style);
-    }, [consentPopupCate, open]);
-    const handleClickAccept = () => { };
-    const handleClickReject = () => { };
-    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: 'consentPopupClick' },
-        React.createElement("div", { className: 'consentPopupClick-container', style: style },
-            React.createElement(ConsentDetail, { content: content, style: { padding: 0 } }),
-            React.createElement("button", { style: acceptButton === null || acceptButton === void 0 ? void 0 : acceptButton.style, onClick: handleClickAccept }, acceptButton === null || acceptButton === void 0 ? void 0 : acceptButton.text),
-            React.createElement("button", { style: rejectButton === null || rejectButton === void 0 ? void 0 : rejectButton.style, onClick: handleClickReject }, rejectButton === null || rejectButton === void 0 ? void 0 : rejectButton.text))))))));
-};
-export default memo(Click);

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

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

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

@@ -1,48 +0,0 @@
-import settingRender from './settingRender';
-import ClickComponent from '.';
-import { createMaterial } from '../../../../core/create';
-const Click = createMaterial(ClickComponent, {
-    displayName: 'Click Consent',
-    icon: '',
-    category: 'consentPopup',
-    type: 'Click',
-    related: {
-        settingRender,
-        bindableProps: []
-    },
-    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>',
-            acceptButton: {
-                text: 'Accept all cookies',
-                style: {
-                    backgroundColor: '#000',
-                    height: 45,
-                    color: '#fff',
-                    fontSize: 12,
-                    textAlign: 'center',
-                    marginTop: 5,
-                    marginBottom: 5
-                }
-            },
-            rejectButton: {
-                text: 'Reject all cookies',
-                style: {
-                    backgroundColor: '#000',
-                    height: 45,
-                    color: '#fff',
-                    fontSize: 12,
-                    textAlign: 'center',
-                    marginTop: 5,
-                    marginBottom: 5
-                }
-            }
-        },
-        style: {
-            backgroundColor: '#fff',
-            padding: 18
-        }
-    },
-    sort: 2
-});
-export { Click };

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

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