From 8083abd46c66c7a3a039de11b1d6bb3e45747def Mon Sep 17 00:00:00 2001
From: Santi <santipalenque@gmail.com>
Date: Fri, 27 Feb 2026 12:08:48 -0300
Subject: [PATCH 1/6] adding header

Added licensing information and copyright notice to the file.

Signed-off-by: Santi <santipalenque@gmail.com>
---
 .../add-sponsor-page-template-popup/index.js        | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/sponsors/sponsor-pages-tab/components/add-sponsor-page-template-popup/index.js b/src/pages/sponsors/sponsor-pages-tab/components/add-sponsor-page-template-popup/index.js
index f9ac1046a..80ae664f6 100644
--- a/src/pages/sponsors/sponsor-pages-tab/components/add-sponsor-page-template-popup/index.js
+++ b/src/pages/sponsors/sponsor-pages-tab/components/add-sponsor-page-template-popup/index.js
@@ -1,3 +1,16 @@
+/**
+ * Copyright 2026 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, { useEffect, useState } from "react";
 import T from "i18n-react/dist/i18n-react";
 import { connect } from "react-redux";

From 12d4de153bdb229df793b525fc3102f3b2566d83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1s=20Castillo?= <tcastilloboireau@gmail.com>
Date: Thu, 26 Feb 2026 15:20:23 -0300
Subject: [PATCH 2/6] feat: wip add sponsor custom page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
---
 src/actions/sponsor-pages-actions.js          | 34 ++++++++++-
 src/components/mui/dropdown-checkbox.js       |  2 +-
 .../page-template-popup/index.js              | 37 ++++++++----
 src/pages/sponsors/sponsor-pages-tab/index.js | 58 ++++++++++++++++---
 .../sponsor-page-pages-list-reducer.js        | 35 +++++++++++
 src/utils/constants.js                        |  4 ++
 6 files changed, 148 insertions(+), 22 deletions(-)

diff --git a/src/actions/sponsor-pages-actions.js b/src/actions/sponsor-pages-actions.js
index 13667ace3..2d79416e3 100644
--- a/src/actions/sponsor-pages-actions.js
+++ b/src/actions/sponsor-pages-actions.js
@@ -39,6 +39,7 @@ export const REQUEST_SPONSOR_CUSTOMIZED_PAGES =
   "REQUEST_SPONSOR_CUSTOMIZED_PAGES";
 export const RECEIVE_SPONSOR_CUSTOMIZED_PAGES =
   "RECEIVE_SPONSOR_CUSTOMIZED_PAGES";
+export const SPONSOR_CUSTOMIZED_PAGE_ADDED = "SPONSOR_CUSTOMIZED_PAGE_ADDED";
 
 export const cloneGlobalPage =
   (pagesIds, sponsorIds, allSponsors) => async (dispatch, getState) => {
@@ -151,7 +152,7 @@ export const saveSponsorManagedPage =
 
     dispatch(startLoading());
 
-    const normalizedEntity = normalizeSponsorManagedPage(entity);
+    const normalizedEntity = normalizeSponsorPage(entity);
 
     const params = {
       access_token: accessToken,
@@ -169,7 +170,7 @@ export const saveSponsorManagedPage =
     });
   };
 
-const normalizeSponsorManagedPage = (entity) => {
+const normalizeSponsorPage = (entity) => {
   const normalizedEntity = {
     show_page_ids: entity.pages,
     allowed_add_ons: entity.add_ons.map((a) => a.id),
@@ -242,3 +243,32 @@ export const getSponsorCustomizedPages =
       dispatch(stopLoading());
     });
   };
+
+export const saveSponsorCustomizedPage =
+  (entity) => async (dispatch, getState) => {
+    const { currentSummitState, currentSponsorState } = getState();
+    const { currentSummit } = currentSummitState;
+    const {
+      entity: { id: sponsorId }
+    } = currentSponsorState;
+    const accessToken = await getAccessTokenSafely();
+
+    dispatch(startLoading());
+
+    const normalizedEntity = normalizeSponsorPage(entity);
+
+    const params = {
+      access_token: accessToken,
+      fields: "id,code,name,kind,modules_count,allowed_add_ons"
+    };
+
+    return postRequest(
+      null,
+      createAction(SPONSOR_CUSTOMIZED_PAGE_ADDED),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages`,
+      normalizedEntity,
+      snackbarErrorHandler
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
diff --git a/src/components/mui/dropdown-checkbox.js b/src/components/mui/dropdown-checkbox.js
index 00b6ff461..2f7fdc1ae 100644
--- a/src/components/mui/dropdown-checkbox.js
+++ b/src/components/mui/dropdown-checkbox.js
@@ -38,7 +38,7 @@ const DropdownCheckbox = ({
   };
 
   return (
-    <FormControl fullWidth>
+    <FormControl fullWidth margin="normal">
       <InputLabel id={`${name}_label`}>{label}</InputLabel>
       <Select
         labelId={`${name}_label`}
diff --git a/src/pages/sponsors-global/page-templates/page-template-popup/index.js b/src/pages/sponsors-global/page-templates/page-template-popup/index.js
index 03ead12d5..cbaefd710 100644
--- a/src/pages/sponsors-global/page-templates/page-template-popup/index.js
+++ b/src/pages/sponsors-global/page-templates/page-template-popup/index.js
@@ -1,6 +1,5 @@
 import React from "react";
 import T from "i18n-react/dist/i18n-react";
-import { connect } from "react-redux";
 import PropTypes from "prop-types";
 import {
   Box,
@@ -23,9 +22,12 @@ import MuiFormikTextField from "../../../../components/mui/formik-inputs/mui-for
 import PageModules from "./page-template-modules-form";
 import {
   BYTES_PER_MB,
+  COLUMN_4,
+  COLUMN_8,
   PAGES_MODULE_KINDS,
   PAGE_MODULES_MEDIA_TYPES
 } from "../../../../utils/constants";
+import DropdownCheckbox from "../../../../components/mui/dropdown-checkbox";
 
 const normalizeModules = (modules = [], summitTZ = "UTC") =>
   modules.map((m) => {
@@ -50,11 +52,14 @@ const normalizeModules = (modules = [], summitTZ = "UTC") =>
 
 const PageTemplatePopup = ({
   pageTemplate,
-  open,
   onClose,
   onSave,
-  summitTZ
+  summitTZ,
+  sponsorships
 }) => {
+  const showSponsorships =
+    Array.isArray(sponsorships) && sponsorships.length > 0;
+
   const handleClose = () => {
     onClose();
   };
@@ -171,7 +176,7 @@ const PageTemplatePopup = ({
   });
 
   return (
-    <Dialog open={open} onClose={handleClose} maxWidth="md" fullWidth>
+    <Dialog open onClose={handleClose} maxWidth="md" fullWidth>
       <DialogTitle sx={{ display: "flex", justifyContent: "space-between" }}>
         <Typography fontSize="1.5rem">
           {T.translate("page_template_list.page_crud.title")}
@@ -197,13 +202,25 @@ const PageTemplatePopup = ({
                   fullWidth
                 />
               </Grid2>
-              <Grid2 spacing={2} size={8}>
+              <Grid2 spacing={2} size={showSponsorships ? COLUMN_4 : COLUMN_8}>
                 <MuiFormikTextField
                   name="name"
                   label={T.translate("page_template_list.name")}
                   fullWidth
                 />
               </Grid2>
+              {showSponsorships && (
+                <Grid2 spacing={2} size={4}>
+                  <DropdownCheckbox
+                    name="sponsorship_types"
+                    label={T.translate("page_template_list.sponsorship")}
+                    allLabel={T.translate("page_template_list.all_tiers")}
+                    value={formik.values.sponsorship_types}
+                    options={sponsorships}
+                    onChange={formik.handleChange}
+                  />
+                </Grid2>
+              )}
             </Grid2>
             <Divider gutterBottom />
             <Grid2 container spacing={2} size={12} sx={{ p: 2 }}>
@@ -256,14 +273,10 @@ const PageTemplatePopup = ({
 };
 
 PageTemplatePopup.propTypes = {
-  open: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
   onSave: PropTypes.func.isRequired,
-  summitTZ: PropTypes.string.isRequired
+  summitTZ: PropTypes.string,
+  sponsorships: PropTypes.array
 };
 
-const mapStateToProps = ({ currentPageTemplateState }) => ({
-  ...currentPageTemplateState
-});
-
-export default connect(mapStateToProps, {})(PageTemplatePopup);
+export default PageTemplatePopup;
diff --git a/src/pages/sponsors/sponsor-pages-tab/index.js b/src/pages/sponsors/sponsor-pages-tab/index.js
index 5ca762e97..3a27ab286 100644
--- a/src/pages/sponsors/sponsor-pages-tab/index.js
+++ b/src/pages/sponsors/sponsor-pages-tab/index.js
@@ -26,13 +26,16 @@ import AddIcon from "@mui/icons-material/Add";
 import {
   getSponsorManagedPages,
   getSponsorCustomizedPages,
-  saveSponsorManagedPage
+  saveSponsorManagedPage,
+  saveSponsorCustomizedPage
 } from "../../../actions/sponsor-pages-actions";
+import { getSponsorships } from "../../../actions/sponsor-forms-actions";
 import CustomAlert from "../../../components/mui/custom-alert";
 import SearchInput from "../../../components/mui/search-input";
 import MuiTable from "../../../components/mui/table/mui-table";
-import { DEFAULT_CURRENT_PAGE } from "../../../utils/constants";
+import { DEFAULT_CURRENT_PAGE, MAX_PER_PAGE } from "../../../utils/constants";
 import AddSponsorPageTemplatePopup from "./components/add-sponsor-page-template-popup";
+import PageTemplatePopup from "../../sponsors-global/page-templates/page-template-popup";
 
 const SponsorPagesTab = ({
   sponsor,
@@ -41,9 +44,13 @@ const SponsorPagesTab = ({
   hideArchived,
   managedPages,
   customizedPages,
+  summitTZ,
+  sponsorships,
   getSponsorManagedPages,
+  saveSponsorManagedPage,
   getSponsorCustomizedPages,
-  saveSponsorManagedPage
+  saveSponsorCustomizedPage,
+  getSponsorships
 }) => {
   const [openPopup, setOpenPopup] = useState(null);
 
@@ -151,6 +158,10 @@ const SponsorPagesTab = ({
     setOpenPopup("template");
   };
 
+  const handleAddPage = () => {
+    getSponsorships(1, MAX_PER_PAGE).then(() => setOpenPopup("new"));
+  };
+
   const handleArchiveCustomizedPage = (item) =>
     console.log("ARCHIVE CUSTOMIZED ", item);
 
@@ -194,8 +205,30 @@ const SponsorPagesTab = ({
 
   const handleSaveManagedPageFromTemplate = (entity) => {
     saveSponsorManagedPage(entity)
-      .then(() => getSponsorManagedPages())
-      .finally(() => setOpenPopup(null));
+      .then(() => {
+        const { perPage, order, orderDir } = managedPages;
+        getSponsorManagedPages(
+          term,
+          DEFAULT_CURRENT_PAGE,
+          perPage,
+          order,
+          orderDir
+        );
+      }).finally(() => setOpenPopup(null));
+  };
+
+  const handleSaveCustomizedPage = (entity) => {
+    saveSponsorCustomizedPage(entity)
+      .then(() => {
+        const { perPage, order, orderDir } = customizedPages;
+        getSponsorCustomizedPages(
+          term,
+          DEFAULT_CURRENT_PAGE,
+          perPage,
+          order,
+          orderDir
+        );
+      }).finally(() => setOpenPopup(null));;
   };
 
   const baseColumns = (name) => [
@@ -305,7 +338,7 @@ const SponsorPagesTab = ({
             variant="contained"
             size="medium"
             fullWidth
-            onClick={() => console.log("open popup new")}
+            onClick={handleAddPage}
             startIcon={<AddIcon />}
             sx={{ height: "36px" }}
           >
@@ -362,6 +395,15 @@ const SponsorPagesTab = ({
           onClose={() => setOpenPopup(null)}
         />
       )}
+
+      {openPopup === "new" && (
+        <PageTemplatePopup
+          onSave={handleSaveCustomizedPage}
+          onClose={() => setOpenPopup(null)}
+          sponsorships={sponsorships.items}
+          summitTZ={summitTZ}
+        />
+      )}
     </Box>
   );
 };
@@ -373,5 +415,7 @@ const mapStateToProps = ({ sponsorPagePagesListState }) => ({
 export default connect(mapStateToProps, {
   getSponsorManagedPages,
   saveSponsorManagedPage,
-  getSponsorCustomizedPages
+  getSponsorCustomizedPages,
+  saveSponsorCustomizedPage,
+  getSponsorships
 })(SponsorPagesTab);
diff --git a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
index d66631d71..f11666c7c 100644
--- a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
+++ b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
@@ -19,6 +19,7 @@ import {
   REQUEST_SPONSOR_CUSTOMIZED_PAGES
 } from "../../actions/sponsor-pages-actions";
 import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
+import { RECEIVE_GLOBAL_SPONSORSHIPS } from "../../actions/sponsor-forms-actions";
 
 const DEFAULT_STATE = {
   managedPages: {
@@ -39,6 +40,12 @@ const DEFAULT_STATE = {
     perPage: 10,
     totalItems: 0
   },
+  sponsorships: {
+    items: [],
+    currentPage: 0,
+    lastPage: 0,
+    total: 0
+  },
   term: "",
   hideArchived: false,
   summitTZ: ""
@@ -146,6 +153,34 @@ const sponsorPagePagesListReducer = (state = DEFAULT_STATE, action) => {
         }
       };
     }
+    case RECEIVE_GLOBAL_SPONSORSHIPS: {
+      const {
+        current_page: currentPage,
+        last_page: lastPage,
+        total,
+        data
+      } = payload.response;
+
+      const newSponsorships = data.map((s) => ({
+        id: s.id,
+        name: s.type.name
+      }));
+
+      const items =
+        currentPage === 1
+          ? newSponsorships
+          : [...state.sponsorships.items, ...newSponsorships];
+
+      return {
+        ...state,
+        sponsorships: {
+          items,
+          currentPage,
+          lastPage,
+          total
+        }
+      };
+    }
     default:
       return state;
   }
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 3983fbeb5..2de237a1c 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -143,6 +143,10 @@ export const TEN = 10;
 
 export const ONE_HUNDRED = 100;
 
+export const COLUMN_4 = 4;
+
+export const COLUMN_8 = 8;
+
 export const DEFAULT_Z_INDEX = 1;
 
 export const HIGH_Z_INDEX = 9999;

From 6a38db3e31936d88b8b8cf42554051b04d8433f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1s=20Castillo?= <tcastilloboireau@gmail.com>
Date: Thu, 26 Feb 2026 17:29:39 -0300
Subject: [PATCH 3/6] fix: add component for add ons on page popup, adjust
 reducer and actions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
---
 src/actions/sponsor-pages-actions.js          | 52 +++++++++++++++++--
 .../page-template-popup/index.js              | 37 +++++++++++--
 .../add-sponsor-form-template-popup/index.js  | 22 ++++----
 src/pages/sponsors/sponsor-pages-tab/index.js | 16 +++---
 .../sponsor-page-pages-list-reducer.js        | 12 +++--
 5 files changed, 110 insertions(+), 29 deletions(-)

diff --git a/src/actions/sponsor-pages-actions.js b/src/actions/sponsor-pages-actions.js
index 2d79416e3..4294758aa 100644
--- a/src/actions/sponsor-pages-actions.js
+++ b/src/actions/sponsor-pages-actions.js
@@ -21,12 +21,14 @@ import {
   escapeFilterValue
 } from "openstack-uicore-foundation/lib/utils/actions";
 import T from "i18n-react/dist/i18n-react";
+import moment from "moment-timezone";
 import { getAccessTokenSafely } from "../utils/methods";
 import { snackbarErrorHandler, snackbarSuccessHandler } from "./base-actions";
 import {
   DEFAULT_CURRENT_PAGE,
   DEFAULT_ORDER_DIR,
-  DEFAULT_PER_PAGE
+  DEFAULT_PER_PAGE,
+  PAGES_MODULE_KINDS
 } from "../utils/constants";
 
 export const GLOBAL_PAGE_CLONED = "GLOBAL_PAGE_CLONED";
@@ -152,7 +154,7 @@ export const saveSponsorManagedPage =
 
     dispatch(startLoading());
 
-    const normalizedEntity = normalizeSponsorPage(entity);
+    const normalizedEntity = normalizeSponsorManagedPage(entity);
 
     const params = {
       access_token: accessToken,
@@ -170,7 +172,7 @@ export const saveSponsorManagedPage =
     });
   };
 
-const normalizeSponsorPage = (entity) => {
+const normalizeSponsorManagedPage = (entity) => {
   const normalizedEntity = {
     show_page_ids: entity.pages,
     allowed_add_ons: entity.add_ons.map((a) => a.id),
@@ -216,7 +218,7 @@ export const getSponsorCustomizedPages =
 
     const params = {
       page,
-      fields: "id,code,name,kind,modules_count,allowed_add_ons",
+      fields: "id,code,name,allowed_add_ons,is_archived,modules",
       per_page: perPage,
       access_token: accessToken
     };
@@ -251,11 +253,12 @@ export const saveSponsorCustomizedPage =
     const {
       entity: { id: sponsorId }
     } = currentSponsorState;
+    const summitTZ = currentSummit.time_zone.name;
     const accessToken = await getAccessTokenSafely();
 
     dispatch(startLoading());
 
-    const normalizedEntity = normalizeSponsorPage(entity);
+    const normalizedEntity = normalizeSponsorCustomPage(entity, summitTZ);
 
     const params = {
       access_token: accessToken,
@@ -272,3 +275,42 @@ export const saveSponsorCustomizedPage =
       dispatch(stopLoading());
     });
   };
+
+const normalizeSponsorCustomPage = (entity, summitTZ) => {
+  const normalizedEntity = {
+    ...entity,
+    apply_to_all_add_ons: false
+  };
+
+  if (entity.allowed_add_ons.includes("all")) {
+    normalizedEntity.apply_to_all_add_ons = true;
+    normalizedEntity.allowed_add_ons = [];
+  } else {
+    normalizedEntity.allowed_add_ons = entity.allowed_add_ons.map((e) => e.id);
+  }
+
+  normalizedEntity.modules = entity.modules.map((module) => {
+    const normalizedModule = { ...module };
+
+    if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.upload_deadline) {
+      normalizedModule.upload_deadline = moment
+        .tz(module.upload_deadline, summitTZ)
+        .unix();
+    }
+
+    if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.file_type_id) {
+      normalizedModule.file_type_id =
+        module.file_type_id?.value || module.file_type_id;
+    }
+
+    if (module.kind === PAGES_MODULE_KINDS.DOCUMENT && module.file) {
+      normalizedModule.file = module.file[0] || null;
+    }
+
+    delete normalizedModule._tempId;
+
+    return normalizedModule;
+  });
+
+  return normalizedEntity;
+};
diff --git a/src/pages/sponsors-global/page-templates/page-template-popup/index.js b/src/pages/sponsors-global/page-templates/page-template-popup/index.js
index cbaefd710..033ed672f 100644
--- a/src/pages/sponsors-global/page-templates/page-template-popup/index.js
+++ b/src/pages/sponsors-global/page-templates/page-template-popup/index.js
@@ -28,6 +28,8 @@ import {
   PAGE_MODULES_MEDIA_TYPES
 } from "../../../../utils/constants";
 import DropdownCheckbox from "../../../../components/mui/dropdown-checkbox";
+import MuiFormikSelectGroup from "../../../../components/mui/formik-inputs/mui-formik-select-group";
+import { querySponsorAddons } from "../../../../actions/sponsor-actions";
 
 const normalizeModules = (modules = [], summitTZ = "UTC") =>
   modules.map((m) => {
@@ -55,11 +57,16 @@ const PageTemplatePopup = ({
   onClose,
   onSave,
   summitTZ,
-  sponsorships
+  sponsorships,
+  summitId,
+  sponsorId,
+  sponsorshipIds
 }) => {
   const showSponsorships =
     Array.isArray(sponsorships) && sponsorships.length > 0;
 
+  const showAllowedAddons = summitId && sponsorId && sponsorshipIds?.length > 0;
+
   const handleClose = () => {
     onClose();
   };
@@ -202,7 +209,12 @@ const PageTemplatePopup = ({
                   fullWidth
                 />
               </Grid2>
-              <Grid2 spacing={2} size={showSponsorships ? COLUMN_4 : COLUMN_8}>
+              <Grid2
+                spacing={2}
+                size={
+                  showSponsorships || showAllowedAddons ? COLUMN_4 : COLUMN_8
+                }
+              >
                 <MuiFormikTextField
                   name="name"
                   label={T.translate("page_template_list.name")}
@@ -221,6 +233,22 @@ const PageTemplatePopup = ({
                   />
                 </Grid2>
               )}
+              {showAllowedAddons && (
+                <Grid2 spacing={2} size={4} sx={{ py: 2 }}>
+                  <MuiFormikSelectGroup
+                    name="allowed_add_ons"
+                    queryFunction={querySponsorAddons}
+                    // params for function, except input
+                    queryParams={[summitId, sponsorId, sponsorshipIds]}
+                    showSelectAll
+                    getGroupId={(addon) => addon.sponsorship.type.id}
+                    getGroupLabel={(addon) => addon.sponsorship.type.type.name}
+                    placeholder={T.translate(
+                      "edit_sponsor.placeholders.select_add_ons"
+                    )}
+                  />
+                </Grid2>
+              )}
             </Grid2>
             <Divider gutterBottom />
             <Grid2 container spacing={2} size={12} sx={{ p: 2 }}>
@@ -276,7 +304,10 @@ PageTemplatePopup.propTypes = {
   onClose: PropTypes.func.isRequired,
   onSave: PropTypes.func.isRequired,
   summitTZ: PropTypes.string,
-  sponsorships: PropTypes.array
+  sponsorships: PropTypes.array,
+  sponsorshipIds: PropTypes.array,
+  summitId: PropTypes.number,
+  sponsorId: PropTypes.number
 };
 
 export default PageTemplatePopup;
diff --git a/src/pages/sponsors/sponsor-forms-tab/components/add-sponsor-form-template-popup/index.js b/src/pages/sponsors/sponsor-forms-tab/components/add-sponsor-form-template-popup/index.js
index 77d604d3e..dce024f88 100644
--- a/src/pages/sponsors/sponsor-forms-tab/components/add-sponsor-form-template-popup/index.js
+++ b/src/pages/sponsors/sponsor-forms-tab/components/add-sponsor-form-template-popup/index.js
@@ -75,18 +75,16 @@ const AddSponsorFormTemplatePopup = ({
   });
 
   useEffect(() => {
-    if (open) {
-      getSponsorForms(
-        term,
-        currentPage,
-        FIVE_PER_PAGE,
-        order,
-        orderDir,
-        false,
-        sponsorshipTypeIds
-      );
-    }
-  }, [open]);
+    getSponsorForms(
+      term,
+      currentPage,
+      FIVE_PER_PAGE,
+      order,
+      orderDir,
+      false,
+      sponsorshipTypeIds
+    );
+  }, []);
 
   const handlePageChange = (page) => {
     getSponsorForms(
diff --git a/src/pages/sponsors/sponsor-pages-tab/index.js b/src/pages/sponsors/sponsor-pages-tab/index.js
index 3a27ab286..cbd84c733 100644
--- a/src/pages/sponsors/sponsor-pages-tab/index.js
+++ b/src/pages/sponsors/sponsor-pages-tab/index.js
@@ -33,7 +33,7 @@ import { getSponsorships } from "../../../actions/sponsor-forms-actions";
 import CustomAlert from "../../../components/mui/custom-alert";
 import SearchInput from "../../../components/mui/search-input";
 import MuiTable from "../../../components/mui/table/mui-table";
-import { DEFAULT_CURRENT_PAGE, MAX_PER_PAGE } from "../../../utils/constants";
+import { DEFAULT_CURRENT_PAGE } from "../../../utils/constants";
 import AddSponsorPageTemplatePopup from "./components/add-sponsor-page-template-popup";
 import PageTemplatePopup from "../../sponsors-global/page-templates/page-template-popup";
 
@@ -45,12 +45,10 @@ const SponsorPagesTab = ({
   managedPages,
   customizedPages,
   summitTZ,
-  sponsorships,
   getSponsorManagedPages,
   saveSponsorManagedPage,
   getSponsorCustomizedPages,
-  saveSponsorCustomizedPage,
-  getSponsorships
+  saveSponsorCustomizedPage
 }) => {
   const [openPopup, setOpenPopup] = useState(null);
 
@@ -159,7 +157,7 @@ const SponsorPagesTab = ({
   };
 
   const handleAddPage = () => {
-    getSponsorships(1, MAX_PER_PAGE).then(() => setOpenPopup("new"));
+    setOpenPopup("new");
   };
 
   const handleArchiveCustomizedPage = (item) =>
@@ -275,6 +273,10 @@ const SponsorPagesTab = ({
     )
   ];
 
+  const sponsorshipIds = sponsor.sponsorships_collection.sponsorships.map(
+    (e) => e.id
+  );
+
   return (
     <Box sx={{ mt: 2 }}>
       <CustomAlert
@@ -400,7 +402,9 @@ const SponsorPagesTab = ({
         <PageTemplatePopup
           onSave={handleSaveCustomizedPage}
           onClose={() => setOpenPopup(null)}
-          sponsorships={sponsorships.items}
+          sponsorshipIds={sponsorshipIds}
+          summitId={summitId}
+          sponsorId={sponsor.id}
           summitTZ={summitTZ}
         />
       )}
diff --git a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
index f11666c7c..610967249 100644
--- a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
+++ b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
@@ -20,6 +20,7 @@ import {
 } from "../../actions/sponsor-pages-actions";
 import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
 import { RECEIVE_GLOBAL_SPONSORSHIPS } from "../../actions/sponsor-forms-actions";
+import { PAGES_MODULE_KINDS } from "../../utils/constants";
 
 const DEFAULT_STATE = {
   managedPages: {
@@ -137,9 +138,14 @@ const sponsorPagePagesListReducer = (state = DEFAULT_STATE, action) => {
         code: a.code,
         name: a.name,
         allowed_add_ons: a.allowed_add_ons,
-        info_mod: a.modules_count.info_modules_count,
-        upload_mod: a.modules_count.media_request_modules_count,
-        download_mod: a.modules_count.document_download_modules_count
+        is_archived: a.is_archived,
+        info_mod: a.modules.filter((m) => m.kind === PAGES_MODULE_KINDS.INFO)
+          .length,
+        upload_mod: a.modules.filter((m) => m.kind === PAGES_MODULE_KINDS.MEDIA)
+          .length,
+        download_mod: a.modules.filter(
+          (m) => m.kind === PAGES_MODULE_KINDS.DOCUMENT
+        ).length
       }));
 
       return {

From 17f60687c12e05a1532e694fd50a7ece61f063e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1s=20Castillo?= <tcastilloboireau@gmail.com>
Date: Fri, 27 Feb 2026 13:14:35 -0300
Subject: [PATCH 4/6] feat: add edit functionality for customized sponsor pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
---
 src/actions/sponsor-pages-actions.js          | 69 ++++++++++++++++++-
 src/components/inputs/formik-text-editor.js   | 13 ++--
 src/i18n/en.json                              |  4 +-
 src/pages/sponsors/sponsor-pages-tab/index.js | 31 ++++++---
 .../sponsor-page-pages-list-reducer.js        | 19 ++++-
 5 files changed, 115 insertions(+), 21 deletions(-)

diff --git a/src/actions/sponsor-pages-actions.js b/src/actions/sponsor-pages-actions.js
index 4294758aa..8986e10db 100644
--- a/src/actions/sponsor-pages-actions.js
+++ b/src/actions/sponsor-pages-actions.js
@@ -15,9 +15,9 @@ import {
   createAction,
   getRequest,
   postRequest,
+  putRequest,
   startLoading,
   stopLoading,
-  authErrorHandler,
   escapeFilterValue
 } from "openstack-uicore-foundation/lib/utils/actions";
 import T from "i18n-react/dist/i18n-react";
@@ -32,6 +32,7 @@ import {
 } from "../utils/constants";
 
 export const GLOBAL_PAGE_CLONED = "GLOBAL_PAGE_CLONED";
+export const RESET_EDIT_PAGE = "RESET_EDIT_PAGE";
 
 export const REQUEST_SPONSOR_MANAGED_PAGES = "REQUEST_SPONSOR_MANAGED_PAGES";
 export const RECEIVE_SPONSOR_MANAGED_PAGES = "RECEIVE_SPONSOR_MANAGED_PAGES";
@@ -41,7 +42,11 @@ export const REQUEST_SPONSOR_CUSTOMIZED_PAGES =
   "REQUEST_SPONSOR_CUSTOMIZED_PAGES";
 export const RECEIVE_SPONSOR_CUSTOMIZED_PAGES =
   "RECEIVE_SPONSOR_CUSTOMIZED_PAGES";
+export const RECEIVE_SPONSOR_CUSTOMIZED_PAGE =
+  "RECEIVE_SPONSOR_CUSTOMIZED_PAGE";
 export const SPONSOR_CUSTOMIZED_PAGE_ADDED = "SPONSOR_CUSTOMIZED_PAGE_ADDED";
+export const SPONSOR_CUSTOMIZED_PAGE_UPDATED =
+  "SPONSOR_CUSTOMIZED_PAGE_UPDATED";
 
 export const cloneGlobalPage =
   (pagesIds, sponsorIds, allSponsors) => async (dispatch, getState) => {
@@ -83,6 +88,10 @@ export const cloneGlobalPage =
       .finally(() => dispatch(stopLoading()));
   };
 
+export const resetSponsorPage = () => (dispatch) => {
+  dispatch(createAction(RESET_EDIT_PAGE)({}));
+};
+
 /* ************************************************************************ */
 /*         MANAGED PAGES       */
 /* ************************************************************************ */
