cozy-harvest-lib 11.3.0 → 12.0.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [12.0.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@11.4.0...cozy-harvest-lib@12.0.0) (2023-01-11)
+
+
+### Features
+
+* Remove mui/core and use cozy-ui instead ([500cb9c](https://github.com/cozy/cozy-libs/commit/500cb9c8be564e4f6daadaccbb965704a419b7da))
+
+
+### BREAKING CHANGES
+
+* you can remove `@material-ui/core` as dependency
+
+
+
+
+
+# [11.4.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@11.3.0...cozy-harvest-lib@11.4.0) (2023-01-10)
+
+
+### Features
+
+* **harvest:** Add success snackbar after successful synchronization ([242544e](https://github.com/cozy/cozy-libs/commit/242544ef5717062c76ae2a23b8326739bce57369))
+
+
+
+
+
 # [11.3.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@11.2.0...cozy-harvest-lib@11.3.0) (2023-01-04)
 
 

package/dist/components/AccountModal.js

@@ -21,6 +21,7 @@ import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Infos from 'cozy-ui/transpiled/react/Infos';
 import Button from 'cozy-ui/transpiled/react/Button';
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 import { fetchAccount as _fetchAccount } from '../connections/accounts';
 import * as triggersModel from '../helpers/triggers';
 import KonnectorAccountTabs from './KonnectorConfiguration/KonnectorAccountTabs';
@@ -28,7 +29,6 @@ import AccountSelectBox from './AccountSelectBox/AccountSelectBox';
 import KonnectorModalHeader from './KonnectorModalHeader';
 import { withMountPointProps } from './MountPointContext';
 import withLocales from './hoc/withLocales';
-import DialogContent from '@material-ui/core/DialogContent';
 import { intentsApiProptype, innerAccountModalOverridesProptype } from '../helpers/proptypes';
 /**
  * Takes an accountId and a list of accounts containing their respecting triggers

package/dist/components/AccountsListModal.js

@@ -2,10 +2,10 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import Stack from 'cozy-ui/transpiled/react/Stack';
 import { translate } from 'cozy-ui/transpiled/react/I18n';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 import AccountsList from './AccountsList/AccountsList';
 import KonnectorIcon from './KonnectorIcon';
 import { MountPointContext } from './MountPointContext';
-import DialogContent from '@material-ui/core/DialogContent';
 
 var AccountsListModal = function AccountsListModal(_ref) {
   var konnector = _ref.konnector,

package/dist/components/DisconnectedAccountModal.js

@@ -8,13 +8,13 @@ import Card from 'cozy-ui/transpiled/react/Card';
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider';
 import { Tab, Tabs } from 'cozy-ui/transpiled/react/MuiTabs';
 import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 import { Contracts } from './KonnectorConfiguration/ConfigurationTab/Contracts';
 import KonnectorModalHeader from './KonnectorModalHeader';
 import withLocales from './hoc/withLocales';
 import { getAccountInstitutionLabel } from './KonnectorConfiguration/ConfigurationTab/bankAccountHelpers';
 import Dialog from 'cozy-ui/transpiled/react/Dialog';
 import { useCozyDialog, DialogCloseButton } from 'cozy-ui/transpiled/react/CozyDialogs';
-import DialogContent from '@material-ui/core/DialogContent';
 import { intentsApiProptype } from '../helpers/proptypes';
 
 var createDummyKonnectorFromAccount = function createDummyKonnectorFromAccount(account) {

package/dist/components/EditAccountModal.js

@@ -17,13 +17,13 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import get from 'lodash/get';
 import flow from 'lodash/flow';
-import DialogContent from '@material-ui/core/DialogContent';
 import { withClient } from 'cozy-client';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import CipherIcon from 'cozy-ui/transpiled/react/CipherIcon';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import Dialog, { DialogTitle } from 'cozy-ui/transpiled/react/Dialog';
 import { DialogCloseButton, useCozyDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 import { fetchAccount as _fetchAccount } from '../connections/accounts';
 import * as triggersModel from '../helpers/triggers';
 import TriggerManager from './TriggerManager';

package/dist/components/KonnectorAccounts.js

@@ -16,7 +16,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import get from 'lodash/get';
 import compose from 'lodash/flowRight';
-import DialogContent from '@material-ui/core/DialogContent';
 import CozyRealtime from 'cozy-realtime';
 import { withClient } from 'cozy-client';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
@@ -24,6 +23,7 @@ import { translate } from 'cozy-ui/transpiled/react/I18n';
 import Infos from 'cozy-ui/transpiled/react/Infos';
 import Button from 'cozy-ui/transpiled/react/Button';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 import { fetchAccountsFromTriggers } from '../connections/accounts';
 import { fetchTrigger } from '../connections/triggers';
 import logger from '../logger';

package/dist/components/KonnectorModal.js

@@ -41,7 +41,7 @@ import KonnectorUpdateInfos from './infos/KonnectorUpdateInfos';
 import KonnectorAccountTabs from './KonnectorConfiguration/KonnectorAccountTabs';
 import Dialog, { DialogTitle } from 'cozy-ui/transpiled/react/Dialog';
 import { useCozyDialog, DialogCloseButton } from 'cozy-ui/transpiled/react/CozyDialogs';
-import DialogContent from '@material-ui/core/DialogContent';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 
 var DumbKonnectorDialog = function DumbKonnectorDialog(_ref) {
   var onClose = _ref.onClose,

package/dist/components/KonnectorSuccess.js

@@ -13,10 +13,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import get from 'lodash/get';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import DialogContent from '@material-ui/core/DialogContent';
 import { translate } from 'cozy-ui/transpiled/react/I18n';
 import Button from 'cozy-ui/transpiled/react/Button';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 
 var ConnectingIllu = function ConnectingIllu(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("style", null, "#ehzj6171x7w6_ts", "{", "animation:ehzj6171x7w6_ts__ts 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w6_ts__ts", "{", "0%", "{", "transform:translate(66.836951px,106.112446px) scale(1,1);animation-timing-function:cubic-bezier(0,0,.58,1)", "}", "50%", "{", "transform:translate(66.836951px,106.112446px) scale(.9,.9);animation-timing-function:cubic-bezier(.42,0,1,1)", "}", "to", "{", "transform:translate(66.836951px,106.112446px) scale(1,1)", "}", "}", "#ehzj6171x7w7_to", "{", "animation:ehzj6171x7w7_to__to 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w7_to__to", "{", "0%", "{", "transform:translate(20.039504px,9.669622px);animation-timing-function:cubic-bezier(0,0,.58,1)", "}", "50%", "{", "transform:translate(20.316618px,6.709373px);animation-timing-function:cubic-bezier(.42,0,1,1)", "}", "to", "{", "transform:translate(20.039504px,9.669622px)", "}", "}", "#ehzj6171x7w35_to", "{", "animation:ehzj6171x7w35_to__to 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w35_to__to", "{", "0%", "{", "transform:translate(20.03956px,6.709373px)", "}", "40%,to", "{", "transform:translate(18.187354px,.709373px)", "}", "}", "#ehzj6171x7w35", "{", "animation:ehzj6171x7w35_c_o 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w35_c_o", "{", "0%", "{", "opacity:1", "}", "40%,to", "{", "opacity:0", "}", "}", "#ehzj6171x7w36_to", "{", "animation:ehzj6171x7w36_to__to 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w36_to__to", "{", "0%", "{", "transform:translate(6.839262px,18.22219px)", "}", "40%,to", "{", "transform:translate(1.839262px,15.22219px)", "}", "}", "#ehzj6171x7w36", "{", "animation:ehzj6171x7w36_c_o 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w36_c_o", "{", "0%", "{", "opacity:1", "}", "40%,to", "{", "opacity:0", "}", "}", "#ehzj6171x7w37_to", "{", "animation:ehzj6171x7w37_to__to 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w37_to__to", "{", "0%", "{", "transform:translate(6.710789px,35.63607px)", "}", "40%,to", "{", "transform:translate(-2.289211px,37.63607px)", "}", "}", "#ehzj6171x7w37", "{", "animation:ehzj6171x7w37_c_o 1000ms linear infinite normal forwards", "}", "@keyframes ehzj6171x7w37_c_o", "{", "0%", "{", "opacity:1", "}", "40%,to", "{", "opacity:0", "}", "}"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {

package/dist/components/KonnectorSuggestionModal/index.js

@@ -14,14 +14,14 @@ import { translate } from 'cozy-ui/transpiled/react/I18n';
 import AppLinker, { generateWebLink } from 'cozy-ui/transpiled/react/AppLinker';
 import { Button, ButtonLink } from 'cozy-ui/transpiled/react/Button';
 import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme';
+import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
 import Dialog, { DialogActions, DialogContent } from 'cozy-ui/transpiled/react/Dialog';
 import { DialogCloseButton } from 'cozy-ui/transpiled/react/CozyDialogs';
+import Typography from 'cozy-ui/transpiled/react/Typography';
 import Illustration from './Illustration';
 import DataTypes from './DataTypes';
 import { getDataTypes, getKonnectorName } from '../../helpers/manifest';
 import { getSuggestionReason } from '../../helpers/appSuggestions';
-import withMobileDialog from '@material-ui/core/withMobileDialog';
-import Typography from 'cozy-ui/transpiled/react/Typography';
 
 var KonnectorSuggestionModal = function KonnectorSuggestionModal(_ref) {
   var t = _ref.t,
@@ -29,8 +29,11 @@ var KonnectorSuggestionModal = function KonnectorSuggestionModal(_ref) {
       konnectorAppSuggestion = _ref.konnectorAppSuggestion,
       konnectorManifest = _ref.konnectorManifest,
       onClose = _ref.onClose,
-      onSilence = _ref.onSilence,
-      fullScreen = _ref.fullScreen;
+      onSilence = _ref.onSilence;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
   var slug = konnectorAppSuggestion.slug;
   var cozyURL = new URL(client.getStackClient().uri);
   var storeAppName = 'store';
@@ -85,7 +88,7 @@ var KonnectorSuggestionModal = function KonnectorSuggestionModal(_ref) {
   return /*#__PURE__*/React.createElement(MuiCozyTheme, null, /*#__PURE__*/React.createElement(Dialog, {
     open: true,
     onClose: onClose,
-    fullScreen: fullScreen,
+    fullScreen: isMobile,
     fullWidth: true,
     maxWidth: "sm",
     scroll: "body"
@@ -164,4 +167,4 @@ KonnectorSuggestionModal.propTypes = {
   onClose: PropTypes.func.isRequired,
   onSilence: PropTypes.func.isRequired
 };
-export default withClient(translate()(withMobileDialog()(KonnectorSuggestionModal)));
+export default withClient(translate()(KonnectorSuggestionModal));

package/dist/components/NewAccountModal.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import DialogContent from '@material-ui/core/DialogContent';
 import flag from 'cozy-flags';
 import { useClient } from 'cozy-client';
 import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import { DialogTitle } from 'cozy-ui/transpiled/react/Dialog';
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent';
 import TriggerManager from './TriggerManager';
 import KonnectorIcon from './KonnectorIcon';
 import * as triggersModel from '../helpers/triggers';

package/dist/components/VaultCiphersList/CiphersListItem.js

@@ -4,9 +4,9 @@ var _excluded = ["cipherView", "konnector", "className", "onClick"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import get from 'lodash/get';
-import ListItem from '@material-ui/core/ListItem';
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
 import CipherIcon from 'cozy-ui/transpiled/react/CipherIcon';
 
 var CiphersListItem = function CiphersListItem(props) {

package/dist/components/VaultCiphersList/OtherAccountListItem.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["f", "t"];
 import React from 'react';
-import ListItem from '@material-ui/core/ListItem';
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 import withLocales from '../hoc/withLocales';
 

package/dist/components/cards/LaunchTriggerAlert.js

@@ -1,12 +1,15 @@
-import React from 'react';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
 import Alert from 'cozy-ui/transpiled/react/Alert';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
-import KonnectorIcon from '../KonnectorIcon';
+import Snackbar from 'cozy-ui/transpiled/react/Snackbar';
 import { getLastSuccessDate, getKonnectorSlug } from '../../helpers/triggers';
 import { isRunnable } from '../../helpers/konnectors';
 import { useFlowState } from '../../models/withConnectionFlow';
+import { SUCCESS } from '../../models/flowEvents';
+import KonnectorIcon from '../KonnectorIcon';
 import { makeLabel } from './helpers';
 export var LaunchTriggerAlert = function LaunchTriggerAlert(_ref) {
   var flow = _ref.flow,
@@ -14,10 +17,16 @@ export var LaunchTriggerAlert = function LaunchTriggerAlert(_ref) {
       t = _ref.t,
       disabled = _ref.disabled;
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showSuccessSnackbar = _useState2[0],
+      setShowSuccessSnackbar = _useState2[1];
+
   var _useFlowState = useFlowState(flow),
       trigger = _useFlowState.trigger,
       running = _useFlowState.running,
-      expectingTriggerLaunch = _useFlowState.expectingTriggerLaunch;
+      expectingTriggerLaunch = _useFlowState.expectingTriggerLaunch,
+      status = _useFlowState.status;
 
   var launch = flow.launch,
       konnector = flow.konnector;
@@ -26,7 +35,12 @@ export var LaunchTriggerAlert = function LaunchTriggerAlert(_ref) {
     win: window,
     konnector: konnector
   });
-  return /*#__PURE__*/React.createElement(Alert, {
+  useEffect(function () {
+    if (status === SUCCESS) {
+      setShowSuccessSnackbar(true);
+    }
+  }, [status]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
     color: "var(--paperBackground)",
     icon: running ? /*#__PURE__*/React.createElement(Spinner, {
       className: "u-flex",
@@ -54,6 +68,18 @@ export var LaunchTriggerAlert = function LaunchTriggerAlert(_ref) {
     running: running,
     expectingTriggerLaunch: expectingTriggerLaunch,
     lastSuccessDate: lastSuccessDate
-  })));
+  }))), /*#__PURE__*/React.createElement(Snackbar, {
+    open: showSuccessSnackbar,
+    onClose: function onClose() {
+      return setShowSuccessSnackbar(false);
+    }
+  }, /*#__PURE__*/React.createElement(Alert, {
+    variant: "filled",
+    elevation: 6,
+    severity: "success",
+    onClose: function onClose() {
+      return setShowSuccessSnackbar(false);
+    }
+  }, t('card.launchTrigger.success'))));
 };
 export default LaunchTriggerAlert;

package/dist/components/cards/WebsiteLinkCard.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import logger from '../../logger';
 import Card from 'cozy-ui/transpiled/react/Card';
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider';
 import Typography from 'cozy-ui/transpiled/react/Typography';
-import Link from '@material-ui/core/Link';
+import Link from 'cozy-ui/transpiled/react/Link';
 import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import GlobeIcon from 'cozy-ui/transpiled/react/Icons/Globe';
+import logger from '../../logger';
 var linkStyle = {
   textTransform: 'lowercase'
 };

package/dist/datacards/FileDataCard.js

@@ -4,12 +4,12 @@ import PropTypes from 'prop-types';
 import get from 'lodash/get';
 import keyBy from 'lodash/keyBy';
 import 'leaflet/dist/leaflet.css';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import Slide from '@material-ui/core/Slide';
-import Skeleton from 'cozy-ui/transpiled/react/Skeleton';
+import List from 'cozy-ui/transpiled/react/MuiCozyTheme/List';
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Slide from 'cozy-ui/transpiled/react/Slide';
+import Skeleton from 'cozy-ui/transpiled/react/Skeleton';
 import { RealTimeQueries } from 'cozy-client';
 import palette from 'cozy-ui/transpiled/react/palette';
 import { Media, Bd, Img } from 'cozy-ui/transpiled/react/Media';

package/dist/datacards/GeoDataCard.js

@@ -15,14 +15,14 @@ import React, { useEffect, useRef, useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import L from 'leaflet';
 import 'leaflet/dist/leaflet.css';
-import Box from '@material-ui/core/Box';
-import IconButton from '@material-ui/core/IconButton';
 import SwipeableViews from 'react-swipeable-views';
 import sortBy from 'lodash/sortBy';
 import isSameDay from 'date-fns/is_same_day';
 import isSameYear from 'date-fns/is_same_year';
 import CozyClient, { Q, queryConnect, isQueryLoading, hasQueryBeenLoaded } from 'cozy-client';
 import flag from 'cozy-flags';
+import Box from 'cozy-ui/transpiled/react/Box';
+import IconButton from 'cozy-ui/transpiled/react/IconButton';
 import Skeleton from 'cozy-ui/transpiled/react/Skeleton';
 import Card from 'cozy-ui/transpiled/react/Card';
 import Icon from 'cozy-ui/transpiled/react/Icon';

package/dist/locales/en.json

@@ -77,6 +77,7 @@
       "button": {
         "label": "Run again now"
       },
+      "success": "Successful synchronization",
       "error": "An error occured.",
       "frequency": {
         "label": "Frequency:",

package/dist/locales/fr.json

@@ -77,6 +77,7 @@
       "button": {
         "label": "Mettre à jour"
       },
+      "success": "Synchronisation réussie",
       "error": "Une erreur est survenue.",
       "frequency": {
         "label": "Fréquence :",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-harvest-lib",
-  "version": "11.3.0",
+  "version": "12.0.0",
   "description": "Provides logic, modules and components for Cozy's harvest applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -46,7 +46,6 @@
     "@babel/core": "7.16.12",
     "@babel/register": "7.16.9",
     "@cozy/cli-tree": "^0.6.0",
-    "@material-ui/core": "4.12.4",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "10.4.9",
     "babel-jest": "26.6.3",
@@ -77,7 +76,6 @@
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.12.5",
-    "@material-ui/core": ">=4.12.4",
     "cozy-client": ">=34.2.0",
     "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=2.3.5",
@@ -90,5 +88,5 @@
     "react-router-dom": ">=4.3.1"
   },
   "sideEffects": false,
-  "gitHead": "b79c5ad02f0c8a765122146353959fb32f2f3b3e"
+  "gitHead": "36d9a948b0d14e5f1500bfc58751543e956af185"
 }

package/src/components/AccountModal.jsx

@@ -8,6 +8,7 @@ import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Infos from 'cozy-ui/transpiled/react/Infos'
 import Button from 'cozy-ui/transpiled/react/Button'
 import withBreakpoints from 'cozy-ui/transpiled/react/helpers/withBreakpoints'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 import { fetchAccount } from '../connections/accounts'
 import * as triggersModel from '../helpers/triggers'
@@ -16,7 +17,6 @@ import AccountSelectBox from './AccountSelectBox/AccountSelectBox'
 import KonnectorModalHeader from './KonnectorModalHeader'
 import { withMountPointProps } from './MountPointContext'
 import withLocales from './hoc/withLocales'
-import DialogContent from '@material-ui/core/DialogContent'
 import {
   intentsApiProptype,
   innerAccountModalOverridesProptype

package/src/components/AccountsListModal.jsx

@@ -1,11 +1,13 @@
 import React, { useContext } from 'react'
 import PropTypes from 'prop-types'
+
 import Stack from 'cozy-ui/transpiled/react/Stack'
 import { translate } from 'cozy-ui/transpiled/react/I18n'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
+
 import AccountsList from './AccountsList/AccountsList'
 import KonnectorIcon from './KonnectorIcon'
 import { MountPointContext } from './MountPointContext'
-import DialogContent from '@material-ui/core/DialogContent'
 
 const AccountsListModal = ({ konnector, accounts, t }) => {
   const { pushHistory, replaceHistory } = useContext(MountPointContext)

package/src/components/DisconnectedAccountModal.jsx

@@ -8,6 +8,7 @@ import Card from 'cozy-ui/transpiled/react/Card'
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider'
 import { Tab, Tabs } from 'cozy-ui/transpiled/react/MuiTabs'
 import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 import { Contracts } from './KonnectorConfiguration/ConfigurationTab/Contracts'
 import KonnectorModalHeader from './KonnectorModalHeader'
@@ -19,7 +20,6 @@ import {
   useCozyDialog,
   DialogCloseButton
 } from 'cozy-ui/transpiled/react/CozyDialogs'
-import DialogContent from '@material-ui/core/DialogContent'
 import { intentsApiProptype } from '../helpers/proptypes'
 
 const createDummyKonnectorFromAccount = account => {

package/src/components/EditAccountModal.jsx

@@ -4,7 +4,6 @@ import cx from 'classnames'
 
 import get from 'lodash/get'
 import flow from 'lodash/flow'
-import DialogContent from '@material-ui/core/DialogContent'
 
 import { withClient } from 'cozy-client'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
@@ -15,6 +14,7 @@ import {
   DialogCloseButton,
   useCozyDialog
 } from 'cozy-ui/transpiled/react/CozyDialogs'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 import { fetchAccount } from '../connections/accounts'
 import * as triggersModel from '../helpers/triggers'

package/src/components/KonnectorAccounts.jsx

@@ -2,7 +2,6 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import get from 'lodash/get'
 import compose from 'lodash/flowRight'
-import DialogContent from '@material-ui/core/DialogContent'
 
 import CozyRealtime from 'cozy-realtime'
 import { withClient } from 'cozy-client'
@@ -11,6 +10,7 @@ import { translate } from 'cozy-ui/transpiled/react/I18n'
 import Infos from 'cozy-ui/transpiled/react/Infos'
 import Button from 'cozy-ui/transpiled/react/Button'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 import { fetchAccountsFromTriggers } from '../connections/accounts'
 import { fetchTrigger } from '../connections/triggers'

package/src/components/KonnectorModal.jsx

@@ -28,7 +28,7 @@ import {
   useCozyDialog,
   DialogCloseButton
 } from 'cozy-ui/transpiled/react/CozyDialogs'
-import DialogContent from '@material-ui/core/DialogContent'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 const DumbKonnectorDialog = ({
   onClose,

package/src/components/KonnectorSuccess.jsx

@@ -1,11 +1,11 @@
 import get from 'lodash/get'
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
-import DialogContent from '@material-ui/core/DialogContent'
 
 import { translate } from 'cozy-ui/transpiled/react/I18n'
 import Button from 'cozy-ui/transpiled/react/Button'
 import Typography from 'cozy-ui/transpiled/react/Typography'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 import ConnectingIllu from '../assets/connecting-data-in-progress.svg'
 import getRelatedAppsSlugs from '../models/getRelatedAppsSlugs'

package/src/components/KonnectorSuggestionModal/index.jsx

@@ -6,20 +6,18 @@ import { translate } from 'cozy-ui/transpiled/react/I18n'
 import AppLinker, { generateWebLink } from 'cozy-ui/transpiled/react/AppLinker'
 import { Button, ButtonLink } from 'cozy-ui/transpiled/react/Button'
 import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
-
+import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints'
 import Dialog, {
   DialogActions,
   DialogContent
 } from 'cozy-ui/transpiled/react/Dialog'
 import { DialogCloseButton } from 'cozy-ui/transpiled/react/CozyDialogs'
-import Illustration from './Illustration'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 
+import Illustration from './Illustration'
 import DataTypes from './DataTypes'
 import { getDataTypes, getKonnectorName } from '../../helpers/manifest'
 import { getSuggestionReason } from '../../helpers/appSuggestions'
-import withMobileDialog from '@material-ui/core/withMobileDialog'
-
-import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const KonnectorSuggestionModal = ({
   t,
@@ -27,9 +25,9 @@ const KonnectorSuggestionModal = ({
   konnectorAppSuggestion,
   konnectorManifest,
   onClose,
-  onSilence,
-  fullScreen
+  onSilence
 }) => {
+  const { isMobile } = useBreakpoints()
   const { slug } = konnectorAppSuggestion
   const cozyURL = new URL(client.getStackClient().uri)
   const storeAppName = 'store'
@@ -56,7 +54,7 @@ const KonnectorSuggestionModal = ({
       <Dialog
         open
         onClose={onClose}
-        fullScreen={fullScreen}
+        fullScreen={isMobile}
         fullWidth
         maxWidth="sm"
         scroll="body"
@@ -137,6 +135,4 @@ KonnectorSuggestionModal.propTypes = {
   onSilence: PropTypes.func.isRequired
 }
 
-export default withClient(
-  translate()(withMobileDialog()(KonnectorSuggestionModal))
-)
+export default withClient(translate()(KonnectorSuggestionModal))

package/src/components/NewAccountModal.jsx

@@ -1,7 +1,6 @@
 import React, { useContext } from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
-import DialogContent from '@material-ui/core/DialogContent'
 
 import flag from 'cozy-flags'
 import { useClient } from 'cozy-client'
@@ -9,6 +8,7 @@ import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import { DialogTitle } from 'cozy-ui/transpiled/react/Dialog'
+import DialogContent from 'cozy-ui/transpiled/react/DialogContent'
 
 import TriggerManager from './TriggerManager'
 import KonnectorIcon from './KonnectorIcon'

package/src/components/VaultCiphersList/CiphersListItem.jsx

@@ -2,9 +2,9 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import get from 'lodash/get'
 
-import ListItem from '@material-ui/core/ListItem'
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import ListItemIcon from '@material-ui/core/ListItemIcon'
 
 import CipherIcon from 'cozy-ui/transpiled/react/CipherIcon'
 

package/src/components/VaultCiphersList/OtherAccountListItem.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import ListItem from '@material-ui/core/ListItem'
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 
 import withLocales from '../hoc/withLocales'

package/src/components/cards/LaunchTriggerAlert.jsx

@@ -1,57 +1,83 @@
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 
 import Alert from 'cozy-ui/transpiled/react/Alert'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import Snackbar from 'cozy-ui/transpiled/react/Snackbar'
 
-import KonnectorIcon from '../KonnectorIcon'
 import { getLastSuccessDate, getKonnectorSlug } from '../../helpers/triggers'
 import { isRunnable } from '../../helpers/konnectors'
 import { useFlowState } from '../../models/withConnectionFlow'
+import { SUCCESS } from '../../models/flowEvents'
+import KonnectorIcon from '../KonnectorIcon'
 import { makeLabel } from './helpers'
 
 export const LaunchTriggerAlert = ({ flow, f, t, disabled }) => {
-  const { trigger, running, expectingTriggerLaunch } = useFlowState(flow)
+  const [showSuccessSnackbar, setShowSuccessSnackbar] = useState(false)
+  const { trigger, running, expectingTriggerLaunch, status } =
+    useFlowState(flow)
   const { launch, konnector } = flow
+
   const lastSuccessDate = getLastSuccessDate(trigger)
   const isKonnectorRunnable = isRunnable({ win: window, konnector })
 
+  useEffect(() => {
+    if (status === SUCCESS) {
+      setShowSuccessSnackbar(true)
+    }
+  }, [status])
+
   return (
-    <Alert
-      color="var(--paperBackground)"
-      icon={
-        running ? (
-          <Spinner className="u-flex" noMargin />
-        ) : (
-          <KonnectorIcon
-            className="u-w-1 u-h-1"
-            konnectorSlug={getKonnectorSlug(trigger)}
-          />
-        )
-      }
-      action={
-        isKonnectorRunnable && (
-          <Button
-            variant="text"
-            size="small"
-            disabled={running || disabled}
-            label={t('card.launchTrigger.button.label')}
-            onClick={() => launch({ autoSuccessTimer: false })}
-          />
-        )
-      }
-    >
-      <Typography variant="caption">
-        {makeLabel({
-          t,
-          f,
-          running,
-          expectingTriggerLaunch,
-          lastSuccessDate
-        })}
-      </Typography>
-    </Alert>
+    <>
+      <Alert
+        color="var(--paperBackground)"
+        icon={
+          running ? (
+            <Spinner className="u-flex" noMargin />
+          ) : (
+            <KonnectorIcon
+              className="u-w-1 u-h-1"
+              konnectorSlug={getKonnectorSlug(trigger)}
+            />
+          )
+        }
+        action={
+          isKonnectorRunnable && (
+            <Button
+              variant="text"
+              size="small"
+              disabled={running || disabled}
+              label={t('card.launchTrigger.button.label')}
+              onClick={() => launch({ autoSuccessTimer: false })}
+            />
+          )
+        }
+      >
+        <Typography variant="caption">
+          {makeLabel({
+            t,
+            f,
+            running,
+            expectingTriggerLaunch,
+            lastSuccessDate
+          })}
+        </Typography>
+      </Alert>
+      <Snackbar
+        open={showSuccessSnackbar}
+        onClose={() => setShowSuccessSnackbar(false)}
+      >
+        <Alert
+          variant="filled"
+          elevation={6}
+          severity="success"
+          onClose={() => setShowSuccessSnackbar(false)}
+        >
+          {t('card.launchTrigger.success')}
+        </Alert>
+      </Snackbar>
+    </>
   )
 }
 

package/src/components/cards/WebsiteLinkCard.jsx

@@ -1,16 +1,17 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import logger from '../../logger'
 import Card from 'cozy-ui/transpiled/react/Card'
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import Link from '@material-ui/core/Link'
+import Link from 'cozy-ui/transpiled/react/Link'
 import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import { useI18n } from 'cozy-ui/transpiled/react/I18n'
 import GlobeIcon from 'cozy-ui/transpiled/react/Icons/Globe'
 
+import logger from '../../logger'
+
 const linkStyle = { textTransform: 'lowercase' }
 
 const WebsiteLinkCard = ({ link }) => {

package/src/datacards/FileDataCard.jsx

@@ -5,13 +5,12 @@ import keyBy from 'lodash/keyBy'
 
 import 'leaflet/dist/leaflet.css'
 
-import List from '@material-ui/core/List'
-import ListItem from '@material-ui/core/ListItem'
-import ListItemIcon from '@material-ui/core/ListItemIcon'
-import Slide from '@material-ui/core/Slide'
-
-import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
+import List from 'cozy-ui/transpiled/react/MuiCozyTheme/List'
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Slide from 'cozy-ui/transpiled/react/Slide'
+import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
 
 import { RealTimeQueries } from 'cozy-client'
 import palette from 'cozy-ui/transpiled/react/palette'

package/src/datacards/GeoDataCard.jsx

@@ -4,8 +4,6 @@ import PropTypes from 'prop-types'
 import L from 'leaflet'
 import 'leaflet/dist/leaflet.css'
 
-import Box from '@material-ui/core/Box'
-import IconButton from '@material-ui/core/IconButton'
 import SwipeableViews from 'react-swipeable-views'
 
 import sortBy from 'lodash/sortBy'
@@ -20,6 +18,8 @@ import CozyClient, {
 } from 'cozy-client'
 import flag from 'cozy-flags'
 
+import Box from 'cozy-ui/transpiled/react/Box'
+import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import Skeleton from 'cozy-ui/transpiled/react/Skeleton'
 import Card from 'cozy-ui/transpiled/react/Card'
 import Icon from 'cozy-ui/transpiled/react/Icon'

package/src/locales/en.json

@@ -77,6 +77,7 @@
       "button": {
         "label": "Run again now"
       },
+      "success": "Successful synchronization",
       "error": "An error occured.",
       "frequency": {
         "label": "Frequency:",

package/src/locales/fr.json

@@ -77,6 +77,7 @@
       "button": {
         "label": "Mettre à jour"
       },
+      "success": "Synchronisation réussie",
       "error": "Une erreur est survenue.",
       "frequency": {
         "label": "Fréquence :",