cozy-harvest-lib 12.1.0 → 12.3.0

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [12.3.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@12.2.0...cozy-harvest-lib@12.3.0) (2023-01-17)
+
+
+### Bug Fixes
+
+* **harvest:** Add missing props for ConfigurationTab ([b80b961](https://github.com/cozy/cozy-libs/commit/b80b961e4643e4b246686961e7001f61e04f31ac))
+* **harvest:** Add missing translation for launchTrigger lastSync format ([b8fe298](https://github.com/cozy/cozy-libs/commit/b8fe298a514fccefb396ed2211a785d32b4901e1))
+* **harvest:** WithRouter now handles route even without baseRoute ([6486e7f](https://github.com/cozy/cozy-libs/commit/6486e7ffa1ca61551ee8f59aed3e350b559f093e))
+
+
+### Features
+
+* **harvest:** Add `/config` route on routerV4 and remove tabs ([79c6947](https://github.com/cozy/cozy-libs/commit/79c694721e23678238b3a06c06601ebf476314f1))
+* **harvest:** Add `configure` option in LaunchTriggerAlert menu ([a3be41c](https://github.com/cozy/cozy-libs/commit/a3be41c0816b10166cfaabdeadfd53df6e72ec92))
+
+
+
+
+
+# [12.2.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@12.1.0...cozy-harvest-lib@12.2.0) (2023-01-11)
+
+
+### Features
+
+* **harvest:** Add AccountModalContentWrapper component ([748939e](https://github.com/cozy/cozy-libs/commit/748939e8cb20ef5b79c6a8e0b68dbd8afacec417))
+* **harvest:** Add AccountModalHeader component ([7d17627](https://github.com/cozy/cozy-libs/commit/7d1762776000f78815ea00ff96b750e52e10649a))
+* **harvest:** Add AccountModalWithoutTabs component ([afcf7f2](https://github.com/cozy/cozy-libs/commit/afcf7f28e94ad0f0685a515ecfdda4724b12bbaa))
+* **harvest:** Add Error component ([4dd2c27](https://github.com/cozy/cozy-libs/commit/4dd2c273884619d158ee2d2d2d1376c073b4a336))
+* **harvest:** Add Routes in RoutesV6 component ([59e37c3](https://github.com/cozy/cozy-libs/commit/59e37c3bc53b3b07e59e2517f0163d40981deca0))
+* **harvest:** Add TriggerError component ([3a3866a](https://github.com/cozy/cozy-libs/commit/3a3866abfd88dcd1424187f408d10c308186100d))
+
+
+
+
+
 # [12.1.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@12.0.0...cozy-harvest-lib@12.1.0) (2023-01-11)
 
 

package/dist/components/AccountModalWithoutTabs/AccountModalContentWrapper.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useOutletContext } from 'react-router-dom';
+import DialogContent from '@material-ui/core/DialogContent';
+import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import FlowProvider from '../FlowProvider';
+import TriggerError from './TriggerError';
+
+var AccountModalContentWrapper = function AccountModalContentWrapper(_ref) {
+  var children = _ref.children;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var _useOutletContext = useOutletContext(),
+      trigger = _useOutletContext.trigger,
+      account = _useOutletContext.account,
+      konnector = _useOutletContext.konnector;
+
+  return /*#__PURE__*/React.createElement(DialogContent, {
+    className: isMobile ? 'u-p-0' : 'u-pt-0'
+  }, /*#__PURE__*/React.createElement(FlowProvider, {
+    initialTrigger: trigger,
+    konnector: konnector
+  }, function (_ref2) {
+    var flow = _ref2.flow;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TriggerError, {
+      flow: flow,
+      konnector: konnector,
+      account: account,
+      trigger: trigger
+    }), React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+        flow: flow,
+        trigger: trigger,
+        account: account
+      }) : null;
+    }));
+  }));
+};
+
+export default AccountModalContentWrapper;

package/dist/components/AccountModalWithoutTabs/AccountModalHeader.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import AccountSelectBox from '../AccountSelectBox/AccountSelectBox';
+import KonnectorModalHeader from '../KonnectorModalHeader';
+import { withMountPointProps } from '../MountPointContext';
+export var AccountModalHeader = function AccountModalHeader(_ref) {
+  var konnector = _ref.konnector,
+      account = _ref.account,
+      accountsAndTriggers = _ref.accountsAndTriggers,
+      showAccountSelection = _ref.showAccountSelection,
+      pushHistory = _ref.pushHistory;
+  return /*#__PURE__*/React.createElement(KonnectorModalHeader, {
+    konnector: konnector
+  }, showAccountSelection && /*#__PURE__*/React.createElement(AccountSelectBox, {
+    loading: !account,
+    selectedAccount: account,
+    accountsAndTriggers: accountsAndTriggers,
+    onChange: function onChange(option) {
+      pushHistory("/accounts/".concat(option.account._id));
+    },
+    onCreate: function onCreate() {
+      pushHistory('/new');
+    }
+  }));
+};
+AccountModalHeader.defaultProps = {
+  showAccountSelection: true
+};
+AccountModalHeader.propTypes = {
+  konnector: PropTypes.object.isRequired,
+  account: PropTypes.object,
+  accountsAndTriggers: PropTypes.array.isRequired,
+  showAccountSelection: PropTypes.bool,
+  pushHistory: PropTypes.func.isRequired
+};
+export default withMountPointProps(AccountModalHeader);

package/dist/components/AccountModalWithoutTabs/AccountModalWithoutTabs.js

@@ -0,0 +1,68 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["data"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Outlet } from 'react-router-dom';
+import DialogContent from '@material-ui/core/DialogContent';
+import { useQuery, isQueryLoading } from 'cozy-client';
+import Spinner from 'cozy-ui/transpiled/react/Spinner';
+import { buildAccountQueryById } from '../../connections/accounts';
+import { withMountPointProps } from '../MountPointContext';
+import { getMatchingTrigger } from './helpers';
+import AccountModalHeader from './AccountModalHeader';
+import Error from './Error';
+
+var AccountModalWithoutTabs = function AccountModalWithoutTabs(_ref) {
+  var accountsAndTriggers = _ref.accountsAndTriggers,
+      konnector = _ref.konnector,
+      accountId = _ref.accountId;
+  var matchingTrigger = getMatchingTrigger(accountsAndTriggers, accountId);
+  var matchingAccountId = matchingTrigger ? accountId : undefined;
+
+  var _buildAccountQueryByI = buildAccountQueryById(matchingAccountId),
+      definition = _buildAccountQueryByI.definition,
+      options = _buildAccountQueryByI.options;
+
+  var _useQuery = useQuery(definition, options),
+      accounts = _useQuery.data,
+      accountQueryResult = _objectWithoutProperties(_useQuery, _excluded);
+
+  var isLoading = isQueryLoading(accountQueryResult) || accountQueryResult.hasMore;
+  var isError = !isLoading && (!matchingTrigger || !accounts || (accounts === null || accounts === void 0 ? void 0 : accounts.length) === 0);
+  var account = accounts === null || accounts === void 0 ? void 0 : accounts[0];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccountModalHeader, {
+    konnector: konnector,
+    account: account,
+    accountsAndTriggers: accountsAndTriggers
+  }), (isError || isLoading) && /*#__PURE__*/React.createElement(DialogContent, {
+    className: "u-pb-2"
+  }, isError && /*#__PURE__*/React.createElement(Error, {
+    accountId: accountId,
+    accountsAndTriggers: accountsAndTriggers,
+    trigger: matchingTrigger,
+    lastError: accountQueryResult.lastError
+  }), isLoading && /*#__PURE__*/React.createElement(Spinner, {
+    className: "u-flex u-flex-justify-center",
+    size: "xxlarge"
+  })), !isError && !isLoading && /*#__PURE__*/React.createElement(Outlet, {
+    context: {
+      trigger: matchingTrigger,
+      account: account,
+      konnector: konnector
+    }
+  }));
+};
+
+AccountModalWithoutTabs.propTypes = {
+  konnector: PropTypes.object.isRequired,
+
+  /**
+   * @type {{ account: 'io.cozy.accounts', trigger: 'io.cozy.triggers' }[]} - An array of objects containing an account and its associated trigger
+   */
+  accountsAndTriggers: PropTypes.arrayOf(PropTypes.shape({
+    account: PropTypes.object.isRequired,
+    trigger: PropTypes.object.isRequired
+  })).isRequired,
+  accountId: PropTypes.string.isRequired
+};
+export default withMountPointProps(AccountModalWithoutTabs);

package/dist/components/AccountModalWithoutTabs/Error.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { useClient } from 'cozy-client';
+import Infos from 'cozy-ui/transpiled/react/Infos';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { loadSelectedAccountId } from '../../helpers/accounts';
+import withLocales from '../hoc/withLocales';
+
+var Error = function Error(_ref) {
+  var accountId = _ref.accountId,
+      accountsAndTriggers = _ref.accountsAndTriggers,
+      trigger = _ref.trigger,
+      lastError = _ref.lastError;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+  var error = !trigger ? new Error('No matching trigger found') : lastError;
+
+  var handleClick = function handleClick() {
+    loadSelectedAccountId(client, accountId, accountsAndTriggers);
+  };
+
+  return /*#__PURE__*/React.createElement(Infos, {
+    actionButton: /*#__PURE__*/React.createElement(Button, {
+      label: t('modal.konnector.error.button'),
+      color: "error",
+      onClick: handleClick
+    }),
+    title: t('modal.konnector.error.title'),
+    text: t('modal.konnector.error.description', error),
+    icon: "warning",
+    isImportant: true
+  });
+};
+
+export default withLocales(Error);

package/dist/components/AccountModalWithoutTabs/FovV4Router/AccountModalContentWrapper.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import DialogContent from '@material-ui/core/DialogContent';
+import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import FlowProvider from '../../FlowProvider';
+import TriggerError from '../TriggerError';
+
+var AccountModalContentWrapper = function AccountModalContentWrapper(_ref) {
+  var children = _ref.children,
+      trigger = _ref.trigger,
+      account = _ref.account,
+      konnector = _ref.konnector;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  return /*#__PURE__*/React.createElement(DialogContent, {
+    className: isMobile ? 'u-p-0' : 'u-pt-0'
+  }, /*#__PURE__*/React.createElement(FlowProvider, {
+    initialTrigger: trigger,
+    konnector: konnector
+  }, function (_ref2) {
+    var flow = _ref2.flow;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TriggerError, {
+      flow: flow,
+      konnector: konnector,
+      account: account,
+      trigger: trigger
+    }), React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+        flow: flow,
+        trigger: trigger,
+        account: account
+      }) : null;
+    }));
+  }));
+};
+
+export default AccountModalContentWrapper;

package/dist/components/AccountModalWithoutTabs/FovV4Router/AccountModalWithoutTabs.js

@@ -0,0 +1,68 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["data"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import DialogContent from '@material-ui/core/DialogContent';
+import { useQuery, isQueryLoading } from 'cozy-client';
+import Spinner from 'cozy-ui/transpiled/react/Spinner';
+import { buildAccountQueryById } from '../../../connections/accounts';
+import { withMountPointProps } from '../../MountPointContext';
+import { getMatchingTrigger } from '../helpers';
+import AccountModalHeader from '../AccountModalHeader';
+import Error from '../Error';
+
+var AccountModalWithoutTabs = function AccountModalWithoutTabs(_ref) {
+  var accountsAndTriggers = _ref.accountsAndTriggers,
+      konnector = _ref.konnector,
+      accountId = _ref.accountId,
+      children = _ref.children;
+  var matchingTrigger = getMatchingTrigger(accountsAndTriggers, accountId);
+  var matchingAccountId = matchingTrigger ? accountId : undefined;
+
+  var _buildAccountQueryByI = buildAccountQueryById(matchingAccountId),
+      definition = _buildAccountQueryByI.definition,
+      options = _buildAccountQueryByI.options;
+
+  var _useQuery = useQuery(definition, options),
+      accounts = _useQuery.data,
+      accountQueryResult = _objectWithoutProperties(_useQuery, _excluded);
+
+  var isLoading = isQueryLoading(accountQueryResult) || accountQueryResult.hasMore;
+  var isError = !isLoading && (!matchingTrigger || !accounts || (accounts === null || accounts === void 0 ? void 0 : accounts.length) === 0);
+  var account = accounts === null || accounts === void 0 ? void 0 : accounts[0];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccountModalHeader, {
+    konnector: konnector,
+    account: account,
+    accountsAndTriggers: accountsAndTriggers
+  }), (isError || isLoading) && /*#__PURE__*/React.createElement(DialogContent, {
+    className: "u-pb-2"
+  }, isError && /*#__PURE__*/React.createElement(Error, {
+    accountId: accountId,
+    accountsAndTriggers: accountsAndTriggers,
+    trigger: matchingTrigger,
+    lastError: accountQueryResult.lastError
+  }), isLoading && /*#__PURE__*/React.createElement(Spinner, {
+    className: "u-flex u-flex-justify-center",
+    size: "xxlarge"
+  })), !isError && !isLoading && React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+      trigger: matchingTrigger,
+      account: account,
+      konnector: konnector
+    }) : null;
+  }));
+};
+
+AccountModalWithoutTabs.propTypes = {
+  konnector: PropTypes.object.isRequired,
+
+  /**
+   * @type {{ account: 'io.cozy.accounts', trigger: 'io.cozy.triggers' }[]} - An array of objects containing an account and its associated trigger
+   */
+  accountsAndTriggers: PropTypes.arrayOf(PropTypes.shape({
+    account: PropTypes.object.isRequired,
+    trigger: PropTypes.object.isRequired
+  })).isRequired,
+  accountId: PropTypes.string.isRequired
+};
+export default withMountPointProps(AccountModalWithoutTabs);

package/dist/components/AccountModalWithoutTabs/OpenOAuthWindowButton.js

@@ -0,0 +1,74 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import flag from 'cozy-flags';
+import { useClient } from 'cozy-client';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { Button } from 'cozy-ui/transpiled/react/Button';
+import useOAuthExtraParams from '../hooks/useOAuthExtraParams';
+import { OAUTH_SERVICE_OK, openOAuthWindow } from '../OAuthService';
+
+var OpenOAuthWindowButton = function OpenOAuthWindowButton(_ref) {
+  var flow = _ref.flow,
+      account = _ref.account,
+      konnector = _ref.konnector;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+
+  var _useOAuthExtraParams = useOAuthExtraParams({
+    account: account,
+    client: client,
+    konnector: konnector,
+    reconnect: true
+  }),
+      extraParams = _useOAuthExtraParams.extraParams;
+
+  var handleClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return openOAuthWindow({
+              client: client,
+              konnector: konnector,
+              account: account,
+              extraParams: extraParams,
+              reconnect: true
+            });
+
+          case 2:
+            response = _context.sent;
+
+            if (response.result === OAUTH_SERVICE_OK && flag('harvest.bi.fullwebhooks')) {
+              flow.expectTriggerLaunch();
+            }
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [account, client, extraParams, flow, konnector]);
+  return /*#__PURE__*/React.createElement(Button, {
+    className: "u-ml-0",
+    variant: "secondary",
+    label: t('error.reconnect-via-form'),
+    onClick: handleClick,
+    disabled: !extraParams,
+    busy: !extraParams
+  });
+};
+
+OpenOAuthWindowButton.propTypes = {
+  flow: PropTypes.object.isRequired,
+  account: PropTypes.object.isRequired,
+  konnector: PropTypes.object.isRequired
+};
+export default OpenOAuthWindowButton;

package/dist/components/AccountModalWithoutTabs/TriggerError.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClient } from 'cozy-client';
+import useMaintenanceStatus from '../hooks/useMaintenanceStatus';
+import TriggerErrorInfo from '../infos/TriggerErrorInfo';
+import TriggerErrorAction from './TriggerErrorAction';
+
+var TriggerError = function TriggerError(_ref) {
+  var flow = _ref.flow,
+      konnector = _ref.konnector,
+      account = _ref.account,
+      trigger = _ref.trigger;
+  var client = useClient();
+  var flowState = flow.getState();
+  var error = flowState.error;
+
+  var _useMaintenanceStatus = useMaintenanceStatus(client, konnector),
+      isInMaintenance = _useMaintenanceStatus.data.isInMaintenance;
+
+  if (!error || isInMaintenance) return null;
+  return /*#__PURE__*/React.createElement(TriggerErrorInfo, {
+    error: error,
+    konnector: konnector,
+    action: /*#__PURE__*/React.createElement(TriggerErrorAction, {
+      error: error,
+      flow: flow,
+      konnector: konnector,
+      account: account,
+      trigger: trigger
+    }),
+    className: "u-mt-1"
+  });
+};
+
+export default TriggerError;
+TriggerError.propTypes = {
+  flow: PropTypes.object.isRequired,
+  konnector: PropTypes.object.isRequired,
+  account: PropTypes.object,
+  trigger: PropTypes.object
+};

