From d5ffa81292c5ce22b828b59c5a126a1c29a7e7d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Rame=CC=81?= <thomas.rame@outlook.com>
Date: Thu, 2 Jan 2025 23:39:56 +0100
Subject: [PATCH] feat: implement the pdf declaration generation for sacem

---
 .storybook/document.tsx                       |  35 +
 .storybook/main.ts                            |   4 +
 next.config.js                                |   4 +
 package-lock.json                             | 854 +++++++++++++++++-
 package.json                                  |   4 +
 .../assets/images/declaration/sacem_logo.png  | Bin 0 -> 12907 bytes
 .../sacem/SacemDeclarationPage.stories.tsx    |   4 +
 .../sacem/SacemDeclarationPage.tsx            |  58 +-
 src/assets/fonts/index.css                    |  14 +
 .../layouts/StandardLayout.stories.tsx        |  91 ++
 .../documents/layouts/StandardLayout.tsx      | 295 ++++++
 src/components/documents/partials/.gitkeep    |   0
 .../templates/SacemDeclaration.stories.tsx    |  41 +
 .../documents/templates/SacemDeclaration.tsx  | 198 ++++
 14 files changed, 1554 insertions(+), 48 deletions(-)
 create mode 100644 .storybook/document.tsx
 create mode 100644 public/assets/images/declaration/sacem_logo.png
 create mode 100644 src/components/documents/layouts/StandardLayout.stories.tsx
 create mode 100644 src/components/documents/layouts/StandardLayout.tsx
 create mode 100644 src/components/documents/partials/.gitkeep
 create mode 100644 src/components/documents/templates/SacemDeclaration.stories.tsx
 create mode 100644 src/components/documents/templates/SacemDeclaration.tsx

diff --git a/.storybook/document.tsx b/.storybook/document.tsx
new file mode 100644
index 0000000..98de361
--- /dev/null
+++ b/.storybook/document.tsx
@@ -0,0 +1,35 @@
+import { usePDF } from '@react-pdf/renderer';
+import { StoryFn } from '@storybook/react';
+import React from 'react';
+
+export const commonDocumentsParameters = {
+  layout: 'fullscreen',
+};
+
+export function WithDocumentRenderer(Story: StoryFn) {
+  const [instance, updateInstance] = usePDF({
+    document: (
+      <>
+        <Story />
+      </>
+    ),
+  });
+
+  if (instance.loading) {
+    return <div>Rendering the PDF...</div>;
+  } else if (instance.error) {
+    return <div>Something went wrong: {instance.error}</div>;
+  } else if (!instance.url) {
+    return <div>Initializing the renderer</div>;
+  }
+
+  return (
+    <iframe
+      title="PDF preview"
+      src={instance.url}
+      style={{
+        height: '100%',
+      }}
+    />
+  );
+}
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 7a0f3f0..bf66a5a 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -88,6 +88,10 @@ const config: StorybookConfig = {
             from: path.dirname(require.resolve('@gouvfr/dsfr/dist/fonts/Marianne-Bold.woff2')),
             to: path.resolve(__dirname, '../public/assets/fonts/'),
           },
+          {
+            from: path.dirname(require.resolve('@fontsource/dancing-script/files/dancing-script-latin-400-normal.woff2')),
+            to: path.resolve(__dirname, '../public/assets/fonts/'),
+          },
           {
             from: require.resolve('@ad/src/assets/fonts/index.css'),
             to: path.resolve(__dirname, '../public/assets/fonts/'),
diff --git a/next.config.js b/next.config.js
index 8169149..5635bf1 100644
--- a/next.config.js
+++ b/next.config.js
@@ -105,6 +105,10 @@ const moduleExports = async () => {
               from: path.dirname(require.resolve('@gouvfr/dsfr/dist/fonts/Marianne-Bold.woff2')),
               to: path.resolve(__dirname, './public/assets/fonts/'),
             },
+            {
+              from: path.dirname(require.resolve('@fontsource/dancing-script/files/dancing-script-latin-400-normal.woff2')),
+              to: path.resolve(__dirname, './public/assets/fonts/'),
+            },
             {
               from: require.resolve('./src/assets/fonts/index.css'),
               to: path.resolve(__dirname, './public/assets/fonts/'),
diff --git a/package-lock.json b/package-lock.json
index 983aece..34ffd71 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,9 +10,11 @@
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
+        "@ag-media/react-pdf-table": "^2.0.0",
         "@codegouvfr/react-dsfr": "1.15.0",
         "@commander-js/extra-typings": "^12.1.0",
         "@faire/mjml-react": "^3.4.0",
+        "@fontsource/dancing-script": "^5.1.1",
         "@gouvfr/dsfr": "1.12.1",
         "@hookform/resolvers": "^3.9.1",
         "@inquirer/prompts": "^3.3.2",
@@ -24,7 +26,9 @@
         "@next-auth/prisma-adapter": "^1.0.7",
         "@next/bundle-analyzer": "^15.1.0",
         "@prisma/client": "5.19.1",
+        "@react-pdf/renderer": "^4.1.6",
         "@sentry/nextjs": "^8.30.0",
+        "@sindresorhus/slugify": "^2.2.1",
         "@socialgouv/matomo-next": "^1.8.1",
         "@tanstack/query-core": "^4.19.1",
         "@tanstack/react-query": "^4.19.1",
@@ -187,6 +191,16 @@
       "integrity": "sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==",
       "dev": true
     },
+    "node_modules/@ag-media/react-pdf-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@ag-media/react-pdf-table/-/react-pdf-table-2.0.0.tgz",
+      "integrity": "sha512-fChEZgaIIBW6sG3H9v5ntY6DA6+CmjBV+VWjDhbbf8cRCfUE/WlnWe1xttoPqbwRRdkgJhvQBjQfxUgAswOz1A==",
+      "peerDependencies": {
+        "@react-pdf/renderer": "^2.0.2 || ^3.0.0 || ^4.0.0",
+        "@react-pdf/stylesheet": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
+        "react": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -4262,6 +4276,11 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
       "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
     },
+    "node_modules/@fontsource/dancing-script": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@fontsource/dancing-script/-/dancing-script-5.1.1.tgz",
+      "integrity": "sha512-Cz8XYPRQrRbOsqDmx7mSbCZAbz0WGq9rHYF2+sR43C/mSpmHlFOVmWRh2/JFlwL4/xuPttjrD41BLmUrudG6dA=="
+    },
     "node_modules/@glen/jest-raw-loader": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@glen/jest-raw-loader/-/jest-raw-loader-2.0.0.tgz",
@@ -9131,6 +9150,172 @@
         "@opentelemetry/api": "^1.3.0"
       }
     },
