allow profile updates

Author: wbglaeser

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "homepage": "https://foerderfunke.org/",
   "dependencies": {
-    "@foerderfunke/matching-engine": "1.5.5",
+    "@foerderfunke/matching-engine": "1.5.8",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-transform-private-property-in-object": "^7.24.7",
     "@emotion/react": "^11.11.4",

src/ui/screens/profile-screen/components/ProfileUpdateInputSwitch.js

@@ -4,12 +4,10 @@ import ProfileInputInteger from "../../question-pages/components/input-types/Pro
 import ProfileInputDate from "../../question-pages/components/input-types/ProfileInputDate";
 import ProfileInputBoolean from "../../question-pages/components/input-types/ProfileInputBoolean";
 import ProfileInputMultiSelection from "../../question-pages/components/input-types/ProfileInputMultiSelection";
-import { shrink } from "@foerderfunke/sem-ops-utils";
 
 
 const ProfileUpdateInputSwitch = ({ t, value, setValue, datafieldDetails, error }) => {
-    const shortenedUri = shrink(datafieldDetails?.datatype);
-    switch (shortenedUri) {
+    switch (datafieldDetails?.datatype) {
         case 'ff:selection':
             return <ProfileInputSelection
                 value={value}

src/ui/screens/profile-screen/hooks/useSetupProfileUpdate.js

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react';
 import matchingEngineManager from "@/core/managers/matchingEngineManager";
-import { expand } from "@foerderfunke/sem-ops-utils";
 import userManager from '@/core/managers/userManager';
 import { useUserStore } from '@/ui/storage/zustand';
 
@@ -10,14 +9,12 @@ export default function useSetupProfileUpdate(datafield) {
 
   useEffect(() => {
     if (!datafield) return;
-
-    const expanded = expand(datafield);
     let active = true;
 
     (async () => {
       try {
         // 1) fetch details
-        const details = await matchingEngineManager.fetchDetailsForDatafield(expanded);
+        const details = await matchingEngineManager.fetchDetailsForDatafield(datafield);
         if (!active) return;
         setDatafieldDetails(details);
 

src/ui/screens/profile-screen/hooks/useUpdateDatafield.js

@@ -15,11 +15,9 @@ export default function useUpdateDatafield(datafield, datafieldDetails, setOpen)
   const handleUpdateClick = useCallback(
     async (value) => {
       if (!datafield) return;
-      console.log('Updating datafield:', datafield, 'with value:', value);
       try {
-        const shrunkValue = shrink(value);
-        await validateValue(shrunkValue);
-        await addProfileData(shrunkValue);
+        await validateValue(value);
+        await addProfileData(value);
         setOpen(false);
       } catch (err) {
         console.error('Error handling update click:', err);

src/ui/screens/question-pages/components/input-types/ProfileInputMultiSelection.js

@@ -1,7 +1,6 @@
 import React, { useMemo } from 'react';
 import { Checkbox, FormControlLabel, FormGroup, FormLabel, Typography } from '@mui/material';
 import useTranslation from "@/ui/language/useTranslation";
-import { expand } from "@foerderfunke/sem-ops-utils";
 
 const ProfileInputMultiSelection = ({
     value,
@@ -33,32 +32,16 @@ const ProfileInputMultiSelection = ({
         return map;
     }, [answerOptions, optionsFormat]);
 
-    const normalizedValue = useMemo(() => {
-        if (!Array.isArray(value)) return [];
-        if (optionsFormat === "flat") {
-            return value.map((v) => expand(v));
-        }
-        return value;
-    }, [value, optionsFormat]);
-
     const handleChange = (event) => {
         const selectedValue = event.target.name;
         const isChecked = event.target.checked;
 
         if (isChecked) {
-            setValue((prevValue = []) => {
-                const toStore = optionsFormat === "flat" ? expand(selectedValue) : selectedValue;
-                if (prevValue.includes(toStore)) return prevValue;
-                return [...prevValue, toStore];
+            setValue((prevValue) => {
+                return prevValue ? [...prevValue, selectedValue] : [selectedValue];
             });
         } else {
-            setValue((prevValue = []) => {
-                const expandedToRemove = optionsFormat === "flat" ? expand(selectedValue) : selectedValue;
-                // remove both the expanded and the raw form to be safe
-                return prevValue.filter(
-                    (item) => item !== expandedToRemove && item !== selectedValue
-                );
-            });
+            setValue(value.filter((item) => item !== selectedValue));
         }
     };
 
@@ -72,7 +55,7 @@ const ProfileInputMultiSelection = ({
                         sx={{ mb: 2 }}
                         control={
                             <Checkbox
-                                checked={normalizedValue.includes(key)}
+                                checked={value.includes(key)}
                                 onChange={handleChange}
                                 name={key}
                             />