cozy-ui 82.8.0 → 82.9.0

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# [82.9.0](https://github.com/cozy/cozy-ui/compare/v82.8.0...v82.9.0) (2023-04-03)
+
+
+### Bug Fixes
+
+* **helpers:** GetRandomUUID was called even if undefined ([749f79b](https://github.com/cozy/cozy-ui/commit/749f79b))
+* **ListItemContact:** DisplayName wasn't compliant with old contact app ([1cd6ffb](https://github.com/cozy/cozy-ui/commit/1cd6ffb))
+* **ListItemContact:** UseActions wasn't executed correctly in prod env ([8c06496](https://github.com/cozy/cozy-ui/commit/8c06496))
+* **Viewer:** Typo for contractType ([382bf2e](https://github.com/cozy/cozy-ui/commit/382bf2e))
+
+
+### Features
+
+* **ExpandedAttributes:** Add localized contact address support ([52fffe3](https://github.com/cozy/cozy-ui/commit/52fffe3))
+* **ExpandedAttributes:** Add support for residence_permit... ([90c3af0](https://github.com/cozy/cozy-ui/commit/90c3af0))
+* **ExpandedAttributes:** Remove driver license obtention date support ([3b7db1b](https://github.com/cozy/cozy-ui/commit/3b7db1b))
+* **Viewer:** Add locales for residence permit ([f410942](https://github.com/cozy/cozy-ui/commit/f410942))
+
 # [82.8.0](https://github.com/cozy/cozy-ui/compare/v82.7.0...v82.8.0) (2023-03-31)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "82.8.0",
+  "version": "82.9.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers.js

@@ -10,7 +10,15 @@ export const normalizeExpandedAttribute = attr =>
 
 // attributes not considered as expanded attributes
 export const notExpandedAttributes = {
-  'io.cozy.contacts': ['fullname', 'civility', 'note'],
+  'io.cozy.contacts': [
+    'fullname',
+    'civility',
+    'note',
+    'flexsearchProps:translated:phone',
+    'flexsearchProps:translated:email',
+    'flexsearchProps:translated:birthday',
+    'flexsearchProps:translated:address'
+  ],
   'io.cozy.files': [
     'name',
     'flexsearchProps:translated:qualificationLabel',
@@ -21,7 +29,9 @@ export const notExpandedAttributes = {
     'flexsearchProps:translated:vehicleRegistration',
     'flexsearchProps:translated:nationalIdCard',
     'flexsearchProps:translated:bankDetails',
-    'flexsearchProps:translated:passport'
+    'flexsearchProps:translated:passport',
+    'flexsearchProps:translated:residencePermit',
+    'flexsearchProps:translated:expirationDate'
   ]
 }
 
@@ -36,10 +46,6 @@ export const defaultExpandedAttributes = {
     'metadata.ibanNumber',
     'metadata.passportNumber',
     'metadata.noticePeriod',
-    'metadata.AObtentionDate',
-    'metadata.BObtentionDate',
-    'metadata.CObtentionDate',
-    'metadata.DObtentionDate',
     'metadata.obtentionDate',
     'metadata.expirationDate',
     'metadata.country',

package/react/MuiCozyTheme/ListItem/ListItemContact/helpers.js

@@ -0,0 +1,23 @@
+import { hr, emailTo, smsTo, call } from '../../../ActionMenu/Actions'
+
+export const makeOptionalActions = contact => {
+  const hasPhoneAction = contact.phone?.length > 0
+  const hasEmailAction = contact.email?.length > 0
+  const hasMessageActions = hasPhoneAction || hasEmailAction
+
+  const actionsAndOptions = [
+    { action: hr, condition: hasMessageActions },
+    { action: call, condition: hasPhoneAction },
+    { action: smsTo, condition: hasPhoneAction },
+    { action: emailTo, condition: hasEmailAction }
+  ]
+
+  const filteredOptionalActions = actionsAndOptions.reduce((acc, curr) => {
+    if (curr.condition) {
+      acc.push(curr.action)
+    }
+    return acc
+  }, [])
+
+  return filteredOptionalActions
+}

package/react/MuiCozyTheme/ListItem/ListItemContact/helpers.spec.js

@@ -0,0 +1,36 @@
+import { hr, emailTo, smsTo, call } from '../../../ActionMenu/Actions'
+
+import { makeOptionalActions } from './helpers'
+
+describe('makeOptionalActions', () => {
+  it('should return hr, call, smsTo, emailTo', () => {
+    const res = makeOptionalActions({
+      email: [{ address: 'mail@cozy.com' }],
+      phone: [{ number: '123456' }]
+    })
+
+    expect(res).toStrictEqual([hr, call, smsTo, emailTo])
+  })
+
+  it('should return hr, emailTo', () => {
+    const res = makeOptionalActions({
+      email: [{ address: 'mail@cozy.com' }]
+    })
+
+    expect(res).toStrictEqual([hr, emailTo])
+  })
+
+  it('should return hr, call, smsTo', () => {
+    const res = makeOptionalActions({
+      phone: [{ number: '123456' }]
+    })
+
+    expect(res).toStrictEqual([hr, call, smsTo])
+  })
+
+  it('should empty array', () => {
+    const res = makeOptionalActions({})
+
+    expect(res).toStrictEqual([])
+  })
+})

package/react/MuiCozyTheme/ListItem/ListItemContact/index.jsx

@@ -1,6 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
+import { getDisplayName } from 'cozy-client/dist/models/contact'
+
 import Filename from '../../../Filename'
 import Icon from '../../../Icon'
 import ContactsIcon from '../../../Icons/Contacts'
@@ -19,7 +21,7 @@ const ListItemContact = ({
   onClick
 }) => {
   const defaultActions = useActions(contact)
-  const primaryText = primary || contact.displayName
+  const primaryText = primary || getDisplayName(contact)
   const secondaryText = secondary || contact.email?.[0]?.address
   const itemIcon = icon || <Icon icon={ContactsIcon} width="32" height="32" />
 

package/react/MuiCozyTheme/ListItem/ListItemContact/useActions.jsx

@@ -1,29 +1,9 @@
 import { useMemo } from 'react'
 
 import { makeActions } from '../../../ActionMenu/Actions/helpers'
-import { hr } from '../../../ActionMenu/Actions/hr'
-import { emailTo } from '../../../ActionMenu/Actions/emailTo'
-import { smsTo } from '../../../ActionMenu/Actions/smsTo'
-import { call } from '../../../ActionMenu/Actions/call'
 import { modify } from '../../../ActionMenu/Actions/modify'
 import { viewInContacts } from '../../../ActionMenu/Actions/viewInContacts'
-
-const makeOptionalActions = contact => {
-  const optionalActions = [hr, call, smsTo, emailTo]
-
-  const hasPhoneAction = contact.phone?.length > 0
-  const hasEmailAction = contact.email?.length > 0
-  const hasMessageActions = hasPhoneAction || hasEmailAction
-
-  const conditions = {
-    hr: hasMessageActions,
-    call: hasPhoneAction,
-    smsTo: hasPhoneAction,
-    emailTo: hasEmailAction
-  }
-
-  return optionalActions.filter(action => conditions[action.name])
-}
+import { makeOptionalActions } from './helpers'
 
 const useActions = contact => {
   const optionalActions = useMemo(() => makeOptionalActions(contact), [contact])

package/react/MuiCozyTheme/ListItem/locales/en.json

@@ -10,10 +10,6 @@
       "jobTitle": "Job title",
       "metadata": {
         "datetime": "Added on",
-        "AObtentionDate": "License A, delivered on",
-        "BObtentionDate": "License B, delivered on",
-        "CObtentionDate": "License C, delivered on",
-        "DObtentionDate": "License D, delivered on",
         "issueDate": "Delivered on",
         "expirationDate": "Expiration date",
         "referencedDate": "Referenced date",
@@ -36,7 +32,8 @@
           "vehicle_registration": "Vehicle registration number (VIN)",
           "national_id_card": "National ID card number",
           "bank_details": "IBAN number",
-          "passport": "Passport number"
+          "passport": "Passport number",
+          "residence_permit": "License number"
         }
       }
     },

package/react/MuiCozyTheme/ListItem/locales/fr.json

@@ -10,10 +10,6 @@
       "jobTitle": "Fonction",
       "metadata": {
         "datetime": "Ajouté le",
-        "AObtentionDate": "Permis A, délivré le",
-        "BObtentionDate": "Permis B, délivré le",
-        "CObtentionDate": "Permis C, délivré le",
-        "DObtentionDate": "Permis D, délivré le",
         "issueDate": "Délivré le",
         "expirationDate": "Date d'expiration",
         "referencedDate": "Date de référence",
@@ -36,7 +32,8 @@
           "vehicle_registration": "Numéro de la carte grise (VIN)",
           "national_id_card": "Numéro de la carte d'identité",
           "bank_details": "Numéro d'IBAN",
-          "passport": "Numéro du passeport"
+          "passport": "Numéro du passeport",
+          "residence_permit": "Numéro du permis"
         }
       }
     },

package/react/Viewer/locales/en.json

@@ -73,11 +73,13 @@
             "driver_license": {
               "number": "License number"
             },
+            "residence_permit": {
+              "number": "License number"
+            },
             "country": "Beneficiary nationality",
             "refTaxIncome": "Reference tax income",
             "contractType": "Contract type",
             "noticePeriod": "Expiration alert",
-
             "number": "License number",
             "cafFileNumber": "CAF file number",
             "cardNumber": "National ID card number",

package/react/Viewer/locales/fr.json

@@ -73,11 +73,13 @@
             "driver_license": {
               "number": "Numéro du permis"
             },
+            "residence_permit": {
+              "number": "Numéro du permis"
+            },
             "country": "Nationalité du bénéficiaire",
             "refTaxIncome": "Revenu fiscal de référence",
-            "contractType": "Type de contat",
+            "contractType": "Type de contrat",
             "noticePeriod": "Alerte d’expiration",
-
             "number": "Numéro du permis",
             "cafFileNumber": "Numéro de dossier CAF",
             "cardNumber": "Numéro de la carte d'identité",

package/react/helpers/getRandomUUID.js

@@ -7,5 +7,5 @@ export const getRandomUUID = () => {
     return 'random-uuid-for-jest'
   }
 
-  return window.crypto.randomUUID()
+  return window?.crypto?.randomUUID?.()
 }

package/transpiled/react/MuiCozyTheme/ListItem/ExpandedAttributes/helpers.js

@@ -5,13 +5,13 @@ export var normalizeExpandedAttribute = function normalizeExpandedAttribute(attr
 }; // attributes not considered as expanded attributes
 
 export var notExpandedAttributes = {
-  'io.cozy.contacts': ['fullname', 'civility', 'note'],
-  'io.cozy.files': ['name', 'flexsearchProps:translated:qualificationLabel', 'flexsearchProps:translated:refTaxIncome', 'flexsearchProps:translated:contractType', 'flexsearchProps:translated:driverLicense', 'flexsearchProps:translated:paymentProofFamilyAllowance', 'flexsearchProps:translated:vehicleRegistration', 'flexsearchProps:translated:nationalIdCard', 'flexsearchProps:translated:bankDetails', 'flexsearchProps:translated:passport']
+  'io.cozy.contacts': ['fullname', 'civility', 'note', 'flexsearchProps:translated:phone', 'flexsearchProps:translated:email', 'flexsearchProps:translated:birthday', 'flexsearchProps:translated:address'],
+  'io.cozy.files': ['name', 'flexsearchProps:translated:qualificationLabel', 'flexsearchProps:translated:refTaxIncome', 'flexsearchProps:translated:contractType', 'flexsearchProps:translated:driverLicense', 'flexsearchProps:translated:paymentProofFamilyAllowance', 'flexsearchProps:translated:vehicleRegistration', 'flexsearchProps:translated:nationalIdCard', 'flexsearchProps:translated:bankDetails', 'flexsearchProps:translated:passport', 'flexsearchProps:translated:residencePermit', 'flexsearchProps:translated:expirationDate']
 }; // attributes that we want to display if no attribute of the document is related to the search
 
 export var defaultExpandedAttributes = {
   'io.cozy.contacts': ['email', 'phone', 'address', 'birthday'],
-  'io.cozy.files': ['metadata.number', 'metadata.cafFileNumber', 'metadata.cardNumber', 'metadata.vinNumber', 'metadata.ibanNumber', 'metadata.passportNumber', 'metadata.noticePeriod', 'metadata.AObtentionDate', 'metadata.BObtentionDate', 'metadata.CObtentionDate', 'metadata.DObtentionDate', 'metadata.obtentionDate', 'metadata.expirationDate', 'metadata.country', 'metadata.refTaxIncome', 'metadata.contractType']
+  'io.cozy.files': ['metadata.number', 'metadata.cafFileNumber', 'metadata.cardNumber', 'metadata.vinNumber', 'metadata.ibanNumber', 'metadata.passportNumber', 'metadata.noticePeriod', 'metadata.obtentionDate', 'metadata.expirationDate', 'metadata.country', 'metadata.refTaxIncome', 'metadata.contractType']
 };
 export var hasAllElement = function hasAllElement(arr1, arr2) {
   return arr1 === null || arr1 === void 0 ? void 0 : arr1.every(function (x) {

package/transpiled/react/MuiCozyTheme/ListItem/ListItemContact/helpers.js

@@ -0,0 +1,29 @@
+import { hr, emailTo, smsTo, call } from "cozy-ui/transpiled/react/ActionMenu/Actions";
+export var makeOptionalActions = function makeOptionalActions(contact) {
+  var _contact$phone, _contact$email;
+
+  var hasPhoneAction = ((_contact$phone = contact.phone) === null || _contact$phone === void 0 ? void 0 : _contact$phone.length) > 0;
+  var hasEmailAction = ((_contact$email = contact.email) === null || _contact$email === void 0 ? void 0 : _contact$email.length) > 0;
+  var hasMessageActions = hasPhoneAction || hasEmailAction;
+  var actionsAndOptions = [{
+    action: hr,
+    condition: hasMessageActions
+  }, {
+    action: call,
+    condition: hasPhoneAction
+  }, {
+    action: smsTo,
+    condition: hasPhoneAction
+  }, {
+    action: emailTo,
+    condition: hasEmailAction
+  }];
+  var filteredOptionalActions = actionsAndOptions.reduce(function (acc, curr) {
+    if (curr.condition) {
+      acc.push(curr.action);
+    }
+
+    return acc;
+  }, []);
+  return filteredOptionalActions;
+};

package/transpiled/react/MuiCozyTheme/ListItem/ListItemContact/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { getDisplayName } from 'cozy-client/dist/models/contact';
 import Filename from "cozy-ui/transpiled/react/Filename";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import ContactsIcon from "cozy-ui/transpiled/react/Icons/Contacts";
@@ -18,7 +19,7 @@ var ListItemContact = function ListItemContact(_ref) {
       expandedAttributesProps = _ref.expandedAttributesProps,
       onClick = _ref.onClick;
   var defaultActions = useActions(contact);
-  var primaryText = primary || contact.displayName;
+  var primaryText = primary || getDisplayName(contact);
   var secondaryText = secondary || ((_contact$email = contact.email) === null || _contact$email === void 0 ? void 0 : (_contact$email$ = _contact$email[0]) === null || _contact$email$ === void 0 ? void 0 : _contact$email$.address);
   var itemIcon = icon || /*#__PURE__*/React.createElement(Icon, {
     icon: ContactsIcon,

package/transpiled/react/MuiCozyTheme/ListItem/ListItemContact/useActions.js

@@ -1,29 +1,8 @@
 import { useMemo } from 'react';
 import { makeActions } from "cozy-ui/transpiled/react/ActionMenu/Actions/helpers";
-import { hr } from "cozy-ui/transpiled/react/ActionMenu/Actions/hr";
-import { emailTo } from "cozy-ui/transpiled/react/ActionMenu/Actions/emailTo";
-import { smsTo } from "cozy-ui/transpiled/react/ActionMenu/Actions/smsTo";
-import { call } from "cozy-ui/transpiled/react/ActionMenu/Actions/call";
 import { modify } from "cozy-ui/transpiled/react/ActionMenu/Actions/modify";
 import { viewInContacts } from "cozy-ui/transpiled/react/ActionMenu/Actions/viewInContacts";
-
-var makeOptionalActions = function makeOptionalActions(contact) {
-  var _contact$phone, _contact$email;
-
-  var optionalActions = [hr, call, smsTo, emailTo];
-  var hasPhoneAction = ((_contact$phone = contact.phone) === null || _contact$phone === void 0 ? void 0 : _contact$phone.length) > 0;
-  var hasEmailAction = ((_contact$email = contact.email) === null || _contact$email === void 0 ? void 0 : _contact$email.length) > 0;
-  var hasMessageActions = hasPhoneAction || hasEmailAction;
-  var conditions = {
-    hr: hasMessageActions,
-    call: hasPhoneAction,
-    smsTo: hasPhoneAction,
-    emailTo: hasEmailAction
-  };
-  return optionalActions.filter(function (action) {
-    return conditions[action.name];
-  });
-};
+import { makeOptionalActions } from "cozy-ui/transpiled/react/MuiCozyTheme/ListItem/ListItemContact/helpers";
 
 var useActions = function useActions(contact) {
   var optionalActions = useMemo(function () {

package/transpiled/react/MuiCozyTheme/ListItem/hoc/withListItemLocales.js

@@ -11,10 +11,6 @@ var en = {
       jobTitle: "Job title",
       metadata: {
         datetime: "Added on",
-        AObtentionDate: "License A, delivered on",
-        BObtentionDate: "License B, delivered on",
-        CObtentionDate: "License C, delivered on",
-        DObtentionDate: "License D, delivered on",
         issueDate: "Delivered on",
         expirationDate: "Expiration date",
         referencedDate: "Referenced date",
@@ -37,7 +33,8 @@ var en = {
           vehicle_registration: "Vehicle registration number (VIN)",
           national_id_card: "National ID card number",
           bank_details: "IBAN number",
-          passport: "Passport number"
+          passport: "Passport number",
+          residence_permit: "License number"
         }
       }
     },
@@ -75,10 +72,6 @@ var fr = {
       jobTitle: "Fonction",
       metadata: {
         datetime: "Ajout\xE9 le",
-        AObtentionDate: "Permis A, d\xE9livr\xE9 le",
-        BObtentionDate: "Permis B, d\xE9livr\xE9 le",
-        CObtentionDate: "Permis C, d\xE9livr\xE9 le",
-        DObtentionDate: "Permis D, d\xE9livr\xE9 le",
         issueDate: "D\xE9livr\xE9 le",
         expirationDate: "Date d'expiration",
         referencedDate: "Date de r\xE9f\xE9rence",
@@ -101,7 +94,8 @@ var fr = {
           vehicle_registration: "Num\xE9ro de la carte grise (VIN)",
           national_id_card: "Num\xE9ro de la carte d'identit\xE9",
           bank_details: "Num\xE9ro d'IBAN",
-          passport: "Num\xE9ro du passeport"
+          passport: "Num\xE9ro du passeport",
+          residence_permit: "Num\xE9ro du permis"
         }
       }
     },

package/transpiled/react/Viewer/hoc/withViewerLocales.js

@@ -74,6 +74,9 @@ var en = {
             driver_license: {
               number: "License number"
             },
+            residence_permit: {
+              number: "License number"
+            },
             country: "Beneficiary nationality",
             refTaxIncome: "Reference tax income",
             contractType: "Contract type",
@@ -200,9 +203,12 @@ var fr = {
             driver_license: {
               number: "Num\xE9ro du permis"
             },
+            residence_permit: {
+              number: "Num\xE9ro du permis"
+            },
             country: "Nationalit\xE9 du b\xE9n\xE9ficiaire",
             refTaxIncome: "Revenu fiscal de r\xE9f\xE9rence",
-            contractType: "Type de contat",
+            contractType: "Type de contrat",
             noticePeriod: "Alerte d\u2019expiration",
             number: "Num\xE9ro du permis",
             cafFileNumber: "Num\xE9ro de dossier CAF",

package/transpiled/react/helpers/getRandomUUID.js

@@ -3,9 +3,11 @@
  * @returns {string} a random UUID
  */
 export var getRandomUUID = function getRandomUUID() {
+  var _window, _window$crypto, _window$crypto$random;
+
   if (process.env.NODE_ENV === 'test') {
     return 'random-uuid-for-jest';
   }
 
-  return window.crypto.randomUUID();
+  return (_window = window) === null || _window === void 0 ? void 0 : (_window$crypto = _window.crypto) === null || _window$crypto === void 0 ? void 0 : (_window$crypto$random = _window$crypto.randomUUID) === null || _window$crypto$random === void 0 ? void 0 : _window$crypto$random.call(_window$crypto);
 };