cozy-ui-plus 5.2.1 → 5.2.2

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "5.2.1",
+  "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": "3b9c5cf0b6442700d6a3b9d21010089f3f9f8b32"
+  "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/helpers.js

@@ -172,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 {

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'

package/src/ContactsListModal/ContactsListContent.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import { getDisplayName } from 'cozy-client/dist/models/contact'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import { useI18n } from 'twake-i18n'
 
 import EmptyMessage from './EmptyMessage'
 import { withContactsListLocales } from './withContactsListLocales'

package/src/ContactsListModal/ContactsListModal.jsx

@@ -1,7 +1,6 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
-import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import Button from 'cozy-ui/transpiled/react/Buttons'
@@ -17,6 +16,7 @@ import TextField from 'cozy-ui/transpiled/react/TextField'
 import useEventListener from 'cozy-ui/transpiled/react/hooks/useEventListener'
 import useRealtime from 'cozy-ui/transpiled/react/hooks/useRealtime'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { useI18n } from 'twake-i18n'
 
 import AddContactDialog from './AddContact/AddContactDialog'
 import ContactsListContent from './ContactsListContent'

package/src/FilePicker/FilePickerBodyItem.jsx

@@ -2,7 +2,6 @@ import cx from 'classnames'
 import filesize from 'filesize'
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import { models } from 'cozy-client'
 import Checkbox from 'cozy-ui/transpiled/react/Checkbox'
@@ -15,6 +14,7 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Radio from 'cozy-ui/transpiled/react/Radios'
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
+import { useI18n } from 'twake-i18n'
 
 import { isValidFile, isValidFolder } from './helpers'
 import styles from './styles.styl'

package/src/FilePicker/FilePickerFooter.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React, { memo } from 'react'
-import { createUseI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/deprecated/Button'
+import { createUseI18n } from 'twake-i18n'
 
 import en from './locales/en.json'
 import fr from './locales/fr.json'

package/src/FilePicker/docs/DemoProvider.jsx

@@ -1,10 +1,10 @@
 import React from 'react'
-import { I18nContext } from 'twake-i18n'
 
 import CozyClient, { CozyProvider } from 'cozy-client'
 import { initQuery, receiveQueryResult } from 'cozy-client/dist/store'
 import { normalizeDoc } from 'cozy-stack-client'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import { I18nContext } from 'twake-i18n'
 
 /**
  * @typedef {object} CreateMockClientForDocParam

package/src/ListItem/ExpandedAttributes/ExpandedAttribute.jsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy'
@@ -8,6 +7,7 @@ import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'twake-i18n'
 
 import { copyToClipboard } from './helpers'
 

package/src/ListItem/ExpandedAttributes/helpers.js

@@ -79,7 +79,7 @@ export const copyToClipboard =
         severity: 'success',
         message: t(`ListItem.snackbar.copyToClipboard.success`)
       })
-    } catch (error) {
+    } catch (_error) {
       setAlertProps({
         open: true,
         severity: 'error',

package/src/ListItem/ExpandedAttributes/index.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
-import { useI18n } from 'twake-i18n'
 
 import Alert from 'cozy-ui/transpiled/react/Alert'
 import Snackbar from 'cozy-ui/transpiled/react/Snackbar'
+import { useI18n } from 'twake-i18n'
 
 import ExpandedAttribute from './ExpandedAttribute'
 import { makeAttrsLabelAndFormattedValue } from './helpers'

package/src/ListItem/ListItemBase/Renaming/RenameDialog.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import { useI18n } from 'twake-i18n'
 
 import withListItemLocales from '../../hoc/withListItemLocales'
 

package/src/ListItem/ListItemFile/ExpirationAnnotation.jsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import {
   computeExpirationDate,
@@ -9,6 +8,7 @@ import {
   makeExpiresInMessage
 } from 'cozy-client/dist/models/paper'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'twake-i18n'
 
 import withListItemLocales from '../hoc/withListItemLocales'
 

package/src/ListItem/ListItemFile/SecondaryText.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { useI18n } from 'twake-i18n'
 
 import { isExpired, isExpiringSoon } from 'cozy-client/dist/models/paper'
+import { useI18n } from 'twake-i18n'
 
 import ExpirationAnnotation from './ExpirationAnnotation'
 

package/src/Paywall/Paywall.jsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types'
 import React, { useEffect, useState } from 'react'
-import { useI18n } from 'twake-i18n'
 
 import { useInstanceInfo } from 'cozy-client'
 import { buildPremiumLink } from 'cozy-client/dist/models/instance'
@@ -13,6 +12,7 @@ import CozyUpgradeIcon from 'cozy-ui/transpiled/react/Icons/CozyUpgrade'
 import Markdown from 'cozy-ui/transpiled/react/Markdown'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'twake-i18n'
 
 import { makeType } from './helpers'
 import withPaywallLocales from './locales/withPaywallLocales'
@@ -90,8 +90,8 @@ const Paywall = ({
             isFlagshipAppIapAvailable === null
               ? t(`action.loading`)
               : canOpenPremiumLink
-              ? t(`${variant}Paywall.${type}.action`)
-              : t(`action.withoutIAP`)
+                ? t(`${variant}Paywall.${type}.action`)
+                : t(`action.withoutIAP`)
           }
           busy={isFlagshipAppIapAvailable === null}
         />