@plusscommunities/pluss-core-web 1.4.29 → 1.4.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.4.29",
+  "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/HubSidebar.js

@@ -86,6 +86,24 @@ class HubSidebar extends PureComponent {
     );
   }
 
+  renderHelpGuide = () => {
+    if (!this.props.helpGuide) return null
+
+    const { text, url } = this.props.helpGuide
+
+    const onHelpGuidePress = () => {
+      if (!url) return
+      window.open(url, '_blank')
+    }
+    return (
+      <div className="hubSidebar_helpGuideContainer">
+        <Button buttonType="outlined" isActive leftIcon="info-circle" narrow onClick={onHelpGuidePress}>
+          {text || 'Help Guide'}
+        </Button>
+      </div>
+    )
+  }
+
   render() {
     return (
       <div
@@ -99,6 +117,9 @@ class HubSidebar extends PureComponent {
             return this.renderSection(section, i);
           })}
         </div>
+
+        {/* Help Guide Button. */}
+        {this.renderHelpGuide()}
       </div>
     );
   }

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;
 };