cozy-ui 117.0.0 → 117.1.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [117.1.0](https://github.com/cozy/cozy-ui/compare/v117.0.0...v117.1.0) (2025-01-21)
+
+
+### Features
+
+* Add Download and Add/Remove favorites actions ([6e4bca4](https://github.com/cozy/cozy-ui/commit/6e4bca4))
+
 # [117.0.0](https://github.com/cozy/cozy-ui/compare/v116.0.0...v117.0.0) (2025-01-13)
 
 

package/package.json

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

package/react/ActionsMenu/Actions/addToFavorites.js

@@ -0,0 +1,66 @@
+import React, { forwardRef } from 'react'
+
+import { splitFilename } from 'cozy-client/dist/models/file'
+
+import { getActionsI18n } from './locales/withActionsLocales'
+import Icon from '../../Icon'
+import StarOutlineIcon from '../../Icons/StarOutline'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'addToFavorites'
+
+  return Component
+}
+
+export const addToFavorites = ({ showAlert }) => {
+  const { t } = getActionsI18n()
+  const icon = StarOutlineIcon
+  const label = t('favorites.add.label')
+
+  return {
+    name: 'addToFavorites',
+    icon,
+    label,
+    displayCondition: docs =>
+      docs.length > 0 && docs.every(doc => !doc.cozyMetadata?.favorite),
+    Component: makeComponent(label, icon),
+    action: async (docs, { client }) => {
+      try {
+        for (const doc of docs) {
+          await client.save({
+            ...doc,
+            cozyMetadata: {
+              ...doc.cozyMetadata,
+              favorite: true
+            }
+          })
+        }
+
+        const { filename } = splitFilename(docs[0])
+        showAlert({
+          message: t('favorites.add.success', {
+            filename,
+            smart_count: docs.length
+          }),
+          severity: 'success'
+        })
+      } catch (error) {
+        showAlert({ message: t('favorites.error'), severity: 'error' })
+      }
+    }
+  }
+}

package/react/ActionsMenu/Actions/download.js

@@ -0,0 +1,42 @@
+import React, { forwardRef } from 'react'
+
+import { downloadFile } from 'cozy-client/dist/models/file'
+
+import { getActionsI18n } from './locales/withActionsLocales'
+import Icon from '../../Icon'
+import DownloadIcon from '../../Icons/Download'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'download'
+
+  return Component
+}
+
+export const download = ({ encryptedUrl }) => {
+  const { t } = getActionsI18n()
+  const icon = DownloadIcon
+  const label = t('download')
+
+  return {
+    name: 'download',
+    icon,
+    label,
+    Component: makeComponent(label, icon),
+    action: (docs, { client, webviewIntent }) =>
+      downloadFile({ client, file: docs[0], url: encryptedUrl, webviewIntent })
+  }
+}

package/react/ActionsMenu/Actions/index.js

@@ -5,6 +5,9 @@ export { smsTo } from './smsTo'
 export { call } from './call'
 export { emailTo } from './emailTo'
 export { print } from './print'
+export { download } from './download'
+export { addToFavorites } from './addToFavorites'
+export { removeFromFavorites } from './removeFromFavorites'
 export { viewInContacts } from './viewInContacts'
 export { viewInDrive } from './viewInDrive'
 export { copyToClipboard } from './copyToClipboard'

package/react/ActionsMenu/Actions/locales/en.json

@@ -5,6 +5,18 @@
   "emailTo": "Send an email",
   "smsTo": "Send a message",
   "print": "Print",
+  "download": "Download",
+  "favorites": {
+    "add": {
+      "label": "Add to favorites",
+      "success": "%{filename} has been added to favorites |||| These items have been added to favorites"
+    },
+    "remove": {
+      "label": "Remove from favorites",
+      "success": "%{filename} has been removed from favorites |||| These items have been removed from favorites"
+    },
+    "error": "An error occurred, please try again."
+  },
   "others": "Others",
   "editAttribute": "Edit attribute",
   "copyToClipboard": {

package/react/ActionsMenu/Actions/locales/fr.json

@@ -5,6 +5,18 @@
   "emailTo": "Envoyer un e-mail",
   "smsTo": "Envoyer un message",
   "print": "Imprimer",
+  "download": "Télécharger",
+  "favorites": {
+    "add": {
+      "label": "Ajouter aux favoris",
+      "success": "%{filename} a été ajouté aux favoris |||| Ces éléments ont été ajoutés aux favoris"
+    },
+    "remove": {
+      "label": "Retirer des favoris",
+      "success": "%{filename} a été retiré des favoris |||| Ces éléments ont été retirés des favoris"
+    },
+    "error": "Une erreur est survenue, merci de réessayer."
+  },
   "others": "Autres",
   "editAttribute": "Editer l'attribut",
   "copyToClipboard": {

package/react/ActionsMenu/Actions/removeFromFavorites.js

@@ -0,0 +1,66 @@
+import React, { forwardRef } from 'react'
+
+import { splitFilename } from 'cozy-client/dist/models/file'
+
+import { getActionsI18n } from './locales/withActionsLocales'
+import Icon from '../../Icon'
+import StarIcon from '../../Icons/Star'
+import ListItemIcon from '../../ListItemIcon'
+import ListItemText from '../../ListItemText'
+import ActionsMenuItem from '../ActionsMenuItem'
+
+const makeComponent = (label, icon) => {
+  const Component = forwardRef((props, ref) => {
+    return (
+      <ActionsMenuItem {...props} ref={ref}>
+        <ListItemIcon>
+          <Icon icon={icon} />
+        </ListItemIcon>
+        <ListItemText primary={label} />
+      </ActionsMenuItem>
+    )
+  })
+
+  Component.displayName = 'removeFromFavorites'
+
+  return Component
+}
+
+export const removeFromFavorites = ({ showAlert }) => {
+  const { t } = getActionsI18n()
+  const icon = StarIcon
+  const label = t('favorites.remove.label')
+
+  return {
+    name: 'removeFromFavorites',
+    icon,
+    label,
+    displayCondition: docs =>
+      docs.length > 0 && docs.every(doc => doc.cozyMetadata?.favorite),
+    Component: makeComponent(label, icon),
+    action: async (docs, { client }) => {
+      try {
+        for (const doc of docs) {
+          await client.save({
+            ...doc,
+            cozyMetadata: {
+              ...doc.cozyMetadata,
+              favorite: false
+            }
+          })
+        }
+
+        const { filename } = splitFilename(docs[0])
+        showAlert({
+          message: t('favorites.success.remove', {
+            filename,
+            smart_count: docs.length
+          }),
+          severity: 'success'
+        })
+      } catch (error) {
+        showAlert({ message: t('favorites.error'), severity: 'error' })
+      }
+    }
+  }
+}

package/transpiled/react/ActionsMenu/Actions/addToFavorites.js

@@ -0,0 +1,144 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import React, { forwardRef } from 'react';
+import { splitFilename } from 'cozy-client/dist/models/file';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import StarOutlineIcon from "cozy-ui/transpiled/react/Icons/StarOutline";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'addToFavorites';
+  return Component;
+};
+
+export var addToFavorites = function addToFavorites(_ref) {
+  var showAlert = _ref.showAlert;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = StarOutlineIcon;
+  var label = t('favorites.add.label');
+  return {
+    name: 'addToFavorites',
+    icon: icon,
+    label: label,
+    displayCondition: function displayCondition(docs) {
+      return docs.length > 0 && docs.every(function (doc) {
+        var _doc$cozyMetadata;
+
+        return !((_doc$cozyMetadata = doc.cozyMetadata) !== null && _doc$cozyMetadata !== void 0 && _doc$cozyMetadata.favorite);
+      });
+    },
+    Component: makeComponent(label, icon),
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref2) {
+        var client, _iterator, _step, doc, _splitFilename, filename;
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                client = _ref2.client;
+                _context.prev = 1;
+                _iterator = _createForOfIteratorHelper(docs);
+                _context.prev = 3;
+
+                _iterator.s();
+
+              case 5:
+                if ((_step = _iterator.n()).done) {
+                  _context.next = 11;
+                  break;
+                }
+
+                doc = _step.value;
+                _context.next = 9;
+                return client.save(_objectSpread(_objectSpread({}, doc), {}, {
+                  cozyMetadata: _objectSpread(_objectSpread({}, doc.cozyMetadata), {}, {
+                    favorite: true
+                  })
+                }));
+
+              case 9:
+                _context.next = 5;
+                break;
+
+              case 11:
+                _context.next = 16;
+                break;
+
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](3);
+
+                _iterator.e(_context.t0);
+
+              case 16:
+                _context.prev = 16;
+
+                _iterator.f();
+
+                return _context.finish(16);
+
+              case 19:
+                _splitFilename = splitFilename(docs[0]), filename = _splitFilename.filename;
+                showAlert({
+                  message: t('favorites.add.success', {
+                    filename: filename,
+                    smart_count: docs.length
+                  }),
+                  severity: 'success'
+                });
+                _context.next = 26;
+                break;
+
+              case 23:
+                _context.prev = 23;
+                _context.t1 = _context["catch"](1);
+                showAlert({
+                  message: t('favorites.error'),
+                  severity: 'error'
+                });
+
+              case 26:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 23], [3, 13, 16, 19]]);
+      }));
+
+      function action(_x, _x2) {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  };
+};

