Skip to content

feat: add new page and route for sponsor customized form managed items #698

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tomrndom wants to merge 15 commits into
base: master
Choose a base branch
from
+1,343 −66
Open

feat: add new page and route for sponsor customized form managed items #698

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
10f7637
feat: add new page and route for sponsor customized form managed items
tomrndom Nov 27, 2025
891f4f3
fix: adjust ui, texts, add save and fix reducer data
tomrndom Dec 6, 2025
e8c35fe
fix: clean console logs
tomrndom Dec 6, 2025
1278607
fix: adjust popup title
tomrndom Dec 6, 2025
02b54de
fix: add cell inline validation, adjust fields and validations
tomrndom Dec 9, 2025
36eb2c6
fix: adjust validations and meta fields delete
tomrndom Dec 9, 2025
4da12df
fix: adjust image validation, reload list after save
tomrndom Dec 16, 2025
d0a01d9
fix: address changes from copilot suggestions
tomrndom Dec 16, 2025
f9e55ce
fix: adjust impots on sponsor id layout
tomrndom Dec 18, 2025
1c75a04
fix: changes from comments, use uicore money utils, adjust reducers a…
tomrndom Jan 6, 2026
7409ba8
fix: normalize rates, adjust params on sponsor form manage items
tomrndom Jan 7, 2026
007fdef
fix: fix hande hide archive typo
tomrndom Jan 7, 2026
55c1b53
fix: adjust text for 'hide archived items' on sponsor manage items page
tomrndom Jan 8, 2026
8fd699f
fix: add perPage function, rename functions for pagination and sort
tomrndom Jan 8, 2026
e286652
fix: close popup after save
tomrndom Jan 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
336 changes: 324 additions & 12 deletions src/actions/sponsor-forms-actions.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,31 @@ export const SPONSOR_CUSTOMIZED_FORM_DELETED =
export const SPONSOR_CUSTOMIZED_FORM_ARCHIVED_CHANGED =
"SPONSOR_CUSTOMIZED_FORM_ARCHIVED_CHANGED";

export const RECEIVE_SPONSOR_CUSTOMIZED_FORM_ITEMS =
"RECEIVE_SPONSOR_CUSTOMIZED_FORM_ITEMS";
export const REQUEST_SPONSOR_CUSTOMIZED_FORM_ITEMS =
"REQUEST_SPONSOR_CUSTOMIZED_FORM_ITEMS";
export const RECEIVE_SPONSOR_CUSTOMIZED_FORM_ITEM =
"RECEIVE_SPONSOR_CUSTOMIZED_FORM_ITEM";
export const SPONSOR_CUSTOMIZED_FORM_ITEM_DELETED =
"SPONSOR_CUSTOMIZED_FORM_ITEM_DELETED";
export const SPONSOR_CUSTOMIZED_FORM_ITEM_ARCHIVED =
"SPONSOR_CUSTOMIZED_FORM_ITEM_ARCHIVED";
export const SPONSOR_CUSTOMIZED_FORM_ITEM_UNARCHIVED =
"SPONSOR_CUSTOMIZED_FORM_ITEM_UNARCHIVED";
export const UPDATE_SPONSOR_FORM_MANAGED_ITEM =
"UPDATE_SPONSOR_FORM_MANAGED_ITEM";
export const SPONSOR_FORM_MANAGED_ITEM_UPDATED =
"SPONSOR_FORM_MANAGED_ITEM_UPDATED";
export const SPONSOR_FORM_MANAGED_ITEM_ADDED =
"SPONSOR_FORM_MANAGED_ITEM_ADDED";
export const SPONSOR_FORM_MANAGED_ITEM_DELETED =
"SPONSOR_FORM_MANAGED_ITEM_DELETED";
export const SPONSOR_CUSTOMIZED_FORM_ITEMS_ADDED =
"SPONSOR_CUSTOMIZED_FORM_ITEMS_ADDED";
export const RESET_SPONSOR_FORM_MANAGED_ITEM =
"RESET_SPONSOR_FORM_MANAGED_ITEM";

