pb-sxp-ui 1.15.20-alpha.5 → 1.15.20

package/dist/index.js

@@ -714,6 +714,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
     }, [bffDataSource]);
     // bff API 请求方法
     const bffFetch = useCallback((path, options) => {
+        var _a, _b;
         if (!bffDataSource)
             return;
         const url = bffDataSource.url;
@@ -721,13 +722,49 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             const queryString = qs.stringify(options.query);
             path = `${path}?${queryString}`;
         }
+        let isTikTokChannel = false;
+        const params = {};
+        const queryString = location.search.slice(1);
+        (_a = splitUrlParams(queryString)) === null || _a === void 0 ? void 0 : _a.forEach((val) => {
+            const key = val.split('=')[0];
+            const value = val.split('=')[1];
+            params[key] = value;
+        });
+        const cl_source = params === null || params === void 0 ? void 0 : params.cl_source;
+        if (cl_source &&
+            ((_b = [
+                '40A-SPRK--DRESS_EYEWEAR-',
+                '41A-SPRK--MADRAGUE-',
+                '42A-SPRK--MOOD-',
+                '43A-SPRK--SUMMER-',
+                '44A-SPRK--DRESS_EYEWEAR-',
+                '45A-SPRK--MADRAGUE-',
+                '46A-SPRK--MOOD-',
+                '47A-SPRK--SUMMER-',
+                '48A-SPRK--DRESS_EYEWEAR-',
+                '49A-SPRK--MADRAGUE-',
+                '50A-SPRK--MOOD-',
+                '51A-SPRK--SUMMER-'
+            ]) === null || _b === void 0 ? void 0 : _b.includes(cl_source))) {
+            isTikTokChannel = true;
+        }
+        // 事件上报优化
+        // Beacon API 用于发送异步和非阻塞请求到服务器。这类请求不需要响应。
+        if (options.type === 'beacon' && navigator.sendBeacon && !isTikTokChannel) {
+            return navigator.sendBeacon(`${url}/api/${path}`, new Blob([
+                JSON.stringify({
+                    body: btoa(encodeURIComponent(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}`, {
-            headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers),
-            method: options.method,
-            body: JSON.stringify(options.body),
-            keepalive: true
-        })
+            .fetch(`${url}/api/${path}`, Object.assign({ headers: Object.assign({ 'Content-Type': 'application/json', 'x-user-id': fakeUserId }, bffDataSource.headers), method: options.method, body: isTikTokChannel
+                ? JSON.stringify({
+                    body: btoa(encodeURIComponent(JSON.stringify(options.body)))
+                })
+                : JSON.stringify(options.body) }, (isTikTokChannel && { keepalive: true })))
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);