\n \n );\n}\n\nRegistrationTagsEditableList.propTypes = {\n eventId: PropTypes.number.isRequired,\n regformId: PropTypes.number.isRequired,\n registrationId: PropTypes.number.isRequired,\n assignedTags: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n })\n ).isRequired,\n allTags: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n })\n ).isRequired,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport _ from 'lodash';\nimport {createSelector} from 'reselect';\n\nexport const getStaticData = state => state.staticData;\n\nexport const getFlatSections = state => state.sections;\nexport const getItems = state => state.items;\n\n/** Get an item by its ID. */\nexport const getItemById = createSelector(\n getItems,\n (__, itemId) => itemId,\n (fields, itemId) => fields[itemId]\n);\n\n/** Get the currency used by the registration form. */\nexport const getCurrency = createSelector(\n getStaticData,\n staticData => staticData.currency\n);\n\n/** Get a sorted list of enabled top-level sections. */\nconst getSections = createSelector(\n getFlatSections,\n sections => _.sortBy(Object.values(sections).filter(s => s.enabled), ['position', 'id'])\n);\n\n/** Get a mapping from section IDs to sorted item lists. */\nconst getSectionItemMapping = createSelector(\n getFlatSections,\n getItems,\n (sections, fields) => {\n const mapping = new Map(Object.values(sections).map(s => [s.id, []]));\n _.sortBy(Object.values(fields), ['position', 'id']).forEach(field => {\n mapping.get(field.sectionId).push(field);\n });\n return mapping;\n }\n);\n\n/** Get the nested form structure of sections and their items. */\nexport const getNestedSections = createSelector(\n getSections,\n getSectionItemMapping,\n (sortedSections, sectionFields) =>\n sortedSections.map(section => ({\n ...section,\n items: sectionFields.get(section.id),\n }))\n);\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport _ from 'lodash';\nimport {createSelector} from 'reselect';\n\nimport {getStaticData, getFlatSections, getItems, getItemById} from '../form/selectors';\n\nexport const isUILocked = state => state.uiLocked;\n\n/** Get a sorted list of disabled sections. */\nexport const getDisabledSections = createSelector(\n getFlatSections,\n sections => _.sortBy(Object.values(sections).filter(s => !s.enabled), ['position', 'id'])\n);\n\n/** Get a section by its ID. */\nexport const getSectionById = createSelector(\n getFlatSections,\n (__, sectionId) => sectionId,\n (sections, sectionId) => sections[sectionId]\n);\n\n/** Get the section ID for a given item ID. */\nexport const getSectionIdForItem = createSelector(\n getItems,\n (__, itemId) => itemId,\n (fields, itemId) => fields[itemId].sectionId\n);\n\n/** Check whether an item is a static text field. */\nconst isItemStaticText = createSelector(\n getItemById,\n item => item.inputType === 'label'\n);\n\n/** Select the correct URL for an item action dependin on whether it's static text or a field. */\nexport const pickItemURL = createSelector(\n isItemStaticText,\n isStaticText => (textURL, fieldURL) => (isStaticText ? textURL : fieldURL)\n);\n\n/** Get the URL path arguments for a regform/section/field operation. */\nexport const getURLParams = createSelector(\n getStaticData,\n staticData => {\n const {eventId, regformId} = staticData;\n return (sectionId = null, itemId = null) => {\n const params = {\n event_id: eventId,\n reg_form_id: regformId,\n };\n\n if (sectionId !== null) {\n params.section_id = sectionId;\n }\n\n if (itemId !== null) {\n params.field_id = itemId;\n }\n\n return params;\n };\n }\n);\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport addFieldURL from 'indico-url:event_registration.add_field';\nimport addSectionURL from 'indico-url:event_registration.add_section';\nimport addTextURL from 'indico-url:event_registration.add_text';\nimport modifyFieldURL from 'indico-url:event_registration.modify_field';\nimport modifySectionURL from 'indico-url:event_registration.modify_section';\nimport modifyTextURL from 'indico-url:event_registration.modify_text';\nimport moveFieldURL from 'indico-url:event_registration.move_field';\nimport moveSectionURL from 'indico-url:event_registration.move_section';\nimport moveTextURL from 'indico-url:event_registration.move_text';\nimport toggleFieldURL from 'indico-url:event_registration.toggle_field';\nimport toggleSectionURL from 'indico-url:event_registration.toggle_section';\nimport toggleTextURL from 'indico-url:event_registration.toggle_text';\n\nimport {indicoAxios} from 'indico/utils/axios';\nimport {camelizeKeys} from 'indico/utils/case';\nimport {ajaxAction, submitFormAction} from 'indico/utils/redux';\n\nimport {getSectionIdForItem, getURLParams, pickItemURL} from './selectors';\n\nexport const LOCK_UI = 'Lock interface';\nexport const UNLOCK_UI = 'Unlock interface';\nexport const SET_FORM_DATA = 'Set form data';\nexport const MOVE_SECTION = 'Move section';\nexport const UPDATE_SECTION = 'Update section';\nexport const TOGGLE_SECTION = 'Toggle section';\nexport const REMOVE_SECTION = 'Remove section';\nexport const CREATE_SECTION = 'Create section';\nexport const MOVE_ITEM = 'Move item';\nexport const UPDATE_ITEM = 'Update item';\nexport const REMOVE_ITEM = 'Remove item';\nexport const CREATE_ITEM = 'Create item';\nexport const UPDATE_POSITIONS = 'Update positions';\n\nfunction lockUI() {\n return {type: LOCK_UI};\n}\n\nfunction unlockUI() {\n return {type: UNLOCK_UI};\n}\n\nfunction lockingAjaxAction(requestFunc, ...args) {\n const fn = ajaxAction(requestFunc, ...args);\n return async dispatch => {\n dispatch(lockUI());\n const resp = await fn();\n dispatch(unlockUI());\n return resp;\n };\n}\n\nexport function setFormData(data) {\n return {type: SET_FORM_DATA, items: data.items, sections: data.sections};\n}\n\nfunction updatePositions(data) {\n return {type: UPDATE_POSITIONS, items: data.items, sections: data.sections};\n}\n\nexport function moveSection(sourceIndex, targetIndex) {\n return {type: MOVE_SECTION, sourceIndex, targetIndex};\n}\n\nfunction _toggleSection(sectionId, enabled) {\n return {type: TOGGLE_SECTION, sectionId, enabled};\n}\n\nfunction _removeSection(sectionId) {\n return {type: REMOVE_SECTION, sectionId};\n}\n\n// TODO: remove patch mode unless we end up using it\nfunction _updateSection(sectionId, data, patch = false) {\n return {type: UPDATE_SECTION, sectionId, data, patch};\n}\n\nfunction _createSection(data) {\n return {type: CREATE_SECTION, data};\n}\n\nexport function moveItem(sectionId, sourceIndex, targetIndex) {\n return {type: MOVE_ITEM, sectionId, sourceIndex, targetIndex};\n}\n\nfunction _updateItem(itemId, data) {\n return {type: UPDATE_ITEM, itemId, data};\n}\n\nfunction _removeItem(itemId) {\n return {type: REMOVE_ITEM, itemId};\n}\n\nfunction _createItem(data) {\n return {type: CREATE_ITEM, data};\n}\n\nexport function saveSectionPosition(sectionId, position, oldPosition) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const url = moveSectionURL(getURLParams(store)(sectionId));\n const resp = await lockingAjaxAction(() => indicoAxios.post(url, {endPos: position}))(dispatch);\n if (resp.error) {\n // XXX alternatively we could keep the UI locked and require a refresh after\n // a failure to make sure we are in a fully consistent state...\n // but moving stuff around is the only case where the local state gets updated\n // before saving, so it's probably not worth it\n dispatch(moveSection(position, oldPosition));\n }\n };\n}\n\nexport function enableSection(sectionId) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const params = getURLParams(store)(sectionId);\n const url = toggleSectionURL({...params, enable: 'true'});\n const resp = await lockingAjaxAction(() => indicoAxios.post(url))(dispatch);\n if (!resp.error) {\n dispatch(_toggleSection(sectionId, true));\n dispatch(updatePositions(resp.data.positions));\n }\n };\n}\n\nexport function disableSection(sectionId) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const params = getURLParams(store)(sectionId);\n const url = toggleSectionURL({...params, enable: 'false'});\n const resp = await lockingAjaxAction(() => indicoAxios.post(url))(dispatch);\n if (!resp.error) {\n dispatch(_toggleSection(sectionId, false));\n dispatch(updatePositions(resp.data.positions));\n }\n };\n}\n\nexport function removeSection(sectionId) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const url = modifySectionURL(getURLParams(store)(sectionId));\n const resp = await lockingAjaxAction(() => indicoAxios.delete(url))(dispatch);\n if (!resp.error) {\n dispatch(_removeSection(sectionId));\n }\n return !!resp.error;\n };\n}\n\nexport function updateSection(sectionId, data) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const url = modifySectionURL(getURLParams(store)(sectionId));\n const payload = {changes: data};\n const resp = await submitFormAction(() => indicoAxios.patch(url, payload))(dispatch);\n if (!resp.error) {\n delete resp.data.items;\n dispatch(_updateSection(sectionId, resp.data));\n }\n return camelizeKeys(resp);\n };\n}\n\nexport function createSection(data) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const url = addSectionURL(getURLParams(store)());\n const resp = await submitFormAction(() => indicoAxios.post(url, data))(dispatch);\n if (!resp.error) {\n delete resp.data.items;\n dispatch(_createSection(resp.data));\n }\n return camelizeKeys(resp);\n };\n}\n\nexport function saveItemPosition(sectionId, itemId, position, oldPosition) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const urlFunc = pickItemURL(store, itemId)(moveTextURL, moveFieldURL);\n const url = urlFunc(getURLParams(store)(sectionId, itemId));\n const resp = await lockingAjaxAction(() => indicoAxios.post(url, {endPos: position}))(dispatch);\n if (resp.error) {\n // XXX alternatively we could keep the UI locked and require a refresh after\n // a failure to make sure we are in a fully consistent state...\n // but moving stuff around is the only case where the local state gets updated\n // before saving, so it's probably not worth it\n dispatch(moveItem(sectionId, position, oldPosition));\n }\n };\n}\n\nexport function enableItem(itemId) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const sectionId = getSectionIdForItem(store, itemId);\n const urlFunc = pickItemURL(store, itemId)(toggleTextURL, toggleFieldURL);\n const params = getURLParams(store)(sectionId, itemId);\n const url = urlFunc({...params, enable: 'true'});\n const resp = await lockingAjaxAction(() => indicoAxios.post(url))(dispatch);\n if (!resp.error) {\n dispatch(_updateItem(itemId, resp.data.view_data));\n dispatch(updatePositions(resp.data.positions));\n }\n };\n}\n\nexport function disableItem(itemId) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const sectionId = getSectionIdForItem(store, itemId);\n const urlFunc = pickItemURL(store, itemId)(toggleTextURL, toggleFieldURL);\n const params = getURLParams(store)(sectionId, itemId);\n const url = urlFunc({...params, enable: 'false'});\n const resp = await lockingAjaxAction(() => indicoAxios.post(url))(dispatch);\n if (!resp.error) {\n dispatch(_updateItem(itemId, resp.data.view_data));\n dispatch(updatePositions(resp.data.positions));\n }\n };\n}\n\nexport function removeItem(itemId) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const sectionId = getSectionIdForItem(store, itemId);\n const urlFunc = pickItemURL(store, itemId)(modifyTextURL, modifyFieldURL);\n const url = urlFunc(getURLParams(store)(sectionId, itemId));\n const resp = await lockingAjaxAction(() => indicoAxios.delete(url))(dispatch);\n if (!resp.error) {\n dispatch(_removeItem(itemId));\n }\n return !!resp.error;\n };\n}\n\nexport function updateItem(itemId, data) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const sectionId = getSectionIdForItem(store, itemId);\n const urlFunc = pickItemURL(store, itemId)(modifyTextURL, modifyFieldURL);\n const url = urlFunc(getURLParams(store)(sectionId, itemId));\n const payload = {fieldData: data};\n const resp = await submitFormAction(() => indicoAxios.patch(url, payload))(dispatch);\n if (!resp.error) {\n dispatch(_updateItem(itemId, resp.data.view_data));\n }\n return camelizeKeys(resp);\n };\n}\n\nexport function createItem(sectionId, inputType, data) {\n return async (dispatch, getStore) => {\n const store = getStore();\n const urlFunc = inputType === 'label' ? addTextURL : addFieldURL;\n const url = urlFunc(getURLParams(store)(sectionId));\n const payload = {fieldData: {...data, input_type: inputType}};\n const resp = await submitFormAction(() => indicoAxios.post(url, payload))(dispatch);\n if (!resp.error) {\n dispatch(_createItem(resp.data.view_data));\n }\n return camelizeKeys(resp);\n };\n}\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport _ from 'lodash';\n\nimport {\n CREATE_ITEM,\n CREATE_SECTION,\n LOCK_UI,\n MOVE_ITEM,\n MOVE_SECTION,\n REMOVE_ITEM,\n REMOVE_SECTION,\n SET_FORM_DATA,\n TOGGLE_SECTION,\n UNLOCK_UI,\n UPDATE_ITEM,\n UPDATE_POSITIONS,\n UPDATE_SECTION,\n} from './actions';\n\nexport default {\n uiLocked: (state = false, action) => {\n switch (action.type) {\n case LOCK_UI:\n return true;\n case UNLOCK_UI:\n return false;\n default:\n return state;\n }\n },\n items: (state = {}, action) => {\n switch (action.type) {\n case SET_FORM_DATA:\n return action.items;\n case CREATE_ITEM:\n return {\n ...state,\n [action.data.id]: action.data,\n };\n case UPDATE_ITEM:\n return {...state, [action.itemId]: action.data};\n case UPDATE_POSITIONS: {\n const newState = {...state};\n Object.entries(action.items)\n .filter(([id]) => id in newState)\n .forEach(([id, position]) => {\n newState[id] = {...newState[id], position};\n });\n return newState;\n }\n case REMOVE_ITEM:\n return _.omit(state, action.itemId);\n case REMOVE_SECTION:\n return _.omitBy(state, item => item.sectionId === action.sectionId);\n case MOVE_ITEM: {\n const sorted = _.sortBy(\n Object.values(state).filter(f => f.sectionId === action.sectionId),\n ['position', 'id']\n );\n const sourceItem = sorted[action.sourceIndex];\n sorted.splice(action.sourceIndex, 1);\n sorted.splice(action.targetIndex, 0, sourceItem);\n // use same positioning logic as on the server side. not sure if it's needed, we\n // could probably stick with just incrementing, but it might avoid some re-renders..\n let enabledPos = 1;\n let disabledPos = 1000;\n const newState = {...state};\n sorted.forEach(item => {\n newState[item.id] = {...item, position: item.isEnabled ? enabledPos++ : disabledPos++};\n });\n return newState;\n }\n default:\n return state;\n }\n },\n sections: (state = {}, action) => {\n switch (action.type) {\n case SET_FORM_DATA:\n return action.sections;\n case TOGGLE_SECTION:\n return {\n ...state,\n [action.sectionId]: {...state[action.sectionId], enabled: action.enabled},\n };\n case CREATE_SECTION:\n return {\n ...state,\n [action.data.id]: action.data,\n };\n case UPDATE_SECTION:\n return {\n ...state,\n [action.sectionId]: action.patch\n ? {...state[action.sectionId], ...action.data}\n : action.data,\n };\n case UPDATE_POSITIONS: {\n const newState = {...state};\n Object.entries(action.sections)\n .filter(([id]) => id in newState)\n .forEach(([id, position]) => {\n newState[id] = {...newState[id], position};\n });\n return newState;\n }\n case REMOVE_SECTION:\n return _.omit(state, action.sectionId);\n case MOVE_SECTION: {\n const sorted = _.sortBy(Object.values(state), ['position', 'id']);\n const sourceSection = sorted[action.sourceIndex];\n sorted.splice(action.sourceIndex, 1);\n sorted.splice(action.targetIndex, 0, sourceSection);\n // use same positioning logic as on the server side. not sure if it's needed, we\n // could probably stick with just incrementing, but it might avoid some re-renders..\n let enabledPos = 1;\n let disabledPos = 1000;\n const newState = {...state};\n sorted.forEach(section => {\n newState[section.id] = {\n ...section,\n position: section.enabled ? enabledPos++ : disabledPos++,\n };\n });\n return newState;\n }\n default:\n return state;\n }\n },\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"form-item\":\"events-registration-client-styles-___regform-module__form-item___AlbiE\",\"editable\":\"events-registration-client-styles-___regform-module__editable___ZHQMz\",\"disabled\":\"events-registration-client-styles-___regform-module__disabled___A4p+q\",\"sortable-handle\":\"events-registration-client-styles-___regform-module__sortable-handle___yz1-x\",\"section-sortable-handle\":\"events-registration-client-styles-___regform-module__section-sortable-handle___ABMeH\",\"inactive\":\"events-registration-client-styles-___regform-module__inactive___iUbDS\",\"icon-agreement\":\"events-registration-client-styles-___regform-module__icon-agreement___CGUr9\",\"icon-alarm\":\"events-registration-client-styles-___regform-module__icon-alarm___kNPBx\",\"icon-arrow-down\":\"events-registration-client-styles-___regform-module__icon-arrow-down___oINfy\",\"icon-arrow-left\":\"events-registration-client-styles-___regform-module__icon-arrow-left___cTKTD\",\"icon-arrow-right-sparse\":\"events-registration-client-styles-___regform-module__icon-arrow-right-sparse___pdeAp\",\"icon-arrow-up\":\"events-registration-client-styles-___regform-module__icon-arrow-up___k7aGV\",\"icon-arrows-vert\":\"events-registration-client-styles-___regform-module__icon-arrows-vert___cCt1M\",\"icon-attachment\":\"events-registration-client-styles-___regform-module__icon-attachment___Cshey\",\"icon-bell\":\"events-registration-client-styles-___regform-module__icon-bell___OKsRo\",\"icon-bold\":\"events-registration-client-styles-___regform-module__icon-bold___b+UXe\",\"icon-book\":\"events-registration-client-styles-___regform-module__icon-book___3DNju\",\"icon-bookmark\":\"events-registration-client-styles-___regform-module__icon-bookmark___TcUDY\",\"icon-broadcast\":\"events-registration-client-styles-___regform-module__icon-broadcast___JqlYQ\",\"icon-bubble-quote\":\"events-registration-client-styles-___regform-module__icon-bubble-quote___SIe5i\",\"icon-bullhorn\":\"events-registration-client-styles-___regform-module__icon-bullhorn___DaU0x\",\"icon-calendar\":\"events-registration-client-styles-___regform-module__icon-calendar___3+8tS\",\"icon-camera\":\"events-registration-client-styles-___regform-module__icon-camera___-tCzt\",\"icon-chart\":\"events-registration-client-styles-___regform-module__icon-chart___MTO3l\",\"icon-checkbox-checked\":\"events-registration-client-styles-___regform-module__icon-checkbox-checked___EkWuS\",\"icon-checkbox-unchecked\":\"events-registration-client-styles-___regform-module__icon-checkbox-unchecked___KQJJT\",\"icon-checkmark\":\"events-registration-client-styles-___regform-module__icon-checkmark___2VU2L\",\"icon-circle-small\":\"events-registration-client-styles-___regform-module__icon-circle-small___U7rY1\",\"icon-clipboard\":\"events-registration-client-styles-___regform-module__icon-clipboard___Fm-0o\",\"icon-close\":\"events-registration-client-styles-___regform-module__icon-close___M1uWT\",\"icon-cloud2\":\"events-registration-client-styles-___regform-module__icon-cloud2___-1vrI\",\"icon-code\":\"events-registration-client-styles-___regform-module__icon-code___Sisqn\",\"icon-coins\":\"events-registration-client-styles-___regform-module__icon-coins___rBXDy\",\"icon-collapse\":\"events-registration-client-styles-___regform-module__icon-collapse___+Q+Vt\",\"icon-compass2\":\"events-registration-client-styles-___regform-module__icon-compass2___jPZMp\",\"icon-copy\":\"events-registration-client-styles-___regform-module__icon-copy___f0WEh\",\"icon-copy1\":\"events-registration-client-styles-___regform-module__icon-copy1___HmDSa\",\"icon-cross\":\"events-registration-client-styles-___regform-module__icon-cross___kff3l\",\"icon-disable\":\"events-registration-client-styles-___regform-module__icon-disable___i0+FF\",\"icon-drag-indicator\":\"events-registration-client-styles-___regform-module__icon-drag-indicator___xzm8r\",\"icon-dropmenu\":\"events-registration-client-styles-___regform-module__icon-dropmenu___doH2P\",\"icon-earth\":\"events-registration-client-styles-___regform-module__icon-earth___-GEjw\",\"icon-edit\":\"events-registration-client-styles-___regform-module__icon-edit___VOIRG\",\"icon-enlarge\":\"events-registration-client-styles-___regform-module__icon-enlarge___oDU7c\",\"icon-enter\":\"events-registration-client-styles-___regform-module__icon-enter___YaDYr\",\"icon-equalizer\":\"events-registration-client-styles-___regform-module__icon-equalizer___ipjL7\",\"icon-exit\":\"events-registration-client-styles-___regform-module__icon-exit___9GDVX\",\"icon-expand\":\"events-registration-client-styles-___regform-module__icon-expand___OKU0z\",\"icon-eye\":\"events-registration-client-styles-___regform-module__icon-eye___oMkY0\",\"icon-eye-blocked\":\"events-registration-client-styles-___regform-module__icon-eye-blocked___JW7S4\",\"icon-unlisted-event\":\"events-registration-client-styles-___regform-module__icon-unlisted-event___bXVDQ\",\"icon-file\":\"events-registration-client-styles-___regform-module__icon-file___SA4Pg\",\"icon-file-check\":\"events-registration-client-styles-___regform-module__icon-file-check___bkrCO\",\"icon-file-content\":\"events-registration-client-styles-___regform-module__icon-file-content___FRm4Q\",\"icon-file-css\":\"events-registration-client-styles-___regform-module__icon-file-css___83v9J\",\"icon-file-download\":\"events-registration-client-styles-___regform-module__icon-file-download___kDiTh\",\"icon-file-excel\":\"events-registration-client-styles-___regform-module__icon-file-excel___Kk9Wc\",\"icon-file-eye\":\"events-registration-client-styles-___regform-module__icon-file-eye___59Z59\",\"icon-file-filled\":\"events-registration-client-styles-___regform-module__icon-file-filled___3+O4R\",\"icon-file-image\":\"events-registration-client-styles-___regform-module__icon-file-image___IpOcP\",\"icon-file-music\":\"events-registration-client-styles-___regform-module__icon-file-music___wBH9H\",\"icon-file-openoffice\":\"events-registration-client-styles-___regform-module__icon-file-openoffice___pCj-m\",\"icon-file-pdf\":\"events-registration-client-styles-___regform-module__icon-file-pdf___-eja7\",\"icon-file-play\":\"events-registration-client-styles-___regform-module__icon-file-play___UjrRu\",\"icon-file-presentation\":\"events-registration-client-styles-___regform-module__icon-file-presentation___3zIdX\",\"icon-file-spreadsheet\":\"events-registration-client-styles-___regform-module__icon-file-spreadsheet___syZH7\",\"icon-file-text\":\"events-registration-client-styles-___regform-module__icon-file-text___5Qubc\",\"icon-file-video\":\"events-registration-client-styles-___regform-module__icon-file-video___F3wMJ\",\"icon-file-word\":\"events-registration-client-styles-___regform-module__icon-file-word___AjXzu\",\"icon-file-xml\":\"events-registration-client-styles-___regform-module__icon-file-xml___ewSmd\",\"icon-file-zip\":\"events-registration-client-styles-___regform-module__icon-file-zip___hyt8M\",\"icon-filter\":\"events-registration-client-styles-___regform-module__icon-filter___InJb-\",\"icon-first\":\"events-registration-client-styles-___regform-module__icon-first___GlLuB\",\"icon-floppy\":\"events-registration-client-styles-___regform-module__icon-floppy___stDTm\",\"icon-folder\":\"events-registration-client-styles-___regform-module__icon-folder___XzO6v\",\"icon-folder-open\":\"events-registration-client-styles-___regform-module__icon-folder-open___fY3mI\",\"icon-folder-plus\":\"events-registration-client-styles-___regform-module__icon-folder-plus___WSHLw\",\"icon-font-size\":\"events-registration-client-styles-___regform-module__icon-font-size___-AfeO\",\"icon-grid\":\"events-registration-client-styles-___regform-module__icon-grid___EwLS3\",\"icon-grid2\":\"events-registration-client-styles-___regform-module__icon-grid2___E5Px0\",\"icon-hammer\":\"events-registration-client-styles-___regform-module__icon-hammer___7k7vk\",\"icon-handle\":\"events-registration-client-styles-___regform-module__icon-handle___BLj2J\",\"icon-home\":\"events-registration-client-styles-___regform-module__icon-home___rvScu\",\"icon-hour-glass2\":\"events-registration-client-styles-___regform-module__icon-hour-glass2___5o5sK\",\"icon-id-badge\":\"events-registration-client-styles-___regform-module__icon-id-badge___8Kkd-\",\"icon-image\":\"events-registration-client-styles-___regform-module__icon-image___XCTA2\",\"icon-import\":\"events-registration-client-styles-___regform-module__icon-import___QVoRL\",\"icon-info\":\"events-registration-client-styles-___regform-module__icon-info___MA0xq\",\"icon-italic\":\"events-registration-client-styles-___regform-module__icon-italic___LGAU6\",\"icon-key\":\"events-registration-client-styles-___regform-module__icon-key___Elm0q\",\"icon-key-a\":\"events-registration-client-styles-___regform-module__icon-key-a___-2hmS\",\"icon-lamp\":\"events-registration-client-styles-___regform-module__icon-lamp___8E73m\",\"icon-lan\":\"events-registration-client-styles-___regform-module__icon-lan___WzpsU\",\"icon-last\":\"events-registration-client-styles-___regform-module__icon-last___7Ig0g\",\"icon-layout\":\"events-registration-client-styles-___regform-module__icon-layout___PrdWO\",\"icon-link\":\"events-registration-client-styles-___regform-module__icon-link___5iBep\",\"icon-list\":\"events-registration-client-styles-___regform-module__icon-list___y9h5b\",\"icon-location\":\"events-registration-client-styles-___regform-module__icon-location___EyneB\",\"icon-lock\":\"events-registration-client-styles-___regform-module__icon-lock___4rhKo\",\"icon-protection-self\":\"events-registration-client-styles-___regform-module__icon-protection-self___i0Xkv\",\"icon-lock-center\":\"events-registration-client-styles-___regform-module__icon-lock-center___65hiM\",\"icon-loop\":\"events-registration-client-styles-___regform-module__icon-loop___R7rVx\",\"icon-mail\":\"events-registration-client-styles-___regform-module__icon-mail___ZGZOq\",\"icon-medal\":\"events-registration-client-styles-___regform-module__icon-medal___PMzja\",\"icon-mic\":\"events-registration-client-styles-___regform-module__icon-mic___gmYYd\",\"icon-mobile\":\"events-registration-client-styles-___regform-module__icon-mobile___S5fl0\",\"icon-move\":\"events-registration-client-styles-___regform-module__icon-move___zHFpb\",\"icon-new\":\"events-registration-client-styles-___regform-module__icon-new___ztXxM\",\"icon-next\":\"events-registration-client-styles-___regform-module__icon-next___TqPZM\",\"icon-no-camera\":\"events-registration-client-styles-___regform-module__icon-no-camera___QRCrL\",\"icon-numbered-list\":\"events-registration-client-styles-___regform-module__icon-numbered-list___FMjI-\",\"icon-package-download\":\"events-registration-client-styles-___regform-module__icon-package-download___+AALu\",\"icon-pagebreak\":\"events-registration-client-styles-___regform-module__icon-pagebreak___iPCbt\",\"icon-palette\":\"events-registration-client-styles-___regform-module__icon-palette___8Ad3S\",\"icon-phone\":\"events-registration-client-styles-___regform-module__icon-phone___mjNNN\",\"icon-play\":\"events-registration-client-styles-___regform-module__icon-play___kZdQk\",\"icon-plus\":\"events-registration-client-styles-___regform-module__icon-plus___I0p2w\",\"icon-prev\":\"events-registration-client-styles-___regform-module__icon-prev___rrWJK\",\"icon-price-tag\":\"events-registration-client-styles-___regform-module__icon-price-tag___n-Ahz\",\"icon-printer\":\"events-registration-client-styles-___regform-module__icon-printer___0X2pj\",\"icon-projector\":\"events-registration-client-styles-___regform-module__icon-projector___JJ+UA\",\"icon-puzzle\":\"events-registration-client-styles-___regform-module__icon-puzzle___JBeHk\",\"icon-qrcode\":\"events-registration-client-styles-___regform-module__icon-qrcode___u2d1U\",\"icon-question\":\"events-registration-client-styles-___regform-module__icon-question___G1SVz\",\"icon-quill\":\"events-registration-client-styles-___regform-module__icon-quill___cYbLJ\",\"icon-redo\":\"events-registration-client-styles-___regform-module__icon-redo___eenAn\",\"icon-remove\":\"events-registration-client-styles-___regform-module__icon-remove___zB1HO\",\"icon-rulers\":\"events-registration-client-styles-___regform-module__icon-rulers___YpZ9C\",\"icon-search\":\"events-registration-client-styles-___regform-module__icon-search___vBkPO\",\"icon-settings\":\"events-registration-client-styles-___regform-module__icon-settings___-RC8+\",\"icon-seven-segment9\":\"events-registration-client-styles-___regform-module__icon-seven-segment9___dMv7-\",\"icon-shield\":\"events-registration-client-styles-___regform-module__icon-shield___1gXDa\",\"icon-shrink\":\"events-registration-client-styles-___regform-module__icon-shrink___PcJku\",\"icon-sort\":\"events-registration-client-styles-___regform-module__icon-sort___E20Uw\",\"icon-sort-alpha-asc\":\"events-registration-client-styles-___regform-module__icon-sort-alpha-asc___t7MN5\",\"icon-sort-alpha-desc\":\"events-registration-client-styles-___regform-module__icon-sort-alpha-desc___DGUp4\",\"icon-split\":\"events-registration-client-styles-___regform-module__icon-split___kR9h-\",\"icon-stack\":\"events-registration-client-styles-___regform-module__icon-stack___Exo35\",\"icon-stack-minus\":\"events-registration-client-styles-___regform-module__icon-stack-minus___eiySZ\",\"icon-stack-plus\":\"events-registration-client-styles-___regform-module__icon-stack-plus___OIM17\",\"icon-stack-text\":\"events-registration-client-styles-___regform-module__icon-stack-text___T0hFV\",\"icon-star\":\"events-registration-client-styles-___regform-module__icon-star___VQDnr\",\"icon-star-empty\":\"events-registration-client-styles-___regform-module__icon-star-empty___rJq0O\",\"icon-stop\":\"events-registration-client-styles-___regform-module__icon-stop___rw-0z\",\"icon-switchoff\":\"events-registration-client-styles-___regform-module__icon-switchoff___Pr731\",\"icon-switchon\":\"events-registration-client-styles-___regform-module__icon-switchon___wdLJK\",\"icon-tag\":\"events-registration-client-styles-___regform-module__icon-tag___qBaj3\",\"icon-text-color\":\"events-registration-client-styles-___regform-module__icon-text-color___ddRre\",\"icon-textarea\":\"events-registration-client-styles-___regform-module__icon-textarea___3nbN1\",\"icon-textfield\":\"events-registration-client-styles-___regform-module__icon-textfield___zxLIK\",\"icon-ticket\":\"events-registration-client-styles-___regform-module__icon-ticket___cM2Di\",\"icon-tilde\":\"events-registration-client-styles-___regform-module__icon-tilde___zkQbA\",\"icon-time\":\"events-registration-client-styles-___regform-module__icon-time___4VKEZ\",\"icon-transmission\":\"events-registration-client-styles-___regform-module__icon-transmission___NWeMY\",\"icon-type\":\"events-registration-client-styles-___regform-module__icon-type___Df8xt\",\"icon-undo\":\"events-registration-client-styles-___regform-module__icon-undo___ySM-t\",\"icon-unlocked\":\"events-registration-client-styles-___regform-module__icon-unlocked___6WfEX\",\"icon-protection-public\":\"events-registration-client-styles-___regform-module__icon-protection-public___lk89M\",\"icon-upload\":\"events-registration-client-styles-___regform-module__icon-upload___rgQw9\",\"icon-user\":\"events-registration-client-styles-___regform-module__icon-user___websN\",\"icon-user-block\":\"events-registration-client-styles-___regform-module__icon-user-block___KvT93\",\"icon-user-chairperson\":\"events-registration-client-styles-___regform-module__icon-user-chairperson___uxY38\",\"icon-user-check\":\"events-registration-client-styles-___regform-module__icon-user-check___5dQk-\",\"icon-user-reading\":\"events-registration-client-styles-___regform-module__icon-user-reading___BEVFl\",\"icon-users\":\"events-registration-client-styles-___regform-module__icon-users___MDJP5\",\"icon-warning\":\"events-registration-client-styles-___regform-module__icon-warning___9bvHC\",\"icon-wrench\":\"events-registration-client-styles-___regform-module__icon-wrench___VL5eL\",\"icon-spinner\":\"events-registration-client-styles-___regform-module__icon-spinner___tLLm2\",\"icon-none\":\"events-registration-client-styles-___regform-module__icon-none___Tb7hM\",\"ellipsis\":\"events-registration-client-styles-___regform-module__ellipsis___jTFui\",\"setup-toolbar\":\"events-registration-client-styles-___regform-module__setup-toolbar___tu1Kv\",\"disabled-sections\":\"events-registration-client-styles-___regform-module__disabled-sections___TthNB\",\"actions\":\"events-registration-client-styles-___regform-module__actions___yuXgO\",\"content\":\"events-registration-client-styles-___regform-module__content___dKw31\",\"paid-disabled\":\"events-registration-client-styles-___regform-module__paid-disabled___e8zT-\",\"purged-disabled\":\"events-registration-client-styles-___regform-module__purged-disabled___oo16L\",\"label\":\"events-registration-client-styles-___regform-module__label___t11lD\",\"field\":\"events-registration-client-styles-___regform-module__field___mpG7J\",\"price-tag\":\"events-registration-client-styles-___regform-module__price-tag___pz3tt\",\"places-left\":\"events-registration-client-styles-___regform-module__places-left___6O4Ev\",\"greyed\":\"events-registration-client-styles-___regform-module__greyed___HZLen\",\"number-field\":\"events-registration-client-styles-___regform-module__number-field___LtuaG\",\"boolean-field\":\"events-registration-client-styles-___regform-module__boolean-field___0geJs\",\"date-field\":\"events-registration-client-styles-___regform-module__date-field___LToLh\",\"file-field\":\"events-registration-client-styles-___regform-module__file-field___1Nup7\",\"accommodation-field\":\"events-registration-client-styles-___regform-module__accommodation-field___WHQ+0\",\"date-picker\":\"events-registration-client-styles-___regform-module__date-picker___zVaWU\",\"accompanyingpersons-field\":\"events-registration-client-styles-___regform-module__accompanyingpersons-field___MUvS6\",\"light\":\"events-registration-client-styles-___regform-module__light___gdy5g\",\"summary\":\"events-registration-client-styles-___regform-module__summary___Krn7Y\",\"country-dropdown\":\"events-registration-client-styles-___regform-module__country-dropdown___Hhf-Y\",\"single-choice-dropdown\":\"events-registration-client-styles-___regform-module__single-choice-dropdown___tzmJ5\",\"dropdown-text\":\"events-registration-client-styles-___regform-module__dropdown-text___GB4OB\",\"caption\":\"events-registration-client-styles-___regform-module__caption___u54ZN\",\"labels\":\"events-registration-client-styles-___regform-module__labels___Zy8f7\",\"single-choice-radio-group\":\"events-registration-client-styles-___regform-module__single-choice-radio-group___E9qIt\",\"description\":\"events-registration-client-styles-___regform-module__description___abkAU\",\"header-wrapper\":\"events-registration-client-styles-___regform-module__header-wrapper___U6gJN\",\"manager-only\":\"events-registration-client-styles-___regform-module__manager-only___PQwvG\",\"section-actions\":\"events-registration-client-styles-___regform-module__section-actions___p3bRe\",\"dropdown-menu\":\"events-registration-client-styles-___regform-module__dropdown-menu___9uq+D\",\"dropdown-item\":\"events-registration-client-styles-___regform-module__dropdown-item___chpZW\"};","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React, {useEffect, useState} from 'react';\nimport {useSelector, useDispatch} from 'react-redux';\nimport {Icon, Modal, Popup, Segment} from 'semantic-ui-react';\n\nimport {RequestConfirmDelete} from 'indico/react/components';\nimport {Translate, Param} from 'indico/react/i18n';\n\nimport * as actions from './actions';\nimport {getDisabledSections} from './selectors';\n\nimport '../../styles/regform.module.scss';\n\nfunction DisabledSection({id, title}) {\n const dispatch = useDispatch();\n const [confirmDeleteActive, setConfirmDeleteActive] = useState(false);\n\n const handleEnableClick = () => {\n dispatch(actions.enableSection(id));\n };\n\n const handleRemoveClick = () => {\n setConfirmDeleteActive(true);\n };\n\n return (\n \n {title}\n
\n \n }\n />\n \n }\n />\n
\n dispatch(actions.removeSection(id))}\n onClose={() => setConfirmDeleteActive(false)}\n open={confirmDeleteActive}\n size=\"mini\"\n persistent\n >\n \n Are you sure you want to delete the section \"\n } />\n \"?\n \n \n \n );\n}\n\nDisabledSection.propTypes = {\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n};\n\nexport default function DisabledSectionsModal({onClose}) {\n const sections = useSelector(getDisabledSections);\n\n useEffect(() => {\n // auto-close when there are no disabled sections left\n if (!sections.length) {\n onClose();\n }\n }, [onClose, sections.length]);\n\n return (\n \n \n Disabled sections\n \n \n
\n {sections.length\n ? sections.map(section => )\n : Translate.string('There are no disabled sections.')}\n
\n \n \n );\n}\n\nDisabledSectionsModal.propTypes = {\n onClose: PropTypes.func.isRequired,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {useSelector, useDispatch} from 'react-redux';\n\nimport {FinalInput, FinalTextArea, FinalCheckbox} from 'indico/react/forms';\nimport {FinalModalForm} from 'indico/react/forms/final-form';\nimport {Translate, Param} from 'indico/react/i18n';\n\nimport * as actions from './actions';\nimport {getSectionById} from './selectors';\n\nimport '../../styles/regform.module.scss';\n\nexport default function SectionSettingsModal({id, onClose}) {\n const dispatch = useDispatch();\n const editing = id !== null;\n const {title, description, isPersonalData, isManagerOnly} = useSelector(state =>\n editing ? getSectionById(state, id) : {}\n );\n\n const handleSubmit = async formData => {\n const action = editing ? actions.updateSection(id, formData) : actions.createSection(formData);\n const rv = await dispatch(action);\n if (rv.error) {\n return rv.error;\n }\n onClose();\n };\n\n return (\n \n Configure section \"\"\n \n ) : (\n Add new section\n )\n }\n >\n \n You can use Markdown or basic HTML formatting tags.}\n />\n Whether the section is only visible for managers.}\n />\n \n );\n}\n\nSectionSettingsModal.propTypes = {\n id: PropTypes.number,\n onClose: PropTypes.func.isRequired,\n};\n\nSectionSettingsModal.defaultProps = {\n id: null,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport {createSelector} from 'reselect';\n\nimport {getItemById, getStaticData} from '../form/selectors';\n\nexport const getUserInfo = createSelector(\n getStaticData,\n staticData => staticData.userInfo\n);\n\n/** Indicates whether we are updating the registration */\nexport const getUpdateMode = createSelector(\n getStaticData,\n staticData => !!staticData.registrationUuid\n);\n\n/** Get the stored field values when editing a registration */\nexport const getRegistrationData = createSelector(\n getStaticData,\n staticData => staticData.registrationData\n);\n\n/** Indicates whether the registration is moderated */\nexport const getModeration = createSelector(\n getStaticData,\n staticData => staticData.moderated\n);\n\n/** Indicates whether this is rendered in the management area */\nexport const getManagement = createSelector(\n getStaticData,\n staticData => staticData.management || false\n);\n\n/** Indicates whether this registration has already been paid */\nexport const getPaid = createSelector(\n getStaticData,\n staticData => staticData.paid || false\n);\n\n/** Indicates the registration form's publishing to other participants mode */\nexport const getPublishToParticipants = createSelector(\n getStaticData,\n staticData => staticData.publishToParticipants\n);\n\n/** Indicates the registration form's public publishing mode */\nexport const getPublishToPublic = createSelector(\n getStaticData,\n staticData => staticData.publishToPublic\n);\n\n/** Get the stored value for a field when editing a registration */\nexport const getFieldValue = createSelector(\n getUpdateMode,\n getRegistrationData,\n (state, id) => getItemById(state, id),\n (updateMode, registrationData, field) =>\n updateMode ? registrationData[field.htmlName] : undefined\n);\n\nexport const isPaidItemLocked = createSelector(\n getPaid,\n (state, id) => getItemById(state, id),\n (state, id) => getFieldValue(state, id),\n (paid, field, value) => {\n if (!paid) {\n // nothing locked if the registration hasn't been paid yet\n return false;\n } else if (field.price > 0) {\n // easy for fields that have a price themselves\n return true;\n } else if (value !== undefined && field.choices) {\n // we assume that all fields with more complex options have them in `choices`,\n // and that a billable choice will have a `price`. if the old value is undefined,\n // we never disable the field altogether since some choices could in fact be free,\n // and we rely on the field to disable problematic choices\n let choiceIsSelected;\n if (typeof value === 'string') {\n choiceIsSelected = c => c.id === value;\n } else if (value.choice) {\n choiceIsSelected = c => c.id === value.choice;\n } else {\n choiceIsSelected = c => value[c.id] > 0;\n }\n return !!field.choices.find(c => c.price > 0 && choiceIsSelected(c));\n }\n return false;\n }\n);\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {Icon, Popup} from 'semantic-ui-react';\n\nimport {Translate} from 'indico/react/i18n';\n\nexport default function ChoiceLabel({paid, management, choice}) {\n let modWarning = null;\n let paymentWarning = null;\n // warning about modified/removed choice\n if (choice._deleted) {\n modWarning = (\n \n The currently chosen option is not available anymore. If you unselect it you won't be able\n to choose it back.\n \n );\n } else if (choice._modified) {\n modWarning = choice.price ? (\n \n The currently chosen option has been modified. If you unselect it you may not be able to\n select it again for the same price.\n \n ) : (\n \n The currently chosen option has been modified. If you unselect it you may not be able to\n select it again.\n \n );\n }\n // warning about price changes\n if (paid && !management) {\n paymentWarning = (\n This option could trigger a price change and has been blocked.\n );\n } else if (paid) {\n paymentWarning = Choosing this option will result in a price change.;\n }\n if (!modWarning && !paymentWarning) {\n return choice.caption;\n }\n return (\n <>\n {choice.caption}{' '}\n {modWarning && (\n }>{modWarning}\n )}\n {modWarning && paymentWarning && ' '}\n {paymentWarning && (\n }>{paymentWarning}\n )}\n \n );\n}\n\nChoiceLabel.propTypes = {\n paid: PropTypes.bool.isRequired,\n management: PropTypes.bool.isRequired,\n choice: PropTypes.shape({\n caption: PropTypes.string.isRequired,\n price: PropTypes.number,\n _deleted: PropTypes.bool,\n _modified: PropTypes.bool,\n }).isRequired,\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"choices-table\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__choices-table___w2Tu2\",\"table-sortable-handle\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__table-sortable-handle___D7vqk\",\"inactive\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__inactive___wCdAh\",\"icon-agreement\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-agreement___nmALU\",\"icon-alarm\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-alarm___t7iqH\",\"icon-arrow-down\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-arrow-down___NrkqT\",\"icon-arrow-left\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-arrow-left___rNexi\",\"icon-arrow-right-sparse\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-arrow-right-sparse___cr5iO\",\"icon-arrow-up\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-arrow-up___ByIUy\",\"icon-arrows-vert\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-arrows-vert___vG68W\",\"icon-attachment\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-attachment___oGF2X\",\"icon-bell\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-bell___X76yZ\",\"icon-bold\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-bold___prmRd\",\"icon-book\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-book___9tnF+\",\"icon-bookmark\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-bookmark___pv7pr\",\"icon-broadcast\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-broadcast___qf-By\",\"icon-bubble-quote\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-bubble-quote___jl-1b\",\"icon-bullhorn\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-bullhorn___D14QY\",\"icon-calendar\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-calendar___zIzzU\",\"icon-camera\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-camera___pKGBP\",\"icon-chart\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-chart___r7fWj\",\"icon-checkbox-checked\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-checkbox-checked___sKnSA\",\"icon-checkbox-unchecked\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-checkbox-unchecked___eft2d\",\"icon-checkmark\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-checkmark___r+GPo\",\"icon-circle-small\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-circle-small___siKEC\",\"icon-clipboard\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-clipboard___sQDRc\",\"icon-close\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-close___qxFQM\",\"icon-cloud2\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-cloud2___rRWgK\",\"icon-code\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-code___Fq1gs\",\"icon-coins\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-coins___gv5rf\",\"icon-collapse\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-collapse___CsUNU\",\"icon-compass2\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-compass2___RCRWN\",\"icon-copy\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-copy___HBYcT\",\"icon-copy1\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-copy1___uPeIt\",\"icon-cross\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-cross___l0hvO\",\"icon-disable\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-disable___9S2sA\",\"icon-drag-indicator\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-drag-indicator___XcMQz\",\"icon-dropmenu\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-dropmenu___2vBiW\",\"icon-earth\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-earth___F314m\",\"icon-edit\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-edit___uJuhh\",\"icon-enlarge\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-enlarge___FHy9U\",\"icon-enter\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-enter___0SS17\",\"icon-equalizer\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-equalizer___xeINk\",\"icon-exit\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-exit___ewu8g\",\"icon-expand\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-expand___gKiAf\",\"icon-eye\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-eye___msvMF\",\"icon-eye-blocked\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-eye-blocked___fJhRg\",\"icon-unlisted-event\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-unlisted-event___75SN9\",\"icon-file\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file___Pq0G1\",\"icon-file-check\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-check___iP5we\",\"icon-file-content\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-content___bJ0zk\",\"icon-file-css\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-css___74LrQ\",\"icon-file-download\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-download___SlNrA\",\"icon-file-excel\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-excel___v8p1K\",\"icon-file-eye\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-eye___DAmkE\",\"icon-file-filled\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-filled___col0E\",\"icon-file-image\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-image___y76bD\",\"icon-file-music\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-music___Xkl+o\",\"icon-file-openoffice\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-openoffice___4++2q\",\"icon-file-pdf\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-pdf___wUjMR\",\"icon-file-play\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-play___Hwvvh\",\"icon-file-presentation\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-presentation___O+UBc\",\"icon-file-spreadsheet\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-spreadsheet___GXnBI\",\"icon-file-text\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-text___PJsvQ\",\"icon-file-video\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-video___DDsBU\",\"icon-file-word\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-word___v69ew\",\"icon-file-xml\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-xml___uw+nS\",\"icon-file-zip\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-file-zip___qSCrI\",\"icon-filter\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-filter___yAN7f\",\"icon-first\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-first___CHJ-S\",\"icon-floppy\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-floppy___3UvO1\",\"icon-folder\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-folder___jE5-l\",\"icon-folder-open\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-folder-open___04Mup\",\"icon-folder-plus\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-folder-plus___-cITX\",\"icon-font-size\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-font-size___13Te6\",\"icon-grid\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-grid___6n5oP\",\"icon-grid2\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-grid2___GaiOD\",\"icon-hammer\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-hammer___1+H7z\",\"icon-handle\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-handle___H7Mqf\",\"icon-home\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-home___vD5Gi\",\"icon-hour-glass2\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-hour-glass2___F+iw9\",\"icon-id-badge\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-id-badge___U4EBf\",\"icon-image\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-image___5zcyu\",\"icon-import\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-import___Cx701\",\"icon-info\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-info___02UAT\",\"icon-italic\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-italic___ZScZt\",\"icon-key\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-key___2Zxzt\",\"icon-key-a\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-key-a___+WojC\",\"icon-lamp\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-lamp___oc63i\",\"icon-lan\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-lan___7RLU6\",\"icon-last\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-last___2T+wv\",\"icon-layout\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-layout___e0d5E\",\"icon-link\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-link___m9Z1i\",\"icon-list\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-list___BlAme\",\"icon-location\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-location___-tCHn\",\"icon-lock\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-lock___U-vO0\",\"icon-protection-self\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-protection-self___MpSKc\",\"icon-lock-center\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-lock-center___qYKxD\",\"icon-loop\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-loop___9KivF\",\"icon-mail\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-mail___pFo3g\",\"icon-medal\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-medal___0dc8q\",\"icon-mic\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-mic___wurft\",\"icon-mobile\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-mobile___BxF5p\",\"icon-move\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-move___SLvPR\",\"icon-new\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-new___n9z4Y\",\"icon-next\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-next___AvWYw\",\"icon-no-camera\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-no-camera___vDqjd\",\"icon-numbered-list\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-numbered-list___cTEry\",\"icon-package-download\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-package-download___oo71i\",\"icon-pagebreak\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-pagebreak___5yvRp\",\"icon-palette\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-palette___z1Rjp\",\"icon-phone\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-phone___oGmit\",\"icon-play\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-play___ImfNw\",\"icon-plus\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-plus___ibFAy\",\"icon-prev\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-prev___8B8M5\",\"icon-price-tag\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-price-tag___g+rdM\",\"icon-printer\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-printer___Fy4pV\",\"icon-projector\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-projector___8FICJ\",\"icon-puzzle\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-puzzle___E1nUG\",\"icon-qrcode\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-qrcode___Xio8G\",\"icon-question\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-question___AWyd4\",\"icon-quill\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-quill___uf5I1\",\"icon-redo\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-redo___7ytdB\",\"icon-remove\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-remove___C+KFO\",\"icon-rulers\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-rulers___xvNS8\",\"icon-search\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-search___SBCGf\",\"icon-settings\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-settings___cuMm2\",\"icon-seven-segment9\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-seven-segment9___oaqrJ\",\"icon-shield\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-shield___Rydmk\",\"icon-shrink\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-shrink___E26np\",\"icon-sort\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-sort___Kwj3E\",\"icon-sort-alpha-asc\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-sort-alpha-asc___xLymH\",\"icon-sort-alpha-desc\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-sort-alpha-desc___7yV3S\",\"icon-split\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-split___uKSd-\",\"icon-stack\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-stack___Y9hok\",\"icon-stack-minus\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-stack-minus___kCG2z\",\"icon-stack-plus\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-stack-plus___PlsbB\",\"icon-stack-text\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-stack-text___w2V9o\",\"icon-star\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-star___vMZrU\",\"icon-star-empty\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-star-empty___pQRl6\",\"icon-stop\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-stop___YnWgH\",\"icon-switchoff\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-switchoff___Z7r2x\",\"icon-switchon\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-switchon___ZHhm4\",\"icon-tag\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-tag___abLsl\",\"icon-text-color\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-text-color___s3fFc\",\"icon-textarea\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-textarea___6fTN+\",\"icon-textfield\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-textfield___mQpzm\",\"icon-ticket\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-ticket___4tD0q\",\"icon-tilde\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-tilde___BB9dY\",\"icon-time\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-time___LJNSq\",\"icon-transmission\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-transmission___XFs0S\",\"icon-type\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-type___2-4nC\",\"icon-undo\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-undo___TXUWG\",\"icon-unlocked\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-unlocked___HlXmw\",\"icon-protection-public\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-protection-public___jTbsm\",\"icon-upload\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-upload___3Rk2L\",\"icon-user\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-user___FNwt2\",\"icon-user-block\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-user-block___ci9Lf\",\"icon-user-chairperson\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-user-chairperson___zAjyH\",\"icon-user-check\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-user-check___9wL94\",\"icon-user-reading\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-user-reading___hbKV9\",\"icon-users\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-users___yLwHq\",\"icon-warning\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-warning___jD1Mx\",\"icon-wrench\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-wrench___KQL6M\",\"icon-spinner\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-spinner___nLBG4\",\"icon-none\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__icon-none___7bgDo\",\"disabled\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__disabled___1DmMw\",\"ellipsis\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__ellipsis___web7E\",\"choices-table-wrapper\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__choices-table-wrapper___qY3fA\",\"empty-row\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__empty-row___OpJWg\",\"disabled-row\":\"events-registration-client-js-form-fields-___ChoicesSetup-module__disabled-row___fT9s2\"};","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport createDecorator from 'final-form-calculate';\nimport {nanoid} from 'nanoid';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {useSelector} from 'react-redux';\nimport {Button, Input} from 'semantic-ui-react';\n\nimport {Translate, Param} from 'indico/react/i18n';\nimport {SortableWrapper, useSortableItem} from 'indico/react/sortable';\n\nimport {getCurrency} from '../../form/selectors';\n\nimport './ChoicesSetup.module.scss';\n\nexport const choiceShape = {\n id: PropTypes.string.isRequired,\n caption: PropTypes.string.isRequired,\n // XXX are those values always present?\n isEnabled: PropTypes.bool.isRequired,\n price: PropTypes.number.isRequired,\n placesLimit: PropTypes.number,\n maxExtraSlots: PropTypes.number,\n};\n\nexport function Choices({\n onFocus,\n onBlur,\n onChange,\n disabled,\n value,\n withExtraSlots,\n forAccommodation,\n}) {\n const currency = useSelector(getCurrency);\n const makeOnDelete = id => () => onChange(value.filter(choice => choice.id !== id));\n const makeOnChange = id => (field, val) =>\n onChange(value.map(choice => (choice.id !== id ? choice : {...choice, [field]: val})));\n const handleMove = (sourceIndex, targetIndex) => {\n const newValue = [...value];\n const sourceItem = newValue[sourceIndex];\n newValue.splice(sourceIndex, 1);\n newValue.splice(targetIndex, 0, sourceItem);\n onChange(newValue);\n };\n const handleAdd = () => {\n const newItem = {\n id: `new:${nanoid()}`,\n caption: '',\n isEnabled: true,\n price: 0,\n placesLimit: 0,\n };\n if (!forAccommodation) {\n newItem.maxExtraSlots = 0;\n }\n onChange([...value, newItem]);\n };\n\n // TODO: style this nicely, ideally ditch the table and find a better way to do this\n // one option could be showing just the text and settings (icons?), and using a more\n // explicit edit action on the individual entries (which could then use a modal to\n // edit the actual data)\n return (\n <>\n \n
\n \n
\n
\n
\n Caption\n
\n
\n \n Price ()\n \n
\n
\n Limit\n
\n {withExtraSlots ? (\n
\n Max. extra slots\n
\n ) : (\n
\n )}\n
\n \n \n {value.map((c, i) => (\n \n ))}\n \n
\n \n {forAccommodation && (\n \n All prices are per night\n \n )}\n \n \n );\n}\n\nChoices.propTypes = {\n onFocus: PropTypes.func.isRequired,\n onBlur: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.arrayOf(PropTypes.shape(choiceShape)).isRequired,\n disabled: PropTypes.bool.isRequired,\n withExtraSlots: PropTypes.bool,\n forAccommodation: PropTypes.bool,\n};\n\nChoices.defaultProps = {\n withExtraSlots: false,\n forAccommodation: false,\n};\n\nexport const choiceFieldsSettingsFormDecorator = createDecorator({\n field: 'choices',\n updates: choices => ({isPriceSet: choices.some(c => c.price)}),\n});\n\nfunction Choice({\n withExtraSlots,\n fieldProps,\n index,\n id,\n caption,\n price,\n placesLimit,\n maxExtraSlots,\n extraSlotsPay,\n isEnabled,\n isNoAccommodation,\n onChange,\n onMove,\n onDelete,\n}) {\n const [handleRef, itemRef, style] = useSortableItem({\n type: 'regform-item-choice',\n id,\n index,\n active: !fieldProps.disabled,\n separateHandle: true,\n moveItem: onMove,\n // nothing to do since we don't need to \"save\" at the end\n onDrop: () => null,\n });\n\n const makeOnChange = field => evt => {\n const elem = evt.target;\n if (elem.type === 'checkbox') {\n onChange(field, elem.checked);\n } else if (elem.type === 'number') {\n onChange(field, +elem.value);\n } else {\n onChange(field, elem.value);\n }\n };\n\n return (\n
\n );\n}\n\nChoice.propTypes = {\n withExtraSlots: PropTypes.bool.isRequired,\n fieldProps: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n onMove: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n ...choiceShape,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {Label} from 'semantic-ui-react';\n\nimport {Translate, PluralTranslate, Singular, Plural, Param} from 'indico/react/i18n';\n\nexport function PlacesLeft({placesLimit, placesUsed, isEnabled}) {\n const placesLeft = placesLimit - placesUsed;\n const color = placesLeft > 0 ? (isEnabled ? 'green' : 'grey') : 'red';\n\n return (\n \n );\n}\n\nPlacesLeft.propTypes = {\n placesLimit: PropTypes.number.isRequired,\n placesUsed: PropTypes.number.isRequired,\n isEnabled: PropTypes.bool.isRequired,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport _ from 'lodash';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\nimport React, {useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {Form, Label} from 'semantic-ui-react';\n\nimport {DatePeriodField, FinalDatePeriod} from 'indico/react/components';\nimport {FinalField} from 'indico/react/forms';\nimport {Translate} from 'indico/react/i18n';\nimport {serializeDate, toMoment} from 'indico/utils/date';\n\nimport {getCurrency} from '../../form/selectors';\nimport {getFieldValue, getManagement, getPaid} from '../../form_submission/selectors';\n\nimport ChoiceLabel from './ChoiceLabel';\nimport {Choices, choiceShape} from './ChoicesSetup';\nimport {PlacesLeft} from './PlacesLeftLabel';\n\nimport '../../../styles/regform.module.scss';\nimport './table.module.scss';\n\nfunction AccommodationInputComponent({\n id,\n existingValue,\n value,\n onChange,\n disabled,\n isPurged,\n choices,\n arrival,\n departure,\n placesUsed,\n}) {\n const paid = useSelector(getPaid);\n const management = useSelector(getManagement);\n const currency = useSelector(getCurrency);\n const selectedChoice = choices.find(c => c.id === value.choice);\n\n const [focusedDateField, setFocusedDateField] = useState(null);\n\n const arrivalDateFrom = toMoment(arrival.startDate, moment.HTML5_FMT.DATE);\n const arrivalDateTo = toMoment(arrival.endDate, moment.HTML5_FMT.DATE);\n const departureDateFrom = toMoment(departure.startDate, moment.HTML5_FMT.DATE);\n const departureDateTo = toMoment(departure.endDate, moment.HTML5_FMT.DATE);\n\n const makeHandleChange = choice => () => {\n const newValue = {...value, choice: choice.id, isNoAccommodation: choice.isNoAccommodation};\n if (choice.isNoAccommodation) {\n delete newValue.arrivalDate;\n delete newValue.departureDate;\n }\n onChange(newValue);\n };\n\n const handleDateChange = ({startDate, endDate}) => {\n onChange({...value, arrivalDate: startDate, departureDate: endDate});\n };\n\n const isDateDisabled = date => {\n // for the arrival date we allow selecting from the start date range, but for the\n // departure date we allow both ranges to avoid the highlighted range looking very\n // broken (disabled dates do not get any highlighting when included in the range)\n if (focusedDateField === 'startDate') {\n return !date.isBetween(arrivalDateFrom, arrivalDateTo, 'day', '[]');\n }\n return !date.isBetween(arrivalDateFrom, departureDateTo, 'day', '[]');\n };\n\n // calculate minimum days so the user can only select a departure date\n // in the allowed departure date range\n const minimumDays = !value.arrivalDate\n ? 1\n : Math.max(1, moment(departureDateFrom).diff(moment(value.arrivalDate), 'days') + 1);\n\n const nights =\n value.arrivalDate && value.departureDate\n ? moment(value.departureDate).diff(moment(value.arrivalDate), 'days')\n : 0;\n\n const isPaidChoice = choice => choice.price > 0 && paid;\n const isPaidChoiceLocked = choice => !management && isPaidChoice(choice);\n\n return (\n
\n );\n}\n\nBooleanInputComponent.propTypes = {\n id: PropTypes.number.isRequired,\n value: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n disabled: PropTypes.bool.isRequired,\n required: PropTypes.bool.isRequired,\n isPurged: PropTypes.bool.isRequired,\n price: PropTypes.number.isRequired,\n placesLimit: PropTypes.number.isRequired,\n placesUsed: PropTypes.number.isRequired,\n};\n\nBooleanInputComponent.defaultProps = {\n value: null,\n};\n\nexport default function BooleanInput({\n id,\n htmlName,\n disabled,\n isRequired,\n isPurged,\n price,\n placesLimit,\n placesUsed,\n}) {\n const validateBoolean = value => {\n if (isRequired && value === null) {\n return Translate.string('This field is required.');\n }\n };\n\n return (\n \n );\n}\n\nBooleanInput.propTypes = {\n id: PropTypes.number.isRequired,\n htmlName: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n isRequired: PropTypes.bool,\n isPurged: PropTypes.bool.isRequired,\n price: PropTypes.number,\n placesLimit: PropTypes.number,\n placesUsed: PropTypes.number,\n};\n\nBooleanInput.defaultProps = {\n disabled: false,\n isRequired: false,\n price: 0,\n placesLimit: 0,\n placesUsed: 0,\n};\n\nexport function BooleanSettings() {\n const options = [\n {key: true, value: true, text: Translate.string('Yes')},\n {key: false, value: false, text: Translate.string('No')},\n ];\n return (\n <>\n (val === '' ? 0 : +val)}\n format={val => (val === 0 ? '' : val)}\n />\n \n \n );\n}\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {Field} from 'react-final-form';\nimport {useSelector} from 'react-redux';\nimport {Label} from 'semantic-ui-react';\n\nimport {FinalCheckbox, FinalInput, validators as v} from 'indico/react/forms';\nimport {Translate} from 'indico/react/i18n';\n\nimport {getCurrency} from '../../form/selectors';\nimport {getFieldValue} from '../../form_submission/selectors';\n\nimport {PlacesLeft} from './PlacesLeftLabel';\n\nimport styles from '../../../styles/regform.module.scss';\n\nexport default function CheckboxInput({\n id,\n htmlId,\n htmlName,\n disabled,\n title,\n isRequired,\n showAsRequired,\n price,\n placesLimit,\n placesUsed,\n retentionPeriodIcon,\n}) {\n const currency = useSelector(getCurrency);\n const existingValue = useSelector(state => getFieldValue(state, id));\n const checkboxId = `${htmlId}-checkbox`;\n\n return (\n 0 && placesUsed >= placesLimit && !existingValue)}\n required={isRequired}\n >\n {retentionPeriodIcon}\n {!!price && (\n \n {({input: {value: checked}}) => (\n \n )}\n \n )}\n {!!placesLimit && (\n
\n \n
\n )}\n \n );\n}\n\nCheckboxInput.propTypes = {\n id: PropTypes.number.isRequired,\n htmlId: PropTypes.string.isRequired,\n htmlName: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n title: PropTypes.string.isRequired,\n isRequired: PropTypes.bool.isRequired,\n showAsRequired: PropTypes.bool.isRequired,\n price: PropTypes.number,\n placesLimit: PropTypes.number.isRequired,\n placesUsed: PropTypes.number.isRequired,\n retentionPeriodIcon: PropTypes.element,\n};\n\nCheckboxInput.defaultProps = {\n disabled: false,\n price: 0,\n retentionPeriodIcon: null,\n};\n\nexport function CheckboxSettings() {\n return (\n (val === '' ? 0 : +val)}\n format={val => (val === 0 ? '' : val)}\n />\n );\n}\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {useSelector} from 'react-redux';\nimport {Dropdown} from 'semantic-ui-react';\n\nimport {FinalCheckbox, FinalField} from 'indico/react/forms';\nimport {Translate} from 'indico/react/i18n';\n\nimport '../../../styles/regform.module.scss';\n\nimport {getStaticData} from '../selectors';\n\nconst isoToFlag = country =>\n String.fromCodePoint(...country.split('').map(c => c.charCodeAt() + 0x1f1a5));\n\nfunction CountryInputComponent({value, onChange, disabled, choices, clearable}) {\n return (\n onChange(newValue)}\n options={choices.map(country => ({\n key: country.countryKey,\n value: country.countryKey,\n text: `${isoToFlag(country.countryKey)} ${country.caption}`,\n }))}\n />\n );\n}\n\nCountryInputComponent.propTypes = {\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n disabled: PropTypes.bool.isRequired,\n choices: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)).isRequired,\n clearable: PropTypes.bool.isRequired,\n};\n\nexport default function CountryInput({htmlId, htmlName, disabled, isRequired, choices}) {\n return (\n x}\n />\n );\n}\n\nCountryInput.propTypes = {\n htmlId: PropTypes.string.isRequired,\n htmlName: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n isRequired: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)).isRequired,\n};\n\nCountryInput.defaultProps = {\n disabled: false,\n isRequired: false,\n};\n\nexport function CountrySettings({htmlName}) {\n const {hasPredefinedAffiliations} = useSelector(getStaticData);\n if (htmlName !== 'country' || !hasPredefinedAffiliations) {\n return null;\n }\n return (\n \n );\n}\n\nCountrySettings.propTypes = {\n htmlName: PropTypes.string.isRequired,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport createDecorator from 'final-form-calculate';\nimport PropTypes from 'prop-types';\nimport TimePicker from 'rc-time-picker';\nimport React from 'react';\nimport {Field} from 'react-final-form';\nimport {Form, Input} from 'semantic-ui-react';\n\nimport {SingleDatePicker} from 'indico/react/components';\nimport {FinalDropdown, FinalField, parsers as p} from 'indico/react/forms';\nimport {Translate} from 'indico/react/i18n';\nimport {toMoment} from 'indico/utils/date';\n\nimport '../../../styles/regform.module.scss';\n\nfunction DateInputComponent({id, value, onChange, disabled, required, dateFormat, timeFormat}) {\n const dateValue = value.split('T')[0];\n const timeValue = value.includes('T') ? value.split('T')[1] : '';\n\n const handleDateChange = newDate => {\n const dateString = newDate ? newDate.toISOString().split('T')[0] : '';\n const timeString = timeFormat ? timeValue : '00:00:00';\n onChange(`${dateString}T${timeString}`);\n };\n const handleTimeChange = newTime =>\n onChange(newTime ? `${dateValue}T${newTime.format('HH:mm:00')}` : dateValue);\n\n return (\n \n \n false}\n verticalSpacing={10}\n enableOutsideDays\n />\n \n {timeFormat && (\n \n node}\n />\n \n )}\n \n );\n}\n\nDateInputComponent.propTypes = {\n id: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n disabled: PropTypes.bool.isRequired,\n required: PropTypes.bool.isRequired,\n dateFormat: PropTypes.oneOf([\n 'DD/MM/YYYY',\n 'DD.MM.YYYY',\n 'MM/DD/YYYY',\n 'MM.DD.YYYY',\n 'YYYY/MM/DD',\n 'YYYY.MM.DD',\n 'MM/YYYY',\n 'MM.YYYY',\n 'YYYY',\n ]).isRequired,\n timeFormat: PropTypes.oneOf(['12h', '24h']),\n};\n\nDateInputComponent.defaultProps = {\n timeFormat: null,\n};\n\nexport default function DateInput({\n htmlId,\n htmlName,\n disabled,\n isRequired,\n dateFormat,\n timeFormat,\n}) {\n const friendlyDateFormat = dateFormat.replace(\n /%([HMdmY])/g,\n (match, c) => ({H: 'HH', M: 'mm', d: 'DD', m: 'MM', Y: 'YYYY'}[c])\n );\n const validateDateTime = dateTime => {\n if (dateTime && !dateTime.match(/\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:00(.*)/)) {\n return Translate.string('The provided date is invalid.');\n }\n };\n\n if (dateFormat.includes('%d')) {\n return (\n \n );\n } else {\n const parseDate = date => {\n if (!date) {\n return date;\n }\n const regexps = {\n '%m/%Y': /^(?\\d{2})\\/(?\\d{4})$/,\n '%m.%Y': /^(?\\d{2})\\.(?\\d{4})$/,\n '%Y': /^(?\\d{4})$/,\n };\n const match = regexps[dateFormat].exec(date);\n const rv = match ? `${match.groups.year}-${match.groups.month ?? '01'}-01T00:00:00` : date;\n try {\n toMoment(rv, 'YYYY-MM-DDTHH:mm:ss', true);\n return rv;\n } catch (e) {\n return date;\n }\n };\n const formatDate = date => {\n if (!date || !date.includes('T')) {\n return date;\n }\n try {\n return toMoment(date, 'YYYY-MM-DDTHH:mm:ss', true).format(friendlyDateFormat);\n } catch (e) {\n return date;\n }\n };\n return (\n \n );\n }\n}\n\nDateInput.propTypes = {\n htmlId: PropTypes.string.isRequired,\n htmlName: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n isRequired: PropTypes.bool,\n dateFormat: PropTypes.oneOf([\n '%d/%m/%Y',\n '%d.%m.%Y',\n '%m/%d/%Y',\n '%m.%d.%Y',\n '%Y/%m/%d',\n '%Y.%m.%d',\n '%m/%Y',\n '%m.%Y',\n '%Y',\n ]).isRequired,\n timeFormat: PropTypes.oneOf(['12h', '24h']),\n};\n\nDateInput.defaultProps = {\n disabled: false,\n isRequired: false,\n timeFormat: null,\n};\n\nexport const dateSettingsFormDecorator = createDecorator({\n field: 'dateFormat',\n updates: dateFormat => {\n // clear the time format when it doesn't make sense for the selected date format\n if (!dateFormat.includes('%d')) {\n return {timeFormat: null};\n }\n return {};\n },\n});\n\nexport const dateSettingsInitialData = {\n dateFormat: '%d/%m/%Y',\n timeFormat: null,\n};\n\nexport function DateSettings() {\n const dateOptions = [\n '%d/%m/%Y',\n '%d.%m.%Y',\n '%m/%d/%Y',\n '%m.%d.%Y',\n '%Y/%m/%d',\n '%Y.%m.%d',\n '%m/%Y',\n '%m.%Y',\n '%Y',\n ].map(opt => ({\n key: opt,\n value: opt,\n text: opt.replace(\n /%([HMdmY])/g,\n (match, c) => ({H: 'hh', M: 'mm', d: 'DD', m: 'MM', Y: 'YYYY'}[c])\n ),\n }));\n const timeOptions = [\n {key: '12h', value: '12h', text: Translate.string('12 hours')},\n {key: '24h', value: '24h', text: Translate.string('24 hours')},\n ];\n return (\n \n \n \n {({input: {value: dateFormat}}) => (\n \n )}\n \n \n );\n}\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport validateEmailURL from 'indico-url:event_registration.check_email';\n\nimport PropTypes from 'prop-types';\nimport React, {useMemo, useState} from 'react';\nimport {useSelector} from 'react-redux';\nimport {Message} from 'semantic-ui-react';\n\nimport {FinalInput, validators as v} from 'indico/react/forms';\nimport {useDebouncedAsyncValidate} from 'indico/react/hooks';\nimport {Param, Translate} from 'indico/react/i18n';\nimport {indicoAxios, handleAxiosError} from 'indico/utils/axios';\n\nimport {getUpdateMode} from '../../form_submission/selectors';\nimport {getStaticData} from '../selectors';\n\nimport '../../../styles/regform.module.scss';\n\nexport default function EmailInput({htmlId, htmlName, disabled, isRequired}) {\n const isMainEmailField = htmlName === 'email';\n const [message, setMessage] = useState({status: '', message: '', forEmail: ''});\n const isUpdateMode = useSelector(getUpdateMode);\n const {eventId, regformId, registrationUuid, management} = useSelector(getStaticData);\n const invitationToken = useMemo(() => new URLSearchParams(location.search).get('invitation'), []);\n const url = useMemo(() => {\n const params = {event_id: eventId, reg_form_id: regformId};\n if (invitationToken) {\n params.invitation = invitationToken;\n }\n return validateEmailURL(params);\n }, [eventId, regformId, invitationToken]);\n const validateEmail = useDebouncedAsyncValidate(async email => {\n let msg, response;\n email = email.trim();\n if (!email) {\n // we disabled the regular required validator in order for this to always run\n msg = Translate.string('This field is required.');\n setMessage({\n status: 'error',\n forEmail: email,\n message: msg,\n });\n return msg;\n }\n setMessage({\n status: '',\n forEmail: email,\n message: Translate.string('Checking email address...'),\n });\n try {\n response = await indicoAxios.get(url, {\n params: isUpdateMode ? {email, management, update: registrationUuid} : {email, management},\n });\n } catch (error) {\n return handleAxiosError(error);\n }\n const data = response.data;\n const name = data.user ? $('', {text: data.user}).html() : null;\n if (data.conflict === 'email-already-registered') {\n msg = Translate.string('There is already a registration with this email address.');\n } else if (data.conflict === 'user-already-registered') {\n msg = Translate.string('The user associated with this email address is already registered.');\n } else if (data.conflict === 'no-user') {\n msg = Translate.string('There is no Indico user associated with this email address.');\n } else if (\n data.status === 'error' &&\n (data.conflict === 'email-other-user' || data.conflict === 'email-no-user')\n ) {\n msg = Translate.string('This email address is not associated with your Indico account.');\n } else if (data.conflict === 'email-other-user') {\n msg = (\n \n The registration will be re-associated to a different user (\n } value={name} />\n ).\n \n );\n } else if (data.conflict === 'email-no-user') {\n msg = (\n \n The registration will be disassociated from the current user (\n } value={name} />\n ).\n \n );\n } else if (data.conflict === 'email-invalid') {\n if (data.email_error === 'undeliverable') {\n msg = Translate.string('The domain used in the email address does not exist.');\n } else {\n msg = Translate.string('This email address is invalid.');\n }\n } else if (!data.user) {\n msg = Translate.string('The registration will not be associated with any Indico account.');\n } else if (data.self) {\n msg = Translate.string('The registration will be associated with your Indico account.');\n } else if (data.same) {\n msg = (\n \n The registration will remain associated with the Indico account{' '}\n } value={name} />.\n \n );\n } else {\n msg = (\n \n The registration will be associated with the Indico account{' '}\n } value={name} />.\n \n );\n }\n\n setMessage({status: data.status, message: msg, forEmail: email});\n if (data.status === 'error') {\n return msg;\n }\n }, 250);\n\n return (\n \n {isMainEmailField && !!message.forEmail && !!message.message && (\n \n {message.message}\n \n )}\n \n );\n}\n\nEmailInput.propTypes = {\n htmlId: PropTypes.string.isRequired,\n htmlName: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n isRequired: PropTypes.bool.isRequired,\n};\n\nEmailInput.defaultProps = {\n disabled: false,\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"field-file-input\":\"events-registration-client-js-form-fields-___FileInput-module__field-file-input___UvzUm\",\"fileinput-label\":\"events-registration-client-js-form-fields-___FileInput-module__fileinput-label___mRG4Q\",\"fileinput-label-squarecorners\":\"events-registration-client-js-form-fields-___FileInput-module__fileinput-label-squarecorners___oXZ7p\"};","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport uploadFileURL from 'indico-url:event_registration.upload_registration_file';\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {useSelector} from 'react-redux';\n\nimport {FinalSingleFileManager} from 'indico/react/components';\n\nimport {getUpdateMode} from '../../form_submission/selectors';\nimport {getStaticData} from '../selectors';\n\nimport '../../../styles/regform.module.scss';\nimport './FileInput.module.scss';\n\nexport default function FileInput({htmlName, disabled, isRequired}) {\n const {eventId, regformId, registrationUuid, fileData} = useSelector(getStaticData);\n const isUpdateMode = useSelector(getUpdateMode);\n const initialFileDetails = isUpdateMode ? fileData[htmlName] || null : null;\n\n const urlParams = {\n event_id: eventId,\n reg_form_id: regformId,\n };\n if (registrationUuid) {\n urlParams.token = registrationUuid;\n }\n\n return (\n
\n \n
\n );\n}\n\nFileInput.propTypes = {\n htmlName: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n isRequired: PropTypes.bool,\n};\n\nFileInput.defaultProps = {\n disabled: false,\n isRequired: false,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport '../../../styles/regform.module.scss';\n\nexport default function LabelInput({title}) {\n return
{title}
;\n}\n\nLabelInput.propTypes = {\n title: PropTypes.string.isRequired,\n};\n","// This file is part of Indico.\n// Copyright (C) 2002 - 2024 CERN\n//\n// Indico is free software; you can redistribute it and/or\n// modify it under the terms of the MIT License; see the\n// LICENSE file for more details.\n\nimport _ from 'lodash';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport {Field} from 'react-final-form';\nimport {useSelector} from 'react-redux';\nimport {Checkbox, Dropdown, Label} from 'semantic-ui-react';\n\nimport {FinalCheckbox, FinalField, FinalInput, validators as v} from 'indico/react/forms';\nimport {Translate, PluralTranslate} from 'indico/react/i18n';\n\nimport {getCurrency} from '../../form/selectors';\nimport {getFieldValue, getManagement, getPaid} from '../../form_submission/selectors';\n\nimport ChoiceLabel from './ChoiceLabel';\nimport {Choices, choiceShape} from './ChoicesSetup';\nimport {PlacesLeft} from './PlacesLeftLabel';\n\nimport '../../../styles/regform.module.scss';\nimport './table.module.scss';\n\nfunction MultiChoiceInputComponent({\n id,\n existingValue,\n value,\n onChange,\n onFocus,\n onBlur,\n disabled,\n choices,\n withExtraSlots,\n placesUsed,\n}) {\n const paid = useSelector(getPaid);\n const management = useSelector(getManagement);\n const currency = useSelector(getCurrency);\n\n const markTouched = () => {\n onFocus();\n onBlur();\n };\n\n const makeHandleChange = choice => () => {\n markTouched();\n if (value[choice.id]) {\n onChange(_.omit(value, choice.id));\n } else {\n onChange({...value, [choice.id]: +!value[choice.id]});\n }\n };\n const makeHandleSlotsChange = choice => (__, {value: newValue}) => {\n markTouched();\n if (!+newValue) {\n onChange(_.omit(value, choice.id));\n } else {\n onChange({...value, [choice.id]: +newValue});\n }\n };\n\n const formatPrice = choice => {\n const val = value[choice.id] || 0;\n return ((val === 0 ? 0 : choice.extraSlotsPay ? val : 1) * choice.price).toFixed(2);\n };\n\n const isPaidChoice = choice => choice.price > 0 && paid;\n const isPaidChoiceLocked = choice => !management && isPaidChoice(choice);\n\n return (\n