+    "node_modules/@react-pdf/fns": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/fns/-/fns-3.0.0.tgz",
+      "integrity": "sha512-ICbIWR93PE6+xf2Xd/fXYO1dAuiOAJaszEuGGv3wp5lLSeeelDXlEYLh6R05okxh28YqMzc0Qd85x6n6MtaLUQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13"
+      }
+    },
+    "node_modules/@react-pdf/font": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/font/-/font-3.0.1.tgz",
+      "integrity": "sha512-s+0xrQabGoYDDZwVpz8PXp1ylwabqiMhzfyetvxBqjDuQ15PuoSkmUkKUOkfDzauuAqs0MLMvt+Pcv+NioLfzw==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/types": "^2.7.0",
+        "fontkit": "^2.0.2",
+        "is-url": "^1.2.4"
+      }
+    },
+    "node_modules/@react-pdf/image": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/image/-/image-3.0.1.tgz",
+      "integrity": "sha512-Hd5F1LzjuzG4bL/ytaOYxwN/5ip8oFBYDHdpccOfYY87J/Ca7AL31SsuneLk9DtnwNM1BSAKXtBo/WDFY3r57A==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/png-js": "^3.0.0",
+        "jay-peg": "^1.1.0"
+      }
+    },
+    "node_modules/@react-pdf/layout": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/layout/-/layout-4.2.0.tgz",
+      "integrity": "sha512-/0jMhDKwZH0lQs3umNsOduaPtkK0IUpaBRUEv4udHVD9lB2VzYoSNeYsCu+MJMPJyByXj70OSWV7IMjWTCKwWw==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "@react-pdf/image": "^3.0.1",
+        "@react-pdf/pdfkit": "^4.0.0",
+        "@react-pdf/primitives": "^4.0.0",
+        "@react-pdf/stylesheet": "^5.2.0",
+        "@react-pdf/textkit": "^5.0.1",
+        "@react-pdf/types": "^2.7.0",
+        "emoji-regex": "^10.3.0",
+        "queue": "^6.0.1",
+        "yoga-layout": "^3.1.0"
+      }
+    },
+    "node_modules/@react-pdf/layout/node_modules/emoji-regex": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
+      "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="
+    },
+    "node_modules/@react-pdf/pdfkit": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/pdfkit/-/pdfkit-4.0.0.tgz",
+      "integrity": "sha512-HaaAoBpoRGJ6c1ZOANNQZ3q6Ehmagqa8n40x+OZ5s9HcmUviZ34SCm+QBa42s1o4299M+Lgw3UoqpW7sHv3/Hg==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/png-js": "^3.0.0",
+        "browserify-zlib": "^0.2.0",
+        "crypto-js": "^4.2.0",
+        "fontkit": "^2.0.2",
+        "jay-peg": "^1.1.0",
+        "vite-compatible-readable-stream": "^3.6.1"
+      }
+    },
+    "node_modules/@react-pdf/png-js": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/png-js/-/png-js-3.0.0.tgz",
+      "integrity": "sha512-eSJnEItZ37WPt6Qv5pncQDxLJRK15eaRwPT+gZoujP548CodenOVp49GST8XJvKMFt9YqIBzGBV/j9AgrOQzVA==",
+      "dependencies": {
+        "browserify-zlib": "^0.2.0"
+      }
+    },
+    "node_modules/@react-pdf/primitives": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/primitives/-/primitives-4.0.0.tgz",
+      "integrity": "sha512-yp4E0rDL03NaUp/CnDBz3HQNfH2Mzdlgku57yhTMGNzetwB0NJusXcjYg5XsTGIXnR7Tv80JKI4O4ajj+oaLeQ=="
+    },
+    "node_modules/@react-pdf/reconciler": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/reconciler/-/reconciler-1.1.3.tgz",
+      "integrity": "sha512-4vqY0klmUH32kTFvuqdAszkOpwfZYKMLO4VpJ5xZWTsoUOLQSyhC2QM2QCj9eaxpB2Nd5Kl9uW+KfyutvZnMzQ==",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "scheduler": "0.25.0-rc-603e6108-20241029"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/reconciler/node_modules/scheduler": {
+      "version": "0.25.0-rc-603e6108-20241029",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-603e6108-20241029.tgz",
+      "integrity": "sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA=="
+    },
+    "node_modules/@react-pdf/render": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/render/-/render-4.0.2.tgz",
+      "integrity": "sha512-5QJB9sS0uU5ALTLxrtT073VT1imZhrzuOun+7kvo0nykeAr9I4lv0Shmy8rS4QhpmXn8ASmhd17WjCVm4DcJlw==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "@react-pdf/primitives": "^4.0.0",
+        "@react-pdf/textkit": "^5.0.1",
+        "@react-pdf/types": "^2.7.0",
+        "abs-svg-path": "^0.1.1",
+        "color-string": "^1.9.1",
+        "normalize-svg-path": "^1.1.0",
+        "parse-svg-path": "^0.1.2",
+        "svg-arc-to-cubic-bezier": "^3.2.0"
+      }
+    },
+    "node_modules/@react-pdf/renderer": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/@react-pdf/renderer/-/renderer-4.1.6.tgz",
+      "integrity": "sha512-hfQ0PsuVqfoYxkYgmkj+HFkylbB1QTpXY1rnlgnzJlrlSoNXjzPrCa/ty8jcHOwYA2lNoazIAoDatBIsc8K5pw==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/font": "^3.0.1",
+        "@react-pdf/layout": "^4.2.0",
+        "@react-pdf/pdfkit": "^4.0.0",
+        "@react-pdf/primitives": "^4.0.0",
+        "@react-pdf/reconciler": "^1.1.3",
+        "@react-pdf/render": "^4.0.2",
+        "@react-pdf/types": "^2.7.0",
+        "events": "^3.3.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "queue": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/stylesheet": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/stylesheet/-/stylesheet-5.2.0.tgz",
+      "integrity": "sha512-ST19VumM9iRG0z8EjDJnyQCG+NhPFtYUCAh5B8HY237MrsRGvMgzcwrpyyqcyuLwHHYy7S4iw8EY0mK9+Qa2XQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "@react-pdf/types": "^2.7.0",
+        "color-string": "^1.9.1",
+        "hsl-to-hex": "^1.0.0",
+        "media-engine": "^1.0.3",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
+    "node_modules/@react-pdf/textkit": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/textkit/-/textkit-5.0.1.tgz",
+      "integrity": "sha512-4GdDiPA9l+If203hkh48slvRQmcmM3ecPLFTpXNMPrep/3retgvxUEXKMxI+xKclpw8tMzK/W6Z4hN9DgnxWMg==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "bidi-js": "^1.0.2",
+        "hyphen": "^1.6.4",
+        "unicode-properties": "^1.4.1"
+      }
+    },
+    "node_modules/@react-pdf/types": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/types/-/types-2.7.0.tgz",
+      "integrity": "sha512-7KrPPCpgRPKR+g+T127PE4bpw9Q84ZiY07EYRwXKVtTEVW9wJ5BZiF9smT9IvH19s+MQaDLmYRgjESsnqlyH0Q=="
+    },
     "node_modules/@rollup/plugin-commonjs": {
       "version": "28.0.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.1.tgz",
@@ -10095,6 +10280,57 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@sindresorhus/slugify": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-2.2.1.tgz",
+      "integrity": "sha512-MkngSCRZ8JdSOCHRaYd+D01XhvU3Hjy6MGl06zhOk614hp9EOAp5gIkBeQg7wtmxpitU6eAL4kdiRMcJa2dlrw==",
+      "dependencies": {
+        "@sindresorhus/transliterate": "^1.0.0",
+        "escape-string-regexp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sindresorhus/slugify/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sindresorhus/transliterate": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-1.6.0.tgz",
+      "integrity": "sha512-doH1gimEu3A46VX6aVxpHTeHrytJAG6HgdxntYnCFiIFHEM/ZGpG8KiZGBChchjQmG0XFIBL552kBTjVcMZXwQ==",
+      "dependencies": {
+        "escape-string-regexp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sindresorhus/transliterate/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@sinonjs/commons": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
@@ -13552,6 +13788,11 @@
         "node": ">=6.5"
       }
     },
+    "node_modules/abs-svg-path": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
+      "integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA=="
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -14843,7 +15084,6 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
       "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -14931,6 +15171,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -15120,6 +15368,14 @@
       "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
       "dev": true
     },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
     "node_modules/browser-assert": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz",
@@ -15423,6 +15679,14 @@
         "node": ">= 4"
       }
     },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
     "node_modules/browserslist": {
       "version": "4.24.2",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
@@ -16344,6 +16608,14 @@
         "node": ">=12"
       }
     },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -17220,6 +17492,11 @@
         "node": "*"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
     "node_modules/css-declaration-sorter": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz",
@@ -18048,6 +18325,11 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q=="
+    },
     "node_modules/diff": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -20639,6 +20921,30 @@
         }
       }
     },
+    "node_modules/fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/fontkit/node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -21472,6 +21778,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/hsl-to-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-to-hex/-/hsl-to-hex-1.0.0.tgz",
+      "integrity": "sha512-K6GVpucS5wFf44X0h2bLVRDsycgJmf9FF2elg+CrqD8GcFU8c6vYhgXn8NjUkFCwj+xDFb70qgLbTUm6sxwPmA==",
+      "dependencies": {
+        "hsl-to-rgb-for-reals": "^1.1.0"
+      }
+    },
+    "node_modules/hsl-to-rgb-for-reals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/hsl-to-rgb-for-reals/-/hsl-to-rgb-for-reals-1.1.1.tgz",
+      "integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg=="
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -21820,6 +22139,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/hyphen": {
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/hyphen/-/hyphen-1.10.6.tgz",
+      "integrity": "sha512-fXHXcGFTXOvZTSkPJuGOQf5Lv5T/R2itiiCVPg9LxAje5D00O0pP83yJShFq5V89Ly//Gt6acj7z8pbBr34stw=="
+    },
     "node_modules/hyphenate-style-name": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
@@ -22587,6 +22911,11 @@
       "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
       "dev": true
     },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+    },
     "node_modules/is-weakmap": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
@@ -23020,6 +23349,14 @@
       "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==",
       "dev": true
     },
+    "node_modules/jay-peg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jay-peg/-/jay-peg-1.1.1.tgz",
+      "integrity": "sha512-D62KEuBxz/ip2gQKOEhk/mx14o7eiFRaU+VNNSP4MOiIkwb/D6B3G1Mfas7C/Fit8EsSV2/IWjZElx/Gs6A4ww==",
+      "dependencies": {
+        "restructure": "^3.0.0"
+      }
+    },
     "node_modules/jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
@@ -26984,6 +27321,11 @@
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
       "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
     },
+    "node_modules/media-engine": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/media-engine/-/media-engine-1.0.3.tgz",
+      "integrity": "sha512-aa5tG6sDoK+k70B9iEX1NeyfT8ObCKhNDs6lJVpwF6r8vhUfuKMslIcirq6HIUYuuUYLefcEQOn9bSBOvawtwg=="
+    },
     "node_modules/memfs": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
@@ -28864,15 +29206,6 @@
         "webpack": ">=5"
       }
     },
