Adding translation for ressource titles

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>

.idea/misc.xml

@@ -3,5 +3,5 @@
   <component name="Black">
     <option name="sdkName" value="Python 3.10" />
   </component>
-  <component name="ProjectRootManager" version="2" project-jdk-name="Remote Python 3.13.2 Docker Compose (api)" project-jdk-type="Python SDK" />
+  <component name="ProjectRootManager" version="2" project-jdk-name="Remote Python 3.13.3 Docker Compose (api)" project-jdk-type="Python SDK" />
 </project>

.idea/roleplay-contracts.iml

@@ -5,7 +5,7 @@
       <sourceFolder url="file://$MODULE_DIR$/api/rpk-api" isTestSource="false" />
       <excludeFolder url="file://$MODULE_DIR$/api/.venv" />
     </content>
-    <orderEntry type="jdk" jdkName="Remote Python 3.13.2 Docker Compose (api)" jdkType="Python SDK" />
+    <orderEntry type="jdk" jdkName="Remote Python 3.13.3 Docker Compose (api)" jdkType="Python SDK" />
     <orderEntry type="sourceFolder" forTests="false" />
   </component>
 </module>

api/.gitignore

@@ -1 +1,2 @@
-*/__pycache__/*
+__pycache__/
+* .pyc

api/fixtures/entities.js

@@ -0,0 +1,355 @@
+db.Entity.insertMany([
+  {
+    "_id": ObjectId("640e297191d0c1b8d9caa30c"),
+    "address": "Barbareno Road - Chumash, SA",
+    "created_at": "2023-03-12T18:46:23.366Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Nathaniel",
+      "middlename": "",
+      "lastname": "Toshi",
+      "surnames": [],
+      "day_of_birth": "1992-08-11T00:00:00.000Z",
+      "place_of_birth": "Port Angeles, WA"
+    },
+    "label": "Nathaniel Toshi",
+    "updated_at": "2023-03-12T19:35:13.750Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("640e5b7391d0c1b8d9caa311"),
+    "address": "",
+    "created_at": "2023-03-12T18:46:23.366Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Nina",
+      "middlename": "",
+      "lastname": "Domingo",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Nina Cooper",
+    "updated_at": "2023-03-12T23:08:35.082Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("640e5bb991d0c1b8d9caa312"),
+    "address": "",
+    "created_at": "2023-03-12T18:46:23.366Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Derek",
+      "middlename": "",
+      "lastname": "Hillman",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Derek Hillman",
+    "updated_at": "2023-03-12T23:09:45.939Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105c7642f24b3cb93244cc"),
+    "address": "",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Andrew",
+      "middlename": "",
+      "lastname": "Moore",
+      "surnames": [],
+      "day_of_birth": "2002-03-12T00:00:00.000Z",
+      "place_of_birth": ""
+    },
+    "label": "Johnny Blackhand",
+    "updated_at": "2023-03-14T11:37:26.398Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105ce142f24b3cb93244ce"),
+    "address": "El Rancho Boulevard - Los Santos, SA",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "corporation",
+      "title": "East Custom",
+      "activity": "réparation de véhicule",
+      "employees": [
+        {
+          "position": "Dirigeant",
+          "entity_id": ObjectId("64105c7642f24b3cb93244cc")
+        }
+      ]
+    },
+    "label": "Benny's",
+    "updated_at": "2023-03-14T11:39:13.143Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410721842f24b3cb93244da"),
+    "address": "",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Gary",
+      "middlename": "",
+      "lastname": "Terry",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Gary Terry",
+    "updated_at": "2023-03-14T13:09:44.325Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410724342f24b3cb93244dc"),
+    "address": "",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Wayne",
+      "middlename": "",
+      "lastname": "Terry",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Wayne Terry",
+    "updated_at": "2023-03-14T13:10:27.808Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e1b1c64aae93833c8f67"),
+    "address": "South Boulevard Del Perro - Los Santos, SA",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "corporation",
+      "title": "ROCKFORD",
+      "activity": "production et diffusion musicale",
+      "employees": []
+    },
+    "label": "RockFord",
+    "updated_at": "2023-03-14T21:05:53.499Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e21dc64aae93833c8f68"),
+    "address": "Murrieta Street - Los Santos, SA",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Lay",
+      "middlename": "",
+      "lastname": "Parks",
+      "surnames": [],
+      "day_of_birth": "2003-07-26T00:00:00.000Z",
+      "place_of_birth": "Philadelphie, PN"
+    },
+    "label": "Lay Parks",
+    "updated_at": "2023-03-14T21:07:41.072Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e2aec64aae93833c8f69"),
+    "address": "",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Franklin",
+      "middlename": "",
+      "lastname": "Woods",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Franklin Woods",
+    "updated_at": "2023-03-14T21:10:06.643Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64132ba1dfeec019e7312277"),
+    "address": "",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Richard",
+      "middlename": "",
+      "lastname": "Malfaisant",
+      "surnames": ["Mauvaisefoi", "Ricard Malaisant", "Faisantmal"],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Richard \"Mauvaisefoi\" Malfaisant",
+    "updated_at": "2023-03-16T14:45:53.483Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6413493fdfeec019e731227e"),
+    "address": "Eclipse Tower",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "corporation",
+      "title": "LSHD",
+      "activity": "Hopital",
+      "employees": []
+    },
+    "label": "LSHD",
+    "updated_at": "2023-03-16T16:52:15.119Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64134981dfeec019e731227f"),
+    "address": "Avenue San Andreas",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "corporation",
+      "title": "BurgerShot",
+      "activity": "Restaurant",
+      "employees": []
+    },
+    "label": "BurgerShot",
+    "updated_at": "2023-03-16T16:53:21.827Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("641349bddfeec019e7312280"),
+    "address": "",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Angelo",
+      "middlename": "",
+      "lastname": "Martinez",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Angelo Martinez",
+    "updated_at": "2023-03-16T16:54:21.552Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64134a22dfeec019e7312281"),
+    "address": "",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Naytia",
+      "middlename": "",
+      "lastname": "Galloway",
+      "surnames": ["Nana"],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Naytia \"Nana\" Galloway",
+    "updated_at": "2023-03-16T16:56:02.133Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("641390fbdfeec019e7312286"),
+    "address": "",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Ezrah",
+      "middlename": "",
+      "lastname": "KREIGHTON",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Ezrah KREIGHTON",
+    "updated_at": "2023-03-16T21:58:19.571Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6414920ddfeec019e7312288"),
+    "address": "",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Kono",
+      "middlename": "",
+      "lastname": "Taylor",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Kono Taylor",
+    "updated_at": "2023-03-17T16:15:09.367Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6414b4e1dfeec019e731228b"),
+    "address": "",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Travis",
+      "middlename": "",
+      "lastname": "Ndiaye",
+      "surnames": [],
+      "day_of_birth": null,
+      "place_of_birth": ""
+    },
+    "label": "Travis Ndiaye",
+    "updated_at": "2023-03-17T18:43:45.434Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6414bcd2dfeec019e731228e"),
+    "address": "Grove Street - Los Santos, SA",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Junior",
+      "middlename": "",
+      "lastname": "Myles",
+      "surnames": ["Juicy"],
+      "day_of_birth": "1998-09-16T00:00:00.000Z",
+      "place_of_birth": "Los Santos, SA"
+    },
+    "label": "Junior \"Juicy\" Miles",
+    "updated_at": "2023-03-17T19:17:38.654Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64175041e0e97628a53dc362"),
+    "address": "",
+    "created_at": "2023-03-19T13:00:28.665Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "entity_data": {
+      "type": "individual",
+      "firstname": "Cranston",
+      "middlename": "",
+      "lastname": "Bennett",
+      "surnames": [],
+      "day_of_birth": "1999-02-14T00:00:00.000Z",
+      "place_of_birth": ""
+    },
+    "label": "Cranston Bennett",
+    "updated_at": "2023-03-19T18:11:13.712Z",
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  }
+])

api/fixtures/provision_templates.js

@@ -0,0 +1,220 @@
+db.ProvisionTemplate.insertMany([
+  {
+    "_id": ObjectId("64105db142f24b3cb93244cf"),
+    "body": "<p>Le présent contrat est conclu pour une durée indéterminée. <br>Aucune période d'essai n'est prévue dans le présent contrat.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - durée du contrat (indéterminée) - \"Durée du contrat\"",
+    "name": "Contrat de travail - durée du contrat (indéterminée - sans perriode d'essai)",
+    "title": "Durée du contrat",
+    "updated_at": "2023-03-14T11:42:41.347Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105dee42f24b3cb93244d0"),
+    "body": "<p>Le lieu de travail habituel est situé à <strong>%ADRESSE_LIEU_DE_TRAVAIL%</strong>. Il se peut que dans le cadre d’évènements, <strong>L’EMPLOYÉ·E</strong> soit amené à travailler à l’extérieur du lieu de travail.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - Lieu de travail - \"Lieu de travail\"",
+    "name": "Contrat de travail - Lieu de travail",
+    "title": "Lieu de travail",
+    "updated_at": "2023-03-14T11:43:42.786Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105e6942f24b3cb93244d1"),
+    "body": "<p id=\"docs-internal-guid-00a7ebe9-7fff-589c-16c6-32415839200c\" dir=\"ltr\">La rémunération nette horaire est déterminée en fonction des bénéfices imputables à <strong>L’EMPLOYÉ·E</strong> au cours de la semaine.</p>\n<p dir=\"ltr\"><strong>L’EMPLOYÉ·E</strong> obtiendra également une prime hebdomadaire en fonction du travail fourni.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - Rémunération et avantages (selon les bénéfices) - \"Rémunération et avantages\"",
+    "name": "Contrat de travail - Rémunération et avantages (selon les bénéfices)",
+    "title": "Rémunération et avantages",
+    "updated_at": "2023-03-14T11:45:45.465Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105eb942f24b3cb93244d2"),
+    "body": "<p>La prise de service est libre, mais cependant, <strong>L’EMPLOYÉ·E</strong> devra prévenir <strong>L’EMPLOYEUR</strong> au plus tôt 2 jours de toute absence prolongée, ou d’indisponibilité pour raison personnelle ou impérieuse. Sous peine de sanction ou de de licenciement.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contat de travail - Durée du travail et service - \"Durée du travail et service\"",
+    "name": "Contrat de travail - Durée du travail et service",
+    "title": "Durée du travail et service",
+    "updated_at": "2023-03-14T11:47:05.528Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105f3642f24b3cb93244d3"),
+    "body": "<p id=\"docs-internal-guid-98edddc5-7fff-e483-a888-efc9298b4efd\" dir=\"ltr\">Pendant toute la durée du contrat, <strong>L’EMPLOYÉ·E</strong> s’engage à consacrer professionnellement toute son activité et tous ses soins à l’entreprise, à observer le règlement intérieur, toutes les consignes et instructions particulières de travail qui lui seront données.</p>\n<p dir=\"ltr\"><strong>L’EMPLOYÉ·E</strong> conserve la propriété des moyens techniques, outils, méthodes ou savoir-faire (à l'exclusion des moyens techniques, outils, méthodes, procédés et savoir-faire qui lui ont été transmis par <strong>L’EMPLOYEUR</strong>)</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contat de travail - Obligations professionnelles - \"Obligations professionnelles\"",
+    "name": "Contrat de travail - Obligations professionnelles",
+    "title": "Obligations professionnelles",
+    "updated_at": "2023-03-14T11:49:10.015Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("64105ff042f24b3cb93244d4"),
+    "body": "<p><strong>L’EMPLOYÉ·E</strong> aura pour mission principale de %MISSION_PRINCIPALE%.<br>La liste des missions n’est pas exhaustive. <strong>L’EMPLOYEUR</strong> se réserve le droit de faire exécuter à <strong>L’EMPLOYÉ·E</strong> toute tâche nécessaire au bon fonctionnement de l’entreprise.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - Missions - \"Missions\"",
+    "name": "Contrat de travail - Missions",
+    "title": "Missions",
+    "updated_at": "2023-03-14T11:52:16.531Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410605342f24b3cb93244d5"),
+    "body": "<p>Afin d’exécuter les tâches qui lui sont affectées, <strong>L’EMPLOYÉ·E</strong> aura à sa disposition plusieurs véhicules qui restent à la propriété de l´entreprise.</p>\n<p>L’entretien des véhicules est à la charge de l´entreprise .</p>\n<p>En cas de panne ou d’accident avec un des véhicules, les frais engagés seront pris en charge par l´entreprise</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail -  - \"Clauses relatives au matériel\"",
+    "name": "Contrat de travail - Clauses relatives au matériel",
+    "title": "Clauses relatives au matériel",
+    "updated_at": "2023-03-14T11:53:55.804Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("641060a042f24b3cb93244d6"),
+    "body": "<p>Chacune des parties pourra mettre fin au présent contrat, sous réserve de respecter les règles prévues à cet effet par la loi et de prévenir l’autre partie de sa décision par lettre recommandée avec accusé de réception. </p>\n<p>En cas d’ajout au casier judiciaire après l’embauche de <strong>L’EMPLOYÉ·E</strong>, celui-ci pourra être, à la discretion de <strong>L’EMPLOYEUR</strong> licencié.<br>La période de préavis pour les deux parties est de 48 heures.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - Rupture de contrat - \"Rupture de contrat\"",
+    "name": "Contrat de travail - Rupture de contrat",
+    "title": "Rupture de contrat",
+    "updated_at": "2023-03-14T11:55:12.879Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("641060f242f24b3cb93244d7"),
+    "body": "<p><strong>L’EMPLOYÉ·E</strong> est tenu·e à une obligation de bonne foi dans l’exercice de ses fonctions.</p>\n<p>Sous peine d’encourir des sanctions disciplinaires voire pénales, <strong>L’EMPLOYÉ·E</strong> s’engage à ne pas divulguer d’informations confidentielles sur l'entreprise ainsi qu'à garder le secret le plus absolu pendant la durée de son service et après l'avoir quitté, y compris après la rupture éventuelle de l'engagement contractuel présent, sur tout ce qui a été appris ou communiqué, par n'importe quel moyen -verbal ou écrit, que ce soit à l'intérieur ou à l'extérieur de l'entreprise.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - Clause de loyauté, de bonne foi et de confidentialité  - \"Clause de loyauté, de bonne foi et de confidentialité \"",
+    "name": "Contrat de travail - Clause de loyauté, de bonne foi et de confidentialité ",
+    "title": "Clause de loyauté, de bonne foi et de confidentialité ",
+    "updated_at": "2023-03-14T11:56:34.871Z"
+  },
+  {
+    "_id": ObjectId("6410715742f24b3cb93244d9"),
+    "body": "<p>Le présent contrat est conclu pour une durée de <strong>%DUREE_DU_CONTRAT%</strong>.</p>\n<p>A l'expiration de cette perriode, un nouveau contrat devra être établi entre les deux parties.</p>",
+    "created_at": "2023-03-13T18:03:45.999Z",
+    "label": "Contrat de travail - durée du contrat (déterminée) - \"Durée du contrat\"",
+    "name": "Contrat de travail - durée du contrat (déterminée)",
+    "title": "Durée du contrat",
+    "updated_at": "2023-03-14T13:06:31.373Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e4c7c64aae93833c8f6a"),
+    "body": "<p>Les <strong>parties</strong> conviennent des définitions suivantes :</p>\n<p><strong>Album </strong>: ensemble constitué d’une succession d’un minimum de 10 (dix) phonogrammes pour une durée totale d'enregistrement d’au moins 40 (quarante) minutes.</p>\n<p><strong>Album Inédit Studio</strong> : Album d’œuvres musicales nouvelles et inédites (paroles et musiques), chantées - enregistrées en studio et interprétées par l’ARTISTE en toute langue préalablement agréée par écrit par le PRODUCTEUR.</p>\n<p><strong>Date de sortie commerciale</strong> : Date de mise à disposition du public des enregistrements objet des présentes, telle que formalisée par la feuille d'information publiée par le PRODUCTEUR à destination de sa clientèle</p>\n<p><strong>Durée d’exclusivité de fixation</strong> : Durée pendant laquelle l’ARTISTE consent au PRODUCTEUR l’exclusivité de fixation de ses prestations, telle qu’elle est définie à l’article 4 du présent contrat.</p>\n<p><strong>Phonogramme </strong>: Toute fixation exclusivement sonore de sons provenant de l’exécution<br>instrumentale et/ou l’interprétation vocale de toute œuvre musicale avec ou sans paroles, quels qu’en soient le procédé d’enregistrement et la destination.</p>\n<p><strong>Enregistrement</strong>: Fixation de sons ou d’images sonorisées ou non d’une prestation de l’ARTISTE, quels qu’en soient le procédé d’enregistrement et la destination.</p>\n<p><strong>Bande mère</strong> : Support original (incluant les multipistes) contenant les versions définitives mixées et masterisées d’un phonogramme ou d’un vidéogramme ou d’un ensemble constitué d’une succession de phonogrammes et/ou de vidéogrammes permettant les opérations de production.</p>\n<p><strong>Maquette </strong>: Version pré-produite d’un titre enregistré par l’ARTISTE en studio, d’une qualité technique et artistique suffisamment élaborée pour permettre au PRODUCTEUR d’avoir une idée précise de ce que sera la version définitive dudit titre une fois produit.Mise à disposition du public : toutes modalités de distribution par la vente, l’échange ou le louage y compris toute forme de distribution par réseaux numériques de données, des phonogrammes et vidéogrammes, mettant en œuvre le droit d’autorisation préalable du PRODUCTEUR en qualité de producteur au sens de la propriété intellectuelle.</p>\n<p><strong>Réalisateur artistique</strong> : Personne responsable de l'organisation des sessions d'enregistrement, du contrôle de la qualité des enregistrements et qui assure leur bonne fin et toutes autres tâches similaires ou annexes.</p>\n<p><strong>Single </strong>: Programme constitué d’une succession d’un maximum de 3 (trois) phonogrammes d’une durée minimale chacun de 3 minutes.</p>\n<p><strong>Support Phonographique</strong> : Tout support matériel permettant la fixation et/ou la reproduction du son, quel qu’en soit le procédé d’enregistrement connu ou inconnu à ce jour, quelle que soit la nature du support mécanique, magnétique, acoustique, numérique, optique ou autres, et quelle que soit la destination.</p>\n<p><strong>Territoire </strong>: Le monde entier.</p>\n<p><strong>Vidéogramme </strong>: Toute fixation de séquences d’images sonorisées ou non quels qu’en soient le procédé d’enregistrement et la destination.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Définitions - \"Définitions\"",
+    "name": "Contrat d'exploitation - Définitions",
+    "title": "Définitions",
+    "updated_at": "2023-03-14T21:19:03.050Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e51fc64aae93833c8f6b"),
+    "body": "<p id=\"docs-internal-guid-3986f82b-7fff-5815-55ab-34db6ee4d510\" dir=\"ltr\" style=\"text-align: justify;\"><strong>2-1</strong> Le <strong>PRODUCTEUR </strong>engage <strong>l'ARTISTE </strong>en vue de la fixation et de l’exploitation par quelque procédé que ce soit de ses prestations artistiques à des fins commerciales et promotionnelles.</p>\n<p dir=\"ltr\" style=\"text-align: justify;\">Le présent contrat est conclu en conformité avec les règles relatives aux contrats à durée</p>\n<p dir=\"ltr\" style=\"text-align: justify;\">indéterminée dits \"d'usage\" dans le secteur de l'édition phonographique.Il s'applique à un emploi à caractère artistique, par nature indéterminé.</p>\n<p dir=\"ltr\" style=\"text-align: justify;\"><strong>2-2</strong> <strong>L'ARTISTE</strong>, qui se déclare libre de tout engagement similaire, accorde au <strong>PRODUCTEUR </strong>l'exclusivité de la fixation de ses prestations pour le monde entier en toutes langues, en vue de leur communication par tous moyens connus ou à venir par tous procédés actuels ou à venir, notamment sur des supports matériels ou non quelconques les reproduisant pour une publication commerciale ou non commerciale.</p>\n<p><strong>L'ARTISTE </strong>certifie ne pas être lié à ce jour par un quelconque contrat interdisant ou pouvant gêner la conclusion et/ou l’exécution des présentes et garantit le <strong>PRODUCTEUR </strong>contre tout recours et/ou réclamation à cet égard.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Objet - \"Objet\"",
+    "name": "Contrat d'exploitation - Objet",
+    "title": "Objet",
+    "updated_at": "2023-03-14T21:20:31.260Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e540c64aae93833c8f6c"),
+    "body": "<p id=\"docs-internal-guid-f2311b4a-7fff-0b9a-c6fb-7b4cd4f3f8f6\" dir=\"ltr\" style=\"text-align: justify;\"><strong>3-1</strong> Compte tenu des investissements consentis par le <strong>PRODUCTEUR </strong>pour la production et la promotion des enregistrements de <strong>l'ARTISTE </strong>produits dans le cadre du présent contrat, le<strong> LABEL </strong>s’interdit, à l’expiration de la Durée d’exclusivité de fixation, d'enregistrer, produire, distribuer ou vendre, soit pour son propre compte, soit pour le compte d’un tiers, d'autres interprétations des œuvres enregistrées en exécution du présent contrat pendant une durée maximum de 5 (cinq) années à compter de l'expiration de la durée d’exclusivité de fixation.</p>\n<p>Il garantit par ailleurs qu'il est libre de les enregistrer pour le compte du <strong>PRODUCTEUR</strong>.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Exclusivité - \"Exclusivité\"",
+    "name": "Contrat d'édition- Exclusivité",
+    "title": "Exclusivité",
+    "updated_at": "2023-03-14T21:21:04.467Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e56ac64aae93833c8f6d"),
+    "body": "<p>4.1 L'ARTISTE se déclare pleinement habilité à conclure le présent contrat.</p>\n<p>4.2 L'ARTISTE certifie n'être pas lié à ce jour par un quelconque contrat interdisant ou pouvant gêner la conclusion et/ou l’exécution des présentes. L’ARTISTE s’engage à ne pas autoriser pendant la Durée d’exclusivité de fixation, la commercialisation d’enregistrements fixés antérieurement à la date des présentes pour son propre<br>compte ou pour le compte d’un tiers et non encore publiés.</p>\n<p>4.3 L’ARTISTE garantit au PRODUCTEUR la jouissance et l’exploitation paisible de son nom patronymique et/ou de son pseudonyme.</p>\n<p>4.4 L'ARTISTE reconnaît que la déclaration ci-dessus engage son entière responsabilité, et qu'il sera responsable de toutes les pertes et du préjudice subi par le PRODUCTEUR du fait d’une fausse déclaration.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Garanties - \"Garanties\"",
+    "name": "Contrat d'exploitation - Garanties",
+    "title": "Garanties",
+    "updated_at": "2023-03-14T21:21:46.107Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e5b5c64aae93833c8f6f"),
+    "body": "<p>5.1 L'ARTISTE cède irrévocablement, pour le Monde, au PRODUCTEUR qui l’accepte, le droit exclusif, sans restriction ni réserve, de fixer ou autoriser la fixation, reproduire ou autoriser la reproduction, communiquer ou autoriser la communication au public, de toutes les prestations et interprétations fixées par l'ARTISTE pendant la durée du présent contrat, ainsi que tous les droits patrimoniaux présents et futurs s'y rattachant. </p>\n<p>Ces droits comprennent notamment :</p>\n<ul>\n<li>Le droit de fixer la prestation de l’ARTISTE</li>\n<li> Le droit exclusif de reproduire, et faire reproduire, fabriquer et faire fabriquer, publier et faire publier, mettre à la disposition du public par la vente, la location ou le prêt, sous toutes formes marques et étiquettes au choix du PRODUCTEUR et au prix qu’elle fixera, les prestations et interprétations de l’ARTISTE et plus généralement toute fixation de ces dernières, associées ou non à l’image, sous toutes formes connues ou à découvrir, à toutes fins, en entier ou par extraits, sur tous supports et configurations connus ou à découvrir.</li>\n<li> Le droit exclusif de communication au public et de mise à disposition du public en entier ou par extraits, par tous moyens connus ou à découvrir, notamment par l’intermédiaire de réseaux de transports de données avec ou sans fil (tels que le réseau internet, les réseaux de téléphonie mobile...), par projection, diffusion radioélectrique, satellite, télématique, réseaux informatiques et interactifs on-line ou off-line, câblodistribution, réseau télévisuel, des prestations et interprétations de l’ARTISTE (y compris non fixées), associées ou non à l’image, à toutes fins, sous toutes formes et configurations connues ou à découvrir</li>\n</ul>\n<p>5.2 L'ARTISTE reconnaît, sans restrictions ni réserves, que le PRODUCTEUR est seule propriétaire des biens meubles que constituent les bandes reproduisant les interprétations de l’ARTISTE enregistrées en application des présentes et l’ARTISTE reconnaît que le PRODUCTEUR est réputée seul producteur des phonogrammes, au sens du Code de la Propriété Intellectuelle.</p>\n<p>5.3 Le PRODUCTEUR exercera en conséquence les droits reconnus à l’ARTISTE par la loi comme ses droits propres.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Cession des droits - \"Cession des droits\"",
+    "name": "Contrat d'exploitation - Cession des droits",
+    "title": "Cession des droits",
+    "updated_at": "2023-03-14T21:23:01.572Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e5e2c64aae93833c8f70"),
+    "body": "<p>6.1 L'ARTISTE s'engage à soumettre au PRODUCTEUR avant toute entrée en studio les maquettes des œuvres qu'il souhaiterait enregistrer. Le PRODUCTEUR pourra également proposer des projets d’œuvres à interpréter.<br>Le choix des œuvres à enregistrer est ensuite effectué d'un commun accord entre l'ARTISTE et le PRODUCTEUR.</p>\n<p>Les séances en studio ne pourront débuter qu’après validation définitive par écrit par le PRODUCTEUR du projet d’enregistrement. Les dates des séances d'enregistrement seront déterminées par le PRODUCTEUR et l'ARTISTE d'un commun accord.</p>\n<p>6.2 L'ARTISTE s'engage à se présenter aux séances d'enregistrement prêt à enregistrer les titres<br>sélectionnés.</p>\n<p>6.3 L'ARTISTE s'engage à venir aux séances d'enregistrement prêt à réaliser l'enregistrement définitif, le PRODUCTEUR restant seul juge du résultat définitif.</p>\n<p>6.4 L'ARTISTE respectera le règlement intérieur des studios d'enregistrement.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Séances d’enregistrement en studio - \"Séances d’enregistrement en studio\"",
+    "name": "Contrat d'exploitation - Séances d’enregistrement en studio",
+    "title": "Séances d’enregistrement en studio",
+    "updated_at": "2023-03-14T21:23:46.930Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6410e63ac64aae93833c8f71"),
+    "body": "<p>7.1 Les Réalisateurs Artistiques, mixeurs et éventuels remixeurs et Beatmaker sont choisis par le PRODUCTEUR en concertation avec l'ARTISTE. La rémunération des Réalisateurs Artistiques, mixeurs ou remixeurs extérieurs est à la charge du PRODUCTEUR comme suit : <br>L’artiste ayant signé ce contrat recevra une rémunération au nombre d’écoutes des auditeurs sur les différentes plateformes de streaming : </p>\n<ul>\n<li>$250 par écoute pour le BEAT-MAKER</li>\n<li>$500 par écoute pour l’ARTISTE</li>\n</ul>\n<p>7.2 Le PRODUCTEUR se réserve le droit de rémunérer à titre exceptionnel une prime lors des concert/événements.</p>",
+    "created_at": "2023-03-14T14:07:16.735Z",
+    "label": "Contrat d'exploitation - Rémunération des réalisateurs artistiques, (re-)mixeurs, et beatmakers - \"Rémunération des réalisateurs artistiques, (re-)mixeurs, et beatmakers\"",
+    "name": "Contrat d'exploitation - Rémunération des réalisateurs artistiques, (re-)mixeurs, et beatmakers",
+    "title": "Rémunération des réalisateurs artistiques, (re-)mixeurs, et beatmakers",
+    "updated_at": "2023-03-14T21:25:14.798Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6413477adfeec019e7312278"),
+    "body": "<p dir=\"ltr\">Le CLIENT confie au RESTAURATEUR, qui accepte, la mission de fournir les prestations ci-après définies en vue de la restauration de son personnel, dans son établissement situé :</p>\n<p dir=\"ltr\"><strong>Eclipse Tower<br><br></strong>Le RESTAURATEUR fournira ses prestations en toute indépendance pour les quantités suivantes : 200 Menu Simple au prix de 45 $ le menu pour un total de 9000$</p>\n<p dir=\"ltr\">Menu Simple : </p>\n<div dir=\"ltr\" align=\"left\">\n<div dir=\"ltr\" align=\"left\">\n<table><colgroup></colgroup>\n<tbody>\n<tr>\n<td>\n<p dir=\"ltr\">Burger viande ou poisson</p>\n</td>\n</tr>\n<tr>\n<td>\n<p dir=\"ltr\">Soda</p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<strong id=\"docs-internal-guid-3e52c7d0-7fff-f92b-674f-d405d3884c38\"></strong></div>\n<p> </p>",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "label": "Contrat de Prestation de Service - \" Objet du contrat \"",
+    "name": "Contrat de Prestation de Service - Objet du contrat",
+    "title": "Objet du contrat",
+    "updated_at": "2023-03-16T16:44:42.446Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("641347f4dfeec019e7312279"),
+    "body": "<p dir=\"ltr\">Le présent contrat prend effet le %DATE_EFFET_CONTRAT%.</p>\n<p dir=\"ltr\">Il est conclu pour une durée d’une semaine renouvelable tacitement, chacune des parties ayant la possibilité d'en faire cesser l'effet à tout moment, à la condition expresse de prévenir l'autre partie par décision écrite et datée.</p>",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "label": "Contrat de Prestation de Service - Durée du contrat - \"Durée du contrat\"",
+    "name": "Contrat de Prestation de Service - Durée du contrat",
+    "title": "Durée du contrat",
+    "updated_at": "2023-03-16T16:46:44.703Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  },
+  {
+    "_id": ObjectId("6413482edfeec019e731227a"),
+    "body": "<p dir=\"ltr\">La rupture sera effective le premier jour de la semaine suivant sa notification écrite.</p>\n<ul>\n<li dir=\"ltr\" role=\"presentation\">En cas d’annulation à l’initiative du CLIENT, celui-ci s’engage à verser au RESTAURATEUR l’équivalent du prix d’une semaine de prestation sans contrepartie.</li>\n<li>En cas d’annulation à l’initiative du RESTAURATEUR, celui-ci s’engage à livrer gracieusement la commande de la semaine suivant l’annonce de la rupture.</li>\n</ul>",
+    "created_at": "2023-03-16T14:41:43.613Z",
+    "label": "Contrat de Prestation de Service - Rupture du contrat - \"Rupture du contrat\"",
+    "name": "Contrat de Prestation de Service - Rupture du contrat",
+    "title": "Rupture du contrat",
+    "updated_at": "2023-03-16T16:47:42.232Z",
+    "created_by": ObjectId("67f248427ad1b215ae859319"),
+    "updated_by": ObjectId("67f248427ad1b215ae859319")
+  }
+])

api/requirements.txt

@@ -1,4 +1,8 @@
 fastapi
+fastapi-filter
+fastapi-pagination
 fastapi-users[beanie,oauth]
-uvicorn
 httpx-oauth
+jinja2
+uvicorn
+weasyprint

api/rpk-api/cli.py

@@ -0,0 +1,30 @@
+import asyncio
+import contextlib
+
+from fastapi_users.exceptions import UserAlreadyExists
+from fastapi_users.schemas import BaseUserCreate
+
+from hub import init_db as hub_init_db
+from hub.auth import get_user_manager
+from hub.user import get_user_db
+
+get_user_db_context = contextlib.asynccontextmanager(get_user_db)
+get_user_manager_context = contextlib.asynccontextmanager(get_user_manager)
+
+async def create_user(email: str, password: str, is_superuser: bool = False):
+    try:
+        await hub_init_db()
+        async with get_user_db_context() as user_db:
+            async with get_user_manager_context(user_db) as user_manager:
+                user = await user_manager.create(
+                    BaseUserCreate(
+                        email=email, password=password, is_superuser=is_superuser
+                    )
+                )
+                print(f"User created {user}")
+    except UserAlreadyExists:
+        print(f"User {email} already exists")
+
+
+if __name__ == "__main__":
+  asyncio.run(create_user("test@test.te", "test"))

api/rpk-api/firm/__init__.py

@@ -0,0 +1,14 @@
+from fastapi import APIRouter
+
+from firm.entity import entity_router
+from firm.template import template_router
+from firm.contract import contract_router
+from firm.current_firm.routes import current_firm_router
+
+
+firm_router = APIRouter(prefix="/{instance}/{firm}")
+
+firm_router.include_router(current_firm_router, tags=["Current Firm"])
+firm_router.include_router(entity_router, prefix="/entities", tags=["Entity"], )
+firm_router.include_router(template_router, prefix="/templates", tags=["Template"], )
+firm_router.include_router(contract_router, prefix="/contracts", )

api/rpk-api/firm/contract/__init__.py

@@ -0,0 +1,13 @@
+from fastapi import APIRouter
+
+from firm.contract.routes_contract import contract_router as contract_subrouter
+from firm.contract.routes_signature import signature_router
+from firm.contract.routes_draft import draft_router
+from firm.contract.print import print_router, preview_router
+
+contract_router = APIRouter()
+contract_router.include_router(draft_router, prefix="/drafts", tags=["Contract Draft"], )
+contract_router.include_router(contract_subrouter, tags=["Contract"], )
+contract_router.include_router(preview_router, prefix="/preview", )
+contract_router.include_router(print_router, prefix="/print", )
+contract_router.include_router(signature_router, prefix="/signature", tags=["Signature"], )

api/rpk-api/firm/contract/models.py

@@ -0,0 +1,247 @@
+import datetime
+from typing import List, Literal, Optional
+from enum import Enum
+from uuid import UUID
+
+from beanie import PydanticObjectId
+from pydantic import BaseModel, Field
+from pydantic.json_schema import SkipJsonSchema
+
+from firm.core.models import CrudDocument, RichtextSingleline, RichtextMultiline, DictionaryEntry, ForeignKey
+from firm.core.filter import Filter, FilterSchema
+from firm.entity.models import Entity
+
+
+class ContractStatus(str, Enum):
+    published = 'published'
+    signed = 'signed'
+    printed = 'printed'
+    executed = 'executed'
+
+
+class ContractDraftStatus(str, Enum):
+    in_progress = 'in_progress'
+    ready = 'ready'
+    published = 'published'
+
+
+class DraftParty(BaseModel):
+    entity_id: PydanticObjectId = ForeignKey("entities", "Entity", default="", title="Partie")
+    entity: SkipJsonSchema[Entity] = Field(default=None, exclude=True, )
+    part: str = Field(title="Rôle")
+    representative_id: PydanticObjectId = ForeignKey("entities", "Entity", default="", title="Représentant")
+
+    class Config:
+        title = 'Partie'
+
+
+class Party(BaseModel):
+    entity: Entity
+    part: str
+    representative: Optional[Entity] = None
+    signature_uuid: str
+    signature_affixed: bool = False
+    signature_png: Optional[str] = None
+
+class ContractProvisionType(Enum):
+    genuine = 'genuine'
+    template = 'template'
+
+class ProvisionGenuine(BaseModel):
+    type: Literal['genuine'] = ContractProvisionType.genuine
+    title: str = RichtextSingleline(props={"parametrized": True}, default="", title="Titre")
+    body: str = RichtextMultiline(props={"parametrized": True}, default="", title="Corps")
+
+    class Config:
+        title = 'Clause personalisée'
+
+
+class ContractProvisionTemplateReference(BaseModel):
+    type: Literal['template'] = ContractProvisionType.template
+    provision_template_id: PydanticObjectId = ForeignKey(
+        "templates/provisions",
+        "ProvisionTemplate",
+        displayed_fields=['title', 'body'],
+        props={"parametrized": True},
+        default="",
+        title="Template de clause"
+    )
+
+    class Config:
+        title = 'Template de clause'
+
+
+class DraftProvision(BaseModel):
+    provision: ContractProvisionTemplateReference | ProvisionGenuine = Field(..., discriminator='type')
+
+    class Config:
+        title = 'Clause'
+
+
+class Provision(BaseModel):
+    title: str = RichtextSingleline(title="Titre")
+    body: str = RichtextMultiline(title="Corps")
+
+class ContractDraftUpdateStatus(BaseModel):
+    status: str = Field()
+    todo: List[str] = Field(default=[])
+
+class ContractDraft(CrudDocument):
+    """
+    Brouillon de contrat à remplir
+    """
+
+    name: str = Field(title="Nom")
+    title: str = Field(title="Titre")
+    parties: List[DraftParty] = Field(title="Parties")
+    provisions: List[DraftProvision] = Field(
+        props={"items-per-row": "1", "numbered": True},
+        title='Clauses'
+    )
+    variables: List[DictionaryEntry] = Field(
+        default=[],
+        format="dictionary",
+        title='Variables'
+    )
+    status: ContractDraftStatus = Field(default=ContractDraftStatus.in_progress, title="Statut")
+    todo: List[str] = Field(default=[], title="Reste à faire")
+
+    class Settings(CrudDocument.Settings):
+        fulltext_search = ['name', 'title']
+
+        bson_encoders = {
+            datetime.date: lambda dt: dt if hasattr(dt, 'hour')
+            else datetime.datetime(year=dt.year, month=dt.month, day=dt.day,
+                                   hour=0, minute=0, second=0)
+        }
+
+    class Config:
+        title = 'Brouillon de contrat'
+
+    async def check_is_ready(self, db):
+        if self.status == ContractDraftStatus.published:
+            return
+
+        self.todo = []
+        if len(self.parties) < 2:
+            self.todo.append('Contract must have at least two parties')
+        if len(self.provisions) < 1:
+            self.todo.append('Contract must have at least one provision')
+
+        for p in self.parties:
+            if not p.entity_id:
+                self.todo.append('All parties must have an associated entity`')
+
+        for p in self.provisions:
+            if p.provision.type == "genuine" and not (p.provision.title and p.provision.body):
+                self.todo.append('Empty genuine provision')
+            elif p.provision.type == "template" and not p.provision.provision_template_id:
+                self.todo.append('Empty template provision')
+
+        for v in self.variables:
+            if not (v.key and v.value):
+                self.todo.append(f'Empty variable: {v.key}')
+
+        if self.todo:
+            self.status = ContractDraftStatus.in_progress
+        else:
+            self.status = ContractDraftStatus.ready
+
+        await self.update(db, self, ContractDraftUpdateStatus(status=self.status, todo=self.todo))
+
+    async def update_status(self, db, status):
+        update = ContractDraftUpdateStatus(status=status)
+        await self.update(db, self, update)
+
+    def compute_label(self) -> str:
+        return f"{self.name} - {self.title}"
+
+class Contract(CrudDocument):
+    """
+    Contrat publié. Les contrats ne peuvent pas être modifiés.
+    Ils peuvent seulement être signés par les parties et imprimés par l'avocat
+    """
+    name: str = Field(title="Nom")
+    title: str = Field(title="Titre")
+    parties: List[Party] = Field(title="Parties")
+    provisions: List[Provision] = Field(
+        props={"items-per-row": "1", "numbered": True},
+        title='Clauses'
+    )
+    status: ContractStatus = Field(default=ContractStatus.published, title="Statut")
+    lawyer: Entity = Field(title="Avocat en charge")
+    location: str = Field(title="Lieu")
+    date: datetime.date = Field(title="Date")
+
+    def compute_label(self) -> str:
+        contract_label = self.title
+        for p in self.parties:
+            contract_label = f"{contract_label} - {p.entity.label}"
+
+        contract_label = f"{contract_label} - {self.date.strftime('%m/%d/%Y')}"
+        return contract_label
+
+    class Settings(CrudDocument.Settings):
+        fulltext_search = ['name', 'title']
+
+        bson_encoders = {
+            datetime.date: lambda dt: dt if hasattr(dt, 'hour')
+            else datetime.datetime(year=dt.year, month=dt.month, day=dt.day,
+                                   hour=0, minute=0, second=0)
+        }
+
+    @classmethod
+    async def find_by_signature_id(cls, db, signature_id: UUID):
+        request = {'parties': {"$elemMatch": {"signature_uuid": str(signature_id) }}}
+        value = await cls._get_collection(db).find_one(request)
+        return cls.model_validate(value) if value else None
+
+    def get_signature(self, signature_id: str):
+        for p in self.parties:
+            if p.signature_uuid == str(signature_id):
+                return p
+
+    def get_signature_index(self, signature_id: str):
+        for i, p in enumerate(self.parties):
+            if p.signature_uuid == str(signature_id):
+                return i
+
+    def is_signed(self):
+        for p in self.parties:
+            if not p.signature_affixed:
+                return False
+        return True
+
+    async def affix_signature(self, db, signature_index):
+        update_query = {"$set": {
+            f'parties.{signature_index}.signature_affixed': True
+        }}
+
+        self.parties[signature_index].signature_affixed = True
+        if self.is_signed():
+            update_query["$set"]['status'] = 'signed'
+
+        await self._get_collection(db).update_one({"_id": self.id}, update_query)
+        return await self.get(db, self.id)
+
+
+def replace_variables_in_value(variables, value: str):
+    for v in variables:
+        if v.value:
+            value = value.replace('%{}%'.format(v.key), v.value)
+    return value
+
+
+class ContractDraftFilters(FilterSchema):
+    status: Optional[str] = None
+
+    class Constants(Filter.Constants):
+        model = ContractDraft
+        search_model_fields = ["label", "status"]
+
+class ContractFilters(FilterSchema):
+    status: Optional[str] = None
+
+    class Constants(Filter.Constants):
+        model = Contract
+        search_model_fields = ["label", "status"]

api/rpk-api/firm/contract/print/__init__.py

@@ -0,0 +1,156 @@
+import datetime
+import os
+import base64
+from uuid import UUID
+
+from fastapi import APIRouter, HTTPException, Request, Depends
+from fastapi.responses import HTMLResponse, FileResponse
+from fastapi.templating import Jinja2Templates
+
+from weasyprint import HTML, CSS
+from weasyprint.text.fonts import FontConfiguration
+
+from pathlib import Path
+
+from firm.core.depends import get_tenant_registry
+from firm.entity.models import Entity
+from firm.template.models import ProvisionTemplate
+from firm.contract.models import ContractDraft, Contract, ContractStatus, replace_variables_in_value
+
+
+async def build_model(model):
+    parties = []
+    for p in model.parties:
+        party = {
+            "entity": await Entity.get(p.entity_id),
+            "part": p.part
+        }
+        if p.representative_id:
+            party['representative'] = await Entity.get(p.representative_id)
+
+        parties.append(party)
+
+    model.parties = parties
+
+    provisions = []
+    for p in model.provisions:
+        if p.provision.type == "template":
+            provision = await ProvisionTemplate.get(p.provision.provision_template_id)
+        else:
+            provision = p.provision
+
+        provision.title = replace_variables_in_value(model.variables, provision.title)
+        provision.body = replace_variables_in_value(model.variables, provision.body)
+        provisions.append(provision)
+
+    model.provisions = provisions
+
+    model = model.dict()
+    model['location'] = "Los Santos, SA"
+    model['date'] = datetime.date(1970, 1, 1)
+    model['lawyer'] = {'entity_data': {
+        "firstname": "prénom avocat",
+        "lastname": "nom avocat",
+    }}
+    return model
+
+
+BASE_PATH = Path(__file__).resolve().parent
+
+
+templates = Jinja2Templates(directory=str(BASE_PATH / "templates"))
+
+
+async def render_print(root_url, contract):
+    template = templates.get_template("print.html")
+    return template.render({
+        "contract": contract,
+        "root_url": root_url
+    })
+
+
+async def render_css(root_url, contract):
+    template = templates.get_template("styles.css")
+    return template.render({
+        "contract": contract,
+        "root_url": root_url
+    })
+
+
+def retrieve_signature_png(filepath):
+    with open(filepath, "rb") as f:
+        b_content = f.read()
+    base64_utf8_str = base64.b64encode(b_content).decode('utf-8')
+    ext = filepath.split('.')[-1]
+    return f'data:image/{ext};base64,{base64_utf8_str}'
+
+
+preview_router = APIRouter()
+@preview_router.get("/draft/{draft_id}", response_class=HTMLResponse, tags=["Contract Draft"])
+async def preview_draft(draft_id: str, reg=Depends(get_tenant_registry)) -> str:
+    draft = await build_model(await ContractDraft.get(reg.db, draft_id))
+
+    return await render_print('', draft)
+
+
+@preview_router.get("/signature/{signature_id}", response_class=HTMLResponse, tags=["Signature"])
+async def preview_contract_by_signature(signature_id: UUID, reg=Depends(get_tenant_registry)) -> str:
+    contract = await Contract.find_by_signature_id(reg.db, signature_id)
+    for p in contract.parties:
+        if p.signature_affixed:
+            p.signature_png = retrieve_signature_png(f'media/signatures/{p.signature_uuid}.png')
+
+    return await render_print('', contract)
+
+
+@preview_router.get("/{contract_id}", response_class=HTMLResponse, tags=["Contract"])
+async def preview_contract(contract_id: str, reg=Depends(get_tenant_registry)) -> str:
+    contract = await Contract.get(reg.db, contract_id)
+    for p in contract.parties:
+        if p.signature_affixed:
+            p.signature_png = retrieve_signature_png(f'media/signatures/{p.signature_uuid}.png')
+
+    return await render_print('', contract)
+
+
+print_router = APIRouter()
+@print_router.get("/pdf/{contract_id}", response_class=FileResponse, tags=["Contract"])
+async def create_pdf(contract_id: str, reg=Depends(get_tenant_registry)) -> str:
+    contract = await Contract.get(reg.db, contract_id)
+    contract_path = "media/contracts/{}.pdf".format(contract_id)
+    if not os.path.isfile(contract_path):
+        if contract.status != ContractStatus.signed:
+            raise HTTPException(status_code=400, detail="Contract is not in a printable state")
+
+        for p in contract.parties:
+            signature_path = f'media/signatures/{p.signature_uuid}.png'
+            p.signature_png = retrieve_signature_png(signature_path)
+            # os.remove(signature_path)
+
+        font_config = FontConfiguration()
+        html = HTML(string=await render_print('http://nginx', contract))
+        css = CSS(string=await render_css('http://nginx', contract), font_config=font_config)
+
+        html.write_pdf(contract_path, stylesheets=[css], font_config=font_config)
+
+        await contract.update_status(reg.db, 'printed')
+
+    return FileResponse(
+        contract_path,
+        media_type="application/pdf",
+        filename=contract.label)
+
+
+@print_router.get("/opengraph/{signature_id}", response_class=HTMLResponse, tags=["Signature"])
+async def get_signature_opengraph(signature_id: str, request: Request, reg=Depends(get_tenant_registry)) -> str:
+    contract = await Contract.find_by_signature_id(reg.db, signature_id)
+    signature = contract.get_signature(signature_id)
+    template = templates.get_template("opengraph.html")
+
+    signatory = signature.representative.label if signature.representative else signature.entity.label
+
+    return template.render({
+        "signatory": signatory,
+        "title": contract.label,
+        "origin_url": f"{request.url.scheme}://{request.url.hostname}"
+    })

api/rpk-api/firm/contract/print/templates/opengraph.html

@@ -0,0 +1,10 @@
+<html>
+<head>
+    <meta property="og:title" content="{{ title }}" />
+    <meta property="og:description" content="Cette page est à la destination exclusive de {{ signatory }}
+                    Si vous n'êtes pas {{ signatory }}, veuillez fermer cette page immédiatement et surpprimer tous les liens en votre possession menant vers celle-ci.
+                    En vous maintenant et/ou en interagissant avec cette page, vous enfreignez l'article L.229 du code pénal de l'Etat de San Andreas pour usurpation d'identité et vous vous exposez ainsi à une amende de 20 000$ ainsi qu'à des poursuites civiles.
+                    Le cabinet Cooper, Hillman & Toshi LLC" />
+    <meta property="og:image" content="{{ origin_url }}/assets/logo.png" />
+</head>
+</html>

api/rpk-api/firm/contract/print/templates/print.html

@@ -0,0 +1,76 @@
+<html>
+<head>
+    <style>
+        {% include 'styles.css' %}
+    </style>
+</head>
+<body>
+    <div class="frontpage">
+        <div id="front-page-header">
+            <table><tr>
+                <td><img id="top-logo" src="{{ root_url }}/assets/logotransparent.png" alt="Cooper, Hillman & Toshi logo"></td>
+                <td id="office-info">Cooper, Hillman & Toshi LLP<br />6834 Innocence Boulevard<br />LOS SANTOS - SA<br /><a href="#">consulting@cht.law.com</a></td>
+            </tr></table>
+            <h1>{{ contract.title|upper }}</h1>
+        </div>
+        <div class="intro">
+            <h2>Introduction</h2>
+            <p>Le {{ contract.date.strftime('%d/%m/%Y') }} &agrave; {{ contract.location}}</p>
+            <p>Entre les soussign&eacute;s :</p>
+            {% for party in contract.parties %}
+            <div class="party">
+                {% if not loop.first %}
+                    <p>ET</p>
+                {% endif %}
+                <p>
+                {% if party.entity.entity_data.type == "corporation" %}
+                    {{ party.entity.entity_data.title }} soci&eacute;t&eacute; de {{ party.entity.entity_data.activity }} enregistr&eacute;e aupr&egrave;s du gouvernement de San Andreas et domicili&eacute;e au {{ party.entity.address }}{% if party.representative %}, repr&eacute;sent&eacute;e par {{ party.representative.entity_data.firstname }} {{ party.representative.entity_data.middlenames }} {{ party.representative.entity_data.lastname }}{% endif %}
+                {% elif party.entity.entity_data.type == "individual" %}
+                    {{ party.entity.entity_data.firstname }} {{ party.entity.entity_data.middlenames }} {{ party.entity.entity_data.lastname }}
+                    {% if party.entity.entity_data.day_of_birth %} n&eacute; le {{ party.entity.entity_data.day_of_birth.strftime('%d/%m/%Y') }} {% if party.entity.entity_data.place_of_birth %} &agrave; {{ party.entity.entity_data.place_of_birth }}{% endif %},{% endif %}
+                    {% if party.entity.address %} r&eacute;sidant &agrave; {{ party.entity.address }}, {% endif %}
+                {% elif party.entity.entity_data.type == "institution" %}
+
+                {% endif %}
+                </p>
+                <p>Ci-apr&egrave;s d&eacute;nomm&eacute; <strong>{{ party.part|safe }}</strong></p>
+                {% if loop.first %}
+                    <p class="part">d&apos;une part</p>
+                {% endif %}
+            </div>
+            {% endfor %}
+            <p class="part">d&apos;autre part</p>
+            <p>Sous la supervision l&eacute;gale de Ma&icirc;tre <strong>{{ contract.lawyer.entity_data.firstname }} {{ contract.lawyer.entity_data.lastname }}</strong></p>
+            <p>Il a &eacute;t&eacute; convenu l&apos;ex&eacute;cution des prestations ci-dessous, conform&eacute;ment aux conditions g&eacute;n&eacute;rales et particuli&egrave;res ci-apr&egrave;s:</p>
+        </div>
+    </div>
+    <div class="content">
+        <h2>Conditions g&eacute;n&eacute;rales & particuli&egrave;res</h2>
+
+        {% for provision in contract.provisions %}
+        <div class="provision">
+            <h3>Article {{loop.index}} - {{ provision.title|safe }}</h3>
+            <p>{{ provision.body|safe }}</p>
+        </div>
+        {% endfor %}
+
+        <div class="footer">
+            <hr/>
+            <p>À {{ contract.location }} le {{ contract.date.strftime('%d/%m/%Y') }}</p>
+            <p class="mention">(Signatures précédée de la mention « Lu et approuvé »)</p>
+            <table class="signatures">
+                <tr>
+                {% for party in contract.parties %}
+                    <td>
+                        {{ party.part|safe }}:<br/>
+                        {% if party.signature_png %}
+                            <img src="{{ party.signature_png }}" />
+                        {% endif %}
+                    </td>
+                {% endfor %}
+                </tr>
+            </table>
+        </div>
+    </div>
+</body>
+</html>

api/rpk-api/firm/contract/print/templates/styles.css

@@ -0,0 +1,147 @@
+
+@font-face {
+    font-family: 'Century Schoolbook';
+    src: url('{{ root_url }}/assets/century-schoolbook/CenturySchoolbookRegular.ttf');
+}
+
+@font-face {
+    font-family: "Century Schoolbook";
+    src: url("{{ root_url }}/assets/century-schoolbook/CenturySchoolbookBold.ttf");
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: "Century Schoolbook";
+    src: url("{{ root_url }}/assets/century-schoolbook/CenturySchoolbookItalic.ttf");
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Century Schoolbook";
+    src: url("{{ root_url }}/assets/century-schoolbook/CenturySchoolbookBoldItalic.ttf");
+    font-weight: bold;
+    font-style: italic;
+}
+
+@page{
+    size: a4 portrait;
+    margin: 2cm 2cm 2cm 2cm;
+    counter-increment: page;
+    @bottom-center {
+        content: "© Cooper, Hillman & Toshi LLC - {{ contract.name }} - Page " counter(page) "/" counter(pages);
+        font-size: 0.8em;
+    }
+    background: url('{{ root_url }}/assets/watermark.png') no-repeat;
+    background-size:contain;
+}
+
+@page:first {
+    background: none;
+}
+
+body {
+    font-size:1em;
+    width:17cm;
+    font-family: 'Century Schoolbook';
+}
+
+#front-page-header {
+    page-break-inside: avoid;
+}
+
+#front-page-header table {
+    width: 100%;
+}
+
+#top-logo {
+    width: 5cm;
+    width: 5cm;
+    border: solid 1px black;
+}
+
+#office-info {
+    text-align: right;
+    vertical-align: middle;
+}
+
+h1 {
+    background: black;
+    color: white;
+    text-align: center;
+    font-size: 2.6em;
+    padding: 13px 0;
+    margin: 50px 0;
+    font-weight: bold;
+}
+
+h2 {
+    background: lightgrey;
+    font-size: 1.6em;
+    padding: 8px 0;
+    font-weight: bold;
+}
+
+.intro {
+    page-break-inside: avoid;
+}
+
+.party {
+    page-break-inside: avoid;
+}
+
+.part {
+    text-align: right;
+}
+
+.content h2 {
+    page-break-before: always;
+}
+
+.content h3 {
+    margin-top: 55px;
+    font-weight: bold;
+    font-size: 1.5em;
+    page-break-after: avoid;
+}
+
+.content p {
+    page-break-inside: avoid;
+    text-indent: 2em;
+}
+
+.content td p {
+    text-indent: 0;
+    text-align: left;
+}
+
+.provision {
+    page-break-inside: avoid;
+}
+
+p {
+    text-align: justify;
+}
+
+li {
+    margin: 16px 0;
+}
+
+.footer {
+    margin-top: 30px;
+    page-break-inside: avoid;
+}
+
+.mention {
+    margin: 0;
+    font-size: 0.9em;
+}
+
+.signatures {
+    width: 100%;
+}
+
+.signatures td {
+    vertical-align: top;
+    text-align: center;
+    height: 3cm;
+}

api/rpk-api/firm/contract/routes_contract.py

@@ -0,0 +1,70 @@
+import uuid
+from fastapi import Depends, HTTPException
+
+from firm.core.routes import get_crud_router
+from firm.core.depends import get_authed_tenant_registry
+
+from firm.contract.models import Contract, ContractDraft, ContractDraftStatus, replace_variables_in_value, ContractFilters
+from firm.contract.schemas import ContractCreate, ContractRead, ContractUpdate, ContractInit
+
+from firm.entity.models import Entity
+from firm.template.models import ProvisionTemplate
+
+
+contract_router = get_crud_router(Contract, ContractCreate, ContractRead, ContractUpdate, ContractFilters)
+del(contract_router.routes[4]) #delete
+del(contract_router.routes[3]) #update
+del(contract_router.routes[1]) #create
+
+@contract_router.post("/", response_description="Contract Successfully created")
+async def create(schema: ContractCreate, reg=Depends(get_authed_tenant_registry)) -> ContractRead:
+    await schema.validate_foreign_key(reg.db)
+
+    draft = await ContractDraft.get(reg.db, schema.draft_id)
+    if not draft:
+        raise HTTPException(status_code=404, detail=f"Contract draft not found!")
+
+    for v in draft.variables:
+        if not v.key or not v.value:
+            raise HTTPException(status_code=400, detail="Variable {} is invalid".format(v))
+
+    contract_dict = schema.model_dump()
+    del(contract_dict['draft_id'])
+
+    lawyer = await Entity.get(reg.db, reg.user.entity_id)
+    contract_dict['lawyer'] = lawyer.model_dump()
+
+    contract_dict['name'] = draft.name
+    contract_dict['title'] = draft.title
+    parties = []
+    for p in draft.parties:
+        parties.append({
+            'entity': await Entity.get(reg.db, p.entity_id),
+            'part': p.part,
+            'representative': await Entity.get(reg.db, p.representative_id) if p.representative_id else None,
+            'signature_uuid': str(uuid.uuid4())
+        })
+
+    contract_dict['parties'] = parties
+
+    provisions = []
+    for p in draft.provisions:
+        p = p.provision
+        provision = await ProvisionTemplate.get(reg.db, p.provision_template_id) if p.type == "template" \
+            else p
+
+        provisions.append({
+            'title': replace_variables_in_value(draft.variables, provision.title),
+            'body': replace_variables_in_value(draft.variables, provision.body)
+        })
+
+    contract_dict['provisions'] = provisions
+
+    record = await Contract.create(reg.db, ContractInit(**contract_dict))
+    await draft.update_status(reg.db, ContractDraftStatus.published)
+
+    return ContractRead.from_model(record)
+
+@contract_router.put("/{record_id}", response_description="")
+async def update(record_id: str, contract_form: ContractUpdate, reg=Depends(get_authed_tenant_registry)) -> ContractRead:
+    raise HTTPException(status_code=400, detail="No modification on contract")

api/rpk-api/firm/contract/routes_draft.py

@@ -0,0 +1,42 @@
+from beanie import PydanticObjectId
+from fastapi import HTTPException, Depends
+
+from firm.core.routes import get_crud_router
+from firm.core.depends import get_authed_tenant_registry
+
+from firm.contract.models import ContractDraft, ContractDraftStatus, ContractDraftFilters
+from firm.contract.schemas import ContractDraftCreate, ContractDraftRead, ContractDraftUpdate
+
+draft_router = get_crud_router(ContractDraft, ContractDraftCreate, ContractDraftRead, ContractDraftUpdate, ContractDraftFilters)
+
+del(draft_router.routes[3]) #update route
+del(draft_router.routes[1]) #post route
+
+
+@draft_router.post("/", response_description="Contract Draft added to the database")
+async def create(schema: ContractDraftCreate, reg=Depends(get_authed_tenant_registry)) -> ContractDraftRead:
+    await schema.validate_foreign_key(reg.db)
+    record = await ContractDraft.create(reg.db, schema)
+    await record.check_is_ready(reg.db)
+
+    return ContractDraftRead.from_model(record)
+
+
+@draft_router.put("/{record_id}", response_description="Contract Draft record updated")
+async def update(record_id: PydanticObjectId, schema: ContractDraftUpdate, reg=Depends(get_authed_tenant_registry)) -> ContractDraftRead:
+    record = await ContractDraft.get(reg.db, record_id)
+    if not record:
+        raise HTTPException(
+            status_code=404,
+            detail="Contract Draft record not found!"
+        )
+    if record.status == ContractDraftStatus.published:
+        raise HTTPException(
+            status_code=400,
+            detail="Contract Draft has already been published"
+        )
+
+    record = await ContractDraft.update(reg.db, record, schema)
+    await record.check_is_ready(reg.db)
+
+    return ContractDraftRead.from_model(record)

api/rpk-api/firm/contract/routes_signature.py

@@ -0,0 +1,35 @@
+from fastapi import Depends, HTTPException, File, UploadFile, APIRouter
+import shutil
+
+from uuid import UUID
+
+from firm.contract.models import Contract, Party
+from firm.core.depends import get_tenant_registry
+
+
+signature_router = APIRouter()
+
+@signature_router.get("/{signature_id}", response_description="")
+async def get_signature(signature_id: UUID, reg=Depends(get_tenant_registry)) -> Party:
+    contract = await Contract.find_by_signature_id(reg.db, signature_id)
+    signature = contract.get_signature(signature_id)
+    return signature
+
+@signature_router.post("/{signature_id}", response_description="")
+async def affix_signature(signature_id: UUID, signature_file: UploadFile = File(...), reg=Depends(get_tenant_registry)) -> bool:
+    contract = await Contract.find_by_signature_id(reg.db, signature_id)
+
+    if not contract:
+        raise HTTPException(status_code=404, detail="Contract record not found!")
+
+    signature_index = contract.get_signature_index(signature_id)
+    signature = contract.parties[signature_index]
+
+    if signature.signature_affixed:
+        raise HTTPException(status_code=400, detail="Signature already affixed")
+
+    with open(f'media/signatures/{signature_id}.png', "wb") as buffer:
+        shutil.copyfileobj(signature_file.file, buffer)
+
+    await contract.affix_signature(reg.db, signature_index)
+    return True

api/rpk-api/firm/contract/schemas.py

@@ -0,0 +1,83 @@
+import datetime
+from typing import List
+
+from pydantic import BaseModel, Field
+
+from firm.contract.models import ContractDraft, DraftProvision, DraftParty, Contract
+
+from firm.entity.models import Entity
+from firm.core.schemas import Writer, Reader
+from firm.core.models import DictionaryEntry
+
+
+class ContractDraftRead(Reader, ContractDraft):
+    pass
+
+
+class ContractDraftCreate(Writer):
+    name: str = Field(title='Nom')
+    title: str = Field(title='Titre')
+    parties: List[DraftParty] = Field(title='Parties')
+    provisions: List[DraftProvision] = Field(
+        props={"items-per-row": "1", "numbered": True},
+        title='Clauses'
+    )
+    variables: List[DictionaryEntry] = Field(
+        default=[],
+        format="dictionary",
+        title='Variables'
+    )
+
+    async def validate_foreign_key(self, db):
+        for p in self.parties:
+            if p.entity_id:
+                p.entity = await Entity.get(db, p.entity_id)
+                if p.entity is None:
+                    raise ValueError
+
+
+class ContractDraftUpdate(ContractDraftCreate):
+    pass
+
+
+class ForeignEntityRead(BaseModel):
+    label: str
+
+    class Config:
+        title = "Avocat"
+
+
+class PartyRead(BaseModel):
+    signature_affixed: bool = Field(title='Signature apposée?')
+    signature_uuid: str = Field(format="signature-link", title="Lien vers signature")
+    part: str = Field(title='Rôle')
+    entity: ForeignEntityRead = Field(title='Client')
+
+    class Config:
+        title = "Partie"
+
+
+class ContractRead(Reader, Contract):
+    parties: List[PartyRead]
+    lawyer: ForeignEntityRead
+
+    class Config:
+        title = "Contrat"
+
+
+class ContractCreate(Writer):
+    date: datetime.date
+    location: str
+    draft_id: str
+
+class ContractInit(BaseModel):
+    date: datetime.date
+    location: str
+    lawyer: dict
+    name: str
+    title: str
+    parties: List[dict]
+    provisions: List[dict]
+
+class ContractUpdate(BaseModel):
+    pass

api/rpk-api/firm/core/depends.py

@@ -0,0 +1,51 @@
+from fastapi import HTTPException, Depends
+from hub.auth import get_current_user
+
+from firm.db import get_db_client
+from firm.current_firm import CurrentFirmModel
+
+class Registry:
+    user = None
+
+    def __init__(self, db_client, instance, firm):
+        self.db = db_client[f"tenant_{instance}_{firm}"]
+        self.instance = instance
+        self.firm = firm
+
+        self.current_firm = CurrentFirmModel.get_current(self.db)
+
+    def set_user(self, user):
+        for firm in user.firms:
+            if firm.instance == self.instance and firm.firm == self.firm:
+                self.user = user
+                self.db.user = user
+                return
+
+        raise PermissionError
+
+async def get_tenant_registry(instance: str, firm: str, db_client=Depends(get_db_client)) -> Registry:
+    registry = Registry(db_client, instance, firm)
+    if await registry.current_firm is None:
+        raise HTTPException(status_code=405, detail=f"Firm needs to be initialized first")
+
+    return registry
+
+def get_authed_tenant_registry(registry=Depends(get_tenant_registry), user=Depends(get_current_user)) -> Registry:
+    try:
+        registry.set_user(user)
+    except PermissionError:
+        raise HTTPException(status_code=404, detail="This firm doesn't exist or you are not allowed to access it.")
+
+    return registry
+
+async def get_uninitialized_registry(instance: str, firm: str, db_client=Depends(get_db_client), user=Depends(get_current_user)) -> Registry:
+    registry = Registry(db_client, instance, firm)
+    if await registry.current_firm is not None:
+        raise HTTPException(status_code=409, detail="Firm configuration already exists")
+
+    try:
+        registry.set_user(user)
+    except PermissionError:
+        raise HTTPException(status_code=404, detail="This firm doesn't exist or you are not allowed to access it.")
+
+    return registry

api/rpk-api/firm/core/filter.py

@@ -0,0 +1,135 @@
+from collections.abc import Callable, Mapping
+from typing import Any, Optional, Union
+
+from pydantic import ValidationInfo, field_validator
+
+from fastapi_filter.base.filter import BaseFilterModel
+
+_odm_operator_transformer: dict[str, Callable[[Optional[str]], Optional[dict[str, Any]]]] = {
+    "neq": lambda value: {"$ne": value},
+    "gt": lambda value: {"$gt": value},
+    "gte": lambda value: {"$gte": value},
+    "in": lambda value: {"$in": value},
+    "isnull": lambda value: None if value else {"$ne": None},
+    "lt": lambda value: {"$lt": value},
+    "lte": lambda value: {"$lte": value},
+    "not": lambda value: {"$ne": value},
+    "ne": lambda value: {"$ne": value},
+    "not_in": lambda value: {"$nin": value},
+    "nin": lambda value: {"$nin": value},
+    "like": lambda value: {"$regex": f".*{value}.*"},
+    "ilike": lambda value: {"$regex": f".*{value}.*", "$options": "i"},
+    "exists": lambda value: {"$exists": value},
+}
+
+
+class Filter(BaseFilterModel):
+    """Base filter for beanie related filters.
+
+    Example:
+        ```python
+        class MyModel:
+            id: PrimaryKey()
+            name: StringField(null=True)
+            count: IntField()
+            created_at: DatetimeField()
+
+        class MyModelFilter(Filter):
+            id: Optional[int]
+            id__in: Optional[str]
+            count: Optional[int]
+            count__lte: Optional[int]
+            created_at__gt: Optional[datetime]
+            name__ne: Optional[str]
+            name__nin: Optional[list[str]]
+            name__isnull: Optional[bool]
+        ```
+    """
+
+    def sort(self):
+        if not self.ordering_values:
+            return None
+
+        sort = {}
+        for column in self.ordering_values:
+            direction = 1
+            if column[0] in ["+", "-"]:
+                if column[0] == "-":
+                    direction = -1
+                column = column[1:]
+
+            sort[column] = direction
+
+        return sort
+
+    @field_validator("*", mode="before")
+    @classmethod
+    def split_str(
+        cls: type["BaseFilterModel"], value: Optional[str], field: ValidationInfo
+    ) -> Optional[Union[list[str], str]]:
+        if (
+            field.field_name is not None
+            and (
+                field.field_name == cls.Constants.ordering_field_name
+                or field.field_name.endswith("__in")
+                or field.field_name.endswith("__nin")
+            )
+            and isinstance(value, str)
+        ):
+            if not value:
+                # Empty string should return [] not ['']
+                return []
+            return list(value.split(","))
+        return value
+
+    def _get_filter_conditions(self, nesting_depth: int = 1) -> list[tuple[Mapping[str, Any], Mapping[str, Any]]]:
+        filter_conditions: list[tuple[Mapping[str, Any], Mapping[str, Any]]] = []
+        for field_name, value in self.filtering_fields:
+            field_value = getattr(self, field_name)
+            if isinstance(field_value, Filter):
+                if not field_value.model_dump(exclude_none=True, exclude_unset=True):
+                    continue
+
+                filter_conditions.append(
+                    (
+                        {field_name: _odm_operator_transformer["neq"](None)},
+                        {"fetch_links": True, "nesting_depth": nesting_depth},
+                    )
+                )
+                for part, part_options in field_value._get_filter_conditions(nesting_depth=nesting_depth + 1):  # noqa: SLF001
+                    for sub_field_name, sub_value in part.items():
+                        filter_conditions.append(
+                            (
+                                {f"{field_name}.{sub_field_name}": sub_value},
+                                {"fetch_links": True, "nesting_depth": nesting_depth, **part_options},
+                            )
+                        )
+
+            elif "__" in field_name:
+                stripped_field_name, operator = field_name.split("__")
+                search_criteria = _odm_operator_transformer[operator](value)
+                filter_conditions.append(({stripped_field_name: search_criteria}, {}))
+            elif field_name == self.Constants.search_field_name and hasattr(self.Constants, "search_model_fields"):
+                search_conditions = [
+                    {search_field: _odm_operator_transformer["ilike"](value)}
+                    for search_field in self.Constants.search_model_fields
+                ]
+                filter_conditions.append(({"$or": search_conditions}, {}))
+            else:
+                filter_conditions.append(({field_name: value}, {}))
+
+        return filter_conditions
+
+    def filter(self, query):
+        data = self._get_filter_conditions()
+        for filter_condition, filter_kwargs in data:
+            for field_name, value in filter_condition.items():
+                if field_name in query:
+                    query[field_name] = query[field_name] | value
+                else:
+                    query[field_name] = value
+        return query
+
+class FilterSchema(Filter):
+    label__ilike: Optional[str] = None
+    order_by: Optional[list[str]] = None

api/rpk-api/firm/core/models.py

@@ -0,0 +1,133 @@
+from datetime import datetime, UTC
+from typing import Optional
+
+from beanie import PydanticObjectId
+from motor.motor_asyncio import AsyncIOMotorCollection
+from pydantic import BaseModel, Field, computed_field
+
+
+class CrudDocument(BaseModel):
+    id: Optional[PydanticObjectId] = Field(default=None)
+    created_at: datetime = Field(default=datetime.now(UTC), nullable=False, title="Créé le")
+    created_by: Optional[PydanticObjectId] = Field(default=None, title="Créé par")
+    updated_at: datetime = Field(default_factory=lambda: datetime.now(UTC), nullable=False, title="Modifié le")
+    updated_by: Optional[PydanticObjectId] = Field(default=None, title="Modifié par")
+
+    @property
+    def _id(self):
+        return self.id
+
+    @computed_field
+    def label(self) -> str:
+        return self.compute_label()
+
+    def compute_label(self) -> str:
+        return ""
+
+    class Settings:
+        fulltext_search = []
+
+    @classmethod
+    def _collection_name(cls):
+        return cls.__name__
+
+    @classmethod
+    def _get_collection(cls, db) -> AsyncIOMotorCollection:
+        return db.get_collection(cls._collection_name())
+
+    @classmethod
+    async def create(cls, db, create_schema):
+        model_dict = create_schema.model_dump() | {"created_by": db.user.id, "updated_by": db.user.id}
+        document = cls.model_validate(model_dict).model_dump(mode="json")
+        result = await cls._get_collection(db).insert_one(document)
+
+        return await cls.get(db, result.inserted_id)
+
+    @classmethod
+    def find(cls, db, filters):
+        return {
+            "collection": cls._get_collection(db),
+            "query_filter": filters.filter({}),
+            "sort": filters.sort(),
+        }
+
+    @classmethod
+    def list(cls, db):
+        return cls._get_collection(db).find({})
+
+    @classmethod
+    async def get(cls, db, model_id):
+        document = await cls._get_collection(db).find_one({"_id": model_id})
+        if not document:
+            return None
+
+        document["id"] = document.pop("_id")
+        return cls.model_validate(document)
+
+    @classmethod
+    async def update(cls, db, model, update_schema):
+        model_dict = update_schema.model_dump(mode="json") | {"updated_by": db.user.id}
+        update_query = {
+            "$set": {field: value for field, value in model_dict.items() if field!= "id" }
+        }
+
+        await cls._get_collection(db).update_one({"_id": model.id}, update_query)
+        return await cls.get(db, model.id)
+
+    @classmethod
+    async def delete(cls, db, model):
+        await cls._get_collection(db).delete_one({"_id": model.id})
+
+
+
+def text_area(*args, **kwargs):
+    kwargs['widget'] = {
+        "formlyConfig": {
+            "type": "textarea",
+            "props": {
+                "placeholder": "Leaving this field empty will cause formData property to be `null`",
+                "rows": kwargs['size'] if 'size' in kwargs else 10
+            }
+        }
+    }
+
+    return Field(*args, **kwargs)
+
+
+def RichtextMultiline(*args, **kwargs):
+    if 'props' not in kwargs:
+        kwargs['props'] = {}
+
+    kwargs['props']['richtext'] = True
+    kwargs['props']['multiline'] = True
+
+    return Field(*args, **kwargs)
+
+
+def RichtextSingleline(*args, **kwargs):
+    if 'props' not in kwargs:
+        kwargs['props'] = {}
+
+    kwargs['props']['richtext'] = True
+    kwargs['props']['multiline'] = False
+
+    return Field(*args, **kwargs)
+
+
+def ForeignKey(resource, schema, displayed_fields=None, *args, **kwargs):
+    kwargs["foreignKey"] = {
+        "reference": {
+            "resource": resource,
+            "schema": schema,
+        }
+    }
+
+    if displayed_fields:
+        kwargs["foreignKey"]["reference"]["displayedFields"] = displayed_fields
+
+    return Field(*args, **kwargs)
+
+
+class DictionaryEntry(BaseModel):
+    key: str
+    value: str = ""

api/rpk-api/firm/core/routes.py

@@ -0,0 +1,64 @@
+from beanie import PydanticObjectId
+
+from fastapi import APIRouter, HTTPException, Depends
+from fastapi_filter import FilterDepends
+from fastapi_pagination import Page, add_pagination
+from fastapi_pagination.ext.motor import paginate
+
+from firm.core.depends import get_authed_tenant_registry
+from firm.core.models import CrudDocument
+from firm.core.schemas import Writer, Reader
+
+def get_crud_router(model: CrudDocument, model_create: Writer, model_read: Reader, model_update: Writer, model_filter):
+    model_name = model.__name__
+    router = APIRouter()
+
+    @router.get("/", response_model=Page[model_read], response_description=f"{model_name} records retrieved")
+    async def read_list(filters: model_filter=FilterDepends(model_filter), reg=Depends(get_authed_tenant_registry)) -> Page[model_read]:
+        return await paginate(**model.find(reg.db, filters))
+
+    @router.post("/", response_description=f"{model_name} added to the database")
+    async def create(schema: model_create, reg=Depends(get_authed_tenant_registry)) -> model_read:
+        await schema.validate_foreign_key(reg.db)
+        record = await model.create(reg.db, schema)
+        return model_read.from_model(record)
+
+    @router.get("/{record_id}", response_description=f"{model_name} record retrieved")
+    async def read_one(record_id: PydanticObjectId, reg=Depends(get_authed_tenant_registry)) -> model_read:
+        record = await model.get(reg.db, record_id)
+        if not record:
+            raise HTTPException(
+                status_code=404,
+                detail=f"{model_name} record not found!"
+            )
+
+        return model_read.from_model(record)
+
+    @router.put("/{record_id}", response_description=f"{model_name} record updated")
+    async def update(record_id: PydanticObjectId, schema: model_update, reg=Depends(get_authed_tenant_registry)) -> model_read:
+        record = await model.get(reg.db, record_id)
+        if not record:
+            raise HTTPException(
+                status_code=404,
+                detail=f"{model_name} record not found!"
+            )
+
+        record = await model.update(reg.db, record, schema)
+        return model_read.from_model(record)
+
+    @router.delete("/{record_id}", response_description=f"{model_name} record deleted from the database")
+    async def delete(record_id: PydanticObjectId, reg=Depends(get_authed_tenant_registry)) -> dict:
+        record = await model.get(reg.db, record_id)
+        if not record:
+            raise HTTPException(
+                status_code=404,
+                detail=f"{model_name} record not found!"
+            )
+
+        await model.delete(reg.db, record)
+        return {
+            "message": f"{model_name} deleted successfully"
+        }
+
+    add_pagination(router)
+    return router

api/rpk-api/firm/core/schemas.py

@@ -0,0 +1,18 @@
+from typing import Optional
+
+from beanie import PydanticObjectId
+from pydantic import BaseModel, Field
+
+
+class Reader(BaseModel):
+    id: Optional[PydanticObjectId] = Field(default=None, validation_alias="_id")
+
+    @classmethod
+    def from_model(cls, model):
+        schema = cls.model_validate(model, from_attributes=True)
+        return schema
+
+
+class Writer(BaseModel):
+    async def validate_foreign_key(self, db):
+        pass

api/rpk-api/firm/current_firm/__init__.py

@@ -0,0 +1,72 @@
+from typing import Any
+
+from beanie import PydanticObjectId
+from pydantic import Field
+
+from firm.core.models import CrudDocument
+from firm.core.schemas import Writer, Reader
+from firm.entity.schemas import EntityIndividualCreate, EntityCorporationCreate, EntityRead
+
+
+class CurrentFirmModel(CrudDocument):
+    instance: str = Field()
+    firm: str = Field()
+    entity_id: PydanticObjectId = Field()
+    primary_color: str = Field()
+    secondary_color: str = Field()
+
+    def __eq__(self, other: Any) -> bool:
+        if isinstance(other, dict):
+            return self.instance == other["instance"] and self.firm == other["firm"]
+        return super().__eq__(other)
+
+    def compute_label(self) -> str:
+        return f"{self.instance} / {self.firm}"
+
+    @classmethod
+    async def get_current(cls, db):
+        document = await cls._get_collection(db).find_one({})
+        if not document:
+            return None
+
+        document["id"] = document.pop("_id")
+        return cls.model_validate(document)
+
+
+class CurrentFirmSchemaRead(Reader):
+    entity: EntityRead
+    partner: EntityRead
+    instance: str
+    firm: str
+    primary_color: str
+    secondary_color: str
+
+    @classmethod
+    def from_model_and_entities(cls, model, entity, partner):
+        schema = cls(**model.model_dump(mode="json"), entity=entity, partner=partner)
+        return schema
+
+class CurrentFirmSchemaCreate(Writer):
+    corporation: EntityCorporationCreate = Field(title="Informations sur la firme")
+    owner: EntityIndividualCreate = Field(title="Informations sur le dirigeant")
+    position: str = Field(title="Poste")
+
+    primary_color: str = Field()
+    secondary_color: str = Field()
+
+
+class CurrentFirmSchemaUpdate(Writer):
+    pass
+
+class Partner(CrudDocument):
+    user_id: PydanticObjectId = Field()
+    entity_id: PydanticObjectId = Field()
+
+    @classmethod
+    async def get_by_user_id(cls, db, user_id):
+        document = await cls._get_collection(db).find_one({"user_id": str(user_id)})
+        if not document:
+            return None
+
+        document["id"] = document.pop("_id")
+        return cls.model_validate(document)

api/rpk-api/firm/current_firm/routes.py

@@ -0,0 +1,40 @@
+from fastapi import APIRouter, Depends
+
+from firm.core.depends import get_authed_tenant_registry, get_uninitialized_registry
+from firm.current_firm import CurrentFirmModel, CurrentFirmSchemaRead, CurrentFirmSchemaCreate, CurrentFirmSchemaUpdate, Partner
+from firm.entity.models import Entity, Employee
+from firm.entity.schemas import EntityRead
+
+current_firm_router = APIRouter()
+
+@current_firm_router.get("/", response_model=CurrentFirmSchemaRead, response_description=f"Current Firm records retrieved")
+async def read(reg=Depends(get_authed_tenant_registry)) -> CurrentFirmSchemaRead:
+    document = await CurrentFirmModel.get_current(reg.db)
+    entity = await Entity.get(reg.db, document.entity_id)
+    partner = await Partner.get_by_user_id(reg.db, reg.user.id)
+    partner = await Entity.get(reg.db, partner.entity_id)
+    return CurrentFirmSchemaRead.from_model_and_entities(document, EntityRead.from_model(entity), EntityRead.from_model(partner))
+
+@current_firm_router.post("/", response_description=f"Current Firm added to the database")
+async def create(schema: CurrentFirmSchemaCreate, reg=Depends(get_uninitialized_registry)) -> CurrentFirmSchemaRead:
+    owner_entity = await Entity.create(reg.db, schema.owner)
+    await Partner.create(reg.db, Partner(user_id=reg.user.id, entity_id=owner_entity.id))
+
+    corporation_schema = schema.corporation
+    corporation_schema.entity_data.employees.append(Employee(entity_id=owner_entity.id, position=schema.position))
+    corp = await Entity.create(reg.db, corporation_schema)
+
+    document = await CurrentFirmModel.create(reg.db, CurrentFirmModel(
+        instance=reg.instance,
+        firm=reg.firm,
+        entity_id=corp.id,
+        primary_color=schema.primary_color,
+        secondary_color=schema.secondary_color,
+    ))
+    return CurrentFirmSchemaRead.from_model_and_entities(document, EntityRead.from_model(corp), EntityRead.from_model(owner_entity))
+
+@current_firm_router.put("/", response_description=f"Current Firm record updated")
+async def update(schema: CurrentFirmSchemaUpdate, reg=Depends(get_authed_tenant_registry)) -> CurrentFirmSchemaRead:
+    document = await CurrentFirmModel.get_current(reg.db)
+    document = await CurrentFirmModel.update(reg.db, document, schema)
+    return CurrentFirmSchemaRead.from_model(document)

api/rpk-api/firm/db.py

@@ -0,0 +1,21 @@
+import os
+
+import motor.motor_asyncio
+
+MONGO_USERNAME = os.getenv("MONGO_INITDB_ROOT_USERNAME")
+MONGO_PASSWORD = os.getenv("MONGO_INITDB_ROOT_PASSWORD")
+
+DATABASE_URL = f"mongodb://{MONGO_USERNAME}:{MONGO_PASSWORD}@mongo:27017"
+
+client = motor.motor_asyncio.AsyncIOMotorClient(
+    DATABASE_URL, uuidRepresentation="standard"
+)
+
+async def init_db():
+    pass
+
+async def stop_db():
+    client.close()
+
+def get_db_client():
+    yield client

api/rpk-api/firm/entity/__init__.py

@@ -0,0 +1 @@
+from firm.entity.routes import router as entity_router

api/rpk-api/firm/entity/models.py

@@ -0,0 +1,102 @@
+from datetime import date, datetime
+from typing import List, Literal, Optional
+
+from pydantic import Field, BaseModel
+from beanie import Indexed, PydanticObjectId
+
+from firm.core.models import CrudDocument
+from firm.core.filter import Filter, FilterSchema
+
+
+class EntityType(BaseModel):
+    @property
+    def label(self) -> str:
+        return self.title
+
+
+class Individual(EntityType):
+    type: Literal['individual'] = 'individual'
+    firstname: Indexed(str) = Field(title='Prénom')
+    middlename: Indexed(str) = Field(default="", title='Autres prénoms')
+    lastname: Indexed(str) = Field(title='Nom de famille')
+    surnames: List[Indexed(str)] = Field(
+        default=[],
+        props={"items-per-row": "4", "numbered": True},
+        title="Surnoms"
+    )
+    day_of_birth: Optional[date] = Field(default=None, title='Date de naissance')
+    place_of_birth: Optional[str] = Field(default="", title='Lieu de naissance')
+
+    @property
+    def label(self) -> str:
+        # if len(self.surnames) > 0:
+        #     return '{} "{}" {}'.format(self.firstname, self.surnames[0], self.lastname)
+        return f"{self.firstname} {self.lastname}"
+
+    class Config:
+        title = 'Particulier'
+
+
+class Employee(BaseModel):
+    position: Indexed(str) = Field(title='Poste')
+    entity_id: PydanticObjectId = Field(
+        foreignKey={
+            "reference": {
+                "resource": "entities",
+                "schema": "Entity",
+                "condition": "entity_data.type=individual"
+            }
+        },
+        title='Employé'
+    )
+
+    class Config:
+        title = 'Fiche Employé'
+
+
+class Corporation(EntityType):
+    type: Literal['corporation'] = 'corporation'
+    title: Indexed(str) = Field(title='Dénomination sociale')
+    activity: Indexed(str) = Field(title='Activité')
+    employees: List[Employee] = Field(default=[], title='Employés')
+
+    class Config:
+        title = 'Entreprise'
+
+
+class Institution(Corporation):
+    type: Literal['institution'] = 'institution'
+
+    class Config:
+        title = 'Institution'
+
+
+class Entity(CrudDocument):
+    """
+    Fiche d'un client
+    """
+    entity_data: Individual | Corporation | Institution = Field(..., discriminator='type')
+    address: str = Field(default="", title='Adresse')
+
+    def compute_label(self) -> str:
+        if not self.entity_data:
+            return ""
+        return self.entity_data.label
+
+    class Settings(CrudDocument.Settings):
+        fulltext_search = ['label']
+
+        bson_encoders = {
+            date: lambda dt: dt if hasattr(dt, 'hour')
+            else datetime(year=dt.year, month=dt.month, day=dt.day,
+                          hour=0, minute=0, second=0)
+        }
+
+    class Config:
+        title = 'Client'
+
+
+class EntityFilters(FilterSchema):
+    class Constants(Filter.Constants):
+        model = Entity
+        search_model_fields = ["label"]

api/rpk-api/firm/entity/routes.py

@@ -0,0 +1,5 @@
+from firm.core.routes import get_crud_router
+from firm.entity.models import Entity, EntityFilters
+from firm.entity.schemas import EntityCreate, EntityRead, EntityUpdate
+
+router = get_crud_router(Entity, EntityCreate, EntityRead, EntityUpdate, EntityFilters)

api/rpk-api/firm/entity/schemas.py

@@ -0,0 +1,23 @@
+from pydantic import Field
+
+from firm.entity.models import Entity, Institution, Individual, Corporation
+from firm.core.schemas import Writer, Reader
+
+class EntityRead(Reader, Entity):
+    pass
+
+class EntityCreate(Writer):
+    entity_data: Individual | Corporation | Institution = Field(..., discriminator='type')
+    address: str = Field(default="", title='Adresse')
+
+    class Config:
+        title = "Création d'un client"
+
+class EntityIndividualCreate(EntityCreate):
+    entity_data: Individual
+
+class EntityCorporationCreate(EntityCreate):
+    entity_data: Corporation
+
+class EntityUpdate(EntityCreate):
+    pass

api/rpk-api/firm/template/__init__.py

@@ -0,0 +1,9 @@
+from fastapi import APIRouter
+
+from firm.template.routes_contract import router as contract_router
+from firm.template.routes_provision import router as provision_router
+
+template_router = APIRouter()
+
+template_router.include_router(provision_router, prefix="/provisions", )
+template_router.include_router(contract_router, prefix="/contracts", )

api/rpk-api/firm/template/models.py

@@ -0,0 +1,118 @@
+from typing import List
+from html import unescape
+
+from beanie import PydanticObjectId
+from pydantic import BaseModel, Field
+
+from firm.core.models import CrudDocument, RichtextMultiline, RichtextSingleline, DictionaryEntry
+from firm.core.filter import Filter, FilterSchema
+
+
+class PartyTemplate(BaseModel):
+    entity_id: PydanticObjectId = Field(
+        foreignKey={
+            "reference": {
+                "resource": "entities",
+                "schema": "Entity",
+            }
+        },
+        default="",
+        title="Partie"
+    )
+    part: str = Field(title="Rôle")
+    representative_id: PydanticObjectId = Field(
+        foreignKey={
+            "reference": {
+                "resource": "entities",
+                "schema": "Entity",
+            }
+        },
+        default="",
+        title="Représentant"
+    )
+
+    class Config:
+        title = 'Partie'
+
+
+def remove_html_tags(text):
+    """Remove html tags from a string"""
+    import re
+    clean = re.compile('<.*?>')
+    return re.sub(clean, '', text)
+
+
+class ProvisionTemplate(CrudDocument):
+    """
+    Modèle de clause à décliner
+    """
+
+    name: str = Field(title="Nom")
+    title: str = RichtextSingleline(title="Titre")
+    body: str = RichtextMultiline(title="Corps")
+
+    def compute_label(self) -> str:
+        return f"{self.name} - \"{unescape(remove_html_tags(self.title))}\""
+
+    class Settings(CrudDocument.Settings):
+        fulltext_search = ['name', 'title', 'body']
+
+    class Config:
+        title = 'Template de clause'
+
+
+class ProvisionTemplateReference(BaseModel):
+    provision_template_id: PydanticObjectId = Field(
+        foreignKey={
+            "reference": {
+                "resource": "templates/provisions",
+                "schema": "ProvisionTemplate",
+                "displayedFields": ['title', 'body']
+            },
+        },
+        props={"parametrized": True},
+        title="Template de clause"
+    )
+
+    class Config:
+        title = 'Clause'
+
+
+class ContractTemplate(CrudDocument):
+    """
+    Modèle de contrat à décliner
+    """
+    name: str = Field(title="Nom")
+    title: str = Field(title="Titre")
+    parties: List[PartyTemplate] = Field(default=[], title="Parties")
+    provisions: List[ProvisionTemplateReference] = Field(
+        default=[],
+        props={"items-per-row": "1", "numbered": True},
+        title="Clauses"
+    )
+    variables: List[DictionaryEntry] = Field(
+        default=[],
+        format="dictionary",
+        title="Variables"
+    )
+
+    def compute_label(self) -> str:
+        return f"{self.name} - \"{unescape(remove_html_tags(self.title))}\""
+
+    class Settings(CrudDocument.Settings):
+        fulltext_search = ['name', 'title']
+
+    class Config:
+        title = 'Template de contrat'
+
+
+class ContractTemplateFilters(FilterSchema):
+    class Constants(Filter.Constants):
+        model = ContractTemplate
+        search_model_fields = ["label"]
+
+
+class ProvisionTemplateFilters(FilterSchema):
+    class Constants(Filter.Constants):
+        model = ProvisionTemplate
+        search_model_fields = ["label"]

api/rpk-api/firm/template/routes_contract.py

@@ -0,0 +1,5 @@
+from firm.core.routes import get_crud_router
+from firm.template.models import ContractTemplate, ContractTemplateFilters
+from firm.template.schemas import ContractTemplateCreate, ContractTemplateRead, ContractTemplateUpdate
+
+router = get_crud_router(ContractTemplate, ContractTemplateCreate, ContractTemplateRead, ContractTemplateUpdate, ContractTemplateFilters)

api/rpk-api/firm/template/routes_provision.py

@@ -0,0 +1,5 @@
+from firm.core.routes import get_crud_router
+from firm.template.models import ProvisionTemplate, ProvisionTemplateFilters
+from firm.template.schemas import ProvisionTemplateCreate, ProvisionTemplateRead, ProvisionTemplateUpdate
+
+router = get_crud_router(ProvisionTemplate, ProvisionTemplateCreate, ProvisionTemplateRead, ProvisionTemplateUpdate, ProvisionTemplateFilters)

api/rpk-api/firm/template/schemas.py

@@ -0,0 +1,51 @@
+from pydantic import Field
+from typing import List
+
+from firm.template.models import ContractTemplate, ProvisionTemplate, PartyTemplate, ProvisionTemplateReference, DictionaryEntry
+from firm.core.schemas import Writer, Reader
+from firm.core.models import RichtextMultiline, RichtextSingleline
+
+
+class ContractTemplateRead(Reader, ContractTemplate):
+    pass
+
+
+class ContractTemplateCreate(Writer):
+    name: str = Field(title="Nom")
+    title: str = Field(title="Titre")
+    parties: List[PartyTemplate] = Field(default=[], title="Parties")
+    provisions: List[ProvisionTemplateReference] = Field(
+        default=[],
+        props={"items-per-row": "1", "numbered": True},
+        title="Clauses"
+    )
+    variables: List[DictionaryEntry] = Field(
+        default=[],
+        format="dictionary",
+        props={"required": False},
+        title="Variables"
+    )
+
+    class Config:
+        title = 'Template de Contrat'
+
+
+class ContractTemplateUpdate(ContractTemplateCreate):
+    pass
+
+
+class ProvisionTemplateRead(Reader, ProvisionTemplate):
+    pass
+
+
+class ProvisionTemplateCreate(Writer):
+    name: str = Field(title="Nom")
+    title: str = RichtextSingleline(title="Titre")
+    body: str = RichtextMultiline(title="Corps")
+
+    class Config:
+        title = 'Template de Clause'
+
+
+class ProvisionTemplateUpdate(ProvisionTemplateCreate):
+    pass

api/rpk-api/hub/__init__.py

@@ -1,19 +1,16 @@
-import os
+from fastapi import APIRouter
 
-from beanie import init_beanie
-from motor.motor_asyncio import AsyncIOMotorClient
+from hub.auth import auth_router, register_router, password_router, verification_router, users_router, \
+    google_oauth_router, discord_oauth_router
+from hub.firm.routes import router as firm_router
 
-from hub.user import User
-from hub.auth import AccessToken
+hub_router = APIRouter()
 
-MONGO_USERNAME = os.getenv("MONGO_INITDB_ROOT_USERNAME")
-MONGO_PASSWORD = os.getenv("MONGO_INITDB_ROOT_PASSWORD")
-
-DATABASE_URL = f"mongodb://{MONGO_USERNAME}:{MONGO_PASSWORD}@mongo:27017"
-
-async def init_db():
-    client = AsyncIOMotorClient(DATABASE_URL, uuidRepresentation="standard")
-
-    await init_beanie(database=client.hub,
-                      document_models=[User, AccessToken],
-                      allow_index_dropping=True)
+hub_router.include_router(register_router, tags=["Auth"], )
+hub_router.include_router(auth_router, prefix="/auth", tags=["Auth"], )
+hub_router.include_router(google_oauth_router, prefix="/auth/google", tags=["Auth"])
+hub_router.include_router(discord_oauth_router, prefix="/auth/discord", tags=["Auth"])
+hub_router.include_router(verification_router, prefix="/auth/verification", tags=["Auth"], )
+hub_router.include_router(users_router, prefix="/users", tags=["Users"], )
+hub_router.include_router(password_router, prefix="/users", tags=["Users"], )
+hub_router.include_router(firm_router, prefix="/users/firms", tags=["Users"], )

api/rpk-api/hub/auth/__init__.py

@@ -1,16 +1,19 @@
 import os
-import uuid
+from typing import Any
 
-from beanie import PydanticObjectId
-from fastapi import Depends
-from fastapi_users import UUIDIDMixin, BaseUserManager, FastAPIUsers, schemas
-from fastapi_users.authentication import AuthenticationBackend, BearerTransport, CookieTransport
+from beanie import PydanticObjectId, Document
+from fastapi import Depends, Response, status, APIRouter
+from fastapi_users import BaseUserManager, FastAPIUsers, schemas, models
+from fastapi_users.authentication import AuthenticationBackend, CookieTransport, Strategy
 from fastapi_users.authentication.strategy import AccessTokenDatabase, DatabaseStrategy
-from fastapi_users_db_beanie.access_token import BeanieBaseAccessTokenDocument, BeanieAccessTokenDatabase
+from fastapi_users_db_beanie.access_token import BeanieBaseAccessToken, BeanieAccessTokenDatabase
+from fastapi_users.openapi import OpenAPIResponseType
 from httpx_oauth.clients.google import GoogleOAuth2
 from httpx_oauth.clients.discord import DiscordOAuth2
+from starlette.responses import JSONResponse, RedirectResponse
 
 from hub.user import User, get_user_db
+from hub.user.schemas import UserSchema, UserUpdateSchema
 
 
 SECRET = os.getenv("FASTAPI_USERS_SECRET")
@@ -19,11 +22,8 @@ discord_oauth_client = DiscordOAuth2(os.getenv("DISCORD_CLIENT_ID"), os.getenv("
 
 TOKEN_LIFETIME = 3600
 
-# bearer_transport = BearerTransport(tokenUrl="auth/login")
-cookie_transport = CookieTransport(cookie_name="rpkapiusersauth")
 
-
-class AccessToken(BeanieBaseAccessTokenDocument):
+class AccessToken(BeanieBaseAccessToken, Document):
     pass
 
 async def get_access_token_db():
@@ -36,24 +36,61 @@ def get_database_strategy(
     return DatabaseStrategy(access_token_db, lifetime_seconds=TOKEN_LIFETIME)
 
 
-class UserManager(UUIDIDMixin, BaseUserManager[User, uuid.UUID]):
+class UserManager(BaseUserManager[User, PydanticObjectId]):
     reset_password_token_secret = SECRET
     verification_token_secret = SECRET
 
+    def parse_id(self, value: Any) -> models.ID:
+        return str(value)
+
 
 async def get_user_manager(user_db=Depends(get_user_db)):
     yield UserManager(user_db)
 
 
-auth_backend = AuthenticationBackend(name="db", transport=cookie_transport, get_strategy=get_database_strategy,
-)
+class CookieTransportMe(CookieTransport):
+    async def get_login_me_response(self, token: str, user) -> Response:
+        user_schema = UserSchema(**user.model_dump())
+        response = JSONResponse(status_code=status.HTTP_200_OK, content=user_schema.model_dump(mode="json"))
+        return self._set_login_cookie(response, token)
 
+    @staticmethod
+    def get_openapi_login_responses_success() -> OpenAPIResponseType:
+        return {status.HTTP_200_OK: {"model": UserSchema}}
+
+
+class AuthenticationBackendMe(AuthenticationBackend):
+    async def login(self, strategy: Strategy[models.UP, models.ID], user: models.UP) -> Response:
+        token = await strategy.write_token(user)
+        return await self.transport.get_login_me_response(token, user)
+
+
+class CookieTransportOauth(CookieTransport):
+    async def get_login_response(self, token: str) -> Response:
+        response = RedirectResponse("/auth/login?oauth=success", status_code=status.HTTP_301_MOVED_PERMANENTLY)
+        return self._set_login_cookie(response, token)
+
+    @staticmethod
+    def get_openapi_login_responses_success() -> OpenAPIResponseType:
+        return {status.HTTP_301_MOVED_PERMANENTLY: {"model": None}}
+
+
+cookie_transport = CookieTransportMe(cookie_name="rpkapiusersauth")
+auth_backend = AuthenticationBackendMe(name="db", transport=cookie_transport, get_strategy=get_database_strategy, )
 fastapi_users = FastAPIUsers[User, PydanticObjectId](get_user_manager, [auth_backend])
 
+get_current_user = fastapi_users.current_user(active=True)
+get_current_superuser = fastapi_users.current_user(active=True, superuser=True)
+
+
 auth_router = fastapi_users.get_auth_router(auth_backend, requires_verification=True)
-register_router = fastapi_users.get_register_router(schemas.BaseUser, schemas.BaseUserCreate)
+register_router = fastapi_users.get_register_router(UserSchema, schemas.BaseUserCreate)
 password_router = fastapi_users.get_reset_password_router()
-verification_router = fastapi_users.get_verify_router(schemas.BaseUser)
-users_router = fastapi_users.get_users_router(schemas.BaseUser, schemas.BaseUserUpdate)
-google_oauth_router = fastapi_users.get_oauth_router(google_oauth_client, auth_backend, SECRET)
-discord_oauth_router = fastapi_users.get_oauth_router(discord_oauth_client, auth_backend, SECRET)
+verification_router = fastapi_users.get_verify_router(UserSchema)
+users_router = fastapi_users.get_users_router(UserSchema, UserUpdateSchema)
+
+cookie_transport = CookieTransportOauth(cookie_name="rpkapiusersauth")
+auth_backend = AuthenticationBackend(name="db", transport=cookie_transport, get_strategy=get_database_strategy, )
+
+google_oauth_router = fastapi_users.get_oauth_router(google_oauth_client, auth_backend, SECRET, is_verified_by_default=True)
+discord_oauth_router = fastapi_users.get_oauth_router(discord_oauth_client, auth_backend, SECRET, is_verified_by_default=True)

api/rpk-api/hub/core/__init__.py

@@ -0,0 +1,19 @@
+from datetime import datetime
+
+from beanie import Document, PydanticObjectId
+from pydantic import Field, computed_field
+
+
+class CrudDocument(Document):
+    _id: str
+    created_at: datetime = Field(default=datetime.utcnow(), nullable=False, title="Créé le")
+    created_by: PydanticObjectId = Field()
+    updated_at: datetime = Field(default_factory=datetime.utcnow, nullable=False, title="Modifié le")
+    updated_by: PydanticObjectId = Field()
+
+    @computed_field
+    def label(self) -> str:
+        return self.compute_label()
+
+    def compute_label(self) -> str:
+        return ""

api/rpk-api/hub/db.py

@@ -0,0 +1,21 @@
+import os
+
+from beanie import init_beanie
+from motor.motor_asyncio import AsyncIOMotorClient
+
+from hub.user import User
+from hub.auth import AccessToken
+from hub.firm import Firm
+
+
+MONGO_USERNAME = os.getenv("MONGO_INITDB_ROOT_USERNAME")
+MONGO_PASSWORD = os.getenv("MONGO_INITDB_ROOT_PASSWORD")
+
+DATABASE_URL = f"mongodb://{MONGO_USERNAME}:{MONGO_PASSWORD}@mongo:27017"
+
+async def init_db():
+    client = AsyncIOMotorClient(DATABASE_URL, uuidRepresentation="standard")
+
+    await init_beanie(database=client.hub,
+                      document_models=[User, AccessToken, Firm],
+                      allow_index_dropping=True)

api/rpk-api/hub/firm/__init__.py

@@ -0,0 +1,33 @@
+from beanie import PydanticObjectId
+from pydantic import Field, BaseModel
+from pymongo import IndexModel
+
+from hub.core import CrudDocument
+
+class Firm(CrudDocument):
+    instance: str = Field()
+    firm: str = Field()
+    owner: PydanticObjectId = Field()
+
+    @classmethod
+    def get_by_name(cls, instance, firm):
+        return cls.find_one({"instance": instance, "firm": firm})
+
+    def compute_label(self) -> str:
+        return f"{self.instance} / {self.firm}"
+
+    class Settings:
+        indexes = [
+            IndexModel(["instance", "firm"], unique=True),
+        ]
+
+class FirmRead(BaseModel):
+    instance: str = Field()
+    firm: str = Field()
+
+class FirmCreate(FirmRead):
+    instance: str = Field(max_length=32, min_length=3, pattern="^[0-9a-z-]+$")
+    firm: str = Field(max_length=32, min_length=3, pattern="^[0-9a-z-]+$")
+
+class FirmUpdate(BaseModel):
+    owner: PydanticObjectId = Field()

api/rpk-api/hub/firm/routes.py

@@ -0,0 +1,69 @@
+from fastapi import APIRouter, Depends, HTTPException
+
+from hub.auth import get_current_user
+from hub.firm import Firm, FirmRead, FirmCreate, FirmUpdate
+
+
+router = APIRouter()
+
+@router.get("/", response_model=list[FirmRead], response_description="List of firms owned by the current user")
+async def read_list(user=Depends(get_current_user)) -> list[FirmRead]:
+    return await Firm.find({ "owner": user.id}).to_list()
+
+@router.post("/", response_description="Firm added to the database")
+async def create(item: FirmCreate, user=Depends(get_current_user)) -> FirmRead:
+    exists = await Firm.get_by_name(item.instance, item.firm)
+    if exists:
+        raise HTTPException(status_code=400, detail="Firm already exists")
+
+    record = Firm(created_by=user.id, updated_by=user.id, owner=user.id, **item.model_dump())
+    o = await record.create()
+    user.firms.append({"instance": item.instance, "firm": item.firm})
+    await user.save()
+    return FirmRead(**o.model_dump())
+
+@router.get("/{instance}/{firm}", response_description="Firm retrieved")
+async def read_id(instance: str, firm: str, user=Depends(get_current_user)) -> FirmRead:
+    item = await Firm.get_by_name(instance, firm)
+    if not item or not user.belong_to(item) not in user.firms:
+        raise HTTPException(status_code=404, detail="Item not found")
+
+    return FirmRead(**item.model_dump())
+
+
+@router.put("/{instance}/{firm}", response_description="Firm updated")
+async def update(instance: str, firm: str, req: FirmUpdate, user=Depends(get_current_user)) -> FirmRead:
+    item = await Firm.get_by_name(instance, firm)
+    if not item or not user.belong_to(item) not in user.firms:
+        raise HTTPException(status_code=404, detail="Item not found")
+
+    if item.owner != user.id:
+        raise HTTPException(
+            status_code=403,
+            detail="Insufficient credentials to modify Firm"
+        )
+
+    req = {k: v for k, v in req.model_dump().items() if v is not None}
+    update_query = {"$set": {
+        field: value for field, value in req.items()
+    }}
+
+    await item.update(update_query)
+    return FirmRead(**item.dict())
+
+@router.delete("/{instance}/{firm}", response_description="Firm deleted from the database")
+async def delete(instance: str, firm: str, user=Depends(get_current_user)) -> dict:
+    item = await Firm.get_by_name(instance, firm)
+    if not item or not user.belong_to(item) not in user.firms:
+        raise HTTPException(status_code=404, detail="Firm not found")
+
+    if item.owner != user.id:
+        raise HTTPException(
+            status_code=403,
+            detail="Insufficient credentials delete Firm"
+        )
+
+    await item.delete()
+    return {
+        "message": "Firm deleted successfully"
+    }

api/rpk-api/hub/user/__init__.py

@@ -1,19 +1,20 @@
-from fastapi import Depends
-from fastapi_users_db_beanie import BaseOAuthAccount, BeanieUserDatabase, BeanieBaseUserDocument
+from beanie import Document
+from fastapi_users_db_beanie import BaseOAuthAccount, BeanieUserDatabase, BeanieBaseUser
 from pydantic import Field
 
+from hub.firm import FirmRead
+from hub.user.schemas import UserSchema, UserUpdateSchema
+
 
 class OAuthAccount(BaseOAuthAccount):
     pass
 
-class User(BeanieBaseUserDocument):
+class User(BeanieBaseUser, Document):
     oauth_accounts: list[OAuthAccount] = Field(default_factory=list)
+    firms: list[FirmRead] = Field(default_factory=list)
 
 class UserDatabase(BeanieUserDatabase):
     pass
 
 async def get_user_db():
     yield UserDatabase(User, OAuthAccount)
-
-async def get_user_manager(user_db=Depends(get_user_db)):
-    yield UserManager(user_db)

api/rpk-api/hub/user/schemas.py

@@ -0,0 +1,18 @@
+from beanie import PydanticObjectId
+from fastapi_users.schemas import BaseUser, BaseUserUpdate
+from pydantic import Field
+
+from hub.firm import FirmRead
+
+
+class UserSchema(BaseUser[PydanticObjectId]):
+    firms: list[FirmRead] = Field()
+
+    def belongs_to(self, firm):
+        for f in self.firms:
+            if f.instance == firm.instance and f.firm == firm.firm :
+                return True
+        return False
+
+class UserUpdateSchema(BaseUserUpdate):
+    pass

api/rpk-api/main.py

@@ -1,10 +1,12 @@
 from contextlib import asynccontextmanager
-
 from fastapi import FastAPI
 
-from hub import init_db as hub_init_db
-from hub.auth import auth_router, register_router, password_router, verification_router, users_router, \
-    google_oauth_router, discord_oauth_router
+from hub import hub_router
+from hub.db import init_db as hub_init_db
+
+from firm import firm_router
+from firm.db import init_db as firm_init_db
+
 
 if __name__ == '__main__':
     import uvicorn
@@ -14,17 +16,12 @@ if __name__ == '__main__':
 @asynccontextmanager
 async def lifespan(app: FastAPI):
     await hub_init_db()
+    await firm_init_db()
     # create_db_and_tables()
     # create_admin_user()
     yield
     # do something before end
 
 app = FastAPI(root_path="/api/v1", lifespan=lifespan)
-
-app.include_router(register_router, tags=["Auth"], )
-app.include_router(auth_router, prefix="/auth", tags=["Auth"], )
-app.include_router(google_oauth_router, prefix="/auth/google", tags=["Auth"])
-app.include_router(discord_oauth_router, prefix="/auth/discord", tags=["Auth"])
-app.include_router(verification_router, prefix="/auth/verification", tags=["Auth"], )
-app.include_router(users_router, prefix="/users", tags=["Users"], )
-app.include_router(password_router, prefix="/users", tags=["Users"], )
+app.include_router(hub_router, prefix="/hub")
+app.include_router(firm_router, prefix="/firm")

docker-compose.yml

@@ -12,9 +12,9 @@ services:
       - ./api/media:/app/media
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.back.entrypoints=web"
-      - "traefik.http.routers.back.rule=PathPrefix(`/api/v1/`)"
-      - "traefik.http.services.back.loadbalancer.server.port=8000"
+      - "traefik.http.routers.api.entrypoints=web"
+      - "traefik.http.routers.api.rule=PathPrefix(`/api/v1/`)"
+      - "traefik.http.services.api.loadbalancer.server.port=8000"
 
   gui:
     build:
@@ -22,15 +22,28 @@ services:
     image: roleplay-contracts-gui-dev
     restart: always
     ports:
-      - "4200:4200"
+      - "5173:5173"
     volumes:
       - ./gui/rpk-gui/src:/app/src
       - ./gui/rpk-gui/public:/app/public
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.front.entrypoints=web"
-      - "traefik.http.routers.front.rule=PathPrefix(`/`)"
-      - "traefik.http.services.front.loadbalancer.server.port=4200"
+      - "traefik.http.routers.gui.entrypoints=web"
+      - "traefik.http.routers.gui.rule=PathPrefix(`/`)"
+      - "traefik.http.services.gui.loadbalancer.server.port=5173"
+
+  i18n:
+    build:
+      context: ./i18n
+    restart: always
+    volumes:
+      - ./i18n/app/src:/app/src
+      - ./gui/rpk-gui/public:/app/public
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.i18n.entrypoints=web"
+      - "traefik.http.routers.i18n.rule=PathPrefix(`/locales/add`)"
+      - "traefik.http.services.i18n.loadbalancer.server.port=8100"
 
   proxy:
     image: traefik:latest

gui/Dockerfile

@@ -1,13 +1,13 @@
 FROM node:lts-alpine
 
 WORKDIR /app
-RUN npm install -g @angular/cli http-server
+RUN npm install -g http-server
 COPY rpk-gui/package*.json ./
 RUN npm install
 COPY rpk-gui/ .
 
 RUN npm run build
 
-EXPOSE 4200
+EXPOSE 5173
 
-CMD [ "npm", "run", "ng", "serve", "--", "--host", "0.0.0.0", "--disable-host-check" ]
+CMD [ "npm", "run", "dev", "--", "--host"]

gui/rpk-gui/.eslintrc.cjs

@@ -0,0 +1,16 @@
+/* eslint-env node */
+
+module.exports = {
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  plugins: ["react-refresh"],
+  rules: {
+    "react-refresh/only-export-components": "warn",
+  },
+};

gui/rpk-gui/.gitignore

@@ -1,7 +1,8 @@
 # Logs
+
 logs
-*.log
-npm-debug.log*
+_.log
+npm-debug.log_
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
@@ -10,15 +11,16 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
-*.local
+\*.local
 
 # Editor directories and files
-.vscode/*
+
+.vscode/_
 !.vscode/extensions.json
 .idea
 .DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+_.suo
+_.ntvs_
+_.njsproj
+_.sln
+\*.sw?

gui/rpk-gui/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

gui/rpk-gui/Dockerfile

@@ -0,0 +1,37 @@
+# This Dockerfile uses `serve` npm package to serve the static files with node process.
+# You can find the Dockerfile for nginx in the following link:
+# https://github.com/refinedev/dockerfiles/blob/main/vite/Dockerfile.nginx
+FROM refinedev/node:18 AS base
+
+FROM base as deps
+
+COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
+
+RUN \
+  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ]; then npm ci; \
+  elif [ -f pnpm-lock.yaml ]; then yarn global add pnpm && pnpm i --frozen-lockfile; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
+
+FROM base as builder
+
+ENV NODE_ENV production
+
+COPY --from=deps /app/refine/node_modules ./node_modules
+
+COPY . .
+
+RUN npm run build
+
+FROM base as runner
+
+ENV NODE_ENV production
+
+RUN npm install -g serve
+
+COPY --from=builder /app/refine/dist ./
+
+USER refine
+
+CMD ["serve"]

gui/rpk-gui/README.MD

@@ -0,0 +1,49 @@
+# rpk-gui
+
+<div align="center" style="margin: 30px;">
+    <a href="https://refine.dev">
+    <img alt="refine logo" src="https://refine.ams3.cdn.digitaloceanspaces.com/readme/refine-readme-banner.png">
+    </a>
+</div>
+<br/>
+
+This [Refine](https://github.com/refinedev/refine) project was generated with [create refine-app](https://github.com/refinedev/refine/tree/master/packages/create-refine-app).
+
+## Getting Started
+
+A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility ✨
+
+Refine's hooks and components simplifies the development process and eliminates the repetitive tasks by providing industry-standard solutions for crucial aspects of a project, including authentication, access control, routing, networking, state management, and i18n.
+
+## Available Scripts
+
+### Running the development server.
+
+```bash
+    npm run dev
+```
+
+### Building for production.
+
+```bash
+    npm run build
+```
+
+### Running the production server.
+
+```bash
+    npm run start
+```
+
+## Learn More
+
+To learn more about **Refine**, please check out the [Documentation](https://refine.dev/docs)
+
+- **REST Data Provider** [Docs](https://refine.dev/docs/core/providers/data-provider/#overview)
+- **Material UI** [Docs](https://refine.dev/docs/ui-frameworks/mui/tutorial/)
+- **React Router** [Docs](https://refine.dev/docs/core/providers/router-provider/)
+- **Custom Auth Provider** [Docs](https://refine.dev/docs/core/providers/auth-provider/)
+
+## License
+
+MIT

gui/rpk-gui/README.md

@@ -1,54 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config({
-  extends: [
-    // Remove ...tseslint.configs.recommended and replace with this
-    ...tseslint.configs.recommendedTypeChecked,
-    // Alternatively, use this for stricter rules
-    ...tseslint.configs.strictTypeChecked,
-    // Optionally, add this for stylistic rules
-    ...tseslint.configs.stylisticTypeChecked,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config({
-  plugins: {
-    // Add the react-x and react-dom plugins
-    'react-x': reactX,
-    'react-dom': reactDom,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended typescript rules
-    ...reactX.configs['recommended-typescript'].rules,
-    ...reactDom.configs.recommended.rules,
-  },
-})
-```

gui/rpk-gui/eslint.config.js

@@ -1,28 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-
-export default tseslint.config(
-  { ignores: ['dist'] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
-  },
-)

gui/rpk-gui/index.html

@@ -1,13 +1,41 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="refine | Build your React-based CRUD applications, without constraints."
+    />
+    <meta
+      data-rh="true"
+      property="og:image"
+      content="https://refine.dev/img/refine_social.png"
+    />
+    <meta
+      data-rh="true"
+      name="twitter:image"
+      content="https://refine.dev/img/refine_social.png"
+    />
+    <title>
+      Refine - Build your React-based CRUD applications, without constraints.
+    </title>
   </head>
   <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/index.tsx"></script>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm dev` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
   </body>
 </html>

gui/rpk-gui/package.json

@@ -1,33 +1,77 @@
 {
   "name": "rpk-gui",
+  "version": "0.1.0",
   "private": true,
-  "version": "0.0.0",
   "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
   "dependencies": {
-    "@rjsf/mui": "^5.24.8",
-    "@tanstack/react-query": "^5.71.3",
-    "better-auth": "^1.2.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router": "^7.4.1"
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^6.1.6",
+    "@mui/lab": "^6.0.0-beta.14",
+    "@mui/material": "^6.1.7",
+    "@mui/x-data-grid": "^7.22.2",
+    "@refinedev/cli": "^2.16.21",
+    "@refinedev/core": "^4.47.1",
+    "@refinedev/devtools": "^1.1.32",
+    "@refinedev/kbar": "^1.3.6",
+    "@refinedev/mui": "^6.0.0",
+    "@refinedev/react-hook-form": "^4.8.14",
+    "@refinedev/react-router": "^1.0.0",
+    "@refinedev/simple-rest": "^5.0.1",
+    "@rjsf/core": "^5.24.1",
+    "@rjsf/mui": "^5.24.1",
+    "@rjsf/utils": "^5.24.1",
+    "@rjsf/validator-ajv8": "^5.24.1",
+    "@tiptap/extension-bubble-menu": "^2.11.7",
+    "@tiptap/extension-table": "^2.11.7",
+    "@tiptap/extension-table-cell": "^2.11.7",
+    "@tiptap/extension-table-header": "^2.11.7",
+    "@tiptap/extension-table-row": "^2.11.7",
+    "@tiptap/extension-text-align": "^2.11.7",
+    "@tiptap/extension-underline": "^2.11.7",
+    "@tiptap/react": "^2.11.7",
+    "@tiptap/starter-kit": "^2.11.7",
+    "i18next": "^25.0.1",
+    "i18next-browser-languagedetector": "^8.0.5",
+    "i18next-http-backend": "^3.0.2",
+    "lodash": "^4.17.21",
+    "mui-tiptap": "^1.18.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-hook-form": "^7.30.0",
+    "react-i18next": "^15.5.1",
+    "react-router": "^7.0.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.21.0",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.1",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^15.15.0",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.24.1",
-    "vite": "^6.2.0"
+    "@types/lodash": "^4.17.16",
+    "@types/node": "^18.16.2",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^8.38.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.3.4",
+    "typescript": "^5.4.2",
+    "vite": "^6.2.5"
+  },
+  "scripts": {
+    "dev": "refine dev --devtools=false",
+    "build": "tsc && refine build",
+    "start": "refine start",
+    "refine": "refine"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

gui/rpk-gui/public/locales/DE/common.json

@@ -0,0 +1,164 @@
+{
+  "pages": {
+    "login": {
+      "title": "Melden Sie sich bei Ihrem Konto an",
+      "signin": "Einloggen",
+      "signup": "Anmelden",
+      "divider": "oder",
+      "fields": {
+        "email": "Email",
+        "password": "Passwort"
+      },
+      "oauth": {
+        "google": "Einloggen mit Google",
+        "discord": "Einloggen mit Discord"
+      },
+      "errors": {
+        "validEmail": "Ungültige E-Mail-Adresse",
+        "requiredEmail": "E-Mail ist erforderlich",
+        "requiredPassword": "Passwort wird benötigt"
+      },
+      "buttons": {
+        "submit": "Anmeldung",
+        "forgotPassword": "Passwort vergessen?",
+        "noAccount": "Sie haben kein Konto?",
+        "rememberMe": "Erinnere dich an mich"
+      }
+    },
+    "forgotPassword": {
+      "title": "Haben Sie Ihr Passwort vergessen?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "Ungültige E-Mail-Adresse",
+        "requiredEmail": "E-Mail ist erforderlich"
+      },
+      "buttons": {
+        "submit": "Anweisungen zum Zurücksetzen senden"
+      }
+    },
+    "register": {
+      "title": "Registrieren Sie sich für Ihr Konto",
+      "fields": {
+        "email": "Email",
+        "password": "Passwort"
+      },
+      "errors": {
+        "validEmail": "Ungültige E-Mail-Adresse",
+        "requiredEmail": "E-Mail ist erforderlich",
+        "requiredPassword": "Passwort wird benötigt"
+      },
+      "buttons": {
+        "submit": "Registrieren",
+        "haveAccount": "Ein Konto haben?"
+      }
+    },
+    "updatePassword": {
+      "title": "Kennwort aktualisieren",
+      "fields": {
+        "password": "Neues Passwort",
+        "confirmPassword": "Bestätige neues Passwort"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Passwörter stimmen nicht überein",
+        "requiredPassword": "Passwort wird benötigt",
+        "requiredConfirmPassword": "Das Feld „Passwort bestätigen“ ist erforderlich"
+      },
+      "buttons": {
+        "submit": "Aktualisieren"
+      }
+    },
+    "error": {
+      "info": "Sie haben vergessen, {{action}} component zu {{resource}} hinzufügen.",
+      "404": "Leider existiert diese Seite nicht.",
+      "resource404": "Haben Sie die {{resource}} resource erstellt?",
+      "backHome": "Zurück"
+    }
+  },
+  "actions": {
+    "list": "Aufführen",
+    "create": "Erstellen",
+    "edit": "Bearbeiten",
+    "show": "Zeigen"
+  },
+  "buttons": {
+    "create": "Erstellen",
+    "save": "Speichern",
+    "logout": "Abmelden",
+    "delete": "Löschen",
+    "edit": "Bearbeiten",
+    "cancel": "Abbrechen",
+    "confirm": "Sicher?",
+    "filter": "Filter",
+    "clear": "Löschen",
+    "refresh": "Erneuern",
+    "show": "Zeigen",
+    "undo": "Undo",
+    "import": "Importieren",
+    "clone": "Klon",
+    "notAccessTitle": "Sie haben keine zugriffsberechtigung"
+  },
+  "warnWhenUnsavedChanges": "Nicht gespeicherte Änderungen werden nicht übernommen.",
+  "notifications": {
+    "success": "Erfolg",
+    "error": "Fehler (status code: {{statusCode}})",
+    "undoable": "Sie haben {{seconds}} Sekunden Zeit für Undo.",
+    "createSuccess": "{{resource}} erfolgreich erstellt.",
+    "createError": "Fehler beim Erstellen {{resource}} (status code: {{statusCode}})",
+    "deleteSuccess": "{{resource}} erfolgreich gelöscht.",
+    "deleteError": "Fehler beim Löschen {{resource}} (status code: {{statusCode}})",
+    "editSuccess": "{{resource}} erfolgreich bearbeitet.",
+    "editError": "Fehler beim Bearbeiten {{resource}} (status code: {{statusCode}})",
+    "importProgress": "{{processed}}/{{total}} importiert"
+  },
+  "loading": "Wird geladen",
+  "tags": {
+    "clone": "Klon"
+  },
+  "dashboard": {
+    "title": "Dashboard"
+  },
+  "posts": {
+    "posts": "Einträge",
+    "fields": {
+      "id": "Id",
+      "title": "Titel",
+      "category": "Kategorie",
+      "status": {
+        "title": "Status",
+        "published": "Veröffentlicht",
+        "draft": "Draft",
+        "rejected": "Abgelehnt"
+      },
+      "content": "Inhalh",
+      "createdAt": "Erstellt am"
+    },
+    "titles": {
+      "create": "Erstellen",
+      "edit": "Bearbeiten",
+      "list": "Einträge",
+      "show": "Eintrag zeigen"
+    }
+  },
+  "table": {
+    "actions": "Aktionen"
+  },
+  "documentTitle": {
+    "default": "refine",
+    "suffix": " | Refine",
+    "post": {
+      "list": "Beiträge | Refine",
+      "show": "#{{id}} Beitrag anzeigen | Refine",
+      "edit": "#{{id}} Beitrag bearbeiten | Refine",
+      "create": "Neuen Beitrag erstellen | Refine",
+      "clone": "#{{id}} Beitrag klonen | Refine"
+    }
+  },
+  "autoSave": {
+    "success": "gespeichert",
+    "error": "fehler beim automatischen speichern",
+    "loading": "speichern...",
+    "idle": "warten auf anderungen"
+  }
+}

gui/rpk-gui/public/locales/EN/common.json

@@ -0,0 +1,273 @@
+{
+  "pages": {
+    "home": {
+      "title": "Home"
+    },
+    "login": {
+      "title": "Sign in to your account",
+      "signin": "Sign in",
+      "signup": "Sign up",
+      "divider": "or",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "oauth": {
+        "google": "Sign in with Google",
+        "discord": "Sign in with Discord"
+      },
+      "errors": {
+        "validEmail": "Invalid email address",
+        "requiredEmail": "Email is required",
+        "requiredPassword": "Password is required"
+      },
+      "buttons": {
+        "submit": "Login",
+        "forgotPassword": "Forgot password?",
+        "noAccount": "Don’t have an account?",
+        "rememberMe": "Remember me"
+      }
+    },
+    "forgotPassword": {
+      "title": "Forgot your password?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "Invalid email address",
+        "requiredEmail": "Email is required"
+      },
+      "buttons": {
+        "submit": "Send reset instructions"
+      }
+    },
+    "register": {
+      "title": "Sign up for your account",
+      "fields": {
+        "email": "Email",
+        "password": "Password"
+      },
+      "errors": {
+        "validEmail": "Invalid email address",
+        "requiredEmail": "Email is required",
+        "requiredPassword": "Password is required"
+      },
+      "buttons": {
+        "submit": "Register",
+        "haveAccount": "Have an account?"
+      }
+    },
+    "updatePassword": {
+      "title": "Update password",
+      "fields": {
+        "password": "New Password",
+        "confirmPassword": "Confirm new password"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Passwords do not match",
+        "requiredPassword": "Password required",
+        "requiredConfirmPassword": "Confirm password is required"
+      },
+      "buttons": {
+        "submit": "Update"
+      }
+    },
+    "error": {
+      "404": "Sorry, the page you visited does not exist.",
+      "info": "You may have forgotten to add the {{action}} component to {{resource}} resource.",
+      "resource404": "Are you sure you have created the {{resource}} resource.",
+      "backHome": "Back Home"
+    }
+  },
+  "actions": {
+    "list": "List",
+    "create": "Create",
+    "edit": "Edit",
+    "show": "Show"
+  },
+  "buttons": {
+    "create": "Create",
+    "save": "Save",
+    "logout": "Logout",
+    "delete": "Delete",
+    "edit": "Edit",
+    "cancel": "Cancel",
+    "confirm": "Are you sure?",
+    "filter": "Filter",
+    "clear": "Clear",
+    "refresh": "Refresh",
+    "show": "Show",
+    "undo": "Undo",
+    "import": "Import",
+    "clone": "Clone",
+    "notAccessTitle": "You don't have permission to access"
+  },
+  "warnWhenUnsavedChanges": "Are you sure you want to leave? You have unsaved changes.",
+  "notifications": {
+    "success": "Successful",
+    "error": "Error (status code: {{statusCode}})",
+    "undoable": "You have {{seconds}} seconds to undo",
+    "createSuccess": "Successfully created {{resource}}",
+    "createError": "There was an error creating {{resource}} (status code: {{statusCode}})",
+    "deleteSuccess": "Successfully deleted {{resource}}",
+    "deleteError": "Error when deleting {{resource}} (status code: {{statusCode}})",
+    "editSuccess": "Successfully edited {{resource}}",
+    "editError": "Error when editing {{resource}} (status code: {{statusCode}})",
+    "importProgress": "Importing: {{processed}}/{{total}}"
+  },
+  "loading": "Loading",
+  "tags": {
+    "clone": "Clone"
+  },
+  "dashboard": {
+    "title": "Dashboard"
+  },
+  "posts": {
+    "posts": "Posts",
+    "fields": {
+      "id": "Id",
+      "title": "Title",
+      "category": "Category",
+      "status": {
+        "title": "Status",
+        "published": "Published",
+        "draft": "Draft",
+        "rejected": "Rejected"
+      },
+      "content": "Content",
+      "createdAt": "Created At"
+    },
+    "titles": {
+      "create": "Create Post",
+      "edit": "Edit Post",
+      "list": "Posts",
+      "show": "Show Post"
+    }
+  },
+  "table": {
+    "actions": "Actions"
+  },
+  "documentTitle": {
+    "default": "refine",
+    "suffix": " | Refine",
+    "post": {
+      "list": "Posts | Refine",
+      "show": "#{{id}} Show Post | Refine",
+      "edit": "#{{id}} Edit Post | Refine",
+      "create": "Create new Post | Refine",
+      "clone": "#{{id}} Clone Post | Refine"
+    }
+  },
+  "autoSave": {
+    "success": "saved",
+    "error": "auto save failure",
+    "loading": "saving...",
+    "idle": "waiting for changes"
+  },
+  "undefined": {
+    "undefined": "No translation",
+    "titles": {
+      "list": "No translation"
+    }
+  },
+  "schemas": {
+    "individual": {
+      "type": "Individual",
+      "lastname": "Lastname",
+      "surnames": "Surname",
+      "day_of_birth": "Date of birth",
+      "firstname": "Firstname",
+      "place_of_birth": "Place of birth",
+      "middlename": "Middlename",
+      "resource_title": "Individual"
+    },
+    "corporation": {
+      "type": "Corporation",
+      "activity": "Activity",
+      "title": "Title",
+      "employees": "Employees",
+      "resource_title": "Corporation"
+    },
+    "employee": {
+      "position": "Position",
+      "entity_id": "Identity",
+      "resource_title": "Employee"
+    },
+    "institution": {
+      "type": "Institution",
+      "title": "Title",
+      "activity": "Activity",
+      "employees": "Employees",
+      "resource_title": "Institution"
+    },
+    "entity": {
+      "entity_data": "Informations",
+      "address": "Address",
+      "resource_title": "Entity"
+    },
+    "provision_template": {
+      "name": "Name",
+      "title": "Title",
+      "body": "Body",
+      "resource_title": "Provision Template"
+    },
+    "contract_template": {
+      "name": "Name",
+      "title": "Title",
+      "provisions": "Provisions",
+      "parties": "Parties",
+      "variables": "Variables",
+      "resource_title": "Contract Template"
+    },
+    "party_template": {
+      "entity_id": "Party Template",
+      "representative_id": "Representative",
+      "part": "Part",
+      "resource_title": "Party"
+    },
+    "provision_template_reference": {
+      "provision_template_id": "Provision Template",
+      "resource_title": "Provision Template"
+    },
+    "dictionary_entry": {
+      "key": "Variable",
+      "value": "Value",
+      "resource_title": "Variables"
+    },
+    "contract_draft": {
+      "name": "Name",
+      "title": "Title",
+      "parties": "Parties",
+      "provisions": "Provisions",
+      "variables": "Variables",
+      "resource_title": "Contract Draft"
+    },
+    "draft_party": {
+      "entity_id": "Client",
+      "part": "Part",
+      "representative_id": "Representative",
+      "resource_title": "Party"
+    },
+    "contract_provision_template_reference": {
+      "provision_template_id": "Provision Template",
+      "type": "Provision Template",
+      "resource_title": "Provision Template"
+    },
+    "provision_genuine": {
+      "title": "Title",
+      "body": "Body",
+      "type": "Genuine Provision",
+      "resource_title": "Genuine Provision"
+    },
+    "draft_provision": {
+      "provision": "Provision",
+      "resource_title": "Provision"
+    },
+    "contract": {
+      "date": "Date",
+      "location": "Location",
+      "resource_title": "Contract",
+      "draft_id": "Draft"
+    }
+  }
+}

gui/rpk-gui/public/locales/FR/common.json

@@ -0,0 +1,273 @@
+{
+  "pages": {
+    "home": {
+      "title": "Page d'accueil"
+    },
+    "login": {
+      "title": "Authentification",
+      "signin": "S'authentifier",
+      "signup": "Créer un compte",
+      "divider": "ou",
+      "fields": {
+        "email": "Email",
+        "password": "Mot de passe"
+      },
+      "oauth": {
+        "google": "S'authentifier avec Google",
+        "discord": "S'authentifier avec Discord"
+      },
+      "errors": {
+        "validEmail": "Email invalide",
+        "requiredEmail": "l'Email est obligatoire",
+        "requiredPassword": "Le mot de passe est obligatoire"
+      },
+      "buttons": {
+        "submit": "S'authentifier",
+        "forgotPassword": "Mot de passe oublié?",
+        "noAccount": "Vous n'avec pas de compte?",
+        "rememberMe": "Se souvenir de moi"
+      }
+    },
+    "forgotPassword": {
+      "title": "Mot de passe oublié?",
+      "fields": {
+        "email": "Email"
+      },
+      "errors": {
+        "validEmail": "mail invalide",
+        "requiredEmail": "l'Email est obligatoire"
+      },
+      "buttons": {
+        "submit": "Envoyer les instructions de récupération"
+      }
+    },
+    "register": {
+      "title": "Création de compte",
+      "fields": {
+        "email": "Email",
+        "password": "Mot de passe"
+      },
+      "errors": {
+        "validEmail": "Email invalide",
+        "requiredEmail": "l'Email est obligatoire",
+        "requiredPassword": "Le mot de passe est obligatoire"
+      },
+      "buttons": {
+        "submit": "Créer un compte",
+        "haveAccount": "Vous avez déjà un compte?"
+      }
+    },
+    "updatePassword": {
+      "title": "Mise à jour du mot de passe",
+      "fields": {
+        "password": "Nouveau mot de passe",
+        "confirmPassword": "Confirmation"
+      },
+      "errors": {
+        "confirmPasswordNotMatch": "Les mots de passe ne correspondent pas",
+        "requiredPassword": "Le mot de passe est obligatoire",
+        "requiredConfirmPassword": "Vous devez confirmer votre mot de passe"
+      },
+      "buttons": {
+        "submit": "Mettre à jour"
+      }
+    },
+    "error": {
+      "404": "Cette page n'existe pas.",
+      "info": "Il manque l'action {{action}} component à la ressource {{resource}} .",
+      "resource404": "Cette page n'existe pas.",
+      "backHome": "Retour à l'accueil"
+    }
+  },
+  "actions": {
+    "list": "Liste",
+    "create": "Création",
+    "edit": "Édtion",
+    "show": "Voir"
+  },
+  "buttons": {
+    "create": "Créer",
+    "save": "Sauvegarder",
+    "logout": "Déconnexion",
+    "delete": "Supprimer",
+    "edit": "Modifier",
+    "cancel": "Annuler",
+    "confirm": "Êtes vous sur?",
+    "filter": "Filtrer",
+    "clear": "Effacer",
+    "refresh": "Rafraîchir",
+    "show": "Voir",
+    "undo": "Annuler",
+    "import": "Importer",
+    "clone": "Cloner",
+    "notAccessTitle": "Vous n'avez pas la permission d'accéder à cette ressource"
+  },
+  "warnWhenUnsavedChanges": "Êtes vous sur de vouloir quitter la page? Vous avez des modification non sauvegardées.",
+  "notifications": {
+    "success": "Succès",
+    "error": "Erreur (Code de statut: {{statusCode}})",
+    "undoable": "Vous avez {{seconds}} secondes à annuler",
+    "createSuccess": "Création de {{resource}} réussie",
+    "createError": "Erreur pendant la création de {{resource}} (Code de statut: {{statusCode}})",
+    "deleteSuccess": "Suppression de {{resource}} réussie",
+    "deleteError": "Erreur pendant la suppression de {{resource}} (Code de statut: {{statusCode}})",
+    "editSuccess": "Modification de {{resource}} réussie",
+    "editError": "Erreur pendant la modification de {{resource}} (Code de statut: {{statusCode}})",
+    "importProgress": "Importation de: {{processed}}/{{total}}"
+  },
+  "loading": "Chargement",
+  "tags": {
+    "clone": "Clone"
+  },
+  "dashboard": {
+    "title": "Tableau de bord"
+  },
+  "posts": {
+    "posts": "Posts",
+    "fields": {
+      "id": "Id",
+      "title": "Title",
+      "category": "Category",
+      "status": {
+        "title": "Status",
+        "published": "Published",
+        "draft": "Draft",
+        "rejected": "Rejected"
+      },
+      "content": "Content",
+      "createdAt": "Created At"
+    },
+    "titles": {
+      "create": "Create Post",
+      "edit": "Edit Post",
+      "list": "Posts",
+      "show": "Show Post"
+    }
+  },
+  "table": {
+    "actions": "Actions"
+  },
+  "documentTitle": {
+    "default": "refine",
+    "suffix": " | Refine",
+    "post": {
+      "list": "Posts | Refine",
+      "show": "#{{id}} Show Post | Refine",
+      "edit": "#{{id}} Edit Post | Refine",
+      "create": "Create new Post | Refine",
+      "clone": "#{{id}} Clone Post | Refine"
+    }
+  },
+  "autoSave": {
+    "success": "Sauvegardé",
+    "error": "Sauvegarde automatique ratée",
+    "loading": "Sauvegarde...",
+    "idle": "En attente de modification"
+  },
+  "undefined": {
+    "undefined": "No translation",
+    "titles": {
+      "list": "No translation"
+    }
+  },
+  "schemas": {
+    "individual": {
+      "type": "Particulier",
+      "middlename": "Autres prénoms",
+      "lastname": "Nom",
+      "firstname": "Prénom",
+      "day_of_birth": "Date de naissance",
+      "surnames": "Surnoms",
+      "place_of_birth": "Lieu de naissance",
+      "resource_title": "Particulier"
+    },
+    "corporation": {
+      "type": "Entreprise",
+      "title": "Titre",
+      "activity": "Activité",
+      "employees": "Employés",
+      "resource_title": "Entreprise"
+    },
+    "employee": {
+      "entity_id": "Identité",
+      "position": "Poste",
+      "resource_title": "Employé"
+    },
+    "institution": {
+      "type": "Institution",
+      "title": "Titre",
+      "employees": "Employés",
+      "activity": "Activité",
+      "resource_title": "Institution"
+    },
+    "entity": {
+      "entity_data": "Informations",
+      "address": "Adresse",
+      "resource_title": "Entité"
+    },
+    "provision_template": {
+      "name": "Nom",
+      "body": "Corps",
+      "title": "Titre",
+      "resource_title": "Template de Clause"
+    },
+    "contract_template": {
+      "name": "Nom",
+      "title": "Titre",
+      "parties": "Parties",
+      "provisions": "Clauses",
+      "variables": "Variables",
+      "resource_title": "Template de Contrat"
+    },
+    "party_template": {
+      "entity_id": "Entité",
+      "part": "Rôle",
+      "representative_id": "Représentant",
+      "resource_title": "Partie"
+    },
+    "provision_template_reference": {
+      "provision_template_id": "Template de clause",
+      "resource_title": "Template de clause"
+    },
+    "dictionary_entry": {
+      "key": "Variable",
+      "value": "Valeur",
+      "resource_title": "Variables"
+    },
+    "contract_draft": {
+      "name": "Nom",
+      "parties": "Parties",
+      "title": "Titre",
+      "provisions": "Clauses",
+      "variables": "Variables",
+      "resource_title": "Brouillon de Contrat"
+    },
+    "draft_party": {
+      "part": "Rôle",
+      "representative_id": "Représentant",
+      "entity_id": "Entité",
+      "resource_title": "Partie"
+    },
+    "contract_provision_template_reference": {
+      "type": "Template",
+      "provision_template_id": "Template de clause",
+      "resource_title": "Template de clause"
+    },
+    "provision_genuine": {
+      "type": "Personalisée",
+      "title": "Titre",
+      "body": "Corps",
+      "resource_title": "Clause personnalisée"
+    },
+    "draft_provision": {
+      "provision": "Clause",
+      "resource_title": "Clause"
+    },
+    "contract": {
+      "draft_id": "Brouillon",
+      "resource_title": "Contrat",
+      "location": "Lieu",
+      "date": "Date"
+    }
+  }
+}

gui/rpk-gui/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

gui/rpk-gui/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

gui/rpk-gui/src/App.tsx

@@ -1,61 +1,106 @@
-//https://www.robinwieruch.de/react-router-private-routes/
+import { Authenticated, I18nProvider, Refine } from "@refinedev/core";
+import { useTranslation } from "react-i18next";
 
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+import { RefineSnackbarProvider, useNotificationProvider } from "@refinedev/mui";
 
-import {createBrowserRouter, Link, Route, RouterProvider, Routes} from "react-router";
-import { EntityList } from "./pages/entities/List.tsx";
-import {ProtectedRoute} from "./pages/auth/ProtectedRoute.tsx";
+import CssBaseline from "@mui/material/CssBaseline";
+import GlobalStyles from "@mui/material/GlobalStyles";
+import { ThemeProvider } from "@mui/material/styles";
+import HistoryEduIcon from '@mui/icons-material/HistoryEdu';
+import routerBindings, {
+  CatchAllNavigate,
+  DocumentTitleHandler,
+  UnsavedChangesNotifier,
+} from "@refinedev/react-router";
+import { BrowserRouter, Outlet, Route, Routes } from "react-router";
+import authProvider from "./providers/auth-provider";
+import dataProvider from "./providers/data-provider";
+import { ColorModeContextProvider } from "./contexts/color-mode";
+import { Login } from "./components/auth/Login";
+import { Register } from "./components/auth/Register";
+import { ForgotPassword } from "./components/auth/ForgotPassword";
+import { UpdatePassword } from "./components/auth/UpdatePassword";
+
+import { Header } from "./components";
+import { HubRoutes } from "./pages/hub";
+import { FirmRoutes } from "./pages/firm";
+import rpcTheme from "./theme";
 
 function App() {
-  const [user, setUser] = useState<AuthUser | null>(null)
-  const [count, setCount] = useState(0)
+  const { t, i18n } = useTranslation();
 
-  const router = createBrowserRouter([
-    {
-      path: "/",
-      element: <div><Link to={"/entities/list"}>To the list</Link></div>,
-    },
-    {
-      path: "/entities/list",
-      element: <EntityList />,
-    },
-  ]);
+  const i18nProvider: I18nProvider = {
+    translate: (key: string, options?: any) => t(key, options) as string,
+    changeLocale: (lang: string) => i18n.changeLanguage(lang),
+    getLocale: () => i18n.language,
+  };
 
   return (
-    <>
-      <RouterProvider router={router}>
-      </RouterProvider>
+    <BrowserRouter>
+      <ThemeProvider theme={rpcTheme}>
+        <ColorModeContextProvider>
+          <CssBaseline />
+          <GlobalStyles styles={{ html: { WebkitFontSmoothing: "auto" } }} />
+          <RefineSnackbarProvider>
+            <Refine
+              authProvider={authProvider}
+              dataProvider={dataProvider}
+              i18nProvider={i18nProvider}
+              notificationProvider={useNotificationProvider}
+              routerProvider={routerBindings}
+              options={{
+                title: {
+                  text: "Roleplay Contracts",
+                  icon: <HistoryEduIcon />
+                },
+                syncWithLocation: true,
+                warnWhenUnsavedChanges: true,
+                useNewQueryKeys: true,
+                disableTelemetry: true,
+                reactQuery: {
+                  clientConfig: {
+                    defaultOptions: {
+                      queries: {
+                        retry: (failureCount, error) => {
+                          // @ts-ignore
+                          if (error.statusCode >= 400 && error.statusCode <= 499) {
+                            return false
+                          }
+                          return failureCount < 4
+                        },
+                      }
+                    }
+                  }
+                }
+              }}
+            >
               <Routes>
-        <Route index element={ <h1>INDEX</h1> } />
-        <Route element={ <ProtectedRoute user={user} /> }>
-          <Route path="toto" element={ <h1>PROTECTED ROUTE</h1>} />
+                <Route
+                  element={(
+                    <Authenticated key="authenticated-routes" redirectOnFail="/login" fallback={<CatchAllNavigate  to="/login"/>}>
+                      <Outlet />
+                    </Authenticated>
+                  )}
+                >
+                  <Route path="hub/*" element={<HubRoutes />} />
+                  <Route path="firm/*" element={<FirmRoutes />} />
                 </Route>
+                <Route path="*" element={<Outlet />}>
+                  <Route path="login" element={<Login />} />
+                  <Route path="register" element={<Register />} />
+                  <Route path="forgot-password" element={<ForgotPassword />} />
+                  <Route path="update-password" element={<UpdatePassword />} />
+                </Route>
+                <Route index element={<><Header /><h1>{t("pages.home.title")}</h1></>} />
               </Routes>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
-  )
+              <UnsavedChangesNotifier />
+              <DocumentTitleHandler />
+            </Refine>
+          </RefineSnackbarProvider>
+        </ColorModeContextProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  );
 }
 
-export default App
+export default App;

gui/rpk-gui/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

gui/rpk-gui/src/common/crud/crud-form.tsx

@@ -1,65 +0,0 @@
-import validator from "@rjsf/validator-ajv8";
-import Form from "@rjsf/mui";
-import {RegistryFieldsType, RegistryWidgetsType} from "@rjsf/utils";
-import { useEffect, useState } from "react";
-import { jsonschemaProvider } from "../../providers/jsonschema-provider";
-import { useForm } from "@refinedev/core";
-import CrudTextWidget from "./widgets/crud-text-widget";
-import UnionEnumField from "./fields/union-enum";
-
-type Props = {
-    schemaName: string,
-    resource: string,
-    id?: string,
-    //onSubmit: (data: IChangeEvent, event: FormEvent<any>) => void
-}
-
-const customWidgets: RegistryWidgetsType = {
-  TextWidget: CrudTextWidget
-};
-
-const customFields: RegistryFieldsType = {
-  AnyOfField: UnionEnumField
-}
-
-export const CrudForm: React.FC<Props> = ({schemaName, resource, id}) => {
-  const { onFinish, query, formLoading } = useForm({
-    resource: resource,
-    action: id === undefined ? "create" : "edit",
-    redirect: "show",
-    id,
-  });
-
-  const record = query?.data?.data;
-  const [formData, setFormData] = useState(record);
-
-  const [schema, setSchema] = useState({});
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchSchema = async () => {
-      try {
-        const resourceSchema = await jsonschemaProvider.getResourceSchema(schemaName);
-        setSchema(resourceSchema);
-        setLoading(false);
-      } catch (error) {
-        console.error('Error fetching data:', error);
-        setLoading(false);
-      }
-    };
-    fetchSchema();
-  }, []);
-
-  return (
-    <Form
-      schema={schema}
-      formData={record}
-      onChange={(e) => setFormData(e.formData)}
-      onSubmit={(e) => onFinish(e.formData)}
-      validator={validator}
-      omitExtraData={true}
-      widgets={customWidgets}
-      fields={customFields}
-    />
-  )
-}

gui/rpk-gui/src/common/crud/widgets/bgfc-price.tsx

@@ -1,34 +0,0 @@
-import { WidgetProps } from "@rjsf/utils";
-import { NumericFormat } from "react-number-format";
-import TextField from "@mui/material/TextField";
-import {InputAdornment} from "@mui/material";
-
-export const BgfcPriceWidget = (props: WidgetProps) => {
-  const { inputRef, onChange, ...other } = props;
-
-  return (
-    <NumericFormat
-      {...props}
-      customInput={TextField}
-      getInputRef={inputRef}
-      onValueChange={values => {
-        onChange({
-          target: {
-            name: props.name,
-            value: values.value
-          }
-        });
-      }}
-      slotProps={{
-        input: {
-          //startAdornment: <InputAdornment position="end">$</InputAdornment>,
-          endAdornment: <InputAdornment position="start">€</InputAdornment>
-        },
-      }}
-      valueIsNumericString={true}
-      fixedDecimalScale={true}
-      decimalScale={2}
-      //defaultValue={0}
-    />
-  );
-}

gui/rpk-gui/src/common/crud/widgets/crud-text-widget.tsx

@@ -1,17 +0,0 @@
-import TextWidget from "@rjsf/core/lib/components/widgets/TextWidget";
-import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from "@rjsf/utils";
-
-import { ForeignKeyWidget } from "./foreign-key";
-import {BgfcPriceWidget} from "./bgfc-price";
-
-export default function CrudTextWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
-  props: WidgetProps<T, S, F>
-) {
-  if (props.schema.hasOwnProperty("foreign_key")) {
-    return (<ForeignKeyWidget {...props} />);
-  } else if (props.schema.hasOwnProperty("format") && props.schema.format == "price-bgdc") {
-    return (<BgfcPriceWidget {...props} />);
-  } else {
-    return (<TextWidget {...props} />);
-  }
-}

gui/rpk-gui/src/common/crud/widgets/foreign-key.tsx

@@ -1,65 +0,0 @@
-import { WidgetProps } from '@rjsf/utils';
-import { Autocomplete } from "@mui/material";
-import { useState, useEffect } from "react";
-import TextField from "@mui/material/TextField";
-import {BaseRecord, useList, useOne} from "@refinedev/core";
-
-export const ForeignKeyWidget = (props: WidgetProps) => {
-  const resource = props.schema.foreign_key.reference.resource
-  const labelField = props.schema.foreign_key.reference.label
-
-  const valueResult = useOne({
-    resource: resource,
-    id: props.value != null ? props.value : undefined
-  });
-
-  const empty_option: BaseRecord = {
-    id: null
-  }
-  empty_option[labelField] = "(None)"
-
-  const [inputValue, setInputValue] = useState<string>("");
-  const [selectedValue, setSelectedValue] = useState(valueResult.data?.data || null);
-  const [debouncedInputValue, setDebouncedInputValue] = useState<string>(inputValue);
-
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedInputValue(inputValue), 300); // Adjust debounce delay as needed
-    return () => clearTimeout(handler);
-  }, [inputValue]);
-
-  const listResult = useList({
-    resource: resource,
-    pagination: { current: 1, pageSize: 10 },
-    filters: [{ field: "name", operator: "contains", value: debouncedInputValue }],
-    sorters: [{ field: "name", order: "asc" }],
-  });
-
-  const options = listResult.data?.data || [];
-  if (! props.required) {
-    options.unshift(empty_option);
-  }
-  const isLoading = listResult.isLoading || valueResult.isLoading;
-
-  if(! selectedValue && valueResult.data) {
-    setSelectedValue(valueResult.data?.data)
-  }
-
-  return (
-    <Autocomplete
-      value={selectedValue}
-      onChange={(event, newValue) => {
-        setSelectedValue(newValue ? newValue : empty_option);
-        props.onChange(newValue ? newValue.id : null);
-        return true;
-      }}
-      //inputValue={inputValue}
-      onInputChange={(event, newInputValue) => setInputValue(newInputValue)}
-      options={options}
-      getOptionLabel={(option) => option ? option[labelField] : ""}
-      loading={isLoading}
-      renderInput={(params) => (
-        <TextField {...params} label={ props.label } variant="outlined" />
-      )}
-    />
-  );
-};

gui/rpk-gui/src/common/crud/widgets/union-enum.tsx

@@ -1,40 +0,0 @@
-import {FieldProps, WidgetProps} from "@rjsf/utils";
-import AnyOfField from "@rjsf/core/lib/components/fields/MultiSchemaField";
-import {ListSubheader, MenuItem, Select} from "@mui/material";
-import {useState} from "react";
-import Autocomplete from "@mui/material/Autocomplete";
-import TextField from "@mui/material/TextField";
-
-export const UnionEnumWidget = (props: WidgetProps) => {
-  const {
-    options,
-    value,
-  } = props;
-  const [selectedValue, setSelectedValue] = useState(null);
-
-
-  if (! selectedValue && value && options.enumOptions) {
-    for (const opt of options.enumOptions){
-       if (opt.value == value) {
-         setSelectedValue(opt);
-         break;
-       }
-    }
-  }
-
-  return (
-    <Autocomplete
-      value={selectedValue}
-      onChange={(event, newValue) => {
-          setSelectedValue(newValue);
-          props.onChange(newValue.value);
-      }}
-      options={options.enumOptions}
-      groupBy={(option) => option.type}
-      getOptionLabel={(option) => option.title}
-      renderInput={(params) => (
-          <TextField {...params} label={ props.label } variant="outlined" />
-      )}
-    />
-  );
-}

gui/rpk-gui/src/components/DiscordIcon.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+const DiscordIcon: React.FC<SvgIconProps> = (props) => (
+  <SvgIcon {...props} viewBox="0 0 24 24">
+    <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" />
+  </SvgIcon>
+);
+
+export default DiscordIcon;

gui/rpk-gui/src/components/auth/ForgotPassword.tsx

@@ -0,0 +1,5 @@
+import { AuthPage } from "@refinedev/mui";
+
+export const ForgotPassword = () => {
+  return <AuthPage type="forgotPassword" />;
+};

gui/rpk-gui/src/components/auth/Login.tsx

@@ -0,0 +1,34 @@
+import { useSearchParams, Navigate } from "react-router";
+import { useTranslation } from "@refinedev/core";
+import { AuthPage } from "@refinedev/mui";
+import GoogleIcon from "@mui/icons-material/Google";
+import DiscordIcon from "../../components/DiscordIcon";
+
+export const Login = () => {
+  const { translate } = useTranslation();
+  const [searchParams] = useSearchParams();
+  if (searchParams.get("oauth") == "success") {
+    const redirect_to = localStorage.getItem("redirect_after_login")
+    if (redirect_to) {
+      return (<Navigate replace to={ redirect_to } />);
+    }
+  }
+  return (
+    <AuthPage
+      type="login"
+      formProps={{ defaultValues: { email: "test@test.te", password: "test" }, }}
+      rememberMe={false}
+      providers={[{
+          name: "google",
+          label: translate("pages.login.oauth.google"),
+          icon: (<GoogleIcon style={{ fontSize: 24, }} />),
+        },
+        {
+          name: "discord",
+          label: translate("pages.login.oauth.discord"),
+          icon: (<DiscordIcon style={{ fontSize: 24, }} />),
+        },
+      ]}
+    />
+  );
+};

gui/rpk-gui/src/components/auth/Logout.tsx

@@ -0,0 +1,10 @@
+import { Button } from "@mui/material";
+import { useLogout } from "@refinedev/core";
+import { useTranslation } from "@refinedev/core";
+
+export const Logout = () => {
+  const { translate } = useTranslation();
+  const { mutate: logout } = useLogout();
+
+  return <Button onClick={() => logout()} >{ translate("buttons.logout") }</Button>;
+};

gui/rpk-gui/src/components/auth/Register.tsx

@@ -0,0 +1,5 @@
+import { AuthPage } from "@refinedev/mui";
+
+export const Register = () => {
+  return <AuthPage type="register" />;
+};

gui/rpk-gui/src/components/auth/UpdatePassword.tsx

@@ -0,0 +1,6 @@
+import { AuthPage } from "@refinedev/mui";
+
+export const UpdatePassword = () => {
+
+  return <AuthPage type="updatePassword"/>;
+};

gui/rpk-gui/src/components/header/I18nPicker.tsx

@@ -0,0 +1,41 @@
+import Autocomplete from "@mui/material/Autocomplete";
+import TextField from "@mui/material/TextField";
+import Box from "@mui/material/Box";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useTranslation as useRefineTranslation } from "@refinedev/core";
+
+const I18nPicker = () => {
+  const { i18n } = useTranslation();
+  const { getLocale, changeLocale } = useRefineTranslation();
+  const currentLocale = getLocale();
+
+  return (
+    <Autocomplete
+      value={currentLocale}
+      options={i18n.languages}
+      disableClearable={true}
+      renderInput={(params) => {
+        return <TextField {...params} label={ "Language" } variant="outlined" />
+      }}
+      renderOption={(props, option) => {
+        const { key, ...optionProps } = props;
+        return (
+          <Box
+            key={key}
+            component="li"
+            sx={{ '& > img': { mr: 2, flexShrink: 0 } }}
+            {...optionProps}
+          >
+            { option }
+          </Box>
+        );
+      }}
+      onChange={(event, value) => {
+        changeLocale(value);
+      }}
+    />
+  )
+}
+
+export default I18nPicker;

gui/rpk-gui/src/components/header/index.tsx

@@ -0,0 +1,142 @@
+import DarkModeOutlined from "@mui/icons-material/DarkModeOutlined";
+import LightModeOutlined from "@mui/icons-material/LightModeOutlined";
+import BusinessIcon from '@mui/icons-material/Business';
+import HubIcon from '@mui/icons-material/Hub';
+import { Button, Menu, MenuItem } from "@mui/material";
+import AppBar from "@mui/material/AppBar";
+import Avatar from "@mui/material/Avatar";
+import IconButton from "@mui/material/IconButton";
+import Stack from "@mui/material/Stack";
+import Toolbar from "@mui/material/Toolbar";
+import Typography from "@mui/material/Typography";
+import React, { useContext } from "react";
+import { Link } from "react-router";
+import { useGetIdentity } from "@refinedev/core";
+import { HamburgerMenu, RefineThemedLayoutV2HeaderProps, ThemedTitleV2 } from "@refinedev/mui";
+import { ColorModeContext } from "../../contexts/color-mode";
+import { FirmContext } from "../../contexts/FirmContext";
+import { Logout } from "../auth/Logout";
+import { IUser } from "../../interfaces";
+import MuiLink from "@mui/material/Link";
+import I18nPicker from "./I18nPicker";
+
+export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({
+  sticky = true,
+}) => {
+  const collapsed = false;
+  const { mode, setMode } = useContext(ColorModeContext);
+  const { currentFirm } = useContext(FirmContext);
+
+  const { data: user } = useGetIdentity<IUser>();
+
+  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+  const openUserMenu = Boolean(anchorEl);
+  const handleOpenUserMenu = (event: React.MouseEvent<HTMLButtonElement>) => {
+    setAnchorEl(event.currentTarget);
+  }
+  const handleCloseUserMenu = () => {
+    setAnchorEl(null);
+  };
+
+  return (
+    <AppBar position={sticky ? "sticky" : "relative"}>
+      <Toolbar>
+        <Stack
+          direction="row"
+          width="100%"
+          justifyContent="space-between"
+          alignItems="center"
+        >
+          <HamburgerMenu />
+          {currentFirm && (
+            <MuiLink
+              to={`/firm/${currentFirm.instance}/${currentFirm.firm}`}
+              component={Link}
+              underline="none"
+              sx={{
+                display: "flex",
+                alignItems: "center",
+                gap: "12px",
+              }}
+            >
+              <BusinessIcon height="24px" width="24px" color="primary" />
+              {!collapsed && (
+                <Typography
+                  variant="h6"
+                  fontWeight={700}
+                  color="text.primary"
+                  fontSize="inherit"
+                  textOverflow="ellipsis"
+                  overflow="hidden"
+                >
+                  {currentFirm.instance}&nbsp;/&nbsp;{currentFirm.firm}
+                </Typography>
+              )}
+            </MuiLink>
+
+          )}
+          {!currentFirm && (
+            <ThemedTitleV2 collapsed={collapsed}/>
+          )}
+          {(user?.email) && (
+            <Link to="/hub"><HubIcon /></Link>
+          )}
+          <Stack
+            direction="row"
+            justifyContent="flex-end"
+            alignItems="center"
+          >
+            {(user?.email) && (
+              <Stack
+                direction="row"
+                gap="16px"
+                alignItems="center"
+                justifyContent="center"
+              >
+                <Button
+                  id="user-menu-button"
+                  aria-controls={openUserMenu ? 'user-menu' : undefined}
+                  aria-haspopup="true"
+                  aria-expanded={openUserMenu ? 'true' : undefined}
+                  onClick={handleOpenUserMenu}>
+                  <Typography
+                    sx={{
+                      display: {
+                        xs: "none",
+                        sm: "inline-block",
+                      },
+                    }}
+                    variant="subtitle2"
+                  >
+                    {user?.email}
+                  </Typography>&nbsp;
+                  <Avatar src={"user?.avatar"} alt={user?.email} />
+                </Button>
+                <Menu
+                  id="user-menu"
+                  anchorEl={anchorEl}
+                  open={openUserMenu}
+                  onClose={handleCloseUserMenu}
+                  MenuListProps={{
+                    'aria-labelledby': 'user-menu-button',
+                  }}
+                >
+                  <MenuItem onClick={handleCloseUserMenu}><Logout /></MenuItem>
+                  <MenuItem onClick={setMode}>
+                    <IconButton color="inherit">
+                      {mode === "dark" ? <LightModeOutlined /> : <DarkModeOutlined />}
+                    </IconButton>
+                  </MenuItem>
+                </Menu>
+              </Stack>
+            )}
+            {!user && (
+              <Link to="/login"><Button>Login</Button></Link>
+            )}
+            <I18nPicker />
+          </Stack>
+        </Stack>
+      </Toolbar>
+    </AppBar>
+  );
+};

gui/rpk-gui/src/components/index.ts

@@ -0,0 +1 @@
+export { Header } from "./header";

gui/rpk-gui/src/contexts/FirmContext.tsx

@@ -0,0 +1,25 @@
+import React, { createContext, PropsWithChildren } from 'react';
+import { IFirm } from "../interfaces";
+import { useParams } from "react-router";
+
+type FirmContextType = {
+  currentFirm: IFirm,
+}
+
+export const FirmContext = createContext<FirmContextType>(
+  {} as FirmContextType
+);
+
+
+export const FirmContextProvider: React.FC<PropsWithChildren> = ({ children }: PropsWithChildren) => {
+  const { instance, firm } = useParams<IFirm>()
+
+  if (instance === undefined || firm === undefined) {
+    return "Error"
+  }
+  return (
+    <FirmContext.Provider value={{currentFirm: {instance, firm}}} >
+      { children }
+    </FirmContext.Provider>
+  );
+}

gui/rpk-gui/src/contexts/color-mode/index.tsx

@@ -0,0 +1,59 @@
+import { ThemeProvider } from "@mui/material/styles";
+import { RefineThemes } from "@refinedev/mui";
+import React, {
+  PropsWithChildren,
+  createContext,
+  useEffect,
+  useState,
+} from "react";
+
+type ColorModeContextType = {
+  mode: string;
+  setMode: () => void;
+};
+
+export const ColorModeContext = createContext<ColorModeContextType>(
+  {} as ColorModeContextType
+);
+
+export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({
+  children,
+}) => {
+  const colorModeFromLocalStorage = localStorage.getItem("colorMode");
+  const isSystemPreferenceDark = window?.matchMedia(
+    "(prefers-color-scheme: dark)"
+  ).matches;
+
+  const systemPreference = isSystemPreferenceDark ? "dark" : "light";
+  const [mode, setMode] = useState(
+    colorModeFromLocalStorage || systemPreference
+  );
+
+  useEffect(() => {
+    window.localStorage.setItem("colorMode", mode);
+  }, [mode]);
+
+  const setColorMode = () => {
+    if (mode === "light") {
+      setMode("dark");
+    } else {
+      setMode("light");
+    }
+  };
+
+  return (
+    <ColorModeContext.Provider
+      value={{
+        setMode: setColorMode,
+        mode,
+      }}
+    >
+      <ThemeProvider
+        // you can change the theme colors here. example: mode === "light" ? RefineThemes.Magenta : RefineThemes.MagentaDark
+        theme={mode === "light" ? RefineThemes.Blue : RefineThemes.BlueDark}
+      >
+        {children}
+      </ThemeProvider>
+    </ColorModeContext.Provider>
+  );
+};

gui/rpk-gui/src/i18n.tsx

@@ -0,0 +1,21 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import Backend from "i18next-http-backend";
+import detector from "i18next-browser-languagedetector";
+
+i18n
+  .use(Backend)
+  .use(detector)
+  .use(initReactI18next)
+  .init({
+    supportedLngs: ["EN", "FR"],
+    backend: {
+      loadPath: "/locales/{{lng}}/{{ns}}.json", // "http/locales/{{lng}}/{{ns}}.json"
+    },
+    //saveMissing: true,
+    ns: ["common"],
+    defaultNS: "common",
+    fallbackLng: ["EN", "FR"],
+  });
+
+export default i18n;

gui/rpk-gui/src/index.css

@@ -1,68 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

gui/rpk-gui/src/index.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+
+import App from "./App";
+import "./i18n";
+
+const container = document.getElementById("root") as HTMLElement;
+const root = createRoot(container);
+
+root.render(
+  <React.StrictMode>
+    <React.Suspense fallback="loading">
+      <App />
+    </React.Suspense>
+  </React.StrictMode>
+);

gui/rpk-gui/src/interfaces/index.tsx

@@ -0,0 +1,15 @@
+
+export type IFirm = {
+  instance: string,
+  firm: string
+}
+
+type User = {
+  id: number,
+  email: string,
+  firms: [IFirm],
+};
+
+export type IAuthUser = User;
+
+export type IUser = User | null;

gui/rpk-gui/src/lib/LabelledOutlined.tsx

@@ -0,0 +1,66 @@
+import React, { ReactElement, ReactNode } from "react";
+
+import clsx from "clsx";
+import { InputLabel, styled } from "@mui/material";
+import NotchedOutline from "@mui/material/OutlinedInput/NotchedOutline";
+
+const DivRoot = styled("div")(({ theme }) => ({
+  position: "relative",
+  marginTop: "8px",
+}));
+
+const DivContentWrapper = styled("div")(({ theme }) => ({
+  position: "relative",
+}));
+
+const DivContent = styled("div")(({ theme }) => ({
+  paddingTop: "1px",
+  paddingLeft: theme.spacing(1),
+  paddingRight: theme.spacing(1),
+}));
+
+const StyledInputLabel = styled(InputLabel)(({ theme }) => ({
+  position: "absolute",
+  left: 0,
+  top: 0,
+}));
+
+const StyledNotchedOutline = styled(NotchedOutline)(({ theme }) => [
+  {
+    borderRadius: theme.shape.borderRadius,
+    borderColor: theme.palette.grey["400"]
+  },
+  theme.applyStyles('dark', {
+    borderRadius: theme.shape.borderRadius,
+    borderColor: theme.palette.grey["800"]
+  })
+]);
+
+interface Props {
+  id: string;
+  label: string;
+  children: ReactNode;
+  className?: string;
+}
+
+export default function LabelledOutlined({ id, label, children, className }: Props): ReactElement {
+  const labelRef = React.useRef(null);
+  return (
+    <DivRoot className={clsx(className)}>
+      <StyledInputLabel
+        ref={labelRef}
+        htmlFor={id}
+        variant="outlined"
+        shrink
+      >
+        {label}
+      </StyledInputLabel>
+      <DivContentWrapper>
+        <DivContent id={id}>
+          {children}
+          <StyledNotchedOutline notched label={label + "*"} />
+        </DivContent>
+      </DivContentWrapper>
+    </DivRoot>
+  );
+}

gui/rpk-gui/src/lib/crud/components/base-form.tsx

@@ -0,0 +1,46 @@
+import validator from "@rjsf/validator-ajv8";
+import Form from "@rjsf/mui";
+import { RegistryFieldsType, RegistryWidgetsType, RJSFSchema, UiSchema } from "@rjsf/utils";
+import CrudTextWidget from "./widgets/crud-text-widget";
+import UnionEnumField from "./fields/union-enum";
+import { ResourceContext } from "../contexts/ResourceContext";
+import { ReactNode } from "react";
+
+type BaseFormProps = {
+  schema: RJSFSchema,
+  resourceBasePath: string,
+  onSubmit?: (data: any) => void,
+  onChange?: (data: any) => void,
+  uiSchema?: UiSchema,
+  formData?: any,
+  children?: ReactNode
+}
+
+export const customWidgets: RegistryWidgetsType = {
+  TextWidget: CrudTextWidget
+};
+
+export const customFields: RegistryFieldsType = {
+  AnyOfField: UnionEnumField
+}
+
+export const BaseForm: React.FC<BaseFormProps> = (props) => {
+  const { schema, uiSchema, resourceBasePath, formData, children, onSubmit, onChange } = props;
+
+  return (
+    <ResourceContext.Provider value={{basePath: resourceBasePath}} >
+      <Form
+        schema={schema}
+        uiSchema={uiSchema === undefined ? {} : uiSchema}
+        formData={formData}
+        onSubmit={(e, id) => onSubmit != undefined && onSubmit(e.formData)}
+        validator={validator}
+        omitExtraData={true}
+        widgets={customWidgets}
+        fields={customFields}
+        onChange={(e, id) => onChange != undefined && onChange(e.formData)}
+        children={children}
+      />
+    </ResourceContext.Provider>
+  )
+}

gui/rpk-gui/src/lib/crud/components/crud-form.tsx

@@ -0,0 +1,64 @@
+import { ReactNode, useEffect, useState } from "react";
+import { CircularProgress } from "@mui/material";
+import { useForm } from "@refinedev/core";
+import { UiSchema } from "@rjsf/utils";
+import { jsonschemaProvider } from "../providers/jsonschema-provider";
+import { BaseForm } from "./base-form";
+
+type CrudFormProps = {
+  schemaName: string,
+  uiSchema?: UiSchema,
+  resourceBasePath?: string,
+  resource: string,
+  id?: string,
+  onSuccess?: (data: any) => void,
+  defaultValue?: any,
+  children?: ReactNode
+}
+
+export const CrudForm: React.FC<CrudFormProps> = (props) => {
+  const { schemaName, uiSchema, resourceBasePath="" ,resource, id, onSuccess, defaultValue, children } = props;
+
+  const { onFinish, query, formLoading } = useForm({
+    resource: resourceBasePath == "" ? resource : `${resourceBasePath}/${resource}`,
+    action: id === undefined ? "create" : "edit",
+    redirect: "show",
+    id,
+    onMutationSuccess: (data: any) => { if (onSuccess) { onSuccess(data) } },
+  });
+
+  const [schema, setSchema] = useState({});
+  const [schemaLoading, setSchemaLoading] = useState(true);
+  useEffect(() => {
+    const fetchSchema = async () => {
+      try {
+        const schemaFullName = id === undefined ? `${schemaName}Create` : `${schemaName}Update`;
+        const resourceSchema = await jsonschemaProvider.getResourceSchema(schemaFullName);
+        setSchema(resourceSchema);
+        setSchemaLoading(false);
+      } catch (error) {
+        console.error('Error fetching data:', error);
+        setSchemaLoading(false);
+      }
+    };
+    fetchSchema();
+  }, []);
+
+  if(formLoading || schemaLoading) {
+    return <CircularProgress />
+  }
+
+  const record = query?.data?.data || defaultValue;
+  return (
+    <BaseForm
+      schema={schema}
+      uiSchema={uiSchema}
+      formData={record}
+      resourceBasePath={resourceBasePath}
+      onSubmit={
+        (data: any) => onFinish(data)
+      }
+      children={children}
+    />
+  )
+}

gui/rpk-gui/src/lib/crud/components/fields/union-enum.tsx

@@ -1,11 +1,18 @@
-import { ERRORS_KEY, FieldProps, getUiOptions } from "@rjsf/utils";
-import AnyOfField from "@rjsf/core/lib/components/fields/MultiSchemaField";
-import { UnionEnumWidget } from "../widgets/union-enum";
+import {ERRORS_KEY, FieldProps, FormContextType, getUiOptions, RJSFSchema, StrictRJSFSchema} from "@rjsf/utils";
+import { getDefaultRegistry } from "@rjsf/core";
+import UnionEnumWidget from "../widgets/union-enum";
+
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
 import omit from 'lodash/omit';
 
-const UnionEnumField = (props: FieldProps) => {
+const {
+  fields: { AnyOfField },
+} = getDefaultRegistry();
+
+export default function UnionEnumField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+  props: FieldProps
+) {
   const {
     name,
     disabled = false,
@@ -22,6 +29,8 @@ const UnionEnumField = (props: FieldProps) => {
     idSchema,
   } = props;
 
+  getDefaultRegistry<T,S,F>().widgets
+
   const enumOptions: any[] = []
 
   if (options.length == 2 && (options[0].type == "null" || options[1].type == "null")) {
@@ -89,5 +98,3 @@ const UnionEnumField = (props: FieldProps) => {
     />
   );
 }
-
-export default UnionEnumField;

gui/rpk-gui/src/lib/crud/components/widgets/crud-text-widget.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { getDefaultRegistry } from "@rjsf/core";
+import { FormContextType, getTemplate, RJSFSchema, WidgetProps } from "@rjsf/utils";
+import Typography from "@mui/material/Typography";
+
+import ForeignKeyWidget from "./foreign-key";
+import RichtextWidget from "./richtext";
+
+export type CrudTextRJSFSchema = RJSFSchema & { props? : any };
+
+export default function CrudTextWidget<T = any, S extends CrudTextRJSFSchema = CrudTextRJSFSchema, F extends FormContextType = any>(
+  props: WidgetProps<T, S, F>
+) {
+  const { schema } = props;
+  if (schema.hasOwnProperty("foreignKey")) {
+    return <ForeignKeyWidget {...props} />;
+  } else if (schema.hasOwnProperty("const")) {
+    return <Typography >{schema.const as string}</Typography>;
+  } else if (schema.props?.hasOwnProperty("richtext")) {
+    return <RichtextWidget {...props} />;
+  } else {
+    const { widgets: { TextWidget } } = getDefaultRegistry<T,S,F>();
+    return <TextWidget {...props} />;
+  }
+}

gui/rpk-gui/src/lib/crud/components/widgets/foreign-key.tsx

@@ -0,0 +1,239 @@
+import { FormContextType, RJSFSchema, UiSchema, WidgetProps } from '@rjsf/utils';
+import {
+  Autocomplete, Button, CircularProgress, Container, Grid2, InputAdornment, Modal, TextField, Box, DialogContent
+} from "@mui/material";
+import ClearIcon from '@mui/icons-material/Clear';
+import EditIcon from '@mui/icons-material/Edit';
+import NoteAddIcon from '@mui/icons-material/NoteAdd';
+import React, { useState, useEffect, useContext, Fragment } from "react";
+import { useList, useOne } from "@refinedev/core";
+import { ResourceContext } from "../../contexts/ResourceContext";
+import { CrudForm } from "../crud-form";
+
+export type ForeignKeyReference = {
+  resource: string,
+  label?: string,
+  displayedFields?: [string],
+  schema: string
+}
+
+export type ForeignKeySchema = RJSFSchema & {
+  foreignKey?: {
+    reference: ForeignKeyReference
+  }
+}
+
+export default function ForeignKeyWidget<T = any, S extends ForeignKeySchema = ForeignKeySchema, F extends FormContextType = any>(
+  props: WidgetProps<T, S, F>
+) {
+  if (props.schema.foreignKey === undefined) {
+    return;
+  }
+
+  const { value: originalValue, onChange } = props;
+  const [currentValue, setCurrentValue] = useState(originalValue)
+
+  if (currentValue) {
+    return <ChosenValue {...props} onClear={() => {setCurrentValue(null); onChange(null)}}/>
+  }
+  return <RealAutocomplete {...props} onChange={(value) => {setCurrentValue(value); onChange(value)}}/>
+};
+
+const RealAutocomplete = <T = any, S extends ForeignKeySchema = ForeignKeySchema, F extends FormContextType = any>(
+  props: WidgetProps<T, S, F>
+) => {
+  if (props.schema.foreignKey === undefined) {
+    return;
+  }
+  const { onChange, label } = props
+
+  const [openFormModal, setOpenFormModal] = useState(false);
+  const [searchString, setSearchString] = useState<string>("");
+  const [debouncedInputValue, setDebouncedInputValue] = useState<string>();
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedInputValue(searchString), 300); // Adjust debounce delay as needed
+    return () => clearTimeout(handler);
+  }, [searchString]);
+
+  const { resource, schema, label: labelField = "label" } = props.schema.foreignKey.reference
+  const { basePath } = useContext(ResourceContext)
+  const { data, isLoading } = useList({
+    resource: `${basePath}/${resource}`,
+    pagination: { current: 1, pageSize: 10, mode: "server" },
+    filters: [{ field: "label", operator: "contains", value: debouncedInputValue }],
+    sorters: [{ field: "label", order: "asc" }],
+  });
+
+  return (
+    <>
+      <Autocomplete
+        onChange={(event, value) => {
+          onChange(value ? value.id : null);
+          return true;
+        }}
+        onInputChange={(event, value) => {
+          setSearchString(value)
+        }}
+        options={data ? data.data : []}
+        getOptionLabel={(option) => option ? option[labelField] : ""}
+        loading={isLoading}
+        forcePopupIcon={false}
+        renderInput={(params) => (
+          <TextField
+            {...params}
+            label={ label }
+            variant="outlined"
+            slotProps={{
+              input: {
+                ...params.InputProps,
+                endAdornment: (
+                  <Button variant="outlined" onClick={() => setOpenFormModal(true)} color="success" >
+                    <NoteAddIcon />
+                  </Button>
+                ),
+              },
+            }}
+          />
+        )}
+      />
+      <Modal
+        open={openFormModal}
+        onClose={() => setOpenFormModal(false)}
+        aria-labelledby="modal-modal-title"
+        aria-describedby="modal-modal-description"
+      >
+        <DialogContent>
+          <FormContainer
+            schemaName={schema}
+            resourceBasePath={basePath}
+            resource={resource}
+            uiSchema={{}}
+            onSuccess={(data: any) => {
+              setOpenFormModal(false)
+              onChange(data.data.id);
+            }}
+          />
+        </DialogContent>
+      </Modal>
+    </>
+  );
+}
+
+const ChosenValue = <T = any, S extends ForeignKeySchema = ForeignKeySchema, F extends FormContextType = any>(
+  props: WidgetProps<T, S, F> & { onClear: () => void }
+) => {
+  const { onClear, value } = props;
+
+  const [openFormModal, setOpenFormModal] = React.useState(false);
+
+  if (props.schema.foreignKey === undefined) {
+    return;
+  }
+  const { resource, schema, label: labelField = "label", displayedFields } = props.schema.foreignKey.reference
+  const { basePath } = useContext(ResourceContext)
+
+  const { data, isLoading } = useOne({
+    resource: `${basePath}/${resource}`,
+    id: value
+  });
+
+  if (isLoading || data === undefined) {
+    return <CircularProgress />
+  }
+
+  return (
+    <>
+      <TextField label={ props.label } variant="outlined" disabled={true} value={data.data[labelField]}
+        slotProps={{
+          input: {
+            endAdornment: (
+              <InputAdornment position="end">
+                <Button variant="outlined" onClick={() => setOpenFormModal(true)} color="primary" >
+                  <EditIcon />
+                </Button>
+                <Button variant="outlined" onClick={onClear} color="error" >
+                  <ClearIcon />
+                </Button>
+              </InputAdornment>),
+          },
+        }}
+      />
+      { displayedFields && <Preview id={value} basePath={basePath} resource={resource} displayedFields={displayedFields}/>}
+      <Modal
+        open={openFormModal}
+        onClose={() => setOpenFormModal(false)}
+        aria-labelledby="modal-modal-title"
+        aria-describedby="modal-modal-description"
+      >
+        <DialogContent>
+          <FormContainer
+            schemaName={schema}
+            resourceBasePath={basePath}
+            resource={resource}
+            uiSchema={{}}
+            id={value}
+            onSuccess={() => setOpenFormModal(false)}
+          />
+        </DialogContent>
+      </Modal>
+    </>
+  )
+}
+
+const modalStyle = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: 400,
+  bgcolor: 'background.paper',
+  border: '2px solid #000',
+  boxShadow: 24,
+  pt: 2,
+  px: 4,
+  pb: 3,
+};
+
+type FormContainerProps = {
+  schemaName: string,
+  resourceBasePath: string,
+  resource: string,
+  uiSchema?: UiSchema,
+  id?: string,
+  onSuccess: (data: any) => void
+}
+
+const FormContainer = (props: FormContainerProps) => {
+  const { schemaName, resourceBasePath, resource, uiSchema = {}, id = undefined, onSuccess } = props;
+  return (
+    <Box sx={{ ...modalStyle, width: 800 }}>
+      <CrudForm schemaName={schemaName} resourceBasePath={resourceBasePath} resource={resource} uiSchema={uiSchema} id={id} onSuccess={(data) => onSuccess(data)} />
+    </Box>
+  )
+}
+
+const Preview = (props: {id: string, resource: string, basePath: string, displayedFields: [string]}) => {
+  const { basePath, resource, id, displayedFields } = props
+
+  const { data, isLoading } = useOne({
+    resource: `${basePath}/${resource}`,
+    id
+  });
+
+  if (isLoading || data === undefined) {
+    return <CircularProgress />
+  }
+
+  return (
+    <Grid2 container spacing={2}>
+      {displayedFields.map((field: string, index: number) => {
+        return (
+          <Fragment key={index}>
+            <Grid2 size={2}><Container>{field}</Container></Grid2>
+            <Grid2 size={9}><Container dangerouslySetInnerHTML={{ __html: data.data[field] }} ></Container></Grid2>
+          </Fragment>
+        )
+      })}
+    </Grid2>
+  );
+}

gui/rpk-gui/src/lib/crud/components/widgets/richtext/IndentExtension.tsx

@@ -0,0 +1,119 @@
+import { Extension } from "@tiptap/core";
+
+type IndentOptions = {
+  /**
+   * @default ["paragraph", "heading"]
+   */
+  types: string[];
+  /**
+   * Amount of margin to increase and decrease the indent
+   *
+   * @default 40
+   */
+  margin: number;
+};
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    indent: {
+      indent: () => ReturnType;
+      outdent: () => ReturnType;
+    };
+  }
+}
+
+export default Extension.create<IndentOptions>({
+  name: "indent",
+
+  defaultOptions: {
+    types: ["paragraph", "heading"],
+    margin: 40
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          indent: {
+            default: 0,
+            renderHTML: (attrs) => ({
+              style: `margin-left: ${(attrs.indent || 0) * this.options.margin}px`
+            }),
+            parseHTML: (attrs) => parseInt(attrs.style.marginLeft) / this.options.margin || 0
+          }
+        }
+      }
+    ];
+  },
+
+  addCommands() {
+    return {
+      indent:
+        () =>
+        ({ editor, chain, commands }) => {
+          // Check for a list
+          if (
+            editor.isActive("listItem") ||
+            editor.isActive("bulletList") ||
+            editor.isActive("orderedList")
+          ) {
+            return chain().sinkListItem("listItem").run();
+          }
+
+          return this.options.types
+            .map((type) => {
+              const attrs = editor.getAttributes(type).indent;
+              const indent = (attrs || 0) + 1;
+              return commands.updateAttributes(type, { indent });
+            })
+            .every(Boolean);
+        },
+      outdent:
+        () =>
+        ({ editor, chain, commands }) => {
+          // Check for a list
+          if (
+            editor.isActive("listItem") ||
+            editor.isActive("bulletList") ||
+            editor.isActive("orderedList")
+          ) {
+            return chain().liftListItem("listItem").run();
+          }
+
+          const result = this.options.types
+            .filter((type) => {
+              const attrs = editor.getAttributes(type).indent;
+              return attrs > 0;
+            })
+            .map((type) => {
+              const attrs = editor.getAttributes(type).indent;
+              const indent = (attrs || 0) - 1;
+              return commands.updateAttributes(type, { indent });
+            });
+          return result.every(Boolean) && result.length > 0;
+        }
+    };
+  },
+
+  // addKeyboardShortcuts() {
+  //   return {
+  //     Tab: ({ editor }) => {
+  //       return editor.commands.indent();
+  //     },
+  //     "Shift-Tab": ({ editor }) => {
+  //       return editor.commands.outdent();
+  //     },
+  //     Backspace: ({ editor }) => {
+  //       const { selection } = editor.state;
+  //
+  //       // Make sure we are at the start of the node
+  //       if (selection.$anchor.parentOffset > 0 || selection.from !== selection.to) {
+  //         return false;
+  //       }
+  //
+  //       return editor.commands.outdent();
+  //     }
+  //   };
+  // }
+});

