cozy-sharing 27.1.4 → 28.0.0

package/dist/components/SharedDrive/SharedDriveEditModal.js

@@ -1,7 +1,11 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { useState } from 'react';
+import { useI18n } from 'twake-i18n';
 import { useClient } from 'cozy-client';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import { DumbSharedDriveModal } from './DumbSharedDriveModal';
 import withLocales from '../../hoc/withLocales';
 import { Contact } from '../../models';
@@ -17,10 +21,60 @@ export var SharedDriveEditModal = withLocales(function (_ref) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
   var createContact = function createContact(contact) {
     return client.create(Contact.doctype, contact);
   };
 
+  var _useState = useState(sharing === null || sharing === void 0 ? void 0 : sharing.description),
+      _useState2 = _slicedToArray(_useState, 2),
+      name = _useState2[0],
+      setName = _useState2[1];
+
+  var handleNameChange = function handleNameChange(event) {
+    setName(event.target.value);
+  };
+
+  var onRename = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return client.collection('io.cozy.sharings').renameSharedDrive(sharing, value);
+
+          case 3:
+            showAlert({
+              message: t('SharedDrive.sharedDriveModal.successNotificationUpdate'),
+              severity: 'success'
+            });
+            onClose();
+            _context.next = 10;
+            break;
+
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            showAlert({
+              message: t('SharedDrive.sharedDriveModal.errorNotificationUpdate'),
+              severity: 'error'
+            });
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function onRename(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
   return /*#__PURE__*/React.createElement(DumbSharedDriveModal, {
     title: t('Files.share.title', {
       name: sharing === null || sharing === void 0 ? void 0 : sharing.description
@@ -30,7 +84,11 @@ export var SharedDriveEditModal = withLocales(function (_ref) {
     recipients: recipients,
     onRevoke: onRevoke,
     onClose: onClose,
-    onShare: onShare
+    onShare: onShare,
+    sharedDriveName: name,
+    handleSharedDriveNameChange: handleNameChange,
+    onRename: onRename,
+    originalSharedDriveName: sharing === null || sharing === void 0 ? void 0 : sharing.description
   });
 });
 SharedDriveEditModal.propTypes = {

package/dist/components/SharedDrive/SharedDriveModal.js

@@ -4,9 +4,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
+import { useI18n } from 'twake-i18n';
 import { useClient } from 'cozy-client';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { DumbSharedDriveModal } from './DumbSharedDriveModal';
 import { mergeAndDeduplicateRecipients, formatRecipients } from './helpers';
 import withLocales from '../../hoc/withLocales';

package/dist/components/SharedDrive/SharedDriveRecipient.js

@@ -3,13 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["fadeIn", "members"];
 import PropTypes from 'prop-types';
 import React from 'react';
+import { useI18n } from 'twake-i18n';
 import Fade from 'cozy-ui/transpiled/react/Fade';
 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 useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import SharedDriveRecipientPermissions from './SharedDriveRecipientPermissions';
 import SharedDriveRecipientStatus from './SharedDriveRecipientStatus';
 import { FADE_IN_DURATION, DEFAULT_DISPLAY_NAME } from '../../helpers/recipients';

package/dist/components/SharedDrive/SharedDriveRecipientPermissions.js

@@ -2,10 +2,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef } from 'react';
+import { useI18n } from 'twake-i18n';
+import { useClient } from 'cozy-client';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { revokeSharedDriveMember } from '../Recipient/actions/revokeSharedDriveMember';
 import { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission';
 import { setReadWriteSharedPermission } from '../Recipient/actions/setReadWriteSharedPermission';
@@ -20,6 +21,7 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
       t = _useI18n.t;
 
   var buttonRef = useRef();
+  var client = useClient();
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -79,6 +81,7 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
 
   var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission, divider, revokeSharedDriveMember], {
     t: t,
+    client: client,
     type: type,
     setType: setType,
     handleRevocation: handleRevocation

package/dist/components/SharedDrive/SharedDriveRecipientStatus.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { useI18n } from 'twake-i18n';
 import Typography from 'cozy-ui/transpiled/react/Typography';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 
 var SharedDriveRecipientStatus = function SharedDriveRecipientStatus(_ref) {
   var members = _ref.members,

package/dist/components/SharedStatus.js

@@ -1,6 +1,6 @@
 import cx from 'classnames';
 import React from 'react';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { useI18n } from 'twake-i18n';
 import { SharingTooltip, TooltipRecipientList } from './Tooltip';
 
 var LinkIcon = function LinkIcon(props) {

package/dist/components/SharingBanner/components/PublicBanner.js

@@ -2,11 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
 import React from 'react';
 import snarkdown from 'snarkdown';
+import { useI18n } from 'twake-i18n';
 import { useClient } from 'cozy-client';
 import flag from 'cozy-flags';
 import Banner from 'cozy-ui/transpiled/react/Banner';
 import Button from 'cozy-ui/transpiled/react/Buttons';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import CozyHomeLinkIcon from './CozyHomeLinkIcon';
 var styles = {
   "bannermarkdown": "publicBanner__bannermarkdown___1dR1E"

package/dist/components/SharingBanner/components/PublicBanner.spec.js

@@ -1,9 +1,9 @@
 import { render } from '@testing-library/react';
 import React from 'react';
+import { useI18n } from 'twake-i18n';
 import { useClient } from 'cozy-client';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { SharingBannerCozyToCozy } from './PublicBanner';
-jest.mock('cozy-ui/transpiled/react/providers/I18n');
+jest.mock('twake-i18n');
 jest.mock('cozy-client');
 describe('PublicBanner', function () {
   beforeEach(function () {

package/dist/components/SharingBanner/hooks/useSharingInfos.js

@@ -3,10 +3,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useState, useEffect } from 'react';
 import { useClient, models } from 'cozy-client';
+import flag from 'cozy-flags';
 import logger from '../../../logger';
 import { buildSharingsByIdQuery } from '../../../queries/queries';
 import getQueryParameter from '../helpers/QueryParameter';
-import flag from 'cozy-flags';
 
 var getSharingId = function getSharingId(permission) {
   var sourceId = permission.data.attributes.source_id;

package/dist/components/SharingBanner/test/AppLike.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
+import { I18n } from 'twake-i18n';
 import { CozyProvider } from 'cozy-client';
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints';
-import { I18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { AcceptingSharingProvider } from './AcceptingSharingContext';
 import FabProvider from './FabProvider';
 import { ModalContext } from './ModalContext';

package/dist/components/WhoHasAccess.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import { useI18n } from 'twake-i18n';
 import List from 'cozy-ui/transpiled/react/List';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import LinkRecipient from './Recipient/LinkRecipient';
 import OwnerRecipient from './Recipient/OwnerRecipient';
 import { RecipientList } from './Recipient/RecipientList';

package/dist/hoc/withLocales.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { I18n, translate } from 'cozy-ui/transpiled/react/providers/I18n';
-import { getI18n } from 'cozy-ui/transpiled/react/providers/I18n/helpers';
+import { I18n, translate } from 'twake-i18n';
+import { getI18n } from 'twake-i18n';
 var locales = {
   en: require("../../locales/en.json"),
   fr: require("../../locales/fr.json"),

package/locales/en.json

@@ -463,9 +463,13 @@
       "add": "Add",
       "cancel": "Cancel",
       "create": "Create",
+      "save": "Save",
       "addPeople": "Add people to the shared drive :",
       "successNotification": "Shared drive has been added",
-      "errorNotification": "Error during shared drive creation"
+      "errorNotification": "Error during shared drive creation",
+      "successNotificationUpdate": "Your shared drive has been modified",
+      "errorNotificationUpdate": "Error durring shared drive modification"
     }
   }
 }
+

package/locales/fr.json

@@ -461,9 +461,12 @@
       "add": "Ajouter",
       "cancel": "Annuler",
       "create": "Créer",
+      "save": "Enregistrer",
       "addPeople": "Ajouter des utilisateurs au drive partagé :",
       "successNotification": "Le drive partagé a été ajouté",
-      "errorNotification": "Erreur lors de la création du drive partagé"
+      "errorNotification": "Erreur lors de la création du drive partagé",
+      "successNotificationUpdate": "Votre drive partagé a été modifié",
+      "errorNotificationUpdate": "Erreur lors de la modification du drive partagé"
     }
   }
 }

package/locales/ru.json

@@ -463,9 +463,12 @@
       "add": "Добавить",
       "cancel": "Отмена",
       "create": "Создать",
+      "save": "Сохранить",
       "addPeople": "Добавить людей в общий диск:",
       "successNotification": "Общий диск добавлен",
-      "errorNotification": "Ошибка при создании общего диска"
+      "errorNotification": "Ошибка при создании общего диска",
+      "successNotificationUpdate": "Ваш общий диск был изменён",
+      "errorNotificationUpdate": "Ошибка при модификации общего диска"
     }
   }
 }

package/locales/vi.json

@@ -461,9 +461,12 @@
       "add": "Thêm",
       "cancel": "Hủy",
       "create": "Tạo",
+      "save": "Lưu",
       "addPeople": "Thêm người vào ổ đĩa được chia sẻ:",
       "successNotification": "Ổ đĩa được chia sẻ đã được thêm",
-      "errorNotification": "Lỗi trong quá trình tạo ổ đĩa được chia sẻ"
+      "errorNotification": "Lỗi trong quá trình tạo ổ đĩa được chia sẻ",
+      "successNotificationUpdate": "Ổ đĩa được chia sẻ của bạn đã được sửa đổi",
+      "errorNotificationUpdate": "Lỗi khi sửa đổi ổ đĩa được chia sẻ"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "27.1.4",
+  "version": "28.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -20,7 +20,7 @@
     "deploy:doc": "(cd ../.. && yarn deploy:doc)",
     "prepublishOnly": "yarn build",
     "test": "env NODE_ENV=test jest",
-    "lint": "cd .. && yarn eslint --ext js,jsx packages/cozy-sharing",
+    "lint": "cd ../.. && yarn eslint --ext js,jsx packages/cozy-sharing",
     "start": "yarn build --watch",
     "watch": "yarn run start",
     "watch:doc:react": "(cd ../.. && TARGET=cozy-sharing yarn watch:doc:react)",
@@ -54,32 +54,34 @@
     "babel-jest": "26.6.3",
     "babel-plugin-css-modules-transform": "1.6.2",
     "babel-plugin-inline-react-svg": "1.1.2",
-    "cozy-client": "^60.5.0",
+    "cozy-client": "^60.19.0",
     "cozy-device-helper": "^3.7.1",
     "cozy-intent": "^2.30.1",
     "cozy-minilog": "^3.10.0",
-    "cozy-ui": "^128.3.5",
-    "cozy-ui-plus": "^3.1.2",
+    "cozy-ui": "^135.0.0",
+    "cozy-ui-plus": "^4.0.0",
     "jest": "26.6.3",
     "jest-environment-jsdom": "26.6.2",
     "react": "16.12.0",
     "react-dom": "16.13.0",
     "react-router": "^5.0.1",
-    "storybook": "7.6.0"
+    "storybook": "7.6.0",
+    "twake-i18n": "^0.3.0"
   },
   "peerDependencies": {
-    "cozy-client": ">=60.5.0",
+    "cozy-client": ">=60.19.0",
     "cozy-device-helper": ">=3.7.1",
     "cozy-intent": ">=2.29.1",
     "cozy-minilog": ">=3.9.1",
-    "cozy-ui": ">=128.3.5",
+    "cozy-ui": ">=135.0.0",
     "cozy-ui-plus": ">=1.2.0",
     "prop-types": ">=15.7.2",
     "react": ">=16.12.0",
-    "react-router": ">=5.0.1"
+    "react-router": ">=5.0.1",
+    "twake-i18n": ">=0.3.0"
   },
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "7ec62d8445c373a3cb8de5234eee52d388ff274d"
+  "gitHead": "b1d504a12eb88b8ecda4a53f82c400482d79452b"
 }

package/src/OpenSharingLinkButton.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 Icon from 'cozy-ui/transpiled/react/Icon'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { getIconWithlabel, openExternalLink } from './helpers/sharings'
 import withLocales from './hoc/withLocales'

package/src/OpenSharingLinkFabButton.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { ExtendableFab } from 'cozy-ui/transpiled/react/Fab'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { getIconWithlabel, openExternalLink } from './helpers/sharings'
 import withLocales from './hoc/withLocales'

package/src/ShareButton.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n } from 'twake-i18n'
 
 import {
   default as DumbShareButton,

package/src/ShareButton.spec.jsx

@@ -12,7 +12,7 @@ jest.mock('cozy-ui/transpiled/react/Button', () => ({
   }
 }))
 
-jest.mock('cozy-ui/transpiled/react/providers/I18n', () => ({
+jest.mock('twake-i18n', () => ({
   useI18n: jest.fn().mockReturnValue({ t: jest.fn() })
 }))
 

package/src/components/ConfirmTrustedRecipientsDialog.jsx

@@ -1,10 +1,10 @@
 import cx from 'classnames'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import List from 'cozy-ui/transpiled/react/List'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import MemberRecipient from './Recipient/MemberRecipient'
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer'

package/src/components/ContactSuggestion.jsx

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { models } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 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 { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { Contact, Group, getDisplayName, getInitials } from '../models'
 import { GroupAvatar } from './Avatar/GroupAvatar'

package/src/components/CozyPassFingerprintDialogContent.jsx

@@ -2,10 +2,10 @@ import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
 import snarkdown from 'snarkdown'
+import { useI18n } from 'twake-i18n'
 
 import Paper from 'cozy-ui/transpiled/react/Paper'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import styles from '../styles/CozyPassFingerprintDialogContent.styl'
 

package/src/components/Recipient/GroupRecipient.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import Fade from 'cozy-ui/transpiled/react/Fade'
@@ -8,7 +9,6 @@ import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryA
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { GroupRecipientDetail } from './GroupRecipientDetail'
 import { GroupRecipientPermissions } from './GroupRecipientPermissions'

package/src/components/Recipient/GroupRecipientDetail.jsx

@@ -1,11 +1,11 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient, generateWebLink } from 'cozy-client'
 import Buttons from 'cozy-ui/transpiled/react/Buttons'
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Empty from 'cozy-ui/transpiled/react/Empty'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { GroupRecipientDetailWithAccess } from './GroupRecipientDetailWithAccess'
 import { GroupRecipientDetailWithoutAccess } from './GroupRecipientDetailWithoutAccess'

package/src/components/Recipient/GroupRecipientDetailWithAccess.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
@@ -7,7 +8,6 @@ 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 'cozy-ui/transpiled/react/providers/I18n'
 
 import MemberRecipientStatus from './MemberRecipientStatus'
 import { getInitials, getDisplayName } from '../../models'

package/src/components/Recipient/GroupRecipientDetailWithoutAccess.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -8,7 +9,6 @@ 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 'cozy-ui/transpiled/react/providers/I18n'
 
 import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients'
 import { getInitials, getDisplayName } from '../../models'

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -1,5 +1,7 @@
 import React, { useState, useRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
+import { useClient } from 'cozy-client'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import {
   makeActions,
@@ -10,7 +12,6 @@ import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { permission } from './actions/permission'
 import { revokeGroup as revokeGroupAction } from './actions/revokeGroup'
@@ -29,6 +30,7 @@ const GroupRecipientPermissions = ({
 }) => {
   const { t } = useI18n()
   const buttonRef = useRef()
+  const client = useClient()
   const { revokeGroup, revokeSelf } = useSharingContext()
 
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
@@ -52,6 +54,7 @@ const GroupRecipientPermissions = ({
   const type = isReadOnly ? 'one-way' : 'two-way'
 
   const actions = makeActions([permission, divider, revokeGroupAction], {
+    client,
     t,
     type,
     isOwner,

package/src/components/Recipient/LinkRecipient.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Fade from 'cozy-ui/transpiled/react/Fade'
@@ -10,7 +11,6 @@ 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 useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import LinkRecipientPermissions from './LinkRecipientPermissions'
 import RecipientConfirm from './RecipientConfirm'

package/src/components/Recipient/LinkRecipientLite.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Icon from 'cozy-ui/transpiled/react/Icon'
@@ -8,7 +9,6 @@ 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 'cozy-ui/transpiled/react/providers/I18n'
 
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
 import withLocales from '../../hoc/withLocales'

package/src/components/Recipient/LinkRecipientPermissions.jsx

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types'
 import React, { useState, useRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
 import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal'

package/src/components/Recipient/MemberRecipient.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import Fade from 'cozy-ui/transpiled/react/Fade'
@@ -8,7 +9,6 @@ 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 useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import MemberRecipientPermissions from './MemberRecipientPermissions'
 import MemberRecipientStatus from './MemberRecipientStatus'

package/src/components/Recipient/MemberRecipientLite.jsx

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 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 'cozy-ui/transpiled/react/providers/I18n'
 
 import MemberRecipientStatus from './MemberRecipientStatus'
 import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients'

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useRef, useCallback } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
@@ -9,7 +10,6 @@ import {
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { permission } from './actions/permission'
 import { revokeMember } from './actions/revokeMember'
@@ -56,6 +56,7 @@ const MemberRecipientPermissions = ({
   }, [isOwner, onRevoke, onRevokeSelf, document, sharingId, memberIndex])
 
   const actions = makeActions([permission, divider, revokeMember], {
+    client,
     t,
     type: type ?? 'one-way',
     isOwner,