{"version":3,"file":"list-view-filter-account-dropdown-42cfc177.js","sources":["../../../app/javascript/formability/modelViews/components/list-view-filter-account-dropdown.vue","../../../app/javascript/formability/modelViews/components/list-view-filter-account-dropdown.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <a-select\n      :id=\"filterElement.idForProp('filter')\"\n      :placeholder=\"placeholder\"\n      :options=\"options\"\n      :selected-option-ids=\"selectedOptionIds\"\n      v-model=\"queryIds\"\n      @search:finished=\"handleSearchFinished\"\n      @selected=\"handleSelectAll\"\n      @deselected=\"handleDeselectAll\"\n      bind-by-array\n      multiselect\n      show-checkboxes\n      stay-open\n  ></a-select>\n</template>\n\n<script lang=\"ts\">\n  import Vue from \"vue\";\n  import {IVOptionSetEndpoint, TVOptionSet} from \"../../../common/interfaces/vSelectInterfaces\";\n  import {SelectOptionString} from \"../../../common/enums/selectOption\";\n  import listViewFilterMixin from '../../../common/mixins/listViews/listViewFilterMixin'\n  import {Hash} from \"../../../common/interfaces/hashInterfaces\";\n  import {IUser} from \"~/interfaces/userInterfaces\";\n  import {ArrayHelper} from \"~/helpers/arrayHelper\";\n  import filterElementPropertyFilterableMixin from \"../../listViewBuilder/mixins/filter-element-property-filterable-mixin\";\n  import serverAction from \"~/serverAction\";\n  import {RouteHelper} from \"~/helpers/routeHelper\";\n  import {Route} from \"~/enums/route\";\n  import {IServerData, IUserSearchResponse} from \"~/interfaces/serverInterfaces\";\n  import {RegexHelper} from \"~/helpers/regexHelper\";\n\n  export default Vue.extend({\n    mixins: [\n      listViewFilterMixin,\n      filterElementPropertyFilterableMixin,\n    ],\n    data: function () {\n      return {\n        queryIds: [],\n        fetchedUsers: [],\n      };\n    },\n    created() {\n      this.initializeQueryIds();\n      this.initializeFetchedUsers();\n    },\n    computed: {\n      allOptionsOption(): Hash<string | boolean> {\n        return {label: \"Select all\", id: SelectOptionString.All, isPinned: true};\n      },\n      options(): IVOptionSetEndpoint {\n        return {\n          endpoint: this.searchUsersRoute(),\n          endpointOptions: {list_view_id: this.filterElement.listView.id},\n          rootKey: 'users',\n          valueKey: 'email',\n          altKey: 'id',\n          labelKey: this.accountOptionLabel,\n          options: [this.allOptionsOption, ...this.fetchedUsers],\n        };\n      },\n      selectedOptionIds(): Array<string> {\n        const selectedIds = this.queryIds.slice();\n\n        // show \"Select all\" as checked if all options are selected\n        if (this.allFetchedUsersSelected) {\n          selectedIds.push(this.allOptionsOption.id);\n        }\n\n        return selectedIds;\n      },\n      allFetchedUsersSelected(): boolean {\n        return this.fetchedUsers.length > 0 && this.fetchedUsers.every(u => this.queryIds.includes(u.email));\n      },\n      placeholder(): string {\n        // NOTE: Placeholder will differ between search + select vs. page load w/ query value\n        switch (this.queryIds.length) {\n          case 0:\n            return this.filterElement.placeholder_text || this.portalPlaceholder || \"Select one...\";\n          case 1:\n            const user = this.fetchedUsers.find(u => u.email === this.queryIds[0])\n            return user ? this.accountOptionLabel(user) : this.selectedAccountUserEmail;\n          default:\n            const selected = this.queryIds.length;\n            const total = this.fetchedUsers.length;\n            return !!total ? `${selected}/${total} Selected` : `${selected} Selected`;\n        }\n      },\n      portalPlaceholder(): string {\n        return this.isOneStop ? 'Please search by full user email' : null;\n      },\n      selectedAccountUserEmail(): string {\n        // showing user email if single account relation filter query value present on page load; replaced when User fetch finishes\n        if (!this.queryValue) return null;\n\n        return decodeURIComponent(this.queryValue); // replaces HTML encoded chars, such as %40 => @\n      },\n    },\n    methods: {\n      clearQueryIfInvalid(): void {\n        const emails = decodeURIComponent(this.queryValue).split(',').filter(t => !!t);\n        if (!emails.every(email => email.match(RegexHelper.email))) {\n          this.clearFilter({mode: 'replace'});\n        }\n      },\n      initializeQueryIds(): void {\n        this.queryIds = decodeURIComponent(this.queryValue).split(',').filter(t => !!t);\n      },\n      searchUsersRoute(query: Hash<string> = {}): string {\n        return RouteHelper.path({\n          route: Route.publishedAccountRelationSearchUsers,\n          modelOrId: this.filterElement.propertyToFilter.id,\n          query,\n        });\n      },\n      initializeFetchedUsers(): void {\n        if (this.isOneStop) return;\n        // only fetch users if query has value or filtering by group members\n        if (!this.queryValue && !this.propertyToFilter.hasGroupFilters) return;\n\n        serverAction<IUserSearchResponse>({\n          endpoint: this.searchUsersRoute({q: this.selectedAccountUserEmail}), // q may be null, in which case backend defaults to '*';\n          json: {options: {list_view_id: this.filterElement.listView.id}},\n        }).then(([response]) => {\n          this.setFetchedUsers(response.users);\n        });\n      },\n      setFetchedUsers(users: IUser[]): void {\n        this.fetchedUsers = users || [];\n      },\n      setFilter(): void {\n        this.addFilterToQuery(this.queryIds.join(','));\n      },\n      setDefaultFilter(): void {\n        if (!!this.queryValue || this.isInDashBoardDrillDown) {\n          return;\n        }\n        if (this.filterElement.default_property_filter_option_ids.length > 0) {\n          this.queryIds = this.filterElement.default_property_filter_option_ids.slice();\n        } else {\n          this.clearFilter();\n        }\n      },\n      accountOptionLabel(option: IUser | Hash<string>): string {\n        if (option.id === this.allOptionsOption.id) return this.allOptionsOption.label;\n\n        return `${option.first_name} ${option.last_name} (${option.email})`;\n      },\n      handleSearchFinished(data: IServerData<IUserSearchResponse>) {\n        const response = data && data[0];\n        this.setFetchedUsers(response?.users);\n      },\n      handleSelectAll(lastSelectedOption: { id?: string }): void {\n        if (lastSelectedOption.id !== this.allOptionsOption.id) return;\n\n        this.queryIds = this.fetchedUsers.map(user => user.email);\n      },\n      handleDeselectAll(lastSelectedOption: { id?: string }): void {\n        if (lastSelectedOption.id === this.allOptionsOption.id) {\n          this.queryIds = [];\n        } else {\n          ArrayHelper.removeFirst(this.queryIds, this.allOptionsOption.id);\n        }\n      },\n      reset(): void {\n        this.queryIds = [];\n      },\n    },\n    watch: {\n      queryIds(newVal, oldVal) {\n        if (newVal.length === 0 && oldVal.length === 0) return; // prevent changing filter on component initialization\n\n        if (newVal.length === 0) {\n          this.clearFilter();\n        } else {\n          this.setFilter();\n        }\n      },\n    }\n  });\n</script>","\n<a-select\n    :id=\"filterElement.idForProp('filter')\"\n    :placeholder=\"placeholder\"\n    :options=\"options\"\n    :selected-option-ids=\"selectedOptionIds\"\n    v-model=\"queryIds\"\n    @search:finished=\"handleSearchFinished\"\n    @selected=\"handleSelectAll\"\n    @deselected=\"handleDeselectAll\"\n    bind-by-array\n    multiselect\n    show-checkboxes\n    stay-open\n></a-select>\n"],"names":["__vue2_script","Vue","extend","mixins","listViewFilterMixin","filterElementPropertyFilterableMixin","data","queryIds","fetchedUsers","created","this","initializeQueryIds","initializeFetchedUsers","computed","allOptionsOption","label","id","SelectOptionString","All","isPinned","options","endpoint","searchUsersRoute","endpointOptions","list_view_id","filterElement","listView","rootKey","valueKey","altKey","labelKey","accountOptionLabel","selectedOptionIds","selectedIds","slice","allFetchedUsersSelected","push","length","every","u","includes","email","placeholder","placeholder_text","portalPlaceholder","user","find","selectedAccountUserEmail","selected","total","isOneStop","queryValue","decodeURIComponent","methods","clearQueryIfInvalid","split","filter","t","match","RegexHelper","clearFilter","mode","query","RouteHelper","path","route","Route","publishedAccountRelationSearchUsers","modelOrId","propertyToFilter","hasGroupFilters","serverAction","q","json","then","response","setFetchedUsers","users","setFilter","addFilterToQuery","join","setDefaultFilter","isInDashBoardDrillDown","default_property_filter_option_ids","option","first_name","last_name","handleSearchFinished","handleSelectAll","lastSelectedOption","map","handleDeselectAll","ArrayHelper","removeFirst","reset","watch","newVal","oldVal","_vm","_h","$createElement","_self","_c","attrs","idForProp","multiselect","on","deselected","model","value","callback","$$v","expression"],"mappings":"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"}