cozy-harvest-lib 22.0.7 → 22.1.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [22.1.0](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@22.0.8...cozy-harvest-lib@22.1.0) (2024-01-25)
+
+
+### Features
+
+* Add DoctypeDebugCard component ([0741319](https://github.com/cozy/cozy-libs/commit/07413196c1dd82fa23c37cc96737399eb99ea2e2))
+* Upgrade cozy-client to 45.1.0 ([05e8d65](https://github.com/cozy/cozy-libs/commit/05e8d65289cf40833997bcbacef62e2cd9de3adb))
+
+
+
+
+
+## [22.0.8](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@22.0.7...cozy-harvest-lib@22.0.8) (2024-01-23)
+
+
+### Bug Fixes
+
+* No more disabled submit button on 2nd 2FA ([7bdd26c](https://github.com/cozy/cozy-libs/commit/7bdd26c381f8883ea007fafb5515bb8625da67a1))
+
+
+
+
+
 ## [22.0.7](https://github.com/cozy/cozy-libs/compare/cozy-harvest-lib@22.0.6...cozy-harvest-lib@22.0.7) (2024-01-17)
 
 

package/dist/components/TwoFAModal.js

@@ -69,7 +69,7 @@ export var TwoFAModal = /*#__PURE__*/function (_PureComponent) {
       var flowState = this.props.flow.getState();
       this.setState({
         hasErrored: flowState.twoFARetry,
-        isJobRunning: flowState.twoFARunning || flowState.konnectorRunning
+        isJobRunning: flowState.twoFARunning
       });
     }
   }, {

package/dist/components/TwoFAModal.spec.js

@@ -1,4 +1,6 @@
-import { render, fireEvent } from '@testing-library/react';
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { render, fireEvent, waitFor } from '@testing-library/react';
 import React from 'react';
 import TwoFAModal from './TwoFAModal';
 import AppLike from '../../test/AppLike';
@@ -91,41 +93,77 @@ describe('TwoFAModal', function () {
     expect(root.queryByPlaceholderText('')).toBeFalsy();
     expect(root.getByText("You need to open your provider's app to confirm your authentication. In some cases, you will have to validate two times."));
   });
-  it('should work for several two fa requests', function () {
-    var opts = {
-      account: {
-        state: 'TWO_FA_NEEDED.SMS'
-      },
-      konnectorSlug: 'boursoma83'
-    };
-
-    var _setup3 = setup(opts),
-        root = _setup3.root,
-        flow = _setup3.flow;
-
-    var input = root.getByPlaceholderText('');
-    expect(input).toBeTruthy(); // expect(inp.length).toBe(1)
-    // expect((root)).toBe('')
-
-    expect(root.getByText('This code enables you to finish your connexion.')).toBeTruthy();
-    expect(root.getByText('code')).toBeTruthy();
-    fireEvent.change(input, {
-      target: {
-        value: 'abcd'
+  it('should work for several two fa requests', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var opts, _setup3, root, flow, input, button, input2, input3;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            opts = {
+              account: {
+                state: 'TWO_FA_NEEDED.SMS'
+              },
+              konnectorSlug: 'boursoma83'
+            };
+            _setup3 = setup(opts), root = _setup3.root, flow = _setup3.flow;
+            input = root.getByPlaceholderText('');
+            expect(input).toBeTruthy(); // expect(inp.length).toBe(1)
+            // expect((root)).toBe('')
+
+            expect(root.getByText('This code enables you to finish your connexion.')).toBeTruthy();
+            expect(root.getByText('code')).toBeTruthy();
+            fireEvent.change(input, {
+              target: {
+                value: 'abcd'
+              }
+            });
+            button = root.getByText('Validate').closest('button');
+            expect(button.getAttribute('aria-disabled')).toBe(null);
+            fireEvent.click(button); // 2nd 2FA request
+
+            flow.emit('twoFARequest');
+            expect(getInputValue(root)).toBe('');
+            expect(root.getByText('The second code received on your mobile phone or by email enables you to finalize your connexion.')).toBeTruthy();
+            expect(root.getByText('Second code')).toBeTruthy();
+            input2 = root.getByPlaceholderText('');
+            fireEvent.change(input2, {
+              target: {
+                value: 'abcd'
+              }
+            });
+            _context.next = 18;
+            return waitFor(function () {
+              return expect(root.getByText('Validate').closest('button').getAttribute('aria-disabled')).toBe(null);
+            });
+
+          case 18:
+            flow.emit('twoFARequest'); // 3rd 2FA (should not happen, hypothetical case)
+
+            flow.emit('twoFARequest');
+            expect(getInputValue(root)).toBe('');
+            input3 = root.getByPlaceholderText('');
+            fireEvent.change(input3, {
+              target: {
+                value: 'abcd'
+              }
+            });
+            _context.next = 25;
+            return waitFor(function () {
+              return expect(root.getByText('Validate').closest('button').getAttribute('aria-disabled')).toBe(null);
+            });
+
+          case 25:
+            // First attempt translations are re-used
+            expect(root.getByText('This code enables you to finish your connexion.')).toBeTruthy();
+            expect(root.getByText('code (4)')).toBeTruthy();
+            flow.emit('twoFARequest');
+
+          case 28:
+          case "end":
+            return _context.stop();
+        }
       }
-    }); // 2nd 2FA request
-
-    flow.emit('twoFARequest');
-    expect(getInputValue(root)).toBe('');
-    expect(root.getByText('The second code received on your mobile phone or by email enables you to finalize your connexion.')).toBeTruthy();
-    expect(root.getByText('Second code')).toBeTruthy();
-    flow.emit('twoFARequest'); // 3rd 2FA (should not happen, hypothetical case)
-
-    flow.emit('twoFARequest');
-    expect(getInputValue(root)).toBe(''); // First attempt translations are re-used
-
-    expect(root.getByText('This code enables you to finish your connexion.')).toBeTruthy();
-    expect(root.getByText('code (4)')).toBeTruthy();
-    flow.emit('twoFARequest');
-  });
+    }, _callee);
+  })));
 });

package/dist/datacards/DoctypeDebugCard.js

@@ -0,0 +1,72 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import ReactJsonPrint from 'react-json-print';
+import CozyClient, { Q, useQuery, hasQueryBeenLoaded } from 'cozy-client';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import Card from 'cozy-ui/transpiled/react/Card';
+import Divider from 'cozy-ui/transpiled/react/Divider';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import logger from '../logger';
+/**
+ * This component display json extracted doctype data
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {string} props.doctype - The doctype name
+ * @param {Array} props.data - The array of doctype values
+ * @returns {JSX.Element} The rendered DoctypeDebugCard component.
+ */
+
+var DoctypeDebugCard = function DoctypeDebugCard(_ref) {
+  var _navigator$clipboard;
+
+  var sourceAccountIdentifier = _ref.sourceAccountIdentifier,
+      konnector = _ref.konnector,
+      doctype = _ref.doctype;
+  var savedDocuments = useQuery(Q(doctype).where({
+    cozyMetadata: {
+      createdByApp: konnector.slug,
+      sourceAccountIdentifier: sourceAccountIdentifier
+    }
+  }).indexFields(['cozyMetadata.createdByApp', 'cozyMetadata.sourceAccountIdentifier', 'cozyMetadata.updatedAt']).sortBy([{
+    'cozyMetadata.createdByApp': 'desc'
+  }, {
+    'cozyMetadata.sourceAccountIdentifier': 'desc'
+  }, {
+    'cozyMetadata.updatedAt': 'desc'
+  }]).limitBy(30), {
+    as: "".concat(doctype, "/createdByApp/").concat(konnector.slug, "/sourceAccountIdentifier/").concat(sourceAccountIdentifier),
+    fetchPolicy: CozyClient.fetchPolicies.olderThan(30 * 1000)
+  });
+  var loaded = hasQueryBeenLoaded(savedDocuments);
+  var failed = savedDocuments.fetchStatus === 'failed';
+
+  if (failed) {
+    logger.error("DoctypeDebugCard ".concat(doctype, " : failed to fetch"));
+  }
+
+  var clipBoardAvailable = (_navigator$clipboard = navigator.clipboard) === null || _navigator$clipboard === void 0 ? void 0 : _navigator$clipboard.writeText;
+  return !failed && loaded ? /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "button"
+  }, doctype), clipBoardAvailable ? /*#__PURE__*/React.createElement(Button, {
+    label: "copy",
+    variant: "text",
+    size: "small",
+    onClick: function onClick() {
+      return navigator.clipboard.writeText(JSON.stringify(savedDocuments.data, null, 2)).catch(function (err) {
+        return logger.error("Could not copy json object to clipboard: ".concat(err.message));
+      });
+    }
+  }) : null, /*#__PURE__*/React.createElement(Divider, {
+    className: "u-ml-0 u-maw-100 u-mb-half"
+  }), /*#__PURE__*/React.createElement(ReactJsonPrint, {
+    dataObject: savedDocuments.data
+  })) : null;
+};
+
+DoctypeDebugCard.propTypes = {
+  sourceAccountIdentifier: PropTypes.string,
+  konnector: PropTypes.object,
+  doctype: PropTypes.string
+};
+export default DoctypeDebugCard;

package/dist/datacards/DoctypeDebugCard.stories.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import { CozyProvider } from 'cozy-client';
+import { createFakeClient } from 'cozy-client/dist/mock';
+import DoctypeDebugCard from './DoctypeDebugCard';
+var meta = {
+  component: DoctypeDebugCard,
+  render: function render() {
+    var data = [{
+      _id: '180e24edac1433626f57a548481c045b',
+      _rev: '1-40014a89ba8dddc04d9718461e543303',
+      amount: 51.77,
+      cozyMetadata: {
+        createdAt: '2023-09-01T08:20:45.774Z',
+        createdByApp: 'template',
+        createdByAppVersion: '1.0.0',
+        doctypeVersion: 1,
+        metadataVersion: 1,
+        sourceAccount: '180e24edac1433626f57a548481aa62d',
+        sourceAccountIdentifier: 'testSourceAccountIdentifier',
+        updatedAt: '2023-09-01T08:20:45.774Z',
+        updatedByApps: [{
+          date: '2023-09-01T08:20:45.774Z',
+          slug: 'template',
+          version: '1.0.0'
+        }]
+      },
+      currency: 'EUR',
+      date: '2023-09-01T08:20:31.338Z',
+      filename: '2023-09-01_template_51.77EUR.jpg',
+      fileurl: 'http://books.toscrape.com/media/cache/2c/da/2cdad67c44b002e7ead0cc35693c0e8b.jpg',
+      invoice: 'io.cozy.files:180e24edac1433626f57a548481aca62',
+      matchingCriterias: {
+        labelRegex: '\\bbooks\\b'
+      },
+      title: 'A Light in the Attic',
+      vendor: 'template'
+    }, {
+      _id: '180e24edac1433626f57a548481c136e',
+      _rev: '1-54702210d9be33650da61001cdff18cc',
+      amount: 45.17,
+      cozyMetadata: {
+        createdAt: '2023-09-01T08:20:45.837Z',
+        createdByApp: 'template',
+        createdByAppVersion: '1.0.0',
+        doctypeVersion: 1,
+        metadataVersion: 1,
+        sourceAccount: '180e24edac1433626f57a548481aa62d',
+        sourceAccountIdentifier: 'testSourceAccountIdentifier',
+        updatedAt: '2023-09-01T08:20:45.837Z',
+        updatedByApps: [{
+          date: '2023-09-01T08:20:45.837Z',
+          slug: 'template',
+          version: '1.0.0'
+        }]
+      },
+      currency: 'EUR',
+      date: '2023-09-01T08:20:31.400Z',
+      filename: '2023-09-01_template_45.17EUR.jpg',
+      fileurl: 'http://books.toscrape.com/media/cache/27/a5/27a53d0bb95bdd88288eaf66c9230d7e.jpg',
+      invoice: 'io.cozy.files:180e24edac1433626f57a548481ad96a',
+      matchingCriterias: {
+        labelRegex: '\\bbooks\\b'
+      },
+      title: "It's Only the Himalayas",
+      vendor: 'template'
+    }, {
+      _id: '180e24edac1433626f57a548481c179f',
+      _rev: '1-d1b5f977455d918b2c2b9fd27f2e8120',
+      amount: 51.33,
+      cozyMetadata: {
+        createdAt: '2023-09-01T08:20:45.884Z',
+        createdByApp: 'template',
+        createdByAppVersion: '1.0.0',
+        doctypeVersion: 1,
+        metadataVersion: 1,
+        sourceAccount: '180e24edac1433626f57a548481aa62d',
+        sourceAccountIdentifier: 'testSourceAccountIdentifier',
+        updatedAt: '2023-09-01T08:20:45.884Z',
+        updatedByApps: [{
+          date: '2023-09-01T08:20:45.884Z',
+          slug: 'template',
+          version: '1.0.0'
+        }]
+      },
+      currency: 'EUR',
+      date: '2023-09-01T08:20:31.400Z',
+      filename: '2023-09-01_template_51.33EUR.jpg',
+      fileurl: 'http://books.toscrape.com/media/cache/0b/bc/0bbcd0a6f4bcd81ccb1049a52736406e.jpg',
+      invoice: 'io.cozy.files:180e24edac1433626f57a548481ae79c',
+      matchingCriterias: {
+        labelRegex: '\\bbooks\\b'
+      },
+      title: 'Libertarianism for Beginners',
+      vendor: 'template'
+    }, {
+      _id: '180e24edac1433626f57a548481c1c75',
+      _rev: '1-292df85b486fe8e67ce5d4d4c5293771',
+      amount: 37.59,
+      cozyMetadata: {
+        createdAt: '2023-09-01T08:20:45.935Z',
+        createdByApp: 'template',
+        createdByAppVersion: '1.0.0',
+        doctypeVersion: 1,
+        metadataVersion: 1,
+        sourceAccount: '180e24edac1433626f57a548481aa62d',
+        sourceAccountIdentifier: 'testSourceAccountIdentifier',
+        updatedAt: '2023-09-01T08:20:45.935Z',
+        updatedByApps: [{
+          date: '2023-09-01T08:20:45.935Z',
+          slug: 'template',
+          version: '1.0.0'
+        }]
+      },
+      currency: 'EUR',
+      date: '2023-09-01T08:20:31.400Z',
+      filename: '2023-09-01_template_37.59EUR.jpg',
+      fileurl: 'http://books.toscrape.com/media/cache/09/a3/09a3aef48557576e1a85ba7efea8ecb7.jpg',
+      invoice: 'io.cozy.files:180e24edac1433626f57a548481af3d8',
+      matchingCriterias: {
+        labelRegex: '\\bbooks\\b'
+      },
+      title: 'Mesaerion: The Best Science Fiction Stories 1800-1849',
+      vendor: 'template'
+    }];
+    var client = createFakeClient({
+      queries: {
+        'doctypeDebugCard_io.cozy.bills': {
+          doctype: 'io.cozy.bills',
+          definition: {
+            doctype: 'io.cozy.bills',
+            id: "io.cozy.bills/createdByApp/template/sourceAccountIdentifier/testSourceAccountIdentifier"
+          },
+          data: data
+        }
+      }
+    });
+    var konnector = {
+      slug: 'template'
+    };
+    return /*#__PURE__*/React.createElement(CozyProvider, {
+      client: client
+    }, /*#__PURE__*/React.createElement(DoctypeDebugCard, {
+      doctype: "io.cozy.bills",
+      konnector: konnector,
+      sourceAccountIdentifier: "testSourceAccountIdentifier"
+    }));
+  }
+};
+export default meta;
+export var Default = {
+  name: 'default'
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-harvest-lib",
-  "version": "22.0.7",
+  "version": "22.1.0",
   "description": "Provides logic, modules and components for Cozy's harvest applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -41,6 +41,7 @@
     "microee": "^0.0.6",
     "node-polyglot": "^2.4.0",
     "react-final-form": "^3.7.0",
+    "react-json-print": "^0.1.3",
     "react-markdown": "^4.2.2",
     "use-deep-compare-effect": "^1.8.1",
     "uuid": "^3.3.2"
@@ -64,7 +65,7 @@
     "babel-jest": "26.6.3",
     "babel-plugin-inline-react-svg": "1.1.2",
     "babel-preset-cozy-app": "^2.1.0",
-    "cozy-client": "^45.0.1",
+    "cozy-client": "^45.1.0",
     "cozy-device-helper": "^3.0.0",
     "cozy-flags": "^3.2.2",
     "cozy-intent": "^2.19.2",
@@ -93,7 +94,7 @@
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.12.5",
-    "cozy-client": ">=45.0.1",
+    "cozy-client": ">=45.1.0",
     "cozy-device-helper": ">=2.6.0",
     "cozy-flags": ">=2.3.5",
     "cozy-intent": ">=1.14.1",
@@ -106,5 +107,5 @@
     "react-router-dom": ">=4.3.1"
   },
   "sideEffects": false,
-  "gitHead": "e96e3f59e027dc5c55614bbe1877b0b7a527b076"
+  "gitHead": "f9c3597079f8b120e43249d752227da9a2e63541"
 }

package/src/components/TwoFAModal.jsx

@@ -47,7 +47,7 @@ export class TwoFAModal extends PureComponent {
     const flowState = this.props.flow.getState()
     this.setState({
       hasErrored: flowState.twoFARetry,
-      isJobRunning: flowState.twoFARunning || flowState.konnectorRunning
+      isJobRunning: flowState.twoFARunning
     })
   }
 

package/src/components/TwoFAModal.spec.jsx

@@ -1,4 +1,4 @@
-import { render, fireEvent } from '@testing-library/react'
+import { render, fireEvent, waitFor } from '@testing-library/react'
 import React from 'react'
 
 import TwoFAModal from './TwoFAModal'
@@ -82,7 +82,7 @@ describe('TwoFAModal', () => {
     )
   })
 
-  it('should work for several two fa requests', () => {
+  it('should work for several two fa requests', async () => {
     const opts = {
       account: {
         state: 'TWO_FA_NEEDED.SMS'
@@ -103,6 +103,9 @@ describe('TwoFAModal', () => {
     expect(root.getByText('code')).toBeTruthy()
 
     fireEvent.change(input, { target: { value: 'abcd' } })
+    const button = root.getByText('Validate').closest('button')
+    expect(button.getAttribute('aria-disabled')).toBe(null)
+    fireEvent.click(button)
 
     // 2nd 2FA request
     flow.emit('twoFARequest')
@@ -115,12 +118,32 @@ describe('TwoFAModal', () => {
     ).toBeTruthy()
 
     expect(root.getByText('Second code')).toBeTruthy()
+    const input2 = root.getByPlaceholderText('')
+    fireEvent.change(input2, { target: { value: 'abcd' } })
+    await waitFor(() =>
+      expect(
+        root
+          .getByText('Validate')
+          .closest('button')
+          .getAttribute('aria-disabled')
+      ).toBe(null)
+    )
     flow.emit('twoFARequest')
 
     // 3rd 2FA (should not happen, hypothetical case)
     flow.emit('twoFARequest')
 
     expect(getInputValue(root)).toBe('')
+    const input3 = root.getByPlaceholderText('')
+    fireEvent.change(input3, { target: { value: 'abcd' } })
+    await waitFor(() =>
+      expect(
+        root
+          .getByText('Validate')
+          .closest('button')
+          .getAttribute('aria-disabled')
+      ).toBe(null)
+    )
     // First attempt translations are re-used
     expect(
       root.getByText('This code enables you to finish your connexion.')

package/src/datacards/DoctypeDebugCard.jsx

@@ -0,0 +1,85 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+import ReactJsonPrint from 'react-json-print'
+
+import CozyClient, { Q, useQuery, hasQueryBeenLoaded } from 'cozy-client'
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import Card from 'cozy-ui/transpiled/react/Card'
+import Divider from 'cozy-ui/transpiled/react/Divider'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+
+import logger from '../logger'
+
+/**
+ * This component display json extracted doctype data
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {string} props.doctype - The doctype name
+ * @param {Array} props.data - The array of doctype values
+ * @returns {JSX.Element} The rendered DoctypeDebugCard component.
+ */
+const DoctypeDebugCard = ({ sourceAccountIdentifier, konnector, doctype }) => {
+  const savedDocuments = useQuery(
+    Q(doctype)
+      .where({
+        cozyMetadata: {
+          createdByApp: konnector.slug,
+          sourceAccountIdentifier
+        }
+      })
+      .indexFields([
+        'cozyMetadata.createdByApp',
+        'cozyMetadata.sourceAccountIdentifier',
+        'cozyMetadata.updatedAt'
+      ])
+      .sortBy([
+        { 'cozyMetadata.createdByApp': 'desc' },
+        { 'cozyMetadata.sourceAccountIdentifier': 'desc' },
+        { 'cozyMetadata.updatedAt': 'desc' }
+      ])
+      .limitBy(30),
+    {
+      as: `${doctype}/createdByApp/${konnector.slug}/sourceAccountIdentifier/${sourceAccountIdentifier}`,
+      fetchPolicy: CozyClient.fetchPolicies.olderThan(30 * 1000)
+    }
+  )
+  const loaded = hasQueryBeenLoaded(savedDocuments)
+  const failed = savedDocuments.fetchStatus === 'failed'
+  if (failed) {
+    logger.error(`DoctypeDebugCard ${doctype} : failed to fetch`)
+  }
+
+  const clipBoardAvailable = navigator.clipboard?.writeText
+  return !failed && loaded ? (
+    <Card>
+      <Typography variant="button">{doctype}</Typography>
+      {clipBoardAvailable ? (
+        <Button
+          label="copy"
+          variant="text"
+          size="small"
+          onClick={() =>
+            navigator.clipboard
+              .writeText(JSON.stringify(savedDocuments.data, null, 2))
+              .catch(err =>
+                logger.error(
+                  `Could not copy json object to clipboard: ${err.message}`
+                )
+              )
+          }
+        />
+      ) : null}
+      <Divider className="u-ml-0 u-maw-100 u-mb-half" />
+      <ReactJsonPrint dataObject={savedDocuments.data} />
+    </Card>
+  ) : null
+}
+
+DoctypeDebugCard.propTypes = {
+  sourceAccountIdentifier: PropTypes.string,
+  konnector: PropTypes.object,
+  doctype: PropTypes.string
+}
+
+export default DoctypeDebugCard

package/src/datacards/DoctypeDebugCard.stories.jsx

@@ -0,0 +1,179 @@
+import React from 'react'
+
+import { CozyProvider } from 'cozy-client'
+import { createFakeClient } from 'cozy-client/dist/mock'
+
+import DoctypeDebugCard from './DoctypeDebugCard'
+
+const meta = {
+  component: DoctypeDebugCard,
+  render: () => {
+    const data = [
+      {
+        _id: '180e24edac1433626f57a548481c045b',
+        _rev: '1-40014a89ba8dddc04d9718461e543303',
+        amount: 51.77,
+        cozyMetadata: {
+          createdAt: '2023-09-01T08:20:45.774Z',
+          createdByApp: 'template',
+          createdByAppVersion: '1.0.0',
+          doctypeVersion: 1,
+          metadataVersion: 1,
+          sourceAccount: '180e24edac1433626f57a548481aa62d',
+          sourceAccountIdentifier: 'testSourceAccountIdentifier',
+          updatedAt: '2023-09-01T08:20:45.774Z',
+          updatedByApps: [
+            {
+              date: '2023-09-01T08:20:45.774Z',
+              slug: 'template',
+              version: '1.0.0'
+            }
+          ]
+        },
+        currency: 'EUR',
+        date: '2023-09-01T08:20:31.338Z',
+        filename: '2023-09-01_template_51.77EUR.jpg',
+        fileurl:
+          'http://books.toscrape.com/media/cache/2c/da/2cdad67c44b002e7ead0cc35693c0e8b.jpg',
+        invoice: 'io.cozy.files:180e24edac1433626f57a548481aca62',
+        matchingCriterias: {
+          labelRegex: '\\bbooks\\b'
+        },
+        title: 'A Light in the Attic',
+        vendor: 'template'
+      },
+      {
+        _id: '180e24edac1433626f57a548481c136e',
+        _rev: '1-54702210d9be33650da61001cdff18cc',
+        amount: 45.17,
+        cozyMetadata: {
+          createdAt: '2023-09-01T08:20:45.837Z',
+          createdByApp: 'template',
+          createdByAppVersion: '1.0.0',
+          doctypeVersion: 1,
+          metadataVersion: 1,
+          sourceAccount: '180e24edac1433626f57a548481aa62d',
+          sourceAccountIdentifier: 'testSourceAccountIdentifier',
+          updatedAt: '2023-09-01T08:20:45.837Z',
+          updatedByApps: [
+            {
+              date: '2023-09-01T08:20:45.837Z',
+              slug: 'template',
+              version: '1.0.0'
+            }
+          ]
+        },
+        currency: 'EUR',
+        date: '2023-09-01T08:20:31.400Z',
+        filename: '2023-09-01_template_45.17EUR.jpg',
+        fileurl:
+          'http://books.toscrape.com/media/cache/27/a5/27a53d0bb95bdd88288eaf66c9230d7e.jpg',
+        invoice: 'io.cozy.files:180e24edac1433626f57a548481ad96a',
+        matchingCriterias: {
+          labelRegex: '\\bbooks\\b'
+        },
+        title: "It's Only the Himalayas",
+        vendor: 'template'
+      },
+      {
+        _id: '180e24edac1433626f57a548481c179f',
+        _rev: '1-d1b5f977455d918b2c2b9fd27f2e8120',
+        amount: 51.33,
+        cozyMetadata: {
+          createdAt: '2023-09-01T08:20:45.884Z',
+          createdByApp: 'template',
+          createdByAppVersion: '1.0.0',
+          doctypeVersion: 1,
+          metadataVersion: 1,
+          sourceAccount: '180e24edac1433626f57a548481aa62d',
+          sourceAccountIdentifier: 'testSourceAccountIdentifier',
+          updatedAt: '2023-09-01T08:20:45.884Z',
+          updatedByApps: [
+            {
+              date: '2023-09-01T08:20:45.884Z',
+              slug: 'template',
+              version: '1.0.0'
+            }
+          ]
+        },
+        currency: 'EUR',
+        date: '2023-09-01T08:20:31.400Z',
+        filename: '2023-09-01_template_51.33EUR.jpg',
+        fileurl:
+          'http://books.toscrape.com/media/cache/0b/bc/0bbcd0a6f4bcd81ccb1049a52736406e.jpg',
+        invoice: 'io.cozy.files:180e24edac1433626f57a548481ae79c',
+        matchingCriterias: {
+          labelRegex: '\\bbooks\\b'
+        },
+        title: 'Libertarianism for Beginners',
+        vendor: 'template'
+      },
+      {
+        _id: '180e24edac1433626f57a548481c1c75',
+        _rev: '1-292df85b486fe8e67ce5d4d4c5293771',
+        amount: 37.59,
+        cozyMetadata: {
+          createdAt: '2023-09-01T08:20:45.935Z',
+          createdByApp: 'template',
+          createdByAppVersion: '1.0.0',
+          doctypeVersion: 1,
+          metadataVersion: 1,
+          sourceAccount: '180e24edac1433626f57a548481aa62d',
+          sourceAccountIdentifier: 'testSourceAccountIdentifier',
+          updatedAt: '2023-09-01T08:20:45.935Z',
+          updatedByApps: [
+            {
+              date: '2023-09-01T08:20:45.935Z',
+              slug: 'template',
+              version: '1.0.0'
+            }
+          ]
+        },
+        currency: 'EUR',
+        date: '2023-09-01T08:20:31.400Z',
+        filename: '2023-09-01_template_37.59EUR.jpg',
+        fileurl:
+          'http://books.toscrape.com/media/cache/09/a3/09a3aef48557576e1a85ba7efea8ecb7.jpg',
+        invoice: 'io.cozy.files:180e24edac1433626f57a548481af3d8',
+        matchingCriterias: {
+          labelRegex: '\\bbooks\\b'
+        },
+        title: 'Mesaerion: The Best Science Fiction Stories 1800-1849',
+        vendor: 'template'
+      }
+    ]
+
+    const client = createFakeClient({
+      queries: {
+        'doctypeDebugCard_io.cozy.bills': {
+          doctype: 'io.cozy.bills',
+          definition: {
+            doctype: 'io.cozy.bills',
+            id: `io.cozy.bills/createdByApp/template/sourceAccountIdentifier/testSourceAccountIdentifier`
+          },
+          data
+        }
+      }
+    })
+
+    const konnector = {
+      slug: 'template'
+    }
+
+    return (
+      <CozyProvider client={client}>
+        <DoctypeDebugCard
+          doctype="io.cozy.bills"
+          konnector={konnector}
+          sourceAccountIdentifier="testSourceAccountIdentifier"
+        />
+      </CozyProvider>
+    )
+  }
+}
+
+export default meta
+
+export const Default = {
+  name: 'default'
+}