Merge branch 'staging' into preprod

Dockerfile

@@ -24,9 +24,6 @@ COPY --from=deps leCoffre-front/package.json package.json
 COPY tsconfig.json tsconfig.json
 COPY next.config.js next.config.js
 COPY src src
-COPY sentry.client.config.ts sentry.client.config.ts
-COPY sentry.edge.config.ts sentry.edge.config.ts
-COPY sentry.server.config.ts sentry.server.config.ts
 
 RUN npm run build
 

next.config.js

@@ -55,45 +55,3 @@ const nextConfig = {
 };
 
 module.exports = nextConfig;
-
-// Injected content via Sentry wizard below
-
-const { withSentryConfig } = require("@sentry/nextjs");
-
-module.exports = withSentryConfig(
-	module.exports,
-	{
-		// For all available options, see:
-		// https://github.com/getsentry/sentry-webpack-plugin#options
-
-		// Suppresses source map uploading logs during build
-		silent: true,
-		org: "smart-chain-nh",
-		project: "lecoffre",
-	},
-	{
-		// For all available options, see:
-		// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
-
-		// Upload a larger set of source maps for prettier stack traces (increases build time)
-		widenClientFileUpload: true,
-
-		// Transpiles SDK to be compatible with IE11 (increases bundle size)
-		transpileClientSDK: true,
-
-		// Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
-		tunnelRoute: "/monitoring",
-
-		// Hides source maps from generated client bundles
-		hideSourceMaps: true,
-
-		// Automatically tree-shake Sentry logger statements to reduce bundle size
-		disableLogger: true,
-
-		// Enables automatic instrumentation of Vercel Cron Monitors.
-		// See the following for more information:
-		// https://docs.sentry.io/product/crons/
-		// https://vercel.com/docs/cron-jobs
-		automaticVercelMonitors: true,
-	},
-);

package.json

@@ -13,7 +13,6 @@
 		"@emotion/react": "^11.10.6",
 		"@emotion/styled": "^11.10.6",
 		"@mui/material": "^5.11.13",
-		"@sentry/nextjs": "^7.90.0",
 		"@types/node": "18.15.1",
 		"@types/react": "18.0.28",
 		"@types/react-dom": "18.0.11",
@@ -25,7 +24,7 @@
 		"eslint-config-next": "13.2.4",
 		"form-data": "^4.0.0",
 		"jwt-decode": "^3.1.2",
-		"le-coffre-resources": "git@github.com:smart-chain-fr/leCoffre-resources.git#v2.106",
+		"le-coffre-resources": "git@github.com:smart-chain-fr/leCoffre-resources.git#v2.108",
 		"next": "13.2.4",
 		"prettier": "^2.8.7",
 		"react": "18.2.0",

sentry.client.config.ts

@@ -1,34 +0,0 @@
-// This file configures the initialization of Sentry on the client.
-// The config you add here will be used whenever a users loads a page in their browser.
-// https://docs.sentry.io/platforms/javascript/guides/nextjs/
-
-import * as Sentry from "@sentry/nextjs";
-
-console.log("Client config");
-
-Sentry.init({
-	dsn: "https://ca6a89e8b480c814e1b5828b8412c681@o4506382103281664.ingest.sentry.io/4506399972130816",
-
-	// Adjust this value in production, or use tracesSampler for greater control
-	tracesSampleRate: 1,
-
-	// Setting this option to true will print useful information to the console while you're setting up Sentry.
-	debug: false,
-
-	replaysOnErrorSampleRate: 1.0,
-
-	// This sets the sample rate to be 10%. You may want this to be 100% while
-	// in development and sample at a lower rate in production
-	replaysSessionSampleRate: 0.1,
-
-	// You can remove this option if you're not planning to use the Sentry Session Replay feature:
-	integrations: [
-		new Sentry.Replay({
-			// Additional Replay configuration goes in here, for example:
-			maskAllText: true,
-			blockAllMedia: true,
-		}),
-	],
-});
-
-Sentry.setTag("service", "leCoffre-front");

sentry.edge.config.ts

@@ -1,20 +0,0 @@
-// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).
-// The config you add here will be used whenever one of the edge features is loaded.
-// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.
-// https://docs.sentry.io/platforms/javascript/guides/nextjs/
-
-import * as Sentry from "@sentry/nextjs";
-
-console.log("Edge config");
-
-Sentry.init({
-	dsn: "https://ca6a89e8b480c814e1b5828b8412c681@o4506382103281664.ingest.sentry.io/4506399972130816",
-
-	// Adjust this value in production, or use tracesSampler for greater control
-	tracesSampleRate: 1,
-
-	// Setting this option to true will print useful information to the console while you're setting up Sentry.
-	debug: false,
-});
-
-Sentry.setTag("service", "leCoffre-front");

