cozy-harvest-lib 9.32.7 → 10.0.0

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [10.0.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@9.32.8...cozy-harvest-lib@10.0.0) (2022-12-15)
+
+
+### Features
+
+* Add a modal to help the user to connect ([1f2aab2](https://github.com/cozy/cozy-libs/commit/1f2aab25d525d6e7816850bac8c3de7d2d04273e))
+* Add CannotConnectModal feature behind a flag ([b6f6669](https://github.com/cozy/cozy-libs/commit/b6f6669c4d625dc9ca1d1f64b961232a5e729533))
+* **harvest:** Add LaunchTriggerAlert ([4bca6bc](https://github.com/cozy/cozy-libs/commit/4bca6bc90d7590896a688f1ca40b677c298e811a))
+* **harvest:** Add OverloadComponentsProvider component ([76648f2](https://github.com/cozy/cozy-libs/commit/76648f20849ed6a7fc5520f15881cf997551fb56))
+* **harvest:** Expose LaunchTriggerCard ([1f85c89](https://github.com/cozy/cozy-libs/commit/1f85c89475c30a989f61f83f0225827a1f835e94))
+* **harvest:** Simply add a div around DataTab ([72b7635](https://github.com/cozy/cozy-libs/commit/72b76350658b3bc04cbec56d171fbf55b7fe582c))
+* **harvest:** Update cozy-ui 60.6.0 to 77.9.0 + cozy-client to 34.2.0 ([d48e7d7](https://github.com/cozy/cozy-libs/commit/d48e7d736e706bcae9b4c9a5cc47e9f91c97fafd))
+* **harvest:** Use new LaunchTriggerAlert (behind flag) ([48c869a](https://github.com/cozy/cozy-libs/commit/48c869a94a6e76d6c8408ede043de096ca440a30))
+
+
+### BREAKING CHANGES
+
+* **harvest:** You must have `cozy-ui >= 77.9.0`,  `cozy-client >= 34.2.0`, `cozy-device-helper >= 2.6.0` and `@material-u/core >= 4.12.4` when using cozy-harvest-lib. `@material-ui/lab` can be removed, it is no longer required.
+
+
+
+
+
+## [9.32.8](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@9.32.7...cozy-harvest-lib@9.32.8) (2022-12-09)
+
+**Note:** Version bump only for package cozy-harvest-lib
+
+
+
+
+
 ## [9.32.7](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@9.32.6...cozy-harvest-lib@9.32.7) (2022-12-09)
 
 

package/dist/components/AccountForm/CannotConnectModal.js

@@ -0,0 +1,43 @@
+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';
+
+var CannotConnectModal = function CannotConnectModal(_ref) {
+  var _ComponentsProps$Cann;
+
+  var vendorName = _ref.vendorName,
+      vendorLink = _ref.vendorLink,
+      onClose = _ref.onClose;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useComponentsProps = useComponentsProps(),
+      ComponentsProps = _useComponentsProps.ComponentsProps;
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    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),
+    onClose: onClose
+  });
+};
+
+CannotConnectModal.propTypes = {
+  vendorName: PropTypes.string,
+  vendorLink: PropTypes.string,
+  onClose: PropTypes.func
+};
+export default CannotConnectModal;

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

@@ -27,12 +27,14 @@ exports[`AccountForm should not render error 1`] = `
       inputRefByName={[Function]}
       t={[Function]}
     />
-    <DefaultButton
+    <ForwardRef
       className="u-mt-2 u-mb-1-half"
+      data-testid="submit-btn"
       disabled={false}
-      extension="full"
+      fullWidth={true}
       label="Connect"
       onClick={[Function]}
+      variant="primary"
     />
   </React.Fragment>
 </div>
@@ -64,12 +66,14 @@ exports[`AccountForm should render 1`] = `
       inputRefByName={[Function]}
       t={[Function]}
     />
-    <DefaultButton
+    <ForwardRef
       className="u-mt-2 u-mb-1-half"
+      data-testid="submit-btn"
       disabled={true}
-      extension="full"
+      fullWidth={true}
       label="Connect"
       onClick={[Function]}
+      variant="primary"
     />
   </React.Fragment>
 </div>
@@ -118,12 +122,14 @@ exports[`AccountForm should render error 1`] = `
       inputRefByName={[Function]}
       t={[Function]}
     />
-    <DefaultButton
+    <ForwardRef
       className="u-mt-2 u-mb-1-half"
+      data-testid="submit-btn"
       disabled={false}
-      extension="full"
+      fullWidth={true}
       label="Connect"
       onClick={[Function]}
+      variant="primary"
     />
   </React.Fragment>
 </div>
@@ -141,12 +147,14 @@ exports[`AccountForm should render normally when client side konnector with laun
       inputRefByName={[Function]}
       t={[Function]}
     />
-    <DefaultButton
+    <ForwardRef
       className="u-mt-2 u-mb-1-half"
+      data-testid="submit-btn"
       disabled={false}
-      extension="full"
+      fullWidth={true}
       label="Connect"
       onClick={[Function]}
+      variant="primary"
     />
   </React.Fragment>
 </div>
@@ -172,19 +180,17 @@ exports[`AccountForm should render with specific message when client side konnec
       <Bd
         className="u-m-1"
       >
-        <ForwardRef(WithStyles)
-          variant="body1"
-        >
+        <ForwardRef>
           The testkonnector 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.
-        </ForwardRef(WithStyles)>
+        </ForwardRef>
       </Bd>
     </Media>
-    <ButtonLink
+    <ForwardRef
       className="u-mt-2 u-mb-1-half"
-      extension="full"
-      href="#"
+      fullWidth={true}
       label="Install Cozy on mobile"
-      tag="a"
+      onClick={[Function]}
+      variant="primary"
     />
   </React.Fragment>
 </div>

package/dist/components/AccountForm/index.js

@@ -6,32 +6,39 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { PureComponent } from 'react';
+import { withRouter } from 'react-router';
 import { Form } from 'react-final-form';
 import PropTypes from 'prop-types';
 import get from 'lodash/get';
 import compose from 'lodash/flowRight';
+import flag from 'cozy-flags';
 import { isMobile } from 'cozy-device-helper';
-import Button, { ButtonLink } from 'cozy-ui/transpiled/react/Button';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import Link from 'cozy-ui/transpiled/react/Link';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 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 withLocales from '../hoc/withLocales';
 import AccountFields from './AccountFields';
 import ReadOnlyIdentifier from './ReadOnlyIdentifier';
 import TriggerErrorInfo from '../infos/TriggerErrorInfo';
-import { getEncryptedFieldName } from '../../helpers/fields';
+import fieldHelpers, { getEncryptedFieldName, SECRET } from '../../helpers/fields';
 import { KonnectorJobError, isRunnable } from '../../helpers/konnectors';
 import manifest from '../../helpers/manifest';
-import fieldHelpers, { SECRET } from '../../helpers/fields';
 import withKonnectorLocales from '../hoc/withKonnectorLocales';
 import withConnectionFlow from '../../models/withConnectionFlow';
-import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import CannotConnectModal from './CannotConnectModal';
 var VALIDATION_ERROR_REQUIRED_FIELD = 'VALIDATION_ERROR_REQUIRED_FIELD';
 /**
  * AccountForm is reponsible of generating a form which will allow user to
@@ -79,7 +86,8 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
     });
 
     _this.state = {
-      showConfirmationModal: false
+      showConfirmationModal: false,
+      showCannotConnectModal: false
     };
     _this.inputs = {};
     _this.inputFocused = null;
@@ -89,6 +97,8 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
     _this.focusNext = _this.focusNext.bind(_assertThisInitialized(_this));
     _this.showConfirmationModal = _this.showConfirmationModal.bind(_assertThisInitialized(_this));
     _this.hideConfirmationModal = _this.hideConfirmationModal.bind(_assertThisInitialized(_this));
+    _this.showCannotConnectModal = _this.showCannotConnectModal.bind(_assertThisInitialized(_this));
+    _this.hideCannotConnectModal = _this.hideCannotConnectModal.bind(_assertThisInitialized(_this));
     return _this;
   }
   /**
@@ -231,15 +241,37 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "showConfirmationModal",
     value: function showConfirmationModal() {
-      this.setState({
-        showConfirmationModal: true
+      this.setState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          showConfirmationModal: true
+        });
       });
     }
   }, {
     key: "hideConfirmationModal",
     value: function hideConfirmationModal() {
-      this.setState({
-        showConfirmationModal: false
+      this.setState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          showConfirmationModal: false
+        });
+      });
+    }
+  }, {
+    key: "showCannotConnectModal",
+    value: function showCannotConnectModal() {
+      this.setState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          showCannotConnectModal: true
+        });
+      });
+    }
+  }, {
+    key: "hideCannotConnectModal",
+    value: function hideCannotConnectModal() {
+      this.setState(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          showCannotConnectModal: false
+        });
       });
     }
   }, {
@@ -264,7 +296,8 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
       var submitting = flowState.running;
       var error = flowState.error;
       var fields = konnector.fields,
-          name = konnector.name;
+          name = konnector.name,
+          vendor_link = konnector.vendor_link;
       var sanitizedFields = manifest.sanitizeFields(fields);
       fieldHelpers.addForceEncryptedPlaceholder(sanitizedFields, fieldOptions);
       var initialValues = account && account.auth;
@@ -319,7 +352,11 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
               initialValues: values,
               inputRefByName: _this3.inputRefByName,
               t: t
-            }), /*#__PURE__*/React.createElement(Button, {
+            }), flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(Typography, null, /*#__PURE__*/React.createElement(Link, {
+              className: "u-mt-1",
+              component: "button",
+              onClick: _this3.showCannotConnectModal
+            }, t('accountForm.cannotConnectLink'))), /*#__PURE__*/React.createElement(Button, {
               busy: submitting,
               className: "u-mt-2 u-mb-1-half",
               disabled: submitting || !_this3.isSubmittable({
@@ -328,11 +365,12 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
                 initialValues: initialValues,
                 valid: valid
               }),
-              extension: "full",
+              fullWidth: true,
               label: t('accountForm.submit.label'),
               onClick: function onClick() {
                 return _this3.handleSubmit(values, form);
-              }
+              },
+              "data-testid": "submit-btn"
             })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Media, {
               align: "top"
             }, /*#__PURE__*/React.createElement(Img, {
@@ -341,15 +379,15 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
               icon: Info
             })), /*#__PURE__*/React.createElement(Bd, {
               className: "u-m-1"
-            }, /*#__PURE__*/React.createElement(Typography, {
-              variant: "body1"
-            }, t('accountForm.notClientSide', {
+            }, /*#__PURE__*/React.createElement(Typography, null, t('accountForm.notClientSide', {
               name: name
-            })))), /*#__PURE__*/React.createElement(ButtonLink, {
+            })))), /*#__PURE__*/React.createElement(Button, {
               className: "u-mt-2 u-mb-1-half",
-              extension: "full",
+              fullWidth: true,
               label: t('accountForm.installFlagship.label'),
-              href: "#"
+              onClick: function onClick() {
+                return _this3.props.history.push('/');
+              }
             })), _this3.state.showConfirmationModal && /*#__PURE__*/React.createElement(Dialog, {
               title: t('triggerManager.confirmationModal.title'),
               description: t('triggerManager.confirmationModal.description'),
@@ -359,12 +397,15 @@ export var AccountForm = /*#__PURE__*/function (_PureComponent) {
                 label: t('triggerManager.confirmationModal.primaryText'),
                 onClick: function onClick() {
                   return _this3.doSubmit(values, form);
-                },
-                variant: "primary"
+                }
               }), /*#__PURE__*/React.createElement(Button, {
                 label: t('triggerManager.confirmationModal.secondaryText'),
                 onClick: _this3.hideConfirmationModal
               }))
+            }), _this3.state.showCannotConnectModal && /*#__PURE__*/React.createElement(CannotConnectModal, {
+              onClose: _this3.hideCannotConnectModal,
+              vendorName: name,
+              vendorLink: vendor_link
             }));
           }
         })
@@ -423,4 +464,4 @@ AccountForm.defaultProps = {
   showError: true,
   fieldOptions: {}
 };
-export default compose(withConnectionFlow(), withLocales, withKonnectorLocales)(AccountForm);
+export default compose(withRouter, withConnectionFlow(), withLocales, withKonnectorLocales)(AccountForm);

package/dist/components/AccountForm/index.spec.js

@@ -199,7 +199,7 @@ describe('AccountForm', function () {
   });
   describe('Submit Button', function () {
     var getButtonDisabledValue = function getButtonDisabledValue(wrapper) {
-      return wrapper.dive().find('DefaultButton').props().disabled;
+      return wrapper.dive().find('[data-testid="submit-btn"]').props().disabled;
     };
 
     var assertButtonDisabled = function assertButtonDisabled(wrapper) {
@@ -210,6 +210,15 @@ describe('AccountForm', function () {
       return expect(getButtonDisabledValue(wrapper)).toBe(false);
     };
 
+    it('should call onSubmit on click', function () {
+      var _setup8 = setup({
+        konnector: fixtures.konnectorWithOptionalFields
+      }),
+          wrapper = _setup8.wrapper;
+
+      wrapper.dive().find('[data-testid="submit-btn"]').simulate('click');
+      expect(onSubmit).toHaveBeenCalled();
+    });
     it('should be disabled if there is required field empty', function () {
       var konnector = {
         fields: {
@@ -219,10 +228,10 @@ describe('AccountForm', function () {
         }
       };
 
-      var _setup8 = setup({
+      var _setup9 = setup({
         konnector: konnector
       }),
-          wrapper = _setup8.wrapper;
+          wrapper = _setup9.wrapper;
 
       assertButtonDisabled(wrapper);
     });
@@ -236,18 +245,18 @@ describe('AccountForm', function () {
         }
       };
 
-      var _setup9 = setup({
+      var _setup10 = setup({
         konnector: konnector
       }),
-          wrapper = _setup9.wrapper;
+          wrapper = _setup10.wrapper;
 
       assertButtonEnabled(wrapper);
     });
     it("should be enabled if fields isn't required", function () {
-      var _setup10 = setup({
+      var _setup11 = setup({
         konnector: fixtures.konnectorWithOptionalFields
       }),
-          wrapper = _setup10.wrapper;
+          wrapper = _setup11.wrapper;
 
       assertButtonEnabled(wrapper);
     });
@@ -259,10 +268,10 @@ describe('AccountForm', function () {
         }
       };
 
-      var _setup11 = setup({
+      var _setup12 = setup({
         account: account
       }),
-          wrapper = _setup11.wrapper;
+          wrapper = _setup12.wrapper;
 
       assertButtonDisabled(wrapper);
     });
@@ -280,11 +289,11 @@ describe('AccountForm', function () {
       };
       var error = new Error('Existing trigger error');
 
-      var _setup12 = setup({
+      var _setup13 = setup({
         account: account,
         error: error
       }),
-          wrapper = _setup12.wrapper;
+          wrapper = _setup13.wrapper;
 
       assertButtonDisabled(wrapper);
     });
@@ -292,24 +301,15 @@ describe('AccountForm', function () {
       var account = {};
       var error = new Error('Test error');
 
-      var _setup13 = setup({
+      var _setup14 = setup({
         account: account,
         error: error
       }),
-          wrapper = _setup13.wrapper;
+          wrapper = _setup14.wrapper;
 
       assertButtonEnabled(wrapper);
     });
   });
-  it('should call onSubmit on click', function () {
-    var _setup14 = setup({
-      konnector: fixtures.konnectorWithOptionalFields
-    }),
-        wrapper = _setup14.wrapper;
-
-    wrapper.dive().find('DefaultButton').simulate('click');
-    expect(onSubmit).toHaveBeenCalled();
-  });
   describe('focusNext', function () {
     var loginInput = document.createElement('input');
     var passwordInput = document.createElement('input');

package/dist/components/AccountsList/__snapshots__/AccountsListItem.spec.jsx.snap

@@ -8,12 +8,12 @@ exports[`AccountsListItem should not render the caption since accountLogin is un
   <div
     className="u-flex-grow-1 u-flex-shrink-1 u-ov-hidden u-mr-1"
   >
-    <ForwardRef(WithStyles)
+    <ForwardRef
       className="u-ellipsis"
       variant="body1"
     >
       account-1
-    </ForwardRef(WithStyles)>
+    </ForwardRef>
   </div>
   <withI18n(Status)
     konnector={
@@ -35,20 +35,20 @@ exports[`AccountsListItem should render the caption since accountName !== login
   <div
     className="u-flex-grow-1 u-flex-shrink-1 u-ov-hidden u-mr-1"
   >
-    <ForwardRef(WithStyles)
+    <ForwardRef
       className="u-ellipsis"
       gutterBottom={true}
       variant="body1"
     >
       myAccountName
-    </ForwardRef(WithStyles)>
-    <ForwardRef(WithStyles)
+    </ForwardRef>
+    <ForwardRef
       className="u-ellipsis"
       color="textSecondary"
       variant="caption"
     >
       mylogin
-    </ForwardRef(WithStyles)>
+    </ForwardRef>
   </div>
   <withI18n(Status)
     konnector={

package/dist/components/KonnectorConfiguration/ConfigurationTab/BIContractActivationWindow.spec.js

@@ -3,6 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import CozyClient from 'cozy-client';
 import { render, fireEvent, act, waitFor } from '@testing-library/react';
+import { WebviewIntentProvider } from 'cozy-intent';
 import AppLike from '../../../../test/AppLike';
 var fetchExtraOAuthUrlParams = jest.fn();
 var refreshContracts = jest.fn();
@@ -32,13 +33,20 @@ var onAccountDeleted = jest.fn();
 
 var setup = function setup() {
   var client = new CozyClient({});
+  var webviewService = {
+    call: jest.fn().mockResolvedValueOnce('sessioncode').mockResolvedValueOnce({
+      type: 'dismiss'
+    })
+  };
   return render( /*#__PURE__*/React.createElement(AppLike, {
     client: client
-  }, /*#__PURE__*/React.createElement(CozyConfirmDialogProvider, null, /*#__PURE__*/React.createElement(BIContractActivationWindow, {
+  }, /*#__PURE__*/React.createElement(CozyConfirmDialogProvider, null, /*#__PURE__*/React.createElement(WebviewIntentProvider, {
+    webviewService: webviewService
+  }, /*#__PURE__*/React.createElement(BIContractActivationWindow, {
     konnector: mockKonnector,
     account: mockAccount,
     onAccountDeleted: onAccountDeleted
-  }))));
+  })))));
 };
 
 describe('BIContractActivationWindow', function () {

package/dist/components/KonnectorConfiguration/ConfigurationTab/EditContract.js

@@ -14,7 +14,7 @@ import CollectionField from 'cozy-ui/transpiled/react/Labs/CollectionField';
 import Stack from 'cozy-ui/transpiled/react/Stack';
 import BaseContactPicker from 'cozy-ui/transpiled/react/ContactPicker';
 import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
-import { withStyles } from '@material-ui/core/styles';
+import { withStyles } from 'cozy-ui/transpiled/react/styles';
 import { DialogCloseButton, DialogBackButton, ConfirmDialog, useCozyDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import Dialog, { DialogContent, DialogTitle } from 'cozy-ui/transpiled/react/Dialog';
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider';

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

@@ -3,9 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["slug"];
 import React from 'react';
 import PropTypes from 'prop-types';
+import flag from 'cozy-flags';
 import { withClient } from 'cozy-client';
 import Stack from 'cozy-ui/transpiled/react/Stack';
 import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider';
 import * as konnectorsModel from '../../../helpers/konnectors';
 import KonnectorUpdateInfos from '../../../components/infos/KonnectorUpdateInfos';
 import LaunchTriggerCard from '../../../components/cards/LaunchTriggerCard';
@@ -17,6 +19,12 @@ import getRelatedAppsSlugs from '../../../models/getRelatedAppsSlugs';
 import appLinksProps from '../../../components/KonnectorConfiguration/DataTab/appLinksProps';
 import { useTrackPage } from '../../../components/hoc/tracking';
 import Datacards from '../../Datacards';
+var styles = {
+  divider: {
+    height: '12px',
+    backgroundColor: 'var(--defaultBackgroundColor)'
+  }
+};
 export var DataTab = function DataTab(_ref) {
   var konnector = _ref.konnector,
       trigger = _ref.trigger,
@@ -47,7 +55,12 @@ export var DataTab = function DataTab(_ref) {
       isInMaintenance = _useMaintenanceStatus2.isInMaintenance,
       maintenanceMessages = _useMaintenanceStatus2.messages;
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LaunchTriggerCard, {
+    flow: flow,
+    disabled: isInMaintenance
+  }), isMobile && /*#__PURE__*/React.createElement(Divider, {
+    style: styles.divider
+  })), /*#__PURE__*/React.createElement("div", {
     className: isMobile ? 'u-p-1' : 'u-pt-1 u-pb-1-half'
   }, /*#__PURE__*/React.createElement(Stack, null, isInMaintenance && /*#__PURE__*/React.createElement("div", {
     className: "u-bg-paleGrey u-p-1"
@@ -56,7 +69,7 @@ export var DataTab = function DataTab(_ref) {
   })), konnectorsModel.hasNewVersionAvailable(konnector) && /*#__PURE__*/React.createElement(KonnectorUpdateInfos, {
     konnector: konnector,
     isBlocking: hasTermsVersionMismatchError
-  }), /*#__PURE__*/React.createElement(LaunchTriggerCard, {
+  }), !flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(LaunchTriggerCard, {
     flow: flow,
     disabled: isInMaintenance
   }), appLinks.map(function (_ref2) {
@@ -73,7 +86,7 @@ export var DataTab = function DataTab(_ref) {
     konnector: konnector
   }), konnector.vendor_link && /*#__PURE__*/React.createElement(WebsiteLinkCard, {
     link: konnector.vendor_link
-  })));
+  }))));
 };
 DataTab.propTypes = {
   konnector: PropTypes.object.isRequired,

package/dist/components/KonnectorConfiguration/KonnectorAccountTabs.js

@@ -6,7 +6,7 @@ import React, { useState, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useClient } from 'cozy-client';
 import flag from 'cozy-flags';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from 'cozy-ui/transpiled/react/styles';
 import { Tab as UITab, Tabs } from 'cozy-ui/transpiled/react/MuiTabs';
 import Divider from 'cozy-ui/transpiled/react/MuiCozyTheme/Divider';
 import { useI18n } from 'cozy-ui/transpiled/react/I18n';

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

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`KonnectorMaintenance should match the snapshot 1`] = `"<div><div class=\\"u-flex u-flex-row u-flex-justify-center u-flex-items-center u-mb-1\\"><svg class=\\"u-w-4 u-h-4 u-mb-1-s u-mr-1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 96 96\\"><defs><style>.cls-1{fill:#ff9300}.cls-4{fill:#ffd799}</style></defs><g id=\\"Layer_1\\"><path class=\\"cls-1\\" d=\\"M84 85.5h3v-48a7.5 7.5 0 0 0-7.5-7.5h-63A7.5 7.5 0 0 0 9 37.5v48z\\"></path><path d=\\"M16.5 36.75A1.48 1.48 0 0 0 15 38.2v42.1a1.48 1.48 0 0 0 1.5 1.45h63A1.48 1.48 0 0 0 81 80.3V38.2a1.48 1.48 0 0 0-1.5-1.45z\\" fill=\\"#fff\\"></path><path d=\\"M91.5 85.5h-87A1.5 1.5 0 0 0 3 87v1.5a7.5 7.5 0 0 0 7.5 7.5h75a7.5 7.5 0 0 0 7.5-7.5V87a1.5 1.5 0 0 0-1.5-1.5z\\" fill=\\"#ff7f1b\\"></path><path class=\\"cls-4\\" d=\\"M36 30v-9h10.5v15h3V21H84a1.5 1.5 0 0 0 1.06-2.56l-12-12a1.4 1.4 0 0 0-.44-.29.39.39 0 0 0-.14-.05 1.23 1.23 0 0 0-.39-.1H36V1.5A1.5 1.5 0 0 0 34.5 0h-12A1.5 1.5 0 0 0 21 1.5V6h-3a1.5 1.5 0 0 0-1.06.44l-12 12A1.5 1.5 0 0 0 6 21h15v9zm37.5-18.88L80.38 18H73.5zM70.5 9v6.88L63.62 9zm-9 2.12L68.38 18H61.5zM58.5 9v6.88L51.62 9zm-9 2.12L56.38 18H49.5zM46.5 9v6.88L39.62 9zM36 9.62L44.38 18H36zM21 18H9.62l9-9H21zm29.53 29.59l3-3-2.12-2.12L48 45.88l-2.38-2.38 3.44-3.44A1.5 1.5 0 0 0 49.5 39v-3h-3v2.38l-4.06 4.06a1.49 1.49 0 0 0 0 2.12l3 3-6.71 11h4.39l4.88-8.9 5.69 8.84h3.7z\\"></path><path class=\\"cls-1\\" d=\\"M48 78.6a13.5 13.5 0 1 0-13.5-13.5A13.49 13.49 0 0 0 48 78.6z\\"></path><circle class=\\"cls-4\\" cx=\\"48\\" cy=\\"60.95\\" r=\\"5.19\\"></circle><path class=\\"cls-4\\" d=\\"M38.23 71a11.43 11.43 0 0 0 19.54 0 .54.54 0 0 0-.11-.26 7.36 7.36 0 0 0-6-2.55h-7.29a7.36 7.36 0 0 0-6 2.55.54.54 0 0 0-.11.26z\\"></path><path class=\\"cls-1\\" d=\\"M27 13.5h3v3h-3z\\"></path></g></svg><div class=\\"styles__Stack--xs___2R5lW\\"><h5 class=\\"MuiTypography-root u-ta-center-s u-error MuiTypography-h5\\">Service interrupted</h5><p class=\\"MuiTypography-root u-error MuiTypography-body1\\">A shorter message</p></div></div><div class=\\"styles__Stack--xs___2R5lW\\"><h5 class=\\"MuiTypography-root MuiTypography-h5\\">What is going on?</h5><div class=\\"MuiTypography-root MuiTypography-body1\\"><span class=\\"u-db u-mv-0\\">A long message</span></div></div></div>"`;
+exports[`KonnectorMaintenance should match the snapshot 1`] = `"<div><div class=\\"u-flex u-flex-row u-flex-justify-center u-flex-items-center u-mb-1\\"><svg class=\\"u-w-4 u-h-4 u-mb-1-s u-mr-1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 96 96\\"><defs><style>.cls-1{fill:#ff9300}.cls-4{fill:#ffd799}</style></defs><g id=\\"Layer_1\\"><path class=\\"cls-1\\" d=\\"M84 85.5h3v-48a7.5 7.5 0 0 0-7.5-7.5h-63A7.5 7.5 0 0 0 9 37.5v48z\\"></path><path d=\\"M16.5 36.75A1.48 1.48 0 0 0 15 38.2v42.1a1.48 1.48 0 0 0 1.5 1.45h63A1.48 1.48 0 0 0 81 80.3V38.2a1.48 1.48 0 0 0-1.5-1.45z\\" fill=\\"#fff\\"></path><path d=\\"M91.5 85.5h-87A1.5 1.5 0 0 0 3 87v1.5a7.5 7.5 0 0 0 7.5 7.5h75a7.5 7.5 0 0 0 7.5-7.5V87a1.5 1.5 0 0 0-1.5-1.5z\\" fill=\\"#ff7f1b\\"></path><path class=\\"cls-4\\" d=\\"M36 30v-9h10.5v15h3V21H84a1.5 1.5 0 0 0 1.06-2.56l-12-12a1.4 1.4 0 0 0-.44-.29.39.39 0 0 0-.14-.05 1.23 1.23 0 0 0-.39-.1H36V1.5A1.5 1.5 0 0 0 34.5 0h-12A1.5 1.5 0 0 0 21 1.5V6h-3a1.5 1.5 0 0 0-1.06.44l-12 12A1.5 1.5 0 0 0 6 21h15v9zm37.5-18.88L80.38 18H73.5zM70.5 9v6.88L63.62 9zm-9 2.12L68.38 18H61.5zM58.5 9v6.88L51.62 9zm-9 2.12L56.38 18H49.5zM46.5 9v6.88L39.62 9zM36 9.62L44.38 18H36zM21 18H9.62l9-9H21zm29.53 29.59l3-3-2.12-2.12L48 45.88l-2.38-2.38 3.44-3.44A1.5 1.5 0 0 0 49.5 39v-3h-3v2.38l-4.06 4.06a1.49 1.49 0 0 0 0 2.12l3 3-6.71 11h4.39l4.88-8.9 5.69 8.84h3.7z\\"></path><path class=\\"cls-1\\" d=\\"M48 78.6a13.5 13.5 0 1 0-13.5-13.5A13.49 13.49 0 0 0 48 78.6z\\"></path><circle class=\\"cls-4\\" cx=\\"48\\" cy=\\"60.95\\" r=\\"5.19\\"></circle><path class=\\"cls-4\\" d=\\"M38.23 71a11.43 11.43 0 0 0 19.54 0 .54.54 0 0 0-.11-.26 7.36 7.36 0 0 0-6-2.55h-7.29a7.36 7.36 0 0 0-6 2.55.54.54 0 0 0-.11.26z\\"></path><path class=\\"cls-1\\" d=\\"M27 13.5h3v3h-3z\\"></path></g></svg><div class=\\"styles__Stack--xs___2R5lW\\"><h5 class=\\"MuiTypography-root u-ta-center-s u-error MuiTypography-h5 MuiTypography-colorTextPrimary\\">Service interrupted</h5><p class=\\"MuiTypography-root u-error MuiTypography-body1 MuiTypography-colorTextPrimary\\">A shorter message</p></div></div><div class=\\"styles__Stack--xs___2R5lW\\"><h5 class=\\"MuiTypography-root MuiTypography-h5 MuiTypography-colorTextPrimary\\">What is going on?</h5><div class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\"><span class=\\"u-db u-mv-0\\">A long message</span></div></div></div>"`;