\n \n
\n ) : null\n }\n \n\n )\n\n return modal\n}\n\nexport default AdamModal","\nimport React, { useState } from \"react\";\nimport classNames from \"classnames\";\nimport { cleanCheckboxLabel } from \"../../utils/functions\";\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport Multiselect from 'multiselect-react-dropdown';\nimport Select from 'react-select';\n\nconst Input = (props) => {\n\n const [modalOpen, setModalOpen] = useState(false)\n // const [originalContent, setOriginalContent] = useState()\n const [currentContent, setCurrentContent] = useState(\"\")\n\n const openModal = (content) => {\n // setOriginalContent(oc)\n setCurrentContent(content)\n setModalOpen(true)\n }\n\n const onModalRequestClose = () => {\n // setOriginalContent()\n setCurrentContent(\"\")\n setModalOpen(false)\n }\n\n const pluckIds = (selectedList) => {\n return selectedList.map(item => item.id)\n }\n\n let inputElement = null;\n const name = props.id\n const cleanProps = () => {\n let {\n key,\n labelHtml,\n invalidText,\n elementType,\n register,\n control,\n labelOn,\n labelOff,\n selectedItem,\n popupContent,\n original,\n nowrap,\n ...cleanProps\n } = props;\n\n let defaultClassName = \"\"\n\n switch (props.elementType) {\n case \"checkbox\":\n defaultClassName = \"form-check-input\"\n break;\n case \"singleselect\":\n defaultClassName = \"form-singleselect\"\n break;\n default:\n defaultClassName = \"form-control form-control-lg\"\n }\n\n let placeholder = props.placeholder\n if (props.required && !props.hide_asterisk) {\n placeholder += `*`\n }\n return {\n ...cleanProps,\n id: props.id,\n className: props.className ? props.className + ` ${defaultClassName}` : defaultClassName,\n className: classNames(\n props.className,\n defaultClassName,\n { \"is-invalid\": props.invalid }\n ),\n placeholder: placeholder,\n onChange: (e) => props.onChange(e),\n name: name\n // value: (value === null) ? undefined : value\n };\n };\n switch (props.elementType) {\n case \"text\":\n case \"email\":\n case \"password\":\n inputElement = (\n \n {props.invalidText}\n
\n ) : null\n return (props.elementType !== \"checkbox\") ? (\n \n {\n props.label ? (\n \n ) : null\n }\n {inputElement}\n {invalidFeedback}\n
\n ) : (\n \n {inputElement}\n {\n props.label ? (\n \n {label}{asterisk}\n \n ) : null\n }\n {\n props.labelHtml ? (\n {label}\n ) : null\n }\n {modal}\n {invalidFeedback}\n
\n )\n};\n\nexport default Input;\n","import React, { useContext } from 'react';\nimport { ThemeContext } from 'styled-components';\nimport MainContext from '../../context/MainContext';\nimport classNames from 'classnames';\n\nconst Logo = React.forwardRef(({ sectionName }, ref) => {\n\n const context = useContext(MainContext)\n const themeContext = useContext(ThemeContext);\n\n const className = classNames(\"d-inline-block align-center navbar-logo\", ` navbar-logo__${sectionName}`)\n\n const logo = themeContext.mediaHeaderLogoDesktop ? (\n \n {props.children}\n
\n )\n}\n\nexport default Container","import classNames from \"classnames\"\nimport React from \"react\"\n\nconst Row = React.forwardRef((props, ref) => {\n\n const style = props.relative ? {\n position: \"relative\"\n } : {}\n const { className, ...cleanProps } = props\n return (\n \n {props.mainTitle}\n
\n ) : null\n\n const sectionIntro = props.intro ? (\n \n ) : null\n\n const sectionTitle = props.hideTitle ? props.hideSectionIntro ? null : sectionIntro : props.title ? (isAppView || is2ColsView) ? (\n <>\n {sectionMainTitle}\n {sectionIntro}\n \n {props.title}\n
\n \n ) : (\n\n
\n \n {props.title}\n
\n\n {loginFormTitle}\n
\n ) : null\n }\n \n setEmail(e.target.value)}\n nowrap={true}\n role=\"button\"\n value={email}\n className=\" w-100\"\n placeholder={window._.get(context, \"contents.emailBoxLoginPlaceholder\")}\n style={{\n display: \"inline-block\",\n }}\n />\n
\n \n props.onLoginClicked({\n email: email\n })}>\n {\n props.loginWaiting ? (\n
\n\n {\n props.loginErrors ? (\n \n {props.loginErrors.join(\", \")}\n
\n ) : null\n }\n \n {sectionContent}\n
\n ) : (\n \n {props.children}\n
\n )\n}\n\nexport default AspectRatio","import React, { useEffect, useState } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\nimport classNames from \"classnames\";\nimport AspectRatio from \"../../ui/AspectRatio/AspectRatio\";\n\nconst SpeakerBioModal = (props) => {\n const [modalOpen, setModalOpen] = useState(false)\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n const { textCentered } = props\n\n const img = (\n \n
\n \n \n )\n\n const modal = (\n \n {img}\n \n
\n \n {openPopupButton}\n {img}\n \n
\n )\n const colRules = grid ? {\n [`col-xs-${grid.mobile}`]: grid.mobile,\n [`col-md-${grid.tablet}`]: grid.tablet,\n [`col-lg-${grid.desktop}`]: grid.desktop && !props.fullWidth,\n } : null\n\n return (\n <>\n \n {content}\n
\n \n \n {openAccordionButton}\n
\n )\n\n return (\n \n {props.firstname} {props.lastname}\n
\n \n \n
\n \n
\n )\n}\n\nconst Speakers = ({ hiddenItems = [], ...props }) => {\n\n // let lastConfig = []\n const context = useContext(MainContext)\n\n const layout = getThemeConfig(context, \"speakers\")\n\n const isGridLayout = (!window._.isEmpty(layout)) ? layout.theme === \"grid\" : false\n // const thumbsRounded = (!window._.isEmpty(layout)) ? layout['thumbs-shape'] === \"round\" : false\n const textCentered = (!window._.isEmpty(layout)) ? layout[\"text-align\"] === \"center\" : false\n const grid = (!window._.isEmpty(layout)) ? layout[\"grid\"] : null\n // const thumbBordered = (!window._.isEmpty(layout)) ? layout[\"thumbs-border\"] : false\n\n const speakers = (\n props.items === undefined ||\n props.items === null ||\n props.items?.length === 0\n ) ? (context.speakers || []) : props.items\n\n let cards = \n
\n \n {img}\n
\n \n {content}\n
\n \n {openAccordionButton}\n \n
\n \n )\n\n const subtitle = (\n <>\n \n {openAccordionButton}\n \n
\n \n )\n\n if (!episode) {\n episode = window._.get(context, \"episode\")\n }\n\n const speechTime = ((\n episode.has_future_live_events &&\n showDate\n ) || props.showDate) &&\n !hideAgendaDatetime ?\n `${localTime(props.start_at, props.timezone).format(\"HH:mm\")} - ${localTime(props.start_at, props.timezone).add(props.duration, \"minutes\").format(\"HH:mm\")} (${props.duration} ${window._.get(context, \"contents.minutes\") || 'minutes'})` : // ${props.timezone}\n `${props.duration} ${window._.get(context, \"contents.minutes\") || 'minutes'}`\n\n const time = (\n \n {speechTime}\n
\n )\n\n // const duration = (!props.isZigZagTheme) ? (\n // \n // {props.duration} minutes\n //
\n // ) : null\n\n const gridStyle = grid ? {\n [`col-xs-${grid.mobile}`]: grid.mobile,\n [`col-md-${grid.tablet}`]: grid.tablet,\n [`col-lg-${grid.desktop}`]: grid.desktop,\n } : null\n\n return (\n \n {\n groupedSeakers ? (\n \n
\n ) : (\n props.isZigZagTheme ? (\n \n {title}\n {subtitle}\n {time}\n
\n ) : (\n \n {time}\n {title}\n {subtitle}\n
\n )\n )\n\n }\n {\n showNestedAgenda ? (\n \n
\n )\n }\n
\n \n )\n}\n\nconst AgendaDay = ({ allowNested, groupedSeakers, hideAgendaDatetime, sidebar, ...props }) => {\n\n const context = useContext(MainContext)\n const inverted = getThemeConfig(context, \"agenda.date\") === \"inverted\"\n\n const Day = styled.h3`\n display: inline-block;\n color: ${inverted ? props.style.backgroundColor : props.style.primaryColor};\n background-color: ${inverted ? props.style.primaryColor : \"transparent\"};\n padding: ${inverted ? \".5rem 1rem\" : \"0\"}\n `;\n\n const agendaTheme = getThemeConfig(context, \"agenda.theme\")\n const hideDay = getThemeConfig(context, \"agenda.hide-day\")\n const isZigZagTheme = agendaTheme === \"zigzag\"\n const className = (props.isAppView) ? \"\" : classNames({\n \"col-12\": !isZigZagTheme,\n \"col-9\": isZigZagTheme\n }, {\n \"offset-3\": (props.indexDay % 2) && isZigZagTheme\n })\n const vertical = getThemeConfig(context, \"speakers.list-direction\") === \"vertical\"\n\n const eventDayCOntent = (\n \n {time}\n {title}\n {subtitle}\n
\n \n {\n props.speakers.map((speaker, speakerIndex) => (\n
\n \n
\n ) : groupedSeakers ? null : (\n \n
\n \n {\n vertical ?\n props.speakers.map((speaker, speakerIndex) => (\n
\n \n {speaker.firstname} {speaker.lastname}\n
\n )) :\n props.speakers.map(speaker => {\n return `${speaker.firstname} ${speaker.lastname}`\n }).join(\", \")\n }\n \n {eventDayCOntent}\n
\n \n {hideDay ? null : eventDay}\n {/*
\n )\n}\n\nconst Agenda = ({ allowNested, groupedSeakers, sidebar, ...props }) => {\n\n // const [items, setItems] = useState([])\n // const [country, setCountry] = useState()\n // const [language, setLanguage] = useState()\n // const [episodeId, setepisodeId] = useState()\n // const [loadingContents, setLoadingContents] = useState(false)\n // const [lastConfig, setLastConfig] = useState()\n // const [loading, setLoading] = useState(false)\n\n const context = useContext(MainContext)\n const themeContext = useContext(ThemeContext);\n\n const { episode } = props\n // const agendaTheme = getThemeConfig(context, \"agenda\")\n\n // useEffect(() => {\n // fetchData(loadingContents)\n // return () => { setItems([]) }\n // }, [props.country, props.language, props.episodeId, loadingContents])\n\n // useEffect(() => {\n // setLoadingContents(context.loadingContents)\n // }, [context.loadingContents])\n\n // useEffect(() => {\n // // const grouped = window._.groupBy(context.agenda, (item) => {\n // // return item.day\n // // })\n\n // const agenda = (\n // props.items === undefined &&\n // !window._.isEmpty(props.items)\n // ) ? context.agenda : props.items\n // consoleLog(\"agenda\", agenda)\n // setItems(agenda)\n // }, [context.agenda, props.items])\n\n // useEffect(() => {\n // if (props.country) {\n // setCountry(props.country)\n // }\n // }, [props.country])\n\n // useEffect(() => {\n\n // if (props.language) {\n // setLanguage(props.language)\n // }\n // }, [props.language])\n\n // useEffect(() => {\n // if (props.episodeId) {\n // setepisodeId(props.episodeId)\n // }\n // }, [props.episodeId])\n\n // const fetchData = async (disabled) => {\n // const { country, language, episodeId, internal } = props\n // console.log(\"fetchData\", country, language, episodeId, !loadingContents)\n // if (country && language && episodeId && !disabled && lastConfig !== [country, language, episodeId, internal]) {\n // setLoading(true)\n // setLastConfig([country, language, episodeId, internal])\n // try {\n // const res = await getAgenda({ country, language, episodeId, internal })\n // const grouped = window._.groupBy(res, (item) => {\n // return item.day\n // })\n\n\n // setItems(grouped)\n // }\n // catch (e) { }\n // finally {\n // setLoading(false)\n // }\n // }\n // }\n const agenda = (\n props.items === undefined ||\n props.items === null ||\n props.items?.length === 0\n ) ? (context.agenda || []) : props.items\n\n const grouped = window._.groupBy(agenda, (item) => {\n return item.day\n })\n let agendaDays = []\n const layout = getThemeConfig(context, \"agenda\")\n const grid = (!window._.isEmpty(layout)) ? layout[\"grid\"] : null\n\n const isAppView = (\n context.isAppView ||\n context.is2ColsView\n )\n\n if (context.loadingContents) {\n agendaDays = */}\n {props.items[props.day].map((item, index) => {\n const timeout = (100 * index)\n return (\n
*/}\n \n \n {props.question}\n \n \n
\n \n )\n}\n\nconst FaqsModal = (props) => {\n // const [modalOpen, setModalOpen] = useState(false)\n const context = useContext(MainContext)\n // const themeContext = useContext(ThemeContext);\n\n // useEffect(() => {\n // setModalOpen(props.open)\n // }, [props.open])\n\n const grid = (\n +
\n \n {\n content.map((row, index) => {\n\n return (\n
\n ) : null\n}\n\nContacts.className = \"contacts\"\nContacts.hideIfEmpty = true\nexport default wrapSection(Contacts)","import React, { useContext } from 'react';\nimport styled, { ThemeContext } from 'styled-components';\nimport wrapSection from '../../hoc/wrapSection';\nimport \"./Footer.scss\"\n\nconst Footer = (props) => {\n\n const themeContext = useContext(ThemeContext);\n const footerContentColor = themeContext.footerTextColor || themeContext.tertiaryColor\n const poweredByColor = themeContext.poweredByColor || footerContentColor\n\n const logo = !window._.isEmpty(themeContext.mediaFooterLogoDesktop) ? (\n \n {row.before ? (\n
\n setEmail(e.target.value)}\n nowrap={true}\n role=\"button\"\n value={email}\n placeholder={window._.get(context, \"contents.emailBoxLoginPlaceholder\")}\n style={{\n display: \"inline-block\",\n width: \"50%\"\n }}\n />\n props.onLoginClicked({\n email: email\n })}>\n {\n props.loginWaiting ? (\n
\n {\n props.loginErrors ? (\n \n {props.loginErrors.join(\", \")}\n
\n ) : null\n }\n \n ) : null\n //(window._.get(rfConfig, \"modal\"))\n const registerButton = (\n \n
\n ) : null\n\n return intro\n}\n\nHeader.className = \"header\"\nHeader.fluid = true\nexport default wrapSection(Header)","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from \"react\"\nimport Button from \"../Button/Button\"\nimport \"./LogoutButton.scss\"\n\nconst LogoutButton = (props) => {\n\n return (\n <>\n \n \n {props.logoutButtonContent}\n \n
\n \n )\n}\n\nexport default LogoutButton","export const client = window.axios\n\nexport const buildQuery = (queryParams) => {\n const query = Object.keys(queryParams).map((key) => {\n return encodeURIComponent(key) + '=' + encodeURIComponent(queryParams[key])\n }).join('&');\n return query\n}\n\nexport const get = async (url) => {\n const res = await client.get(url)\n return res\n}\n\nexport const login = async (params) => {\n const res = await client.post(`login`, params)\n return res.data.data\n}\n\nexport const logout = async (params) => {\n const res = await client.post(`logout`, params)\n return res.data.data\n}\n\nexport const forceLogout = async (params) => {\n const res = await client.post(`force-logout`, params)\n return res.data.data\n}\n\nexport const me = async (params) => {\n const query = window._.isEmpty(params) ? \"\" : `?${buildQuery(params)}`\n // const query = window._.isEmpty(params) ? \"\" : `?${buildQuery(params)}`\n const res = await client.get(`me${query}`)\n return res.data.data\n}\n\nexport const detectEvent = async (params) => {\n const query = window._.isEmpty(params) ? \"\" : `?${buildQuery(params)}`\n const res = await client.get(`detect${query}`)\n return res.data.data\n}\n\nexport const eventPreview = async (params) => {\n const query = window._.isEmpty(params) ? \"\" : `?${buildQuery(params)}`\n const res = await client.get(`preview${query}`)\n return res.data.data\n}\n\nexport const getEvent = async (params) => {\n const query = window._.isEmpty(params) ? \"\" : `?${buildQuery(params)}`\n const res = await client.get(`${query}`)\n return res.data.data\n}\n\nexport const getSpeakers = async (params) => {\n\n const { country, language, episodeId, internal } = params\n\n let queryParams = {\n lang_id: language,\n episode_id: episodeId,\n is_internal: internal,\n }\n\n if (country) {\n queryParams = {\n ...queryParams,\n country_id: country\n }\n }\n\n const res = await client.get(`speakers?${buildQuery(queryParams)}`)\n return res.data.data\n}\n\nexport const getAgenda = async (params) => {\n\n const { country,\n language,\n episodeId,\n internal\n } = params\n\n let queryParams = {\n lang_id: language,\n episode_id: episodeId,\n is_internal: internal\n }\n\n if (country) {\n queryParams = {\n ...queryParams,\n country_id: country\n }\n }\n\n const res = await client.get(`agendas?${buildQuery(queryParams)}`)\n return res.data.data\n}\n\nexport const getEligibleEpisodes = async (params) => {\n\n const {\n lang_id,\n country_id,\n registration_mode,\n internal,\n selectedEpisodes,\n selectedEpisodeCategories,\n all\n } = params\n\n let query = {\n country_id: country_id,\n lang_id: lang_id,\n is_internal: internal,\n episodes: selectedEpisodes,\n episode_categories_id: selectedEpisodeCategories,\n all: all\n }\n\n if (registration_mode) {\n query = {\n ...query,\n registration_mode: registration_mode\n }\n }\n\n const res = await client.get(`eligible-episodes?${buildQuery(query)}`)\n return res.data.data\n}\n\nexport const getStyles = async (params) => {\n\n const res = await client.get(`layouts`)\n return res.data.data\n}\n\nexport const getMedia = async (params) => {\n\n const res = await client.get(`media`)\n return res.data.data\n}\n\nexport const getContents = async (params) => {\n const query = (params) ? `?${buildQuery(params)}` : ''\n const res = await client.get(`contents${query}`)\n return res.data.data\n}\n\nexport const getLegals = async (params) => {\n const { country, language, internal } = params\n let queryParams = {}\n\n if (country) {\n queryParams = {\n ...queryParams,\n country_id: country\n }\n }\n if (language) {\n queryParams = {\n ...queryParams,\n lang_id: language\n }\n }\n if (internal) {\n queryParams = {\n ...queryParams,\n is_internal: internal\n }\n }\n const res = await client.get(`legals?${buildQuery(queryParams)}`)\n return res.data.data\n}\n\nexport const getPlayerSources = async (params) => {\n const res = await client.get(`sources?${buildQuery(params)}`)\n return res.data.data\n}\n\nexport const loadQuestions = async (params) => {\n const res = await client.get(`questions?${buildQuery(params)}`)\n return res.data.data\n}\n\nexport const markQuestionAsRead = async (questionId) => {\n const res = await client.post(`questions/${questionId}/mark-as-read`)\n return res.data.data\n}\n\nexport const deleteQuestion = async (questionId) => {\n const res = await client.delete(`questions/${questionId}`)\n return res.data.data\n}\n\n// Evaluation form\nexport const sendEvaluationFormAnswers = async (params) => {\n const res = await client.post(`evaluationform/answer`, params)\n return res.data.data\n}\n\nexport const playerWhebHook = async (params) => {\n // player-event\n const res = await client.post(`webhooks/player-event`, params)\n return res.data.data\n}\n\nexport const playerInsight = async (params) => {\n // player-event\n const res = await client.post(`webhooks/player-insight`, params)\n return res.data.data\n}\n\nexport const selectEpisodeWebHook = async ({ episodeId }) => {\n // player-event\n const url = [\n \"select-episode\",\n episodeId\n ].join(\"/\")\n const res = await client.post(url)\n return res.data.data\n}\n\nexport const setSubscriberChannelPresence = async ({ channelId }) => {\n // player-event\n const url = [\n \"subscriber-channel-presence\"\n ].join(\"/\")\n const res = await client.post(url, { channel_id: channelId })\n return res.data.data\n}\n\nexport const resetSubscriberChannelPresence = async () => {\n // player-event\n const url = [\n \"reset-subscriber-channel-presence\"\n ].join(\"/\")\n const res = await client.post(url)\n return res.data.data\n}","import React, { useContext, useEffect, useState } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\nimport Button from \"../../ui/Button/Button\";\nimport { sendEvaluationFormAnswers } from \"../../api/functions\"\nimport classNames from \"classnames\";\nimport \"./EvaluationFormModal.scss\"\nimport Multiselect from \"multiselect-react-dropdown\";\nimport { consoleLog } from \"../../utils/functions\";\nimport MainContext from \"../../context/MainContext\";\n\nconst EvaluationFormModal = (props) => {\n\n const context = useContext(MainContext)\n const [modalOpen, setModalOpen] = useState(false)\n const [episode, setEpisode] = useState()\n const [loading, setLoading] = useState(false)\n const [answers, setAnswers] = useState({})\n const [requiredAnswers, setRequiredAnswers] = useState({})\n const [formFeedback, setFormFeedback] = useState()\n const [formErrors, setFormErrors] = useState([])\n const [answered, setAnswered] = useState([])\n\n const { user } = props\n const userOpenQuestions = window._.get(user, `questions`, [])\n const userEpisodes = window._.get(user, `episodes`, []).filter(item => item.is_evaluation_open && userOpenQuestions.includes(item.id))\n // const questionsCategories = window._.get(episode, \"evaluation_questions\")\n const questionsCategories = props.questionsCategories\n\n useEffect(() => {\n if (userEpisodes.length === 1) {\n setEpisode(userEpisodes[0])\n }\n }, [user])\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n useEffect(() => {\n setEpisode(context.episode)\n }, [context.episode])\n\n const onChange = (key, e, isRequired) => {\n let value = e\n if (e.target) {\n value = e.target?.value\n }\n setAnswers({\n ...answers,\n [key]: value\n })\n if (isRequired) {\n setRequiredAnswers({\n ...requiredAnswers,\n [key]: value\n })\n }\n }\n\n const buttonIsDisabled = () => {\n // if (!requiredAnswers) {\n // return false\n // }\n\n let answersResults = []\n Object.keys(requiredAnswers).forEach(k => {\n answersResults.push(requiredAnswers[k])\n })\n let questionsCOunt = 0\n if (questionsCategories) {\n questionsCategories.forEach(cat => {\n questionsCOunt += cat.evaluationquestions?.filter(item => item.is_required && item.lang_id === context.language)?.length\n })\n }\n return (\n !questionsCategories ||\n loading ||\n answersResults.filter(item => !!item).length !== questionsCOunt\n )\n }\n\n const sendAnswers = async () => {\n setFormFeedback(formFeedback => {\n return {\n ...formFeedback,\n [episode.id]: null\n }\n })\n setFormErrors()\n setLoading(true)\n try {\n const res = await sendEvaluationFormAnswers({\n episode_id: episode.id,\n answers: answers\n })\n setFormFeedback(formFeedback => {\n let ff = formFeedback\n ff[episode.id] = \"Thank you for your time!\"\n return ff\n })\n // setFormFeedback(\"Thank you for your time!\")\n setAnswered(answered => answered.concat(episode.id))\n setAnswers()\n setRequiredAnswers({})\n props.setEvaluationFormAnswered(true)\n // window.setTimeout(() => {\n // close()\n // }, 2000)\n }\n catch (e) {\n const newErrors = window._.get(e, \"response.data.message\")\n setFormErrors(newErrors)\n }\n finally {\n setLoading(false)\n }\n }\n\n const close = () => {\n setFormErrors()\n setRequiredAnswers({})\n props.closeEvaluartionFormModal()\n }\n\n const grid = episode ? window._.get(props.answered, episode.id) ? ( //window._.get(props.answered, episode.id)\n \n {props.alreadyAnsweredMessage}\n
\n \n {window._.get(formFeedback, episode.id)}\n
\n \n {\n questions?.length ? (\n \n \n {category.title}\n
\n \n ) : null\n }\n\n \n {\n questions.map(item => {\n consoleLog(\"item.options\", item.options)\n const answer = (!item.question_type) ? (\n onChange(item.id, e, item.is_required)}\n className=\"form-control form-control-lg\"\n >\n ) : item.is_radio ? (\n
\n ) : item.max_allowed_choices > 1 ? (\n \n {\n item.options ? item.options.map(option => {\n return (\n \n onChange(item.id, e, item.is_required)}\n />\n \n
\n )\n }) : null\n }\n \n
\n \n {answer}\n
\n \n )\n })\n }\n \n \n )\n }) : \"No questions\"\n }\n \n {_episode.evaluation_form_title || _episode.title}\n
\n {\n _answered ? (\n \n \n {props.alreadyAnsweredMessage}\n \n
\n ) : null\n }\n \n )\n })}\n \n {content || \"Are you sure?\"}\n
\n \n \n {okButtonText || \"Confirm\"}\n \n \n {koButtonText || \"Cancel\"}\n \n
\n \n {\n languagesList.map(lang => (\n context.setLanguage(lang.id)}\n >\n {lang.label}\n \n ))\n }\n
\n \n {siteTitle}\n
\n \n {\n props.content && props.emailAddress ?\n (\n \n \n {props.emailAddress}\n
\n \n {siteTitle}\n
\n \n {\n content ?\n (\n \n \n \n Ok\n \n
*/}\n \n \n ) : null\n }\n \n )\n\n const modal = (\n \n
\n ) : null\n\n const preRegsitrationForm = (props.isRegistration) ? (\n \n {buttonContent}{updateButton}{abortButton}{deleteButton}\n
\n \n {form}\n
\n \n \n {buttons}\n
\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default ApIdForumCovid19Form","import { useState } from 'react';\n\nfunction useThreeStatesInternal() {\n\n const [initial, setInitial] = useState(true);\n\n const onTouched = (e) => {\n const keys = Object.keys(e)\n console.log(\"setTouched\", e, keys)\n if (keys.includes(\"is_internal\")) {\n setInitial(false)\n }\n }\n\n const isInternalField = ({ context, getValue }) => {\n return {\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n placeholder: initial ? window._.get(context, \"contents.internal\") || \"Internal\" : null,\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\"),\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n }\n }\n\n return {\n initial: initial,\n onTouched: (e) => onTouched(e),\n isInternalField: (e) => isInternalField(e)\n };\n}\n\nexport default useThreeStatesInternal","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\nimport useThreeStatesInternal from '../../hooks/useThreeStatesInternal';\n\nconst ApidGnWebinarRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Infectious diseases specialist\",\n label: \"Infectious diseases specialist\"\n }, {\n value: \"Pulmonologist\",\n label: \"Pulmonologist\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Microbiologist\",\n label: \"Microbiologist\"\n }, {\n value: \"Emergency Physician\",\n label: \"Emergency Physician\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\"),\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"lang_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.registrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default ApidGnWebinarRegistrationForm","/* eslint-disable default-case */\nimport { useContext, useEffect, useState } from 'react';\nimport { ThemeContext } from 'styled-components';\nimport { buildQuery } from '../api/functions';\nimport Form from '../components/Form/Form';\nimport MainContext from '../context/MainContext';\nimport { consoleLog, getContents, getThemeConfig } from '../utils/functions';\nimport useRegistrtionFlow from './useRegistrtionFlow';\n\nfunction useRegistrtionForm(props = {}) {\n\n const context = useContext(MainContext)\n const [version, setVersion] = useState(1);\n const [previousValues, setPreviousValues] = useState({});\n const [defaultValues, setDefaultValues] = useState({});\n const [touched, setTouched] = useState([]);\n const themeContext = useContext(ThemeContext);\n\n const { forceEnableLoginButton, onSubmitDisabled, multiselectFields } = props\n\n const {\n _isMsdCtio2022\n } = useRegistrtionFlow()\n\n useEffect(() => {\n if (_isMsdCtio2022()) {\n context.setRegistrationMode(getValue(\"registration_mode\"))\n }\n }, [])\n\n let newRequiredTos = []\n const getEndpoint = () => {\n const query = buildQuery({});\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n }\n\n const onChange = (key, value) => {\n // console.log(\"onChange\", key, value);\n setPreviousValues(defaultValues)\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"country_id_of_work\":\n context.setCountryOfWork(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n case \"registration_mode\":\n context.setRegistrationMode(value)\n break\n case \"episode_categories_id\":\n context.setSelectedEpisodeCategories(value)\n break\n case \"episodes_id\":\n context.setSelectedEpisodes(value)\n break\n case \"episodes\":\n context.setSelectedEpisodes(value)\n break\n case \"stream_id\":\n context.setSelectedStreamId(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n // const countries = [{\n // id: null,\n // label: window._.get(context, \"contents.country\") || \"Country\",\n // code: null\n // }].concat(window._.get(context, \"event.countries\"))\n\n const allCountries = window._.get(context, \"event.all_countries\")\n // const allCountries = [{\n // id: null,\n // label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n // code: null\n // }].concat(window._.get(context, \"event.all_countries\"))\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const disableSubmit = (reqs) => {\n let disable = false\n if (reqs) {\n reqs.forEach(item => {\n if (!getValue(item)) {\n disable = true\n }\n })\n }\n else {\n disable = true\n }\n return disable\n }\n\n const getLegals = () => {\n let _fields = []\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n _fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n hide_asterisk: item.hide_asterisk,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n }\n })\n }\n\n return _fields\n }\n\n const cleanValues = (values) => {\n let cleaned = {}\n Object.keys(values).forEach(k => {\n\n let value = (values[k].value !== undefined && values[k].value !== null) ? values[k].value : values[k]\n if (multiselectFields?.indexOf(k) >= 0) {\n value = value?.map(item => item.value)?.join(\", \")\n }\n cleaned = {\n ...cleaned,\n [k]: value\n }\n })\n\n return cleaned\n }\n\n const getSpecialtyOptions = (langId) => {\n let options = []\n if (!langId) {\n langId = context.event?.default_language\n }\n const specialties = context.event?.registration_form_specialties[langId] || {}\n Object.keys(specialties).forEach(k => {\n options.push({\n value: k,\n label: specialties[k]\n })\n })\n\n return options\n }\n\n const onTouched = (e) => {\n setTouched(e)\n }\n\n const updateValues = (values) => {\n setDefaultValues(values)\n setVersion(version => ++version)\n }\n\n const output = (fields, extraProps) => {\n return (\n \n {logo}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n cleanValues={(values) => cleanValues(values)}\n isRegistration={true}\n forceEnableLoginButton={forceEnableLoginButton}\n onSubmitDisabled={onSubmitDisabled}\n onTouched={onTouched}\n {...extraProps}\n // modalOnEmptyEpisodesList={_isMsdCtio2022()}\n />\n
\n )\n }\n return {\n output: (fields, extraProps) => output(fields, extraProps),\n countries: countries,\n allCountries: allCountries,\n touched: touched,\n formValues: defaultValues,\n previousFormValues: previousValues,\n getLegals: getLegals,\n getEndpoint: getEndpoint,\n getSpecialtyOptions: getSpecialtyOptions,\n // setFields: (value) => setFields(value),\n getValue: (name, type) => getValue(name, type),\n onChange: (key, value) => onChange(key, value),\n onSubmit: (params) => onSubmit(params),\n updateValues: (values) => updateValues(values)\n };\n}\n\nexport default useRegistrtionForm","import { useContext } from 'react';\n\nimport MainContext from '../../context/MainContext';\nimport useRegistrtionForm from '../../hooks/useRegistrtionForm';\nimport { capitalize } from '../../utils/functions';\n\nconst ApIdGyn2023Form = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals,\n } = useRegistrtionForm()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n const getSpecialtyOptions = () => {\n const values = [\n \"Gynecology\",\n \"Internal Medicine\",\n \"Medical Oncology\",\n \"Pathology\",\n \"Radiology\",\n \"Surgeons\",\n \"Others\"\n ]\n\n const specialtiesTranslations = {\n \"en\": {\n \"Internal Medicine\": \"Internal Medicine\",\n \"Medical Oncology\": \"Medical Oncology\",\n \"Surgeons\": \"Surgeons\",\n \"Radiology\": \"Radiology\",\n \"Gynecology\": \"Gynecology\",\n \"Pathology\": \"Pathology\",\n \"Others\": \"Others\"\n }\n }\n\n return values.map(item => {\n return {\n value: item,\n label: window._.get(specialtiesTranslations, `${getValue(\"lang_id\")}.${item}`) || window._.get(specialtiesTranslations, `en.${item}`)\n }\n })\n }\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n ])\n\n if (!parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n },\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n },\n {\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Hematologist\",\n // disabled: parseInt(context.internal),\n options: getSpecialtyOptions()\n }]\n )\n if (getValue(\"specialty\") === \"Others\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n },\n {\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n }]\n )\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n fields.push(\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n }\n )\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default ApIdGyn2023Form","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\nimport useThreeStatesInternal from '../../hooks/useThreeStatesInternal';\n\nconst ApidRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Infectious diseases specialist\",\n label: \"Infectious diseases specialist\"\n }, {\n value: \"Pediatrician\",\n label: \"Pediatrician\"\n }, {\n value: \"Family physician\",\n label: \"Family physician\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Microbiologist\",\n label: \"Microbiologist\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\"),\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"lang_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.registrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default ApidRegistrationForm","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\n\nconst Eurogin2021RegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"is_internal\",\n // name: \"is_internal\",\n // // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: window._.get(context, \"contents.internal\"),\n // value: context.internal\n // })\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n // disabled: parseInt(context.internal),\n options: (parseInt(context.internal)) ? allCountries : countries || []\n })\n }\n\n // if (!parseInt(context.internal)) {\n // fields.push({\n // elementType: \"select\",\n // id: \"country_id\",\n // name: \"country_id\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: window._.get(context, \"contents.country\") || \"Country\",\n // placeholder: window._.get(context, \"contents.country\") || \"Country\",\n // value: getValue(\"country_id\") || context.country,\n // disabled: parseInt(context.internal),\n // options: countries || []\n // })\n // }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"lang_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n if (context.country || context.internal) {\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"text\",\n id: \"specialty\",\n name: \"specialty\",\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n },\n {\n elementType: \"text\",\n id: \"affiliation\",\n name: \"affiliation\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.affiliation\") || \"Affiliation (Place of work)\",\n placeholder: window._.get(context, \"contents.affiliation\") || \"Affiliation (Place of work)\",\n value: getValue(\"affiliation\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"Email\",\n value: getValue(\"email\"),\n },\n {\n elementType: \"text\",\n id: \"phone\",\n name: \"phone\",\n label: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n placeholder: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n value: getValue(\"phone\"),\n }\n ])\n\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n }\n // setRequiredTos(newRequiredTos)\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.registrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default Eurogin2021RegistrationForm","import { useContext } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\n\nconst EdizioniDmRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n getValue,\n getLegals\n } = useRegistrtionForm()\n\n let fields = [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ];\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const countriesList = countries || []\n\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"lang_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n const countryField = countriesList.length > 1 ? {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\"),\n options: countries || []\n\n } : {\n elementType: \"hidden\",\n id: \"country_id\",\n name: \"country_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n countryField,\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n {\n elementType: \"text\",\n id: \"phone\",\n name: \"phone\",\n label: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n placeholder: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n value: getValue(\"phone\"),\n }\n ])\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default EdizioniDmRegistrationForm","import React, { useContext, useState, } from 'react';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../../utils/functions';\nimport Form from '../../Form/Form';\n\nimport { ThemeContext } from 'styled-components';\n\nimport { buildQuery } from '../../../api/functions';\nimport MainContext from '../../../context/MainContext';\nimport LightText from '../../../ui/LightText/LightText';\n\nconst MSDApNiasBRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"is_internal\",\n // name: \"is_internal\",\n // // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: window._.get(context, \"contents.internal\"),\n // value: context.internal\n // })\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n }\n ])\n\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"institution\",\n name: \"institution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Institution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Institution\",\n value: getValue(\"institution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Anaesthesiologist\",\n label: \"Anaesthesiologist\"\n }, {\n value: \"Surgeon\",\n label: \"Surgeon\"\n }, {\n value: \"Allied Health Professional\",\n label: \"Allied Health Professional\"\n }\n // , {\n // value: \"Other\",\n // label: \"Others (Please specify)\"\n // }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n // placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n // if (context.country || parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"privacy_policy\",\n // name: \"privacy_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"privacyPolicyLinkText\")}`,\n // value: getValue(\"privacy_policy\"),\n // section: \"footer\"\n // })\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"cookie_policy\",\n // name: \"cookie_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n // value: getValue(\"cookie_policy\"),\n // section: \"footer\"\n // })\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n // }\n\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MSDApNiasBRegistrationForm","import React, { useContext, useState, } from 'react';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../../utils/functions';\nimport Form from '../../Form/Form';\n\nimport { ThemeContext } from 'styled-components';\n\nimport { buildQuery } from '../../../api/functions';\nimport MainContext from '../../../context/MainContext';\nimport LightText from '../../../ui/LightText/LightText';\n\nconst MSDApNiasRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = [{\n id: null,\n label: \"-\",\n code: null\n }].concat(window._.get(context, \"event.countries\"))\n\n const allCountries = [{\n id: null,\n label: \"-\",\n code: null\n }].concat(window._.get(context, \"event.all_countries\"))\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"is_internal\",\n // name: \"is_internal\",\n // // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: window._.get(context, \"contents.internal\"),\n // value: context.internal\n // })\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n }\n ])\n\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"institution\",\n name: \"institution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Institution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Institution\",\n value: getValue(\"institution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Trainee Anaesthetists\",\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Trainee Anaesthetists\",\n label: \"Trainee Anaesthetists\"\n }, {\n value: \"Anaesthetists\",\n label: \"Anaesthetists\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Nurses\",\n label: \"Nurses\"\n }, {\n value: \"Surgeons\",\n label: \"Surgeons\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n // if (context.country || parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"privacy_policy\",\n // name: \"privacy_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"privacyPolicyLinkText\")}`,\n // value: getValue(\"privacy_policy\"),\n // section: \"footer\"\n // })\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"cookie_policy\",\n // name: \"cookie_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n // value: getValue(\"cookie_policy\"),\n // section: \"footer\"\n // })\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n // }\n\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MSDApNiasRegistrationForm","import { useContext, useState, } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\nimport { capitalize } from '../../../utils/functions';\n\nconst MSDApNmbUpdates2021RegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals\n } = useRegistrtionForm()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n }])\n\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Hematologist\",\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Trainee Anaesthetists\",\n label: \"Trainee Anaesthetists\"\n }, {\n value: \"Anaesthetists\",\n label: \"Anaesthetists\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Nurses\",\n label: \"Nurses\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n // To include a free text box below “other” to specify the speciality \n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n // To include a free text box below “other” to specify the department.\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default MSDApNmbUpdates2021RegistrationForm","import { useContext, useState, } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\nimport { capitalize } from '../../../utils/functions';\nimport useThreeStatesInternal from '../../../hooks/useThreeStatesInternal';\n\nconst MSDAPSmartMeetingRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals\n } = useRegistrtionForm()\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n const getSpecialtyOptions = () => {\n const values = [\n \"Microbiologist\",\n \"Infectious Diseases Specialist\",\n \"Laboratory Technician\",\n \"Other\"\n ]\n\n const specialtiesTranslations = {\n \"en\": {\n \"Microbiologist\": \"Microbiologist\",\n \"Infectious Diseases Specialist\": \"Infectious Diseases Specialist\",\n \"Laboratory Technician\": \"Laboratory Technician\",\n \"Other\": \"Other (please specify)\"\n }\n }\n\n return values.map(item => {\n return {\n value: item,\n label: window._.get(specialtiesTranslations, `${getValue(\"lang_id\")}.${item}`) || window._.get(specialtiesTranslations, `en.${item}`)\n }\n })\n }\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n ])\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n },\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n },\n {\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n // disabled: parseInt(context.internal),\n options: getSpecialtyOptions()\n }]\n )\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n }]\n )\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n\n fields.push(\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n }\n )\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields, {\n onTouched: (e) => onTouched(e)\n })\n}\n\nexport default MSDAPSmartMeetingRegistrationForm","import { useContext, useState, } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\nimport { capitalize } from '../../../utils/functions';\n\nconst MSDCovidSassRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals\n } = useRegistrtionForm()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n const getSpecialtyOptions = () => {\n const values = [\n\n \"Infectious Diseases Specialist\",\n \"Critical care physician / Pulmonologist\",\n \"Emergency doctor\",\n \"General Practitioner / Family Medicine\",\n \"Virologist / Microbiologist\",\n \"Pharmacist\",\n \"Others\"\n ]\n\n const specialtiesTranslations = {\n \"en\": {\n\n \"Infectious Diseases Specialist\": \"Infectious Diseases Specialist\",\n \"Critical care physician / Pulmonologist\": \"Critical care physician / Pulmonologist\",\n \"Emergency doctor\": \"Emergency doctor\",\n \"General Practitioner / Family Medicine\": \"General Practitioner / Family Medicine\",\n \"Virologist / Microbiologist\": \"Virologist / Microbiologist\",\n \"Pharmacist\": \"Pharmacist\",\n \"Others\": \"Others (please specify)\"\n }\n }\n\n return values.map(item => {\n return {\n value: item,\n label: window._.get(specialtiesTranslations, `${getValue(\"lang_id\")}.${item}`) || window._.get(specialtiesTranslations, `en.${item}`)\n }\n })\n }\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n ])\n\n if (!parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n },\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n },\n {\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Hematologist\",\n // disabled: parseInt(context.internal),\n options: getSpecialtyOptions()\n }]\n )\n if (getValue(\"specialty\") === \"Others\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n },\n {\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n }]\n )\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n fields.push(\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n }\n )\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default MSDCovidSassRegistrationForm","import React, { useEffect, useState, useContext } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport MainContext from \"../../context/MainContext\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\n\nconst FormIsNotValidModal = (props) => {\n const [modalOpen, setModalOpen] = useState(false)\n const context = useContext(MainContext)\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n\n\n const grid = (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MSDJcapMatchRegistrationForm","import { useContext, useState, } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\nimport { capitalize } from '../../../utils/functions';\n\nconst MSDJCAPRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals\n } = useRegistrtionForm()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n const getSpecialtyOptions = () => {\n const values = [\n \"Internal Medicine\",\n \"Medical Oncology\",\n \"Surgery\",\n \"Radiology\",\n \"Gynecology\",\n \"Others\"\n ]\n\n const specialtiesTranslations = {\n \"en\": {\n \"Internal Medicine\": \"Internal Medicine\",\n \"Medical Oncology\": \"Medical Oncology\",\n \"Surgery\": \"Surgery\",\n \"Radiology\": \"Radiology\",\n \"Gynecology\": \"Gynecology\",\n \"Others\": \"Others\"\n }\n }\n\n return values.map(item => {\n return {\n value: item,\n label: window._.get(specialtiesTranslations, `${getValue(\"lang_id\")}.${item}`) || window._.get(specialtiesTranslations, `en.${item}`)\n }\n })\n }\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n ])\n\n if (!parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n },\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n },\n {\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Hematologist\",\n // disabled: parseInt(context.internal),\n options: getSpecialtyOptions()\n }]\n )\n if (getValue(\"specialty\") === \"Others\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n },\n {\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n }]\n )\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n fields.push(\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n }\n )\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default MSDJCAPRegistrationForm","import { useContext } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\n\nconst OrganonVirtualSassRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals\n } = useRegistrtionForm({\n multiselectFields: [\"specialty\"]\n })\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n const getSpecialtyOptions = () => {\n const values = [\n \"Cardiology\",\n \"Endocrinology\",\n \"Family Medicine / General Practice\",\n \"Family Planning\",\n \"Obstetrics / Gynecology\",\n \"Other\",\n \"Not applicable\",\n ]\n\n const specialtiesTranslations = {\n \"en\": {\n \"Cardiology\": \"Cardiology\",\n \"Endocrinology\": \"Endocrinology\",\n \"Family Medicine / General Practice\": \"Family Medicine / General Practice\",\n \"Family Planning\": \"Family Planning\",\n \"Obstetrics / Gynecology\": \"Obstetrics / Gynecology\",\n \"Not applicable\": \"Not applicable\",\n \"Transplant Physician\": \"Transplant Physician\",\n \"Other\": \"Other\",\n }\n }\n\n return values.map((item, index) => {\n return {\n value: item,\n label: window._.get(specialtiesTranslations, `${getValue(\"lang_id\")}.${item}`) || window._.get(specialtiesTranslations, `en.${item}`)\n }\n })\n }\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\"),\n disabled: parseInt(context.internal),\n options: countries || []\n })\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\"),\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n }\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"singleselect\",\n isMulti: true,\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\", \"miltiselect\"),\n // disabled: parseInt(context.internal),\n options: getSpecialtyOptions()\n },\n {\n elementType: \"text\",\n id: \"affiliation\",\n name: \"affiliation\",\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.affiliation\") || \"Affiliation (Place of work)\",\n placeholder: window._.get(context, \"contents.affiliation\") || \"Affiliation (Place of work)\",\n value: getValue(\"affiliation\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n {\n elementType: \"text\",\n id: \"phone\",\n name: \"phone\",\n label: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n placeholder: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n value: getValue(\"phone\"),\n }\n ])\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default OrganonVirtualSassRegistrationForm","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\nimport useThreeStatesInternal from '../../hooks/useThreeStatesInternal';\n\nconst MsdApidForumCovid19 = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Emergency physician\",\n label: \"Emergency physician\"\n }, {\n value: \"Family physician\",\n label: \"Family physician\"\n }, {\n value: \"Infectious diseases specialist\",\n label: \"Infectious diseases specialist\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Pulmonologist\",\n label: \"Pulmonologist\"\n }, {\n value: \"Virologist\",\n label: \"Virologist\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\"),\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"privacy_policy\",\n // name: \"privacy_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"privacyPolicyLinkText\")}`,\n // value: getValue(\"privacy_policy\"),\n // section: \"footer\"\n // })\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"cookie_policy\",\n // name: \"cookie_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n // value: getValue(\"cookie_policy\"),\n // section: \"footer\"\n // })\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MsdApidForumCovid19","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\n\nconst MSDHPVRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = [{\n id: null,\n label: \"-\",\n code: null\n }].concat(window._.get(context, \"event.countries\"))\n\n const allCountries = [{\n id: null,\n label: \"-\",\n code: null\n }].concat(window._.get(context, \"event.all_countries\"))\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"is_internal\",\n // name: \"is_internal\",\n // // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: window._.get(context, \"contents.internal\"),\n // value: context.internal\n // })\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Hematologist\",\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Oncologist\",\n label: \"Oncologist\"\n }, {\n value: \"Otolaryngologist\",\n label: \"Otolaryngologist\"\n }, {\n value: \"Virologist\",\n label: \"Virologist\"\n }, {\n value: \"Infectious diseases specialist\",\n label: \"Infectious diseases specialist\"\n }, {\n value: \"Public health physicians\",\n label: \"Public health physicians\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"privacy_policy\",\n // name: \"privacy_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"privacyPolicyLinkText\")}`,\n // value: getValue(\"privacy_policy\"),\n // section: \"footer\"\n // })\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"cookie_policy\",\n // name: \"cookie_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n // value: getValue(\"cookie_policy\"),\n // section: \"footer\"\n // })\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n }\n\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MSDHPVRegistrationForm","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\nimport useThreeStatesInternal from '../../hooks/useThreeStatesInternal';\n\nconst MSDVaccinesAcademyRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Infectious Disease\",\n label: \"Infectious Disease\"\n }, {\n value: \"Public Health\",\n label: \"Public Health\"\n }, {\n value: \"General Physician/Practioner\",\n label: \"General Physician/Practioner\"\n }, {\n value: \"Geriatrician\",\n label: \"Geriatrician\"\n }, {\n value: \"Pediatrician\",\n label: \"Pediatrician\"\n }, {\n value: \"Gynaecologist/Obstetrician\",\n label: \"Gynaecologist/Obstetrician\"\n }, {\n value: \"Vaccinologist\",\n label: \"Vaccinologist\"\n }, {\n value: \"Internal Medicine\",\n label: \"Internal Medicine\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\"),\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MSDVaccinesAcademyRegistrationForm","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\nimport useThreeStatesInternal from '../../hooks/useThreeStatesInternal';\n\nconst MSDVaccinesAcademyRegistrationForm2022 = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [{\n value: \"General Physician/Practioner\",\n label: \"General Physician/Practioner\"\n }, {\n value: \"Geriatrician\",\n label: \"Geriatrician\"\n }, {\n value: \"Gynaecologist/Obstetrician\",\n label: \"Gynaecologist/Obstetrician\"\n }, {\n value: \"Infectious Disease\",\n label: \"Infectious Disease\"\n }, {\n value: \"Internal Medicine\",\n label: \"Internal Medicine\"\n }, {\n value: \"Microbiologist\",\n label: \"Microbiologist\"\n }, {\n value: \"Nurse\",\n label: \"Nurse\"\n }, {\n value: \"Otolaryngologist\",\n label: \"Otolaryngologist\"\n }, {\n value: \"Pediatrician\",\n label: \"Pediatrician\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Public Health\",\n label: \"Public Health\"\n }, {\n value: \"Pulmonologist\",\n label: \"Pulmonologist\"\n }, {\n value: \"Vaccinologist\",\n label: \"Vaccinologist\"\n }, {\n value: \"Virologist\",\n label: \"Virologist\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\"),\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MSDVaccinesAcademyRegistrationForm2022","import React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, formatRegistrationFooter } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport LightText from '../../ui/LightText/LightText';\n\nconst RegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n // const endpoint = `events/${event}/${CONTENTS}?${query}`;\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = [{\n id: null,\n label: \"-\",\n code: null\n }].concat(window._.get(context, \"event.countries\"))\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: [window._.get(context, \"episode.id\")],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"checkbox\",\n id: \"is_internal\",\n name: \"is_internal\",\n // required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\"),\n value: context.internal\n })\n }\n\n if (!context.internal) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\"),\n placeholder: window._.get(context, \"contents.country\"),\n value: getValue(\"country_id\") || context.country,\n disabled: context.internal,\n options: countries || []\n })\n }\n\n fields.push({\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\"),\n placeholder: window._.get(context, \"contents.language\"),\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n })\n\n if (context.country) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\"),\n placeholder: window._.get(context, \"contents.firstname\"),\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\"),\n placeholder: window._.get(context, \"contents.lastname\"),\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\"),\n placeholder: window._.get(context, \"contents.email\"),\n value: getValue(\"email\"),\n },\n ])\n\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"privacy_policy\",\n // name: \"privacy_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"privacyPolicyLinkText\")}`,\n // value: getValue(\"privacy_policy\"),\n // section: \"footer\"\n // })\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"cookie_policy\",\n // name: \"cookie_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n // value: getValue(\"cookie_policy\"),\n // section: \"footer\"\n // })\n if (context.legals) {\n context.legals.forEach(item => {\n console.log(\"context.legals\", item.field_name)\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n })\n }\n }\n\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.registrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit()}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default RegistrationForm","/* eslint-disable default-case */\nimport React, { useContext, useState, } from 'react';\nimport { buildQuery } from '../../api/functions';\nimport { getThemeConfig, getContents, capitalize, consoleLog } from '../../utils/functions';\nimport Form from '../Form/Form';\nimport MainContext from '../../context/MainContext';\nimport { ThemeContext } from 'styled-components';\nimport useThreeStatesInternal from '../../hooks/useThreeStatesInternal';\n\nconst SpecialRegistrationForm = (props) => {\n const [defaultValues, setDefaultValues] = useState({});\n\n const {\n initial,\n onTouched,\n isInternalField\n } = useThreeStatesInternal()\n\n const themeContext = useContext(ThemeContext);\n const context = useContext(MainContext)\n\n const getEndpoint = () => {\n const query = buildQuery({});\n return [\n \"register\"\n ].join(\"/\") + `?${query}`;\n }\n\n const getValue = (name, type) => {\n const value = !window._.isEmpty(defaultValues) ? defaultValues[name] : null;\n\n switch (type) {\n case \"bool\":\n return value !== 0;\n default:\n return value || \"\";\n }\n };\n\n const onChange = (key, value) => {\n console.log(\"onChange\", key, value);\n switch (key) {\n case \"lang_id\":\n context.setLanguage(value)\n break\n case \"country_id\":\n context.setCountry(value)\n break\n case \"is_internal\":\n context.setInternal(value)\n break\n }\n setDefaultValues({\n ...defaultValues,\n [key]: value\n });\n }\n\n const onSubmit = (params) => {\n // context.setUser(params.me)\n // context.setToken(params.token, params.me)\n context.onRegistred(true)\n }\n\n const countries = window._.get(context, \"event.countries\")\n const allCountries = window._.get(context, \"event.all_countries\")\n\n let newRequiredTos = []\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n if (context.event.has_internal) {\n fields.push(isInternalField({\n context: context,\n getValue: (e) => getValue(e)\n }))\n }\n\n if (!initial) {\n if (!parseInt(context.internal)) {\n fields.push({\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n })\n fields.push({\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n })\n fields.push({\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\"),\n disabled: parseInt(context.internal),\n options: [\n {\n value: \"Hematologist\",\n label: \"Hematologist\"\n }, {\n value: \"Infection diseases specialist\",\n label: \"Infection diseases specialist\"\n }, {\n value: \"Pharmacist\",\n label: \"Pharmacist\"\n }, {\n value: \"Nurse\",\n label: \"Nurse\"\n }, {\n value: \"Virologist\",\n label: \"Virologist\"\n }, {\n value: \"Other\",\n label: \"Others (Please specify)\"\n }\n ] || []\n })\n if (getValue(\"specialty\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields.push({\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n })\n fields.push({\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\"),\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n })\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n }\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n ])\n\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"privacy_policy\",\n // name: \"privacy_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"privacyPolicyLinkText\")}`,\n // value: getValue(\"privacy_policy\"),\n // section: \"footer\"\n // })\n // fields.push({\n // elementType: \"checkbox\",\n // id: \"cookie_policy\",\n // name: \"cookie_policy\",\n // required: true,\n // // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n // value: getValue(\"cookie_policy\"),\n // section: \"footer\"\n // })\n if (context.legals) {\n context.legals.forEach(item => {\n consoleLog(\"context.legals\", item.field_name)\n if (!item.field_name) {\n return false\n }\n fields.push({\n elementType: \"checkbox\",\n id: item.field_name,\n name: item.field_name,\n required: item.is_required,\n // invalidText: \"Invalid error message.\",\n // label: `${getContents(context, \"iAgree\")} ${getContents(context, \"cookiePolicyLinkText\")}`,\n labelHtml: item.checkbox_label,\n popupContent: item.content,\n value: getValue(item.field_name),\n section: \"footer\"\n })\n if (item.is_required) {\n newRequiredTos.push(item.field_name)\n // setRequiredTos([\n // ...requiredTos,\n // item.field_name\n // ])\n }\n })\n }\n\n\n const logo = (getThemeConfig(context, \"registration-form.logo\")) ?\n !window._.isEmpty(themeContext.mediaRegistrationFormLogoDesktop) ? (\n \n
\n ) : null : null\n\n //newRequiredTos\n const disableSubmit = (reqs) => {\n let disable = false\n if (reqs) {\n reqs.forEach(item => {\n if (!getValue(item)) {\n disable = true\n }\n })\n }\n else {\n disable = true\n }\n\n // context.event.episodes.forEach(item => {\n // if (item.id === window._.get(context, \"episode.id\")) {\n // disable = !item.is_subscriptions_open\n // }\n // })\n return disable\n }\n\n return (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default SpecialRegistrationForm","import { useContext } from 'react';\n\nimport MainContext from '../../../context/MainContext';\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport { capitalize } from '../../../utils/functions';\n\nconst ApLungCancer2023Form = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n allCountries,\n getValue,\n getLegals,\n } = useRegistrtionForm()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n const getSpecialtyOptions = () => {\n const values = [\n \"Clinical Oncologist\",\n \"Medical Oncologist\",\n \"Pulmonologist\",\n \"Radiation Oncologist\",\n \"Toracic Surgeon\",\n \"Others\"\n ]\n\n const specialtiesTranslations = {\n \"en\": {\n \"Clinical Oncologist\": \"Clinical Oncologist\",\n \"Medical Oncologist\": \"Medical Oncologist\",\n \"Pulmonologist\": \"Pulmonologist\",\n \"Radiation Oncologist\": \"Radiation Oncologist\",\n \"Toracic Surgeon\": \"Toracic Surgeon\",\n \"Others\": \"Others\"\n }\n }\n\n return values.map(item => {\n return {\n value: item,\n label: window._.get(specialtiesTranslations, `${getValue(\"lang_id\")}.${item}`) || window._.get(specialtiesTranslations, `en.${item}`)\n }\n })\n }\n\n if (context.event.has_internal) {\n fields.push({\n elementType: \"select\",\n id: \"is_internal\",\n name: \"is_internal\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.internal\") || \"Internal\",\n value: getValue(\"is_internal\") || \"0\",\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.internalFalseValueLabel\") || \"External\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.internalTrueValueLabel\") || \"Internal\",\n }]\n })\n }\n\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n ])\n\n if (!parseInt(context.internal)) {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\") || context.country,\n disabled: parseInt(context.internal),\n options: countries || []\n },\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.istitution\") || \"Istitution\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n },\n {\n elementType: \"select\",\n id: \"specialty\",\n name: \"specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.specialty\") || \"Specialty\",\n placeholder: window._.get(context, \"contents.specialty\") || \"Specialty\",\n value: getValue(\"specialty\") || \"Hematologist\",\n // disabled: parseInt(context.internal),\n options: getSpecialtyOptions()\n }]\n )\n if (getValue(\"specialty\") === \"Others\") {\n fields.push({\n elementType: \"text\",\n id: \"other_specialty\",\n name: \"other_specialty\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n placeholder: window._.get(context, \"contents.otherSpecialty\") || \"Other specialty\",\n value: getValue(\"other_specialty\"),\n })\n }\n }\n else {\n fields = fields.concat([\n {\n elementType: \"select\",\n id: \"country_id_of_work\",\n name: \"country_id_of_work\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n placeholder: window._.get(context, \"contents.countryOfWork\") || \"Country of work\",\n value: getValue(\"country_id_of_work\") || context.country,\n disabled: !parseInt(context.internal),\n options: allCountries || []\n },\n {\n elementType: \"select\",\n id: \"department\",\n name: \"department\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.department\") || \"Department\",\n placeholder: window._.get(context, \"contents.department\") || \"Department\",\n value: getValue(\"department\") || \"MRL/GMSA\",\n options: [{\n value: \"MRL/GMSA\",\n label: \"MRL/GMSA\"\n }, {\n value: null,\n label: \"Other\"\n }]\n }]\n )\n if (getValue(\"department\") === \"Other\") {\n fields.push({\n elementType: \"text\",\n id: \"other_department\",\n name: \"other_department\",\n required: true,\n label: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n placeholder: window._.get(context, \"contents.otherDepartment\") || \"Other department\",\n value: getValue(\"other_department\"),\n })\n }\n }\n\n fields.push(\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n }\n )\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default ApLungCancer2023Form","import React, { useEffect, useState } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport Button from \"../../ui/Button/Button\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\n\nconst StreamChangedModal = ({ onClose, onConfirm, content, okButtonText, koButtonText, ...props }) => {\n const [modalOpen, setModalOpen] = useState(false)\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n const grid = (\n \n {content || \"Are you sure?\"}\n
\n \n \n {koButtonText || \"Cancel\"}\n \n \n {okButtonText || \"Confirm\"}\n \n
\n \n
\n ) : null : null\n\n const formHelp = (getThemeConfig(context, \"registration-form.footer\")) ? (\n \n {logo}\n {/* {registrationHeader} */}\n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n onTouched={(val) => onTouched(val)}\n submitButtonLabel={getContents(context, \"register\")}\n disableSubmit={disableSubmit(newRequiredTos)}\n isRegistration={true}\n />\n {/* {formHelp} */}\n
\n );\n}\n\nexport default MsdPedVaccines2023","import { useContext } from 'react';\n\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport MainContext from '../../../context/MainContext';\n\nconst IsploraWebinarRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n countries,\n getValue,\n getLegals\n } = useRegistrtionForm()\n\n let fields = [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ];\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const countriesList = countries || []\n\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"lang_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n const countryField = countriesList.length > 1 ? {\n elementType: \"select\",\n id: \"country_id\",\n name: \"country_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.country\") || \"Country\",\n placeholder: window._.get(context, \"contents.country\") || \"Country\",\n value: getValue(\"country_id\"),\n options: countries || []\n\n } : {\n elementType: \"hidden\",\n id: \"country_id\",\n name: \"country_id\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n // if (context.country || context.internal) {\n fields = fields.concat([\n countryField,\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.istitution\") || \"istitution\",\n placeholder: window._.get(context, \"contents.istitution\") || \"istitution\",\n value: getValue(\"istitution\"),\n },\n {\n elementType: \"text\",\n id: \"phone\",\n name: \"phone\",\n label: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n placeholder: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n value: getValue(\"phone\"),\n }\n ])\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n // }\n\n return output(fields)\n}\n\nexport default IsploraWebinarRegistrationForm","import { useContext } from 'react';\n\nimport MainContext from '../../../context/MainContext';\nimport useRegistrtionForm from '../../../hooks/useRegistrtionForm';\nimport { capitalize } from '../../../utils/functions';\n\nconst GamRegistrationForm = (props) => {\n const context = useContext(MainContext)\n\n const {\n output,\n getValue,\n getLegals,\n } = useRegistrtionForm()\n\n let fields = 1\n ? [\n {\n elementType: \"hidden\",\n id: \"episodes\",\n name: \"episodes\",\n value: window._.map(props.openEpisodes, (item => item.id))//[window._.map(props.openEpisodes, (item => item.id))],\n },\n ]\n : [];\n\n\n const languagesList = window._.get(context, \"event.languages\") || []\n const languageField = languagesList.length > 1 ? {\n elementType: \"select\",\n id: \"lang_id\",\n name: \"lang_id\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.language\") || \"Language\",\n placeholder: window._.get(context, \"contents.language\") || \"Language\",\n value: getValue(\"lang_id\") || context.language,\n options: window._.get(context, \"event.languages\") || []\n } : {\n elementType: \"hidden\",\n id: \"lang_id\",\n name: \"episodes\",\n value: window._.get(languagesList[0], \"value\"),\n }\n\n fields.push(languageField)\n\n fields = fields.concat([\n {\n elementType: \"hidden\",\n id: \"country_id\",\n name: \"country_id\",\n value: \"it\",\n },\n {\n elementType: \"text\",\n id: \"firstname\",\n name: \"firstname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.firstname\") || \"firstname\",\n placeholder: window._.get(context, \"contents.firstname\") || \"firstname\",\n value: getValue(\"firstname\"),\n },\n {\n elementType: \"text\",\n id: \"lastname\",\n name: \"lastname\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.lastname\") || \"lastname\",\n placeholder: window._.get(context, \"contents.lastname\") || \"lastname\",\n value: getValue(\"lastname\"),\n },\n {\n elementType: \"email\",\n id: \"email\",\n name: \"email\",\n required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.email\") || \"email\",\n placeholder: window._.get(context, \"contents.email\") || \"email\",\n value: getValue(\"email\"),\n },\n {\n elementType: \"select\",\n id: \"company_type\",\n name: \"company_type\",\n // required: true,\n // invalidText: \"Invalid error message.\",\n label: window._.get(context, \"contents.company_type\") || \"Azienda/Istituto\",\n value: getValue(\"company_type\") || 0,\n options: [{\n value: 0,//internal_false_value_label\n label: window._.get(context, \"contents.affiliation\") || \"Istituto\",\n }, {\n value: 1,//internal_false_value_label\n label: window._.get(context, \"contents.istitution\") || \"Azienda\",\n }]\n }\n ])\n\n\n if (parseInt(getValue(\"company_type\"))) {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"istitution\",\n name: \"istitution\",\n required: true,\n label: window._.get(context, \"contents.company_name\") || \"Nome Azienda\",\n placeholder: capitalize(window._.get(context, \"contents.istitution\")) || \"Istitution\",\n value: getValue(\"istitution\"),\n }]\n )\n }\n else {\n fields = fields.concat([\n {\n elementType: \"text\",\n id: \"department\",\n name: \"department\",\n required: true,\n label: window._.get(context, \"contents.department\") || \"Codice Meccanografico\",\n placeholder: capitalize(window._.get(context, \"contents.department\")) || \"Istitution\",\n value: getValue(\"department\"),\n }]\n )\n }\n\n fields.push(\n {\n elementType: \"text\",\n id: \"phone\",\n name: \"phone\",\n label: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n placeholder: window._.get(context, \"contents.phone\") || \"Telephone No./Work No\",\n value: getValue(\"phone\"),\n }\n )\n\n if (context.legals) {\n fields = fields.concat(getLegals())\n }\n\n return output(fields)\n}\n\nexport default GamRegistrationForm","import React, { useContext } from 'react';\nimport MainContext from '../../context/MainContext';\nimport wrapSection from '../../hoc/wrapSection';\nimport useRegistrtionFlow from '../../hooks/useRegistrtionFlow';\nimport Button from '../../ui/Button/Button';\nimport { getContents } from '../../utils/functions';\nimport ApIdForumCovid19Form from '../ApIdForumCovid19Form/ApIdForumCovid19Form';\nimport ApidGnWebinarRegistrationForm from '../ApidGnWebinarRegistrationForm/ApidGnWebinarRegistrationForm';\nimport ApIdGyn2023Form from '../ApIdGyn2023Form/ApIdGyn2023Form';\nimport ApidRegistrationForm from '../ApidRegistrationForm/ApidRegistrationForm';\nimport Eurogin2021RegistrationForm from '../Eurogin2021RegistrationForm/Eurogin2021RegistrationForm';\nimport EdizioniDmRegistrationForm from '../Form/EdizioniDmRegistrationForm/EdizioniDmRegistrationForm';\nimport MSDApNiasBRegistrationForm from '../Form/MSDApNiasRegistrationForm/MSDApNiasBRegistrationForm';\nimport MSDApNiasRegistrationForm from '../Form/MSDApNiasRegistrationForm/MSDApNiasRegistrationForm';\nimport MSDApNmbUpdates2021RegistrationForm from '../Form/MSDApNmbUpdates2021RegistrationForm/MSDApNmbUpdates2021RegistrationForm';\nimport MSDAPSmartMeetingRegistrationForm from '../Form/MSDAPSmartMeetingRegistrationForm/MSDAPSmartMeetingRegistrationForm';\nimport MSDCovidSassRegistrationForm from '../Form/MSDCovidSassRegistrationForm/MSDCovidSassRegistrationForm';\nimport MSDCtioRegistrationForm from '../Form/MSDCtioRegistrationForm';\nimport MSDGlobalCmvRegistrationForm from '../Form/MSDGlobalCmvRegistrationForm/MSDGlobalCmvRegistrationForm';\nimport MSDGlobalHpv2021RegistrationForm from '../Form/MSDGlobalHpv2021RegistrationForm/MSDGlobalHpv2021RegistrationForm';\nimport MSDHncrResearchForum2022RegistrationForm from '../Form/MSDHncrResearchForum2022RegistrationForm/MSDHncrResearchForum2022RegistrationForm';\nimport MSDIdForum2021RegistrationForm from '../Form/MSDIdForum2021RegistrationForm/MSDIdForum2021RegistrationForm';\nimport MSDJcapMatchRegistrationForm from '../Form/MSDJcapMatchRegistrationForm/MSDJcapMatchRegistrationForm';\nimport MSDJCAPRegistrationForm from '../Form/MSDJCAPRegistrationForm/MSDJCAPRegistrationForm';\nimport OrganonVirtualSassRegistrationForm from '../Form/OrganonVirtualSassRegistrationForm/OrganonVirtualSassRegistrationForm';\nimport MsdApidForumCovid19 from '../MsdApidForumCovid19/MsdApidForumCovid19';\nimport MSDHPVRegistrationForm from '../MSDHPVRegistrationForm/MSDHPVRegistrationForm';\nimport MSDVaccinesAcademyRegistrationForm from '../MSDVaccinesAcademyRegistrationForm/MSDVaccinesAcademyRegistrationForm';\nimport MSDVaccinesAcademyRegistrationForm2022 from '../MSDVaccinesAcademyRegistrationForm2022/MSDVaccinesAcademyRegistrationForm2022';\nimport RegistrationForm from '../RegistrationForm/RegistrationForm';\nimport SpecialRegistrationForm from '../SpecialRegistrationForm/SpecialRegistrationForm';\nimport ApLungCancer2023Form from '../Form/ApLungCancer2023Form/ApLungCancer2023Form';\nimport ApLungCancer2023FormVer2 from '../Form/ApLungCancer2023Form/ApLungCancer2023FormVer2';\nimport MsdPedVaccines2023 from '../MsdPedVaccines2023/MsdPedVaccines2023';\nimport IsploraWebinarRegistrationForm from '../Form/IsploraWebinarRegistrationForm/IsploraWebinarRegistrationForm';\nimport GamRegistrationForm from '../Form/GamRegistrationForm/GamRegistrationForm';\n\nconst Registration = (props) => {\n const context = useContext(MainContext)\n const {\n _isMsdCtio2022\n } = useRegistrtionFlow()\n let output = null\n\n const episodes = window._.get(context, \"event.episodes\")\n const allEpisodes = window._.get(context, \"allEpisodes\", [])\n\n const openEpisodes = episodes.filter(item => {\n return item.has_future_events && item.is_subscriptions_open\n })\n const allOpenEpisodes = allEpisodes.filter(item => {\n // console.log(\"emptyList\", item.id, (item.has_future_events && item.is_subscriptions_open))\n return item.has_future_events && item.is_subscriptions_open\n })\n\n const formProps = {\n ...props,\n openEpisodes: openEpisodes\n }\n\n const emptyList = (\n (openEpisodes?.length < 1 && (!_isMsdCtio2022() || context.event.force_hide_registration_form))\n // ||\n // (allOpenEpisodes?.length < 1 && _isMsdCtio2022())\n )\n if (emptyList) {\n const goToLoginForm = (\n \n {output}\n
\n )\n}\n\nRegistration.className = \"registration\"\nexport default wrapSection(Registration)","import classNames from \"classnames\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { LIVE, VOD } from \"../../config/channelStatus\";\nimport \"./TheoPlayer.scss\"\n\nconst TheoPlayer = ({ defaultLang, forceLiveUi, hideControls, hidePip, muted = true, ...props }) => {\n\n const {\n onPlay = () => { },\n onTimeUpdate = () => { },\n onPause = () => { },\n onSeeking = () => { },\n onSeeked = () => { },\n onPlaying = () => { },\n onReadyStateChange = () => { },\n onAudioTrackChange = () => { },\n onCcTrackChange = () => { }\n } = props;\n\n const [player, setPlayer] = useState()\n const [source, setSource] = useState(props.source)\n const _el = React.useRef();\n const _wrapper = React.useRef();\n\n const checkControlsVisible = () => {\n if (!_el.current) {\n return false\n }\n return (_el.current.classList.contains(\"vjs-user-active\") || _el.current.classList.contains(\"vjs-paused\")) && _el.current.classList.contains(\"vjs-has-started\");\n }\n\n const updateTextTracksPosition = () => {\n const htmlCollection = document.getElementsByClassName(\"theoplayer-texttracks\")\n if (checkControlsVisible()) {\n for (const element of htmlCollection) {\n element.classList.remove(\"bottom-0\");\n }\n }\n else {\n for (const element of htmlCollection) {\n element.classList.add(\"bottom-0\");\n }\n }\n }\n\n useEffect(() => {\n let _player = null\n if (!player) {\n _player = librariesLoaded()\n }\n else {\n _player = player\n }\n if (props.source && source !== props.source) {\n setSource(props.source)\n }\n _player.source = props.source\n // _player.play()\n window.setTimeout(() => {\n _player.play()\n const observer = new MutationObserver(function (event) {\n updateTextTracksPosition()\n })\n observer.observe(_el.current, {\n attributes: true,\n attributeFilter: ['class'],\n childList: false,\n characterData: false\n })\n }, 1)\n\n\n _wrapper.current.addEventListener(\"contextmenu\", (e) => {\n e.preventDefault()\n return false\n })\n }, [props.source])\n\n // useEffect(() => {\n // if (props.status !== status) {\n // setStatus(props.status)\n // }\n // }, [props.status])\n\n const handleInsightChange = async (_player, t) => {\n // console.log(\"handleInsightChange\", t)\n if (!_player.paused) {\n await onPause(null, _player)\n window.setTimeout(async () => {\n // await onPause(null, _player)\n await onPlaying(null, _player)\n }, 2000)\n }\n }\n\n const handleReadyStateChange = (e, _player) => {\n // console.log(\" _player.audioTracks\", _player.audioTracks)\n if (defaultLang) {\n let audioIndex = null\n _player.audioTracks.forEach(function (track, index) {\n if ((track.language === defaultLang)) {\n audioIndex = index\n }\n });\n if (audioIndex !== null) {\n _player.audioTracks.forEach(function (track, index) {\n track.enabled = false\n });\n _player.audioTracks[audioIndex].enabled = true\n }\n }\n onReadyStateChange(e, _player)\n }\n\n const handlePlayerPlaying = (e, _player) => {\n // if (_player.readyState === 4) {\n onPlaying(e, _player)\n // }\n }\n\n const handlePlayerPause = (e, _player) => {\n // if (_player.readyState === 4) {\n onPause(e, _player)\n // }\n }\n const isSubtitle = (kind) => {\n return [\"captions\", \"subtitles\"].indexOf(kind) >= 0\n }\n\n const librariesLoaded = () => {\n\n if (_el.current) {\n\n let theoplayerOptions = {\n libraryLocation: \"https://cdn.myth.theoplayer.com/\" + process.env.REACT_APP_THEO_API_KEY,\n // libraryLocation: \"/node_modules/theoplayer/\",\n license: process.env.REACT_APP_THEO_API_LICENSE,\n muted: true,\n fluid: true\n }\n\n if (!hidePip && process.env.REACT_APP_PIP_ENABLED) {\n theoplayerOptions = {\n ...theoplayerOptions,\n // Picture-in-picture initialisation\n pip: {\n \"visibility\": 0.7\n }\n }\n }\n\n const _player = new window.THEOplayer.Player(_el.current, theoplayerOptions);\n\n _player.preload = 'auto';\n _player.muted = muted;\n _player.source = props.source\n _player.autoplay = true;\n\n if (![LIVE, VOD].includes(props.status)) {\n _player.loop = true;\n }\n\n if (!props.demo) {\n _player.addEventListener('play', (e) => onPlay(e, _player))\n _player.addEventListener('playing', (e) => handlePlayerPlaying(e, _player))\n _player.addEventListener('pause', (e) => handlePlayerPause(e, _player))\n _player.addEventListener('seeking', (e) => onSeeking(e, _player))\n _player.addEventListener('seeked', (e) => onSeeked(e, _player))\n _player.addEventListener('readystatechange', (e) => handleReadyStateChange(e, _player))\n _player.addEventListener('timeupdate', (e) => onTimeUpdate(e, _player))\n\n // _player.network.addResponseInterceptor((response) => {\n // if (response.status >= 400 && response.status <= 599) {\n // var errorDetails = {\n // status: response.status,\n // fileType: response.request.type,\n // url: response.request.url\n // }\n // var networkErrorEvent = new CustomEvent('THEOnetworkerror', { detail: errorDetails });\n // document.dispatchEvent(networkErrorEvent);\n // };\n // })\n\n _player.audioTracks.addEventListener('change', function (event) {\n const track = event.track;\n // console.log(\"defaultLang6\", track, track.label, track.language, track.enabled);\n if (track.enabled) {\n onAudioTrackChange(track.language)\n handleInsightChange(_player, \"audioTracks\")\n }\n });\n _player.textTracks.addEventListener('change', function (event) {\n if (!isSubtitle(event.track.kind)) {\n return false\n }\n // const track = event.track;\n // const isEnabled = (track.mode === \"showing\");\n // const isSubtitle = (track.kind === \"subtitles\");\n // console.log(track, track.label, track.kind, track.language, track.type, isEnabled);\n // if (isSubtitle) {\n // onCcTrackChange(isEnabled ? track.language : null)\n // handleInsightChange(_player)\n // }\n let currentTextTrack;\n for (var t in _player.textTracks) {\n const track = _player.textTracks[t]\n if (\n track.mode === 'showing' &&\n isSubtitle(track.kind)\n ) {\n currentTextTrack = track.language;\n }\n }\n onCcTrackChange(currentTextTrack)\n handleInsightChange(_player, \"textTracks\")\n });\n }\n\n setPlayer(_player)\n if (props.onPLayerReady) {\n props.onPLayerReady(_player)\n }\n return _player\n }\n }\n\n const playerBox = useMemo(() => {\n const wrapperClassName = classNames(\"player-wrapper\", {\n \"hide-controls\": hideControls,\n \"force-live\": forceLiveUi\n })\n return (\n \n
\n )\n}\n\nexport default FakePlayer","class PusherManager {\n\n pusherchannel;\n\n setPusherChannel = (pusherchannel) => {\n this.pusherchannel = pusherchannel\n }\n}\n\nexport default new PusherManager()","import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { getPlayerSources, playerWhebHook, playerInsight, setSubscriberChannelPresence, resetSubscriberChannelPresence } from '../../api/functions';\nimport { UNKNOWN, LIVE, VOD, BUFFER } from '../../config/channelStatus';\nimport MainContext from '../../context/MainContext';\nimport wrapSection from '../../hoc/wrapSection';\nimport { consoleLog, getAuthToken, getLocalStorageOffsetFieldName, translateChannelStatus, getLocalStorageLastPauseFieldName, getLocalStorageDurationFieldName, getCloseCaptionsVttFileUrl, utc } from '../../utils/functions';\nimport TheoPlayer from '../TheoPlayer/TheoPlayer';\nimport \"./PlayerBox.scss\"\nimport { useHistory } from 'react-router-dom';\nimport moment from 'moment';\nimport FakePlayer from '../FakePlayer/FakePlayer';\nimport Input from '../Input/Input';\nimport classNames from 'classnames';\nimport PusherManager from '../../utils/PusherManager';\n\nlet buffer = 0\nlet playerStatus = \"pause\"\nlet lastAction = moment()\nlet lastActionPlayerTime = 0\nlet liveLocked = true // DO not edit offset until readyStateChanged === 4\nlet vodLocked = true // DO not edit offset until readyStateChanged === 4\n// let pusherChannelState = null\nlet playerObject = null\nlet connectionStatus = null\nlet channelStatusCode = UNKNOWN\nlet timeOut = null\nlet logId = null\nlet playerStarterTime = 0\nlet playerCurrentTime = 0\nlet initialized = false\n// let hidden, visibilityChange;\nconst PlayerBox = (props) => {\n\n const history = useHistory()\n const [status, setStatus] = useState(UNKNOWN)\n const [playList, setPlayList] = useState([])\n const [alternativeSources, setAleternativeSources] = useState([])\n const [ccSources, setCcSources] = useState([])\n const [formattedAlternativeSources, setFormattedAleternativeSources] = useState([])\n const [selectedAlternativeSource, setSelectedAlternativeSource] = useState()\n const [episodeLiveStartedAt, setEpisodeLiveStartedAt] = useState()\n // const [textTracks, setTextTracks] = useState()\n const [episode, setEpisodeId] = useState()\n const [channelId, setChannelId] = useState()\n const [channel, setChannel] = useState()\n const [loading, setLoading] = useState(true)\n const [audioTrackLangId, setAudioTrackLangId] = useState()\n const [ccTrackLangId, setCcTrackLangId] = useState()\n const [playerSource, setPlayerSource] = useState()\n const [playerReadyState, setPlayerReadyState] = useState()\n const [insights, setInsights] = useState()\n const [isFakeLive, setIsFakeLive] = useState(false)\n // const [liveLocked, setLiveLocked] = useState(true)\n // const [vodLocked, setVodLocked] = useState(true)\n const [pusherChannelState, setPusherChannelState] = useState() // DO NOT REMOVE!!!\n const [hidePlayer, setHidePlayer] = useState(true) // DO NOT REMOVE!!!\n // const [lastActionTime, setLastActionTime] = useState(0)\n const context = useContext(MainContext)\n\n const channelsStatus = translateChannelStatus(status)\n\n let lastEvent = null\n\n const handleChannelSubscription = ({ action, channelId }) => {\n try {\n switch (action) {\n case \"subscribe\":\n setSubscriberChannelPresence({ channelId })\n break\n case \"unsubscribe\":\n resetSubscriberChannelPresence()\n break\n default:\n }\n }\n catch (e) { }\n }\n\n useEffect(() => {\n if (!getAuthToken()) {\n history.push(\"/\")\n }\n\n liveLocked = true\n vodLocked = true\n\n // window.setInterval(() => {\n // setLastActionTime(lastActionTime => ++lastActionTime)\n // }, 1000)\n\n // let lastTime = (new Date()).getTime();\n\n // setInterval(function () {\n // let currentTime = (new Date()).getTime();\n // if (currentTime > (lastTime + 2000 * 2)) { // ignore small delays\n // console.log(\"AAA woke up \" + moment().format())\n\n // }\n // lastTime = currentTime;\n // }, 2000);\n\n // if (typeof document.hidden !== \"undefined\") { // Opera 12.10 and Firefox 18 and later support\n // hidden = \"hidden\";\n // visibilityChange = \"visibilitychange\";\n // } else if (typeof document.msHidden !== \"undefined\") {\n // hidden = \"msHidden\";\n // visibilityChange = \"msvisibilitychange\";\n // } else if (typeof document.webkitHidden !== \"undefined\") {\n // hidden = \"webkitHidden\";\n // visibilityChange = \"webkitvisibilitychange\";\n // }\n // document.addEventListener(visibilityChange, handleVisibilityChange, false);\n window.addEventListener('online', handleConnectionChange);\n window.addEventListener('offline', handleConnectionChange);\n return function cleanup() {\n window.removeEventListener(\"online\", handleConnectionChange)\n window.removeEventListener(\"offline\", handleConnectionChange)\n };\n\n // window.ononline = (event) => {\n // // alert(\"You are now connected to the network.\");\n // setOnline(true)\n // };\n // // Detect when user's connection is broken\n // window.onoffline = (event) => {\n // // alert(\"The network connection has been lost.\");\n // setOnline(false)\n // }; \n }, [])\n\n useEffect(() => {\n\n if (!channelId) {\n return false\n }\n // window.Pusher = new Pusher(process.env.REACT_APP_PUSHER_APP_KEY, {\n // // key: process.env.REACT_APP_PUSHER_APP_KEY,\n // cluster: process.env.REACT_APP_PUSHER_APP_CLUSTER,\n // forceTLS: true,\n // authEndpoint: process.env.REACT_APP_API_BASEURL + 'broadcasting/auth',\n // pongTimeout: 6000,\n // activityTimeout: 30000,\n // auth: {\n // headers: {\n // 'Authorization': \"Bearer \" + getAuthToken()\n // }\n // }\n // });\n window.Pusher.connection.bind('connected', function () {\n // consoleLog(\"pusher:connected\")\n // if (pusherChannelState === 'disconnected') {\n // consoleLog(`pusher:connected status : ${playerStatus}`)\n // }\n // setPusherChannelState('connected')\n })\n window.Pusher.connection.bind('disconnected', function () {\n // consoleLog(\"pusher:disconnected\")\n playerObject.pause()\n // if (pusherChannelState === 'connected') {\n // consoleLog(`pusher:disconnected status : ${playerStatus}`)\n // }\n // setPusherChannelState('disconnected')\n })\n // window.Pusher.connection.bind(\"error\", function (err) {\n // // if (err.error.data.code === 4004) {\n // consoleLog(\">>> detected error \" + err.error.data.code);\n // // }\n // });\n if (channelId && !window._.isEmpty(context.user)) {\n\n let pusherChannel = PusherManager.pusherchannel\n\n pusherChannel.bind(\"App\\\\Events\\\\ChannelStatusChanged\", (data) => {\n consoleLog(`ChannelStatusChanged was triggered with data ${JSON.stringify(data)}`);\n\n const action = data?.actions?.find(action => parseInt(action.id) === parseInt(channelId))\n consoleLog(action);\n if (action) {\n const newChannelStatus = parseInt(action.status)\n switch (newChannelStatus) {\n case LIVE:\n liveLocked = true\n changeChannelStatus({ newValue: LIVE, newSource: action.source, newAlternativeSources: action.channel_sources, newEpisodeLiveStartedAt: action.episode_live_started_at })\n break\n // case \"App\\\\Events\\\\EventStatusChanged\":\n // if (data.keep_current_time) {\n // vodLocked = true\n // }\n // changeChannelStatus({ newValue: action.status, newSource: action.source, newAlternativeSources: action.channel_sources, newCCSources: action.closed_captions })\n // break\n // case \"App\\\\Events\\\\ChangeQaaStatus\":\n // changeQaaStatus(data.status)\n // break\n default:\n if (data.keep_current_time) {\n vodLocked = true\n }\n changeChannelStatus({ newValue: newChannelStatus, newSource: action.source, newAlternativeSources: action.channel_sources, newCCSources: action.closed_captions })\n break\n }\n }\n });\n\n // subscribeToChannel\n const channel = subscribeToChannel(props.eventId, channelId)\n // setSubscriberChannelPresence({ channelId })\n handleChannelSubscription({ action: \"subscribe\", channelId })\n // const channel = window.Pusher.subscribe(`presence-${props.eventId}.${channelId}`)\n // .here((e) => {\n // consoleLog(\"LiveStarted join\", e);\n // // setStatus(LIVE)\n // })\n // .listen('.App\\\\Events\\\\LiveStarted', (e) => {\n // consoleLog(\"LiveStarted\", e);\n // setStatus(LIVE)\n // });\n // consoleLog(\"channel\", channel)\n // channel.bind('pusher:subscription_succeeded', function (members) {\n // consoleLog(\"pusher:subscription_succeeded\")\n // })\n // channel.bind('pusher:member_added', function (member) {\n // consoleLog(\"pusher:member_added\")\n // });\n // channel.bind(\"pusher:member_removed\", (member) => {\n // consoleLog(\"member_removed at \" + moment().format())\n // // remove_member(member.id, member.info);\n // });\n // channel.bind('.App\\\\Events\\\\LiveStarted', function (e) {\n // consoleLog(\"lpusher:isten\", e)\n // });\n // channel.bind('.App\\\\Events\\\\LiveStopped', function (e) {\n // consoleLog(\"pusher:listen\", e)\n // });\n // channel.bind('pusher:ping', function (e) {\n // consoleLog(\"pusher:ping\", e)\n // });\n // channel.bind('pusher:pong', function (e) {\n // consoleLog(\"pusher:pong\", e)\n // });\n channel.bind_global(globalCallback);\n\n }\n return function cleanup() {\n if (window.Pusher) {\n unsubscribeFromChannel(props.eventId, channelId)\n // resetSubscriberChannelPresence()\n handleChannelSubscription({ action: \"unsubscribe\" })\n // window.Pusher.unsubscribe(`presence-${props.eventId}.${channelId}`)\n }\n };\n }, [channelId])\n\n useEffect(() => {\n const _episodeId = window._.get(context, \"episodeId\")\n consoleLog(\"onEpisodeSelected playerbox\", _episodeId, props.episodeId)\n if (props.episodeId && episode !== props.episodeId) {\n loadPlayList(_episodeId)\n // setEpisodeId(_episodeId)\n }\n }, [props.episodeId])\n\n // useEffect(() => {\n // if (context.channelId && context.channelId !== channelId) {\n // setChannelId(context.channelId)\n // }\n // }, [context.channelId])\n\n useEffect(() => {\n channelStatusCode = status\n handleLastPauseLog()\n }, [status])\n\n useEffect(() => {\n setFormattedAleternativeSources(alternativeSources?.map(item => {\n return {\n id: item.id,\n src: item.src,\n type: item.type\n }\n })\n )\n }, [alternativeSources])\n\n useEffect(() => {\n if (!channelId) {\n return\n }\n let params = {\n channel_id: channelId,\n }\n if (audioTrackLangId) {\n params = {\n ...params,\n audio_lang_id: audioTrackLangId,\n }\n }\n if (ccTrackLangId) {\n params = {\n ...params,\n cc_lang_id: ccTrackLangId,\n }\n }\n if (selectedAlternativeSource) {\n params = {\n ...params,\n channel_source_id: selectedAlternativeSource?.id\n }\n }\n onInsightChange(params)\n }, [audioTrackLangId, ccTrackLangId, selectedAlternativeSource, playerReadyState])\n\n useEffect(() => {\n window.setTimeout(async () => {\n updateSource()\n }, 500)\n }, [playList, status, selectedAlternativeSource, ccSources])\n\n const updateSource = async () => {\n // const playerSource = (alternativeSources?.length > 1 && selectedAlternativeSource) ? {\n // sources: selectedAlternativeSource\n // } : {\n // sources: playList ? [playList[status]] : null,\n // textTracks: getTextTrack(playList, status)\n // };\n let source = {}\n if (alternativeSources?.length > 1 && selectedAlternativeSource) {\n source = {\n sources: selectedAlternativeSource\n }\n }\n else {\n const tracks = await getTextTrack(playList, status)\n source = {\n sources: playList ? [playList[status]] : null,\n textTracks: tracks\n }\n }\n setPlayerSource(source);\n }\n\n // useEffect(() => {\n // let newTextTracks = null\n // if (newValue === PRE_LIVE) {\n // newTextTracks = [{\n // label: 'Chapters',\n // kind: 'chapters',\n // src: 'https://cdn.theoplayer.com/video/sintel/chapters.vtt',\n // srclang: 'en',\n // default: true\n // }]\n // }\n // setTextTracks(newTextTracks)\n // }, [playList])\n\n // // If the page is hidden, pause the video;\n // // if the page is shown, play the video\n // function handleVisibilityChange() {\n // if (document[hidden]) {\n // console.log(\"AAA hidden \" + moment().format())\n // } else {\n // console.log(\"AAA visible \" + moment().format())\n // }\n // }\n\n const setLastPauseLog = (playerObject) => {\n localStorage.setItem(getLocalStorageLastPauseFieldName(context.episodeId), playerObject.currentTime)\n localStorage.setItem(getLocalStorageDurationFieldName(context.episodeId), playerObject.duration)\n }\n\n const handleLastPauseLog = () => {\n const timeInt = localStorage.getItem(getLocalStorageLastPauseFieldName(context.episodeId))\n if (timeInt) {\n onPause(timeInt, true)\n localStorage.setItem(getLocalStorageLastPauseFieldName(context.episodeId), null)\n localStorage.setItem(getLocalStorageDurationFieldName(context.episodeId), null)\n }\n }\n\n const handleConnectionChange = (e) => {\n if (e.type !== connectionStatus) {\n if (e.type === \"offline\") {\n playerObject.pause()\n setLastPauseLog(playerObject.currentTime)\n alert(\"You are offline\")\n }\n else {\n handleLastPauseLog()\n alert(\"You back online\")\n }\n connectionStatus = e.type\n }\n }\n\n const subscribeToChannel = (eventId, channelId) => {\n return window.Pusher.subscribe(`presence-${eventId}.${channelId}`)\n }\n const unsubscribeFromChannel = (eventId, channelId) => {\n window.Pusher.unsubscribe(`presence-${eventId}.${channelId}`)\n }\n\n const globalCallback = (eventName, data) => {\n consoleLog(`bind global: The event ${eventName} was triggered with data ${JSON.stringify(data)}`);\n switch (eventName) {\n case \"App\\\\Events\\\\LiveStarted\":\n liveLocked = true\n changeChannelStatus({ newValue: LIVE, newSource: data.source, newAlternativeSources: data.channel_sources, newEpisodeLiveStartedAt: data.episode_live_started_at })\n break\n case \"App\\\\Events\\\\LiveStopped\":\n changeChannelStatus({ newValue: BUFFER, newSource: data.source, newAlternativeSources: data.channel_sources })\n break\n case \"App\\\\Events\\\\EventStatusChanged\":\n if (data.keep_current_time) {\n vodLocked = true\n }\n changeChannelStatus({ newValue: data.status, newSource: data.source, newAlternativeSources: data.channel_sources, newCCSources: data.closed_captions })\n break\n // case \"App\\\\Events\\\\ChangeQaaStatus\":\n // changeQaaStatus(data.status)\n // break\n default:\n }\n }\n\n // const changeChannelStatus = (newValue, newSource, newAlternativeSources = [], newCCSources = []) => {\n const changeChannelStatus = ({ newValue, newSource, newAlternativeSources = [], newCCSources = [], newEpisodeLiveStartedAt }) => {\n\n setEpisodeLiveStartedAt(newEpisodeLiveStartedAt)\n if (newSource) {\n setPlayList(playList => {\n return {\n ...playList,\n [newValue]: newSource\n }\n })\n }\n setSelectedAlternativeSource()\n setAleternativeSources(newAlternativeSources)\n setCcSources(newCCSources)\n setStatus(newValue)\n context.setChannelStatus(newValue)\n }\n\n // const changeQaaStatus = (newValue) => {\n // consoleLog(\"changeQaaStatus\", newValue)\n // context.changeQaaStatus(newValue)\n // }\n\n const loadPlayList = async (episodeId) => {\n if (!getAuthToken()) {\n return false\n }\n const res = await getPlayerSources({\n episode_id: episodeId,\n lang_id: context.language\n })\n setPlayList(window._.get(res, \"playlist\"))\n setChannel(window._.get(res, \"channel\"))\n setChannelId(window._.get(res, \"id\"))\n changeChannelStatus({ newValue: window._.get(res, \"status\") })\n setAleternativeSources(window._.get(res, \"sources\"))\n setCcSources(window._.get(res, \"cc_sources\"))\n setLoading(false)\n // setEligible(window._.get(res, \"id\") ||)\n }\n\n // INACTIVE\n // const onPlay = (currentTime) => {\n // // consoleLog(currentTime, \"The player event play.\")\n // // playerStatus = \"playing\"\n // // lastAction = moment()\n // // // sendWebHook(currentTime, \"play\")\n // }\n\n // ACTIVE\n const onPlaying = async (currentTime) => {\n consoleLog(currentTime, \"The player event onPlaying.\")\n playerStarterTime = currentTime\n if (playerStatus !== \"playing\") {\n playerStatus = \"playing\"\n lastAction = moment()\n return await sendWebHook(currentTime, \"play\")\n }\n }\n\n // ACTIVE\n const onPause = async (currentTime, force) => {\n if (isNaN(currentTime)) {\n return Promise.resolve(false)\n }\n else {\n consoleLog(currentTime, force, \"The player event onPause.\")\n if (playerStatus === \"playing\" || force) {\n playerStatus = \"pause\"\n lastAction = moment()\n return await sendWebHook(currentTime, \"pause\", force)\n }\n }\n }\n\n // ACTIVE\n const onInsightChange = async (params) => {\n params = {\n ...params,\n status\n }\n if (ccSources.length && !params.cc_lang_id && !initialized) {\n const active = ccSources.find(item => item.is_active)\n // params = {\n // ...params,\n // cc_lang_id: active?.lang_id\n // }\n setCcTrackLangId(active?.lang_id)\n initialized = true\n return\n }\n if (params === insights) {\n return\n }\n if (playerReadyState !== 4) {\n return\n }\n if (!params.cc_lang_id) {\n params = {\n ...params,\n cc_lang_id: null\n }\n }\n setInsights(params)\n window.clearTimeout(timeOut)\n timeOut = window.setTimeout(() => {\n consoleLog(params, \"The player event onPlaying.\")\n playerInsight(params)\n }, 100)\n }\n\n const onAudioTrackChange = (e) => {\n // console.log(\"onAudioTrackChange\", e)\n setAudioTrackLangId(e)\n }\n\n const onCcTrackChange = (e) => {\n // console.log(\"onCcTrackChange\", e)\n setCcTrackLangId(e)\n }\n // // INACTIVE\n // const onSeeking = (currentTime) => {\n // // consoleLog(currentTime, \"The player event onSeeking.\")\n // // playerStatus = \"seeking\"\n // // sendWebHook(currentTime, \"pause\")\n // }\n\n // // INACTIVE\n // const onSeeked = (currentTime) => {\n // // consoleLog(currentTime, \"The player event onSeeked.\")\n // // playerStatus = \"seeked\"\n // // sendWebHook(currentTime, \"pause\")\n // }\n\n // INACTIVE\n const onTimeUpdate = (currentTime) => {\n\n playerCurrentTime = currentTime\n if ([VOD].includes(status) && !vodLocked) {\n const timeInt = parseInt(currentTime)\n localStorage.setItem(getLocalStorageOffsetFieldName(context.episodeId), timeInt)\n }\n }\n\n // INACTIVE\n const onReadyStateChange = async (player) => {\n setPlayerReadyState(player.readyState)\n setIsFakeLive(false)\n consoleLog(\"onReadyStateChange\", player.readyState)\n if (player.readyState === 4) {\n setHidePlayer(false)\n }\n\n if (![LIVE].includes(status)) {\n liveLocked = true\n }\n if (![VOD].includes(status)) {\n vodLocked = true\n }\n\n if (channel?.is_fake_live && [LIVE].includes(status)) {\n setIsFakeLive(true)\n }\n if (\n player.readyState === 4 &&\n !buffer &&\n liveLocked &&\n [LIVE].includes(status)\n ) {\n if (channel?.is_fake_live) {\n\n const liveStartedAt = context.episode?.live_started_at || episodeLiveStartedAt\n // console.log(\"liveStartedAt\", liveStartedAt, episodeLiveStartedAt)\n if (liveStartedAt) { // episode_live_started_at\n const diff = moment().diff(utc(liveStartedAt), \"seconds\")\n consoleLog(\"player.currentTime: LIVE starts from\", diff)\n player.currentTime = diff;\n liveLocked = false\n }\n }\n\n if (playerStatus === \"playing\") {\n // const now = moment()\n // const resPause = await sendWebHook(lastActionPlayerTime + (parseInt(now.format(\"X\")) - parseInt(lastAction.format(\"X\"))), \"pause\")\n // const resPlay = await sendWebHook(player.currentTime, \"play\")\n // consoleLog(\"resPause\", player.currentTime, parseInt(now.format(\"X\")) - parseInt(lastAction.format(\"X\")))\n // lastAction = now\n }\n }\n if (\n player.readyState === 4 &&\n [VOD].includes(status) &&\n vodLocked\n ) {\n if (startFrom()) {\n player.currentTime += startFrom()\n localStorage.setItem(getLocalStorageOffsetFieldName(context.episodeId), null)\n }\n vodLocked = false\n }\n // HAVE_ENOUGH_DATA\n }\n\n const sendWebHook = async (currentTime, eventName, force) => {\n let res = null\n // consoleLog(\"The player event xxxx \" + eventName, parseInt(currentTime), parseInt(playerStarterTime))\n if (\n (\n [LIVE, VOD].includes(status) &&\n lastEvent !== eventName\n ) ||\n force\n ) {\n lastEvent = eventName\n let calculatedPlayerTime = 0\n if ([VOD].includes(status)) {\n calculatedPlayerTime = parseInt(currentTime)\n }\n else {\n calculatedPlayerTime = parseInt(currentTime) - parseInt(playerStarterTime)\n if (calculatedPlayerTime < 0) {\n calculatedPlayerTime = 0\n }\n }\n\n res = await playerWhebHook({\n time: calculatedPlayerTime,\n name: eventName,\n episodeId: context.episodeId,\n channelId: channelId,\n channelStatus: channelStatusCode,\n duration: force ? localStorage.getItem(getLocalStorageDurationFieldName(context.episodeId)) : playerObject.duration,\n buffer: buffer,\n async: force,\n log_id: logId\n })\n logId = res.log\n lastActionPlayerTime = parseInt(currentTime)\n }\n return res\n }\n\n const startFrom = () => {\n if ([VOD].includes(status)) {\n return parseInt(localStorage.getItem(getLocalStorageOffsetFieldName(context.episodeId)))\n }\n }\n\n const getTextTrack = async (playList, status) => {\n\n let textTracks = []\n const srcM3u8 = window._.get(playList, status + \".src\")\n\n if (srcM3u8) {\n\n const defaultCcConfig = {\n default: true, //optional\n kind: 'subtitles', //optional - find other values at https://support.theoplayer.com/hc/en-us/articles/214350425#TextTrackDescription\n // label: 'English subs', //optional - this will appear in your UI\n srclang: 'en'\n }\n\n if (status === LIVE) {\n textTracks.push(defaultCcConfig)\n }\n\n // else if (status === VOD) {\n // Subtitles / CC / Captions\n // let liveConfiguration = {\n // default: true, //optional\n // kind: 'subtitles', //optional - find other values at https://support.theoplayer.com/hc/en-us/articles/214350425#TextTrackDescription\n // // label: 'English subs', //optional - this will appear in your UI\n // srclang: 'en'\n // }\n // if (status === VOD) {\n // if (ccSources.length === 0) {\n // const ccVttUrl = getCloseCaptionsVttFileUrl(srcM3u8)\n // // const ccVttUrl = 'https://deu4xpzslem1x.cloudfront.net/index.m3u8'\n // try {\n // await get(ccVttUrl)\n // liveConfiguration = {\n // ...liveConfiguration,\n // src: ccVttUrl\n // }\n // }\n // catch (e) {\n // }\n // liveConfiguration = {\n // ...liveConfiguration,\n // src: ccVttUrl\n // }\n // }\n // else {}\n\n // }\n\n // textTracks.push(liveConfiguration)\n // }\n if (status === VOD) {\n if (ccSources.length === 0) {\n // BE AWARE!!! ASYNC makes troubles BUT DO NOT DELETE!!!\n // const ccVttUrl = getCloseCaptionsVttFileUrl(srcM3u8)\n // // const ccVttUrl = 'https://deu4xpzslem1x.cloudfront.net/index.m3u8'\n // try {\n // await get(ccVttUrl)\n // textTracks.push({\n // ...defaultCcConfig,\n // src: ccVttUrl\n // })\n // }\n // catch (e) {\n // }\n }\n else {\n // \"default\" Not Working with iOS!!!\n // ccSources.forEach(item => {\n // textTracks.push({\n // default: item.is_active, //!index, //optional\n // kind: 'subtitles', //optional - find other values at https://support.theoplayer.com/hc/en-us/articles/214350425#TextTrackDescription\n // label: item.default_title, //optional - this will appear in your UI\n // srclang: item.lang_id,\n // src: getCloseCaptionsVttFileUrl(srcM3u8, item.lang_id)\n // })\n // })\n }\n // console.log(\"textTracks\", status, textTracks, ccSources)\n // Chapters\n // textTracks.push({\n // label: 'Chapters',\n // kind: 'chapters',\n // src: getChaptersVttFileUrl(srcM3u8),\n // // srclang: 'en',\n // default: true\n // })\n // // Thumbnails\n // textTracks.push({\n // default: true,\n // src: getThumbnailsVttFileUrl(srcM3u8),\n // label: 'thumbnails',\n // kind: 'metadata'\n // })\n }\n }\n return Promise.resolve(textTracks)\n }\n\n const alterantiveSourceChanged = (e) => {\n onPause(playerCurrentTime, true)\n setSelectedAlternativeSource(formattedAlternativeSources.find(item => item.src === e.target.value))\n setAudioTrackLangId()\n setCcTrackLangId()\n }\n\n const alternativeSourcesSelector = alternativeSources?.length > 1 ? (\n \n {props.children}\n
\n Loading video...
\n ) : (channelsStatus && status !== UNKNOWN) ? (\n \n {process.env.NODE_ENV !== \"production\" ? (\n { onPlay(player.currentTime) }}\n onPause={(e, player) => { onPause(player.currentTime) }}\n // onSeeking={(e, player) => { onSeeking(player.currentTime) }}\n // onSeeked={(e, player) => { onSeeked(player.currentTime) }}\n onTimeUpdate={(e, player) => { onTimeUpdate(player.currentTime) }}\n onPlaying={(e, player) => { onPlaying(player.currentTime) }}\n onReadyStateChange={(e, player) => { onReadyStateChange(player) }}\n onAudioTrackChange={onAudioTrackChange}\n onCcTrackChange={onCcTrackChange}\n onPLayerReady={(player) => { playerObject = player }}\n muted={true}\n />\n
\n ) : (\n \n
\n ) : null}\n {\n hidePlayer && channelsStatus {channelsStatus}
\n status {status}
\n source {playerSource?.sources[0]?.src}
\n User Lang ID {context.user.lang_id}
\n Event Lang ID {context.language}
\n Event Default Lang ID {context.event.default_language}
\n Episode ID {context.episodeId}
\n \n {content}\n
\n )\n}\nexport default PageBody","import classNames from 'classnames';\nimport React from 'react';\nimport wrapSection from '../../hoc/wrapSection';\nimport PageBody from '../../ui/PageBody/PageBody';\nimport TheoPlayer from '../TheoPlayer/TheoPlayer';\n\nconst DemoPlayer = (props) => {\n\n const playerSource = {\n sources: props.source,\n };\n return (\n \n { console.log(\"The player has started playing.\") }}\n demo={true}\n />\n
\n \n 
\n
\n )\n }\n\n let multiepisode = false\n let episodesDropdown = null\n let eventHeaderWidthLg = 12\n let forceDisable = false\n\n let dropDownEpisodes = props.episodes\n // allEpisodes\n if (props.episodes.length === 0) {\n dropDownEpisodes = props.allEpisodes\n forceDisable = true\n }\n\n let selectedEpisode = null\n try {\n if (isCtio2022()) {\n const selectable = dropDownEpisodes.filter(item => {\n return !(\n !item.has_future_events ||\n (!item.is_subscriptions_open && isCtio2022())\n || forceDisable\n )\n })\n selectedEpisode = touched ? props.episode : selectable.length ? selectable[0] : dropDownEpisodes[dropDownEpisodes.length - 1]\n }\n else {\n selectedEpisode = props.episode || props.episodes[0].id\n }\n }\n catch (e) { }\n\n if (dropDownEpisodes.length > 1 && !props.hideDropDown && (context.episode || isCtio2022())) {\n multiepisode = true\n eventHeaderWidthLg = 9\n episodesDropdown = (\n \n onEpisodeChange(e)}\n >\n {dropDownEpisodes.map(item => {\n const disabled = (\n !item.has_future_events ||\n (!item.is_subscriptions_open && isCtio2022())\n || forceDisable\n )\n return (\n \n {item.dropdown_label || item.title}\n \n )\n })}\n \n
\n )\n }\n\n const formattedEpisodeCategories = (isCtio2022() && window._.get(selectedEpisode, \"episode_categories\")) ? window._.get(selectedEpisode, \"episode_categories\").map(item => item.title_default).join(\",\") : null\n\n const titleContent = (isCtio2022() && window._.get(selectedEpisode, \"title\")) ? (\n <>\n \n {titleContent}\n
\n )\n\n const eventLive = isCtio2022() ? window._.get(selectedEpisode, \"live_scheduling.formatted_start_at\") : props.eventLive\n const eventVod = isCtio2022() ? window._.get(selectedEpisode, \"vod_scheduling.formatted_start_at\") : props.eventVod\n\n const maxChannelDurationInHours = window._.get(selectedEpisode, \"max_channel_duration\")\n const maxChannelDuration = themeContext.showVodDurationInDays ? parseInt(maxChannelDurationInHours / 24) : maxChannelDurationInHours\n\n const intro = props.eventTitle || props.eventSubSubTitle || props.eventSubTitle ? (\n 12 ? 12 : mobile}`]: mobile,\n [`col-md-${tablet > 12 ? 12 : tablet}`]: tablet,\n [`col-lg-${desktop > 12 ? 12 : desktop}`]: desktop,\n \"ctio-2022 mb-5\": isCtio2022()\n })}>\n {\n props.eventIntro && isCtio2022() ? (\n \n ) : null\n }\n \n {!isCtio2022() ? title : null}\n {episodesDropdown}\n {isCtio2022() ? title : null}\n
\n {\n props.hideDropDown || (isCtio2022() && (props.episodes.length === 0 || !context.episode || !context.episode?.is_subscriptions_open)) ? null : (\n \n {eventLive ? (\n
\n ) : null}\n {eventVod ? (\n \n {props.eventLiveTitle ? (\n \n {eventLive}\n
\n \n {props.eventVodTitle ? (\n \n {eventVod}\n {\n window._.get(selectedEpisode, \"vod_channels_duration\") ? (\n {props.upTo || \"up to\"} {maxChannelDuration} {props.hours || \"hours\"}\n ) : null\n }\n
\n \n ) : null}\n {\n props.eventNotes && isCtio2022() ? (\n \n ) : null\n }\n {\n props.eventIntro && !isCtio2022() ? (\n \n ) : null\n }\n \n )\n }\n \n ) : null\n\n return intro\n}\n\nEventTitle.className = \"eventtitle\"\nEventTitle.fluid = true\nexport default EventTitle","import React, { useEffect, useState, useContext } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport Input from \"../Input/Input\";\nimport MainContext from \"../../context/MainContext\";\nimport Button from \"../../ui/Button/Button\";\nimport classNames from \"classnames\";\nimport Spin from \"../../ui/Spin/Spin\";\n\nconst LoginModal = ({ hideChairmanLoginButton, ...props }) => {\n const [modalOpen, setModalOpen] = useState(false)\n const [email, setEmail] = useState(\"\")\n const [password, setPassword] = useState(\"\")\n const [isChairman, setIsChairman] = useState(false)\n const context = useContext(MainContext)\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n const toggleLoginAsChairman = () => {\n setIsChairman(isChairman => !isChairman)\n }\n\n const loginForm = (\n \n \n {context.loginErrors.join(\", \")}\n
\n ) : null\n }\n \n setEmail(e.target.value)}\n value={email}\n placeholder={window._.get(context, \"contents.emailBoxLoginPlaceholder\")}\n />\n
\n {isChairman ? (\n <>\n \n setPassword(e.target.value)}\n // value={password}\n placeholder=\"Password\"\n />\n
\n \n ) : null}\n {\n !hideChairmanLoginButton && (\n \n {\n context.alreadyLoggedError ? (\n <>\n props.onForceLogoutClicked()}>\n {\n context.loggingOut ? (\n props.onLoginClicked({\n email: email,\n password: isChairman ? password : \"\"\n })}>\n {\n context.loginWaiting ? (\n
\n \n )\n\n // const logo = !window._.isEmpty(themeContext.mediaHeaderLogoDesktop) ? (\n // \n {window._.get(context, \"contents.closeEveryOpenSessionMessage\")}\n
\n \n {props.formTitle}\n
\n ) : null\n\n const grid = (\n \n
\n \n \n {props.eventTitle}
\n \n {/* {logo} */}\n {props.eventSubTitle}
\n \n {sectionMainTitle}\n
\n \n )\n\n const modal = (\n \n {loginForm}\n
\n `\n }} />\n )\n}\n\nSlidoIframe.className = \"slido\"\nexport default SlidoIframe","import classNames from \"classnames\"\nimport React, { useContext, useEffect, useRef, useState } from \"react\"\nimport { LIVE } from \"../../config/channelStatus\"\nimport MainContext from \"../../context/MainContext\"\nimport Row from \"../../ui/Row/Row\"\nimport Agenda from \"../Agenda/Agenda\"\nimport Input from \"../Input/Input\"\nimport SlidoIframe from \"../SlidoIframe/SlidoIframe\"\nimport Speakers from \"../Speakers/Speakers\"\nimport \"./PlayerSidebar.scss\"\n\nconst PlayerSidebar = ({ hideAgendaDatetime, ...props }) => {\n const context = useContext(MainContext)\n const mainRow = useRef()\n const [selectedSidebarTab, setSelectedSidebarTab] = useState(\"info\")\n const [offsetTop, setOffsetTop] = useState(0)\n // const [offsetRight, setOffsetRight] = useState(0)\n const [activeTabs, setActiveTabs] = useState([])\n const [touched, setTouched] = useState(false)\n\n const {\n contents,\n language,\n country,\n episodeId,\n internal,\n episode\n } = props\n\n const sidebarTabChanged = (e) => {\n setTouched(true)\n setSelectedSidebarTab(e.target.value)\n }\n const tabsDropdown = useRef()\n\n useEffect(() => {\n changePaddingTop()\n changePaddingRight()\n window.addEventListener(\"resize\", () => {\n changePaddingTop()\n changePaddingRight()\n })\n }, [])\n\n useEffect(() => {\n const newactiveTabs = episode?.playertabs?.filter(tab => {\n return tab.channel_status?.includes(context.channelStatus)\n })\n setActiveTabs(newactiveTabs)\n }, [episode, context.channelStatus])\n\n const changePaddingTop = () => {\n if (tabsDropdown.current) {\n setOffsetTop(tabsDropdown.current.offsetHeight)\n }\n }\n\n const changePaddingRight = () => {\n // if (mainRow.current) {\n // setOffsetRight(mainRow.current.style.paddingRight)\n // }\n }\n\n const slidoUrl = episode ? episode.slido_url : window._.get(context, \"episode.slido_url\")\n\n let options = [{\n value: \"\",\n label: selectedSidebarTab ? \"Close\" : \"Open\"\n }]\n\n if (!touched) {\n options.push({\n value: \"info\",\n label: contents.infoTabTitle || \"INFO\"\n })\n }\n\n options = options.concat([{\n value: \"agenda\",\n label: contents.agendaTitle\n }, {\n value: \"speakers\",\n label: contents.speakersTitle\n }])\n\n let tabsContent = {\n \"info\": (\n \n ),\n \"agenda\": (\n sidebarTabChanged(e)}\n />\n )\n\n return (\n <>\n {/* {context.channelStatus} */}\n \n \n \n {select}\n
\n \n {\n props.message ? (\n
\n )\n}\n\n//\n\nexport default DefaultPage","import DefaultPage from \"../DefaultPage/DefaultPage\"\nconst Maintenance = (props) => {\n\n return (\n \n
\n ) : null\n }\n {\n props.content ? (\n \n {props.content}\n
\n ) : null\n\n }\n \n {props.children}\n
\n )\n}\n\nexport default MainContainer","import React, { useEffect, useState, useContext } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport MainContext from \"../../context/MainContext\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\n\nconst ThankYouRegistrationModal = (props) => {\n const [modalOpen, setModalOpen] = useState(false)\n const context = useContext(MainContext)\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n const grid = (\n \n
\n \n ) : null\n }\n \n
\n \n }\n {row}
) : null\n }\n \n )\n })\n }\n\n const grid = (\n \n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={submitButtonLabel}\n disableSubmit={disableSubmit()}\n disableRequiredHelper={true}\n disableValidation={true}\n inline={props.inline}\n />\n
\n );\n}\n\nexport default QaAUserForm","import classNames from \"classnames\"\nimport React, { useEffect, useState, useContext } from \"react\"\nimport MainContext from \"../../context/MainContext\"\nimport QaAUserForm from \"../../forms/QaAUserForm\"\nimport Row from \"../../ui/Row/Row\"\nimport { consoleLog, getQaAEnabled, setQaAEnabled } from \"../../utils/functions\"\n\nconst QandA = (props) => {\n\n const [formEnabled, setFormEnabled] = useState(false)\n\n const context = useContext(MainContext)\n\n useEffect(() => {\n consoleLog(\"window.Pusher\", window.Pusher)\n window.Pusher.bind(\"App\\\\Events\\\\ChangeQaaStatus\", (data) => {\n consoleLog(`QandA ${JSON.stringify(data)}`);\n _setQaAEnabled(parseInt(data.status) === 1)\n })\n\n }, [context.channelId])\n\n useEffect(() => {\n\n let checkValue = _getQaAEnabled()\n consoleLog(\"checkValue1\", checkValue)\n if (checkValue === undefined) {\n checkValue = parseInt(context.episode.qaa_enabled)\n }\n consoleLog(\"checkValue2\", checkValue)\n if (checkValue !== formEnabled) {\n _setQaAEnabled(checkValue === 1)\n }\n }, [context.episode])\n\n const _setQaAEnabled = (value) => {\n setQaAEnabled(value)\n setFormEnabled(value)\n }\n\n const _getQaAEnabled = () => {\n getQaAEnabled()\n }\n\n return (\n <>\n \n onSubmit(e)}\n onChange={(key, val) => onChange(key, val)}\n submitButtonLabel={getContents(context, \"sendQuestionToSpeaker\") || \"Send question to the chairman\"}\n disableSubmit={false}\n disableRequiredHelper={true}\n abortButton={true}\n onAbortClicked={props.onAbort}\n deleteButton={true}\n onDeleteClicked={props.onDelete}\n updateButton={true}\n onUpdateClicked={props.onUpdate}\n />\n
\n );\n}\n\nexport default EditQaAForm","import classNames from \"classnames\"\nimport React, { useContext, useEffect, useState } from \"react\"\nimport MainContext from \"../../context/MainContext\"\nimport QaAUserForm from \"../../forms/QaAUserForm\"\nimport { deleteQuestion, loadQuestions } from \"../../api/functions\"\nimport EditQaAForm from \"../../forms/EditQaAForm\"\nimport { initPusher, localTime } from \"../../utils/functions\"\nimport _ from \"lodash\"\n\nconst QaACardSidebar = (props) => {\n\n const context = useContext(MainContext)\n const postFix = props.sent ? \"sent\" : \"sidebar\"\n const country = window._.get(props, \"country.title\")\n\n const senderIsAttendant = !window._.get(props, \"subscriber.subscription.is_chairman\") && !window._.get(props, \"subscriber.subscription.is_internal\")\n\n const originalContent = window._.get(props, \"original_content\")\n const editedContent = window._.get(props, \"edited_content\")\n const edited = (editedContent !== null) && (editedContent !== originalContent)\n const senderName = `${window._.get(props, \"subscriber.firstname\")} ${window._.get(props, \"subscriber.lastname\")}`\n const editedLabel = edited ? ` (edited)` : null\n\n return (\n \n \n {senderName}{editedLabel} {\n country && senderIsAttendant ? ` (${country})` : null\n }\n
\n Questions from users {`${loadedQuestionsFiltered?.length > 0 ? ` (${loadedQuestionsFiltered.length})` : \"\"}`}
\n {\n loadedQuestionsFiltered && loadedQuestionsFiltered.length > 0 ? loadedQuestionsFiltered.map((item, index) => {\n return (\nQuestions list is empty
\n )\n }\n \n Selected questions
\n\n {\n editableQuestions && editableQuestions.length > 0 ? editableQuestions.map((item, index) => {\n return (\n removeFromEditableList(item.id)}\n onAbort={() => removeFromPage(item)}\n onSubmit={(newValues) => removeFromPage(newValues)}\n onDelete={() => openConfirm(item)}\n onUpdate={() => openSaveForLater(item)}\n />\n )\n }) : (\n
\n Select questions to edit
\n )\n }\n Forwarded to the chairman
\n {\n sentQuestions && sentQuestions.length > 0 ? sentQuestions.map((item, index) => {\n return (\nAdd questions
\n\n \n {window._.get(props, \"subscriber.firstname\")} {window._.get(props, \"subscriber.lastname\")} {\n country && senderIsAttendant ? ` (${country})` : null\n }\n
\n [{props.category}]
\n )\n }\n \n [{props.category}]\n
\n )\n }\n Questions from users
\n {\n window._.get(context, \"episode.qaa_categories\") ? (\n\n setCategoryFilter(e.target.value)}\n options={[\n {\n value: null,\n label: window._.get(context, \"contents.qaa_category\") || \"Filter by category\",\n },\n ...window._.get(context, \"episode.qaa_categories\").map(item => {\n return {\n value: item.toLowerCase(),//internal_false_value_label\n label: item\n }\n })]}\n />\n
\n ) : \"No\"\n }\n {\n loadedQuestionsFiltered && loadedQuestionsFiltered.length > 0 ? loadedQuestionsFiltered.map(item => {\n return (\n The list is empty
\n )\n }\n \n Select questions to read
\n {\n editableQuestions && editableQuestions.length > 0 ? editableQuestions.map(item => {\n return (\nThe list is empty
\n )\n }\n \n \n )\n}\n\nexport default QandASpeaker","import classNames from \"classnames\"\nimport \"./AgendaAccordion.scss\"\n\nconst AgendaAccordion = (props) => {\n return (\n \n {props.children}\n
\n )\n}\n\nexport default AgendaAccordion","import classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport { ThemeContext } from 'styled-components';\nimport MainContext from '../../context/MainContext';\nimport Row from '../../ui/Row/Row';\nimport { getThemeConfig } from '../../utils/functions';\nimport \"./EpisodeTitle.scss\"\n\nconst EpisodeTitle = ({ linesOrder, ...props }) => {\n\n const { episode, fullWidth } = props\n const context = useContext(MainContext)\n const themeContext = useContext(ThemeContext);\n const speakersLayoutCols = getThemeConfig(context, \"speakers.cols\")\n const agendaLayoutCols = getThemeConfig(context, \"agenda.cols\")\n\n let mobile = 12\n let tablet = 12\n let desktop = 12\n\n try {\n mobile = speakersLayoutCols.mobile + agendaLayoutCols.mobile\n tablet = speakersLayoutCols.tablet + agendaLayoutCols.tablet\n desktop = speakersLayoutCols.desktop + agendaLayoutCols.desktop\n }\n catch (e) { }\n\n // const liveStartDate = window._.get(episode, \"live_scheduling.start_at\")\n const liveStartDateDayName = window._.get(episode, \"live_scheduling.dayname_start_at\")\n // const vodStartDate = window._.get(episode, \"vod_scheduling.start_at\")\n const vodStartDateDayName = window._.get(episode, \"vod_scheduling.dayname_start_at\")\n\n // const liveStartDateTimeFormatted = liveStartDate ? localTime(liveStartDate, context.event.timezone).format(\"MMM D, YYYY\") : null\n const liveStartDateTimeFormatted = window._.get(episode, \"live_scheduling.formatted_start_at\")\n const liveStartDateFormatted = window._.get(episode, \"live_scheduling.formatted_date_start_at\")\n // const vodStartDateTimeFormatted = vodStartDate ? localTime(vodStartDate, context.event.timezone).format(\"MMM D, YYYY\") : null\n // const vodStartDateTimeFormatted = window._.get(episode, \"vod_scheduling.formatted_finish_at\")\n const vodStartDateFormatted = window._.get(episode, \"vod_scheduling.formatted_date_start_at\")\n\n // const openAccordionButton = (\n // \n {props.eventLiveTitle ? (\n
: \n }\n\n {/* {localTime(props.eventLive, context.event.timezone).format(\"HH:mm\")} */}\n {props.eventLive}\n \n
\n ) : null}\n {props.eventVod ? (\n : \n }\n
\n {props.eventVodTitle ? (\n
: \n }\n \n {/* {localTime(props.eventVod, context.event.timezone).format(\"HH:mm\")} */}\n {props.eventVod}\n {\n window._.get(props, \"episode.vod_channels_duration\") ? (\n {props.upTo || \"up to\"} {maxChannelDuration} {props.hours || \"hours\"}\n // {window._.get(props, \"episode.vod_channels_duration\").join(\"/\")} hours\n ) : null\n }\n \n
\n ) : null}\n \n );\n\n const episodeTitle = (\n <>\n {props.eventTitle}\n {\n props.eventSubTitle ? (\n : \n }\n \n {/* {localTime(props.eventVod, context.event.timezone).format(\"HH:mm\")} */}\n {props.eventVod}\n {\n window._.get(props, \"episode.vod_channels_duration\") ? (\n {props.upTo || \"up to\"} {maxChannelDuration} {props.hours || \"hours\"}\n // {window._.get(props, \"episode.vod_channels_duration\").join(\"/\")} hours\n ) : null\n }\n \n
\n {props.eventSubTitle}\n
\n ) : null\n }\n \n )\n // linesOrder\n\n let firstRow = null;\n let secondRow = null;\n\n switch (linesOrder) {\n case 1:\n firstRow = (\n {episodeTitle}\n );;\n secondRow = episodeDate;\n break;\n default:\n firstRow = episodeDate;\n secondRow = episodeTitle;\n }\n\n const intro = props.eventTitle ? (\n 12 ? 12 : mobile}`]: mobile,\n [`col-md-${tablet > 12 ? 12 : tablet}`]: tablet,\n [`col-lg-${desktop > 12 ? 12 : desktop}`]: desktop,\n }, {\n popup: props.popup\n })}>\n \n {\n props.hideDates ? null : (\n
\n
\n ) : null\n return intro\n}\n\nEpisodeTitle.className = \"episodetitle\"\nEpisodeTitle.fluid = true\nexport default EpisodeTitle","import classNames from \"classnames\"\nimport { useState } from \"react\"\nimport AgendaAccordion from \"../../ui/AgendaAccordion/AgendaAccordion\"\nimport Row from \"../../ui/Row/Row\"\nimport { consoleLog } from \"../../utils/functions\"\nimport Agenda from \"../Agenda/Agenda\"\nimport EpisodeTitle from \"../EpisodeTitle/EpisodeTitle\"\nimport Speakers from \"../Speakers/Speakers\"\nimport \"./EpisodeDetails.scss\"\n\nconst EpisodeDetails = (props) => {\n\n const [open, setOpen] = useState(false)\n const {\n episode,\n language,\n country,\n internal,\n contents,\n expandable,\n className,\n groupedSeakers,\n hideAgendaDatetime,\n accordionTitleIcon,\n fullWidth\n } = props\n\n const toggle = () => {\n consoleLog(\"toggle\")\n setOpen(open => {\n return !open\n })\n }\n\n let openIcon = null;\n let closeIcon = null;\n\n switch (accordionTitleIcon) {\n case 1:\n openIcon = (\n \n );\n closeIcon = (\n \n )\n break;\n default:\n openIcon = \"+\";\n closeIcon = \"-\";\n }\n\n const openAccordionButton = expandable ? (\n \n {\n liveStartDateFormatted ? (\n <>\n
\n )\n }\n {liveStartDateDayName}
\n {liveStartDateFormatted}
\n \n ) : null\n }\n {\n vodStartDateFormatted && !liveStartDateTimeFormatted ? (\n // vodStartDateTimeFormatted && (liveStartDateTimeFormatted !== vodStartDateTimeFormatted) ? (\n <>\n {vodStartDateDayName}
\n {vodStartDateFormatted}
\n \n ) : null\n }\n \n {
\n \n {firstRow}\n
}\n \n {secondRow}\n
\n \n // 
\n //
\n // ) : null\n const style = icon ? {\n backgroundImage: `url(/img/icons/${icon}.png)`\n } : {}\n return (\n \n {props.children}\n
\n \n )\n}\n\nexport default InitialModalBanner","import React, { useEffect, useState, useContext } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport { ThemeContext } from \"styled-components\";\nimport MainContext from \"../../context/MainContext\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\nimport InitialModalBanner from \"../../ui/InitialModalBanner/InitialModalBanner\";\nimport EventTitle from \"../EventTitle/EventTitle\";\nimport EpisodeDetails from \"../EpisodeDetails/EpisodeDetails\";\n\nconst InitialModal = (props) => {\n const [modalOpen, setModalOpen] = useState(false)\n const context = useContext(MainContext)\n const themeContext = useContext(ThemeContext);\n\n const { contents } = props\n const { is2ColsView, episode, event, language, internal, country } = context\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n // hide_logo_initial_popup hideLogoInitialPopup\n // hide_title_initial_popup hideTitleInitialPopup\n const logo = !window._.isEmpty(themeContext.mediaHeaderLogoDesktop) && themeContext.showMainlogoInitialPopup ? (\n \n
\n \n ) : null\n }\n {\n contents.initialPopupFooter ? (\n \n ) : null\n }\n \n {props.eventTitle}\n
\n \n \n {window._.get(context, \"contents.notEligible\")}\n \n
\n )\n }\n else if (goToPlayer && episode) {\n content = (\n <>\n \n
\n {\n (showSlido) && slidoUrl ? (\n \n
\n ) : null\n }\n \n )\n }\n return (\n \n \n {content}\n
\n
\n )\n}\n\nexport default IframeContent","import React, { useEffect, useState, useContext } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\";\nimport MainContext from \"../../context/MainContext\";\nimport Button from \"../../ui/Button/Button\";\nimport Spin from \"../../ui/Spin/Spin\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\n\nconst AlreadyLoggedInModal = (props) => {\n const [modalOpen, setModalOpen] = useState(false)\n const context = useContext(MainContext)\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n\n\n const grid = (\n \n {window._.get(context, \"contents.closeEveryOpenSessionMessage\")}\n
\n \n {props.alreadyAnsweredMessage}\n
\n {episode.evaluation_form_title || episode.title}
\n {episode.episode_categories && (\n \n {episode.episode_categories.map(cat => cat.title_default)}\n
\n )}\n \n \n {window._.get(formFeedback, episode.id)}\n
\n \n {\n category.evaluationquestions.length ? (\n \n \n {category.title}\n
\n \n ) : null\n }\n\n \n {\n category.evaluationquestions.map(item => {\n\n const answer = (!item.question_type) ? (\n onChange(item.id, e)}\n className=\"form-control form-control-lg\"\n >\n ) : item.is_radio ? (\n
\n ) : (\n \n {\n item.options ? item.options.map(option => {\n return (\n \n onChange(item.id, e)}\n />\n \n
\n )\n }) : null\n }\n \n
\n \n {answer}\n
\n \n )\n })\n }\n \n \n )\n }) : \"No questions\"\n }\n \n {_episode.evaluation_form_title || _episode.title}\n
\n {\n _answered ? (\n \n \n {props.alreadyAnsweredMessage}\n \n
\n ) : null\n }\n \n )\n })}\n \n \n {\n props.hideDates ? props.eventSubTitle ? (\n
\n
\n ) : null\n return intro\n}\n\nEpisodeTitleWithNestedAgenda.className = \"parent-agenda-title\"\nEpisodeTitleWithNestedAgenda.fluid = true\nexport default EpisodeTitleWithNestedAgenda","import classNames from 'classnames';\nimport React, { useContext } from 'react';\nimport MainContext from '../../context/MainContext';\nimport Row from '../../ui/Row/Row';\nimport { localTime } from '../../utils/functions';\nimport \"./EpisodeTitle.scss\"\n\nconst NestedAgendaTitle = (props) => {\n\n const { agenda, showDate } = props\n const context = useContext(MainContext)\n // const speakersLayoutCols = getThemeConfig(context, \"speakers.cols\")\n // const agendaLayoutCols = getThemeConfig(context, \"agenda.cols\")\n\n // let mobile = 12\n // let tablet = 12\n // let desktop = 12\n\n // try {\n // mobile = speakersLayoutCols.mobile + agendaLayoutCols.mobile\n // tablet = speakersLayoutCols.tablet + agendaLayoutCols.tablet\n // desktop = speakersLayoutCols.desktop + agendaLayoutCols.desktop\n // }\n // catch (e) { }\n\n const title = (\n \n \n {\n showDate ?\n localTime(agenda.start_at, context.event.timezone).format(\"HH:mm\") :\n `${agenda.duration} ${window._.get(context, \"contents.minutes\") || 'minutes'}`\n }\n \n \n {agenda?.title}\n \n \n )\n const intro = title ? (\n \n {props.eventSubTitle}\n
\n ) : null : (\n \n {\n props.eventTitle ? (\n <>\n {/*
\n )\n }\n {liveStartDate ? localTime(liveStartDate, context.event.timezone).format(\"dddd\") : null}
*/}\n {title}
\n \n ) : null\n }\n {/* {\n vodStartDateFormatted && !liveStartDateFormatted ? (\n // vodStartDateFormatted && (liveStartDateFormatted !== vodStartDateFormatted) ? (\n <>\n {vodStartDate ? localTime(vodStartDate, context.event.timezone).format(\"dddd\") : null}
\n {vodStartDateFormatted}
\n \n ) : null\n } */}\n \n \n {\n props.hideDates ? null : (\n
\n
\n ) : null\n return intro\n}\n\nNestedAgendaTitle.className = \"nested-agenda-title\"\nNestedAgendaTitle.fluid = true\nexport default NestedAgendaTitle","import classNames from \"classnames\"\nimport { useContext, useEffect, useState } from \"react\"\nimport MainContext from \"../../context/MainContext\"\nimport AgendaAccordion from \"../../ui/AgendaAccordion/AgendaAccordion\"\nimport Row from \"../../ui/Row/Row\"\nimport { consoleLog, getThemeConfig } from \"../../utils/functions\"\nimport Agenda from \"../Agenda/Agenda\"\nimport NestedAgendaTitle from \"../EpisodeTitle/NestedAgendaTitle\"\nimport Speakers from \"../Speakers/Speakers\"\nimport \"./EpisodeDetails.scss\"\nimport { LIVE, PRE_LIVE } from \"../../config/channelStatus\"\n\nconst NestedAgendaDetails = (props) => {\n\n const [open, setOpen] = useState(false)\n const [liveMode, setLiveMode] = useState(false)\n const context = useContext(MainContext)\n const {\n agenda,\n language,\n country,\n internal,\n episode,\n // expandable,\n className,\n groupedSeakers\n // fullWidth\n } = props\n\n useEffect(() => {\n let newLiveMode = false\n episode?.channels.forEach(element => {\n if ([LIVE, PRE_LIVE].includes(element.status)) {\n newLiveMode = true\n }\n });\n setLiveMode(newLiveMode)\n }, [episode])\n\n const toggle = () => {\n consoleLog(\"toggle\")\n setOpen(open => {\n return !open\n })\n }\n\n const getChildren = () => {\n return agenda.children || []\n }\n\n const hasChildren = () => {\n return getChildren().length > 0\n }\n\n const openAccordionButton = hasChildren() ? (\n \n {\n title ? (\n <>\n {/*
\n )\n }\n {liveStartDate ? localTime(liveStartDate, context.event.timezone).format(\"dddd\") : null}
*/}\n {title}
\n \n ) : null\n }\n {/* {\n vodStartDateFormatted && !liveStartDateFormatted ? (\n // vodStartDateFormatted && (liveStartDateFormatted !== vodStartDateFormatted) ? (\n <>\n {vodStartDate ? localTime(vodStartDate, context.event.timezone).format(\"dddd\") : null}
\n {vodStartDateFormatted}
\n \n ) : null\n } */}\n \n {window._.get(contents, \"vodDatetimeTitle\") ? (\n
\n \n {/* {localTime(props.eventVod, context.event.timezone).format(\"HH:mm\")} */}\n {getEventVod()}\n {\n getChannelsDuration() ? (\n {props.upTo || \"up to\"} {getChannelsDuration()} {contents.hours || \"hours\"}\n // {window._.get(props, \"episode.vod_channels_duration\").join(\"/\")} hours\n ) : null\n }\n \n
\n ) : null}\n \n )\n}\n\nexport default EpisodeDetailsWithNestedAgenda","import React, { useEffect, useState, useContext, useRef } from \"react\"\nimport AdamModal from \"../AdamModal/AdamModal\"\nimport MainContext from \"../../context/MainContext\"\nimport Container from \"../../ui/Container/Container\"\nimport Row from \"../../ui/Row/Row\"\nimport Button from \"../../ui/Button/Button\"\n\nconst WaitingRoomModal = (props) => {\n const [modalOpen, setModalOpen] = useState(false)\n const [playing, setPlaying] = useState(false)\n const audio = useRef()\n const context = useContext(MainContext)\n\n useEffect(() => {\n setModalOpen(props.open)\n // if (props.open && !playing) {\n // setTimeout(() => {\n // togglePlaying()\n // }, 2000)\n // }\n }, [props.open])\n\n const togglePlaying = () => {\n if (playing) {\n audio.current.pause()\n setPlaying(false)\n }\n else {\n audio.current.play().then(() => {\n setPlaying(true)\n }).catch(error => {\n console.log('Unable to play the video, User has not interacted yet.');\n })\n }\n }\n\n const grid = (\n \n \n {/* {localTime(props.eventVod, context.event.timezone).format(\"HH:mm\")} */}\n {getEventVod()}\n {\n getChannelsDuration() ? (\n {props.upTo || \"up to\"} {getChannelsDuration()} {contents.hours || \"hours\"}\n // {window._.get(props, \"episode.vod_channels_duration\").join(\"/\")} hours\n ) : null\n }\n \n
\n \n
\n \n \n )\n }\n \n )\n }\n \n \n
\n ) : null\n\n return modal\n}\n\nexport default AdamOverlay","import React from \"react\"\nimport { translateChannelStatus } from \"../../utils/functions\"\n\nconst BlinkingIcon = () => {\n return (\n \n \n \n )\n}\n\nconst ChannelStatusIcon = ({ playerStatus }) => {\n const literalStatus = translateChannelStatus(playerStatus)\n\n return playerStatus ? (\n \n
\n {\n title ? (\n - \n {\n !hideCloseButton && (\n
- \n \n \n )\n }\n {\n onLogoutClicked ? (\n
- \n \n \n ) : null\n }\n\n
{title}
\n ) : null\n }\n {children}\n\n
\n ) : null\n}\n\nexport default ChannelStatusIcon","import classNames from \"classnames\";\nimport moment from \"moment-timezone\";\nimport React, { useEffect, useState, useContext } from \"react\"\nimport { getPlayerSources } from \"../../api/functions\";\nimport { LIVE, VOD } from \"../../config/channelStatus\";\nimport MainContext from \"../../context/MainContext\";\nimport ChannelStatusIcon from \"../../ui/ChannelStatusIcon/ChannelStatusIcon\";\nimport { utc } from \"../../utils/functions\";\nimport TheoPlayer from \"../TheoPlayer/TheoPlayer\";\nimport \"./SelectEpisodeCard.scss\"\n\nlet liveLocked = true\n\nconst SelectEpisodeCard = ({ data, onEpisodeSelected, borderColor, count = 0 }) => {\n const context = useContext(MainContext)\n const [playerSource, setPlayerSource] = useState()\n const [playerStatus, setPlayerStatus] = useState()\n const [playerChannel, setPlayerChannel] = useState()\n const getPlaylist = async (episodeId) => {\n const res = await getPlayerSources({\n episode_id: episodeId,\n lang_id: context.language\n })\n updateSource(res)\n }\n\n const updateSource = async (getPlaylistResponse) => {\n let source = {}\n if (getPlaylistResponse?.sources?.length > 1) {\n source = {\n sources: getPlaylistResponse.sources[0]\n }\n }\n else {\n source = {\n sources: getPlaylistResponse?.playlist[getPlaylistResponse.status]\n }\n }\n setPlayerSource(source);\n setPlayerChannel(getPlaylistResponse.channel);\n setPlayerStatus(getPlaylistResponse.status)\n }\n\n useEffect(() => {\n getPlaylist(data.id)\n }, [data])\n\n const onReadyStateChange = async (player) => {\n if ([LIVE].includes(playerStatus) && playerChannel?.is_fake_live) {\n const diff = moment().diff(utc(context.episode.live_started_at), \"seconds\")\n player.currentTime = diff;\n liveLocked = false\n }\n else {\n liveLocked = true\n }\n }\n\n const className = classNames(\"col-12 mb-3\", {\n \"col-lg-4\": count <= 2,\n \"col-lg-3\": count > 2\n })\n\n return (\n \n
\n )\n}\n\nexport default SelectEpisodeCard","import React, { useEffect, useState, useContext } from \"react\"\nimport { ThemeContext } from \"styled-components\";\nimport MainContext from \"../../context/MainContext\";\nimport Container from \"../../ui/Container/Container\";\nimport Row from \"../../ui/Row/Row\";\nimport AdamOverlay from \"../../ui/AdamOverlay/AdamOverlay\";\nimport SelectEpisodeCard from \"../SelectEpisodeCard/SelectEpisodeCard\";\n\nconst SelectEpisodeOverlay = ({ onEpisodeSelected, title, hideCloseButton, onLogoutClicked, ...props }) => {\n const [modalOpen, setModalOpen] = useState(false)\n const context = useContext(MainContext)\n const themeContext = useContext(ThemeContext);\n\n useEffect(() => {\n setModalOpen(props.open)\n }, [props.open])\n\n // useEffect(() => {\n // if (modalOpen) {\n // disableScroll(window)\n // }\n // }, [modalOpen])\n\n // const episodes = props.episodes?.filter(item => item.has_future_events)\n const episodes = props.episodes\n\n const onOverlayClose = () => {\n context.setSelectEpisodeModalOpen(false)\n // enableScroll(window)\n }\n\n const _onLogoutClicked = () => {\n onLogoutClicked()\n }\n\n const grid = (\n onEpisodeSelected(data.id)}\n >\n {\n [LIVE, VOD].includes(playerStatus) &&
\n \n
\n \n { onReadyStateChange(player) }}\n />\n
\n \n
\n \n {data.title}\n
\n {\n data.has_future_live_events ? (\n \n
\n ) : data.has_future_vod_events ? (\n \n {window._.get(data, \"live_scheduling.formatted_start_at\")}\n
\n \n
\n ) : null\n }\n \n {window._.get(data, \"vod_scheduling.formatted_start_at\")}\n
\n \n {message}\n
\n {\n countDown ? (\n \n This page will be automatically reloaded in {countDown} seconds. If the problem persists, please contact support\n
\n ) : null\n }\n\n \n )\n\n return (\n \n //
\n // \n
\n \n \n \n {\n ((hiddenHeader && !user) || isVirtualWorld) ? null : (\n onLogoutClicked()}\n onEvaluationFormModalClose={onEvaluationFormModalClose}\n isCtio2022={isCtio2022()}\n />\n )\n }\n \n \n \n {mainContent}\n {\n (user && goToPlayer) || !userIsAttendant(user) ? null : (\n \n {\n user || !rfOnLeft ? null : (\n onLoginClicked(args)}\n />\n )\n }\n {\n isCtio2022() ? (\n \n {\n location.pathname !== \"/videotest\" ? (\n <>\n onEpisodeChange(e, direct)}\n hideDropDown={hideDropDown}\n event=\"ctio-2022\"\n />\n\n \n ) : null\n }\n \n ) : (\n \n {\n location.pathname !== \"/videotest\" && episode ? (\n <>\n onEpisodeChange(e, direct)}\n hideDropDown={hideDropDown}\n />\n {\n showAllEpisodes ? event.episodes.map((item, index) => {\n const EpisodeDetailsComponent = nestedAgenda ? EpisodeDetailsWithNestedAgenda : EpisodeDetails\n return (\n \n {/* \n \n \n */}\n \n {goToPlayer ? allowIframe() ? (\n \n \n {user ? evaluationFormEnabled() ? (\n \n \n {\n event !== undefined && (\n \n \n\n {mode ? null : (\n <>\n onEpisodeSelected(args)}\n onLogoutClicked={() => onLogoutClicked()}\n />\n // onEpisodeSelected(args)} />\n ) : null\n }\n setInitialModalOpen(false)} />\n\n onLoginClicked(args)}\n onForceLogoutClicked={() => onForceLogoutClicked()}\n hideChairmanLoginButton={theme.loginFormHideChairmanLoginButton}\n />\n ) : null\n }\n\n onForceLogoutClicked()}\n />\n {\n episode && (\n setVirtualWorldModalOpen(val)} />\n )\n }\n {\n !isVirtualWorld && cookieConsent && window._.get(cookieConsent, \"ccCheckboxLabel\") ? (\n setEpisodesListEmptyModalOpen(false)}\n onCancel={() => setEpisodesListEmptyModalOpen(false)}\n onClose={() => setEpisodesListEmptyModalOpen(false)}\n />\n \n \n \n
\n ) : maintenance ? (\n <>\n {/* \n
\n \n Protected contents\n
\n ) : null}\n \n Disabled\n
\n ) : (\n \n PLease login\n
\n )}\n