cozy-viewer 24.2.4 → 25.0.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [25.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@24.2.4...cozy-viewer@25.0.0) (2025-12-04)
+
+### Features
+
+- Add twake-i18n in packages ([f8689a9](https://github.com/cozy/cozy-libs/commit/f8689a9a58dc6384ccf494a19fd1afb595da39f0))
+
+### BREAKING CHANGES
+
+- You must have `twake-i18n >= 0.3.0` and `cozy-ui >= 135.0.0`
+
 ## [24.2.4](https://github.com/cozy/cozy-libs/compare/cozy-viewer@24.2.3...cozy-viewer@24.2.4) (2025-12-04)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/Footer/DownloadButton.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
@@ -27,14 +29,12 @@ var _Download = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/D
 
 var _Alerter = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Alerter"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var DownloadButton = function DownloadButton(_ref) {
   var file = _ref.file,
       variant = _ref.variant;
   var client = (0, _cozyClient.useClient)();
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   var icon = /*#__PURE__*/_react.default.createElement(_Icon.default, {

package/dist/Footer/ForwardButton.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _sharing = require("cozy-client/dist/models/sharing");
@@ -33,8 +35,6 @@ var _ShareIos = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/S
 
 var _Alerter = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Alerter"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var ForwardIcon = (0, _cozyDeviceHelper.isIOS)() ? _ShareIos.default : _Reply.default;
 
 var ForwardButton = function ForwardButton(_ref) {
@@ -42,7 +42,7 @@ var ForwardButton = function ForwardButton(_ref) {
       variant = _ref.variant,
       onClick = _ref.onClick;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   var client = (0, _cozyClient.useClient)();

package/dist/NoViewer/DownloadButton.js

@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _file = require("cozy-client/dist/models/file");
@@ -19,8 +21,6 @@ var _cozyIntent = require("cozy-intent");
 
 var _Button = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Button"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _proptypes = require("cozy-ui-plus/dist/proptypes");
 
 var DownloadButton = function DownloadButton(_ref) {
@@ -28,7 +28,7 @@ var DownloadButton = function DownloadButton(_ref) {
       file = _ref.file,
       url = _ref.url;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();

package/dist/Panel/ActionMenuDesktop.js

@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
 var _Copy = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Copy"));
@@ -21,8 +23,6 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _ActionMenu = _interopRequireWildcard(require("cozy-ui/transpiled/react/deprecated/ActionMenu"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
 
 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); }
@@ -38,7 +38,7 @@ var ActionMenuDesktop = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
       isEditable = _ref.isEditable,
       onClose = _ref.onClose;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   return /*#__PURE__*/_react.default.createElement(_ActionMenu.default, {

package/dist/Panel/ActionMenuMobile.js

@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _BottomSheet = _interopRequireWildcard(require("cozy-ui/transpiled/react/BottomSheet"));
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
@@ -27,8 +29,6 @@ var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/Lis
 
 var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
 
 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); }
@@ -40,7 +40,7 @@ var ActionMenuMobile = function ActionMenuMobile(_ref) {
       isEditable = _ref.isEditable,
       onClose = _ref.onClose;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   return /*#__PURE__*/_react.default.createElement(_BottomSheet.default, {

package/dist/Panel/ActionMenuWrapper.js

@@ -15,12 +15,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
 var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _ActionMenuDesktop = _interopRequireDefault(require("./ActionMenuDesktop"));
 
 var _ActionMenuMobile = _interopRequireDefault(require("./ActionMenuMobile"));
@@ -46,7 +46,7 @@ var ActionMenuWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   var _useViewer = (0, _ViewerProvider.useViewer)(),
       file = _useViewer.file;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   var _useAlert = (0, _Alert.useAlert)(),

package/dist/Panel/Informations.js

@@ -15,6 +15,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
+var _cozyClient = require("cozy-client");
+
 var _ActionsMenu = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu"));
 
 var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
@@ -49,8 +53,6 @@ var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpile
 
 var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _helpers = require("./helpers");
 
 var _withViewerLocales = require("../hoc/withViewerLocales");
@@ -69,10 +71,11 @@ var Informations = function Informations(_ref) {
       showMenu = _useState2[0],
       setShowMenu = _useState2[1];
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       f = _useI18n.f,
       lang = _useI18n.lang;
 
+  var client = (0, _cozyClient.useClient)();
   var format = (0, _helpers.makeFormat)(file);
   var path = (0, _helpers.makePath)(file);
   var size = (0, _helpers.makeSize)(file.size);
@@ -81,7 +84,9 @@ var Informations = function Informations(_ref) {
   var hasCarbonCopy = (0, _has.default)(file, 'metadata.carbonCopy');
   var hasElectronicSafe = (0, _has.default)(file, 'metadata.electronicSafe');
   var anchorRef = (0, _react.useRef)();
-  var actions = (0, _Actions.makeActions)([_Actions.viewInDrive]);
+  var actions = (0, _Actions.makeActions)([_Actions.viewInDrive], {
+    client: client
+  });
   return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _FileOutline.default
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {

package/dist/Panel/Qualifications/QualificationListItemContact.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _paper = require("cozy-client/dist/models/paper");
 
 var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
@@ -37,8 +39,6 @@ var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"
 
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
 var _IntentOpener = _interopRequireDefault(require("../../components/IntentOpener"));
@@ -54,7 +54,7 @@ var QualificationListItemContact = /*#__PURE__*/(0, _react.forwardRef)(function
       isReadOnly = _ref.isReadOnly,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       lang = _useI18n.lang;
 
   var _useReferencedContact = (0, _useReferencedContactName.default)(file),

package/dist/Panel/Qualifications/QualificationListItemDate.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _paper = require("cozy-client/dist/models/paper");
 
 var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
@@ -39,8 +41,6 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
 var _ExpirationAnnotation = _interopRequireDefault(require("../../components/ExpirationAnnotation"));
@@ -57,7 +57,7 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
       formattedMetadataQualification = _ref.formattedMetadataQualification,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       f = _useI18n.f,
       lang = _useI18n.lang;
 

package/dist/Panel/Qualifications/QualificationListItemInformation.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _paper = require("cozy-client/dist/models/paper");
 
 var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
@@ -49,8 +51,6 @@ var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidE
 
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
 var _IntentOpener = _interopRequireDefault(require("../../components/IntentOpener"));
@@ -73,7 +73,7 @@ var QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(funct
       isReadOnly = _ref.isReadOnly,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       lang = _useI18n.lang;
 
   var _useAlert = (0, _Alert.useAlert)(),

package/dist/Panel/Qualifications/QualificationListItemOther.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _paper = require("cozy-client/dist/models/paper");
 
 var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
@@ -39,8 +41,6 @@ var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidE
 
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
 var _IntentOpener = _interopRequireDefault(require("../../components/IntentOpener"));
@@ -55,7 +55,7 @@ var QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_
       formattedMetadataQualification = _ref.formattedMetadataQualification,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       lang = _useI18n.lang;
 
   var _useAlert = (0, _Alert.useAlert)(),

package/dist/Panel/Qualifications/QualificationListItemQualification.js

@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _paper = require("cozy-client/dist/models/paper");
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
@@ -25,8 +27,6 @@ var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/Lis
 
 var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidEllipsis"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _QualificationIcon = _interopRequireDefault(require("cozy-ui-plus/dist/Qualification/QualificationIcon"));
 
 var _helpers = require("../helpers");
@@ -36,7 +36,7 @@ var QualificationListItemQualification = function QualificationListItemQualifica
       isReadOnly = _ref.isReadOnly,
       onClick = _ref.onClick;
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       lang = _useI18n.lang;
 
   var value = file.metadata.qualification.label;

package/dist/ViewerContainer.js

@@ -25,6 +25,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _permission = require("cozy-client/dist/models/permission");
@@ -39,8 +41,6 @@ var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/prov
 
 var _Encrypted = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Encrypted"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _proptypes = require("cozy-ui-plus/dist/proptypes");
 
 var _Viewer = _interopRequireDefault(require("./Viewer"));
@@ -93,7 +93,7 @@ var ViewerContainer = function ViewerContainer(props) {
       setIsReadOnly = _useState2[1];
 
   var client = (0, _cozyClient.useClient)();
-  (0, _I18n.useExtendI18n)(_locales.locales);
+  (0, _twakeI18n.useExtendI18n)(_locales.locales);
 
   var _useSharingContext = (0, _cozySharing.useSharingContext)(),
       hasWriteAccess = _useSharingContext.hasWriteAccess,

package/dist/components/ExpirationAlert.js

@@ -17,6 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _paper = require("cozy-client/dist/models/paper");
@@ -29,8 +31,6 @@ var _Link = _interopRequireDefault(require("cozy-ui/transpiled/react/Link"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _withViewerLocales = require("../hoc/withViewerLocales");
 
 var _ViewerProvider = require("../providers/ViewerProvider");
@@ -46,7 +46,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var FILES_DOCTYPE = 'io.cozy.files';
 
 var ExpirationAlert = function ExpirationAlert() {
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t,
       lang = _useI18n.lang;
 

package/dist/components/ExpirationAnnotation.js

@@ -9,12 +9,12 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _ViewerProvider = require("../providers/ViewerProvider");
 
 var _models$paper = _cozyClient.models.paper,
@@ -24,7 +24,7 @@ var _models$paper = _cozyClient.models.paper,
     makeExpiresInMessage = _models$paper.makeExpiresInMessage;
 
 var ExpirationAnnotation = function ExpirationAnnotation() {
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       lang = _useI18n.lang;
 
   var _useViewer = (0, _ViewerProvider.useViewer)(),

package/dist/components/Toolbar.js

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeI18n = require("twake-i18n");
+
 var _cozyClient = require("cozy-client");
 
 var _file = require("cozy-client/dist/models/file");
@@ -43,8 +45,6 @@ var _withBreakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/
 
 var _Encrypted = require("cozy-ui/transpiled/react/providers/Encrypted");
 
-var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
-
 var _ToolbarFilePath = require("./ToolbarFilePath");
 
 var _helpers = require("../Footer/helpers");
@@ -77,7 +77,7 @@ var Toolbar = function Toolbar(_ref) {
       showFilePath = _ref.showFilePath;
   var client = (0, _cozyClient.useClient)();
 
-  var _useI18n = (0, _I18n.useI18n)(),
+  var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
   var webviewIntent = (0, _cozyIntent.useWebviewIntent)();

package/dist/hoc/withViewerLocales.js

@@ -1,15 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withViewerLocales = void 0;
 
-var _withLocales = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/withLocales"));
+var _twakeI18n = require("twake-i18n");
 
 var _locales = require("../locales");
 
-var withViewerLocales = (0, _withLocales.default)(_locales.locales);
+var withViewerLocales = (0, _twakeI18n.withLocales)(_locales.locales);
 exports.withViewerLocales = withViewerLocales;

package/dist/locales/index.d.ts

@@ -6,7 +6,7 @@ export namespace locales {
 }
 export function getViewerI18n(): {
     t: any;
-    f: (date: any, formatStr: any, opts?: {}) => string | undefined;
+    f: (date: any, formatStr: any, opts?: {}) => string;
     lang: any;
 };
 import en from './en.json';

package/dist/locales/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.locales = exports.getViewerI18n = void 0;
 
-var _helpers = require("cozy-ui/transpiled/react/providers/I18n/helpers");
+var _twakeI18n = require("twake-i18n");
 
 var en = {
   Viewer: {
@@ -352,7 +352,7 @@ var locales = {
 exports.locales = locales;
 
 var getViewerI18n = function getViewerI18n() {
-  return (0, _helpers.getI18n)(undefined, function (lang) {
+  return (0, _twakeI18n.getI18n)(undefined, function (lang) {
     return locales[lang];
   });
 };

package/dist/providers/DemoProvider.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeI18n = _interopRequireDefault(require("twake-i18n"));
+
 var _cozyClient = require("cozy-client");
 
 var _cloudWallpaper = _interopRequireDefault(require("cozy-ui/docs/cloud-wallpaper.jpg"));
@@ -17,8 +19,6 @@ var _Alert = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/
 
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
-var _I18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n"));
-
 var _ViewerProvider = _interopRequireDefault(require("./ViewerProvider"));
 
 var _index = require("../locales/index");
@@ -155,7 +155,7 @@ var DemoProvider = function DemoProvider(_ref2) {
   } : {};
   return /*#__PURE__*/_react.default.createElement(_cozyClient.CozyProvider, {
     client: mockClient
-  }, /*#__PURE__*/_react.default.createElement(_Breakpoints.BreakpointsProvider, null, /*#__PURE__*/_react.default.createElement(_I18n.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Breakpoints.BreakpointsProvider, null, /*#__PURE__*/_react.default.createElement(_twakeI18n.default, {
     dictRequire: function dictRequire(lang) {
       return _index.locales[lang];
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "24.2.4",
+  "version": "25.0.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -31,12 +31,12 @@
     "babel-preset-cozy-app": "^2.8.2",
     "cozy-client": "^57.0.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^35.1.14",
+    "cozy-harvest-lib": "^36.0.0",
     "cozy-intent": "^2.30.1",
     "cozy-logger": "^1.17.0",
-    "cozy-sharing": "^27.2.0",
-    "cozy-ui": "^126.0.0",
-    "cozy-ui-plus": "^3.1.2",
+    "cozy-sharing": "^28.0.0",
+    "cozy-ui": "^135.0.0",
+    "cozy-ui-plus": "^4.0.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
     "jest-canvas-mock": "2.3.1",
@@ -45,6 +45,7 @@
     "react-dom": "16.12.0",
     "react-test-renderer": "16.12.0",
     "stylus": "0.63.0",
+    "twake-i18n": "^0.3.0",
     "typescript": "5.5.2"
   },
   "dependencies": {
@@ -61,10 +62,11 @@
     "cozy-intent": ">=2.30.0",
     "cozy-logger": ">=1.17.0",
     "cozy-sharing": ">=25.4.0",
-    "cozy-ui": ">=126.0.0",
+    "cozy-ui": ">=135.0.0",
     "cozy-ui-plus": ">=1.2.0",
     "react": ">=16.12.0",
-    "react-dom": ">=16.12.0"
+    "react-dom": ">=16.12.0",
+    "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "f9a5c03a4a2bbf9b6bb2c83485f1baeedb09f462"
+  "gitHead": "b1d504a12eb88b8ecda4a53f82c400482d79452b"
 }

package/src/Footer/DownloadButton.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 Button from 'cozy-ui/transpiled/react/Buttons'
@@ -7,7 +8,6 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import DownloadIcon from 'cozy-ui/transpiled/react/Icons/Download'
 import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const DownloadButton = ({ file, variant }) => {
   const client = useClient()

package/src/Footer/ForwardButton.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 { makeSharingLink } from 'cozy-client/dist/models/sharing'
@@ -10,7 +11,6 @@ import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import ReplyIcon from 'cozy-ui/transpiled/react/Icons/Reply'
 import ShareIosIcon from 'cozy-ui/transpiled/react/Icons/ShareIos'
 import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const ForwardIcon = isIOS() ? ShareIosIcon : ReplyIcon
 

package/src/NoViewer/DownloadButton.jsx

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { withClient } from 'cozy-client'
 import { downloadFile } from 'cozy-client/dist/models/file'
 import { useWebviewIntent } from 'cozy-intent'
 import Button from 'cozy-ui/transpiled/react/deprecated/Button'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { FileDoctype } from 'cozy-ui-plus/dist/proptypes'
 
 const DownloadButton = ({ client, file, url }) => {

package/src/Panel/ActionMenuDesktop.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import Copy from 'cozy-ui/transpiled/react/Icons/Copy'
@@ -8,7 +9,6 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import ActionMenu, {
   ActionMenuItem
 } from 'cozy-ui/transpiled/react/deprecated/ActionMenu'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import styles from './styles.styl'
 import IntentOpener from '../components/IntentOpener'

package/src/Panel/ActionMenuMobile.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import BottomSheet, {
   BottomSheetItem
@@ -11,7 +12,6 @@ import List from 'cozy-ui/transpiled/react/List'
 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 IntentOpener from '../components/IntentOpener'
 

package/src/Panel/ActionMenuWrapper.jsx

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ActionMenuDesktop from './ActionMenuDesktop'
 import ActionMenuMobile from './ActionMenuMobile'

package/src/Panel/Informations.jsx

@@ -1,7 +1,9 @@
 import has from 'lodash/has'
 import PropTypes from 'prop-types'
 import React, { useRef, useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
+import { useClient } from 'cozy-client'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import {
   makeActions,
@@ -22,7 +24,6 @@ import ListItem from 'cozy-ui/transpiled/react/ListItem'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { makeFormat, makeSize, makeDate, makePath } from './helpers'
 import { withViewerLocales } from '../hoc/withViewerLocales'
@@ -30,6 +31,7 @@ import { withViewerLocales } from '../hoc/withViewerLocales'
 const Informations = ({ file, isPublic, t }) => {
   const [showMenu, setShowMenu] = useState(false)
   const { f, lang } = useI18n()
+  const client = useClient()
   const format = makeFormat(file)
   const path = makePath(file)
   const size = makeSize(file.size)
@@ -39,7 +41,7 @@ const Informations = ({ file, isPublic, t }) => {
   const hasElectronicSafe = has(file, 'metadata.electronicSafe')
   const anchorRef = useRef()
 
-  const actions = makeActions([viewInDrive])
+  const actions = makeActions([viewInDrive], { client })
 
   return (
     <List>

package/src/Panel/Qualifications/QualificationListItemContact.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import {
   getTranslatedNameForContact,
@@ -15,7 +16,6 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import QualificationListItemText from './QualificationListItemText'
 import IntentOpener from '../../components/IntentOpener'

package/src/Panel/Qualifications/QualificationListItemDate.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import {
   isExpired,
@@ -18,7 +19,6 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import QualificationListItemText from './QualificationListItemText'
 import ExpirationAnnotation from '../../components/ExpirationAnnotation'

package/src/Panel/Qualifications/QualificationListItemInformation.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import {
   getTranslatedNameForInformationMetadata,
@@ -22,7 +23,6 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
 import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import QualificationListItemText from './QualificationListItemText'
 import IntentOpener from '../../components/IntentOpener'

package/src/Panel/Qualifications/QualificationListItemOther.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { forwardRef } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import {
   getTranslatedNameForOtherMetadata,
@@ -16,7 +17,6 @@ import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction'
 import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import QualificationListItemText from './QualificationListItemText'
 import IntentOpener from '../../components/IntentOpener'

package/src/Panel/Qualifications/QualificationListItemQualification.jsx

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { formatOtherMetadataValue } from 'cozy-client/dist/models/paper'
 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 MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import QualificationIcon from 'cozy-ui-plus/dist/Qualification/QualificationIcon'
 
 import { canEditQualification } from '../helpers'

package/src/ViewerContainer.jsx

@@ -1,6 +1,7 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { createRef, useState, useEffect } from 'react'
+import { useExtendI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import { isDocumentReadOnly } from 'cozy-client/dist/models/permission'
@@ -10,7 +11,6 @@ import Dialog from 'cozy-ui/transpiled/react/Dialog'
 import AlertProvider from 'cozy-ui/transpiled/react/providers/Alert'
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
-import { useExtendI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { FileDoctype } from 'cozy-ui-plus/dist/proptypes'
 
 import Viewer from './Viewer'

package/src/ViewersByFile/PdfMobileViewer.spec.jsx

@@ -1,10 +1,10 @@
 import { render, waitFor } from '@testing-library/react'
 import React from 'react'
+import I18n from 'twake-i18n'
 
 import { CozyProvider, createMockClient } from 'cozy-client'
 import logger from 'cozy-logger'
 import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
-import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { PdfMobileViewer } from './PdfMobileViewer'
 

package/src/ViewersByFile/ShortcutViewer.spec.jsx

@@ -1,8 +1,8 @@
 import { render, waitFor } from '@testing-library/react'
 import React from 'react'
+import I18n from 'twake-i18n'
 
 import CozyClient, { CozyProvider } from 'cozy-client'
-import I18n from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ShortcutViewer from './ShortcutViewer'
 import en from '../locales/en.json'

package/src/components/ExpirationAlert.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import {
@@ -11,7 +12,6 @@ import Alert from 'cozy-ui/transpiled/react/Alert'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Link from 'cozy-ui/transpiled/react/Link'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { withViewerLocales } from '../hoc/withViewerLocales'
 import { useViewer } from '../providers/ViewerProvider'

package/src/components/ExpirationAnnotation.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { models } from 'cozy-client'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 const {
   computeExpirationDate,

package/src/components/Toolbar.jsx

@@ -1,6 +1,7 @@
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import { useI18n } from 'twake-i18n'
 
 import { useClient } from 'cozy-client'
 import { downloadFile } from 'cozy-client/dist/models/file'
@@ -21,7 +22,6 @@ import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
 import { useEncrypted } from 'cozy-ui/transpiled/react/providers/Encrypted'
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { ToolbarFilePath } from './ToolbarFilePath'
 import styles from './styles.styl'

package/src/hoc/withViewerLocales.jsx

@@ -1,4 +1,4 @@
-import withLocales from 'cozy-ui/transpiled/react/providers/I18n/withLocales'
+import { withLocales } from 'twake-i18n'
 
 import { locales } from '../locales'
 

package/src/locales/index.js

@@ -1,4 +1,4 @@
-import { getI18n } from 'cozy-ui/transpiled/react/providers/I18n/helpers'
+import { getI18n } from 'twake-i18n'
 
 import en from './en.json'
 import fr from './fr.json'

package/src/providers/DemoProvider.jsx

@@ -1,10 +1,10 @@
 import React, { Fragment } from 'react'
+import I18n from 'twake-i18n'
 
 import { CozyProvider } from 'cozy-client'
 import CloudWallpaper from 'cozy-ui/docs/cloud-wallpaper.jpg'
 import AlertProvider from 'cozy-ui/transpiled/react/providers/Alert'
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import I18n from 'cozy-ui/transpiled/react/providers/I18n'
 
 import ViewerProvider from './ViewerProvider'
 import { locales } from '../locales/index'