@@ -136,7 +145,7 @@ export const getSponsorManagedPages =
       createAction(REQUEST_SPONSOR_MANAGED_PAGES),
       createAction(RECEIVE_SPONSOR_MANAGED_PAGES),
       `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/managed-pages`,
-      authErrorHandler,
+      snackbarErrorHandler,
       { order, orderDir, page, perPage, term, hideArchived, summitTZ }
     )(params)(dispatch).then(() => {
       dispatch(stopLoading());
@@ -239,13 +248,39 @@ export const getSponsorCustomizedPages =
       createAction(REQUEST_SPONSOR_CUSTOMIZED_PAGES),
       createAction(RECEIVE_SPONSOR_CUSTOMIZED_PAGES),
       `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages`,
-      authErrorHandler,
+      snackbarErrorHandler,
       { order, orderDir, page, perPage, term, hideArchived, summitTZ }
     )(params)(dispatch).then(() => {
       dispatch(stopLoading());
     });
   };
 
+export const getSponsorCustomizedPage =
+  (pageId) => async (dispatch, getState) => {
+    const { currentSummitState, currentSponsorState } = getState();
+    const { currentSummit } = currentSummitState;
+    const {
+      entity: { id: sponsorId }
+    } = currentSponsorState;
+    const accessToken = await getAccessTokenSafely();
+
+    dispatch(startLoading());
+
+    const params = {
+      fields: "id,code,name,allowed_add_ons,is_archived,modules",
+      access_token: accessToken
+    };
+
+    return getRequest(
+      null,
+      createAction(RECEIVE_SPONSOR_CUSTOMIZED_PAGE),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages/${pageId}`,
+      snackbarErrorHandler
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
+
 export const saveSponsorCustomizedPage =
   (entity) => async (dispatch, getState) => {
     const { currentSummitState, currentSponsorState } = getState();
@@ -265,6 +300,28 @@ export const saveSponsorCustomizedPage =
       fields: "id,code,name,kind,modules_count,allowed_add_ons"
     };
 
+    if (entity.id) {
+      return putRequest(
+        null,
+        createAction(SPONSOR_CUSTOMIZED_PAGE_UPDATED),
+        `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages/${entity.id}`,
+        normalizedEntity,
+        snackbarErrorHandler,
+        entity
+      )(params)(dispatch)
+        .then(() => {
+          dispatch(
+            snackbarSuccessHandler({
+              title: T.translate("general.success"),
+              html: T.translate("edit_sponsor.pages_tab.custom_page_saved")
+            })
+          );
+        })
+        .finally(() => {
+          dispatch(stopLoading());
+        });
+    }
+
     return postRequest(
       null,
       createAction(SPONSOR_CUSTOMIZED_PAGE_ADDED),
@@ -273,6 +330,12 @@ export const saveSponsorCustomizedPage =
       snackbarErrorHandler
     )(params)(dispatch).then(() => {
       dispatch(stopLoading());
+      dispatch(
+        snackbarSuccessHandler({
+          title: T.translate("general.success"),
+          html: T.translate("edit_sponsor.pages_tab.custom_page_created")
+        })
+      );
     });
   };
 
diff --git a/src/components/inputs/formik-text-editor.js b/src/components/inputs/formik-text-editor.js
index 0e2ce7527..b4d42afdd 100644
--- a/src/components/inputs/formik-text-editor.js
+++ b/src/components/inputs/formik-text-editor.js
@@ -1,23 +1,22 @@
 import React from "react";
 import TextEditorV3 from "openstack-uicore-foundation/lib/components/inputs/editor-input-v3";
-import { useFormikContext } from "formik";
+import { useField } from "formik";
 import normalizeHtmlString from "../../utils/normalize-html-string";
 
 const FormikTextEditor = ({ name, ...props }) => {
-  const { values, errors, touched, setFieldValue, setFieldTouched } =
-    useFormikContext();
+  const [field, meta, helpers] = useField(name);
 
   return (
     <TextEditorV3
       name={name}
       id={name}
-      value={values[name]}
+      value={field.value}
       onChange={(e) => {
         const stringValue = normalizeHtmlString(e.target.value);
-        setFieldValue(name, stringValue);
+        helpers.setValue(name, stringValue);
       }}
-      onBlur={() => setFieldTouched(name, true)}
-      error={touched?.[name] && errors?.[name] ? errors?.[name] : ""}
+      onBlur={() => helpers.setTouched(name, true)}
+      error={meta.touched && meta.error ? meta.error : ""}
       license={process.env.JODIT_LICENSE_KEY}
       {...props}
     />
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 3979369a3..f698a26de 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -2485,7 +2485,9 @@
       "no_add_ons": "No Add-ons Available",
       "no_pages": "There is no pages that match the criteria",
       "add_page_using_template": "Add Page Template",
-      "add_selected_page_template": "Add Selected Page Template"
+      "add_selected_page_template": "Add Selected Page Template",
+      "custom_page_saved": "Custom Sponsor Page saved",
+      "custom_page_created": "Custom Sponsor Page created"
     },
     "cart_tab": {
       "new_form": "New Form",
diff --git a/src/pages/sponsors/sponsor-pages-tab/index.js b/src/pages/sponsors/sponsor-pages-tab/index.js
index cbd84c733..099c6ee6b 100644
--- a/src/pages/sponsors/sponsor-pages-tab/index.js
+++ b/src/pages/sponsors/sponsor-pages-tab/index.js
@@ -27,7 +27,9 @@ import {
   getSponsorManagedPages,
   getSponsorCustomizedPages,
   saveSponsorManagedPage,
-  saveSponsorCustomizedPage
+  saveSponsorCustomizedPage,
+  getSponsorCustomizedPage,
+  resetSponsorPage
 } from "../../../actions/sponsor-pages-actions";
 import { getSponsorships } from "../../../actions/sponsor-forms-actions";
 import CustomAlert from "../../../components/mui/custom-alert";
@@ -45,10 +47,13 @@ const SponsorPagesTab = ({
   managedPages,
   customizedPages,
   summitTZ,
+  currentEditPage,
   getSponsorManagedPages,
   saveSponsorManagedPage,
   getSponsorCustomizedPages,
-  saveSponsorCustomizedPage
+  saveSponsorCustomizedPage,
+  getSponsorCustomizedPage,
+  resetSponsorPage
 }) => {
   const [openPopup, setOpenPopup] = useState(null);
 
@@ -153,11 +158,11 @@ const SponsorPagesTab = ({
   };
 
   const handleUsingTemplate = () => {
-    setOpenPopup("template");
+    setOpenPopup("usingTemplate");
   };
 
   const handleAddPage = () => {
-    setOpenPopup("new");
+    setOpenPopup("pagePopup");
   };
 
   const handleArchiveCustomizedPage = (item) =>
@@ -175,7 +180,7 @@ const SponsorPagesTab = ({
   };
 
   const handleCustomizedEdit = (item) => {
-    console.log("EDIT CUSTOMIZED ", item);
+    getSponsorCustomizedPage(item.id).then(() => setOpenPopup("pagePopup"));
   };
 
   const handleCustomizedDelete = (itemId) => {
@@ -229,6 +234,11 @@ const SponsorPagesTab = ({
       }).finally(() => setOpenPopup(null));;
   };
 
+  const handleClosePagePopup = () => {
+    resetSponsorPage();
+    setOpenPopup(null);
+  };
+
   const baseColumns = (name) => [
     {
       columnKey: "name",
@@ -389,7 +399,7 @@ const SponsorPagesTab = ({
         />
       </div>
 
-      {openPopup === "template" && (
+      {openPopup === "usingTemplate" && (
         <AddSponsorPageTemplatePopup
           sponsor={sponsor}
           summitId={summitId}
@@ -398,10 +408,11 @@ const SponsorPagesTab = ({
         />
       )}
 
-      {openPopup === "new" && (
+      {openPopup === "pagePopup" && (
         <PageTemplatePopup
           onSave={handleSaveCustomizedPage}
-          onClose={() => setOpenPopup(null)}
+          onClose={handleClosePagePopup}
+          pageTemplate={currentEditPage}
           sponsorshipIds={sponsorshipIds}
           summitId={summitId}
           sponsorId={sponsor.id}
@@ -419,7 +430,9 @@ const mapStateToProps = ({ sponsorPagePagesListState }) => ({
 export default connect(mapStateToProps, {
   getSponsorManagedPages,
   saveSponsorManagedPage,
+  getSponsorCustomizedPage,
   getSponsorCustomizedPages,
   saveSponsorCustomizedPage,
-  getSponsorships
+  getSponsorships,
+  resetSponsorPage
 })(SponsorPagesTab);
diff --git a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
index 610967249..de341ace2 100644
--- a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
+++ b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
@@ -16,12 +16,21 @@ import {
   REQUEST_SPONSOR_MANAGED_PAGES,
   RECEIVE_SPONSOR_MANAGED_PAGES,
   RECEIVE_SPONSOR_CUSTOMIZED_PAGES,
-  REQUEST_SPONSOR_CUSTOMIZED_PAGES
+  REQUEST_SPONSOR_CUSTOMIZED_PAGES,
+  RECEIVE_SPONSOR_CUSTOMIZED_PAGE,
+  RESET_EDIT_PAGE
 } from "../../actions/sponsor-pages-actions";
 import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
 import { RECEIVE_GLOBAL_SPONSORSHIPS } from "../../actions/sponsor-forms-actions";
 import { PAGES_MODULE_KINDS } from "../../utils/constants";
 
+const DEFAULT_PAGE = {
+  code: "",
+  name: "",
+  allowed_add_ons: [],
+  modules: []
+};
+
 const DEFAULT_STATE = {
   managedPages: {
     pages: [],
@@ -41,6 +50,7 @@ const DEFAULT_STATE = {
     perPage: 10,
     totalItems: 0
   },
+  currentEditPage: DEFAULT_PAGE,
   sponsorships: {
     items: [],
     currentPage: 0,
@@ -159,6 +169,13 @@ const sponsorPagePagesListReducer = (state = DEFAULT_STATE, action) => {
         }
       };
     }
+    case RECEIVE_SPONSOR_CUSTOMIZED_PAGE: {
+      const customizedPage = payload.response;
+      return { ...state, currentEditPage: customizedPage };
+    }
+    case RESET_EDIT_PAGE: {
+      return { ...state, currentEditPage: DEFAULT_PAGE };
+    }
     case RECEIVE_GLOBAL_SPONSORSHIPS: {
       const {
         current_page: currentPage,

From 45ffc9045a52429c30fbdc47ca7394b102f9b090 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1s=20Castillo?= <tcastilloboireau@gmail.com>
Date: Sat, 28 Feb 2026 19:45:50 -0300
Subject: [PATCH 5/6] fix: add test cases for add and edit customized pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
---
 .../__tests__/sponsor-pages-tab.test.js       | 222 ++++++++++++++++++
 .../sponsor-page-pages-list-reducer.js        |   2 +-
 2 files changed, 223 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js

diff --git a/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js b/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js
new file mode 100644
index 000000000..10d610185
--- /dev/null
+++ b/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js
@@ -0,0 +1,222 @@
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { act, screen, waitFor } from "@testing-library/react";
+import SponsorPagesTab from "../index";
+import { renderWithRedux } from "../../../../utils/test-utils";
+import { DEFAULT_STATE as sponsorPagesDefaultState } from "../../../../reducers/sponsors/sponsor-page-pages-list-reducer";
+import { getSponsorCustomizedPage } from "../../../../actions/sponsor-pages-actions";
+
+// Mocks
+
+jest.mock(
+  "../components/add-sponsor-page-template-popup",
+  () =>
+    function MockAddSponsorPageTemplatePopup({ onClose, onSubmit }) {
+      return (
+        <div data-testid="add-sponsor-page-template-popup">
+          <button onClick={onClose}>Close</button>
+          <button onClick={() => onSubmit({ id: 1, name: "Test" })}>
+            Submit
+          </button>
+        </div>
+      );
+    }
+);
+
+jest.mock(
+  "../../../sponsors-global/page-templates/page-template-popup",
+  () =>
+    function MockPageTemplatePopup({ onClose, onSave, pageTemplate }) {
+      return (
+        <div data-testid="page-template-popup">
+          <span data-testid="popup-page-id">{pageTemplate?.id}</span>
+          <button onClick={onClose}>Close</button>
+          <button onClick={() => onSave({ id: 1, name: "Test" })}>Save</button>
+        </div>
+      );
+    }
+);
+
+jest.mock("../../../../actions/sponsor-pages-actions", () => ({
+  ...jest.requireActual("../../../../actions/sponsor-pages-actions"),
+  getSponsorManagedPages: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  getSponsorCustomizedPages: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  getSponsorCustomizedPage: jest.fn(
+    () => () => Promise.resolve({ id: 1, name: "Test Page" })
+  ),
+  saveSponsorCustomizedPage: jest.fn(() => () => Promise.resolve()),
+  saveSponsorManagedPage: jest.fn(() => () => Promise.resolve()),
+  resetSponsorPage: jest.fn(() => ({ type: "MOCK_ACTION" }))
+}));
+
+// Helpers
+
+const createSponsor = (overrides = {}) => ({
+  id: 1,
+  sponsorships_collection: { sponsorships: [] },
+  ...overrides
+});
+
+const createCustomizedPage = (id, overrides = {}) => ({
+  id,
+  code: `CODE-${id}`,
+  name: `Page ${id}`,
+  is_archived: false,
+  ...overrides
+});
+
+const defaultState = {
+  sponsorPagePagesListState: {
+    ...sponsorPagesDefaultState,
+    managedPages: {
+      pages: [],
+      totalItems: 0,
+      currentPage: 1,
+      perPage: 10,
+      order: "id",
+      orderDir: 1
+    },
+    customizedPages: {
+      pages: [],
+      totalItems: 0,
+      currentPage: 1,
+      perPage: 10,
+      order: "id",
+      orderDir: 1
+    },
+    hideArchived: false,
+    term: ""
+  }
+};
+
+describe("SponsorPagesTab", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe("Component", () => {
+    it("should open page popup when new page button is clicked", async () => {
+      renderWithRedux(
+        <SponsorPagesTab
+          sponsor={createSponsor()}
+          summitId={1}
+          summitTZ="UTC"
+        />,
+        { initialState: defaultState }
+      );
+
+      const newPageButton = screen.getByText("edit_sponsor.pages_tab.new_page");
+      await act(async () => {
+        await userEvent.click(newPageButton);
+      });
+
+      expect(screen.getByTestId("page-template-popup")).toBeInTheDocument();
+    });
+
+    it("should close page popup and reset form when close is clicked", async () => {
+      renderWithRedux(
+        <SponsorPagesTab
+          sponsor={createSponsor()}
+          summitId={1}
+          summitTZ="UTC"
+        />,
+        { initialState: defaultState }
+      );
+
+      const newPageButton = screen.getByText("edit_sponsor.pages_tab.new_page");
+      await act(async () => {
+        await userEvent.click(newPageButton);
+      });
+
+      expect(screen.getByTestId("page-template-popup")).toBeInTheDocument();
+
+      const closeButton = screen.getByText("Close");
+      await act(async () => {
+        await userEvent.click(closeButton);
+      });
+
+      expect(
+        screen.queryByTestId("page-template-popup")
+      ).not.toBeInTheDocument();
+    });
+
+    it("should call getSponsorCustomizedPage and open popup when edit is clicked", async () => {
+      renderWithRedux(
+        <SponsorPagesTab
+          sponsor={createSponsor()}
+          summitId={1}
+          summitTZ="UTC"
+        />,
+        {
+          initialState: {
+            sponsorPagePagesListState: {
+              ...defaultState.sponsorPagePagesListState,
+              customizedPages: {
+                ...defaultState.sponsorPagePagesListState.customizedPages,
+                pages: [createCustomizedPage(1)],
+                totalItems: 1
+              }
+            }
+          }
+        }
+      );
+
+      const editButton = screen.getByTestId("EditIcon").closest("button");
+      await act(async () => {
+        await userEvent.click(editButton);
+      });
+
+      expect(getSponsorCustomizedPage).toHaveBeenCalledWith(1);
+      await waitFor(() => {
+        expect(screen.getByTestId("page-template-popup")).toBeInTheDocument();
+      });
+    });
+
+    it("should refresh customized pages list after save", async () => {
+      const {
+        getSponsorCustomizedPages
+      } = require("../../../../actions/sponsor-pages-actions");
+
+      renderWithRedux(
+        <SponsorPagesTab
+          sponsor={createSponsor()}
+          summitId={1}
+          summitTZ="UTC"
+        />,
+        {
+          initialState: {
+            sponsorPagePagesListState: {
+              ...defaultState.sponsorPagePagesListState,
+              customizedPages: {
+                ...defaultState.sponsorPagePagesListState.customizedPages,
+                pages: [createCustomizedPage(1)],
+                totalItems: 1
+              }
+            }
+          }
+        }
+      );
+
+      const editButton = screen.getByTestId("EditIcon").closest("button");
+      await act(async () => {
+        await userEvent.click(editButton);
+      });
+
+      await waitFor(() => {
+        expect(screen.getByTestId("page-template-popup")).toBeInTheDocument();
+      });
+
+      const saveButton = screen.getByText("Save");
+      await act(async () => {
+        await userEvent.click(saveButton);
+      });
+
+      await waitFor(() => {
+        expect(getSponsorCustomizedPages).toHaveBeenCalledTimes(2);
+      });
+      expect(
+        screen.queryByTestId("page-template-popup")
+      ).not.toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
index de341ace2..9c7f4eb03 100644
--- a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
+++ b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
@@ -31,7 +31,7 @@ const DEFAULT_PAGE = {
   modules: []
 };
 
-const DEFAULT_STATE = {
+export const DEFAULT_STATE = {
   managedPages: {
     pages: [],
     order: "name",

From 9a95df726284f5a4c301d9db5d933855970cda62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1s=20Castillo?= <tcastilloboireau@gmail.com>
Date: Mon, 2 Mar 2026 18:47:23 -0300
Subject: [PATCH 6/6] feat: add custom sponsor page archive/unarchive
 functionality
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tomás Castillo <tcastilloboireau@gmail.com>
---
 src/actions/sponsor-pages-actions.js          | 70 +++++++++++++++++++
 src/i18n/en.json                              |  4 +-
 .../__tests__/sponsor-pages-tab.test.js       | 60 +++++++++++++++-
 src/pages/sponsors/sponsor-pages-tab/index.js | 18 +++--
 .../sponsor-page-pages-list-reducer.js        | 30 +++++++-
 5 files changed, 174 insertions(+), 8 deletions(-)

diff --git a/src/actions/sponsor-pages-actions.js b/src/actions/sponsor-pages-actions.js
index 8986e10db..af2146f81 100644
--- a/src/actions/sponsor-pages-actions.js
+++ b/src/actions/sponsor-pages-actions.js
@@ -16,6 +16,7 @@ import {
   getRequest,
   postRequest,
   putRequest,
+  deleteRequest,
   startLoading,
   stopLoading,
   escapeFilterValue
@@ -47,6 +48,10 @@ export const RECEIVE_SPONSOR_CUSTOMIZED_PAGE =
 export const SPONSOR_CUSTOMIZED_PAGE_ADDED = "SPONSOR_CUSTOMIZED_PAGE_ADDED";
 export const SPONSOR_CUSTOMIZED_PAGE_UPDATED =
   "SPONSOR_CUSTOMIZED_PAGE_UPDATED";
+export const SPONSOR_CUSTOMIZED_PAGE_ARCHIVED =
+  "SPONSOR_CUSTOMIZED_PAGE_ARCHIVED";
+export const SPONSOR_CUSTOMIZED_PAGE_UNARCHIVED =
+  "SPONSOR_CUSTOMIZED_PAGE_UNARCHIVED";
 
 export const cloneGlobalPage =
   (pagesIds, sponsorIds, allSponsors) => async (dispatch, getState) => {
@@ -339,6 +344,71 @@ export const saveSponsorCustomizedPage =
     });
   };
 
+export const archiveCustomizedPage = (pageId) => async (dispatch, getState) => {
+  const { currentSummitState, currentSponsorState } = getState();
+  const { currentSummit } = currentSummitState;
+  const {
+    entity: { id: sponsorId }
+  } = currentSponsorState;
+  const accessToken = await getAccessTokenSafely();
+  const params = { access_token: accessToken };
+
+  dispatch(startLoading());
+
+  return putRequest(
+    null,
+    createAction(SPONSOR_CUSTOMIZED_PAGE_ARCHIVED)({ pageId }),
+    `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages/${pageId}/archive`,
+    null,
+    snackbarErrorHandler
+  )(params)(dispatch)
+    .then(() => {
+      dispatch(
+        snackbarSuccessHandler({
+          title: T.translate("general.success"),
+          html: T.translate("edit_sponsor.pages_tab.customized_page_archived")
+        })
+      );
+    })
+    .finally(() => {
+      dispatch(stopLoading());
+    });
+};
+
+export const unarchiveCustomizedPage =
+  (pageId) => async (dispatch, getState) => {
+    const { currentSummitState, currentSponsorState } = getState();
+    const { currentSummit } = currentSummitState;
+    const {
+      entity: { id: sponsorId }
+    } = currentSponsorState;
+    const accessToken = await getAccessTokenSafely();
+    const params = { access_token: accessToken };
+
+    dispatch(startLoading());
+
+    return deleteRequest(
+      null,
+      createAction(SPONSOR_CUSTOMIZED_PAGE_UNARCHIVED)({ pageId }),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-pages/${pageId}/archive`,
+      null,
+      snackbarErrorHandler
+    )(params)(dispatch)
+      .then(() => {
+        dispatch(
+          snackbarSuccessHandler({
+            title: T.translate("general.success"),
+            html: T.translate(
+              "edit_sponsor.pages_tab.customized_page_unarchived"
+            )
+          })
+        );
+      })
+      .finally(() => {
+        dispatch(stopLoading());
+      });
+  };
+
 const normalizeSponsorCustomPage = (entity, summitTZ) => {
   const normalizedEntity = {
     ...entity,
diff --git a/src/i18n/en.json b/src/i18n/en.json
index f698a26de..fb7003a7c 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -2487,7 +2487,9 @@
       "add_page_using_template": "Add Page Template",
       "add_selected_page_template": "Add Selected Page Template",
       "custom_page_saved": "Custom Sponsor Page saved",
-      "custom_page_created": "Custom Sponsor Page created"
+      "custom_page_created": "Custom Sponsor Page created",
+      "customized_page_archived": "Customized Sponsor Page successfully archived.",
+      "customized_page_unarchived": "Customized Sponsor Page successfully unarchived."
     },
     "cart_tab": {
       "new_form": "New Form",
diff --git a/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js b/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js
index 10d610185..fcd48e220 100644
--- a/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js
+++ b/src/pages/sponsors/sponsor-pages-tab/__tests__/sponsor-pages-tab.test.js
@@ -4,7 +4,11 @@ import { act, screen, waitFor } from "@testing-library/react";
 import SponsorPagesTab from "../index";
 import { renderWithRedux } from "../../../../utils/test-utils";
 import { DEFAULT_STATE as sponsorPagesDefaultState } from "../../../../reducers/sponsors/sponsor-page-pages-list-reducer";
-import { getSponsorCustomizedPage } from "../../../../actions/sponsor-pages-actions";
+import {
+  getSponsorCustomizedPage,
+  archiveCustomizedPage,
+  unarchiveCustomizedPage
+} from "../../../../actions/sponsor-pages-actions";
 
 // Mocks
 
@@ -46,7 +50,9 @@ jest.mock("../../../../actions/sponsor-pages-actions", () => ({
   ),
   saveSponsorCustomizedPage: jest.fn(() => () => Promise.resolve()),
   saveSponsorManagedPage: jest.fn(() => () => Promise.resolve()),
-  resetSponsorPage: jest.fn(() => ({ type: "MOCK_ACTION" }))
+  resetSponsorPage: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  archiveCustomizedPage: jest.fn(() => () => Promise.resolve()),
+  unarchiveCustomizedPage: jest.fn(() => () => Promise.resolve())
 }));
 
 // Helpers
@@ -219,4 +225,54 @@ describe("SponsorPagesTab", () => {
       ).not.toBeInTheDocument();
     });
   });
