+ );
+};
+
+CfpSettingsTab.propTypes = {
+ hidden: PropTypes.bool.isRequired,
+ currentSummit: PropTypes.shape({
+ slug: PropTypes.string
+ }).isRequired
+};
+
+export default CfpSettingsTab;
diff --git a/src/components/forms/selection-plan-form/email-templates-tab.js b/src/components/forms/selection-plan-form/email-templates-tab.js
new file mode 100644
index 000000000..c822f0bbe
--- /dev/null
+++ b/src/components/forms/selection-plan-form/email-templates-tab.js
@@ -0,0 +1,95 @@
+/**
+ * Copyright 2017 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext } from "formik";
+import Box from "@mui/material/Box";
+import Grid2 from "@mui/material/Grid2";
+import EmailTemplateInput from "../../inputs/email-template-input";
+
+const EmailTemplatesTab = ({ hidden }) => {
+ const { values, setFieldValue } = useFormikContext();
+
+ const handleChange = (ev) => setFieldValue(ev.target.id, ev.target.value);
+
+ return (
+
+ );
+};
+
+EmailTemplatesTab.propTypes = {
+ hidden: PropTypes.bool.isRequired
+};
+
+export default EmailTemplatesTab;
diff --git a/src/components/forms/selection-plan-form/event-types-tab.js b/src/components/forms/selection-plan-form/event-types-tab.js
new file mode 100644
index 000000000..5552d0412
--- /dev/null
+++ b/src/components/forms/selection-plan-form/event-types-tab.js
@@ -0,0 +1,116 @@
+/**
+ * Copyright 2017 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext } from "formik";
+import { queryEventTypes } from "openstack-uicore-foundation/lib/utils/query-actions";
+import Table from "openstack-uicore-foundation/lib/components/mui/table";
+import Autocomplete from "@mui/material/Autocomplete";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import TextField from "@mui/material/TextField";
+import { PresentationTypeClassName } from "../../../utils/constants";
+
+function renderEventTypeInput(params) {
+ const placeholder = T.translate(
+ "edit_selection_plan.placeholders.event_type_search"
+ );
+ // eslint-disable-next-line react/jsx-props-no-spreading
+ return ;
+}
+
+const eventTypesColumns = [
+ { columnKey: "name", header: T.translate("edit_selection_plan.name") }
+];
+
+const EventTypesTab = ({
+ hidden,
+ currentSummit,
+ onAddEventType,
+ onDeleteEventType
+}) => {
+ const { values } = useFormikContext();
+ const [selection, setSelection] = useState(null);
+ const [searchOptions, setSearchOptions] = useState([]);
+
+ const handleAdd = () => {
+ onAddEventType(values.id, selection);
+ setSelection(null);
+ setSearchOptions([]);
+ };
+
+ return (
+
+ );
+};
+
+ExtraQuestionsTab.propTypes = {
+ hidden: PropTypes.bool.isRequired,
+ currentSummit: PropTypes.shape({ id: PropTypes.number.isRequired })
+ .isRequired,
+ extraQuestionsOrder: PropTypes.string.isRequired,
+ extraQuestionsOrderDir: PropTypes.number.isRequired,
+ onEditExtraQuestion: PropTypes.func.isRequired,
+ onDeleteExtraQuestion: PropTypes.func.isRequired,
+ onAddNewExtraQuestion: PropTypes.func.isRequired,
+ onAssignExtraQuestion2SelectionPlan: PropTypes.func.isRequired,
+ updateExtraQuestionOrder: PropTypes.func.isRequired
+};
+
+export default ExtraQuestionsTab;
diff --git a/src/components/forms/selection-plan-form/main-tab.js b/src/components/forms/selection-plan-form/main-tab.js
new file mode 100644
index 000000000..f87df7bc2
--- /dev/null
+++ b/src/components/forms/selection-plan-form/main-tab.js
@@ -0,0 +1,221 @@
+/**
+ * Copyright 2017 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext } from "formik";
+import TextEditorV3 from "openstack-uicore-foundation/lib/components/inputs/editor-input-v3";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Grid2 from "@mui/material/Grid2";
+import TextField from "@mui/material/TextField";
+import MuiFormikDatetimepicker from "../../mui/formik-inputs/mui-formik-datetimepicker";
+
+const MainTab = ({ hidden, currentSummit }) => {
+ const { values, errors, setFieldValue } = useFormikContext();
+
+ const hasErrors = (field) => errors[field] ?? "";
+
+ const handleChange = (ev) => {
+ const value =
+ ev.target.type === "checkbox" ? ev.target.checked : ev.target.value;
+ setFieldValue(ev.target.id, value);
+ };
+
+ return (
+
+ );
+};
+
+MainTab.propTypes = {
+ hidden: PropTypes.bool.isRequired,
+ currentSummit: PropTypes.shape({
+ time_zone_id: PropTypes.string.isRequired
+ }).isRequired
+};
+
+export default MainTab;
diff --git a/src/components/forms/selection-plan-form/presentation-action-types-tab.js b/src/components/forms/selection-plan-form/presentation-action-types-tab.js
new file mode 100644
index 000000000..9358ee35e
--- /dev/null
+++ b/src/components/forms/selection-plan-form/presentation-action-types-tab.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright 2017 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext } from "formik";
+import SortableTable from "openstack-uicore-foundation/lib/components/mui/sortable-table";
+import Box from "@mui/material/Box";
+import Grid2 from "@mui/material/Grid2";
+import Many2ManyDropDown from "../../inputs/many-2-many-dropdown";
+import { querySummitProgressFlags } from "../../../actions/track-chair-actions";
+
+const actionTypesColumns = [
+ { columnKey: "label", header: T.translate("progress_flags.label") }
+];
+
+const PresentationActionTypesTab = ({
+ hidden,
+ currentSummit,
+ actionTypesOrder,
+ actionTypesOrderDir,
+ onAssignProgressFlag2SelectionPlan,
+ onUnassignProgressFlag,
+ onUpdateProgressFlagOrder
+}) => {
+ const { values } = useFormikContext();
+
+ const fetchOptions = (input, callback) => {
+ if (!input) return Promise.resolve({ options: [] });
+ return querySummitProgressFlags(currentSummit.id, input, callback);
+ };
+
+ const handleLink = (progressFlag) => {
+ onAssignProgressFlag2SelectionPlan(
+ currentSummit.id,
+ values.id,
+ progressFlag.id
+ );
+ };
+
+ return (
+
+ );
+};
+
+PresentationActionTypesTab.propTypes = {
+ hidden: PropTypes.bool.isRequired,
+ currentSummit: PropTypes.shape({ id: PropTypes.number.isRequired })
+ .isRequired,
+ actionTypesOrder: PropTypes.string.isRequired,
+ actionTypesOrderDir: PropTypes.number.isRequired,
+ onAssignProgressFlag2SelectionPlan: PropTypes.func.isRequired,
+ onUnassignProgressFlag: PropTypes.func.isRequired,
+ onUpdateProgressFlagOrder: PropTypes.func.isRequired
+};
+
+export default PresentationActionTypesTab;
diff --git a/src/components/forms/selection-plan-form/track-chair-settings-tab.js b/src/components/forms/selection-plan-form/track-chair-settings-tab.js
new file mode 100644
index 000000000..9c4b492b7
--- /dev/null
+++ b/src/components/forms/selection-plan-form/track-chair-settings-tab.js
@@ -0,0 +1,82 @@
+/**
+ * Copyright 2017 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext } from "formik";
+import SortableTable from "openstack-uicore-foundation/lib/components/mui/sortable-table";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+
+const ratingTypesColumns = [
+ { columnKey: "name", header: T.translate("rating_type_list.name") },
+ { columnKey: "weight", header: T.translate("rating_type_list.weight") }
+];
+
+const TrackChairSettingsTab = ({
+ hidden,
+ onAddRatingType,
+ onEditRatingType,
+ onDeleteRatingType,
+ onUpdateRatingTypeOrder
+}) => {
+ const { values, setFieldValue } = useFormikContext();
+
+ const handleChange = (ev) => setFieldValue(ev.target.id, ev.target.checked);
+
+ return (
+