Current Space

The Current Space config is mapped in the global config, to be used as a space within Workspaces. Create space configs to support different personas or workflows. Workspaces provides four default spaces that can be mapped to user roles on the global config.

• Process: This template is designed to support Processing Staff with their daily duties.
• Heldesk: This template is designed to support Helpdesk Staff with their daily duties.
• Assist Channel: This template is designed to support Assisted Channel Staff with their daily duties.
• Manage: This template is designed to support Managers with their daily duties.

Attributes

The list of supported configuration attributes are available in Reference > ConfigCurrentSpace.

Example

The following example shows a default Current Space configuration for Processing Staff.

src/configs/custom/index.ts

import global from './global';
import manage from './manage';
import process from './process';
import helpdesk from './helpdesk';
import assistedChannel from './assistedChannel';

const spaces = [process, helpdesk, assistedChannel, manage];

export default {
  global,
  spaces,
};

src/configs/custom/process.ts

import { ConfigCurrentSpace } from '@transact-open-ux/workspaces/dist/types';

export const processConfig = ({ date, currentUser }: any): ConfigCurrentSpace => ({
  label: 'Process',
  icon: 'BallotOutlined',
  permissions: {
    type: 'role',
    value: ['Processing Staff', 'Work Spaces Staff'],
  },
  pageSize: 10,
  loadQuery: true,
  attachments: {
    filter: {
      action: 'exclude',
      regex: '\\.exe$',
    },
    uploadWithoutClaim: false,
  },
  search: ['$primaryName', '$appId', '$currentQueue', '$appAge', '$assigned'],
  emptyMessage: 'No results found, try widening your search',
  txnActions: {
    Claim: {
      label: 'Claim',
    },
    Release: {
      label: 'Release',
    },
    Decision: {
      label: 'Decision',
    },
    Custom: {
      label: 'More',
      properties: [
        {
          label: 'Review Checklist',
          dataIndex: "properties['ReviewChecklistUrl']",
          type: 'url',
        },
      ],
    },
  },
  jobActions: {
    Receipt: {
      label: 'Receipt',
    },
    ViewNotes: {
      label: 'View Notes',
    },
  },
  globalFilters: {
    GroupName: {
      label: 'Queues',
      options: ['Error Review', 'Fraud Review', 'Manual Review'],
      value: 'All',
    },
    DateCreated: {
      label: 'Created Date',
      value: [date('4 weeks ago'), date('now')],
    },
  },
  views: [
    {
      label: 'All outstanding',
      properties: [
        '$taskSla',
        '$appId',
        '$primaryName',
        '$product',
        '$appAge',
        '$currentQueue',
        '$currentTask',
        '$taskCreated',
        '$assigned',
        '$formLastModified',
      ],
      sortOrder: 'desc',
      sortBy: '$appAge',
    },
    {
      label: 'Unassigned',
      properties: [
        '$taskSla',
        '$appId',
        '$primaryName',
        '$product',
        '$appAge',
        '$currentQueue',
        '$currentTask',
        '$taskCreated',
        '$assigned',
        '$formLastModified',
      ],
      filterBy: {
        $assigned: 'None',
      },
      sortOrder: 'desc',
      sortBy: '$appAge',
    },
    {
      label: 'Assigned to me',
      properties: [
        '$taskSla',
        '$appId',
        '$primaryName',
        '$product',
        '$appAge',
        '$currentQueue',
        '$currentTask',
        '$taskCreated',
        '$assigned',
        '$formLastModified',
      ],
      filterBy: {
        $assigned: currentUser,
      },
      sortOrder: 'desc',
      sortBy: '$appAge',
    },
    {
      label: 'Completed tasks',
      properties: [
        '$taskSla',
        '$appId',
        '$primaryName',
        '$product',
        '$appAge',
        '$currentQueue',
        '$currentTask',
        '$appStatus',
        '$taskStatus',
        '$taskCreated',
        '$assigned',
        '$formLastModified',
      ],
      filterBy: {
        $taskStatus: ['Completed'],
      },
      sortOrder: 'desc',
      sortBy: '$appAge',
    },
    {
      label: 'URGENT',
      properties: [
        '$taskSla',
        '$slaDate',
        '$appId',
        '$primaryName',
        '$product',
        '$appAge',
        '$currentQueue',
        '$currentTask',
        '$taskCreated',
        '$assigned',
        '$formLastModified',
      ],
      filterBy: {
        $taskCreated: [date('1 year ago'), date('1 week ago')],
      },
      sortOrder: 'desc',
      sortBy: '$appAge',
    },
  ],
  keyInfo: ['$primaryName', '$appId', '$slaDate', '$assigned', '$currentQueue', '$product'],
  customCards: ['$applicants', '$reviewChecklist', '$sentEmails', '$applicantValidations'],
});

export default processConfig;