sentry.server.config.ts

@@ -1,19 +0,0 @@
-// This file configures the initialization of Sentry on the server.
-// The config you add here will be used whenever the server handles a request.
-// https://docs.sentry.io/platforms/javascript/guides/nextjs/
-
-import * as Sentry from "@sentry/nextjs";
-
-console.log("Server config");
-
-Sentry.init({
-	dsn: "https://ca6a89e8b480c814e1b5828b8412c681@o4506382103281664.ingest.sentry.io/4506399972130816",
-
-	// Adjust this value in production, or use tracesSampler for greater control
-	tracesSampleRate: 1,
-
-	// Setting this option to true will print useful information to the console while you're setting up Sentry.
-	debug: false,
-});
-
-Sentry.setTag("service", "leCoffre-front");

src/front/Components/DesignSystem/Form/TextareaField/classes.module.scss

@@ -7,7 +7,7 @@
 		resize: none;
 		height: auto;
 		box-sizing: border-box;
-		font-family: "Inter";
+		font-family: "Inter", sans-serif;
 		font-style: normal;
 		font-weight: 400;
 		font-size: 18px;

src/front/Components/DesignSystem/SearchBar/classes.module.scss

@@ -21,7 +21,7 @@
 		margin-left: 8px;
 		padding: 24px 0;
 		width: 100%;
-		font-family: "Inter";
+		font-family: "Inter", sans-serif;
 		font-style: normal;
 		font-weight: 400;
 		font-size: 18px;

src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/CollaboratorListContainer/classes.module.scss

@@ -15,7 +15,9 @@
 	}
 
 	.folderlist-container {
+		max-height: calc(100vh - 215px);
 		height: 100%;
 		border-right: 1px solid var(--grey-medium);
+		overflow: auto;
 	}
 }

src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/classes.module.scss

@@ -6,6 +6,8 @@
 	flex-direction: column;
 	justify-content: space-between;
 
+	position: relative;
+
 	.header {
 		flex: 1;
 	}
@@ -15,9 +17,16 @@
 	}
 
 	.folderlist-container {
-		max-height: calc(100vh - 290px);
+		max-height: calc(100vh - 215px);
-		height: calc(100vh - 290px);
+		height: calc(100vh - 215px);
 		overflow: auto;
 		border-right: 1px solid var(--grey-medium);
 	}
+
+	.create-container {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+	}
 }

src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/index.tsx

@@ -59,7 +59,7 @@ export default function DeedListContainer(props: IProps) {
 					/>
 				</div>
 			</div>
-			<div>
+			<div className={classes["create-container"]}>
 				<Link href={Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path}>
 					<Button fullwidth={true}>Créer un type d'acte</Button>
 				</Link>

src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/DocumentTypeListContainer/classes.module.scss

@@ -15,8 +15,8 @@
 	}
 
 	.folderlist-container {
-		max-height: calc(100vh - 290px);
+		max-height: calc(100vh - 215px);
-		height: calc(100vh - 290px);
+		height: calc(100vh - 215px);
 		overflow: auto;
 		border-right: 1px solid var(--grey-medium);
 	}

src/front/Components/LayoutTemplates/DefaultRoleDashboard/RoleListContainer/classes.module.scss

@@ -6,6 +6,8 @@
 	flex-direction: column;
 	justify-content: space-between;
 
+	position: relative;
+
 	.header {
 		flex: 1;
 	}
@@ -15,9 +17,16 @@
 	}
 
 	.folderlist-container {
-		max-height: calc(100vh - 290px);
+		max-height: calc(100vh - 215px);
-		height: calc(100vh - 290px);
+		height: calc(100vh - 215px);
 		overflow: auto;
 		border-right: 1px solid var(--grey-medium);
 	}
+
+	.create-container {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+	}
 }

src/front/Components/LayoutTemplates/DefaultRoleDashboard/RoleListContainer/index.tsx

