From 4ff0e68e5b6579ace1bfae1d74cc249e5c78e538 Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 7 Dec 2023 12:52:54 +0100
Subject: [PATCH 01/18] refactor(mespapiers): Simplify the
 `getAttributesFromOcr` params

The rotated file is saved in the "formData" state only
once we move on to the next step, and not at each rotation.
The state of the "formData" is therefore not up to date if
the last file added has been rotated.
---
 .../ScanResult/ScanResultDialog.jsx           |  6 +-
 .../src/components/ModelSteps/helpers.js      | 34 +++++++-----
 .../src/components/ModelSteps/helpers.spec.js | 55 ++++++++++++++++++-
 3 files changed, 78 insertions(+), 17 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx
index 276bbeb2e5..2ac26cab04 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx
@@ -22,6 +22,7 @@ import { useStepperDialog } from '../../Hooks/useStepperDialog'
 import StepperDialogTitle from '../../StepperDialog/StepperDialogTitle'
 import {
   getAttributesFromOcr,
+  getFormDataFilesForOcr,
   makeFileFromBase64,
   makeMetadataFromOcr
 } from '../helpers'
@@ -75,11 +76,10 @@ const ScanResultDialog = ({
         const OcrActivated = await isFlagshipOCRAvailable(webviewIntent)
         if (OcrActivated) {
           setOcrProcessing(true)
+          const files = getFormDataFilesForOcr(formData, currentFileRotated)
           const attributesFound = await getAttributesFromOcr({
-            formData,
+            files,
             ocrAttributes: currentDefinition.ocrAttributes,
-            currentFile,
-            currentFileRotated,
             webviewIntent
           })
           const metadataFromOcr = makeMetadataFromOcr(attributesFound)
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js
index ce615f13fc..b5bdaef875 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js
@@ -283,6 +283,22 @@ const _getAttributesFromOcr = async ({
   return attributesFound
 }
 
+/**
+ * Get formData files for OCR
+ * @param {Object} formData - State of the FormDataProvider
+ * @param {File} lastFileRotated - File object
+ * @returns {File[]} - Files to send to OCR
+ */
+export const getFormDataFilesForOcr = (formData, lastFileRotated) => {
+  return formData.data.length > 1
+    ? [
+        formData.data.find(data => data.fileMetadata.page === 'front')?.file,
+        lastFileRotated ||
+          formData.data.find(data => data.fileMetadata.page === 'back')?.file
+      ].filter(Boolean)
+    : [lastFileRotated || formData.data[0]?.file].filter(Boolean)
+}
+
 /**
  * Get attributes from OCR
  * @param {Object} options
@@ -294,29 +310,21 @@ const _getAttributesFromOcr = async ({
  * @returns {Promise<Object[]>} - Attributes found
  */
 export const getAttributesFromOcr = async ({
-  formData,
+  files,
   ocrAttributes,
-  currentFile,
-  currentFileRotated,
   webviewIntent
 }) => {
   try {
-    const frontFile = formData.data.find(
-      data => data.fileMetadata.page === 'front'
-    )
-    const backFile = formData.data.find(
-      data => data.fileMetadata.page === 'back'
-    )
-    const isDoubleSidedFile = frontFile && backFile
+    const isDoubleSidedFile = files.length > 1
 
     if (isDoubleSidedFile) {
       const attributesFrontFound = await _getAttributesFromOcr({
-        file: frontFile.file,
+        file: files[0],
         ocrAttributes: ocrAttributes.front,
         webviewIntent
       })
       const attributesBackFound = await _getAttributesFromOcr({
-        file: currentFileRotated || backFile.file,
+        file: files[1],
         ocrAttributes: ocrAttributes.back,
         webviewIntent
       })
@@ -324,7 +332,7 @@ export const getAttributesFromOcr = async ({
     }
 
     const attributesFound = await _getAttributesFromOcr({
-      file: currentFileRotated || currentFile,
+      file: files[0],
       ocrAttributes: ocrAttributes.front,
       webviewIntent
     })
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js
index 0608c59a1f..4afa5397f7 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js
@@ -1,7 +1,8 @@
 import {
   isFileAlreadySelected,
   makeBase64FromFile,
-  makeFileFromBase64
+  makeFileFromBase64,
+  getFormDataFilesForOcr
 } from './helpers'
 
 describe('ModalSteps helpers', () => {
@@ -138,4 +139,56 @@ describe('ModalSteps helpers', () => {
       await expect(makeBase64FromFile(invalidFile)).rejects.toThrow()
     })
   })
+
+  describe('getFilesForOcr', () => {
+    it('should return an empty array if no files', () => {
+      const formData = {
+        metadata: {},
+        data: [],
+        contacts: []
+      }
+      const filesForOcr = getFormDataFilesForOcr(formData, undefined)
+      expect(filesForOcr).toEqual([])
+    })
+    it('should return an array with a file', () => {
+      const formData = {
+        metadata: {},
+        data: [
+          { file: { name: '001.pdf' }, fileMetadata: { page: undefined } }
+        ],
+        contacts: []
+      }
+      const filesForOcr = getFormDataFilesForOcr(formData, undefined)
+      expect(filesForOcr).toEqual([{ name: '001.pdf' }])
+    })
+    it('should return an array with two file', () => {
+      const formData = {
+        metadata: {},
+        data: [
+          { file: { name: '001.pdf' }, fileMetadata: { page: 'front' } },
+          { file: { name: '002.pdf' }, fileMetadata: { page: 'back' } }
+        ],
+        contacts: []
+      }
+      const filesForOcr = getFormDataFilesForOcr(formData)
+      expect(filesForOcr).toEqual([{ name: '001.pdf' }, { name: '002.pdf' }])
+    })
+    it('should return an array with the last file rotated', () => {
+      const formData = {
+        metadata: {},
+        data: [
+          { file: { name: '001.pdf' }, fileMetadata: { page: 'front' } },
+          { file: { name: '002.pdf' }, fileMetadata: { page: 'back' } }
+        ],
+        contacts: []
+      }
+      const filesForOcr = getFormDataFilesForOcr(formData, {
+        name: '002_rotated.pdf'
+      })
+      expect(filesForOcr).toEqual([
+        { name: '001.pdf' },
+        { name: '002_rotated.pdf' }
+      ])
+    })
+  })
 })

From 56a964e150f6b7333c10c29b94b980ce8d23b6b2 Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Mon, 11 Dec 2023 11:07:21 +0100
Subject: [PATCH 02/18] feat(mespapiers): Add `xsmall` size to
 `CompositeHeaderImage` component

---
 .../components/CompositeHeader/CompositeHeaderImage.jsx    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx b/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx
index fa034c575b..362ba01a4c 100644
--- a/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx
@@ -76,6 +76,9 @@ const images = {
 
 const useStyles = makeStyles(() => ({
   image: {
+    '&--xsmall': {
+      height: '3rem'
+    },
     '&--small': {
       height: '4rem'
     },
@@ -104,7 +107,7 @@ const isSupportedBitmapExtension = filename => {
  * @param {Object} props
  * @param {string} props.icon - Icon name (with extension)
  * @param {object} props.fallbackIcon - SVG filetype
- * @param {string} props.iconSize - Icon size (small, medium, large(default))
+ * @param {string} props.iconSize - Icon size (xsmall, small, medium, large(default))
  * @returns {ReactElement|null}
  * @example
  * <CompositeHeaderImage icon="icon.svg" fallbackIcon="fallback.svg" iconSize="small" />
@@ -160,7 +163,7 @@ const CompositeHeaderImage = ({ icon, fallbackIcon, iconSize = 'large' }) => {
 CompositeHeaderImage.propTypes = {
   icon: iconPropType,
   fallbackIcon: PropTypes.object,
-  iconSize: PropTypes.oneOf(['small', 'medium', 'large'])
+  iconSize: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large'])
 }
 
 export default CompositeHeaderImage

From eb87e1311a028218ee782829639271b794471e3e Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Tue, 12 Dec 2023 11:09:27 +0100
Subject: [PATCH 03/18] refactor(mespapiers): Move the logic of the OCR process
 into its modal

---
 .../ScanResult/OcrProcessingDialog.jsx        | 46 ++++++++++++++++++-
 .../ScanResult/ScanResultDialog.jsx           | 43 ++++++-----------
 2 files changed, 58 insertions(+), 31 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
index 7c73b73f38..179e31110c 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
@@ -1,13 +1,50 @@
-import React from 'react'
+import PropTypes from 'prop-types'
+import React, { useEffect } from 'react'
 
+import { useWebviewIntent } from 'cozy-intent'
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Empty from 'cozy-ui/transpiled/react/Empty'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import OcrProcessingIcon from '../../../assets/icons/OcrProcessing.svg'
+import { useFormData } from '../../Hooks/useFormData'
+import { useStepperDialog } from '../../Hooks/useStepperDialog'
+import {
+  getAttributesFromOcr,
+  getFormDataFilesForOcr,
+  makeMetadataFromOcr
+} from '../helpers'
 
-const OcrProcessingDialog = ({ onBack }) => {
+const OcrProcessingDialog = ({ onBack, rotatedFile }) => {
   const { t } = useI18n()
+  const { setFormData, formData } = useFormData()
+  const webviewIntent = useWebviewIntent()
+  const { currentDefinition, nextStep } = useStepperDialog()
+  const { ocrAttributes } = currentDefinition
+
+  useEffect(() => {
+    const init = async () => {
+      const files = getFormDataFilesForOcr(formData, rotatedFile)
+      const attributesFound = await getAttributesFromOcr({
+        files,
+        ocrAttributes,
+        webviewIntent
+      })
+
+      const metadataFromOcr = makeMetadataFromOcr(attributesFound)
+      setFormData(prev => ({
+        ...prev,
+        metadata: {
+          ...prev.metadata,
+          ...metadataFromOcr
+        }
+      }))
+
+      nextStep()
+    }
+    init()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
 
   return (
     <Dialog
@@ -27,4 +64,9 @@ const OcrProcessingDialog = ({ onBack }) => {
   )
 }
 
+OcrProcessingDialog.propTypes = {
+  onBack: PropTypes.func.isRequired,
+  rotatedFile: PropTypes.object
+}
+
 export default OcrProcessingDialog
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx
index 2ac26cab04..e91e8f8ce8 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.jsx
@@ -17,15 +17,9 @@ import { FLAGSHIP_SCAN_TEMP_FILENAME, KEYS } from '../../../constants/const'
 import { isFlagshipOCRAvailable } from '../../../helpers/isFlagshipOCRAvailable'
 import { isSomePaperStepsCompliantWithOCR } from '../../../helpers/isSomePaperStepsCompliantWithOCR'
 import CompositeHeaderImage from '../../CompositeHeader/CompositeHeaderImage'
-import { useFormData } from '../../Hooks/useFormData'
 import { useStepperDialog } from '../../Hooks/useStepperDialog'
 import StepperDialogTitle from '../../StepperDialog/StepperDialogTitle'
-import {
-  getAttributesFromOcr,
-  getFormDataFilesForOcr,
-  makeFileFromBase64,
-  makeMetadataFromOcr
-} from '../helpers'
+import { makeFileFromBase64 } from '../helpers'
 
 const ScanResultDialog = ({
   currentStep,
@@ -37,21 +31,24 @@ const ScanResultDialog = ({
 }) => {
   const { illustration, multipage, page = 'default', tooltip } = currentStep
   const { t } = useI18n()
-  const { currentStepIndex } = useStepperDialog()
-  const { setFormData, formData } = useFormData()
   const webviewIntent = useWebviewIntent()
   const [searchParams] = useSearchParams()
 
   const imageRef = useRef(null)
   const [rotationImage, setRotationImage] = useState(0)
   const [ocrProcessing, setOcrProcessing] = useState(false)
-  const { nextStep, isLastStep, allCurrentSteps, currentDefinition } =
-    useStepperDialog()
+  const {
+    currentStepIndex,
+    nextStep,
+    isLastStep,
+    allCurrentSteps,
+    currentDefinition
+  } = useStepperDialog()
 
   const fromFlagshipUpload = searchParams.get('fromFlagshipUpload')
+  let currentFileRotated
 
   const onValid = async addPage => {
-    let currentFileRotated
     // If the image has changed rotation, the process has changed it to base64, so we need to transform it back into File before saving it in the formData
     if (rotationImage % 360 !== 0) {
       currentFileRotated = makeFileFromBase64({
@@ -76,24 +73,10 @@ const ScanResultDialog = ({
         const OcrActivated = await isFlagshipOCRAvailable(webviewIntent)
         if (OcrActivated) {
           setOcrProcessing(true)
-          const files = getFormDataFilesForOcr(formData, currentFileRotated)
-          const attributesFound = await getAttributesFromOcr({
-            files,
-            ocrAttributes: currentDefinition.ocrAttributes,
-            webviewIntent
-          })
-          const metadataFromOcr = makeMetadataFromOcr(attributesFound)
-
-          setFormData(prev => ({
-            ...prev,
-            metadata: {
-              ...prev.metadata,
-              ...metadataFromOcr
-            }
-          }))
         }
+      } else {
+        nextStep()
       }
-      nextStep()
     }
   }
 
@@ -107,7 +90,9 @@ const ScanResultDialog = ({
   useEventListener(window, 'keydown', handleKeyDown)
 
   if (ocrProcessing) {
-    return <OcrProcessingDialog onBack={onBack} />
+    return (
+      <OcrProcessingDialog rotatedFile={currentFileRotated} onBack={onBack} />
+    )
   }
 
   return (

From 8ff576959460919d37382a162ae3472d5fbdfabb Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Wed, 13 Dec 2023 17:13:00 +0100
Subject: [PATCH 04/18] refactor(mespapiers): Rework OCR process helpers

In view of future developments, it is preferable
to separate the responsibilities of each helper.

It was also discussed with @paultranvan to change the
type of the `ocrAttributes` attribute in the config file,
for more flexibility.
---
 .../docs/papersDefinitions.md                 |   2 +-
 .../ScanResult/OcrProcessingDialog.jsx        |  13 +-
 .../ScanResult/ScanResultDialog.spec.jsx      |   4 +-
 .../src/components/ModelSteps/helpers.js      |  98 ++-
 .../src/components/ModelSteps/helpers.spec.js |  19 +-
 .../src/constants/papersDefinitions.json      | 606 +++++++++---------
 6 files changed, 368 insertions(+), 374 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/docs/papersDefinitions.md b/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
index 8971b25a12..7728a54911 100644
--- a/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
+++ b/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
@@ -25,7 +25,7 @@
     - [`[information]`](#step-information) {object} Step to get more informations about this file.
     - [`contact`](#step-contact) {object} Step to select one or more contacts linked to this file.
     - [`note`](#step-note) {object} Step to add / edit a note.
-  - `[ocrAttributes]`: {object} Contains all the parameters necessary for the OCR process.
+  - `[ocrAttributes]`: {object\[]} Contains all the parameters necessary for the OCR process.
 
 ***
 
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
index 179e31110c..f94fbb77d3 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
@@ -12,6 +12,7 @@ import { useStepperDialog } from '../../Hooks/useStepperDialog'
 import {
   getAttributesFromOcr,
   getFormDataFilesForOcr,
+  getOcrFromFlagship,
   makeMetadataFromOcr
 } from '../helpers'
 
@@ -24,12 +25,12 @@ const OcrProcessingDialog = ({ onBack, rotatedFile }) => {
 
   useEffect(() => {
     const init = async () => {
-      const files = getFormDataFilesForOcr(formData, rotatedFile)
-      const attributesFound = await getAttributesFromOcr({
-        files,
-        ocrAttributes,
-        webviewIntent
-      })
+      const fileSides = getFormDataFilesForOcr(formData, rotatedFile)
+      const ocrFromFlagship = await getOcrFromFlagship(fileSides, webviewIntent)
+      const attributesFound = getAttributesFromOcr(
+        ocrFromFlagship,
+        ocrAttributes[0]
+      )
 
       const metadataFromOcr = makeMetadataFromOcr(attributesFound)
       setFormData(prev => ({
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.spec.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.spec.jsx
index 138dc9ef46..7861d2e018 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.spec.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/ScanResultDialog.spec.jsx
@@ -210,7 +210,7 @@ describe('AcquisitionResult component:', () => {
           currentFile: mockFile({ name: 'test.pdf' }),
           mockIsFlagshipOCRAvailable: true,
           isLastStep: jest.fn(() => true),
-          currentDefinition: { ocrAttributes: {} },
+          currentDefinition: { ocrAttributes: [] },
           allCurrentSteps: [{ isDisplayed: 'ocr' }]
         })
         const btn = getByTestId('next-button')
@@ -228,7 +228,7 @@ describe('AcquisitionResult component:', () => {
           mockIsFlagshipOCRAvailable: true,
           isLastStep: jest.fn(() => true),
           mockGetAttributesFromOcr,
-          currentDefinition: { ocrAttributes: {} },
+          currentDefinition: { ocrAttributes: [] },
           allCurrentSteps: [{ isDisplayed: 'ocr' }]
         })
         const btn = getByTestId('next-button')
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js
index b5bdaef875..9e150ec292 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.js
@@ -263,80 +263,60 @@ export const getFirstFileFromNative = async webviewIntent => {
   return fileToHandle
 }
 
-const _getAttributesFromOcr = async ({
-  file,
-  ocrAttributes,
-  webviewIntent
-}) => {
-  const cleanB64FrontFile = await makeBase64FromFile(file, {
-    prefix: false
-  })
-  const ocrFromFlagshipResult = await webviewIntent.call(
-    'ocr',
-    cleanB64FrontFile
-  )
-  const { attributes: attributesFound } = findAttributes(
-    ocrFromFlagshipResult.OCRResult,
-    ocrFromFlagshipResult.imgSize,
-    ocrAttributes
-  )
-  return attributesFound
+/**
+ * Get OCR from flagship
+ * @param {{ front: File, back?: File }} fileSides - File object
+ * @param {Object} webviewIntent - Webview intent
+ * @returns {Promise<{ front: Object, back?: Object }[]>} - OCR result
+ */
+export const getOcrFromFlagship = async (fileSides, webviewIntent) => {
+  return Object.keys(fileSides).reduce(async (acc, side) => {
+    const cleanB64File = await makeBase64FromFile(fileSides[side], {
+      prefix: false
+    })
+    const ocrFromFlagshipResult = await webviewIntent.call('ocr', cleanB64File)
+    const prevAcc = await acc
+    return { ...prevAcc, [side]: ocrFromFlagshipResult }
+  }, Promise.resolve({}))
 }
 
 /**
  * Get formData files for OCR
  * @param {Object} formData - State of the FormDataProvider
  * @param {File} lastFileRotated - File object
- * @returns {File[]} - Files to send to OCR
+ * @returns {{ front: File, back?: File }} - Files to send to OCR
  */
 export const getFormDataFilesForOcr = (formData, lastFileRotated) => {
-  return formData.data.length > 1
-    ? [
-        formData.data.find(data => data.fileMetadata.page === 'front')?.file,
-        lastFileRotated ||
-          formData.data.find(data => data.fileMetadata.page === 'back')?.file
-      ].filter(Boolean)
-    : [lastFileRotated || formData.data[0]?.file].filter(Boolean)
+  const front =
+    formData.data.find(data => data.fileMetadata.page === 'front')?.file ||
+    formData.data[0]?.file
+  const back =
+    lastFileRotated ||
+    formData.data.find(data => data.fileMetadata.page === 'back')?.file
+
+  return {
+    ...(front && { front }),
+    ...(back && { back })
+  }
 }
 
 /**
  * Get attributes from OCR
- * @param {Object} options
- * @param {Object} options.formData - State of the FormDataProvider
- * @param {Object} options.ocrAttributes - OCR attributes config of current definition of paper
- * @param {File} options.currentFile - File object
- * @param {File} options.currentFileRotated - File object
- * @param {Object} options.webviewIntent - Webview intent
- * @returns {Promise<Object[]>} - Attributes found
+ * @param {{front: Object, back?: Object}[]} ocrFromFlagshipResult - OCR result
+ * @param {Object[]} ocrAttributes - Attributes to find
+ * @returns {Object[]} - Attributes found
  */
-export const getAttributesFromOcr = async ({
-  files,
-  ocrAttributes,
-  webviewIntent
-}) => {
+export const getAttributesFromOcr = (ocrFromFlagshipResult, ocrAttributes) => {
   try {
-    const isDoubleSidedFile = files.length > 1
-
-    if (isDoubleSidedFile) {
-      const attributesFrontFound = await _getAttributesFromOcr({
-        file: files[0],
-        ocrAttributes: ocrAttributes.front,
-        webviewIntent
-      })
-      const attributesBackFound = await _getAttributesFromOcr({
-        file: files[1],
-        ocrAttributes: ocrAttributes.back,
-        webviewIntent
-      })
-      return attributesFrontFound.concat(attributesBackFound)
-    }
-
-    const attributesFound = await _getAttributesFromOcr({
-      file: files[0],
-      ocrAttributes: ocrAttributes.front,
-      webviewIntent
+    return Object.keys(ocrFromFlagshipResult).flatMap(ocrFromFlagship => {
+      const ocrFromFlagshipSide = ocrFromFlagshipResult[ocrFromFlagship]
+      const { attributes } = findAttributes(
+        ocrFromFlagshipSide.OCRResult,
+        ocrFromFlagshipSide.imgSize,
+        ocrAttributes[ocrFromFlagship]
+      )
+      return attributes
     })
-    return attributesFound
   } catch (error) {
     log(
       'error',
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js
index 4afa5397f7..1b39b6e5a0 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/helpers.spec.js
@@ -148,9 +148,9 @@ describe('ModalSteps helpers', () => {
         contacts: []
       }
       const filesForOcr = getFormDataFilesForOcr(formData, undefined)
-      expect(filesForOcr).toEqual([])
+      expect(filesForOcr).toEqual({})
     })
-    it('should return an array with a file', () => {
+    it('should return an object with a file', () => {
       const formData = {
         metadata: {},
         data: [
@@ -159,7 +159,7 @@ describe('ModalSteps helpers', () => {
         contacts: []
       }
       const filesForOcr = getFormDataFilesForOcr(formData, undefined)
-      expect(filesForOcr).toEqual([{ name: '001.pdf' }])
+      expect(filesForOcr).toEqual({ front: { name: '001.pdf' } })
     })
     it('should return an array with two file', () => {
       const formData = {
@@ -171,7 +171,10 @@ describe('ModalSteps helpers', () => {
         contacts: []
       }
       const filesForOcr = getFormDataFilesForOcr(formData)
-      expect(filesForOcr).toEqual([{ name: '001.pdf' }, { name: '002.pdf' }])
+      expect(filesForOcr).toEqual({
+        back: { name: '002.pdf' },
+        front: { name: '001.pdf' }
+      })
     })
     it('should return an array with the last file rotated', () => {
       const formData = {
@@ -185,10 +188,10 @@ describe('ModalSteps helpers', () => {
       const filesForOcr = getFormDataFilesForOcr(formData, {
         name: '002_rotated.pdf'
       })
-      expect(filesForOcr).toEqual([
-        { name: '001.pdf' },
-        { name: '002_rotated.pdf' }
-      ])
+      expect(filesForOcr).toEqual({
+        back: { name: '002_rotated.pdf' },
+        front: { name: '001.pdf' }
+      })
     })
   })
 })
diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index f23dace7ff..e222989a8b 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -166,30 +166,32 @@
           "text": "PaperJSON.generic.owner.text"
         }
       ],
-      "ocrAttributes": {
-        "front": {
-          "referenceBox": {
-            "text": "IBAN"
-          },
-          "attributesRegex": [
-            {
-              "name": "number",
-              "regex": "^[A-Z]{2}[0-9]{2}[A-Z0-9]{11,30}$"
+      "ocrAttributes": [
+        {
+          "front": {
+            "referenceBox": {
+              "text": "IBAN"
             },
-            {
-              "name": "bicNumber",
-              "regex": "^[A-Z]{4}([A-Z]{2})[A-Z0-9]{2}([A-Z0-9]{3})?$",
-              "oneWord": true,
-              "validationRules": [
-                {
-                  "regexGroupIdx": 1,
-                  "validationFn": "checkCountryCode"
-                }
-              ]
-            }
-          ]
+            "attributesRegex": [
+              {
+                "name": "number",
+                "regex": "^[A-Z]{2}[0-9]{2}[A-Z0-9]{11,30}$"
+              },
+              {
+                "name": "bicNumber",
+                "regex": "^[A-Z]{4}([A-Z]{2})[A-Z0-9]{2}([A-Z0-9]{3})?$",
+                "oneWord": true,
+                "validationRules": [
+                  {
+                    "regexGroupIdx": 1,
+                    "validationFn": "checkCountryCode"
+                  }
+                ]
+              }
+            ]
+          }
         }
-      }
+      ]
     },
     {
       "label": "bank_statement",
@@ -420,153 +422,155 @@
           "text": "PaperJSON.generic.owner.text"
         }
       ],
-      "ocrAttributes": {
-        "front": {
-          "size": {
-            "width": 415,
-            "height": 254
-          },
-          "textBounding": {
-            "bottom": 237,
-            "left": 9,
-            "right": 409,
-            "top": 4
-          },
-          "referenceBox": {
-            "text": "PERMISDECONDUIRE"
-          },
-          "attributesBoxes": [
-            {
-              "type": "string",
-              "name": "lastName",
-              "enabled": true,
-              "fullLine": true,
-              "bounding": {
-                "height": 18,
-                "left": 130,
-                "top": 26
-              },
-              "postTextRules": [
-                {"regex": "^1."},
-                {"regex": "^[\\^4n]"},
-                {"regex": "^\\d", "flag": "g"},
-                {"regex": "[Aa]$"},
-                {"regex": "^a|a$", "flag": "g"}
-              ]
+      "ocrAttributes": [
+        {
+          "front": {
+            "size": {
+              "width": 415,
+              "height": 254
             },
-            {
-              "type": "string",
-              "name": "firstName",
-              "enabled": true,
-              "bounding": {
-                "height": 13,
-                "left": 130,
-                "top": 52
-              },
-              "postTextRules": [
-                {"regex": "^[\\^4n]"},
-                {"regex": "^\\d", "flag": "g"},
-                {"regex": "^a|a$", "flag": "g"}
-              ]
+            "textBounding": {
+              "bottom": 237,
+              "left": 9,
+              "right": 409,
+              "top": 4
             },
-            {
-              "type": "date",
-              "name": "issueDate",
-              "dateFormat": "ddMMyyyy",
-              "enabled": true,
-              "bounding": {
-                "height": 13,
-                "left": 129,
-                "top": 96,
-                "width": 57
-              },
-              "postTextRules": [{"regex": "\\^4a"}, {"regex": "\\^."}]
+            "referenceBox": {
+              "text": "PERMISDECONDUIRE"
             },
-            {
-              "type": "date",
-              "name": "expirationDate",
-              "dateFormat": "ddMMyyyy",
-              "enabled": true,
-              "fixedSize": true,
-              "bounding": {
-                "height": 16,
-                "left": 129,
-                "top": 120,
-                "width": 71
+            "attributesBoxes": [
+              {
+                "type": "string",
+                "name": "lastName",
+                "enabled": true,
+                "fullLine": true,
+                "bounding": {
+                  "height": 18,
+                  "left": 130,
+                  "top": 26
+                },
+                "postTextRules": [
+                  {"regex": "^1."},
+                  {"regex": "^[\\^4n]"},
+                  {"regex": "^\\d", "flag": "g"},
+                  {"regex": "[Aa]$"},
+                  {"regex": "^a|a$", "flag": "g"}
+                ]
               },
-              "postTextRules": [{"regex": "^4b"}, {"regex": "^\\."}]
-            },
-            {
-              "type": "string",
-              "name": "bottomTest",
-              "enabled": false,
-              "fullLine": true,
-              "fixedSize": true,
-              "bounding": {
-                "height": 94,
-                "left": 129,
-                "top": 767,
-                "width": 2404
-              }
-            }
-          ]
-        },
-        "back": {
-          "size": {
-            "width": 401,
-            "height": 253
-          },
-          "textBounding": {"bottom": 217, "left": 3, "right": 370, "top": 6},
-          "attributesBoxes": [
-            {
-              "type": "string",
-              "name": "cardNumberLine1",
-              "enabled": true,
-              "fixedSize": true,
-              "group": {
-                "name": "number",
-                "order": 1
+              {
+                "type": "string",
+                "name": "firstName",
+                "enabled": true,
+                "bounding": {
+                  "height": 13,
+                  "left": 130,
+                  "top": 52
+                },
+                "postTextRules": [
+                  {"regex": "^[\\^4n]"},
+                  {"regex": "^\\d", "flag": "g"},
+                  {"regex": "^a|a$", "flag": "g"}
+                ]
               },
-              "bounding": {
-                "left": 26,
-                "top": 24
-              }
-            },
-            {
-              "type": "string",
-              "name": "cardNumberLine2",
-              "enabled": true,
-              "fixedSize": true,
-              "group": {
-                "name": "number",
-                "order": 2
+              {
+                "type": "date",
+                "name": "issueDate",
+                "dateFormat": "ddMMyyyy",
+                "enabled": true,
+                "bounding": {
+                  "height": 13,
+                  "left": 129,
+                  "top": 96,
+                  "width": 57
+                },
+                "postTextRules": [{"regex": "\\^4a"}, {"regex": "\\^."}]
               },
-              "bounding": {
-                "left": 26,
-                "top": 42
-              }
-            },
-            {
-              "type": "date",
-              "name": "issueDateA",
-              "bounding": {
-                "left": 163,
-                "top": 51,
-                "width": 32,
-                "height": 7
+              {
+                "type": "date",
+                "name": "expirationDate",
+                "dateFormat": "ddMMyyyy",
+                "enabled": true,
+                "fixedSize": true,
+                "bounding": {
+                  "height": 16,
+                  "left": 129,
+                  "top": 120,
+                  "width": 71
+                },
+                "postTextRules": [{"regex": "^4b"}, {"regex": "^\\."}]
+              },
+              {
+                "type": "string",
+                "name": "bottomTest",
+                "enabled": false,
+                "fullLine": true,
+                "fixedSize": true,
+                "bounding": {
+                  "height": 94,
+                  "left": 129,
+                  "top": 767,
+                  "width": 2404
+                }
               }
+            ]
+          },
+          "back": {
+            "size": {
+              "width": 401,
+              "height": 253
             },
-            {
-              "type": "date",
-              "name": "issueDateB",
-              "bounding": {
-                "left": 163,
-                "top": 75
+            "textBounding": {"bottom": 217, "left": 3, "right": 370, "top": 6},
+            "attributesBoxes": [
+              {
+                "type": "string",
+                "name": "cardNumberLine1",
+                "enabled": true,
+                "fixedSize": true,
+                "group": {
+                  "name": "number",
+                  "order": 1
+                },
+                "bounding": {
+                  "left": 26,
+                  "top": 24
+                }
+              },
+              {
+                "type": "string",
+                "name": "cardNumberLine2",
+                "enabled": true,
+                "fixedSize": true,
+                "group": {
+                  "name": "number",
+                  "order": 2
+                },
+                "bounding": {
+                  "left": 26,
+                  "top": 42
+                }
+              },
+              {
+                "type": "date",
+                "name": "issueDateA",
+                "bounding": {
+                  "left": 163,
+                  "top": 51,
+                  "width": 32,
+                  "height": 7
+                }
+              },
+              {
+                "type": "date",
+                "name": "issueDateB",
+                "bounding": {
+                  "left": 163,
+                  "top": 75
+                }
               }
-            }
-          ]
+            ]
+          }
         }
-      }
+      ]
     },
     {
       "label": "driver_license",
@@ -950,67 +954,69 @@
           "text": "PaperJSON.generic.owner.text"
         }
       ],
-      "ocrAttributes": {
-        "front": {
-          "size": {
-            "width": 1333,
-            "height": 909
-          },
-          "textBounding": {
-            "bottom": 845,
-            "left": 41,
-            "right": 1312,
-            "top": 16
-          },
-          "referenceBox": {
-            "text": "CARTENATIONALE"
-          },
-          "attributesRegex": [
-            {
-              "name": "number",
-              "regex": "^(\\d{12})"
-            }
-          ],
-          "attributesBoxes": [
-            {
-              "type": "string",
-              "name": "number",
-              "enabled": true,
-              "fixedSize": true,
-              "bounding": {
-                "height": 39,
-                "left": 598,
-                "top": 96,
-                "width": 252
+      "ocrAttributes": [
+        {
+          "front": {
+            "size": {
+              "width": 1333,
+              "height": 909
+            },
+            "textBounding": {
+              "bottom": 845,
+              "left": 41,
+              "right": 1312,
+              "top": 16
+            },
+            "referenceBox": {
+              "text": "CARTENATIONALE"
+            },
+            "attributesRegex": [
+              {
+                "name": "number",
+                "regex": "^(\\d{12})"
               }
-            }
-          ]
-        },
-        "back": {
-          "size": {
-            "width": 596,
-            "height": 410
-          },
-          "textBounding": {
-            "bottom": 304,
-            "left": 12,
-            "right": 429,
-            "top": 126
+            ],
+            "attributesBoxes": [
+              {
+                "type": "string",
+                "name": "number",
+                "enabled": true,
+                "fixedSize": true,
+                "bounding": {
+                  "height": 39,
+                  "left": 598,
+                  "top": 96,
+                  "width": 252
+                }
+              }
+            ]
           },
-          "attributesBoxes": [
-            {
-              "type": "date",
-              "dateFormat": "ddMMyyyy",
-              "name": "expirationDate",
-              "bounding": {
-                "left": 174,
-                "top": 172
-              },
-              "fullLine": true
-            }
-          ]
+          "back": {
+            "size": {
+              "width": 596,
+              "height": 410
+            },
+            "textBounding": {
+              "bottom": 304,
+              "left": 12,
+              "right": 429,
+              "top": 126
+            },
+            "attributesBoxes": [
+              {
+                "type": "date",
+                "dateFormat": "ddMMyyyy",
+                "name": "expirationDate",
+                "bounding": {
+                  "left": 174,
+                  "top": 172
+                },
+                "fullLine": true
+              }
+            ]
+          }
         }
-      }
+      ]
     },
     {
       "label": "personal_sporting_licence",
@@ -1780,55 +1786,57 @@
           "text": "PaperJSON.generic.owner.text"
         }
       ],
-      "ocrAttributes": {
-        "front": {
-          "size": {
-            "width": 614,
-            "height": 390
-          },
-          "textBounding": {
-            "bottom": 337,
-            "left": 207,
-            "right": 577,
-            "top": 27
-          },
-          "referenceBox": {
-            "text": "TITREDESEJOUR"
-          },
-          "attributesBoxes": [
-            {
-              "type": "date",
-              "dateFormat": "ddMMyyyy",
-              "name": "expirationDate",
-              "bounding": {
-                "left": 214,
-                "top": 133
+      "ocrAttributes": [
+        {
+          "front": {
+            "size": {
+              "width": 614,
+              "height": 390
+            },
+            "textBounding": {
+              "bottom": 337,
+              "left": 207,
+              "right": 577,
+              "top": 27
+            },
+            "referenceBox": {
+              "text": "TITREDESEJOUR"
+            },
+            "attributesBoxes": [
+              {
+                "type": "date",
+                "dateFormat": "ddMMyyyy",
+                "name": "expirationDate",
+                "bounding": {
+                  "left": 214,
+                  "top": 133
+                }
               }
-            }
-          ]
-        },
-        "back": {
-          "size": {
-            "width": 615,
-            "height": 384
+            ]
           },
-          "referenceBox": {
-            "text": "TITREDESEJOUR"
-          },
-          "attributesRegex": [
-            {
-              "name": "number",
-              "regex": "<[0-9]{10}<",
-              "postTextRules": [{"regex": "<", "flag": "g"}]
+          "back": {
+            "size": {
+              "width": 615,
+              "height": 384
             },
-            {
-              "name": "country",
-              "regex": "[0-9][A-Z]{3}<",
-              "postTextRules": [{"regex": "^[0-9]"}, {"regex": "<$"}]
-            }
-          ]
+            "referenceBox": {
+              "text": "TITREDESEJOUR"
+            },
+            "attributesRegex": [
+              {
+                "name": "number",
+                "regex": "<[0-9]{10}<",
+                "postTextRules": [{"regex": "<", "flag": "g"}]
+              },
+              {
+                "name": "country",
+                "regex": "[0-9][A-Z]{3}<",
+                "postTextRules": [{"regex": "^[0-9]"}, {"regex": "<$"}]
+              }
+            ]
+          }
         }
-      }
+      ]
     },
     {
       "label": "school_attendance_certificate",
@@ -2234,44 +2242,46 @@
           "text": "PaperJSON.generic.owner.text"
         }
       ],
-      "ocrAttributes": {
-        "front": {
-          "size": {
-            "width": 1607,
-            "height": 1149
-          },
-          "textBounding": {
-            "bottom": 1045,
-            "left": 54,
-            "right": 1511,
-            "top": 18
-          },
-          "referenceBox": {
-            "text": "PASSEPORT"
-          },
-          "attributesBoxes": [
-            {
-              "type": "string",
-              "name": "number",
-              "bounding": {
-                "left": 1122,
-                "top": 129
-              },
-              "validationRules": [{"regex": "^\\d{2}[A-Za-z]{2}\\d{5}"}]
+      "ocrAttributes": [
+        {
+          "front": {
+            "size": {
+              "width": 1607,
+              "height": 1149
             },
-            {
-              "type": "date",
-              "name": "expirationDate",
-              "fullLine": true,
-              "bounding": {
-                "left": 506,
-                "top": 771
+            "textBounding": {
+              "bottom": 1045,
+              "left": 54,
+              "right": 1511,
+              "top": 18
+            },
+            "referenceBox": {
+              "text": "PASSEPORT"
+            },
+            "attributesBoxes": [
+              {
+                "type": "string",
+                "name": "number",
+                "bounding": {
+                  "left": 1122,
+                  "top": 129
+                },
+                "validationRules": [{"regex": "^\\d{2}[A-Za-z]{2}\\d{5}"}]
+              },
+              {
+                "type": "date",
+                "name": "expirationDate",
+                "fullLine": true,
+                "bounding": {
+                  "left": 506,
+                  "top": 771
+                }
               }
-            }
-          ]
-        },
-        "back": {}
-      }
+            ]
+          },
+          "back": {}
+        }
+      ]
     },
     {
       "label": "resume",

From e6ff9dad5ed54d1576b8dba0e43ba824fd7effc5 Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 10:51:05 +0100
Subject: [PATCH 05/18] feat(mespapiers): Add SelectPaperFormat component

This modal comes after the animated OCR processing modal,
to ask the user to confirm the recognized version.
---
 .../ScanResult/SelectPaperFormat.jsx          | 111 ++++++++++++++++++
 .../cozy-mespapiers-lib/src/locales/en.json   |   3 +
 .../cozy-mespapiers-lib/src/locales/fr.json   |   3 +
 3 files changed, 117 insertions(+)
 create mode 100644 packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
new file mode 100644
index 0000000000..430ca7b25d
--- /dev/null
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
@@ -0,0 +1,111 @@
+import PropTypes from 'prop-types'
+import React, { useState } from 'react'
+
+import Box from 'cozy-ui/transpiled/react/Box'
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import List from 'cozy-ui/transpiled/react/List'
+import ListItem from 'cozy-ui/transpiled/react/ListItem'
+import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Radio from 'cozy-ui/transpiled/react/Radios'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+import CompositeHeader from '../../CompositeHeader/CompositeHeader'
+import CompositeHeaderImage from '../../CompositeHeader/CompositeHeaderImage'
+import { useFormData } from '../../Hooks/useFormData'
+import { useStepperDialog } from '../../Hooks/useStepperDialog'
+import { getAttributesFromOcr, makeMetadataFromOcr } from '../helpers'
+
+const SelectPaperFormat = ({ onBack, ocrFromFlagship }) => {
+  const { t } = useI18n()
+  const { setFormData } = useFormData()
+  const { currentDefinition, nextStep } = useStepperDialog()
+  const [selectedVersion, setSelectedVersion] = useState()
+  const { ocrAttributes } = currentDefinition
+
+  const handleClick = () => {
+    const attributesSelected = ocrAttributes.find(
+      attr => attr.version === selectedVersion
+    )
+    const attributesFound = getAttributesFromOcr(
+      ocrFromFlagship,
+      attributesSelected
+    )
+
+    const metadataFromOcr = makeMetadataFromOcr(attributesFound)
+    setFormData(prev => ({
+      ...prev,
+      metadata: {
+        ...prev.metadata,
+        ...metadataFromOcr
+      }
+    }))
+
+    nextStep()
+  }
+
+  const handleCheck = version => {
+    setSelectedVersion(version)
+  }
+
+  return (
+    <Dialog
+      open
+      onBack={onBack}
+      transitionDuration={0}
+      content={
+        <CompositeHeader
+          title={t('SelectPaperFormat.title')}
+          text={ocrAttributes.map(attr => (
+            <Box
+              key={attr.version}
+              borderRadius="0.5rem"
+              border="1px solid var(--borderMainColor)"
+              marginTop="0.5rem"
+            >
+              <List className="u-p-0">
+                <ListItem
+                  button
+                  size="large"
+                  ellipsis={false}
+                  onClick={() => handleCheck(attr.version)}
+                >
+                  <CompositeHeaderImage
+                    icon={attr.illustration}
+                    iconSize="xsmall"
+                  />
+                  <ListItemText primary={t(attr.versionLabel)} />
+                  <ListItemSecondaryAction>
+                    <Radio
+                      checked={selectedVersion === attr.version}
+                      onChange={() => handleCheck(attr.version)}
+                      value={attr.version}
+                      name={attr.version}
+                    />
+                  </ListItemSecondaryAction>
+                </ListItem>
+              </List>
+            </Box>
+          ))}
+        />
+      }
+      actions={
+        <Button
+          data-testid="next-button"
+          fullWidth
+          label={t('common.next')}
+          onClick={handleClick}
+          disabled={!selectedVersion}
+        />
+      }
+    />
+  )
+}
+
+SelectPaperFormat.propTypes = {
+  onBack: PropTypes.func.isRequired,
+  ocrFromFlagship: PropTypes.object.isRequired
+}
+
+export default SelectPaperFormat
diff --git a/packages/cozy-mespapiers-lib/src/locales/en.json b/packages/cozy-mespapiers-lib/src/locales/en.json
index c2720371af..2e3a064307 100644
--- a/packages/cozy-mespapiers-lib/src/locales/en.json
+++ b/packages/cozy-mespapiers-lib/src/locales/en.json
@@ -493,5 +493,8 @@
   "OcrProcessingDialog": {
     "title": "Document analysis in progress",
     "text": "Please wait…"
+  },
+  "SelectPaperFormat": {
+    "title": "Check the format detected for your card"
   }
 }
diff --git a/packages/cozy-mespapiers-lib/src/locales/fr.json b/packages/cozy-mespapiers-lib/src/locales/fr.json
index 72f372ba27..518bf07114 100644
--- a/packages/cozy-mespapiers-lib/src/locales/fr.json
+++ b/packages/cozy-mespapiers-lib/src/locales/fr.json
@@ -493,5 +493,8 @@
   "OcrProcessingDialog": {
     "title": "Analyse du document en cours",
     "text": "Merci de patienter…"
+  },
+  "SelectPaperFormat": {
+    "title": "Vérifier le format détecté pour votre carte"
   }
 }

From 61664a8b3f26aaa3927036aa6eea8c59001eec3f Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Wed, 13 Dec 2023 18:48:48 +0100
Subject: [PATCH 06/18] feat(mespapiers): Add country detection for passport

This introduces a new 'stripChars' method in validationRules,
useful to remove extra characters from the regex.
Those characters are useful for detection, but should be
removed afterwards.
---
 .../src/constants/papersDefinitions.json      | 19 +++++++++++++++++++
 .../src/helpers/findAttributes.js             | 11 +++++++++++
 2 files changed, 30 insertions(+)

diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index e222989a8b..0c70ffafb1 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -2277,6 +2277,25 @@
                   "top": 771
                 }
               }
+            ],
+            "attributesRegex": [
+              {
+                "name": "country",
+                "regex": "<[A-Z]{3}",
+                "validationRules": [
+                  {
+                    "stripChars": [
+                      "<"
+                    ],
+                    "validationFn": "checkCountryCode"
+                  }
+                ],
+                "postTextRules": [
+                  {
+                    "regex": "<"
+                  }
+                ]
+              }
             ]
           },
           "back": {}
diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
index 3639fb9857..da403d7ea6 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
@@ -362,6 +362,17 @@ const checkValidationRulesFn = (attribute, match) => {
       const validationFn = getValidationFnByName(rule.validationFn)
       isValid = validationFn ? validationFn(match[rule.regexGroupIdx]) : false
     }
+    if (rule.validationFn) {
+      const idx = rule.regexGroupIdx || 0
+      let textToValidate = match[idx]
+      if (rule.stripChars) {
+        for (const regex of rule.stripChars) {
+          textToValidate = match[idx].replace(regex, '')
+        }
+      }
+      const validationFn = getValidationFnByName(rule.validationFn)
+      isValid = validationFn ? validationFn(textToValidate) : false
+    }
   }
   return isValid
 }

From 2068712e7e949ff15c5cd118d6d0ccd906af17d1 Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 11:09:32 +0100
Subject: [PATCH 07/18] feat(mespapiers): Add new identity card format (2021)

This is the french identity card format, created in march 21.
By @paultranvan
---
 .../src/constants/papersDefinitions.json      | 35 +++++++++++++++++++
 .../src/helpers/findAttributes.js             | 21 +++++++++++
 2 files changed, 56 insertions(+)

diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index 0c70ffafb1..e1686cf55e 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -1015,6 +1015,41 @@
               }
             ]
           }
+        },
+        {
+          "version": "2021.03",
+          "back": {
+            "attributesRegex": [
+              {
+                "name": "cardNumber",
+                "regex": "^[0-9A-Z]{9}[0-9]<$",
+                "validationRules": [
+                  {
+                    "validationFn": "checkIdentityCardNumber"
+                  }
+                ],
+                "postTextRules": [
+                  {
+                    "regex": ".{2}$"
+                  }
+                ]
+              },
+              {
+                "name": "expirationDate",
+                "type": "date",
+                "dateFormat": "yyMMdd",
+                "regex": "[MF][0-9]{7}[A-Z]{3}",
+                "postTextRules": [
+                  {
+                    "regex": ".^"
+                  },
+                  {
+                    "regex": ".{4}$"
+                  }
+                ]
+              }
+            ]
+          }
         }
       ]
     },
diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
index da403d7ea6..215b547b27 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
@@ -15,6 +15,25 @@ const removeSpaces = text => {
   return text.replace(/\s/g, '')
 }
 
+// TODO: should be moved elsewhere?
+const checkIdentityCardNumber = identityNumber => {
+  if (!identityNumber || !identityNumber.match(/[0-9A-Z<]*/)) {
+    return false
+  }
+  const sumControl = identityNumber[identityNumber.length - 2]
+  const facteurs = [7, 3, 1]
+  let resultat = 0
+  for (let i = 0; i < identityNumber.length - 1; i++) {
+    const c = identityNumber.charAt(i)
+    if (c === '<') {
+      continue
+    }
+    resultat += parseInt(c, 36) * facteurs[i % 3]
+  }
+
+  return sumControl === resultat % 10
+}
+
 /**
  * Compute the euclidean distance between two boxes
  * @param {object} box1 - normalized box
@@ -338,6 +357,8 @@ const getValidationFnByName = name => {
   switch (name) {
     case 'checkCountryCode':
       return checkCountryCode
+    case 'checkIdentityCardNumber':
+      return checkIdentityCardNumber
     default:
       log('error', 'Unknown validation function', 'getValidationFnByName')
       return null

From 77347e0e15b2b791068414d795b9bfd72ee24e3f Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 11:10:52 +0100
Subject: [PATCH 08/18] feat(mespapiers): Add paper version detection

This introduces the possibility to detect a paper version,
based on the 2 sides OCR + reference rules.
Those rules can be applied on front and/or back side.
All the rules must be respected in order to detect a version.
For now, the rules are simple regex, evaluated against the
OCR.
By @paultranvan
---
 .../src/helpers/findAttributes.js             | 100 ++++++++++-
 .../src/helpers/findAttributes.spec.js        | 158 +++++++++++++++++-
 2 files changed, 251 insertions(+), 7 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
index 215b547b27..9dcb9cba19 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
@@ -6,6 +6,17 @@ import log from 'cozy-logger'
 const MAX_TEXT_SHIFT_THRESHOLD = 5 // in %
 const MAX_LINE_SHIFT_THRESHOLD = 5 // in px
 
+const normalizeText = text => {
+  // TODO: more normalization might be necessary
+  return text
+    .normalize('NFD')
+    .toUpperCase()
+    .replace(/\s/g, '') // remove space
+    .replace(/ç/g, 'c')
+    .replace(/'/g, '')
+    .replace(/[\u0300-\u036f]/g, '') // remove accents
+}
+
 /**
  * Remove all spaces from a string
  * @param {string} text - text to remove spaces from
@@ -565,26 +576,103 @@ const findAttributesByRegex = (OCRResult, attributesRegex) => {
   return foundAttributes
 }
 
+const hasMatchingText = (blocks, regex) => {
+  const regExp = new RegExp(regex)
+  for (const block of blocks) {
+    for (const line of block.lines) {
+      // Check regexp against line text
+      const normalizedLine = normalizeText(line.text)
+      if (regExp.test(normalizedLine)) {
+        return true
+      }
+      // If the line failed, check by splitted element
+      for (const el of line.elements) {
+        const normalizedEl = normalizeText(el.text)
+        if (regExp.test(normalizedEl)) {
+          return true
+        }
+      }
+    }
+  }
+  return false
+}
+
+const isMatchingRules = (blocks, rules) => {
+  if (!rules) {
+    return null
+  }
+  // All the references must be found
+  for (const refRule of rules) {
+    const match = hasMatchingText(blocks, refRule.regex)
+    if (!match) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * From the given OCR and rules, try to find which version the paper belongs
+ *
+ * For instance, an identity card may have 2 versions.
+ * A set of regex rules is defined to identify each version, against OCR.
+ *
+ * @param {object} OCRWithSides - The OCR for both sides, front and back
+ * @param {Array<object>} versionReferences - The references for each paper version
+ * @returns {object} The matching version
+ */
+export const findPaperVersion = (OCRWithSides, versionReferences) => {
+  const OCRFront = OCRWithSides?.front?.OCRResult
+  const OCRBack = OCRWithSides?.back?.OCRResult
+
+  for (const versionRef of versionReferences) {
+    const frontRules =
+      versionRef?.referenceRules?.filter(ref => ref.side === 'front') || []
+    const backRules =
+      versionRef?.referenceRules?.filter(ref => ref.side === 'back') || []
+
+    const shouldDetectFront = OCRFront && frontRules.length > 0
+    const shouldDetectBack = OCRBack && backRules.length > 0
+    const hasMatchForFront =
+      shouldDetectFront && isMatchingRules(OCRFront, frontRules)
+    const hasMatchForBack =
+      shouldDetectBack && isMatchingRules(OCRBack, backRules)
+
+    if (shouldDetectFront && shouldDetectBack) {
+      if (hasMatchForFront && hasMatchForBack) {
+        return { version: versionRef.version }
+      }
+    } else if (shouldDetectFront && hasMatchForFront) {
+      return { version: versionRef.version }
+    } else if (shouldDetectBack && hasMatchForBack) {
+      return { version: versionRef.version }
+    }
+  }
+  return { version: null }
+}
+
 /**
- * The paperType + face are used as fallback when no paper is automatically found
+ * The paperType + side are used as fallback when no paper is automatically found
+ *
  * @param {object} OCRResult - OCR result
  * @param {object} imgSize - image size
- * @param {object} ocrAttributesFace - OCR attributes
+ * @param {object} ocrAttributesSide - OCR attributes for the document side
  * @returns {object} attributes found
  */
-export const findAttributes = (OCRResult, imgSize, ocrAttributesFace = {}) => {
+export const findAttributes = (OCRResult, imgSize, ocrAttributesSide = {}) => {
   if (!OCRResult || OCRResult.length < 1) {
     return null
   }
-  const { attributesRegex, size } = ocrAttributesFace
+  const { attributesRegex, size } = ocrAttributesSide
   let attributesByBox = []
   if (size?.width && size?.height) {
-    attributesByBox = findAttributesByBox(OCRResult, ocrAttributesFace, imgSize)
+    attributesByBox = findAttributesByBox(OCRResult, ocrAttributesSide, imgSize)
   }
   const attributesByRegex = findAttributesByRegex(OCRResult, attributesRegex)
 
   // TODO: when an attribute is both found by box and regex, which one should be kept?(@paultranvan)
-  // TODO We keep in priority the result found via the regex (@merkur39)
+  // => For now, we keep in priority the result found via the regex (@merkur39)
+  // => Note this implies strict regex to minimize false positives (@paultranvan)
   const foundAttributes = unionBy(attributesByRegex, attributesByBox, 'name')
   const processedAttributes = postProcessing(foundAttributes)
 
diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.spec.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.spec.js
index 7888ea57f9..6f2b725ca6 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.spec.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.spec.js
@@ -1,4 +1,4 @@
-import { findAttributes } from './findAttributes'
+import { findAttributes, findPaperVersion } from './findAttributes'
 
 /*
 Nom : John Doe
@@ -92,3 +92,159 @@ describe('findAttributes', () => {
     expect(result).toEqual(expected)
   })
 })
+
+describe('findPaperVersion', () => {
+  const OCRIdentityCardFront = [
+    {
+      lines: [
+        {
+          text: "CARTE NATIONALE D'IDENTITÉ",
+          elements: [
+            {
+              text: 'CARTE'
+            },
+            {
+              text: 'NATIONALE'
+            },
+            {
+              text: "D'IDENTITE"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      lines: [
+        {
+          text: 'IDFRAJOHN<<DOE<<<<<<<081121',
+          elements: [
+            {
+              text: 'IDFRAJOHN<<DOE<<<<<<<081121'
+            }
+          ]
+        }
+      ]
+    }
+  ]
+  const OCRIdentityCardBack = [
+    {
+      lines: [
+        {
+          text: 'Adresse : ',
+          elements: [
+            {
+              text: 'Adresse'
+            },
+            {
+              text: ':'
+            }
+          ]
+        }
+      ]
+    }
+  ]
+  const OCR = {
+    front: { OCRResult: OCRIdentityCardFront },
+    back: { OCRResult: OCRIdentityCardBack }
+  }
+
+  it('should not find the version when nothing match', () => {
+    const versionReferences = [
+      {
+        version: '2023.03',
+        referenceRules: [
+          {
+            regex: 'IDDY',
+            side: 'front'
+          }
+        ]
+      },
+      {
+        version: '1995.12',
+        referenceRules: [
+          {
+            regex: 'CARTY',
+            side: 'back'
+          }
+        ]
+      }
+    ]
+
+    expect(findPaperVersion(OCR, versionReferences)).toEqual({
+      version: null
+    })
+  })
+  it('should find the correct paper version with front and back rules', () => {
+    const versionReferences = [
+      {
+        version: '2023.03',
+        referenceRules: [
+          {
+            regex: 'CARTENATIONALEDIDENTITE',
+            side: 'front'
+          },
+          {
+            regex: 'REPUBLIQUE',
+            side: 'back'
+          }
+        ]
+      },
+      {
+        version: '1995.12',
+        referenceRules: [
+          {
+            regex: 'CARTENATIONALEDIDENTITE',
+            side: 'front'
+          },
+          {
+            regex: '^IDFRA',
+            side: 'front'
+          },
+          {
+            regex: 'ADRESSE',
+            side: 'back'
+          }
+        ]
+      }
+    ]
+    expect(findPaperVersion(OCR, versionReferences)).toEqual({
+      version: '1995.12'
+    })
+  })
+  it('should find the correct paper version when only front rules', () => {
+    const versionReferences = [
+      {
+        version: '1995.12',
+        referenceRules: [
+          {
+            regex: 'CARTENATIONALEDIDENTITE',
+            side: 'front'
+          },
+          {
+            regex: '^IDFRA',
+            side: 'front'
+          }
+        ]
+      }
+    ]
+    expect(findPaperVersion(OCR, versionReferences)).toEqual({
+      version: '1995.12'
+    })
+  })
+  it('should find the correct paper version when only back rules', () => {
+    const versionReferences = [
+      {
+        version: '1995.12',
+        referenceRules: [
+          {
+            regex: 'ADRESSE',
+            side: 'back'
+          }
+        ]
+      }
+    ]
+    expect(findPaperVersion(OCR, versionReferences)).toEqual({
+      version: '1995.12'
+    })
+  })
+})

From d70a946b29a12479b3f3f100265d655bd88016a0 Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Wed, 13 Dec 2023 18:54:50 +0100
Subject: [PATCH 09/18] feat(mespapiers): Add identity card version detection

---
 .../src/constants/papersDefinitions.json      | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index e1686cf55e..967800c8e8 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -956,6 +956,7 @@
       ],
       "ocrAttributes": [
         {
+          "version": "1995.12",
           "front": {
             "size": {
               "width": 1333,
@@ -967,9 +968,14 @@
               "right": 1312,
               "top": 16
             },
-            "referenceBox": {
-              "text": "CARTENATIONALE"
-            },
+            "referenceRules": [
+              {
+                "regex": "CARTENATIONALE"
+              },
+              {
+                "regex": "^IDFRA"
+              }
+            ],
             "attributesRegex": [
               {
                 "name": "number",
@@ -1018,6 +1024,13 @@
         },
         {
           "version": "2021.03",
+          "front": {
+            "referenceRules": [
+              {
+                "regex": "(IDENTITYCARD|\\|DENTITYCARD)"
+              }
+            ]
+          },
           "back": {
             "attributesRegex": [
               {

From afa06a7168922a8eb45763e1d22ccb17deb5929a Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 11:47:46 +0100
Subject: [PATCH 10/18] feat(mespapiers): Add configuration for
 SelectPaperFormat modal

---
 .../assets/images/IlluNewNationalIdCardFront.png | Bin 0 -> 8835 bytes
 .../assets/images/IlluOldNationalIdCardFront.png | Bin 0 -> 8024 bytes
 .../CompositeHeader/CompositeHeaderImage.jsx     |   4 ++++
 .../src/constants/papersDefinitions.json         |   6 +++++-
 packages/cozy-mespapiers-lib/src/locales/en.json |   8 +++++++-
 packages/cozy-mespapiers-lib/src/locales/fr.json |   8 +++++++-
 6 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 packages/cozy-mespapiers-lib/src/assets/images/IlluNewNationalIdCardFront.png
 create mode 100644 packages/cozy-mespapiers-lib/src/assets/images/IlluOldNationalIdCardFront.png

diff --git a/packages/cozy-mespapiers-lib/src/assets/images/IlluNewNationalIdCardFront.png b/packages/cozy-mespapiers-lib/src/assets/images/IlluNewNationalIdCardFront.png
new file mode 100644
index 0000000000000000000000000000000000000000..eaf9e2a327de2c829f918eef1752ebb317465caf
GIT binary patch
literal 8835
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
FV1hHm4KDxy

literal 0
HcmV?d00001

diff --git a/packages/cozy-mespapiers-lib/src/assets/images/IlluOldNationalIdCardFront.png b/packages/cozy-mespapiers-lib/src/assets/images/IlluOldNationalIdCardFront.png
new file mode 100644
index 0000000000000000000000000000000000000000..782eaf0bfd5b95ab50179f0993cd0fa99de617d6
GIT binary patch
literal 8024
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
afBQS@r5@ZPYMKZD0000<MNUMnLSTZu{Gl8G

literal 0
HcmV?d00001

diff --git a/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx b/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx
index 362ba01a4c..fdd69b72db 100644
--- a/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/CompositeHeader/CompositeHeaderImage.jsx
@@ -29,6 +29,8 @@ import IlluInvoice from '../../assets/images/IlluInvoice.png'
 import IlluNationalHealthInsuranceCardDateHelp from '../../assets/images/IlluNationalHealthInsuranceCardDateHelp.png'
 import IlluNationalHealthInsuranceCardFront from '../../assets/images/IlluNationalHealthInsuranceCardFront.png'
 import IlluNationalHealthInsuranceCardNumber from '../../assets/images/IlluNationalHealthInsuranceCardNumber.png'
+import IlluNewNationalIdCardFront from '../../assets/images/IlluNewNationalIdCardFront.png'
+import IlluOldNationalIdCardFront from '../../assets/images/IlluOldNationalIdCardFront.png'
 import IlluPassport from '../../assets/images/IlluPassport.png'
 import IlluPassportDate from '../../assets/images/IlluPassportDate.png'
 import IlluPassportNumber from '../../assets/images/IlluPassportNumber.png'
@@ -56,6 +58,8 @@ const images = {
   IlluNationalHealthInsuranceCardDateHelp,
   IlluNationalHealthInsuranceCardFront,
   IlluNationalHealthInsuranceCardNumber,
+  IlluNewNationalIdCardFront,
+  IlluOldNationalIdCardFront,
   IlluResidencePermitBack,
   IlluResidencePermitExpirationDateHelp,
   IlluResidencePermitFront,
diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index 967800c8e8..ed7bd1a99e 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -957,6 +957,8 @@
       "ocrAttributes": [
         {
           "version": "1995.12",
+          "illustration": "IlluOldNationalIdCardFront.png",
+          "versionLabel": "SelectPaperFormat.format.nationalIdCard.1995-12",
           "front": {
             "size": {
               "width": 1333,
@@ -1024,6 +1026,8 @@
         },
         {
           "version": "2021.03",
+          "illustration": "IlluNewNationalIdCardFront.png",
+          "versionLabel": "SelectPaperFormat.format.nationalIdCard.2021-03",
           "front": {
             "referenceRules": [
               {
@@ -1034,7 +1038,7 @@
           "back": {
             "attributesRegex": [
               {
-                "name": "cardNumber",
+                "name": "number",
                 "regex": "^[0-9A-Z]{9}[0-9]<$",
                 "validationRules": [
                   {
diff --git a/packages/cozy-mespapiers-lib/src/locales/en.json b/packages/cozy-mespapiers-lib/src/locales/en.json
index 2e3a064307..dbc1b8c189 100644
--- a/packages/cozy-mespapiers-lib/src/locales/en.json
+++ b/packages/cozy-mespapiers-lib/src/locales/en.json
@@ -495,6 +495,12 @@
     "text": "Please wait…"
   },
   "SelectPaperFormat": {
-    "title": "Check the format detected for your card"
+    "title": "Check the format detected for your card",
+    "format": {
+      "nationalIdCard": {
+        "1995-12": "Old format",
+        "2021-03": "New format"
+      }
+    }
   }
 }
diff --git a/packages/cozy-mespapiers-lib/src/locales/fr.json b/packages/cozy-mespapiers-lib/src/locales/fr.json
index 518bf07114..8f0e14185e 100644
--- a/packages/cozy-mespapiers-lib/src/locales/fr.json
+++ b/packages/cozy-mespapiers-lib/src/locales/fr.json
@@ -495,6 +495,12 @@
     "text": "Merci de patienter…"
   },
   "SelectPaperFormat": {
-    "title": "Vérifier le format détecté pour votre carte"
+    "title": "Vérifier le format détecté pour votre carte",
+    "format": {
+      "nationalIdCard": {
+        "1995-12": "Ancien format",
+        "2021-03": "Nouveau format"
+      }
+    }
   }
 }

From 7601cf174a7e030983d3b46142d076c977ff3e98 Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 15:30:45 +0100
Subject: [PATCH 11/18] feat(mespapiers): Add the SelectPaperFormat modal to
 the process

---
 .../ScanResult/OcrProcessingDialog.jsx        | 47 +++++++++++++------
 .../ScanResult/SelectPaperFormat.jsx          | 19 +++++++-
 .../makeReferenceRulesByOcrAttributes.js      | 16 +++++++
 .../makeReferenceRulesByOcrAttributes.spec.js | 43 +++++++++++++++++
 4 files changed, 110 insertions(+), 15 deletions(-)
 create mode 100644 packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.js
 create mode 100644 packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.spec.js

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
index f94fbb77d3..196782a798 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
@@ -1,11 +1,12 @@
 import PropTypes from 'prop-types'
-import React, { useEffect } from 'react'
+import React, { useEffect, useState } from 'react'
 
 import { useWebviewIntent } from 'cozy-intent'
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Empty from 'cozy-ui/transpiled/react/Empty'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
+import SelectPaperFormat from './SelectPaperFormat'
 import OcrProcessingIcon from '../../../assets/icons/OcrProcessing.svg'
 import { useFormData } from '../../Hooks/useFormData'
 import { useStepperDialog } from '../../Hooks/useStepperDialog'
@@ -21,32 +22,50 @@ const OcrProcessingDialog = ({ onBack, rotatedFile }) => {
   const { setFormData, formData } = useFormData()
   const webviewIntent = useWebviewIntent()
   const { currentDefinition, nextStep } = useStepperDialog()
+  const [multipleFormat, setMultipleFormat] = useState({
+    enabled: false,
+    ocr: null
+  })
   const { ocrAttributes } = currentDefinition
 
   useEffect(() => {
     const init = async () => {
       const fileSides = getFormDataFilesForOcr(formData, rotatedFile)
       const ocrFromFlagship = await getOcrFromFlagship(fileSides, webviewIntent)
-      const attributesFound = getAttributesFromOcr(
-        ocrFromFlagship,
-        ocrAttributes[0]
-      )
+      const fileVersions = ocrAttributes.map(attr => attr.version)
 
-      const metadataFromOcr = makeMetadataFromOcr(attributesFound)
-      setFormData(prev => ({
-        ...prev,
-        metadata: {
-          ...prev.metadata,
-          ...metadataFromOcr
-        }
-      }))
+      // If paper has multiple formats, we need to display a dialog to let user confirm the right format
+      if (fileVersions.length > 1) {
+        setMultipleFormat({ enabled: true, ocr: ocrFromFlagship })
+      } else {
+        // If paper has no format, we can go to next step
+        const attributesFound = getAttributesFromOcr(
+          ocrFromFlagship,
+          ocrAttributes[0]
+        )
 
-      nextStep()
+        const metadataFromOcr = makeMetadataFromOcr(attributesFound)
+        setFormData(prev => ({
+          ...prev,
+          metadata: {
+            ...prev.metadata,
+            ...metadataFromOcr
+          }
+        }))
+
+        nextStep()
+      }
     }
     init()
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
+  if (multipleFormat.enabled) {
+    return (
+      <SelectPaperFormat onBack={onBack} ocrFromFlagship={multipleFormat.ocr} />
+    )
+  }
+
   return (
     <Dialog
       open
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
index 430ca7b25d..fbcab55f74 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
@@ -11,17 +11,34 @@ import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Radio from 'cozy-ui/transpiled/react/Radios'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
+import { findPaperVersion } from '../../../helpers/findAttributes'
+import { makeReferenceRulesByOcrAttributes } from '../../../helpers/makeReferenceRulesByOcrAttributes'
 import CompositeHeader from '../../CompositeHeader/CompositeHeader'
 import CompositeHeaderImage from '../../CompositeHeader/CompositeHeaderImage'
 import { useFormData } from '../../Hooks/useFormData'
 import { useStepperDialog } from '../../Hooks/useStepperDialog'
 import { getAttributesFromOcr, makeMetadataFromOcr } from '../helpers'
 
+const getDefaultSelectedFormat = ({ ocrFromFlagship, ocrAttributes }) => {
+  const allReferenceRules = ocrAttributes.map(attrs => ({
+    version: attrs.version,
+    referenceRules: makeReferenceRulesByOcrAttributes(attrs)
+  }))
+
+  const { version } = findPaperVersion(ocrFromFlagship, allReferenceRules)
+  return version
+}
+
 const SelectPaperFormat = ({ onBack, ocrFromFlagship }) => {
   const { t } = useI18n()
   const { setFormData } = useFormData()
   const { currentDefinition, nextStep } = useStepperDialog()
-  const [selectedVersion, setSelectedVersion] = useState()
+  const [selectedVersion, setSelectedVersion] = useState(() =>
+    getDefaultSelectedFormat({
+      ocrFromFlagship,
+      ocrAttributes: currentDefinition.ocrAttributes
+    })
+  )
   const { ocrAttributes } = currentDefinition
 
   const handleClick = () => {
diff --git a/packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.js
new file mode 100644
index 0000000000..13ff276437
--- /dev/null
+++ b/packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.js
@@ -0,0 +1,16 @@
+/**
+ * Returns reference rules from ocrAttributes with their side
+ * @param {object} ocrAttributes
+ * @returns {object[]} reference rules
+ */
+export const makeReferenceRulesByOcrAttributes = ocrAttributes => {
+  return Object.keys(ocrAttributes)
+    .filter(attr => /(front|back)/.test(attr))
+    .flatMap(
+      side =>
+        ocrAttributes[side].referenceRules?.map(ref => ({
+          ...ref,
+          side
+        })) || []
+    )
+}
diff --git a/packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.spec.js b/packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.spec.js
new file mode 100644
index 0000000000..7b9ec764c5
--- /dev/null
+++ b/packages/cozy-mespapiers-lib/src/helpers/makeReferenceRulesByOcrAttributes.spec.js
@@ -0,0 +1,43 @@
+import { makeReferenceRulesByOcrAttributes } from './makeReferenceRulesByOcrAttributes'
+
+describe('getReferenceRulesByOcrAttributes', () => {
+  it('should return reference rules with side attribute', () => {
+    const ocrAttributes = {
+      front: {
+        referenceRules: [{ regex: 'rule1' }, { regex: 'rule2' }]
+      },
+      back: {
+        referenceRules: [{ regex: 'rule3' }, { regex: 'rule4' }]
+      }
+    }
+
+    const expected = [
+      { regex: 'rule1', side: 'front' },
+      { regex: 'rule2', side: 'front' },
+      { regex: 'rule3', side: 'back' },
+      { regex: 'rule4', side: 'back' }
+    ]
+
+    expect(makeReferenceRulesByOcrAttributes(ocrAttributes)).toEqual(expected)
+  })
+
+  it('should return an empty array if no front or back attributes', () => {
+    const ocrAttributes = {
+      other: {
+        referenceRules: [{ regex: 'rule1' }, { regex: 'rule2' }]
+      }
+    }
+
+    expect(makeReferenceRulesByOcrAttributes(ocrAttributes)).toEqual([])
+  })
+
+  it('should return an empty array if referenceRules is not found', () => {
+    const ocrAttributes = {
+      front: {
+        otherAttribute: 'other value'
+      }
+    }
+
+    expect(makeReferenceRulesByOcrAttributes(ocrAttributes)).toEqual([])
+  })
+})

From 72c631b838cb071574ee9fb95e197c388ef8e63f Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 12:01:25 +0100
Subject: [PATCH 12/18] docs(mespapiers): Add doc for `ocrAttributes` parameter
 to config file

---
 .../docs/papersDefinitions.md                    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/cozy-mespapiers-lib/docs/papersDefinitions.md b/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
index 7728a54911..5cc5bc394b 100644
--- a/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
+++ b/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
@@ -29,6 +29,22 @@
 
 ***
 
+## The `ocrAttributes` property:
+
+- `version`: {string} Version of the paper (e.g. "2020.01").
+- `ìllustration`: {string} Illustration of the choice of format displayed to the user.
+- `versionLabel`: {string} Translation key for the name of the format displayed to the user.
+  - `label`: {string} The discriminating label.
+  - `side`: {string} Side where the label is.
+- `front`: {object} All the front panel parameters allowing you to find the information to use.
+  - `referenceRules`: {object\[]} Rules that allow you to define the version of a paper.
+    - `regex`: {string} Regex that will be tested to deduce the paper version. (e.g. "^\[A-Z]")
+    - `[flag]`: {string} Regex flag (e.g. "/gi")
+- `[back]`: {object} All the front panel parameters allowing you to find the information to use.
+  - `referenceRules`: {object\[]} Rules that allow you to define the version of a paper.
+    - `regex`: {string} Regex that will be tested to deduce the paper version. (e.g. "^\[A-Z]")
+    - `[flag]`: {string} Regex flag (e.g. "/gi")
+
 ## Steps of the `acquisitionSteps` property:
 
 - ### Step `scan`:

From dc94d6d61653b0ba1bb0d6cbef3a9a2dd2bbd08e Mon Sep 17 00:00:00 2001
From: Alexis G <merkkur39@gmail.com>
Date: Thu, 14 Dec 2023 15:10:53 +0100
Subject: [PATCH 13/18] feat(mespapiers): Rename `format` to `version` in the
 OCR process

---
 .../ScanResult/OcrProcessingDialog.jsx          | 17 ++++++++++-------
 ...ctPaperFormat.jsx => SelectPaperVersion.jsx} | 12 ++++++------
 .../src/constants/papersDefinitions.json        |  4 ++--
 .../cozy-mespapiers-lib/src/locales/en.json     | 10 +++++-----
 .../cozy-mespapiers-lib/src/locales/fr.json     | 10 +++++-----
 5 files changed, 28 insertions(+), 25 deletions(-)
 rename packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/{SelectPaperFormat.jsx => SelectPaperVersion.jsx} (93%)

diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
index 196782a798..46d1d917c9 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/OcrProcessingDialog.jsx
@@ -6,7 +6,7 @@ import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Empty from 'cozy-ui/transpiled/react/Empty'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
-import SelectPaperFormat from './SelectPaperFormat'
+import SelectPaperVersion from './SelectPaperVersion'
 import OcrProcessingIcon from '../../../assets/icons/OcrProcessing.svg'
 import { useFormData } from '../../Hooks/useFormData'
 import { useStepperDialog } from '../../Hooks/useStepperDialog'
@@ -22,7 +22,7 @@ const OcrProcessingDialog = ({ onBack, rotatedFile }) => {
   const { setFormData, formData } = useFormData()
   const webviewIntent = useWebviewIntent()
   const { currentDefinition, nextStep } = useStepperDialog()
-  const [multipleFormat, setMultipleFormat] = useState({
+  const [multipleVersion, setMultipleVersion] = useState({
     enabled: false,
     ocr: null
   })
@@ -34,11 +34,11 @@ const OcrProcessingDialog = ({ onBack, rotatedFile }) => {
       const ocrFromFlagship = await getOcrFromFlagship(fileSides, webviewIntent)
       const fileVersions = ocrAttributes.map(attr => attr.version)
 
-      // If paper has multiple formats, we need to display a dialog to let user confirm the right format
+      // If paper has multiple versions, we need to display a dialog to let user confirm the right version
       if (fileVersions.length > 1) {
-        setMultipleFormat({ enabled: true, ocr: ocrFromFlagship })
+        setMultipleVersion({ enabled: true, ocr: ocrFromFlagship })
       } else {
-        // If paper has no format, we can go to next step
+        // If paper has no multiple versions, we can go to next step
         const attributesFound = getAttributesFromOcr(
           ocrFromFlagship,
           ocrAttributes[0]
@@ -60,9 +60,12 @@ const OcrProcessingDialog = ({ onBack, rotatedFile }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
-  if (multipleFormat.enabled) {
+  if (multipleVersion.enabled) {
     return (
-      <SelectPaperFormat onBack={onBack} ocrFromFlagship={multipleFormat.ocr} />
+      <SelectPaperVersion
+        onBack={onBack}
+        ocrFromFlagship={multipleVersion.ocr}
+      />
     )
   }
 
diff --git a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperVersion.jsx
similarity index 93%
rename from packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
rename to packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperVersion.jsx
index fbcab55f74..d45f4f9cf7 100644
--- a/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperFormat.jsx
+++ b/packages/cozy-mespapiers-lib/src/components/ModelSteps/ScanResult/SelectPaperVersion.jsx
@@ -19,7 +19,7 @@ import { useFormData } from '../../Hooks/useFormData'
 import { useStepperDialog } from '../../Hooks/useStepperDialog'
 import { getAttributesFromOcr, makeMetadataFromOcr } from '../helpers'
 
-const getDefaultSelectedFormat = ({ ocrFromFlagship, ocrAttributes }) => {
+const getDefaultSelectedVersion = ({ ocrFromFlagship, ocrAttributes }) => {
   const allReferenceRules = ocrAttributes.map(attrs => ({
     version: attrs.version,
     referenceRules: makeReferenceRulesByOcrAttributes(attrs)
@@ -29,12 +29,12 @@ const getDefaultSelectedFormat = ({ ocrFromFlagship, ocrAttributes }) => {
   return version
 }
 
-const SelectPaperFormat = ({ onBack, ocrFromFlagship }) => {
+const SelectPaperVersion = ({ onBack, ocrFromFlagship }) => {
   const { t } = useI18n()
   const { setFormData } = useFormData()
   const { currentDefinition, nextStep } = useStepperDialog()
   const [selectedVersion, setSelectedVersion] = useState(() =>
-    getDefaultSelectedFormat({
+    getDefaultSelectedVersion({
       ocrFromFlagship,
       ocrAttributes: currentDefinition.ocrAttributes
     })
@@ -73,7 +73,7 @@ const SelectPaperFormat = ({ onBack, ocrFromFlagship }) => {
       transitionDuration={0}
       content={
         <CompositeHeader
-          title={t('SelectPaperFormat.title')}
+          title={t('SelectPaperVersion.title')}
           text={ocrAttributes.map(attr => (
             <Box
               key={attr.version}
@@ -120,9 +120,9 @@ const SelectPaperFormat = ({ onBack, ocrFromFlagship }) => {
   )
 }
 
-SelectPaperFormat.propTypes = {
+SelectPaperVersion.propTypes = {
   onBack: PropTypes.func.isRequired,
   ocrFromFlagship: PropTypes.object.isRequired
 }
 
-export default SelectPaperFormat
+export default SelectPaperVersion
diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index ed7bd1a99e..22b6039655 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -958,7 +958,7 @@
         {
           "version": "1995.12",
           "illustration": "IlluOldNationalIdCardFront.png",
-          "versionLabel": "SelectPaperFormat.format.nationalIdCard.1995-12",
+          "versionLabel": "SelectPaperVersion.version.nationalIdCard.1995-12",
           "front": {
             "size": {
               "width": 1333,
@@ -1027,7 +1027,7 @@
         {
           "version": "2021.03",
           "illustration": "IlluNewNationalIdCardFront.png",
-          "versionLabel": "SelectPaperFormat.format.nationalIdCard.2021-03",
+          "versionLabel": "SelectPaperVersion.version.nationalIdCard.2021-03",
           "front": {
             "referenceRules": [
               {
diff --git a/packages/cozy-mespapiers-lib/src/locales/en.json b/packages/cozy-mespapiers-lib/src/locales/en.json
index dbc1b8c189..4286a71d43 100644
--- a/packages/cozy-mespapiers-lib/src/locales/en.json
+++ b/packages/cozy-mespapiers-lib/src/locales/en.json
@@ -494,12 +494,12 @@
     "title": "Document analysis in progress",
     "text": "Please wait…"
   },
-  "SelectPaperFormat": {
-    "title": "Check the format detected for your card",
-    "format": {
+  "SelectPaperVersion": {
+    "title": "Check the version detected for your card",
+    "version": {
       "nationalIdCard": {
-        "1995-12": "Old format",
-        "2021-03": "New format"
+        "1995-12": "Old version",
+        "2021-03": "New version"
       }
     }
   }
diff --git a/packages/cozy-mespapiers-lib/src/locales/fr.json b/packages/cozy-mespapiers-lib/src/locales/fr.json
index 8f0e14185e..5e33ac591e 100644
--- a/packages/cozy-mespapiers-lib/src/locales/fr.json
+++ b/packages/cozy-mespapiers-lib/src/locales/fr.json
@@ -494,12 +494,12 @@
     "title": "Analyse du document en cours",
     "text": "Merci de patienter…"
   },
-  "SelectPaperFormat": {
-    "title": "Vérifier le format détecté pour votre carte",
-    "format": {
+  "SelectPaperVersion": {
+    "title": "Vérifier la version détectée pour votre carte",
+    "version": {
       "nationalIdCard": {
-        "1995-12": "Ancien format",
-        "2021-03": "Nouveau format"
+        "1995-12": "Ancienne version",
+        "2021-03": "Nouvelle version"
       }
     }
   }

From 63e5551f4289534b6f852e8f357c2f4f22582c46 Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Fri, 15 Dec 2023 10:41:02 +0100
Subject: [PATCH 14/18] fix: CNI rules

By being too strict on the validation rules, we were sometimes missing
the recognition, typically because of a '0' interpreted as a 'O'.
---
 .../src/constants/papersDefinitions.json      |  9 ++------
 .../src/helpers/findAttributes.js             | 21 -------------------
 2 files changed, 2 insertions(+), 28 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index 22b6039655..ed585ccac7 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -1039,12 +1039,7 @@
             "attributesRegex": [
               {
                 "name": "number",
-                "regex": "^[0-9A-Z]{9}[0-9]<$",
-                "validationRules": [
-                  {
-                    "validationFn": "checkIdentityCardNumber"
-                  }
-                ],
+                "regex": "[0-9A-Z]{9}[0-9]<",
                 "postTextRules": [
                   {
                     "regex": ".{2}$"
@@ -1058,7 +1053,7 @@
                 "regex": "[MF][0-9]{7}[A-Z]{3}",
                 "postTextRules": [
                   {
-                    "regex": ".^"
+                    "regex": "^."
                   },
                   {
                     "regex": ".{4}$"
diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
index 9dcb9cba19..eb3f8270bb 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
@@ -26,25 +26,6 @@ const removeSpaces = text => {
   return text.replace(/\s/g, '')
 }
 
-// TODO: should be moved elsewhere?
-const checkIdentityCardNumber = identityNumber => {
-  if (!identityNumber || !identityNumber.match(/[0-9A-Z<]*/)) {
-    return false
-  }
-  const sumControl = identityNumber[identityNumber.length - 2]
-  const facteurs = [7, 3, 1]
-  let resultat = 0
-  for (let i = 0; i < identityNumber.length - 1; i++) {
-    const c = identityNumber.charAt(i)
-    if (c === '<') {
-      continue
-    }
-    resultat += parseInt(c, 36) * facteurs[i % 3]
-  }
-
-  return sumControl === resultat % 10
-}
-
 /**
  * Compute the euclidean distance between two boxes
  * @param {object} box1 - normalized box
@@ -368,8 +349,6 @@ const getValidationFnByName = name => {
   switch (name) {
     case 'checkCountryCode':
       return checkCountryCode
-    case 'checkIdentityCardNumber':
-      return checkIdentityCardNumber
     default:
       log('error', 'Unknown validation function', 'getValidationFnByName')
       return null

From 5a4b7ff50c133d36498d4f2fa57e5e58c38075d7 Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Fri, 15 Dec 2023 10:46:05 +0100
Subject: [PATCH 15/18] fix: Date post-validation

We are now more flexible on the date post-validation format, by using
date-fns parse method.
We also try/catch the method to avoid crashes when the date format is
wrong.
---
 .../src/helpers/findAttributes.js             | 40 ++++++++++++-------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
index eb3f8270bb..717e7f4b4b 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
@@ -1,8 +1,8 @@
+import parse from 'date-fns/parse'
 import unionBy from 'lodash/unionBy'
 
 import { checkCountryCode } from 'cozy-client/dist/models/countries'
 import log from 'cozy-logger'
-
 const MAX_TEXT_SHIFT_THRESHOLD = 5 // in %
 const MAX_LINE_SHIFT_THRESHOLD = 5 // in px
 
@@ -67,21 +67,29 @@ const computeDistanceByBoxRatio = (
  * @returns {string} date formatted
  */
 const transformDate = (attribute, text) => {
-  const defaultDateFormat = 'ddMMyyyy'
-  const dateFormat = attribute.dateFormat || defaultDateFormat
-  const dateLength = dateFormat.length
-
-  const newText = text.replace(/[.,-/]/g, '')
-  const dateRegex = new RegExp(`\\d{${dateLength}}$`)
-  const match = newText.match(dateRegex)
-  if (!match) {
+  try {
+    const defaultDateFormat = 'ddMMyyyy'
+    const dateFormat = attribute.dateFormat || defaultDateFormat
+    const dateLength = dateFormat.length
+    const newText = text.replace(/[.,-/]/g, '')
+    const dateRegex = new RegExp(`\\d{${dateLength}}$`)
+    const match = newText.match(dateRegex)
+    if (!match) {
+      return ''
+    }
+    const localDate = parse(match[0], dateFormat, new Date())
+    // Conversion to UTC, to avoid days offset because of timezone
+    const date = new Date(
+      Date.UTC(
+        localDate.getFullYear(),
+        localDate.getMonth(),
+        localDate.getDate()
+      )
+    )
+    return date.toISOString()
+  } catch (err) {
     return ''
   }
-  const date = match[0]
-  const newDate =
-    date.slice(0, 2) + '-' + date.slice(2, 4) + '-' + date.slice(4)
-
-  return newDate
 }
 
 /**
@@ -407,7 +415,9 @@ const findAttributeInText = (searchedAttribute, text) => {
     return {
       name: searchedAttribute.name,
       value: result[0],
-      postTextRules: searchedAttribute.postTextRules
+      postTextRules: searchedAttribute.postTextRules,
+      type: searchedAttribute.type,
+      dateFormat: searchedAttribute.dateFormat
     }
   }
   return null

From 7356853abbd1b73c297bf0f61d77d7bbda962bee Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Fri, 15 Dec 2023 10:47:13 +0100
Subject: [PATCH 16/18] feat: Add debug logs

---
 packages/cozy-mespapiers-lib/src/helpers/findAttributes.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
index 717e7f4b4b..391bb1ef2b 100644
--- a/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
+++ b/packages/cozy-mespapiers-lib/src/helpers/findAttributes.js
@@ -663,7 +663,9 @@ export const findAttributes = (OCRResult, imgSize, ocrAttributesSide = {}) => {
   // => For now, we keep in priority the result found via the regex (@merkur39)
   // => Note this implies strict regex to minimize false positives (@paultranvan)
   const foundAttributes = unionBy(attributesByRegex, attributesByBox, 'name')
+  log('info', 'foundAttributes: ' + JSON.stringify(foundAttributes))
   const processedAttributes = postProcessing(foundAttributes)
+  log('info', 'postProcessedAttributes: ' + JSON.stringify(processedAttributes))
 
   return { attributes: processedAttributes }
 }

From c24a7711ad373be92c6ea97bb96af8677994dc2f Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Fri, 15 Dec 2023 10:49:03 +0100
Subject: [PATCH 17/18] feat: Add regex rules for passport attributes

Those additional regex rules are quite useful for number and expiration
date attributes, as the passport is hard to correctly scan, leading to
detection failures for boxes detection.
---
 .../src/constants/papersDefinitions.json          | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
index ed585ccac7..f88d48db89 100644
--- a/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
+++ b/packages/cozy-mespapiers-lib/src/constants/papersDefinitions.json
@@ -2342,6 +2342,21 @@
                     "regex": "<"
                   }
                 ]
+              },
+              {
+                "name": "number",
+                "regex": "^\\d{2}[A-Za-z]{2}\\d{5}"
+              },
+              {
+                "name": "expirationDate",
+                "type": "date",
+                "dateFormat": "yyMMdd",
+                "regex": "[MF][0-9]{7}<",
+                "postTextRules": [
+                  {
+                    "regex": ".{2}$"
+                  }
+                ]
               }
             ]
           },

From d746f88b5574b65f52fbce9d5d0142542ea9f181 Mon Sep 17 00:00:00 2001
From: paultranvan <paul@cozycloud.cc>
Date: Fri, 15 Dec 2023 11:07:32 +0100
Subject: [PATCH 18/18] docs: Add doc about OCR attributes

---
 .../docs/papersDefinitions.md                    | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/cozy-mespapiers-lib/docs/papersDefinitions.md b/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
index 5cc5bc394b..4baf288e13 100644
--- a/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
+++ b/packages/cozy-mespapiers-lib/docs/papersDefinitions.md
@@ -31,19 +31,25 @@
 
 ## The `ocrAttributes` property:
 
+This is an array containing information for OCR attributes detection. For instance, recognize a passport number,
+an expiration date, etc.
+
+Each version of a paper is an element in the `ocrAttributes` attribute. When there are several versions, each entry must have a `version` attribute.
+
+Some papers have 2 sides: front and back. Each side is a dedicated object in the OCR definition.
+The `front` and `back` entries have exactly the same structure and attributes.
+
 - `version`: {string} Version of the paper (e.g. "2020.01").
 - `ìllustration`: {string} Illustration of the choice of format displayed to the user.
 - `versionLabel`: {string} Translation key for the name of the format displayed to the user.
   - `label`: {string} The discriminating label.
   - `side`: {string} Side where the label is.
-- `front`: {object} All the front panel parameters allowing you to find the information to use.
-  - `referenceRules`: {object\[]} Rules that allow you to define the version of a paper.
-    - `regex`: {string} Regex that will be tested to deduce the paper version. (e.g. "^\[A-Z]")
-    - `[flag]`: {string} Regex flag (e.g. "/gi")
-- `[back]`: {object} All the front panel parameters allowing you to find the information to use.
+- `front|back`: {object} All the front panel parameters allowing you to find the information to use.
   - `referenceRules`: {object\[]} Rules that allow you to define the version of a paper.
     - `regex`: {string} Regex that will be tested to deduce the paper version. (e.g. "^\[A-Z]")
     - `[flag]`: {string} Regex flag (e.g. "/gi")
+  - `attributesRegex`: {Array<object>} Used to find attributes based on regex rules
+  - `attributesBoxes`: {Array<object>} Used to find attributes based on bouding box coordinates
 
 ## Steps of the `acquisitionSteps` property: