cozy-ui 98.1.1 → 98.2.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [98.2.0](https://github.com/cozy/cozy-ui/compare/v98.1.1...v98.2.0) (2023-12-07)
+
+
+### Features
+
+* **ActionsMenu:** Add print action ([82d918d](https://github.com/cozy/cozy-ui/commit/82d918d))
+
 ## [98.1.1](https://github.com/cozy/cozy-ui/compare/v98.1.0...v98.1.1) (2023-12-06)
 
 

package/package.json

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

package/react/ActionsMenu/Actions/helpers.js

@@ -61,3 +61,23 @@ export const getOnlyNeededActions = (actions, file) => {
       })
   )
 }
+
+/**
+ * Make a base64 string from a File object
+ * @param {File} file - File object
+ * @returns {Promise<string | null>} base64 string
+ */
+export const makeBase64FromFile = async file => {
+  const reader = new FileReader()
+  reader.readAsDataURL(file)
+
+  return new Promise((resolve, reject) => {
+    reader.onload = () => {
+      const base64 = reader.result
+      resolve(base64)
+    }
+    reader.onerror = err => {
+      reject(err)
+    }
+  })
+}

package/react/ActionsMenu/Actions/helpers.spec.js

@@ -1,4 +1,4 @@
-import { makeActions } from './helpers'
+import { makeActions, makeBase64FromFile } from './helpers'
 
 describe('makeActions', () => {
   it('should have empty actions array', () => {
@@ -60,3 +60,21 @@ describe('makeActions', () => {
     expect(actions).toStrictEqual([{ mockConstructor: { propA: 0, propB: 1 } }])
   })
 })
+
+describe('makeBase64FromFile', () => {
+  it('returns a base64 string for a given file', async () => {
+    const file = new File(['test'], 'test.txt', { type: 'text/plain' })
+    const base64String = await makeBase64FromFile(file)
+
+    expect(base64String).toMatch(
+      /^data:text\/plain;base64,[a-zA-Z0-9+/]+={0,2}$/
+    )
+  })
+
+  it('rejects with an error if the file cannot be read', async () => {
+    const file = new File(['test'], 'test.txt', { type: 'text/plain' })
+    const invalidFile = { ...file, size: -1 }
+
+    await expect(makeBase64FromFile(invalidFile)).rejects.toThrow()
+  })
+})

package/react/ActionsMenu/Actions/index.js

@@ -4,4 +4,5 @@ export { modify } from './modify'
 export { smsTo } from './smsTo'
 export { call } from './call'
 export { emailTo } from './emailTo'
+export { print } from './print'
 export { viewInContacts } from './viewInContacts'

package/react/ActionsMenu/Actions/print.js

@@ -0,0 +1,67 @@
+import React, { forwardRef } from 'react'
+
+import logger from 'cozy-logger'
+import { useWebviewIntent } from 'cozy-intent'
+import { fetchBlobFileById } from 'cozy-client/dist/models/file'
+
+import { makeBase64FromFile } from './helpers'
+import PrinterIcon from '../../Icons/Printer'
+import withActionsLocales from './locales/withActionsLocales'
+import ActionsMenuItem from '../ActionsMenuItem'
+import ListItemIcon from '../../ListItemIcon'
+import Icon from '../../Icon'
+import ListItemText from '../../ListItemText'
+import { useI18n } from '../../providers/I18n'
+
+export const print = () => {
+  return {
+    name: 'print',
+    action: async (doc, { client, webviewIntent }) => {
+      if (webviewIntent) {
+        try {
+          const blob = await fetchBlobFileById(client, doc._id)
+          const base64 = await makeBase64FromFile(blob)
+
+          return webviewIntent.call('print', base64)
+        } catch (error) {
+          logger.error(
+            `Error trying to print document with Flagship App: ${JSON.stringify(
+              error
+            )}`
+          )
+        }
+      }
+
+      try {
+        const downloadURL = await client
+          .collection('io.cozy.files')
+          .getDownloadLinkById(doc._id, doc.name)
+
+        window.open(downloadURL, '_blank')
+      } catch (error) {
+        logger.error(`Error trying to print document: ${JSON.stringify(error)}`)
+      }
+    },
+    Component: withActionsLocales(
+      forwardRef(({ onClick, ...props }, ref) => {
+        const { t } = useI18n()
+        const webviewIntent = useWebviewIntent()
+
+        return (
+          <ActionsMenuItem
+            {...props}
+            ref={ref}
+            onClick={() => {
+              onClick({ webviewIntent })
+            }}
+          >
+            <ListItemIcon>
+              <Icon icon={PrinterIcon} />
+            </ListItemIcon>
+            <ListItemText primary={t('print')} />
+          </ActionsMenuItem>
+        )
+      })
+    )
+  }
+}

package/react/ActionsMenu/Readme.md

@@ -52,7 +52,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import FileTypeText from 'cozy-ui/transpiled/react/Icons/FileTypeText'
 import FileIcon from 'cozy-ui/transpiled/react/Icons/File'
 
-import { makeActions, modify, emailTo, viewInContacts, divider, smsTo, call } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
+import { makeActions, modify, emailTo, print, viewInContacts, divider, smsTo, call } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 
 initialState = { showMenu: isTesting() }
 
@@ -87,7 +87,7 @@ const customAction = () => ({
   })
 })
 
