Feat: integrate anchoring (#68)

package.json

@@ -32,7 +32,7 @@
 		"react-select": "^5.7.2",
 		"sass": "^1.59.2",
 		"sharp": "^0.32.1",
-		"typescript": "4.9.5"
-	},
-	"devDependencies": {}
+		"typescript": "4.9.5",
+		"uuidv4": "^6.2.13"
+	}
 }

src/front/Api/BaseApiService.ts

@@ -1,8 +1,10 @@
 import { FrontendVariables } from "@Front/Config/VariablesFront";
 import CookieService from "@Front/Services/CookieService/CookieService";
+import { uuid } from "uuidv4";
 
 export enum ContentType {
 	JSON = "application/json",
+	PDF = "application/pdf",
 	FORM_DATA = "multipart/form-data;",
 }
 export default abstract class BaseApiService {
@@ -26,7 +28,7 @@ export default abstract class BaseApiService {
 
 		const headers = new Headers();
 
-		if (contentType === ContentType.JSON) {
+		if (contentType === ContentType.JSON || contentType === ContentType.PDF) {
 			headers.set("Content-Type", contentType);
 		}
 		headers.set("Authorization", `Bearer ${token}`);
@@ -37,13 +39,13 @@ export default abstract class BaseApiService {
 		return JSON.stringify(body);
 	}
 
-	protected async getRequest<T>(url: URL, token?: string) {
+	protected async getRequest<T>(url: URL, token?: string, contentType?: ContentType, filename?: string) {
 		const request = async () =>
 			await fetch(url, {
 				method: "GET",
-				headers: this.buildHeaders(ContentType.JSON),
+				headers: this.buildHeaders(contentType ?? ContentType.JSON),
 			});
-		return this.sendRequest<T>(request);
+		return this.sendRequest<T>(request, filename);
 	}
 
 	protected async postRequest<T>(url: URL, body: { [key: string]: unknown } = {}, token?: string) {
@@ -112,25 +114,51 @@ export default abstract class BaseApiService {
 		return this.sendRequest<T>(request);
 	}
 
-	private async sendRequest<T>(request: () => Promise<Response>): Promise<T> {
+	private async sendRequest<T>(request: () => Promise<Response>, filename?: string): Promise<T> {
 		const response = await request();
-		return this.processResponse<T>(response, request);
+		return this.processResponse<T>(response, request, filename);
 	}
 
-	protected async processResponse<T>(response: Response, request: () => Promise<Response>): Promise<T> {
-		let responseJson: any | null;
+	protected async processResponse<T>(response: Response, request: () => Promise<Response>, filename?: string): Promise<T> {
+		let responseContent: T;
+
+		if (response.ok) {
+			// Check the Content-Type header to determine the response type
+			const contentType = response.headers.get("Content-Type");
+
+			if (contentType && contentType.includes("application/octet-stream")) {
+				// Handle PDF response
+				const blob = await response.blob();
+				const url = URL.createObjectURL(blob);
+
+				const anchor = document.createElement("a");
+
+				anchor.href = url;
+				anchor.download = filename ?? `${uuid()}.pdf`;
+				anchor.click();
+
+				URL.revokeObjectURL(url);
+
+				responseContent = {} as T;
+			} else {
+				// Handle JSON response
 				try {
-			responseJson = await response.json();
-		} catch (err: unknown) {
-			responseJson = null;
+					responseContent = await response.json();
+				} catch (err) {
 					return Promise.reject(err);
 				}
-
-		if (!response.ok) {
+			}
+		} else {
+			// Handle error response
+			try {
+				const responseJson = await response.json();
 				return Promise.reject(responseJson);
+			} catch (err) {
+				return Promise.reject(err);
+			}
 		}
 
-		return responseJson as T;
+		return responseContent;
 	}
 
 	protected onError(error: unknown) {

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

@@ -0,0 +1,52 @@
+import { ContentType } from "@Front/Api/BaseApiService";
+import BaseNotary from "../BaseNotary";
+
+import CookieService from "@Front/Services/CookieService/CookieService";
+
+export default class OfficeFolderAnchors extends BaseNotary {
+	private static instance: OfficeFolderAnchors;
+	private readonly baseURl = this.namespaceUrl.concat("/anchors");
+
+	private constructor() {
+		super();
+	}
+
+	public static getInstance() {
+		if (!this.instance) {
+			return new this();
+		} else {
+			return this.instance;
+		}
+	}
+
+	public async get(uid: string): Promise<any> {
+		const url = new URL(this.baseURl.concat(`/${uid}`));
+		try {
+			return await this.getRequest<any>(url);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+	public async post(uid: string): Promise<any> {
+		const url = new URL(this.baseURl.concat(`/${uid}`));
+		try {
+			return await this.postRequest<any>(url, {});
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+	public async download(uid: string): Promise<any> {
+		const url = new URL(this.baseURl.concat(`/download/${uid}`));
+		try {
+			return await this.getRequest<any>(url, undefined, ContentType.PDF, `${uid}.pdf`);
+		} catch (err) {
+			this.onError(err);
+			return Promise.reject(err);
+		}
+	}
+
+}

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

@@ -1,5 +1,6 @@
 import ChevronIcon from "@Assets/Icons/chevron.svg";
 import Folders from "@Front/Api/LeCoffreApi/Notary/Folders/Folders";
+import OfficeFolderAnchors from "@Front/Api/LeCoffreApi/Notary/OfficeFolderAnchors/OfficeFolderAnchors";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import FolderBoxInformation, { EFolderBoxInformationType } from "@Front/Components/DesignSystem/FolderBoxInformation";
 import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
@@ -112,6 +113,11 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 										Ancrer le dossier
 									</Button>
 								)}
+								{this.everyDocumentValidated() && (
+									<Button variant={EButtonVariant.PRIMARY} onClick={() => this.downloadAnchoringProof(this.state.selectedFolder?.uid)}>
+										Télécharger la preuve d'ancrage
+									</Button>
+								)}
 								{!this.doesFolderHaveCustomer() && (
 									<span className={classes["delete-folder"]} onClick={this.openVerifDeleteFolder}>
 										<Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button>
@@ -235,6 +241,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 
 		try {
 			const timeoutDelay = 9800;
+			await this.anchorFolder();
 			setTimeout(() => {
 				this.setState({
 					isValidateModalVisible: false,
@@ -246,6 +253,29 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 					hasValidateAnchoring: false,
 				});
 			}, timeoutDelay + 1000);
+		} catch (e) {
+			this.setState({
+				isValidateModalVisible: false,
+				hasValidateAnchoring: false,
+			});
+			console.error(e);
+		}
+	}
+
+	private async anchorFolder() {
+		if (!this.state.selectedFolder?.uid) return;
+		const anchor = await OfficeFolderAnchors.getInstance().post(this.state.selectedFolder.uid);
+		console.log(anchor);
+	}
+
+	private async downloadAnchoringProof(uid?: string) {
+		if (!uid) return;
+
+		const anchor = await OfficeFolderAnchors.getInstance().get(uid);
+		if (anchor.transactions[0].status !== "VERIFIED_ON_CHAIN") return;
+
+		try {
+			await OfficeFolderAnchors.getInstance().download(uid);
 		} catch (e) {
 			console.error(e);
 		}