save the open/close state of the webchat in local storage

Author: rockwellll

dist/hellotext.js

@@ -12,6 +12,7 @@ var _hellotext = _interopRequireDefault(require("../hellotext"));
 var _webchat = require("../core/configuration/webchat");
 var _usePopover = require("./mixins/usePopover");
 var _logo_builder = require("../builders/logo_builder");
+var _locales = _interopRequireDefault(require("../locales"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -71,6 +72,9 @@ var _default = /*#__PURE__*/function (_Controller) {
       if (!_hellotext.default.business.features.white_label) {
         this.toolbarTarget.appendChild(_logo_builder.LogoBuilder.build());
       }
+      if (localStorage.getItem("hellotext--webchat--".concat(this.idValue)) === 'opened') {
+        this.openValue = true;
+      }
       _get(_getPrototypeOf(_default.prototype), "connect", this).call(this);
     }
   }, {
@@ -154,6 +158,7 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.scrolled = true;
       }
       _hellotext.default.eventEmitter.dispatch('webchat:opened');
+      localStorage.setItem("hellotext--webchat--".concat(this.idValue), 'opened');
     }
   }, {
     key: "onPopoverClosed",
@@ -162,6 +167,7 @@ var _default = /*#__PURE__*/function (_Controller) {
       setTimeout(() => {
         this.inputTarget.value = "";
       });
+      localStorage.setItem("hellotext--webchat--".concat(this.idValue), 'closed');
     }
   }, {
     key: "onMessageReaction",

lib/controllers/webchat_controller.js

@@ -9,6 +9,7 @@ import { Webchat as WebchatConfiguration, behaviors } from '../core/configuratio
 
 import { usePopover } from './mixins/usePopover'
 import { LogoBuilder } from '../builders/logo_builder'
+import locales from "../locales";
 
 export default class extends Controller {
   static values = {
@@ -80,6 +81,10 @@ export default class extends Controller {
       this.toolbarTarget.appendChild(LogoBuilder.build())
     }
 
+    if(localStorage.getItem(`hellotext--webchat--${this.idValue}`) === 'opened') {
+      this.openValue = true
+    }
+
     super.connect()
   }
 
@@ -164,6 +169,8 @@ export default class extends Controller {
     }
 
     Hellotext.eventEmitter.dispatch('webchat:opened')
+
+    localStorage.setItem(`hellotext--webchat--${this.idValue}`, 'opened')
   }
 
   onPopoverClosed() {
@@ -172,6 +179,8 @@ export default class extends Controller {
     setTimeout(() => {
       this.inputTarget.value = ""
     })
+
+    localStorage.setItem(`hellotext--webchat--${this.idValue}`, 'closed')
   }
 
   onMessageReaction(message) {