cozy-harvest-lib 13.3.0 → 13.5.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.
 
+# [13.5.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@13.4.0...cozy-harvest-lib@13.5.0) (2023-02-27)
+
+
+### Features
+
+* Add k konnector ([038a1f1](https://github.com/cozy/cozy-libs/commit/038a1f193057a2386b4c99ecc96f09bc00dfa1dc))
+* **cozy-harvest:** Add locales for new account ([0476351](https://github.com/cozy/cozy-libs/commit/0476351a0220985cd5cd48483987158201c2a6db))
+* **cozy-harvest:** Implement new account modal ([a1a2d97](https://github.com/cozy/cozy-libs/commit/a1a2d97639fb2c8c6f4066add6bfbcc1e47d8592))
+* Enable TS on cozy-harvest ([0eb444b](https://github.com/cozy/cozy-libs/commit/0eb444b6265b27f88b057c1f79777b8cdc1fd86a))
+* Send account and trigger to the launcher ([5d54d14](https://github.com/cozy/cozy-libs/commit/5d54d14aed91574f05de0a067bc93797cf841f99))
+
+
+
+
+
+# [13.4.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@13.3.0...cozy-harvest-lib@13.4.0) (2023-02-21)
+
+
+### Features
+
+* **harvest:** Add create account wording in CannotConnectModal ([1d78356](https://github.com/cozy/cozy-libs/commit/1d78356b441b70c4da0a0ad06df3250edfe5ae52))
+* **harvest:** Add props propagation on Markdown component ([f76f9a6](https://github.com/cozy/cozy-libs/commit/f76f9a6a22c6bbe23169638973b68ecfb7842257))
+
+
+
+
+
 # [13.3.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@13.2.2...cozy-harvest-lib@13.3.0) (2023-02-16)
 
 

package/dist/components/AccountForm/CannotConnectModal.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Typography from 'cozy-ui/transpiled/react/Typography';
-import Link from 'cozy-ui/transpiled/react/Link';
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import { useI18n } from 'cozy-ui/transpiled/react/I18n';
 import { useComponentsProps } from '../Providers/ComponentsPropsProvider';
+import Markdown from '../Markdown';
 
 var CannotConnectModal = function CannotConnectModal(_ref) {
   var _ComponentsProps$Cann;
@@ -24,13 +24,19 @@ var CannotConnectModal = function CannotConnectModal(_ref) {
     content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
       variant: "h4",
       className: "u-mb-1"
-    }, t('accountForm.cannotConnectModal.title')), /*#__PURE__*/React.createElement(Typography, {
-      className: "u-mb-1"
-    }, t('accountForm.cannotConnectModal.content'), /*#__PURE__*/React.createElement(Link, {
-      href: vendorLink,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, vendorName)), ComponentsProps === null || ComponentsProps === void 0 ? void 0 : (_ComponentsProps$Cann = ComponentsProps.CannotConnectModal) === null || _ComponentsProps$Cann === void 0 ? void 0 : _ComponentsProps$Cann.extraContent),
+    }, t('accountForm.cannotConnectModal.title')), /*#__PURE__*/React.createElement(Markdown, {
+      className: "u-mb-1",
+      source: t('accountForm.cannotConnectModal.content', {
+        vendorLink: vendorLink,
+        vendorName: vendorName
+      })
+    }), /*#__PURE__*/React.createElement(Markdown, {
+      className: "u-mb-1",
+      source: t('accountForm.cannotConnectModal.noAccount', {
+        vendorLink: vendorLink,
+        vendorName: vendorName
+      })
+    }), ComponentsProps === null || ComponentsProps === void 0 ? void 0 : (_ComponentsProps$Cann = ComponentsProps.CannotConnectModal) === null || _ComponentsProps$Cann === void 0 ? void 0 : _ComponentsProps$Cann.extraContent),
     onClose: onClose
   });
 };

package/dist/components/AccountForm/__snapshots__/index.spec.jsx.snap

@@ -147,14 +147,18 @@ exports[`AccountForm should render normally when client side konnector with laun
       inputRefByName={[Function]}
       t={[Function]}
     />
-    <ForwardRef
-      className="u-mt-2 u-mb-1-half"
-      data-testid="submit-btn"
-      disabled={false}
-      fullWidth={true}
-      label="Connect"
-      onClick={[Function]}
-      variant="primary"
+    <ConnectCard
+      buttonProps={
+        Object {
+          "busy": undefined,
+          "data-testid": "submit-btn",
+          "disabled": false,
+          "label": "Connect",
+          "onClick": [Function],
+        }
+      }
+      description="Connect testkonnector to your Cozy to synchronize your account and automatically retrieve all your data. "
+      title="Connect to your Cozy"
     />
   </React.Fragment>
 </div>

package/dist/components/AccountForm/index.js

@@ -28,19 +28,20 @@ import Info from 'cozy-ui/transpiled/react/Icons/Info';
 import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import withAdaptiveRouter from '../hoc/withRouter';
-import withLocales from '../hoc/withLocales';
 import AccountFields from './AccountFields';
+import CannotConnectModal from './CannotConnectModal';
+import ConnectionBackdrop from './ConnectionBackdrop';
 import ReadOnlyIdentifier from './ReadOnlyIdentifier';
 import TriggerErrorInfo from '../infos/TriggerErrorInfo';
-import fieldHelpers, { getEncryptedFieldName, SECRET } from '../../helpers/fields';
-import { KonnectorJobError } from '../../helpers/konnectors';
-import { findKonnectorPolicy } from '../../konnector-policies';
 import manifest from '../../helpers/manifest';
-import withKonnectorLocales from '../hoc/withKonnectorLocales';
+import withAdaptiveRouter from '../hoc/withRouter';
 import withConnectionFlow from '../../models/withConnectionFlow';
-import CannotConnectModal from './CannotConnectModal';
-import ConnectionBackdrop from './ConnectionBackdrop';
+import withKonnectorLocales from '../hoc/withKonnectorLocales';
+import withLocales from '../hoc/withLocales';
+import { ConnectCard } from '../cards/ConnectCard';
+import { KonnectorJobError } from '../../helpers/konnectors';
+import { findKonnectorPolicy } from '../../konnector-policies';
+import fieldHelpers, { getEncryptedFieldName, SECRET } from '../../helpers/fields';
 var VALIDATION_ERROR_REQUIRED_FIELD = 'VALIDATION_ERROR_REQUIRED_FIELD';
 /**
  * AccountForm is reponsible of generating a form which will allow user to
@@ -357,7 +358,25 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
               variant: "body1",
               component: "button",
               onClick: _this3.showCannotConnectModal
-            }, t('accountForm.cannotConnectLink')), /*#__PURE__*/React.createElement(Button, {
+            }, t('accountForm.cannotConnectLink')), konnector.clientSide ? /*#__PURE__*/React.createElement(ConnectCard, {
+              title: t('accountForm.clientSide.title'),
+              description: t('accountForm.clientSide.description', {
+                name: konnector.name
+              }),
+              buttonProps: _defineProperty({
+                busy: submitting && !flag('harvest.inappconnectors.enabled'),
+                disabled: submitting || !_this3.isSubmittable({
+                  dirty: dirty,
+                  error: error,
+                  initialValues: initialValues,
+                  valid: valid
+                }),
+                label: t('accountForm.clientSide.submit'),
+                onClick: function onClick() {
+                  return _this3.handleSubmit(values, form);
+                }
+              }, 'data-testid', 'submit-btn')
+            }) : /*#__PURE__*/React.createElement(Button, {
               busy: submitting && !flag('harvest.inappconnectors.enabled'),
               className: "u-mt-2 u-mb-1-half",
               disabled: submitting || !_this3.isSubmittable({

package/dist/components/KonnectorConfiguration/DataTab/index.js

@@ -13,7 +13,7 @@ import KonnectorUpdateInfos from '../../../components/infos/KonnectorUpdateInfos
 import LaunchTriggerCard from '../../../components/cards/LaunchTriggerCard';
 import KonnectorMaintenance from '../../../components/Maintenance';
 import AppLinkCard from '../../../components/cards/AppLinkCard';
-import WebsiteLinkCard from '../../../components/cards/WebsiteLinkCard';
+import { InformationsCard } from '../../../components/cards/InformationsCard';
 import useMaintenanceStatus from '../../../components/hooks/useMaintenanceStatus';
 import getRelatedAppsSlugs from '../../../models/getRelatedAppsSlugs';
 import appLinksProps from '../../../components/KonnectorConfiguration/DataTab/appLinksProps';
@@ -86,7 +86,7 @@ export var DataTab = function DataTab(_ref) {
     account: account,
     trigger: trigger,
     konnector: konnector
-  }), konnector.vendor_link && /*#__PURE__*/React.createElement(WebsiteLinkCard, {
+  }), konnector.vendor_link && /*#__PURE__*/React.createElement(InformationsCard, {
     link: konnector.vendor_link
   }))));
 };

package/dist/components/KonnectorModalHeader.js

@@ -15,13 +15,14 @@ var resetFontStyles = {
 
 var KonnectorModalHeader = function KonnectorModalHeader(_ref) {
   var konnector = _ref.konnector,
-      children = _ref.children;
+      children = _ref.children,
+      className = _ref.className;
 
   var _useDialogContext = useDialogContext(),
       dialogTitleProps = _useDialogContext.dialogTitleProps;
 
   return /*#__PURE__*/React.createElement(DialogTitle, _extends({}, dialogTitleProps, {
-    className: "u-pb-half",
+    className: cx('u-pb-half', className),
     disableTypography: true
   }), /*#__PURE__*/React.createElement(Media, null, /*#__PURE__*/React.createElement(Img, {
     className: cx('u-mr-1', _defineProperty({}, children === null ? 'u-w-2 u-h-2' : 'u-w-3 u-h-3', true))

package/dist/components/Markdown.js

@@ -1,4 +1,6 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["source", "linkProps"];
 import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import Link from 'cozy-ui/transpiled/react/Link';
@@ -24,13 +26,15 @@ var reactMarkdownRendererOptions = function reactMarkdownRendererOptions(_ref) {
 
 export var Markdown = function Markdown(_ref2) {
   var source = _ref2.source,
-      linkProps = _ref2.linkProps;
-  return /*#__PURE__*/React.createElement(ReactMarkdown, {
+      linkProps = _ref2.linkProps,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({}, props, {
     source: source,
     linkTarget: "_blank",
     renderers: reactMarkdownRendererOptions({
       linkProps: linkProps
     })
-  });
+  }));
 };
 export default Markdown;

package/dist/components/NewAccountModal.js

@@ -16,6 +16,8 @@ import KonnectorMaintenance from './Maintenance';
 import useMaintenanceStatus from './hooks/useMaintenanceStatus';
 import { MountPointContext } from './MountPointContext';
 import { useDialogContext } from './DialogContext';
+import { InformationsCard } from './cards/InformationsCard';
+import KonnectorModalHeader from './KonnectorModalHeader';
 /**
  * We need to deal with `onLoginSuccess` and `onSucess` because we
  * can have a `onSuccess` without having a `onLoginSuccess` since only
@@ -43,6 +45,7 @@ var NewAccountModal = function NewAccountModal(_ref) {
       maintenanceMessages = _useMaintenanceStatus2.messages;
 
   var isMaintenanceLoaded = fetchStatus === 'loaded' || fetchStatus === 'failed';
+  var serverSideKonnector = !(konnector.oauth || konnector.clientSide);
 
   var _useDialogContext = useDialogContext(),
       dialogTitleProps = _useDialogContext.dialogTitleProps;
@@ -65,7 +68,7 @@ var NewAccountModal = function NewAccountModal(_ref) {
     replaceHistory("/accounts/".concat(accountId));
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, _extends({}, dialogTitleProps, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, serverSideKonnector ? /*#__PURE__*/React.createElement(DialogTitle, _extends({}, dialogTitleProps, {
     className: cx(dialogTitleProps.className, 'u-ta-center u-flex-column u-stack-m u-pb-1'),
     disableTypography: true
   }), /*#__PURE__*/React.createElement(KonnectorIcon, {
@@ -75,7 +78,10 @@ var NewAccountModal = function NewAccountModal(_ref) {
     variant: "h5"
   }, t('modal.addAccount.title', {
     name: konnector.name
-  })))), !isMaintenanceLoaded ? /*#__PURE__*/React.createElement(DialogContent, {
+  })))) : /*#__PURE__*/React.createElement(KonnectorModalHeader, {
+    className: "u-elevation-1 u-mb-1",
+    konnector: konnector
+  }), !isMaintenanceLoaded ? /*#__PURE__*/React.createElement(DialogContent, {
     className: "u-ta-center u-pt-1 u-pb-3"
   }, /*#__PURE__*/React.createElement(Spinner, {
     size: "xxlarge"
@@ -91,6 +97,9 @@ var NewAccountModal = function NewAccountModal(_ref) {
     onSuccess: handleSuccess,
     onVaultDismiss: onDismiss,
     fieldOptions: fieldOptions
+  }), !serverSideKonnector && /*#__PURE__*/React.createElement(InformationsCard, {
+    className: "u-mt-1",
+    link: konnector.vendor_link
   }), /*#__PURE__*/React.createElement("div", {
     className: "u-mb-2"
   })));

package/dist/components/OAuthForm.js

@@ -4,7 +4,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import compose from 'lodash/flowRight';
-import Button from 'cozy-ui/transpiled/react/Button';
 import { useFlowState } from '../models/withConnectionFlow';
 import useOAuthExtraParams from './hooks/useOAuthExtraParams';
 import withLocales from './hoc/withLocales';
@@ -18,6 +17,7 @@ import isEqual from 'lodash/isEqual';
 import { useClient } from 'cozy-client';
 import { OAUTH_SERVICE_ERROR, OAUTH_SERVICE_OK, openOAuthWindow } from './OAuthService';
 import { useWebviewIntent } from 'cozy-intent';
+import { ConnectCard } from './cards/ConnectCard';
 /**
  * The OAuth Form is responsible for displaying a form for OAuth konnectors. It
  * starts the OAuth process
@@ -130,18 +130,22 @@ export var OAuthForm = function OAuthForm(props) {
   var error = flowState.error;
   var isBusy = showOAuthWindow || flowState.running || needsExtraParams && !extraParams;
   var isBankingKonnector = (_konnector$categories = konnector.categories) === null || _konnector$categories === void 0 ? void 0 : _konnector$categories.includes('banking');
-  var buttonLabel = reconnect ? isBankingKonnector ? 'oauth.banking.reconnect.label' : 'oauth.reconnect.label' : isBankingKonnector ? 'oauth.banking.connect.label' : 'oauth.connect.label';
+  var buttonLabel = reconnect ? isBankingKonnector ? 'oauth.banking.reconnect.label' : 'oauth.reconnect.label' : isBankingKonnector ? 'oauth.banking.connect.label' : 'oauth.connect.submit';
   return /*#__PURE__*/React.createElement(React.Fragment, null, error && /*#__PURE__*/React.createElement(TriggerErrorInfo, {
     className: "u-mb-1",
     error: error,
     konnector: konnector
-  }), !reconnect && /*#__PURE__*/React.createElement(Button, {
-    className: "u-mt-1",
-    busy: isBusy,
-    disabled: isBusy,
-    extension: "full",
-    label: t(buttonLabel),
-    onClick: handleConnect
+  }), !reconnect && /*#__PURE__*/React.createElement(ConnectCard, {
+    title: t('oauth.connect.title'),
+    description: t('oauth.connect.description', {
+      name: konnector.name
+    }),
+    buttonProps: {
+      busy: isBusy,
+      disabled: isBusy,
+      label: t(buttonLabel),
+      onClick: handleConnect
+    }
   }));
 };
 OAuthForm.propTypes = {

package/dist/components/__snapshots__/OAuthForm.spec.js.snap

@@ -34,37 +34,59 @@ exports[`OAuthForm should handle oauth cancelation 1`] = `
       </div>
     </div>
   </div>
-  <button
-    aria-busy="true"
-    aria-disabled="true"
-    class="styles__c-btn___-2Vnj styles__c-btn--full___2VmR1 styles__c-btn--center___16_Xh u-mt-1"
-    disabled=""
-    type="submit"
+  <div
+    class="styles__c-card___YgP7B u-flex u-flex-wrap"
   >
-    <span>
+    <div
+      class="styles__c-empty___3w5oV"
+    >
+      CloudSync2
+      <h3
+        class="MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
+      >
+        oauth.connect.title
+      </h3>
+      <p
+        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom"
+      >
+        oauth.connect.description
+      </p>
+      <div
+        class="styles__c-empty-text___3HnvR"
+      />
+    </div>
+    <button
+      aria-busy="true"
+      aria-disabled="true"
+      class="styles__c-btn___-2Vnj styles__c-btn--center___16_Xh u-mh-auto"
+      disabled=""
+      type="submit"
+    >
       <span>
-        oauth.connect.label
+        <span>
+          oauth.connect.submit
+        </span>
+        <svg
+          aria-busy="true"
+          aria-hidden="true"
+          class="u-ml-half styles__icon___23x3R styles__icon--spin___ybfC1"
+          focusable="false"
+          height="16"
+          role="progressbar"
+          viewBox="0 0 32 32"
+          width="16"
+        >
+          <path
+            d="M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24"
+            opacity="0.25"
+          />
+          <path
+            d="M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z"
+          />
+        </svg>
       </span>
-      <svg
-        aria-busy="true"
-        aria-hidden="true"
-        class="u-ml-half styles__icon___23x3R styles__icon--spin___ybfC1"
-        focusable="false"
-        height="16"
-        role="progressbar"
-        viewBox="0 0 32 32"
-        width="16"
-      >
-        <path
-          d="M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24"
-          opacity="0.25"
-        />
-        <path
-          d="M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z"
-        />
-      </svg>
-    </span>
-  </button>
+    </button>
+  </div>
 </div>
 `;
 
@@ -100,30 +122,74 @@ exports[`OAuthForm should handle oauth cancelation 2`] = `
       </div>
     </div>
   </div>
-  <button
-    class="styles__c-btn___-2Vnj styles__c-btn--full___2VmR1 styles__c-btn--center___16_Xh u-mt-1"
-    type="submit"
+  <div
+    class="styles__c-card___YgP7B u-flex u-flex-wrap"
   >
-    <span>
+    <div
+      class="styles__c-empty___3w5oV"
+    >
+      CloudSync2
+      <h3
+        class="MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
+      >
+        oauth.connect.title
+      </h3>
+      <p
+        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom"
+      >
+        oauth.connect.description
+      </p>
+      <div
+        class="styles__c-empty-text___3HnvR"
+      />
+    </div>
+    <button
+      class="styles__c-btn___-2Vnj styles__c-btn--center___16_Xh u-mh-auto"
+      type="submit"
+    >
       <span>
-        oauth.connect.label
+        <span>
+          oauth.connect.submit
+        </span>
       </span>
-    </span>
-  </button>
+    </button>
+  </div>
 </div>
 `;
 
 exports[`OAuthForm should render 1`] = `
 <div>
-  <button
-    class="styles__c-btn___-2Vnj styles__c-btn--full___2VmR1 styles__c-btn--center___16_Xh u-mt-1"
-    type="submit"
+  <div
+    class="styles__c-card___YgP7B u-flex u-flex-wrap"
   >
-    <span>
+    <div
+      class="styles__c-empty___3w5oV"
+    >
+      CloudSync2
+      <h3
+        class="MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
+      >
+        oauth.connect.title
+      </h3>
+      <p
+        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom"
+      >
+        oauth.connect.description
+      </p>
+      <div
+        class="styles__c-empty-text___3HnvR"
+      />
+    </div>
+    <button
+      class="styles__c-btn___-2Vnj styles__c-btn--center___16_Xh u-mh-auto"
+      type="submit"
+    >
       <span>
-        oauth.connect.label
+        <span>
+          oauth.connect.submit
+        </span>
       </span>
-    </span>
-  </button>
+    </button>
+  </div>
 </div>
 `;

package/dist/components/cards/ConnectCard.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Button from 'cozy-ui/transpiled/react/Button';
+import Card from 'cozy-ui/transpiled/react/Card';
+import Empty from 'cozy-ui/transpiled/react/Empty';
+import CloudSync2 from 'cozy-ui/transpiled/react/Icons/CloudSync2';
+export var ConnectCard = function ConnectCard(_ref) {
+  var buttonProps = _ref.buttonProps,
+      description = _ref.description,
+      title = _ref.title;
+  return /*#__PURE__*/React.createElement(Card, {
+    className: "u-flex u-flex-wrap"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    icon: CloudSync2,
+    title: title,
+    text: description
+  }), /*#__PURE__*/React.createElement(Button, _extends({
+    className: "u-mh-auto"
+  }, buttonProps)));
+};

package/dist/components/cards/InformationsCard.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import cx from 'classnames';
+import Card from 'cozy-ui/transpiled/react/Card';
+import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider';
+import GlobeIcon from 'cozy-ui/transpiled/react/Icons/Globe';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+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 Typography from 'cozy-ui/transpiled/react/Typography';
+import logger from '../../logger';
+import { ListItemText } from '@material-ui/core';
+import { getErrorMessage } from '../../helpers/getErrorMessage';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+
+var getLabel = function getLabel(link) {
+  if (!link) return null;
+
+  try {
+    var url = new URL(link);
+    return url.host;
+  } catch (error) {
+    logger('warn', getErrorMessage(error));
+    return null;
+  }
+};
+
+export var InformationsCard = function InformationsCard(_ref) {
+  var className = _ref.className,
+      link = _ref.link;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var label = getLabel(link);
+  if (!label) return null;
+  return /*#__PURE__*/React.createElement(Card, {
+    className: cx('u-p-0', className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "u-ph-1 u-flex u-flex-items-center",
+    style: {
+      minHeight: '64px'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "h5"
+  }, t('card.websiteLink.title'))), /*#__PURE__*/React.createElement(Divider, {
+    className: "u-ml-0 u-maw-100 u-mb-half"
+  }), /*#__PURE__*/React.createElement(List, {
+    className: "u-p-0"
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    button: true,
+    className: "u-mb-half",
+    component: "a",
+    href: link,
+    target: "_blank"
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: GlobeIcon,
+    size: 16,
+    color: "textPrimary"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('card.websiteLink.description'),
+    secondary: label
+  }))));
+};

package/dist/helpers/getErrorMessage.js

@@ -0,0 +1,19 @@
+var isErrorWithMessage = function isErrorWithMessage(error) {
+  return typeof error === 'object' && error !== null && 'message' in error && typeof error.message === 'string';
+};
+
+var toErrorWithMessage = function toErrorWithMessage(maybeError) {
+  if (isErrorWithMessage(maybeError)) return maybeError;
+
+  try {
+    return new Error(JSON.stringify(maybeError));
+  } catch (_unused) {
+    // fallback in case there's an error stringifying the maybeError
+    // like with circular references for example.
+    return new Error(String(maybeError));
+  }
+};
+
+export var getErrorMessage = function getErrorMessage(error) {
+  return toErrorWithMessage(error).message;
+};

package/dist/jest.setup.js

@@ -41,4 +41,13 @@ console.warn = function (message, component) {
 console.error = function () {
   originalConsoleError.apply(this, arguments);
   throw new Error('console.error should not be called during tests');
-};
+}; // Needed for now because `cozy-ui` can't be updated to the latest version in devDependencies
+
+
+jest.mock('cozy-ui/transpiled/react/Icons/CloudSync2', function () {
+  return function () {
+    return 'CloudSync2';
+  };
+}, {
+  virtual: true
+});

package/dist/locales/en.json

@@ -23,10 +23,16 @@
     },
     "cannotConnectModal": {
       "title": "You can't connect?",
-      "content": "You can check your login or reset your password on the website "
+      "content": "You can check your login or reset your password on the [%{vendorName}](%{vendorLink})'s website.",
+      "noAccount": "If you do not have an account you will need to create one on the [%{vendorName}](%{vendorLink})'s website."
     },
     "cannotConnectLink": "I can't connect",
-    "notClientSide": "The %{name} application uses a brand-new and efficient system for retrieving your data from your Cozy. This action is only accessible from the Cozy mobile app."
+    "notClientSide": "The %{name} application uses a brand-new and efficient system for retrieving your data from your Cozy. This action is only accessible from the Cozy mobile app.",
+    "clientSide": {
+      "title": "Connect to your Cozy",
+      "submit": "Connect",
+      "description": "Connect %{name} to your Cozy to synchronize your account and automatically retrieve all your data. "
+    }
   },
   "contracts": {
     "headers": {
@@ -423,7 +429,10 @@
       "label": "Reconnect"
     },
     "connect": {
-      "label": "Connect"
+      "description": "Connect %{slug} to your Cozy to synchronize your account and automatically retrieve all your data.",
+      "label": "Connect",
+      "submit": "Connect",
+      "title": "Connect to your Cozy"
     },
     "window": {
       "title": "OAuth"