package/dist/components/AccountModalWithoutTabs/TriggerErrorAction.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { findKonnectorPolicy } from '../../konnector-policies';
+import RedirectToAccountFormButton from '../RedirectToAccountFormButton';
+import OpenOAuthWindowButton from './OpenOAuthWindowButton';
+
+var TriggerErrorAction = function TriggerErrorAction(_ref) {
+  var flow = _ref.flow,
+      konnector = _ref.konnector,
+      account = _ref.account,
+      trigger = _ref.trigger,
+      error = _ref.error;
+  var konnectorPolicy = findKonnectorPolicy(konnector);
+  if (!error.isSolvableViaReconnect()) return null;
+  if (konnectorPolicy.isBIWebView) return /*#__PURE__*/React.createElement(OpenOAuthWindowButton, {
+    flow: flow,
+    account: account,
+    konnector: konnector
+  });
+  return /*#__PURE__*/React.createElement(RedirectToAccountFormButton, {
+    konnector: konnector,
+    trigger: trigger
+  });
+};
+
+TriggerErrorAction.propTypes = {
+  flow: PropTypes.object.isRequired,
+  konnector: PropTypes.object.isRequired,
+  account: PropTypes.object,
+  trigger: PropTypes.object,
+  error: PropTypes.object.isRequired
+};
+export default TriggerErrorAction;

