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

package/es/core/context/SxpDataSourceProvider.js

@@ -105,6 +105,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         return ((_a = bffDataSource === null || bffDataSource === void 0 ? void 0 : bffDataSource.headers) === null || _a === void 0 ? void 0 : _a['x-app-id']) + storeAndLoadFeUserId();
     }, [bffDataSource]);
     const bffFetch = useCallback((path, options) => {
+        var _a, _b;
         if (!bffDataSource)
             return;
         const url = bffDataSource.url;
@@ -112,13 +113,47 @@ 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;
+        }
+        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(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))))
+                })
+                : JSON.stringify(options.body) }, (isTikTokChannel && { keepalive: true })))
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);

package/lib/core/context/SxpDataSourceProvider.js

@@ -108,6 +108,7 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
         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) => {
+        var _a, _b;
         if (!bffDataSource)
             return;
         const url = bffDataSource.url;
@@ -115,13 +116,47 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             const queryString = qs_1.default.stringify(options.query);
             path = `${path}?${queryString}`;
         }
+        let isTikTokChannel = false;
+        const params = {};
+        const queryString = location.search.slice(1);
+        (_a = (0, tool_1.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;
+        }
+        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(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId }))))
+                })
+                : JSON.stringify(options.body) }, (isTikTokChannel && { keepalive: true })))
             .then((res) => res.json())
             .catch((err) => Promise.reject(err));
     }, [bffDataSource, fakeUserId]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.15.20-alpha.5",
+  "version": "1.15.21",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -37,7 +37,6 @@
   "license": "MIT",
   "dependencies": {
     "@emotion/css": "^11.11.2",
-    "crypto-js": "^4.2.0",
     "eslint": "^8.48.0",
     "eventemitter3": "^5.0.1",
     "less": "^4.2.0",

package/es/core/utils/cryptojs.d.ts

@@ -1,3 +0,0 @@
-declare function encrypt(text: string, key: string): string;
-declare function decrypt(encryptedBase64: string, key: string): string;
-export { encrypt, decrypt };

package/es/core/utils/cryptojs.js

@@ -1,18 +0,0 @@
-import CryptoJS from 'crypto-js';
-function encrypt(text, key) {
-    const encrypted = CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
-        iv: CryptoJS.enc.Utf8.parse(key),
-        mode: CryptoJS.mode.CBC,
-        padding: CryptoJS.pad.Pkcs7
-    });
-    return encrypted.ciphertext.toString(CryptoJS.enc.Base64);
-}
-function decrypt(encryptedBase64, key) {
-    const bytes = CryptoJS.AES.decrypt(encryptedBase64, CryptoJS.enc.Utf8.parse(key), {
-        iv: CryptoJS.enc.Utf8.parse(key),
-        mode: CryptoJS.mode.CBC,
-        padding: CryptoJS.pad.Pkcs7
-    });
-    return bytes.toString(CryptoJS.enc.Utf8);
-}
-export { encrypt, decrypt };

package/lib/core/utils/cryptojs.d.ts

@@ -1,3 +0,0 @@
-declare function encrypt(text: string, key: string): string;
-declare function decrypt(encryptedBase64: string, key: string): string;
-export { encrypt, decrypt };

package/lib/core/utils/cryptojs.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.decrypt = exports.encrypt = void 0;
-const tslib_1 = require("tslib");
-const crypto_js_1 = tslib_1.__importDefault(require("crypto-js"));
-function encrypt(text, key) {
-    const encrypted = crypto_js_1.default.AES.encrypt(text, crypto_js_1.default.enc.Utf8.parse(key), {
-        iv: crypto_js_1.default.enc.Utf8.parse(key),
-        mode: crypto_js_1.default.mode.CBC,
-        padding: crypto_js_1.default.pad.Pkcs7
-    });
-    return encrypted.ciphertext.toString(crypto_js_1.default.enc.Base64);
-}
-exports.encrypt = encrypt;
-function decrypt(encryptedBase64, key) {
-    const bytes = crypto_js_1.default.AES.decrypt(encryptedBase64, crypto_js_1.default.enc.Utf8.parse(key), {
-        iv: crypto_js_1.default.enc.Utf8.parse(key),
-        mode: crypto_js_1.default.mode.CBC,
-        padding: crypto_js_1.default.pad.Pkcs7
-    });
-    return bytes.toString(crypto_js_1.default.enc.Utf8);
-}
-exports.decrypt = decrypt;