cozy-ui-plus 5.2.0 → 5.2.2

package/dist/Storage/StorageButton.js

@@ -11,8 +11,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _twakeI18n = require("twake-i18n");
-
 var _cozyClient = require("cozy-client");
 
 var _instance = require("cozy-client/dist/models/instance");
@@ -23,6 +21,8 @@ var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
 var _TwakeWorkplace = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/TwakeWorkplace"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _locales = require("./locales");
 
 var StorageButton = function StorageButton(_ref) {

package/dist/Storage/StorageProgress.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _twakeI18n = require("twake-i18n");
-
 var _cozyClient = require("cozy-client");
 
 var _instance = require("cozy-client/dist/models/instance");
@@ -23,6 +21,8 @@ var _LinearProgress = _interopRequireDefault(require("cozy-ui/transpiled/react/L
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _locales = require("./locales");
 
 /**

package/dist/UploadQueue/Item.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _twakeI18n = require("twake-i18n");
-
 var _file = require("cozy-client/dist/models/file");
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
@@ -29,6 +27,8 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _Media = require("cozy-ui/transpiled/react/deprecated/Media");
 
+var _twakeI18n = require("twake-i18n");
+
 var _FileUploadProgress = _interopRequireDefault(require("./FileUploadProgress"));
 
 var _Pending = _interopRequireDefault(require("./Pending"));

package/dist/UploadQueue/Pending.js

@@ -9,10 +9,10 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _twakeI18n = require("twake-i18n");
-
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _twakeI18n = require("twake-i18n");
+
 var Pending = (0, _twakeI18n.translate)()(function (props) {
   return /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "subtitle1",

package/dist/UploadQueue/RemainingTime.js

@@ -11,10 +11,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _twakeI18n = require("twake-i18n");
-
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _helpers = require("./helpers");
 
 var _index = require("./index");

package/dist/UploadQueue/index.js

@@ -27,8 +27,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _twakeI18n = require("twake-i18n");
-
 var _LinearProgress = _interopRequireDefault(require("cozy-ui/transpiled/react/LinearProgress"));
 
 var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
@@ -39,6 +37,8 @@ var _Button = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecate
 
 var _styles = require("cozy-ui/transpiled/react/styles");
 
+var _twakeI18n = require("twake-i18n");
+
 var _Item = _interopRequireDefault(require("./Item"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/dist/hooks/useClientErrors.js

@@ -177,6 +177,7 @@ function useClientErrors() {
   var ClientErrors = (0, _react.useCallback)(function () {
     return renderErrors(errorStack, setErrorStack);
   }, [errorStack, setErrorStack]); // @ts-ignore
+  // eslint-disable-next-line react-hooks/immutability
 
   ClientErrors.displayName = 'ClientErrors';
   return {

package/dist/src/Contacts/AddModal/ContactForm/helpers.d.ts

@@ -43,3 +43,6 @@ export function makeImppValues(oldContact: import("cozy-client/types/types").IOC
 export function initializationFieldValues(fields: any): any;
 export function makeInitialCustomValue(name: string, value: string): string;
 export function makeFields(customFields: (import("../types").Field)[] | undefined, defaultFields: (import("../types").Field)[]): (import("../types").Field)[];
+export function excludedCountryCode(val: {
+    phone: string;
+}): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "5.2.0",
+  "version": "5.2.2",
   "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
   "main": "dist/index.js",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "babel-preset-cozy-app": "^2.8.4",
     "cozy-client": "^60.21.3",
     "cozy-device-helper": "2.0.0",
-    "cozy-intent": "^2.30.3",
+    "cozy-intent": "^2.30.4",
     "cozy-logger": "^1.17.1",
     "cozy-stack-client": "^60.21.1",
     "cozy-ui": "^135.0.0",
@@ -47,7 +47,7 @@
     "react-dom": "16.12.0",
     "react-test-renderer": "16.12.0",
     "stylus": "0.64.0",
-    "twake-i18n": "^0.3.2",
+    "twake-i18n": "^0.3.3",
     "typescript": "5.5.2"
   },
   "dependencies": {
@@ -73,5 +73,5 @@
     "react-dom": "^16 || ^17 || ^18",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "44e6a2a8eed748de2328226d11b2d0b9db102f12"
+  "gitHead": "81041f18f0134c0ead8f325adc27e6182965c875"
 }

package/src/AppIcon/index.spec.js

@@ -1,7 +1,6 @@
 /* eslint-disable no-console */
 
 'use strict'
-/* eslint-env jest */
 
 import { render, screen } from '@testing-library/react'
 import React from 'react'

package/src/AppSections/Sections.jsx

@@ -1,10 +1,10 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { Component } from 'react'
-import { useI18n, useExtendI18n, withOnlyLocales } from 'twake-i18n'
 
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n, useExtendI18n, withOnlyLocales } from 'twake-i18n'
 
 import styles from './Sections.styl'
 import * as catUtils from './categories'

package/src/AppSections/categories.spec.js

@@ -1,7 +1,5 @@
 'use strict'
 
-/* eslint-env jest */
-
 import mapValues from 'lodash/mapValues'
 
 import mockApps from './_testApps'

package/src/AppSections/components/AppsSection.spec.jsx

@@ -1,7 +1,5 @@
 'use strict'
 
-/* eslint-env jest */
-
 import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 

package/src/AppSections/index.spec.jsx

@@ -1,7 +1,5 @@
 'use strict'
 
-/* eslint-env jest */
-
 import { render, screen } from '@testing-library/react'
 import React from 'react'
 

package/src/AppSections/search.spec.js

@@ -1,7 +1,5 @@
 'use strict'
 
-/* eslint-env jest */
-
 import mockApps from './_testApps'
 import { makeMatcherFromSearch } from './search'
 

package/src/AppTile/AppTile.spec.jsx

@@ -1,9 +1,8 @@
 'use strict'
 
-/* eslint-env jest */
-
 import { render } from '@testing-library/react'
 import React from 'react'
+
 import I18n from 'twake-i18n'
 
 import AppTile from '.'

package/src/AppTile/index.jsx

@@ -1,7 +1,6 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
-import { createUseI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import WrenchCircleIcon from 'cozy-ui/transpiled/react/Icons/WrenchCircle'
@@ -12,6 +11,7 @@ import Tile, {
   TileIcon,
   TileDescription
 } from 'cozy-ui/transpiled/react/Tile'
+import { createUseI18n } from 'twake-i18n'
 
 import { APP_STATUS, getCurrentStatusLabel } from './helpers'
 import en from './locales/en.json'
@@ -64,8 +64,8 @@ export const AppTile = ({
     isShortcutFile(app) && statusLabel === APP_STATUS.installed
       ? 'favorite'
       : isStatusArray
-      ? showStatus.indexOf(statusLabel) > -1 && statusLabel
-      : showStatus && statusLabel
+        ? showStatus.indexOf(statusLabel) > -1 && statusLabel
+        : showStatus && statusLabel
 
   const IconComponent = IconComponentProp || AppIcon
 

package/src/ContactPicker/index.jsx

@@ -47,7 +47,7 @@ class ContactPicker extends React.Component {
       listPlaceholder,
       listEmptyMessage,
       addContactLabel,
-      initialOpen, // eslint-disable-line no-unused-vars
+      initialOpen,
       ...rest
     } = this.props
     const { opened } = this.state

package/src/Contacts/AddModal/ContactAddressDialog/index.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 import { Field, useForm } from 'react-final-form'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { makeFormattedAddressWithSubFields } from './helpers'
 import { locales } from './locales'

package/src/Contacts/AddModal/ContactForm/FieldInput.jsx

@@ -3,6 +3,7 @@ import uniqueId from 'lodash/uniqueId'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 import { Field } from 'react-final-form'
+
 import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import FieldInputWrapper from './FieldInputWrapper'

package/src/Contacts/AddModal/ContactForm/FieldInputAccordion.jsx

@@ -1,10 +1,10 @@
 import React, { useState } from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import DropdownIcon from 'cozy-ui/transpiled/react/Icons/Dropdown'
 import DropupIcon from 'cozy-ui/transpiled/react/Icons/Dropup'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import FieldInput from './FieldInput'
 import { locales } from './locales'

package/src/Contacts/AddModal/ContactForm/FieldInputArray.jsx

@@ -1,7 +1,6 @@
 import cx from 'classnames'
 import React from 'react'
 import { FieldArray } from 'react-final-form-arrays'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -9,6 +8,7 @@ import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import CrossCircleIcon from 'cozy-ui/transpiled/react/Icons/CrossCircle'
 import PlusIcon from 'cozy-ui/transpiled/react/Icons/Plus'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import FieldInput from './FieldInput'
 import { addField, removeField, makeIsRequiredError } from './helpers'

package/src/Contacts/AddModal/ContactForm/FieldInputLayout.jsx

@@ -1,9 +1,9 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import FieldInput from './FieldInput'
 import FieldInputAccordion from './FieldInputAccordion'

package/src/Contacts/AddModal/ContactForm/FieldInputWrapper.jsx

@@ -12,10 +12,10 @@ const FieldInputWrapper = ({
   input,
   attributes: {
     component,
-    layout, // eslint-disable-line no-unused-vars
-    icon, // eslint-disable-line no-unused-vars
-    isSecondary, // eslint-disable-line no-unused-vars
-    validate, // eslint-disable-line no-unused-vars
+    layout,
+    icon,
+    isSecondary,
+    validate,
     ...restAttributes
   }, // ⚠️ `layout` `icon` `isSecondary` `validate` are removed from attributes to avoid DOM propagration, only used for business rules
   variant,
@@ -27,8 +27,8 @@ const FieldInputWrapper = ({
     (restAttributes.customLabelOptions
       ? TextFieldCustomLabelSelect
       : restAttributes?.select
-      ? TextFieldSelect
-      : TextField)
+        ? TextFieldSelect
+        : TextField)
 
   return (
     <Component

package/src/Contacts/AddModal/ContactForm/TextFieldCustomLabelSelect.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+
 import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import TextFieldSelect from './TextFieldSelect'

package/src/Contacts/AddModal/ContactForm/TextFieldSelect.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import MenuItem from 'cozy-ui/transpiled/react/MenuItem'
 import TextField from 'cozy-ui/transpiled/react/TextField'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { locales } from './locales'
 import { FieldInputWrapperPropTypes } from '../types'

package/src/Contacts/AddModal/ContactForm/contactToFormValues.spec.js

@@ -1,4 +1,3 @@
-/* eslint-disable jest/no-focused-tests */
 import contactToFormValues from './contactToFormValues'
 import { johnDoeContact, johnDoeFormValues } from '../mocks'
 

package/src/Contacts/AddModal/ContactForm/formValuesToContact.js

@@ -6,6 +6,7 @@ import {
   createAddress,
   getRelatedContactRelationships,
   makeImppValues,
+  excludedCountryCode,
   makeTypeAndLabel
 } from './helpers'
 
@@ -76,7 +77,7 @@ const formValuesToContact = ({
     address: createAddress({ address, oldContact: oldContactCleaned, t }),
     phone: phone
       ? phone
-          .filter(val => val && val.phone)
+          .filter(val => (val?.phone ? excludedCountryCode(val) : undefined))
           .map(({ phone, phoneLabel }, index) => ({
             number: phone,
             ...makeTypeAndLabel(phoneLabel),

package/src/Contacts/AddModal/ContactForm/helpers.js

@@ -2,6 +2,7 @@ import get from 'lodash/get'
 import isEqual from 'lodash/isEqual'
 import merge from 'lodash/merge'
 import uniqueId from 'lodash/uniqueId'
+import { defaultCountries, parseCountry } from 'react-international-phone'
 
 import { Association } from 'cozy-client'
 import { makeDisplayName } from 'cozy-client/dist/models/contact'
@@ -171,7 +172,7 @@ export const createAddress = ({ address, oldContact, t }) => {
 
           if (addressHasBeenModified) {
             // Use "code" instead "postcode", to be vcard 4.0 rfc 6350 compliant
-            // eslint-disable-next-line no-unused-vars
+
             const { postcode, ...oldContactAddressCleaned } =
               oldContactAddress || {}
             return {
@@ -480,3 +481,25 @@ export const makeFields = (customFields, defaultFields) => {
 
   return fields
 }
+
+/**
+ * Excludes phone numbers that consist only of a country code.
+ * If the provided phone value matches only a country code (e.g., "+33"),
+ * returns undefined. Otherwise, returns the phone value.
+ *
+ * @param {Object} val - An object containing the phone number.
+ * @param {string} val.phone - The phone number string, possibly starting with "+" and a country code.
+ * @returns {string|undefined} The phone number if it is not just a country code, otherwise undefined.
+ */
+export const excludedCountryCode = val => {
+  const phoneWithoutPrefix = val.phone.split('+')[1]
+
+  const isOnlyCountryCode = defaultCountries.some(country => {
+    const { dialCode } = parseCountry(country)
+    return phoneWithoutPrefix === dialCode
+  })
+
+  if (isOnlyCountryCode) return undefined
+
+  return val.phone
+}

package/src/Contacts/AddModal/ContactForm/helpers.spec.js

@@ -12,10 +12,20 @@ import {
   getFirstValueIfArray,
   validateFields
 } from './helpers'
+import { excludedCountryCode } from './helpers'
 import { locales } from './locales'
 
 const t = x => get(locales.en, x, x)
 
+jest.mock('react-international-phone', () => ({
+  ...jest.requireActual('react-international-phone'),
+  defaultCountries: [
+    ['France', 'fr', '33'],
+    ['United States', 'us', '1'],
+    ['Germany', 'de', '49']
+  ]
+}))
+
 describe('makeCustomLabel', () => {
   it('should return custom type and supported label', () => {
     const resForWork = makeCustomLabel('{"type":"someType","label":"work"}', t)
@@ -741,3 +751,33 @@ describe('validateFields', () => {
     expect(res).toEqual({ mail: 'Some fields are not filled correctly' })
   })
 })
+
+describe('excludedCountryCode', () => {
+  it('returns undefined for country code only (+33)', () => {
+    expect(excludedCountryCode({ phone: '+33' })).toBeUndefined()
+  })
+
+  it('preserves full number for Germany (+4930123456)', () => {
+    expect(excludedCountryCode({ phone: '+4930123456' })).toBe('+4930123456')
+  })
+
+  it('returns undefined for country code only (+1)', () => {
+    expect(excludedCountryCode({ phone: '+1' })).toBeUndefined()
+  })
+
+  it('preserves full French mobile (+33612345678)', () => {
+    expect(excludedCountryCode({ phone: '+33612345678' })).toBe('+33612345678')
+  })
+
+  it('preserves value not matching country code (+490)', () => {
+    expect(excludedCountryCode({ phone: '+490' })).toBe('+490')
+  })
+
+  it('preserves numbers with no country code (12345)', () => {
+    expect(excludedCountryCode({ phone: '12345' })).toBe('12345')
+  })
+
+  it('returns undefined for country code only (+49)', () => {
+    expect(excludedCountryCode({ phone: '+49' })).toBeUndefined()
+  })
+})

package/src/Contacts/AddModal/ContactForm/index.jsx

@@ -1,10 +1,10 @@
 import arrayMutators from 'final-form-arrays'
 import React, { useState } from 'react'
 import { Form } from 'react-final-form'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { getHasManyItems } from 'cozy-client/dist/associations/HasMany'
 import Button from 'cozy-ui/transpiled/react/Buttons'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import FieldInputLayout from './FieldInputLayout'
 import contactToFormValues from './contactToFormValues'

package/src/Contacts/AddModal/CustomLabelDialog/index.jsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
@@ -9,6 +8,7 @@ import RadioGroup from 'cozy-ui/transpiled/react/RadioGroup'
 import Radio from 'cozy-ui/transpiled/react/Radios'
 import TextField from 'cozy-ui/transpiled/react/TextField'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { locales } from './locales'
 

package/src/Contacts/AddModal/index.jsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import ContactForm, { getSubmitContactForm } from './ContactForm'
 import { locales } from './locales'

package/src/Contacts/GroupsSelect/GroupCreation.jsx

@@ -1,10 +1,10 @@
 import classNames from 'classnames'
 import React, { Component } from 'react'
-import { translate } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import PlusIcon from 'cozy-ui/transpiled/react/Icons/Plus'
 import Input from 'cozy-ui/transpiled/react/legacy/Input'
+import { translate } from 'twake-i18n'
 
 import styles from './styles.styl'
 

package/src/Contacts/GroupsSelect/GroupsSelectProvider.jsx

@@ -1,4 +1,5 @@
 import React, { useContext, useState } from 'react'
+
 import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { translatedDefaultSelectedGroup } from './helpers'

package/src/Contacts/GroupsSelect/SelectBox/Control.jsx

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import BottomSelectIcon from 'cozy-ui/transpiled/react/Icons/BottomSelect'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { locales } from '../locales'
 

package/src/Contacts/GroupsSelect/useGroupSelect.jsx

@@ -1,7 +1,7 @@
 import get from 'lodash/get'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useSelectedGroup } from './GroupsSelectProvider'
 import { isExistingGroup } from './helpers'

package/src/Contacts/Header/GroupsSelection.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { ControlDefault } from 'cozy-ui/transpiled/react/SelectBox'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { locales } from './locales'
 import GroupsSelect from '../GroupsSelect/GroupsSelect'

package/src/Contacts/Header/ImportDropdown.jsx

@@ -1,5 +1,4 @@
 import React, { useState, useRef } from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { useClient, generateWebLink } from 'cozy-client'
 import { CONTACTS_DOCTYPE } from 'cozy-client/dist/models/contact'
@@ -11,6 +10,7 @@ import Link from 'cozy-ui/transpiled/react/Link'
 import ActionMenu, {
   ActionMenuItem
 } from 'cozy-ui/transpiled/react/deprecated/ActionMenu'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { locales } from './locales'
 import AppIcon from '../../AppIcon'

package/src/Contacts/Header/index.jsx

@@ -1,12 +1,12 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import PersonAddIcon from 'cozy-ui/transpiled/react/Icons/PersonAdd'
 import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import GroupsSelection from './GroupsSelection'
 import ImportDropdown from './ImportDropdown'

package/src/ContactsList/Contacts/ContactIdentity.jsx

@@ -1,11 +1,11 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import { getInitials } from 'cozy-client/dist/models/contact'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import { TableCell } from 'cozy-ui/transpiled/react/deprecated/Table'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import ContactName from './ContactName'
 import { locales } from '../locales/withContactsListLocales'

package/src/ContactsList/ContactsList.jsx

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import List from 'cozy-ui/transpiled/react/List'
 import ListSubheader from 'cozy-ui/transpiled/react/ListSubheader'
 import { Table } from 'cozy-ui/transpiled/react/deprecated/Table'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n } from 'twake-i18n'
 
 import ContactRow from './ContactRow'
 import { sortContacts, categorizeContacts, sortHeaders } from './helpers'