add cache name prop

Author: LucasBassetti

README.md

@@ -42,6 +42,12 @@ ReactDOM.render(
 );
 ```
 
+## React Simple Chatbot on midia
+
+1. [webdesignerdepot](https://www.webdesignerdepot.com/2017/08/whats-new-for-designers-august-2017/)
+2. [blogduwebdesign](http://www.blogduwebdesign.com/webdesign/ressources-web-du-lundi-aout-164/2507)
+3. [codrops](https://tympanus.net/codrops/collective/collective-335/)
+
 ## Build with `react-simple-chatbot`
 
 1. [Seth Loh Website](https://github.com/lackdaz/lackdaz.github.io) - Personal website of Seth Loh ([demo](https://www.sethloh.com))

lib/ChatBot.jsx

@@ -49,6 +49,8 @@ class ChatBot extends Component {
     const {
       botDelay,
       botAvatar,
+      cache,
+      cacheName,
       customDelay,
       userAvatar,
       userDelay,
@@ -86,7 +88,8 @@ class ChatBot extends Component {
       previousSteps,
       renderedSteps,
     } = storage.getData({
-      cache: this.props.cache,
+      cacheName,
+      cache,
       firstStep: this.props.steps[0],
       steps,
     }, () => {
@@ -215,9 +218,10 @@ class ChatBot extends Component {
       });
     }
 
-    if (this.props.cache) {
+    const { cache, cacheName } = this.props;
+    if (cache) {
       setTimeout(() => {
-        storage.setData({
+        storage.setData(cacheName, {
           currentStep,
           previousStep,
           previousSteps,
@@ -547,6 +551,7 @@ ChatBot.propTypes = {
   botDelay: PropTypes.number,
   bubbleStyle: PropTypes.object,
   cache: PropTypes.bool,
+  cacheName: PropTypes.string,
   className: PropTypes.string,
   contentStyle: PropTypes.object,
   customDelay: PropTypes.number,
@@ -576,6 +581,7 @@ ChatBot.defaultProps = {
   botDelay: 1000,
   bubbleStyle: {},
   cache: false,
+  cacheName: 'rsc_cache',
   className: '',
   contentStyle: {},
   customStyle: {},

lib/storage.js

@@ -1,14 +1,14 @@
 const JSON = require('circular-json');
 
 /* istanbul ignore next */
-const getData = ({ cache, firstStep, steps }, callback) => {
+const getData = ({ cacheName, cache, firstStep, steps }, callback) => {
   const currentStep = firstStep;
   const renderedSteps = [steps[currentStep.id]];
   const previousSteps = [steps[currentStep.id]];
   const previousStep = {};
 
-  if (cache && localStorage.getItem('rsc_cache')) {
-    const data = JSON.parse(localStorage.getItem('rsc_cache'));
+  if (cache && localStorage.getItem(cacheName)) {
+    const data = JSON.parse(localStorage.getItem(cacheName));
     const lastStep = data.renderedSteps[data.renderedSteps.length - 1];
 
     if (lastStep && lastStep.end) {
@@ -47,8 +47,8 @@ const getData = ({ cache, firstStep, steps }, callback) => {
 };
 
 /* istanbul ignore next */
-const setData = (data) => {
-  localStorage.setItem('rsc_cache', JSON.stringify(data));
+const setData = (cacheName, data) => {
+  localStorage.setItem(cacheName, JSON.stringify(data));
 };
 
 export {