package/transpiled/react/ActionsMenu/Actions/download.js

@@ -0,0 +1,49 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import { downloadFile } from 'cozy-client/dist/models/file';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import DownloadIcon from "cozy-ui/transpiled/react/Icons/Download";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'download';
+  return Component;
+};
+
+export var download = function download(_ref) {
+  var encryptedUrl = _ref.encryptedUrl;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = DownloadIcon;
+  var label = t('download');
+  return {
+    name: 'download',
+    icon: icon,
+    label: label,
+    Component: makeComponent(label, icon),
+    action: function action(docs, _ref2) {
+      var client = _ref2.client,
+          webviewIntent = _ref2.webviewIntent;
+      return downloadFile({
+        client: client,
+        file: docs[0],
+        url: encryptedUrl,
+        webviewIntent: webviewIntent
+      });
+    }
+  };
+};

package/transpiled/react/ActionsMenu/Actions/index.js

@@ -5,6 +5,9 @@ export { smsTo } from './smsTo';
 export { call } from './call';
 export { emailTo } from './emailTo';
 export { print } from './print';
+export { download } from './download';
+export { addToFavorites } from './addToFavorites';
+export { removeFromFavorites } from './removeFromFavorites';
 export { viewInContacts } from './viewInContacts';
 export { viewInDrive } from './viewInDrive';
 export { copyToClipboard } from './copyToClipboard';