gui/rpk-gui/src/lib/crud/components/widgets/richtext/MenuButtonIndent.tsx

@@ -0,0 +1,19 @@
+import FormatIndentIncrease from "@mui/icons-material/FormatIndentIncrease";
+import { MenuButton, MenuButtonProps, useRichTextEditorContext } from "mui-tiptap";
+
+
+export type MenuButtonIndentProps = Partial<MenuButtonProps>;
+
+export default function MenuButtonIndent(props: MenuButtonIndentProps) {
+  const editor = useRichTextEditorContext();
+  return (
+    <MenuButton
+      tooltipLabel="Indent"
+      tooltipShortcutKeys={["Tab"]}
+      IconComponent={FormatIndentIncrease}
+      disabled={!editor?.isEditable || (!editor.can().indent())}
+      onClick={() => editor?.chain().focus().indent().run()}
+      {...props}
+    />
+  );
+}

gui/rpk-gui/src/lib/crud/components/widgets/richtext/MenuButtonUnindent.tsx

@@ -0,0 +1,18 @@
+import FormatIndentDecrease from "@mui/icons-material/FormatIndentDecrease";
+import { MenuButton, MenuButtonProps, useRichTextEditorContext } from "mui-tiptap";
+
+export type MenuButtonUnindentProps = Partial<MenuButtonProps>;
+
+export default function MenuButtonUnindent(props: MenuButtonUnindentProps) {
+  const editor = useRichTextEditorContext();
+  return (
+    <MenuButton
+      tooltipLabel="Unindent"
+      tooltipShortcutKeys={["Shift", "Tab"]}
+      IconComponent={FormatIndentDecrease}
+      disabled={!editor?.isEditable || !editor.can().outdent()}
+      onClick={() => editor?.chain().focus().outdent().run()}
+      {...props}
+    />
+  );
+}

