Co 1375 frontend changes for smime

package.json

@@ -46,10 +46,10 @@
 		"@commitlint/cli": "^19.1.0",
 		"@commitlint/config-conventional": "^19.1.0",
 		"@faker-js/faker": "^8.4.1",
+		"@testing-library/dom": "^10.4.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.0.1",
 		"@testing-library/user-event": "^14.5.2",
-		"@testing-library/dom": "^10.4.0",
 		"@types/jest": "^29.5.12",
 		"@types/lodash": "^4.17.4",
 		"@types/react": "^18.3.2",
@@ -85,6 +85,7 @@
 		"@zextras/carbonio-design-system": "^8.0.0",
 		"@zextras/carbonio-shell-ui": "devel",
 		"@zextras/carbonio-ui-preview": "^3.0.0",
+		"asn1js": "^3.0.5",
 		"axios": "^1.6.7",
 		"babel-jest": "^29.4.3",
 		"core-js": "^3.36.0",
@@ -94,6 +95,8 @@
 		"jest-junit": "^15.0.0",
 		"lodash": "^4.17.21",
 		"moment": "^2.29.4",
+		"node-forge": "^1.3.1",
+		"pkijs": "^3.2.4",
 		"prop-types": "^15.8.1",
 		"react": "^18.3.1",
 		"react-colorful": "^5.6.1",

src/store/actions/send-msg.ts

@@ -14,6 +14,7 @@ import { getParticipantsFromMessage } from '../../helpers/messages';
 import { MailMessage, SendMsgResult, SendMsgWithSmartLinksResponse } from '../../types';
 import type { SaveDraftRequest, SaveDraftResponse, SendMsgParameters } from '../../types';
 import { generateMailRequest } from '../editor-slice-utils';
+import { getCertificate } from '../zustand/certificates/certificate';
 import { createSoapSendMsgRequestFromEditor } from '../zustand/editor/editor-transformations';
 
 export const sendMsg = createAsyncThunk<any, { msg: MailMessage }>(
@@ -69,14 +70,16 @@ export const sendMsgFromEditor = createAsyncThunk<SendMsgResult, SendMsgParamete
 		const msg = createSoapSendMsgRequestFromEditor(editor);
 
 		const identity = getIdentityDescriptor(editor.identityId);
+		const certificate = getCertificate({ accountId: identity?.fromAddress ?? '' });
 
 		let resp: SendMsgWithSmartLinksResponse;
 		try {
 			resp = await soapFetch<SaveDraftRequest, SaveDraftResponse>(
 				'SendMsg',
 				{
 					_jsns: 'urn:zimbraMail',
-					m: msg
+					m: msg,
+					...(editor.isSmimeSign ? { sign: true, ...certificate } : {})
 				},
 				identity?.ownerAccount ?? undefined
 			);

src/store/zustand/certificates/certificate.ts

@@ -0,0 +1,9 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+import { Certificate, useCertificatesStore } from './store';
+
+export const getCertificate = ({ accountId }: { accountId: string }): Certificate | null =>
+	useCertificatesStore.getState()?.certificates?.[accountId] ?? null;

src/store/zustand/certificates/store.ts

@@ -0,0 +1,35 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+import { create } from 'zustand';
+
+export type Certificate = {
+	privateKey: string;
+	certificate: string;
+	caCertificate: string;
+};
+
+type CertificatesState = {
+	certificates: Record<string, Certificate>;
+	addCertificate: (accountId: string, certificate: Certificate) => void;
+	removeCertificate: (accountId: string) => void;
+	getCertificate: (accountId: string) => Certificate | undefined;
+};
+export const useCertificatesStore = create<CertificatesState>((set, get) => ({
+	certificates: {},
+	addCertificate: (accountId: string, certificate: Certificate): void =>
+		set((state) => ({
+			certificates: {
+				...state.certificates,
+				[accountId]: certificate
+			}
+		})),
+	removeCertificate: (accountId: string): void =>
+		set((state) => {
+			const { [accountId]: _, ...rest } = state.certificates;
+			return { certificates: rest };
+		}),
+	getCertificate: (accountId: string): Certificate | undefined => get().certificates[accountId]
+}));

src/store/zustand/editor/hooks/editor.ts

@@ -376,3 +376,29 @@ export const useEditorSignatureId = (
 		[editorId, debouncedSaveDraft, setter, value]
 	);
 };
+
+/**
+ * Returns reactive reference to the isUrgent value and to its setter
+ * @param id
+ */
+export const useEditorIsSmimeSign = (
+	id: MailsEditorV2['id']
+): {
+	isSmimeSign: MailsEditorV2['isSmimeSign'];
+	setIsSmimeSign: (isSmimeSign: MailsEditorV2['isSmimeSign']) => void;
+} => {
+	const { debouncedSaveDraft } = useSaveDraftFromEditor();
+	const value = useEditorsStore((state) => state.editors[id].isSmimeSign);
+	const setter = useEditorsStore((state) => state.setIsSmimeSign);
+
+	return useMemo(
+		() => ({
+			isSmimeSign: value,
+			setIsSmimeSign: (val: MailsEditorV2['isSmimeSign']): void => {
+				setter(id, val);
+				debouncedSaveDraft(id);
+			}
+		}),
+		[id, debouncedSaveDraft, setter, value]
+	);
+};

src/store/zustand/editor/store.ts

@@ -371,5 +371,14 @@ export const useEditorsStore = create<EditorsStateTypeV2>()((set) => ({
 				}
 			})
 		);
+	},
+	setIsSmimeSign: (id: MailsEditorV2['id'], value: MailsEditorV2['isSmimeSign']): void => {
+		set(
+			produce((state: EditorsStateTypeV2) => {
+				if (state?.editors?.[id]) {
+					state.editors[id].isSmimeSign = value;
+				}
+			})
+		);
 	}
 }));

src/types/editor/index.d.ts

@@ -177,6 +177,8 @@ export type MailsEditorV2 = {
 	size: number;
 	// the sum of the size of the attachments requiring smart link conversion
 	totalSmartLinksSize: number;
+	// flag for the S/MIME request
+	isSmimeSign?: boolean;
 };
 
 type IdentityType = {

src/types/state/index.d.ts

@@ -81,6 +81,7 @@ export type EditorsStateTypeV2 = {
 	setMessagesStoreDispatch: (id: MailsEditorV2['id'], dispatch: AppDispatch) => void;
 	toggleSmartLink: (id: MailsEditorV2['id'], partName: string) => void;
 	setSignatureId: (id: MailsEditorV2['id'], signId: MailsEditorV2['signatureId']) => void;
+	setIsSmimeSign: (id: MailsEditorV2['id'], isSmimeSign: MailsEditorV2['isSmimeSign']) => void;
 };
 
 export type MsgStateType = {