pb-sxp-ui 1.15.20-alpha.1 → 1.15.20-alpha.2

package/es/core/context/SxpDataSourceProvider.js

@@ -8,6 +8,7 @@ import { useIconLink } from '../components/SxpPageRender/useIconLink';
 import SXP_EVENT_BUS, { SXP_EVENT_TYPE } from '../utils/event';
 import Consent from '../components/Consent';
 import { getCookie, splitUrlParams } from '../utils/tool';
+import { encrypt } from '../utils/cryptojs';
 export const SxpDataSourceContext = createContext({
     rtcList: [],
     tagList: []
@@ -112,6 +113,13 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             const queryString = qs.stringify(options.query);
             path = `${path}?${queryString}`;
         }
+        if (options.type === 'beacon' && navigator.sendBeacon) {
+            return navigator.sendBeacon(`${url}/api/${path}`, new Blob([
+                encrypt(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId })), 'dcAR82I0b8sgwCku')
+            ], {
+                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),

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,18 @@
+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/context/SxpDataSourceProvider.js

@@ -11,6 +11,7 @@ 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 cryptojs_1 = require("../utils/cryptojs");
 exports.SxpDataSourceContext = (0, react_1.createContext)({
     rtcList: [],
     tagList: []
@@ -115,6 +116,13 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             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([
+                (0, cryptojs_1.encrypt)(JSON.stringify(Object.assign(Object.assign(Object.assign({}, options.body), bffDataSource.headers), { 'x-user-id': fakeUserId })), 'dcAR82I0b8sgwCku')
+            ], {
+                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),

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,23 @@
+"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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.15.20-alpha.1",
+  "version": "1.15.20-alpha.2",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -37,6 +37,7 @@
   "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",