Update Profile and Folder with FileBlob

src/components/ProcessesViewer.tsx

@@ -4,6 +4,7 @@ import './ProcessesViewer.css';
 interface BlockState {
   commited_in: string;
   state_id: string;
+  pcd_commitment: Record<string, string>;
   public_data: {
     memberPublicName?: string | number[];
     pairedAddresses?: string[] | number[];
@@ -96,7 +97,11 @@ function ProcessesViewer({ processes, myProcesses }: ProcessesViewerProps) {
       <button onClick = {handleFilterClick}>
         {isFiltered ? 'Show All Processes' : 'Filter Processes'}
       </button>
-      <p className="block-count">{Object.keys(processes).length} processus disponible(s)</p>
+      <p className="block-count">
+        {isFiltered
+          ? Object.keys(processes).filter(processId => myProcesses.includes(processId)).length
+          : Object.keys(processes).length} processus disponible(s)
+      </p>
 
       <div className="block-list">
         {Object.entries(processes).map(([processId, process]) => {
@@ -124,19 +129,29 @@ function ProcessesViewer({ processes, myProcesses }: ProcessesViewerProps) {
               {isExpanded && (
                 <div className="block-details">
                   <div className="block-complete-id">
-                    <strong>ID complet:</strong> {processId}
+                    <strong>Process ID:</strong> {processId}
                   </div>
 
                   {process.states.map((state, index) => {
-                    if (index === stateCount - 1) return null;
+                    if (index === stateCount) return null;
                     return (
                       <div key={`${processId}-state-${index}`} className="state-item">
                         <h4>État {index + 1}</h4>
                         <div className="state-detail">
-                          <strong>State ID:</strong> {state.state_id}
+                          <strong>TransactionId:</strong> {state.commited_in}
                         </div>
                         <div className="state-detail">
-                          <strong>Commited dans:</strong> {state.commited_in}
+                          <strong>Empreinte totale de l'état:</strong> {state.state_id}
+                        </div>
+                        <div className="state-detail">
+                          <strong>Empreinte par information:</strong>
+                          <ul>
+                            {Object.entries(state.pcd_commitment).map(([key, value]) => (
+                              <div key={key}>
+                                <strong>{key}:</strong> {value}
+                              </div>
+                            ))}
+                          </ul>
                         </div>
 
                         <div className="state-public-data">

src/components/ProfileModal.tsx

@@ -20,15 +20,26 @@ function ProfileModal({ isOpen, onClose, onSubmit, initialData = {} }: ProfileMo
     postalCode: initialData.postalCode || '',
     city: initialData.city || '',
     country: initialData.country || '',
-    idDocument: initialData.idDocument || '',
+    idDocument: initialData.idDocument || null,
+    idCertified: false,
   });
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setProfileData(prev => ({
-      ...prev,
-      [name]: value
-    }));
+    const { name, type, files, value } = e.target;
+
+    if (type === 'file' && files) {
+      // Assuming you want to handle a single file
+      const file = files[0];
+      setProfileData(prev => ({
+        ...prev,
+        [name]: file
+      }));
+    } else {
+      setProfileData(prev => ({
+        ...prev,
+        [name]: value
+      }));
+    }
   };
 
   const handleSubmit = (e: React.FormEvent) => {
@@ -157,12 +168,10 @@ function ProfileModal({ isOpen, onClose, onSubmit, initialData = {} }: ProfileMo
             <div className="form-field">
               <label htmlFor="idDocument">Document d'identité&nbsp;<span className="optional">(optionnel)</span></label>
               <input
-                type="text"
+                type="file"
                 id="idDocument"
                 name="idDocument"
-                value={profileData.idDocument || ''}
                 onChange={handleChange}
-                placeholder="Numéro de document"
               />
             </div>
           </div>

src/sdk/models/Data.ts

@@ -0,0 +1,15 @@
+export interface FileBlob {
+  type: string,
+  data: Uint8Array
+};
+
+export function isFileBlob(data: any): data is FileBlob {
+  return (
+    typeof data === 'object' &&
+    data !== null &&
+    'type' in data &&
+    typeof data.type === 'string' &&
+    'data' in data &&
+    data.data instanceof Uint8Array
+  );
+}

src/sdk/models/FolderData.ts

@@ -1,3 +1,4 @@
+import { isFileBlob, type FileBlob } from "./Data";
 import type { RoleDefinition } from "./Roles";
 
 export interface FolderData {
@@ -10,7 +11,7 @@ export interface FolderData {
   created_at: string;
   updated_at: string;
   customers: string[];
-  documents: string[];
+  documents: FileBlob[];
   motes: string[];
   stakeholders: string[];
 }
@@ -35,7 +36,6 @@ export function isFolderData(data: any): data is FolderData {
 
   const requiredArrayFields = [
     'customers',
-    'documents',
     'motes',
     'stakeholders'
   ];
@@ -46,6 +46,15 @@ export function isFolderData(data: any): data is FolderData {
     }
   }
 
+  const requiredFileBlobArrayFields = [
+    'documents',
+  ];
+
+  for (const field of requiredFileBlobArrayFields) {
+    if (!Array.isArray(data[field])) return false;
+    if (data[field].length > 0 && !data[field].every(isFileBlob)) return false;
+  }
+
   return true;
 }
 

src/sdk/models/ProfileData.ts

@@ -1,3 +1,6 @@
+import type { FileBlob } from "./Data";
+import type { RoleDefinition } from "./Roles";
+
 export interface ProfileData {
   name: string;
   surname: string;
@@ -7,11 +10,92 @@ export interface ProfileData {
   postalCode: string;
   city: string;
   country: string;
-  idDocument?: string;
+  idDocument: FileBlob | null;
+  idCertified: boolean;
 }
 
+export function isProfileData(data: any): data is ProfileData{
+  if (typeof data !== 'object' || data === null) return false;
+
+  const requiredStringFields = [
+    'folderNumber',
+    'name',
+    'deedType',
+    'description',
+    'archived_description',
+    'status',
+    'created_at',
+    'updated_at'
+  ];
+
+  for (const field of requiredStringFields) {
+    if (typeof data[field] !== 'string') return false;
+  }
+
+  return true;
+}
+
+const emptyProfileData: ProfileData = {
+  name: '',
+  surname: '',
+  email: '',
+  phone: '',
+  address: '',
+  postalCode: '',
+  city: '',
+  country: '',
+  idDocument: null,
+  idCertified: false,
+};
+
+const profileDataFields: string[] = Object.keys(emptyProfileData);
+
+const ProfilePublicFields: string[] = ['idCertified'];
+
+export const ProfilePrivateFields = [
+  ...profileDataFields.filter(key => !ProfilePublicFields.includes(key))
+];
+
 export interface ProfileCreated {
   processId: string,
-  process: any, // Actually Process
+  process: any, // Process
   profileData: ProfileData,
 }
+
+export function setDefaultProfileRoles(ownerId: string[], validatorId: string): Record<string, RoleDefinition> {
+  return {
+    owner: {
+      members: ownerId,
+      validation_rules: [
+        {
+          quorum: 0.5,
+          fields: [...ProfilePrivateFields, 'roles'],
+          min_sig_member: 1,
+        },
+      ],
+      storages: []
+    },
+    validator: {
+      members: [validatorId],
+      validation_rules: [
+        {
+          quorum: 0.5,
+          fields: ['idCertified', 'roles'],
+          min_sig_member: 1,
+        },
+        {
+          quorum: 0.0,
+          fields: [...profileDataFields],
+          min_sig_member: 0,
+        },
+      ],
+      storages: []
+    },
+    apophis: {
+      members: ownerId,
+      validation_rules: [],
+      storages: []
+    }
+  }
+};
+