package/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales.js

@@ -5,6 +5,18 @@ var en = {
   emailTo: "Send an email",
   smsTo: "Send a message",
   print: "Print",
+  download: "Download",
+  favorites: {
+    add: {
+      label: "Add to favorites",
+      success: "%{filename} has been added to favorites |||| These items have been added to favorites"
+    },
+    remove: {
+      label: "Remove from favorites",
+      success: "%{filename} has been removed from favorites |||| These items have been removed from favorites"
+    },
+    error: "An error occurred, please try again."
+  },
   others: "Others",
   editAttribute: "Edit attribute",
   copyToClipboard: {
@@ -21,6 +33,18 @@ var fr = {
   emailTo: "Envoyer un e-mail",
   smsTo: "Envoyer un message",
   print: "Imprimer",
+  download: "T\xE9l\xE9charger",
+  favorites: {
+    add: {
+      label: "Ajouter aux favoris",
+      success: "%{filename} a \xE9t\xE9 ajout\xE9 aux favoris |||| Ces \xE9l\xE9ments ont \xE9t\xE9 ajout\xE9s aux favoris"
+    },
+    remove: {
+      label: "Retirer des favoris",
+      success: "%{filename} a \xE9t\xE9 retir\xE9 des favoris |||| Ces \xE9l\xE9ments ont \xE9t\xE9 retir\xE9s des favoris"
+    },
+    error: "Une erreur est survenue, merci de r\xE9essayer."
+  },
   others: "Autres",
   editAttribute: "Editer l'attribut",
   copyToClipboard: {

package/transpiled/react/ActionsMenu/Actions/removeFromFavorites.js

@@ -0,0 +1,144 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import React, { forwardRef } from 'react';
+import { splitFilename } from 'cozy-client/dist/models/file';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import StarIcon from "cozy-ui/transpiled/react/Icons/Star";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'removeFromFavorites';
+  return Component;
+};
+
+export var removeFromFavorites = function removeFromFavorites(_ref) {
+  var showAlert = _ref.showAlert;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = StarIcon;
+  var label = t('favorites.remove.label');
+  return {
+    name: 'removeFromFavorites',
+    icon: icon,
+    label: label,
+    displayCondition: function displayCondition(docs) {
+      return docs.length > 0 && docs.every(function (doc) {
+        var _doc$cozyMetadata;
+
+        return (_doc$cozyMetadata = doc.cozyMetadata) === null || _doc$cozyMetadata === void 0 ? void 0 : _doc$cozyMetadata.favorite;
+      });
+    },
+    Component: makeComponent(label, icon),
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(docs, _ref2) {
+        var client, _iterator, _step, doc, _splitFilename, filename;
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                client = _ref2.client;
+                _context.prev = 1;
+                _iterator = _createForOfIteratorHelper(docs);
+                _context.prev = 3;
+
+                _iterator.s();
+
+              case 5:
+                if ((_step = _iterator.n()).done) {
+                  _context.next = 11;
+                  break;
+                }
+
+                doc = _step.value;
+                _context.next = 9;
+                return client.save(_objectSpread(_objectSpread({}, doc), {}, {
+                  cozyMetadata: _objectSpread(_objectSpread({}, doc.cozyMetadata), {}, {
+                    favorite: false
+                  })
+                }));
+
+              case 9:
+                _context.next = 5;
+                break;
+
+              case 11:
+                _context.next = 16;
+                break;
+
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](3);
+
+                _iterator.e(_context.t0);
+
+              case 16:
+                _context.prev = 16;
+
+                _iterator.f();
+
+                return _context.finish(16);
+
+              case 19:
+                _splitFilename = splitFilename(docs[0]), filename = _splitFilename.filename;
+                showAlert({
+                  message: t('favorites.success.remove', {
+                    filename: filename,
+                    smart_count: docs.length
+                  }),
+                  severity: 'success'
+                });
+                _context.next = 26;
+                break;
+
+              case 23:
+                _context.prev = 23;
+                _context.t1 = _context["catch"](1);
+                showAlert({
+                  message: t('favorites.error'),
+                  severity: 'error'
+                });
+
+              case 26:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 23], [3, 13, 16, 19]]);
+      }));
+
+      function action(_x, _x2) {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  };
+};