feat: Action Menu

CHANGELOG.md

@@ -24,6 +24,7 @@
 - Two new statuses of record are added: `Validated` and `Correction Requested` for advanced search parameters [#6365](https:/opencrvs/opencrvs-core/issues/6365)
 - A new field: `Time Period` is added to advanced search [#6365](https:/opencrvs/opencrvs-core/issues/6365)
 - Deploy UI-Kit Storybook to [opencrvs.pages.dev](https://opencrvs.pages.dev) to allow extending OpenCRVS using the component library
+- Record audit action buttons are moved into action menu [#7390](https:/opencrvs/opencrvs-core/issues/7390)
 
 ## Bug fixes
 

packages/client/src/components/interface/DownloadButton.tsx

@@ -258,7 +258,11 @@ function DownloadButtonComponent(props: DownloadButtonProps & HOCProps) {
  // field agents can only retrieve declarations
  const isNotFieldAgent = !FIELD_AGENT_ROLES.includes(String(userRole))
 
- const onClickDownload = useCallback(
+ const isDownloadable =
+ status !== DOWNLOAD_STATUS.DOWNLOADED &&
+ (!assignment || assignment.practitionerId === practitionerId)
+
+ const onDownloadClick = useCallback(
  (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
  if (
  (assignment?.practitionerId !== practitionerId ||
@@ -337,7 +341,7 @@ function DownloadButtonComponent(props: DownloadButtonProps & HOCProps) {
  <DownloadAction
  type="icon"
  id={`${id}-icon${isFailed ? `-failed` : ``}`}
- onClick={onClickDownload}
+ onClick={isDownloadable ? onDownloadClick : undefined}
  className={className}
  aria-label={intl.formatMessage(constantsMessages.assignRecord)}
  >

packages/client/src/declarations/utils.ts

@@ -0,0 +1,65 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * OpenCRVS is also distributed under the terms of the Civil Registration
+ * & Healthcare Disclaimer located at http://opencrvs.org/license.
+ *
+ * Copyright (C) The OpenCRVS Authors located at https:/opencrvs/opencrvs-core/blob/master/AUTHORS.
+ */
+
+import { EVENT_STATUS } from '@client/workqueue'
+import { SUBMISSION_STATUS } from '.'
+
+export const isPendingCorrection = (status?: SUBMISSION_STATUS) =>
+ status === EVENT_STATUS.CORRECTION_REQUESTED
+
+export const isReviewableDeclaration = (status?: SUBMISSION_STATUS) =>
+ status && [EVENT_STATUS.DECLARED, EVENT_STATUS.VALIDATED].includes(status)
+
+export const isUpdatableDeclaration = (status?: SUBMISSION_STATUS) =>
+ status &&
+ [
+ SUBMISSION_STATUS.DRAFT,
+ EVENT_STATUS.IN_PROGRESS,
+ EVENT_STATUS.REJECTED
+ ].includes(status)
+
+export const isPrintable = (status?: SUBMISSION_STATUS) =>
+ status &&
+ [SUBMISSION_STATUS.REGISTERED, SUBMISSION_STATUS.ISSUED].includes(status)
+
+export const isCertified = (status?: SUBMISSION_STATUS) =>
+ status === SUBMISSION_STATUS.CERTIFIED
+
+export const isRecordOrDeclaration = (status?: SUBMISSION_STATUS) =>
+ status
+ ? [
+ SUBMISSION_STATUS.REGISTERED,
+ SUBMISSION_STATUS.CORRECTION_REQUESTED,
+ SUBMISSION_STATUS.CERTIFIED
+ ].includes(status)
+ ? 'record'
+ : 'declaration'
+ : ''
+
+export const canBeCorrected = (status?: SUBMISSION_STATUS) =>
+ status &&
+ [
+ SUBMISSION_STATUS.REGISTERED,
+ SUBMISSION_STATUS.CERTIFIED,
+ SUBMISSION_STATUS.ISSUED
+ ].includes(status)
+
+export const isArchivable = (status?: SUBMISSION_STATUS) =>
+ status &&
+ [
+ SUBMISSION_STATUS.IN_PROGRESS,
+ SUBMISSION_STATUS.DECLARED,
+ SUBMISSION_STATUS.VALIDATED,
+ SUBMISSION_STATUS.REJECTED
+ ].includes(status)
+
+export const isArchived = (status?: SUBMISSION_STATUS) =>
+ status === SUBMISSION_STATUS.ARCHIVED

packages/client/src/i18n/messages/buttons.ts

@@ -81,7 +81,7 @@ interface IButtonsMessages
 const messagesToDefine: IButtonsMessages = {
  archive: {
  id: 'buttons.archive',
- defaultMessage: 'Archive',
+ defaultMessage: 'Archive declaration',
  description: 'Archive button text'
  },
  approve: {

packages/client/src/i18n/messages/views/action.ts

@@ -0,0 +1,71 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * OpenCRVS is also distributed under the terms of the Civil Registration
+ * & Healthcare Disclaimer located at http://opencrvs.org/license.
+ *
+ * Copyright (C) The OpenCRVS Authors located at https:/opencrvs/opencrvs-core/blob/master/AUTHORS.
+ */
+import { defineMessages } from 'react-intl'
+
+const messagesToDefine = {
+ action: {
+ defaultMessage: 'Action',
+ description: 'Label for action button in dropdown menu',
+ id: 'action.action'
+ },
+ assignedTo: {
+ defaultMessage: 'Assigned to {name} at {officeName}',
+ description: 'Label for assignee',
+ id: 'action.assignee'
+ },
+ view: {
+ defaultMessage: 'View {recordOrDeclaration}',
+ description: 'Label for view button in dropdown menu',
+ id: 'action.view'
+ },
+ correctRecord: {
+ defaultMessage: 'Correct Record',
+ description: 'Label for correct record button in dropdown menu',
+ id: 'action.correct'
+ },
+ archiveRecord: {
+ defaultMessage: 'Archive Record',
+ description: 'Label for archive record button in dropdown menu',
+ id: 'action.archive'
+ },
+ reinstateRecord: {
+ defaultMessage: 'Reinstate Record',
+ description: 'Label for reinstate record button in dropdown menu',
+ id: 'action.reinstate'
+ },
+ reviewCorrection: {
+ defaultMessage: 'Review correction request',
+ description: 'Label for review correction request button in dropdown menu',
+ id: 'action.review.correction'
+ },
+ reviewDeclaration: {
+ defaultMessage:
+ 'Review {isDuplicate, select, true{potential duplicate} other{declaration}}',
+ description: 'Label for review record button in dropdown menu',
+ id: 'action.review.declaration'
+ },
+ updateDeclaration: {
+ defaultMessage: 'Update declaration',
+ description: 'Label for update record button in dropdown menu',
+ id: 'action.update'
+ },
+ printDeclaration: {
+ defaultMessage: 'Print certified copy',
+ description: 'Label for print certified copy in dropdown menu',
+ id: 'action.print'
+ },
+ issueCertificate: {
+ defaultMessage: 'Issue certificate',
+ description: 'Label for issue certificate in dropdown menu',
+ id: 'action.issue'
+ }
+}
+export const messages = defineMessages(messagesToDefine)

packages/client/src/search/transformer.ts

@@ -21,27 +21,28 @@ import { formatLongDate } from '@client/utils/date-formatting'
 import {
  HumanName,
  EventSearchSet,
- SearchEventsQuery
+ SearchEventsQuery,
+ Event
 } from '@client/utils/gateway'
 import { EMPTY_STRING, LANG_EN } from '@client/utils/constants'
 import { ITaskHistory } from '@client/declarations'
 
 export const isBirthEvent = (
  req: EventSearchSet
 ): req is GQLBirthEventSearchSet => {
- return req.type === 'Birth'
+ return req.type === Event.Birth
 }
 
 export const isDeathEvent = (
  req: EventSearchSet
 ): req is GQLDeathEventSearchSet => {
- return req.type === 'Death'
+ return req.type === Event.Death
 }
 
 export const isMarriageEvent = (
  reg: EventSearchSet
 ): reg is GQLMarriageEventSearchSet => {
- return reg.type === 'Marriage'
+ return reg.type === Event.Marriage
 }
 
 export const transformData = (