@@ -64,7 +64,7 @@ export default function RoleListContainer(props: IProps) {
 					/>
 				</div>
 			</div>
-			<div>
+			<div className={classes["create-container"]}>
 				<Link href={Module.getInstance().get().modules.pages.Roles.pages.Create.props.path}>
 					<Button fullwidth={true}>Créer un rôle</Button>
 				</Link>

src/front/Components/Layouts/DeedTypes/DeedTypesInformations/index.tsx

@@ -71,12 +71,14 @@ export default function DeedTypesInformations(props: IProps) {
 			setDeedTypeSelected(deedType);
 
 			if (!deedType.document_types) return;
-			const documentsOptions: IOption[] = deedType.document_types?.map((documentType) => {
+			const documentsOptions: IOption[] = deedType.document_types
+				?.map((documentType) => {
 					return {
 						label: documentType.name,
 						value: documentType.uid,
 					};
-			});
+				})
+				.sort((a, b) => a.label.localeCompare(b.label));
 			setSelectedDocuments(documentsOptions);
 		}
 
@@ -108,12 +110,12 @@ export default function DeedTypesInformations(props: IProps) {
 		setSelectedDocuments(values as IOption[]);
 	}, []);
 
-	const formattedOptions: IOption[] = availableDocuments.map((document) => {
+	const formattedOptions: IOption[] = availableDocuments
-		return {
+		.map((document) => ({
 			label: document.name,
 			value: document.uid,
-		};
+		}))
-	});
+		.sort((a, b) => a.label.localeCompare(b.label));
 
 	return (
 		<DefaultDeedTypesDashboard mobileBackText={"Liste des types d'actes"}>

src/front/Components/Layouts/Folder/CreateFolder/index.tsx

@@ -51,7 +51,7 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 		super(props);
 
 		this.state = {
-			folder_access: "",
+			folder_access: "select_collaborators",
 			formValues: {
 				folder_number: "",
 				entitled: "",
@@ -122,10 +122,10 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 									Accès au dossier
 								</Typography>
 								<div className={classes["radio-container"]}>
-									<RadioBox name="file_access" defaultChecked onChange={this.radioOnChange} value="whole_office">
+									<RadioBox name="file_access" onChange={this.radioOnChange} value="whole_office">
 										Sélectionner tout l'office
 									</RadioBox>
-									<RadioBox name="file_access" onChange={this.radioOnChange} value="select_collaborators">
+									<RadioBox name="file_access" defaultChecked onChange={this.radioOnChange} value="select_collaborators">
 										Sélectionner certains collaborateurs
 									</RadioBox>
 								</div>
@@ -149,11 +149,26 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 		const collaborators = await Users.getInstance().get({
 			include: { contact: true },
 		});
+
+		const collaboratorsOptions = this.mapUsersOptions(collaborators);
+
 		this.setState({
 			deedTypes,
 			deedTypesOptions: this.mapDeedOptions(deedTypes),
 			collaborators,
-			collaboratorsOptions: this.mapUsersOptions(collaborators),
+			collaboratorsOptions: collaboratorsOptions,
+		});
+
+		const userId = JwtService.getInstance().decodeJwt()?.userId;
+
+		const currentCollaborator = collaboratorsOptions.find(({ value }) => value === userId);
+		if (!currentCollaborator) return;
+
+		this.setState({
+			formValues: {
+				...this.state.formValues,
+				collaborators: [{ label: currentCollaborator.label, value: currentCollaborator.value }],
+			},
 		});
 	}
 

src/front/Components/Layouts/Folder/FolderInformation/index.tsx

@@ -65,6 +65,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 		this.openArchivedModal = this.openArchivedModal.bind(this);
 		this.closeArchivedModal = this.closeArchivedModal.bind(this);
 		this.onArchivedModalAccepted = this.onArchivedModalAccepted.bind(this);
+		this.onPreventArchiveModalAccepted = this.onPreventArchiveModalAccepted.bind(this);
 		this.getCompletionNumber = this.getCompletionNumber.bind(this);
 		this.onArchivedDescriptionInputChange = this.onArchivedDescriptionInputChange.bind(this);
 		this.deleteFolder = this.deleteFolder.bind(this);
@@ -198,6 +199,25 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 										onChange={this.onArchivedDescriptionInputChange}
 									/>
 								</Confirm>
+								<Confirm
+									isOpen={this.state.isPreventArchiveModalOpen}
+									onAccept={this.onPreventArchiveModalAccepted}
+									onClose={this.closePreventArchiveModal}
+									closeBtn
+									header={"Archiver le dossier"}
+									cancelText={"Annuler"}
+									confirmText={"Archiver"}>
+									<div className={classes["modal-title"]}>
+										<Typography typo={ITypo.P_16}>
+											Vous êtes en train d’archiver le dossier sans avoir l’ancré, êtes-vous sûr de vouloir le faire ?
+										</Typography>
+									</div>
+									<TextAreaField
+										name="archived_description"
+										placeholder="Description"
+										onChange={this.onArchivedDescriptionInputChange}
+									/>
+								</Confirm>
 								<Confirm
 									isOpen={this.state.isVerifDeleteModalVisible}
 									onAccept={this.deleteFolder}
@@ -230,22 +250,6 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 						</div>
 					</div>
 				)}