// ITEMS
export const REQUEST_SPONSOR_FORM_ITEMS = "REQUEST_SPONSOR_FORM_ITEMS";
export const RECEIVE_SPONSOR_FORM_ITEMS = "RECEIVE_SPONSOR_FORM_ITEMS";
Expand Down Expand Up @@ -633,6 +658,61 @@ export const getSponsorCustomizedForm =
});
};

export const getSponsorCustomizedFormItems =
(
formId,
term = "",
page = DEFAULT_CURRENT_PAGE,
perPage = DEFAULT_PER_PAGE,
order = "id",
orderDir = DEFAULT_ORDER_DIR,
hideArchived = false
) =>
async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;
const accessToken = await getAccessTokenSafely();
const filter = [];

dispatch(startLoading());

if (term) {
const escapedTerm = escapeFilterValue(term);
filter.push(`name=@${escapedTerm},code=@${escapedTerm}`);
}

const params = {
page,
per_page: perPage,
access_token: accessToken
};

if (hideArchived) filter.push("is_archived==0");

if (filter.length > 0) {
params["filter[]"] = filter;
}

// order
if (order != null && orderDir != null) {
const orderDirSign = orderDir === 1 ? "" : "-";
params.order = `${orderDirSign}${order}`;
}

return getRequest(
createAction(REQUEST_SPONSOR_CUSTOMIZED_FORM_ITEMS),
createAction(RECEIVE_SPONSOR_CUSTOMIZED_FORM_ITEMS),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items`,
authErrorHandler,
{ term, order, orderDir, page, perPage, hideArchived }
)(params)(dispatch).then(() => {
dispatch(stopLoading());
});
};

export const saveSponsorCustomizedForm =
(entity) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
Expand Down Expand Up @@ -1134,9 +1214,6 @@ const normalizeItem = (entity) => {
const normalizedEntity = { ...entity };
const {
meta_fields,
early_bird_rate,
standard_rate,
onsite_rate,
quantity_limit_per_show,
quantity_limit_per_sponsor,
default_quantity,
Expand All @@ -1151,15 +1228,7 @@ const normalizeItem = (entity) => {
normalizedEntity.images = images?.filter((img) => img.file_path);
}

if (early_bird_rate === "" || typeof early_bird_rate === "undefined")
delete normalizedEntity.early_bird_rate;
else normalizedEntity.early_bird_rate = amountToCents(early_bird_rate);
if (standard_rate === "" || typeof standard_rate === "undefined")
delete normalizedEntity.standard_rate;
else normalizedEntity.standard_rate = amountToCents(standard_rate);
if (onsite_rate === "" || typeof onsite_rate === "undefined")
delete normalizedEntity.onsite_rate;
else normalizedEntity.onsite_rate = amountToCents(onsite_rate);
normalizeRates(entity, normalizedEntity);

if (quantity_limit_per_show === "")
delete normalizedEntity.quantity_limit_per_show;
Expand Down Expand Up @@ -1205,3 +1274,246 @@ export const addInventoryItems =
dispatch(stopLoading());
});
};

export const saveSponsorFormManagedItem =
(formId, entity) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;

dispatch(startLoading());

const params = {
access_token: accessToken
};

const normalizedEntity = normalizeManagedItem(entity);

if (entity.id) {
return putRequest(
createAction(UPDATE_SPONSOR_FORM_MANAGED_ITEM),
createAction(SPONSOR_FORM_MANAGED_ITEM_UPDATED),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items/${entity.id}`,
normalizedEntity,
snackbarErrorHandler,
entity
)(params)(dispatch)
.then(() => {
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate(
"edit_sponsor.forms_tab.form_manage_items.item_updated"
)
})
);
})
.finally(() => {
dispatch(stopLoading());
});
}

