Fix filters for custom attributes

frontend/src/modules/member/member-array-attributes-field.js

@@ -0,0 +1,42 @@
+import StringField from '@/shared/fields/string-field'
+
+export default class MemberArrayAttributesField extends StringField {
+  constructor(name, label, config = {}) {
+    super(name, label)
+
+    this.placeholder = config.placeholder
+    this.hint = config.hint
+    this.required = config.required
+    this.matches = config.matches
+    this.filterable = config.filterable || false
+    this.custom = config.custom || false
+    this.options = config.options
+  }
+
+  dropdownOptions() {
+    return this.options.sort((x, y) => {
+      return x.label < y.label
+        ? -1
+        : x.label > y.label
+        ? 1
+        : 0
+    })
+  }
+
+  forFilter() {
+    return {
+      name: this.name,
+      label: this.label,
+      custom: this.custom,
+      props: {
+        options: this.dropdownOptions(),
+        multiple: true
+      },
+      defaultValue: [],
+      value: [],
+      defaultOperator: 'contains',
+      operator: 'contains',
+      type: 'select-multi'
+    }
+  }
+}

frontend/src/modules/member/store/actions.js

@@ -366,7 +366,7 @@ export default {
     }
   },
 
-  async doBulkEnrich({ rootGetters }, ids) {
+  async doBulkEnrich({ rootGetters, dispatch }, ids) {
     try {
       const currentTenant =
         rootGetters['auth/currentTenant']
@@ -403,6 +403,8 @@ export default {
       showEnrichmentLoadingMessage({ isBulk: true })
 
       await MemberService.enrichMemberBulk(ids)
+
+      await dispatch('doFetchCustomAttributes')
     } catch (error) {
       Message.closeAll()
       Errors.handle(error)

frontend/src/shared/fields/get-custom-attributes.js

@@ -2,12 +2,22 @@ import StringField from '@/shared/fields/string-field'
 import BooleanField from '@/shared/fields/boolean-field'
 import IntegerField from '@/shared/fields/integer-field'
 import DateField from '@/shared/fields/date-field'
-import ArrayField from '@/shared/fields/array-field'
+import MemberArrayAttributesField from '@/modules/member/member-array-attributes-field'
 
 export default (customAttributes) => {
   return (
     Object.values(customAttributes)
-      .filter((a) => a.show)
+      .filter((a) => {
+        // Don't render special filters that do not have available options
+        if (
+          a.type === 'multiSelect' ||
+          a.type === 'special'
+        ) {
+          return a.options.length && a.show
+        }
+
+        return a.show
+      })
       .map((customAttribute) => {
         switch (customAttribute.type) {
           case 'boolean':
@@ -30,12 +40,20 @@ export default (customAttributes) => {
             )
 
           case 'multiSelect':
-          case 'special':
-            return new ArrayField(
-              customAttribute.name,
-              customAttribute.label
+          case 'special': {
+            const options = customAttribute.options.map(
+              (o) => ({
+                value: o,
+                label: o
+              })
             )
 
+            return new MemberArrayAttributesField(
+              customAttribute.name,
+              customAttribute.label,
+              { options }
+            )
+          }
           default:
             return new StringField(
               customAttribute.name,