@plusscommunities/pluss-core-web 1.4.30 → 1.4.31

package/dist/index.cjs.js

@@ -1096,48 +1096,15 @@ var getPluralOptions = function getPluralOptions(count, singular, plural) {
 };
 
 var setChatUser = function setChatUser(auth) {
-  if (!window.tidioChatApi || !window.tidioChatApi.setVisitorData) {
-    setTimeout(function () {
-      setChatUser(auth);
-    }, 1000);
-    return;
-  }
-
-  if (!auth.user) {
-    return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-      name: undefined,
-      email: undefined,
-      phone: undefined,
-      site: undefined,
-      company: CoreConfig.env.clientName,
-      distinct_id: undefined
-    });
-  }
+  return;
+}; // deprecated
 
-  return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-    name: "".concat(auth.user.displayName, " - ").concat(CoreConfig.env.clientName, " ").concat(auth.site),
-    email: auth.user.email,
-    phone: auth.user.phoneNumber,
-    site: auth.site,
-    userType: auth.auth,
-    company: CoreConfig.env.clientName,
-    distinct_id: auth.user.Id
-  });
-};
 var openChat = function openChat() {
-  window.tidioChatApi.display(true);
-  window.tidioChatApi.open();
-};
+  return;
+}; // deprecated
+
 var hideChat = function hideChat() {
-  if (window.tidioChatApi && window.tidioChatApi.display) {
-    setTimeout(function () {
-      window.tidioChatApi.display(false);
-    }, 1000);
-  } else {
-    setTimeout(function () {
-      hideChat();
-    }, 1000);
-  }
+  return;
 };
 
 // api
@@ -6847,11 +6814,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
             onDrop: function onDrop(files) {
               return _this6.onDrop(files, true);
             }
-          }, function (_ref8) {
-            var getRootProps = _ref8.getRootProps;
+          }, function (state) {
+            var getRootProps = state.getRootProps,
+                getInputProps = state.getInputProps;
             return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
               className: "imageInput_buttonContainer-simple"
-            }, getRootProps()), /*#__PURE__*/React__default['default'].createElement(Button, {
+            }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement(Button, {
               buttonType: "secondary",
               className: "imageInput_button imageInput_button-simple",
               disabled: true
@@ -6899,13 +6867,14 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         disabled: this.props.disabled,
         accept: this.getAccept(),
         onDrop: this.onDrop
-      }, function (_ref9) {
-        var getRootProps = _ref9.getRootProps,
-            isDragActive = _ref9.isDragActive;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps,
+            isDragActive = state.isDragActive;
         return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
           style: _objectSpread$a({}, _this6.props.style),
           className: "imageInput_upload ".concat(_this6.getErrorState())
-        }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement("div", {
           className: "".concat(isDragActive ? 'imageInput_dropZoneActive' : '', " ").concat(_this6.props.horizontalText ? ' imageInput_horizontalText' : '')
         }, !_this6.props.simpleStyle && /*#__PURE__*/React__default['default'].createElement("img", {
           src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7149,15 +7118,16 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         onDrop: function onDrop(files) {
           return _this12.onDrop(files, true);
         }
-      }, function (_ref10) {
-        var getRootProps = _ref10.getRootProps,
-            isDragActive = _ref10.isDragActive;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps,
+            isDragActive = state.isDragActive;
         return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
           style: {
             padding: '15px'
           },
           className: "imageInput_upload folder ".concat(_this12.getErrorState())
-        }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement("div", {
           className: isDragActive ? 'imageInput_dropZoneActive' : ''
         }, /*#__PURE__*/React__default['default'].createElement("img", {
           src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7251,11 +7221,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         onDrop: function onDrop(files) {
           return _this15.onDrop(files, true);
         }
-      }, function (_ref11) {
-        var getRootProps = _ref11.getRootProps;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps;
         return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, getRootProps(), {
           className: "imageInputRight_button"
-        }), /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+        }), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
           className: "imageInputRight_button_icon",
           name: "plus-circle"
         }), /*#__PURE__*/React__default['default'].createElement("p", {

package/dist/index.esm.js

@@ -1066,48 +1066,15 @@ var getPluralOptions = function getPluralOptions(count, singular, plural) {
 };
 
 var setChatUser = function setChatUser(auth) {
-  if (!window.tidioChatApi || !window.tidioChatApi.setVisitorData) {
-    setTimeout(function () {
-      setChatUser(auth);
-    }, 1000);
-    return;
-  }
-
-  if (!auth.user) {
-    return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-      name: undefined,
-      email: undefined,
-      phone: undefined,
-      site: undefined,
-      company: CoreConfig.env.clientName,
-      distinct_id: undefined
-    });
-  }
+  return;
+}; // deprecated
 
-  return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-    name: "".concat(auth.user.displayName, " - ").concat(CoreConfig.env.clientName, " ").concat(auth.site),
-    email: auth.user.email,
-    phone: auth.user.phoneNumber,
-    site: auth.site,
-    userType: auth.auth,
-    company: CoreConfig.env.clientName,
-    distinct_id: auth.user.Id
-  });
-};
 var openChat = function openChat() {
-  window.tidioChatApi.display(true);
-  window.tidioChatApi.open();
-};
+  return;
+}; // deprecated
+
 var hideChat = function hideChat() {
-  if (window.tidioChatApi && window.tidioChatApi.display) {
-    setTimeout(function () {
-      window.tidioChatApi.display(false);
-    }, 1000);
-  } else {
-    setTimeout(function () {
-      hideChat();
-    }, 1000);
-  }
+  return;
 };
 
 // api