const successMessage = {
title: T.translate("general.done"),
html: T.translate(
"edit_sponsor.forms_tab.form_manage_items.item_created"
),
type: "success"
};

return postRequest(
createAction(UPDATE_SPONSOR_FORM_MANAGED_ITEM),
createAction(SPONSOR_FORM_MANAGED_ITEM_ADDED),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items`,
normalizedEntity,
snackbarErrorHandler,
entity
)(params)(dispatch)
.then(() => {
dispatch(snackbarSuccessHandler(successMessage));
})
.finally(() => {
dispatch(stopLoading());
});
};

export const resetSponsorFormManagedItem = () => (dispatch) => {
dispatch(createAction(RESET_SPONSOR_FORM_MANAGED_ITEM)({}));
};

const normalizeManagedItem = (entity) => {
const normalizedEntity = { ...entity };
normalizedEntity.meta_fields = normalizedEntity.meta_fields?.filter(
(mf) => mf.name
);
normalizedEntity.images = normalizedEntity.images?.filter(
(img) => img.file_path
);

normalizeRates(entity, normalizedEntity);

return normalizedEntity;
};

const normalizeRates = (entity, normalizedEntity) => {
const { early_bird_rate, standard_rate, onsite_rate } = entity;

if (early_bird_rate === "" || early_bird_rate === undefined)
delete normalizedEntity.early_bird_rate;
else normalizedEntity.early_bird_rate = amountToCents(early_bird_rate);

if (standard_rate === "" || standard_rate === undefined)
delete normalizedEntity.standard_rate;
else normalizedEntity.standard_rate = amountToCents(standard_rate);

if (onsite_rate === "" || onsite_rate === undefined)
delete normalizedEntity.onsite_rate;
else normalizedEntity.onsite_rate = amountToCents(onsite_rate);
};
Comment on lines +1361 to +1375
Copy link

@coderabbitai coderabbitai bot Jan 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

normalizeRates doesn't handle null values.

The function checks for "" and undefined but not null. If a rate field is explicitly set to null, amountToCents(null) will be called, which may produce unexpected results (likely 0 or NaN depending on implementation).

Suggested fix 
 const normalizeRates = (entity, normalizedEntity) => {
   const { early_bird_rate, standard_rate, onsite_rate } = entity;

-  if (early_bird_rate === "" || early_bird_rate === undefined)
+  if (early_bird_rate === "" || early_bird_rate == null)
     delete normalizedEntity.early_bird_rate;
   else normalizedEntity.early_bird_rate = amountToCents(early_bird_rate);

-  if (standard_rate === "" || standard_rate === undefined)
+  if (standard_rate === "" || standard_rate == null)
     delete normalizedEntity.standard_rate;
   else normalizedEntity.standard_rate = amountToCents(standard_rate);

-  if (onsite_rate === "" || onsite_rate === undefined)
+  if (onsite_rate === "" || onsite_rate == null)
     delete normalizedEntity.onsite_rate;
   else normalizedEntity.onsite_rate = amountToCents(onsite_rate);
 };

Using == null covers both null and undefined in a single check.

🤖 Prompt for AI Agents 
In @src/actions/sponsor-forms-actions.js around lines 1361 - 1375,
normalizeRates currently only treats "" and undefined as absent and will call
amountToCents when a field is null; update the presence checks for
early_bird_rate, standard_rate, and onsite_rate in normalizeRates to treat null
the same as undefined (e.g., use == null or explicit null check) so that when a
rate is null or an empty string the corresponding normalizedEntity property is
deleted and amountToCents is only called for valid non-empty values.


export const deleteSponsorFormManagedItem =
(formId, itemId) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;

dispatch(startLoading());

const params = {
access_token: accessToken
};

return deleteRequest(
null,
createAction(SPONSOR_FORM_MANAGED_ITEM_DELETED)({ itemId }),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items/${itemId}`,
null,
snackbarErrorHandler
)(params)(dispatch)
.then(() => {
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate("sponsor_forms.form_delete_success")
})
);
Comment on lines +1399 to +1405
Copy link