package/dist/components/AccountModalWithoutTabs/helpers.js

@@ -0,0 +1,6 @@
+import get from 'lodash/get';
+export var getMatchingTrigger = function getMatchingTrigger(accountsAndTriggers, accountId) {
+  return get(accountsAndTriggers.find(function (accountAndTrigger) {
+    return accountAndTrigger.account._id === accountId;
+  }), 'trigger');
+};

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

@@ -278,7 +278,7 @@ var ConfigurationTab = function ConfigurationTab(_ref2) {
 
 ConfigurationTab.propTypes = {
   konnector: PropTypes.object.isRequired,
-  account: PropTypes.object.isRequired,
+  account: PropTypes.object,
   error: PropTypes.object,
   flow: PropTypes.object,
   addAccount: PropTypes.func.isRequired,

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

@@ -27,6 +27,7 @@ var styles = {
 };
 export var DataTab = function DataTab(_ref) {
   var konnector = _ref.konnector,
+      konnectorRoot = _ref.konnectorRoot,
       trigger = _ref.trigger,
       client = _ref.client,
       flow = _ref.flow,
@@ -56,6 +57,7 @@ export var DataTab = function DataTab(_ref) {
       maintenanceMessages = _useMaintenanceStatus2.messages;
 
   return /*#__PURE__*/React.createElement("div", null, flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LaunchTriggerCard, {
+    konnectorRoot: konnectorRoot,
     flow: flow,
     disabled: isInMaintenance
   }), isMobile && /*#__PURE__*/React.createElement(Divider, {
@@ -90,7 +92,10 @@ export var DataTab = function DataTab(_ref) {
 };
 DataTab.propTypes = {
   konnector: PropTypes.object.isRequired,
+  konnectorRoot: PropTypes.string,
   trigger: PropTypes.object.isRequired,
-  client: PropTypes.object.isRequired
+  client: PropTypes.object.isRequired,
+  flow: PropTypes.object,
+  account: PropTypes.object
 };
 export default withClient(DataTab);

package/dist/components/Routes/RoutesV4.js

@@ -7,11 +7,17 @@ import NewAccountModal from '../NewAccountModal';
 import EditAccountModal from '../EditAccountModal';
 import KonnectorSuccess from '../KonnectorSuccess';
 import HarvestModalRoot from '../HarvestModalRoot';
+import AccountModalWithoutTabs from '../AccountModalWithoutTabs/FovV4Router/AccountModalWithoutTabs';
+import AccountModalContentWrapper from '../AccountModalWithoutTabs/FovV4Router/AccountModalContentWrapper';
+import DataTab from '../KonnectorConfiguration/DataTab';
+import ConfigurationTab from '../KonnectorConfiguration/ConfigurationTab';
+import withAdaptiveRouter from '../hoc/withRouter';
 
 var RoutesV4 = function RoutesV4(_ref) {
   var konnectorRoot = _ref.konnectorRoot,
       konnectorWithTriggers = _ref.konnectorWithTriggers,
       accountsAndTriggers = _ref.accountsAndTriggers,
+      historyAction = _ref.historyAction,
       onSuccess = _ref.onSuccess,
       onDismiss = _ref.onDismiss;
   return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
@@ -23,11 +29,51 @@ var RoutesV4 = function RoutesV4(_ref) {
         konnector: konnectorWithTriggers
       });
     }
-  }), /*#__PURE__*/React.createElement(Route, {
+  }), flag('harvest.inappconnectors.enabled') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Route, {
     path: "".concat(konnectorRoot, "/accounts/:accountId"),
     exact: true,
     render: function render(_ref2) {
       var match = _ref2.match;
+      return /*#__PURE__*/React.createElement(AccountModalWithoutTabs, {
+        konnector: konnectorWithTriggers,
+        accountId: match.params.accountId,
+        accountsAndTriggers: accountsAndTriggers,
+        showNewAccountButton: !konnectorWithTriggers.clientSide,
+        showAccountSelection: !konnectorWithTriggers.clientSide,
+        onDismiss: onDismiss
+      }, /*#__PURE__*/React.createElement(AccountModalContentWrapper, null, /*#__PURE__*/React.createElement(DataTab, {
+        konnectorRoot: "".concat(konnectorRoot, "/accounts/").concat(match.params.accountId),
+        konnector: konnectorWithTriggers,
+        showNewAccountButton: !konnectorWithTriggers.clientSide,
+        onDismiss: onDismiss
+      })));
+    }
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "".concat(konnectorRoot, "/accounts/:accountId/config"),
+    exact: true,
+    render: function render(_ref3) {
+      var match = _ref3.match;
+      return /*#__PURE__*/React.createElement(AccountModalWithoutTabs, {
+        konnector: konnectorWithTriggers,
+        accountId: match.params.accountId,
+        accountsAndTriggers: accountsAndTriggers,
+        showNewAccountButton: !konnectorWithTriggers.clientSide,
+        showAccountSelection: !konnectorWithTriggers.clientSide,
+        onDismiss: onDismiss
+      }, /*#__PURE__*/React.createElement(AccountModalContentWrapper, null, /*#__PURE__*/React.createElement(ConfigurationTab, {
+        konnector: konnectorWithTriggers,
+        showNewAccountButton: !konnectorWithTriggers.clientSide,
+        onAccountDeleted: onDismiss,
+        addAccount: function addAccount() {
+          return historyAction("".concat(konnectorRoot, "/new"), 'replace');
+        }
+      })));
+    }
+  })) : /*#__PURE__*/React.createElement(Route, {
+    path: "".concat(konnectorRoot, "/accounts/:accountId"),
+    exact: true,
+    render: function render(_ref4) {
+      var match = _ref4.match;
       return /*#__PURE__*/React.createElement(AccountModal, {
         konnector: konnectorWithTriggers,
         accountId: match.params.accountId,
@@ -40,8 +86,8 @@ var RoutesV4 = function RoutesV4(_ref) {
   }), /*#__PURE__*/React.createElement(Route, {
     path: "".concat(konnectorRoot, "/accounts/:accountId/edit"),
     exact: true,
-    render: function render(_ref3) {
-      var match = _ref3.match;
+    render: function render(_ref5) {
+      var match = _ref5.match;
       return /*#__PURE__*/React.createElement(EditAccountModal, {
         konnector: konnectorWithTriggers,
         accountId: match.params.accountId,
@@ -67,8 +113,8 @@ var RoutesV4 = function RoutesV4(_ref) {
   }), !flag('harvest.inappconnectors.enabled') && /*#__PURE__*/React.createElement(Route, {
     path: "".concat(konnectorRoot, "/accounts/:accountId/success"),
     exact: true,
-    render: function render(_ref4) {
-      var match = _ref4.match;
+    render: function render(_ref6) {
+      var match = _ref6.match;
       return /*#__PURE__*/React.createElement(KonnectorSuccess, {
         konnector: konnectorWithTriggers,
         accountId: match.params.accountId,
@@ -82,4 +128,4 @@ var RoutesV4 = function RoutesV4(_ref) {
   }));
 };
 
-export default RoutesV4;
+export default withAdaptiveRouter(RoutesV4);