feat(harvest): Update cozy-ui 60.6.0 to 77.9.0 + cozy-client to 34.2.0

BREAKING CHANGE: 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.

packages/cozy-harvest-lib/package.json

@@ -46,20 +46,19 @@
     "@babel/core": "7.16.12",
     "@babel/register": "7.16.9",
     "@cozy/cli-tree": "^0.6.0",
-    "@material-ui/core": "4.11.3",
-    "@material-ui/lab": "4.0.0-alpha.60",
+    "@material-ui/core": "4.12.4",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "10.4.9",
     "babel-jest": "26.6.3",
     "babel-plugin-inline-react-svg": "1.1.2",
     "babel-preset-cozy-app": "^2.0.4",
-    "cozy-client": "27.17.0",
+    "cozy-client": "^34.2.0",
     "cozy-device-helper": "^2.6.0",
     "cozy-flags": "^2.10.2",
     "cozy-intent": "^2.7.0",
     "cozy-keys-lib": "^4.1.9",
     "cozy-realtime": "^4.2.9",
-    "cozy-ui": "60.6.0",
+    "cozy-ui": "^77.9.0",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
     "form-data": "4.0.0",
@@ -77,15 +76,14 @@
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.12.5",
-    "@material-ui/core": ">=4",
-    "@material-ui/lab": "4.0.0-alpha.60",
-    "cozy-client": ">=27.17.0",
-    "cozy-device-helper": ">=1.10.2",
+    "@material-ui/core": ">=4.12.4",
+    "cozy-client": ">=34.2.0",
+    "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=2.3.5",
     "cozy-intent": ">=1.14.1",
     "cozy-keys-lib": ">=4.1.9",
     "cozy-realtime": ">=4.2.8",
-    "cozy-ui": ">=60.6.0",
+    "cozy-ui": ">=77.9.0",
     "leaflet": "^1.7.1",
     "react-router": "3.2.6",
     "react-router-dom": "^5.0.1"

packages/cozy-harvest-lib/src/components/AccountForm/__snapshots__/index.spec.jsx.snap