-const actions = makeActions([ modify, viewInContacts, divider, call, smsTo, emailTo, divider, customAction ])
+const actions = makeActions([ modify, viewInContacts, divider, call, smsTo, emailTo, print, divider, customAction ])
 
 ;
 

package/react/deprecated/ActionMenu/Actions/locales/en.json

@@ -3,5 +3,6 @@
   "modify": "Modify",
   "emailTo": "Send an email",
   "smsTo": "Send a message",
+  "print": "Print",
   "call": "Call"
 }

package/react/deprecated/ActionMenu/Actions/locales/fr.json

@@ -3,5 +3,6 @@
   "modify": "Modifier",
   "emailTo": "Envoyer un e-mail",
   "smsTo": "Envoyer un message",
+  "print": "Imprimer",
   "call": "Appeler"
 }

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

@@ -1,4 +1,6 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 /**
  * Make array of actions for ActionsItems component
@@ -48,4 +50,42 @@ export var getOnlyNeededActions = function getOnlyNeededActions(actions, file) {
   .filter(function (cleanedAction, idx, cleanedActions) {
     return !(getActionName(cleanedAction) === 'hr' && idx === cleanedActions.length - 1);
   });
-};
+};
+/**
+ * Make a base64 string from a File object
+ * @param {File} file - File object
+ * @returns {Promise<string | null>} base64 string
+ */
+
+export var makeBase64FromFile = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+    var reader;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            reader = new FileReader();
+            reader.readAsDataURL(file);
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              reader.onload = function () {
+                var base64 = reader.result;
+                resolve(base64);
+              };
+
+              reader.onerror = function (err) {
+                reject(err);
+              };
+            }));
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function makeBase64FromFile(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();

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

@@ -4,4 +4,5 @@ export { modify } from './modify';
 export { smsTo } from './smsTo';
 export { call } from './call';
 export { emailTo } from './emailTo';
+export { print } from './print';
 export { viewInContacts } from './viewInContacts';

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

@@ -4,6 +4,7 @@ var en = {
   modify: "Modify",
   emailTo: "Send an email",
   smsTo: "Send a message",
+  print: "Print",
   call: "Call"
 };
 var fr = {
@@ -11,6 +12,7 @@ var fr = {
   modify: "Modifier",
   emailTo: "Envoyer un e-mail",
   smsTo: "Envoyer un message",
+  print: "Imprimer",
   call: "Appeler"
 };
 export var locales = {

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

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _excluded = ["onClick"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { forwardRef } from 'react';
+import logger from 'cozy-logger';
+import { useWebviewIntent } from 'cozy-intent';
+import { fetchBlobFileById } from 'cozy-client/dist/models/file';
+import { makeBase64FromFile } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
+import PrinterIcon from "cozy-ui/transpiled/react/Icons/Printer";
+import withActionsLocales from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+export var print = function print() {
+  return {
+    name: 'print',
+    action: function () {
+      var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(doc, _ref) {
+        var client, webviewIntent, blob, base64, downloadURL;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                client = _ref.client, webviewIntent = _ref.webviewIntent;
+
+                if (!webviewIntent) {
+                  _context.next = 15;
+                  break;
+                }
+
+                _context.prev = 2;
+                _context.next = 5;
+                return fetchBlobFileById(client, doc._id);
+
+              case 5:
+                blob = _context.sent;
+                _context.next = 8;
+                return makeBase64FromFile(blob);
+
+              case 8:
+                base64 = _context.sent;
+                return _context.abrupt("return", webviewIntent.call('print', base64));
+
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](2);
+                logger.error("Error trying to print document with Flagship App: ".concat(JSON.stringify(_context.t0)));
+
+              case 15:
+                _context.prev = 15;
+                _context.next = 18;
+                return client.collection('io.cozy.files').getDownloadLinkById(doc._id, doc.name);
+
+              case 18:
+                downloadURL = _context.sent;
+                window.open(downloadURL, '_blank');
+                _context.next = 25;
+                break;
+
+              case 22:
+                _context.prev = 22;
+                _context.t1 = _context["catch"](15);
+                logger.error("Error trying to print document: ".concat(JSON.stringify(_context.t1)));
+
+              case 25:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[2, 12], [15, 22]]);
+      }));
+
+      function action(_x, _x2) {
+        return _action.apply(this, arguments);
+      }
+
+      return action;
+    }(),
+    Component: withActionsLocales( /*#__PURE__*/forwardRef(function (_ref2, ref) {
+      var _onClick = _ref2.onClick,
+          props = _objectWithoutProperties(_ref2, _excluded);
+
+      var _useI18n = useI18n(),
+          t = _useI18n.t;
+
+      var webviewIntent = useWebviewIntent();
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+        ref: ref,
+        onClick: function onClick() {
+          _onClick({
+            webviewIntent: webviewIntent
+          });
+        }
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: PrinterIcon
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: t('print')
+      }));
+    }))
+  };
+};

package/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales.js

@@ -4,6 +4,7 @@ var en = {
   modify: "Modify",
   emailTo: "Send an email",
   smsTo: "Send a message",
+  print: "Print",
   call: "Call"
 };
 var fr = {
@@ -11,6 +12,7 @@ var fr = {
   modify: "Modifier",
   emailTo: "Envoyer un e-mail",
   smsTo: "Envoyer un message",
+  print: "Imprimer",
   call: "Appeler"
 };
 export var locales = {