-    "node_modules/node-polyfill-webpack-plugin/node_modules/browserify-zlib": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-      "dev": true,
-      "dependencies": {
-        "pako": "~1.0.5"
-      }
-    },
     "node_modules/node-polyfill-webpack-plugin/node_modules/buffer": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
@@ -28897,12 +29230,6 @@
         "ieee754": "^1.2.1"
       }
     },
-    "node_modules/node-polyfill-webpack-plugin/node_modules/pako": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-      "dev": true
-    },
     "node_modules/node-polyfill-webpack-plugin/node_modules/readable-stream": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz",
@@ -28978,6 +29305,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-svg-path": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
+      "integrity": "sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==",
+      "dependencies": {
+        "svg-arc-to-cubic-bezier": "^3.0.0"
+      }
+    },
     "node_modules/npm-normalize-package-bin": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz",
@@ -29683,6 +30018,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -29782,6 +30122,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/parse-svg-path": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/parse-svg-path/-/parse-svg-path-0.1.2.tgz",
+      "integrity": "sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ=="
+    },
     "node_modules/parse5": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
@@ -31297,7 +31642,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
       "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
-      "dev": true,
       "dependencies": {
         "inherits": "~2.0.3"
       }
@@ -32224,7 +32568,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -32440,6 +32783,11 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "peer": true
     },
+    "node_modules/restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw=="
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -34556,6 +34904,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svg-arc-to-cubic-bezier": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz",
+      "integrity": "sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g=="
+    },
     "node_modules/svgo": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
@@ -35176,6 +35529,11 @@
         "node": ">=0.6.0"
       }
     },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw=="
+    },
     "node_modules/tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -35581,9 +35939,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
     "node_modules/tss-react": {
       "version": "4.9.13",
@@ -35930,6 +36288,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
     "node_modules/unicode-property-aliases-ecmascript": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
@@ -35939,6 +36306,20 @@
         "node": ">=4"
       }
     },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unicode-trie/node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA=="
+    },
     "node_modules/unicorn-magic": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
@@ -36765,6 +37146,19 @@
         }
       }
     },
+    "node_modules/vite-compatible-readable-stream": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/vite-compatible-readable-stream/-/vite-compatible-readable-stream-3.6.1.tgz",
+      "integrity": "sha512-t20zYkrSf868+j/p31cRIGN28Phrjm3nRSLR2fyc2tiWi4cZGVdv68yNlwnIINTkMTmPoMiSlc0OadaO7DXZaQ==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/vite-plugin-istanbul": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/vite-plugin-istanbul/-/vite-plugin-istanbul-3.0.4.tgz",
@@ -38222,6 +38616,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoga-layout": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
+      "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ=="
+    },
     "node_modules/zip-stream": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-4.1.1.tgz",
@@ -38331,6 +38730,12 @@
       "integrity": "sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==",
       "dev": true
     },
+    "@ag-media/react-pdf-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@ag-media/react-pdf-table/-/react-pdf-table-2.0.0.tgz",
+      "integrity": "sha512-fChEZgaIIBW6sG3H9v5ntY6DA6+CmjBV+VWjDhbbf8cRCfUE/WlnWe1xttoPqbwRRdkgJhvQBjQfxUgAswOz1A==",
+      "requires": {}
+    },
     "@ampproject/remapping": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -41254,6 +41659,11 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
       "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
     },
+    "@fontsource/dancing-script": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@fontsource/dancing-script/-/dancing-script-5.1.1.tgz",
+      "integrity": "sha512-Cz8XYPRQrRbOsqDmx7mSbCZAbz0WGq9rHYF2+sR43C/mSpmHlFOVmWRh2/JFlwL4/xuPttjrD41BLmUrudG6dA=="
+    },
     "@glen/jest-raw-loader": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@glen/jest-raw-loader/-/jest-raw-loader-2.0.0.tgz",
@@ -44425,6 +44835,170 @@
         }
       }
     },
+    "@react-pdf/fns": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/fns/-/fns-3.0.0.tgz",
+      "integrity": "sha512-ICbIWR93PE6+xf2Xd/fXYO1dAuiOAJaszEuGGv3wp5lLSeeelDXlEYLh6R05okxh28YqMzc0Qd85x6n6MtaLUQ==",
+      "requires": {
+        "@babel/runtime": "^7.20.13"
+      }
+    },
+    "@react-pdf/font": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/font/-/font-3.0.1.tgz",
+      "integrity": "sha512-s+0xrQabGoYDDZwVpz8PXp1ylwabqiMhzfyetvxBqjDuQ15PuoSkmUkKUOkfDzauuAqs0MLMvt+Pcv+NioLfzw==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/types": "^2.7.0",
+        "fontkit": "^2.0.2",
+        "is-url": "^1.2.4"
+      }
+    },
+    "@react-pdf/image": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/image/-/image-3.0.1.tgz",
+      "integrity": "sha512-Hd5F1LzjuzG4bL/ytaOYxwN/5ip8oFBYDHdpccOfYY87J/Ca7AL31SsuneLk9DtnwNM1BSAKXtBo/WDFY3r57A==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/png-js": "^3.0.0",
+        "jay-peg": "^1.1.0"
+      }
+    },
+    "@react-pdf/layout": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/layout/-/layout-4.2.0.tgz",
+      "integrity": "sha512-/0jMhDKwZH0lQs3umNsOduaPtkK0IUpaBRUEv4udHVD9lB2VzYoSNeYsCu+MJMPJyByXj70OSWV7IMjWTCKwWw==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "@react-pdf/image": "^3.0.1",
+        "@react-pdf/pdfkit": "^4.0.0",
+        "@react-pdf/primitives": "^4.0.0",
+        "@react-pdf/stylesheet": "^5.2.0",
+        "@react-pdf/textkit": "^5.0.1",
+        "@react-pdf/types": "^2.7.0",
+        "emoji-regex": "^10.3.0",
+        "queue": "^6.0.1",
+        "yoga-layout": "^3.1.0"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "10.4.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
+          "integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="
+        }
+      }
+    },
+    "@react-pdf/pdfkit": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/pdfkit/-/pdfkit-4.0.0.tgz",
+      "integrity": "sha512-HaaAoBpoRGJ6c1ZOANNQZ3q6Ehmagqa8n40x+OZ5s9HcmUviZ34SCm+QBa42s1o4299M+Lgw3UoqpW7sHv3/Hg==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/png-js": "^3.0.0",
+        "browserify-zlib": "^0.2.0",
+        "crypto-js": "^4.2.0",
+        "fontkit": "^2.0.2",
+        "jay-peg": "^1.1.0",
+        "vite-compatible-readable-stream": "^3.6.1"
+      }
+    },
+    "@react-pdf/png-js": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/png-js/-/png-js-3.0.0.tgz",
+      "integrity": "sha512-eSJnEItZ37WPt6Qv5pncQDxLJRK15eaRwPT+gZoujP548CodenOVp49GST8XJvKMFt9YqIBzGBV/j9AgrOQzVA==",
+      "requires": {
+        "browserify-zlib": "^0.2.0"
+      }
+    },
+    "@react-pdf/primitives": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/primitives/-/primitives-4.0.0.tgz",
+      "integrity": "sha512-yp4E0rDL03NaUp/CnDBz3HQNfH2Mzdlgku57yhTMGNzetwB0NJusXcjYg5XsTGIXnR7Tv80JKI4O4ajj+oaLeQ=="
+    },
+    "@react-pdf/reconciler": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/reconciler/-/reconciler-1.1.3.tgz",
+      "integrity": "sha512-4vqY0klmUH32kTFvuqdAszkOpwfZYKMLO4VpJ5xZWTsoUOLQSyhC2QM2QCj9eaxpB2Nd5Kl9uW+KfyutvZnMzQ==",
+      "requires": {
+        "object-assign": "^4.1.1",
+        "scheduler": "0.25.0-rc-603e6108-20241029"
+      },
+      "dependencies": {
+        "scheduler": {
+          "version": "0.25.0-rc-603e6108-20241029",
+          "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-603e6108-20241029.tgz",
+          "integrity": "sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA=="
+        }
+      }
+    },
+    "@react-pdf/render": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/render/-/render-4.0.2.tgz",
+      "integrity": "sha512-5QJB9sS0uU5ALTLxrtT073VT1imZhrzuOun+7kvo0nykeAr9I4lv0Shmy8rS4QhpmXn8ASmhd17WjCVm4DcJlw==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "@react-pdf/primitives": "^4.0.0",
+        "@react-pdf/textkit": "^5.0.1",
+        "@react-pdf/types": "^2.7.0",
+        "abs-svg-path": "^0.1.1",
+        "color-string": "^1.9.1",
+        "normalize-svg-path": "^1.1.0",
+        "parse-svg-path": "^0.1.2",
+        "svg-arc-to-cubic-bezier": "^3.2.0"
+      }
+    },
+    "@react-pdf/renderer": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/@react-pdf/renderer/-/renderer-4.1.6.tgz",
+      "integrity": "sha512-hfQ0PsuVqfoYxkYgmkj+HFkylbB1QTpXY1rnlgnzJlrlSoNXjzPrCa/ty8jcHOwYA2lNoazIAoDatBIsc8K5pw==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/font": "^3.0.1",
+        "@react-pdf/layout": "^4.2.0",
+        "@react-pdf/pdfkit": "^4.0.0",
+        "@react-pdf/primitives": "^4.0.0",
+        "@react-pdf/reconciler": "^1.1.3",
+        "@react-pdf/render": "^4.0.2",
+        "@react-pdf/types": "^2.7.0",
+        "events": "^3.3.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "queue": "^6.0.1"
+      }
+    },
+    "@react-pdf/stylesheet": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/stylesheet/-/stylesheet-5.2.0.tgz",
+      "integrity": "sha512-ST19VumM9iRG0z8EjDJnyQCG+NhPFtYUCAh5B8HY237MrsRGvMgzcwrpyyqcyuLwHHYy7S4iw8EY0mK9+Qa2XQ==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "@react-pdf/types": "^2.7.0",
+        "color-string": "^1.9.1",
+        "hsl-to-hex": "^1.0.0",
+        "media-engine": "^1.0.3",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
+    "@react-pdf/textkit": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/textkit/-/textkit-5.0.1.tgz",
+      "integrity": "sha512-4GdDiPA9l+If203hkh48slvRQmcmM3ecPLFTpXNMPrep/3retgvxUEXKMxI+xKclpw8tMzK/W6Z4hN9DgnxWMg==",
+      "requires": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.0.0",
+        "bidi-js": "^1.0.2",
+        "hyphen": "^1.6.4",
+        "unicode-properties": "^1.4.1"
+      }
+    },
+    "@react-pdf/types": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/types/-/types-2.7.0.tgz",
+      "integrity": "sha512-7KrPPCpgRPKR+g+T127PE4bpw9Q84ZiY07EYRwXKVtTEVW9wJ5BZiF9smT9IvH19s+MQaDLmYRgjESsnqlyH0Q=="
+    },
     "@rollup/plugin-commonjs": {
       "version": "28.0.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.1.tgz",
@@ -45041,6 +45615,37 @@
       "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
       "dev": true
     },
