fix: uploads

app/javascript/react-components/src/components/ChatwootProvider.jsx

@@ -16,6 +16,7 @@ export const ChatwootProvider = ({
   websocketURL,
   pubsubToken,
   conversationId,
+  disableUpload,
   children,
 }) => {
   const isInitialized = useRef(false);
@@ -35,6 +36,7 @@ export const ChatwootProvider = ({
     userToken,
     accountId,
     conversationId,
+    disableUpload: disableUpload || false,
     websocketURL: websocketURL,
     pubsubToken: pubsubToken,
   };
@@ -51,8 +53,8 @@ export const ChatwootProvider = ({
     window.__WEBSOCKET_URL__ = config.websocketURL;
     window.__PUBSUB_TOKEN__ = config.pubsubToken;
     window.__WOOT_CONVERSATION_ID__ = config.conversationId;
+    window.__EDITOR_DISABLE_UPLOAD__ = config.disableUpload;
     window.__WOOT_ISOLATED_SHELL__ = true;
-    window.__EDITOR_DISABLE_UPLOAD__ = true;
     /* eslint-enable no-underscore-dangle */
 
     // Initialize common helpers

app/javascript/react-components/src/vue-components/ChatwootMessageListWebComponent.vue

@@ -10,4 +10,40 @@ import MessageList from '../../../ui/MessageList.vue';
 @import '../../../dashboard/assets/scss/app.scss';
 @import 'vue-multiselect/dist/vue-multiselect.css';
 @import 'floating-vue/dist/style.css';
+
+.file-uploads {
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+  display: inline-block;
+}
+
+.file-uploads.file-uploads-html4 input,
+.file-uploads.file-uploads-html5 label {
+  /* background fix ie  click */
+  background: #fff;
+  opacity: 0;
+  font-size: 20em;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+.file-uploads.file-uploads-html5 input,
+.file-uploads.file-uploads-html4 label {
+  /* background fix ie  click */
+  position: absolute;
+  background: rgba(255, 255, 255, 0);
+  overflow: hidden;
+  position: fixed;
+  width: 1px;
+  height: 1px;
+  z-index: -1;
+  opacity: 0;
+}
 </style>