gui/rpk-gui/src/lib/crud/components/widgets/richtext/index.tsx

@@ -0,0 +1,145 @@
+import { FormContextType, WidgetProps } from "@rjsf/utils";
+import React from "react";
+import { CrudTextRJSFSchema } from "../crud-text-widget";
+import { useEditor, BubbleMenu } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline"
+import TextAlign from "@tiptap/extension-text-align"
+import TableCell from '@tiptap/extension-table-cell'
+import TableHeader from '@tiptap/extension-table-header'
+import TableRow from '@tiptap/extension-table-row'
+import {
+  MenuButtonAddTable, MenuButtonAlignCenter, MenuButtonAlignJustify, MenuButtonAlignLeft, MenuButtonAlignRight,
+  MenuButtonBold, MenuButtonBulletedList, MenuButtonItalic, MenuButtonOrderedList, MenuButtonRedo, MenuButtonUnderline,
+  MenuButtonUndo, MenuControlsContainer, MenuDivider, RichTextEditorProvider, RichTextField, TableBubbleMenu,
+  TableImproved,
+} from "mui-tiptap";
+
+import { UseEditorOptions } from "@tiptap/react/src/useEditor";
+import LabelledOutlined from "../../../../LabelledOutlined";
+import MenuButtonUnindent from "./MenuButtonUnindent";
+import MenuButtonIndent from "./MenuButtonIndent";
+import IndentExtension from "./IndentExtension"
+import { Container, Paper, styled } from "@mui/material";
+import Stack from "@mui/material/Stack";
+
+
+const LeftContainer = styled(Container)(({ theme }) => [{
+    width: "2cm",
+    borderLeft: "8px ridge black",
+    borderRight: "1px dashed grey",
+    padding: "0px !important",
+    margin: "0px !important"
+  },
+]);
+
+const TextContainer = styled(Container)(({ theme }) => [{
+    maxWidth: "580px",
+    padding: "0px !important",
+    margin: "0px !important"
+  },
+]);
+
+const RightContainer = styled(Container)(({ theme }) => [{
+    width: "2cm",
+    borderRight: "8px groove black",
+    borderLeft: "1px dashed grey",
+    padding: "0px !important",
+    margin: "0px !important"
+  },
+]);
+
+const StyledLabelledOutlined = styled(LabelledOutlined)(({ theme }) => [{
+    padding: "1px !important",
+  },
+]);
+
+const RichtextWidget = <T = any, S extends CrudTextRJSFSchema = CrudTextRJSFSchema, F extends FormContextType = any>(
+  props: WidgetProps<T, S, F>
+) => {
+  const { schema, value, onChange, label, id } = props;
+  const isMultiline = schema.props.multiline === true;
+
+  let editorOptions: UseEditorOptions;
+  if (isMultiline) {
+    editorOptions = {
+      extensions: [StarterKit, Underline, TextAlign.configure({types: ['paragraph', "table"]}), TableImproved.configure({resizable: true}), TableRow, TableHeader, TableCell, IndentExtension],
+      onUpdate: ({ editor }) => {
+        onChange(editor.getHTML())
+      }
+    }
+  } else {
+    editorOptions = {
+      extensions: [StarterKit, Underline,],
+      onUpdate: ({ editor }) => {
+        let text = editor.getText();
+        if (text.includes("\n")) {
+          text = text.replace("\n", " ");
+          editor.commands.setContent(text);
+        }
+        onChange(text);
+      }
+    }
+  }
+  editorOptions.content = value
+
+  const editor = useEditor(editorOptions)
+
+  return (
+    <StyledLabelledOutlined label={label} id={id}>
+      <Stack direction="row" spacing={0} sx={{justifyContent: "center", alignItems: "stretch"}}>
+        <LeftContainer>&nbsp;</LeftContainer>
+        <TextContainer>
+          <RichTextEditorProvider editor={editor}>
+            <TableBubbleMenu />
+            <RichTextField
+              controls={
+                <MenuControlsContainer>
+                  {isMultiline ? multilineButtons : singlelineButtons}
+                </MenuControlsContainer>
+              }
+              variant="standard"
+            />
+          </RichTextEditorProvider>
+        </TextContainer>
+        <RightContainer>&nbsp;</RightContainer>
+      </Stack>
+    </StyledLabelledOutlined>
+  )
+}
+
+export default RichtextWidget
+
+const singlelineButtons = (
+  <>
+    <MenuButtonUndo tabIndex={-1} />
+    <MenuButtonRedo tabIndex={-1} />
+    <MenuDivider />
+    <MenuButtonBold tabIndex={-1} />
+    <MenuButtonItalic tabIndex={-1} />
+    <MenuButtonUnderline tabIndex={-1} />
+  </>
+);
+
+const multilineButtons = (
+  <>
+    <MenuButtonUndo tabIndex={-1} />
+    <MenuButtonRedo tabIndex={-1} />
+    <MenuDivider />
+    <MenuButtonBold tabIndex={-1} />
+    <MenuButtonItalic tabIndex={-1} />
+    <MenuButtonUnderline tabIndex={-1} />
+    <MenuDivider />
+    <MenuButtonAlignLeft tabIndex={-1} />
+    <MenuButtonAlignCenter tabIndex={-1} />
+    <MenuButtonAlignRight tabIndex={-1} />
+    <MenuButtonAlignJustify tabIndex={-1} />
+    <MenuDivider />
+    <MenuButtonUnindent tabIndex={-1} />
+    <MenuButtonIndent tabIndex={-1} />
+    <MenuButtonBulletedList tabIndex={-1} />
+    <MenuButtonOrderedList tabIndex={-1} />
+    <MenuDivider />
+    <MenuButtonAddTable tabIndex={-1} />
+  </>
+);

