feat: upgrade to eslint 10

app/javascript/dashboard/api/ApiClient.js

@@ -13,7 +13,6 @@ class ApiClient {
     return `${this.baseUrl()}/${this.resource}`;
   }
 
-  // eslint-disable-next-line class-methods-use-this
   get accountIdFromRoute() {
     const isInsideAccountScopedURLs =
       window.location.pathname.includes('/app/accounts');

app/javascript/dashboard/api/CacheEnabledApiClient.js

@@ -8,7 +8,6 @@ class CacheEnabledApiClient extends ApiClient {
     this.dataManager = new DataManager(this.accountIdFromRoute);
   }
 
-  // eslint-disable-next-line class-methods-use-this
   get cacheModelName() {
     throw new Error('cacheModelName is not defined');
   }
@@ -25,12 +24,10 @@ class CacheEnabledApiClient extends ApiClient {
     return axios.get(this.url);
   }
 
-  // eslint-disable-next-line class-methods-use-this
   extractDataFromResponse(response) {
     return response.data.payload;
   }
 
-  // eslint-disable-next-line class-methods-use-this
   marshallData(dataToParse) {
     return { data: { payload: dataToParse } };
   }

app/javascript/dashboard/api/changelog.js

@@ -7,7 +7,6 @@ class ChangelogApi extends ApiClient {
     super('changelog', { apiVersion: 'v1' });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   fetchFromHub() {
     return axios.get(CHANGELOG_API_URL);
   }

app/javascript/dashboard/api/channel/voice/voiceAPIClient.js

@@ -7,7 +7,6 @@ class VoiceAPI extends ApiClient {
     super('voice', { accountScoped: true });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   initiateCall(contactId, inboxId) {
     return ContactsAPI.initiateCall(contactId, inboxId).then(r => r.data);
   }

app/javascript/dashboard/api/contacts.js

@@ -72,7 +72,6 @@ class ContactAPI extends ApiClient {
     return axios.get(requestURL);
   }
 
-  // eslint-disable-next-line default-param-last
   filter(page = 1, sortAttr = 'name', queryPayload) {
     let requestURL = `${this.url}/filter?${buildContactParams(page, sortAttr)}`;
     return axios.post(requestURL, queryPayload);

app/javascript/dashboard/api/inboxes.js

@@ -6,7 +6,6 @@ class Inboxes extends CacheEnabledApiClient {
     super('inboxes', { accountScoped: true });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   get cacheModelName() {
     return 'inbox';
   }

app/javascript/dashboard/api/labels.js

@@ -5,7 +5,6 @@ class LabelsAPI extends CacheEnabledApiClient {
     super('labels', { accountScoped: true });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   get cacheModelName() {
     return 'label';
   }

app/javascript/dashboard/api/reports.js

@@ -31,7 +31,6 @@ class ReportsAPI extends ApiClient {
     });
   }
 
-  // eslint-disable-next-line default-param-last
   getSummary(since, until, type = 'account', id, groupBy, businessHours) {
     return axios.get(`${this.url}/summary`, {
       params: {

app/javascript/dashboard/api/teams.js

@@ -7,17 +7,14 @@ export class TeamsAPI extends CacheEnabledApiClient {
     super('teams', { accountScoped: true });
   }
 
-  // eslint-disable-next-line class-methods-use-this
   get cacheModelName() {
     return 'team';
   }
 
-  // eslint-disable-next-line class-methods-use-this
   extractDataFromResponse(response) {
     return response.data;
   }
 
-  // eslint-disable-next-line class-methods-use-this
   marshallData(dataToParse) {
     return { data: dataToParse };
   }

app/javascript/dashboard/components-next/Campaigns/Pages/CampaignPage/LiveChatCampaign/LiveChatCampaignForm.vue

@@ -56,7 +56,6 @@ const state = reactive({ ...initialState });
 const urlValidators = {
   shouldBeAValidURLPattern: value => {
     try {
-      // eslint-disable-next-line
       new URLPattern(value);
       return true;
     } catch {

app/javascript/dashboard/components-next/message/Message.vue

@@ -99,7 +99,6 @@ import { useBranding } from 'shared/composables/useBranding';
  * @property {number} inboxId - The ID of the inbox to which the message belongs
  */
 
-// eslint-disable-next-line vue/define-macros-order
 const props = defineProps({
   id: { type: Number, required: true },
   messageType: {
@@ -124,12 +123,12 @@ const props = defineProps({
   createdAt: { type: Number, required: true }, // eslint-disable-line vue/no-unused-properties
   currentUserId: { type: Number, required: true }, // eslint-disable-line vue/no-unused-properties
   groupWithNext: { type: Boolean, default: false },
-  inboxId: { type: Number, default: null }, // eslint-disable-line vue/no-unused-properties
+  inboxId: { type: Number, default: null },
   inboxSupportsReplyTo: { type: Object, default: () => ({}) },
   inReplyTo: { type: Object, default: null }, // eslint-disable-line vue/no-unused-properties
   isEmailInbox: { type: Boolean, default: false },
   private: { type: Boolean, default: false },
-  additionalAttributes: { type: Object, default: () => ({}) }, // eslint-disable-line vue/no-unused-properties
+  additionalAttributes: { type: Object, default: () => ({}) },
   sender: { type: Object, default: null },
   senderId: { type: Number, default: null },
   senderType: { type: String, default: null },

app/javascript/dashboard/components/widgets/WootWriter/FullEditor.vue

@@ -18,9 +18,9 @@ const MAXIMUM_FILE_UPLOAD_SIZE = 4; // in MB
 const createState = (
   content,
   placeholder,
-  // eslint-disable-next-line default-param-last
+
   plugins = [],
-  // eslint-disable-next-line default-param-last
+
   methods = {},
   enabledMenuOptions
 ) => {

app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue

@@ -36,7 +36,7 @@ export default {
     },
     // inbox prop is used in /mixins/inboxMixin,
     // remove this props when refactoring to composable if not needed
-    // eslint-disable-next-line vue/no-unused-properties
+
     inbox: {
       type: Object,
       default: () => ({}),

app/javascript/dashboard/components/widgets/WootWriter/utils/mp3ConversionUtils.js

@@ -1,7 +1,6 @@
 import lamejs from '@breezystack/lamejs';
 
 const writeString = (view, offset, string) => {
-  // eslint-disable-next-line no-plusplus
   for (let i = 0; i < string.length; i++) {
     view.setUint8(offset + i, string.charCodeAt(i));
   }
@@ -29,9 +28,8 @@ const bufferToWav = async (buffer, numChannels, sampleRate) => {
 
   // WAV Data
   const offset = 44;
-  // eslint-disable-next-line no-plusplus
+
   for (let i = 0; i < buffer.length; i++) {
-    // eslint-disable-next-line no-plusplus
     for (let channel = 0; channel < numChannels; channel++) {
       const sample = Math.max(
         -1,

app/javascript/dashboard/helper/actionCable.js

@@ -37,12 +37,10 @@ class ActionCableConnector extends BaseActionCableConnector {
     };
   }
 
-  // eslint-disable-next-line class-methods-use-this
   onReconnect = () => {
     emitter.emit(BUS_EVENTS.WEBSOCKET_RECONNECT);
   };
 
-  // eslint-disable-next-line class-methods-use-this
   onDisconnected = () => {
     emitter.emit(BUS_EVENTS.WEBSOCKET_DISCONNECT);
   };
@@ -90,7 +88,6 @@ class ActionCableConnector extends BaseActionCableConnector {
     this.app.$store.dispatch('updateConversation', data);
   };
 
-  // eslint-disable-next-line class-methods-use-this
   onLogout = () => AuthAPI.logout();
 
   onMessageCreated = data => {
@@ -106,7 +103,6 @@ class ActionCableConnector extends BaseActionCableConnector {
     });
   };
 
-  // eslint-disable-next-line class-methods-use-this
   onReload = () => window.location.reload();
 
   onStatusChange = data => {
@@ -161,7 +157,6 @@ class ActionCableConnector extends BaseActionCableConnector {
     }, 30000);
   };
 
-  // eslint-disable-next-line class-methods-use-this
   fetchConversationStats = () => {
     emitter.emit('fetch_conversation_stats');
   };

app/javascript/dashboard/helper/automationHelper.js

@@ -212,9 +212,8 @@ export const isCustomAttribute = (attrs, key) => {
 };
 
 export const generateCustomAttributes = (
-  // eslint-disable-next-line default-param-last
   conversationAttributes = [],
-  // eslint-disable-next-line default-param-last
+
   contactAttributes = [],
   conversationlabel,
   contactlabel

app/javascript/dashboard/helper/emailQuoteExtractor.js

@@ -61,7 +61,7 @@ export class EmailQuoteExtractor {
     tempDiv.innerHTML = DOMPurify.sanitize(htmlContent);
 
     // Check for class-based quotes
-    // eslint-disable-next-line no-restricted-syntax
+
     for (const selector of QUOTE_INDICATORS) {
       if (tempDiv.querySelector(selector)) {
         return true;

app/javascript/dashboard/helper/pushHelper.js

@@ -18,7 +18,6 @@ export const verifyServiceWorkerExistence = (callback = () => {}) => {
     .register('/sw.js')
     .then(registration => callback(registration))
     .catch(registrationError => {
-      // eslint-disable-next-line
       console.log('SW registration failed: ', registrationError);
     });
 };
@@ -69,7 +68,6 @@ export const registerSubscription = (onSuccess = () => {}) => {
       onSuccess();
     })
     .catch(error => {
-      // eslint-disable-next-line no-console
       console.error('Push subscription registration failed:', error);
       useAlert('This browser does not support desktop notification');
     });
@@ -77,7 +75,6 @@ export const registerSubscription = (onSuccess = () => {}) => {
 
 export const requestPushPermissions = ({ onSuccess }) => {
   if (!('Notification' in window)) {
-    // eslint-disable-next-line no-console
     console.warn('Notification is not supported');
     useAlert('This browser does not support desktop notification');
   } else if (Notification.permission === 'granted') {

app/javascript/dashboard/helper/specs/templateHelper.spec.js

@@ -288,10 +288,9 @@ describe('templateHelper', () => {
     });
 
     it('should handle special characters in template variables', () => {
-      /* eslint-disable no-template-curly-in-string */
       const templateText =
         'Welcome {{user_name}}, your order #{{order_id}} costs ${{amount}}';
-      /* eslint-enable no-template-curly-in-string */
+
       const processedParams = {
         body: {
           user_name: 'John & Jane',

app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue

@@ -1,5 +1,4 @@
 <script>
-/* eslint-env browser */
 /* global FB */
 import { useVuelidate } from '@vuelidate/core';
 import { useAlert } from 'dashboard/composables';

app/javascript/shared/helpers/AudioNotificationHelper.js

@@ -10,7 +10,6 @@ export const getAudioContext = () => {
   return audioCtx;
 };
 
-// eslint-disable-next-line default-param-last
 export const getAlertAudio = async (baseUrl = '', requestContext) => {
   const audioCtx = getAudioContext();
   const playSound = audioBuffer => {
@@ -34,7 +33,7 @@ export const getAlertAudio = async (baseUrl = '', requestContext) => {
       .then(response => response.arrayBuffer())
       .then(buffer => {
         audioCtx.decodeAudioData(buffer).then(playSound);
-        // eslint-disable-next-line no-promise-executor-return
+
         return new Promise(res => res());
       })
       .catch(() => {

app/javascript/shared/helpers/BaseActionCableConnector.js

@@ -74,10 +74,8 @@ class BaseActionCableConnector {
     }, RECONNECT_INTERVAL);
   };
 
-  // eslint-disable-next-line class-methods-use-this
   onReconnect = () => {};
 
-  // eslint-disable-next-line class-methods-use-this
   onDisconnected = () => {};
 
   disconnect() {

app/javascript/shared/helpers/CustomErrors.js

@@ -1,4 +1,3 @@
-/* eslint-disable max-classes-per-file */
 export class DuplicateContactException extends Error {
   constructor(data) {
     super('DUPLICATE_CONTACT');

app/javascript/widget/components/UnreadMessage.vue

@@ -48,7 +48,6 @@ export default {
       }`;
     },
     avatarUrl() {
-      // eslint-disable-next-line
       const displayImage = this.useInboxAvatarForBot
         ? this.inboxAvatarUrl
         : '/assets/images/chatwoot_bot.png';

app/javascript/widget/helpers/actionCable.js

@@ -96,7 +96,6 @@ class ActionCableConnector extends BaseActionCableConnector {
     this.app.$store.dispatch('agent/updatePresence', data.users);
   };
 
-  // eslint-disable-next-line class-methods-use-this
   onContactMerge = data => {
     const { pubsub_token: pubsubToken } = data;
     ActionCableConnector.refreshConnector(pubsubToken);

app/javascript/widget/helpers/uuid.js

@@ -1,8 +1,7 @@
 const getUuid = () =>
   'xxxxxxxx4xxx'.replace(/[xy]/g, c => {
-    // eslint-disable-next-line
     const r = (Math.random() * 16) | 0;
-    // eslint-disable-next-line
+
     const v = c === 'x' ? r : (r & 0x3) | 0x8;
     return v.toString(16);
   });