+
+  it("should call archiveCustomizedPage for non-archived item", async () => {
+    renderWithRedux(
+      <SponsorPagesTab sponsor={createSponsor()} summitId={1} summitTZ="UTC" />,
+      {
+        initialState: {
+          sponsorPagePagesListState: {
+            ...defaultState.sponsorPagePagesListState,
+            customizedPages: {
+              ...defaultState.sponsorPagePagesListState.customizedPages,
+              pages: [createCustomizedPage(1, { is_archived: false })],
+              totalItems: 1
+            }
+          }
+        }
+      }
+    );
+
+    const archiveButton = screen.getByText("general.archive");
+    await act(async () => {
+      await userEvent.click(archiveButton);
+    });
+
+    expect(archiveCustomizedPage).toHaveBeenCalledWith(1);
+  });
+
+  it("should call unarchiveCustomizedPage for archived item", async () => {
+    renderWithRedux(
+      <SponsorPagesTab sponsor={createSponsor()} summitId={1} summitTZ="UTC" />,
+      {
+        initialState: {
+          sponsorPagePagesListState: {
+            ...defaultState.sponsorPagePagesListState,
+            customizedPages: {
+              ...defaultState.sponsorPagePagesListState.customizedPages,
+              pages: [createCustomizedPage(1, { is_archived: true })],
+              totalItems: 1
+            }
+          }
+        }
+      }
+    );
+
+    const unarchiveButton = screen.getByText("general.unarchive");
+    await act(async () => {
+      await userEvent.click(unarchiveButton);
+    });
+
+    expect(unarchiveCustomizedPage).toHaveBeenCalledWith(1);
+  });
 });
