Fixed: issue of tags not working when having special character in them and cleared the filters applied on logout(#2a7yged)

src/store/modules/job/getters.ts

@@ -1,8 +1,6 @@
 import { GetterTree } from 'vuex'
 import JobState from './JobState'
 import RootState from '../../RootState'
-import { JobService } from '@/services/JobService';
-import { State } from '@ionic/core/dist/types/stencil-public-runtime';
 
 const getters: GetterTree <JobState, RootState> = {
     getJobStatus: (state) => (id: string): any  => {

src/store/modules/product/actions.ts

@@ -87,12 +87,18 @@ const actions: ActionTree<ProductState, RootState> = {
     }
 
     state.query.json['filter'] = Object.keys(state.appliedFilters.included).reduce((filter, value) => {
-      (state.appliedFilters.included as any)[value].length > 0 && filter.push(`${value}: (${(state.appliedFilters.included as any)[value].join(' OR ')})`)
+      const filterValues = (state.appliedFilters.included as any)[value]
+      if (filterValues.length > 0) {
+        filter.push(`${value}: ("${filterValues.join('" OR "')}")`)
+      }
       return filter
     }, state.query.json['filter'])
 
     state.query.json['filter'] = Object.keys(state.appliedFilters.excluded).reduce((filter, value) => {
-      (state.appliedFilters.excluded as any)[value].length > 0 && filter.push(`-${value}: (${(state.appliedFilters.excluded as any)[value].join(' OR ')})`)
+      const filterValues = (state.appliedFilters.excluded as any)[value]
+      if (filterValues.length > 0) {
+        filter.push(`-${value}: ("${filterValues.join('" OR "')}")`)
+      }
       return filter
     }, state.query.json['filter'])
 
@@ -110,6 +116,19 @@ const actions: ActionTree<ProductState, RootState> = {
     await dispatch('updateQuery')
   },
 
+  async clearAllFilters({ commit, state }) {
+    const appliedFilters = JSON.parse(JSON.stringify(state.appliedFilters))
+    const value = Object.keys(appliedFilters).reduce((value: any, type: any) => {
+      const val = Object.keys(appliedFilters[type]).reduce((val: any, filter: any) => {
+        val[filter] = []
+        return val
+      }, {})
+      value[type] = val
+      return value
+    }, {})
+    commit(types.PRODUCT_ALL_FILTERS_UPDATED, value)
+  },
+
   async clearFilters({ commit, dispatch }, payload) {
     commit(types.PRODUCT_FILTER_UPDATED, {id: payload.id, type: payload.type, value: payload.value})
     await dispatch('updateQuery')

src/store/modules/product/mutation-types.ts

@@ -3,3 +3,4 @@ export const PRODUCT_LIST_UPDATED = SN_PRODUCT + '/LIST_UPDATED'
 export const PRODUCT_FILTER_UPDATED = SN_PRODUCT + '/FILTER_UPDATED'
 export const PRODUCT_QUERY_UPDATED = SN_PRODUCT + '/QUERY_UPDATED'
 export const PRODUCT_FILTERS_UPDATED = SN_PRODUCT + '/FILTERS_UPDATED'
+export const PRODUCT_ALL_FILTERS_UPDATED = SN_PRODUCT + '/ALL_FILTERS_UPDATED'

src/store/modules/product/mutations.ts

@@ -16,6 +16,9 @@ const mutations: MutationTree <ProductState> = {
   },
   [types.PRODUCT_FILTERS_UPDATED] (state, payload) {
     (state.appliedFilters as any)[payload.type] = payload.value
+  },
+  [types.PRODUCT_ALL_FILTERS_UPDATED] (state, payload) {
+    state.appliedFilters = payload
   }
 }
 export default mutations;

src/store/modules/user/actions.ts

@@ -45,6 +45,7 @@ const actions: ActionTree<UserState, RootState> = {
   async logout ({ commit }) {
     // TODO add any other tasks if need
     commit(types.USER_END_SESSION)
+    this.dispatch('product/clearAllFilters')
     this.dispatch('product/clearProductList');
   },