@botpress/webchat 0.2.1 → 0.2.3

package/dist/core/socket.d.ts

@@ -3,6 +3,8 @@ import { Config } from '../typings';
 export default class BpSocket {
     socket: MessagingSocket;
     private chatId;
+    private encryptionKey;
+    private clientId;
     private waitingForUser?;
     onClear: (event: any) => void;
     onMessage: (event: any) => void;

package/dist/core/socket.js

@@ -8,8 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const messaging_socket_1 = require("@botpress/messaging-socket");
+const aes_1 = __importDefault(require("crypto-js/aes"));
+const enc_utf8_1 = __importDefault(require("crypto-js/enc-utf8"));
+const sha256_1 = __importDefault(require("crypto-js/sha256"));
 class BpSocket {
     constructor(config) {
         this.postToParent = (_type, payload) => {
@@ -18,6 +24,8 @@ class BpSocket {
             (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage(Object.assign(Object.assign({}, payload), { chatId: this.chatId }), '*');
         };
         this.chatId = config.chatId;
+        this.encryptionKey = config.encryptionKey;
+        this.clientId = config.clientId;
         this.socket = new messaging_socket_1.MessagingSocket({ url: config.messagingUrl, clientId: config.clientId });
     }
     setup() {
@@ -64,23 +72,39 @@ class BpSocket {
         });
     }
     getStorage(key) {
-        const stored = localStorage.getItem(this.getStorageKey(key));
+        var _a;
+        let stored = localStorage.getItem(this.getStorageKey(key));
         if (!stored) {
             return undefined;
         }
+        if ((_a = this.encryptionKey) === null || _a === void 0 ? void 0 : _a.length) {
+            stored = aes_1.default.decrypt(stored, this.encryptionKey).toString(enc_utf8_1.default);
+        }
         try {
             const val = JSON.parse(stored);
             return val;
         }
-        catch (_a) {
+        catch (_b) {
             return undefined;
         }
     }
     setStorage(key, object) {
-        localStorage.setItem(this.getStorageKey(key), JSON.stringify(object));
+        var _a;
+        let string = JSON.stringify(object);
+        if ((_a = this.encryptionKey) === null || _a === void 0 ? void 0 : _a.length) {
+            string = aes_1.default.encrypt(string, this.encryptionKey).toString();
+        }
+        localStorage.setItem(this.getStorageKey(key), string);
     }
     getStorageKey(key) {
-        return `bp-chat-${key}`;
+        var _a;
+        const rawKey = `bp-chat-${key}`;
+        if ((_a = this.encryptionKey) === null || _a === void 0 ? void 0 : _a.length) {
+            return `${rawKey}-${(0, sha256_1.default)(`${this.clientId}-${this.encryptionKey}`).toString()}`;
+        }
+        else {
+            return `${rawKey}-${this.clientId}`;
+        }
     }
 }
 exports.default = BpSocket;

package/dist/typings.d.ts

@@ -206,6 +206,8 @@ export interface Config {
     chatId?: string;
     /** CSS class to be applied to iframe */
     className?: string;
+    /** Key used to encrypt data in the localStorage */
+    encryptionKey?: string;
 }
 export declare type OverridableComponents = 'below_conversation' | 'before_container' | 'composer';
 export interface Overrides {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "source": "src/index.tsx",
@@ -14,6 +14,7 @@
     "dist"
   ],
   "devDependencies": {
+    "@types/crypto-js": "^4.1.1",
     "@types/lodash": "^4.14.178",
     "@types/mime": "^2.0.3",
     "@types/node": "^16.11.13",
@@ -31,6 +32,7 @@
     "@juggle/resize-observer": "^3.0.2",
     "axios": "^0.25.0",
     "classnames": "^2.3.1",
+    "crypto-js": "^4.1.1",
     "date-fns": "^1.30.1",
     "lodash": "^4.17.21",
     "mime": "^3.0.0",