cozy-ui 130.8.0 → 130.9.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# [130.9.0](https://github.com/cozy/cozy-ui/compare/v130.8.1...v130.9.0) (2025-10-16)
+
+
+### Features
+
+* Add AlertProvider to DemoProvider ([1fea901](https://github.com/cozy/cozy-ui/commit/1fea901))
+* Add ShortcutDialog ([8c501eb](https://github.com/cozy/cozy-ui/commit/8c501eb))
+* Remove useless forwardRef ([7b5cf9b](https://github.com/cozy/cozy-ui/commit/7b5cf9b))
+
+## [130.8.1](https://github.com/cozy/cozy-ui/compare/v130.8.0...v130.8.1) (2025-10-15)
+
+
+### Bug Fixes
+
+* **Avatar:** Now passing a `number` to `size` prop works correctly ([c8e79f2](https://github.com/cozy/cozy-ui/commit/c8e79f2))
+
 # [130.8.0](https://github.com/cozy/cozy-ui/compare/v130.7.2...v130.8.0) (2025-10-14)
 
 

package/package.json

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

package/react/Avatar/Readme.md

@@ -85,6 +85,7 @@ const initialVariants = [{ disabled: false, border: false, innerBorder: false }]
         <Avatar disabled={variant.disabled} border={variant.border} innerBorder={variant.innerBorder}>AB</Avatar>
         <Avatar color="none" disabled={variant.disabled} border={variant.border} innerBorder={variant.innerBorder}>BC</Avatar>
         <Avatar color="sunrise" disabled={variant.disabled} border={variant.border} innerBorder={variant.innerBorder}>CD</Avatar>
+        <Avatar color="sunrise" size={94} disabled={variant.disabled} border={variant.border} innerBorder={variant.innerBorder}>DE</Avatar>
       </div>
     </>
   )}

package/react/Avatar/index.jsx

@@ -8,6 +8,11 @@ import { makeStyles } from '../styles'
 import { capitalize } from '../utils/index'
 
 const useStyles = makeStyles(theme => ({
+  root: {
+    width: ({ size }) => size,
+    height: ({ size }) => size,
+    fontSize: ({ size }) => size / 2
+  },
   colorDefault: {
     color: ({ color }) => (color ? theme.palette.primary.contrastText : ''),
     background: ({ color }) => colorMapping[color]
@@ -24,9 +29,11 @@ const Avatar = ({
   display,
   ...props
 }) => {
+  const isCustomSize = typeof size === 'number'
   const defaultColor =
     typeof props.children === 'string' ? nameToColor(props.children) : undefined
   const classes = useStyles({
+    size: isCustomSize ? size : undefined,
     color:
       color === 'none'
         ? undefined
@@ -38,7 +45,8 @@ const Avatar = ({
   return (
     <AvatarMui
       classes={classes}
-      className={cx(className, `size-${size}`, {
+      className={cx(className, {
+        [`size-${size}`]: !isCustomSize,
         disabled: !!disabled,
         border: !!border,
         [`display${capitalize(display)}`]: display !== 'initial',

package/react/CozyDialogs/SpecificDialogs/Readme.md

@@ -102,3 +102,29 @@ const onAuthentification = () => {
   )}
 </Variants>
 ```
+
+### ShortcutDialog dialog
+
+⚠️ Must be used within AlertProvider.
+
+```jsx
+import { useState } from 'react'
+
+import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
+import { ShortcutDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import Buttons from 'cozy-ui/transpiled/react/Buttons'
+
+const [open, setOpen] = useState(isTesting())
+
+;
+
+<DemoProvider>
+  { open && (
+    <ShortcutDialog
+      onClose={() => { setOpen(false)}}
+      onSave={(...args) => { console.log('onSave called with args', args) }}
+    />
+  )}
+  <Buttons onClick={() => { setOpen(true) }} label="Open ShortcutDialog" />
+</DemoProvider>
+```

package/react/CozyDialogs/SpecificDialogs/ShortcutDialog.jsx

@@ -0,0 +1,120 @@
+import PropTypes from 'prop-types'
+import React, { useState } from 'react'
+
+import {
+  checkAndSaveShortcut,
+  makeHumanReadableFileName
+} from './helpers/shortcuts'
+import withSpecificDialogsLocales from './withSpecificDialogsLocales'
+import { ConfirmDialog } from '..'
+import Button from '../../Buttons'
+import Stack from '../../Stack'
+import TextField from '../../TextField'
+import { useAlert } from '../../providers/Alert'
+import { useI18n } from '../../providers/I18n'
+
+const ENTER_KEY = 13
+
+const ShortcutDialog = ({ shortcut, onSave, onClose }) => {
+  const { t } = useI18n()
+  const { showAlert } = useAlert()
+
+  const initialName = makeHumanReadableFileName(shortcut?.name || '')
+  const initialUrl = shortcut?.url || ''
+  const isEditing = !!shortcut
+
+  const [fileName, setFilename] = useState(initialName)
+  const [url, setUrl] = useState(initialUrl)
+
+  const saveShortcut = () => {
+    checkAndSaveShortcut({
+      fileName,
+      url,
+      isEditing,
+      onSave,
+      onClose,
+      showAlert,
+      t
+    })
+  }
+
+  const handleKeyDown = e => {
+    if (e.keyCode === ENTER_KEY) {
+      saveShortcut()
+    }
+  }
+
+  return (
+    <ConfirmDialog
+      open={true}
+      title={
+        isEditing
+          ? t('shortcut-dialog.edit-title')
+          : t('shortcut-dialog.create-title')
+      }
+      onClose={onClose}
+      content={
+        <Stack>
+          <div>
+            <TextField
+              label={t('shortcut-dialog.url')}
+              value={url}
+              id="shortcuturl"
+              variant="outlined"
+              onChange={e => setUrl(e.target.value)}
+              onKeyDown={e => handleKeyDown(e)}
+              autoComplete="off"
+              fullWidth
+              margin="normal"
+              autoFocus
+            />
+          </div>
+          <div>
+            <TextField
+              label={t('shortcut-dialog.filename')}
+              value={fileName}
+              id="shortcutfilename"
+              variant="outlined"
+              onChange={e => setFilename(e.target.value)}
+              onKeyDown={e => handleKeyDown(e)}
+              autoComplete="off"
+              fullWidth
+              margin="normal"
+            />
+          </div>
+        </Stack>
+      }
+      actions={
+        <>
+          <Button
+            variant="secondary"
+            onClick={onClose}
+            label={t('shortcut-dialog.cancel')}
+          />
+          <Button
+            variant="primary"
+            label={
+              isEditing
+                ? t('shortcut-dialog.edit')
+                : t('shortcut-dialog.create')
+            }
+            onClick={saveShortcut}
+          />
+        </>
+      }
+    />
+  )
+}
+
+ShortcutDialog.propTypes = {
+  /** An io.cozy.files.shortcut object if we want to prefill fields */
+  shortcut: PropTypes.object,
+  /** A function called when clicking the save button with filename and url */
+  onSave: PropTypes.func,
+  /** A function called when clicking the close button */
+  onClose: PropTypes.func
+}
+
+ShortcutDialog.displayName = 'ShortcutDialog'
+
+export default withSpecificDialogsLocales(ShortcutDialog)

package/react/CozyDialogs/SpecificDialogs/helpers/shortcuts.js

@@ -0,0 +1,61 @@
+export const isValidURL = url => {
+  try {
+    new URL(url)
+    return true
+  } catch (e) {
+    return false
+  }
+}
+
+export const makeValidUrl = str => {
+  if (isValidURL(str)) return str
+  else if (isValidURL(`https://${str}`)) return `https://${str}`
+  return false
+}
+
+export const makeValidFileName = fileName =>
+  fileName.endsWith('.url') ? fileName : fileName + '.url'
+
+export const makeHumanReadableFileName = fileName =>
+  fileName.endsWith('.url') ? fileName.slice(0, -4) : fileName
+
+export const checkAndSaveShortcut = async ({
+  fileName,
+  url,
+  isEditing,
+  onSave,
+  onClose,
+  showAlert,
+  t
+}) => {
+  if (!fileName || !url) {
+    showAlert({ message: t('shortcut-dialog.needs-info'), severity: 'error' })
+    return
+  }
+
+  const validFileName = makeValidFileName(fileName)
+
+  const validURL = makeValidUrl(url)
+
+  if (!validURL) {
+    showAlert({
+      message: t('shortcut-dialog.url-bad-format'),
+      severity: 'error'
+    })
+    return
+  }
+  try {
+    onSave(validFileName, validURL)
+
+    showAlert({
+      message: isEditing
+        ? t('shortcut-dialog.edited')
+        : t('shortcut-dialog.created'),
+      severity: 'success'
+    })
+  } catch {
+    showAlert({ message: t('shortcut-dialog.errored'), severity: 'error' })
+  }
+
+  onClose()
+}

package/react/CozyDialogs/SpecificDialogs/index.jsx

@@ -1,3 +1,4 @@
 export { default as AllowLocationDialog } from './AllowLocationDialog'
 export { default as InstallFlagshipAppDialog } from './InstallFlagshipAppDialog'
 export { default as AuthentificationDialog } from './AuthentificationDialog'
+export { default as ShortcutDialog } from './ShortcutDialog'

package/react/CozyDialogs/SpecificDialogs/locales/en.json

@@ -23,5 +23,19 @@
       "invalid_password": "Incorrect password, try again.",
       "server_error": "Something went wrong with the server. Please, reload the page."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Create a shortcut",
+    "edit-title": "Modify a shortcut",
+    "filename": "Shortcut name",
+    "url": "URL",
+    "cancel": "Cancel",
+    "create": "Create",
+    "edit": "Edit",
+    "created": "The shortcut has been created",
+    "edited": "The shortcut has been modified",
+    "errored": "An error occurred",
+    "needs-info": "A shortcut needs a name and a URL",
+    "url-bad-format": "The entered URL is not in the correct format"
   }
 }

package/react/CozyDialogs/SpecificDialogs/locales/fr.json

@@ -23,5 +23,19 @@
       "invalid_password": "Mot de passe incorrect, essayer à nouveau.",
       "server_error": "Une erreur s'est produite. Merci de recharger la page."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Créer un raccourci",
+    "edit-title": "Modifier un raccourci",
+    "filename": "Nom du raccourci",
+    "url": "URL",
+    "cancel": "Annuler",
+    "create": "Créer",
+    "edit": "Modifier",
+    "created": "Le raccourci a été créé",
+    "edited": "Le raccourci a été modifié",
+    "errored": "Une erreur s'est produite",
+    "needs-info": "Un raccourci a besoin d'un nom et d'une URL",
+    "url-bad-format": "L'URL saisie n'est pas dans le bon format"
   }
 }

package/react/CozyDialogs/SpecificDialogs/locales/ru.json

@@ -23,5 +23,19 @@
       "invalid_password": "Неверный пароль, попробуйте еще раз.",
       "server_error": "Что-то пошло не так с сервером. Пожалуйста, перезагрузите страницу."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Создать ярлык",
+    "edit-title": "Изменить ярлык",
+    "filename": "Имя ярлыка",
+    "url": "URL",
+    "cancel": "Отменить",
+    "create": "Создать",
+    "edit": "Изменить",
+    "created": "Ярлык был создан",
+    "edited": "Ярлык был изменен",
+    "errored": "Произошла ошибка",
+    "needs-info": "Для ярлыка нужны имя и URL",
+    "url-bad-format": "Введённый URL имеет неверный формат"
   }
-}
+}

package/react/CozyDialogs/SpecificDialogs/locales/vi.json

@@ -23,5 +23,19 @@
       "invalid_password": "Mật khẩu không chính xác, hãy thử lại.",
       "server_error": "Có lỗi xảy ra với máy chủ. Vui lòng tải lại trang."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Tạo lối tắt",
+    "edit-title": "Chỉnh sửa lối tắt",
+    "filename": "Tên lối tắt",
+    "url": "URL",
+    "cancel": "Hủy",
+    "create": "Tạo",
+    "edit": "Chỉnh sửa",
+    "created": "Lối tắt đã được tạo",
+    "edited": "Lối tắt đã được chỉnh sửa",
+    "errored": "Đã xảy ra lỗi",
+    "needs-info": "Lối tắt cần có tên và URL",
+    "url-bad-format": "URL đã nhập không đúng định dạng"
   }
-}
+}

package/react/CozyDialogs/index.jsx

@@ -12,5 +12,6 @@ export { default as TopAnchoredDialog } from './TopAnchoredDialog'
 export {
   AllowLocationDialog,
   InstallFlagshipAppDialog,
-  AuthentificationDialog
+  AuthentificationDialog,
+  ShortcutDialog
 } from './SpecificDialogs'

package/react/providers/DemoProvider.jsx

@@ -4,6 +4,7 @@ import { CozyProvider } from 'cozy-client'
 
 import { BreakpointsProvider } from './Breakpoints'
 import CozyTheme from './CozyTheme'
+import AlertProvider from '../providers/Alert'
 import I18n from '../providers/I18n'
 
 const defaultClient = {
@@ -29,9 +30,11 @@ const DemoProvider = ({ client, variant, dictRequire, children }) => {
   return (
     <CozyProvider client={client || defaultClient}>
       <BreakpointsProvider>
-        <I18n lang={lang} dictRequire={_dictRequire}>
-          <CozyTheme variant={variant}>{children}</CozyTheme>
-        </I18n>
+        <AlertProvider>
+          <I18n lang={lang} dictRequire={_dictRequire}>
+            <CozyTheme variant={variant}>{children}</CozyTheme>
+          </I18n>
+        </AlertProvider>
       </BreakpointsProvider>
     </CozyProvider>
   )

package/transpiled/react/Avatar/index.js

@@ -12,41 +12,54 @@ import { makeStyles } from "cozy-ui/transpiled/react/styles";
 import { capitalize } from "cozy-ui/transpiled/react/utils/index";
 var useStyles = makeStyles(function (theme) {
   return {
+    root: {
+      width: function width(_ref) {
+        var size = _ref.size;
+        return size;
+      },
+      height: function height(_ref2) {
+        var size = _ref2.size;
+        return size;
+      },
+      fontSize: function fontSize(_ref3) {
+        var size = _ref3.size;
+        return size / 2;
+      }
+    },
     colorDefault: {
-      color: function color(_ref) {
-        var _color = _ref.color;
+      color: function color(_ref4) {
+        var _color = _ref4.color;
         return _color ? theme.palette.primary.contrastText : '';
       },
-      background: function background(_ref2) {
-        var color = _ref2.color;
+      background: function background(_ref5) {
+        var color = _ref5.color;
         return colorMapping[color];
       }
     }
   };
 });
 
-var Avatar = function Avatar(_ref3) {
+var Avatar = function Avatar(_ref6) {
   var _cx;
 
-  var className = _ref3.className,
-      color = _ref3.color,
-      size = _ref3.size,
-      border = _ref3.border,
-      innerBorder = _ref3.innerBorder,
-      disabled = _ref3.disabled,
-      display = _ref3.display,
-      props = _objectWithoutProperties(_ref3, _excluded);
+  var className = _ref6.className,
+      color = _ref6.color,
+      size = _ref6.size,
+      border = _ref6.border,
+      innerBorder = _ref6.innerBorder,
+      disabled = _ref6.disabled,
+      display = _ref6.display,
+      props = _objectWithoutProperties(_ref6, _excluded);
 
+  var isCustomSize = typeof size === 'number';
   var defaultColor = typeof props.children === 'string' ? nameToColor(props.children) : undefined;
   var classes = useStyles({
+    size: isCustomSize ? size : undefined,
     color: color === 'none' ? undefined : supportedColors.includes(color) ? color : defaultColor
   });
   return /*#__PURE__*/React.createElement(AvatarMui, _extends({
     classes: classes,
-    className: cx(className, "size-".concat(size), (_cx = {
-      disabled: !!disabled,
-      border: !!border
-    }, _defineProperty(_cx, "display".concat(capitalize(display)), display !== 'initial'), _defineProperty(_cx, "innerBorder", !!innerBorder), _cx))
+    className: cx(className, (_cx = {}, _defineProperty(_cx, "size-".concat(size), !isCustomSize), _defineProperty(_cx, "disabled", !!disabled), _defineProperty(_cx, "border", !!border), _defineProperty(_cx, "display".concat(capitalize(display)), display !== 'initial'), _defineProperty(_cx, "innerBorder", !!innerBorder), _cx))
   }, props));
 };
 

package/transpiled/react/CozyDialogs/SpecificDialogs/ShortcutDialog.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/transpiled/react/CozyDialogs/SpecificDialogs/ShortcutDialog.js

@@ -0,0 +1,114 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import { checkAndSaveShortcut, makeHumanReadableFileName } from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts";
+import withSpecificDialogsLocales from "cozy-ui/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales";
+import { ConfirmDialog } from "cozy-ui/transpiled/react/CozyDialogs";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import Stack from "cozy-ui/transpiled/react/Stack";
+import TextField from "cozy-ui/transpiled/react/TextField";
+import { useAlert } from "cozy-ui/transpiled/react/providers/Alert";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+var ENTER_KEY = 13;
+
+var ShortcutDialog = function ShortcutDialog(_ref) {
+  var shortcut = _ref.shortcut,
+      onSave = _ref.onSave,
+      onClose = _ref.onClose;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var initialName = makeHumanReadableFileName((shortcut === null || shortcut === void 0 ? void 0 : shortcut.name) || '');
+  var initialUrl = (shortcut === null || shortcut === void 0 ? void 0 : shortcut.url) || '';
+  var isEditing = !!shortcut;
+
+  var _useState = useState(initialName),
+      _useState2 = _slicedToArray(_useState, 2),
+      fileName = _useState2[0],
+      setFilename = _useState2[1];
+
+  var _useState3 = useState(initialUrl),
+      _useState4 = _slicedToArray(_useState3, 2),
+      url = _useState4[0],
+      setUrl = _useState4[1];
+
+  var saveShortcut = function saveShortcut() {
+    checkAndSaveShortcut({
+      fileName: fileName,
+      url: url,
+      isEditing: isEditing,
+      onSave: onSave,
+      onClose: onClose,
+      showAlert: showAlert,
+      t: t
+    });
+  };
+
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.keyCode === ENTER_KEY) {
+      saveShortcut();
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    title: isEditing ? t('shortcut-dialog.edit-title') : t('shortcut-dialog.create-title'),
+    onClose: onClose,
+    content: /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextField, {
+      label: t('shortcut-dialog.url'),
+      value: url,
+      id: "shortcuturl",
+      variant: "outlined",
+      onChange: function onChange(e) {
+        return setUrl(e.target.value);
+      },
+      onKeyDown: function onKeyDown(e) {
+        return handleKeyDown(e);
+      },
+      autoComplete: "off",
+      fullWidth: true,
+      margin: "normal",
+      autoFocus: true
+    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextField, {
+      label: t('shortcut-dialog.filename'),
+      value: fileName,
+      id: "shortcutfilename",
+      variant: "outlined",
+      onChange: function onChange(e) {
+        return setFilename(e.target.value);
+      },
+      onKeyDown: function onKeyDown(e) {
+        return handleKeyDown(e);
+      },
+      autoComplete: "off",
+      fullWidth: true,
+      margin: "normal"
+    }))),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      onClick: onClose,
+      label: t('shortcut-dialog.cancel')
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      label: isEditing ? t('shortcut-dialog.edit') : t('shortcut-dialog.create'),
+      onClick: saveShortcut
+    }))
+  });
+};
+
+ShortcutDialog.propTypes = {
+  /** An io.cozy.files.shortcut object if we want to prefill fields */
+  shortcut: PropTypes.object,
+
+  /** A function called when clicking the save button with filename and url */
+  onSave: PropTypes.func,
+
+  /** A function called when clicking the close button */
+  onClose: PropTypes.func
+};
+ShortcutDialog.displayName = 'ShortcutDialog';
+export default withSpecificDialogsLocales(ShortcutDialog);

package/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts.d.ts

@@ -0,0 +1,13 @@
+export function isValidURL(url: any): boolean;
+export function makeValidUrl(str: any): any;
+export function makeValidFileName(fileName: any): any;
+export function makeHumanReadableFileName(fileName: any): any;
+export function checkAndSaveShortcut({ fileName, url, isEditing, onSave, onClose, showAlert, t }: {
+    fileName: any;
+    url: any;
+    isEditing: any;
+    onSave: any;
+    onClose: any;
+    showAlert: any;
+    t: any;
+}): Promise<void>;

package/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts.js

@@ -0,0 +1,83 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export var isValidURL = function isValidURL(url) {
+  try {
+    new URL(url);
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
+export var makeValidUrl = function makeValidUrl(str) {
+  if (isValidURL(str)) return str;else if (isValidURL("https://".concat(str))) return "https://".concat(str);
+  return false;
+};
+export var makeValidFileName = function makeValidFileName(fileName) {
+  return fileName.endsWith('.url') ? fileName : fileName + '.url';
+};
+export var makeHumanReadableFileName = function makeHumanReadableFileName(fileName) {
+  return fileName.endsWith('.url') ? fileName.slice(0, -4) : fileName;
+};
+export var checkAndSaveShortcut = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var fileName, url, isEditing, onSave, onClose, showAlert, t, validFileName, validURL;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            fileName = _ref.fileName, url = _ref.url, isEditing = _ref.isEditing, onSave = _ref.onSave, onClose = _ref.onClose, showAlert = _ref.showAlert, t = _ref.t;
+
+            if (!(!fileName || !url)) {
+              _context.next = 4;
+              break;
+            }
+
+            showAlert({
+              message: t('shortcut-dialog.needs-info'),
+              severity: 'error'
+            });
+            return _context.abrupt("return");
+
+          case 4:
+            validFileName = makeValidFileName(fileName);
+            validURL = makeValidUrl(url);
+
+            if (validURL) {
+              _context.next = 9;
+              break;
+            }
+
+            showAlert({
+              message: t('shortcut-dialog.url-bad-format'),
+              severity: 'error'
+            });
+            return _context.abrupt("return");
+
+          case 9:
+            try {
+              onSave(validFileName, validURL);
+              showAlert({
+                message: isEditing ? t('shortcut-dialog.edited') : t('shortcut-dialog.created'),
+                severity: 'success'
+              });
+            } catch (_unused) {
+              showAlert({
+                message: t('shortcut-dialog.errored'),
+                severity: 'error'
+              });
+            }
+
+            onClose();
+
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function checkAndSaveShortcut(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();

package/transpiled/react/CozyDialogs/SpecificDialogs/index.d.ts

@@ -1,3 +1,4 @@
 export { default as AllowLocationDialog } from "./AllowLocationDialog";
 export { default as InstallFlagshipAppDialog } from "./InstallFlagshipAppDialog";
 export { default as AuthentificationDialog } from "./AuthentificationDialog";
+export { default as ShortcutDialog } from "./ShortcutDialog";

package/transpiled/react/CozyDialogs/SpecificDialogs/index.js

@@ -1,3 +1,4 @@
 export { default as AllowLocationDialog } from './AllowLocationDialog';
 export { default as InstallFlagshipAppDialog } from './InstallFlagshipAppDialog';
-export { default as AuthentificationDialog } from './AuthentificationDialog';
+export { default as AuthentificationDialog } from './AuthentificationDialog';
+export { default as ShortcutDialog } from './ShortcutDialog';

package/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales.js

@@ -23,6 +23,20 @@ var en = {
       invalid_password: "Incorrect password, try again.",
       server_error: "Something went wrong with the server. Please, reload the page."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Create a shortcut",
+    "edit-title": "Modify a shortcut",
+    filename: "Shortcut name",
+    url: "URL",
+    cancel: "Cancel",
+    create: "Create",
+    edit: "Edit",
+    created: "The shortcut has been created",
+    edited: "The shortcut has been modified",
+    errored: "An error occurred",
+    "needs-info": "A shortcut needs a name and a URL",
+    "url-bad-format": "The entered URL is not in the correct format"
   }
 };
 var fr = {
@@ -50,6 +64,20 @@ var fr = {
       invalid_password: "Mot de passe incorrect, essayer \xE0 nouveau.",
       server_error: "Une erreur s'est produite. Merci de recharger la page."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "Cr\xE9er un raccourci",
+    "edit-title": "Modifier un raccourci",
+    filename: "Nom du raccourci",
+    url: "URL",
+    cancel: "Annuler",
+    create: "Cr\xE9er",
+    edit: "Modifier",
+    created: "Le raccourci a \xE9t\xE9 cr\xE9\xE9",
+    edited: "Le raccourci a \xE9t\xE9 modifi\xE9",
+    errored: "Une erreur s'est produite",
+    "needs-info": "Un raccourci a besoin d'un nom et d'une URL",
+    "url-bad-format": "L'URL saisie n'est pas dans le bon format"
   }
 };
 var ru = {
@@ -77,6 +105,20 @@ var ru = {
       invalid_password: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.",
       server_error: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043E\u043C. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u044F\u0440\u043B\u044B\u043A",
+    "edit-title": "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u044F\u0440\u043B\u044B\u043A",
+    filename: "\u0418\u043C\u044F \u044F\u0440\u043B\u044B\u043A\u0430",
+    url: "URL",
+    cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+    create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
+    edit: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C",
+    created: "\u042F\u0440\u043B\u044B\u043A \u0431\u044B\u043B \u0441\u043E\u0437\u0434\u0430\u043D",
+    edited: "\u042F\u0440\u043B\u044B\u043A \u0431\u044B\u043B \u0438\u0437\u043C\u0435\u043D\u0435\u043D",
+    errored: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430",
+    "needs-info": "\u0414\u043B\u044F \u044F\u0440\u043B\u044B\u043A\u0430 \u043D\u0443\u0436\u043D\u044B \u0438\u043C\u044F \u0438 URL",
+    "url-bad-format": "\u0412\u0432\u0435\u0434\u0451\u043D\u043D\u044B\u0439 URL \u0438\u043C\u0435\u0435\u0442 \u043D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442"
   }
 };
 var vi = {
@@ -104,6 +146,20 @@ var vi = {
       invalid_password: "M\u1EADt kh\u1EA9u kh\xF4ng ch\xEDnh x\xE1c, h\xE3y th\u1EED l\u1EA1i.",
       server_error: "C\xF3 l\u1ED7i x\u1EA3y ra v\u1EDBi m\xE1y ch\u1EE7. Vui l\xF2ng t\u1EA3i l\u1EA1i trang."
     }
+  },
+  "shortcut-dialog": {
+    "create-title": "T\u1EA1o l\u1ED1i t\u1EAFt",
+    "edit-title": "Ch\u1EC9nh s\u1EEDa l\u1ED1i t\u1EAFt",
+    filename: "T\xEAn l\u1ED1i t\u1EAFt",
+    url: "URL",
+    cancel: "H\u1EE7y",
+    create: "T\u1EA1o",
+    edit: "Ch\u1EC9nh s\u1EEDa",
+    created: "L\u1ED1i t\u1EAFt \u0111\xE3 \u0111\u01B0\u1EE3c t\u1EA1o",
+    edited: "L\u1ED1i t\u1EAFt \u0111\xE3 \u0111\u01B0\u1EE3c ch\u1EC9nh s\u1EEDa",
+    errored: "\u0110\xE3 x\u1EA3y ra l\u1ED7i",
+    "needs-info": "L\u1ED1i t\u1EAFt c\u1EA7n c\xF3 t\xEAn v\xE0 URL",
+    "url-bad-format": "URL \u0111\xE3 nh\u1EADp kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng"
   }
 };
 import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";

package/transpiled/react/CozyDialogs/index.d.ts

@@ -8,4 +8,4 @@ export { default as IllustrationDialog } from "./IllustrationDialog";
 export { default as PermissionDialog } from "./PermissionDialog";
 export { default as useCozyDialog } from "./useCozyDialog";
 export { default as TopAnchoredDialog } from "./TopAnchoredDialog";
-export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog } from "./SpecificDialogs";
+export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog, ShortcutDialog } from "./SpecificDialogs";

package/transpiled/react/CozyDialogs/index.js

@@ -8,4 +8,4 @@ export { default as IllustrationDialog } from './IllustrationDialog';
 export { default as PermissionDialog } from './PermissionDialog';
 export { default as useCozyDialog } from './useCozyDialog';
 export { default as TopAnchoredDialog } from './TopAnchoredDialog';
-export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog } from './SpecificDialogs';
+export { AllowLocationDialog, InstallFlagshipAppDialog, AuthentificationDialog, ShortcutDialog } from './SpecificDialogs';

package/transpiled/react/providers/DemoProvider.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { CozyProvider } from 'cozy-client';
 import { BreakpointsProvider } from "cozy-ui/transpiled/react/providers/Breakpoints";
 import CozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme";
+import AlertProvider from "cozy-ui/transpiled/react/providers/Alert";
 import I18n from "cozy-ui/transpiled/react/providers/I18n";
 var defaultClient = {
   plugins: {
@@ -36,12 +37,12 @@ var DemoProvider = function DemoProvider(_ref) {
 
   return /*#__PURE__*/React.createElement(CozyProvider, {
     client: client || defaultClient
-  }, /*#__PURE__*/React.createElement(BreakpointsProvider, null, /*#__PURE__*/React.createElement(I18n, {
+  }, /*#__PURE__*/React.createElement(BreakpointsProvider, null, /*#__PURE__*/React.createElement(AlertProvider, null, /*#__PURE__*/React.createElement(I18n, {
     lang: lang,
     dictRequire: _dictRequire
   }, /*#__PURE__*/React.createElement(CozyTheme, {
     variant: variant
-  }, children))));
+  }, children)))));
 };
 
 export default DemoProvider;