+    "@sindresorhus/slugify": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-2.2.1.tgz",
+      "integrity": "sha512-MkngSCRZ8JdSOCHRaYd+D01XhvU3Hjy6MGl06zhOk614hp9EOAp5gIkBeQg7wtmxpitU6eAL4kdiRMcJa2dlrw==",
+      "requires": {
+        "@sindresorhus/transliterate": "^1.0.0",
+        "escape-string-regexp": "^5.0.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+          "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="
+        }
+      }
+    },
+    "@sindresorhus/transliterate": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-1.6.0.tgz",
+      "integrity": "sha512-doH1gimEu3A46VX6aVxpHTeHrytJAG6HgdxntYnCFiIFHEM/ZGpG8KiZGBChchjQmG0XFIBL552kBTjVcMZXwQ==",
+      "requires": {
+        "escape-string-regexp": "^5.0.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+          "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="
+        }
+      }
+    },
     "@sinonjs/commons": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
@@ -47612,6 +48217,11 @@
         "event-target-shim": "^5.0.0"
       }
     },
+    "abs-svg-path": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
+      "integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA=="
+    },
     "accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -48592,8 +49202,7 @@
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
     },
     "base64id": {
       "version": "2.0.0",
@@ -48653,6 +49262,14 @@
         }
       }
     },
+    "bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "requires": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -48787,6 +49404,14 @@
       "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
       "dev": true
     },
+    "brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "requires": {
+        "base64-js": "^1.1.2"
+      }
+    },
     "browser-assert": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz",
@@ -49034,6 +49659,14 @@
         "safe-buffer": "^5.2.1"
       }
     },
+    "browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "requires": {
+        "pako": "~1.0.5"
+      }
+    },
     "browserslist": {
       "version": "4.24.2",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
@@ -49655,6 +50288,11 @@
         "wrap-ansi": "^7.0.0"
       }
     },
+    "clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w=="
+    },
     "clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -50337,6 +50975,11 @@
         "randomfill": "^1.0.3"
       }
     },
+    "crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
     "css-declaration-sorter": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz",
@@ -50926,6 +51569,11 @@
         "dequal": "^2.0.0"
       }
     },
+    "dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q=="
+    },
     "diff": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -52946,6 +53594,32 @@
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
       "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ=="
     },
+    "fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "requires": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      },
+      "dependencies": {
+        "@swc/helpers": {
+          "version": "0.5.15",
+          "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+          "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+          "requires": {
+            "tslib": "^2.8.0"
+          }
+        }
+      }
+    },
     "for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -53564,6 +54238,19 @@
         "parse-passwd": "^1.0.0"
       }
     },
+    "hsl-to-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-to-hex/-/hsl-to-hex-1.0.0.tgz",
+      "integrity": "sha512-K6GVpucS5wFf44X0h2bLVRDsycgJmf9FF2elg+CrqD8GcFU8c6vYhgXn8NjUkFCwj+xDFb70qgLbTUm6sxwPmA==",
+      "requires": {
+        "hsl-to-rgb-for-reals": "^1.1.0"
+      }
+    },
+    "hsl-to-rgb-for-reals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/hsl-to-rgb-for-reals/-/hsl-to-rgb-for-reals-1.1.1.tgz",
+      "integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg=="
+    },
     "html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -53829,6 +54516,11 @@
         "debug": "4"
       }
     },
+    "hyphen": {
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/hyphen/-/hyphen-1.10.6.tgz",
+      "integrity": "sha512-fXHXcGFTXOvZTSkPJuGOQf5Lv5T/R2itiiCVPg9LxAje5D00O0pP83yJShFq5V89Ly//Gt6acj7z8pbBr34stw=="
+    },
     "hyphenate-style-name": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
@@ -54319,6 +55011,11 @@
       "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
       "dev": true
     },
+    "is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+    },
     "is-weakmap": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
@@ -54641,6 +55338,14 @@
       "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==",
       "dev": true
     },
+    "jay-peg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jay-peg/-/jay-peg-1.1.1.tgz",
+      "integrity": "sha512-D62KEuBxz/ip2gQKOEhk/mx14o7eiFRaU+VNNSP4MOiIkwb/D6B3G1Mfas7C/Fit8EsSV2/IWjZElx/Gs6A4ww==",
+      "requires": {
+        "restructure": "^3.0.0"
+      }
+    },
     "jest": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
@@ -57662,6 +58367,11 @@
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
       "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
     },
+    "media-engine": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/media-engine/-/media-engine-1.0.3.tgz",
+      "integrity": "sha512-aa5tG6sDoK+k70B9iEX1NeyfT8ObCKhNDs6lJVpwF6r8vhUfuKMslIcirq6HIUYuuUYLefcEQOn9bSBOvawtwg=="
+    },
     "memfs": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
@@ -58991,15 +59701,6 @@
         "vm-browserify": "^1.1.2"
       },
       "dependencies": {
-        "browserify-zlib": {
-          "version": "0.2.0",
-          "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
-          "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
-          "dev": true,
-          "requires": {
-            "pako": "~1.0.5"
-          }
-        },
         "buffer": {
           "version": "6.0.3",
           "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
@@ -59010,12 +59711,6 @@
             "ieee754": "^1.2.1"
           }
         },
-        "pako": {
-          "version": "1.0.11",
-          "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
-          "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
-          "dev": true
-        },
         "readable-stream": {
           "version": "4.5.2",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz",
@@ -59069,6 +59764,14 @@
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
     },
+    "normalize-svg-path": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
+      "integrity": "sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==",
+      "requires": {
+        "svg-arc-to-cubic-bezier": "^3.0.0"
+      }
+    },
     "npm-normalize-package-bin": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz",
@@ -59604,6 +60307,11 @@
         "release-zalgo": "^1.0.0"
       }
     },
+    "pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
     "param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -59678,6 +60386,11 @@
       "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
       "dev": true
     },
+    "parse-svg-path": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/parse-svg-path/-/parse-svg-path-0.1.2.tgz",
+      "integrity": "sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ=="
+    },
     "parse5": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
@@ -60696,7 +61409,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
       "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
-      "dev": true,
       "requires": {
         "inherits": "~2.0.3"
       }
@@ -61406,8 +62118,7 @@
     "require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="
     },
     "require-in-the-middle": {
       "version": "7.4.0",
@@ -61584,6 +62295,11 @@
         }
       }
     },
+    "restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw=="
+    },
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -63167,6 +63883,11 @@
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
     },
+    "svg-arc-to-cubic-bezier": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz",
+      "integrity": "sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g=="
+    },
     "svgo": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
@@ -63643,6 +64364,11 @@
         "setimmediate": "^1.0.4"
       }
     },
+    "tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw=="
+    },
     "tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -63913,9 +64639,9 @@
       }
     },
     "tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
     "tss-react": {
       "version": "4.9.13",
@@ -64151,12 +64877,37 @@
       "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
       "dev": true
     },
