pb-sxp-ui 1.12.3 → 1.13.0

package/dist/pb-ui.js

@@ -232,70 +232,6 @@
         }
         return content;
     };
-    function getBrowserInfo() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        let userAgent = self.navigator.userAgent;
-        if (!userAgent)
-            return null;
-        if (/edge\/([\d\.]+)/i.exec(userAgent))
-            return `Edge ${(_a = /edge\/([\d\.]+)/i.exec(userAgent)) === null || _a === void 0 ? void 0 : _a[1]}`;
-        if (/edg\/([\d\.]+)/i.exec(userAgent))
-            return `Edge(Chromium) ${(_b = /edge\/([\d\.]+)/i.exec(userAgent)) === null || _b === void 0 ? void 0 : _b[1]}`;
-        if (/msie/i.test(userAgent))
-            return `Internet Explorer ${(_c = /msie ([\d\.]+)/i.exec(userAgent)) === null || _c === void 0 ? void 0 : _c[1]}`;
-        if (/Trident/i.test(userAgent))
-            return `Internet Explorer ${(_d = /rv:([\d\.]+)/i.exec(userAgent)) === null || _d === void 0 ? void 0 : _d[1]}`;
-        if (/chrome/i.test(userAgent))
-            return `Chrome ${(_e = /chrome\/([\d\.]+)/i.exec(userAgent)) === null || _e === void 0 ? void 0 : _e[1]}`;
-        if (/firefox/i.test(userAgent))
-            return `Firefox ${(_f = /firefox\/([\d\.]+)/i.exec(userAgent)) === null || _f === void 0 ? void 0 : _f[1]}`;
-        if (/safari/i.test(userAgent))
-            return `Safari ${(_g = /version\/([\d\.]+)/i.exec(userAgent)) === null || _g === void 0 ? void 0 : _g[1]}`;
-        return null;
-    }
-    function getSystem() {
-        var _a, _b, _c;
-        let userAgent = self.navigator.userAgent;
-        if (!userAgent)
-            return null;
-        if (/iphone/i.test(userAgent))
-            return `IOS ${(_a = userAgent.match(/OS\s(.*?)\slike/)) === null || _a === void 0 ? void 0 : _a[1]}`;
-        if (/android/i.test(userAgent))
-            return `Android ${(_b = userAgent.match(/Android\s(.*?)\;/)) === null || _b === void 0 ? void 0 : _b[1]}`;
-        if (/windows/i.test(userAgent))
-            return `Windows ${(_c = userAgent.match(/Windows\s(.*?)\;/)) === null || _c === void 0 ? void 0 : _c[1]}`;
-        if (/mac/i.test(userAgent))
-            return `Mac OS`;
-        return null;
-    }
-    function getDevice$1() {
-        let userAgent = self.navigator.userAgent;
-        if (!userAgent)
-            return null;
-        if (/iphone/i.test(userAgent))
-            return `iPhone`;
-        if (/android/i.test(userAgent)) {
-            // var index1 = userAgent.indexOf(';');
-            // var index2 = userAgent.indexOf(';', index1 + 1);
-            // var index3 = userAgent.indexOf(';', index2 + 1);
-            // var index4 = userAgent.indexOf(';', index3 + 1);
-            // if (index2 !== -1 && index3 !== -1) {
-            //   var value1 = userAgent.substring(index3 + 1, index4);
-            //   return `${value1}`;
-            // }
-            var index1 = userAgent.indexOf('(');
-            var index2 = userAgent.indexOf(')');
-            if (index1 !== -1 && index2 !== -1) {
-                var value = userAgent.substring(index1 + 1, index2);
-                return `${value}`;
-            }
-        }
-        if (/windows/i.test(userAgent))
-            return `Windows`;
-        if (/mac/i.test(userAgent))
-            return `Mac`;
-        return null;
-    }
     function getCookie(val) {
         // const expirationDate = new Date();
         // expirationDate.setDate(expirationDate.getDate() + 100);
@@ -734,12 +670,15 @@
         const bffDataSource = React.useMemo(() => {
             return dataSources === null || dataSources === void 0 ? void 0 : dataSources.find((d) => d.type === DataSourceType.BFF);
         }, [dataSources]);
+        const fakeUserId = React.useMemo(() => {
+            var _a;
+            return ((_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']) + storeAndLoadFeUserId();
+        }, [bffDataSource]);
         // bff API 请求方法
         const bffFetch = React.useCallback((path, options) => {
             if (!bffDataSource)
                 return;
             const url = bffDataSource.url;
-            const fakeUserId = storeAndLoadFeUserId();
             if (options === null || options === void 0 ? void 0 : options.query) {
                 const queryString = qs.stringify(options.query);
                 path = `${path}?${queryString}`;
@@ -747,19 +686,19 @@
             // 事件上报优化
             // Beacon API 用于发送异步和非阻塞请求到服务器。这类请求不需要响应。
             if (options.type === 'beacon' && navigator.sendBeacon) {
-                return navigator.sendBeacon(`${url}/api/v1${path}`, new Blob([
+                return navigator.sendBeacon(`${url}/api/${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/v1${path}`, {
+                .fetch(`${url}/api/${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]);
+        }, [bffDataSource, fakeUserId]);
         // 获取推荐视频数据
         const getRecommendVideos = React.useCallback((query) => __awaiter(void 0, void 0, void 0, function* () {
             var _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
@@ -797,7 +736,7 @@
                 const recurveRecList = (query) => __awaiter(void 0, void 0, void 0, function* () {
                     var _v, _w, _x, _y, _z, _0;
                     query.pageNum = pageNum;
-                    result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/list', { method: 'POST', body: query }));
+                    result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/list', { method: 'POST', body: query }));
                     if (!(result === null || result === void 0 ? void 0 : result.success)) {
                         return undefined;
                     }
@@ -819,7 +758,7 @@
             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('/recommend/list', { method: 'POST', body: query }));
+            const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/list', { method: 'POST', body: query }));
             if (!(result === null || result === void 0 ? void 0 : result.success)) {
                 return undefined;
             }
@@ -869,6 +808,7 @@
             return expire;
         }, [data]);
         const bffEventReport = React.useCallback(({ userInfo, eventInfo, reportLayId = true }) => {
+            var _a;
             // 关闭 BFF 事件上报
             if (!enableReportEvent || (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview)) {
                 return;
@@ -881,7 +821,7 @@
                 };
             }
             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 ef = Object.assign(Object.assign(Object.assign(Object.assign({ sessionID, rtc: curReqInfo.rtc, requestId: curReqInfo.requestId }, { playbookType }), (layoutVariantId && reportLayId && { layoutVariantId })), eventInfo), ((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 }));
             const realEventInfo = Object.entries(ef)
                 .map(([k, v]) => v && { name: k, value: v })
@@ -890,14 +830,23 @@
             console.log('userInfo:', userInfo);
             console.log('eventInfo:', ef);
             console.log('========= 结束 =========');
-            return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/event/report', {
+            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}`, {
                 method: 'POST',
                 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,
+            bffDataSource
+        ]);
         const bffFbReport = React.useCallback(({ eventName, product }) => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             if (!enableReportEvent ||
                 !enabledMetaConversionApi ||
                 (globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview) ||
@@ -909,7 +858,7 @@
             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: storeAndLoadFeUserId(),
+                external_id: fakeUserId,
                 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: getCookie('_fbp') ? `fb.2.${new Date().getTime()}.${getCookie('_fbp')}` : '',
@@ -961,22 +910,30 @@
                 }
             };
             getEventParams(jsonParams);
-            return bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/fb/events', {
+            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}`, {
                 method: 'POST',
                 body: jsonParams,
                 type: 'beacon'
             });
-        }, [bffFetch, enableReportEvent, enabledMetaConversionApi, globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview, globalConfig]);
+        }, [
+            bffFetch,
+            enableReportEvent,
+            enabledMetaConversionApi,
+            globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.enablePreview,
+            globalConfig,
+            fakeUserId,
+            bffDataSource
+        ]);
         const bffMutateLike = React.useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
-            const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/like', { method: 'POST', body }));
+            const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/like', { method: 'POST', body }));
             return res === null || res === void 0 ? void 0 : res.success;
         }), [bffFetch]);
         const bffMutateUnlike = React.useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
-            const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/recommend/unlike', { method: 'POST', body }));
+            const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/recommend/unlike', { method: 'POST', body }));
             return res === null || res === void 0 ? void 0 : res.success;
         }), [bffFetch]);
         const bffSubmitForm = React.useCallback((body) => __awaiter(void 0, void 0, void 0, function* () {
-            const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('/customform', { method: 'POST', body }));
+            const res = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/customform', { method: 'POST', body }));
             return res === null || res === void 0 ? void 0 : res.success;
         }), [bffFetch]);
         // 获取 Tag
@@ -991,7 +948,7 @@
                     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('/tag/list', { method: 'GET', query: { channel: decodeURIComponent(val) } }));
+                const result = yield (bffFetch === null || bffFetch === void 0 ? void 0 : bffFetch('v1/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) {
@@ -1065,10 +1022,10 @@
                     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);
@@ -10155,7 +10112,7 @@
      * @Author: binruan@chatlabs.com
      * @Date: 2024-03-20 14:56:16
      * @LastEditors: binruan@chatlabs.com
-     * @LastEditTime: 2024-10-24 17:51:19
+     * @LastEditTime: 2024-12-20 14:32:26
      * @FilePath: \pb-sxp-ui\src\core\utils\materials.ts
      *
      */
@@ -10193,14 +10150,16 @@
     };
     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 = (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 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 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.toString();
+        let decPic = price === null || price === void 0 ? void 0 : price.toString();
         if (priceSymbol === null || priceSymbol === void 0 ? void 0 : priceSymbol.showTwoDecimalPoint) {
             decPic = price === null || price === void 0 ? void 0 : price.toFixed(2);
         }
@@ -12018,7 +11977,7 @@ Made in Italy` })));
      * @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
      *
      */
@@ -12032,32 +11991,16 @@ Made in Italy` })));
                     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',
@@ -18962,7 +18905,7 @@ Made in Italy` })));
      * @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
      *
      */