diff --git a/src/pages/sponsors/sponsor-pages-tab/index.js b/src/pages/sponsors/sponsor-pages-tab/index.js
index 099c6ee6b..44322cdfe 100644
--- a/src/pages/sponsors/sponsor-pages-tab/index.js
+++ b/src/pages/sponsors/sponsor-pages-tab/index.js
@@ -29,7 +29,9 @@ import {
   saveSponsorManagedPage,
   saveSponsorCustomizedPage,
   getSponsorCustomizedPage,
-  resetSponsorPage
+  resetSponsorPage,
+  unarchiveCustomizedPage,
+  archiveCustomizedPage
 } from "../../../actions/sponsor-pages-actions";
 import { getSponsorships } from "../../../actions/sponsor-forms-actions";
 import CustomAlert from "../../../components/mui/custom-alert";
@@ -53,6 +55,8 @@ const SponsorPagesTab = ({
   getSponsorCustomizedPages,
   saveSponsorCustomizedPage,
   getSponsorCustomizedPage,
+  unarchiveCustomizedPage,
+  archiveCustomizedPage,
   resetSponsorPage
 }) => {
   const [openPopup, setOpenPopup] = useState(null);
@@ -166,7 +170,9 @@ const SponsorPagesTab = ({
   };
 
   const handleArchiveCustomizedPage = (item) =>
-    console.log("ARCHIVE CUSTOMIZED ", item);
+    item.is_archived
+      ? unarchiveCustomizedPage(item.id)
+      : archiveCustomizedPage(item.id);
 
   const handleArchiveManagedPage = (item) =>
     console.log("ARCHIVE MANAGED ", item);
@@ -217,7 +223,8 @@ const SponsorPagesTab = ({
           order,
           orderDir
         );
-      }).finally(() => setOpenPopup(null));
+      })
+      .finally(() => setOpenPopup(null));
   };
 
   const handleSaveCustomizedPage = (entity) => {
@@ -231,7 +238,8 @@ const SponsorPagesTab = ({
           order,
           orderDir
         );
-      }).finally(() => setOpenPopup(null));;
+      })
+      .finally(() => setOpenPopup(null));
   };
 
   const handleClosePagePopup = () => {
@@ -433,6 +441,8 @@ export default connect(mapStateToProps, {
   getSponsorCustomizedPage,
   getSponsorCustomizedPages,
   saveSponsorCustomizedPage,
+  unarchiveCustomizedPage,
+  archiveCustomizedPage,
   getSponsorships,
   resetSponsorPage
 })(SponsorPagesTab);
diff --git a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
index 9c7f4eb03..826961717 100644
--- a/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
+++ b/src/reducers/sponsors/sponsor-page-pages-list-reducer.js
@@ -18,7 +18,9 @@ import {
   RECEIVE_SPONSOR_CUSTOMIZED_PAGES,
   REQUEST_SPONSOR_CUSTOMIZED_PAGES,
   RECEIVE_SPONSOR_CUSTOMIZED_PAGE,
-  RESET_EDIT_PAGE
+  RESET_EDIT_PAGE,
+  SPONSOR_CUSTOMIZED_PAGE_ARCHIVED,
+  SPONSOR_CUSTOMIZED_PAGE_UNARCHIVED
 } from "../../actions/sponsor-pages-actions";
 import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
 import { RECEIVE_GLOBAL_SPONSORSHIPS } from "../../actions/sponsor-forms-actions";
@@ -173,6 +175,32 @@ const sponsorPagePagesListReducer = (state = DEFAULT_STATE, action) => {
       const customizedPage = payload.response;
       return { ...state, currentEditPage: customizedPage };
     }
+    case SPONSOR_CUSTOMIZED_PAGE_ARCHIVED: {
+      const { pageId } = payload;
+      const pages = state.customizedPages.pages.map((page) =>
+        page.id === pageId ? { ...page, is_archived: true } : page
+      );
+      return {
+        ...state,
+        customizedPages: {
+          ...state.customizedPages,
+          pages: [...pages]
+        }
+      };
+    }
+    case SPONSOR_CUSTOMIZED_PAGE_UNARCHIVED: {
+      const { pageId } = payload;
+      const pages = state.customizedPages.pages.map((page) =>
+        page.id === pageId ? { ...page, is_archived: false } : page
+      );
+      return {
+        ...state,
+        customizedPages: {
+          ...state.customizedPages,
+          pages: [...pages]
+        }
+      };
+    }
     case RESET_EDIT_PAGE: {
       return { ...state, currentEditPage: DEFAULT_PAGE };
     }