+    "unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "requires": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
     "unicode-property-aliases-ecmascript": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
       "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
       "dev": true
     },
+    "unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "requires": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      },
+      "dependencies": {
+        "pako": {
+          "version": "0.2.9",
+          "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+          "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA=="
+        }
+      }
+    },
     "unicorn-magic": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
@@ -65024,6 +65775,16 @@
         }
       }
     },
+    "vite-compatible-readable-stream": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/vite-compatible-readable-stream/-/vite-compatible-readable-stream-3.6.1.tgz",
+      "integrity": "sha512-t20zYkrSf868+j/p31cRIGN28Phrjm3nRSLR2fyc2tiWi4cZGVdv68yNlwnIINTkMTmPoMiSlc0OadaO7DXZaQ==",
+      "requires": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      }
+    },
     "vite-plugin-istanbul": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/vite-plugin-istanbul/-/vite-plugin-istanbul-3.0.4.tgz",
@@ -65702,6 +66463,11 @@
       "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.2.tgz",
       "integrity": "sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA=="
     },
+    "yoga-layout": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
+      "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ=="
+    },
     "zip-stream": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-4.1.1.tgz",
diff --git a/package.json b/package.json
index e3a5eea..2c86b64 100644
--- a/package.json
+++ b/package.json
@@ -85,9 +85,11 @@
     "seed": "tsx src/prisma/seed.script.ts"
   },
   "dependencies": {
+    "@ag-media/react-pdf-table": "^2.0.0",
     "@codegouvfr/react-dsfr": "1.15.0",
     "@commander-js/extra-typings": "^12.1.0",
     "@faire/mjml-react": "^3.4.0",
+    "@fontsource/dancing-script": "^5.1.1",
     "@gouvfr/dsfr": "1.12.1",
     "@hookform/resolvers": "^3.9.1",
     "@inquirer/prompts": "^3.3.2",
@@ -99,7 +101,9 @@
     "@next-auth/prisma-adapter": "^1.0.7",
     "@next/bundle-analyzer": "^15.1.0",
     "@prisma/client": "5.19.1",
+    "@react-pdf/renderer": "^4.1.6",
     "@sentry/nextjs": "^8.30.0",
+    "@sindresorhus/slugify": "^2.2.1",
     "@socialgouv/matomo-next": "^1.8.1",
     "@tanstack/query-core": "^4.19.1",
     "@tanstack/react-query": "^4.19.1",
diff --git a/public/assets/images/declaration/sacem_logo.png b/public/assets/images/declaration/sacem_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b489f8e3a6a3eed819f6a6d108d41e78ad987971
GIT binary patch
literal 12907
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
a6OLcXI_>%m{5uH}l8l6+c+p1#pZ^0sPAU@s

literal 0
HcmV?d00001

diff --git a/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.stories.tsx b/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.stories.tsx
index 55611b9..24e23ae 100644
--- a/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.stories.tsx
+++ b/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.stories.tsx
@@ -1,5 +1,6 @@
 import { Meta, StoryFn } from '@storybook/react';
 
+import { userSessionContext } from '@ad/.storybook/auth';
 import { ComponentProps, StoryHelperFactory } from '@ad/.storybook/helpers';
 import { playFindMainTitle } from '@ad/.storybook/testing';
 import { AsCollaborator as PrivateLayoutAsCollaboratorStory } from '@ad/src/app/(private)/PrivateLayout.stories';
@@ -65,6 +66,9 @@ NormalStory.args = {
   ...commonComponentProps,
 };
 NormalStory.parameters = {
+  nextAuthMock: {
+    session: userSessionContext,
+  },
   msw: {
     handlers: [
       ...mswCommonParameters,
diff --git a/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.tsx b/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.tsx
index 1ddf324..32554cc 100644
--- a/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.tsx
+++ b/src/app/(private)/dashboard/organization/[organizationId]/serie/[eventSerieId]/declaration/sacem/SacemDeclarationPage.tsx
@@ -10,6 +10,8 @@ import { LoadingButton as Button } from '@mui/lab';
 import { Accordion, AccordionDetails, AccordionSummary, Alert, Autocomplete, Box, Chip, Link, TextField, Tooltip, Typography } from '@mui/material';
 import Container from '@mui/material/Container';
 import Grid from '@mui/material/Grid';
+import { pdf } from '@react-pdf/renderer';
+import slugify from '@sindresorhus/slugify';
 import NextLink from 'next/link';
 import { useCallback, useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -22,8 +24,10 @@ import { EventSalesTable } from '@ad/src/components/EventSalesTable';
 import { LoadingArea } from '@ad/src/components/LoadingArea';
 import { SacemExpensesTable } from '@ad/src/components/SacemExpensesTable';
 import { SacemRevenuesTable } from '@ad/src/components/SacemRevenuesTable';
+import { SacemDeclarationDocument } from '@ad/src/components/documents/templates/SacemDeclaration';
 import { useSingletonConfirmationDialog } from '@ad/src/components/modal/useModal';
 import { FillSacemDeclarationSchema, FillSacemDeclarationSchemaType } from '@ad/src/models/actions/declaration';
+import { useSession } from '@ad/src/proxies/next-auth/react';
 import { currencyFormatter, currencyFormatterWithNoDecimals } from '@ad/src/utils/currency';
 import { capitalizeFirstLetter } from '@ad/src/utils/format';
 import { centeredAlertContainerGridProps } from '@ad/src/utils/grid';
@@ -35,6 +39,7 @@ export interface SacemDeclarationPageProps {
 
 export function SacemDeclarationPage({ params: { eventSerieId } }: SacemDeclarationPageProps) {
   const { t } = useTranslation('common');
+  const sessionWrapper = useSession();
 
   const updateEventCategoryTickets = trpc.updateEventCategoryTickets.useMutation();
   const fillSacemDeclaration = trpc.fillSacemDeclaration.useMutation();
@@ -60,6 +65,7 @@ export function SacemDeclarationPage({ params: { eventSerieId } }: SacemDeclarat
   const [expandedAccordions, setExpandedAccordions] = useState<string[]>([]);
   const collapseAllAccordions = useCallback(() => setExpandedAccordions([]), []);
   const expandAllAccordions = useCallback(() => setExpandedAccordions(listEvents.data!.eventsWrappers.map((eW) => eW.event.id)), [listEvents.data]);
+  const [isGeneratingPdf, setIsGeneratingPdf] = useState<boolean>(false);
 
   const { showConfirmationDialog } = useSingletonConfirmationDialog();
 
@@ -97,6 +103,50 @@ export function SacemDeclarationPage({ params: { eventSerieId } }: SacemDeclarat
     [fillSacemDeclaration, reset, eventSerieId]
   );
 
+  const generatePdf = useCallback(async () => {
+    if (sessionWrapper.data?.user && getSacemDeclaration.data?.sacemDeclarationWrapper.declaration) {
+      setIsGeneratingPdf(true);
+
+      try {
+        const pdfBlob = await pdf(
+          <SacemDeclarationDocument
+            sacemDeclaration={getSacemDeclaration.data.sacemDeclarationWrapper.declaration}
+            signatory={`${sessionWrapper.data.user.firstname} ${sessionWrapper.data.user.lastname}`}
+          />
+        ).toBlob();
+
+        const pdfBlobUrl = URL.createObjectURL(pdfBlob);
+
+        return pdfBlobUrl;
+      } finally {
+        setIsGeneratingPdf(false);
+      }
+    }
+
+    return null;
+  }, [getSacemDeclaration.data, sessionWrapper.data]);
+
+  const downloadPdf = useCallback(async () => {
+    const pdfBlobUrl = await generatePdf();
+
+    if (pdfBlobUrl) {
+      const downloadLink = document.createElement('a');
+      downloadLink.href = pdfBlobUrl;
+      downloadLink.download = `Déclaration SACEM - ${slugify(getEventSerie.data?.eventSerie.name || 'Série de représentations')}`;
+      document.body.appendChild(downloadLink);
+      downloadLink.click();
+      document.body.removeChild(downloadLink);
+    }
+  }, [generatePdf, getEventSerie.data]);
+
+  const previewPdf = useCallback(async () => {
+    const pdfBlobUrl = await generatePdf();
+
+    if (pdfBlobUrl) {
+      window.open(pdfBlobUrl, '_blank');
+    }
+  }, [generatePdf]);
+
   useEffect(() => {
     if (!formInitialized && getSacemDeclaration.data) {
       setFormInitialized(true); // It's needed otherwise if you blur/focus again the window the new fetch data will override the "dirty form data"
@@ -808,8 +858,8 @@ export function SacemDeclarationPage({ params: { eventSerieId } }: SacemDeclarat
                     <>
                       <Grid item xs>
                         <Button
-                          // onClick={downloadPdf}
-                          // loading={generatePdfFromDeclaration.isLoading}
+                          onClick={downloadPdf}
+                          loading={isGeneratingPdf}
                           size="large"
                           variant="contained"
                           fullWidth
@@ -820,8 +870,8 @@ export function SacemDeclarationPage({ params: { eventSerieId } }: SacemDeclarat
                       </Grid>
                       <Grid item xs>
                         <Button
-                          // onClick={downloadPdf}
-                          // loading={generatePdfFromDeclaration.isLoading}
+                          onClick={previewPdf}
+                          loading={isGeneratingPdf}
                           size="large"
                           variant="contained"
                           fullWidth
diff --git a/src/assets/fonts/index.css b/src/assets/fonts/index.css
index aa683a0..4fd1ef9 100644
--- a/src/assets/fonts/index.css
+++ b/src/assets/fonts/index.css
@@ -1,3 +1,7 @@
+/* Not using this directly since we put this specific into a custom folder */
+/* @import "~@fontsource/dancing-script/latin.css"; */
+@import '~@fontsource/dancing-script/latin.css';
+
 .protectedFromStyleSwitchWorkaround {
   /* This file will not see its style definition received a `media="not all"` (that was needed due to DSFR style leakage in Storybook) */
   display: none;
@@ -92,3 +96,13 @@
   font-weight: 900;
   font-style: normal;
 }
+
+@font-face {
+  font-family: 'Dancing Script';
+  src:
+    url('/assets/fonts/dancing-script-latin-400-normal.woff2') format('woff2'),
+    url('/assets/fonts/dancing-script-latin-400-normal.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
diff --git a/src/components/documents/layouts/StandardLayout.stories.tsx b/src/components/documents/layouts/StandardLayout.stories.tsx
new file mode 100644
index 0000000..08640ae
--- /dev/null
+++ b/src/components/documents/layouts/StandardLayout.stories.tsx
@@ -0,0 +1,91 @@
+import { Text } from '@react-pdf/renderer';
+import { Meta, StoryFn } from '@storybook/react';
+
+import { WithDocumentRenderer, commonDocumentsParameters } from '@ad/.storybook/document';
+import { StoryHelperFactory } from '@ad/.storybook/helpers';
+import { playFindDocumentStructure } from '@ad/.storybook/testing';
+import { StandardLayout, styles } from '@ad/src/components/documents/layouts/StandardLayout';
+
+type ComponentType = typeof StandardLayout;
+const { generateMetaDefault, prepareStory } = StoryHelperFactory<ComponentType>();
+
+export default {
+  title: 'Documents/Layouts/Standard',
+  component: StandardLayout,
+  ...generateMetaDefault({
+    parameters: {
+      ...commonDocumentsParameters,
+      docs: {
+        description: {
+          component: 'Standard document layout that wraps content.',
+        },
+      },
+    },
+  }),
+} as Meta<ComponentType>;
+
+const Template: StoryFn<ComponentType> = (args) => {
+  return <StandardLayout {...args} />;
+};
+
+const EmptyStory = Template.bind({});
+EmptyStory.args = {
+  title: '',
+};
+EmptyStory.decorators = [WithDocumentRenderer];
+EmptyStory.play = async ({ canvasElement }) => {
+  await playFindDocumentStructure(canvasElement);
+};
+
+export const Empty = prepareStory(EmptyStory);
+
+const LoremStory = Template.bind({});
+LoremStory.args = {
+  title: 'Cum aut aliquam ullam praesentium',
+  children: (
+    <>
+      <Text style={styles.h1}>Cum aut aliquam ullam praesentium</Text>
+      <Text style={styles.p}>
+        Sunt vero accusamus sunt sit adipisci eos ut. Dolores neque et sunt. Id dolores qui fugiat corporis eum. Voluptas omnis molestiae modi vel ut
+        molestiae. Nesciunt eum dolorem quis. Vitae dignissimos repellat voluptate voluptatibus fugiat placeat eligendi. Qui asperiores praesentium
+        ullam atque nisi sed. Soluta quasi eum. Ut iure maiores ipsam numquam aliquid perferendis voluptatem dolores.
+      </Text>
+      <Text style={styles.p}>
+        Ad magni voluptatem architecto maxime ut assumenda et repudiandae. Accusantium ex nostrum eos qui animi aut. Tenetur possimus deserunt et et
+        illo et fuga. Ex non vero maiores provident. Neque minus ducimus id. Quia aut nisi cupiditate nulla nihil. Non quis et deserunt est. Vel
+        ducimus aut et ut est optio soluta non. Dolor fuga fugit quisquam et. Eum officiis at autem enim suscipit pariatur et voluptatem eaque.
+        Voluptas omnis consequatur quia debitis autem voluptas incidunt perferendis asperiores. Est accusantium quo ducimus. Molestias ex sint qui
+        eos. Ex perferendis non sequi praesentium. Dolorum ut facere. Sunt ut et possimus consequuntur pariatur.
+      </Text>
+      <Text style={styles.p}>
+        Tenetur delectus iure magnam dicta vel. Sed neque harum nesciunt. Quasi ut maxime exercitationem autem qui qui cum. Asperiores modi iste
+        dolore deleniti aliquid veritatis ea iste nihil. Excepturi totam voluptatibus adipisci. Minus aspernatur eos omnis repudiandae omnis. Sit sit
+        alias asperiores facere alias nam rerum eius. Optio aperiam repellat cum cupiditate sed cupiditate. Iusto aliquam aperiam quasi odio culpa.
+        Nulla perferendis numquam reprehenderit veniam. Veritatis consequuntur voluptatibus laborum sed perspiciatis. Nostrum et mollitia aperiam
+        atque quia earum nisi.
+      </Text>
+      <Text style={styles.p}>
+        Aut laboriosam expedita optio amet ipsum. Debitis aut quis. Consequuntur facere natus. Est ratione est et voluptates. Ea libero eos suscipit
+        voluptas. Aut in dolores amet et. Magni accusantium sit dignissimos blanditiis eum. Illum minima rerum quisquam. Aut cumque saepe accusantium
+        saepe ducimus dolorum et reiciendis. Qui dolorum repellendus sed iste sed hic voluptatem quia architecto. Hic aut eveniet ut dolorem magnam
+        tempora et est maiores. Dolore soluta ea debitis autem error aut molestiae. Iusto sed assumenda cupiditate quia voluptatem. Tempora ea nihil
+        aliquam asperiores dignissimos eum culpa praesentium ullam. Eaque minima ullam sunt beatae adipisci est qui saepe et. Nam expedita nostrum
+        repellat illum totam suscipit. Consequatur eos quia vero molestiae ad natus esse dolorem fugit. Sequi est officia ut id in ipsam occaecati
+        quo.
+      </Text>
+      <Text style={styles.p}>
+        Molestiae est ea officia omnis sit voluptas quis. Animi repudiandae architecto itaque voluptatibus possimus sit dolore aut rerum.
+        Necessitatibus quo vero exercitationem tempora excepturi odit consequatur tempore amet. Commodi distinctio repellat nostrum. Laborum rerum
+        repudiandae aut ut quis nemo nihil qui. Eos nihil alias quo molestiae ut voluptas sint. Illo consequuntur non explicabo possimus. Sequi optio
+        eos et incidunt sint nulla eveniet. Dolor saepe quis dolorem nobis debitis quas qui. Laboriosam ratione cum unde omnis ab qui sequi culpa
+        quas. Maxime doloremque nemo omnis quas officiis. Distinctio sed dolor perferendis perferendis tempora.
+      </Text>
+    </>
+  ),
+};
+LoremStory.decorators = [WithDocumentRenderer];
+LoremStory.play = async ({ canvasElement }) => {
+  await playFindDocumentStructure(canvasElement);
+};
+
+export const Lorem = prepareStory(LoremStory);
diff --git a/src/components/documents/layouts/StandardLayout.tsx b/src/components/documents/layouts/StandardLayout.tsx
new file mode 100644
index 0000000..6486ed9
--- /dev/null
+++ b/src/components/documents/layouts/StandardLayout.tsx
@@ -0,0 +1,295 @@
+import { Document, Font, Image, Link, Page, StyleSheet, Text, View } from '@react-pdf/renderer';
+import { PropsWithChildren } from 'react';
+import React from 'react';
+
+import { useServerTranslation } from '@ad/src/i18n';
+import { linkRegistry } from '@ad/src/utils/routes/registry';
+import { getBaseUrl } from '@ad/src/utils/url';
+
+// Between DSFR values and how the PDF library reacts, we need to adjust a bit
+const reductionCoefficient = 0.7;
+
+export const styles = StyleSheet.create({
+  gridContainer: {
+    display: 'flex',
+    width: '100%',
+    flexDirection: 'row',
+    '@media max-width: 400': {
+      flexDirection: 'column',
+    },
+    flexWrap: 'wrap',
+    paddingBottom: 20,
+    rowGap: 10,
+    columnGap: 10,
+  },
+  gridItem: {
+    flexGrow: 1,
+    minWidth: '30vw',
+  },
+  gridBreak: {
+    // TODO: breaking to a new line makes "gap" of the container above and below... and we are not able to
+    // use negative margin with the PDF library. Gave up for now ;)
+    flexBasis: '100%',
+    height: 0,
+  },
+  label: {
+    fontSize: 10,
+    color: '#666',
+  },
+  // Inspired from https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-de-l-identite-de-l-etat/typographie
+  // (we tried to reuse "CSS in JS" from the `react-dsfr` but some values are `var(xxx)` so it cannot work, and also having `fontSize` as `rem` unit breaks `fontWeight`... so hardcoding values)
+  h1: {
+    fontSize: reductionCoefficient * 40,
+    fontWeight: 700,
+    marginBottom: reductionCoefficient * 24,
+  },
+  h2: {
+    fontSize: reductionCoefficient * 32,
+    fontWeight: 700,
+    marginBottom: reductionCoefficient * 24,
+  },
+  h3: {
+    fontSize: reductionCoefficient * 28,
+    fontWeight: 700,
+    marginBottom: reductionCoefficient * 24,
+  },
+  h4: {
+    fontSize: reductionCoefficient * 24,
+    fontWeight: 700,
+    marginBottom: reductionCoefficient * 24,
+  },
+  h5: {
+    fontSize: reductionCoefficient * 22,
+    fontWeight: 700,
+    marginBottom: reductionCoefficient * 24,
+  },
+  h6: {
+    fontSize: reductionCoefficient * 20,
+    fontWeight: 700,
+    marginBottom: reductionCoefficient * 24,
+  },
+  p: {
+    marginBottom: reductionCoefficient * 24,
+  },
+  link: {
+    color: '#161616',
+    textUnderlineOffset: 3, // TODO: not working, it's a bit hard to see underscore for example
+  },
+});
+
+export const layoutStyles = StyleSheet.create({
+  page: {
+    fontFamily: 'Marianne',
+    padding: '6vw 6vw 6vw 6vw', // Found some models with right padding at `4vw`, but when printing `recto/verso` it could cause issue if attaching pages... so leaving the same for both left and right
+    color: '#161616',
+  },
+  header: {
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingBottom: '6vw',
+  },
+  headerLogo: {
+    width: '25%',
+    maxHeight: '12vw',
+    objectPosition: 'left center',
+    objectFit: 'contain',
+  },
+  headerDescription: {
+    width: '75%',
+    textAlign: 'right',
+  },
+  headerDescriptionLink: {
+    color: '#161616', // Force color
+    textDecoration: 'none',
+  },
+  headerTitle: {
+    fontSize: 16,
+    fontWeight: 700,
+    paddingBottom: 2,
+  },
+  headerSubtitle: {
+    fontSize: 12,
+    paddingTop: 2,
+  },
+  content: {
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start',
+    fontSize: 12,
+    paddingTop: '6vw',
+    // paddingHorizontal: '9vw', // For normal layout
+    paddingHorizontal: '0vw', // For SACEM declaration
+  },
+  footer: {
+    width: '100%',
+    height: 'auto',
+    display: 'flex',
+    flexDirection: 'row',
+    gap: 10,
+  },
+  footerSpacer: {
+    flexGrow: 1,
+    minHeight: '6vw',
+  },
+  footerItem: {
+    flexBasis: 0,
+    flexGrow: 1,
+    display: 'flex',
+  },
+  footerItemText: {
+    width: '100%',
+    color: '#666',
+    fontSize: 8,
+  },
+  footerItemTextWebsite: {
+    textAlign: 'left',
+  },
+  footerItemTextPageNumber: {
+    textAlign: 'center',
+  },
+  footerItemTextCreatedDate: {
+    textAlign: 'right',
+  },
+});
+
+Font.register({
+  family: 'Marianne',
+  fonts: [
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Light.woff2`,
+      fontWeight: 300,
+      fontStyle: 'normal',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Light_Italic.woff2`,
+      fontWeight: 300,
+      fontStyle: 'italic',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Regular.woff2`,
+      fontWeight: 400,
+      fontStyle: 'normal',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Regular_Italic.woff2`,
+      fontWeight: 400,
+      fontStyle: 'italic',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Medium.woff2`,
+      fontWeight: 500,
+      fontStyle: 'normal',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Medium_Italic.woff2`,
+      fontWeight: 500,
+      fontStyle: 'italic',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Bold.woff2`,
+      fontWeight: 700,
+      fontStyle: 'normal',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Marianne-Bold_Italic.woff2`,
+      fontWeight: 700,
+      fontStyle: 'italic',
+    },
+  ],
+});
+
+Font.register({
+  family: 'Spectral',
+  fonts: [
+    {
+      src: `${getBaseUrl()}/assets/fonts/Spectral-Regular.woff2`,
+      fontWeight: 400,
+      fontStyle: 'normal',
+    },
+    {
+      src: `${getBaseUrl()}/assets/fonts/Spectral-ExtraBold.woff2`,
+      fontWeight: 900,
+      fontStyle: 'normal',
+    },
+  ],
+});
+
+Font.register({
+  family: 'Dancing Script',
+  fonts: [
+    {
+      src: `${getBaseUrl()}/assets/fonts/dancing-script-latin-400-normal.woff2`,
+      // [WORKAROUND] Commenting the following to make it the default no matter the variation
+      // fontWeight: 400,
+      // fontStyle: 'normal',
+    },
+  ],
+});
+
+Font.registerHyphenationCallback((word) => [word]); // Disable hyphenation
+
+export interface StandardLayoutProps {
+  title: string;
+  header?: JSX.Element;
+}
+
+export function StandardLayout(props: PropsWithChildren<StandardLayoutProps>) {
+  const { t } = useServerTranslation('common');
+
+  return (
+    <Document language="fr-FR" title={props.title} creator="assistant-declaration" producer="assistant-declaration">
+      <Page size="A4" wrap style={layoutStyles.page}>
+        {props.header ? (
+          props.header
+        ) : (
+          <View style={layoutStyles.header}>
+            {/* eslint-disable-next-line jsx-a11y/alt-text */}
+            <Image src={`${getBaseUrl()}/assets/images/logo.png`} style={layoutStyles.headerLogo} />
+            <View style={layoutStyles.headerDescription}>
+              <Link src={linkRegistry.get('home', undefined, { absolute: true })} style={layoutStyles.headerDescriptionLink}>
+                <Text style={layoutStyles.headerTitle}>Assistant déclaration</Text>
+                <Text style={layoutStyles.headerSubtitle}>À destination des entrepreneurs du spectacle vivant</Text>
+              </Link>
+            </View>
+          </View>
+        )}
+        <View style={layoutStyles.content}>{props.children}</View>
+        <View style={layoutStyles.footerSpacer} fixed></View>
+        <View
+          style={layoutStyles.footer}
+          fixed
+          render={({ pageNumber }) => {
+            return (
+              <>
+                <View style={layoutStyles.footerItem}>
+                  {pageNumber === 1 && (
+                    <>
+                      {/* <Text style={{ ...layoutStyles.footerItemText, ...layoutStyles.footerItemTextWebsite }}>Généré par {linkRegistry.get('home', undefined, { absolute: true })}</Text> */}
+                    </>
+                  )}
+                </View>
+                <View style={layoutStyles.footerItem}>
+                  <Text
+                    style={{ ...layoutStyles.footerItemText, ...layoutStyles.footerItemTextPageNumber }}
+                    render={({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`}
+                  />
+                </View>
+                <View style={layoutStyles.footerItem}>
+                  {pageNumber === 1 && (
+                    <Text style={{ ...layoutStyles.footerItemText, ...layoutStyles.footerItemTextCreatedDate }}>
+                      {t('date.short', { date: new Date() })}
+                    </Text>
+                  )}
+                </View>
+              </>
+            );
+          }}
+        ></View>
+      </Page>
+    </Document>
+  );
+}
diff --git a/src/components/documents/partials/.gitkeep b/src/components/documents/partials/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/documents/templates/SacemDeclaration.stories.tsx b/src/components/documents/templates/SacemDeclaration.stories.tsx
new file mode 100644
index 0000000..abf8fad
--- /dev/null
+++ b/src/components/documents/templates/SacemDeclaration.stories.tsx
@@ -0,0 +1,41 @@
+import { Meta, StoryFn } from '@storybook/react';
+
+import { WithDocumentRenderer, commonDocumentsParameters } from '@ad/.storybook/document';
+import { StoryHelperFactory } from '@ad/.storybook/helpers';
+import { playFindDocumentStructure } from '@ad/.storybook/testing';
+import { SacemDeclarationDocument } from '@ad/src/components/documents/templates/SacemDeclaration';
+import { sacemDeclarations } from '@ad/src/fixtures/declaration';
+
+type ComponentType = typeof SacemDeclarationDocument;
+const { generateMetaDefault, prepareStory } = StoryHelperFactory<ComponentType>();
+
+export default {
+  title: 'Documents/Templates/SacemDeclaration',
+  component: SacemDeclarationDocument,
+  ...generateMetaDefault({
+    parameters: {
+      ...commonDocumentsParameters,
+      docs: {
+        description: {
+          component: 'Document sent as declaration for SACEM.',
+        },
+      },
+    },
+  }),
+} as Meta<ComponentType>;
+
+const Template: StoryFn<ComponentType> = (args) => {
+  return <SacemDeclarationDocument {...args} />;
+};
+
+const NormalStory = Template.bind({});
+NormalStory.args = {
+  sacemDeclaration: sacemDeclarations[0],
+  signatory: 'Jean Derrien',
+};
+NormalStory.decorators = [WithDocumentRenderer];
+NormalStory.play = async ({ canvasElement }) => {
+  await playFindDocumentStructure(canvasElement);
+};
+
+export const Normal = prepareStory(NormalStory);
diff --git a/src/components/documents/templates/SacemDeclaration.tsx b/src/components/documents/templates/SacemDeclaration.tsx
new file mode 100644
index 0000000..1934ad5
--- /dev/null
+++ b/src/components/documents/templates/SacemDeclaration.tsx
@@ -0,0 +1,198 @@
+import { Table, TableCell, TableHeader, TableRow } from '@ag-media/react-pdf-table';
+import { fr } from '@codegouvfr/react-dsfr';
+import { Image, Link, StyleSheet, Text, View } from '@react-pdf/renderer';
+import slugify from '@sindresorhus/slugify';
+import { useState } from 'react';
+
+import { StandardLayout, layoutStyles, styles } from '@ad/src/components/documents/layouts/StandardLayout';
+import { useServerTranslation } from '@ad/src/i18n/index';
+import { SacemDeclarationSchemaType } from '@ad/src/models/entities/declaration';
+import { currencyFormatter } from '@ad/src/utils/currency';
+import { getBaseUrl } from '@ad/src/utils/url';
+
+export const sacemStyles = StyleSheet.create({
+  header: {
+    ...layoutStyles.header,
+    paddingBottom: '3vw',
+  },
+});
+
+export interface SacemDeclarationDocumentProps {
+  sacemDeclaration: SacemDeclarationSchemaType;
+  signatory: string;
+}
+
+export function SacemDeclarationDocument(props: SacemDeclarationDocumentProps) {
+  const { t } = useServerTranslation('common');
+  const theme = fr.colors.getHex({ isDark: false });
+  const title = `Déclaration SACEM - ${props.sacemDeclaration.eventSerieName}`;
+
+  const [currentDate] = useState<Date>(() => new Date());
+
+  return (
+    <StandardLayout
+      title={title}
+      header={
+        <View style={{ ...sacemStyles.header, paddingBottom: '0vw' }}>
+          {/* eslint-disable-next-line jsx-a11y/alt-text */}
+          <Image src={`${getBaseUrl()}/assets/images/declaration/sacem_logo.png`} style={{ ...layoutStyles.headerLogo, maxHeight: '6vw' }} />
+          <View style={layoutStyles.headerDescription}>
+            <Text style={layoutStyles.headerSubtitle}>SACEM - Société des Auteurs, Compositeurs et Éditeurs de Musique</Text>
+            <Text style={layoutStyles.headerSubtitle}>225 avenue Charles de Gaulle, 92528 Neuilly-sur-Seine Cedex</Text>
+            <Text style={layoutStyles.headerSubtitle}>
+              <Link src="https://www.sacem.fr">www.sacem.fr</Link> - Tél. <Link src="tel:+33147154715">01 47 15 47 15</Link>
+            </Text>
+            <Text style={{ ...layoutStyles.headerSubtitle, fontSize: 9, fontStyle: 'italic', marginTop: 5 }}>
+              Ce document doit être adressé à votre délégation Sacem avant le dernier jour du mois suivant la dernière représentation du spectacle.
+            </Text>
+          </View>
+        </View>
+      }
+    >
+      <Text style={styles.h1}>État des recettes et dépenses</Text>
+      <Text style={styles.h2}>Informations sur la structure</Text>
+      <View style={styles.gridContainer}>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Organisateur / Structure</Text>
+          <Text>{props.sacemDeclaration.organizationName}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>N° de client</Text>
+          <Text>{props.sacemDeclaration.clientId}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Nom de la salle</Text>
+          <Text>{props.sacemDeclaration.placeName}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Jauge</Text>
+          <Text>{props.sacemDeclaration.placeCapacity}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Personne en charge</Text>
+          <Text>{props.sacemDeclaration.managerName}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Qualité</Text>
+          <Text>{props.sacemDeclaration.managerTitle}</Text>
+        </View>
+      </View>
+      <Text style={styles.h2}>Informations sur le spectacle</Text>
+      <View style={styles.gridContainer}>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Nom du spectacle</Text>
+          <Text>{props.sacemDeclaration.eventSerieName}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Date</Text>
+          <Text>
+            {t('date.short', { date: props.sacemDeclaration.eventSerieStartAt })} →{' '}
+            {t('date.short', {
+              date: props.sacemDeclaration.eventSerieEndAt,
+            })}
+          </Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Nombre de représentations</Text>
+          <Text>{props.sacemDeclaration.eventsCount}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Genre du spectacle</Text>
+          <Text>{props.sacemDeclaration.performanceType}</Text>
+        </View>
+      </View>
+      <Text style={styles.h2}>Recettes</Text>
+      <View style={styles.gridContainer}>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Nombre d&apos;entrées payantes</Text>
+          <Text>{props.sacemDeclaration.paidTickets}</Text>
+        </View>
+        <View style={styles.gridItem}>
+          <Text style={styles.label}>Nombre d&apos;entrées gratuites</Text>
+          <Text>{props.sacemDeclaration.freeTickets}</Text>
+        </View>
+        <View style={{ ...styles.gridItem, paddingTop: 10 }}>
+          <Table weightings={[2, 1, 1, 1, 1]} tdStyle={{ padding: 5 }}>
+            <TableHeader fixed>
+              <TableCell>Origine des recettes</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Taux de TVA</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Recettes HT</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Montant de la TVA</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Recettes TTC</TableCell>
+            </TableHeader>
+            {props.sacemDeclaration.revenues.map((revenue, index) => (
+              <TableRow
+                key={index}
+                style={{
+                  backgroundColor:
+                    index % 2 === 0 ? theme.decisions.background.alt.blueFrance.default : theme.decisions.background.default.grey.default,
+                }}
+              >
+                <TableCell>{revenue.categoryPrecision ?? t(`model.sacemDeclaration.accountingCategory.enum.${revenue.category}`)}</TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>{revenue.taxRate * 100}%</TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>
+                  {currencyFormatter.format((1 - revenue.taxRate) * revenue.includingTaxesAmount)}
+                </TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>
+                  {currencyFormatter.format(revenue.taxRate * revenue.includingTaxesAmount)}
+                </TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>{currencyFormatter.format(revenue.includingTaxesAmount)}</TableCell>
+              </TableRow>
+            ))}
+          </Table>
+        </View>
+      </View>
+      <Text style={styles.h2}>Dépenses artistiques</Text>
+      <View style={styles.gridContainer}>
+        <View style={styles.gridItem}>
+          <Table weightings={[2, 1, 1, 1, 1]} tdStyle={{ padding: 5 }}>
+            <TableHeader fixed>
+              <TableCell>Type de contrat</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Taux de TVA</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Recettes HT</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Montant de la TVA</TableCell>
+              <TableCell style={{ justifyContent: 'flex-end' }}>Recettes TTC</TableCell>
+            </TableHeader>
+            {props.sacemDeclaration.expenses.map((expense, index) => (
+              <TableRow
+                key={index}
+                style={{
+                  backgroundColor:
+                    index % 2 === 0 ? theme.decisions.background.alt.blueFrance.default : theme.decisions.background.default.grey.default,
+                }}
+              >
+                <TableCell>{expense.categoryPrecision ?? t(`model.sacemDeclaration.accountingCategory.enum.${expense.category}`)}</TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>{expense.taxRate * 100}%</TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>
+                  {currencyFormatter.format((1 - expense.taxRate) * expense.includingTaxesAmount)}
+                </TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>
+                  {currencyFormatter.format(expense.taxRate * expense.includingTaxesAmount)}
+                </TableCell>
+                <TableCell style={{ justifyContent: 'flex-end' }}>{currencyFormatter.format(expense.includingTaxesAmount)}</TableCell>
+              </TableRow>
+            ))}
+          </Table>
+        </View>
+      </View>
+      <View style={styles.gridContainer}>
+        <View style={{ ...styles.gridItem, textAlign: 'right', paddingRight: '6vw', paddingTop: 10 }}>
+          <Text>Je certifie l&apos;exactitude des renseignements ci-dessus.</Text>
+          <Text style={{ marginTop: 10 }}>
+            Fait à {props.sacemDeclaration.declarationPlace}, le {t('date.short', { date: currentDate })}
+          </Text>
+          <Text
+            style={
+              {
+                // TODO: For whatever reason this custom font is not working at all despite the source file is reachable... it needs to be investigated
+                // fontFamily: 'Dancing Script',
+              }
+            }
+          >
+            {props.signatory}
+          </Text>
+        </View>
+      </View>
+    </StandardLayout>
+  );
+}