rogee
321c61aaae
Copy the Chatwoot (v4.14.0) frontend runnable subset into frontend/ for customization: - app/javascript/ (Vue SPA: dashboard, widget, sdk, portal, superadmin) - app/views/ (ERB templates for vite-plugin-ruby entrypoint resolution) - app/helpers/, app/assets/ (Rails view helpers, static assets) - enterprise/ (Enterprise edition frontend overlay) - config/vite.json, vite.config.ts, bin/vite (Vite-Rails toolchain) - package.json, pnpm-lock.yaml, tailwind/postcss/eslint configs - Gemfile, Gemfile.lock (vite_rails gem for bin/vite binstub) Excluded Rails backend: controllers, models, services, jobs, mailers, policies, db, lib, spec, public, node_modules. Update references to the new frontend location: - .gitignore: exclude frontend build artifacts (node_modules, tmp, packs), keep frontend/bin/ and frontend/vendor/ via negation - backend/scripts/parity_frontend_smoke.sh: CHATWOOT_DIR default reference/chatwoot -> ../frontend - backend/scripts/parity_frontend_browser_smoke.mjs: same default update - AGENTS.md: add frontend section with Rails/Vite coupling notes - README: architecture tree includes frontend/
71 lines
2.0 KiB
JavaScript
71 lines
2.0 KiB
JavaScript
import { computed } from 'vue';
|
|
import { useMapGetter } from 'dashboard/composables/store';
|
|
import { useI18n } from 'vue-i18n';
|
|
import {
|
|
getAgentsByUpdatedPresence,
|
|
getSortedAgentsByAvailability,
|
|
} from 'dashboard/helper/agentHelper';
|
|
|
|
/**
|
|
* A composable function that provides a list of agents for assignment.
|
|
*
|
|
* @param {boolean} [includeNoneAgent=true] - Whether to include a 'None' agent option.
|
|
* @returns {Object} An object containing the agents list and assignable agents.
|
|
*/
|
|
export function useAgentsList(includeNoneAgent = true) {
|
|
const { t } = useI18n();
|
|
const currentUser = useMapGetter('getCurrentUser');
|
|
const currentChat = useMapGetter('getSelectedChat');
|
|
const currentAccountId = useMapGetter('getCurrentAccountId');
|
|
const assignable = useMapGetter('inboxAssignableAgents/getAssignableAgents');
|
|
|
|
const inboxId = computed(() => currentChat.value?.inbox_id);
|
|
const isAgentSelected = computed(() => currentChat.value?.meta?.assignee);
|
|
|
|
/**
|
|
* Creates a 'None' agent object
|
|
* @returns {Object} None agent object
|
|
*/
|
|
const createNoneAgent = () => ({
|
|
confirmed: true,
|
|
name: t('AGENT_MGMT.MULTI_SELECTOR.LIST.NONE') || 'None',
|
|
id: 0,
|
|
role: 'agent',
|
|
account_id: 0,
|
|
email: 'None',
|
|
});
|
|
|
|
/**
|
|
* @type {import('vue').ComputedRef<Array>}
|
|
*/
|
|
const assignableAgents = computed(() => {
|
|
return inboxId.value ? assignable.value(inboxId.value) : [];
|
|
});
|
|
|
|
/**
|
|
* @type {import('vue').ComputedRef<Array>}
|
|
*/
|
|
const agentsList = computed(() => {
|
|
const agents = assignableAgents.value || [];
|
|
const agentsByUpdatedPresence = getAgentsByUpdatedPresence(
|
|
agents,
|
|
currentUser.value,
|
|
currentAccountId.value
|
|
);
|
|
|
|
const filteredAgentsByAvailability = getSortedAgentsByAvailability(
|
|
agentsByUpdatedPresence
|
|
);
|
|
|
|
return [
|
|
...(includeNoneAgent && isAgentSelected.value ? [createNoneAgent()] : []),
|
|
...filteredAgentsByAvailability,
|
|
];
|
|
});
|
|
|
|
return {
|
|
agentsList,
|
|
assignableAgents,
|
|
};
|
|
}
|