feat(Viewer): Support for io.cozy.bills

cozy · May 28, 2024 · b83867f · b83867f
1 parent 3304ef0
commit b83867f
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 11 deletions.
diff --git a/react/Viewer/Panel/ActionMenuWrapper.jsx b/react/Viewer/Panel/ActionMenuWrapper.jsx
@@ -38,6 +38,7 @@ const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
     editPath
   )
   const isAppLinkLoaded = fetchStatus === 'loaded'
+  const isEditable = Boolean(editPath) && isEditableAttribute(name, file)
 
   const handleCopy = async () => {
     try {
@@ -70,7 +71,7 @@ const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
     return (
       <ActionMenuMobile
         onClose={onClose}
-        isEditable={Boolean(editPath) && isEditableAttribute(name, file)}
+        isEditable={isEditable}
         actions={{ handleCopy, handleEdit }}
         appLink={url}
         appSlug={mespapiersAppSlug}
@@ -82,7 +83,7 @@ const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
     <ActionMenuDesktop
       ref={ref}
       onClose={onClose}
-      isEditable={Boolean(editPath) && isEditableAttribute(name, file)}
+      isEditable={isEditable}
       actions={{ handleCopy, handleEdit }}
       appLink={url}
       appSlug={mespapiersAppSlug}

diff --git a/react/Viewer/Panel/Qualification.jsx b/react/Viewer/Panel/Qualification.jsx
@@ -20,7 +20,8 @@ const ComponentFromMetadataQualificationType = {
   contact: QualificationListItemContact,
   date: QualificationListItemDate,
   information: QualificationListItemInformation,
-  other: QualificationListItemOther
+  other: QualificationListItemOther,
+  bills: QualificationListItemInformation
 }
 
 const isExpirationAlertHidden = file => {
@@ -48,8 +49,22 @@ const Qualification = ({ file }) => {
   }
 
   const formattedMetadataQualification = useMemo(() => {
+    const relatedBills = file.bills?.data?.[0]
+
+    if (relatedBills) {
+      const formattedBillsMetadata = [
+        { name: 'amount', value: relatedBills.amount },
+        { name: 'subtype', value: relatedBills.subtype },
+        { name: 'employer', value: relatedBills.employer }
+      ]
+
+      return formatMetadataQualification(metadata).concat(
+        formattedBillsMetadata
+      )
+    }
+
     return formatMetadataQualification(metadata)
-  }, [metadata])
+  }, [metadata, file.bills?.data])
 
   useEffect(() => {
     actionBtnRef.current = formattedMetadataQualification.map(

diff --git a/react/Viewer/Readme.md b/react/Viewer/Readme.md
@@ -86,6 +86,7 @@ const files = [
     type: 'file',
     name: 'My vehicle registration.pdf',
     mime: 'application/pdf',
+    bills: { data: [{ amount: '500' }] },
     metadata: {
       carbonCopy: true,
       AObtentionDate: null,

diff --git a/react/Viewer/helpers.js b/react/Viewer/helpers.js
@@ -1,22 +1,24 @@
-import { models, generateWebLink } from 'cozy-client'
+import { generateWebLink } from 'cozy-client'
 
-const {
+import {
   isEncrypted,
   isFromKonnector,
   hasQualifications,
   hasCertifications,
   normalize
-} = models.file
+} from 'cozy-client/dist/models/file'
 
-const {
+import {
   KNOWN_DATE_METADATA_NAMES,
-  KNOWN_INFORMATION_METADATA_NAMES
-} = models.paper
+  KNOWN_INFORMATION_METADATA_NAMES,
+  KNOWN_BILLS_ATTRIBUTES_NAMES
+} from 'cozy-client/dist/models/paper'
 
 export const getCurrentModel = metadataName => {
   if (
     KNOWN_DATE_METADATA_NAMES.includes(metadataName) ||
-    KNOWN_INFORMATION_METADATA_NAMES.includes(metadataName)
+    KNOWN_INFORMATION_METADATA_NAMES.includes(metadataName) ||
+    KNOWN_BILLS_ATTRIBUTES_NAMES.includes(metadataName)
   ) {
     return 'information'
   }