Merge Staging in Preprod (#86)

package-lock.json

@@ -22,7 +22,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.85",
+				"le-coffre-resources": "git@github.com:smart-chain-fr/leCoffre-resources.git#v2.89",
 				"next": "13.2.4",
 				"prettier": "^2.8.7",
 				"react": "18.2.0",
@@ -394,9 +394,9 @@
 			}
 		},
 		"node_modules/@eslint-community/regexpp": {
-			"version": "4.9.0",
+			"version": "4.9.1",
-			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.0.tgz",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
-			"integrity": "sha512-zJmuCWj2VLBt4c25CfBIbMZLGLyhkvs7LznyVX5HfpzeocThgIj5XQK4L+g3U36mMcx8bPMhGyPpwCATamC4jQ==",
+			"integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
 			"engines": {
 				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
 			}
@@ -461,9 +461,9 @@
 			}
 		},
 		"node_modules/@floating-ui/utils": {
-			"version": "0.1.4",
+			"version": "0.1.6",
-			"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.4.tgz",
+			"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
-			"integrity": "sha512-qprfWkn82Iw821mcKofJ5Pk9wgioHicxcQMxx+5zt5GSKoqdWvgG5AxVmpmUUjzTLPVSH5auBrhI93Deayn/DA=="
+			"integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
 		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.11.11",
@@ -965,9 +965,9 @@
 			}
 		},
 		"node_modules/@rushstack/eslint-patch": {
-			"version": "1.5.0",
+			"version": "1.5.1",
-			"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.0.tgz",
+			"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
-			"integrity": "sha512-EF3948ckf3f5uPgYbQ6GhyA56Dmv8yg0+ir+BroRjwdxyZJsekhZzawOecC2rOTPCz173t7ZcR1HHZu0dZgOCw=="
+			"integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA=="
 		},
 		"node_modules/@swc/helpers": {
 			"version": "0.4.14",
@@ -993,9 +993,9 @@
 			"integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
 		},
 		"node_modules/@types/prop-types": {
-			"version": "15.7.7",
+			"version": "15.7.8",
-			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.7.tgz",
+			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.8.tgz",
-			"integrity": "sha512-FbtmBWCcSa2J4zL781Zf1p5YUBXQomPEcep9QZCfRfQgTxz3pJWiDFLebohZ9fFntX5ibzOkSsrJ0TEew8cAog=="
+			"integrity": "sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ=="
 		},
 		"node_modules/@types/react": {
 			"version": "18.0.28",
@@ -1507,9 +1507,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001541",
+			"version": "1.0.30001543",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001541.tgz",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001543.tgz",
-			"integrity": "sha512-bLOsqxDgTqUBkzxbNlSBt8annkDpQB9NdzdTbO2ooJ+eC/IQcvDspDc058g84ejCelF7vHUx57KIOjEecOHXaw==",
+			"integrity": "sha512-qxdO8KPWPQ+Zk6bvNpPeQIOH47qZSYdFZd6dXQzb2KzhnSXju4Kd7H1PkSJx6NICSMgo/IhRZRhhfPTHYpJUCA==",
 			"funding": [
 				{
 					"type": "opencollective",
@@ -3361,7 +3361,7 @@
 			}
 		},
 		"node_modules/le-coffre-resources": {
-			"resolved": "git+ssh://git@github.com/smart-chain-fr/leCoffre-resources.git#0e1663716a698cc584a89e5e2a03b72113702d55",
+			"resolved": "git+ssh://git@github.com/smart-chain-fr/leCoffre-resources.git#a100398ef5c1984ba74cb1c8c182648315accc3e",
 			"license": "MIT",
 			"dependencies": {
 				"class-transformer": "^0.5.1",
@@ -4067,9 +4067,9 @@
 			"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
 		},
 		"node_modules/react-select": {
-			"version": "5.7.5",
+			"version": "5.7.7",
-			"resolved": "https://registry.npmjs.org/react-select/-/react-select-5.7.5.tgz",
+			"resolved": "https://registry.npmjs.org/react-select/-/react-select-5.7.7.tgz",
-			"integrity": "sha512-jgYZa2xgKP0DVn5GZk7tZwbRx7kaVz1VqU41S8z1KWmshRDhlrpKS0w80aS1RaK5bVIXpttgSou7XCjWw1ncKA==",
+			"integrity": "sha512-HhashZZJDRlfF/AKj0a0Lnfs3sRdw/46VJIRd8IbB9/Ovr74+ZIwkAdSBjSPXsFMG+u72c5xShqwLSKIJllzqw==",
 			"dependencies": {
 				"@babel/runtime": "^7.12.0",
 				"@emotion/cache": "^11.4.0",

package.json

@@ -24,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.85",
+		"le-coffre-resources": "git@github.com:smart-chain-fr/leCoffre-resources.git#v2.89",
 		"next": "13.2.4",
 		"prettier": "^2.8.7",
 		"react": "18.2.0",

src/front/Api/Entities/rule.ts

@@ -15,5 +15,6 @@ export enum AppRuleNames {
 	officeFolders = "folders",
 	officeRoles = "office-roles",
 	deedTypes = "deed-types",
-	offices = "offices"
+	offices = "offices",
+	documents = "documents",
 }

src/front/Api/LeCoffreApi/Customer/Folders/Folders.ts

@@ -7,6 +7,7 @@ export interface IGetFoldersParams {
 	q?: {
 		select?: {};
 		where?: {};
+		orderBy?: {}[];
 		include?: {};
 	};
 }

src/front/Api/LeCoffreApi/Notary/OfficeFolderAnchors/OfficeFolderAnchors.ts

@@ -1,9 +1,15 @@
 import { ContentType } from "@Front/Api/BaseApiService";
 import BaseNotary from "../BaseNotary";
+import { OfficeFolderAnchor } from "le-coffre-resources/dist/Notary";
+export interface IGetAnchorsParams {
+	where?: {};
+	include?: {};
+	select?: {};
+}
 
 export default class OfficeFolderAnchors extends BaseNotary {
 	private static instance: OfficeFolderAnchors;
-	private readonly baseURl = this.namespaceUrl.concat("/anchors");
+	private readonly baseUrl = this.namespaceUrl.concat("/anchors");
 
 	private constructor() {
 		super();
@@ -17,20 +23,34 @@ export default class OfficeFolderAnchors extends BaseNotary {
 		}
 	}
 
-	public async get(uid: string): Promise<any> {
+	public async get(q?: IGetAnchorsParams): Promise<OfficeFolderAnchor[]> {
-		const url = new URL(this.baseURl.concat(`/${uid}`));
+		const url = new URL(this.baseUrl);
+		if (q) {
+			const query = { q };
+			Object.entries(query).forEach(([key, value]) => url.searchParams.set(key, JSON.stringify(value)));
+		}
 		try {
-			return await this.getRequest<any>(url);
+			return await this.getRequest<OfficeFolderAnchor[]>(url);
 		} catch (err) {
 			this.onError(err);
 			return Promise.reject(err);
 		}
 	}
 
-	public async post(uid: string): Promise<any> {
+	public async getByUid(uid: string): Promise<OfficeFolderAnchor> {
-		const url = new URL(this.baseURl.concat(`/${uid}`));
+		const url = new URL(this.baseUrl.concat(`/${uid}`));
 		try {
-			return await this.postRequest<any>(url, {});
+			return await this.getRequest<OfficeFolderAnchor>(url);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+	public async post(uid: string): Promise<OfficeFolderAnchor> {
+		const url = new URL(this.baseUrl.concat(`/${uid}`));
+		try {
+			return await this.postRequest<OfficeFolderAnchor>(url, {});
 		} catch (err) {
 			this.onError(err);
 			return Promise.reject(err);
@@ -38,7 +58,7 @@ export default class OfficeFolderAnchors extends BaseNotary {
 	}
 
 	public async download(uid: string): Promise<any> {
-		const url = new URL(this.baseURl.concat(`/download/${uid}`));
+		const url = new URL(this.baseUrl.concat(`/download/${uid}`));
 		try {
 			return await this.getRequest<any>(url, undefined, ContentType.PDF, `${uid}.pdf`);
 		} catch (err) {

src/front/Api/LeCoffreApi/SuperAdmin/LiveVotes/LiveVotes.ts

@@ -1,4 +1,4 @@
-import { Appointment } from "le-coffre-resources/dist/SuperAdmin";
+import { Appointment, Vote } from "le-coffre-resources/dist/SuperAdmin";
 
 import BaseSuperAdmin from "../BaseSuperAdmin";
 
@@ -18,6 +18,9 @@ export type LiveVote = {
 	appointment: Appointment;
 };
 
+export type IDeleteVotesParams = {
+	uid: Vote["uid"];
+};
 export default class LiveVotes extends BaseSuperAdmin {
 	private static instance: LiveVotes;
 	private readonly baseURl = this.namespaceUrl.concat("/live-votes");
@@ -46,4 +49,17 @@ export default class LiveVotes extends BaseSuperAdmin {
 			return Promise.reject(err);
 		}
 	}
+
+	/**
+	 * @description : Delete a vote
+	 */
+	public async delete(body: IDeleteVotesParams): Promise<Vote> {
+		const url = new URL(`${this.baseURl}/${body.uid}`);
+		try {
+			return await this.deleteRequest<Vote>(url, body);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
 }

src/front/Api/LeCoffreApi/SuperAdmin/Votes/Votes.ts

@@ -1,44 +0,0 @@
-import { Vote } from "le-coffre-resources/dist/SuperAdmin";
-
-import BaseSuperAdmin from "../BaseSuperAdmin";
-
-// TODO Type get query params -> Where + inclue + orderby
-export interface IGetVotessparams {
-	where?: {};
-	include?: {};
-	select?: {};
-}
-
-export type IDeleteVotesParams = {
-	uid: Vote["uid"];
-};
-
-export default class Votes extends BaseSuperAdmin {
-	private static instance: Votes;
-	private readonly baseURl = this.namespaceUrl.concat("/votes");
-
-	private constructor() {
-		super();
-	}
-
-	public static getInstance() {
-		if (!this.instance) {
-			return new this();
-		} else {
-			return this.instance;
-		}
-	}
-
-	/**
-	 * @description : Create a Votes
-	 */
-	public async delete(body: IDeleteVotesParams): Promise<Vote> {
-		const url = new URL(this.baseURl + "/" + body.uid);
-		try {
-			return await this.deleteRequest<Vote>(url, body);
-		} catch (err) {
-			this.onError(err);
-			return Promise.reject(err);
-		}
-	}
-}

src/front/Components/DesignSystem/DepositOtherDocument/index.tsx

@@ -71,7 +71,7 @@ export default class DepositOtherDocument extends React.Component<IProps, IState
 		return (
 			<Confirm
 				isOpen={this.state.isAddDocumentModalVisible}
-				onClose={() => {}}
+				onClose={this.props.onClose!}
 				onAccept={this.onAccept}
 				closeBtn
 				header={"Ajouter un document"}

src/front/Components/DesignSystem/Document/DocumentNotary/index.tsx

@@ -10,6 +10,8 @@ import Typography, { ITypo } from "../../Typography";
 import WarningBadge from "../../WarningBadge";
 import classes from "./classes.module.scss";
 import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document";
+import Rules, { RulesMode } from "@Front/Components/Elements/Rules";
+import { AppRuleActions, AppRuleNames } from "@Front/Api/Entities/rule";
 
 type IProps = {
 	folderUid: string;
@@ -60,8 +62,11 @@ class DocumentNotaryClass extends React.Component<IPropsClass, IState> {
 			} else {
 				const archivedFilesLength = documentFiles.filter((file) => file.archived_at).length;
 				const documentFileLength = documentFiles.length - archivedFilesLength;
-				if(this.props.document.document_status === EDocumentStatus.ASKED || this.props.document.document_status === EDocumentStatus.REFUSED){
+				if (
-					return 'Aucun document déposé';
+					this.props.document.document_status === EDocumentStatus.ASKED ||
+					this.props.document.document_status === EDocumentStatus.REFUSED
+				) {
+					return "Aucun document déposé";
 				}
 
 				return `${documentFileLength} documents déposés`;
@@ -91,7 +96,18 @@ class DocumentNotaryClass extends React.Component<IPropsClass, IState> {
 			case EDocumentStatus.DEPOSITED:
 				return <WarningBadge />;
 			default:
-				return <Image src={TrashIcon} alt="trash icon" className={classes["trash"]} onClick={this.onOpenDeletionModal} />;
+				return (
+					<Rules
+						mode={RulesMode.NECESSARY}
+						rules={[
+							{
+								action: AppRuleActions.delete,
+								name: AppRuleNames.documents,
+							},
+						]}>
+						<Image src={TrashIcon} alt="trash icon" className={classes["trash"]} onClick={this.onOpenDeletionModal} />
+					</Rules>
+				);
 		}
 	}
 

src/front/Components/DesignSystem/FilePreview/index.tsx

@@ -17,9 +17,11 @@ export default class FilePreview extends React.Component<IProps, IState> {
 		if (this.props.fileName) type = this.props.fileName.split(".").pop();
 		return (
 			<div className={classes["root"]}>
-				<div className={classes["loader"]}>
+				{!this.props.href && (
-					<Loader />
+					<div className={classes["loader"]}>
-				</div>
+						<Loader />
+					</div>
+				)}
 
 				{this.props.href && (
 					<>

src/front/Components/DesignSystem/Header/Navigation/index.tsx

@@ -8,10 +8,33 @@ import { AppRuleActions, AppRuleNames } from "@Front/Api/Entities/rule";
 import { usePathname } from "next/navigation";
 import Notifications from "@Front/Api/LeCoffreApi/Notary/Notifications/Notifications";
 import Toasts from "@Front/Stores/Toasts";
+import OfficeFolderAnchors from "@Front/Api/LeCoffreApi/Notary/OfficeFolderAnchors/OfficeFolderAnchors";
 export default function Navigation() {
 	const pathname = usePathname();
 
+	const getAnchoringStatus = useCallback(async () => {
+		const anchors = await OfficeFolderAnchors.getInstance().get({
+			where: {
+				status: {
+					not: "VERIFIED_ON_CHAIN",
+				},
+			},
+			include: {
+				folder: true,
+			},
+		});
+
+		try {
+			for (const anchor of anchors) {
+				await OfficeFolderAnchors.getInstance().getByUid(anchor.folder?.uid as string);
+			}
+		} catch (e) {
+			console.log(e);
+		}
+	}, []);
+
 	const getNotifications = useCallback(async () => {
+		//await getAnchoringStatus();
 		const notifications = await Notifications.getInstance().get({
 			where: {
 				read: false,
@@ -27,8 +50,9 @@ export default function Navigation() {
 	}, []);
 
 	useEffect(() => {
+		getAnchoringStatus();
 		getNotifications();
-	}, [pathname, getNotifications]);
+	}, [pathname, getNotifications, getAnchoringStatus]);
 
 	return (
 		<div className={classes["root"]}>

src/front/Components/DesignSystem/LogOutButton/index.tsx

@@ -13,7 +13,7 @@ export default function LogOut() {
 
 	const disconnect = async() => {
 		await UserStore.instance.disconnect();
-		router.push(`https://qual-connexion.idnot.fr/user/auth/logout?post_logout_redirect_uri=${variables.FRONT_APP_HOST}/login`);
+		router.push(`https://qual-connexion.idnot.fr/user/auth/logout?sourceURL=${variables.FRONT_APP_HOST}`);
 	};
 
 	return (

src/front/Components/DesignSystem/Toasts/ToastsContainer/ToastElement/index.tsx

@@ -108,10 +108,12 @@ class ToastElementClass extends React.Component<IPropsClass, IState> {
 		}, 200);
 	}
 
-	private handleClick(e: React.MouseEvent) {
+	private async handleClick(e: React.MouseEvent) {
+		console.log('redirectUrl', this.props.toast.redirectUrl);
 		if (this.props.toast.redirectUrl) {
-			this.props.router.push(this.props.toast.redirectUrl);
 			this.onClose(e);
+			await this.props.router.push(this.props.toast.redirectUrl);
+			this.props.router.reload();
 		}
 	}
 }

src/front/Components/DesignSystem/Toasts/ToastsContainer/index.tsx

@@ -8,7 +8,7 @@ type IProps = {};
 type IState = {
 	toastList: IToast[];
 };
-export default class ToastsContainer extends React.Component<IProps, IState> {
+export class ToastsContainerClass extends React.Component<IProps, IState> {
 	private removeOnChange = () => {};
 
 	public constructor(props: IProps) {
@@ -25,7 +25,7 @@ export default class ToastsContainer extends React.Component<IProps, IState> {
 			<div className={classNames(classes["root"], this.state.toastList.length > 0 && classes["open"])}>
 				<>
 					{this.state.toastList.map((toast) => {
-						return <ToastElement toast={toast} key={toast.id} />;
+						return <ToastElement toast={toast} key={toast.id}/>;
 					})}
 				</>
 			</div>
@@ -44,3 +44,7 @@ export default class ToastsContainer extends React.Component<IProps, IState> {
 		this.setState({ toastList });
 	}
 }
+
+export default function ToastsContainer(props: IProps) {
+	return <ToastsContainerClass {...props}/>;
+};

src/front/Components/Layouts/Folder/AskDocuments/ParameterDocuments/classes.module.scss

@@ -0,0 +1,11 @@
+.add-document-form-container {
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+
+	.radiobox-container {
+		> :not(:last-child) {
+			margin-bottom: 16px;
+		}
+	}
+}

src/front/Components/Layouts/Folder/AskDocuments/ParameterDocuments/index.tsx

@@ -0,0 +1,159 @@
+import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import classes from "./classes.module.scss";
+import TextField from "@Front/Components/DesignSystem/Form/TextField";
+import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
+import { ChangeEvent, useCallback, useEffect, useState } from "react";
+import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes";
+import { DocumentType, OfficeFolder } from "le-coffre-resources/dist/Notary";
+import Deeds from "@Front/Api/LeCoffreApi/Notary/Deeds/Deeds";
+import MultiSelect from "@Front/Components/DesignSystem/MultiSelect";
+import { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
+import { MultiValue } from "react-select";
+import RadioBox from "@Front/Components/DesignSystem/RadioBox";
+import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
+
+type IProps = {
+	isCreateDocumentModalVisible: boolean;
+	closeModal: () => void;
+	folder: OfficeFolder;
+};
+
+export default function ParameterDocuments(props: IProps) {
+	const [visibleDescription, setVisibleDescription] = useState<string>("");
+	const [documentName, setDocumentName] = useState<string>("");
+
+	const [addOrEditDocument, setAddOrEditDocument] = useState<"add" | "edit">("edit");
+
+	const [selectedDocuments, setSelectedDocuments] = useState<IOption[]>([]);
+	const [formattedOptions, setFormattedOptions] = useState<IOption[]>([]);
+
+	const getAvailableDocuments = useCallback(async () => {
+		const documents = await DocumentTypes.getInstance().get({});
+
+		const formattedOptions: IOption[] = documents
+			.filter((document) => {
+				return !props.folder.deed?.document_types?.some((documentType) => documentType.uid === document.uid);
+			})
+			.map((document) => {
+				return {
+					label: document.name,
+					value: document.uid,
+				};
+			});
+		setFormattedOptions(formattedOptions);
+	}, [props.folder.deed?.document_types]);
+
+	const onVisibleDescriptionChange = (event: ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+		setVisibleDescription(event.target.value);
+	};
+
+	const onDocumentNameChange = (event: ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+		setDocumentName(event.target.value);
+	};
+
+	const onDocumentChangeHandler = useCallback((values: MultiValue<IOption>) => {
+		setSelectedDocuments(values as IOption[]);
+	}, []);
+
+	const handleClose = useCallback(() => {
+		setFormattedOptions([]);
+		setSelectedDocuments([]);
+		setAddOrEditDocument("edit");
+		setVisibleDescription("");
+		setDocumentName("");
+		props.closeModal();
+	}, [props]);
+
+	const addDocument = useCallback(async () => {
+		if (addOrEditDocument === "add") {
+			try {
+				const documentType = await DocumentTypes.getInstance().post({
+					name: documentName,
+					private_description: visibleDescription,
+					office: {
+						uid: props.folder.office!.uid!,
+					},
+					public_description: visibleDescription,
+				});
+
+				const oldDocumentsType = props.folder.deed?.document_types!;
+				await Deeds.getInstance().put(props.folder.deed?.uid!, {
+					document_types: [...oldDocumentsType, documentType],
+				});
+
+				//await this.loadData();
+				handleClose();
+			} catch (e) {
+				console.error(e);
+			}
+		} else {
+			try {
+				const oldDocumentsType = props.folder.deed?.document_types!;
+				await Deeds.getInstance().put(props.folder.deed?.uid!, {
+					document_types: [
+						...oldDocumentsType,
+						...selectedDocuments.map((document) => DocumentType.hydrate<DocumentType>({ uid: document.value as string })),
+					],
+				});
+
+				//await this.loadData();
+				handleClose();
+			} catch (e) {
+				console.error(e);
+			}
+		}
+	}, [addOrEditDocument, documentName, handleClose, props, selectedDocuments, visibleDescription]);
+
+	const selectEditMode = () => {
+		setAddOrEditDocument("edit");
+	};
+
+	const selectAddMode = () => {
+		setAddOrEditDocument("add");
+	};
+
+	useEffect(() => {
+		getAvailableDocuments();
+	}, [getAvailableDocuments, props.folder]);
+
+	return (
+		<Confirm
+			isOpen={props.isCreateDocumentModalVisible}
+			onClose={handleClose}
+			onAccept={addDocument}
+			closeBtn
+			header={"Ajouter des documents demandables"}
+			cancelText={"Annuler"}
+			confirmText={"Ajouter"}>
+			<div className={classes["add-document-form-container"]}>
+				<div className={classes["radiobox-container"]}>
+					<RadioBox name="document" onChange={selectEditMode} checked={addOrEditDocument === "edit"} value={"existing client"}>
+						<Typography typo={ITypo.P_ERR_18}>Document existant</Typography>
+					</RadioBox>
+
+					<RadioBox name="document" onChange={selectAddMode} checked={addOrEditDocument === "add"} value={"new client"}>
+						<Typography typo={ITypo.P_ERR_18}>Créer un document</Typography>
+					</RadioBox>
+				</div>
+				{addOrEditDocument === "add" && (
+					<>
+						<TextField name="document_name" placeholder="Nom du document à ajouter" onChange={onDocumentNameChange} />
+						<TextAreaField
+							name="description"
+							placeholder="Description visible par le client"
+							onChange={onVisibleDescriptionChange}
+						/>
+					</>
+				)}
+				{addOrEditDocument === "edit" && (
+					<MultiSelect
+						options={formattedOptions}
+						placeholder="Cliquez pour sélectionner des documents"
+						onChange={onDocumentChangeHandler}
+						defaultValue={selectedDocuments}
+					/>
+				)}
+			</div>
+		</Confirm>
+	);
+}

src/front/Components/Layouts/Folder/AskDocuments/classes.module.scss

@@ -37,10 +37,4 @@
 	.buttons-container {
 		margin-top: 32px;
 	}
-
-	.add-document-form-container {
-		display: flex;
-		flex-direction: column;
-		gap: 24px;
-	}
 }

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

@@ -1,15 +1,10 @@
 import PlusIcon from "@Assets/Icons/plus.svg";
-import Deeds from "@Front/Api/LeCoffreApi/Notary/Deeds/Deeds";
 import Documents from "@Front/Api/LeCoffreApi/Notary/Documents/Documents";
-import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes";
 import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import CheckBox from "@Front/Components/DesignSystem/CheckBox";
 import Form from "@Front/Components/DesignSystem/Form";
 import { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
-import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
-import TextField from "@Front/Components/DesignSystem/Form/TextField";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
 import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";
 import BackArrow from "@Front/Components/Elements/BackArrow";
 import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
@@ -20,6 +15,7 @@ import React from "react";
 
 import BasePage from "../../Base";
 import classes from "./classes.module.scss";
+import ParameterDocuments from "./ParameterDocuments";
 
 type IProps = {};
 type IPropsClass = IProps & {
@@ -29,8 +25,6 @@ type IPropsClass = IProps & {
 };
 type IState = {
 	isCreateDocumentModalVisible: boolean;
-	documentName: string;
-	visibleDescription: string;
 	documentTypes: IOption[];
 	folder: OfficeFolder | null;
 };
@@ -41,8 +35,6 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
 
 		this.state = {
 			isCreateDocumentModalVisible: false,
-			documentName: "",
-			visibleDescription: "",
 			documentTypes: [],
 			folder: null,
 		};
@@ -50,11 +42,6 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
 		this.onFormSubmit = this.onFormSubmit.bind(this);
 		this.closeModal = this.closeModal.bind(this);
 		this.openModal = this.openModal.bind(this);
-		this.cancel = this.cancel.bind(this);
-		this.onVisibleDescriptionChange = this.onVisibleDescriptionChange.bind(this);
-		this.onDocumentNameChange = this.onDocumentNameChange.bind(this);
-		this.addDocument = this.addDocument.bind(this);
-		this.canAddDocument = this.canAddDocument.bind(this);
 	}
 
 	public override render(): JSX.Element {
@@ -101,25 +88,14 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
 							</div>
 						</div>
 					</Form>
-					<Confirm
-						isOpen={this.state.isCreateDocumentModalVisible}
-						onClose={this.closeModal}
-						onAccept={this.addDocument}
-						canConfirm={this.canAddDocument()}
-						closeBtn
-						header={"Créer un type de document"}
-						cancelText={"Annuler"}
-						confirmText={"Ajouter"}>
-						<div className={classes["add-document-form-container"]}>
-							<TextField name="document_name" placeholder="Nom du document à ajouter" onChange={this.onDocumentNameChange} />
-							<TextAreaField
-								name="description"
-								placeholder="Description visible par le client"
-								onChange={this.onVisibleDescriptionChange}
-							/>
-						</div>
-					</Confirm>
 				</div>
+				{this.state.folder && (
+					<ParameterDocuments
+						folder={this.state.folder}
+						closeModal={this.closeModal}
+						isCreateDocumentModalVisible={this.state.isCreateDocumentModalVisible}
+					/>
+				)}
 			</DefaultNotaryDashboard>
 		);
 	}
@@ -128,6 +104,8 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
 		this.loadData();
 	}
 
+	private cancel() {}
+
 	private async loadData() {
 		try {
 			const folder = await Folders.getInstance().getByUid(this.props.folderUid, {
@@ -186,72 +164,16 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
 		return documentTypesOptions;
 	}
 
-	private canAddDocument() {
-		if (this.state.documentName === "" || this.state.visibleDescription === "") {
-			return false;
-		}
-		return true;
-	}
-
-	private async addDocument() {
-		try {
-			const documentType = await DocumentTypes.getInstance().post({
-				name: this.state.documentName,
-				private_description: this.state.visibleDescription,
-				office: {
-					uid: this.state.folder?.office!.uid!,
-				},
-				public_description: this.state.visibleDescription,
-			});
-
-			const oldDocumentsType = this.state.folder?.deed?.document_types!;
-			await Deeds.getInstance().put(this.state.folder?.deed?.uid!, {
-				document_types: [...oldDocumentsType, documentType],
-			});
-
-			await this.loadData();
-			this.setState({
-				isCreateDocumentModalVisible: false,
-				documentName: "",
-				visibleDescription: "",
-			});
-		} catch (e) {
-			console.error(e);
-		}
-	}
-
-	private onVisibleDescriptionChange(e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) {
-		this.setState({
-			visibleDescription: e.target.value,
-		});
-	}
-
-	private onDocumentNameChange(e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) {
-		this.setState({
-			documentName: e.target.value,
-		});
-	}
-
-	private cancel() {
-		this.setState({
-			visibleDescription: "",
-			documentName: "",
-		});
-	}
-
 	private openModal() {
 		this.setState({
 			isCreateDocumentModalVisible: true,
-			visibleDescription: "",
-			documentName: "",
 		});
 	}
 
 	private closeModal() {
+		this.loadData();
 		this.setState({
 			isCreateDocumentModalVisible: false,
-			visibleDescription: "",
-			documentName: "",
 		});
 	}
 

src/front/Components/Layouts/Folder/FolderInformation/classes.module.scss

@@ -99,3 +99,15 @@
 		}
 	}
 }
+
+.loader-container {
+	display: flex;
+	flex: 1;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	.loader {
+		width: 40px;
+		height: 40px;
+	}
+}

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

@@ -13,7 +13,7 @@ import { OfficeFolder } from "le-coffre-resources/dist/Notary";
 import { EDocumentStatus } from "le-coffre-resources/dist/Notary/Document";
 import Link from "next/link";
 import { NextRouter, useRouter } from "next/router";
-import { ChangeEvent } from "react";
+import { ChangeEvent, useCallback, useEffect, useState } from "react";
 import Image from "next/image";
 import ValidateAnchoringGif from "@Front/Assets/images/validate_anchoring.gif";
 
@@ -21,36 +21,44 @@ import BasePage from "../../Base";
 import classes from "./classes.module.scss";
 import ClientSection from "./ClientSection";
 import CheckBox from "@Front/Components/DesignSystem/CheckBox";
+import Loader from "@Front/Components/DesignSystem/Loader";
+
+enum AnchorStatus {
+	"VERIFIED_ON_CHAIN" = "VERIFIED_ON_CHAIN",
+	"ANCHORING" = "ANCHORING",
+	"NOT_ANCHORED" = "NOT_ANCHORED",
+}
 
 type IProps = {};
 
 type IPropsClass = IProps & {
 	router: NextRouter;
 	selectedFolderUid: string;
+	isAnchored: AnchorStatus;
+	isLoading: boolean;
+	selectedFolder: OfficeFolder | null;
+	getAnchoringStatus: () => Promise<void>;
 };
 
 type IState = {
-	selectedFolder: OfficeFolder | null;
 	isArchivedModalOpen: boolean;
 	inputArchivedDescripton: string;
 	isValidateModalVisible: boolean;
 	hasValidateAnchoring: boolean;
 	isVerifDeleteModalVisible: boolean;
-	isAnchored: boolean | null;
+	isPreventArchiveModalOpen: boolean;
 };
 class FolderInformationClass extends BasePage<IPropsClass, IState> {
 	public constructor(props: IPropsClass) {
 		super(props);
 		this.state = {
-			selectedFolder: null,
 			isArchivedModalOpen: false,
 			inputArchivedDescripton: "",
 			isValidateModalVisible: false,
 			hasValidateAnchoring: false,
 			isVerifDeleteModalVisible: false,
-			isAnchored: null,
+			isPreventArchiveModalOpen: false,
 		};
-		this.onSelectedFolder = this.onSelectedFolder.bind(this);
 		this.openArchivedModal = this.openArchivedModal.bind(this);
 		this.closeArchivedModal = this.closeArchivedModal.bind(this);
 		this.onArchivedModalAccepted = this.onArchivedModalAccepted.bind(this);
@@ -62,7 +70,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 		this.openValidateModal = this.openValidateModal.bind(this);
 		this.openVerifDeleteFolder = this.openVerifDeleteFolder.bind(this);
 		this.closeVerifDeleteFolder = this.closeVerifDeleteFolder.bind(this);
-		this.verifyAnchorStatus = this.verifyAnchorStatus.bind(this);
+		this.closePreventArchiveModal = this.closePreventArchiveModal.bind(this);
 	}
 
 	// TODO: Message if the user has not created any folder yet
@@ -72,108 +80,141 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 			.get()
 			.modules.pages.Folder.pages.EditCollaborators.props.path.replace("[folderUid]", this.props.selectedFolderUid);
 		return (
-			<DefaultNotaryDashboard
+			<DefaultNotaryDashboard title={"Dossier"} isArchived={false} mobileBackText="Retour aux dossiers">
-				title={"Dossier"}
+				{!this.props.isLoading && (
-				onSelectedFolder={this.onSelectedFolder}
+					<div className={classes["root"]}>
-				isArchived={false}
+						{this.props.selectedFolder ? (
-				mobileBackText="Retour aux dossiers">
+							<div className={classes["folder-informations"]}>
-				<div className={classes["root"]}>
+								<div className={classes["folder-header"]}>
-					{this.state.selectedFolder ? (
+									<div className={classes["header"]}>
-						<div className={classes["folder-informations"]}>
+										<div className={classes["title"]}>
-							<div className={classes["folder-header"]}>
+											<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
-								<div className={classes["header"]}>
+										</div>
-									<div className={classes["title"]}>
+										<Link href={redirectPathEditCollaborators}>
-										<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
+											<Button variant={EButtonVariant.LINE} icon={ChevronIcon}>
+												Modifier les collaborateurs
+											</Button>
+										</Link>
 									</div>
-									<Link href={redirectPathEditCollaborators}>
+									<FolderBoxInformation
-										<Button variant={EButtonVariant.LINE} icon={ChevronIcon}>
+										folder={this.props.selectedFolder}
-											Modifier les collaborateurs
+										type={EFolderBoxInformationType.INFORMATIONS}
-										</Button>
-									</Link>
-								</div>
-								<FolderBoxInformation folder={this.state.selectedFolder} type={EFolderBoxInformationType.INFORMATIONS} />
-								<div className={classes["second-box"]}>
-									<FolderBoxInformation folder={this.state.selectedFolder} type={EFolderBoxInformationType.DESCRIPTION} />
-								</div>
-								<div className={classes["progress-bar"]}>
-									<QuantityProgressBar
-										title="Complétion du dossier"
-										total={100}
-										currentNumber={this.getCompletionNumber()}
 									/>
+									<div className={classes["second-box"]}>
+										<FolderBoxInformation
+											folder={this.props.selectedFolder}
+											type={EFolderBoxInformationType.DESCRIPTION}
+										/>
+									</div>
+									<div className={classes["progress-bar"]}>
+										<QuantityProgressBar
+											title="Complétion du dossier"
+											total={100}
+											currentNumber={this.getCompletionNumber()}
+										/>
+									</div>
+									{this.doesFolderHaveCustomer() && <ClientSection folder={this.props.selectedFolder} />}
 								</div>
-								{this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} />}
-							</div>
 
-							{!this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} />}
+								{!this.doesFolderHaveCustomer() && <ClientSection folder={this.props.selectedFolder} />}
 
-							<div className={classes["button-container"]}>
+								<div className={classes["button-container"]}>
-								<Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}>
+									<Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}>
-									Archiver le dossier
+										Archiver le dossier
-								</Button>
+									</Button>
-								{this.everyDocumentValidated() && (
+									{this.everyDocumentValidated() && !this.props.isLoading && (
-									<>
+										<>
-										{this.state.isAnchored === null && (
+											{this.props.isAnchored === AnchorStatus.NOT_ANCHORED && (
-											<Button variant={EButtonVariant.PRIMARY} onClick={this.openValidateModal}>
+												<Button variant={EButtonVariant.PRIMARY} onClick={this.openValidateModal}>
-												Ancrer le dossier
+													Ancrer le dossier
-											</Button>
+												</Button>
-										)}
+											)}
-										{this.state.isAnchored === true && (
+											{this.props.isAnchored === AnchorStatus.ANCHORING && (
-											<Button
+												<Button variant={EButtonVariant.PRIMARY} disabled>
-												variant={EButtonVariant.PRIMARY}
+													Ancrage en cours...&nbsp;&nbsp;
-												onClick={() => this.downloadAnchoringProof(this.state.selectedFolder?.uid)}>
+													<Loader />
-												Télécharger la preuve d'ancrage
+												</Button>
-											</Button>
+											)}
-										)}
+											{this.props.isAnchored === AnchorStatus.VERIFIED_ON_CHAIN && (
-									</>
+												<Button
-								)}
+													variant={EButtonVariant.PRIMARY}
-								{!this.doesFolderHaveCustomer() && (
+													onClick={() => this.downloadAnchoringProof(this.props.selectedFolder?.uid)}>
-									<span className={classes["delete-folder"]} onClick={this.openVerifDeleteFolder}>
+													Télécharger la preuve d'ancrage
-										<Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button>
+												</Button>
-									</span>
+											)}
-								)}
+										</>
-							</div>
+									)}
-							<Confirm
+									{!this.doesFolderHaveCustomer() && (
-								isOpen={this.state.isArchivedModalOpen}
+										<span className={classes["delete-folder"]} onClick={this.openVerifDeleteFolder}>
-								onAccept={this.onArchivedModalAccepted}
+											<Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button>
-								onClose={this.closeArchivedModal}
+										</span>
-								closeBtn
+									)}
-								header={"Archiver le dossier ?"}
-								cancelText={"Annuler"}
-								confirmText={"Archiver"}>
-								<div className={classes["modal-title"]}>
-									<Typography typo={ITypo.P_16}>Souhaitez-vous vraiment archiver le dossier ?</Typography>
 								</div>
-								<TextAreaField
+								<Confirm
-									name="archived_description"
+									isOpen={this.state.isArchivedModalOpen}
-									placeholder="Description"
+									onAccept={this.onArchivedModalAccepted}
-									onChange={this.onArchivedDescriptionInputChange}
+									onClose={this.closeArchivedModal}
-								/>
+									closeBtn
-							</Confirm>
+									header={"Archiver le dossier ?"}
-							<Confirm
+									cancelText={"Annuler"}
-								isOpen={this.state.isVerifDeleteModalVisible}
+									confirmText={"Archiver"}>
-								onAccept={this.deleteFolder}
+									<div className={classes["modal-title"]}>
-								onClose={this.closeVerifDeleteFolder}
+										<Typography typo={ITypo.P_16}>Souhaitez-vous vraiment archiver le dossier ?</Typography>
-								closeBtn
+									</div>
-								header={"Êtes-vous sûr de vouloir supprimer ce dossier ?"}
+									<TextAreaField
-								cancelText={"Annuler"}
+										name="archived_description"
-								confirmText={"Confirmer"}>
+										placeholder="Description"
-								<div className={classes["modal-title"]}>
+										onChange={this.onArchivedDescriptionInputChange}
-									<Typography typo={ITypo.P_16}>Cette action sera irréversible.</Typography>
+									/>
-								</div>
+								</Confirm>
-							</Confirm>
+								<Confirm
-						</div>
+									isOpen={this.state.isVerifDeleteModalVisible}
-					) : (
+									onAccept={this.deleteFolder}
-						<div className={classes["no-folder-selected"]}>
+									onClose={this.closeVerifDeleteFolder}
-							<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
+									closeBtn
-							<div className={classes["choose-a-folder"]}>
+									header={"Êtes-vous sûr de vouloir supprimer ce dossier ?"}
-								<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
+									cancelText={"Annuler"}
-									Sélectionnez un dossier
+									confirmText={"Confirmer"}>
-								</Typography>
+									<div className={classes["modal-title"]}>
+										<Typography typo={ITypo.P_16}>Cette action sera irréversible.</Typography>
+									</div>
+								</Confirm>
 							</div>
+						) : (
+							<div className={classes["no-folder-selected"]}>
+								<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
+								<div className={classes["choose-a-folder"]}>
+									<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
+										Sélectionnez un dossier
+									</Typography>
+								</div>
+							</div>
+						)}
+					</div>
+				)}
+				{this.props.isLoading && (
+					<div className={classes["loader-container"]}>
+						<div className={classes["loader"]}>
+							<Loader />
 						</div>
-					)}
+					</div>
-				</div>
+				)}
+				<Confirm
+					isOpen={this.state.isPreventArchiveModalOpen}
+					onAccept={this.closePreventArchiveModal}
+					onClose={this.closePreventArchiveModal}
+					closeBtn
+					header={"Vous devez valider et certifier 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}
@@ -213,31 +254,13 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 			</DefaultNotaryDashboard>
 		);
 	}
-	public override async componentDidMount() {
+
-		const selectedFolder = await this.getFolder();
+	private closePreventArchiveModal() {
-		this.setState(
+		this.setState({
-			{
+			isPreventArchiveModalOpen: false,
-				selectedFolder,
+		});
-			},
-			() => {
-				this.verifyAnchorStatus();
-			},
-		);
 	}
 
-	private async verifyAnchorStatus() {
-		if (!this.state.selectedFolder || !this.state.selectedFolder.uid) return;
-		try {
-			const anchorStatus = await OfficeFolderAnchors.getInstance().get(this.state.selectedFolder.uid!);
-			this.setState({
-				isAnchored: anchorStatus.status === "VERIFIED_ON_CHAIN",
-			});
-		} catch (e) {
-			this.setState({
-				isAnchored: null,
-			});
-		}
-	}
 	public openVerifDeleteFolder() {
 		this.setState({
 			isVerifDeleteModalVisible: true,
@@ -291,8 +314,9 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 	}
 
 	private async anchorFolder() {
-		if (!this.state.selectedFolder?.uid) return;
+		if (!this.props.selectedFolder?.uid) return;
-		return await OfficeFolderAnchors.getInstance().post(this.state.selectedFolder.uid);
+		await OfficeFolderAnchors.getInstance().post(this.props.selectedFolder.uid);
+		this.props.getAnchoringStatus();
 	}
 
 	private async downloadAnchoringProof(uid?: string) {
@@ -305,7 +329,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 			a.style.display = "none";
 			a.href = url;
 			// the filename you want
-			a.download = `anchoring_proof_${this.state.selectedFolder?.folder_number}_${this.state.selectedFolder?.name}.pdf`;
+			a.download = `anchoring_proof_${this.props.selectedFolder?.folder_number}_${this.props.selectedFolder?.name}.pdf`;
 			document.body.appendChild(a);
 			a.click();
 			window.URL.revokeObjectURL(url);
@@ -315,21 +339,21 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 	}
 
 	private everyDocumentValidated(): boolean {
-		if (!this.state.selectedFolder?.documents) return false;
+		if (!this.props.selectedFolder?.documents) return false;
 		return (
-			this.state.selectedFolder?.documents?.length >= 1 &&
+			this.props.selectedFolder?.documents?.length >= 1 &&
-			this.state.selectedFolder?.documents.every((document) => document.document_status === EDocumentStatus.VALIDATED)
+			this.props.selectedFolder?.documents.every((document) => document.document_status === EDocumentStatus.VALIDATED)
 		);
 	}
 
 	private async deleteFolder() {
-		if (!this.state.selectedFolder?.uid) return;
+		if (!this.props.selectedFolder?.uid) return;
-		await Folders.getInstance().delete(this.state.selectedFolder.uid);
+		await Folders.getInstance().delete(this.props.selectedFolder.uid);
 		this.props.router.push(Module.getInstance().get().modules.pages.Folder.props.path);
 	}
 
 	private getCompletionNumber() {
-		const documents = this.state.selectedFolder?.documents;
+		const documents = this.props.selectedFolder?.documents;
 		if (!documents) return 0;
 		const totalDocuments = documents.length;
 		const refusedDocuments = documents.filter((document) => document.document_status === EDocumentStatus.REFUSED).length ?? 0;
@@ -343,16 +367,16 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 	}
 
 	private doesFolderHaveCustomer(): boolean {
-		if (!this.state.selectedFolder?.customers) return false;
+		if (!this.props.selectedFolder?.customers) return false;
-		return this.state.selectedFolder?.customers!.length > 0;
+		return this.props.selectedFolder?.customers!.length > 0;
-	}
-
-	private onSelectedFolder(folder: OfficeFolder): void {
-		this.setState({ selectedFolder: folder });
 	}
 
 	private openArchivedModal(): void {
-		this.setState({ isArchivedModalOpen: true });
+		if (this.everyDocumentValidated() && this.props.isAnchored) {
+			this.setState({ isArchivedModalOpen: true });
+		} else {
+			this.setState({ isPreventArchiveModalOpen: true });
+		}
 	}
 
 	private closeArchivedModal(): void {
@@ -364,15 +388,37 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 	}
 
 	private async onArchivedModalAccepted() {
-		if (!this.state.selectedFolder) return;
+		if (!this.props.selectedFolder) return;
-		const ressourceFolder = OfficeFolder.hydrate<OfficeFolder>(this.state.selectedFolder);
+		const ressourceFolder = OfficeFolder.hydrate<OfficeFolder>(this.props.selectedFolder);
 		ressourceFolder.archived_description = this.state.inputArchivedDescripton;
-		await Folders.getInstance().archive(this.state.selectedFolder.uid ?? "", ressourceFolder);
+		await Folders.getInstance().archive(this.props.selectedFolder.uid ?? "", ressourceFolder);
 		this.closeArchivedModal();
 		this.props.router.push(Module.getInstance().get().modules.pages.Folder.props.path);
 	}
+}
 
-	private async getFolder(): Promise<OfficeFolder> {
+export default function FolderInformation(props: IProps) {
+	const router = useRouter();
+	const [isAnchored, setIsAnchored] = useState<AnchorStatus>(AnchorStatus.NOT_ANCHORED);
+	const [isLoading, setIsLoading] = useState<boolean>(true);
+	const [selectedFolder, setSelectedFolder] = useState<OfficeFolder | null>(null);
+
+	let { folderUid } = router.query;
+	folderUid = folderUid as string;
+
+	const getAnchoringStatus = useCallback(async () => {
+		if (!folderUid) return;
+		try {
+			const anchorStatus = await OfficeFolderAnchors.getInstance().getByUid(folderUid as string);
+			setIsAnchored(anchorStatus.status === "VERIFIED_ON_CHAIN" ? AnchorStatus.VERIFIED_ON_CHAIN : AnchorStatus.ANCHORING);
+		} catch (e) {
+			setIsAnchored(AnchorStatus.NOT_ANCHORED);
+		}
+	}, [folderUid]);
+
+	const getFolder = useCallback(async () => {
+		if (!folderUid) return;
+		setIsLoading(true);
 		const query = {
 			q: {
 				deed: { include: { deed_type: true } },
@@ -402,14 +448,29 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 			},
 		};
 
-		const folder = await Folders.getInstance().getByUid(this.props.selectedFolderUid, query);
+		const folder = await Folders.getInstance().getByUid(folderUid as string, query);
-		return folder;
+		if (folder) {
-	}
+			setSelectedFolder(folder);
-}
+			getAnchoringStatus();
+		}
 
-export default function FolderInformation(props: IProps) {
+		setIsLoading(false);
-	const router = useRouter();
+	}, [folderUid, getAnchoringStatus]);
-	let { folderUid } = router.query;
+
-	folderUid = folderUid as string;
+	useEffect(() => {
-	return <FolderInformationClass {...props} selectedFolderUid={folderUid} router={router} />;
+		setIsLoading(true);
+		getFolder();
+	}, [getFolder]);
+
+	return (
+		<FolderInformationClass
+			{...props}
+			selectedFolderUid={folderUid}
+			router={router}
+			isAnchored={isAnchored}
+			isLoading={isLoading}
+			selectedFolder={selectedFolder}
+			getAnchoringStatus={getAnchoringStatus}
+		/>
+	);
 }

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

@@ -9,7 +9,8 @@ import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
 import BackArrow from "@Front/Components/Elements/BackArrow";
 import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
 import Module from "@Front/Config/Module";
-import User, { OfficeFolder } from "le-coffre-resources/dist/Notary";
+import User from "le-coffre-resources/dist/Notary/User";
+import { OfficeFolder } from "le-coffre-resources/dist/Notary";
 import Link from "next/link";
 import { NextRouter, useRouter } from "next/router";
 

src/front/Components/Layouts/SelectFolder/index.tsx

@@ -29,6 +29,11 @@ export default function SelectFolder() {
 							},
 						},
 					},
+					orderBy: [
+						{
+							created_at: "desc",
+						},
+					],
 				},
 			});
 			setFolders(folders);

src/front/Components/Layouts/Users/UserInformations/index.tsx

@@ -3,7 +3,6 @@ import WarningIcon from "@Assets/images/warning.png";
 import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles";
 import LiveVotes from "@Front/Api/LeCoffreApi/SuperAdmin/LiveVotes/LiveVotes";
 import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
-import Votes from "@Front/Api/LeCoffreApi/SuperAdmin/Votes/Votes";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import SelectField, { IOption } from "@Front/Components/DesignSystem/Form/SelectField";
 import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
@@ -224,7 +223,7 @@ export default function UserInformations(props: IProps) {
 		const user = JwtService.getInstance().decodeJwt();
 		const vote = currentAppointment.votes?.find((vote) => vote.voter?.uid === user?.userId);
 		if (!vote) return;
-		await Votes.getInstance().delete({ uid: vote.uid });
+		await LiveVotes.getInstance().delete({ uid: vote.uid });
 		await getUser();
 	}, [currentAppointment, getUser]);
 

src/pages/_app.tsx

@@ -47,7 +47,7 @@ const MyApp = (({
 	instance.BACK_API_HOST = backApiHost ?? "api.stg.lecoffre.smart-chain.fr";
 	instance.BACK_API_ROOT_URL = backApiRootUrl ?? "/api";
 	instance.BACK_API_VERSION = backApiVersion ?? "/v1";
-	instance.FRONT_APP_HOST = frontAppHost ?? "app.stg.lecoffre.smart-chain.fr";
+	instance.FRONT_APP_HOST = frontAppHost ?? "https://app.stg.lecoffre.smart-chain.fr";
 	instance.IDNOT_BASE_URL = idNotBaseUrl ?? "https://qual-connexion.idnot.fr";
 	instance.IDNOT_AUTHORIZE_ENDPOINT = idNotAuthorizeEndpoint ?? "/IdPOAuth2/authorize/idnot_idp_v1";
 	instance.IDNOT_CLIENT_ID = idNotClientId ?? "4501646203F3EF67";