@coderabbitai coderabbitai bot Jan 7, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Incorrect translation key for item deletion success message.

sponsor_forms.form_delete_success refers to form deletion, not item deletion. This appears to be a copy-paste error.

🔎 Proposed fix 
        dispatch(
          snackbarSuccessHandler({
            title: T.translate("general.success"),
-            html: T.translate("sponsor_forms.form_delete_success")
+            html: T.translate("edit_sponsor.forms_tab.form_manage_items.item_deleted")
          })
        );

Ensure the translation key exists in src/i18n/en.json.

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
.then(() => {
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate("sponsor_forms.form_delete_success")
})
);
.then(() => {
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate("edit_sponsor.forms_tab.form_manage_items.item_deleted")
})
);
🤖 Prompt for AI Agents 
In @src/actions/sponsor-forms-actions.js around lines 1399 - 1405, The success
snackbar uses the wrong translation key: it calls
T.translate("sponsor_forms.form_delete_success") which refers to form deletion
instead of item deletion; update the key to the correct one (e.g.,
"sponsor_forms.item_delete_success") in the dispatch call that invokes
snackbarSuccessHandler in src/actions/sponsor-forms-actions.js and ensure that
same key is added to the translations (src/i18n/en.json) with the proper message
so the snackbar displays the item deletion success text.

})
.finally(() => {
dispatch(stopLoading());
});
};

export const getSponsorFormManagedItem =
(formId, itemId) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;

dispatch(startLoading());

const params = {
access_token: accessToken
};

return getRequest(
null,
createAction(RECEIVE_SPONSOR_CUSTOMIZED_FORM_ITEM),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items/${itemId}`,
authErrorHandler
)(params)(dispatch).then(() => {
dispatch(stopLoading());
});
};

export const addSponsorManagedFormItems =
(formId, itemIds) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;

dispatch(startLoading());

const params = {
access_token: accessToken
};

return postRequest(
null,
createAction(SPONSOR_CUSTOMIZED_FORM_ITEMS_ADDED),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items/clone`,
{ inventory_item_ids: itemIds },
snackbarErrorHandler
)(params)(dispatch)
.then(() => {
dispatch(getSponsorCustomizedFormItems(formId));
dispatch(
snackbarSuccessHandler({
title: T.translate("general.success"),
html: T.translate(
"sponsor_form_item_list.add_from_inventory.items_added"
)
})
);
})
.finally(() => {
dispatch(stopLoading());
});
};

export const archiveSponsorCustomizedFormItem =
(formId, itemId) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;
const params = { access_token: accessToken };

dispatch(startLoading());

return putRequest(
null,
createAction(SPONSOR_CUSTOMIZED_FORM_ITEM_ARCHIVED),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items/${itemId}/archive`,
null,
snackbarErrorHandler
)(params)(dispatch).then(() => {
dispatch(stopLoading());
});
};

export const unarchiveSponsorCustomizedFormItem =
(formId, itemId) => async (dispatch, getState) => {
const { currentSummitState, currentSponsorState } = getState();
const accessToken = await getAccessTokenSafely();
const { currentSummit } = currentSummitState;
const {
entity: { id: sponsorId }
} = currentSponsorState;
const params = { access_token: accessToken };

dispatch(startLoading());

return deleteRequest(
null,
createAction(SPONSOR_CUSTOMIZED_FORM_ITEM_UNARCHIVED)({ itemId }),
`${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/sponsors/${sponsorId}/sponsor-forms/${formId}/items/${itemId}/archive`,
null,
snackbarErrorHandler
)(params)(dispatch).then(() => {
dispatch(stopLoading());
});
};
Loading