OpenStackweb · santipalenque · Jul 31, 2026 · Aug 3, 2026
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "openstack-uicore-foundation",
-    "version": "5.0.44",
+    "version": "5.0.48-beta.0",
     "description": "ui reactjs components for openstack marketing site",
     "main": "lib/openstack-uicore-foundation.js",
     "scripts": {

diff --git a/src/components/index.js b/src/components/index.js
@@ -68,7 +68,7 @@ export {default as MuiMenuButton} from './mui/menu-button'
 export {default as MuiSearchInput} from './mui/search-input'
 export {default as MuiShowConfirmDialog} from './mui/showConfirmDialog'
 export {default as MuiSponsorAddonSelect} from './mui/sponsor-addon-select'
-export {default as MuiSummitAddonSelect} from './mui/summit-addon-select'
+export {default as AddonTypeSelect} from './mui/addon-type-select'
 export {default as MuiSummitsDropdown} from './mui/summits-dropdown'
 export {default as MuiFormItemTable, getCurrentApplicableRate, isItemAvailable, GlobalQuantityField, ItemTableField, UnderlyingAlertNote, ExpandedRowContent} from './mui/FormItemTable'
 export {default as MuiItemSettingsModal} from './mui/ItemSettingsModal'
@@ -96,7 +96,7 @@ export {default as MuiFormikRadioGroup} from './mui/formik-inputs/mui-formik-rad
 export {default as MuiFormikSelectGroup} from './mui/formik-inputs/mui-formik-select-group'
 export {default as MuiFormikSelect} from './mui/formik-inputs/mui-formik-select'
 export {default as MuiFormikSelectV2} from './mui/formik-inputs/mui-formik-select-v2'
-export {default as MuiFormikSummitAddonSelect} from './mui/formik-inputs/mui-formik-summit-addon-select'
+export {default as MuiFormikAddonTypeSelect} from './mui/formik-inputs/mui-formik-addon-type-select'
 export {default as MuiFormikSwitch} from './mui/formik-inputs/mui-formik-switch'
 export {default as MuiFormikTextField} from './mui/formik-inputs/mui-formik-textfield'
 export {default as MuiFormikTextEditor} from './mui/formik-inputs/mui-formik-text-editor'

diff --git a/...mui/__tests__/summit-addon-select.test.js → ...s/mui/__tests__/addon-type-select.test.js b/...mui/__tests__/summit-addon-select.test.js → ...s/mui/__tests__/addon-type-select.test.js
@@ -13,16 +13,19 @@
 
 jest.mock("../../../utils/query-actions", () => ({
   querySummitAddons: jest.fn((summitId, callback) => {
-    callback(["Addon Alpha", "Addon Beta"]);
+    callback([
+      { id: 1, name: "Addon Alpha" },
+      { id: 2, name: "Addon Beta" }
+    ]);
   })
 }));
 
 import React from "react";
 import { render, screen, waitFor } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import SummitAddonSelect from "../summit-addon-select";
+import AddonTypeSelect from "../addon-type-select";
 
-describe("SummitAddonSelect", () => {
+describe("AddonTypeSelect", () => {
   const defaultProps = {
     value: "",
     summitId: 5,
@@ -33,12 +36,12 @@ describe("SummitAddonSelect", () => {
   beforeEach(() => jest.clearAllMocks());
 
   test("renders a select combobox", () => {
-    const { container } = render(<SummitAddonSelect {...defaultProps} />);
+    const { container } = render(<AddonTypeSelect {...defaultProps} />);
     expect(container.querySelector("[role='combobox']")).toBeInTheDocument();
   });
 
   test("calls querySummitAddons on mount with summitId", async () => {
-    render(<SummitAddonSelect {...defaultProps} />);
+    render(<AddonTypeSelect {...defaultProps} />);
     await waitFor(() => {
       expect(
         require("../../../utils/query-actions").querySummitAddons
@@ -47,7 +50,7 @@ describe("SummitAddonSelect", () => {
   });
 
   test("renders options returned by querySummitAddons", async () => {
-    render(<SummitAddonSelect {...defaultProps} />);
+    render(<AddonTypeSelect {...defaultProps} />);
     // Options are rendered inside the Select's listbox - click to open
     // Just verify the component renders without errors after options load
     await waitFor(() => {

diff --git a/...__/mui-formik-summit-addon-select.test.js → ...ts__/mui-formik-addon-type-select.test.js b/...__/mui-formik-summit-addon-select.test.js → ...ts__/mui-formik-addon-type-select.test.js
@@ -11,13 +11,13 @@
  * limitations under the License.
  * */
 
-jest.mock("../summit-addon-select", () => {
+jest.mock("../addon-type-select", () => {
   const React = require("react");
   return {
     __esModule: true,
     default: ({ value, placeholder, inputProps }) => (
       <div
-        data-testid="summit-addon-select"
+        data-testid="addon-type-select"
         data-value={value}
         data-placeholder={placeholder}
         data-error={inputProps?.error ? "true" : "false"}
@@ -32,24 +32,24 @@ import React from "react";
 import { render, screen } from "@testing-library/react";
 import { Formik, Form } from "formik";
 import "@testing-library/jest-dom";
-import MuiFormikSummitAddonSelect from "../formik-inputs/mui-formik-summit-addon-select";
+import MuiFormikAddonTypeSelect from "../formik-inputs/mui-formik-addon-type-select";
 
 const renderWithFormik = (props, initialValues = { addon: "" }) =>
   render(
     <Formik initialValues={initialValues} onSubmit={jest.fn()}>
       <Form>
-        <MuiFormikSummitAddonSelect name="addon" summitId={1} {...props} />
+        <MuiFormikAddonTypeSelect name="addon" summitId={1} {...props} />
       </Form>
     </Formik>
   );
 
-describe("MuiFormikSummitAddonSelect", () => {
-  test("renders the SummitAddonSelect", () => {
+describe("MuiFormikAddonTypeSelect", () => {
+  test("renders the AddonTypeSelect", () => {
     renderWithFormik({});
-    expect(screen.getByTestId("summit-addon-select")).toBeInTheDocument();
+    expect(screen.getByTestId("addon-type-select")).toBeInTheDocument();
   });
 
-  test("passes placeholder to SummitAddonSelect", () => {
+  test("passes placeholder to AddonTypeSelect", () => {
     renderWithFormik({ placeholder: "Choose addon" });
     expect(screen.getByText("Choose addon")).toBeInTheDocument();
   });
@@ -63,19 +63,19 @@ describe("MuiFormikSummitAddonSelect", () => {
         onSubmit={jest.fn()}
       >
         <Form>
-          <MuiFormikSummitAddonSelect name="addon" summitId={1} />
+          <MuiFormikAddonTypeSelect name="addon" summitId={1} />
         </Form>
       </Formik>
     );
-    expect(screen.getByTestId("summit-addon-select")).toHaveAttribute(
+    expect(screen.getByTestId("addon-type-select")).toHaveAttribute(
       "data-error",
       "true"
     );
   });
 
   test("passes false error when not touched", () => {
     renderWithFormik({});
-    expect(screen.getByTestId("summit-addon-select")).toHaveAttribute(
+    expect(screen.getByTestId("addon-type-select")).toHaveAttribute(
       "data-error",
       "false"
     );

diff --git a/src/components/mui/summit-addon-select.js → src/components/mui/addon-type-select.js b/src/components/mui/summit-addon-select.js → src/components/mui/addon-type-select.js
@@ -16,7 +16,7 @@ import { MenuItem, Select } from "@mui/material";
 import PropTypes from "prop-types";
 import { querySummitAddons } from "../../utils/query-actions";
 
-const SummitAddonSelect = ({
+const AddonTypeSelect = ({
   value,
   summitId,
   placeholder = "Select...",
@@ -28,8 +28,8 @@ const SummitAddonSelect = ({
   useEffect(() => {
     querySummitAddons(summitId, (results) => {
       const normalized = results.map((r) => ({
-        value: r,
-        label: r
+        value: r.name,
+        label: r.name
       }));
       setOptions(normalized);
     });
@@ -64,11 +64,11 @@ const SummitAddonSelect = ({
   );
 };
 
-SummitAddonSelect.propTypes = {
+AddonTypeSelect.propTypes = {
   value: PropTypes.string,
   summitId: PropTypes.number.isRequired,
   placeholder: PropTypes.string,
   onChange: PropTypes.func.isRequired
 };
 
-export default SummitAddonSelect;
+export default AddonTypeSelect;
diff --git a/...-inputs/mui-formik-summit-addon-select.js → ...ik-inputs/mui-formik-addon-type-select.js b/...-inputs/mui-formik-summit-addon-select.js → ...ik-inputs/mui-formik-addon-type-select.js
@@ -14,9 +14,9 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { useField } from "formik";
-import SummitAddonSelect from "../summit-addon-select";
+import AddonTypeSelect from "../addon-type-select";
 
-const MuiFormikSummitAddonSelect = ({
+const MuiFormikAddonTypeSelect = ({
   name,
   summitId,
   placeholder = "Select...",
@@ -25,7 +25,7 @@ const MuiFormikSummitAddonSelect = ({
   const [field, meta, helpers] = useField(name);
 
   return (
-    <SummitAddonSelect
+    <AddonTypeSelect
       value={field.value || ""}
       summitId={summitId}
       onChange={helpers.setValue}
@@ -39,11 +39,11 @@ const MuiFormikSummitAddonSelect = ({
   );
 };
 
-MuiFormikSummitAddonSelect.propTypes = {
+MuiFormikAddonTypeSelect.propTypes = {
   name: PropTypes.string.isRequired,
   summitId: PropTypes.number.isRequired,
   placeholder: PropTypes.string,
   inputProps: PropTypes.object
 };
 
-export default MuiFormikSummitAddonSelect;
+export default MuiFormikAddonTypeSelect;
diff --git a/src/utils/query-actions.js b/src/utils/query-actions.js
@@ -635,7 +635,7 @@ export const querySummitAddons = async (
     callback
 ) => {
     const endpoint = URI(
-        `/api/v1/summits/${summitId}/add-ons/metadata`
+        `/api/v1/summits/all/add-on-types`
     );
     endpoint.addQuery("page", 1);
     endpoint.addQuery("per_page", MAX_PER_PAGE);

diff --git a/webpack.common.js b/webpack.common.js
@@ -97,7 +97,7 @@ module.exports = {
         'components/mui/search-input': './src/components/mui/search-input.js',
         'components/mui/show-confirm-dialog': './src/components/mui/showConfirmDialog.js',
         'components/mui/sponsor-addon-select': './src/components/mui/sponsor-addon-select.js',
-        'components/mui/summit-addon-select': './src/components/mui/summit-addon-select.js',
+        'components/mui/addon-type-select': './src/components/mui/addon-type-select.js',
         'components/mui/summits-dropdown': './src/components/mui/summits-dropdown.js',
         'components/mui/form-item-table': './src/components/mui/FormItemTable/index.js',
         'components/mui/item-settings-modal': './src/components/mui/ItemSettingsModal/index.js',
@@ -126,7 +126,7 @@ module.exports = {
         'components/mui/formik-inputs/select-group': './src/components/mui/formik-inputs/mui-formik-select-group.js',
         'components/mui/formik-inputs/select': './src/components/mui/formik-inputs/mui-formik-select.js',
         'components/mui/formik-inputs/select-v2': './src/components/mui/formik-inputs/mui-formik-select-v2.js',
-        'components/mui/formik-inputs/summit-addon-select': './src/components/mui/formik-inputs/mui-formik-summit-addon-select.js',
+        'components/mui/formik-inputs/addon-type-select': './src/components/mui/formik-inputs/mui-formik-addon-type-select.js',
         'components/mui/formik-inputs/switch': './src/components/mui/formik-inputs/mui-formik-switch.js',
         'components/mui/formik-inputs/textfield': './src/components/mui/formik-inputs/mui-formik-textfield.js',
         'components/mui/formik-inputs/texteditor': './src/components/mui/formik-inputs/mui-formik-text-editor.js',