@@ -172,11 +172,11 @@ exports[`AccountForm should render with specific message when client side konnec
       <Bd
         className="u-m-1"
       >
-        <ForwardRef(WithStyles)
+        <ForwardRef
           variant="body1"
         >
           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

packages/cozy-harvest-lib/src/components/AccountForm/index.jsx

@@ -10,18 +10,20 @@ 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'
 
 const VALIDATION_ERROR_REQUIRED_FIELD = 'VALIDATION_ERROR_REQUIRED_FIELD'
 

packages/cozy-harvest-lib/src/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={

packages/cozy-harvest-lib/src/components/KonnectorConfiguration/ConfigurationTab/BIContractActivationWindow.spec.jsx

@@ -1,6 +1,7 @@
 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'
 
@@ -28,14 +29,23 @@ const onAccountDeleted = jest.fn()
 
 const setup = () => {
   const client = new CozyClient({})
+  const webviewService = {
+    call: jest
+      .fn()
+      .mockResolvedValueOnce('sessioncode')
+      .mockResolvedValueOnce({ type: 'dismiss' })
+  }
+
   return render(
     <AppLike client={client}>
       <CozyConfirmDialogProvider>
-        <BIContractActivationWindow
-          konnector={mockKonnector}
-          account={mockAccount}
-          onAccountDeleted={onAccountDeleted}
-        />
+        <WebviewIntentProvider webviewService={webviewService}>
+          <BIContractActivationWindow
+            konnector={mockKonnector}
+            account={mockAccount}
+            onAccountDeleted={onAccountDeleted}
+          />
+        </WebviewIntentProvider>
       </CozyConfirmDialogProvider>
     </AppLike>
   )
@@ -54,6 +64,7 @@ describe('BIContractActivationWindow', () => {
     openOAuthWindow.mockResolvedValue({})
     fetchExtraOAuthUrlParams.mockResolvedValue({})
     const { getByRole } = setup()
+
     await act(async () => {
       await waitFor(() => {
         return expect(getByRole('button').getAttribute('class')).not.toContain(
@@ -79,6 +90,7 @@ describe('BIContractActivationWindow', () => {
       })
     )
   })
+
   it('should show account delete dialog after BI connection removed and close harvest', async () => {
     openOAuthWindow.mockResolvedValue({
       data: { finalLocation: 'connection_deleted=true' }

packages/cozy-harvest-lib/src/components/KonnectorConfiguration/ConfigurationTab/EditContract.jsx

@@ -16,7 +16,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,

packages/cozy-harvest-lib/src/components/KonnectorConfiguration/KonnectorAccountTabs.jsx

@@ -3,7 +3,7 @@ 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'

packages/cozy-harvest-lib/src/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>"`;

packages/cozy-harvest-lib/src/components/Routes.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react'
 import { Switch, Route, Redirect } from 'react-router'
-import { withStyles } from '@material-ui/core/styles'
+import { withStyles } from 'cozy-ui/transpiled/react/styles'
 
 import Alerter from 'cozy-ui/transpiled/react/Alerter'
 import Dialog from 'cozy-ui/transpiled/react/Dialog'

packages/cozy-harvest-lib/src/components/TriggerManager.jsx

@@ -5,18 +5,17 @@ import compose from 'lodash/flowRight'
 
 import { withClient } from 'cozy-client'
 import { Account } from 'cozy-doctypes'
-import { useVaultClient } from 'cozy-keys-lib'
-
-import { translate } from 'cozy-ui/transpiled/react/I18n'
-import Spinner from 'cozy-ui/transpiled/react/Spinner'
-import { ModalBackButton } from 'cozy-ui/transpiled/react/Modal'
-
 import {
+  useVaultClient,
   CipherType,
   withVaultUnlockContext,
   VaultUnlockPlaceholder
 } from 'cozy-keys-lib'
 
+import { translate } from 'cozy-ui/transpiled/react/I18n'
+import Spinner from 'cozy-ui/transpiled/react/Spinner'
+import { ModalBackButton } from 'cozy-ui/transpiled/react/Modal'
+
 import AccountForm from './AccountForm'
 import OAuthForm from './OAuthForm'
 import { fetchAccount } from '../connections/accounts'

packages/cozy-harvest-lib/src/components/__snapshots__/OAuthForm.spec.js.snap

@@ -17,12 +17,12 @@ exports[`OAuthForm should handle oauth cancelation 1`] = `
           class="styles__Stack--xs___2R5lW"
         >
           <h6
-            class="MuiTypography-root u-error MuiTypography-h6 MuiTypography-gutterBottom"
+            class="MuiTypography-root u-error MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
           >
             Canceled
           </h6>
           <div
-            class="MuiTypography-root MuiTypography-body1"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary"
           >
             <span
               class="u-db u-mv-0"
@@ -83,12 +83,12 @@ exports[`OAuthForm should handle oauth cancelation 2`] = `
           class="styles__Stack--xs___2R5lW"
         >
           <h6
-            class="MuiTypography-root u-error MuiTypography-h6 MuiTypography-gutterBottom"
+            class="MuiTypography-root u-error MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
           >
             Canceled
           </h6>
           <div
-            class="MuiTypography-root MuiTypography-body1"
+            class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary"
           >
             <span
               class="u-db u-mv-0"

packages/cozy-harvest-lib/src/components/cards/__snapshots__/LaunchTriggerCard.spec.jsx.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LaunchTriggerCard should render impossible to run message when konnector is clientSide without an accessible launcher 1`] = `"<div class=\\"styles__c-card___YgP7B\\"><div class=\\"u-flex u-flex-column-s\\"><ul class=\\"u-nolist u-m-0 u-mr-1 u-pl-0 u-flex-grow-1\\"><li class=\\"u-mb-half\\"><span class=\\"MuiTypography-root u-mr-half MuiTypography-caption\\" style=\\"display: inline-block;\\">Update:</span><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary\\" style=\\"display: inline-block;\\">Unknown</span></li><div class=\\"styles__media___cSJMp styles__media--top___K9w0I\\"><div class=\\"styles__img___3SHpG u-m-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path></defs><use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use></svg></div><div class=\\"styles__bd___1Uv-F u-m-1\\"><p class=\\"MuiTypography-root MuiTypography-body1\\">The testname 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.</p></div></div></ul></div></div>"`;
+exports[`LaunchTriggerCard should render impossible to run message when konnector is clientSide without an accessible launcher 1`] = `"<div class=\\"styles__c-card___YgP7B\\"><div class=\\"u-flex u-flex-column-s\\"><ul class=\\"u-nolist u-m-0 u-mr-1 u-pl-0 u-flex-grow-1\\"><li class=\\"u-mb-half\\"><span class=\\"MuiTypography-root u-mr-half MuiTypography-caption MuiTypography-colorTextSecondary\\" style=\\"display: inline-block;\\">Update:</span><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary\\" style=\\"display: inline-block;\\">Unknown</span></li><div class=\\"styles__media___cSJMp styles__media--top___K9w0I\\"><div class=\\"styles__img___3SHpG u-m-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path></defs><use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use></svg></div><div class=\\"styles__bd___1Uv-F u-m-1\\"><p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">The testname 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.</p></div></div></ul></div></div>"`;
 
-exports[`LaunchTriggerCard should render normally when konnector is not clientSide 1`] = `"<div class=\\"styles__c-card___YgP7B\\"><div class=\\"u-flex u-flex-column-s\\"><ul class=\\"u-nolist u-m-0 u-mr-1 u-pl-0 u-flex-grow-1\\"><li class=\\"u-mb-half\\"><span class=\\"MuiTypography-root u-mr-half MuiTypography-caption\\" style=\\"display: inline-block;\\">Update:</span><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary\\" style=\\"display: inline-block;\\">Unknown</span></li><li class=\\"u-mb-half\\"><span class=\\"MuiTypography-root u-mr-half MuiTypography-caption\\" style=\\"display: inline-block;\\">Frequency:</span><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary\\" style=\\"display: inline-block;\\">Once a week</span></li></ul><div><button style=\\"line-height: 1.4;\\" type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--subtle___OknKf styles__c-btn--center___16_Xh u-mh-0 u-mv-0\\"><span><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M16 7.2V3c0-.6-.4-1-1-1-.5 0-.8.3-.9.7A8.09 8.09 0 008 0C4.9 0 2 1.8.7 4.6c-.2.5 0 1.1.5 1.3.5.2 1.1 0 1.3-.5C3.5 3.4 5.6 2 8 2c1.5 0 3 .6 4 1.5-.3 0-.6.1-.8.3-.4.4-.3 1.1.1 1.4l3 2.5h.1c.1.1.2.1.3.1h.4c.1 0 .2-.1.3-.1h.1c.1-.1.2-.1.2-.2.2 0 .2-.1.3-.3 0 .1 0 0 0 0m-1.2 2.9c-.5-.2-1.1 0-1.3.5A6 6 0 018 14c-1.5 0-2.9-.6-4-1.5.3 0 .5-.1.7-.4.4-.4.3-1.1-.1-1.4l-3-2.5h-.1L1.3 8h-.1c-.2 0-.5 0-.7.1H.4c-.1.1-.1.2-.2.3-.1.1-.1.2-.2.3V13c0 .6.4 1 1 1 .5 0 .9-.3 1-.8C3.5 14.9 5.6 16 8 16c3.1 0 5.9-1.8 7.3-4.5.2-.5 0-1.1-.5-1.4\\"></path></svg><span>Run again now</span></span></button></div></div></div>"`;
+exports[`LaunchTriggerCard should render normally when konnector is not clientSide 1`] = `"<div class=\\"styles__c-card___YgP7B\\"><div class=\\"u-flex u-flex-column-s\\"><ul class=\\"u-nolist u-m-0 u-mr-1 u-pl-0 u-flex-grow-1\\"><li class=\\"u-mb-half\\"><span class=\\"MuiTypography-root u-mr-half MuiTypography-caption MuiTypography-colorTextSecondary\\" style=\\"display: inline-block;\\">Update:</span><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary\\" style=\\"display: inline-block;\\">Unknown</span></li><li class=\\"u-mb-half\\"><span class=\\"MuiTypography-root u-mr-half MuiTypography-caption MuiTypography-colorTextSecondary\\" style=\\"display: inline-block;\\">Frequency:</span><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary\\" style=\\"display: inline-block;\\">Once a week</span></li></ul><div><button style=\\"line-height: 1.4;\\" type=\\"submit\\" class=\\"styles__c-btn___-2Vnj styles__c-btn--subtle___OknKf styles__c-btn--center___16_Xh u-mh-0 u-mv-0\\"><span><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M16 7.2V3c0-.6-.4-1-1-1-.5 0-.8.3-.9.7A8.09 8.09 0 008 0C4.9 0 2 1.8.7 4.6c-.2.5 0 1.1.5 1.3.5.2 1.1 0 1.3-.5C3.5 3.4 5.6 2 8 2c1.5 0 3 .6 4 1.5-.3 0-.6.1-.8.3-.4.4-.3 1.1.1 1.4l3 2.5h.1c.1.1.2.1.3.1h.4c.1 0 .2-.1.3-.1h.1c.1-.1.2-.1.2-.2.2 0 .2-.1.3-.3 0 .1 0 0 0 0m-1.2 2.9c-.5-.2-1.1 0-1.3.5A6 6 0 018 14c-1.5 0-2.9-.6-4-1.5.3 0 .5-.1.7-.4.4-.4.3-1.1-.1-1.4l-3-2.5h-.1L1.3 8h-.1c-.2 0-.5 0-.7.1H.4c-.1.1-.1.2-.2.3-.1.1-.1.2-.2.3V13c0 .6.4 1 1 1 .5 0 .9-.3 1-.8C3.5 14.9 5.6 16 8 16c3.1 0 5.9-1.8 7.3-4.5.2-.5 0-1.1-.5-1.4\\"></path></svg><span>Run again now</span></span></button></div></div></div>"`;