gui/rpk-gui/src/lib/crud/components/widgets/union-enum.tsx

@@ -0,0 +1,55 @@
+import {EnumOptionsType, FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps} from "@rjsf/utils";
+import {useState} from "react";
+import Autocomplete from "@mui/material/Autocomplete";
+import TextField from "@mui/material/TextField";
+import {UIOptionsType} from "@rjsf/utils/src/types";
+
+type CrudEnumOptionsType<S extends StrictRJSFSchema = RJSFSchema> = EnumOptionsType<S> & {
+  type: string,
+  title: string
+}
+
+interface CrudEnumWidgetProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>
+  extends WidgetProps<T, S, F> {
+  options: NonNullable<UIOptionsType<T, S, F>> & {
+    /** The enum options list for a type that supports them */
+    enumOptions?: CrudEnumOptionsType<S>[];
+  };
+}
+
+export default function UnionEnumWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
+  props: CrudEnumWidgetProps<T, S, F>
+) {
+  const {
+    options,
+    value,
+  } = props;
+  const [selectedValue, setSelectedValue] = useState<CrudEnumOptionsType | null>(null);
+
+  if (! selectedValue && value && options.enumOptions) {
+    for (const opt of options.enumOptions){
+       if (opt.value == value) {
+         setSelectedValue(opt);
+         break;
+       }
+    }
+  }
+
+  if (options.enumOptions !== undefined) {
+    return (
+      <Autocomplete
+        value={selectedValue}
+        onChange={(event, newValue) => {
+            setSelectedValue(newValue);
+            props.onChange(newValue?.value);
+        }}
+        options={options.enumOptions}
+        groupBy={(option) => option.type}
+        getOptionLabel={(option) => option.title}
+        renderInput={(params) => (
+            <TextField {...params} label={ props.label } variant="outlined" />
+        )}
+      />
+    );
+  }
+}

gui/rpk-gui/src/lib/crud/contexts/ResourceContext.tsx

@@ -0,0 +1,9 @@
+import React, { createContext, PropsWithChildren } from 'react';
+
+type ResourceContextType = {
+  basePath: string,
+}
+
+export const ResourceContext = createContext<ResourceContextType>(
+  {} as ResourceContextType
+);