-				<Confirm
-					isOpen={this.state.isPreventArchiveModalOpen}
-					onAccept={this.closePreventArchiveModal}
-					onClose={this.closePreventArchiveModal}
-					closeBtn
-					header={"Vous devez valider et ancrer un dossier avant de pouvoir l'archiver"}
-					cancelText={"Annuler"}
-					confirmText={"J'ai compris"}>
-					<div className={classes["modal-title"]}>
-						<Typography typo={ITypo.P_16}>
-							Pour valider un dossier, toutes les pièces envoyées par vos clients doivent être validées (vert). Si certains
-							documents sont en attente (orange), alors, veuillez les valider ou les refuser et veillez à ce qu'aucun document
-							ne soit encore en demandé au client (gris)
-						</Typography>
-					</div>
-				</Confirm>
 				<Confirm
 					isOpen={this.state.isValidateModalVisible}
 					onClose={this.closeModal}
@@ -423,6 +427,13 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 		this.closeArchivedModal();
 		this.props.router.push(Module.getInstance().get().modules.pages.Folder.props.path);
 	}
+
+	private async onPreventArchiveModalAccepted() {
+		if (!this.props.selectedFolder) return;
+		await Folders.getInstance().archive(this.props.selectedFolder.uid ?? "", this.state.inputArchivedDescripton);
+		this.closePreventArchiveModal();
+		this.props.router.push(Module.getInstance().get().modules.pages.Folder.props.path);
+	}
 }
 
 export default function FolderInformation(props: IProps) {

src/front/index.scss

@@ -62,7 +62,7 @@ a:hover {
 
 .react-select__menu-notice {
 	font-size: 18px;
-	font-family: Inter;
+	font-family: "Inter", sans-serif !important;
 }
 
 .Toastify__toast-body {

src/pages/_error.jsx

@@ -1,17 +0,0 @@
-import * as Sentry from "@sentry/nextjs";
-import Error from "next/error";
-
-const CustomErrorComponent = (props) => {
-  return <Error statusCode={props.statusCode} />;
-};
-
-CustomErrorComponent.getInitialProps = async (contextData) => {
-  // In case this is running in a serverless function, await this in order to give Sentry
-  // time to send the error before the lambda exits
-  await Sentry.captureUnderscoreErrorException(contextData);
-
-  // This will contain the status code of the response
-  return Error.getInitialProps(contextData);
-};
-
-export default CustomErrorComponent;

tsconfig.json

@@ -3,7 +3,11 @@
 		"incremental": false,
 		"target": "es5",
 		"module": "CommonJS",
-		"lib": ["dom", "dom.iterable", "esnext"],
+		"lib": [
+			"dom",
+			"dom.iterable",
+			"esnext"
+		],
 		"jsx": "preserve",
 		"sourceMap": true,
 		"outDir": "./dist",
@@ -34,14 +38,30 @@
 		"moduleResolution": "node",
 		"baseUrl": ".",
 		"paths": {
-			"@Api/*": ["src/api/*"],
+			"@Api/*": [
-			"@Front/*": ["src/front/*"],
+				"src/api/*"
-			"@Assets/*": ["src/front/Assets/*"],
+			],
-			"@Components/*": ["src/front/Components/*"],
+			"@Front/*": [
-			"@Themes/*": ["src/front/Themes/*"],
+				"src/front/*"
-			"@Stores/*": ["src/front/Stores/*"],
+			],
-			"@FrontServices/*": ["src/front/services/*"],
+			"@Assets/*": [
-			"@Page/*": ["src/pages/*"]
+				"src/front/Assets/*"
+			],
+			"@Components/*": [
+				"src/front/Components/*"
+			],
+			"@Themes/*": [
+				"src/front/Themes/*"
+			],
+			"@Stores/*": [
+				"src/front/Stores/*"
+			],
+			"@FrontServices/*": [
+				"src/front/services/*"
+			],
+			"@Page/*": [
+				"src/pages/*"
+			]
 		},
 		// "rootDirs": [],
 		// "typeRoots": [],
@@ -62,6 +82,13 @@
 		"allowJs": true,
 		"isolatedModules": true
 	},
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "src/front/next.config.js"],
+	"include": [
-	"exclude": ["node_modules"]
+		"next-env.d.ts",
+		"**/*.ts",
+		"**/*.tsx",
+		"src/front/next.config.js",
+	],
+	"exclude": [
+		"node_modules"
+	]
 }