@@ -6817,11 +6784,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
             onDrop: function onDrop(files) {
               return _this6.onDrop(files, true);
             }
-          }, function (_ref8) {
-            var getRootProps = _ref8.getRootProps;
+          }, function (state) {
+            var getRootProps = state.getRootProps,
+                getInputProps = state.getInputProps;
             return /*#__PURE__*/React.createElement("div", _extends({
               className: "imageInput_buttonContainer-simple"
-            }, getRootProps()), /*#__PURE__*/React.createElement(Button, {
+            }, getRootProps()), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement(Button, {
               buttonType: "secondary",
               className: "imageInput_button imageInput_button-simple",
               disabled: true
@@ -6869,13 +6837,14 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         disabled: this.props.disabled,
         accept: this.getAccept(),
         onDrop: this.onDrop
-      }, function (_ref9) {
-        var getRootProps = _ref9.getRootProps,
-            isDragActive = _ref9.isDragActive;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps,
+            isDragActive = state.isDragActive;
         return /*#__PURE__*/React.createElement("div", _extends({
           style: _objectSpread$a({}, _this6.props.style),
           className: "imageInput_upload ".concat(_this6.getErrorState())
-        }, getRootProps()), /*#__PURE__*/React.createElement("div", {
+        }, getRootProps()), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement("div", {
           className: "".concat(isDragActive ? 'imageInput_dropZoneActive' : '', " ").concat(_this6.props.horizontalText ? ' imageInput_horizontalText' : '')
         }, !_this6.props.simpleStyle && /*#__PURE__*/React.createElement("img", {
           src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7119,15 +7088,16 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         onDrop: function onDrop(files) {
           return _this12.onDrop(files, true);
         }
-      }, function (_ref10) {
-        var getRootProps = _ref10.getRootProps,
-            isDragActive = _ref10.isDragActive;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps,
+            isDragActive = state.isDragActive;
         return /*#__PURE__*/React.createElement("div", _extends({
           style: {
             padding: '15px'
           },
           className: "imageInput_upload folder ".concat(_this12.getErrorState())
-        }, getRootProps()), /*#__PURE__*/React.createElement("div", {
+        }, getRootProps()), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement("div", {
           className: isDragActive ? 'imageInput_dropZoneActive' : ''
         }, /*#__PURE__*/React.createElement("img", {
           src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7221,11 +7191,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         onDrop: function onDrop(files) {
           return _this15.onDrop(files, true);
         }
-      }, function (_ref11) {
-        var getRootProps = _ref11.getRootProps;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps;
         return /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
           className: "imageInputRight_button"
-        }), /*#__PURE__*/React.createElement(FontAwesome, {
+        }), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement(FontAwesome, {
           className: "imageInputRight_button_icon",
           name: "plus-circle"
         }), /*#__PURE__*/React.createElement("p", {

package/dist/index.umd.js

@@ -1064,48 +1064,15 @@
   };
 
   var setChatUser = function setChatUser(auth) {
-    if (!window.tidioChatApi || !window.tidioChatApi.setVisitorData) {
-      setTimeout(function () {
-        setChatUser(auth);
-      }, 1000);
-      return;
-    }
-
-    if (!auth.user) {
-      return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-        name: undefined,
-        email: undefined,
-        phone: undefined,
-        site: undefined,
-        company: CoreConfig.env.clientName,
-        distinct_id: undefined
-      });
-    }
+    return;
+  }; // deprecated
 
-    return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-      name: "".concat(auth.user.displayName, " - ").concat(CoreConfig.env.clientName, " ").concat(auth.site),
-      email: auth.user.email,
-      phone: auth.user.phoneNumber,
-      site: auth.site,
-      userType: auth.auth,
-      company: CoreConfig.env.clientName,
-      distinct_id: auth.user.Id
-    });
-  };
   var openChat = function openChat() {
-    window.tidioChatApi.display(true);
-    window.tidioChatApi.open();
-  };
+    return;
+  }; // deprecated
+
   var hideChat = function hideChat() {
-    if (window.tidioChatApi && window.tidioChatApi.display) {
-      setTimeout(function () {
-        window.tidioChatApi.display(false);
-      }, 1000);
-    } else {
-      setTimeout(function () {
-        hideChat();
-      }, 1000);
-    }
+    return;
   };
 
   // api
@@ -6815,11 +6782,12 @@
               onDrop: function onDrop(files) {
                 return _this6.onDrop(files, true);
               }
-            }, function (_ref8) {
-              var getRootProps = _ref8.getRootProps;
+            }, function (state) {
+              var getRootProps = state.getRootProps,
+                  getInputProps = state.getInputProps;
               return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
                 className: "imageInput_buttonContainer-simple"
-              }, getRootProps()), /*#__PURE__*/React__default['default'].createElement(Button, {
+              }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement(Button, {
                 buttonType: "secondary",
                 className: "imageInput_button imageInput_button-simple",
                 disabled: true
@@ -6867,13 +6835,14 @@
           disabled: this.props.disabled,
           accept: this.getAccept(),
           onDrop: this.onDrop
-        }, function (_ref9) {
-          var getRootProps = _ref9.getRootProps,
-              isDragActive = _ref9.isDragActive;
+        }, function (state) {
+          var getRootProps = state.getRootProps,
+              getInputProps = state.getInputProps,
+              isDragActive = state.isDragActive;
           return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
             style: _objectSpread$a({}, _this6.props.style),
             className: "imageInput_upload ".concat(_this6.getErrorState())
-          }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("div", {
+          }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement("div", {
             className: "".concat(isDragActive ? 'imageInput_dropZoneActive' : '', " ").concat(_this6.props.horizontalText ? ' imageInput_horizontalText' : '')
           }, !_this6.props.simpleStyle && /*#__PURE__*/React__default['default'].createElement("img", {
             src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7117,15 +7086,16 @@
           onDrop: function onDrop(files) {
             return _this12.onDrop(files, true);
           }
-        }, function (_ref10) {
-          var getRootProps = _ref10.getRootProps,
-              isDragActive = _ref10.isDragActive;
+        }, function (state) {
+          var getRootProps = state.getRootProps,
+              getInputProps = state.getInputProps,
+              isDragActive = state.isDragActive;
           return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
             style: {
               padding: '15px'
             },
             className: "imageInput_upload folder ".concat(_this12.getErrorState())
-          }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("div", {
+          }, getRootProps()), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement("div", {
             className: isDragActive ? 'imageInput_dropZoneActive' : ''
           }, /*#__PURE__*/React__default['default'].createElement("img", {
             src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7219,11 +7189,12 @@
           onDrop: function onDrop(files) {
             return _this15.onDrop(files, true);
           }
-        }, function (_ref11) {
-          var getRootProps = _ref11.getRootProps;
+        }, function (state) {
+          var getRootProps = state.getRootProps,
+              getInputProps = state.getInputProps;
           return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, getRootProps(), {
             className: "imageInputRight_button"
-          }), /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+          }), /*#__PURE__*/React__default['default'].createElement("input", getInputProps()), /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
             className: "imageInputRight_button_icon",
             name: "plus-circle"
           }), /*#__PURE__*/React__default['default'].createElement("p", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.4.30",
+  "version": "1.4.31",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/index.cjs.js",
   "scripts": {
@@ -37,7 +37,7 @@
     "lodash": "^4.17.4",
     "moment": "^2.18.1",
     "react": "^16.14.0",
-    "react-dropzone": "^14.2.2",
+    "react-dropzone": "^14.2.3",
     "react-fontawesome": "^1.6.1",
     "react-redux": "^5.0.6",
     "react-router-dom": "^4.2.2",

package/src/components/ImageInput.js

@@ -535,13 +535,18 @@ class ImageInputComponent extends Component {
               }}
             >
               <Dropzone disabled={this.props.disabled} accept={this.getAccept()} onDrop={(files) => this.onDrop(files, true)}>
-                {({ getRootProps }) => (
-                  <div className="imageInput_buttonContainer-simple" {...getRootProps()}>
-                    <Button buttonType="secondary" className="imageInput_button imageInput_button-simple" disabled>
-                      Change image
-                    </Button>
-                  </div>
-                )}
+                {(state) => {
+                  const { getRootProps, getInputProps } = state;
+
+                  return (
+                    <div className="imageInput_buttonContainer-simple" {...getRootProps()}>
+                      <input {...getInputProps()} />
+                      <Button buttonType="secondary" className="imageInput_button imageInput_button-simple" disabled>
+                        Change image
+                      </Button>
+                    </div>
+                  );
+                }}
               </Dropzone>
             </div>
           </div>
@@ -582,9 +587,11 @@ class ImageInputComponent extends Component {
     return (
       <div key={index} className={this.getClassNames(input, inputsLength)} style={{ ...this.props.style }}>
         <Dropzone disabled={this.props.disabled} accept={this.getAccept()} onDrop={this.onDrop}>
-          {({ getRootProps, isDragActive }) => {
+          {(state) => {
+            const { getRootProps, getInputProps, isDragActive } = state;
             return (
               <div style={{ ...this.props.style }} className={`imageInput_upload ${this.getErrorState()}`} {...getRootProps()}>
+                <input {...getInputProps()} />
                 <div
                   className={`${isDragActive ? 'imageInput_dropZoneActive' : ''} ${
                     this.props.horizontalText ? ' imageInput_horizontalText' : ''
@@ -805,9 +812,11 @@ class ImageInputComponent extends Component {
           <div>
             {this.canAddImageToLibrary() && (
               <Dropzone disabled={this.props.disabled} accept={this.getAccept()} onDrop={(files) => this.onDrop(files, true)}>
-                {({ getRootProps, isDragActive }) => {
+                {(state) => {
+                  const { getRootProps, getInputProps, isDragActive } = state;
                   return (
                     <div style={{ padding: '15px' }} className={`imageInput_upload folder ${this.getErrorState()}`} {...getRootProps()}>
+                      <input {...getInputProps()} />
                       <div className={isDragActive ? 'imageInput_dropZoneActive' : ''}>
                         <img
                           src="https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg"
@@ -899,23 +908,17 @@ class ImageInputComponent extends Component {
     return (
       <div className="imageInputRight">
         <Dropzone disabled={this.props.disabled} accept={this.getAccept()} onDrop={(files) => this.onDrop(files, true)}>
-          {({ getRootProps }) => (
-            <div {...getRootProps()} className="imageInputRight_button">
-              <FontAwesome className="imageInputRight_button_icon" name="plus-circle" />
-              <p className="imageInputRight_button_text">Upload File</p>
-            </div>
-          )}
-        </Dropzone>
-        {/* <Dropzone onDrop={(files) => this.onDrop(files, true)}>{({ getRootProps, getInputProps }) => (
-            <div {...getRootProps({ disabled: this.props.disabled, accept: this.getAccept(), className: 'imageInputRight_button' })}>
-              <div className="imageInputRight_button">
+          {(state) => {
+            const { getRootProps, getInputProps } = state;
+            return (
+              <div {...getRootProps()} className="imageInputRight_button">
                 <input {...getInputProps()} />
                 <FontAwesome className="imageInputRight_button_icon" name="plus-circle" />
                 <p className="imageInputRight_button_text">Upload File</p>
               </div>
-            </div>
-          )}
-        </Dropzone> */}
+            );
+          }}
+        </Dropzone>
         <div
           className="imageInputRight_button"
           onClick={() => {

package/src/helper/HelpDeskWidget.js

@@ -1,52 +1,16 @@
 import Config from '../config';
 
+// deprecated
 export const setChatUser = (auth) => {
-  if (!window.tidioChatApi || !window.tidioChatApi.setVisitorData) {
-    setTimeout(() => {
-      setChatUser(auth);
-    }, 1000);
-    return;
-  }
-  if (!auth.user) {
-    return (
-      window.tidioChatApi &&
-      window.tidioChatApi.setVisitorData({
-        name: undefined,
-        email: undefined,
-        phone: undefined,
-        site: undefined,
-        company: Config.env.clientName,
-        distinct_id: undefined,
-      })
-    );
-  }
-  return (
-    window.tidioChatApi &&
-    window.tidioChatApi.setVisitorData({
-      name: `${auth.user.displayName} - ${Config.env.clientName} ${auth.site}`,
-      email: auth.user.email,
-      phone: auth.user.phoneNumber,
-      site: auth.site,
-      userType: auth.auth,
-      company: Config.env.clientName,
-      distinct_id: auth.user.Id,
-    })
-  );
+  return;
 };
 
+// deprecated
 export const openChat = () => {
-  window.tidioChatApi.display(true);
-  window.tidioChatApi.open();
+  return;
 };
 
+// deprecated
 export const hideChat = () => {
-  if (window.tidioChatApi && window.tidioChatApi.display) {
-    setTimeout(() => {
-      window.tidioChatApi.display(false);
-    }, 1000);
-  } else {
-    setTimeout(() => {
-      hideChat();
-    }, 1000);
-  }
+  return;
 };