feat: refactor extended profile fields implementation and remove unused components

Author: bra-i-am

src/plugin-slots/ExtendedProfileFieldsSlot/index.jsx

@@ -1,13 +1,31 @@
 import { PluginSlot } from '@openedx/frontend-plugin-framework';
-import ExtendedProfileFields from '../../profile/extended-profile';
-
-const ExtendedProfileFieldsSlot = () => (
-  <PluginSlot
-    id="org.openedx.frontend.profile.extended_profile_fields.v1"
-    idAliases={['extended_profile_fields_plugin']}
-  >
-    <ExtendedProfileFields />
-  </PluginSlot>
-);
+import { useDispatch, useSelector } from 'react-redux';
+
+import { patchProfile } from '../../profile/data/services';
+import { fetchProfile } from '../../profile/data/actions';
+
+import SwitchContent from '../../profile/forms/elements/SwitchContent';
+import EmptyContent from '../../profile/forms/elements/EmptyContent';
+import EditableItemHeader from '../../profile/forms/elements/EditableItemHeader';
+
+const ExtendedProfileFieldsSlot = () => {
+  const dispatch = useDispatch();
+  const extendedProfileValues = useSelector((state) => state.profilePage.account.extendedProfile);
+
+  return (
+    <PluginSlot
+      id="org.openedx.frontend.profile.extended_profile_fields.v1"
+      idAliases={['extended_profile_fields_slot']}
+      pluginProps={{
+        fetchProfile: (username) => dispatch(fetchProfile(username)),
+        patchProfile,
+        extendedProfileValues,
+        SwitchContent,
+        EmptyContent,
+        EditableItemHeader,
+      }}
+    />
+  );
+};
 
 export default ExtendedProfileFieldsSlot;