\n
\n \n \n 
\n \n
\n Hacking HR
\n\n
\n )}\n {showFirewall && (\n \n
\n \n )}\n \n );\n }\n}\nconst mapStateToProps = (state) => ({\n env: envSelector(state),\n userProfile: homeSelector(state).userProfile,\n allNewCources: courseSelector(state).allNewCources,\n ...sponsorDashboardSelector(state),\n ...notificationSelector(state),\n});\n\nconst mapDispatchToProps = {\n setCollapsed,\n getSponsorsDashboard,\n};\n\nexport default withRouter(\n connect(mapStateToProps, mapDispatchToProps)(injectIntl(NavBar))\n);\n","import React, { PureComponent } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactCrop from \"react-image-crop\";\nimport \"react-image-crop/lib/ReactCrop.scss\";\n\nimport { CustomButton } from \"../../../components\";\n\nimport \"./style.scss\";\n\nclass PhotoUploadForm extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n src: props.src,\n crop: {\n unit: \"%\",\n width: 50,\n height: 50,\n x: 25,\n y: 25,\n aspect: 1 / 1,\n },\n croppedImageUrl: null,\n base64: null,\n };\n }\n\n onSelectFile = (e) => {\n if (e.target.files && e.target.files.length > 0) {\n const reader = new FileReader();\n reader.addEventListener(\"load\", () =>\n this.setState({ src: reader.result })\n );\n reader.readAsDataURL(e.target.files[0]);\n }\n };\n\n // If you setState the crop in here you should return false.\n onImageLoaded = (image) => {\n this.imageRef = image;\n };\n\n onCropComplete = (crop) => {\n this.makeClientCrop(crop);\n };\n\n onCropChange = (crop, percentCrop) => {\n // You could also use percentCrop:\n // this.setState({ crop: percentCrop });\n this.setState({ crop });\n };\n\n async makeClientCrop(crop) {\n if (this.imageRef && crop.width && crop.height) {\n const { url: croppedImageUrl, base64 } = await this.getCroppedImg(\n this.imageRef,\n crop,\n \"newFile.jpeg\"\n );\n this.setState({ croppedImageUrl, base64 });\n }\n }\n\n getCroppedImg(image, crop, fileName) {\n const canvas = document.createElement(\"canvas\");\n const scaleX = image.naturalWidth / image.width;\n const scaleY = image.naturalHeight / image.height;\n canvas.width = crop.width;\n canvas.height = crop.height;\n const ctx = canvas.getContext(\"2d\");\n\n ctx.drawImage(\n image,\n crop.x * scaleX,\n crop.y * scaleY,\n crop.width * scaleX,\n crop.height * scaleY,\n 0,\n 0,\n crop.width,\n crop.height\n );\n\n return new Promise((resolve, reject) => {\n canvas.toBlob((blob) => {\n if (!blob) {\n //reject(new Error('Canvas is empty'));\n console.error(\"Canvas is empty\");\n return;\n }\n blob.name = fileName;\n window.URL.revokeObjectURL(this.fileUrl);\n this.fileUrl = window.URL.createObjectURL(blob);\n const base64 = canvas.toDataURL(\"image/jpeg\");\n resolve({ url: this.fileUrl, base64 });\n }, \"image/jpeg\");\n });\n }\n\n clickedUploadFile = () => {\n if (this.inputRef) {\n this.inputRef.click();\n }\n };\n\n onSave = () => {\n const { croppedImageUrl, base64 } = this.state;\n\n this.props.onSave(croppedImageUrl, base64);\n };\n\n render() {\n const { className } = this.props;\n const { crop, src } = this.state;\n\n const newClassName = `photo-upload-form ${className}`;\n\n return (\n \n {this.state.module === \"\" && (\n <>\n You must fully complete your profile before joining the\n mentoring feature.\n \n )}\n\n {this.state.module === \"story\" && (\n <>\n You must upgrade to premium and complete your full profile\n to add stories.\n \n )}\n\n {this.state.module === \"learningCertificate\" && (\n <>\n You must upgrade to premium to access the Digital\n Certificate of Participation for this event.\n \n )}\n\n {this.state.module === \"comment\" && (\n <>You must fully complete your profile before add comments.\n )}\n\n {this.state.module === \"conference-library\" && (\n <>\n You must fully complete your profile before joining the\n conference library feature.\n \n )}\n\n {this.state.module === \"live\" && (\n <>\n You must fully complete your profile before joining the live\n feature.\n \n )}\n\n {this.state.module === \"global-conference\" && (\n <>\n You must fully complete your profile before joining the\n Annual Conference feature.\n \n )}\n\n {this.state.module === \"coming-soon\" && (\n <>\n Coming Soon\n \n )}\n
\n\n
\n );\n }\n}\n\nPhotoUploadForm.propTypes = {\n src: PropTypes.string,\n className: PropTypes.string,\n onSave: PropTypes.func,\n};\n\nPhotoUploadForm.defaultProps = {\n src: null,\n className: \"\",\n onSave: () => {},\n};\n\nexport default PhotoUploadForm;\n","/* eslint-disable no-useless-escape */\nimport moment from \"moment-timezone\";\nimport { TIMEZONE_LIST } from \"enum\";\n\nfunction numberWithCommas(x) {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}\n\nfunction isValidPassword(pw) {\n let result = 0;\n if (!pw) {\n result = 5; // null\n } else if (pw.length < 8) {\n result = 1; // length\n } else {\n let containNumber = false;\n let containCapical = false;\n let containUpperCase = false;\n for (let i = 0; i < pw.length; i++) {\n const c = pw.charAt(i);\n if (!isNaN(c)) {\n containNumber = true;\n }\n let characterPattern = /[~`@!#$%\\^&*+=\\-\\[\\]\\\\';,/{}|\\\\\":<>\\?]/g;\n if (characterPattern.test(c)) {\n containCapical = true;\n }\n let upperCasePattern = /^[A-Z]*$/;\n let result = upperCasePattern.test(c);\n if (result) {\n containUpperCase = true;\n }\n }\n if (!containNumber) {\n result = 2;\n }\n if (!containCapical) {\n result = 3;\n }\n if (!containUpperCase) {\n result = 4;\n }\n }\n\n return result;\n}\n\nfunction isValidURL(string) {\n var res = string.match(\n /(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)/g\n );\n return res !== null;\n}\n\nfunction isValidEmail(email) {\n const re =\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(String(email).toLowerCase());\n}\n\nfunction getEventDescription(rawData) {\n if (rawData && rawData.blocks) {\n return rawData.blocks.map((item) => item.text).join(`/n`);\n }\n\n return rawData;\n}\n\nfunction convertToCertainTime(date, tz) {\n let res = moment();\n const timezone = TIMEZONE_LIST.find((item) => item.value === tz);\n\n if (timezone) {\n res = moment.utc(date).tz(timezone.utc[0]);\n } else {\n res = moment(date);\n }\n\n return res;\n}\n\nfunction getEventPeriod(date, date2, timezone) {\n let res = \"\";\n const startDate = moment(date).utc();\n const endDate = moment(date2).utc();\n\n let tz = TIMEZONE_LIST.find((item) => item.value === timezone);\n if (tz) {\n if (tz.offset > 0) {\n tz = `${tz.abbr} (GMT+${tz.offset})`;\n } else if (tz.offset < 0) {\n tz = `${tz.abbr} (GMT-${-tz.offset})`;\n } else {\n tz = `${tz.abbr} (GMT)`;\n }\n } else {\n tz = \"\";\n }\n\n if (\n startDate.year() === endDate.year() &&\n startDate.month() === endDate.month() &&\n startDate.date() === endDate.date()\n ) {\n res = `${startDate.format(\"MMMM DD, yyyy\")} ${tz}`;\n } else {\n res = `${startDate.format(\"MMMM DD, yyyy\")} - ${endDate.format(\n \"MMMM DD, yyyy\"\n )} ${tz}`;\n }\n\n return res;\n}\n\n// date:moment, tz:string\nfunction convertToUTCTime(date, tz) {\n let res = moment(date).format(\"YYYY-MM-DD h:mm a\");\n\n const timezone = TIMEZONE_LIST.find((item) => item.value === tz);\n if (timezone) {\n res = moment.tz(res, \"YYYY-MM-DD h:mm a\", timezone.utc[0]).utc().format();\n } else {\n const localTimezone = moment.tz.guess();\n res = moment.tz(res, \"YYYY-MM-DD h:mm a\", localTimezone).format();\n }\n\n return res;\n}\n\nfunction convertToLocalTime(date, timezone) {\n let currentTimezone = TIMEZONE_LIST.find((item) => item.value === timezone);\n\n if (currentTimezone) {\n currentTimezone = currentTimezone.utc[0];\n } else {\n currentTimezone = timezone;\n }\n\n\n const dateFormatUtc = moment(date, 'YYYY-MM-DDTHH:mm:ssZ').utc().format(\"YYYY-MM-DD HH:mm\");\n\n const localTimezone = moment.tz.guess();\n\n const dateWithCurrentTimezone = moment.tz(dateFormatUtc, currentTimezone);\n\n const dateWithLocalTimezone = dateWithCurrentTimezone.clone().tz(localTimezone);\n\n return dateWithLocalTimezone;\n}\n\nconst convertToLocalTime2 = (date, timezone) => {\n let currentTimezone = TIMEZONE_LIST.find((item) => item.value === timezone);\n\n if (currentTimezone) {\n currentTimezone = currentTimezone.utc[0];\n } else {\n currentTimezone = timezone;\n }\n\n const dateUTC = moment(date, \"YYYY-MM-DD HH:mm\")\n\n const localTimezone = moment.tz.guess();\n\n const dateWithCurrentTimezone = moment.tz(dateUTC.format(), \"YYYY-MM-DD HH:mm\", currentTimezone);\n\n const dateWithLocalTimezone = dateWithCurrentTimezone.clone().tz(localTimezone);\n\n return dateWithLocalTimezone;\n}\n\nconst convertBlobToBase64 = (blob) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(blob);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n};\n\nconst getValidDescription = (item) => {\n let description = \"\";\n\n if (item.description && item.description.blocks) {\n description = item.description.blocks.map((item) => item.text).join(\"\\n\");\n } else if (item.description && item.description.html) {\n description = item.description.html;\n }\n\n return description;\n};\n\nconst getPublicationTime = (publicationDate) => {\n let datesDifferenceMinutes = moment().diff(\n moment(publicationDate),\n \"minutes\"\n );\n let datesDifferenceHours = moment().diff(moment(publicationDate), \"hours\");\n let datesDifferenceDays = moment().diff(moment(publicationDate), \"days\");\n let datesDifferenceMonths = moment().diff(moment(publicationDate), \"months\");\n\n if (datesDifferenceMinutes < 1) {\n return `Now`;\n } else if (datesDifferenceMinutes < 61) {\n return `${datesDifferenceMinutes} minutes ago`;\n } else if (datesDifferenceHours < 25) {\n return `${datesDifferenceHours} hours ago`;\n } else if (datesDifferenceDays < 31) {\n return `${datesDifferenceDays} days ago`;\n } else {\n return `${datesDifferenceMonths} months ago`;\n }\n};\n\nconst transformNames = (name) => {\n \n if(name !== undefined){\n const index = name.indexOf(\" \");\n\n if (index !== -1) {\n return name.slice(0, index);\n }\n return name;\n }else{\n return name\n }\n \n};\n\nconst getNameOfCityWithTimezone = (timezone) => {\n if (timezone !== undefined) {\n let indexSlice = timezone?.indexOf(\"/\");\n\n let city = timezone?.slice(indexSlice + 1);\n\n while (indexSlice !== -1) {\n indexSlice = city?.indexOf(\"/\");\n\n city = city?.slice(indexSlice + 1);\n }\n\n if (city.includes(\"_\")) {\n city = city?.split(\"_\").join(\" \");\n }\n\n return city;\n } else {\n return undefined\n }\n\n};\n\nconst capitalizeWord = (word) => {\n const firstCharacter = word?.charAt(0);\n const transformWord = firstCharacter?.toUpperCase() + word?.slice(1);\n\n return transformWord;\n};\n\nexport {\n numberWithCommas,\n isValidPassword,\n isValidURL,\n isValidEmail,\n getEventPeriod,\n getEventDescription,\n convertToCertainTime,\n convertToUTCTime,\n convertToLocalTime,\n convertBlobToBase64,\n getValidDescription,\n getPublicationTime,\n transformNames,\n capitalizeWord,\n getNameOfCityWithTimezone,\n convertToLocalTime2\n};\n","import { createSelector } from \"reselect\";\n\nconst categoryDataSelector = (state) => state.category;\n\nconst resultSelector = createSelector(categoryDataSelector, (payload) => {\n return {\n categories: payload.get(\"categories\"),\n };\n});\n\nexport const categorySelector = (state) => ({\n ...resultSelector(state),\n});\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Checkbox, Modal, notification, Radio } from \"antd\";\nimport { connect } from \"react-redux\";\n\nimport {\n CustomButton,\n CustomInput,\n CustomCheckbox,\n CustomSelect,\n CustomRadio,\n} from \"components\";\nimport { INTERNAL_LINKS, TIMEZONE_LIST_SELECT } from \"enum\";\nimport {\n CONTACT_ICONS,\n // TIMEZONE_LIST,\n LANGUAGES,\n COUNTRIES,\n PROFILE_SETTINGS,\n} from \"enum\";\nimport PhotoUploadForm from \"../PhotoUploadForm\";\nimport { isValidEmail } from \"utils/format\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport IconPlus from \"images/icon-plus.svg\";\nimport IconDelete from \"images/icon-delete.svg\";\n\nimport \"./style.scss\";\n\nconst Languages = LANGUAGES.ParsedLanguageData;\n\nconst JobLevels = PROFILE_SETTINGS.JOB_LEVELS;\n\nconst WorkAreas = PROFILE_SETTINGS.WORK_AREAS;\n\nconst OrgSizes = PROFILE_SETTINGS.ORG_SIZES;\n\nclass ProfileEditPanel extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n user: props.user\n ? { ...props.user }\n : {},\n visibleModal: false,\n editImageUrl: props.user ? props.user.img : \"\",\n bulModal: props.bulModal || false,\n };\n }\n\n onFieldChange = (field, value, subField) => {\n if (field === \"personalLinks\") {\n this.setState((state) => {\n state.user.personalLinks[subField] = value\n return state;\n });\n } else {\n this.setState((state) => {\n state.user[field] = value;\n return state;\n });\n }\n if(typeof this.props.form === 'function'){\n try{\n let { user } = this.state;\n if (field === \"personalLinks\") {\n user.personalLinks[subField] = value\n } else {\n user[field] = value;\n }\n\n let linkedinAS = (user?.personalLinks?.linkedin?.trim()?.toLowerCase()?.startsWith(`https://`) || user?.personalLinks?.linkedin?.trim()?.toLowerCase()?.startsWith(`http://`))\n ? user?.personalLinks?.linkedin?.trim()?.toLowerCase()\n : `https://${user?.personalLinks?.linkedin?.trim()?.toLowerCase()}`\n \n let error = \"\";\n if (!user.email) {\n error = \"Please input your email address.\";\n } else if (!isValidEmail(user.email)) {\n error = \"Please input a valid email address.\";\n }\n \n if (!this.esEnlace(linkedinAS)) {\n error = \"Please input a valid linkedin.\";\n }\n this.props.form({\n ...user,\n personalLinks: {\n ...user.personalLinks,\n linkedin: linkedinAS\n },\n }, error)\n }catch(er){\n console.log(er)\n }\n }\n };\n\n onPhotoSave = (url, base64) => {\n this.setState((state) => {\n state.editImageUrl = url;\n state.visibleModal = false;\n state.user.imageStr = base64;\n return state;\n });\n this.onSave(null,{imageStr: base64, withoutlink: true})\n };\n\n showPhotoModal = () => {\n this.setState({ visibleModal: true });\n };\n\n cancelPhotoUpload = () => {\n this.setState({ visibleModal: false });\n };\n \n esEnlace(texto) {\n let patronEnlaceLinkedIn = /^(https|http|ftp):\\/\\/[\\w\\-]+(\\.[\\w\\-]+)+[^\\s/$.?#].*$/i;\n return patronEnlaceLinkedIn.test(texto);\n }\n\n onSave = (_,others={}) => {\n let { user } = this.state;\n\n let linkedinAS = (user?.personalLinks?.linkedin?.trim()?.toLowerCase()?.startsWith(`https://`) || user?.personalLinks?.linkedin?.trim()?.toLowerCase()?.startsWith(`http://`))\n ? user?.personalLinks?.linkedin?.trim()?.toLowerCase()\n : `https://${user?.personalLinks?.linkedin?.trim()?.toLowerCase()}`\n\n let error = \"\";\n if (!user.email) {\n error = \"Please input your email address.\";\n } else if (!isValidEmail(user.email)) {\n error = \"Please input a valid email address.\";\n }\n \n if (!this.esEnlace(linkedinAS) && !others.withoutlink) {\n error = \"Please input a valid linkedin.\";\n }\n\n if (error) {\n notification.error({\n message: error,\n });\n } else {\n this.props.onSave({\n ...user,\n personalLinks: {\n ...user.personalLinks,\n linkedin: linkedinAS\n },\n ...others,\n });\n }\n };\n\n onCancel = (e) => {\n this.props.onCancel(e);\n };\n\n onAddLanguage = () => {\n const { user } = this.state;\n if (user.languages) {\n user.languages.push(\"\");\n } else {\n user.languages = [\"\"];\n }\n\n this.setState({ user });\n };\n\n onRemoveLanguage = () => {\n const { user } = this.state;\n user.languages = user.languages.slice(0, user.languages.length - 1);\n this.setState({ user });\n };\n\n render() {\n const { user, visibleModal, editImageUrl, bulModal } = this.state;\n\n return (\n \n {src && (\n
\n \n (this.inputRef = ref)}\n onChange={this.onSelectFile}\n />\n
\n \n
\n \n \n
\n \n {editImageUrl ? (\n \n \n
\n \n 
\n
\n ) : (\n {user.abbrName}
\n )}\n\n this.onFieldChange(\"firstName\", value)}\n validateStatus={this.props?.userRequired?.firstName ? 'errorDA' : ''}\n />\n this.onFieldChange(\"lastName\", value)}\n validateStatus={this.props?.userRequired?.lastName ? 'errorDA' : ''}\n />\n this.onFieldChange(\"email\", value)}\n validateStatus={this.props?.userRequired?.email ? 'errorDA' : ''}\n />\n \n this.onFieldChange(\"titleProfessions\", value)\n }\n validateStatus={this.props?.userRequired?.titleProfessions ? 'errorDA' : ''}\n />\n this.onFieldChange(\"company\", value)}\n validateStatus={this.props?.userRequired?.company ? 'errorDA' : ''}\n />\n this.onFieldChange(\"location\", value)}\n filterOption={(input, option) =>\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n validateStatus={this.props?.userRequired?.location ? 'errorDA' : ''}\n />\n this.onFieldChange(\"city\", value)}\n validateStatus={this.props?.userRequired?.city ? 'errorDA' : ''}\n />\n {/* this.onFieldChange(\"timezone\", value)}\n filterOption={(input, option) =>\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\n }\n validateStatus={this.props?.userRequired?.timezone ? 'errorDA' : ''}\n /> */}\n {/*
\n */}\n First name *
\nLast name *
\nEmail *
\nTitle *
\nCompany *
\nLocation *
\nCity *
\nTime zone
\nMain language *
\n\n {user.languages.map((lang, index) => (\n \n 
\n
\n )}\n \n \n this.onFieldChange(\"languages\", value, index)\n }\n filterOption={(input, option) =>\n option.children\n .toLowerCase()\n .indexOf(input.toLowerCase()) >= 0\n }\n validateStatus={this.props?.userRequired?.languages ? 'errorDA' : ''}\n />\n
\n ))}\n \n \n 
\n
\n {user.languages.length > 1 && (\n Tell us more about you
\nTopics of interest
\nLinkedin Profile *
\n\n {Object.keys(CONTACT_ICONS).map((contact) => (\n
\n {this.props?.userRequired?.personalLinksBad && \n \n this.onFieldChange(\"personalLinks\", value, contact)\n }\n validateStatus={(this.props?.userRequired?.personalLinks || this.props?.userRequired?.personalLinksBad) ? 'errorDA' : ''}\n />\n \n
\n ))}\n \n \n
\n Please input a valid linkedin
}\n {/*\n Are open to receiving information/being contacted via email about\n open job positions?\n
\n\n What best defines your current or most recent job level? *\n
\n\n In what area of HR do you currently work or most recently worked? *\n
\n\n What is the size of the organization your work for? *\n
\n\n {(window.location.pathname.substring(0, 15) !==\n INTERNAL_LINKS.CONFERENCE_2023 || \n window.location.pathname.substring(0, 15) !==\n INTERNAL_LINKS.LANDING_PAGUE) && (\n
\n \n
\n );\n }\n}\n\nProfileViewPanel.propTypes = {\n user: PropTypes.object,\n onEdit: PropTypes.func,\n};\n\nProfileViewPanel.defaultProps = {\n user: {},\n onEdit: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n createConversartion,\n setVisibleProfileUser,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ProfileViewPanel);\n","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { CircularProgressbar, CustomButton } from \"components\";\nimport { Alert, notification } from \"antd\";\nimport { updateUser } from \"redux/actions/home-actions\";\nimport ProfileEditPanel from \"containers/ProfileDrawer/ProfileEditPanel\";\nimport ProfileViewPanel from \"containers/ProfileDrawer/ProfileViewPanel\";\nimport { TIMEZONE_LIST, COUNTRIES, INTERNAL_LINKS } from \"enum\";\nimport { CloseCircleOutlined } from \"@ant-design/icons\";\nimport { CloseCircleFilled } from \"@ant-design/icons\";\nimport IconLogo from \"images/logo-sidebar.svg\";\n\nimport \"./style.scss\";\n\nconst ModalCompleteProfile = ({\n updateUser,\n userProfile,\n get,\n // onCancel,\n setBulKnowRegister,\n setBulCompleteProfile,\n edit = true,\n caseMentoring = false,\n mentee = \"\",\n mentor = \"\",\n onClose = () => {},\n}) => {\n const [userRequired,setUserRequired] = useState({})\n const [bulModalConfirmation, setBulModalConfirmation] = useState(false);\n const [information, setInformation] = useState({})\n const [error, setError] = useState('')\n\n const timezone = (\n TIMEZONE_LIST.find((item) => item.value === userProfile.timezone) || {}\n ).text;\n const location = (\n COUNTRIES.find((item) => item.value === userProfile.location) || {}\n ).text;\n\n const onSave = (userInfo) => {\n if (window.location.pathname.substring(0, 13) !== INTERNAL_LINKS.SPEAKER_2023) {\n setBulKnowRegister(true);\n }\n if(error){\n notification.error({\n message: error,\n });\n return \n }\n updateUser(userInfo,() => {\n get();\n setBulCompleteProfile(false);\n setInformation({})\n setError('')\n });\n };\n\n const esEnlace = (texto) => {\n let patronEnlaceLinkedIn = /^(https|http|ftp):\\/\\/[\\w\\-]+(\\.[\\w\\-]+)+[^\\s/$.?#].*$/i;\n return patronEnlaceLinkedIn.test(texto);\n }\n\n const onCancels = () => {\n if(edit && Object.keys(information).length > 0){\n setBulModalConfirmation(true);\n }else{\n onClose();\n }\n }\n\n useEffect(() => {\n setUserRequired({\n img: !userProfile.img ? true : false,\n firstName: !userProfile.firstName ? true : false,\n lastName: !userProfile.lastName ? true : false,\n titleProfessions: !userProfile.titleProfessions ? true : false,\n company: !userProfile.company ? true : false,\n location: !location ? true : false,\n city: !userProfile.city ? true : false,\n // timezone: !timezone ? true : false,\n // languages: (!userProfile.languages || Object.keys(userProfile?.languages)?.length === 0) ? true : false,\n about: !userProfile.about ? true : false,\n topicsOfInterest: (userProfile.topicsOfInterest && Object.keys(userProfile.topicsOfInterest).length === 0) ? true : false,\n personalLinks: userProfile?.personalLinks?.hasOwnProperty(\"linkedin\") ? true : false,\n personalLinksBad: !esEnlace(userProfile?.personalLinks?.linkedin?.toLowerCase()),\n // isOpenReceivingEmail: (userProfile.isOpenReceivingEmail === -1) ? true : false,\n recentJobLevel: !userProfile.recentJobLevel ? true : false,\n recentWorkArea: (Array.isArray(userProfile.recentWorkArea) && userProfile.recentWorkArea.length === 0) ? true : false,\n sizeOfOrganization: !userProfile.sizeOfOrganization ? true : false,\n })\n },[userProfile])\n\n return (\n \n \n // this.handleStartConversation([\n // user.id,\n // this.props.userProfile.id,\n // ])\n // }\n // />\n )}\n \n )}\n
\n {`${user.firstName} ${user.lastName}`}
\n {this.props.caseMentoring === false && (\n <>\n {this.props.userProfile.id === user.id ? (\n\n {user.id === this.props.userProfile.id && (\n <>\n Email
\n\n {user.titleProfessions || \"-\"}\n \n \n {user.company || \"-\"}\n \n \n {location || \"-\"}\n \n \n {timezone || \"-\"}\n \n \n )} */}\n\n {/* \n {user.topicsOfInterest\n ?.map((item) => {\n const index = this.props.allCategories.findIndex(\n (t) => t.value === item\n );\n if (index >= 0) {\n return this.props.allCategories[index].title;\n }\n return item;\n })\n .join(\", \") || \"-\"}\n \n \n {user.isOpenReceivingEmail === 1\n ? \"Yes\"\n : user.isOpenReceivingEmail === 0\n ? \"No\"\n : \"-\"}\n \n \n )} */}\n \n {user.recentJobLevel || \"-\"}\n \n {user.id === this.props.userProfile.id && (\n <>\n \n {user.recentWorkArea.includes(\"all\")\n ? WorkAreas.filter((item) => item.value !== \"all\")\n .map((item) => item.label)\n .join(\", \")\n : user.recentWorkArea.join(\", \") || \"-\"}\n \n \n )}\n \n {user.sizeOfOrganization || \"-\"}\n \n {this.props.mentor !== \"\" && (\n <>\n
\n {user.email}
\n \n )}\nTitle
\nCompany
\nLocation
\nCity
\n\n {user.city || \"-\"}\n
\n {/* {user.id === this.props.userProfile.id && (\n <>\nTime zone
\nMain language
\n {user?.languages && user?.languages?.length > 0 ? (\n user?.languages.map((lang, index) => (\n\n {this.getLanguage(lang)}\n
\n ))\n ) : (\n-
\n )} */}\nTell us more about you
\n\n {user.about || \"-\"}\n
\nTopics of interest
\nLinkedin Profile
\n {personalLinksCompleted &&\n Object.keys(user.personalLinks).map((contact) => {\n if (contact === \"linkedin\") {\n return (\n\n
\n );\n } else {\n return null;\n }\n })}\n {!personalLinksCompleted && \n \n
\n \n {user.personalLinks[contact] || \"\"}\n
\n-
}\n {/* {user.id === this.props.userProfile.id && (\n <>\n\n Are open to receiving information/being contacted via email\n about open job positions?\n
\n\n {user.id === this.props.userProfile.id\n ? \"What best defines your current or most recent job level?\"\n : \"Job Level\"}\n
\n\n In what area of HR do you currently work or most recently\n worked?\n
\n\n {user.id === this.props.userProfile.id\n ? \"What is the size of the organization your work for?\"\n : \"Size of the organization\"}\n
\n\n Describe your interests as a mentor and the types of the types\n of mentees you want to connect with\n
\n{this.props.mentor}
\n \n )}\n {this.props.mentee !== \"\" && (\n <>\n\n Describe your interests as a mentee and the types of the types\n of mentors you want to connect with\n
\n{this.props.mentee}
\n \n )}\n {\n e.stopPropagation();\n }}>\n onCancels()}\n style={{\n zIndex: \"2000\",\n top: \"20px\",\n right: \"20px\",\n position: \"absolute\",\n width: \"30px\",\n height: \"30px\",\n cursor: \"pointer\",\n }}\n >\n
\n {edit === true || !esEnlace(userProfile?.personalLinks?.linkedin) ? (\n <>\n \n Hi! You must to complete your profile.\n
\n\n {\n onSave(userInfo);\n }}\n bulModal={true}\n onCancel={() => onCancels(false)}\n userRequired={userRequired}\n form={(value,err) => {\n setInformation(value);\n setError(err)\n }}\n />\n
\n {\n if(e.target.className === 'container-confirm-changes-modal'){\n setBulModalConfirmation(false)\n onClose();\n }\n }}\n >\n
\n \n ) : (\n \n
\n {\n setBulModalConfirmation(false)\n onClose();\n }}>\n
\n \n
\n Save changes before closing.
\n\n 
\n
\n \n {\n setBulModalConfirmation(false)\n onClose();\n }}\n />\n {\n onSave(information)\n setBulModalConfirmation(false)\n onClose();\n }}\n />\n
\n \n {loading && (\n \n \n )}\n
\n \n );\n};\n\nUploadResumeModal.propTypes = {\n visible: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nUploadResumeModal.defaultProps = {\n visible: false,\n onClose: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n uploadResume,\n deleteResume,\n uploadDocumentFile,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadResumeModal);\n","import httpClient from \"./httpClient\";\n\nexport const getCheckoutSession = async (data) => {\n return await httpClient.post(`private/stripe/checkout-session/`, {\n ...data,\n });\n};\n\nexport const getPortalSession = async () => {\n return await httpClient.get(`private/stripe/portal-session/`);\n};\n\nexport const getSubscription = async () => {\n return await httpClient.get(`private/stripe/subscription/`);\n};\n\nexport const sendApplyCorporateAdmin = (data) => {\n return httpClient.post(`public/apply-corporate-admin`,data);\n};\n","import React, { useState, useEffect } from \"react\";\nimport { CustomModal } from \"components\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport { CustomButton } from \"components\";\nimport { Alert, Form, Select } from \"antd\";\nimport { STRIPE_PRICES } from \"enum\";\n\nimport { getCheckoutSession } from \"api/module/stripe\";\n\nconst stripePromise = loadStripe(process.env.REACT_APP_STRIPE_PK_KEY);\n\nconst Option = Select;\n\nconst AdvertisementPaymentModal = ({ visible, onClose, userProfile }) => {\n const [loading, setLoading] = useState(false);\n const [checkoutSessionError, setCheckoutSessionError] = useState(false);\n const [checkoutSessionErrorMsg, setCheckoutSessionErrorMsg] = useState(\"\");\n const [stripe, setStripe] = useState(null);\n const [form] = Form.useForm();\n\n useEffect(() => {\n instanceStripe();\n }, []);\n\n const instanceStripe = async () => {\n setStripe(await stripePromise);\n };\n\n const requestCheckoutSessionTable = async ({\n isAdvertiser = false,\n isBuyingCredits = false,\n credits = 0,\n }) => {\n setLoading(true);\n setCheckoutSessionError(false);\n setCheckoutSessionErrorMsg(\"\");\n\n try {\n let sessionData = {};\n\n if (isAdvertiser) {\n sessionData = await getCheckoutSession({\n prices: [STRIPE_PRICES.ADVERTISER_PRICE.priceId],\n isAdvertisement: true,\n callback_url: `${process.env.REACT_APP_DOMAIN_URL}/sponsor-dashboard`,\n });\n }\n\n if (isBuyingCredits) {\n if (credits) {\n const prices = STRIPE_PRICES.ADVERTISEMENT_CREDITS_STRIPE_PRICES.find(\n (p) => p.credits === credits\n );\n\n sessionData = await getCheckoutSession({\n isBuyingCredits: true,\n credits: credits,\n prices: [prices.priceId],\n callback_url: `${process.env.REACT_APP_DOMAIN_URL}/sponsor-dashboard`,\n });\n }\n }\n\n return stripe.redirectToCheckout({ sessionId: sessionData.data.id });\n } catch (error) {\n setLoading(false);\n setCheckoutSessionError(true);\n setCheckoutSessionErrorMsg(error.response.data.msg);\n }\n };\n\n const handleOnFinish = (values) => {\n setLoading(true);\n let { advertisementCredits } = values;\n\n requestCheckoutSessionTable({\n isBuyingCredits: true,\n credits: advertisementCredits,\n });\n };\n\n return (\n \n
\n )}\n {!loading && (\n \n \n {isBusiness ? \"File\" : \"Resume\"}:\n \n {!!userProfile.resumeFileName ? (\n <>\n {isBusiness ? (\n \"\"\n ) : (\n <>\n onOpenResume(userProfile.resumeUrl)}\n />\n \n )}\n \n ) : (\n -\n )}\n
\n {errorMessage && (\n {errorMessage}
\n )}\n \n
\n \n
\n );\n\n const { data: isFaculty } = useQuery({\n queryKey: [\"IS_FACULTY\", userProfile.id],\n queryFn: async () => {\n const { data } = await httpClient.get(`private/certificate/faculty/is-faculty`)\n\n return data;\n }\n })\n\n useEffect(() => {\n localStorage.setItem(\"lengthSponsor\", `${sponsorDasboardAcces.length}`)\n },[sponsorDasboardAcces])\n\n const ContentSection = () => { \n let licenceSelect = licences.filter(e => {\n return Number(e.id) === Number(user.licenceRelation)\n })?.[0]\n\n // copyReferencedLink()\n return (\n \n {user && user.img ? (\n 
\n ) : (\n (user || {}).abbrName\n )}\n
\n \n
\n {`${user ? user.firstName || \"\" : \"\"} ${\n user ? user.lastName || \"\" : \"\"\n }`}
\nView / Update Profile
\n\n {/* {(user.role === \"admin\" || user.email === 'jake@hackinghr.io') && (\n history.push(INTERNAL_LINKS.REFERENCE_LINK)}\n style={{marginBottom:'20px', width:'100%'}}\n size=\"sm\"\n type=\"primary\"\n loading={loading}\n />\n )} */}\n \n onViewProfile(true)}\n style={{marginBottom:'20px', width:'100%'}}\n size=\"sm\"\n type=\"primary\"\n />\n \n {user.corporateAdmin === \"accepted\" && (\n history.push(INTERNAL_LINKS.CORPORATE_ADMIN)}\n >\n Corporate Admin Dashboard\n
\n )}\n {sponsorDasboardAcces.length === 1 && [\"lourencelinao13@gmail.com\", \"danielle@hackinghr.io\", \"jessa@hackinghr.io\",\"enrique@hackinghr.io\", \"lucy@hackinghr.io\", \"vanessa@hackinghr.io\", \"amanda@hackinghr.io\",\"morecontrol64@gmail.com\",\"barbara@hackinghr.io\"].includes(userProfile?.email) ? (\n \n {\n e.preventDefault();\n createPortalSession();\n }}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n Billing Information\n \n
\n )}\n \n {user.memberShip === \"premium\" ? (\n \n \n ) : (\n
\n {/* {user.role !== USER_ROLES.CHANNEL_ADMIN &&\n user.channelsSubscription === false && (\n {(user.licenceRelation === -1) ? 'PREMIUM MEMBER' : 'PREMIUM CORPORATE'}
\n {subscription && user.external_payment === 0 ? (\n <>\n {(user.licenceRelation === -1 || licenceSelect?.isManual === 'true') ? (\n {moment\n .unix(subscription?.current_period_start)\n .format(\"MMMM DD, yyyy\")}{\" \"}\n -{\" \"}\n {moment\n .unix(subscription?.current_period_end)\n .format(\"MMMM DD, yyyy\")}\n
) : (\n {moment(licenceSelect?.startDate,'YYYY-MM-DD HH:mm:ss').format('MMMM DD, yyyy')}\n {\" \"}-{\" \"}\n {moment(licenceSelect?.endDate,'YYYY-MM-DD HH:mm:ss').format('MMMM DD, yyyy')}\n
)}\n \n ) : null}\n {user.external_payment === 1 && (\n <>\n {(user.licenceRelation === -1 || licenceSelect?.isManual === 'true') ? (\n {moment(user.subscription_startdate).format(\"MMMM DD, yyyy\")}{\" \"}\n - {moment(user.subscription_enddate).format(\"MMMM DD, yyyy\")}\n
) : (\n {moment(licenceSelect?.startDate,'YYYY-MM-DD HH:mm:ss').format('MMMM DD, yyyy')}\n {\" \"}-{\" \"}\n {moment(licenceSelect?.endDate,'YYYY-MM-DD HH:mm:ss').format('MMMM DD, yyyy')}\n
)}\n {/* \n \n Billing Information\n \n
*/}\n \n )}\n Free Membership
\n )}\n \n Become a CREATOR\n
\n )} */}\n {/* {user.channelsSubscription === true && (\n \n
\n )} */}\n {/* {user.recruiterSubscription !== true && (\n CREATOR
\n \n {moment(user.channelsSubscription_startdate).format(\n \"MMMM DD, yyyy\"\n )}{\" \"}\n -{\" \"}\n {moment(user.channelsSubscription_enddate).format(\"MMMM DD, yyyy\")}\n
\n \n Become a RECRUITER\n
\n )} */}\n {/* {user.recruiterSubscription === true && (\n \n
\n )} */}\n {((user.memberShip === \"premium\" && user.licenceRelation === -1)) && (\n RECRUITER
\n \n {moment(user.recruiterSubscription_startdate).format(\n \"MMMM DD, yyyy\"\n )}{\" \"}\n -{\" \"}\n {moment(user.recruiterSubscription_enddate).format(\"MMMM DD, yyyy\")}\n
\n \n
\n )}\n\n {/* \n Auto Renew:{\" \"}\n changeStatusRenew(!renewMembershipStatus)}\n />{\" \"}\n {`( $${STRIPE_PRICES.STRIPE_PRICES[0].price} USD )`}\n
\n history.push(INTERNAL_LINKS.DASHBOARDS_REFERENCE)}>\n Referenced Link Dashboard\n
\n )}\n {/* {user.role === \"admin\" && \n
\n Current Subscriptions
\n {userProfile.memberShip === 'premium' && (\n\n
\n )}\n {userProfile.recruiterSubscription && (\n Premium Account
\n \n\n
\n \n {Math.abs(moment(userProfile.subscription_startdate).diff(moment(userProfile.subscription_enddate), 'days'))}\n
\n Days Left
\n\n
\n {STRIPE_PRICES.STRIPE_PRICES[0].price} $
\nRenewal Amount
\n\n
\n Date Suscription: {moment(user.subscription_startdate).format(\"MMMM DD, yyyy\")}{\" \"}-{\" \"}{moment(user.subscription_enddate).format(\"MMMM DD, yyyy\")}
\n\n
\n )}\n {userProfile.channelsSubscription && (\n Recruiter Subscription
\n \n\n
\n \n {Math.abs(moment(userProfile.recruiterSubscription_startdate).diff(moment(userProfile.recruiterSubscription_enddate), 'days'))}\n
\n Days Left
\n\n
\n {STRIPE_PRICES.RECRUITER_STRIPE_PRICES[0].price} $
\nRenewal Amount
\n\n
\n Date Suscription: {moment(user.recruiterSubscription_startdate).format(\"MMMM DD, yyyy\")}{\" \"}-{\" \"}{moment(user.recruiterSubscription_enddate).format(\"MMMM DD, yyyy\")}
\n\n
\n )}\n Channel Subscription
\n \n\n
\n \n {Math.abs(moment(userProfile.channelsSubscription_startdate).diff(moment(userProfile.channelsSubscription_enddate), 'days'))}\n
\n Days Left
\n\n
\n {STRIPE_PRICES.CHANNELS_STRIPE_PRICES[0].price} $
\nRenewal Amount
\n\n
\n Date Suscription: {moment(userProfile.channelsSubscription_startdate).format(\"MMMM DD, yyyy\")}{\" \"}-{\" \"}{moment(userProfile.channelsSubscription_enddate).format(\"MMMM DD, yyyy\")}
\nChange Password
\n \nRemove User
\n\n
\n \n);\n\nPremiumAlert.propTypes = {\n visible: PropTypes.bool,\n onCancel: PropTypes.func,\n};\n\nPremiumAlert.defaultProps = {\n visible: false,\n onCancel: () => {},\n};\n\nexport default PremiumAlert;\n","import { createSelector } from \"reselect\";\n\nconst eventDataSelector = (state) => state.event;\n\nconst resultSelector = createSelector(eventDataSelector, (payload) => {\n return {\n loading: payload.get(\"loading\"),\n allEvents: payload.get(\"allEvents\"),\n allGrows: payload.get(\"allGrows\"),\n allGrowsUsersSketch: payload.get('allGrowsUsersSketch'),\n metadata: payload.get(\"metadata\"),\n allLiveEvents: payload.get(\"allLiveEvents\"),\n liveEvent: payload.get(\"liveEvent\"),\n updatedEvent: payload.get(\"updatedEvent\"),\n error: payload.get(\"error\"),\n myEvents: payload.get(\"myEvents\"),\n channelEvents: payload.get(\"channelEvents\"),\n allEventsChannels: payload.get(\"allEventsChannels\"),\n boxesSaves: payload.get(\"boxesSaves\"),\n allEventsUsersSketch: payload.get(\"allEventsUsersSketch\"),\n allEventsAchivements: payload.get(\"allEventsAchivements\"),\n };\n});\n\nexport const eventSelector = (state) => ({\n ...resultSelector(state),\n});\n","import { createAction } from \"redux-actions\";\n\nconst UPSERT_COUNCIL_EVENT = \"UPSERT_COUNCIL_EVENT\";\nconst SET_COUNCIL_EVENT = \"SET_COUNCIL_EVENT\";\nconst GET_COUNCIL_EVENTS = \"GET_COUNCIL_EVENTS\";\nconst SET_COUNCIL_EVENTS = \"SET_COUNCIL_EVENTS\";\nconst DELETE_COUNCIL_EVENT = \"DELETE_COUNCIL_EVENT\";\nconst JOIN_COUNCIL_EVENT = \"JOIN_COUNCIL_EVENT\";\nconst SET_JOIN_COUNCIL_EVENT = \"SET_JOIN_COUNCIL_EVENT\";\nconst REMOVE_COUNCIL_EVENT_PANELIST = \"REMOVE_COUNCIL_EVENT_PANELIST\";\nconst COUNCIL_EVENT_SEARCH_USER = \"COUNCIL_EVENT_SEARCH_USER\";\nconst SET_SEARCHED_USERS_FOR_COUNCIL_EVENT =\n \"SET_SEARCHED_USERS_FOR_COUNCIL_EVENT\";\nconst COUNCIL_EVENT_PANEL_COMMENT = \"COUNCIL_EVENT_PANEL_COMMENT\";\nconst SET_COUNCIL_EVENT_COMMENT = \"SET_COUNCIL_EVENT_COMMENT\";\nconst JOIN_COUNCIL_EVENT_WAIT = \"JOIN_COUNCIL_EVENT_WAIT\";\nconst DOWNLOAD_EVENTS_WITH_PARTICIPANTS = \"DOWNLOAD_EVENTS_WITH_PARTICIPANTS\";\nconst SEND_EMAIL_ATTEND_EVENT_ADMIN = \"SEND_EMAIL_ATTEND_EVENT_ADMIN\";\nconst ADD_EMAIL_DRAFT_EVENT = \"ADD_EMAIL_DRAFT_EVENT\";\nconst DELETE_EMAIL_DRAFT_EVENT = \"DELETE_EMAIL_DRAFT_EVENT\";\nconst GET_ALL_EMAIL_DRAFT_EVENT = \"GET_ALL_EMAIL_DRAFT_EVENT\";\nconst GET_ALL_EMAIL_SEND_EVENT = \"GET_ALL_EMAIL_SEND_EVENT\";\nconst UPDATE_ALL_EMAIL_DRAFTS = \"UPDATE_ALL_EMAIL_DRAFTS\";\nconst UPDATE_ALL_EMAIL_SEND = \"UPDATE_ALL_EMAIL_SEND\";\nconst SET_COUNCIL_EVENTST = \"SET_COUNCIL_EVENTST\";\nconst SET_COUNCIL_EVENTSTT = \"SET_COUNCIL_EVENTSTT\";\nconst SET_COUNCIL_EVENTCACHED = \"SET_COUNCIL_EVENTCACHED\";\n\nexport const constants = {\n UPSERT_COUNCIL_EVENT,\n SET_COUNCIL_EVENT,\n GET_COUNCIL_EVENTS,\n SET_COUNCIL_EVENTS,\n DELETE_COUNCIL_EVENT,\n JOIN_COUNCIL_EVENT,\n SET_JOIN_COUNCIL_EVENT,\n REMOVE_COUNCIL_EVENT_PANELIST,\n COUNCIL_EVENT_SEARCH_USER,\n SET_SEARCHED_USERS_FOR_COUNCIL_EVENT,\n COUNCIL_EVENT_PANEL_COMMENT,\n SET_COUNCIL_EVENT_COMMENT,\n JOIN_COUNCIL_EVENT_WAIT,\n DOWNLOAD_EVENTS_WITH_PARTICIPANTS,\n SEND_EMAIL_ATTEND_EVENT_ADMIN,\n ADD_EMAIL_DRAFT_EVENT,\n DELETE_EMAIL_DRAFT_EVENT,\n GET_ALL_EMAIL_DRAFT_EVENT,\n GET_ALL_EMAIL_SEND_EVENT,\n UPDATE_ALL_EMAIL_SEND,\n UPDATE_ALL_EMAIL_DRAFTS,\n SET_COUNCIL_EVENTST,\n SET_COUNCIL_EVENTSTT,\n SET_COUNCIL_EVENTCACHED,\n};\n\nexport const upsertCouncilEvent = createAction(\n UPSERT_COUNCIL_EVENT,\n (councilEvent, callback) => ({ councilEvent, callback })\n);\nexport const setUpsertCouncilEvent = createAction(\n SET_COUNCIL_EVENT,\n (councilEvent, isEdit) => ({ councilEvent, isEdit })\n);\nexport const getCouncilEvents = createAction(GET_COUNCIL_EVENTS, (callback,type,data) => ({ callback,type,data }));\nexport const setCouncilEvents = createAction(\n SET_COUNCIL_EVENTS,\n (councilEvents) => ({\n councilEvents,\n })\n);\nexport const setCouncilEventsT = createAction(\n SET_COUNCIL_EVENTST,\n (councilEvents) => ({\n councilEvents,\n })\n);\n\nexport const setCouncilEventsTT = createAction(\n SET_COUNCIL_EVENTSTT,\n (allPanelList) => ({\n allPanelList,\n })\n);\n\n\nexport const setCouncilEventsCached = createAction(\n SET_COUNCIL_EVENTCACHED,\n (councilEvents) => ({councilEvents})\n)\nexport const deleteCouncilEvent = createAction(\n DELETE_COUNCIL_EVENT,\n (councilEventId) => ({ councilEventId })\n);\nexport const joinCouncilEvent = createAction(\n JOIN_COUNCIL_EVENT,\n (\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin = false,\n isModerator = false,\n councilEventId,\n callback\n ) => ({\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin,\n isModerator,\n councilEventId,\n callback\n })\n);\nexport const setJoinCouncilEvent = createAction(\n SET_JOIN_COUNCIL_EVENT,\n (councilEventPanelist) => ({ councilEventPanelist })\n);\nexport const removeCouncilEventPanelist = createAction(\n REMOVE_COUNCIL_EVENT_PANELIST,\n (CouncilEventPanelId, CouncilEventPanelistId) => ({\n CouncilEventPanelId,\n CouncilEventPanelistId,\n })\n);\nexport const searchUserForCouncilEventPanelist = createAction(\n COUNCIL_EVENT_SEARCH_USER,\n (keyword,callback) => ({ keyword,callback })\n);\nexport const setSearchedUserForCouncilEventPanelist = createAction(\n SET_SEARCHED_USERS_FOR_COUNCIL_EVENT,\n (users) => ({ users })\n);\nexport const upsertCommentCouncilEventPanel = createAction(\n COUNCIL_EVENT_PANEL_COMMENT,\n (councilEventPanelComment) => ({ councilEventPanelComment })\n);\nexport const setCouncilEventPanelComment = createAction(\n SET_COUNCIL_EVENT_COMMENT,\n (councilEventPanelComment) => ({ councilEventPanelComment })\n);\n\nexport const joinCouncilEventWait = createAction(\n JOIN_COUNCIL_EVENT_WAIT,\n (\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin = false,\n isModerator = false,\n councilEventId,\n rejectCHANGE = {\n rejectWithEmail: false\n },\n callback\n ) => ({\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin,\n isModerator,\n councilEventId,\n rejectCHANGE,\n callback\n })\n);\n\nexport const exportCouncilEvents = createAction(\n DOWNLOAD_EVENTS_WITH_PARTICIPANTS,\n (idEvent, callback) => ({ idEvent, callback })\n)\n\nexport const sendEmailAttendeeEventAdmin = createAction(\n SEND_EMAIL_ATTEND_EVENT_ADMIN,\n (data, callback) => ({ data, callback })\n)\n\nexport const addEmailDraftEvent = createAction(\n ADD_EMAIL_DRAFT_EVENT,\n (draftEmail, callback) => ({ draftEmail, callback })\n)\n\nexport const deleteEmailDraftEvent = createAction(\n DELETE_EMAIL_DRAFT_EVENT,\n (draftEmailId, callback) => ({ draftEmailId, callback })\n)\n\nexport const getAllEmailDraftEvent = createAction(\n GET_ALL_EMAIL_DRAFT_EVENT,\n (id, callback) => ({ id, callback })\n)\n\nexport const getAllEmailSendEvent = createAction(\n GET_ALL_EMAIL_SEND_EVENT,\n (callback) => ({ callback })\n)\n\nexport const updateAllEmailEvent = createAction(\n UPDATE_ALL_EMAIL_DRAFTS,\n (draftEmailResponse) => ({ draftEmailResponse })\n)\n\nexport const updateAllEmailEventSend = createAction(\n UPDATE_ALL_EMAIL_SEND,\n (sendEmailResponse) => ({ sendEmailResponse })\n)\n\nexport const actions = {\n upsertCouncilEvent,\n setUpsertCouncilEvent,\n getCouncilEvents,\n setCouncilEvents,\n setCouncilEventsT,\n setCouncilEventsTT,\n setCouncilEventsCached,\n deleteCouncilEvent,\n joinCouncilEvent,\n setJoinCouncilEvent,\n removeCouncilEventPanelist,\n searchUserForCouncilEventPanelist,\n setSearchedUserForCouncilEventPanelist,\n upsertCommentCouncilEventPanel,\n setCouncilEventPanelComment,\n joinCouncilEventWait,\n exportCouncilEvents,\n sendEmailAttendeeEventAdmin,\n addEmailDraftEvent,\n deleteEmailDraftEvent,\n getAllEmailDraftEvent,\n getAllEmailSendEvent,\n updateAllEmailEvent,\n updateAllEmailEventSend,\n};\n","import { createSelector } from \"reselect\";\n\nconst councilEventDataSelector = (state) => state.councilEvent;\n\nconst resultSelector = createSelector(councilEventDataSelector, (payload) => {\n return {\n allCouncilEvents: payload.get(\"allCouncilEvents\"),\n allCouncilEventsT: payload.get(\"allCouncilEventsT\"),\n allCouncilEventsCached: payload.get(\"allCouncilEventsCached\"),\n councilEvent: payload.get(\"councilEvent\"),\n allPanelList: payload.get(\"allPanelList\"),\n arrayControlIdsEvents: payload.get(\"arrayControlIdsEvents\"),\n searchedUsersForCouncilEvent: payload.get(\"searchedUsersForCouncilEvent\"),\n emailDraftChannel: payload.get(\"emailDraftChannel\"),\n allEmailSendEvent: payload.get(\"allEmailSendEvent\"),\n };\n});\n\nexport const councilEventSelector = (state) => ({\n ...resultSelector(state),\n});\n","import { createAction } from \"redux-actions\";\n\nconst GET_NOTIFICATIONS = \"GET_NOTIFICATIONS\";\nconst SET_NOTIFICATIONS = \"SET_NOTIFICATIONS\";\nconst SET_NOTIFICATION_LOADING = \"SET_NOTIFICATION_LOADING\";\nconst SET_NOTIFICATION_MORE_LOADING = \"SET_NOTIFICATION_MORE_LOADING\";\nconst PUSH_NOTIFICATION = \"PUSH_NOTIFICATION\";\nconst MARK_NOTIFICATION_TO_READ = \"MARK_NOTIFICATION_TO_READ\";\nconst MARK_NOTIFICATION_TO_UNREAD = \"MARK_NOTIFICATION_TO_UNREAD\";\nconst UPDATE_NOTIFICATION_TO_READ = \"UPDATE_NOTIFICATION_TO_READ\";\nconst UPDATE_NOTIFICATION_TO_UNREAD = \"UPDATE_NOTIFICATION_TO_UNREAD\";\n\nexport const constants = {\n GET_NOTIFICATIONS,\n SET_NOTIFICATIONS,\n SET_NOTIFICATION_LOADING,\n SET_NOTIFICATION_MORE_LOADING,\n PUSH_NOTIFICATION,\n MARK_NOTIFICATION_TO_READ,\n UPDATE_NOTIFICATION_TO_READ,\n MARK_NOTIFICATION_TO_UNREAD,\n UPDATE_NOTIFICATION_TO_UNREAD,\n};\n\n// ------------------------------------\n// Actions\n// ------------------------------------\nexport const getNotifications = createAction(\n GET_NOTIFICATIONS,\n (page, num) => ({ page, num })\n);\nexport const setNotifications = createAction(\n SET_NOTIFICATIONS,\n (countOfResults, currentPage, notificationList, readCount) => ({\n countOfResults,\n currentPage,\n notificationList,\n readCount,\n })\n);\nexport const setNotificationLoading = createAction(\n SET_NOTIFICATION_LOADING,\n (loading) => ({ loading })\n);\nexport const setNotificationMoreLoading = createAction(\n SET_NOTIFICATION_MORE_LOADING,\n (loading) => ({ loading })\n);\nexport const pushNotification = createAction(PUSH_NOTIFICATION, (data) => ({\n data,\n}));\nexport const markNotificationToRead = createAction(\n MARK_NOTIFICATION_TO_READ,\n (notifications, userId) => ({ notifications, userId })\n);\nexport const updateNotificationToRead = createAction(\n UPDATE_NOTIFICATION_TO_READ,\n (notifications, unreadCount, userId) => ({\n notifications,\n unreadCount,\n userId,\n })\n);\nexport const markNotificationToUnRead = createAction(\n MARK_NOTIFICATION_TO_UNREAD,\n (notifications, userId) => ({ notifications, userId })\n);\nexport const updateNotificationToUnRead = createAction(\n UPDATE_NOTIFICATION_TO_UNREAD,\n (notifications, unreadCount, userId) => ({\n notifications,\n unreadCount,\n userId,\n })\n);\n\nexport const actions = {\n getNotifications,\n setNotifications,\n setNotificationLoading,\n setNotificationMoreLoading,\n pushNotification,\n markNotificationToRead,\n updateNotificationToRead,\n markNotificationToUnRead,\n updateNotificationToUnRead,\n};\n","import { createAction } from \"redux-actions\";\n\nconst CREATE_SKILL_COHORT_PARTICIPANT = \"CREATE_SKILL_COHORT_PARTICIPANT\";\nconst GET_SKILL_COHORT_PARTICIPANT = \"GET_SKILL_COHORT_PARTICIPANT\";\nconst GET_ALL_PARTICIPANT = \"GET_ALL_PARTICIPANT\";\nconst GET_PARTICIPATED = \"GET_PARTICIPATED\";\nconst SET_SKILL_COHORT_PARTICIPANT = \"SET_SKILL_COHORT_PARTICIPANT\";\nconst SET_ALL_SKILL_COHORT_PARTICIPANTS = \"SET_ALL_SKILL_COHORT_PARTICIPANTS\";\nconst WITHDRAW_PARTICIPATION = \"WITHDRAW_PARTICIPATION\";\nconst SET_PARTICIPATED = \"SET_PARTICIPATED\";\n\nexport const constants = {\n GET_SKILL_COHORT_PARTICIPANT,\n CREATE_SKILL_COHORT_PARTICIPANT,\n SET_SKILL_COHORT_PARTICIPANT,\n GET_PARTICIPATED,\n SET_PARTICIPATED,\n SET_ALL_SKILL_COHORT_PARTICIPANTS,\n GET_ALL_PARTICIPANT,\n WITHDRAW_PARTICIPATION,\n};\n\nconst getSkillCohortParticipant = createAction(\n GET_SKILL_COHORT_PARTICIPANT,\n (SkillCohortId, UserId) => ({\n SkillCohortId,\n UserId,\n })\n);\nexport const getAllParticipated = createAction(GET_PARTICIPATED, (UserId) => ({\n UserId,\n}));\nexport const setParticipated = createAction(\n SET_PARTICIPATED,\n (allParticipated) => ({ allParticipated })\n);\n\nconst setSkillCohortParticipant = createAction(\n SET_SKILL_COHORT_PARTICIPANT,\n (skillCohortParticipant) => ({\n skillCohortParticipant,\n })\n);\nconst setAllSkillCohortParticipants = createAction(\n SET_ALL_SKILL_COHORT_PARTICIPANTS,\n (allSkillCohortParticipants) => ({\n allSkillCohortParticipants,\n })\n);\nconst createSkillCohortParticipant = createAction(\n CREATE_SKILL_COHORT_PARTICIPANT,\n (SkillCohortId, UserId) => ({\n SkillCohortId,\n UserId,\n })\n);\nconst getAllSkillCohortParticipants = createAction(\n GET_ALL_PARTICIPANT,\n (SkillCohortId) => ({ SkillCohortId })\n);\nconst withdrawParticipation = createAction(\n WITHDRAW_PARTICIPATION,\n (SkillCohortParticipantId) => ({ SkillCohortParticipantId })\n);\n\nexport const actions = {\n getSkillCohortParticipant,\n createSkillCohortParticipant,\n setSkillCohortParticipant,\n getAllParticipated,\n setAllSkillCohortParticipants,\n getAllSkillCohortParticipants,\n withdrawParticipation,\n setParticipated\n};\n","import { createSelector } from \"reselect\";\n\nconst skillCohortParticipantData = (state) => state.skillCohortParticipant;\n\nconst resultSelector = createSelector(skillCohortParticipantData, (payload) => {\n return {\n allSkillCohortParticipants: payload.get(\"allSkillCohortParticipants\"),\n skillCohortParticipant: payload.get(\"skillCohortParticipant\"),\n allParticipated: payload.get(\"allParticipated\"),\n };\n});\n\nexport const skillCohortParticipantSelector = (state) => ({\n ...resultSelector(state),\n});\n","/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Badge, Popover, Spin } from \"antd\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { isEmpty } from \"lodash\";\n\nimport { INTERNAL_LINKS } from \"enum\";\nimport { notificationSelector } from \"redux/selectors/notificationSelector\";\nimport {\n getNotifications,\n markNotificationToRead,\n} from \"redux/actions/notification-actions\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { getAllParticipated } from \"redux/actions/skillCohortParticipant-actions\";\nimport { skillCohortParticipantSelector } from \"redux/selectors/skillCohortParticipantSelector\";\n\nimport IconNotification from \"images/icon-notification.svg\";\nimport IconNotificationWhite from \"images/icon-notification-white.svg\";\nimport IconLoading from \"images/icon-loading.gif\";\n\nimport \"./style.scss\";\n\nconst MAX_NOTIFICATIONS = 50;\n\nconst Notification = ({\n className,\n notificationList,\n loading,\n unreadCount,\n userProfile,\n getNotifications,\n markNotificationToRead,\n allParticipated,\n getAllParticipated,\n typeStyle,\n}) => {\n const [visible, setVisible] = useState(false);\n const history = useHistory();\n\n useEffect(() => {\n if (!isEmpty(userProfile) && userProfile.id) {\n // note uncomment this when enabling the project X\n // getAllParticipated(userProfile.id);\n }\n }, [userProfile]);\n\n const renderLoading = () => (\n UPGRADE TO PREMIUM
\n\n
\n );\n\n const onVisibleChange = (visible) => {\n setVisible(visible);\n };\n\n const onClickNotification = (noti) => {\n if (!noti?.readers?.includes(userProfile.id)) {\n markNotificationToRead([noti.id], userProfile.id);\n }\n\n const cohort = allParticipated.find(\n (participant) => participant.SkillCohortId === noti.meta.SkillCohortId\n );\n\n let cohortLink;\n\n if (cohort) {\n cohortLink = `${INTERNAL_LINKS.PROJECTX}/${noti.meta.SkillCohortId}/resources?key=2&id=${noti.meta.id}`;\n } else {\n cohortLink = `${INTERNAL_LINKS.PROJECTX}/${noti.meta.SkillCohortId}`;\n }\n\n console.log(noti);\n\n switch (noti.type) {\n case \"marketplace\":\n history.push(INTERNAL_LINKS.MARKETPLACE);\n break;\n case \"event\":\n window.open(\n typeof noti.meta.publicLink === \"string\"\n ? noti.meta.publicLink.replaceAll(\n \"https://app.hackinghrlab.io\",\n \"https://hackinghrlab.io\"\n )\n : noti.meta.publicLink,\n \"_blank\"\n );\n break;\n case \"podcast\":\n history.push(\n `${INTERNAL_LINKS.LIBRARY_ITEM}/podcast/${noti.meta.dataValues.id}`\n );\n break;\n case \"content\":\n history.push(INTERNAL_LINKS.LEARNING_LIBRARY);\n break;\n case \"resource\":\n history.push(cohortLink);\n break;\n case \"post\":\n history.push(`${INTERNAL_LINKS.POST}/${noti.meta.dataValues.PostId}`);\n break;\n case \"council-conversation\":\n history.push(`${INTERNAL_LINKS.COUNCIL}?id=${noti.meta.dataValues.id}`);\n break;\n case \"Blog\":\n history.push(`${INTERNAL_LINKS.BLOGS_NEW}/${noti.meta.dataValues.id}`);\n break;\n case \"channelInvit\":\n history.push(`${noti?.meta?.linkChannel}`);\n break;\n case \"Bonfire\":\n history.push(`${INTERNAL_LINKS.BONFIRES}?key=all-bonfires`);\n break;\n case \"mentoring-request-from-mentor\":\n history.push(`${INTERNAL_LINKS.MENTORING}?key=mentee-notification`);\n break;\n case \"mentoring-request-from-mentee\":\n history.push(`${INTERNAL_LINKS.MENTORING}?key=mentor-notification`);\n break;\n case \"CertificateProgram\":\n const params = new URLSearchParams();\n params.set(\"certificateCommentId\", noti.meta.certificateCommentId);\n params.set(\n \"certificateCommentReplyId\",\n noti.meta.certificateCommentReplyId\n );\n history.push(\n `${INTERNAL_LINKS.CERTIFICATES_DASHBOARD}/${noti.meta.slug}?${params}`\n );\n break;\n default:\n break;\n }\n setVisible(false);\n };\n\n const renderNotifications = () => (\n <>\n {notificationList.slice(0, 6).map((noti) => (\n \n {!noti.readers.includes(userProfile.id) ? (\n \n ) : (\n \n )}\n onClickNotification(noti)}\n >\n {noti.message}\n \n
\n ))}\n \n setVisible(false)}\n >\n See more ...\n \n
\n \n );\n\n const content = () => (\n \n {notificationList.length > 0 ? (\n loading ? (\n renderLoading()\n ) : (\n renderNotifications()\n )\n ) : (\n
\n );\n\n useEffect(() => {\n getNotifications(1, MAX_NOTIFICATIONS);\n }, []);\n return (\n \n \n
\n )}\n No notifications.
\n\n
\n )}\n \n );\n }\n}\n\nCustomDrawer.propTypes = {\n title: PropTypes.string,\n placement: PropTypes.string,\n width: PropTypes.number,\n onClose: PropTypes.func,\n};\n\nCustomDrawer.defaultProps = {\n title: \"Drawer\",\n placement: \"right\",\n width: 772,\n onClose: () => {},\n};\n\nexport default CustomDrawer;\n","import { create } from \"zustand\";\n\nexport const useCertificateStore = create((set) => ({\n currentCertificate: {},\n setCurrentCertificate: (currentCertificate) => set({ currentCertificate }),\n}));","import { create } from \"zustand\";\n\nexport const useChatMessageStore = create((set) => ({\n chatMessageWindows: [],\n chatTabItemIds: [],\n groupChatTabItemIds: [],\n onlineUsers: [],\n messages: {},\n showMain: false,\n setShowMain: (flag) => set((state) => ({ showMain: flag })),\n updateMessageWindowName: ({ name, id }) => set(state => {\n const windows = [...state.chatMessageWindows]\n\n windows.forEach(window => {\n if (window.id === id) {\n window[\"name\"] = name\n }\n })\n\n return {\n chatMessageWindows: windows\n }\n }),\n setMessage: ({ content, id, isEditing = false }) => set(state => {\n\n\n return {\n messages: {\n ...state.messages,\n [id || -1]: {\n content,\n isEditing\n }\n },\n };\n }),\n setOnlineUsers: (users) => set(state => ({ onlineUsers: users })),\n setChatMessageWindows: (data) => set(state => {\n\n const exists = state.chatMessageWindows.some(item => data.id === item.id && item.type === data.type);\n\n const window = {\n img: data.img,\n name: data.name,\n id: data.id,\n titleProfessions: data.titleProfessions,\n type: data.type,\n };\n\n if (!exists) {\n const windows = [...state.chatMessageWindows]\n\n // make sure that there are only 3 active message window at a time\n // check if there's three active window\n\n if (state.chatMessageWindows.length === 3) {\n // remove the first item in the index\n windows.shift()\n }\n\n return {\n chatMessageWindows: [...windows, window],\n };\n }\n\n return {\n chatMessageWindows: state.chatMessageWindows,\n };\n }),\n removeMessageWindow: (id) => set(state => {\n const windows = [...state.chatMessageWindows];\n\n const filteredWindows = windows.filter(item => item.id !== id);\n\n return { chatMessageWindows: filteredWindows };\n }),\n setTyping: ({ id, isTyping }) => set(state => {\n const windows = [...state.chatMessageWindows];\n const windowIndex = windows.findIndex(item => item.id === id);\n\n if (windowIndex === -1) {\n return { chatMessageWindows: state.chatMessageWindows };\n }\n\n windows[windowIndex] = {\n ...windows[windowIndex],\n isTyping,\n };\n\n return { chatMessageWindows: windows };\n }),\n pushChatTabItemId: ({ id }) => set(state => {\n const ids = [...new Set([...state.chatTabItemIds, id])];\n\n return {\n chatTabItemIds: ids,\n };\n }),\n deleteChatTabItemId: ({ id }) => set(state => {\n const ids = [...state.chatTabItemIds];\n\n return { chatTabItemIds: ids.filter(i => i !== id) };\n }),\n pushGroupChatTabItemId: ({ id }) => set(state => {\n const ids = [...new Set([...state.groupChatTabItemIds, id])];\n\n return {\n groupChatTabItemIds: ids,\n };\n }),\n deleteGroupChatTabItemId: ({ id }) => set(state => {\n const ids = [...state.groupChatTabItemIds];\n\n return { groupChatTabItemIds: ids.filter(i => i !== id) };\n })\n}));","import React from \"react\";\nimport { MessageOutlined } from \"@ant-design/icons\";\nimport { useChatMessageStore } from \"../ChatBox/store\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport httpClient from \"../../api/module/httpClient\";\nimport { Badge } from \"antd\";\n\nexport default function ChatNotification(props) {\n\n const setShowMain = useChatMessageStore.getState().setShowMain;\n\n const { data } = useQuery({\n queryKey: [\"TOTAL_CHAT_UNREAD_COUNT\"],\n queryFn: async () => {\n const { data } = await httpClient.get(`private/chat-messages/unread/count`);\n\n return data;\n },\n });\n\n\n return (\n \n // {\n // setUserShow(searchedUser);\n // setVisibleProfileUser(true);\n // }}\n // >\n // {searchedUser.img ? (\n // {searchedUser.abbrName} \n // )}\n //
\n // \n // ));\n\n if (pathname === INTERNAL_LINKS.NOTIFICATIONS) {\n pathInfo = {\n icon: IconNotification,\n label: \"Notifications\",\n };\n } else if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.CHANNELS}/`)) {\n const { selectedChannel } = this.props;\n pathInfo = {\n icon: IconTvOutline,\n label: (selectedChannel || {}).name || \"\",\n };\n }\n\n if (pathname.includes(`${INTERNAL_LINKS.COUNCIL}`)) {\n pathInfo = {\n icon: IconExpertsCouncil,\n label: `Senior Leaders Council`,\n };\n }\n\n if (pathname.includes(`${INTERNAL_LINKS.COUNCIL_ADMIN}`)) {\n pathInfo = {\n icon: IconLibrary,\n label: `Events Council Admin`,\n };\n }\n\n if (pathname.includes(`${INTERNAL_LINKS.CORPORATE_ADMIN}`)) {\n pathInfo = {\n icon: IconLibrary,\n label: `Corporate Admin Dashboard`,\n };\n }\n\n if (pathname.includes(`${INTERNAL_LINKS.EVENTS_COUNCIL}`)) {\n pathInfo = {\n icon: IconLibrary,\n label: `Events`,\n };\n }\n\n if (pathname.includes(`${INTERNAL_LINKS.EVENT_CERTIFICATE}`)) {\n pathInfo = {\n // icon: ,\n label: `Certificate of participation`,\n };\n }\n\n if (pathname.includes(`${INTERNAL_LINKS.BUSINESS_PARTNER}`)) {\n pathInfo = {\n icon: IconHRBusiness,\n label: `HR Business Partners Community`,\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.MICRO_CLASS}/`)) {\n const { selectedCourse } = this.props;\n pathInfo = {\n icon: IconMedal,\n label: `Class - ${(selectedCourse || {}).title || \"\"}`,\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.MICRO_CONFERENCE}/`) &&\n typeQuery !== \"?type=2023\"\n ) {\n const { session } = this.props;\n\n pathInfo = {\n icon: IconGlobal,\n label: `Hacking HR 2022 Global Online Conference - ${\n (session || {}).title || \"\"\n }`,\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.MICRO_CONFERENCE}/`) &&\n typeQuery === \"?type=2023\"\n ) {\n pathInfo = {\n icon: IconGlobal,\n label: `Hacking HR's FORWARD2023`,\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.PODCAST_SERIES}`)) {\n const { podcastSeries } = this.props;\n pathInfo = {\n icon: IconHeadsetOutline,\n label: (podcastSeries || {}).title || \"Podcast Series\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.POST}/`)) {\n pathInfo = {\n icon: IconMedal,\n label: `Post Details`,\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.LIBRARY_ITEM}/`)) {\n if (pathname.includes(`${INTERNAL_LINKS.LIBRARY_ITEM}/podcast`)) {\n pathInfo = {\n icon: IconHeadsetOutline,\n label: `Podcast`,\n };\n } else {\n pathInfo = {\n icon: IconLibrary,\n label: `Library Item`,\n };\n }\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.PROJECTX}/`)) {\n pathInfo = {\n icon: IconFlaskOutline,\n label: `ProjectX - Cohort: ${this.props.skillCohort.title || \"\"}`,\n };\n }\n\n if (pathname === INTERNAL_LINKS.CERTIFICATES || pathname === `${INTERNAL_LINKS.CERTIFICATES}/`) {\n pathInfo = {\n icon: CertificateIcon,\n label: \"Certificate Programs\",\n };\n } else if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.CERTIFICATES}/`)) {\n pathInfo = {\n icon: CertificateIcon,\n label: (currentCertificate || {}).title || \"\",\n };\n } else if (pathname.startsWith(`${INTERNAL_LINKS.CERTIFICATE_PROGRAMS_FACULTY_DASHBOARD}/class`)) {\n pathInfo = {\n icon: CertificateIcon,\n label: `Certificate Program Faculty Dashboard - ${(currentCertificate || {}).title || \"\"}`,\n };\n }\n\n else if (pathname.startsWith(INTERNAL_LINKS.CERTIFICATE_PROGRAMS_FACULTY_DASHBOARD)) {\n pathInfo = {\n icon: CertificateIcon,\n label: `Certificate Program Faculty Dashboard`,\n };\n }\n\n if (pathname === INTERNAL_LINKS.CERTIFICATES_DASHBOARD || pathname === `${INTERNAL_LINKS.CERTIFICATES_DASHBOARD}/`) {\n pathInfo = {\n icon: CertificateIcon,\n label: \"Certificate Programs\",\n };\n } else if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.CERTIFICATES_DASHBOARD}/`)) {\n const title = currentCertificate?.title || \"\";\n\n pathInfo = {\n icon: CertificateIcon,\n label: `${title} - Dashboard` || \"\",\n };\n }\n\n if (pathname === INTERNAL_LINKS.LEADERSHIP_PROGRAMS || pathname === `${INTERNAL_LINKS.LEADERSHIP_PROGRAMS}/`) {\n pathInfo = {\n icon: CoheteIcon,\n label: \"Crash Courses\",\n };\n } else if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.LEADERSHIP_PROGRAMS}/`)) {\n pathInfo = {\n icon: CoheteIcon,\n label: \"Crash Courses\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.MY_LEARNINGS}`)) {\n pathInfo = {\n icon: gradIcon,\n label: \"My Learning\",\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.CONFERENCE_LIBRARY}`)\n ) {\n pathInfo = {\n icon: IconConferenceVideo,\n label: \"Conference Library\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.LIVE_CHAT}`)) {\n pathInfo = {\n icon: IconMicrophone,\n label: \"Live Chats\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.LEARNING_LIBRARY}`)) {\n pathInfo = {\n icon: IconLibrary,\n label: \"Learning Library\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.PODCAST}`)) {\n pathInfo = {\n icon: IconHeadsetOutline,\n label: \"Podcast\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.PROJECTX}`)) {\n pathInfo = {\n icon: IconFlaskOutline,\n label: \"ProjectX\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.CHANNELS}`)) {\n pathInfo = {\n icon: IconTvOutline,\n label: \"Channels\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.COMMUNITY_EXPERIENCES}`)) {\n pathInfo = {\n icon: IconGrowGroups,\n label: \"Community Experiences\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.MENTORING}`)) {\n pathInfo = {\n icon: mentoringIcon,\n label: \"Mentoring\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.SPONSOR_DASHBOARD}`)) {\n pathInfo = {\n // icon: ,\n label: \"Partners Dashboard\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.SPEAKER_2023}`)) {\n pathInfo = {\n // icon: ,\n label: \"Speaker 2023\",\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.TALENT_MARKETPLACE}`)\n ) {\n pathInfo = {\n icon: IconBriefcaseOutline,\n label: \"Talent Marketplace\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.AD_HOME_PREVIEW}`)) {\n pathInfo = {\n icon: IconHome,\n label: \"Advertisement Preview\",\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.AD_CONFERENCE_LIBRARY_PREVIEW}`)\n ) {\n pathInfo = {\n icon: IconHome,\n label: \"Advertisement Preview\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.AD_EVENTS_PREVIEW}`)) {\n pathInfo = {\n icon: IconHome,\n label: \"Advertisement Preview\",\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.AD_PROJECT_X_PREVIEW}`)\n ) {\n pathInfo = {\n icon: IconFlaskOutline,\n label: \"Advertisement Preview\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.BLOGS}`)) {\n pathInfo = {\n icon: bulColorSpecial === \"#17253e\" ? IconReader2 : IconReader,\n label: \"Blogs\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.SPONSORS_DASHBOARD_LIST}`)) {\n pathInfo = {\n icon: IconReader,\n label: (this.props?.dashboards || {})[this.props?.match?.params?.data] \n ? (this.props?.dashboards || {})[this.props?.match?.params?.data]?.firstData?.partnersName \n : \"Partner Dashboard\",\n };\n }\n\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.BLOGS_NEW}`)) {\n pathInfo = {\n icon: bulColorSpecial === \"#17253e\" ? IconReader2 : IconReader,\n label: \"Blogs\",\n };\n }\n\n if (\n !pathInfo &&\n pathname.includes(`${INTERNAL_LINKS.SIMULATION_SPRINTS}`)\n ) {\n pathInfo = {\n icon: iconSchool,\n label: \"Simulation Sprints\",\n };\n }\n if (!pathInfo && pathname.includes(`${INTERNAL_LINKS.COMMUNITIES}`)) {\n const title = capitalizeWord(pathname.slice(13));\n pathInfo = {\n icon: IconMentoring,\n label: title,\n };\n }\n\n return (\n <>\n \n //
\n // \n // {\" \"}\n // {searchedUser.firstName} {searchedUser.lastName}\n //
\n // {searchedUser.titleProfessions}\n //\n {this.state.activeMessages}\n {\n this.setNewModal(\"\");\n }}\n />\n
\n \n )}\n \n {this.props.isMobile && (\n \n \n
\n )}\n {pathInfo && (\n <>\n \n {pathInfo.icon ? (\n 
\n ) : (\n <>\n )}\n
\n \n {pathInfo.label === \"Global Conference\"\n ? \"Hacking HR 2022 Global Online Conference\"\n : pathInfo.label}\n \n \n )}\n\n {/* {showSearchInput ? (\n \n {\n this.props.history.push(\"/search\");\n }}\n className=\"search-input\"\n size=\"large\"\n onKeyUp={this.handleSearch}\n value={inputSearchValue}\n onBlur={this.handleBlur}\n />\n\n \n {showSearchResult &&\n users.length > 0 &&\n users.slice(0, 10).map((user) => user)}\n\n {showSearchResult && users.length > 5 && (\n
\n\n \n ) : (\n \n \n
\n )}\n View More Results
\n \n\n \n
\n \n \n )}\n {/* LIVE
\n \n : {this.showLiveSituation(this.props.allEvents)?.title}\n
\n\n {user.img ? (\n 
\n ) : (\n user.abbrName\n )}\n
\n \n 
\n
\n \n The last time you over here was {this.configureDate(user.lastDateSignOut, user.timezone)}\n
\n We have all this new content for you:
\n {this.filterInformationPopupEvents(this.props.allEventsChannels).length > 0 && (\n\n
\n )}\n {this.filterInformationPopupEvents(this.props.allEvents).length > 0 && (\n Events Channels
\n- \n {this.filterInformationPopupEvents(this.props.allEventsChannels).map((event) => {\n return (\n
- {event.title} \n )\n })}\n
\n
\n )}\n */}\n \n {this.props.isMobile && (\n Events Hacking HR LAB
\n- \n {this.filterInformationPopupEvents(this.props.allEvents).map((event) => {\n return (\n
- {event.title} \n )\n })}\n
\n \n
\n
\n );\n};\n\nArticleHeader.propTypes = {\n title: PropTypes.string,\n};\n\nArticleHeader.defaultProps = {\n title: \"\",\n};\n\nexport default ArticleHeader;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Row, Col } from \"antd\";\nimport { CloseOutlined } from \"@ant-design/icons\";\n\nimport ImgArticle from \"images/icon-document.svg\";\n\nimport \"./style.scss\";\n\nconst CertificateHeader = ({ history }) => {\n const onCloseClick = () => {\n history.goBack();\n };\n\n return (\n \n
\n \n \n
\n \n 
\n
\n Article\n \n
\n \n
\n \n \n
\n
\n );\n};\n\nCertificateHeader.propTypes = {\n title: PropTypes.string,\n};\n\nCertificateHeader.defaultProps = {\n title: \"\",\n};\n\nexport default CertificateHeader;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Progress } from \"antd\";\n\nimport \"./style.scss\";\n\nclass CircularProgressbar extends React.Component {\n getPos = () => {\n const { width, percent } = this.props;\n const RADIAN = Math.PI / 180;\n const radius = width / 2 - 4 / 2;\n const x =\n width / 2 + radius * Math.cos((90 - (360 * percent) / 100) * RADIAN) - 7;\n const y =\n width / 2 - radius * Math.cos(((360 * percent) / 100) * RADIAN) - 7;\n return { left: x, top: y };\n };\n\n render() {\n const { color, percent, width } = this.props;\n const dotPos = this.getPos();\n\n return (\n \n
\n \n \n
\n \n \n
\n Claim digital certificate\n \n
\n \n (\n
\n );\n }\n}\n\nCircularProgressbar.propTypes = {\n percent: PropTypes.number,\n color: PropTypes.string,\n width: PropTypes.number,\n};\n\nCircularProgressbar.defaultProps = {\n percent: 0,\n color: \"#fe5621\",\n width: 140,\n};\n\nexport default CircularProgressbar;\n","import React from \"react\";\n\nconst BoxItered = ({\n box,\n columnSelect,\n columnSelect2,\n rowSelect,\n rowSelect2\n}) => {\n\n return (\n <>\n {box.bulShowBox === 'true' && \n {`Only ${100 - percent}%`}\n {`to go!`}\n
\n )}\n />\n \n {box.textName}
\n\n }\n \n );\n};\n\nexport default BoxItered;","import React from \"react\";\nimport moment from \"moment\";\nimport { Menu } from \"antd\";\n\nconst downloadDropdownOptions = (\n startTime,\n endTime,\n day,\n link,\n data,\n councilEvent,\n pN,\n startTimeP,\n endTimeP,\n) => {\n const onClickAddGoogleCalendar = (startDate, endDate, link, title) => {\n const getEventLink = (event, linkD) => {\n if (event.bulLinkForEachDay === \"true\") {\n return linkD;\n } else {\n return event.link;\n }\n };\n\n let googleCalendarUrl = `http://www.google.com/calendar/event?action=TEMPLATE&text=${\n title ? title : data?.title\n }&dates=${startDate}/${endDate}&details=Link to connect: ${getEventLink(\n data,\n link\n )}&location=${\n data?.location\n }&trp=false&sprop=https://www.hackinghrlab.io/&sprop=name:`;\n\n window.open(googleCalendarUrl, \"_blank\");\n };\n\n const onClickAddYahooCalendar = (startDate, endDate, link, title) => {\n const getEventLink = (event, linkD) => {\n if (event.bulLinkForEachDay === \"true\") {\n return linkD;\n } else {\n return event.link;\n }\n };\n\n let yahooCalendarUrl = `https://calendar.yahoo.com/?v=60&st=${startDate}&et=${endDate}&DESC=Link to connect: ${getEventLink(\n data,\n link\n )}&title=${title ? title : data?.title}&in_loc=${data?.location}`;\n\n yahooCalendarUrl = yahooCalendarUrl\n .split(\"\")\n .map((char) => (char === \" \" ? \"%2B\" : char))\n .join(\"\");\n\n window.open(yahooCalendarUrl, \"_blank\");\n };\n\n const onClickDownloadCalendar = (day, title, startDate, endDate, link) => {\n const getEventLink = (event, linkD) => {\n if (event.bulLinkForEachDay === \"true\") {\n return linkD;\n } else {\n return event.link;\n }\n };\n\n console.log(`${process.env.REACT_APP_API_ENDPOINT}/public/event/ics/${\n data.id\n }?day=${day}&userTimezone=${\n data?.timezone\n }&startTimeD=${startTimeP}&endTimeD=${endTimeP}&title=${title}&link=${getEventLink(\n data,\n link\n )}`)\n\n //http://localhost:3002/public/event/ics/287?day=0&userTimezone=America/Los_Angeles&startTimeD=2028-04-05T10:00:00Z&endTimeD=undefined&title=2028-04-05T09:00:00Z&link=https://www.linkedin.com/video/event/urn:li:ugcPost:7059186872811487232/\n //http://localhost:3002/public/event/ics/287?day=0&userTimezone=America/Los_Angeles&startTimeD=2028-04-05T09:00:00Z&endTimeD=2028-04-05T10:00:00Z&title=undefined&link=https://www.linkedin.com/video/event/urn:li:ugcPost:7059186872811487232/\n\n if (title) {\n window.open(\n `${process.env.REACT_APP_API_ENDPOINT}/public/event/ics/${\n data.id\n }?day=${day}&userTimezone=${\n data?.timezone\n }&startTimeD=${startTimeP}&endTimeD=${endTimeP}&title=${title}&link=${getEventLink(\n data,\n link\n )}`,\n \"_blank\"\n );\n } else {\n window.open(\n `${process.env.REACT_APP_API_ENDPOINT}/public/event/ics/${\n data.id\n }?day=${day}&userTimezone=${data?.timezone}&link=${getEventLink(\n data,\n link\n )}`,\n \"_blank\"\n );\n }\n };\n\n const handleOnClick = ({ item, key, domEvent }) => {\n domEvent.stopPropagation();\n domEvent.preventDefault();\n\n const [startTime, endTime, day, link] = item.props.value;\n\n const convertedStartTime = startTime.format(\"YYYYMMDDTHHmmss\");\n\n const convertedEndTime = endTime.format(\"YYYYMMDDTHHmmss\");\n\n const panel = councilEvent?.CouncilEventPanels?.filter((e) => {\n return (\n moment(e?.startDate, \"YYYY-MM-DDTHH:mm:ssZ\")\n .utc()\n .format(\"YYYYMMDDT\") === startTime.format(\"YYYYMMDDT\")\n );\n });\n\n switch (key) {\n case \"1\":\n onClickDownloadCalendar(\n day,\n pN || (panel || [])[0]?.panelName,\n convertedStartTime,\n convertedEndTime,\n link\n );\n break;\n case \"2\":\n onClickAddGoogleCalendar(\n convertedStartTime,\n convertedEndTime,\n link,\n pN || (panel || [])[0]?.panelName\n );\n break;\n case \"3\":\n onClickAddYahooCalendar(\n convertedStartTime,\n convertedEndTime,\n link,\n pN || (panel || [])[0]?.panelName\n );\n break;\n default:\n }\n };\n\n return (\n \n );\n};\n\nexport default downloadDropdownOptions;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Popover } from \"antd\";\n\nimport { CARD_MENUS } from \"enum\";\n\nimport \"./style.scss\";\n\nconst CardMenu = ({ menus, className, children, container, onClick, ...rest }) => {\n const [visible, setVisible] = useState(false);\n\n const onMenuClick = (e, menu) => {\n e.preventDefault();\n e.stopPropagation();\n setVisible(false);\n onClick(menu.value);\n };\n\n const ContentSection = () => {\n\n if(container !== undefined){\n let num = 0\n let num2 = 0\n\n for(let i = 0 ; i < container?.children[0]?.children?.length ; i++ ){\n num2 = num2 + container?.children[0]?.children[i]?.clientWidth\n if(num2 < container?.clientWidth){\n num++\n }\n }\n\n return (\n\n {menus?.slice(0,container?.children[0]?.children?.length - num)?.map((menu) => (\n onMenuClick(e, menu)}\n >\n {menu.label}\n
\n ))}\n \n )\n }else{\n return (\n \n {menus.map((menu) => (\n onMenuClick(e, menu)}\n >\n {menu.label}\n
\n ))}\n \n )\n }\n };\n\n return (\n {this.state.firewallText}
\n \n \n )} */}\n {cardType === CARD_TYPE.ADD ? (\n\n
\n ) : (\n <>\n {/* \n {!isEmpty(images) && (\n 
\n )}\n {isEmpty(images) && image2 && 
}\n
*/}\n \n {!caseLeft && (\n \n
\n )}\n \n {moment(startDate)?.format(\"MMMM\")}\n
\n\n {moment(startDate)?.format(\"DD\")}\n {moment(startDate)?.format(\"DD\") !==\n moment(endDate)?.format(\"DD\") &&\n `-${moment(endDate)?.format(\"DD\")}`}\n
\n\n {typeof title === \"string\" ? title : eventName}\n
\n ) : (\n\n {title}\n
\n )}\n\n {callForSpeaker === false &&\n (channel === \"\" ||\n channel === undefined ||\n Number(channel) > 0) ? (\n !isGrowGroups && (\n\n Event by: {channelSelect?.name}\n
\n )\n ) : (\n\n Event by: Hacking HR\n
\n )}\n {/*\n \n {convertToLocalTime(\n startAndEndTimes[0]?.startTime,\n timezone\n )?.format(\"h:mm a\")} - {convertToLocalTime(\n startAndEndTimes[0]?.endTime,\n timezone\n ).format(\"h:mm a\")} {userTimezone}\n
\n {`Event date${startDate !== endDate ? \"s\" : \"\"}:`}\n {period2}\n
\n ) : (\n\n {`Event date${startDate !== endDate ? \"s\" : \"\"}:`}\n {period}\n
\n )\n ) : null}\n\n {callForSpeaker === false && isGrowGroups ? (\n channel === \"\" ||\n channel === undefined ||\n Number(channel) > 0 ? (\n\n {`Date${startDate !== endDate ? \"s\" : \"\"}:`}\n {period2}\n
\n ) : (\n\n {`Date${startDate !== endDate ? \"s\" : \"\"}:`}\n {period}\n
\n )\n ) : null}\n\n {callForSpeaker && (\n\n {`Event date${startDate !== endDate ? \"s\" : \"\"}:`}\n \n {startDate !== endDate\n ? `${moment(startDate).format(\"LL\")} - ${moment(\n endDate\n ).format(\"LL\")}`\n : `${moment(startDate).format(\"LL\")}`}\n \n
\n )}\n \n )}\n \n\n {!caseLeft && !isGrowGroups && (\n\n {usersData &&\n [...usersData.slice(0, 3), { type: \"finish\" }].map(\n (u, index) => {\n if (u?.type === \"finish\" && newArrayUsers.length > 3) {\n return (\n \n +{newArrayUsers.length - 3}\n \n );\n } else {\n if (u?.type === \"finish\") {\n return (\n
\n );\n } else {\n return u?.img ? (\n \n {usersData &&\n [...usersData.slice(0, 3), { type: \"finish\" }].map(\n (u, index) => {\n if (\n u?.type === \"finish\" &&\n newArrayUsersGrow.length > 3\n ) {\n return (\n \n +{newArrayUsersGrow.length - 3}\n \n );\n } else {\n if (u?.type === \"finish\") {\n return (\n
\n );\n } else {\n return u?.img ? (\n \n {lengthLibraries > 0 &&\n lengthLibraries !== undefined &&\n onPast && (\n \n {\n e.preventDefault();\n e.stopPropagation();\n this.inspectBul(bulCloseEvent, e);\n }}\n loading={this.state.loading}\n />\n )}\n\n {status === \"attend\" &&\n userProfile?.id !== undefined &&\n isGrowGroups &&\n stateGrowGroup?.status !== \"accepted\" && (\n {\n e.preventDefault();\n e.stopPropagation();\n this.inspectBul(bulCloseEvent, e);\n }}\n loading={this.state.loading}\n />\n )}\n\n {callForSpeaker === true && (\n {\n e.preventDefault();\n return this.props.onClickCallSpeaker();\n }}\n loading={this.state.loading}\n />\n )}\n\n {(channel === \"\" ||\n channel === undefined ||\n Number(channel) > 0) && (\n \n \n
\n \n )}\n {userProfile?.id !== undefined &&\n isGrowGroups &&\n stateGrowGroup?.status === \"accepted\" && (\n \n \n
\n \n \n
\n \n \n {\n e.preventDefault();\n e.stopPropagation();\n\n if (this.state.heightCard !== \"0px\") {\n this.functionOnClickCalendar();\n }\n }}\n >\n
\n \n {(status === \"going\" || (status === \"past\" && esIncoming)) &&\n userProfile?.id !== undefined &&\n bulTicketCustomized === \"true\" && (\n \n {startAndEndTimes?.length > 1\n ? \" Calendar downloads: \"\n : \" Calendar download: \"}\n
\n\n \n {`${startTime?.format(\n \"MMMM DD\"\n )} From ${startTime?.format(\n \"HH:mm a\"\n )} to ${endTime?.format(\n \"HH:mm a\"\n )} (${userTimezone})`}\n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n {startAndEndTimes.length > 1\n ? `Download Calendar Day ${\n index + 1\n }: ${moment(startTime)?.format(\n \"MMM DD\"\n )} `\n : \"Download Calendar\"}\n
\n );\n }\n )}\n \n {/* \n You are now registered for this event!\n
*/}\n \n ) : (\n \n {startAndEndTimes?.length > 1\n ? \" Calendar days: \"\n : \" Calendar day: \"}\n
\n\n \n {`${startTime?.format(\n \"MMMM DD\"\n )} From ${startTime?.format(\n \"HH:mm a\"\n )} to ${endTime?.format(\n \"HH:mm a\"\n )} (${userTimezone})`}\n \n
\n );\n }\n )}\n \n \n )}\n \n )}\n\n {isGrowGroups && (\n <>\n {stateGrowGroup?.status === \"accepted\" &&\n userProfile?.id !== undefined ? (\n \n {startAndEndTimes?.length > 1\n ? \" Calendar downloads growgroups: \"\n : \" Calendar download growgroups: \"}\n
\n\n \n {`${startTime?.format(\n \"MMMM DD\"\n )} From ${startTime?.format(\n \"HH:mm a\"\n )} to ${endTime?.format(\n \"HH:mm a\"\n )} (${userTimezone})`}\n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n {startAndEndTimes.length > 1\n ? `Download Calendar Day ${\n index + 1\n }: ${moment(startTime)?.format(\n \"MMM DD\"\n )} `\n : \"Download Calendar\"}\n
\n );\n }\n )}\n \n {/* \n You are now registered for this event!\n
*/}\n \n ) : (\n \n {startAndEndTimes?.length > 1\n ? \" Calendar days growgroups: \"\n : \" Calendar day growgroups: \"}\n
\n\n \n {`${startTime?.format(\n \"MMMM DD\"\n )} From ${startTime?.format(\n \"HH:mm a\"\n )} to ${endTime?.format(\n \"HH:mm a\"\n )} (${userTimezone})`}\n \n
\n );\n }\n )}\n \n \n )}\n \n )}\n \n\n {/* {channel === \"\" ||\n channel === undefined ||\n Number(channel) > 0 ? (\n \n {`Event date${startDate !== endDate ? \"s\" : \"\"}:`}\n {period2}\n
\n ) : (\n\n {`Event date${startDate !== endDate ? \"s\" : \"\"}:`}\n {period}\n
\n )} */}\n\n {/* {location && (\n\n Event type:{\" \"}\n \n {location.map((loc, index) => {\n if (loc === \"online\") {\n return <>Online {location[index + 1] ? \"and \" : \"\"};\n }\n\n return <>In Person {location[index + 1] ? \"and \" : \"\"};\n })}\n \n
\n )} */}\n\n {/* {ticket && (\n\n Event tickets:{\" \"}\n \n {ticket === \"fee\"\n ? `$${ticketFee} Registration fee`\n : ticket === \"premium\"\n ? \"Only PREMIUM members\"\n : capitalizeWord(ticket)}\n \n
\n )} */}\n\n {/*\n Content delivery format:{\" \"}\n {type &&\n type.map((tp, index) => (\n \n {capitalizeWord(tp)} {type[index + 1] && `|`}\n \n ))}\n
*/}\n\n {/* {((status === \"going\" || (status === \"past\" && esIncoming))\n && userProfile?.id !== undefined) ? (\n <>\n\n {startAndEndTimes?.length > 1\n ? \" Calendar downloads: \"\n : \" Calendar download: \"}\n
\n\n \n {`${startTime?.format(\n \"MMMM DD\"\n )} From ${startTime?.format(\n \"HH:mm a\"\n )} to ${endTime?.format(\n \"HH:mm a\"\n )} (${userTimezone})`}\n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n {startAndEndTimes.length > 1\n ? `Download Calendar Day ${index + 1\n }: ${moment(startTime)?.format(\"MMM DD\")} `\n : \"Download Calendar\"}\n
\n );\n })}\n \n You are now registered for this event!\n
\n\n {(bulTicketCustomized === 'true') && {\n e.preventDefault()\n e.stopPropagation()\n this.changeVsibilityTicket()\n setTimeout(() => {\n this.donwloadEventCertificate()\n }, 1000);\n\n }}>\n Download your ticket here! {this.state.loadingTicket && 
}\n
}\n \n ) : (\n\n <>\n \n {startAndEndTimes?.length > 1\n ? \" Calendar days: \"\n : \" Calendar day: \"}\n
\n\n \n {`${startTime?.format(\n \"MMMM DD\"\n )} From ${startTime?.format(\n \"HH:mm a\"\n )} to ${endTime?.format(\n \"HH:mm a\"\n )} (${userTimezone})`}\n\n \n
\n );\n })}\n \n \n {\n addEventVerification(e)\n }}\n />\n )}\n\n {(status === \"going\" && userProfile?.id !== undefined) && (\n
\n */}\n \n {edit && (\n \n //esto no va\n { {(![\"going\", \"attend\"].includes(status) && showClaim === 1 && userProfile?.id !== undefined) && (\n {\n e.preventDefault()\n e.stopPropagation()\n this.inspectBul(bulCloseEvent, e)\n }}\n loading={this.state.loading}\n />\n )}\n\n {(channel === \"\" || channel === undefined || Number(channel) > 0) && (\n \n {\n\n e.preventDefault()\n e.stopPropagation()\n if (ticket !== 'free' && userProfile?.memberShip !== 'premium') {\n this.props.setActiveMessages(\"Upgrade to a PREMIUM Membership and get unlimited access to the LAB features\")\n }\n\n window.open(this.getEventLinkS(bulLinkForEachDay, link, startAndEndTimes), \"_blank\")\n }}\n rel=\"noopener noreferrer\"\n >\n
\n )}\n\n {((lengthLibraries > 0 && lengthLibraries !== undefined) && onPast) && (\n \n
\n )} }\n // hasta aqui\n {(status === \"attend\" && userProfile?.id !== undefined) && (\n \n Click here to connect to this event\n
\n \n
\n )}\n \n
\n \n
\n \n 
\n
\n \n \n
\n \n }\n closeIcon={\n
\n \n\n {/* \n This event is sold out.\n
\n\n
\n */}\n\n {this.state.showDownLoadCertificate && (\n \n
\n \n 
\n
\n \n
\n I am attending Hacking HR’s event
\n{title}
\n\n
\n \n
\n \n {(moment(startDate, \"YYYY-MM-DDTHH:mm:ss\").format(\"ll\") !== moment(endDate, \"YYYY-MM-DDTHH:mm:ss\").format(\"ll\")) ? `\n From \n ${moment(startDate, \"YYYY-MM-DDTHH:mm:ss\").format(\"ll\")} \n to \n ${moment(endDate, \"YYYY-MM-DDTHH:mm:ss\").format(\"ll\")}\n ` : `\n ${moment(startDate, \"YYYY-MM-DDTHH:mm:ss\").format(\"ll\")} \n `}\n
\nRegister here: {process.env.REACT_APP_DOMAIN_URL}/{id}
\n{day}
\n{month}
\n\n
\n );\n }\n}\n\nArticleCard.propTypes = {\n data: PropTypes.object,\n className: PropTypes.string,\n};\n\nArticleCard.defaultProps = {\n data: {},\n className: \"\",\n};\n\nexport default ArticleCard;\n","import { createAction } from \"redux-actions\";\n\n// Action Types\nconst UPDATE_PANEL_SPEAKERS = \"UPDATE_PANEL_SPEAKERS\";\nconst GET_PANEL_SPEAKERS = \"GET_PANEL_SPEAKERS\";\nconst GET_USERS_SPEAKERS = \"GET_USERS_SPEAKERS\";\nconst REMOVE_USERS_PANEL = \"REMOVE_USERS_PANEL\";\nconst UPDATE_USERS_SPEAKERS = \"UPDATE_USERS_SPEAKERS\";\nconst ADD_SPEAKER_TO_PANEL = \"ADD_SPEAKER_TO_PANEL\";\nconst ADD_PANEL_SPEAKERS = \"ADD_PANEL_SPEAKERS\";\nconst UPDATE_PANEL_ADD_SPEAKERS = \"UPDATE_PANEL_ADD_SPEAKERS\";\nconst REGISTER_USER_IF_NOT_REGISTER_CONFERENCE_2023 =\n \"REGISTER_USER_IF_NOT_REGISTER_CONFERENCE_2023\";\nconst EDIT_PANELS_SPEAKERS = \"EDIT_PANELS_SPEAKERS\";\nconst GET_ALL_PANELS_OF_ONE_USER = \"GET_ALL_PANELS_OF_ONE_USER\";\nconst GET_ALL_PANELS_OF_ONE_USER_BY_ID = \"GET_ALL_PANELS_OF_ONE_USER_BY_ID\";\nconst SET_ALL_PANELS_OF_A_CONFERENCE = \"SET_ALL_PANELS_OF_A_CONFERENCE\";\nconst GET_ALL_PANELS_OF_A_CONFERENCE = \"GET_ALL_PANELS_OF_A_CONFERENCE\";\nconst UPDATE_ALL_PANELS_OF_ONE_USER = \"UPDATE_ALL_PANELS_OF_ONE_USER\";\nconst SET_BUL_REGISTER = \"SET_BUL_REGISTER\";\nconst ADDED_TO_MY_PERSONAL_AGENDA = \"ADDED_TO_MY_PERSONAL_AGENDA\";\nconst GET_ALL_SPONSORS = \"GET_ALL_SPONSORS\";\nconst UPDATE_ALL_SPONSOR_2023 = \"UPDATE_ALL_SPONSOR_2023\";\nconst SET_ACTIVE_BUTTON = \"SET_ACTIVE_BUTTON\";\nconst GET_ALL_PARRAF_CONFERENCE = \"GET_ALL_PARRAF_CONFERENCE\";\nconst UPDATE_PARRAF = \"UPDATE_PARRAF\";\nconst GET_SPEAKER_MEMBER = \"GET_SPEAKER_MEMBER\";\nconst SET_SPEAKER_MEMBER = \"SET_SPEAKER_MEMBER\";\nconst MY_PANELS_USER = \"MY_PANELS_USER\";\nconst MY_PANELS_USER_UPDATE = \"MY_PANELS_USER_UPDATE\";\nconst FILTERS_PANELS_SPEAKERS = \"FILTERS_PANELS_SPEAKERS\";\nconst SET_STATUS_USER_SESSION_LIBRARY = \"SET_STATUS_USER_SESSION_LIBRARY\";\nconst GET_STATUS_USER_SESSION_LIBRARY = \"GET_STATUS_USER_SESSION_LIBRARY\";\nconst SETT_STATUS_USER_SESSION_LIBRARY = \"SETT_STATUS_USER_SESSION_LIBRARY\";\nconst JOIN_SPEAKERS_WAIT_SAGAS = \"JOIN_SPEAKERS_WAIT_SAGAS\";\nconst CHANGUE_STATUS = \"CHANGUE_STATUS\";\nconst UPDATE_USERS_SPEAKERS_ADMIN = \"UPDATE_USERS_SPEAKERS_ADMIN\";\nconst DELETE_PANELS_SPEAKERS = \"DELETE_PANELS_SPEAKERS\";\nconst JOIN_EXTERNAL_WAIT_SAGAS = \"JOIN_EXTERNAL_WAIT_SAGAS\";\n\nexport const constants = {\n GET_PANEL_SPEAKERS,\n UPDATE_PANEL_SPEAKERS,\n GET_USERS_SPEAKERS,\n REMOVE_USERS_PANEL,\n UPDATE_USERS_SPEAKERS,\n ADD_PANEL_SPEAKERS,\n UPDATE_PANEL_ADD_SPEAKERS,\n SET_ALL_PANELS_OF_A_CONFERENCE,\n GET_ALL_PANELS_OF_A_CONFERENCE,\n EDIT_PANELS_SPEAKERS,\n ADD_SPEAKER_TO_PANEL,\n REGISTER_USER_IF_NOT_REGISTER_CONFERENCE_2023,\n GET_ALL_PANELS_OF_ONE_USER,\n GET_ALL_PANELS_OF_ONE_USER_BY_ID,\n UPDATE_ALL_PANELS_OF_ONE_USER,\n SET_BUL_REGISTER,\n ADDED_TO_MY_PERSONAL_AGENDA,\n GET_ALL_SPONSORS,\n UPDATE_ALL_SPONSOR_2023,\n SET_ACTIVE_BUTTON,\n GET_ALL_PARRAF_CONFERENCE,\n UPDATE_PARRAF,\n GET_SPEAKER_MEMBER,\n SET_SPEAKER_MEMBER,\n MY_PANELS_USER,\n MY_PANELS_USER_UPDATE,\n FILTERS_PANELS_SPEAKERS,\n SET_STATUS_USER_SESSION_LIBRARY,\n JOIN_SPEAKERS_WAIT_SAGAS,\n GET_STATUS_USER_SESSION_LIBRARY,\n SETT_STATUS_USER_SESSION_LIBRARY,\n CHANGUE_STATUS,\n UPDATE_USERS_SPEAKERS_ADMIN,\n DELETE_PANELS_SPEAKERS,\n JOIN_EXTERNAL_WAIT_SAGAS\n};\n\n// ------------------------------------\n// Actions\n// ------------------------------------\n\nexport const addUserSpeakerToPanel = createAction(\n ADD_SPEAKER_TO_PANEL,\n (data, callback) => ({ data, callback })\n);\n\nexport const joinSpeakersEventWait = createAction(\n JOIN_SPEAKERS_WAIT_SAGAS,\n (\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin = false,\n isModerator = false,\n councilEventId,\n callback\n ) => ({\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin,\n isModerator,\n councilEventId,\n callback\n })\n);\n\nexport const joinExternalAwait = createAction(\n JOIN_EXTERNAL_WAIT_SAGAS,\n (\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin = false,\n isModerator = false,\n councilEventId,\n prevUser,\n callback\n ) => ({\n councilEventPanelId,\n UserId,\n status,\n isAddedByAdmin,\n isModerator,\n councilEventId,\n prevUser,\n callback\n })\n)\n\nexport const addPanelSpeakers = createAction(\n ADD_PANEL_SPEAKERS,\n (panels, callback) => ({ panels, callback })\n);\n\nexport const updatePanelSpeakers = createAction(\n UPDATE_PANEL_SPEAKERS,\n (panelsSpeakers, filters) => ({ panelsSpeakers, filters })\n);\n\nexport const updatePanelSpeakersAdd = createAction(\n UPDATE_PANEL_ADD_SPEAKERS,\n (panelsSpeakers) => ({ panelsSpeakers })\n);\n\nexport const editPanelSpeakers = createAction(\n EDIT_PANELS_SPEAKERS,\n (panels, callback) => ({ panels, callback })\n);\n\nexport const getAllPanelsOfOneUserSpeakers = createAction(\n MY_PANELS_USER,\n (callback) => ({ callback })\n);\n\nexport const setAllPanelsOfOneGlobalConference = createAction(\n SET_ALL_PANELS_OF_A_CONFERENCE,\n (data) => ({ data })\n);\n\nexport const getAllPanelsOfOneGlobalConference = createAction(\n GET_ALL_PANELS_OF_A_CONFERENCE,\n (id, isAdmin, callback) => ({ id, isAdmin, callback })\n);\n\nexport const updateAllPanelsOfOneUserSpeakers = createAction(\n MY_PANELS_USER_UPDATE,\n (userSpeakers) => ({ userSpeakers })\n);\n\nexport const getAllPanelSpeakers = createAction(\n GET_PANEL_SPEAKERS,\n (type, filters) => ({ type, filters })\n);\n\nexport const getAllUserSpeaker = createAction(GET_USERS_SPEAKERS, (UserId) => ({\n UserId,\n}));\n\nexport const updateAllUserSpeakers = createAction(\n UPDATE_USERS_SPEAKERS,\n (userSpeakers) => ({ userSpeakers })\n);\n\nexport const removeUserSpeakerToPanel = createAction(\n REMOVE_USERS_PANEL,\n (data, callback) => ({ data, callback })\n);\n\nexport const registerUserIfNotAreRegisterConference2023 = createAction(\n REGISTER_USER_IF_NOT_REGISTER_CONFERENCE_2023,\n (callback) => ({ callback })\n);\n\nexport const getPanelsForId = createAction(\n GET_ALL_PANELS_OF_ONE_USER_BY_ID,\n (PanelId, callback) => ({ PanelId, callback })\n);\n\nexport const getAllPanelsOfOneUser = createAction(\n GET_ALL_PANELS_OF_ONE_USER,\n (UserId, callback) => ({ UserId, callback })\n);\n\nexport const updateAllPanelsOfOneUser = createAction(\n UPDATE_ALL_PANELS_OF_ONE_USER,\n (userSpeakers) => ({ userSpeakers })\n);\n\nexport const setBulRegister = createAction(SET_BUL_REGISTER, (bul) => ({\n bul,\n}));\n\nexport const setActiveBoton = createAction(SET_ACTIVE_BUTTON, (bul) => ({\n bul,\n}));\n\nexport const addedToPersonalAgenda = createAction(\n ADDED_TO_MY_PERSONAL_AGENDA,\n (data, callback) => ({ data, callback })\n);\n\nexport const getAllSponsors = createAction(GET_ALL_SPONSORS, () => ({}));\n\nexport const updateAllSponsors2023 = createAction(\n UPDATE_ALL_SPONSOR_2023,\n (sponsor) => ({ sponsor })\n);\n\nexport const getAllParafs = createAction(GET_ALL_PARRAF_CONFERENCE, (type) => ({\n type,\n}));\n\nexport const updateParraf = createAction(UPDATE_PARRAF, (parraf) => ({\n parraf,\n}));\n\nexport const getAllMemberSpeakerPanel = createAction(\n GET_SPEAKER_MEMBER,\n () => ({})\n);\n\nexport const setAllMemberSpeakerPanel = createAction(\n SET_SPEAKER_MEMBER,\n (member) => ({ member })\n);\n\nexport const setStatusUserSessionLibrary = createAction(\n SET_STATUS_USER_SESSION_LIBRARY,\n (data, callback) => ({ data, callback })\n);\n\nexport const getStatusUserSessionLibrary = createAction(\n GET_STATUS_USER_SESSION_LIBRARY,\n (data, callback) => ({ data, callback })\n);\n\nexport const settStatusUserSessionLibrary = createAction(\n SETT_STATUS_USER_SESSION_LIBRARY,\n (SpeakerPanelStatus) => ({ SpeakerPanelStatus })\n);\n\nexport const changeStatus = createAction(\n CHANGUE_STATUS,\n (status, PanelId, callback) => ({ status, PanelId, callback })\n);\n\nexport const getAllPanelSpeakersAdmin = createAction(\n UPDATE_USERS_SPEAKERS_ADMIN,\n (type) => ({ type })\n);\n\nexport const deletePanelSpeakers = createAction(\n DELETE_PANELS_SPEAKERS,\n (PanelId, callback) => ({ PanelId, callback })\n)\n\nexport const actions = {\n setActiveBoton,\n addedToPersonalAgenda,\n joinSpeakersEventWait,\n addPanelSpeakers,\n updatePanelSpeakersAdd,\n editPanelSpeakers,\n getPanelsForId,\n setAllPanelsOfOneGlobalConference,\n getAllPanelsOfOneGlobalConference,\n updatePanelSpeakers,\n getAllPanelSpeakers,\n getAllUserSpeaker,\n removeUserSpeakerToPanel,\n updateAllUserSpeakers,\n addUserSpeakerToPanel,\n registerUserIfNotAreRegisterConference2023,\n getAllPanelsOfOneUser,\n updateAllPanelsOfOneUser,\n setAllMemberSpeakerPanel,\n getAllMemberSpeakerPanel,\n getAllSponsors,\n updateAllSponsors2023,\n getAllParafs,\n updateParraf,\n getAllPanelsOfOneUserSpeakers,\n updateAllPanelsOfOneUserSpeakers,\n setStatusUserSessionLibrary,\n settStatusUserSessionLibrary,\n getStatusUserSessionLibrary,\n changeStatus,\n getAllPanelSpeakersAdmin,\n deletePanelSpeakers,\n joinExternalAwait\n};\n","import { createSelector } from \"reselect\";\n\nconst authDataSelector = (state) => state.auth;\n\nconst resultSelector = createSelector(authDataSelector, (payload) => ({\n isAuthenticated: payload.get(\"isAuthenticated\"),\n loading: payload.get(\"loading\"),\n error: payload.get(\"error\"),\n accessToken: payload.get(\"accessToken\"),\n checkingAuth: payload.get(\"checkingAuth\"),\n id: payload.get(\"id\"),\n}));\n\nexport const authSelector = (state) => ({\n ...resultSelector(state),\n});\n","import React from \"react\";\nimport { Form } from \"antd\";\n\nimport { CustomInput } from \"components\";\n\nconst LoginForm = () => {\n return (\n \n {image2 && }\n
\n \n
\n {title}
\n\n \n {description}\n \n
\n \n
\n \n
\n \n
\n {(ContentTypes[contentType || \"article\"] || {}).text}
\n\n
\n \n
\n );\n};\nexport default AuthAlert;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Form } from \"antd\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\nimport { isEmpty } from \"lodash\";\nimport moment from \"moment-timezone\";\n\nimport { EVENT_TYPES } from \"enum\";\nimport { CustomButton } from \"components\";\nimport Emitter from \"services/emitter\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport { setBulRegister } from \"redux/actions/speaker-actions\"\n\nimport { getCheckoutSession } from \"api/module/stripe\";\nimport {\n updateUserPopUp\n} from \"redux/actions/home-actions\";\n\nimport { getUser } from \"redux/actions/home-actions\";\nimport { actions as authActions } from \"redux/actions/auth-actions\";\nimport { acceptInvitation } from \"redux/actions/home-actions\";\nimport { authSelector } from \"redux/selectors/authSelector\";\nimport { addToMyEventList } from \"redux/actions/event-actions\";\nimport { eventSelector } from \"redux/selectors/eventSelector\";\nimport { liveSelector } from \"redux/selectors/liveSelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { INTERNAL_LINKS } from \"enum\";\n\nimport LoginForm from \"./LoginForm\";\nimport SignupForm from \"./SignupForm\";\nimport AuthAlert from \"containers/AuthAlert\";\n\nimport IconLogo from \"images/logo-sidebar.svg\";\nimport IconBack from \"images/icon-back.svg\";\nimport IconPlus from \"images/icon-plus.svg\";\n\nimport \"./style.scss\";\n\nconst stripePromise = loadStripe(process.env.REACT_APP_STRIPE_PK_KEY);\n\nconst Login = ({\n isAuthenticated,\n error,\n login,\n signUp,\n logout,\n isInvitation,\n history,\n match,\n signup,\n updatedEvent,\n addToMyEventList,\n onClose,\n live,\n type = undefined,\n userProfile,\n modal,\n updateUserPopUp,\n setBulRegister,\n confirm,\n}) => {\n const [isLogin, setIsLogin] = useState(true);\n const [showFirewall, setShowFirewall] = useState(false);\n\n const [signupStep, setSignupStep] = useState(0);\n const [prevAreaValues, setPrevAreaVaues] = useState([]);\n const [signupValues, setSignupValues] = useState({});\n\n const [stripe, setStripe] = useState(null);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n instanceStripe();\n }, []);\n\n const instanceStripe = async () => {\n setStripe(await stripePromise);\n };\n\n const refForm = React.useRef(null);\n\n const onFinish = (values) => {\n if (isLogin) {\n const { email, password } = values;\n login(email, password, (suc, err) => {\n if (!err) {\n confirm();\n if (type !== 'ladingPague') {\n setBulRegister(true)\n }\n }\n\n });\n } else {\n let newSignupValues = {\n ...signupValues,\n ...values,\n };\n setSignupValues(newSignupValues);\n if (signupStep !== 3) {\n setSignupStep(signupStep + 1);\n }\n if (signupStep === 3) {\n if (isInvitation) {\n newSignupValues = {\n ...newSignupValues,\n hostUserId: match.params.hostUserId,\n };\n }\n signUp({ ...newSignupValues });\n confirm();\n }\n }\n };\n\n const onFinishFailed = () => { };\n\n const onValuesChange = (values) => {\n if (values && values.recentWorkArea !== undefined) {\n if (\n !prevAreaValues.includes(\"all\") &&\n values.recentWorkArea.includes(\"all\")\n ) {\n if (refForm && refForm.current) {\n refForm.current.setFieldsValue({\n recentWorkArea: [\"all\"],\n });\n setPrevAreaVaues([\"all\"]);\n }\n } else if (\n prevAreaValues.includes(\"all\") &&\n values.recentWorkArea.includes(\"all\")\n ) {\n if (refForm && refForm.current) {\n refForm.current.setFieldsValue({\n recentWorkArea: values.recentWorkArea.filter((v) => v !== \"all\"),\n });\n setPrevAreaVaues(values.recentWorkArea.filter((v) => v !== \"all\"));\n }\n }\n }\n };\n\n const onChangeType = () => {\n setIsLogin((prev) => !prev);\n };\n\n const planUpgrade = (e) => {\n e.preventDefault();\n e.stopPropagation();\n Emitter.emit(EVENT_TYPES.OPEN_PAYMENT_MODAL);\n };\n\n const onBackSignup = () => {\n setSignupStep(Math.max(signupStep - 1, 0));\n };\n\n useEffect(() => {\n if (history != null) {\n if (history.location.pathname.includes(\"/invitation\")) {\n updateUserPopUp({\n bul: true,\n lastDateSignOut: moment.utc().format(),\n idRequest: userProfile?.id\n })\n logout();\n \n const caseRegister = localStorage.getItem(\"caseRegister\")\n if(caseRegister === 'community-education-seo'){\n window.location.replace(`${process.env.REACT_APP_PUBLIC_DOMAIN}?out=true`);\n }\n if(caseRegister === 'the-people-summit'){\n window.location.replace(`${process.env.REACT_APP_PUBLIC_DOMAIN_PEOPLE_SUMMIT}?out=true`);\n }\n if(caseRegister === 'ai-summit'){\n window.location.replace(`${process.env.REACT_APP_PUBLIC_DOMAIN_CONFERENCE2025}?out=true`); \n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [history, logout, updateUserPopUp]);\n\n useEffect(() => {\n if (window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.CONFERENCE_2023) {\n if (isAuthenticated) {\n if (history != null) {\n if (live && live.live === true) {\n history.push(INTERNAL_LINKS.LIVE);\n } else {\n history.push(INTERNAL_LINKS.HOME);\n }\n } else {\n if (updatedEvent.ticket === \"premium\") {\n if (!isEmpty(userProfile) && userProfile.memberShip === \"premium\") {\n setShowFirewall(false);\n addToMyEventList(updatedEvent);\n if (onClose && (window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.CREATORS || window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.LANDING_PAGUE)) {\n onClose();\n }\n } else {\n setShowFirewall(true);\n }\n } else if (updatedEvent.ticket === \"fee\") {\n setLoading(true);\n\n const userTimezone = moment.tz.guess();\n\n getCheckoutSession({\n prices: [\n {\n price_data: {\n currency: \"usd\",\n product_data: {\n name: updatedEvent.title,\n },\n unit_amount: `${updatedEvent.ticketFee}00`,\n },\n },\n ],\n isPaidEvent: true,\n event: { ...updatedEvent, userTimezone },\n callback_url: window.location.href,\n }).then((sessionData) =>\n stripe.redirectToCheckout({ sessionId: sessionData.data.id })\n );\n } else {\n addToMyEventList(updatedEvent);\n if (onClose && (window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.CREATORS && window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.LANDING_PAGUE)) {\n onClose();\n }\n }\n }\n }\n } else {\n if (isAuthenticated) {\n if (onClose && (window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.CREATORS && window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.LANDING_PAGUE)) {\n onClose();\n }\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isAuthenticated, userProfile]);\n\n useEffect(() => {\n setIsLogin(!signup);\n\n return () => { };\n }, [signup]);\n\n const closeFirewall = () => {\n setShowFirewall(false);\n if (onClose && (window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.CREATORS && window.location.pathname.substring(0, 15) !== INTERNAL_LINKS.LANDING_PAGUE)) {\n onClose();\n }\n };\n\n return (\n {title}
\n{message}
\n\n {showFirewall && (\n
\n );\n};\n\nLogin.propTypes = {\n onClose: PropTypes.func,\n modal: PropTypes.func,\n confirm: PropTypes.func\n};\n\nLogin.defaultProps = {\n onClose: () => { },\n modal: () => { },\n confirm: () => { }\n};\n\nconst mapStateToProps = (state) => ({\n isAuthenticated: authSelector(state).isAuthenticated,\n error: authSelector(state).error,\n updatedEvent: eventSelector(state).updatedEvent,\n live: liveSelector(state).live,\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n ...authActions,\n logout: authActions.logout,\n addToMyEventList,\n getUser,\n acceptInvitation,\n setBulRegister,\n updateUserPopUp\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\n","import React, {\n useState,\n useEffect, \n // useCallback\n} from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { INTERNAL_LINKS } from \"enum\";\nimport { CustomButton } from \"components\";\nimport IconMenu from \"images/icon-menu-outline.svg\";\n// import IconMenu from \"images/icon-menu-outline.svg\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { Modal } from \"antd\";\nimport Login from \"pages/Login2\";\nimport { Link, useHistory } from \"react-router-dom\";\n\nimport LogoSidebar from \"images/logo-sidebar.svg\";\nimport { setRedirectFast } from \"redux/actions/home-actions\";\n// import { PublicMenuPopup } from \"components\";\n// import { PUBLIC_HEADER_MENUS } from \"enum\";\n\nimport \"./style.scss\";\n\nconst LandingHeader = ({\n setRedirectFast\n}) => {\n\n const [bulModal, setBulModal] = useState(false)\n const [type, setType] = useState(false)\n\n const history = useHistory();\n\n const bulPathURL = window.location.pathname.substring(0, 15) === INTERNAL_LINKS.CREATORS\n || window.location.pathname.substring(0, 15) === INTERNAL_LINKS.BLOGS_PAGUE\n || window.location.pathname.substring(0, 15) === INTERNAL_LINKS.LIVE_CHAT\n || window.location.pathname.substring(0, 15) === INTERNAL_LINKS.FOR_HR_VENDORS\n\n useEffect(() => {\n let check = document.getElementById(\"checkbox\")\n\n check.checked = false\n\n },[history.location.pathname,history.location.hash])\n\n return (\n <>\n \n
\n )}\n \n
\n \n This event requires a PREMIUM Membership to join. Click here to\n upgrate to a Premium Membership and get unlimited access to the\n LAB features.\n
\n\n \n {(window.location.pathname !== INTERNAL_LINKS.LOGIN) && (\n
\n \n
\n\n {match.params.sentEmail === \"passwordRecoverySent\" && (\n {isLogin ? \"Log In\" : \"Sign up\"}
\n\n \n
\n \n ![]()
{ modal(false) }} src={IconPlus} alt=\"icon-close\" />\n
\n )}\n \n {!isLogin && signupStep > 0 && (\n
\n \n 
\n
\n )}\n {isLogin ? \n {error}\n
\n \n \n \n Forgot password?\n \n
\n \n \n {isLogin\n ? \"Don't have an account?\"\n : \"Already have an account?\"}\n \n \n {isLogin ? \"Sign up?\" : \"Log in?\"}\n \n
\n \n Terms and Conditions\n
\n \n
\n \n \n \n \n
\n \n
\n \n {(bulPathURL) ?\n Home\n :\n Home\n }\n
\n \n {(bulPathURL) ?\n Events\n :\n Events\n }\n
\n \n {(bulPathURL) ?\n Experts Council\n :\n Experts Council\n }\n
\n \n Creators\n
\n \n Blogs\n
\n \n Live Chats\n
\n \n For HR Vendors\n
\n \n {\n if (localStorage.getItem(\"community\") === null) {\n setType(false)\n setRedirectFast(true)\n setBulModal(true)\n } else {\n history.push(INTERNAL_LINKS.HOME)\n }\n\n }}\n />\n
\n \n {\n if (localStorage.getItem(\"community\") === null) {\n setType(true)\n setRedirectFast(true)\n setBulModal(true)\n } else {\n history.push(INTERNAL_LINKS.HOME)\n }\n }}\n />\n
\n \n {\n if (localStorage.getItem(\"community\") === null) {\n setType(false)\n setRedirectFast(true)\n setBulModal(true)\n } else {\n history.push(INTERNAL_LINKS.HOME)\n }\n\n }}\n />\n {\n if (localStorage.getItem(\"community\") === null) {\n setType(true)\n setRedirectFast(true)\n setBulModal(true)\n } else {\n history.push(INTERNAL_LINKS.HOME)\n }\n }}\n />\n
\n \n \n `\n children[i].parentElement.insertBefore(newP, children[i])\n children[i + 1].remove()\n }\n \n if (['P'].includes(children[i].tagName) && children[i].textContent !== '') {\n children[i].className = `none-before`\n }\n // if(['H2','H3','H4'].includes(children[i].tagName)) {\n // children[i].style.cssText = `padding-top: 5px; padding-bottom: 5px; margin-top:20px !important; margin-bottom:20px !important;`;\n // }\n }\n \n clockCtrlZ.current = setTimeout(() => {\n try {\n \n let index = 0\n let elementIndex = document.querySelectorAll(\".container-html-editable\")\n elementIndex.forEach((e,ind) => {\n if(esPadre(containerInput, e.parentElement)){\n index = ind\n }\n })\n\n const divReset = document.createElement(\"div\");\n divReset.innerHTML = elementResponse(containerInput).body\n let arrayZ1 = JSON.parse(localStorage.getItem(`contentZ-${idClock}`)) ? JSON.parse(localStorage.getItem(`contentZ-${idClock}`)) : []\n let arrayZ = arrayZ1[index] ? arrayZ1[index] : []\n \n if(arrayZ.length > 300){\n arrayZ.shift();\n }\n \n if(divReset.children[0]){\n if(arrayZ[arrayZ.length-1] !== divReset.children[0].innerHTML){\n arrayZ.push(divReset.children[0].innerHTML) \n } \n }\n \n localStorage.setItem(`contentZ-${idClock}`,JSON.stringify({...arrayZ1,[index]:arrayZ}))\n }catch(er){\n console.log(er)\n }\n }, 200);\n }\n }catch(er){\n console.log(er)\n }\n }\n\n const selectSituation = (containerInput) => {\n try {\n arrayReset.forEach((a,index) => {\n if(index !== 7){\n a.className = \"container-button\";\n }\n arrayBuls = {\n bulUl: false,\n bulOl: false,\n bulBlockquote: false,\n bulCode: false,\n bulA: false,\n bulBold:false,\n bulFigcaption: false\n }\n })\n\n range = ((document || {getSelection: () => {}}).getSelection() || {getRangeAt: () => null}).getRangeAt(0);\n seleccion = window.getSelection();\n const containerAll = document.querySelector(`[id*=\"father-input-blog-${idClock}\"]`);\n\n if(range){\n const firstSon = (range.startContainer instanceof Element) ? range.startContainer : range.startContainer.parentNode\n const secondSon = (range.endContainer instanceof Element) ? range.endContainer : range.endContainer.parentNode\n\n const contenedor = document.createElement(\"div\"); \n contenedor.appendChild(range.cloneContents());\n\n const htmlSeleccionado = contenedor.innerHTML;\n\n if (esPadre(firstSon, containerAll) && esPadre(secondSon, containerAll)) {\n const nodes = [firstSon, secondSon];\n const depth = 6;\n\n const checkParentTags = (node, depth, tags) => {\n let currentNode = node;\n for (let i = 0; i < depth && currentNode; i++) {\n if (tags.includes(currentNode.tagName)) {\n return true;\n }\n currentNode = currentNode.parentElement;\n }\n return false;\n };\n \n const createClassForMatchingTags = (nodes, depth, tags, arrayIndex, className, flagName) => {\n if (nodes.some(node => checkParentTags(node, depth, tags))) {\n arrayReset[arrayIndex].className = className;\n if (flagName) {\n arrayBuls[flagName] = true;\n }\n }\n };\n \n createClassForMatchingTags(nodes, depth, [\"B\"], 0, \"container-button-active\", \"bulBold\");\n createClassForMatchingTags(nodes, depth, [\"I\"], 1, \"container-button-active\");\n if (nodes.some(node => checkParentTags(node, depth, [\"A\"])) || htmlSeleccionado.includes(\"\")) {\n arrayBuls.bulA = true;\n }\n createClassForMatchingTags(nodes, depth, [\"UL\"], 2, \"container-button-active\", \"bulUl\");\n createClassForMatchingTags(nodes, depth, [\"OL\"], 3, \"container-button-active\", \"bulOl\");\n createClassForMatchingTags(nodes, depth, [\"BLOCKQUOTE\"], 4, \"container-button-active\", \"bulBlockquote\");\n createClassForMatchingTags(nodes, depth, [\"PRE\"], 5, \"container-button-active\", \"bulCode\");\n [\"H2\", \"H3\", \"H4\"].forEach((header) => {\n if (nodes.some(node => checkParentTags(node, depth, [header]))) {\n arrayReset[10].value = header.toLowerCase();\n }\n });\n if (nodes.some(node => checkParentTags(node, depth, [\"P\"]))) {\n arrayReset[10].value = \"normal\";\n }\n }\n }\n } catch (e) {\n console.log(e);\n }\n };\n\n // const escapeRegExp = (text) => {\n // return text.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n // }\n\n const findParentSelection = (container, pElement) => {\n try{\n let parent = pElement.parentElement;\n \n while (parent) {\n if (parent === container) {\n return pElement;\n }\n pElement = pElement.parentElement\n parent = parent.parentElement;\n }\n \n return null; \n }catch(er){\n console.log(er)\n }\n \n }\n\n const cssTextToObject = (cssText) => {\n const styleObject = {};\n const properties = cssText.split(';').filter(prop => prop.trim() !== '');\n \n properties.forEach(property => {\n const [key, value] = property.split(':').map(item => item.trim());\n styleObject[key] = value;\n });\n\n return styleObject;\n }\n\n const onKeyDownHandler = (e, containerInput) => {\n try {\n\n try{\n range = ((document || {getSelection: () => {}}).getSelection() || {getRangeAt: () => null}).getRangeAt(0);\n seleccion = (window || {getSelection: () => null}).getSelection();\n }catch(er){\n console.log(er)\n }\n\n range = ((document || {getSelection: () => {}}).getSelection() || {getRangeAt: () => null}).getRangeAt(0);\n seleccion = window.getSelection();\n const objectReplaceH = { H2: 'h2', H3: 'h3', H4: 'h4' };\n let firstSon = (range.startContainer instanceof Element) ? range.startContainer : range.startContainer.parentNode\n let secondSon = (range.endContainer instanceof Element) ? range.endContainer : range.endContainer.parentNode\n \n const containerAll = document.querySelector(`[id*=\"father-input-blog-${idClock}\"]`);\n const getElementIndex = (element) => {\n try{\n const parent = ((element || {}).parentElement || {querySelectorAll: () => {}}).querySelectorAll(\"*\");\n const children = Array.from(parent || []);\n return children.indexOf(element);\n }catch(er){\n console.log(er)\n }\n };\n\n if((containerInput.children[0] || {}).tagName === 'P' && ['P','H2','H3','H4','CODE','OL','UL','BLOCKQUOTE'].includes(((containerInput.children[0] || {}).children[0] || {}).tagName)){\n const firstChild = containerInput.children[0];\n while (firstChild.firstChild) {\n containerInput.insertBefore(firstChild.firstChild, firstChild);\n }\n containerInput.removeChild(firstChild);\n }\n\n if (esPadre(firstSon, containerAll) && esPadre(secondSon, containerAll)) {\n onChangeInformation(containerInput)\n const newP = document.createElement(\"p\");\n (newP || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (newP || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n\n // console.log((e || {}).type, (e || {}).keyCode || (e || {}).charCode)\n if((e || {}).type === 'keydown' && (e || {}).keyCode === 9){\n e.stopPropagation();\n e.preventDefault();\n }\n if (!(containerInput || {}).children[0]) {\n (containerInput || {appendChild: () => {}}).appendChild(newP);\n }\n\n if ((e || {}).type === 'keydown') {\n let key = (e || {}).keyCode || (e || {}).charCode;\n\n if (key === 8) {\n setTimeout(() => {\n const children = (containerInput || {querySelectorAll: () => null}).querySelectorAll('*');\n const childrenSpe = (containerInput || {}).children;\n for (let i = 0; i < (children || []).length; i++) {\n if(['H2','H3','H4'].includes(children[i].tagName)) {\n ((children[i] || {}).style || {}).cssText = `font-size: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).font}px !important; line-height: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).height}px !important; padding-top: 5px; padding-bottom: 5px; margin-top:20px !important; margin-bottom:20px !important;`;\n }\n if (['FONT'].includes(children[i].tagName)) {\n if ((((children[i] || {}).textContent || 'a').trim() === '') && i !== 0) {\n (children[i] || {remove: () => {}}).remove();\n }else{\n const newSpan = document.createElement(\"span\");\n (newSpan || {}).innerHTML = (children[i] || {}).innerHTML;\n if ((children[i] || {}).parentNode) {\n ((children[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(newSpan, children[i]);\n };\n }\n }\n if (['SPAN'].includes(children[i].tagName)) {\n const allowedStyles = ['color'];\n const styleObject = cssTextToObject(children[i].style.cssText);\n const newStyleObject = allowedStyles.reduce((acc, prop) => {\n if (styleObject[prop]) {\n acc[prop] = styleObject[prop];\n }\n return acc;\n }, {});\n const newCssText = Object.entries(newStyleObject).map(([key, value]) => `${key}: ${value};`).join(' ');\n children[i].style.cssText = newCssText;\n }\n };\n for (let i = 0; i < (childrenSpe || []).length; i++){\n if (['DIV'].includes(childrenSpe[i].tagName) && ((childrenSpe[i] || {}).children || {}).length === 0){\n (childrenSpe[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (childrenSpe[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const newP = document.createElement(\"p\");\n (newP || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (newP || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n (newP || {}).textContent = (childrenSpe[i] || {}).textContent;\n if ((childrenSpe[i] || {}).parentNode) {\n ((childrenSpe[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(newP, childrenSpe[i]);\n }\n }\n }\n }, 400);\n\n const sel = (window || {getSelection: () => {}}).getSelection();\n const range = (sel || {getRangeAt: () => {}}).getRangeAt(0);\n const caretPos = (range || {startOffset: () => {}}).startOffset;\n \n const tag = agroupInformationSelectForTheUser(containerInput) || [];\n const containsHsCtaEmbed = (node) => {\n if (node && (node || {}).nodeType === Node.ELEMENT_NODE) {\n return ((node || {}).classList || {contains: () => {}}).contains('hs-cta-embed');\n }\n return false;\n };\n e.stopPropagation();\n let fatherDelete = (((tag[0] || {}).father || {}).parentElement || {})\n if(fatherDelete.className === 'container-html-editable' && (fatherDelete.children || []).length === 1 && ((tag[0] || {}).father || {}).textContent === ''){\n e.preventDefault();\n }\n if(containsHsCtaEmbed((tag[0] || {}).father)){\n if(caretPos === 0){\n e.preventDefault();\n ((tag[0] || {}).father || {remove: () => {}}).remove(); \n }\n }\n if(containsHsCtaEmbed(((tag[0] || {}).father || {}).previousSibling) || containsHsCtaEmbed(((((tag[0] || {}).father || {}).previousSibling || {}).children || [])[0])){ \n if(caretPos === 0){\n e.preventDefault();\n (((tag[0] || {}).father || {}).previousSibling || {remove: () => {}}).remove();\n }\n }\n if((((tag[0] || {}).father || {}).previousSibling || {}).className === 'divider-container' || (((tag[0] || {}).father || {}).previousSibling || {}).className === 'container-insert' || (((tag[0] || {}).father || {}).previousSibling || {}).tagName === 'FIGURE'){\n if(caretPos === 0){\n e.preventDefault();\n (((tag[0] || {}).father || {}).previousSibling || {remove: () => {}}).remove();\n }\n }\n \n }\n }\n\n if(e.type === 'keydown' && e.key === 'Enter'){\n setTimeout(() => {\n const children = (containerInput || {querySelectorAll: () => {}}).querySelectorAll('*');\n const childrenSpe = (containerInput || {}).children;\n for (let i = 0; i < (children || []).length; i++) {\n let sonF = children[i];\n if(['H2','H3','H4'].includes((sonF || {}).tagName)) {\n ((sonF || {}).style || {}).cssText = `font-size: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).font}px !important; line-height: ${((scaleGeneral || {})[objectReplaceH[(children[i] | {}).tagName]] || {}).height}px !important; padding-top: 5px; padding-bottom: 5px; margin-top:20px !important; margin-bottom:20px !important;`;\n }\n if (['FONT'].includes((sonF || {}).tagName)) {\n if ((((sonF || {}).textContent || '').trim() === '') && i !== 0) {\n sonF.remove();\n }else{\n const newSpan = document.createElement(\"span\");\n (newSpan || {}).innerHTML = sonF.innerHTML;\n if ((sonF || {}).parentNode) {\n ((sonF || {}).parentNode || {replaceChild: () => {}}).replaceChild(newSpan, sonF);\n }\n }\n }\n if (['SPAN'].includes((sonF || {}).tagName)) {\n let styleObject = cssTextToObject(((sonF || {}).style || {}).cssText);\n const propertiesToInclude = ['color'];\n const hasAnyProperty = (Object.keys(styleObject) || []).length > 0;\n const containsDifferentProperties = (Object.keys(styleObject) || {some: () => {}}).some(prop => !(propertiesToInclude || {includes: () => {}}).includes(prop));\n if(hasAnyProperty && containsDifferentProperties){\n let newStyles = '';\n (Object.entries(styleObject) || []).map(e => {\n if((propertiesToInclude || {includes:() => {}}).includes(e[0])){\n newStyles = `${newStyles} ${e[0]}: ${e[1]};`;\n };\n })\n ((sonF || {}).style || {}).cssText = newStyles;\n }\n }\n }\n for (let i = 0; i < (childrenSpe || []).length; i++){\n if (['DIV'].includes(((childrenSpe || [])[i] || {}).tagName) && (((childrenSpe || [])[i] || {}).children || {}).length === 0){\n (childrenSpe[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (childrenSpe[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const newP = document.createElement(\"p\");\n (newP || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (newP || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n (newP || {}).textContent = (childrenSpe[i] || {}).textContent;\n if ((childrenSpe[i] || {}).parentNode) {\n ((childrenSpe[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(newP, childrenSpe[i]);\n }\n }\n }\n }, 200);\n \n }\n\n if ((e || {}).type === 'keydown' && (e || {}).key === 'Enter' && (((seleccion || {}).focusNode || {}).parentElement || {}).tagName === \"CODE\") {\n \n e.preventDefault();\n e.stopPropagation()\n\n let elemento = ((seleccion || {}).focusNode || {}).parentElement;\n let contenidoActual = (elemento || {}).textContent;\n \n\n let puntoInsercion = (range || {}).endOffset;\n\n let textoAntes = (contenidoActual || {substring: () => {}}).substring(0, puntoInsercion);\n let textoDespues = (contenidoActual || {substring: () => {}}).substring(puntoInsercion);\n let nuevoContenido = textoAntes + \"\\n\" + textoDespues;\n\n (elemento || {}).textContent = nuevoContenido;\n\n let nuevoRange = document.createRange();\n (nuevoRange || {setStart: () => {}}).setStart(elemento.childNodes[0], puntoInsercion + 1);\n (nuevoRange || {collapse: () => {}}).collapse(true);\n (seleccion || {removeAllRanges: () => {}}).removeAllRanges();\n (seleccion || {addRange: () => {}}).addRange(nuevoRange);\n \n }\n\n if (e.type === 'keydown' && e.key === 'Enter' && (((seleccion || {}).focusNode || {}).parentElement || {}).tagName === \"FIGCAPTION\") {\n \n e.preventDefault();\n e.stopPropagation()\n\n let elemento = (((seleccion || {}).focusNode || {}).parentElement || {}).parentElement;\n const newP = document.createElement(\"p\");\n newP.setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n newP.setAttribute(\"data-placeholder\", \"Write here\");\n if((elemento || {}).nextSibling){\n containerInput.insertBefore(newP, (elemento || {}).nextSibling)\n }\n\n }\n\n if ((e.type === 'keydown' && e.key === 'Enter' && (((seleccion || {}).focusNode || {}).parentElement || {}).tagName === \"FIGURE\")) {\n\n e.preventDefault();\n e.stopPropagation();\n \n let elemento = ((seleccion || {}).focusNode || {}).parentElement;\n const newP = document.createElement(\"p\");\n newP.setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n newP.setAttribute(\"data-placeholder\", \"Write here\");\n if((elemento || {}).nextSibling){\n containerInput.insertBefore(newP, (elemento || {}).nextSibling);\n }\n }\n \n if (e.ctrlKey && e.type === 'keydown' && e.key === 'v') {\n \n if ((seleccion || {}).focusNode) {\n if (((seleccion || {}).focusNode || {}).tagName === 'FIGCAPTION') {\n arrayBuls.bulFigcaption = (seleccion || {}).focusNode;\n }\n }\n let elemento = (((seleccion || {}).focusNode || {}).parentElement || {}).id === `container-blog-input-${idClock}`\n ? seleccion.focusNode\n : ((((seleccion || {}).focusNode || {}).parentElement || {}).parentElement || {}).id === `container-blog-input-${idClock}`\n ? ((seleccion || {}).focusNode || {}).parentElement\n : (((((seleccion || {}).focusNode || {}).parentElement || {}).parentElement || {}).parentElement || {}).id === `container-blog-input-${idClock}`\n ? (((seleccion || {}).focusNode || {}).parentElement || {}).parentElement\n : ((((((seleccion || {}).focusNode || {}).parentElement || {}).parentElement || {}).parentElement || {}).parentElement || {}).id === `container-blog-input-${idClock}`\n ? ((((seleccion || {}).focusNode || {}).parentElement || {}).parentElement || {}).parentElement\n : (((((((seleccion || {}).focusNode || {}).parentElement || {}).parentElement || {}).parentElement || {}).parentElement || {}).parentElement || {}).id === `container-blog-input-${idClock}`\n && (((((seleccion || {}).focusNode || {}).parentElement || {}).parentElement || {}).parentElement || {}).parentElement;\n \n const newP = document.createElement(\"p\");\n newP.setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n newP.setAttribute(\"data-placeholder\", \"Write here\");\n if((elemento || {}).nextSibling){\n containerInput.insertBefore(newP, (elemento || {}).nextSibling);\n }\n \n newP.focus();\n let rangoFinish = document.createRange();\n \n rangoFinish.setStart(newP, 0);\n rangoFinish.collapse(true);\n \n // const selectedElements = window.getSelection();\n // selectedElements.removeAllRanges();\n // selectedElements.addRange(rangoFinish);\n \n // if (((elemento || 'a').textContent === '' || (elemento || 'a').textContent === ' ') && (((seleccion.focusNode || {}).parentElement | {}).tagName === \"FIGURE\" || ((seleccion.focusNode || {}).parentElement || {}).tagName === \"FIGCAPTION\")) {\n // (elemento || {remove: () => {}}).remove();\n // }\n \n // let interContainer = containerInput.cloneNode(true);\n \n // lengthBeforeContainer.current = interContainer.querySelectorAll('*').length;\n }\n \n if (e.type === 'paste') {\n e.preventDefault();\n const text = (((e.originalEvent || e) || {}).clipboardData || {getData: () => {}}).getData('text/html');\n const text2 = (((e.originalEvent || e) || {}).clipboardData || {getData: () => {}}).getData('text');\n let key = `child-position-${uuidv4()}`;\n const newDiv = document.createElement(\"div\");\n (newDiv || {}).innerHTML = text;\n const groupedElementsPaste = agroupInformationSelectForTheUser(containerInput);\n\n const getChildrenUntilMultipleChildren = (element) => {\n const traverse = (element) => {\n const children = Array.from(element.children);\n const fragment = document.createDocumentFragment();\n if (((children[0] || {}).tagName !== 'META' || (children || []).some(e => e.tagName === 'P'))) {\n (children || []).forEach(child => {\n if(['UL', 'OL', 'DIV', 'FIGURE', 'BLOCKQUOTE', 'PRE', 'LI', 'A', 'H1', 'H2', 'H3', 'H4','BUTTON','P','SPAN'].includes(child.tagName)){\n (fragment || {appendChild: () => {}}).appendChild(child)\n }\n });\n return fragment\n } else {\n let caseChildren = (children[0] || {}).tagName === 'META'\n ? (children[1] || {}).tagName === 'META'\n ? (children[2] || {}).tagName === 'META'\n ? (children[3] || {}).tagName === 'META'\n ? children[4]\n : children[3]\n : children[2]\n : children[1]\n : children[0]\n return traverse(caseChildren);\n }\n }\n \n let data = traverse(element);\n \n return data;\n }\n\n if(!text){\n if ((((groupedElementsPaste[0] || {}).father || {}).textContent || '').trim() === '' && ((groupedElementsPaste[0] || {}).father || {}).tagName === \"P\") {\n (indexPaste || {}).current = getElementIndex((groupedElementsPaste[0] || {}).father);\n ((groupedElementsPaste[0] || {}).father || {}).id = key;\n ((groupedElementsPaste[0] || {}).father || {}).textContent = text2;\n } else {\n const newParagraph = document.createElement('p');\n (newParagraph || {}).id = key;\n (newParagraph || {}).textContent = text2;\n (indexPaste || {}).current = getElementIndex(((groupedElementsPaste[0] || {}).father || {}).nextSibling);\n (containerInput || {insertBefore: () => {}}).insertBefore(newParagraph, ((groupedElementsPaste[0] || {}).father || {}).nextSibling);\n }\n }else{\n const resultFragment = getChildrenUntilMultipleChildren(newDiv);\n\n if ((((groupedElementsPaste[0] || {}).father || {}).textContent || '').trim() === '' && ((groupedElementsPaste[0] || {}).father || {}).tagName === \"P\") {\n (indexPaste || {}).current = getElementIndex((groupedElementsPaste[0] || {}).father);\n if(((groupedElementsPaste[0] || {}).father || {}).parentNode){\n (((groupedElementsPaste[0] || {}).father || {}).parentNode || {replaceChild: () => {}}).replaceChild(resultFragment, (groupedElementsPaste[0] || {}).father);\n }\n } else {\n (indexPaste || {}).current = getElementIndex(((groupedElementsPaste[0] || {}).father || {}).nextSibling);\n (containerInput || {insertBefore: () => {}}).insertBefore(resultFragment, ((groupedElementsPaste[0] || {}).father || {}).nextSibling);\n }\n }\n \n let lengthBeforeContainerr = lengthBeforeContainer.current;\n let indexPaster = indexPaste.current;\n \n //formatting system when pasting documents\n setTimeout(() => {\n try {\n const children = (containerInput || {querySelectorAll: () => {}}).querySelectorAll('*');\n \n const rang = ((children || []).length-lengthBeforeContainerr)+indexPaster;\n\n for (let i = 0; i < (children || []).length; i++) {\n if(i >= indexPaster && i <= rang){\n let estilo = (window || {getComputedStyle: () => {}}).getComputedStyle(children[i]);\n let fontWeight = (estilo || {getPropertyValue: () => {}}).getPropertyValue('font-weight');\n let fontStyle = (estilo || {getPropertyValue: () => {}}).getPropertyValue('font-style');\n let colorStyle1 = (children[i] || {}).style;\n if ((children[i] || {}).tagName === 'P') {\n (children[i] || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (children[i] || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n if (/\\n/.test((children[i] || {}).textContent)) {\n const newDiv = document.createElement(\"div\");\n const fragmento = document.createDocumentFragment();\n\n let newP = `
${children[i].innerHTML.replaceAll('\\n', `
`).replace(/ {3,}/g, `
`)}
`;\n\n (newDiv || {}).innerHTML = newP;\n\n for (const child of (newDiv || {}).children) {\n const clonedChild = (child || {cloneNode: () => null}).cloneNode(true);\n (clonedChild || {}).id = `child-position-${uuidv4()}`;\n\n (fragmento || {appendChild: () => {}}).appendChild(clonedChild);\n }\n \n if ((children[i] || {}).parentElement) {\n (children[i] || {replaceWith: () => {}}).replaceWith(fragmento);\n }\n }\n }\n if((children[i] || {}).tagName === 'BR' && ((children[i] || {}).parentElement || {}).id === `container-blog-input-${idClock}`){\n (children[i] || {remove: () => {}}).remove();\n }\n if ((children[i] || {}).tagName === 'UL' || (children[i] || {}).tagName === 'OL' || (children[i] || {}).tagName === 'LI') {\n (children[i] || {setAttribute: () => {}}).setAttribute(\"style\", \"\");\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n }\n if ((children[i] || {}).tagName === 'FIGURE') {\n (children[i] || {setAttribute: () => {}}).setAttribute(\"style\", 'margin:10px 0px; display: flex; flex-direction: column; width: 100%; justify-content: flex-start; height: auto;');\n }\n if ((children[i] || {}).tagName === \"BLOCKQUOTE\") {\n (children[i] || {setAttribute: () => {}}).setAttribute(\"class\", \"blockquote-style\");\n (children[i] || {setAttribute: () => {}}).setAttribute(\"style\", \"border-left: 2px solid #56687a; padding-left: 5px; text-align: left; color: #56687a;\");\n }\n if ((children[i] || {}).tagName === \"STRONG\") {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const nuevoB = document.createElement('b');\n (nuevoB || {}).textContent = (children[i] || {}).textContent;\n if ((children[i] || {}).parentNode) {\n try{\n ((children[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(nuevoB, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n if ((children[i] || {}).tagName === \"EM\") {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const nuevoI = document.createElement('i');\n (nuevoI || {}).textContent = (children[i] || {}).textContent;\n if ((children[i] || {}).parentNode) {\n try{\n ((children[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(nuevoI, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n if ((children[i] || {}).tagName === \"H2\" || (children[i] || {}).tagName === \"H3\" || (children[i] || {}).tagName === \"H4\") {\n (children[i] || {setAttribute: () => {}}).setAttribute(\"style\", `font-size: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).font}px !important; line-height: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).height}px !important; padding-top: 5px; padding-bottom: 5px; margin-top:20px !important; margin-bottom:20px !important;`);\n const childrens = (children[i] || {}).querySelectorAll('*');\n\n for (let y = 0; y < (childrens || {}).length; y++) {\n const texto = document.createTextNode(childrens[y].textContent);\n if (children[i]) {\n try{\n (children[i] || {replaceChild: () => {}}).replaceChild(texto, childrens[y]);\n }catch(er){\n console.log(er)\n }\n }\n \n }\n }\n if (children[i].tagName === \"H1\") {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const nuevoH2 = document.createElement('H2');\n (nuevoH2 || {}).textContent = (children[i] || {}).textContent;\n (nuevoH2 || {setAttribute: () => {}}).setAttribute(\"style\", `font-size: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).font}px !important; line-height: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).height}px !important; padding-top: 5px; padding-bottom: 5px; margin-top:20px !important; margin-bottom:20px !important;`);\n if ((children[i] || {}).parentNode) {\n try{\n ((children[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(nuevoH2, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n if ((children[i] || {}).tagName === \"PRE\") {\n (children[i] || {setAttribute: () => {}}).setAttribute(\"class\", \"code-style\");\n (children[i] || {setAttribute: () => {}}).setAttribute(\"style\", `white-space: pre-wrap; color: #fff; font-size: ${((scaleGeneral || {}).h4 || {}).font}px !important; line-height: ${((scaleGeneral || {}).h4 || {}).height}px !important; background: #293138; border-radius: 15px; display: block; white-space: pre; overflow-x: auto;`);\n }\n \n if ((parseInt(fontWeight || '') >= 650 || fontWeight === 'bold') && !['UL', 'OL', 'DIV', 'FIGURE', 'BLOCKQUOTE', 'PRE', 'LI', 'A', 'H2', 'H3', 'H4','BUTTON'].includes((children[i] || {}).tagName)) {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n }\n if ((parseInt(fontWeight || '') >= 650 || fontWeight === 'bold') && !['UL', 'OL', 'DIV', 'FIGURE', 'BLOCKQUOTE', 'PRE', 'LI', 'A', 'H2', 'H3', 'H4','BUTTON'].includes((children[i] || {}).tagName)) {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const nuevoB = document.createElement('b');\n (nuevoB || {}).textContent = (children[i] || {}).textContent;\n if ((children[i] || {}).parentNode) {\n try{\n ((children[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(nuevoB, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n if (fontStyle === 'italic' && !['UL', 'OL', 'DIV', 'FIGURE', 'BLOCKQUOTE', 'PRE', 'LI', 'A', 'H2', 'H3', 'H4','BUTTON'].includes(children[i].tagName)) {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n }\n if (fontStyle === 'italic' && !['UL', 'OL', 'DIV', 'FIGURE', 'BLOCKQUOTE', 'PRE', 'LI', 'A', 'H2', 'H3', 'H4','BUTTON'].includes(children[i].tagName)) {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const nuevoI = document.createElement('i');\n (nuevoI || {}).textContent = (children[i] || {}).textContent;\n if ((children[i] || {}).parentNode) {\n try{\n ((children[i] || {}).parentNode || {replaceChild: () => {}}).replaceChild(nuevoI, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n if (((fontStyle !== 'italic' || parseInt(fontWeight || '') < 650 || fontWeight !== 'bold') \n && (colorStyle1[0] !== 'color' && !colorStyle1[1] && (children[i] || {}).tagName === 'SPAN')) \n && !['P', 'UL', 'OL', 'DIV', 'FIGURE', 'BLOCKQUOTE', 'PRE', 'LI', 'A', 'H2', 'H3', 'H4'].includes(children[i].tagName)) {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n }\n }\n }\n setTimeout(() => {\n try {\n const children = (containerInput || {querySelectorAll: () => {}}).querySelectorAll('*');\n\n const rang = ((children || []).length-lengthBeforeContainerr)+indexPaster\n for (let i = 0; i < (children || []).length; i++) {\n if(i >= indexPaster && i <= rang){\n // if (['UL', 'OL'].includes((children[i] || {}).tagName)) {\n // const childrens = (children[i] || {}).children;\n // for (let y = 0; y < (childrens || []).length; y++) {\n // if (!['LI'].includes((childrens[y] || {}).tagName)) {\n // const nuevoLi = document.createElement('li');\n // (nuevoLi || {}).textContent = (childrens[y] || {}).textContent;\n // if ((children[y] || {}).parentNode) {\n // (childrens[y].parentNode || {replaceChild:() => {}}).replaceChild(nuevoLi, childrens[y]);\n // }\n // }\n // }\n // }\n if ((children[i] || {}).tagName === \"H2\") {\n const childrens = (children[i] || {}).children;\n for (let y = 0; y < childrens.length; y++) {\n const texto = document.createTextNode((childrens[y] || {}).textContent);\n if ((childrens[y] || {}).parentNode) {\n (childrens[y].parentNode || {replaceChild:() => {}}).replaceChild(texto, childrens[y]);\n }\n }\n }\n }\n \n }\n setTimeout(() => {\n try {\n const children = (containerInput || {querySelectorAll: () => {}}).querySelectorAll('*');\n const rang = ((children || []).length-lengthBeforeContainerr)+indexPaster;\n for (let i = 0; i < (children || []).length; i++) {\n if(i >= indexPaster && i <= rang){\n if (['B'].includes((children[i] || {}).tagName)) {\n if (((children[i] || {}).textContent || '').trim() === '') {\n (children[i] || {remove: () => {}}).remove();\n }\n }\n }\n \n }\n setTimeout(() => {\n try {\n const children = (containerInput || {querySelectorAll: () => {}}).querySelectorAll('*');\n const rang = ((children || []).length-lengthBeforeContainerr)+indexPaster;\n arrayBuls.bulFigcaption = false;\n for (let i = 0; i < (children || []).length; i++) {\n const findParent = (element, type) => {\n let parent = element.closest(type);\n let position = parent ? (Array.from(parent.querySelectorAll('p')) || {indexOf: () => {}}).indexOf(element) : null;\n return parent ? { parent, position } : { parent: null, position: null };\n }\n if(i >= indexPaster && i <= rang){\n if (['DIV'].includes((children[i] || {}).tagName) && !(findParent(children[i], 'figure') || {}).position \n && !((children[i] || {}).className === 'divider-container' || (children[i] || {}).className === 'button-container-input' || ((children[i] || {}).parentElement || {}).className === 'divider-container' || ((children[i] || {}).parentElement || {}).className === 'button-container-input')) {\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const newP = document.createElement(\"p\");\n (newP || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (newP || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n (newP || {}).textContent = (children[i] || {}).textContent;\n if ((children[i] || {}).parentNode) {\n try{\n (children[i].parentNode || {replaceChild: () => {}}).replaceChild(newP, children[i]);\n }catch(er){\n console.log(er);\n }\n }\n }\n if (['LI'].includes((children[i] || {}).tagName)) {\n if ((children[i] || {}).children[0] === undefined) {\n children[i].innerHTML = `${(children[i] || {}).textContent}
`;\n } else {\n if (((children[i] || {}).children[0] || {}).tagName !== 'P') {\n children[i].innerHTML = `${(children[i] || {}).textContent}
`;\n }\n }\n }\n }\n if (['DIV'].includes((children[i] || {}).tagName) && !(findParent(children[i], 'figure') || {}).position \n && !((children[i] || {}).className === 'divider-container' || (children[i] || {}).className === 'button-container-input' || ((children[i] || {}).parentElement || {}).className === 'divider-container' || ((children[i] || {}).parentElement || {}).className === 'button-container-input')){\n (children[i] || {removeAttribute: () => {}}).removeAttribute('style');\n (children[i] || {removeAttribute: () => {}}).removeAttribute('class');\n const newP = document.createElement(\"p\");\n (newP || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (newP || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n (newP || {}).textContent = children[i].textContent;\n if ((children[i] || {}).parentNode) {\n try{\n (children[i].parentNode || {replaceChild: () => {}}).replaceChild(newP, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n if (['P'].includes((children[i] || {}).tagName)) {\n if ((((children[i] || {}).textContent || 'a').trim() === '') && i !== 0) {\n (children[i] || {remove: () => {}}).remove();\n }else{\n ((children[i] || {}).style || {}).cssText = `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`;\n }\n }\n if(['H2','H3','H4'].includes((children[i] || {}).tagName)) {\n ((children[i] || {}).style || {}).cssText = `font-size: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).font}px !important; line-height: ${((scaleGeneral || {})[objectReplaceH[(children[i] || {}).tagName]] || {}).height}px !important; padding-top: 5px; padding-bottom: 5px; margin-top:20px !important; margin-bottom:20px !important;`;\n }\n if (['FONT'].includes((children[i] || {}).tagName)) {\n if ((((children[i] || {}).textContent || 'a').trim() === '') && i !== 0) {\n (children[i] || {remove: () => {}}).remove();\n }else{\n const newSpan = document.createElement(\"span\");\n (newSpan || {}).innerHTML = (children[i] || {}).innerHTML;\n if ((children[i] || {}).parentNode) {\n try{\n (children[i].parentNode || {replaceChild: () => {}}).replaceChild(newSpan, children[i]);\n }catch(er){\n console.log(er)\n }\n }\n }\n }\n if (['SPAN'].includes((children[i] || {}).tagName)) {\n let styleObject = cssTextToObject(((children[i] || {}).style || {}).cssText);\n const propertiesToInclude = ['color'];\n const hasAnyProperty = (Object.keys(styleObject) || []).length > 0;\n const containsDifferentProperties = (Object.keys(styleObject) || []).some(prop => !(propertiesToInclude || []).includes(prop));\n if(hasAnyProperty && containsDifferentProperties){\n let newStyles = '';\n Object.entries(styleObject).map(e => {\n if(propertiesToInclude.includes(e[0])){\n newStyles = `${newStyles} ${e[0]}: ${e[1]};`;\n }\n });\n children[i].style.cssText = newStyles;\n }\n }\n if (['SPAN'].includes((children[i] || {}).tagName)) {\n let bulIsChildren = ((children[i] || {}).id || {startsWith: () => {}}).startsWith('child-position-');\n if(bulIsChildren){\n const newP = document.createElement(\"p\");\n (newP || {setAttribute: () => {}}).setAttribute(\"style\", `color: rgba(0,0,0,0.9); font-size: ${((scaleGeneral || {}).normal || {}).font}px !important; line-height: ${((scaleGeneral || {}).normal || {}).height}px !important; margin-top:20px !important; margin-bottom:20px !important;`);\n (newP || {setAttribute: () => {}}).setAttribute(\"data-placeholder\", \"Write here\");\n const clonedChild = (children[i] || {cloneNode: () => {}}).cloneNode(true);\n (newP || {}).innerHTML = (clonedChild || {}).textContent;\n if ((children[i] || {}).parentNode) {\n try{\n (children[i].parentNode || {replaceChild: () => {}}).replaceChild(newP, children[i]);\n }catch(er){\n console.log(er);\n }\n }\n }\n }\n }\n } catch (er) {\n console.log(er)\n }\n }, 50);\n } catch (er) {\n console.log(er)\n }\n \n }, 50);\n } catch (er) {\n console.log(er)\n }\n }, 100);\n } catch (er) {\n console.log(er)\n }\n \n }, 100);\n }\n }\n }catch(er){\n console.log(er)\n }\n };\n\n const ctrlZFunction = (e,containerInput) => {\n try {\n \n let index = 0\n let elementIndex = document.querySelectorAll(\".container-html-editable\")\n elementIndex.forEach((e,ind) => {\n if(esPadre(containerInput, e.parentElement)){\n index = ind\n }\n })\n \n try{\n range = document.getSelection().getRangeAt(0);\n seleccion = window.getSelection();\n }catch(er){console.log(er)}\n\n // if (esPadre(firstSon, containerAll) && esPadre(secondSon, containerAll)) {\n if (e.type === 'keydown' && e.ctrlKey && e.key === 'z') {\n\n e.preventDefault();\n e.stopPropagation();\n\n let contentZZ = (JSON.parse(localStorage.getItem(`contentZ-${idClock}`)) || []);\n let contentZ = contentZZ[index] ? contentZZ[index] : []\n \n if (contentZ[contentZ.length - 2] !== undefined) {\n containerInput.innerHTML = contentZ[contentZ.length - 2];\n\n contentZ.pop()\n\n localStorage.setItem(`contentZ-${idClock}`, JSON.stringify({...contentZZ,[index]:contentZ}))\n }\n }\n // }\n }catch(er){\n console.log(er)\n }\n }\n\n const filterWidthsElements = (container) => {\n try{\n let figureData = container.querySelectorAll(\"figure\");\n\n for(let i = 0; i < figureData.length; i++){\n\n figureData[i].style.cssText = `margin:10px 0px; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items:center; height: auto;`;\n if (figureData[i].children[0].className === \"container-image-range\") {\n const inputRange = figureData[i].children[0].querySelector('.input-range')\n let value = figureData[i].children[0].style.width;\n const regex = /\\d+/g;\n const match = value.match(regex);\n inputRange.value = match[0]\n inputRange.defaultValue = match[0];\n } else {\n figureData[i].children[0].style.width = (figureData[i].children[0].className === \"container-image-expand\") ? \"50%\" : \"100%\";\n }\n // figureData[i].children[0].children[1].children[0].style.cssText = `filter: none; height: auto; width: 100%;\"height: auto; width: 100%;`\n\n }\n \n return container.outerHTML\n }catch(er){\n console.log(er)\n }\n }\n\n const filterElements = (element) => {\n try{\n let newElement = element.replaceAll(``,'')\n newElement = newElement.replaceAll(`\n \n );\n};\n\nconst mapStateToProps = (state, props) => ({\n\n});\n\nconst mapDispatchToProps = {\n\n};\n\nCollapseComponent.propTypes = {\n informationCollapse: PropTypes.element,\n dataIterated: PropTypes.element,\n dataStatic: PropTypes.element,\n buttons: PropTypes.element,\n className: PropTypes.string,\n index: PropTypes.number,\n bulMessage: PropTypes.bool,\n bulArrow: PropTypes.bool,\n};\n\nCollapseComponent.defaultProps = {\n informationCollapse: <>,\n dataIterated: <>,\n dataStatic: <>,\n buttons: <>,\n className: \"\",\n index: -1,\n bulMessage: true,\n bulArrow: true,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CollapseComponent);","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, DatePicker } from \"antd\";\n\nimport \"./style.scss\";\n\nclass CustomInput extends React.Component {\n render() {\n const { className, multiple, type, onChange, size,validateStatus, ...rest } = this.props;\n\n return multiple ? (\n\n
\n ) : (\n \n
\n \n \n
\n {title}
\n{subTitle}
\n\n \n
\n {children}
\n {title}
\n{subTitle}
\n\n \n
\n \n }\n centered\n visible={visible}\n width={width}\n closable={true}\n footer={footer}\n closeIcon={\n setChecked(e.target.checked)}\n >\n Confirm here\n \n
\n \n Thank you for joining the library: {data.title}\n
\n\n Please check the box below to receive your HR Recertification Credits.\n This is the attestation that you watched, listened or read the content\n piece.\n
\n\n Notice that you can be audited by SHRM or HRCI based on their\n regulations. You will receive an email confirming your attestation.\n The email will contain the SHRM and HRCI recertification codes. Please\n save that email.\n
\n\n
\n \n
\n ) : (\n <>\n \n {contentType === \"video\" && (\n 
\n )}\n
\n \n {\n if (isClickable) {\n onMenuClick(value);\n }\n }}\n >\n
\n {frequency ? (\n {title}
\n\n \n {description}\n \n
\n \n
\n {type === CARD_TYPE.EDIT && (\n \n
\n\n \n
\n {(ContentTypes[contentType || \"article\"] || {}).text}
\n\n {contentType === \"video\" && (\n {\n if (isClickable) {\n e.preventDefault();\n e.stopPropagation();\n setLibraryViewed(\n data.id,\n viewed && viewed[userProfile.id] === \"mark\"\n ? \"unmark\"\n : \"mark\"\n );\n }\n }}\n />\n )}\n {data.showClaim === 1 && (\n
\n \n \n
\n \n )}\n \n {`${keyword}: Found ${frequency} time${\n frequency > 1 ? \"s\" : \"\"\n }`}\n
\n ) : null}\n \n )}\n {showFirewall && (\n \n Upgrade to a PREMIUM Membership and get unlimited access to the\n LAB features\n
\n \n \n )}\n\nContent 1
,\n },\n {\n title: \"My events\",\n content: () => Content 2
,\n },\n];\n\nconst CustomTabs = ({\n current,\n className,\n data,\n onChange,\n functionClass,\n tabBarExtraContent,\n ...rest\n}) => {\n const [classCouncilTap, setClassCouncilTap] = useState(\"\");\n\n const onTabChange = (tab) => {\n if (tab === \"2\" && data[2].title === \"Council Members\") {\n if (functionClass !== undefined) {\n functionClass(\"search-results-container-members\");\n }\n setClassCouncilTap(\"custom-tabs-tabpane\");\n } else {\n if (functionClass !== undefined) {\n functionClass(\"search-results-container\");\n }\n setClassCouncilTap(\"\");\n }\n\n onChange(tab);\n };\n\n return (\n {tab.title}
\n \n ) : (\n tab.title\n )\n }\n disabled={tab?.disabled}\n key={index.toString()}\n // style={{ minHeight: \"100vh\", background: \"red\" }}\n style={{ background: \"white\" }}\n >\n {tab.content()}\n \n ))}\n \n );\n};\n\nCustomTabs.propTypes = {\n current: PropTypes.string,\n className: PropTypes.string,\n data: PropTypes.array,\n onChange: PropTypes.func,\n tabBarExtraContent: PropTypes.element,\n};\n\nCustomTabs.defaultProps = {\n current: \"0\",\n className: \"\",\n data: TabData,\n onChange: () => {},\n tabBarExtraContent: undefined,\n};\n\nexport default CustomTabs;\n","import React from \"react\";\n\nimport IconCalendar from \"images/icon-no-event.svg\";\n\nimport \"./style.scss\";\n\nconst NoEventCard = ({ type = \"events\" }) => (\n \n
\n);\n\nexport default NoEventCard;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { CustomButton } from \"components\";\n\nimport \"./style.scss\";\n\nconst TextData = {\n mentor: {\n buttonLabel: \"Yes, I want to be a mentor\",\n description: [\n \"Click Below and Become a Mentor to Other Members of the Hacking HR Community\",\n ],\n },\n mentee: {\n buttonLabel: \"Yes, I want to be a mentee\",\n description: [\n \"Click Below and Find Mentors That Can Help You Achieve Your Professional Goals.\",\n ],\n },\n};\n\nconst WantCard = ({ type, onClick }) => {\n const { description, buttonLabel } = TextData[type];\n\n return (\n \n 
\n
\n \n There are no {type} for you at the moment\n \n \n {description.map((desc, index) => (\n
\n );\n};\n\nWantCard.propTypes = {\n type: PropTypes.string,\n onClick: PropTypes.func,\n};\n\nWantCard.defaultProps = {\n type: \"Yes, I want to be a mentor\",\n onClick: () => {},\n};\n\nexport default WantCard;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport \"./style.scss\";\n\nconst SpecialtyItem = ({ active, title }) => {\n return (\n \n {desc}\n
\n ))}\n\n {title}\n
\n );\n};\n\nSpecialtyItem.propTypes = {\n active: PropTypes.bool,\n title: PropTypes.string,\n};\n\nSpecialtyItem.defaultProps = {\n active: true,\n title: \"\",\n};\n\nexport default SpecialtyItem;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\n\nimport { CustomButton, SpecialtyItem } from \"components\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport \"./style.scss\";\n\nconst MemberCard = ({\n user,\n match,\n block,\n allCategories,\n onClick,\n onMatchClicked,\n}) => {\n const onClickMatch = (event) => {\n event.preventDefault();\n event.stopPropagation();\n onMatchClicked();\n };\n\n const randomId = Math.floor(Math.random() * 1000) + 1;\n\n return (\n \n
\n );\n};\n\nMemberCard.propTypes = {\n user: PropTypes.object,\n match: PropTypes.array,\n block: PropTypes.bool,\n onClick: PropTypes.func,\n onMatchClicked: PropTypes.func,\n};\n\nMemberCard.defaultProps = {\n user: \"\",\n match: [],\n block: false,\n onClick: () => {},\n onMatchClicked: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(MemberCard);\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Calendar } from \"antd\";\nimport moment from \"moment\";\nimport clsx from \"clsx\";\n\nimport { SVG_ICONS } from \"enum\";\nimport { CustomButton } from \"components\";\n\nimport IconLeft from \"images/icon-arrow-left.svg\";\nimport IconRight from \"images/icon-arrow-right.svg\";\n\nimport \"./style.scss\";\n\nconst CustomCalendar = ({ events, value, disabled, onChange }) => {\n const [current, setCurrent] = useState(moment());\n const onDateChange = (date) => {\n if (!disabled) {\n setCurrent(date);\n }\n };\n\n const getEventData = (value) => {\n let listData = events.map((event) => {\n return event.startAndEndTimes?.filter((time) => {\n const eventDate = moment(time?.startTime, \"YYYY.MM.DD. h:mm:a\");\n if (\n eventDate.date() === value.date() &&\n eventDate.year() === value.year() &&\n eventDate.month() === value.month()\n ) {\n return true;\n }\n return false;\n });\n });\n return listData.flat();\n };\n\n const headerRender = ({ value, type, onChange, onTypeChange }) => {\n const current = value.clone();\n const localeData = value.localeData();\n const currentMonth = `${localeData.months(current)} ${current.year()}`;\n\n const onPrevMonth = () => {\n if (!disabled) {\n const newDate = current.subtract(1, \"month\");\n onChange(newDate);\n }\n };\n\n const onNextMonth = () => {\n if (!disabled) {\n const newDate = current.add(1, \"month\");\n onChange(newDate);\n }\n };\n\n return (\n \n
\n \n {user.img ? (\n
\n \n \n
\n ) : (\n {user.abbrName}\n )}\n \n
\n \n
\n {`${user.firstName} ${user.lastName}`}
\n {!block && (\n{user.title}
\n{user.mentorAbout}
\n\n {(user.areas || [])\n .sort((x, y) => {\n const first = (match || []).includes(x);\n const second = (match || []).includes(y);\n\n return !first && second ? 1 : first && second ? 0 : -1;\n })\n .map((spec, index) => {\n const specialty = allCategories.find(\n (item) => item.value === spec\n );\n\n return (\n
\n \n {currentMonth}\n \n 
\n 
\n
\n \n );\n };\n\n const dateCellRender = (date) => {\n const listData = getEventData(date);\n\n return listData && listData.length > 0 ? SVG_ICONS.ICON_CIRCLE : null;\n };\n\n const onSelectToday = () => {\n setCurrent(moment());\n };\n\n useEffect(() => {\n onChange(current);\n\n return () => {};\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [current]);\n\n useEffect(() => {\n if (value && value.isValid && value.isValid()) {\n setCurrent(value);\n }\n\n return () => {};\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n return (\n \n
\n );\n};\n\nCustomCalendar.propTypes = {\n disabled: PropTypes.bool,\n events: PropTypes.array,\n onChange: PropTypes.func,\n};\n\nCustomCalendar.defaultProps = {\n disabled: false,\n events: [],\n onChange: () => {},\n};\n\nexport default CustomCalendar;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { CloseOutlined } from \"@ant-design/icons\";\n\nimport { CustomCalendar, CustomButton } from \"components\";\nimport { eventSelector } from \"redux/selectors/eventSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport \"./style.scss\";\n\nconst EventFilterPanel = ({\n title,\n allEvents,\n allCategories,\n onFilterChange,\n onClose,\n}) => {\n const [filterValues, setFilterValues] = useState({});\n\n const onDateChange = (date) => {\n const newFilters = {\n ...filterValues,\n date,\n };\n\n setFilterValues(newFilters);\n onFilterChange(newFilters);\n };\n\n const onShowAllEvent = () => {\n setFilterValues({});\n onFilterChange({});\n };\n\n return (\n \n
\n );\n};\n\nEventFilterPanel.propTypes = {\n title: PropTypes.string,\n onFilterChange: PropTypes.func,\n onClose: PropTypes.func,\n};\n\nEventFilterPanel.defaultProps = {\n title: \"Filters\",\n onFilterChange: () => {},\n onClose: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n allEvents: eventSelector(state).allEvents,\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(EventFilterPanel);\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Checkbox } from \"antd\";\nimport { connect } from \"react-redux\";\nimport Emitter from \"services/emitter\";\n\nimport { CustomCheckbox, CustomButton, SearchInput } from \"components\";\n\nimport { EVENT_TYPES } from \"enum\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport \"./style.scss\";\n\nconst FilterPanel = ({\n title,\n userProfile,\n allCategories,\n onChange,\n onSearch,\n currentTab,\n isBusiness = false,\n quitButtonShareContent = false,\n}) => {\n const [filters, setFilters] = useState({});\n const [resetFunc, setResetFunc] = useState({reset:undefined})\n\n const onShareContent = () => {\n Emitter.emit(EVENT_TYPES.OPEN_SHARE_CONTENT);\n };\n\n const onFilterChange = (field, values) => {\n const newFilter = {\n ...filters,\n [field.toLowerCase()]: JSON.stringify(values),\n };\n setFilters(newFilter);\n onChange(newFilter);\n };\n\n return (\n \n {!quitButtonShareContent && <>{((isBusiness && currentTab === \"2\") ||\n (isBusiness && currentTab === \"1\")) && (\n
\n );\n};\n\nFilterPanel.propTypes = {\n title: PropTypes.string,\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n};\n\nFilterPanel.defaultProps = {\n title: \"Filters\",\n onChange: () => {},\n onSearch: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(FilterPanel);\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Checkbox } from \"antd\";\nimport { connect } from \"react-redux\";\n\nimport { CustomCheckbox, SearchInput, CustomButton } from \"components\";\n\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport \"./style.scss\";\n\nconst FilterPanel = ({\n title,\n userProfile,\n hidePodcastSeries,\n allCategories,\n onChange,\n onSearch,\n onClickPodcastSeries,\n}) => {\n const [filters, setFilters] = useState({});\n\n const onFilterChange = (field, values) => {\n const newFilter = {\n ...filters,\n [field.toLowerCase()]: JSON.stringify(values),\n };\n setFilters(newFilter);\n onChange(newFilter);\n };\n\n return (\n {title}
\n\n
\n \n setResetFunc(e)} />\n {\n if(typeof resetFunc.reset === 'function'){\n resetFunc.reset()\n }\n onSearch('')\n }}\n />\n onFilterChange(\"Topics\", values)}\n >\n {allCategories.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Search
\nTopics
\n\n {!hidePodcastSeries && (\n
\n );\n};\n\nFilterPanel.propTypes = {\n title: PropTypes.string,\n hidePodcastSeries: PropTypes.bool,\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onClickPodcastSeries: PropTypes.func,\n};\n\nFilterPanel.defaultProps = {\n title: \"Filters\",\n hidePodcastSeries: false,\n onChange: () => {},\n onSearch: () => {},\n onClickPodcastSeries: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(FilterPanel);\n","import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Upload } from \"antd\";\nimport ImgCrop from \"antd-img-crop\";\nimport clsx from \"clsx\";\n\nimport { CustomButton } from \"components\";\n\nimport \"./style.scss\";\n\nfunction getBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n}\n\nconst ImageUpload = ({\n className,\n value,\n aspect,\n onChange,\n type = \"classic\",\n textScale = \"\",\n}) => {\n const [fileList, setFileList] = useState([]);\n const [src, setSrc] = useState(\"\");\n const [urlStatic, setUrlStatic] = useState(\"\");\n const containerRef = useRef(null)\n\n const imageUpload = async ({ file, onSuccess }) => {\n let type = file.type;\n\n // const addBackslash = (type) => {\n // return type.replace(\"+\", \"\\\\+\");\n // };\n\n if (file?.type === \"image/svg+xml\") {\n // type = addBackslash(file.type)\n type = 'image/svg'\n }\n\n const fileBlob = new Blob([file], { type: type });\n \n if (file.type === \"image/svg+xml\") {\n setUrlStatic(URL.createObjectURL(file));\n\n const fileWithTypeModified = new Blob([file], { type });\n const base64FormatFile = await getBase64(fileWithTypeModified);\n onChange(base64FormatFile, file);\n setSrc(base64FormatFile);\n } else {\n setUrlStatic(URL.createObjectURL(fileBlob));\n const base64FormatFile = await getBase64(file);\n onChange(base64FormatFile, file);\n setSrc(base64FormatFile);\n }\n onSuccess(\"ok\");\n };\n\n const handleChange = ({ fileList }) => {\n setFileList(fileList);\n };\n\n const removeFile = () => {};\n\n useEffect(() => {\n setSrc(value);\n setUrlStatic(value);\n return () => {};\n }, [value]);\n\n return (\n {title}
\n\n
\n \n onFilterChange(\"Topics\", values)}\n >\n {allCategories.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Search
\nTopics
\n\n Upload image\n
\n {textScale !== \"\" && (\n\n {textScale}\n
\n )}\n \n ) : (\n\n {(bulChannelPage !== 'channel' && window.location.pathname.substring(0,7) !== INTERNAL_LINKS.VERIFY && !location.pathname.startsWith(INTERNAL_LINKS.CERTIFICATE_DIPLOMA_VERIFY)) && \n \n \n */}\n {(window.location.pathname.substring(0,15) === INTERNAL_LINKS.CONFERENCE_2023) && \n <>\n \n \n setModalRegister(false)}\n >\n setModalRegister(false)}\n />\n \n \n }\n {(bulChannelPage === 'channel' || window.location.pathname.substring(0,7) === INTERNAL_LINKS.VERIFY) && \n
\n {(bulChannelPage === 'channel' || window.location.pathname.substring(0,7) === INTERNAL_LINKS.VERIFY) && \n \n }\n \n \n
\n \n }\n {/* {PUBLIC_HEADER_MENUS.map((menu, index) => (\n \n {menu.text}\n \n ))} */}\n {/* \n \n
\n \n {\n confirm()\n setButonState(true)\n }}\n />\n )}\n {(!butonState && !bulRegister) && (\n {setModalRegister(true)}}\n />\n )}\n
\n {(bulMessageOut && bulRegister) && \n \n \n
\n Home
\n \n\n \n
\n Conference Highlights
\n \n\n \n
\n Speakers
\n \n\n \n
\n {butonState && (\n Agenda
\n \n\n
\n )}\n {(!butonState && bulRegister) && (\n \n
\n YOU ARE NOW REGISTERED
\n\n
\n }\n \n
\n You are now registered
\n\n {\n setBulModal(true)\n }}\n />\n
\n }\n {(location.pathname.startsWith(INTERNAL_LINKS.CERTIFICATE_DIPLOMA_VERIFY)) && \n <>\n \n {\n setBulModal(true)\n }}\n />\n
\n \n }\n \n {PUBLIC_HEADER_MENUS.map((menu, index) => (\n setVisible(false)}\n >\n {menu.text}\n \n ))}\n
\n );\n\n return (\n \n
);\n};\n\nMarketplaceFilterPanel.propTypes = {\n title: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nMarketplaceFilterPanel.defaultProps = {\n title: \"Filters\",\n onChange: () => { },\n};\n\nexport default MarketplaceFilterPanel;","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { CustomButton, SpecialtyItem } from \"components\";\n\nimport DefaultMarketplaceLogo from \"images/img-default-marketplace-logo.png\";\nimport IconMailOutline from \"images/icon-mail-outline.svg\";\nimport IconBriefCaseOutLine from \"images/icon-briefcase-outline.svg\";\nimport IconCallOutLine from \"images/icon-call-outline.svg\";\nimport IconUser from \"images/icon-person-outline.svg\";\n\nimport {\n FacebookOutlined,\n TwitterOutlined,\n InstagramOutlined,\n LinkedinOutlined,\n} from \"@ant-design/icons\";\n\nimport \"./style.scss\";\n\nconst MarketplaceCard = ({\n name,\n description,\n url,\n logoUrl,\n contact_name,\n contact_position,\n contact_email,\n contact_phone,\n demoUrl,\n twitter,\n facebook,\n linkedin,\n instagram,\n categories,\n allCategories,\n}) => {\n const onVisitWebSite = (url) => {\n window.open(url, \"_blank\");\n };\n\n const onDemo = () => {\n window.open(demoUrl, \"_blank\");\n };\n\n return (\n {title}
\n\n
\n \n 0 && filters\n }\n onChange={(values) => onFilterChange(values)}\n >\n {searchFilters.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Company type
\n\n
\n );\n};\nMarketplaceCard.propTypes = {\n name: PropTypes.string,\n description: PropTypes.string,\n url: PropTypes.string,\n logoUrl: PropTypes.string,\n contact_name: PropTypes.string,\n contact_position: PropTypes.string,\n contact_email: PropTypes.string,\n contact_phone: PropTypes.string,\n demoUrl: PropTypes.string,\n categories: PropTypes.array,\n allCategories: PropTypes.array,\n};\n\nMarketplaceCard.defaultProps = {\n name: \"\",\n description: \"\",\n url: \"\",\n logoUrl: \"\",\n contact_name: \"\",\n contact_position: \"\",\n contact_email: \"\",\n contact_phone: \"\",\n demoUrl: \"\",\n categories: [],\n allCategories: [],\n};\n\nexport default MarketplaceCard;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Editor } from \"react-draft-wysiwyg\";\nimport { EditorState, convertToRaw, convertFromRaw } from \"draft-js\";\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\n\nconst RichEdit = ({ data, readOnly, onChange }) => {\n const [editorState, setEditorState] = useState(EditorState.createEmpty());\n\n const onEditorStateChange = (state) => {\n setEditorState(state);\n onChange(convertToRaw(editorState.getCurrentContent()));\n };\n\n useEffect(() => {\n if (data && data.blocks) {\n const content = convertFromRaw(data);\n const newEditorState = EditorState.createWithContent(content);\n setEditorState(newEditorState);\n }\n }, [data]);\n\n return (\n \n
\n \n
\n \n onVisitWebSite(url)}\n />\n {demoUrl &&
\n \n
\n \n
\n {name}
\n\n {(categories || []).map((item, index) => {\n const category = allCategories.find((cat) => cat.value === item);\n return (\n
\n \n
\n {description}
\n\n Contact information\n
\n\n
\n \n \n {contact_name}\n
\n \n \n {contact_email}\n
\n \n
\n \n \n {contact_position}\n
\n \n \n {contact_phone}\n
\n \n {facebook && (\n \n )}\n {linkedin && (\n \n )}\n {twitter && (\n \n )}\n {instagram && (\n \n )}\n
\n\n \n onVisitWebSite(url)}\n />\n
\n \r\n
\r\n ) : (\r\n <>\r\n \r\n {isInternalLink === false ? (\r\n <>\r\n {episode_cover ? (\r\n 
\r\n ) : (\r\n \r\n )}\r\n \r\n ) : linkValue === \"img\" ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n )}\r\n {frequency ? (\r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nEpisodeCard.propTypes = {\r\n created_at: PropTypes.object,\r\n episode_number: PropTypes.number,\r\n episode_cover: PropTypes.string,\r\n categories: PropTypes.array,\r\n links: PropTypes.array,\r\n title: PropTypes.string,\r\n type: PropTypes.string,\r\n frequency: PropTypes.number,\r\n keyword: PropTypes.string,\r\n onAdd: PropTypes.func,\r\n onMenuClick: PropTypes.func,\r\n isInternalLink: PropTypes.bool,\r\n episode: PropTypes.object,\r\n};\r\n\r\nEpisodeCard.defaultProps = {\r\n created_at: {},\r\n episode_number: 0,\r\n episode_cover: \"\",\r\n categories: [],\r\n links: [],\r\n title: \"\",\r\n type: CARD_TYPE.VIEW,\r\n frequency: 0,\r\n keyword: \"\",\r\n onAdd: () => {},\r\n onMenuClick: () => {},\r\n isInternalLink: false,\r\n episode: null,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n allCategories: categorySelector(state).categories,\r\n userProfile: homeSelector(state).userProfile,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n setPodcastViewed,\r\n saveForLaterPodcast,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EpisodeCard);\r\n","import { createAction } from \"redux-actions\";\n\nconst GET_MORE_CONFERENCE_LIBRARIES = \"GET_MORE_CONFERENCE_LIBRARIES\";\nconst SET_MORE_CONFERENCE_LIBRARIES = \"SET_MORE_CONFERENCE_LIBRARIES\";\nconst SEARCH_CONFERENCE_LIBRARIES = \"SEARCH_CONFERENCE_LIBRARIES\";\nconst SET_SEARCH_CONFERENCE_LIBRARIES = \"SET_SEARCH_CONFERENCE_LIBRARIES\";\nconst SET_LOADING = \"SET_CONFERENCE_LIBRARY_LOADING\";\nconst CLAIM_CONFERENCE_LIBRARY = \"CLAIM_CONFERENCE_LIBRARY\";\nconst SET_CONFERENCE_VIEWED = \"SET_CONFERENCE_VIEWED\";\nconst UPDATE_CONFERENCE_VIEWED = \"UPDATE_CONFERENCE_VIEWED\";\nconst GET_CONFERENCE_LIBRARY = \"GET_CONFERENCE_LIBRARY\";\nconst SET_CONFERENCE_LIBRARY = \"SET_CONFERENCE_LIBRARY\";\nconst SAVE_FOR_LATER_CONFERENCE = \"SAVE_FOR_LATER_CONFERENCE\";\nconst UPDATE_SAVE_FOR_LATER_CONFERENCE = \"UPDATE_SAVE_FOR_LATER_CONFERENCE\"\n\nexport const constants = {\n GET_MORE_CONFERENCE_LIBRARIES,\n SET_MORE_CONFERENCE_LIBRARIES,\n SEARCH_CONFERENCE_LIBRARIES,\n SET_SEARCH_CONFERENCE_LIBRARIES,\n SET_LOADING,\n CLAIM_CONFERENCE_LIBRARY,\n SET_CONFERENCE_VIEWED,\n UPDATE_CONFERENCE_VIEWED,\n GET_CONFERENCE_LIBRARY,\n SET_CONFERENCE_LIBRARY,\n SAVE_FOR_LATER_CONFERENCE,\n UPDATE_SAVE_FOR_LATER_CONFERENCE\n};\n\n// ------------------------------------\n// Actions\n// ------------------------------------\nexport const getMoreConferenceLibraries = createAction(\n GET_MORE_CONFERENCE_LIBRARIES,\n (filter, years, index) => ({\n filter,\n years,\n index\n })\n);\nexport const setMoreConferenceLibraries = createAction(\n SET_MORE_CONFERENCE_LIBRARIES,\n (libraries, index) => ({\n libraries,\n index\n })\n);\nexport const searchConferenceLibraries = createAction(\n SEARCH_CONFERENCE_LIBRARIES,\n (filter, years) => ({\n filter,\n years\n })\n);\nexport const setSearchConferenceLibraries = createAction(\n SET_SEARCH_CONFERENCE_LIBRARIES,\n (libraries) => ({\n libraries,\n })\n);\nexport const setLoading = createAction(SET_LOADING, (loading) => ({ loading }));\nexport const claimConferenceLibrary = createAction(\n CLAIM_CONFERENCE_LIBRARY,\n (id, callback) => ({\n id,\n callback,\n })\n);\nexport const setConferenceLibraryViewed = createAction(\n SET_CONFERENCE_VIEWED,\n (id, viewed, index) => ({\n id,\n viewed,\n index\n })\n);\nexport const updateConferenceLibraryViewed = createAction(\n UPDATE_CONFERENCE_VIEWED,\n (data, index) => ({ data, index })\n);\n\nexport const getConferenceLibrary = createAction(\n GET_CONFERENCE_LIBRARY,\n (id) => ({\n id,\n })\n);\n\nexport const setConferenceLibrary = createAction(\n SET_CONFERENCE_LIBRARY,\n (data) => ({\n data,\n })\n);\n\nexport const saveForLaterConference = createAction(\n SAVE_FOR_LATER_CONFERENCE,\n (id, UserId, status, yearIndex, isInHRCredits) => ({ id, UserId, status, yearIndex, isInHRCredits })\n);\n\nexport const updateSaveForLaterConference = createAction(UPDATE_SAVE_FOR_LATER_CONFERENCE, (data, index) => ({ data, index }))\n\nexport const actions = {\n getMoreConferenceLibraries,\n setMoreConferenceLibraries,\n searchConferenceLibraries,\n setSearchConferenceLibraries,\n setLoading,\n claimConferenceLibrary,\n setConferenceLibraryViewed,\n updateConferenceLibraryViewed,\n getConferenceLibrary,\n setConferenceLibrary,\n saveForLaterConference,\n updateSaveForLaterConference\n};\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport Emitter from \"services/emitter\";\nimport { notification } from \"antd\";\nimport { isEmpty } from \"lodash\";\n\nimport ReactPlayer from \"react-player\";\nimport { SpecialtyItem, CustomButton } from \"components\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport {\n claimConferenceLibrary,\n setConferenceLibraryViewed,\n saveForLaterConference,\n} from \"redux/actions/conference-actions\";\nimport { EVENT_TYPES, INTERNAL_LINKS } from \"enum\";\nimport LibraryClaimModal from \"../LibraryCard/LibraryClaimModal\";\n\nimport IconVideo from \"images/icon-video.svg\";\n\nimport \"./style.scss\";\n\nconst ConferenceCard = ({\n data,\n userProfile,\n allCategories,\n keyword,\n frequency,\n claimConferenceLibrary,\n setConferenceLibraryViewed,\n afterUpdate,\n isInternalLink,\n saveForLaterConference,\n listOfYearsIndex,\n isInHRCredits = false\n}) => {\n const { title, year, categories } = data || {};\n const [modalVisible, setModalVisible] = useState(false);\n const [showFirewall, setShowFirewall] = useState(false);\n\n const onCardClick = () => {\n if (data.link && !modalVisible && !showFirewall) {\n if (isInternalLink === false) {\n window.location = `${INTERNAL_LINKS.LIBRARY_ITEM}/conference-library/${data.id}`;\n }\n\n if (data.viewed && !data.viewed[userProfile.id]) {\n setConferenceLibraryViewed(data.id, \"unmark\", listOfYearsIndex);\n }\n }\n };\n\n const onClaimCredits = (e) => {\n e.preventDefault();\n e.stopPropagation();\n if (userProfile && userProfile.memberShip === \"premium\") {\n setModalVisible(true);\n } else {\n setShowFirewall(true);\n }\n };\n\n const planUpgrade = () => {\n Emitter.emit(EVENT_TYPES.OPEN_PAYMENT_MODAL);\n };\n\n const onHRClaimOffered = async () => {\n claimConferenceLibrary(data.id, (err) => {\n if (err) {\n notification.error({\n message: \"Error\",\n description: (err || {}).msg,\n });\n } else {\n notification.info({\n message: \"Email was sent successfully.\",\n });\n setModalVisible(false);\n }\n });\n };\n\n const handleSaveForLater = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n const isSavedForLater =\n !isEmpty(data.saveForLater) && data.saveForLater.includes(userProfile.id);\n const status = isSavedForLater ? \"not saved\" : \"saved\";\n\n saveForLaterConference(data.id, userProfile.id, status, listOfYearsIndex, isInHRCredits);\n };\n\n return (\n \r\n \r\n Episode #{episode_number}\r\n \r\n \r\n {moment(createdAt).format(DATE_FORMAT)}\r\n \r\n
\r\n {title}
\r\n \r\n {links.length > 0 && (\r\n <>\r\n \r\n Listen on:\r\n \r\n
\r\n \r\n {links.map((link, i) => (\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n )}\r\n \r\n {(categories || []).map((item, index) => {\r\n const category = allCategories.find(\r\n (cat) => cat.value === item\r\n );\r\n return (\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setPodcastViewed(\r\n id,\r\n viewed && viewed[userProfile?.id] === \"mark\"\r\n ? \"unmark\"\r\n : \"mark\"\r\n );\r\n }}\r\n />\r\n {viewed && viewed[userProfile?.id] !== \"mark\" && (\r\n
\r\n {type === CARD_TYPE.EDIT && (\r\n \r\n \r\n
\r\n \r\n {`${keyword}: Found ${frequency} time${\r\n frequency > 1 ? \"s\" : \"\"\r\n }`}\r\n
\r\n ) : null}\r\n \n setShowFirewall(false)}\n >\n
\n )}\n \n {\n if (isInternalLink === false) {\n window.location = `${INTERNAL_LINKS.LIBRARY_ITEM}/conference-library/${data.id}`;\n }\n }}\n />\n
\n \n
\n {frequency ? (\n {title}
\n{year}
\n\n {(categories || []).map((item, index) => {\n const category = allCategories.find((cat) => cat.value === item);\n return (\n
\n \n
\n \n
\n \n 
\n
\n Video
\n\n {\n e.preventDefault();\n e.stopPropagation();\n setConferenceLibraryViewed(\n data.id,\n data.viewed[userProfile.id] === \"mark\" ? \"unmark\" : \"mark\",\n listOfYearsIndex\n );\n setTimeout(() => {\n afterUpdate();\n }, 500);\n }}\n />\n {data.showClaim === 1 && (\n
\n \n {`${keyword}: Found ${frequency} time${frequency > 1 ? \"s\" : \"\"}`}\n
\n ) : null}\n {showFirewall && (\n \n
\n \n Upgrade to a PREMIUM Membership and get unlimited access to the\n LAB features\n
\n\n setModalVisible(false)}\n />\n
\n \n );\n};\n\nConferenceCard.propTypes = {\n data: PropTypes.object,\n frequency: PropTypes.number,\n keyword: PropTypes.string,\n afterUpdate: PropTypes.func,\n isInternalLink: PropTypes.bool,\n};\n\nConferenceCard.defaultProps = {\n data: {},\n frequency: 0,\n keyword: \"\",\n afterUpdate: () => { },\n isInternalLink: false,\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n claimConferenceLibrary,\n setConferenceLibraryViewed,\n saveForLaterConference,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConferenceCard);\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Upload } from \"antd\";\nimport ImgCrop from \"antd-img-crop\";\n\nimport { CustomButton } from \"components\";\n\nimport \"./style.scss\";\n\nfunction getBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n}\n\nconst ImageUpload2 = ({ value, aspect, width, height, onChange }) => {\n const [fileList, setFileList] = useState([]);\n const [src, setSrc] = useState(\"\");\n\n const imageUpload = async ({ file, onSuccess }) => {\n const base64FormatFile = await getBase64(file);\n onChange(base64FormatFile);\n setSrc(base64FormatFile);\n onSuccess(\"ok\");\n };\n\n const handleChange = ({ fileList }) => {\n setFileList(fileList);\n };\n\n const removeFile = () => {};\n\n useEffect(() => {\n setSrc(value);\n return () => {};\n }, [value]);\n\n const style = {\n width,\n height,\n };\n\n return (\n \n {type !== 'all' ? (\n \n ) : (\n \n 
}\n
\n );\n};\n\nImageUpload3.propTypes = {\n className: PropTypes.string,\n value: PropTypes.string,\n aspect: PropTypes.number,\n onChange: PropTypes.func,\n previewSrc: PropTypes.bool,\n type: PropTypes.string,\n maxCount: PropTypes.number\n};\n\nImageUpload3.defaultProps = {\n className: \"\",\n value: \"\",\n type: \"\",\n aspect: 1 / 1,\n onChange: () => { },\n previewSrc: true,\n maxCount: 1\n};\n\nexport default ImageUpload3;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Form, Checkbox, notification } from \"antd\";\nimport { connect } from \"react-redux\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport {\n CustomInput,\n CustomButton,\n ImageUpload2,\n CustomCheckbox,\n} from \"components\";\n\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { channelSelector } from \"redux/selectors/channelSelector\";\n\nimport \"./style.scss\";\n\nconst MAX_DESCRIPTION = 50;\n\nconst ChannelForm = ({\n selectedChannel,\n edit,\n allCategories,\n onSubmit,\n onCancel,\n type = 'all'\n}) => {\n const [description, setDescription] = useState(\"\");\n\n const refForm = React.useRef(null);\n const onFinish = (values) => {\n console.log(\"values\", values);\n if (edit) {\n onSubmit({\n id: selectedChannel.id,\n ...values,\n });\n } else {\n onSubmit(values);\n }\n };\n\n const onFinishFailed = () => {};\n\n const onFormValuesChange = (values) => {\n if (values.categories && values.categories.length > 5) {\n if (refForm && refForm.current) {\n refForm.current.setFieldsValue({\n categories: values.categories.slice(0, 5),\n });\n }\n notification.info({\n message: \"You can only select five categories.\"\n })\n }\n\n if (values.description !== undefined) {\n const words = values.description.replaceAll(\"\\n\", \" \").split(\" \");\n const length = words.length;\n let value = values.description;\n if (length > MAX_DESCRIPTION) {\n const lastWord = words[words.length - 1];\n value = values.description.slice(\n 0,\n values.description.length - lastWord.length\n );\n }\n\n setDescription(value);\n if (refForm && refForm.current) {\n refForm.current.setFieldsValue({ description: value });\n }\n }\n };\n\n useEffect(() => {\n if (edit && !isEmpty(selectedChannel)) {\n if (refForm && refForm.current) {\n refForm.current.setFieldsValue({\n ...selectedChannel,\n });\n setDescription(selectedChannel.description);\n }\n }\n }, [selectedChannel, edit]);\n\n const filterChannelForm = {\n all:{\n name:true,\n description: true,\n image:true,\n image2:false,\n categories:true\n },\n frontImage:{\n name:false,\n description: false,\n image:true,\n image2:false,\n categories:false\n },\n content:{\n name:true,\n description: true,\n image:false,\n image2:false,\n categories:true\n },\n bannerImage:{\n name:false,\n description: false,\n image:false,\n image2:true,\n categories: false\n }\n }\n\n return (\n \n
\n \n );\n};\n\nChannelForm.propTypes = {\n edit: PropTypes.bool,\n onSubmit: PropTypes.func,\n onCancel: PropTypes.func,\n};\n\nChannelForm.defaultProps = {\n edit: false,\n onSubmit: () => {},\n onCancel: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n selectedChannel: channelSelector(state).selectedChannel,\n});\n\nconst mapDispatchToProps = {};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChannelForm);\n","import axios from \"axios\";\nimport { useEffect, useState } from \"react\";\n\nconst useSearchCity = (search) => {\n const [cities, setCitites] = useState([]);\n useEffect(() => {\n const handleSearch = async () => {\n const options = {\n method: \"GET\",\n url: \"https://spott.p.rapidapi.com/places\",\n params: { q: `${search}`, type: \"CITY\", limit: 50 },\n headers: {\n \"X-RapidAPI-Key\": process.env.REACT_APP_RAPID_API_KEY,\n \"X-RapidAPI-Host\": process.env.REACT_APP_RAPID_API_HOST,\n },\n };\n const { data } = await axios.request(options);\n const citiesInfo = data.map(({ name, timezoneId, country }) => ({\n name,\n timezoneId,\n country: country.name,\n }));\n setCitites(citiesInfo);\n };\n handleSearch();\n }, [search]);\n return cities;\n};\nexport default useSearchCity;\n","/* eslint-disable no-template-curly-in-string */\nimport React, { useRef, useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport moment from \"moment\";\nimport { connect } from \"react-redux\";\nimport {\n Form,\n DatePicker,\n Checkbox,\n Radio,\n Select,\n Avatar,\n InputNumber,\n} from \"antd\";\n\nimport {\n CustomInput,\n CustomRadio,\n CustomButton,\n CustomCheckbox,\n CustomSelect,\n} from \"components\";\nimport { searchUser } from \"redux/actions/home-actions\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { CONFERENCE_TYPE_2023 } from \"enum\";\n// import { getInstructors } from \"redux/actions/instructor-actions\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { sessionSelector } from \"redux/selectors/sessionSelector\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport {\n getPanelsForId,\n getAllUserSpeaker,\n addPanelSpeakers,\n editPanelSpeakers,\n} from \"redux/actions/speaker-actions\";\nimport { useSearchCity } from \"hooks\";\nimport { getNameOfCityWithTimezone } from \"utils/format\";\n// import { getNameOfCityWithTimezone } from \"../../../utils/format\";\n\nimport \"./style.scss\";\n\nconst validateMessages = {\n required: \"${label} is required!\",\n types: {\n email: \"${label} is not a valid email!\",\n number: \"${label} is not a valid number!\",\n },\n number: {\n range: \"${label} must be between ${min} and ${max}\",\n },\n};\n\nconst ConferenceTypes = Object.values(CONFERENCE_TYPE_2023);\n\nconst { RangePicker } = DatePicker;\n\nconst Conference2023SessionsForm = ({\n edit,\n match,\n allCategories,\n getPanelsForId,\n panelsForId,\n // allUserSpeaker,\n searchUser,\n searchUsers,\n getAllUserSpeaker,\n addPanelSpeakers,\n editPanelSpeakers,\n id,\n onCancel,\n globalConference,\n sessionSelected,\n}) => {\n const formControl = useRef(null);\n const [options, setOptions] = useState([]);\n // const [redirect, setRedirect] = useState(false);\n const [searchCity, setSearchCity] = useState(\"\");\n const cities = useSearchCity(searchCity);\n const [question, setQuestion] = useState(\"\");\n\n // const {\n // params: { id },\n // } = match;\n\n const onFinish = (values) => {\n const timezoneFirstSliceIndex = values.timezone?.indexOf(\"/\");\n\n const convertedStartTime = moment\n .utc(values.time[0].format(\"YYYY-MM-DD HH:mm\"))\n .format();\n\n const convertedEndTime = moment\n .utc(values.time[1].format(\"YYYY-MM-DD HH:mm\"))\n .format();\n\n const panels = {\n panelName: values.panelName,\n numberOfPanelists: values.numberOfPanelists,\n type: values.type,\n category: values.category,\n startDate: convertedStartTime,\n endDate: convertedEndTime,\n timeZone: values.timezone?.slice(\n timezoneFirstSliceIndex + 1,\n values.timezone.length\n ),\n description: values.description,\n objetives: values.objectives,\n link: values.link,\n recertificactionCredits: values.recertificactionCredits,\n speakers: values.speakers,\n speakersModerator: values.speakersmoderator,\n metaData: values.metaData,\n PanelId: id,\n hrCreditsBoolean: values.hrCreditsBoolean,\n descriptionPanel: values.descriptionPanel,\n typeHrCredits: values.typeHrCredits,\n numberOfHRCredits: values.numberOfHRCredits,\n relationConference: edit\n ? values?.relationConference\n : globalConference?.idConference,\n };\n\n if (edit) {\n editPanelSpeakers(panels, (est, err) => {\n if (!err) {\n // setRedirect(true);\n formControl.current.resetFields();\n onCancel(); //clear states\n }\n });\n } else {\n addPanelSpeakers(panels, (est, err) => {\n if (!err) {\n // setRedirect(true);\n formControl.current.resetFields();\n onCancel(); //clear states\n }\n });\n }\n };\n\n const handleSearchCity = (value) => {\n if (value === \"\") {\n return;\n }\n\n let timer = setTimeout(() => {\n setSearchCity(value);\n clearTimeout(timer);\n }, 1000);\n };\n\n useEffect(() => {\n if (edit && formControl) {\n if (sessionSelected !== undefined && sessionSelected.length !== 0) {\n const startTime = moment(\n sessionSelected.startDate,\n \"YYYY-MM-DDTHH:mm:ss\"\n );\n const endTime = moment(sessionSelected.endDate, \"YYYY-MM-DDTHH:mm:ss\");\n let city;\n\n if (\n sessionSelected.timeZone &&\n sessionSelected.timeZone.includes(\"/\")\n ) {\n city = getNameOfCityWithTimezone(sessionSelected.timeZone);\n setSearchCity(city);\n }\n\n const arrayOfSpeaker = [];\n const arrayOfSpeakerModerator = [];\n\n sessionSelected.SpeakerMemberPanels.forEach(function (data) {\n if (!data.isModerator) {\n arrayOfSpeaker.push(\n `{\"userId\":\"${data.User.id}\",\"userName\":\"${data.User.firstName}\",\"userEmail\":\"${data.User?.email}\"}`\n );\n }\n if (data.isModerator) {\n arrayOfSpeakerModerator.push(\n `{\"userId\":\"${data.User.id}\",\"userName\":\"${data.User.firstName}\",\"userEmail\":\"${data.User?.email}\"}`\n );\n }\n });\n\n setQuestion(sessionSelected.hrCreditsBoolean);\n\n const panelForIdArray = {\n numberOfPanelists: sessionSelected.numberOfPanelists,\n panelName: sessionSelected.panelName,\n type: sessionSelected.type,\n category: sessionSelected.category,\n time: [startTime, endTime],\n description: sessionSelected.description,\n objectives: sessionSelected.objetives,\n link: sessionSelected.link,\n timezone: !city\n ? sessionSelected.timeZone\n : `${city}/${sessionSelected.timeZone}`,\n recertificactionCredits: sessionSelected.recertificactionCredits,\n speakers: arrayOfSpeaker,\n speakersmoderator: arrayOfSpeakerModerator,\n metaData: sessionSelected.metaData,\n hrCreditsBoolean: sessionSelected.hrCreditsBoolean,\n descriptionPanel: sessionSelected.descriptionPanel,\n typeHrCredits: sessionSelected.typeHrCredits,\n numberOfHRCredits: sessionSelected.numberOfHRCredits,\n id: sessionSelected.id,\n relationConference: sessionSelected.relationConference,\n };\n\n formControl.current.setFieldsValue(panelForIdArray);\n }\n }\n }, [sessionSelected, edit]);\n\n // useEffect(() => {\n // if (allUserSpeaker) {\n // // setOptions(\n // // allUserSpeaker.map((item) => ({\n // // id: item.id.toString(),\n // // value: item.id.toString(),\n // // name: item.firstName || \"(none)\",\n // // title: item.email || \"\",\n // // image: item.image || undefined,\n // // abbrName: item.abbrName,\n // // email: item.email\n // // }))\n // // );\n // }\n // }, [allUserSpeaker]);\n\n useEffect(() => {\n getAllUserSpeaker();\n\n // if (edit) {\n // getPanelsForId(id);\n // }\n }, [getAllUserSpeaker, edit, getPanelsForId, id]);\n\n useEffect(() => {\n if (searchUsers) {\n setOptions(\n searchUsers.map((item) => ({\n id: item.id.toString(),\n value: item.id.toString(),\n name: item.firstName || \"(none)\",\n title: item.email || \"\",\n image: item.image || undefined,\n abbrName: item.abbrName,\n email: item.email,\n }))\n );\n }\n }, [searchUsers]);\n\n return (\n \n \n {\n if (e.target !== undefined) {\n searchUser({\n search: e.target.value,\n userAdmin: true,\n });\n }\n }}\n >\n {(options || []).map((user) => (\n \n \n \n {user.name}\n \n \n {user.title}\n \n
\n \n ))}\n \n */}\n \n \n \n \n \n {ConferenceTypes.map((type, index) => (\n \n {type}\n \n ))}\n \n \n \n \n \n {allCategories.map((category) => (\n \n {category.title}\n \n ))}\n \n \n \n \n handleSearchCity(value)}\n className=\"border\"\n />\n \n \n \n \n \n \n \n \n \n {/* \n {\n if (e.target !== undefined) {\n searchUser({\n search: e.target.value,\n userAdmin: true,\n });\n }\n }}\n >\n {(options || []).map((user) => (\n \n \n \n {user.name}\n \n \n {user.title}\n \n
\n \n ))}\n \n */}\n {/* \n {user.image ? (\n 
\n ) : (\n {user.abbrName} \n )}\n
\n \n {user.image ? (\n \n ) : (\n {user.abbrName} \n )}\n
\n \n setRedirect(true)}\n onClick={() => {\n onCancel();\n formControl.current.resetFields();\n }}\n />\n
\n \n \n {/* {redirect &&\n \n
\n );\n};\n\nCreditSelect.propTypes = {\n value: PropTypes.object,\n onChange: PropTypes.func,\n};\n\nCreditSelect.defaultProps = {\n onChange: () => {},\n value: {},\n};\n\nexport default CreditSelect;\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport IconRefresh from \"images/icon-refresh.svg\";\n\nimport \"./style.scss\";\n\nconst EventCodeGenerator = ({\n className,\n value,\n disabled,\n onChange,\n ...rest\n}) => {\n const getRandomCode = () => {\n return `${Math.floor(100000 + Math.random() * 900000)}`;\n };\n\n useEffect(() => {\n if (!value) {\n onChange(getRandomCode());\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n \n onFieldChange(\"HRCI\", \"selected\", e.target.checked)}\n >\n HRCI\n \n {credit.HRCI.selected && (\n \n How many?\n onFieldChange(\"HRCI\", \"money\", value)}\n />\n \n )}\n
\n \n onFieldChange(\"SHRM\", \"selected\", e.target.checked)}\n >\n SHRM\n \n {credit.SHRM.selected && (\n \n How many?\n onFieldChange(\"SHRM\", \"money\", value)}\n />\n \n )}\n
\n \n onChange(getRandomCode())}\n />\n )}\n
\n );\n};\n\nEventCodeGenerator.propTypes = {\n className: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n};\n\nEventCodeGenerator.defaultProps = {\n className: \"\",\n value: \"\",\n disabled: false,\n onChange: () => {},\n};\n\nexport default EventCodeGenerator;\n","import React from \"react\";\nimport { Avatar, Divider } from \"antd\";\nimport iconDown from \"images/icon-linkedin.svg\";\n\nimport \"./style.scss\";\n// import PopupSpeakerSummit from \"../PopupInstructor\";\n\nconst CardUser = ({ instructor, title, btnClass = true }) => {\n return (\n \n {value}\n
\n {!disabled && (\n \n
\n );\n};\n\nexport default CardUser;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport CustomInput from \"../Input\";\n\nimport IconSearch from \"images/icon-search.svg\";\n\nimport \"./style.scss\";\n\nconst SearchInput = ({ onSearch, onChange, reset, setReset, resetData=()=>{} }) => {\n const [value, setValue] = useState(\"\");\n\n useEffect(() => {\n onChange(value);\n resetData({reset:() => {\n setValue('')\n }})\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n useEffect(() => {\n if (reset) {\n setValue('')\n onSearch('')\n setReset(false)\n }\n }, [reset, setValue, onSearch, setReset])\n\n return (\n {`${instructor?.firstName} ${instructor?.lastName ? instructor?.lastName : ''}`}
\n{instructor?.titleProfessions}
\n\n\n \n 
\n \n
\n \n onSearch(value)}\n />\n
\n );\n};\n\nSearchInput.propTypes = {\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n setReset: PropTypes.func,\n reset: PropTypes.bool\n};\n\nSearchInput.defaultProps = {\n onChange: () => { },\n onSearch: () => { },\n reset: false,\n setReset: () => { },\n};\n\nexport default SearchInput;\n","var _title, _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconChevronDown = function SvgIconChevronDown(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: \"ionicon\",\n viewBox: \"0 0 512 512\",\n ref: svgRef\n }, props), title === undefined ? _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Chevron Down\")) : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"none\",\n stroke: \"#3c4752\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 48,\n d: \"M112 184l144 144 144-144\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconChevronDown, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon-chevron-down.6fd68a12.svg\";\nexport { ForwardRef as ReactComponent };","import { createAction } from \"redux-actions\";\n\nconst GET_ALL_SESSIONS = \"GET_ALL_SESSIONS\";\nconst SET_ALL_SESSIONS = \"SET_ALL_SESSIONS\";\nconst GET_SESSION = \"GET_SESSION\";\nconst SET_SESSION = \"SET_SESSION\";\nconst GET_SESSION_CLASSES = \"GET_SESSION_CLASSES\";\nconst SET_SESSION_CLASSES = \"SET_SESSION_CLASSES\";\nconst GET_SESSIONS_ADDED_BY_USER = \"GET_SESSIONS_ADDED_BY_USER \";\nconst SET_SESSIONS_ADDED_BY_USER = \"SET_SESSIONS_ADDED_BY_USER\";\nconst GET_SESSIONS_USER_JOINED = \"GET_SESSIONS_USER_JOINED\";\nconst SET_SESSIONS_USER_JOINED = \"SET_SESSIONS_USER_JOINED\";\nconst GET_PARTICIPANTS = \"GET_PARTICIPANTS\";\nconst SET_PARTICIPANTS = \"SET_PARTICIPANTS\";\nconst RECOMMENDED_AGENDA = \"RECOMMENDED_AGENDA\";\nconst SET_RECOMMENDED_AGENDA = \"SET_RECOMMENDED_AGENDA\";\nconst SET_SESSION_LOADING = \"SET_SESSION_LOADING\";\nconst SET_MESSAGE_ERROR = \"SET_MESSAGE_ERROR\";\nconst CLAIM_SESSION = \"CLAIM_SESSION\";\nconst SET_SESSION_VIEWED = \"SET_SESSION_VIEWED\";\nconst UPDATE_SESSION_VIEWED = \"UPDATE_SESSION_VIEWED\";\nconst SAVE_FOR_LATER_SESSION = \"SAVE_FOR_LATER_SESSION\";\nconst UPDATE_SAVE_FOR_LATER_SESSION = \"UPDATE_SAVE_FOR_LATER_SESSION\";\n\nexport const constants = {\n GET_ALL_SESSIONS,\n SET_ALL_SESSIONS,\n GET_SESSION,\n SET_SESSION,\n GET_SESSION_CLASSES,\n SET_SESSION_CLASSES,\n GET_SESSIONS_ADDED_BY_USER,\n SET_SESSIONS_ADDED_BY_USER,\n GET_SESSIONS_USER_JOINED,\n SET_SESSIONS_USER_JOINED,\n GET_PARTICIPANTS,\n SET_PARTICIPANTS,\n RECOMMENDED_AGENDA,\n SET_RECOMMENDED_AGENDA,\n SET_SESSION_LOADING,\n SET_MESSAGE_ERROR,\n CLAIM_SESSION,\n SET_SESSION_VIEWED,\n UPDATE_SESSION_VIEWED,\n SAVE_FOR_LATER_SESSION,\n UPDATE_SAVE_FOR_LATER_SESSION,\n};\n\n// ------------------------------------\n// Actions\n// ------------------------------------\nexport const getAllSessions = createAction(GET_ALL_SESSIONS, (filters) => ({\n filters,\n}));\n\nexport const setAllSessions = createAction(SET_ALL_SESSIONS, (allSessions) => ({\n allSessions,\n}));\n\nexport const getSession = createAction(GET_SESSION, (id,type,callback) => ({ id,type,callback }));\n\nexport const setSession = createAction(SET_SESSION, (session) => ({ session }));\n\nexport const getSessionClasses = createAction(GET_SESSION_CLASSES, (id,type,callback) => ({\n id,type,callback\n}));\nexport const setSessionClasses = createAction(\n SET_SESSION_CLASSES,\n (classes) => ({\n classes,\n })\n);\n\nexport const getSessionsAddedbyUser = createAction(\n GET_SESSIONS_ADDED_BY_USER,\n (id) => ({ id })\n);\nexport const setSessionsAddedByUser = createAction(\n SET_SESSIONS_ADDED_BY_USER,\n (sessionsUser) => ({\n sessionsUser,\n })\n);\n\nexport const getSessionsUserJoined = createAction(\n GET_SESSIONS_USER_JOINED,\n (sessionsId) => ({ sessionsId })\n);\nexport const setSessionsUserJoined = createAction(\n SET_SESSIONS_USER_JOINED,\n (sessionsUserJoined) => ({\n sessionsUserJoined,\n })\n);\n\nexport const getParticipants = createAction(\n GET_PARTICIPANTS,\n (filters) => filters\n);\n\nexport const setParticipants = createAction(\n SET_PARTICIPANTS,\n (participants) => ({\n participants,\n })\n);\n\nexport const recommendedAgenda = createAction(\n RECOMMENDED_AGENDA,\n (filters) => ({ filters })\n);\n\nexport const setRecommendedAgenda = createAction(\n SET_RECOMMENDED_AGENDA,\n (recommendedAgendaSessions) => ({ recommendedAgendaSessions })\n);\n\nexport const setSessionLoading = createAction(\n SET_SESSION_LOADING,\n (loading) => ({ loading })\n);\n\nexport const setMessageError = createAction(SET_MESSAGE_ERROR, (message) => ({\n message,\n}));\n\nexport const claimSession = createAction(CLAIM_SESSION, (id, type, callback) => ({\n id,\n type,\n callback,\n}));\n\nexport const setSessionViewed = createAction(\n SET_SESSION_VIEWED,\n (id, UserId, viewed) => ({\n id,\n UserId,\n viewed,\n })\n);\n\nexport const updateSessionViewed = createAction(\n UPDATE_SESSION_VIEWED,\n (session) => ({ session })\n);\n\nexport const saveForLaterSession = createAction(\n SAVE_FOR_LATER_SESSION,\n (id, UserId, status) => ({ id, UserId, status })\n);\n\nexport const updateSaveForLaterSession = createAction(\n UPDATE_SAVE_FOR_LATER_SESSION,\n (session) => ({ session })\n);\n\nexport const actions = {\n getAllSessions,\n setAllSessions,\n getSession,\n setSession,\n getSessionClasses,\n setSessionClasses,\n getSessionsAddedbyUser,\n setSessionsAddedByUser,\n getSessionsUserJoined,\n setSessionsUserJoined,\n getParticipants,\n setParticipants,\n recommendedAgenda,\n setRecommendedAgenda,\n setSessionViewed,\n updateSessionViewed,\n saveForLaterSession,\n updateSaveForLaterSession,\n setSessionLoading,\n setMessageError,\n claimSession,\n};\n","import React, { useEffect, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport clsx from \"clsx\";\nimport { CustomButton, SpecialtyItem } from \"components\";\nimport { Dropdown, Menu, Tooltip, notification, Modal } from \"antd\";\nimport { InfoCircleOutlined, DownOutlined } from \"@ant-design/icons\";\nimport moment from \"moment-timezone\";\nimport { isEmpty } from \"lodash\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport {\n saveForLaterSession,\n setSessionViewed,\n} from \"redux/actions/session-actions\";\nimport Emitter from \"services/emitter\";\nimport { ReactComponent as IconChevronDown } from \"images/icon-chevron-down.svg\";\nimport { EVENT_TYPES, TIMEZONE_LIST } from \"../../enum\";\n\nimport { convertToLocalTime } from \"utils/format\";\nimport \"./style.scss\";\n\nconst ButtonContainer = ({\n session,\n added,\n attended,\n convertedStartTime,\n convertedEndTime,\n userProfile,\n onAddSession,\n onRemoveSession,\n joinedOtherSession,\n joinedSession,\n}) => {\n const interval = 1000;\n const currentTime = moment().unix();\n const diffTime = convertedStartTime.unix() - currentTime;\n let duration = moment.duration(diffTime * interval, \"milliseconds\");\n\n const [hoursStartSession, setHoursStartSession] = useState(\n `Starting in: ${\n Math.floor(duration.asHours().toFixed(2)) > 0\n ? `${Math.floor(duration.asHours().toFixed(2))} hours and `\n : \"\"\n } ${duration.minutes()} minutes`\n );\n const [timeLeft, setTimeLeft] = useState(\n moment.duration(convertedStartTime.diff(moment.now())).asMinutes()\n );\n\n useEffect(() => {\n let duration = moment.duration(diffTime * interval, \"milliseconds\");\n setInterval(() => {\n duration = moment.duration(duration - 60000, \"milliseconds\");\n setHoursStartSession(\n `Starting in: ${\n Math.floor(duration.asHours().toFixed(2)) > 0\n ? `${Math.floor(duration.asHours().toFixed(2))} hours and `\n : \"\"\n } ${duration.minutes()} minutes`\n );\n\n setTimeLeft(duration.asMinutes());\n }, 60000);\n }, [diffTime]);\n\n if (\n moment().date() < 1 &&\n moment().month() <= 2 &&\n moment().year() <= 2022 &&\n timeLeft < 69120\n ) {\n setTimeLeft(80000);\n }\n\n const counterdown = useMemo(() => {\n return (\n onSearch(value)}>\n 
\n
\n \n {added ? (\n joinedSession()}\n style={{\n marginTop: \"5px\",\n maxWidth: \"150px\",\n width: \"100%\",\n alignSelf: \"flex-end\",\n }}\n />\n ) : timeLeft >= -10 && timeLeft < 69120 ? (\n counterdown\n ) : timeLeft <= -10 &&\n !userProfile?.sessionsJoined?.includes(session.id) ? (\n joinedSession()}\n style={{\n marginTop: \"5px\",\n maxWidth: \"150px\",\n width: \"100%\",\n alignSelf: \"flex-end\",\n }}\n />\n ) : null}\n
\n );\n};\n\nconst ButtonContainerConference = ({\n session,\n userProfile,\n onWatch,\n saveForLaterSession,\n setSessionViewed,\n}) => {\n const handleSaveForLater = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n const isSavedForLater =\n !isEmpty(session.saveForLater) &&\n session.saveForLater.includes(userProfile.id);\n const status = isSavedForLater ? \"not saved\" : \"saved\";\n\n saveForLaterSession(session.id, userProfile.id, status);\n };\n\n return (\n \n {session.type === \"Certificate Track and Panels\" && (\n {\n e.preventDefault();\n e.stopPropagation();\n\n if (userProfile?.sessionsJoined?.includes(session.id)) return;\n setSessionViewed(\n session.id,\n userProfile.id,\n session.viewed[userProfile.id] === \"mark\" ? \"unmark\" : \"mark\"\n );\n }}\n style={{\n marginTop: \"8px\",\n }}\n />\n\n {session.viewed &&\n session.viewed[userProfile.id] !== \"mark\" &&\n session.type === \"Certificate Track and Panels\" && (\n
\n );\n};\n\nconst AnnualConferenceCard = React.memo(\n ({\n session,\n typeConference,\n attended,\n added,\n joinedOtherSession,\n onAddSession,\n onRemoveSession,\n onJoinedSession,\n onWatch,\n userProfile,\n saveForLaterSession,\n claimSession,\n setSessionViewed,\n savedItem,\n }) => {\n const timezone = TIMEZONE_LIST.find(\n (item) => item.value === session.timezone\n );\n const offset = timezone?.offset;\n\n const convertedStartTime = moment(session.startTime)\n ?.tz(timezone?.utc[0])\n ?.utcOffset(offset, true);\n\n const convertedEndTime = moment(session.endTime)\n ?.tz(timezone?.utc[0])\n ?.utcOffset(offset, true);\n\n const [hideInfo, setHideInfo] = useState(true);\n const [showFirewall, setShowFirewall] = useState(false);\n const [\n visibleConfirmJoinedOtherSession,\n setVisibleConfirmJoinedOtherSession,\n ] = useState(false);\n\n const onClickDownloadCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n window.open(\n `${process.env.REACT_APP_API_ENDPOINT}/public/global-conference/ics/${session.id}?userTimezone=${userProfile.timezone}`,\n \"_blank\"\n );\n };\n\n const onClickAddGoogleCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n let googleCalendarUrl = `http://www.google.com/calendar/event?action=TEMPLATE&text=${\n session.title\n }&dates=${convertToLocalTime(convertedStartTime).format(\n \"YYYYMMDDTHHmmSSS\"\n )}/${convertToLocalTime(convertedEndTime).format(\n \"YYYYMMDDTHHmmSSS\"\n )}&details=${\n session.description\n }&location=${\"https://www.hackinghrlab.io/global-conference\"}&trp=false&sprop=https://www.hackinghrlab.io/&sprop=name:`;\n window.open(googleCalendarUrl, \"_blank\");\n };\n\n const onClickAddYahooCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n let yahooCalendarUrl = `https://calendar.yahoo.com/?v=60&st=${convertToLocalTime(\n convertedStartTime\n ).format(\"YYYYMMDDTHHmm\")}&et=${convertToLocalTime(\n convertedEndTime\n ).format(\"YYYYMMDDTHHmm\")}&title=${session.title}&desc=${\n session.description\n }&in_loc=https://www.hackinghrlab.io/global-conference`;\n\n window.open(yahooCalendarUrl, \"_blank\");\n };\n\n const downloadDropdownOptions = () => (\n \n );\n\n const joinedSession = () => {\n if (\n joinedOtherSession &&\n !userProfile?.sessionsJoined?.includes(session.id)\n ) {\n return notification.error({\n message: \"Error\",\n description:\n \"You can’t join this session since you are registered for another session at this same time\",\n });\n } else if (userProfile?.sessionsJoined?.includes(session.id)) {\n return onJoinedSession(session);\n }\n\n setVisibleConfirmJoinedOtherSession(true);\n };\n\n const planUpgrade = () => {\n Emitter.emit(EVENT_TYPES.OPEN_PAYMENT_MODAL);\n };\n\n return (\n \n
\n )}\n \n {!hideInfo && (\n \n
\n {added && {session.title}
\n\n {typeConference !== \"conference-library\" ? (\nAdded
}\n {userProfile?.sessionsJoined?.includes(session.id) && (\n \n Viewed During The Conference\n
\n )}\n \n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n Download calendar \n )}\n
\n\n \n
\n {added && (\n {`Session type: ${session.type}`}
\n {session.date}
\n {typeConference !== \"conference-library\" && (\n \n {session.period} {session.timezone}{\" \"}\n \n Where are you located? If you are not located in the West\n Coast of the United States, Canada or Mexico, then you are\n NOT in Pacific Time Zone. Please convert to your\n corresponding time zone here:{\" \"}\n \n www.timeanddate.com\n \n \n }\n overlayStyle={{ background: \"black\" }}\n overlayInnerStyle={{ background: \"black\" }}\n >\n
\n )}\n \n setHideInfo(!hideInfo)}\n >\n {hideInfo ? \"Review session\" : \"Hide information\"}\n \n
\n \n {session.categories.map((category, i) => (\n
\n\n {!savedItem && (\n \n {session.description && (\n <>\n
\n )}\n\n {showFirewall && (\n Description
\n\n {session.description}\n
\n \n )}\n\n {(session.brands || []).map((brand, index) => (\n
\n\n \n 
\n
\n ))}\n \n
\n\n Recertifications Credits
\n\n {userProfile.memberShip === \"premium\"\n ? session.recertification_credits\n : \"HR Recertification Credits: Only available to PREMIUM\"}\n
\n\n {session.speakers && \n
\n Speakers
}\n {(session.speakers || []).map((speaker, index) => (\n\n
\n \n ))}\n \n {speaker.img ? (\n 
\n ) : (\n \n )}\n
\n \n
\n {speaker.name}
\n{speaker.description}
\n\n
\n \n )}\n\n \n Upgrade to a PREMIUM Membership and get unlimited access to the\n LAB features\n
\n\n You will not be able to join any other session at the same time.\n
\n \n \n );\n }\n);\n\nAnnualConferenceCard.propTypes = {\n session: PropTypes.object,\n attended: PropTypes.number,\n added: PropTypes.bool,\n onAddSession: PropTypes.func,\n onRemoveSession: PropTypes.func,\n};\n\nAnnualConferenceCard.defaultProps = {\n session: {},\n attended: 0,\n added: false,\n onAddSession: () => {},\n onRemoveSession: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n saveForLaterSession,\n setSessionViewed,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(AnnualConferenceCard);\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { isEmpty } from \"lodash\";\n\nimport { SpecialtyItem, CustomButton } from \"components\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport {\n setPodcastseriesViewed,\n saveForLaterPodcastSeries,\n} from \"redux/actions/podcast-actions\";\n\nimport \"./style.scss\";\n\nconst PodcastSeriesCard = ({\n data,\n allCategories,\n userProfile,\n onClick,\n setPodcastseriesViewed,\n saveForLaterPodcastSeries,\n isInHRCredits = false\n}) => {\n const [lineClamp, setLineClamp] = useState(12);\n const {\n id,\n title,\n img,\n description,\n hrCreditOffered,\n categories,\n viewed,\n saveForLater: saveForLaterData,\n } = data || {};\n const randomId = `podcastseries-description-${Math.floor(\n Math.random() * 1000\n )}`;\n\n useEffect(() => {\n let isMounted = true;\n setTimeout(() => {\n if (isMounted) {\n getRowNum();\n }\n }, 500);\n\n window.addEventListener(\"resize\", getRowNum);\n\n return () => {\n isMounted = false;\n window.removeEventListener(\"resize\", getRowNum);\n };\n // eslint-disable-next-line\n }, []);\n\n const getRowNum = () => {\n const descElement = document.querySelector(`#${randomId}`);\n if (descElement) {\n const maxRow = Math.floor(descElement.offsetHeight / 18);\n setLineClamp(maxRow ? maxRow : 1);\n }\n };\n\n const handleSaveForLater = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n const isSavedForLater =\n !isEmpty(saveForLaterData) && saveForLaterData.includes(userProfile.id);\n const status = isSavedForLater ? \"not saved\" : \"saved\";\n\n saveForLaterPodcastSeries(id, userProfile.id, status, isInHRCredits);\n };\n\n return (\n\n
\n );\n};\n\nPodcastSeriesCard.propTypes = {\n data: PropTypes.object,\n onClick: PropTypes.func,\n};\n\nPodcastSeriesCard.defaultProps = {\n data: {},\n onClick: () => { },\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n setPodcastseriesViewed,\n saveForLaterPodcastSeries,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PodcastSeriesCard);\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport FroalaEditor from \"react-froala-wysiwyg\";\n\nimport \"froala-editor/js/froala_editor.min.js\";\nimport \"froala-editor/js/plugins/align.min.js\";\nimport \"froala-editor/js/plugins/char_counter.min.js\";\nimport \"froala-editor/js/plugins/code_beautifier.min.js\";\nimport \"froala-editor/js/plugins/colors.min.js\";\nimport \"froala-editor/js/plugins/emoticons.min.js\";\nimport \"froala-editor/js/plugins/font_size.min.js\";\nimport \"froala-editor/js/plugins/fullscreen.min\";\nimport \"froala-editor/js/plugins/image.min.js\";\nimport \"froala-editor/js/plugins/link.min.js\";\nimport \"froala-editor/js/plugins/lists.min.js\";\nimport \"froala-editor/js/plugins/paragraph_format.min.js\";\nimport \"froala-editor/js/plugins/quick_insert.min.js\";\nimport \"froala-editor/js/plugins/url.min.js\";\nimport \"froala-editor/js/plugins/video.min.js\";\n\nimport \"./style.scss\";\n\nconst FroalaEdit = ({\n s3Hash,\n value,\n onChange,\n additionalConfig,\n className,\n ...rest\n}) => {\n const [editorConfig, setEditorConfig] = useState({});\n const [htmlNote, setHtmlNote] = useState(\"\");\n\n const handleChange = (html) => {\n setHtmlNote(html);\n onChange({ html });\n };\n\n useEffect(() => {\n setHtmlNote(value ? value.html || \"\" : \"\");\n }, [value]);\n\n useEffect(() => {\n setEditorConfig({\n key: process.env.REACT_APP_FROALA_EDITOR_KEY,\n attribution: false,\n charCounterCount: false,\n imageUploadToS3: s3Hash,\n });\n }, [s3Hash]);\n\n return editorConfig.imageUploadToS3 && editorConfig.imageUploadToS3.bucket ? (\n \n {img ? (\n 
\n ) : (\n \n )}\n
\n \n
\n {title}
\n\n \n {description}\n \n
\n \n {`HR Credit Offered: `}\n {hrCreditOffered || \"\"}\n
\n\n {(categories || []).map((item, index) => {\n const category = allCategories.find((cat) => cat.value === item);\n return (\n
\n \n {\n e.preventDefault();\n e.stopPropagation();\n setPodcastseriesViewed(\n data.id,\n viewed && viewed[userProfile.id] === \"mark\" ? \"unmark\" : \"mark\"\n );\n }}\n />\n {viewed && viewed[userProfile.id] !== \"mark\" && (\n
\n \n \n
\n );\n};\n\nFilterPanel.propTypes = {\n title: PropTypes.string,\n hidePodcastSeries: PropTypes.bool,\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onClickPodcastSeries: PropTypes.func,\n};\n\nFilterPanel.defaultProps = {\n title: \"Filters\",\n hidePodcastSeries: false,\n onChange: () => {},\n onSearch: () => {},\n onClickPodcastSeries: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(FilterPanel);\n","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Checkbox, notification } from \"antd\";\nimport { connect } from \"react-redux\";\n\nimport { CustomButton, CustomCheckbox, SearchInput } from \"components\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport { CONFERENCE_SETTING } from \"enum\";\n\nimport \"./style.scss\";\nimport { CheckOutlined } from \"@ant-design/icons\";\nimport moment from \"moment\";\n\nconst SessionType = [...CONFERENCE_SETTING.SESSION_TYPE];\n\nconst FilterPanel = ({\n title,\n allCategories,\n onChange,\n onSearch,\n filters,\n view,\n userProfile,\n onAttend,\n onInviteColleague,\n setModalRequirementsVisible,\n setModalVisibleWelcomingMessage,\n downloadPdf,\n setModalVisibleCertificate,\n}) => {\n const [filterValues, setFilterValues] = useState(filters);\n\n const onFilterChange = (field, values) => {\n const newFilter = {\n ...filterValues,\n [field.toLowerCase()]: JSON.stringify(values),\n };\n setFilterValues(newFilter);\n onChange(newFilter);\n };\n\n useEffect(() => {\n setFilterValues(filters);\n }, [filters]);\n\n return (\n {title}
\n\n
\n \n onFilterChange(\"Topics\", values)}\n >\n {allCategories.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Search
\nTopics
\n\n {userProfile.attendedToConference ? (\n <>\n setModalVisibleWelcomingMessage(true)}\n />\n\n
\n );\n};\n\nFilterPanel.propTypes = {\n title: PropTypes.string,\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onClickPodcastSeries: PropTypes.func,\n filters: PropTypes.object,\n view: PropTypes.string,\n};\n\nFilterPanel.defaultProps = {\n title: \"Filters\",\n onChange: () => {},\n onSearch: () => {},\n onClickPodcastSeries: () => {},\n filters: {},\n view: \"\",\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n userProfile: homeSelector(state).userProfile,\n});\n\nexport default connect(mapStateToProps)(FilterPanel);\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Checkbox } from \"antd\";\nimport { connect } from \"react-redux\";\n\nimport { CustomCheckbox, SearchInput } from \"components\";\n\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\n// import Emitter from \"services/emitter\";\n// import { EVENT_TYPES } from \"enum\";\n\nimport \"./style.scss\";\n\nconst FilterPanel = ({\n title,\n userProfile,\n allCategories,\n onChange,\n onSearch,\n}) => {\n const [filters, setFilters] = useState({});\n\n const onFilterChange = (field, values) => {\n const newFilter = {\n ...filters,\n [field.toLowerCase()]: JSON.stringify(values),\n };\n setFilters(newFilter);\n onChange(newFilter);\n };\n\n // const onOpenPostFormModal = () => {\n // if (userProfile.completed === true) {\n // Emitter.emit(EVENT_TYPES.OPEN_POST_MODAL);\n // } else {\n // Emitter.emit(EVENT_TYPES.SHOW_FIREWALL);\n // }\n // };\n\n return (\n \n
\n \n setModalRequirementsVisible(true)}\n />\n\n downloadPdf(\"conference-schedule\")}\n />\n\n {/* {view === \"personal-agenda\" && (\n downloadPdf(\"personal-agenda\")}\n />\n )} */}\n\n {\n if (moment().weeks() <= 13) {\n return notification.info({\n message: \"Coming soon\",\n description: \"Available On March 21\",\n });\n }\n downloadPdf(\"report-sessions-joined\");\n }}\n />\n\n {\n if (moment().weeks() <= 12) {\n return notification.info({\n message: \"Coming soon\",\n description: \"Available On March 14\",\n });\n }\n setModalVisibleCertificate(true);\n }}\n />\n
\n {title}
\n\n
\n \n onFilterChange(\"Sessions\", values)}\n >\n {SessionType.map((item) => (\n \n {item.text}\n \n ))}\n \n\n onFilterChange(\"Categories\", values)}\n >\n {allCategories.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Search
\nSessions
\n\nCategories
\n\n
\n );\n};\n\nFilterPanel.propTypes = {\n title: PropTypes.string,\n hidePodcastSeries: PropTypes.bool,\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onClickPodcastSeries: PropTypes.func,\n};\n\nFilterPanel.defaultProps = {\n title: \"Filters\",\n hidePodcastSeries: false,\n onChange: () => {},\n onSearch: () => {},\n onClickPodcastSeries: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(FilterPanel);\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Checkbox } from \"antd\";\nimport { connect } from \"react-redux\";\n\nimport { CustomCheckbox, SearchInput } from \"components\";\n\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\n// import Emitter from \"services/emitter\";\n// import { EVENT_TYPES } from \"enum\";\n\nimport \"./style.scss\";\nconst FilterPanel = ({\n title,\n userProfile,\n allCategories,\n onChange,\n onSearch,\n}) => {\n const [filters, setFilters] = useState({});\n\n const onFilterChange = (field, values) => {\n const newFilter = {\n ...filters,\n [field.toLowerCase()]: JSON.stringify(values),\n };\n setFilters(newFilter);\n onChange(newFilter);\n };\n\n // const onOpenPostFormModal = () => {\n // if (userProfile.completed === true) {\n // Emitter.emit(EVENT_TYPES.OPEN_POST_MODAL);\n // } else {\n // Emitter.emit(EVENT_TYPES.SHOW_FIREWALL);\n // }\n // };\n\n return (\n {title}
\n\n
\n \n onFilterChange(\"Topics\", values)}\n >\n {allCategories.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Search
\nTopics
\n\n
\n );\n};\n\nFilterPanel.propTypes = {\n title: PropTypes.string,\n hidePodcastSeries: PropTypes.bool,\n onChange: PropTypes.func,\n onSearch: PropTypes.func,\n onClickPodcastSeries: PropTypes.func,\n};\n\nFilterPanel.defaultProps = {\n title: \"Filters\",\n hidePodcastSeries: false,\n onChange: () => {},\n onSearch: () => {},\n onClickPodcastSeries: () => {},\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(FilterPanel);\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Dropdown, Menu } from \"antd\";\nimport { DownOutlined } from \"@ant-design/icons\";\nimport moment from \"moment-timezone\";\nimport { SpecialtyItem, CustomButton } from \"components\";\nimport { ReactComponent as IconChevronDown } from \"images/icon-chevron-down.svg\";\nimport { convertToLocalTime } from \"utils/format\";\nimport \"./style.scss\";\n\nconst BonfireCard = ({\n bonfire,\n added,\n isBonfireCreator,\n isUserInvited,\n onAddBonfire,\n onRemoveBonfire,\n editBonfire,\n deleteBonfire,\n onDownloadCsv,\n}) => {\n const [hideInfo, setHideInfo] = useState(true);\n\n const convertedStartTime = convertToLocalTime(\n bonfire.startTime,\n bonfire.timezone\n ).format(\"YYYYMMDDTHHmmss\");\n\n const convertedEndTime = convertToLocalTime(\n bonfire.endTime,\n bonfire.timezone\n ).format(\"YYYYMMDDTHHmmss\");\n\n const userTimezone = moment.tz.guess();\n\n const onClickDownloadCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n window.open(\n `${process.env.REACT_APP_API_ENDPOINT}/public/bonfire/ics/${bonfire.id}?userTimezone=${userTimezone}`,\n \"_blank\"\n );\n };\n const onClickAddGoogleCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n let googleCalendarUrl = `http://www.google.com/calendar/event?action=TEMPLATE&text=${encodeURIComponent(\n bonfire.title\n )}&dates=${convertedStartTime}/${convertedEndTime}&details=${encodeURIComponent(\n bonfire.description\n )}&location=https://www.hackinghrlab.io/global-conference&trp=false&sprop=https://www.hackinghrlab.io/&sprop=name:`;\n window.open(googleCalendarUrl, \"_blank\");\n };\n\n const onClickAddYahooCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n let yahooCalendarUrl = `https://calendar.yahoo.com/?v=60&st=${convertedStartTime}&et=${convertedEndTime}&title=${encodeURIComponent(\n bonfire.title\n )}&desc=${encodeURIComponent(\n bonfire.description\n )}&in_loc=https://www.hackinghrlab.io/global-conference`;\n window.open(yahooCalendarUrl, \"_blank\");\n };\n\n const downloadDropdownOptions = () => (\n \n );\n\n return (\n {title}
\n\n
\n \n onFilterChange(\"Topics\", values)}\n >\n {allCategories.map((item) => (\n \n {item.title}\n \n ))}\n \n
\n Search
\nTopics
\n\n \n window.open(bonfire.link, \"_blank\")}\n />\n
\n )}\n \n\n \n \n window.open(bonfire.link, \"_blank\")}\n />\n
\n )}\n\n {added && !isBonfireCreator && (\n {bonfire.title}
\n\n {!added && !isBonfireCreator && (\n\n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n style={{ marginTop: \".5rem\" }}\n >\n Download calendar \n )}\n
\n {added && \n
\n {added && (\n \n {moment(bonfire.startTime).format(\"MMM, D, YYYY\")}\n
\n \n {bonfire.hours} ({userTimezone})\n
\n I am joining
}\n \n setHideInfo(!hideInfo)}\n >\n {hideInfo ? \"More Information\" : \"Hide information\"}\n
\n \n {!hideInfo && (\n \n {bonfire.categories.map((category, i) => (\n
\n \n
\n \n {bonfire.description && (\n <>\n
\n )}\n \n );\n};\n\nBonfireCard.propTypes = {\n bonfire: PropTypes.object,\n added: PropTypes.bool,\n onAddBonfire: PropTypes.func,\n onRemoveBonfire: PropTypes.func,\n onDownloadCsv: PropTypes.func,\n};\n\nBonfireCard.defaultProps = {\n bonfire: {},\n added: false,\n onAddSession: () => {},\n onRemoveBonfire: () => {},\n onDownloadCsv: () => {},\n};\n\nconst mapStateToProps = (state) => ({});\n\nexport default connect(mapStateToProps)(BonfireCard);\n","import React from \"react\";\nimport { Card, Avatar, Tooltip, Button } from \"antd\";\nimport { UserOutlined, LinkedinOutlined } from \"@ant-design/icons\";\nimport \"./style.scss\";\n\nconst SpeakerCard = ({ speaker, type }) => {\n\n const caseLink = (speaker?.User?.personalLinks?.linkedin?.substring(0, 7) !== \"http://\" && speaker?.User?.personalLinks?.linkedin?.substring(0, 8) !== \"https://\") ? `https://${speaker?.User?.personalLinks?.linkedin}` : speaker?.User?.personalLinks?.linkedin\n\n return (\n Description
\n\n {bonfire.description}\n
\n \n )}\n\n\n {bonfire.bonfireOrganizer && (\n <>\n \n
\n Bonfire Organizer
\n\n
\n \n \n )}\n \n {bonfire.bonfireOrganizer.img ? (\n
\n \n
\n \n {bonfire.bonfireOrganizer.firstName}{\" \"}\n {bonfire.bonfireOrganizer.lastName}\n
\n{bonfire.bonfireOrganizer.company}
\n{bonfire.bonfireOrganizer.titleProfessions}
\n\n
\n {speaker && (\n {(type === '2023') ? speaker?.User?.firstName : speaker?.name}
\n{(type === '2023') ? speaker?.User?.about : speaker?.description}
\n\n \n \n
\n )}\n \n );\n};\n\nexport default SpeakerCard;\n","import React, { useState } from \"react\";\nimport { Card, Avatar, Tooltip, Button, Popconfirm } from \"antd\";\nimport {\n LinkedinOutlined,\n MailOutlined,\n ProfileOutlined,\n UserOutlined,\n UserAddOutlined,\n} from \"@ant-design/icons\";\nimport { connect } from \"react-redux\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { CustomButton, SpecialtyItem, CustomModal } from \"components\";\nimport { JOB_BOARD } from \"enum\";\n\nimport \"./style.scss\";\n\nconst ParticipantCardInfo = ({\n participant,\n userProfile,\n marketplaceProfile,\n jobPosts,\n invitationToApply,\n}) => {\n const [isModalVisible, setIsModalVisible] = useState(false);\n\n const showModal = () => {\n setIsModalVisible(true);\n };\n\n const handleCancel = () => {\n setIsModalVisible(false);\n };\n\n const downloadFile = () => {\n const link = document.createElement(\"a\");\n link.setAttribute(\"href\", participant.resumeUrl);\n link.setAttribute(\n \"download\",\n `${participant.firstName} ${participant.lastName}`\n );\n link.setAttribute(\"target\", \"_blank\");\n\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n };\n\n const handleConfirm = (id) => {\n invitationToApply(participant.UserId, id);\n setIsModalVisible(false);\n };\n\n const displayJobPosts =\n jobPosts &&\n jobPosts.map((jobPost) => {\n const displayLocation = jobPost.location\n .map((location) => {\n const data = JOB_BOARD.LOCATIONS.find(\n (loc) => loc.value === location\n );\n\n return data.text;\n })\n .join(\"/\");\n\n return (\n \n
\n \n );\n });\n\n return (\n <>\n {participant.img ? (\n \n
\n {jobPost.jobTitle}
\n\n
\n \n Role level: {jobPost.level}\n
\n \n Job location type: \n {displayLocation}\n
\n \n Salary range: {jobPost.salaryRange}\n
\n \n
\n {marketplaceProfile && (\n \n {participant.firstName} {participant.lastName}\n
\n {participant.lookingFor ? (\n\n \n Looking For:\n \n {participant.lookingFor.map((profesion, i) => (\n
\n ) : (\n {participant.titleProfessions}
\n )}\n{participant.company}
\n\n {participant.location && marketplaceProfile && (\n\n \n Available locations:\n \n\n {participant.location.map((location, i) => (\n
\n )}\n \n {participant.resumeUrl !== \"\" && participant.resumeUrl && (\n \n \n )}\n\n \n \n\n \n \n\n \n \n
\n )}\n {displayJobPosts}
\n \n \n );\n};\n\nconst ParticipantCard = ({\n participant,\n onOpenModalBonfires,\n invitedAllBonfires,\n marketplaceProfile,\n userProfile,\n jobPosts,\n invitationToApply,\n}) => {\n return (\n \n
\n ) : (\n label\n )}\n \n );\n };\n\n return (\n {selectedCategory.title}
\n{categorie.title}
\n \n ))}\n \n );\n};\n\nCategoriesSelect.propTypes = {\n options: PropTypes.array,\n maxValues: PropTypes.number,\n};\n\nCategoriesSelect.defaultProps = {\n options: [],\n maxValues: 2,\n};\n\nexport default CategoriesSelect;\n","import { createSelector } from \"reselect\";\n\nexport const conversationDataSelector = (state) => state.conversation;\n\nconst resultSelector = createSelector(conversationDataSelector, (payload) => {\n return {\n conversations: payload.get(\"conversations\"),\n conversation: payload.get(\"conversation\"),\n currentConversations: payload.get(\"currentConversations\"),\n };\n});\n\nexport const conversationsSelector = (state) => ({\n ...resultSelector(state),\n});\n","import React from \"react\";\nimport { Avatar, Badge } from \"antd\";\nimport { connect } from \"react-redux\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { hideConversation } from \"redux/actions/conversation-actions\";\n\nimport \"./style.scss\";\nimport { transformNames } from \"utils/format\";\nimport { CloseOutlined } from \"@ant-design/icons\";\n\nconst Conversation = ({\n user,\n conversation,\n handleConversation,\n userProfile,\n hideConversation,\n}) => {\n const messagesNotViewed = conversation.messages.filter(\n (message) => !message?.viewedUser?.includes(userProfile.id)\n ).length;\n\n return (\n\n \n handleConversation(conversation)}\n className=\"conversation\"\n >\n {user.img ? (\n \n
\n ) : (\n \n {transformNames(user.firstName)} {transformNames(user.lastName)}\n
\n \n \n\n\n {fileList.length > 0 && (\n
\n )}\n \n \n );\n};\n\nexport default FormMessage;\n","import { CloseOutlined, FilePdfOutlined } from \"@ant-design/icons\";\nimport { Avatar, Button, Tooltip } from \"antd\";\nimport { SOCKET_EVENT_TYPE } from \"enum\";\nimport moment from \"moment\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { getMoreMessages } from \"redux/actions/conversation-actions\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport SocketIO from \"services/socket\";\nimport FormMessage from \"../FormMessage\";\n\nconst Chat = React.memo(\n ({\n userProfile,\n currentConversation,\n closeConversation,\n getMoreMessages,\n ...rest\n }) => {\n const [openEmojiPicker, setOpenEmojiPicker] = useState(false);\n const refChatMessages = useRef(null);\n\n const setRefFirstMessage = useRef(null);\n\n const setRef = useCallback((node) => {\n if (node) {\n node.scrollIntoView({ smooth: true });\n }\n }, []);\n\n const handleSendMessage = (message) => {\n const { files } = message;\n\n let data = {\n ConversationId: currentConversation.id,\n sender: userProfile.id,\n text: message.message,\n viewedUser: [userProfile.id],\n };\n if (files) {\n data = {\n ...data,\n files,\n };\n }\n\n SocketIO.emit(SOCKET_EVENT_TYPE.SEND_MESSAGE, data);\n };\n\n const handleScroll = () => {\n if (refChatMessages.current) {\n const { scrollTop } = refChatMessages.current;\n if (scrollTop === 0 && currentConversation.messages?.length >= 15) {\n getMoreMessages(\n currentConversation.messages?.length,\n currentConversation.id\n );\n setRefFirstMessage.current.scrollIntoView();\n }\n }\n };\n\n const otherUser = currentConversation.members.find(\n (member) => member.id !== userProfile.id\n );\n return (\n \n {fileList.map((file) => {\n if (file.percent < 100) {\n return (\n \n {file.type.includes(\"image\") ? (\n handleDeleteFile(file.uid)}\n />\n
\n );\n })}\n \n
\n )}\n {file.name}
\n\n \n \n {otherUser.abbrName}\n \n
\n )}\n\n \n \n {otherUser.img ? (\n \n
\n ) : (\n \n
\n \n\n \n {otherUser.firstName} {otherUser.lastName}\n
\n\n {otherUser.isOnline && (\nActive now
\n )}\n\n {message.documentFileUrl.replace(\n \"https://upload-files-lab.s3.amazonaws.com/\",\n \"\"\n )}\n
\n \n \n ) : (\n{message.text}
\n \n )}\n \n {currentConversation?.messages[i + 1]?.sender !==\n message?.sender ? (\n <>\n {user?.img ? (\nSend the first message of conversation
\n )}\n \n\n <>\n {conversations\n .filter((conversation) => conversation.showConversation === true)\n .map((conversation) => {\n const otherMember = conversation.members.find(\n (member) => member.id !== userProfile.id\n );\n\n return (\n
\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n currentConversations: conversationsSelector(state).currentConversations,\n conversations: conversationsSelector(state).conversations,\n});\n\nconst mapDispatchToProps = {\n setConversations,\n readMessages,\n setCurrentConversations,\n getConversations,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(React.memo(Chat));\n","import React, { useRef, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Card, notification, Spin } from \"antd\";\nimport { CustomButton, SpecialtyItem } from \"components\";\nimport { ProfileOutlined } from \"@ant-design/icons\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport {\n deleteBusinessPartnerDocument,\n uploadDocumentFile,\n getBusinessPartnerDocuments,\n} from \"redux/actions/business-partner-actions\";\nimport IconLoading from \"images/icon-loading.gif\";\nimport moment from \"moment-timezone\";\nimport \"./style.scss\";\n\nconst BusinessDocumentsCard = ({\n documentFile,\n uploadDocumentFile,\n deleteBusinessPartnerDocument,\n userProfile,\n isLoadinng\n}) => {\n const fileRef = useRef(null);\n const [loading, setLoading] = useState(false);\n\n const onUploadResume = () => {\n if (fileRef && fileRef.current) {\n fileRef.current.click();\n }\n };\n\n const onFileChange = async () => {\n if (fileRef && fileRef.current) {\n // check file type\n\n const file = fileRef.current.files[0];\n const supportedTypes = [\n \"application/pdf\",\n \"application/msword\",\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n ];\n\n if (!supportedTypes.includes(file.type)) {\n // setErrorMessage(\"Invalid format!\");\n return;\n }\n // setErrorMessage(\"\");\n let formData = new FormData();\n formData.append(\"document\", file);\n setLoading(true);\n const response = await new Promise((resolve) => {\n uploadDocumentFile(\n { formData, documentId: documentFile.id },\n (error) => {\n if (error) {\n resolve(false);\n } else {\n resolve(true);\n }\n }\n );\n });\n setLoading(false);\n if (response) {\n notification.success({\n message: \"Success\",\n description: \"Document was saved\",\n });\n // onClose();\n } else {\n notification.error({\n message: \"Error\",\n description: \"Document was not saved\",\n });\n // setErrorMessage(\"Something went wrong. Please try again!\");\n }\n }\n };\n const onDeleteFile = async () => {\n const response = await new Promise((resolve) => {\n deleteBusinessPartnerDocument(\n { documentId: documentFile.id, fileUrl: documentFile.documentFileUrl },\n (error) => {\n if (error) {\n resolve(false);\n } else {\n resolve(true);\n }\n }\n );\n });\n if (response) {\n console.log(\"success delete\");\n } else {\n // setErrorMessage(\"Something went wrong. Please try again!\");\n }\n // setLoading(false);\n };\n const downloadFile = () => {\n if (documentFile.documentFileUrl) {\n const link = document.createElement(\"a\");\n link.setAttribute(\"href\", documentFile.documentFileUrl);\n link.setAttribute(\n \"download\",\n `${documentFile.User.firstName} ${documentFile.User.lastName}`\n );\n link.setAttribute(\"target\", \"_blank\");\n\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n };\n return (\n \n {loading && (\n \n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n isLoadinng: homeSelector(state).loading\n});\n\nconst mapDispatchToProps = {\n uploadDocumentFile,\n deleteBusinessPartnerDocument,\n getBusinessPartnerDocuments,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(BusinessDocumentsCard);\n","import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { useLocation } from \"react-router-dom\";\n\nimport PropTypes from \"prop-types\";\n\nconst SEO = (...seo) => {\n const newSeo = seo[0];\n let location = useLocation();\n let data = newSeo.data;\n let currentUrl = window.location.origin + location.pathname;\n let quote = newSeo.quote !== undefined ? newSeo.quote : \"\";\n let title = newSeo.title !== undefined ? newSeo.title : \"Hacking HR | Powering the Future of HR\";\n let metaTitle = newSeo.title !== undefined ? newSeo.title : \"Hacking HR | Powering the Future of HR\";\n let metaDescription =\n newSeo.description !== undefined\n ? newSeo.description\n : \"We are a community of business and HR leaders, HR practitioners, technologists, entrepreneurs, consultants.\";\n let image =\n newSeo.image !== undefined\n ? newSeo.image\n : \"images/img-certificate-logo.svg\";\n let description =\n newSeo.description !== undefined\n ? newSeo.description\n : \"We are a community of business and HR leaders, HR practitioners, technologists, entrepreneurs, consultants.\";\n let hashtag = newSeo.hashtag !== undefined ? newSeo.hashtag : \"#hackinglab\"; // Merge default and page-specific SEO values\n const defaultSeo = {\n currentUrl,\n quote,\n title,\n image,\n description,\n hashtag,\n metaTitle,\n metaDescription,\n };\n const fullSeo = { ...defaultSeo };\n const getMetaTags = () => {\n const tags = [];\n\n if (fullSeo.metaTitle) {\n tags.push(\n {\n property: \"og:title\",\n content: fullSeo.metaTitle,\n },\n {\n name: \"twitter:title\",\n content: fullSeo.metaTitle,\n },\n { property: \"og:url\", content: currentUrl },\n { property: \"twitter:url\", content: currentUrl }\n );\n }\n if (fullSeo.metaDescription) {\n tags.push(\n {\n name: \"description\",\n content: fullSeo.metaDescription,\n },\n {\n property: \"og:description\",\n content: fullSeo.metaDescription,\n },\n {\n name: \"twitter:description\",\n content: fullSeo.metaDescription,\n }\n );\n }\n if (fullSeo.image) {\n tags.push(\n {\n name: \"image\",\n content: fullSeo.image,\n },\n {\n property: \"og:image\",\n content: fullSeo.image,\n },\n {\n name: \"twitter:image\",\n content: fullSeo.image,\n }\n );\n }\n if (fullSeo.article) {\n tags.push({\n property: \"og:type\",\n content: \"article\",\n });\n }\n tags.push({ name: \"twitter:card\", content: \"summary_large_image\" });\n\n return tags;\n };\n\n const metaTags = getMetaTags();\n return (\n \n
\n )}\n {documentFile.title}
\n\n Description: {documentFile.description}\n
\n\n
\n \n Categories:\n {documentFile.categories.map((el, index) => (\n
\n Posted By: {documentFile.User.firstName}{\" \"}\n {documentFile.User.lastName}\n
\n\n {documentFile.documentFileUrl && (\n
\n \n
\n )}\n {userProfile?.id === documentFile?.User?.id && (\n downloadFile()}>\n {documentFile.documentFileName?.slice(0, 25)}\n
\n\n {\" \"}\n
\n )}\n \n
\n \n {moment(documentFile?.createdAt).format(\"YYYY-MM-DD\")}
\n\n
\n ) : (\n <>\n \n {image ? (\n \n ) : (\n \n )}\n
\n \n onMenuClick(option, id)}\n >\n
\n \n )}\n \n );\n};\n\nBlogCard.propTypes = {\n id: PropTypes.number,\n title: PropTypes.string,\n summary: PropTypes.string,\n image: PropTypes.string,\n categories: PropTypes.array,\n type: PropTypes.string,\n onAdd: PropTypes.func,\n date: PropTypes.string,\n isOwner: PropTypes.bool,\n isEditor: PropTypes.bool,\n isDraft: PropTypes.bool,\n onMenuClick: PropTypes.func,\n};\n\nBlogCard.defaultProps = {\n title: \"\",\n summary: \"\",\n type: CARD_TYPE.VIEW,\n onAdd: () => { },\n categories: [],\n isOwner: false,\n isEditor: false,\n isDraft: false,\n date: `${moment().format(\"MM/DD/YYYY\")}`,\n onMenuClick: () => { },\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(BlogCard);\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n// import { useLocation } from \"react-router-dom\";\n\nimport clsx from \"clsx\";\nimport { useLocation } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\n// import { SpecialtyItem } from \"components\";\nimport { useHistory } from 'react-router-dom';\nimport { Link } from \"react-router-dom\";\nimport { transformNames } from \"utils/format\";\nimport { CARD_TYPE, INTERNAL_LINKS } from \"enum\";\nimport { Avatar } from \"antd\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\n\nimport { ReactComponent as IconPlus } from \"images/icon-plus.svg\";\nimport IconLogo from \"images/logo-sidebar.svg\";\n// import Save1 from \"images/save1.svg\"\n// import Save2 from \"images/save2.svg\"\n\nimport \"./style.scss\";\nimport moment from \"moment\";\n\nconst BlogCard2 = ({\n id,\n title,\n type,\n summary,\n onAdd,\n onMenuClick,\n image,\n data,\n // allCategories,\n // categories,\n userProfile,\n date,\n statusRequest,\n isOwner,\n isEditor,\n isDraft,\n isBlogging,\n saveBlogPost = () => {},\n}) => {\n\n const location = useLocation();\n const history = useHistory();\n\n let thirdCondition = (isDraft) ? '#' : `${location.pathname}${INTERNAL_LINKS.BLOGS_NEW}/${id}`\n let fiveCondition = (isDraft) ? '#' : `${INTERNAL_LINKS.BLOGS_NEW}/${id}`\n\n let idProd = [205,30974,209,40826,41804,45511]\n\n \n const functionCaseTeam = () => {\n if(data?.aut?.firstName){\n return `${transformNames(data?.aut?.firstName || userProfile?.img)} ${transformNames(data?.aut?.lastName || userProfile?.img)}`\n }\n\n if (!idProd.includes(data?.owner?.id)) {\n return `${transformNames(data?.aut?.firstName || data?.owner?.firstName || userProfile?.firstName || \"Indira\")} ${transformNames(data?.aut?.lastName || data?.owner?.lastName || userProfile?.lastName || \"Shree\")}`;\n } else {\n return \"Hacking HR Team\";\n }\n };\n\n return (\n {title}
\n {isDraft && ((!data?.datePublic) ? Saved as a draft : Scheduled for {moment(data?.datePublic, \"YYYY-MM-DD HH:mm\").startOf('hour').format(\"MM/DD/YYYY\")} at {moment(data?.datePublic, \"YYYY-MM-DD HH:mm\").startOf('hour').format(\"HH:mm a\")} (Pacific Time))}\n {statusRequest && {statusRequest}}\n\n
\n {/* {summary}
\n\n {(categories || []).map((item, index) => {\n const category = allCategories.find(\n (cat) => cat.value === item\n );\n return (\n
*/}\n \n {!data?.datePublic ? moment(date).format(\"MM/DD/YYYY\") : ``}\n
\n {(isOwner || isEditor) && (\n \n \n
\n \n )}\n \n
\n ) : (\n <>\n \n {data.image2 ? (\n 
\n ) : (\n \n )}\n
\n \n
\n \n {!data?.datePublic ? moment(date).format(\"ll\") : ``}\n
\n {title}
\n {isDraft &&\n (!data?.datePublic ? (\n Saved as a draft\n ) : (\n \n Scheduled for {moment(data?.datePublic, \"YYYY-MM-DD HH:mm\").startOf(\"hour\").format(\"MM/DD/YYYY\")} at{\" \"}\n {moment(data?.datePublic, \"YYYY-MM-DD HH:mm\").startOf(\"hour\").format(\"HH:mm a\")} (Pacific Time)\n \n ))}\n {statusRequest && {statusRequest}}\n\n
\n {summary}
\n {\n e.preventDefault();\n e.stopPropagation();\n history.push(`${INTERNAL_LINKS.PROFILE}/${!data?.id \n ? (userProfile?.id) \n : (data?.aut?.id || data?.owner?.id || userProfile?.id || \"\")}`\n )\n }}>\n {!idProd.includes(userProfile.id) ? (
\n \n
\n {functionCaseTeam()}
\n{!idProd.includes(userProfile.id) ? userProfile?.titleProfessions : \"\"}
\n {e.preventDefault(); e.stopPropagation();}}>\n
\n \n )}\n \n \n );\n};\n\nBlogCard2.propTypes = {\n id: PropTypes.number,\n title: PropTypes.string,\n summary: PropTypes.string,\n image: PropTypes.string,\n categories: PropTypes.array,\n type: PropTypes.string,\n onAdd: PropTypes.func,\n date: PropTypes.string,\n isOwner: PropTypes.bool,\n isEditor: PropTypes.bool,\n isDraft: PropTypes.bool,\n onMenuClick: PropTypes.func,\n};\n\nBlogCard2.defaultProps = {\n title: \"\",\n summary: \"\",\n type: CARD_TYPE.VIEW,\n onAdd: () => { },\n categories: [],\n isOwner: false,\n isEditor: false,\n isDraft: false,\n date: `${moment().format(\"MM/DD/YYYY\")}`,\n onMenuClick: () => { },\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n});\n\nexport default connect(mapStateToProps)(BlogCard2);\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n// import { useRouter } from \"next/router\";\n\n// import { INTERNAL_LINKS } from \"enum\";\n\n// import IconPlus from \"../../../public/img/icon-plus.svg\";\n\nimport \"./style.scss\";\n// import moment from \"moment\";\n// import { Avatar } from \"antd\";\n\nconst ResourceCard = ({data}) => {\n return (\n \n saveBlogPost({idBlog: data?.id})}>
\n \n {/* 
\n
\n {moment(data?.startDate,\"YYYY-MM-DD hh:mm a\").format(\"MMMM\")} Series
*/}\n \n
\n \n );\n};\n\nexport default ResourceCard;","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Upload } from \"antd\";\nimport { CustomButton } from \"components\";\n\nfunction getBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n}\n\nconst FileUpload = ({ type, accept, onChange, value, fileName }) => {\n const [fileList, setFileList] = useState([]);\n // const [src, setSrc] = useState(\"\");\n\n const fileUpload = async ({ file, onSuccess }) => {\n const base64FormatFile = await getBase64(file);\n onChange(base64FormatFile);\n onSuccess(\"ok\");\n };\n\n useEffect(() => {\n if (value && fileName) {\n setFileList([\n {\n uid: \"-1\",\n name: `${fileName}`,\n status: \"done\",\n url: `${value}`,\n },\n ]);\n }\n }, [value, fileName]);\n\n const removeFile = () => {};\n\n const handleChange = ({ fileList }) => {\n setFileList(fileList);\n };\n\n return (\n {data?.name}
\n {/*{data?.description}
*/}\nExplore More
\n \n//
\n \n// \n// \n// \n//
\n// \n// \n// \n// \n// \n//
\n// \n// \n// \n// \n// \n//
\n// \n// );\n// };\n\nconst ImageUploadPersonalized = ({\n className,\n value,\n aspect,\n onChange,\n type = \"classic\",\n textScale = \"\",\n}) => {\n // const [image, setImage] = useState(null);\n const [src, setSrc] = useState(\"\");\n const [urlStatic, setUrlStatic] = useState(\"\");\n const containerRef = useRef(null)\n\n const imageUpload = async (file) => {\n\n if (file) {\n // const reader = new FileReader();\n // reader.onload = (event) => {\n // setImage(event.target.result);\n // };\n // reader.readAsDataURL(file);\n let type = file.type;\n\n const fileBlob = new Blob([file], { type: type });\n\n setUrlStatic(URL.createObjectURL(fileBlob));\n const base64FormatFile = await getBase64(file);\n onChange(base64FormatFile, file);\n setSrc(base64FormatFile);\n }\n \n };\n \n\n useEffect(() => {\n setSrc(value);\n setUrlStatic(value);\n return () => {};\n }, [value]);\n\n return (\n \n \n
\n ) : (\n Upload image
\n {textScale !== \"\" && (\n\n {textScale}\n
\n )}\n\n
\n );\n }\n}\n\nexport default UploadImageForm;\n","import { createAction } from \"redux-actions\";\n\nconst GET_ADVERTISEMENTS_TODAY_BY_PAGE = \"GET_ADVERTISEMENTS_TODAY_BY_PAGE\";\nconst SET_ADVERTISEMENTS_TODAY_BY_PAGE = \"SET_ADVERTISEMENTS_TODAY_BY_PAGE\";\nconst GET_ADVERTISEMENTS_BY_ADVERTISER = \"GET_ADVERTISEMENTS_BY_ADVERTISER\";\nconst SET_ADVERTISEMENTS_BY_ADVERTISER = \"SET_ADVERTISEMENTS_BY_ADVERTISER\";\nconst CREATE_ADVERTISEMENT = \"CREATE_ADVERTISEMENT\";\nconst GET_ADVERTISEMENT_BY_ID = \"GET_ADVERTISEMENT_BY_ID\";\nconst SET_ADVERTISEMENT_BY_ID = \"SET_ADVERTISEMENT_BY_ID\";\nconst GET_ALL_ACTIVE_ADVERTISEMENTS = \"GET_ALL_ACTIVE_ADVERTISEMENTS\";\nconst SET_ALL_ACTIVE_ADVERTISEMENTS = \"SET_ALL_ACTIVE_ADVERTISEMENTS\";\nconst SET_CREATED_ADVERTISEMENT = \"SET_CREATED_ADVERTISEMENT\";\nconst EDIT_ADVERTISEMENT_BY_ADVERTISER = \"EDIT_ADVERTISEMENT_BY_ADVERTISER\";\nconst SET_EDIT_ADVERTISEMENT_BY_ADVERTISER =\n \"SET_EDIT_ADVERTISEMENT_BY_ADVERTISER\";\nconst CREATE_ADVERTISEMENT_CLICK = \"CREATE_ADVERTISEMENT_CLICK\";\n\nexport const constants = {\n GET_ADVERTISEMENTS_TODAY_BY_PAGE,\n SET_ADVERTISEMENTS_TODAY_BY_PAGE,\n GET_ADVERTISEMENTS_BY_ADVERTISER,\n SET_ADVERTISEMENTS_BY_ADVERTISER,\n CREATE_ADVERTISEMENT,\n GET_ADVERTISEMENT_BY_ID,\n SET_ADVERTISEMENT_BY_ID,\n GET_ALL_ACTIVE_ADVERTISEMENTS,\n SET_ALL_ACTIVE_ADVERTISEMENTS,\n SET_CREATED_ADVERTISEMENT,\n EDIT_ADVERTISEMENT_BY_ADVERTISER,\n SET_EDIT_ADVERTISEMENT_BY_ADVERTISER,\n CREATE_ADVERTISEMENT_CLICK,\n};\n\nexport const getAdvertisementsTodayByPage = createAction(\n GET_ADVERTISEMENTS_TODAY_BY_PAGE,\n (page) => ({ page })\n);\nexport const setAdvertisementsTodayByPage = createAction(\n SET_ADVERTISEMENTS_TODAY_BY_PAGE,\n (advertisement, page) => ({ advertisement, page })\n);\n\nexport const getAdvertisementsByAdvertiser = createAction(\n GET_ADVERTISEMENTS_BY_ADVERTISER,\n (UserId) => ({ UserId })\n);\nexport const setAdvertisementsByAdvertiser = createAction(\n SET_ADVERTISEMENTS_BY_ADVERTISER,\n (advertisements) => ({ advertisements })\n);\nexport const createAdvertisement = createAction(\n CREATE_ADVERTISEMENT,\n (advertisement) => ({ advertisement })\n);\nexport const getAdvertisementById = createAction(\n GET_ADVERTISEMENT_BY_ID,\n (advertisementId) => ({ advertisementId })\n);\nexport const setAdvertisement = createAction(\n SET_ADVERTISEMENT_BY_ID,\n (advertisement) => ({ advertisement })\n);\nexport const getAllActiveAdvertisements = createAction(\n GET_ALL_ACTIVE_ADVERTISEMENTS\n);\nexport const setAllActiveAdvertisements = createAction(\n SET_ALL_ACTIVE_ADVERTISEMENTS,\n (advertisements) => ({ advertisements })\n);\nexport const setCreatedAdvertisement = createAction(\n SET_CREATED_ADVERTISEMENT,\n (advertisement) => ({ advertisement })\n);\nexport const editAdvertisement = createAction(\n EDIT_ADVERTISEMENT_BY_ADVERTISER,\n (AdvertisementId, payload) => ({ AdvertisementId, payload })\n);\nexport const setEditAdvertisement = createAction(\n SET_EDIT_ADVERTISEMENT_BY_ADVERTISER,\n (advertisement) => ({ advertisement })\n);\nexport const createAdvertisementClick = createAction(\n CREATE_ADVERTISEMENT_CLICK,\n (advertisementId) => ({ advertisementId })\n);\n\nexport const actions = {\n getAdvertisementsTodayByPage,\n setAdvertisementsTodayByPage,\n getAdvertisementsByAdvertiser,\n setAdvertisementsByAdvertiser,\n createAdvertisement,\n getAdvertisementById,\n setAdvertisement,\n getAllActiveAdvertisements,\n setAllActiveAdvertisements,\n setCreatedAdvertisement,\n editAdvertisement,\n setEditAdvertisement,\n createAdvertisementClick\n};\n","import { createSelector } from \"reselect\";\n\nconst advertisementDataSelector = (state) => state.advertisement;\n\nconst resultSelector = createSelector(advertisementDataSelector, (payload) => ({\n advertisementsByPage: payload.get(\"advertisementsByPage\"),\n advertisementsByAdvertiser: payload.get(\"advertisementsByAdvertiser\"),\n advertisementById: payload.get(\"advertisementById\"),\n allActiveAdvertisements: payload.get(\"allActiveAdvertisements\")\n}));\n\nexport const advertisementSelector = (state) => ({\n ...resultSelector(state),\n});\n","/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable no-template-curly-in-string */\nimport React, { useState, useEffect } from \"react\";\nimport { Drawer, Form, DatePicker, Modal, notification } from \"antd\";\nimport { CustomButton, CustomInput, CustomSelect } from \"components\";\nimport { isEmpty } from \"lodash\";\nimport moment from \"moment-timezone\";\nimport { connect } from \"react-redux\";\nimport UploadImageForm from \"../UploadImageForm\";\n\nimport {\n getAllActiveAdvertisements,\n createAdvertisement,\n editAdvertisement,\n} from \"redux/actions/advertisment-actions\";\nimport { advertisementSelector } from \"redux/selectors/advertisementsSelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\n\nconst { RangePicker } = DatePicker;\n\nconst AdvertisementDrawer = ({\n visible,\n setVisible,\n page = null,\n onDashboard = false,\n getAllActiveAdvertisements,\n createAdvertisement,\n allActiveAdvertisements,\n isEdit = false,\n advertisement = {},\n clearEditAndAdvertisement,\n editAdvertisement,\n userProfile\n}) => {\n const [totalDays, setTotalDays] = useState(0);\n const [totalPrice, setTotalPrice] = useState(0);\n const [disabledDates, setDisabledDates] = useState([]);\n const [page_, setPage_] = useState(null);\n const [form] = Form.useForm();\n const [isPagePopulated, setIsPagePopulated] = useState(false);\n const [editImageUrl, setEditImageUrl] = useState(null);\n const [visibleModal, setVisibleModal] = useState(false);\n const [hasAdvertisementStarted, setHasAdvertisementStarted] = useState(false);\n const [isDraft, setIsDraft] = useState(true);\n\n useEffect(() => {\n getAllActiveAdvertisements();\n }, []);\n\n useEffect(() => {\n\n if (isEdit) {\n form.setFieldsValue({\n ...advertisement,\n date: [\n moment.tz(advertisement.startDate, \"America/Los_Angeles\"),\n moment.tz(advertisement.endDate, \"America/Los_Angeles\"),\n ],\n image: advertisement.adContentLink,\n });\n\n setEditImageUrl(advertisement.adContentLink);\n\n const dateToday = moment().tz(\"America/Los_Angeles\");\n const hasStarted = dateToday.isAfter(\n moment.tz(advertisement.startDate, \"America/Los_Angeles\")\n );\n setHasAdvertisementStarted(\n hasStarted && advertisement.status === \"active\"\n );\n setIsDraft(advertisement.status === \"draft\");\n setPage_(advertisement.page);\n\n let diff = 0;\n\n if (isEdit) {\n diff = moment\n .tz(advertisement.endDate, \"America/Los_Angeles\")\n .diff(\n moment.tz(advertisement.startDate, \"America/Los_Angeles\"),\n \"days\"\n );\n diff += 1;\n setTotalDays(diff);\n setTotalPrice(diff * advertisement.adCostPerDay);\n }\n } else {\n return () => {\n setHasAdvertisementStarted(false);\n setEditImageUrl(null);\n setIsDraft(false);\n setIsPagePopulated(false);\n };\n }\n\n\n }, [isEdit, advertisement]);\n\n useEffect(() => {\n const date = form.getFieldValue(\"date\");\n\n if (!isEmpty(date)) {\n switch (page_) {\n case \"home\":\n case \"conference-library\":\n if (totalDays > 0) {\n let _totalPrice = 0;\n\n if (totalDays <= 7) {\n _totalPrice = totalDays * 7;\n } else if (totalDays >= 8 && totalDays <= 14) {\n _totalPrice = totalDays * 6;\n } else {\n _totalPrice = totalDays * 5;\n }\n\n setTotalPrice(_totalPrice);\n }\n break;\n case \"events\":\n case \"project-x\":\n if (totalDays > 0) {\n let _totalPrice = 0;\n\n if (totalDays <= 7) {\n _totalPrice = totalDays * 5;\n } else if (totalDays >= 8 && totalDays <= 14) {\n _totalPrice = totalDays * 4;\n } else {\n _totalPrice = totalDays * 3;\n }\n\n setTotalPrice(_totalPrice);\n }\n break;\n default:\n setTotalPrice(0);\n }\n }\n }, [page_, totalDays]);\n\n useEffect(() => {\n if (\n !isEmpty(allActiveAdvertisements) &&\n Array.isArray(allActiveAdvertisements)\n ) {\n let filteredDisabledDates = allActiveAdvertisements.filter(\n (advertisement) => advertisement.page === page_ || page\n );\n\n if (isEdit && !isEmpty(advertisement)) {\n filteredDisabledDates = filteredDisabledDates.filter(\n (date) => date.id !== advertisement.id\n );\n }\n\n let disabledDates = filteredDisabledDates.map(\n (advertisement) => advertisement.datesBetweenStartDateAndEndDate\n );\n\n disabledDates = disabledDates.flat();\n\n let _transformedDisabledDates = [];\n disabledDates.forEach((date) => {\n const filteredDates = disabledDates.filter((d) => d === date);\n\n if (filteredDates.length >= 3) {\n _transformedDisabledDates.push(date);\n }\n });\n\n _transformedDisabledDates = _transformedDisabledDates.map((date) => {\n return moment\n .tz(date, \"America/Los_Angeles\")\n .startOf(\"day\")\n .format(\"YYYY-MM-DD\");\n });\n\n setDisabledDates(_transformedDisabledDates);\n form.resetFields([\"startDate\", \"endDate\"]);\n }\n }, [allActiveAdvertisements, page_, advertisement.page]);\n\n const handleOnSave = (url, base64) => {\n setEditImageUrl(url);\n form.setFieldsValue({\n image: base64,\n });\n setVisibleModal(false);\n };\n\n // const handleDisabledDate = (currentDate) => {\n // const current = moment\n // .tz(currentDate, \"America/Los_Angeles\")\n // .startOf(\"day\")\n // .format(\"YYYY-MM-DD\");\n\n // const isMatch = disabledDates.some((date) => {\n // const transformedDate = moment\n // .tz(date, \"America/Los_Angeles\")\n // .format(\"YYYY-MM-DD\");\n\n // return transformedDate === current;\n // });\n\n // return (\n // (currentDate &&\n // currentDate.valueOf() < moment().tz(\"America/Los_Angeles\")) ||\n // isMatch\n // );\n // };\n\n const handleDisabledDate = (currentDate) => {\n return currentDate && currentDate.valueOf() < Date.now();\n };\n\n const handleOnFinish = (values) => {\n const canPurchase = userProfile.advertisementCredits >= totalPrice;\n\n if (!canPurchase) {\n return notification.warn({\n message: \"You don't have enough credits.\",\n });\n }\n\n const startDate = moment\n .tz(values.date[0], \"America/Los_Angeles\")\n .startOf(\"day\");\n\n const endDate = moment\n .tz(values.date[1], \"America/Los_Angeles\")\n .startOf(\"day\");\n // .endOf(\"day\");\n\n const diff = endDate.diff(startDate, \"days\");\n const adDurationByDays = diff + 1;\n\n const datesBetweenStartDateAndEndDate = [];\n\n for (let i = 0; i <= diff; i++) {\n const date = moment\n .tz(values.date[0], \"America/Los_Angeles\")\n .add(i, \"days\")\n .startOf(\"day\");\n\n datesBetweenStartDateAndEndDate.push(date);\n }\n\n if (isEdit) {\n const transformedValues = {\n ...values,\n startDate,\n endDate: endDate.endOf(\"day\"),\n adDurationByDays,\n datesBetweenStartDateAndEndDate,\n };\n editAdvertisement(advertisement.id, transformedValues);\n } else {\n const transformedValues = {\n ...values,\n startDate,\n endDate: endDate.endOf(\"day\"),\n adDurationByDays,\n datesBetweenStartDateAndEndDate,\n page: page || values.page,\n };\n createAdvertisement(transformedValues);\n }\n\n clearEditAndAdvertisement();\n setVisible(false);\n setIsDraft(true)\n form.resetFields();\n };\n\n const handleOnSelect = (value) => {\n setPage_(value);\n\n if (!isEdit) {\n setIsPagePopulated(true);\n }\n };\n\n // dates = [moment, moment]\n const validateDateRange = (_, value) => {\n const startDate = moment.tz(value[0], \"America/Los_Angeles\").startOf(\"day\");\n const endDate = moment.tz(value[1], \"America/Los_Angeles\").startOf(\"day\");\n\n const datesInBetween = [];\n const diff = endDate.diff(startDate, \"days\");\n setTotalDays(diff + 1);\n\n for (let i = 0; i <= diff; i++) {\n const date = moment\n .tz(value[0], \"America/Los_Angeles\")\n .startOf(\"day\")\n .add(i, \"day\")\n .format(\"YYYY-MM-DD\");\n\n datesInBetween.push(date);\n }\n\n const isOverlap = disabledDates.some((date) =>\n datesInBetween.includes(date)\n );\n\n if (isOverlap && !isDraft) {\n return Promise.reject(\n new Error(\n \"Start Date and End Date are overlapping with disabled dates.\"\n )\n );\n } else {\n return Promise.resolve();\n }\n };\n\n const handleOnClose = () => {\n if (isEdit) {\n clearEditAndAdvertisement();\n setIsDraft(true)\n setTotalDays(0);\n setTotalPrice(0);\n setEditImageUrl(null)\n form.resetFields();\n }\n\n setVisible(false);\n };\n\n const handleDynamicSubmit = (status) => {\n form.setFieldsValue({\n status,\n });\n\n form.submit();\n };\n\n return (\n <>\n \n {src && (\n
\n \n (this.inputRef = ref)}\n onChange={this.onSelectFile}\n />\n
\n \n \n \n \n {onDashboard && (\n \n \n )}\n \n \n
\n \n \n
\n {`Available credits: ${userProfile.advertisementCredits || 0\n }`}
\n\n
\n Total days: {totalDays}
\n\n
\n Total credits: {totalPrice} Credits
\n\n Image (Aspect Ratio: 1 / 1)\n
\n \n {editImageUrl && (\n setVisibleModal(true)}\n />\n
\n \n
\n \n \n {!hasAdvertisementStarted &&\n advertisement.status !== \"active\" && (\n handleDynamicSubmit(\"draft\")}\n style={{ width: \"100%\", marginRight: \"1rem\" }}\n />\n )}\n handleDynamicSubmit(\"active\")}\n style={{ width: \"100%\" }}\n />\n
\n \n
\n \n We want to show you the most relevant information for you\n
\n \n
\n - \n {!user.img ?
- Profile Picture : null}\n {!user.firstName ?
- First name : null}\n {!user.lastName ?
- Last name : null}\n {!user.titleProfessions ?
- Title : null}\n {!user.company ?
- Company : null}\n {!location ?
- Location : null}\n {!user.city ?
- City : null}\n {/* {!timezone ?
- Time zone : null}\n {!user.languages ? (\n
- Main language \n ) : Object.keys(user.languages).length === 0 ? (\n
- Main languages \n ) : null} */}\n {!user.about ?
- Tell us more about you : null}\n {user.topicsOfInterest ? (\n Object.keys(user.topicsOfInterest).length === 0 ? (\n
- Topics of interest \n ) : null\n ) : (\n
- Topics of interest \n )}\n {user.personalLinks ? (\n !user.personalLinks.hasOwnProperty(\"linkedin\") ? (\n
- Linkedin Profile \n ) : user.personalLinks.linkedin.toString().trim() === \"\" ||\n user.personalLinks.linkedin.toString().trim() ===\n \"https://\" ? (\n
- Linkedin Profile \n ) : null\n ) : null}\n {!esEnlace(user?.personalLinks?.linkedin?.toLowerCase()) ? (\n
- Please input a valid linkedin \n ) : null}\n {/* {user.isOpenReceivingEmail === -1 ? (\n
- \n Are open to receiving information/being contacted via email\n about open job positions?\n \n ) : null} */}\n {!user.recentJobLevel ? (\n
- \n What best defines your current or most recent job level?\n \n ) : null}\n {Array.isArray(user.recentWorkArea) ? (\n user.recentWorkArea.length === 0 ? (\n
- \n In what area of HR do you currently work or most recently\n worked?\n \n ) : null\n ) : null}\n {!user.sizeOfOrganization ? (\n
- What is the size of the organization your work for? \n ) : null}\n
{\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n 
\n 
\n
\n }\n if (dataImages?.length === 3) {\n return {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 4) {\n return \n \n
\n \n \n 
\n
\n\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 5) {\n return \n \n
\n \n \n \n 
\n
\n\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 6) {\n return \n \n \n
\n \n \n \n 
\n
\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 7) {\n return \n \n \n \n
\n \n \n \n 
\n
\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 8) {\n return \n \n \n \n
\n \n \n \n \n
\n \n 
\n
\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 9) {\n return \n \n \n \n
\n \n \n \n \n
\n \n \n 
\n
\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n if (dataImages?.length === 10) {\n return \n \n \n \n
\n \n \n \n \n
\n \n \n \n 
\n
\n {\n setBulModal(true)\n setImagesSlider(dataImages)\n }}>\n
\n }\n \n }\n\n const imagesSelect = (data?.imageUrl !== undefined)\n ? (data?.imageUrl?.substring(0, 1) === '[')\n ? gridImageDistribution(JSON.parse(data?.imageUrl))\n : \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n 
\n
\n \n \n \n \n \n {data.UserId === userId ? (\n \n \n ) : (\n \n {follow === false ? (\n \n )}\n \n }\n size={\"large\"}\n acceptLang=\"auto\"\n />\n )}\n \n {(data.topics || []).map((dataTopic, index) => {\n const category = allCategories.find(\n (cat) => cat.value === dataTopic\n );\n return (\n \n #{category ? category.title : dataTopic}\n
\n );\n })}\n \n \n {(data.User.email !== 'barbara@hackinghr.io' && data.User.email !== 'amisha@hackinghr.io') ? : }\n
\n \n {(data.User.email !== 'barbara@hackinghr.io' && data.User.email !== 'amisha@hackinghr.io') ?
\n \n {data.User.firstName} {data.User.lastName}\n
:Hacking HR.
}\n {(data.User.email !== 'barbara@hackinghr.io' && data.User.email !== 'amisha@hackinghr.io') &&{data.User.titleProfessions}
}\n {(data.User.email !== 'barbara@hackinghr.io' && data.User.email !== 'amisha@hackinghr.io') &&{data.User.company}
}\n Posted {getPublicationTime(data.createdAt)}\n- \n
- \n
Edit\n \n - \n
Delete\n \n \n {false && (\n <>\n - \n
Watercooler\n \n - \n
Bonfire\n \n \n )}\n
+ Follow conversation
\n ) : (\n - Unfollow conversation
\n )}\n - \n
- \n
- \n \n\n {parseInt(data.likes) + newlike}\n
\n \n - \n \n{\" \"}\n {data.comments}\n
\n \n
- \n
- \n \n\n {parseInt(data.likes) + newlike}\n
\n \n - \n \n{\" \"}\n {data.comments}\n
\n \n
- \n
- \n
Comment\n \n - \n
View full story\n \n {userProfile.role === \"admin\" && (\n - deletePost(data)}>\n
Delete\n \n )}\n
\n \n {imagesSlider.map((data, index) => {\n return (\n \n
\n \n \n \n );\n};\n\nPostCard.propTypes = {\n showEdit: PropTypes.bool,\n generalFooter: PropTypes.bool,\n onCommentClick: PropTypes.func,\n afterRemove: PropTypes.func,\n details: PropTypes.bool,\n};\n\nPostCard.defaultProps = {\n showEdit: false,\n generalFooter: true,\n onCommentClick: () => { },\n afterRemove: () => { },\n details: false,\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n userId: authSelector(state).id,\n userProfile: homeSelector(state).userProfile,\n isMobile: envSelector(state).isMobile,\n});\n\nconst mapDispatchToProps = {\n setPostLike,\n deletePostLike,\n deletePost,\n setPostFollow,\n deletePostFollow,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PostCard);\n","import { createSelector } from \"reselect\";\n\nconst postDataSelector = (state) => state.post;\n\nconst resultSelector = createSelector(postDataSelector, (payload) => {\n return {\n loading: payload.get(\"loading\"),\n post: payload.get(\"post\"),\n posts: payload.get(\"posts\"),\n allPosts: payload.get(\"allPosts\"),\n countOfResults: payload.get(\"countOfResults\"),\n currentPage: payload.get(\"currentPage\"),\n };\n});\n\nexport const postSelector = (state) => ({\n ...resultSelector(state),\n});\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\n\nimport { CustomButton } from \"components\";\nimport PostCard from \"components/PostCard\";\n\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { postSelector } from \"redux/selectors/postSelector\";\nimport { authSelector } from \"redux/selectors/authSelector\";\n\nimport { INTERNAL_LINKS, SETTINGS } from \"enum\";\n\nimport { getAllPost } from \"redux/actions/post-actions\";\nimport IconLoadingMore from \"images/icon-loading-more.gif\";\n\nimport \"./style.scss\";\n\nconst Posts = ({\n history,\n loading,\n getAllPost,\n allPosts,\n currentPage,\n countOfResults,\n onShowMore,\n userId,\n}) => {\n useEffect(() => {\n getAllPost();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <>\n \n 
sliderRef.current.prev()} />\n
\n \n \n
\n )\n })}\n \n sliderRef.current.next()} />\n
\n \n {allPosts.map((item) => {\n return (\n {\n history.push(`${INTERNAL_LINKS.POST}/${item.id}`);\n }}\n onEditClick={() => {\n history.push(\n `${INTERNAL_LINKS.POST}/${item.id}/${item.UserId}`\n );\n }}\n />\n );\n })}\n
\n \n );\n};\n\nPosts.propTypes = {\n onShowMore: PropTypes.func,\n history: PropTypes.object,\n};\n\nPosts.defaultProps = {\n onShowMore: () => {},\n history: null,\n};\n\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n userId: authSelector(state).id,\n ...postSelector(state),\n});\n\nconst mapDispatchToProps = {\n getAllPost,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Posts);\n","var _title, _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconVideo = function SvgIconVideo(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: \"ionicon\",\n viewBox: \"0 0 512 512\",\n ref: svgRef\n }, props), title === undefined ? _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Videocam\")) : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M374.79 308.78L457.5 367a16 16 0 0022.5-14.62V159.62A16 16 0 00457.5 145l-82.71 58.22A16 16 0 00368 216.3v79.4a16 16 0 006.79 13.08z\",\n fill: \"none\",\n stroke: \"#989da2\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M268 384H84a52.15 52.15 0 01-52-52V180a52.15 52.15 0 0152-52h184.48A51.68 51.68 0 01320 179.52V332a52.15 52.15 0 01-52 52z\",\n fill: \"none\",\n stroke: \"#989da2\",\n strokeMiterlimit: 10,\n strokeWidth: 32\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconVideo, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon-video.800a3338.svg\";\nexport { ForwardRef as ReactComponent };","import { createSelector } from \"reselect\";\n\nconst libraryDataSelector = (state) => state.library;\n\nconst resultSelector = createSelector(libraryDataSelector, (payload) => {\n return {\n loading: payload.get(\"loading\"),\n allLibraries: payload.get(\"allLibraries\"),\n error: payload.get(\"error\"),\n selectedLibrary: payload.get(\"selectedLibrary\"),\n countOfResults: payload.get(\"countOfResults\"),\n currentPage: payload.get(\"currentPage\"),\n recommendations: payload.get(\"recommendations\"),\n allCompletedLibraries: payload.get(\"allCompletedLibraries\"),\n allSaveForLaterLibraries: payload.get(\"allSaveForLaterLibraries\"),\n allLibrariesArticle: payload.get(\"allLibrariesArticle\"),\n currentPagueArticle: payload.get(\"currentPagueArticle\"),\n countOfResultsArticle: payload.get(\"countOfResultsArticle\")\n };\n});\n\nexport const librarySelector = (state) => ({\n ...resultSelector(state),\n});\n","import { createAction } from \"redux-actions\";\n\nconst GET_CHALLENGE = \"GET_CHALLENGE\"\nconst GET_CHALLENGE_ONE = \"GET_CHALLENGE_ONE\"\nconst SET_CHALLENGE = \"SET_CHALLENGE\"\nconst SET_CHALLENGE_ONE = \"SET_CHALLENGE_ONE\"\nconst JOIN_OR_LEAVE_CHALLENGE = \"JOIN_OR_LEAVE_CHALLENGE\"\nconst SEND_INVITATION = \"SEND_INVITATION\"\nconst SET_STATUS_CHALLENGE = \"SET_STATUS_CHALLENGE\"\nconst GET_STATUS_CHALLENGE = \"GET_STATUS_CHALLENGE\"\nconst SETT_STATUS_CHALLENGE = \"SETT_STATUS_CHALLENGE\"\nconst GET_ALL_COMMENTS_CHALLENGE = \"GET_ALL_COMMENTS_CHALLENGE\";\nconst ADD_COMMENT_CHALLENGE = \"ADD_COMMENT_CHALLENGE\";\nconst DELETE_COMMENT_CHALLENGE = \"DELETE_COMMENT_CHALLENGE\";\nconst SET_ALL_COMMENTS_CHALLENGE = \"SET_ALL_COMMENTS_CHALLENGE\";\n\nexport const constants = {\n GET_CHALLENGE,\n GET_CHALLENGE_ONE,\n SET_CHALLENGE,\n SET_CHALLENGE_ONE,\n JOIN_OR_LEAVE_CHALLENGE,\n SEND_INVITATION,\n SET_STATUS_CHALLENGE,\n GET_STATUS_CHALLENGE,\n SETT_STATUS_CHALLENGE,\n GET_ALL_COMMENTS_CHALLENGE,\n ADD_COMMENT_CHALLENGE,\n DELETE_COMMENT_CHALLENGE,\n SET_ALL_COMMENTS_CHALLENGE\n};\n\n// ------------------------------------\n// Actions\n// ------------------------------------\nexport const getChallenge = createAction(GET_CHALLENGE, (callback) => ({\n callback\n}))\n\nexport const getOneChallenge = createAction(GET_CHALLENGE_ONE, (id, callback) => ({\n id, callback\n}))\n\nexport const setChallenge = createAction(SET_CHALLENGE, (challenge) => ({\n challenge\n}))\n\nexport const setChallengeOne = createAction(SET_CHALLENGE_ONE, (challenge) => ({\n challenge\n}))\n\nexport const joinOrLeaveChallenge = createAction(JOIN_OR_LEAVE_CHALLENGE, (id, callback) => ({\n id, callback\n}))\n\nexport const sendInvitation = createAction(SEND_INVITATION, (emails, id, callback) => ({\n emails, id, callback\n}))\n\nexport const setStatusChallenge = createAction(\n SET_STATUS_CHALLENGE,\n (data, callback) => ({ data, callback })\n)\n\nexport const getStatusChallenge = createAction(\n GET_STATUS_CHALLENGE,\n (data, callback) => ({ data, callback })\n)\n\nexport const settStatusChallenge = createAction(\n SETT_STATUS_CHALLENGE,\n (activitiesStatus) => ({ activitiesStatus })\n)\n\nexport const getAllCommentsChallenge = createAction(GET_ALL_COMMENTS_CHALLENGE, (filter) => ({\n filter,\n}));\n\nexport const addCommentChallenge = createAction(ADD_COMMENT_CHALLENGE, (comment) => ({ comment }));\n\nexport const deleteCommentChallenge = createAction(DELETE_COMMENT_CHALLENGE, (comment) => ({\n comment,\n}));\n\nexport const setAllCommentsChallenge = createAction(\n SET_ALL_COMMENTS_CHALLENGE,\n (comments) => ({\n comments,\n })\n);\n\nexport const actions = {\n getChallenge,\n getOneChallenge,\n setChallenge,\n setChallengeOne,\n joinOrLeaveChallenge,\n sendInvitation,\n setStatusChallenge,\n getStatusChallenge,\n settStatusChallenge,\n getAllCommentsChallenge,\n addCommentChallenge,\n deleteCommentChallenge,\n setAllCommentsChallenge\n};\n","import { createSelector } from \"reselect\";\n\nconst challengeDataSelector = (state) => state.challenge;\n\nconst resultSelector = createSelector(challengeDataSelector, (payload) => {\n return {\n challenges: payload.get(\"challenges\"),\n challenge: payload.get(\"challenge\"),\n allCommentsChallenge: payload.get(\"allCommentsChallenge\"),\n activitiesStatus: payload.get('activitiesStatus')\n };\n});\n\nexport const challengeSelector = (state) => ({\n ...resultSelector(state),\n});\n","var _title, _rect, _path, _rect2, _rect3, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconLibrary = function SvgIconLibrary(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: \"ionicon\",\n viewBox: \"0 0 512 512\",\n ref: svgRef\n }, props), title === undefined ? _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Library\")) : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 32,\n y: 96,\n width: 64,\n height: 368,\n rx: 16,\n ry: 16,\n fill: \"none\",\n stroke: \"#3c4752\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"none\",\n stroke: \"#3c4752\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 32,\n d: \"M112 224h128M112 400h128\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 112,\n y: 160,\n width: 128,\n height: 304,\n rx: 16,\n ry: 16,\n fill: \"none\",\n stroke: \"#3c4752\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 256,\n y: 48,\n width: 96,\n height: 416,\n rx: 16,\n ry: 16,\n fill: \"none\",\n stroke: \"#3c4752\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M422.46 96.11l-40.4 4.25c-11.12 1.17-19.18 11.57-17.93 23.1l34.92 321.59c1.26 11.53 11.37 20 22.49 18.84l40.4-4.25c11.12-1.17 19.18-11.57 17.93-23.1L445 115c-1.31-11.58-11.42-20.06-22.54-18.89z\",\n fill: \"none\",\n stroke: \"#3c4752\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconLibrary, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon-library.f934b567.svg\";\nexport { ForwardRef as ReactComponent };","var _title, _rect, _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconCalendarNumberOutline = function SvgIconCalendarNumberOutline(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: \"ionicon\",\n viewBox: \"0 0 512 512\",\n ref: svgRef\n }, props), title === undefined ? _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Calendar Number\")) : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n x: 48,\n y: 80,\n width: 416,\n height: 384,\n rx: 48,\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 32,\n d: \"M128 48v32M384 48v32M464 160H48M304 260l43.42-32H352v168M191.87 306.63c9.11 0 25.79-4.28 36.72-15.47a37.9 37.9 0 0011.13-27.26c0-26.12-22.59-39.9-47.89-39.9-21.4 0-33.52 11.61-37.85 18.93M149 374.16c4.88 8.27 19.71 25.84 43.88 25.84 28.59 0 52.12-15.94 52.12-43.82 0-12.62-3.66-24-11.58-32.07-12.36-12.64-31.25-17.48-41.55-17.48\"\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconCalendarNumberOutline, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon-calendar-number-outline.10b31632.svg\";\nexport { ForwardRef as ReactComponent };","var _title, _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar SvgIconMicOutline = function SvgIconMicOutline(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n className: \"ionicon\",\n viewBox: \"0 0 512 512\",\n ref: svgRef\n }, props), title === undefined ? _title || (_title = /*#__PURE__*/React.createElement(\"title\", null, \"Mic\")) : title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 32,\n d: \"M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M256 64a63.68 63.68 0 00-64 64v111c0 35.2 29 65 64 65s64-29 64-65V128c0-36-28-64-64-64z\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 32\n })));\n};\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgIconMicOutline, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/icon-mic-outline.698471d6.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport ReactPlayer from \"react-player\";\nimport moment from \"moment\";\n\nimport { ReactComponent as IconVideo } from \"images/icon-video.svg\";\nimport { ReactComponent as IconLearningJourney } from \"images/icon-library.svg\";\nimport { ReactComponent as IconCalendar } from \"images/icon-calendar-number-outline.svg\";\nimport { ReactComponent as IconMicOutline } from \"images/icon-mic-outline.svg\";\n\nimport \"./style.scss\";\n\nconst HARDCODED_COVER_PLACEHOLDER =\n \"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png\";\n\nconst TrendingItem = ({ element, type }) => {\n const [image, setImage] = useState(HARDCODED_COVER_PLACEHOLDER);\n\n const contentType = {\n library: { text: \"Learning library\", icon: \n {currentPage * SETTINGS.MAX_SEARCH_ROW_NUM < countOfResults && (\n
\n \n {loading && (\n
\n )}\n \n 
\n
\n )}\n {!loading && (\n \n \n {type !== \"event\" ? (\n
\n {type !== \"event\" &&
\n );\n};\n\nTrendingItem.propTypes = {\n element: PropTypes.object,\n type: PropTypes.string,\n addToMyEventList: PropTypes.func,\n removeFromMyEventList: PropTypes.func,\n};\n\nTrendingItem.defaultProps = {\n element: {},\n type: \"\",\n addToMyEventList: () => {},\n removeFromMyEventList: () => {},\n};\n\nconst mapStateToProps = () => ({});\n\nconst mapDispatchToProps = {};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TrendingItem);\n","/* eslint-disable no-template-curly-in-string */\nimport React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport queryString from \"query-string\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport AdvertisementDrawer from \"containers/AdvertisementDrawer\";\n\nimport ProfileStatusBar from \"./ProfileStatusBar\";\nimport {\n // PostsFilterPanel, \n CustomButton,CustomModal\n} from \"components\";\nimport { getCheckoutSession } from \"api/module/stripe\";\n\nimport Posts from \"containers/Posts\";\nimport moment from \"moment\";\nimport TimeZoneList from \"enum/TimezoneList\";\n// import FilterDrawer from \"../Home/FilterDrawer\";\n\nimport { getUser, setFirstRedirect, confirmStatusPaid } from \"redux/actions/home-actions\";\nimport { getAllPost } from \"redux/actions/post-actions\";\nimport { getRecommendations } from \"redux/actions/library-actions\";\nimport { STRIPE_PRICES } from \"enum\";\n\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { librarySelector } from \"redux/selectors/librarySelector\";\nimport { postSelector } from \"redux/selectors/postSelector\";\nimport { liveSelector } from \"redux/selectors/liveSelector\";\nimport { advertisementSelector } from \"redux/selectors/advertisementsSelector\";\nimport { eventSelector } from \"redux/selectors/eventSelector\";\nimport { envSelector } from \"redux/selectors/envSelector\";\nimport { Collapse, notification } from 'antd'\nimport {\n getAdvertisementsTodayByPage,\n getAdvertisementById,\n createAdvertisementClick,\n} from \"redux/actions/advertisment-actions\";\n\nimport {\n getEvent,\n verifySuscribedUser,\n suscriptionSendingBlue,\n} from \"redux/actions/event-actions\"\nimport {\n getChallenge,\n} from \"redux/actions/challenge-actions\";\nimport { challengeSelector } from \"redux/selectors/challengeSelector\";\n\nimport Emitter from \"services/emitter\";\nimport { EVENT_TYPES, INTERNAL_LINKS } from \"enum\";\nimport { loadStripe } from \"@stripe/stripe-js\";\n\nimport \"./style.scss\";\nimport TrendingItem from \"./TrendingItem\";\n\nconst { Panel } = Collapse\n\nconst HomePage = ({\n history,\n location,\n userProfile,\n recommendations,\n getRecommendations,\n getUser,\n currentPage,\n getAllPost,\n getAdvertisementsTodayByPage,\n advertisementsByPage,\n getAdvertisementById,\n setFirstRedirect,\n firstRedirect,\n advertisementById,\n isAdPreview = false,\n createAdvertisementClick,\n getEvent,\n liveEvent,\n live,\n getChallenge,\n challenges,\n isMobile,\n verifySuscribedUser,\n suscriptionSendingBlue,\n confirmStatusPaid\n}) => {\n const [filters] = useState({});\n const [text] = useState(\"\");\n const [visible, setVisible] = useState(false);\n const [modalResponsePay, setModalResponsePay] = useState(\"\")\n const [hasAdvertisementData, setHasAdvertisementData] = useState(null);\n const [stripe, setStripe] = useState(null);\n const [_, setLoading] = useState(false);\n const [checkoutSessionErrorMsg, setCheckoutSessionErrorMsg] = useState(\"\");\n const [checkoutSessionError, setCheckoutSessionError] = useState(false);\n const [windowReferral, setWindowReferral] = useState(null)\n\n const [bulSuscribed, setBulSuscribed] = useState(true)\n const { refreshPremium, refreshPremiumBad, checkoutstripe\n // refreshMore, refreshMoreBad\n } = queryString.parse(location.search);\n const { id } = useParams();\n\n const history2 = useHistory();\n\n const onUpgrade = () => {\n Emitter.emit(EVENT_TYPES.OPEN_PAYMENT_MODAL);\n };\n\n const instanceStripe = async () => {\n let dataF = loadStripe(process.env.REACT_APP_STRIPE_PK_KEY)\n let data = await dataF;\n setStripe(data);\n };\n\n useEffect(() => {\n instanceStripe();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (!firstRedirect) {\n setFirstRedirect(true)\n // history2.push(INTERNAL_LINKS.LOGIN)\n }\n\n }, [firstRedirect, setFirstRedirect])\n\n useEffect(() => {\n if (window.rewardful) {\n window.rewardful('ready', function () {\n if (window.Rewardful && window.Rewardful.referral) {\n setWindowReferral(window.Rewardful.referral);\n } \n });\n } \n }, []);\n\n const requestCheckoutSessionTable = async ({\n premium = false,\n creator = false,\n recruiter = false,\n isBuyMoreThatOneSuscription = false,\n emailUsers = [],\n }) => {\n setLoading(true);\n let checkoutSessionPrices = [];\n if (premium === true) {\n checkoutSessionPrices.push(STRIPE_PRICES.STRIPE_PRICES[0].priceId);\n }\n if (recruiter === true) {\n checkoutSessionPrices.push(\n STRIPE_PRICES.RECRUITER_STRIPE_PRICES[0].priceId\n );\n }\n if (creator === true) {\n checkoutSessionPrices.push(\n STRIPE_PRICES.CHANNELS_STRIPE_PRICES[0].priceId\n );\n }\n let objectEspecial = windowReferral ? {client_reference_id: windowReferral} : {};\n if(isBuyMoreThatOneSuscription === true){\n if(emailUsers){\n try {\n let sessionData2 = await getCheckoutSession({\n ...objectEspecial,\n isBuyMoreThatOneSuscription: true,\n emailUsers: emailUsers,\n prices: [STRIPE_PRICES.STRIPE_PRICES[3].priceId],\n callback_url: `${process.env.REACT_APP_DOMAIN_URL}?refreshMore=true`,\n callback_error: `${process.env.REACT_APP_DOMAIN_URL}?refreshMoreBad=true`,\n });\n \n return stripe.redirectToCheckout({ sessionId: sessionData2.data.id });\n }catch(err){\n console.log(err)\n setLoading(false);\n setCheckoutSessionError(true);\n setCheckoutSessionErrorMsg(err?.response?.data?.msg);\n notification.error({\n message: \"Error\",\n description: err?.response?.data?.msg,\n });\n }\n }\n }else{\n try {\n let sessionData = await getCheckoutSession({\n ...objectEspecial,\n prices: checkoutSessionPrices,\n callback_url: `${process.env.REACT_APP_DOMAIN_URL}?refreshPremium=true`,\n callback_error: `${process.env.REACT_APP_DOMAIN_URL}?refreshPremiumBad=true`,\n });\n return stripe.redirectToCheckout({ sessionId: sessionData.data.id });\n } catch (err) {\n console.log(err)\n setLoading(false);\n setCheckoutSessionError(true);\n setCheckoutSessionErrorMsg(err?.response?.data?.msg);\n }\n }\n\n \n };\n\n useEffect(() => {\n if(checkoutstripe && checkoutstripe === 'true' && typeof stripe?.redirectToCheckout === 'function' && userProfile.memberShip !== 'premium'){\n requestCheckoutSessionTable({\n premium: true,\n recruiter: false,\n creator: false,\n });\n }\n },[checkoutstripe,stripe, userProfile])\n\n useEffect(() => {\n getChallenge();\n }, [getChallenge])\n\n useEffect(() => {\n if(refreshPremium && refreshPremium === 'true' && (userProfile?.email !== '' && userProfile?.email)){\n getUser();\n setModalResponsePay(\"Wowza! You are now a PREMIUM MEMBER of the Hacking HR LAB! 🎉\")\n confirmStatusPaid(userProfile?.email,userProfile)\n history2.push(INTERNAL_LINKS.HOME)\n }\n },[refreshPremium,userProfile])\n\n useEffect(() => {\n if(refreshPremiumBad && refreshPremiumBad === 'true'){\n setModalResponsePay(\"Ouh, payment could not be processed\")\n history2.push(INTERNAL_LINKS.HOME)\n }\n },[refreshPremiumBad])\n\n // useEffect(() => {\n // if(refreshMore && refreshMore === 'true' && userProfile?.email){\n // getUser();\n // setModalResponsePay(\"Wowza! You and your TEAM are now a PREMIUM MEMBERS of the Hacking HR LAB! 🎉\")\n // confirmStatusPaid({email: userProfile?.email})\n // history2.push(INTERNAL_LINKS.HOME)\n // }\n // },[refreshMore, userProfile])\n\n // useEffect(() => {\n // if(refreshMoreBad && refreshMoreBad === 'true'){\n // setModalResponsePay(\"Ouh, payment could not be processed\")\n // history2.push(INTERNAL_LINKS.HOME)\n // }\n // },[refreshMoreBad])\n\n useEffect(() => {\n const { refresh } = queryString.parse(location.search);\n if (refresh === 1) {\n getUser();\n }\n\n getRecommendations();\n getAllPost({});\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (isAdPreview) {\n getAdvertisementById(id);\n } else {\n getAdvertisementsTodayByPage(\"home\");\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [id]);\n\n useEffect(() => {\n if (\n advertisementsByPage !== undefined &&\n advertisementsByPage.home !== undefined\n ) {\n if (advertisementsByPage?.home[0] !== undefined) {\n setHasAdvertisementData(true);\n } else {\n setHasAdvertisementData(false);\n }\n } else {\n setHasAdvertisementData(false);\n }\n }, [advertisementsByPage]);\n\n // const onFilterChange = (filter) => {\n // getAllPost({ ...filter, text });\n // setFilters(filter);\n // };\n\n // const showFilterPanel = () => {\n // Emitter.emit(EVENT_TYPES.OPEN_FILTER_PANEL);\n // };\n\n // const onSearch = (value) => {\n // getAllPost({\n // ...filters,\n // text: value,\n // });\n // setText(value);\n // };\n\n const onShowMore = () => {\n getAllPost({\n ...filters,\n text,\n page: currentPage + 1,\n });\n };\n\n const searchTimeZone = (timezone) => {\n let currentTimezone = TimeZoneList.find((item) => item.value === timezone);\n\n if (currentTimezone) {\n currentTimezone = currentTimezone.utc[0];\n } else {\n currentTimezone = timezone;\n }\n\n return currentTimezone\n }\n\n const showButtonFunction = (startAndEndTimes, timezone) => {\n let bul = false\n\n if (startAndEndTimes !== undefined && timezone !== undefined) {\n let dateNow = moment(moment.utc(), 'YYYY-MM-DD hh:mm a').tz(searchTimeZone(timezone))?.format('YYYYMMDDHHmm')\n\n startAndEndTimes.forEach((time) => {\n if (bul === false) {\n if ((Number(dateNow) >= Number(moment(time?.startTime, \"YYYY-MM-DD hh:mm a\")?.subtract(5, 'minute')?.format('YYYYMMDDHHmm'))) === true\n && (Number(dateNow) < Number(moment(time?.endTime, \"YYYY-MM-DD hh:mm a\")?.add(1, 'minute')?.format('YYYYMMDDHHmm'))) === true) {\n bul = true\n }\n }\n })\n }\n\n return bul\n\n }\n\n const liveAds = showButtonFunction(liveEvent?.startAndEndTimes, liveEvent?.timezone) ? (\n \n {type !== \"conference\" ? (\n <>\n {image ? (\n
\n \n {type !== \"event\" ? (\n \n {element.title}\n \n ) : (\n element.title\n )}\n
\n {type !== \"event\" && {element.description}
}\n {type !== \"library\" && type === \"event\" && (\n\n \n {moment(element.startDate).format(\"DD MMM - HH:MM A \")}\n \n {element.ticket}\n
\n )}\n {type === \"event\" ? (\n\n
\n ) : (\n \n {contentType[type].icon}\n {contentType[type].text} -{\" \"}\n {`${(element.location || []).join(\", \")} event`}\n
\n \n
\n )}\n \n {contentType[type].icon}\n {contentType[type].text}\n
\n \n \n
\n \n ) : (\n \n )\n\n useEffect(() => {\n if (live.event) {\n getEvent(Number(live.event));\n }\n }, [live.event, getEvent])\n\n useEffect(() => {\n verifySuscribedUser((data) => {\n if (!data) {\n setBulSuscribed(true)\n } else {\n setBulSuscribed(false)\n }\n })\n }, [verifySuscribedUser, setBulSuscribed])\n\n const esEnlace = (texto) => {\n let patronEnlaceLinkedIn = /^(https|http|ftp):\\/\\/[\\w\\-]+(\\.[\\w\\-]+)+[^\\s/$.?#].*$/i;\n return patronEnlaceLinkedIn.test(texto);\n }\n\n const displayAds = () => {\n\n if (!isAdPreview) {\n if (hasAdvertisementData) {\n return (\n LIVE
\n : {liveEvent?.title}
\n\n {liveAds}\n {advertisementsByPage?.home?.map((advertisement) => {\n return (\n \n {\n createAdvertisementClick(advertisement?.id);\n window.open(advertisement?.advertisementLink, \"_blank\");\n }}\n >\n
\n \n );\n })}\n \n )\n } else if (showButtonFunction(liveEvent?.startAndEndTimes, liveEvent?.timezone)) {\n return (\n \n {liveAds}\n
\n )\n } else {\n return \n }\n } else {\n return \n }\n\n }\n\n const displayPreviewAd = isAdPreview && (\n \n
\n \n );\n\n const hadleFilterDates = (data) => {\n\n let newData = data.filter((e) => {\n let dateNow = moment(moment.utc(), 'YYYY-MM-DD hh:mm a').tz(searchTimeZone(e?.timezone))?.format('YYYYMMDDHHmm')\n return (Number(dateNow) < Number(moment(e?.startDate, \"YYYY-MM-DD hh:mm a\")?.add(24, 'hours')?.format('YYYYMMDDHHmm'))) === true\n })\n\n return newData\n }\n\n const displayChallenges = ((!isMobile) ? (\n \n \n window.open(advertisementById?.advertisementLink, \"_blank\")\n }\n >\n
\n \n
}\n {(hadleFilterDates(challenges) || [])?.map((e, index) => (\n \n {!bulSuscribed && \n \n
\n \n
\n Please subscribe to the Hacking HR LAB notification email to receive relevant information
\n\n {\n suscriptionSendingBlue(() => {\n setBulSuscribed(true)\n })\n }}\n />\n
\n {e?.title}
\n\n {\n // window.open(`${INTERNAL_LINKS.CHALLENGE}/${e?.id}`, \"_blank\")\n }}\n />\n
\n \n \n ))}\n \n \n ) : (\n \n
\n {e?.title}
\n\n {\n // window.open(`${INTERNAL_LINKS.CHALLENGE}/${e?.id}`, \"_blank\")\n }}\n />\n
\n \n \n ))}\n \n {setModalResponsePay('')}}\n title={[]}\n footer={[]}\n width={480}\n >\n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n userProfile: homeSelector(state).userProfile,\n firstRedirect: homeSelector(state).firstRedirect,\n recommendations: librarySelector(state).recommendations,\n currentPage: postSelector(state).currentPage,\n live: liveSelector(state).live,\n isMobile: envSelector(state).isMobile,\n liveEvent: eventSelector(state).liveEvent,\n challenges: challengeSelector(state).challenges,\n ...advertisementSelector(state),\n});\n\nconst mapDispatchToProps = {\n getRecommendations,\n setFirstRedirect,\n getUser,\n confirmStatusPaid,\n getAllPost,\n getAdvertisementsTodayByPage,\n getAdvertisementById,\n createAdvertisementClick,\n getChallenge,\n getEvent,\n verifySuscribedUser,\n suscriptionSendingBlue,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(HomePage);\n","import React, {useEffect, useState} from \"react\";\nimport { connect } from \"react-redux\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { CustomButton} from \"components\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { Modal } from \"antd\"\nimport IconLogo from \"images/logo-sidebar.svg\";\nimport clsx from \"clsx\";\nimport { CloseCircleFilled } from \"@ant-design/icons\";\n\nconst SpeakerButtons = ({\n addedToPersonalAgenda,\n userProfile,\n id, \n startDate,\n endDate,\n type,\n usersAddedToThisAgenda,\n getAllPanelSpeakers,\n setActiveMessages\n}) => {\n\n const [bulAddedToMyAgenda, setBulAddedToMyAgenda] = useState(false)\n const [toMyPersonalAgenda,setToMyPersonalAgenda] = useState(false)\n\n const functionAddedToMyAgenda = () => {\n\n const data = {\n PanelId: id,\n startTime: startDate,\n endTime: endDate,\n panelType: type,\n type: \"Added\",\n }\n\n if(userProfile.registerConference2023){\n addedToPersonalAgenda(data, () => {\n setBulAddedToMyAgenda(true)\n })\n }else{\n setActiveMessages(true)\n setTimeout(() => {\n setActiveMessages(false)\n }, 2000);\n }\n }\n\n const functionRemoveToMyAgenda = (data) => {\n addedToPersonalAgenda(data)\n getAllPanelSpeakers(\"All\")\n }\n\n useEffect(() => {\n if(userProfile.id !== undefined){\n setBulAddedToMyAgenda(false)\n if(usersAddedToThisAgenda?.length !== undefined){\n for(let i = 0 ; i < usersAddedToThisAgenda?.length ; i++ ){\n if(Number(usersAddedToThisAgenda[i]) === Number(userProfile.id)){\n setBulAddedToMyAgenda(true)\n }\n }\n }\n }\n },[userProfile,setBulAddedToMyAgenda,usersAddedToThisAgenda])\n \n return (\n <>\n \n
\n Trending
\n\n {recommendations.podcasts && (\n <>\n {recommendations.podcasts.map((item, index) => (\n
\n \n
\n \n
\n \n {displayChallenges}\n
\n \n
\n {displayAds()}\n {displayPreviewAd}\n \n {isMobile && (\n onOpenPostFormModal()}\n text=\"Add Story\"\n />\n )}\n {userProfile && (userProfile.percentOfCompletion !== 100 || !esEnlace(userProfile?.personalLinks?.linkedin?.toLowerCase())) && (\n
\n \n
\n )}\n {userProfile && userProfile.memberShip === \"free\" && (\n \n
\n )}\n \n Upgrade to a PREMIUM Membership and get unlimited access to\n the LAB features\n
\n{modalResponsePay}
\nThank you so much!
\n \nAre you sure?
\n\n \n
\n \n }\n centered\n visible={toMyPersonalAgenda}\n onCancel={() => setToMyPersonalAgenda(false)}\n closable={true}\n footer={[]}\n width={\"300px\"}\n closeIcon={\n setToMyPersonalAgenda(false)}\n />,\n {\n functionAddedToMyAgenda()\n setToMyPersonalAgenda(false)\n }}\n />\n
\n \n \n );\n };\n \n const mapStateToProps = (state, props) => ({\n allPanelSpeakers: speakerAllPanelSpeakerSelector(state).allPanelSpeakers,\n userProfile: homeSelector(state).userProfile,\n });\n \n const mapDispatchToProps = {\n getAllPanelSpeakers: speaker.getAllPanelSpeakers,\n addedToPersonalAgenda: speaker.addedToPersonalAgenda,\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(SpeakerButtons);","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { convertToLocalTime } from \"utils/format\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { Avatar } from \"antd\";\nimport SpeakerButtons from \"./SpeakerButtons\";\n\nimport IconPlus from \"images/icon-plus.svg\";\n\nimport \"./style.scss\";\n\nconst SpeakerContainer = ({\n allUserSpeaker,\n getAllUserSpeaker,\n getAllPanelsOfOneUser,\n allPanelsOfOneUser,\n maxLength,\n className,\n setActiveMessages,\n type\n}) => {\n\n const [windowPopUpForSpeaker, setWindowPopUpForSpeaker] = useState(false)\n const [speakerSelect, setSpeakerSelect] = useState({})\n\n useEffect(() => {\n getAllUserSpeaker(type)\n }, [getAllUserSpeaker, type])\n\n const loadDataForPopUpSpeaker = (id) => {\n getAllPanelsOfOneUser({ id: id, type: \"speakers\" }, (error) => {\n if (!error) {\n setWindowPopUpForSpeaker(true)\n }\n })\n }\n\n const speakers = allUserSpeaker?.userSpeakers?.map((user, index) => {\n\n if (maxLength !== undefined) {\n if (maxLength < index + 1) {\n return ()\n }\n }\n\n let userImg;\n\n if (user?.img) {\n userImg = (\n \n
\n )\n } else {\n userImg = (\n \n \n {user?.abbrName}\n \n
\n )\n }\n\n return (\n \n {userImg}\n
\n \n
\n {user?.firstName} {user?.lastName}
\n{user?.titleProfessions} / {user?.company}
\nClick to see bio and sessions
\n \n )\n\n })\n\n const hadleFilterStatus = (data) => {\n console.log(data)\n return data?.filter((object) => object?.SpeakerPanel?.status === 'active')\n }\n\n return (\n <>\n\n {speakers}\n
\n {windowPopUpForSpeaker &&\n \n
\n }\n \n );\n};\n\nconst mapStateToProps = (state, props) => ({\n allUserSpeaker: speakerAllPanelSpeakerSelector(state).allUserSpeakers,\n allPanelsOfOneUser: speakerAllPanelSpeakerSelector(state).allPanelsOfOneUser,\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n getAllUserSpeaker: speaker.getAllUserSpeaker,\n getAllPanelsOfOneUser: speaker.getAllPanelsOfOneUser\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SpeakerContainer);","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { Avatar } from \"antd\";\nimport { CustomButton } from \"components\";\n\nimport \"./style.scss\";\n\nconst MemberSpeakers = ({\n usersPanel,\n isAdmin,\n remove\n}) => {\n\n const { id, isModerator, UserId} = usersPanel\n const { firstName, img, titleProfessions, lastName, abbrName} = usersPanel.User\n\n return (\n <>\n \n
\n \n ![]()
{ setWindowPopUpForSpeaker(false) }} src={IconPlus} alt=\"icon-close\" />\n
\n {speakerSelect?.name} {speakerSelect?.lastName}
\n\n Link: \n {speakerSelect?.link}\n
\n\n Biography: \n {speakerSelect?.about}\n
\nSessions:
\n {hadleFilterStatus(allPanelsOfOneUser)?.map((SpeakerPanel, index) => {\n\n if (SpeakerPanel.SpeakerPanel !== undefined) {\n\n return (\n\n
\n )\n\n } else {\n\n return (\n {SpeakerPanel.SpeakerPanel.panelName}
\n- {convertToLocalTime(SpeakerPanel.SpeakerPanel.startDate, SpeakerPanel.SpeakerPanel.timeZone).format(\"MM-DD-YYYY hh:mm a\")}
\n- {convertToLocalTime(SpeakerPanel.SpeakerPanel.endDate, SpeakerPanel.SpeakerPanel.timeZone).format(\"MM-DD-YYYY hh:mm a\")}
\n\n
\n )\n\n }\n\n })}\n {SpeakerPanel.panelName}
\n- {convertToLocalTime(SpeakerPanel.startDate, SpeakerPanel.timeZone).format(\"MM-DD-YYYY hh:mm a\")}
\n- {convertToLocalTime(SpeakerPanel.endDate, SpeakerPanel.timeZone).format(\"MM-DD-YYYY hh:mm a\")}
\n\n {remove(id)}}\n />}\n
\n \n );\n };\n \n const mapStateToProps = (state, props) => ({\n\n });\n \n const mapDispatchToProps = {\n\n };\n\n MemberSpeakers.propTypes = {\n usersPanel: PropTypes.object,\n isAdmin: PropTypes.bool,\n remove: PropTypes.func,\n };\n \n MemberSpeakers.defaultProps = {\n usersPanel: {},\n isAdmin: false,\n remove: () => {},\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(MemberSpeakers);\n ","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { CustomButton } from \"components\";\nimport { CloseCircleFilled } from \"@ant-design/icons\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { Dropdown, Menu, Space, Modal, notification } from \"antd\"\nimport { DownOutlined } from \"@ant-design/icons\";\nimport { convertToLocalTime } from \"utils/format\";\nimport IconLogo from \"images/logo-sidebar.svg\";\nimport moment from \"moment\";\nimport clsx from \"clsx\";\n\nimport \"./style.scss\";\n\nconst ButtonsAgenda = ({\n addedToPersonalAgenda,\n userProfile,\n panels,\n setActiveMessages,\n allMySessions,\n updateData\n}) => {\n\n const { usersAddedToThisAgenda, id, panelName, description, startDate, endDate, timeZone, type } = panels\n\n const [bulAddedToMyAgenda, setBulAddedToMyAgenda] = useState(false)\n const [toMyPersonalAgenda, setToMyPersonalAgenda] = useState(false)\n\n const convertedStartTime = convertToLocalTime(\n startDate,\n timeZone\n );\n\n const convertedEndTime = convertToLocalTime(\n endDate,\n timeZone\n );\n\n const functionAddedToMyAgenda = () => {\n\n const data = {\n PanelId: id,\n startTime: startDate,\n endTime: endDate,\n panelType: type,\n type: \"Added\",\n }\n\n if (userProfile.registerConference2023) {\n\n if (type === \"Panels\") {\n addedToPersonalAgenda(data, () => {\n setBulAddedToMyAgenda(true)\n updateData()\n })\n } else {\n\n let arrayVerificacionSessions = []\n\n for (let i = 0; i < allMySessions.length; i++) {\n\n if (allMySessions[i].type !== \"Panels\") {\n\n const startDateCompare = convertToLocalTime(\n allMySessions[i].startDate,\n allMySessions[i].timeZone\n )\n\n const endDateCompare = convertToLocalTime(\n allMySessions[i].endDate,\n allMySessions[i].timeZone\n )\n\n if (moment(startDateCompare, 'YYYY-MM-DD hh:mm a').isBefore(moment(convertedStartTime, 'YYYY-MM-DD hh:mm a'), 'minute') === true && moment(endDateCompare, 'YYYY-MM-DD hh:mm a').isAfter(moment(convertedStartTime, 'YYYY-MM-DD hh:mm a'), 'minute') === true) {\n arrayVerificacionSessions.push(allMySessions[i])\n }\n if (moment(startDateCompare, 'YYYY-MM-DD hh:mm a').isBefore(moment(convertedEndTime, 'YYYY-MM-DD hh:mm a'), 'minute') === true && moment(endDateCompare, 'YYYY-MM-DD hh:mm a').isAfter(moment(convertedEndTime, 'YYYY-MM-DD hh:mm a'), 'minute') === true) {\n arrayVerificacionSessions.push(allMySessions[i])\n }\n if (moment(convertedStartTime, 'YYYY-MM-DD hh:mm a').isBefore(moment(startDateCompare, 'YYYY-MM-DD hh:mm a'), 'minute') === true && moment(convertedEndTime, 'YYYY-MM-DD hh:mm a').isAfter(moment(startDateCompare, 'YYYY-MM-DD hh:mm a'), 'minute') === true) {\n arrayVerificacionSessions.push(allMySessions[i])\n }\n if (moment(convertedStartTime, 'YYYY-MM-DD hh:mm a').isBefore(moment(endDateCompare, 'YYYY-MM-DD hh:mm a'), 'minute') === true && moment(convertedEndTime, 'YYYY-MM-DD hh:mm a').isAfter(moment(endDateCompare, 'YYYY-MM-DD hh:mm a'), 'minute') === true) {\n arrayVerificacionSessions.push(allMySessions[i])\n }\n if (moment(startDateCompare, 'YYYY-MM-DD hh:mm a').format('YYYY-MM-DD hh:mm a') === moment(convertedStartTime, 'YYYY-MM-DD hh:mm a').format('YYYY-MM-DD hh:mm a')) {\n arrayVerificacionSessions.push(allMySessions[i])\n }\n if (moment(endDateCompare, 'YYYY-MM-DD hh:mm a').format('YYYY-MM-DD hh:mm a') === moment(convertedEndTime, 'YYYY-MM-DD hh:mm a').format('YYYY-MM-DD hh:mm a')) {\n arrayVerificacionSessions.push(allMySessions[i])\n }\n }\n }\n\n if (arrayVerificacionSessions.length === 0) {\n addedToPersonalAgenda(data, () => {\n updateData()\n setBulAddedToMyAgenda(true)\n })\n } else {\n notification.error({\n message: \"ERROR:\",\n description: \"You already registered for a session on this same date and same time, You can't register for two sessions on the same date and same time.\",\n });\n }\n\n }\n\n\n } else {\n setActiveMessages(true)\n setTimeout(() => {\n setActiveMessages(false)\n }, 2000);\n }\n }\n\n const functionRemoveToMyAgenda = (data) => {\n addedToPersonalAgenda(data, () => {\n updateData()\n })\n }\n\n const downloadDropdownOptions = () => (\n \n );\n\n const userTimezone = moment.tz.guess();\n\n const onClickDownloadCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n window.open(\n `${process.env.REACT_APP_API_ENDPOINT}/public/speakers/ics/${id}?userTimezone=${userTimezone}`,\n \"_blank\"\n );\n };\n\n const onClickAddGoogleCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n let googleCalendarUrl = `http://www.google.com/calendar/event?action=TEMPLATE&text=${encodeURIComponent(\n panelName\n )}&dates=${convertedStartTime.format(\"YYYYMMDDTHHmmss\")}/${convertedEndTime.format(\"YYYYMMDDTHHmmss\")}&details=${encodeURIComponent(\n description\n )}&location=https://www.hackinghrlab.io/global-conference&trp=false&sprop=https://www.hackinghrlab.io/&sprop=name:`;\n window.open(googleCalendarUrl, \"_blank\");\n };\n\n const onClickAddYahooCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n let yahooCalendarUrl = `https://calendar.yahoo.com/?v=60&st=${convertedStartTime.format(\"YYYYMMDDTHHmmss\")}&et=${convertedEndTime.format(\"YYYYMMDDTHHmmss\")}&title=${encodeURIComponent(\n panelName\n )}&desc=${encodeURIComponent(\n description\n )}&in_loc=https://www.hackinghrlab.io/global-conference`;\n window.open(yahooCalendarUrl, \"_blank\");\n };\n\n useEffect(() => {\n if (userProfile.id !== undefined) {\n setBulAddedToMyAgenda(false)\n for (let i = 0; i < usersAddedToThisAgenda.length; i++) {\n if (Number(usersAddedToThisAgenda[i]) === Number(userProfile.id)) {\n setBulAddedToMyAgenda(true)\n }\n }\n }\n }, [userProfile, setBulAddedToMyAgenda, usersAddedToThisAgenda])\n\n return (\n <>\n \n {img ? (\n \n {abbrName}\n \n )}\n
\n {isAdmin &&\n \n
\n {firstName} {lastName}
\n{titleProfessions}{isModerator ? \" / Moderator\" : \"\"}
\n\n { e.preventDefault() }}\n >\n DOWNLOAD CALENDAR REMINDER\n \n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n \n \n \n \n
\n }\n \n Are you sure?
\n\n \n
\n \n }\n centered\n onCancel={() => setToMyPersonalAgenda(false)}\n visible={toMyPersonalAgenda}\n closable={true}\n footer={[]}\n width={\"300px\"}\n closeIcon={\n setToMyPersonalAgenda(false)}\n />\n {\n functionAddedToMyAgenda()\n setToMyPersonalAgenda(false)\n }}\n />\n
\n \n \n );\n};\n\nconst mapStateToProps = (state, props) => ({\n allPanelSpeakers: speakerAllPanelSpeakerSelector(state).allPanelSpeakers,\n userProfile: homeSelector(state).userProfile,\n});\n\nconst mapDispatchToProps = {\n getAllPanelSpeakers: speaker.getAllPanelSpeakers,\n addedToPersonalAgenda: speaker.addedToPersonalAgenda\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ButtonsAgenda);","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport MemberSpeakers from \"./MembersSpeakers\";\nimport ButtonsAgenda from \"./ButtonsAgenda\";\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { CollapseComponent, CustomButton } from \"components\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { CloseCircleFilled } from \"@ant-design/icons\";\nimport { convertToLocalTime } from \"utils/format\";\nimport NoItemsMessageCard from \"components/NoItemsMessageCard\";\nimport TimeZoneList from \"enum/TimezoneList\";\nimport { INTERNAL_LINKS } from \"enum\";\nimport Arrow from \"../../../../images/arrow-conference.svg\"\nimport { authSelector } from \"redux/selectors/authSelector\";\nimport moment from 'moment'\nimport clsx from \"clsx\";\nimport { Modal } from \"antd\"\nimport Login from \"../../../Login2\";\nimport IconLogo from \"images/logo-sidebar.svg\";\n\nimport \"./style.scss\";\nimport { useCallback } from \"react\";\n\nconst AgendaConference2023 = ({\n getAllPanelSpeakers,\n getAllPanelsOfOneUser,\n allPanelSpeakersFormat,\n allPanelsOfOneUserFormat,\n allPanelsOfOneUser,\n userProfile,\n maxLength,\n mySessions,\n setActiveMessages,\n allCategories,\n isAuthenticated\n}) => {\n\n const [dataCategoriesState, setDataCategoriesState] = useState()\n const [bulModalConfirmDetail, setBulModalConfirmDetail] = useState(false)\n const [bulModal, setBulModal] = useState(false)\n const [startDate, setStartDate] = useState('')\n const [changeSituation, setChangeSituation] = useState(false)\n const [timeZone, setTmeZone] = useState('')\n const [statePanel, setStatePanel] = useState({\n id: '',\n link: '',\n type: ''\n })\n\n let clockAnimation\n let clockAnimation2\n\n useEffect(() => {\n let objectAllCategories = {}\n\n allCategories.forEach((category) => {\n objectAllCategories[`${category.value}`] = category.title\n })\n\n setDataCategoriesState(objectAllCategories)\n }, [allCategories, setDataCategoriesState])\n\n useEffect(() => {\n if (userProfile.id !== undefined) {\n getAllPanelsOfOneUser({ id: userProfile.id, type: \"mySessions\" })\n }\n getAllPanelSpeakers(\"All\")\n }, [getAllPanelSpeakers, userProfile, getAllPanelsOfOneUser, mySessions])\n\n const updateData = () => {\n if (userProfile.id !== undefined) {\n getAllPanelsOfOneUser({ id: userProfile.id, type: \"mySessions\" })\n }\n }\n\n const searchTimeZone = (timezone) => {\n let currentTimezone = TimeZoneList.find((item) => item.value === timezone);\n\n if (currentTimezone) {\n currentTimezone = currentTimezone.utc[0];\n } else {\n currentTimezone = timezone;\n }\n\n return currentTimezone\n }\n\n const functionRedirect = useCallback(() => {\n if (statePanel?.type === 'Panels') {\n window.open(`${INTERNAL_LINKS.MICRO_CONFERENCE}/${statePanel?.id}?type=2023`, \"_blank\");\n } else {\n window.open(`${statePanel?.link}`, \"_blank\");\n }\n }, [statePanel])\n\n useEffect(() => {\n console.log(changeSituation)\n if (localStorage.getItem(\"community\") !== null && changeSituation) {\n functionRedirect();\n }\n }, [changeSituation, functionRedirect, isAuthenticated])\n\n const content = (panels) => {\n\n let categories\n let bulTime\n\n if (dataCategoriesState !== undefined) {\n categories = panels?.category?.map((data, index) => {\n if (panels?.category?.length !== index + 1) {\n return ( {dataCategoriesState[data]} |)\n } else {\n return ( {dataCategoriesState[data]})\n }\n })\n }\n\n const dateNow = moment(moment.utc(), 'YYYY-MM-DD hh:mm a').tz(searchTimeZone(panels?.timeZone))?.format('YYYYMMDDHHmm')\n\n if (panels?.type === \"Panels\") {\n bulTime = ((Number(dateNow) >= Number(moment(panels?.startDate, \"YYYY-MM-DD hh:mm a\")?.subtract(5, 'minute')?.format('YYYYMMDDHHmm'))) === true)\n } else {\n bulTime = ((Number(dateNow) >= Number(moment(panels?.startDate, \"YYYY-MM-DD hh:mm a\")?.subtract(5, 'minute')?.format('YYYYMMDDHHmm'))) === true\n && (Number(dateNow) < Number(moment(panels?.endDate, \"YYYY-MM-DD hh:mm a\")?.add(1, 'minute')?.format('YYYYMMDDHHmm'))) === true)\n }\n\n return (\n \n
\n )\n }\n\n const dataIterated = (panels) => (\n {panels?.panelName}
\n\n
\n \n {\n e.preventDefault()\n if (bulTime) {\n if (localStorage.getItem(\"community\") === null) {\n setStatePanel({\n id: panels?.id,\n link: panels?.link,\n type: panels?.type\n })\n setChangeSituation(true)\n setBulModal(true)\n } else {\n if (panels?.type === 'Panels') {\n window.open(`${INTERNAL_LINKS.MICRO_CONFERENCE}/${panels?.id}?type=2023`, \"_blank\");\n } else {\n window.open(`${panels?.link}`, \"_blank\");\n }\n }\n } else {\n setTmeZone(panels?.timeZone)\n setStartDate(panels?.startDate)\n setBulModalConfirmDetail(true)\n }\n }}\n >JOIN SESSION\n
\n\n Start Time:\n {convertToLocalTime(panels?.startDate, panels?.timeZone).format(\"MM-DD-YYYY hh:mm a\")}\n
\nEnd Time:\n {convertToLocalTime(panels?.endDate, panels?.timeZone).format(\"MM-DD-YYYY hh:mm a\")}\n
\nTimezone:\n {moment.tz.guess()}\n
\nSession type:\n {panels?.type}\n
\n {(panels.type === \"Panels\") &&\nPanel Topics: {categories}
\n }\n {(panels.type === \"Simulations\") &&\nSimulation Topics: {categories}
\n }\n {(panels?.hrCreditsBoolean !== undefined && panels?.hrCreditsBoolean !== '')\n &&\nDoes this session offer HR credits?: {(panels?.hrCreditsBoolean === 'No')\n ? 'NO'\n : `YES (${panels?.numberOfHRCredits} SHRM + ${panels?.numberOfHRCredits} HRCI | Credit Type: ${panels?.typeHrCredits})`\n }
}\n\n {panels?.SpeakerMemberPanels?.map((user) => {\n return (\n
\n )\n\n const dataStatic = (panels) => (\n \n Description: {panels?.description}\n
\n )\n\n const activeCollapse = (e) => {\n let targetContainer = e?.target?.parentElement?.parentElement?.parentElement?.children[1]?.children[0]\n let targetHeight = e?.target?.parentElement?.parentElement?.parentElement?.children[1]\n let targetContainerHeight = targetContainer?.clientHeight\n\n targetHeight.style.cssText = `height: ${targetContainerHeight}px;`\n\n if (e.target.className === \"arrow-title\") {\n clearTimeout(clockAnimation)\n clockAnimation2 = setTimeout(() => {\n targetHeight.style.cssText = `height: auto;`\n }, 500);\n targetContainer.style.cssText = 'position:relative;'\n e.target.className = \"arrow-title-change\"\n targetContainer.className = \"container-collapse-title\"\n } else {\n clockAnimation = setTimeout(() => {\n targetContainer.style.cssText = 'position:absolute;'\n }, 490);\n clearTimeout(clockAnimation2)\n setTimeout(() => {\n targetHeight.style.cssText = `height: 0px;`\n }, 10);\n e.target.className = \"arrow-title\"\n targetContainer.className = \"container-collapse-title-change\"\n }\n }\n\n let myPanelsAgenda = allPanelsOfOneUserFormat?.map((panels, index) => {\n\n if (maxLength !== undefined) {\n if (maxLength < index + 1) {\n return ()\n }\n }\n\n let startTime = convertToLocalTime(panels[0]?.startDate, panels[0]?.timeZone)\n\n return (\n\n
\n )\n })\n\n const filterPanels = (data) => {\n let newData = []\n\n data.forEach((info) => {\n let infoFilter = info.filter((dataInfo) => dataInfo.status === 'active')\n\n if (infoFilter[0] !== undefined) {\n newData = [...newData, [...infoFilter]]\n }\n })\n\n return newData\n }\n\n const panelsAgenda = filterPanels(allPanelSpeakersFormat)?.map((panels, index) => {\n\n if (maxLength !== undefined) {\n if (maxLength < index + 1) {\n return ()\n }\n }\n\n let startTime = convertToLocalTime(panels[0]?.startDate, panels[0]?.timeZone)\n\n return (\n \n
\n activeCollapse(e)} />\n
\n {startTime.format(\"dddd, MMMM DD\")}{startTime.format(\"Do\").slice(-2)}\n \n \n
\n \n {panels?.map((panel) => {\n return (\n
\n \n
\n )\n })\n\n if (userProfile.id === undefined) {\n myPanelsAgenda = (\n \n
\n activeCollapse(e)} />\n
\n {startTime.format(\"dddd, MMMM DD\")}{startTime.format(\"Do\").slice(-2)}\n \n \n
\n \n {panels?.map((panel) => {\n return (\n
\n \n {mySessions\n ? myPanelsAgenda\n : panelsAgenda}\n \n
\n }\n centered\n onCancel={() => setBulModalConfirmDetail(false)}\n visible={bulModalConfirmDetail}\n closable={true}\n footer={[]}\n width={\"400px\"}\n style={{ padding: '20px' }}\n closeIcon={This session has not started yet.
\n\n \n
\n It will start on {convertToLocalTime(startDate, timeZone).format(\"MM-DD-YYYY hh:mm a\")}. The session will be open five minutes before the start time mentioned. Thank you!
\n\n { setBulModalConfirmDetail(false) }}\n />\n
\n \n \n
\n }\n No Authorization was found, please Register.
\n \n
\n \n );\n};\n\nconst mapStateToProps = (state, props) => ({\n allParrafs: speakerAllPanelSpeakerSelector(state).allParrafs\n});\n\nconst mapDispatchToProps = {\n getAllParafs,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Conference2023Home);","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport Agenda from \"./Agenda\";\nimport { Link } from \"react-router-dom\";\nimport { INTERNAL_LINKS } from \"enum\";\nimport \"./style.scss\";\n\nconst Conference2023Agenda = () => {\n\n const [bulSession, setBulSession] = useState(false)\n const [activeMessages, setActiveMessages] = useState(false)\n\n return (\n <>\n \n
\n \n
\n Hacking HR Presents
\n2023 Global Conference
\nFORWARD2023
\nMarch 6-9, 2023 | Virtual
\n\n {allParrafs.map((parraf) => {\n return (\n \n )\n })}\n
\n \n
\n Speakers
\n\n
\n Agenda
\n\n
\n Why to Attend
\n\n
\n \n
\n \n \n
\n networking
\nWe built in the agenda of the conference numerous opportunities for you to connect with HR leaders and professionals from all over the world and expand your network!
\n\n
\n \n \n
\n thought leadership
\nWe are bringing the most talented, world-class global leaders to share their ideas, insights, stories, data, experiences with you. We have more than 500 global influencers coming to speak at the conference!
\n\n
\n \n \n
\n Learning
\nYou will walk away with information, knowledge and ideas that will be critical for your work in HR. This conference is, after all, a remarkable learning experience with more than 100 sessions!
\n\n
\n \n \n
\n Collaboration
\nThis event will provide you opportunities to collaborate with like-minded professionals. There are sessions specifically designed to promote collaboration and cooperation.
\n\n
\n {'Past Conferences & Resources'}
\n\n \n
\n \n \n \n
\n \n Past Conferences: 2020 and 2021
\n\n \n
\n \n \n
\n Home
\n \n \nConference Highlights
\n \n \nSpeakers
\n \n \nAgenda
\n \n© 2022 All Rights Reserved
\n\n
\n \n );\n };\n \n const mapStateToProps = (state, props) => ({\n });\n \n const mapDispatchToProps = {\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(Conference2023Agenda);","import React, {useState} from \"react\";\nimport { connect } from \"react-redux\";\nimport SpeakersContainer from \"./SpeakersContainer\";\nimport { authSelector } from \"redux/selectors/authSelector\";\nimport { Link } from \"react-router-dom\";\nimport { INTERNAL_LINKS } from \"enum\";\n\nimport \"./style.scss\";\n\nconst Conference2023Speakers = () => {\n\n const [activeMessages, setActiveMessages] = useState(false)\n\n return (\n <>\n \n
\n \n
\n Conference Schedule
\n\n
\n {activeMessages &&\n \n
\n {!bulSession\n ? setBulSession(false)}\n style={!bulSession ? {textDecoration: \"underline\"} : {}}\n >Full Conference Shedule
\n \nsetBulSession(true)}\n style={bulSession ? {textDecoration: \"underline\"} : {}}\n >My Sessions
\n\n
\n }\n No Authorization was found, please Register.
\n \n \n
\n \n \n
\n Home
\n \n \nConference Highlights
\n \n \nSpeakers
\n \n \nAgenda
\n \n© 2022 All Rights Reserved
\n\n
\n \n );\n };\n \n const mapStateToProps = (state, props) => ({\n isAuthenticated: authSelector(state).isAuthenticated\n });\n \n const mapDispatchToProps = {\n\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(Conference2023Speakers);","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport { Link } from \"react-router-dom\";\nimport { INTERNAL_LINKS } from \"enum\";\nimport { getAllParafs } from \"redux/actions/speaker-actions\";\n\nimport \"./style.scss\";\n\nconst Conference2023Home = ({\n getAllParafs,\n allParrafs\n}) => {\n\n useEffect(() => {\n getAllParafs(\"Highlights\")\n }, [getAllParafs])\n\n return (\n <>\n \n
\n \n
\n Speakers
\n \n \n
\n {activeMessages &&\n \n
\n }\n No Authorization was found, please Register.
\n \n \n
\n \n \n
\n Home
\n \n \nConference Highlights
\n \n \nSpeakers
\n \n \nAgenda
\n \n© 2022 All Rights Reserved
\n\n
\n \n );\n };\n \n const mapStateToProps = (state, props) => ({\n allParrafs: speakerAllPanelSpeakerSelector(state).allParrafs\n });\n \n const mapDispatchToProps = {\n getAllParafs,\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(Conference2023Home);","import React, {useEffect, useState, useCallback} from \"react\";\nimport { connect } from \"react-redux\";\nimport { ModalCompleteYourProfile } from \"components\";\nimport { authSelector } from \"redux/selectors/authSelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { getUser } from \"redux/actions/home-actions\";\nimport { registerUserIfNotAreRegisterConference2023, setBulRegister, setActiveBoton } from \"redux/actions/speaker-actions\"\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\n\nimport \"./style.scss\";\n\nconst MessagesGeneral = ({\n isAuthenticated,\n userProfile,\n getUser,\n setBulRegister,\n bulRegister,\n setActiveBoton,\n registerUserIfNotAreRegisterConference2023\n}) => {\n\n const [bulCompleteProfile,setBulCompleteProfile] = useState(false)\n const [bulKnowRegister, setBulKnowRegister] = useState(false)\n const [bulMessageOut, setBulMessageOut] = useState(false)\n const [animation, setAnimation] = useState({opacity:\"0%\"})\n const [porcentCompletion, setPorcentCompletion] = useState(-1)\n\n useEffect(() => {\n if(isAuthenticated !== false){\n getUser(); \n }\n }, [isAuthenticated, getUser]);\n\n const quitMessage = useCallback(() => {\n setAnimation({opacity:\"100%\"})\n setTimeout(() => {\n setAnimation({opacity:\"0%\"})\n }, 22000);\n setTimeout(() => {\n setBulMessageOut(false)\n setBulRegister(false)\n }, 2400);\n },[setBulMessageOut,setBulRegister])\n\n const confirm = useCallback(() => {\n if(userProfile.registerConference2023 !== undefined){\n setBulKnowRegister(false)\n if(!userProfile.registerConference2023){\n setActiveBoton(true)\n setBulMessageOut(true)\n quitMessage()\n registerUserIfNotAreRegisterConference2023()\n }\n }\n }, [quitMessage,registerUserIfNotAreRegisterConference2023,setBulMessageOut, setActiveBoton, userProfile.registerConference2023])\n\n const functionPorcentProfile = useCallback(() => {\n if(userProfile.percentOfCompletion !== undefined){\n if(userProfile.percentOfCompletion === 100){\n return true\n }else{\n return false\n }\n }else{\n return\n }\n },[userProfile])\n\n const functionActive = useCallback(async () => {\n const bulWait = functionPorcentProfile()\n\n if(!bulWait){\n setBulCompleteProfile(true)\n setPorcentCompletion(userProfile.percentOfCompletion)\n }\n },[functionPorcentProfile, setBulCompleteProfile, setPorcentCompletion, userProfile])\n\n useEffect(() => {\n\n const bulWait = functionPorcentProfile()\n\n if(bulWait){\n setBulCompleteProfile(false)\n setBulRegister(true)\n if(bulKnowRegister){\n confirm()\n }\n }\n\n if(userProfile.percentOfCompletion !== undefined){\n if(userProfile.percentOfCompletion !== 100 && userProfile.percentOfCompletion !== 0){\n if(porcentCompletion !== userProfile.percentOfCompletion){\n functionActive()\n }\n }\n }\n\n }, [\n userProfile,\n setBulCompleteProfile,\n setBulRegister,\n bulKnowRegister,\n confirm,\n porcentCompletion,\n setPorcentCompletion,\n functionActive,\n functionPorcentProfile\n ])\n\n return (\n <>\n {isAuthenticated && \n <>\n {((userProfile.firstName !== undefined && userProfile.firstName !== '' && bulCompleteProfile)) && \n \n
\n \n
\n Hacking HR Presents
\n2023 Global Conference
\nFORWARD2023
\nMarch 6-9, 2023 | Virtual
\n\n {allParrafs.map((parraf) => {\n return (\n \n )\n })}\n
\n \n
\n Why to Attend
\n\n
\n \n \n
\n networking
\nWe built in the agenda of the conference numerous opportunities for you to connect with HR leaders and professionals from all over the world and expand your network!
\n\n \n
\n thought leadership
\nWe are bringing the most talented, world-class global leaders to share their ideas, insights, stories, data, experiences with you. We have more than 500 global influencers coming to speak at the conference!
\n\n \n
\n Learning
\nYou will walk away with information, knowledge and ideas that will be critical for your work in HR. This conference is, after all, a remarkable learning experience with more than 100 sessions!
\n\n \n
\n Collaboration
\nThis event will provide you opportunities to collaborate with like-minded professionals. There are sessions specifically designed to promote collaboration and cooperation.
\n\n
\n {'Past Conferences & Resources'}
\n\n \n
\n \n \n \n
\n \n Past Conferences: 2020 and 2021
\n\n \n
\n \n \n
\n Home
\n \n \nConference Highlights
\n \n \nSpeakers
\n \n \nAgenda
\n \n© 2022 All Rights Reserved
\n\n
\n }\n {(bulMessageOut && bulRegister) && \n \n
\n }\n \n }\n \n );\n };\n \n const mapStateToProps = (state, props) => ({\n isAuthenticated: authSelector(state).isAuthenticated,\n userProfile: homeSelector(state).userProfile,\n bulRegister: speakerAllPanelSpeakerSelector(state).bulRegister\n });\n \n const mapDispatchToProps = {\n getUser,\n setBulRegister,\n registerUserIfNotAreRegisterConference2023,\n setActiveBoton\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(MessagesGeneral);","import React from \"react\";\n\nimport Conference2023Home from \"./Conference2023Home\";\nimport Conference2023Agenda from \"./Conference2023Agenda\";\nimport Conference2023Speakers from \"./Conference2023Speakers\";\nimport Conference2023Highlights from \"./Conference2023Highlights\";\nimport MessagesGeneral from \"./MessagesGeneral\";\nimport { INTERNAL_LINKS } from \"enum\";\nimport { Redirect, Route } from \"react-router-dom\";\n\nconst Conference2023 = ({ match }) => {\n const {url} = match\n\n return (\n <>\n \n
\n You are now registered
\n\n \n {participant.firstName} {participant.lastName}\n \n {participant.lookingFor ? (\n {`${participant.city}, ${participant.location}`} */}\n\n {/* {participant.location && marketplaceProfile && (\n
\n \n {/* {participant && (\n \n \n Looking For:\n \n {participant.lookingFor.map((profesion, i) => (\n
\n ) : (\n \n {participant.titleProfessions}\n
\n )}\n {/*{participant.company}
*/}\n {/*\n \n Available locations:\n \n\n {participant.location.map((location, i) => (\n
\n )} */}\n {participant && (\n // \n
\n )}\n \n \n \n
\n // \n \n \n\n \n \n
\n )} */}\n \n );\n};\n\nconst ParticipantCard = ({\n participant,\n onOpenModalBonfires,\n invitedAllBonfires,\n marketplaceProfile,\n userProfile,\n}) => {\n return (\n \n
\n );\n};\nconst mapStateToProps = (state) => ({\n ...sessionSelector(state),\n userProfile: homeSelector(state).userProfile,\n councilMembers: councilSelector(state).councilMembers,\n});\n\nconst mapDispatchToProps = {\n getParticipants,\n getCouncilMembers,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CouncilMembers);\n","import { createAction } from \"redux-actions\";\n\nconst UPSERT_COUNCIL_CONVERSATION = \"UPSERT_COUNCIL_CONVERSATION\";\nconst SET_UPSERTED_COUNCIL_CONVERSATION = \"SET_UPSERTED_COUNCIL_CONVERSATION\";\nconst GET_COUNCIL_CONVERSATIONS = \"GET_COUNCIL_CONVERSATIONS\";\nconst SET_COUNCIL_CONVERSATIONS = \"SET_COUNCIL_CONVERSATIONS\";\nconst GET_COUNCIL_CONVERSATION = \"GET_COUNCIL_CONVERSATION\";\nconst SET_COUNCIL_CONVERSATION = \"SET_COUNCIL_CONVERSATION\";\nconst DESTROY_COUNCIL_CONVERSATION = \"DESTROY_COUNCIL_CONVERSATION\";\nconst SET_DELETED_COUNCIL_CONVERSATION = \"SET_DELETED_COUNCIL_CONVERSATION\";\n\nexport const constants = {\n UPSERT_COUNCIL_CONVERSATION,\n SET_UPSERTED_COUNCIL_CONVERSATION,\n GET_COUNCIL_CONVERSATIONS,\n SET_COUNCIL_CONVERSATIONS,\n GET_COUNCIL_CONVERSATION,\n SET_COUNCIL_CONVERSATION,\n DESTROY_COUNCIL_CONVERSATION,\n SET_DELETED_COUNCIL_CONVERSATION,\n};\n\nconst upsertCouncilConversation = createAction(\n UPSERT_COUNCIL_CONVERSATION,\n (councilConversation) => ({ councilConversation })\n);\nconst setUpsertedCouncilConversation = createAction(\n SET_UPSERTED_COUNCIL_CONVERSATION,\n (councilConversation) => ({ councilConversation })\n);\nconst getCouncilConversations = createAction(\n GET_COUNCIL_CONVERSATIONS,\n (filters) => ({ filters })\n);\nconst setCouncilConversations = createAction(\n SET_COUNCIL_CONVERSATIONS,\n (councilConversations) => ({ councilConversations })\n);\nconst getCouncilConversation = createAction(\n GET_COUNCIL_CONVERSATION,\n (CouncilConversationId) => ({ CouncilConversationId })\n);\nconst setCouncilConversation = createAction(\n SET_COUNCIL_CONVERSATION,\n (councilConversation) => ({ councilConversation })\n);\nconst destroyCouncilConversation = createAction(\n DESTROY_COUNCIL_CONVERSATION,\n (CouncilConversationId) => ({ CouncilConversationId })\n);\nconst setDeletedCouncilConversation = createAction(\n SET_DELETED_COUNCIL_CONVERSATION,\n (CouncilConversationId) => ({ CouncilConversationId })\n);\n\nexport const actions = {\n upsertCouncilConversation,\n setUpsertedCouncilConversation,\n getCouncilConversations,\n setCouncilConversations,\n getCouncilConversation,\n setCouncilConversation,\n destroyCouncilConversation,\n setDeletedCouncilConversation,\n};\n","import { createSelector } from \"reselect\";\n\nconst councilConversationDataSelector = (state) => state.councilConversation;\n\nconst resultSelector = createSelector(\n councilConversationDataSelector,\n (payload) => {\n return {\n councilConversations: payload.get(\"councilConversations\"),\n councilConversation: payload.get(\"councilConversation\"),\n };\n }\n);\n\nexport const councilConversationSelector = (state) => ({\n ...resultSelector(state),\n});\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport PropTypes from \"prop-types\";\n\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\n\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { getUser } from \"redux/actions/home-actions\";\n\nimport {\n CustomButton\n} from \"components\";\n\nimport {\n notification\n} from \"antd\";\n\nimport \"./style.scss\";\n\nconst ButtonsCouncilEvents = ({\n withdraw,\n withdrawAdmin,\n join,\n panel,\n userProfile,\n logginModal,\n completeProfile,\n limit2,\n isGlobalConference\n }) => {\n\n const [hasJoined, setHasJoined] = useState(false)\n const [selectType, setSelectType] = useState('')\n\n const escapeDoubleQuotesWithinString = (cadena, startString='\":\"', endString='\",\"') => {\n let dentroDelRango = false;\n let cadenaEscapada = '';\n \n for (let i = 0; i < cadena.length; i++) {\n // Comprobamos si estamos dentro del rango startString y endString\n if (cadena.substring(i, i + startString.length) === startString) {\n dentroDelRango = true;\n cadenaEscapada += startString;\n i += startString.length - 1; // Saltamos al final del startString\n continue;\n } else if (cadena.substring(i, i + endString.length) === endString) {\n dentroDelRango = false;\n cadenaEscapada += endString;\n i += endString.length - 1; // Saltamos al final del endString\n continue;\n }\n \n // Escapamos las comillas si estamos dentro del rango y no son parte de `{\"` o `\"}` \n if (dentroDelRango && cadena[i] === '\"' && !(cadena[i - 1] === \"{\" && cadena[i] === '\"') && !(cadena[i] === '\"' && cadena[i + 1] === \"}\")) {\n cadenaEscapada += '\\\\\"';\n } else {\n cadenaEscapada += cadena[i];\n }\n }\n \n return cadenaEscapada;\n }\n \n const isFullCouncil = panel?.CouncilEventPanelists?.filter((user) => \n user.isModerator === false || user.isModerator === 'false'\n )?.length >= +panel.numberOfPanelists;\n\n const isFullGlobal = (panel?.SpeakerMemberPanels?.filter((user) => \n user.isModerator === false || user.isModerator === 'false'\n )?.length + panel?.arrayControlIdsExternal?.filter((user2) => {\n let user = JSON.parse(escapeDoubleQuotesWithinString(user2))\n return ((user.isModerator === 'false') ? false : true) === false\n })?.length) >= +panel.numberOfPanelists;\n \n let isFull = isGlobalConference ? isFullGlobal : isFullCouncil;\n\n useEffect(() => {\n if (isGlobalConference) {\n if(panel?.arrayControlIdsEvents?.length > 0){\n \n const councilAwait = panel?.arrayControlIdsEvents?.find((panelList2) => {\n let panelList = JSON.parse(escapeDoubleQuotesWithinString(panelList2))\n return Number(panelList.id) === Number(userProfile.id)\n })\n \n if(!councilAwait){\n const councilEventPanelist = panel?.SpeakerMemberPanels?.find(\n (panelist) => panelist?.User?.id === userProfile.id\n );\n \n setHasJoined(!!councilEventPanelist);\n setSelectType('sure')\n }else{\n setHasJoined(!!councilAwait);\n setSelectType('await')\n }\n \n }else{\n const councilEventPanelist = panel?.SpeakerMemberPanels?.find(\n (panelist) => panelist?.User?.id === userProfile.id\n );\n \n setHasJoined(!!councilEventPanelist);\n setSelectType('sure')\n }\n } else {\n if(panel?.arrayControlIdsEvents?.length > 0){\n \n const councilAwait = panel?.arrayControlIdsEvents?.find(\n (panelList) => Number(panelList.id) === Number(userProfile.id)\n )\n \n if(!councilAwait){\n const councilEventPanelist = panel?.CouncilEventPanelists?.find(\n (panelist) => panelist?.User?.id === userProfile.id\n );\n \n setHasJoined(!!councilEventPanelist);\n setSelectType('sure')\n }else{\n setHasJoined(!!councilAwait);\n setSelectType('await')\n }\n \n }else{\n const councilEventPanelist = panel?.CouncilEventPanelists?.find(\n (panelist) => panelist?.User?.id === userProfile.id\n );\n \n setHasJoined(!!councilEventPanelist);\n setSelectType('sure')\n }\n }\n },[panel, setHasJoined, setSelectType, userProfile, isGlobalConference])\n \n \n return (\n <>\n {hasJoined ? (\n \n {SortByFirstName(councilMembers)?.map((councilMember, i) => (\n
\n \n \n Missing information:\n \n {!img ? Profile Picture : null}\n {!firstName ? First name : null}\n {!lastName ? Last name : null}\n {!titleProfessions ? Title : null}\n {!company ? Company : null}\n {!location ? Location : null}\n {!city ? City : null}\n {/* {!timezone ? Time zone : null}\n {!languages ? (\n Main language \n ) : Object.keys(languages).length === 0 ? (\n Main languages \n ) : null} */}\n {!about ? Tell us more about you : null}\n {topicsOfInterest ? (\n Object.keys(topicsOfInterest).length === 0 ? (\n Topics of interest \n ) : null\n ) : (\n Topics of interest \n )}\n {personalLinks ? (\n !personalLinks.hasOwnProperty(\"linkedin\") ? (\n Linkedin Profile \n ) : (personalLinks.linkedin.toString() || \"\").trim() ===\n \"\" ||\n (personalLinks.linkedin.toString() || \"\").trim() ===\n \"https://\" ? (\n Linkedin Profile \n ) : null\n ) : null}\n {/* {isOpenReceivingEmail === -1 ? (\n \n Are open to receiving information/being contacted via\n email about open job positions?\n \n ) : null} */}\n {!recentJobLevel ? (\n \n What best defines your current or most recent job level?\n \n ) : null}\n {Array.isArray(recentWorkArea) ? (\n recentWorkArea.length === 0 ? (\n \n In what area of HR do you currently work or most\n recently worked?\n \n ) : null\n ) : null}\n {!sizeOfOrganization ? (\n What is the size of the organization your work for? \n ) : null}\n \n
\n ) : (\n \n {img !== undefined &&\n typeof img === \"string\" &&\n (img || \"\").trim().length > 2 ? (\n \n {abbrName}\n \n )\n )}\n\n
\n {`${firstName} ${lastName}`}
\nThis user profile is completed
\n )\n }\n />\n\n \n Email
\n
\n \n \n );\n};\n\nexport default UserProfileModal;\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport PropTypes from \"prop-types\";\nimport { Avatar } from \"antd\";\nimport { CustomButton } from \"components\";\nimport UserProfileModal from \"containers/UserProfileModal\";\n\nimport \"./style.scss\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { getOneUserById } from \"api\";\n\nconst MemberSpeakers = ({\n usersPanel,\n isAdmin,\n remove,\n removeAdmin,\n removeExternal,\n joinAdmin,\n emailOfAdmin = undefined,\n allCategories\n}) => {\n const [showProfile, setShowProfile] = useState(false);\n const [userProfile, setUserProfile] = useState({});\n\n const { id, isModerator, UserId, buttonsAccept, pending, isExternalUser, isKeynote} = usersPanel\n const { firstName, img, titleProfessions, lastName, abbrName } = usersPanel?.User || {};\n\n let bul1 = (pending === true && isAdmin)\n let bul2 = (pending === undefined)\n let bul3 = (pending === false && isAdmin)\n let bul4 = (bul1 || bul2 || bul3)\n \n const getOneUser = async (id) => {\n const response = await getOneUserById(id);\n setUserProfile(response?.data?.user || {})\n setShowProfile(true)\n }\n\n return (\n <>\n {bul4 && {email || \"-\"}
\nTitle
\n{titleProfessions || \"-\"}
\nCompany
\n{company || \"-\"}
\nLocation
\n{location || \"-\"}
\nCity
\n{city || \"-\"}
\nTime zone
\n{timezone || \"-\"}
\nMain language
\n {languages && languages.length > 0 ? (\n languages.map((lang, index) => (\n\n {getLanguage(lang)}\n
\n ))\n ) : (\n-
\n )}\nTell us more about you
\n{about || \"-\"}
\nTopics of interest
\n\n {(topicsOfInterest || [])\n .map((item) => {\n const index = allCategories.findIndex((t) => t.value === item);\n if (index >= 0) {\n return allCategories[index].title;\n }\n return item;\n })\n .join(\", \") || \"-\"}\n
\nPersonal links
\n {Object.keys(personalLinks || []).map((contact) => {\n if (contact === \"linkedin\") {\n return (\n\n
\n );\n } else {\n return null;\n }\n })}\n \n \n
\n \n {personalLinks[contact] || \"-\"}\n
\n\n Are open to receiving information/being contacted via email about\n open job positions?\n
\n\n {isOpenReceivingEmail === 1\n ? \"Yes\"\n : isOpenReceivingEmail === 0\n ? \"No\"\n : \"-\"}\n
\nJob Level
\n{recentJobLevel || \"-\"}
\n\n In what area of HR do you currently work or most recently worked?\n
\n\n {recentWorkArea !== undefined &&\n recentWorkArea.length &&\n recentWorkArea.includes(\"all\")\n ? WorkAreas.filter((item) => item.value !== \"all\").map(\n (item) => item.label\n )\n : // .join(\", \")\n recentWorkArea}\n
\nSize of the organization
\n{sizeOfOrganization || \"-\"}
\n {mentor !== \"\" && mentor !== null && (\n <>\n\n Describe your interests as a mentor and the types of the types\n of mentees you want to connect with\n
\n{mentor}
\n \n )}\n {mentee !== \"\" && mentee !== null && (\n <>\n\n Describe your interests as a mentee and the types of the types\n of mentors you want to connect with\n
\n{mentee}
\n \n )}\n\n {\n if(isExternalUser){\n removeExternal()\n }else{\n removeAdmin()\n }\n }}\n />\n }\n {(isAdmin && buttonsAccept) && \n {joinAdmin()}}\n />\n }\n {(isAdmin && buttonsAccept) && \n {remove()}}\n />\n }\n {((isAdmin && emailOfAdmin !== undefined && (emailOfAdmin === 'Enrique@hackinghr.io' || emailOfAdmin === 'mkeivy.mora@gmail.com')) && !isExternalUser) && \n {\n getOneUser(UserId)}}\n />\n }\n
}\n\n {(pending === true && !isAdmin) && \n {img ? (\n \n {abbrName}\n \n )}\n
\n {(isAdmin && !buttonsAccept) &&\n \n
\n {firstName} {lastName}
\n{titleProfessions}{isModerator ? \" / Session Moderator\" : \"\"}{(isKeynote === true || isKeynote === 'true') ? \" / Keynote Speakers\" : \"\"}
\n\n
}\n\n \n {img ? (\n \n {abbrName}\n \n )}\n
\n \n
\n {firstName} {lastName}
\n{titleProfessions}{isModerator ? \" / Moderator\" : \"\"}
\nPending
\n\n \n {panels?.panelName}\n \n \n Panel Start Time: {startTime?.format(\"HH:mm a\")}{\" \"}\n {moment.tz.guess()}\n \n \n Panel End Time: {endTime?.format(\"HH:mm a\")} {moment.tz.guess()}\n \n
\n );\n };\n\n const updateDataInformation = () => {\n let data = JSON.parse(localStorage.getItem('callforspeakerscache') || '{}')\n delete data[event2.id]\n localStorage.setItem('callforspeakerscache', JSON.stringify(data))\n bulQuery.current = {...bulQuery.current,[event2.id]:false}\n getCouncilEvents(() => {},'panelist',{id: event2.id});\n };\n\n useEffect(() => {\n if(allCouncilEventsT.length > 0 && Object.keys(allPanelList).length > 0 && Object.keys(arrayControlIdsEvents).length > 0){\n let _event = allCouncilEventsT.find((eve) => eve?.id === event2.id)\n _event.CouncilEventPanels = _event.CouncilEventPanels.map(a => {\n console.timeLog(a?.id)\n return { \n ...a,\n arrayControlIdsEvents:arrayControlIdsEvents[a?.id],\n CouncilEventPanelists:allPanelList[a?.id]\n }\n }); \n\n const limit1 = event?.CouncilEventPanels?.filter((panel) => {\n return panel?.arrayControlIdsEvents?.some((users) => {\n return Number(users?.id) === Number(userProfile?.id);\n });\n });\n\n const limit2 = event?.CouncilEventPanels?.filter((panel) => {\n return panel?.CouncilEventPanelists?.some((users) => {\n return Number(users?.UserId) === Number(userProfile?.id);\n });\n });\n\n if (limit1 !== undefined && limit2 !== undefined) {\n setLimit([...limit1, ...limit2]?.length);\n }\n\n setEvent(_event);\n }\n },[allCouncilEventsT,event2,event,allPanelList,arrayControlIdsEvents])\n\n const dataIterated = (panels, users) => {\n let userSelects = users?.map((data) => {\n if (Number(data?.id) === Number(userProfile?.id)) {\n return {\n id: panels?.id,\n isModerator: false,\n buttonsAccept: true,\n UserId: data?.id,\n User: data,\n pending: true,\n };\n } else {\n return {\n id: panels?.id,\n isModerator: false,\n buttonsAccept: true,\n UserId: data?.id,\n User: data,\n pending: userProfile?.role !== \"admin\" ? false : true,\n };\n }\n }) || [];\n\n let usersSelectss = [];\n if (userSelects.length > 0) {\n usersSelectss = [...(panels?.CouncilEventPanelists || []), ...userSelects];\n } else {\n usersSelectss = [...(panels?.CouncilEventPanelists || [])];\n }\n\n return (\n \n Panel Date:{` ${startTime?.format(\"LL\")}`}\n
\n\n \n
\n \n \n {/* {showProfileCompletionFirewall && (\n \n
\n \n )} */}\n {/* \n You must fully complete your profile before joining an event.\n
\n\n {data && data.length === 0 && type !== CARD_TYPE.EDIT && onAddEvent()}\n />\n )} */}\n {isEventActive ? (\n \n \n \n \n onEventChanged(event, going, img)\n }\n onClick={() => {\n setIsEventActive(true);\n return setEvent(event);\n }}\n callForSpeaker={true}\n history={useHistory}\n onClickCallSpeaker={() => {\n setIsEventActive(true);\n return setEvent(event);\n }}\n boxes={boxes}\n onMenuClick={(menu) => onMenuClick(menu, event)}\n onConfirmAttendance={onConfirmAttendance}\n onConfirmCredit={onConfirmCredit}\n setActiveMessages={setActiveMessages}\n isMobile={isMobile}\n // usersData={allEventsUsersSketch[event.id]}\n setLoading={setLoading}\n esIncoming={true}\n />\n \n
\n
\n );\n })}\n \n )}\n \n );\n};\n\nEventList.propTypes = {\n data: PropTypes.array,\n edit: PropTypes.bool,\n type: PropTypes.string,\n onAttend: PropTypes.func,\n onClick: PropTypes.func,\n showFilter: PropTypes.func,\n onMenuClick: PropTypes.func,\n onAddEvent: PropTypes.func,\n onConfirmAttendance: PropTypes.func,\n onConfirmCredit: PropTypes.func,\n userProfile: PropTypes.object,\n boxes: PropTypes.object,\n setLoading: PropTypes.func,\n};\n\nEventList.defaultProps = {\n data: [],\n edit: false,\n type: CARD_TYPE.VIEW,\n userProfile: {},\n onAttend: () => {},\n onClick: () => {},\n showFilter: () => {},\n onMenuClick: () => {},\n onAddEvent: () => {},\n onConfirmAttendance: () => {},\n onConfirmCredit: () => {},\n setLoading: () => {},\n boxes: {},\n};\n\nconst mapStateToProps = (state) => ({\n isMobile: envSelector(state).isMobile,\n});\n\nexport default connect(mapStateToProps)(EventList);\n","import React, {useRef, useState, useEffect} from \"react\";\nimport { connect } from \"react-redux\";\nimport { CircularProgressbar } from \"components\";\nimport { Alert } from \"antd\";\nimport { updateUser } from \"redux/actions/home-actions\";\nimport ProfileEditPanel from \"containers/ProfileDrawer/ProfileEditPanel\";\nimport { TIMEZONE_LIST, COUNTRIES, INTERNAL_LINKS } from \"enum\";\n\nimport \"./style.scss\";\n\nconst ModalCompleteProfile = ({\n updateUser,\n userProfile,\n get,\n onCancel,\n onOk,\n setBulKnowRegister = null,\n setBulCompleteProfile,\n style\n}) => {\n const [userRequired,setUserRequired] = useState({})\n const cantLi = useRef(null)\n const startContainer = useRef(null)\n\n const timezone = (\n TIMEZONE_LIST.find((item) => item.value === userProfile.timezone) || {}\n ).text;\n const location = (\n COUNTRIES.find((item) => item.value === userProfile.location) || {}\n ).text;\n\n const onSave = (userInfo) => {\n startContainer.current.scroll(0,0)\n if(window.location.pathname.substring(0,13) !== INTERNAL_LINKS.SPEAKER_2023 && setBulKnowRegister){\n setBulKnowRegister(true)\n }\n updateUser(userInfo);\n if(get){\n get()\n }\n if(setBulCompleteProfile){\n setBulCompleteProfile(false)\n }\n if(onOk){\n onOk() \n }\n };\n\n const esEnlace = (texto) => {\n let patronEnlaceLinkedIn = /^(https|http|ftp):\\/\\/[\\w\\-]+(\\.[\\w\\-]+)+[^\\s/$.?#].*$/i;\n return patronEnlaceLinkedIn.test(texto);\n }\n\n useEffect(() => {\n setUserRequired({\n img: !userProfile.img ? true : false,\n firstName: !userProfile.firstName ? true : false,\n lastName: !userProfile.lastName ? true : false,\n titleProfessions: !userProfile.titleProfessions ? true : false,\n company: !userProfile.company ? true : false,\n location: !location ? true : false,\n city: !userProfile.city ? true : false,\n // timezone: !timezone ? true : false,\n // languages: (!userProfile.languages || Object.keys(userProfile?.languages)?.length === 0) ? true : false,\n about: !userProfile.about ? true : false,\n topicsOfInterest: (userProfile.topicsOfInterest && Object.keys(userProfile.topicsOfInterest).length === 0) ? true : false,\n personalLinks: !userProfile?.personalLinks?.hasOwnProperty(\"linkedin\") ? true : false,\n personalLinksBad: !esEnlace(userProfile?.personalLinks?.linkedin?.toLowerCase()),\n // isOpenReceivingEmail: (userProfile.isOpenReceivingEmail === -1) ? true : false,\n recentJobLevel: !userProfile.recentJobLevel ? true : false,\n recentWorkArea: (Array.isArray(userProfile.recentWorkArea) && userProfile.recentWorkArea.length === 0) ? true : false,\n sizeOfOrganization: !userProfile.sizeOfOrganization ? true : false,\n })\n },[userProfile])\n\n return (\n \n \n Missing information:\n
\n );\n };\n \n const mapStateToProps = (state, props) => ({\n \n });\n \n const mapDispatchToProps = {\n updateUser,\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(ModalCompleteProfile);","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { \n // Link, \n useLocation } from \"react-router-dom\";\n\n// import { isEmpty } from \"lodash\";\n\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { councilSelector } from \"redux/selectors/councilSelector\";\n// import { INTERNAL_LINKS } from \"enum\";\n// import qs from \"query-string\";\n\n// import FilterDrawer from \"./CouncilPanel\";\nimport { CustomButton, CustomCheckbox, Tabs } from \"components\";\n// import NoItemsMessageCard from \"components/NoItemsMessageCard\";\nimport CouncilMembers from \"./CouncilMembers\";\nimport CallForSpeakers from \"./CallForSpeakers.js\";\n\n// import { actions as councilConversation } from \"redux/actions/councilConversation-actions\";\n// import { councilConversationSelector } from \"redux/selectors/councilConversationSelector\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\n// import { eventSelector } from \"redux/selectors/eventSelector\";\nimport { councilEventSelector } from \"redux/selectors/councilEventSelector\";\n\nimport { sendEmailsForPartOfCouncil } from \"redux/actions/council-actions\";\nimport { getUser } from \"redux/actions/home-actions\";\nimport { getAllParafs } from \"redux/actions/speaker-actions\";\n// import { getAllEvent } from \"redux/actions/event-actions\";\nimport { getCouncilEvents } from \"redux/actions/council-events-actions\";\n\n// import IconBack from \"images/icon-back.svg\";\n\nimport \"./style.scss\";\nimport { Modal, Space } from \"antd\";\nimport ModalCompleteYourProfile2 from \"pages/LandingPague/ModalCompleteYourProfile2\";\n\nconst CouncilPage = ({\n // allEvents,\n userProfile,\n // getCouncilConversations,\n // getAllEvent,\n // allCouncilEvents,\n allCouncilEventsT,\n getCouncilEvents,\n // councilConversation,\n // getCouncilConversation,\n sendEmailsForPartOfCouncil,\n getAllParafs,\n allParrafs,\n}) => {\n const { search } = useLocation();\n const query = new URLSearchParams(search);\n\n const [bulModal, setBulModal] = useState(false);\n const [bulModal2, setBulModal2] = useState(false);\n const [bulModal5, setBulModal5] = useState(false);\n const [checked, setChecked] = useState(false);\n const [message, setMessage] = useState(false);\n const [changueModal2, setChangueModal2] = useState(false);\n const [changueModal3, setChangueModal3] = useState(false);\n const [isPendingCouncil, setIsPendingCouncil] = useState(\n userProfile?.isPendingCouncil\n );\n\n const [currentTab, setCurrentTab] = useState(query.get(\"tab\") || \"0\");\n\n const [filter,] = useState([]);\n\n // const [classCouncilContainer, setClassCouncilContainer] = useState(\n // \"search-results-containerr\"\n // );\n // const location = useLocation();\n\n // const parsed = qs.parse(location.search);\n\n const firstName = userProfile?.firstName;\n\n useEffect(() => {\n // if (!allEvents || allEvents.length === 0) {\n // getAllEvent();\n // }\n if (!allCouncilEventsT || allCouncilEventsT.length === 0) {\n getCouncilEvents(() => {},'without-panels');\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n setIsPendingCouncil(userProfile?.isPendingCouncil);\n }, [userProfile]);\n\n useEffect(() => {\n getAllParafs(\"Experts\");\n }, [getAllParafs]);\n\n useEffect(() => {\n if (bulModal === true && firstName !== \"\" && firstName !== undefined) {\n setTimeout(() => {\n if (\n userProfile.percentOfCompletion === \"100\" ||\n userProfile.percentOfCompletion === 100\n ) {\n setBulModal2(true);\n setBulModal5(false);\n } else {\n if (!bulModal2) {\n setBulModal5(true);\n setBulModal2(false);\n }\n }\n }, 200);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [firstName, setBulModal2, setBulModal5, userProfile]);\n\n useEffect(() => {\n if (changueModal2 === true && firstName !== \"\" && firstName !== undefined) {\n setTimeout(() => {\n setBulModal5(false);\n if (\n userProfile.percentOfCompletion === \"100\" ||\n userProfile.percentOfCompletion === 100\n ) {\n setBulModal2(true);\n }\n }, 200);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [firstName, changueModal2, setBulModal2, setBulModal5]);\n\n useEffect(() => {\n if (changueModal3 === true && firstName !== \"\" && firstName !== undefined) {\n setTimeout(() => {\n if (\n userProfile.percentOfCompletion === \"100\" ||\n userProfile.percentOfCompletion === 100\n ) {\n setBulModal2(true);\n } else {\n if (!bulModal2) {\n setBulModal5(true);\n }\n }\n }, 200);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [firstName, changueModal3, setBulModal2, setBulModal5, userProfile]);\n\n // useEffect(() => {\n // getCouncilConversations(filter);\n\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [filter]);\n\n // useEffect(() => {\n // if (councilConversation?.id) {\n // window.history.replaceState(\n // null,\n // \"Page\",\n // `${INTERNAL_LINKS.COUNCIL}?id=${councilConversation.id}`\n // );\n // }\n // }, [councilConversation]);\n\n // useEffect(() => {\n // if (parsed.id) {\n // getCouncilConversation(parsed.id);\n // }\n\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [parsed.id]);\n\n // const onFilterChange = (values) => {\n // setFilter(values);\n // };\n\n const TabData = [\n // {\n // title: \"Conversations\",\n // content: () =>\n // isEmpty(councilConversation) ? (\n // Hi! You must to complete your profile.
\n- \n {!userProfile.img ?
- Profile Picture : null}\n {!userProfile.firstName ?
- First name : null}\n {!userProfile.lastName ?
- Last name : null}\n {!userProfile.titleProfessions ?
- Title : null}\n {!userProfile.company ?
- Company : null}\n {!location ?
- Location : null}\n {!userProfile.city ?
- City : null}\n {/* {!timezone ?
- Time zone : null}\n {!userProfile.languages ? (\n
- Main language \n ) : Object.keys(userProfile.languages).length === 0 ? (\n
- Main languages \n ) : null} */}\n {!userProfile.about ?
- Tell us more about you : null}\n {userProfile.topicsOfInterest ? (\n Object.keys(userProfile.topicsOfInterest).length === 0 ? (\n
- Topics of interest \n ) : null\n ) : (\n
- Topics of interest \n )}\n {userProfile.personalLinks ? (\n !userProfile.personalLinks.hasOwnProperty(\"linkedin\") ? (\n
- Linkedin Profile \n ) : userProfile.personalLinks.linkedin.toString().trim() === \"\" ||\n userProfile.personalLinks.linkedin.toString().trim() ===\n \"https://\" ? (\n
- Linkedin Profile \n ) : null\n ) : null}\n {/* {userProfile.isOpenReceivingEmail === -1 ? (\n
- \n Are open to receiving information/being contacted via email\n about open job positions?\n \n ) : null} */}\n {!userProfile.recentJobLevel ? (\n
- \n What best defines your current or most recent job level?\n \n ) : null}\n {Array.isArray(userProfile.recentWorkArea) ? (\n userProfile.recentWorkArea.length === 0 ? (\n
- \n In what area of HR do you currently work or most recently\n worked?\n \n ) : null\n ) : null}\n {!userProfile.sizeOfOrganization ? (\n
- What is the size of the organization your work for? \n ) : null}\n
\n {onSave(userInfo)}}\n bulModal={true}\n onCancel={() => {}}\n userRequired={userRequired}\n />\n
\n \n
\n );\n };\n\n return (\n <>\n {userProfile.councilMember || userProfile.role === \"admin\" ? (\n \n \n \n
\n \n {allParrafs.map((parraf) => {\n return (\n \n );\n })}\n
\n \n {isPendingCouncil === \"pending\" ? (\n {\n // if (localStorage.getItem(\"community\") === null) {\n // setBulModal(true);\n // } else {\n getUser();\n setChangueModal3(true);\n setBulModal(true);\n // }\n }}\n />\n )}\n
\n */}\n {/*
*/}\n \n {/* \n
*/}\n
\n {/* */}\n \n ) : (\n \n
\n \n \n Filters\n
\n\n
\n \n
\n \n {/* */}\n
\n \n {/*
\n \n \n
*/}\n \n
\n \n \n \n
\n Back
\n\n {displayGeneralInformation()}\n
\n )}\n Hi {userProfile.firstName},
\n\n We are so excited you want to join us at the Hacking HR’s\n Experts Council!\n
\n\n Our goal is to provide insights, ideas, recommendations, and\n expertise about very specific topics to the thousands of members\n of the Hacking HR community and the extended HR community.\n
\n\n In addition, Founding Members in the Council will always be our\n priority to invite for our Hacking HR events, particularly our\n annual global online conference, and also podcasts, and much\n more!\n
\n\n The time commitment is as much or as little as you want and can.\n We will always invite you to everything and you choose when you\n are available or interested to join us.\n
\n\n Please note that to be considered for the Council you have to be\n an HR leader (director, VP, SVP or CHRO/CPO) in a company with\n more than 50 employees. We are not including consultants or HR\n tech vendors at the moment.{\" \"}\n
\n\n Confirm below and we will receive your information via email and\n get back to you soon!\n
\nThank you!
\n\n
\n );\n};\nconst mapStateToProps = (state) => ({\n allCategories: categorySelector(state).categories,\n annualConferenceClasses:\n annualConferenceClassSelector(state).annualConferenceClasses,\n annualConferenceClass:\n annualConferenceClassSelector(state).annualConferenceClass,\n});\n\nconst mapDispatchToProps = {\n ...annualConferenceClassActions,\n getSession,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(ConferenceClassPage);\n","import React, { useEffect, useState } from \"react\";\nimport {\n Avatar,\n Dropdown,\n Menu,\n Form,\n Popconfirm,\n AutoComplete,\n // Collapse,\n Switch,\n notification,\n Tooltip,\n Modal,\n Select,\n Space,\n} from \"antd\";\nimport PhotoUploadForm from \"../../../../containers/ProfileDrawer/PhotoUploadForm\";\nimport { CustomButton, CustomModal, CustomInput } from \"components\";\nimport linkedInIcon from \"images/icon-linkedin.svg\";\nimport IconMail from \"images/icon-mail-outline.svg\";\nimport Emitter from \"services/emitter\";\nimport { DownOutlined } from \"@ant-design/icons\";\nimport { connect } from \"react-redux\";\nimport { debounce } from \"lodash\";\nimport { EVENT_TYPES, INTERNAL_LINKS } from \"enum\";\n\nimport { actions as councilEventActions } from \"redux/actions/council-events-actions\";\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { actions as homeActions } from \"redux/actions/home-actions\";\nimport { councilEventSelector } from \"redux/selectors/councilEventSelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\n\n// import CommentForm from \"./CommentForm\";\nimport \"./style.scss\";\nimport { convertToLocalTime } from \"utils/format\";\nimport UserProfileModal from \"containers/UserProfileModal\";\nimport ConferenceClass from \"containers/ConferenceClass\";\nimport { categorySelector } from \"redux/selectors/categorySelector\";\nimport { getOneUserById } from \"api\";\nimport { getAllExternalSpeakers } from \"api/module/speakers\";\n\n// const { Panel } = Collapse;\n\nconst CouncilEventPanel = ({\n emailOfAdmin = undefined,\n panel,\n userProfile,\n joinCouncilEvent,\n joinSpeakersEventWait,\n joinExternalAwait,\n tz,\n userTimezone,\n status,\n removeCouncilEventPanelist,\n searchUserForCouncilEventPanelist,\n searchedUsersForCouncilEvent,\n closeMainModal,\n councilEventId,\n getCouncilEvents,\n joinCouncilEventWait,\n allCategories,\n eventData,\n isGlobalConference,\n removeUserSpeakerToPanel,\n addUserSpeakerToPanel,\n index,\n allUserSpeaker,\n getAllPanelSpeakers,\n getAllUserSpeaker,\n allPanelSpeakers,\n allMember,\n getAllMemberSpeakerPanel,\n getAllPanelsOfOneUserSpeakers,\n getAllPanelsOfOneGlobalConference,\n searchUsers,\n searchUser,\n searchedUsers,\n getPanelsForId,\n changeStatus,\n getAllPanelSpeakersAdmin,\n setIsModalSessionOpen,\n setSessionSelected,\n setEditSession,\n deletePanelSpeakers,\n updateData,\n addPanelSpeakers,\n}) => {\n const { Option } = Select;\n const [isModalVisible, setIsModalVisible] = useState(false);\n const [openSearchUser, setOpenSearchUser] = useState(false);\n const [showProfileCompletionFirewall, setShowProfileCompletionFirewall] =\n useState(false);\n const [form] = Form.useForm();\n const [speakersUserForm] = Form.useForm();\n const [externalUserForm] = Form.useForm();\n const [showProfile, setShowProfile] = useState(false);\n const [userProfileToShow, setUserProfileToShow] = useState({});\n const [Panel, setPanel] = useState({});\n // const [panelsFullBul, setPanelsFullBul] = useState(false);\n const panelsFullBul = false;\n const [bulModelDelete, setBulModelDelete] = useState(false);\n const [bulModelClone, setBulModelClone] = useState(false);\n const [photoMoodalBul, setPhotoModalBul] = useState(false);\n const [isModalClasses, setIsModalClasses] = useState(false);\n // const [bulRedirectEditSession, setBulRedirectEditSession] = useState(false);\n // const [bulRedirectEditSponsor, setBulRedirectEditSponsor] = useState(false);\n // const [bulRedirectEditParraf, setBulRedirectEditParraf] = useState(false);\n const [editImageUrl, setEditImageUrl] = useState(\"\");\n const [imageStr, setImageStr] = useState(\"\");\n const [openExternalUser, setOpenExternalUser] = useState(false);\n const [addExternalUserExisting, setAddExternalUserExisting] = useState(false);\n const [externalSpeakers, setExternalSpeakers] = useState([])\n const [editExternalUser, setEditExternalUser] = useState(false);\n const [externalUser, setExternalUser] = useState(null);\n const [typeDelete, setTypeDelete] = useState(\"\");\n // const [idData, setIdData] = useState(-1);\n const [title, setTitle] = useState(\"\");\n const [refresh, setRefresh] = useState(false);\n const [timerSearch, setTimerSearch] = useState(null);\n const [userToSearch, setUserToSearch] = useState(null);\n\n let startTime = convertToLocalTime(panel?.startDate, tz);\n let endTime = convertToLocalTime(panel?.endDate, tz);\n\n const handleJoinPanel = (panel, state) => {\n joinCouncilEvent(\n panel?.id,\n userProfile?.id,\n state,\n false,\n false,\n councilEventId,\n () => {\n getCouncilEvents();\n }\n );\n };\n\n useEffect(() => {\n if (editExternalUser && externalUserForm) {\n if (externalUser !== null) {\n const prevExternalUser = {\n firstName: externalUser.firstName,\n lastName: externalUser.lastName,\n email: externalUser.email,\n img: externalUser.img,\n keynote: (externalUser.isKeynote === true || externalUser.isKeynote === 'true') ? true : false,\n isModerator: (externalUser.isModerator === true || externalUser.isModerator === 'true') ? true : false,\n titleProfessions: externalUser.titleProfessions,\n linkedin: externalUser.linkedin,\n description: externalUser.description,\n };\n\n setEditImageUrl(externalUser.img);\n externalUserForm.setFieldsValue(prevExternalUser);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editExternalUser, externalUser]);\n\n useEffect(() => {\n if (timerSearch !== null) {\n clearTimeout(timerSearch);\n }\n if (userToSearch !== null) {\n setTimerSearch(\n setTimeout(() => {\n searchUser({ search: userToSearch, userAdmin: true }, () => {\n console.log(\"Searching...\");\n }, true);\n }, 1000)\n );\n\n return () => {\n clearTimeout(timerSearch);\n setTimerSearch(null);\n };\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [userToSearch, searchUser]);\n\n // useEffect(() => {\n // searchUser({ search: null, userAdmin: true }, () => {\n // console.log(\"Searching...\");\n // }, true);\n // }, []);\n\n\n // useEffect(() => {\n // getAllPanelSpeakers(\"All\");\n // getAllUserSpeaker(userProfile?.id);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [getAllPanelSpeakers]);\n\n\n const onClickDownloadCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n window.open(\n `${process.env.REACT_APP_API_ENDPOINT}/public/council/event/panel/${panel.id}/ics?userTimezone=${userTimezone}`,\n \"_blank\"\n );\n };\n\n const onClickAddGoogleCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n let googleCalendarUrl = `http://www.google.com/calendar/event?action=TEMPLATE&text=${encodeURIComponent(\n panel.panelName\n )}&dates=${startTime.format(\"YYYYMMDDTHHmmSSS\")}/${endTime.format(\n \"YYYYMMDDTHHmmSSS\"\n )}&details=${encodeURIComponent(`Link to join: ${panel.linkToJoin}`)}`;\n window.open(googleCalendarUrl, \"_blank\");\n };\n\n const onClickAddYahooCalendar = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n let yahooCalendarUrl = `https://calendar.yahoo.com/?v=60&st=${startTime.format(\n \"YYYYMMDDTHHmm\"\n )}&et=${endTime.format(\"YYYYMMDDTHHmm\")}&title=${encodeURIComponent(\n panel.panelName\n )}&desc=${encodeURIComponent(`Link to join: ${panel.linkToJoin}`)}`;\n\n window.open(yahooCalendarUrl, \"_blank\");\n };\n\n const downloadDropdownOptions = () => (\n \n );\n\n const escapeDoubleQuotesWithinString = (cadena, startString='\":\"', endString='\",\"') => {\n let dentroDelRango = false;\n let cadenaEscapada = '';\n\n for (let i = 0; i < cadena?.length; i++) {\n // Comprobamos si estamos dentro del rango startString y endString\n if (cadena.substring(i, i + startString?.length) === startString) {\n dentroDelRango = true;\n cadenaEscapada += startString;\n i += startString.length - 1; // Saltamos al final del startString\n continue;\n } else if (cadena.substring(i, i + endString?.length) === endString) {\n dentroDelRango = false;\n cadenaEscapada += endString;\n i += endString.length - 1; // Saltamos al final del endString\n continue;\n }\n\n // Escapamos las comillas si estamos dentro del rango y no son parte de `{\"` o `\"}` \n if (dentroDelRango && cadena[i] === '\"' && !(cadena[i - 1] === \"{\" && cadena[i] === '\"') && !(cadena[i] === '\"' && cadena[i + 1] === \"}\")) {\n cadenaEscapada += '\\\\\"';\n } else {\n cadenaEscapada += cadena[i];\n }\n }\n\n return cadenaEscapada;\n }\n\n const filterModerators = (data) => {\n return data ? data?.filter(e => e.isModerator === false || e.isModerator === 'false') : data\n }\n\n const isFullCouncil = filterModerators(panel?.CouncilEventPanelists)?.length >= +panel?.numberOfPanelists;\n\n const isFullGlobal = (panel?.SpeakerMemberPanels?.filter((user) => \n user.isModerator === false\n )?.length + panel?.arrayControlIdsExternal?.filter((user2) => {\n let user = JSON.parse(escapeDoubleQuotesWithinString(user2))\n return ((user.isModerator === 'false') ? false : true) === false\n })?.length) >= +panel.numberOfPanelists;\n\n let isFull = isGlobalConference ? isFullGlobal : isFullCouncil;\n\n const councilEventPanelist = panel?.CouncilEventPanelists?.find(\n (panelist) => panelist?.User?.id === userProfile.id\n );\n\n const hasJoined = !!councilEventPanelist;\n\n const checkIfUserProfileIsCompletedAndJoin = () => {\n if (userProfile?.percentOfCompletion !== 100) {\n return setShowProfileCompletionFirewall(true);\n }\n\n handleJoinPanel(panel, \"Join\");\n };\n\n const displayJoinBtn = hasJoined ? (\n \n \n {\n onCancelModalForm();\n }}\n onOk={() => {\n courseClassForm.submit();\n }}\n >\n {\n handleAnnualConferenceClass(data);\n }}\n >\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n
\n \n {/* \n \n All Sessions\n \n {annualConferenceClass.title} \n */}\n {\n onAddCourseClass();\n }}\n />\n
\n \n \n {!buttonsAccept && isExternalUser && (\n {\n setOpenExternalUser(true);\n setEditExternalUser(true);\n setExternalUser(user);\n setPanel({\n id: panel?.id,\n startDate: panel?.startDate,\n endDate: panel?.endDate,\n panelName: panel?.panelName,\n });\n }}\n />\n )}\n {!buttonsAccept && (\n {\n if (isExternalUser) {\n joinExternalAwait(\n panel?.id,\n panelist.User,\n \"Unjoin\",\n false,\n false,\n eventData,\n null,\n () =>\n getAllPanelsOfOneGlobalConference(\n panel?.relationConference\n )\n );\n } else {\n removeUserFunction(panelist?.id, \"\", panel?.panelName);\n }\n }}\n >\n {\n // joinCouncilEvent(\n // panel.id,\n // user.id,\n // \"Join\",\n // false,\n // false,\n // panel.CouncilEventId,\n // () => {\n // getCouncilEvents();\n // }\n // );\n joinUser(panel, index, panelist);\n }}\n />\n )}\n {userProfile.role === \"admin\" && buttonsAccept && (\n {\n // joinCouncilEventWait(\n // panel.id,\n // user,\n // \"Unjoin\",\n // false,\n // false,\n // eventData,\n // () => getCouncilEvents()\n // );\n // removeUserFunction(panelist?.User?.id, \"\", panel?.panelName);\n joinSpeakersEventWait(\n panel?.id,\n panelist?.User,\n \"Unjoin\",\n false,\n false,\n eventData,\n () => getCouncilEvents()\n );\n }}\n />\n )}\n {userProfile.role === \"admin\" &&\n emailOfAdmin !== undefined &&\n (emailOfAdmin === \"enrique@hackinghr.io\" ||\n emailOfAdmin === \"mkeivy.mora@gmail.com\" ||\n emailOfAdmin === \"morecontrol64@gmail.com\") &&\n !isExternalUser && (\n {\n getOneUser(user.id);\n }}\n />\n )}\n
\n )}\n \n
\n {`${user?.firstName} ${user?.lastName}`}
\n \n
\n {userProfile.isExpertCouncilAdmin && (\n \n \n {user?.titleProfessions}\n \n
\n {displayIsPanelModerator}\n {isPanelModerator &&\n (panelist?.isKeynote === true || panelist?.isKeynote === \"true\") &&\n \" / \"}\n {displayKeyNote}\n \n \n {!buttonsAccept && (\n handleRemovePanelist(panelist.id)}\n >\n {\n joinCouncilEvent(\n panel.id,\n user.id,\n \"Join\",\n false,\n false,\n panel.CouncilEventId,\n () => {\n getCouncilEvents();\n }\n );\n }}\n />\n )}\n {userProfile.role === \"admin\" && buttonsAccept && (\n {\n joinCouncilEventWait(\n panel.id,\n user,\n \"Unjoin\",\n false,\n false,\n eventData,\n {\n rejectWithEmail: false\n },\n () => getCouncilEvents()\n );\n }}\n />\n )}\n {userProfile.role === \"admin\" && buttonsAccept && (\n {\n joinCouncilEventWait(\n panel.id,\n user,\n \"Unjoin\",\n false,\n false,\n eventData,\n {\n rejectWithEmail: true,\n linkToReturn: `${window?.location?.origin}${INTERNAL_LINKS.EVENTS_COUNCIL}/${eventData?.id}`,\n startTime: `${startTime.format(\"HH:mm\")} ${userTimezone}`,\n },\n () => getCouncilEvents()\n );\n }}\n />\n )}\n {userProfile.role === \"admin\" &&\n emailOfAdmin !== undefined &&\n (emailOfAdmin === \"enrique@hackinghr.io\" ||\n emailOfAdmin === \"mkeivy.mora@gmail.com\" ||\n emailOfAdmin === \"morecontrol64@gmail.com\") && (<>\n {\n getOneUser(user.id);\n }}\n />\n
\n )}\n \n
\n {`${user?.firstName} ${user?.lastName}`}
\n \n
\n {userProfile.isExpertCouncilAdmin && (\n \n \n {user?.titleProfessions}\n \n
\n {displayIsPanelModerator}\n \n {\n if(!caseLink){\n const response = await getOneUserById(user?.id);\n var fileLink = document.createElement('a');\n \n fileLink.href = catchLink(response?.data?.user?.personalLinks?.linkedin);\n fileLink.setAttribute('target', `_blank`);\n document.body.appendChild(fileLink);\n \n fileLink.click();\n document.body.removeChild (fileLink);\n }\n }}\n >\n 
\n \n {\n if(!user?.email){\n const response = await getOneUserById(user?.id);\n var fileLink = document.createElement('a');\n\n fileLink.href = `mailto:${response?.data?.user?.email}`;\n fileLink.setAttribute('target', `_blank`);\n document.body.appendChild(fileLink);\n \n fileLink.click();\n document.body.removeChild(fileLink);\n }\n }}>\n
\n )}\n \n setIsModalVisible(true)}\n />\n )}\n {!isGlobalConference && status !== \"closed\" && displayJoinBtn}\n {!isGlobalConference && hasJoined && (\n <>\n
\n \n
\n \n \n {isGlobalConference\n ? displaySpeakersListsOfOneConference\n : displayPanelists}\n
\n \n Panel: {panel?.panelName}\n
\n \n Panel Date:{` ${startTime.format(\"LL\")}`}\n
\n \n Panel Start Time: {startTime.format(\"HH:mm a\")} {userTimezone}\n
\n \n Panel End Time: {endTime.format(\"HH:mm a\")} {userTimezone}\n
\n \n {isGlobalConference && userProfile.isExpertCouncilAdmin && (\n <>\n {\n setOpenSearchUser(true);\n setPanel({\n id: panel?.id,\n startDate: panel?.startDate,\n endDate: panel?.endDate,\n panelName: panel?.panelName,\n });\n }}\n />\n {\n setOpenExternalUser(true);\n setPanel({\n id: panel?.id,\n startDate: panel?.startDate,\n endDate: panel?.endDate,\n panelName: panel?.panelName,\n });\n }}\n />\n {!isGlobalConference && (\n \n joinUser(\n {\n id: panel?.id,\n startDate: panel?.startDate,\n endDate: panel?.endDate,\n panelName: panel?.panelName,\n },\n index\n )\n }\n size=\"small\"\n />\n )}\n \n )}\n {isGlobalConference && userProfile.role === \"admin\" && (\n \n \n {\n setBulModelDelete(true);\n setTitle(panel.panelName);\n // setIdData(panel.id);\n setTypeDelete(\"sessions\");\n }}\n />\n {\n setSessionSelected(panel);\n // setIdData(panel.id);\n // setBulRedirectEditSession(true);\n setEditSession(true);\n setIsModalSessionOpen(true);\n }}\n />\n {\n setBulModelClone(true);\n // getPanelsForId(panel.id);\n }}\n />\n {/* */}\n {\n setRefresh((prev) => !prev);\n setSessionSelected(panel);\n setIsModalClasses(true);\n }}\n />\n {/* */}\n {\n changeStatus(\n panel.status === \"active\" ? \"draft\" : \"active\",\n panel.id,\n () => {\n getAllPanelSpeakersAdmin(\"All\");\n getAllPanelsOfOneGlobalConference(panel?.relationConference, true)\n }\n );\n }}\n />\n \n
\n )}\n {!isGlobalConference && userProfile.isExpertCouncilAdmin && (\n \n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n Download calendar \n
\n \n )}\n \n
\n \n \n \n {editImageUrl ? (\n setPhotoModalBul(true)}\n >\n \n
\n \n \n
\n ) : (\n \n )}\n \n \n \n \n \n
\n )} */}\n {showProfileCompletionFirewall && (\n \n
\n \n )}\n\n \n You must fully complete your profile before joining an event.\n
\n\n {typeDelete === \"parraf\"\n ? `Are you sure delete this parraf?`\n : `Are you sure delete \"${title}\"?`}\n
\n \n\n{`Are you sure to clone this session?`}
\n \n\n \n \n \n { saveNewDetail() }} />\n \n \n disableDate(date, true)}\n style={{ width: \"100%\" }}\n size=\"large\"\n format=\"YYYY-MM-DD HH:mm\"\n onChange={() => { saveNewDetail() }}\n />\n \n \n { saveNewDetail() }} />\n \n \n { saveNewDetail() }} />\n \n \n setQuestion(e?.target?.value)}>\n {EventTypes.map((type) => (\n \n {type?.text}\n \n ))}\n \n \n \n setQuestion(e?.target?.value)}>\n {[\"Yes\", \"No\"].map((type) => (\n \n {type}\n \n ))}\n \n \n \n \n {[\"Ethics\", \"Business\", \"HR & Global\"].map((type) => (\n \n {type}\n \n ))}\n \n \n \n \n \n \n \n )}\n
\n );\n};\n\nexport default FormListPanelItem;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { connect } from \"react-redux\";\nimport {\n Form,\n DatePicker,\n InputNumber,\n Tag,\n Space,\n Popconfirm,\n // Tooltip,\n notification,\n Select,\n Checkbox,\n Modal,\n Button,\n Radio,\n Tabs,\n} from \"antd\";\nimport { envSelector } from \"redux/selectors/envSelector\";\nimport { PlusOutlined } from \"@ant-design/icons\";\nimport { isEmpty } from \"lodash\";\nimport SocketIO from \"services/socket\";\nimport moment from \"moment-timezone\";\nimport { CloseCircleFilled, CloseOutlined } from \"@ant-design/icons\";\nimport clsx from \"clsx\";\nimport Arrow from \"../../../images/arrow-conference.svg\";\nimport {\n CustomDrawer,\n CustomInput,\n CustomButton,\n CustomModal,\n CustomSelect,\n CustomCheckbox,\n FroalaEdit,\n CustomRadio,\n ConferenceSessionsForm,\n} from \"components\";\n\nimport IconLogo from \"images/logo-sidebar.svg\";\n\nimport { useSearchCity } from \"hooks\";\nimport { INTERNAL_LINKS, SOCKET_EVENT_TYPE } from \"enum\";\n\nimport { getAllEvent } from \"redux/actions/event-actions\";\nimport {\n getAllPanelSpeakers,\n getAllPanelsOfOneGlobalConference,\n} from \"redux/actions/speaker-actions\";\nimport { actions as councilEventActions } from \"redux/actions/council-events-actions\";\nimport { councilEventSelector } from \"redux/selectors/councilEventSelector\";\nimport { eventSelector } from \"redux/selectors/eventSelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport CouncilEventPanel from \"./CouncilEventPanel\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\n\nimport \"./style.scss\";\nimport { convertToLocalTime, getNameOfCityWithTimezone } from \"utils/format\";\nimport FormListPanelItem from \"./FomrListPanelItem\";\n\nconst { TabPane } = Tabs;\nconst { RangePicker, YearPicker } = DatePicker;\nconst { Option } = Select;\n\nconst statusColor = {\n active: \"#108ee9\",\n draft: \"orange\",\n closed: \"black\",\n};\n\nconst EventTypes = [\n {\n text: \"Presentation\",\n value: \"presentation\",\n },\n {\n text: \"Workshop\",\n value: \"workshop\",\n },\n {\n text: \"Panel\",\n value: \"panel\",\n },\n {\n text: \"Peer-to-Peer Conversation\",\n value: \"peer-to-peer\",\n },\n {\n text: \"Conference\",\n value: \"conference\",\n },\n];\n\nconst CouncilEvents = ({\n upsertCouncilEvent,\n allCouncilEvents,\n getCouncilEvents,\n deleteCouncilEvent,\n setJoinCouncilEvent,\n getAllEvent,\n allEvents,\n userProfile,\n setCouncilEventPanelComment,\n exportCouncilEvents,\n s3Hash,\n emailDraftChannel,\n allEmailSendEvent,\n sendEmailAttendeeEventAdmin,\n addEmailDraftEvent,\n deleteEmailDraftEvent,\n getAllEmailDraftEvent,\n getAllEmailSendEvent,\n getAllPanelsOfOneGlobalConference,\n allPanelsOfAConference,\n }) => {\n const [emailsForms] = Form.useForm();\n const formControlEmail = useRef(null);\n\n const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [isModalSessionOpen, setIsModalSessionOpen] = useState(false);\n const [limit, setLimit] = useState(1);\n const [numOfPanels, setNumOfPanels] = useState(1);\n const [selectedEvent, setSelectedEvent] = useState({});\n const [panelsMemory, setPanelsMemory] = useState({});\n const [status, setStatus] = useState(null);\n const [event, setEvent] = useState({});\n const [edit, setEdit] = useState(false);\n const [editSession, setEditSession] = useState(false);\n const [sessionSelected, setSessionSelected] = useState(null);\n const [searchCity, setSearchCity] = useState(\"\");\n const cities = useSearchCity(searchCity);\n const [openPopUpEmails, setOpenPopUpEmails] = useState(false);\n const [bulMessageRequired, setBulMessageReqired] = useState(false);\n const [bulMessageLimitText, setBulMessageLimitText] = useState(false);\n const [clickModal, setClickModal] = useState(false);\n const [testActive, setTestActive] = useState(false);\n const [bulMessageRequiredTestEmail, setBulMessageRequiredTestEmail] =\n useState(false);\n const [messageRequiredTestEmail, setMessageRequiredTestEmail] =\n useState(false);\n const [valueTestEmail, setValueTestEmail] = useState(\"\");\n const [saveAsDraft, setSaveAsDraft] = useState(false);\n const [idDraftEmail, setIdDraftEmail] = useState(-1);\n const [backToFollowers, setBackToFollowers] = useState([]);\n const [collapseSearchDraftEamil, setCollapseSearchDraftEamil] =\n useState(false);\n const [collapseSearchSendEmail, setCollapseSearchSendEmail] = useState(false);\n const [openPopUpConfirmEmail, setOpenPopUpConfirmEmail] = useState(false);\n const [question, setQuestion] = useState(\"\");\n const [description, setDescription] = useState({\n value: \"\",\n validateStatus: null,\n });\n const [bulModalConfirmation, setBulModalConfirmation] = useState(false);\n const [isGlobalConference, setIsGlobalConference] = useState(false);\n const [activeKey, setActiveKey] = useState(\"1\");\n const [globalConferenceSelected, setGlobalConferenceSelected] =\n useState(null);\n const [tabOneDisabled, setTabOneDisabled] = useState(false);\n const [tabTwoDisabled, setTabTwoDisabled] = useState(false);\n const [tabDates, setTabDates] = useState(\"\");\n\n const [form] = Form.useForm();\n const [formConference] = Form.useForm();\n const contentCouncil = useRef({});\n const [eventType, setEventType] = useState(\"series\");\n\n const userTimezone = moment.tz.guess();\n\n const timezone = !isEmpty(event) && event.timezone;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(() => {\n getCouncilEvents(undefined, \"admin\");\n\n SocketIO.on(SOCKET_EVENT_TYPE.UPDATE_COUNCIL_EVENT_PANEL, (data) =>\n setJoinCouncilEvent(data),\n );\n\n SocketIO.on(SOCKET_EVENT_TYPE.UPDATE_COUNCIL_EVENT_COMMENTS, (data) =>\n setCouncilEventPanelComment(data),\n );\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const onChangeDescription = (e) => {\n setDescription({ ...validateDescription(e.html), value: e.html });\n };\n\n const validateDescription = (value) => {\n if (value.length > 0)\n return {\n validateStatus: \"success\",\n };\n\n return {\n validateStatus: \"error\",\n };\n };\n\n const userOfAllEvents = () => {\n let newArrayData3 = [];\n\n selectedEvent.CouncilEventPanels.forEach((data) => {\n let ndt = data.CouncilEventPanelists.map((data2) => data2.User.id);\n newArrayData3 = [...newArrayData3, ...ndt];\n return;\n });\n\n return newArrayData3;\n };\n\n const userOfOneOrMoreEvents = (ids) => {\n let newArrayData = selectedEvent?.CouncilEventPanels.filter((data) =>\n ids.some((idS) => data.id === idS),\n );\n let newArrayData2 = [];\n\n newArrayData.forEach((data) => {\n let ndt = data.CouncilEventPanelists.map((data2) => data2.User.id);\n newArrayData2 = [...newArrayData2, ...ndt];\n return;\n });\n\n return newArrayData2;\n };\n\n const onFinishEmail = (data) => {\n let values;\n let comprobadorEmail = /\\w+@\\w+\\.+[a-z]/;\n\n values = {\n ...data,\n idChannel: selectedEvent.id,\n id: idDraftEmail,\n message: description.value,\n test: testActive,\n testEmail: valueTestEmail,\n nameEvent: selectedEvent.title,\n to:\n data.to[0] === \"all\"\n ? userOfAllEvents()\n : userOfOneOrMoreEvents(data.to),\n };\n\n if (values.message === \"\") {\n setBulMessageReqired(true);\n setTimeout(() => {\n setBulMessageReqired(false);\n }, 2000);\n return;\n }\n\n if (description.value.length < 10) {\n setBulMessageLimitText(true);\n setTimeout(() => {\n setBulMessageLimitText(false);\n }, 2000);\n return;\n }\n\n if (values.testEmail === \"\" && testActive === true) {\n setBulMessageRequiredTestEmail(true);\n setTestActive(false);\n setTimeout(() => {\n setBulMessageRequiredTestEmail(false);\n }, 2000);\n return;\n }\n\n if (\n !comprobadorEmail.test(values.testEmail) &&\n values.testEmail !== \"\" &&\n testActive === true\n ) {\n setMessageRequiredTestEmail(true);\n setTestActive(false);\n setTimeout(() => {\n setMessageRequiredTestEmail(false);\n }, 2000);\n return;\n }\n\n if (saveAsDraft) {\n addEmailDraftEvent(values, () => {\n setSaveAsDraft(false);\n setOpenPopUpEmails(false);\n emailsForms.resetFields();\n description.value = \"\";\n if (idDraftEmail !== -1) {\n getAllEmailDraftEvent(selectedEvent.id);\n notification.success({\n message: \"Email draft edit successflly\",\n });\n } else {\n notification.success({\n message: \"Email draft add successflly\",\n });\n }\n setIdDraftEmail(-1);\n });\n } else {\n sendEmailAttendeeEventAdmin(values, () => {\n if (!testActive) {\n getAllEmailDraftEvent(selectedEvent.id);\n getAllEmailSendEvent();\n setOpenPopUpEmails(false);\n emailsForms.resetFields();\n description.value = \"\";\n setIdDraftEmail(-1);\n } else {\n setTestActive(false);\n }\n });\n }\n };\n\n const handleOk = () => {\n setOpenPopUpConfirmEmail(true);\n };\n\n const handleConfirm = () => {\n emailsForms.submit();\n };\n\n useEffect(() => {\n if (selectedEvent?.id !== undefined) {\n getAllEmailDraftEvent(selectedEvent.id);\n getAllEmailSendEvent();\n }\n }, [selectedEvent, getAllEmailDraftEvent, getAllEmailSendEvent]);\n\n const handleCancel = () => {\n if (!clickModal) {\n setIdDraftEmail(-1);\n setOpenPopUpEmails(false);\n emailsForms.resetFields();\n description.value = \"\";\n }\n };\n\n const emailDraftResponse = (\n emailDraftChannel !== undefined ? emailDraftChannel : []\n ).map((email) => {\n return (\n \n {\n setNumOfPanels((state) => state - 1);\n remove(name);\n }}\n />\n
\n Panel #{index + 2}
\n\n {\n description.value = email?.message;\n formControlEmail.current.setFieldsValue({\n name: email?.name,\n subject: email?.subject,\n });\n setIdDraftEmail(email?.id);\n setCollapseSearchDraftEamil(false);\n }}\n >\n {email?.subject} / {email?.name}\n
\n \n {\n deleteEmailDraftEvent(email?.id, () => {\n getAllEmailDraftEvent(selectedEvent?.id);\n });\n }}\n />\n
\n \n );\n });\n\n const emailSendResponse = (\n allEmailSendEvent !== undefined ? allEmailSendEvent : []\n )?.map((email) => {\n return (\n \n {email?.subject} / {email?.name}\n
\n \n {\n (allCouncilEvents || [])?.filter(\n (data) => data.id === email?.idChannel,\n )[0]?.eventName\n }\n
\n {email?.date}
\n \n );\n });\n\n const quitAllUsers = (data) => {\n let newData = [];\n\n let bul = data.filter((value) => value === \"all\");\n let bul2 = backToFollowers.filter((value) => value === \"all\");\n\n if (backToFollowers.length > 0 && bul2[0]) {\n data.forEach((value) => {\n if (value !== \"all\") {\n newData.push(value);\n }\n });\n\n formControlEmail.current.setFieldsValue({\n to: newData,\n });\n\n setBackToFollowers(newData);\n } else if (backToFollowers.length > 0 && bul[0]) {\n data.forEach((value) => {\n if (value === \"all\") {\n newData.push(value);\n }\n });\n\n formControlEmail.current.setFieldsValue({\n to: newData,\n });\n\n setBackToFollowers(newData);\n } else {\n setBackToFollowers(data);\n }\n };\n\n useEffect(() => {\n if (\n formControlEmail.current !== undefined &&\n formControlEmail.current !== null\n ) {\n formControlEmail.current.setFieldsValue({\n replyToEmail: \"info@hackinghrlab.io\",\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [openPopUpEmails]);\n\n useEffect(() => {\n if (!isEmpty(event)) {\n const _event = allCouncilEvents.find((eve) => eve.id === event.id);\n setEvent(_event);\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [allCouncilEvents]);\n\n useEffect(() => {\n if (event && event?.isGlobalConference) {\n if (!isEmpty(event)) {\n let city = undefined;\n\n if (event?.timezone !== undefined && event?.timezone !== null) {\n city = getNameOfCityWithTimezone(event?.timezone);\n }\n\n if (city) {\n setSearchCity(city);\n }\n\n formConference.setFieldsValue({\n ...event,\n timezone:\n event?.timezone !== undefined ? `${city}/${event?.timezone}` : \"\",\n yearConference: moment(event?.yearConference),\n });\n }\n } else {\n if (!isEmpty(event) && event.CouncilEventPanels !== undefined) {\n const councilEventPanels = event?.CouncilEventPanels;\n let panel = councilEventPanels[0];\n\n let startTime =\n panel?.startDate !== undefined &&\n panel?.startDate !== null &&\n panel?.startDate !== \"Invalid date\"\n ? moment.utc(panel?.startDate)\n : moment();\n let endTime =\n panel?.startDate !== undefined &&\n panel?.startDate !== null &&\n panel?.startDate !== \"Invalid date\"\n ? moment.utc(panel?.endDate)\n : moment();\n\n panel = {\n ...panel,\n councilEventPanelId: panel?.id,\n };\n\n const panels = councilEventPanels.slice(1).map((panel) => {\n let startTime =\n panel?.startDate !== undefined &&\n panel?.startDate !== null &&\n panel?.startDate !== \"Invalid date\"\n ? moment.utc(panel?.startDate)\n : moment();\n let endTime =\n panel?.endDate !== undefined &&\n panel?.endDate !== null &&\n panel?.endDate !== \"Invalid date\"\n ? moment.utc(panel?.endDate)\n : moment();\n return {\n ...panel,\n panelStartAndEndDate: [startTime, endTime],\n type: panel?.typePanel,\n };\n });\n\n const startDate =\n event?.startDate !== undefined &&\n event?.startDate !== null &&\n event?.startDate !== \"Invalid date\"\n ? moment.utc(event?.startDate)\n : moment();\n const endDate =\n event?.endDate !== undefined &&\n event?.endDate !== null &&\n event?.endDate !== \"Invalid date\"\n ? moment.utc(event?.endDate)\n : moment();\n const startAndEndDate = [startDate, endDate];\n\n let city = undefined;\n\n if (event?.timezone !== undefined && event?.timezone !== null) {\n city = getNameOfCityWithTimezone(event?.timezone);\n }\n\n if (city) {\n setSearchCity(city);\n }\n\n setPanelsMemory(panels.length);\n\n if (panel?.hrCreditsBoolean === \"Yes\") {\n setQuestion(\"Yes\");\n }\n\n setEventType(event.type || \"series\")\n\n form.setFieldsValue({\n ...event,\n eventType: event.type,\n shrmCode: event.shrmCode,\n hrciCode: event.hrciCode,\n ihrimCode: event.ihrimCode,\n startAndEndDate,\n panels,\n panelName: panel?.panelName,\n numberOfPanelists: panel?.numberOfPanelists,\n councilEventPanelId: panel?.councilEventPanelId,\n panelStartAndEndDate: [startTime, endTime],\n linkToJoin: panel?.linkToJoin,\n timezone:\n event?.timezone !== undefined ? `${city}/${event?.timezone}` : \"\",\n link: event?.linkComments,\n type: panel?.typePanel,\n hrCreditsBoolean: panel?.hrCreditsBoolean,\n descriptionPanel: panel?.descriptionPanel,\n typeHrCredits: panel?.typeHrCredits,\n numberOfHRCredits: panel?.numberOfHRCredits,\n numberOfIHRIMCredits: panel?.numberOfIHRIMCredits,\n videoUrl: panel?.videoUrl\n });\n\n setLimit(event.numberOfPanels); //max panels\n setNumOfPanels(event.CouncilEventPanels.length); //total panels\n }\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [event]);\n\n useEffect(() => {\n if (!allEvents || allEvents.length === 0) {\n getAllEvent();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const disableDate = (date = moment(), isPanel = false) => {\n const startAndEndDate = isPanel && form.getFieldValue([\"startAndEndDate\"]);\n\n if (startAndEndDate) {\n return (\n moment(date).isBefore(moment()) ||\n (isPanel &&\n moment(date).isBefore(moment(startAndEndDate[0]).startOf(\"day\"))) ||\n (isPanel &&\n moment(date).isAfter(\n moment(startAndEndDate[1]).add(1, \"days\").startOf(\"day\"),\n ))\n );\n } else {\n return (\n moment(date).isBefore(moment()) ||\n (isPanel && moment(date).isBefore(moment().startOf(\"day\")))\n );\n }\n };\n\n const limitOnChange = (value) => {\n setLimit(+value);\n };\n\n const checkIfOverTheLimit = (add) => {\n if (numOfPanels <= limit) {\n add();\n setNumOfPanels((state) => state + 1);\n }\n };\n\n const handleOnFinish = (values, statusData) => {\n const timezoneFirstSliceIndex = values?.timezone?.indexOf(\"/\");\n const convertedStartTime =\n values?.startAndEndDate !== undefined\n ? moment.utc(values?.startAndEndDate[0]?.format(\"YYYY-MM-DD\")).format()\n : \"\";\n\n const convertedEndTime =\n values?.startAndEndDate !== undefined\n ? moment.utc(values?.startAndEndDate[1]?.format(\"YYYY-MM-DD\")).format()\n : \"\";\n\n const panel = {\n panelName: values?.panelName,\n startDate:\n values?.panelStartAndEndDate !== undefined\n ? moment.utc(\n values?.panelStartAndEndDate[0]?.format(\"YYYY-MM-DD HH:mm\"),\n )\n : \"\",\n endDate: values?.panelStartAndEndDate\n ? moment.utc(\n values?.panelStartAndEndDate[1]?.format(\"YYYY-MM-DD HH:mm\"),\n )\n : \"\",\n numberOfPanelists: values?.numberOfPanelists,\n timezone: values?.timezone?.slice(\n timezoneFirstSliceIndex + 1,\n values?.timezone?.length,\n ),\n linkToJoin: values?.linkToJoin,\n id: values?.councilEventPanelId,\n councilEventId: event ? event?.id : null,\n type: values?.type,\n hrCreditsBoolean: values?.hrCreditsBoolean,\n descriptionPanel: values?.descriptionPanel,\n typeHrCredits: values?.typeHrCredits,\n numberOfHRCredits: values?.numberOfHRCredits,\n numberOfIHRIMCredits: values?.numberOfIHRIMCredits,\n videoUrl: values?.videoUrl,\n };\n\n let panels = values?.panels || [];\n\n panels = panels.map((panel) => {\n return {\n ...panel,\n startDate:\n panel?.panelStartAndEndDate !== undefined\n ? moment\n .utc(panel?.panelStartAndEndDate[0]?.format(\"YYYY-MM-DD HH:mm\"))\n .format()\n : \"\",\n endDate:\n panel?.panelStartAndEndDate !== undefined\n ? moment\n .utc(panel?.panelStartAndEndDate[1]?.format(\"YYYY-MM-DD HH:mm\"))\n .format()\n : \"\",\n };\n });\n panels = [panel, ...panels];\n\n const transformedValues = {\n ...values,\n type: values.eventType,\n shrmCode: values.shrmCode,\n hrciCode: values.hrciCode,\n ihrimCode: values.ihrimCode,\n id: event ? event?.id : null,\n startDate: convertedStartTime,\n endDate: convertedEndTime,\n timezone: values?.timezone?.slice(\n timezoneFirstSliceIndex + 1,\n values?.timezone.length,\n ),\n panels,\n status: status !== null && status !== undefined ? status : statusData,\n isEdit: edit,\n idEvent: event?.id,\n };\n\n upsertCouncilEvent(transformedValues, (error) => {\n if (error) {\n notification.error({\n message: \"Something went wrong.\",\n });\n } else {\n form.resetFields();\n setEvent({});\n setIsDrawerOpen(false);\n setEdit(false);\n getCouncilEvents(undefined, \"admin\");\n }\n });\n };\n\n const handleOnFinishGlobalConference = (values, statusData) => {\n const timezoneFirstSliceIndex = values?.timezone?.indexOf(\"/\");\n const convertedStartTime =\n values?.startAndEndDate !== undefined\n ? moment.utc(values?.startAndEndDate[0]?.format(\"YYYY-MM-DD\")).format()\n : \"\";\n\n const convertedEndTime =\n values?.startAndEndDate !== undefined\n ? moment.utc(values?.startAndEndDate[1]?.format(\"YYYY-MM-DD\")).format()\n : \"\";\n\n const transformedValues = {\n ...values,\n id: event ? event?.id : null,\n startDate: convertedStartTime,\n endDate: convertedEndTime,\n timezone: values?.timezone?.slice(\n timezoneFirstSliceIndex + 1,\n values?.timezone.length,\n ),\n // panels,\n status: status !== null && status !== undefined ? status : statusData,\n isEdit: edit,\n idEvent: event?.id,\n isGlobalConference: true,\n yearConference: moment(values?.yearConference).format(\"YYYY\"),\n };\n\n upsertCouncilEvent(transformedValues, (error) => {\n if (error) {\n notification.error({\n message: \"Something went wrong.\",\n });\n } else {\n formConference.resetFields();\n setEvent({});\n setIsDrawerOpen(false);\n setEdit(false);\n getCouncilEvents(undefined, \"admin\");\n }\n });\n };\n\n const handleSubmit = (status) => {\n setStatus(status);\n form.submit();\n };\n\n const handleSubmitGlobalConference = (status) => {\n setStatus(status);\n formConference.submit();\n };\n\n const handleEdit = (eve) => {\n if (eve.isGlobalConference) {\n setTabOneDisabled(true);\n setIsGlobalConference(true);\n setEdit(true);\n setEvent(eve);\n setActiveKey(\"2\");\n setIsDrawerOpen(true);\n } else {\n setActiveKey(\"1\");\n setTabTwoDisabled(true);\n setIsGlobalConference(false);\n setEdit(true);\n setEvent(eve);\n setLimit(event?.numberOfPanels);\n setNumOfPanels(event?.numberOfPanels);\n setIsDrawerOpen(true);\n }\n };\n\n const handleCloseEvent = (eve) => {\n upsertCouncilEvent({\n id: eve?.id,\n status: \"closed\",\n });\n };\n\n const handleConfirmDelete = (id) => {\n deleteCouncilEvent(id);\n };\n\n const handleSearchCity = (value) => {\n if (value === \"\") {\n return;\n }\n\n let timer = setTimeout(() => {\n setSearchCity(value);\n clearTimeout(timer);\n }, 1000);\n };\n\n const displayPanels = event?.CouncilEventPanels?.map((panel) => {\n return (\n \n
\n {userProfile.isExpertCouncilAdmin && (\n {eve.eventName}
\n\n {eve?.status} \n
\n )}\n Start date: {moment.utc(eve?.startDate).format(\"LL\")}
\n \n End date: {moment.utc(eve?.endDate).format(\"LL\")}\n
\n \n {userProfile?.isExpertCouncilAdmin ? (\n <>\n \n {\n e.preventDefault();\n e.stopPropagation();\n handleEdit(eve);\n }}\n size=\"small\"\n />\n {\n e.preventDefault();\n e.stopPropagation();\n handleCloseEvent(eve);\n }}\n size=\"small\"\n />\n e.stopPropagation()}>\n handleConfirmDelete(eve.id)}\n okText=\"Yes\"\n cancelText=\"No\"\n >\n \n \n \n \n {userProfile?.role === \"admin\" &&\n (userProfile?.email === \"morecontrol64@gmail.com\" ||\n userProfile?.email === \"jessa@hackinghr.io\" ||\n userProfile?.email === \"sneha@hackinghr.io\" ||\n userProfile?.email === \"enrique@hackinghr.io\" ||\n userProfile.email === \"mkeivy.mora@gmail.com\" ||\n userProfile?.email === \"barb1971clement@gmail.com\" ||\n userProfile.email !== \"barbara@hackinghr.io\") && (\n \n {\n e.preventDefault();\n e.stopPropagation();\n exportCouncilEvents(eve.id);\n }}\n size=\"small\"\n />\n \n )}\n {userProfile?.role === \"admin\" &&\n (userProfile?.email === \"morecontrol64@gmail.com\" ||\n userProfile?.email === \"jessa@hackinghr.io\" ||\n userProfile.email === \"mkeivy.mora@gmail.com\" ||\n userProfile?.email === \"sneha@hackinghr.io\" ||\n userProfile?.email === \"enrique@hackinghr.io\" ||\n userProfile?.email === \"barb1971clement@gmail.com\" ||\n userProfile.email !== \"barbara@hackinghr.io\") && (\n \n {\n e.preventDefault();\n e.stopPropagation();\n setSelectedEvent(eve);\n setOpenPopUpEmails(true);\n }}\n size=\"small\"\n />\n \n )}\n {eve?.isGlobalConference === true &&\n userProfile?.role === \"admin\" && (\n \n setBulRedirectEditSession(true)}\n onClick={(e) => {\n e.stopPropagation();\n setGlobalConferenceSelected(eve);\n setIsModalSessionOpen(true);\n }}\n />\n \n )}\n \n ) : (\n {\n setEvent(eve);\n setIsModalOpen(true);\n }}\n />\n )}\n
\n \n \n ));\n\n const dataEventSelect = (data) => {\n const eventTitle = form.getFieldValue(\"eventName\");\n const eventDate = form.getFieldValue(\"panelStartAndEndDate\");\n const timezone = form.getFieldValue(\"timezone\");\n\n const _event = allEvents.find((eve) => eve.id === Number(data));\n\n const city = getNameOfCityWithTimezone(_event.timezone);\n\n if (city) {\n setSearchCity(city);\n }\n\n const startDate = moment.utc(_event.startAndEndTimes[0].startTime);\n const endDate = moment.utc(\n _event.startAndEndTimes[_event.startAndEndTimes.length - 1].endTime,\n );\n const startAndEndDate = [startDate, endDate];\n\n if (eventTitle === \"\" || eventTitle === null || eventTitle === undefined) {\n form.setFieldsValue({\n eventName: _event.title,\n });\n }\n\n if (eventDate === \"\" || eventDate === null || eventDate === undefined) {\n form.setFieldsValue({\n startAndEndDate,\n });\n }\n\n if (timezone === \"\" || timezone === null || timezone === undefined) {\n form.setFieldsValue({\n timezone: `${city}/${_event.timezone}`,\n });\n }\n };\n\n return (\n {\n e.preventDefault();\n e.stopPropagation();\n if (eve?.isGlobalConference === true) {\n getAllPanelsOfOneGlobalConference(eve?.idConference);\n }\n setEvent(eve);\n setIsModalOpen(true);\n }}\n size=\"small\"\n />\n
\n \n {\n e.preventDefault();\n e.stopPropagation();\n let codigoACopiar = document.getElementById(\n `textoACopiar${eve?.id}`,\n );\n\n if (codigoACopiar !== undefined) {\n let seleccion = document.createRange();\n seleccion.selectNodeContents(codigoACopiar);\n window.getSelection().removeAllRanges();\n window.getSelection().addRange(seleccion);\n document.execCommand(\"copy\");\n window.getSelection().removeRange(seleccion);\n }\n }}\n size=\"small\"\n />\n
\n \n {\n setClickModal(false);\n }}\n onMouseDown={(e) => {\n if (e.target.className === \"ant-modal-wrap\") {\n setOpenPopUpEmails(false);\n emailsForms.resetFields();\n setIdDraftEmail(-1);\n }\n if (\n e.target.parentElement.parentElement.id === \"close-email\" ||\n e.target.parentElement.id === \"close-email\"\n ) {\n setOpenPopUpEmails(false);\n emailsForms.resetFields();\n setIdDraftEmail(-1);\n }\n if (\n e.target.parentElement.parentElement.id ===\n \"close-collapse-draft-email\" ||\n e.target.parentElement.id === \"close-collapse-draft-email\"\n ) {\n setCollapseSearchDraftEamil(false);\n setCollapseSearchSendEmail(false);\n }\n if (e.target.id === \"close-collapse-draft-email-fond\") {\n setCollapseSearchDraftEamil(false);\n setCollapseSearchSendEmail(false);\n }\n }}\n >\n
\n \n {filterDates(Object.keys(contentCouncil.current) || [])?.map(e => {\n return (\n
\n setTabDates(e)}>{e}
\n );\n })}\n \n {userProfile.isExpertCouncilAdmin && (\n {\n setIsDrawerOpen(true);\n form.resetFields();\n formConference.resetFields();\n setEdit(false);\n }}\n >\n
\n )}\n {displayCouncilEvents}\n \n
\n Panel #1
\n\n \n handleSubmitGlobalConference(\"draft\")}\n />\n \n \n handleSubmitGlobalConference(\"active\")}\n />\n \n
\n \n \n \n \n
\n Event Name: {event?.eventName}
\n\n Date:{\" \"}\n {convertToLocalTime(event?.startDate, timezone).format(\"LL\")} -{\" \"}\n {convertToLocalTime(event?.endDate, timezone).format(\"LL\")} (\n {userTimezone})\n
\nDescription: {event?.description}
\n\n
\n \n \n {event.isGlobalConference === true\n ? displaySessions\n : displayPanels}\n
\n Save changes before closing.
\n\n \n
\n \n }\n centered\n onCancel={() => {\n setBulModalConfirmation(false);\n setEvent({});\n setTabOneDisabled(false);\n setTabTwoDisabled(false);\n setIsDrawerOpen(false);\n form.resetFields();\n formConference.resetFields();\n setEdit(false);\n setActiveKey(\"1\");\n }}\n visible={bulModalConfirmation}\n closable={true}\n footer={[]}\n width={\"300px\"}\n closeIcon={\n {\n setBulModalConfirmation(false);\n setEvent({});\n setTabOneDisabled(false);\n setTabTwoDisabled(false);\n setIsDrawerOpen(false);\n form.resetFields();\n formConference.resetFields();\n setEdit(false);\n setActiveKey(\"1\");\n }}\n />\n {\n if (isGlobalConference) {\n handleOnFinishGlobalConference(formConference.getFieldsValue());\n } else {\n handleOnFinish(form.getFieldsValue());\n }\n setBulModalConfirmation(false);\n setTabOneDisabled(false);\n setTabTwoDisabled(false);\n }}\n />\n
\n \n Search Email Draft
\n \n\n
\n {emailDraftResponse}\n \n Subject / Name
\n Actions
\n \n
\n Search Email Send
\n \n\n
\n {emailSendResponse}\n \n Subject / Name
\n Event title
\n Date
\n \n
\n Message is required
\n )}\n {bulMessageLimitText && (\n\n the content must have more than 10 characters\n
\n )}\n \nTest email is required
\n )}\n {messageRequiredTestEmail && (\nThis is not a valid email!
\n )}\n\n When you click CONFIRM your email will be immediately sent. BUT,\n before you click on confirm:\n
\n- \n
\n If yes, then it is good time to send your email. Thank you!\n
\n\n \n
\n \n }\n centered\n onCancel={() => setOpenPopUpConfirmEmail(false)}\n visible={openPopUpConfirmEmail}\n closable={true}\n footer={[]}\n width={\"450px\"}\n closeIcon={\n setOpenPopUpConfirmEmail(false)}\n />\n {\n setOpenPopUpConfirmEmail(false);\n handleConfirm();\n }}\n />\n
\n \n \n
\n ) : (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n Back
\n\n
\n )}\n \n );\n};\n\nconst mapStateToProps = (state, props) => ({\n userProfile: homeSelector(state).userProfile,\n councilResources: councilSelector(state).councilResources,\n ...councilConversationSelector(state),\n});\n\nconst mapDispatchToProps = {\n ...councilConversation,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CouncilPageAdmin);\n","import React, {useEffect, useRef, useState} from \"react\";\nimport { connect } from \"react-redux\";\nimport { CircularProgressbar } from \"components\";\nimport { Alert } from \"antd\";\nimport { updateUser } from \"redux/actions/home-actions\";\nimport ProfileEditPanel from \"containers/ProfileDrawer/ProfileEditPanel\";\nimport { TIMEZONE_LIST, COUNTRIES, INTERNAL_LINKS } from \"enum\";\n\nimport \"./style.scss\";\n\nconst ModalCompleteProfile = ({\n updateUser,\n userProfile,\n get,\n onCancel,\n onOk,\n setBulKnowRegister = null,\n setBulCompleteProfile,\n style\n}) => {\n\n const [userRequired,setUserRequired] = useState({})\n\n const cantLi = useRef(null)\n const startContainer = useRef(null)\n\n const timezone = (\n TIMEZONE_LIST.find((item) => item.value === userProfile.timezone) || {}\n ).text;\n const location = (\n COUNTRIES.find((item) => item.value === userProfile.location) || {}\n ).text;\n\n const onSave = (userInfo) => {\n startContainer.current.scroll(0,0)\n if(window.location.pathname.substring(0,13) !== INTERNAL_LINKS.SPEAKER_2023 && setBulKnowRegister){\n setBulKnowRegister(true)\n }\n updateUser(userInfo,() => {\n if(get){\n get()\n }\n if(setBulCompleteProfile){\n setBulCompleteProfile(false)\n }\n if(onOk){\n onOk() \n }\n });\n };\n\n const esEnlace = (texto) => {\n let patronEnlaceLinkedIn = /^(https|http|ftp):\\/\\/[\\w\\-]+(\\.[\\w\\-]+)+[^\\s/$.?#].*$/i;\n return patronEnlaceLinkedIn.test(texto);\n }\n\n useEffect(() => {\n setUserRequired({\n img: !userProfile.img ? true : false,\n firstName: !userProfile.firstName ? true : false,\n lastName: !userProfile.lastName ? true : false,\n titleProfessions: !userProfile.titleProfessions ? true : false,\n company: !userProfile.company ? true : false,\n location: !location ? true : false,\n city: !userProfile.city ? true : false,\n // timezone: !timezone ? true : false,\n // languages: (!userProfile.languages || Object.keys(userProfile?.languages)?.length === 0) ? true : false,\n about: !userProfile.about ? true : false,\n topicsOfInterest: (userProfile.topicsOfInterest && Object.keys(userProfile.topicsOfInterest).length === 0) ? true : false,\n personalLinks: !userProfile?.personalLinks?.hasOwnProperty(\"linkedin\") ? true : false,\n personalLinksBad: !esEnlace(userProfile?.personalLinks?.linkedin?.toLowerCase()),\n // isOpenReceivingEmail: (userProfile.isOpenReceivingEmail === -1) ? true : false,\n recentJobLevel: !userProfile.recentJobLevel ? true : false,\n recentWorkArea: (Array.isArray(userProfile.recentWorkArea) && userProfile.recentWorkArea.length === 0) ? true : false,\n sizeOfOrganization: !userProfile.sizeOfOrganization ? true : false,\n })\n },[userProfile])\n\n return (\n \n \n Missing information:\n
\n );\n };\n \n const mapStateToProps = (state, props) => ({\n \n });\n \n const mapDispatchToProps = {\n updateUser,\n };\n \n export default connect(mapStateToProps, mapDispatchToProps)(ModalCompleteProfile);","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link, useLocation } from \"react-router-dom\";\n\nimport { homeSelector } from \"redux/selectors/homeSelector\";\nimport { councilSelector } from \"redux/selectors/councilSelector\";\nimport { getUser } from \"redux/actions/home-actions\";\nimport { INTERNAL_LINKS, EVENT_TYPES } from \"enum\";\n\nimport { actions as councilConversation } from \"redux/actions/councilConversation-actions\";\nimport { actions as councilEventActions } from \"redux/actions/council-events-actions\";\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { councilEventSelector } from \"redux/selectors/councilEventSelector\";\nimport { councilConversationSelector } from \"redux/selectors/councilConversationSelector\";\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\n\nimport { Modal } from \"antd\";\nimport Login from \"../Login2\";\nimport { isEmpty } from \"lodash\";\nimport moment from \"moment-timezone\";\n\nimport ButtonsCouncilEvents from \"./ButtonsCouncilEvents\";\nimport MemberSpeakers from \"./MembersSpeakers\";\nimport ModalCompleteYourProfile2 from \"./ModalCompleteYourProfile2\";\n\nimport { convertToLocalTime } from \"utils/format\";\n\nimport Emitter from \"services/emitter\";\n\nimport {\n CollapseComponent,\n} from \"components\";\n\nimport {\n Space,\n notification\n} from \"antd\";\n\nimport IconBack from \"images/icon-back.svg\";\n\nimport \"./style.scss\";\n\nconst CouncilPageAdmin = ({\n userProfile,\n getCouncilEvents,\n allCouncilEvents,\n joinCouncilEvent,\n joinCouncilEventWait,\n joinSpeakersEventWait,\n getUser,\n getAllPanelsOfOneGlobalConference,\n allPanelsOfAConference,\n removeUserSpeakerToPanel,\n getAllPanelSpeakers,\n getAllUserSpeaker,\n allMember,\n getAllMemberSpeakerPanel,\n getAllPanelsOfOneUserSpeakers,\n allPanelSpeakers,\n addUserSpeakerToPanel,\n joinExternalAwait,\n}) => {\n\n const location = useLocation();\n const id = location.pathname.substring(16,location.pathname.length)\n const [event, setEvent] = useState({});\n const [limit, setLimit] = useState(0)\n\n const [bulModal5, setBulModal5] = useState(false)\n\n const [changueModal, setChangueModal] = useState(false)\n const [changueModal2, setChangueModal2] = useState(false)\n\n const [showProfileCompletionFirewall, setShowProfileCompletionFirewall] = useState(false);\n const userTimezone = moment.tz.guess();\n const [isLogged,setIsLogged] = useState(true)\n const [isGlobalConference,setIsGlobalConference] = useState(null)\n // const [panelsFullBul, setPanelsFullBul] = useState(false);\n const panelsFullBul = false;\n const firstName = userProfile?.firstName\n const timezone = !isEmpty(event) && event.timezone;\n\n useEffect(() => {\n getUser();\n }, [getUser])\n\n useEffect(() => {\n if (isGlobalConference) { \n getAllPanelsOfOneGlobalConference(event?.idConference);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [event])\n\n useEffect(() => {\n if (changueModal === true && firstName !== '' && firstName !== undefined) {\n setTimeout(() => {\n if (userProfile.percentOfCompletion === '100' || userProfile.percentOfCompletion === 100) {\n setIsLogged(true)\n } else {\n setBulModal5(true)\n setIsLogged(true)\n }\n }, 200);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [firstName, changueModal, setBulModal5, userProfile])\n \n useEffect(() => {\n if (changueModal2 === true && firstName !== '' && firstName !== undefined) {\n setTimeout(() => {\n setChangueModal2(false)\n if (userProfile.percentOfCompletion === '100' || userProfile.percentOfCompletion === 100) {\n setBulModal5(false)\n }\n }, 200);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [firstName, changueModal2, setBulModal5])\n\n useEffect(() => {\n getCouncilEvents();\n },[getCouncilEvents])\n\n useEffect(() => {\n const _event = allCouncilEvents.find((eve) => eve.id === Number(id));\n setEvent(_event);\n if (_event?.isGlobalConference !== undefined) { \n setIsGlobalConference(_event.isGlobalConference)\n }\n },[allCouncilEvents,id,setEvent])\n\n useEffect(() => {\n if(userProfile !== undefined){\n const limit1 = event?.CouncilEventPanels?.filter((panel) => {\n return panel?.arrayControlIdsEvents?.some(users => {\n return Number(users.id) === Number(userProfile.id)\n })\n })\n\n const limit2 = event?.CouncilEventPanels?.filter((panel) => {\n return panel?.CouncilEventPanelists?.some(users => {\n return Number(users.UserId) === Number(userProfile.id)\n })\n })\n\n if(limit1 !== undefined && limit2 !== undefined){\n setLimit([...limit1, ...limit2]?.length) \n }\n \n }\n }, [event, userProfile])\n\n const content = (panels) => {\n\n let startTime = convertToLocalTime(panels?.startDate, event?.timezone);\n let endTime = convertToLocalTime(panels?.endDate, event?.timezone);\n\n return (\n Hi! You must to complete your profile.
\n- \n {!userProfile.img ?
- Profile Picture : null}\n {!userProfile.firstName ?
- First name : null}\n {!userProfile.lastName ?
- Last name : null}\n {!userProfile.titleProfessions ?
- Title : null}\n {!userProfile.company ?
- Company : null}\n {!location ?
- Location : null}\n {!userProfile.city ?
- City : null}\n {/* {!timezone ?
- Time zone : null}\n {!userProfile.languages ? (\n
- Main language \n ) : Object.keys(userProfile.languages).length === 0 ? (\n
- Main languages \n ) : null} */}\n {!userProfile.about ?
- Tell us more about you : null}\n {userProfile.topicsOfInterest ? (\n Object.keys(userProfile.topicsOfInterest).length === 0 ? (\n
- Topics of interest \n ) : null\n ) : (\n
- Topics of interest \n )}\n {userProfile.personalLinks ? (\n !userProfile.personalLinks.hasOwnProperty(\"linkedin\") ? (\n
- Linkedin Profile \n ) : userProfile.personalLinks.linkedin.toString().trim() === \"\" ||\n userProfile.personalLinks.linkedin.toString().trim() ===\n \"https://\" ? (\n
- Linkedin Profile \n ) : null\n ) : null}\n {/* {userProfile.isOpenReceivingEmail === -1 ? (\n
- \n Are open to receiving information/being contacted via email\n about open job positions?\n \n ) : null} */}\n {!userProfile.recentJobLevel ? (\n
- \n What best defines your current or most recent job level?\n \n ) : null}\n {Array.isArray(userProfile.recentWorkArea) ? (\n userProfile.recentWorkArea.length === 0 ? (\n
- \n In what area of HR do you currently work or most recently\n worked?\n \n ) : null\n ) : null}\n {!userProfile.sizeOfOrganization ? (\n
- What is the size of the organization your work for? \n ) : null}\n
\n {onSave(userInfo)}}\n bulModal={true}\n onCancel={() => {}}\n userRequired={userRequired}\n />\n
\n \n \n {panels?.panelName}\n \n \n Panel Date:{` ${startTime.format(\"LL\")}`}\n \n
\n ) \n };\n\n const updateDataInformation = () => {\n getCouncilEvents(() => {\n const _event = allCouncilEvents.find((eve) => eve.id === Number(id));\n\n const limit1 = event?.CouncilEventPanels?.filter((panel) => {\n return panel?.arrayControlIdsEvents?.some(users => {\n return Number(users.id) === Number(userProfile.id)\n })\n })\n\n const limit2 = event?.CouncilEventPanels?.filter((panel) => {\n return panel?.CouncilEventPanelists?.some(users => {\n return Number(users.UserId) === Number(userProfile.id)\n })\n })\n\n if(limit1 !== undefined && limit2 !== undefined){\n setLimit([...limit1, ...limit2]?.length) \n }\n\n setEvent(_event);\n }); \n }\n\n const removeUserFunction = (id, user, panelName) => {\n removeUserSpeakerToPanel({ id: id, panelName: panelName }, () => {\n getAllPanelSpeakers(\"Panels\", {\n topics: undefined,\n bul: panelsFullBul,\n });\n getAllPanelsOfOneUserSpeakers();\n getAllUserSpeaker(userProfile?.id);\n getAllMemberSpeakerPanel();\n getAllPanelsOfOneGlobalConference(event?.idConference);\n \n // if (userProfile?.id === user) {\n // setTimeout(() => {\n // setRemoveMembersSpeakers(true);\n // }, 100);\n // }\n });\n };\n \n const joinUser = (data, index, user) => {\n if (userProfile?.percentOfCompletion !== 100) {\n return setShowProfileCompletionFirewall(true);\n }\n \n let usersNames = {\n userId: user?.User?.id,\n userName: user?.User?.firstName,\n userEmail: user?.User?.email,\n };\n \n let arrayMemberNotModerator = allPanelSpeakers[\n index\n ]?.SpeakerMemberPanels?.filter((member) => {\n return member?.isModerator === false;\n });\n \n if (\n allMember?.length < 2 &&\n userProfile?.role !== \"admin\" &&\n arrayMemberNotModerator?.length < 5\n ) {\n addUserSpeakerToPanel(\n { usersNames, bul: false, panel: data, type: \"joinUser\" },\n () => {\n getAllPanelSpeakers(\"Panels\", {\n topics: undefined,\n bul: panelsFullBul,\n });\n getAllPanelsOfOneUserSpeakers();\n getAllUserSpeaker(userProfile?.id);\n getAllMemberSpeakerPanel();\n getAllPanelsOfOneGlobalConference(event?.idConference);\n }\n );\n } else {\n if (userProfile?.role !== \"admin\") {\n if (arrayMemberNotModerator?.length === 5) {\n notification.error({\n message: \"ERROR:\",\n description: \"This panel is full.\",\n });\n }\n if (allMember?.length === 2) {\n notification.error({\n message: \"ERROR:\",\n description: \"You can't join more than two panels.\",\n });\n }\n }\n }\n if (userProfile?.role === \"admin\") {\n usersNames = [JSON.stringify(usersNames)]\n addUserSpeakerToPanel(\n { usersNames, bul: false, panel: data, type: \"addUserAdmin\" },\n () => {\n getAllPanelSpeakers(\"Panels\", {\n topics: undefined,\n bul: panelsFullBul,\n });\n getAllPanelsOfOneUserSpeakers();\n getAllUserSpeaker(userProfile?.id);\n getAllMemberSpeakerPanel();\n getAllPanelsOfOneGlobalConference(event?.idConference);\n }\n );\n }\n };\n\n const dataIterated = (panels,users) => {\n let userSelects = users?.map((data) => {\n if(Number(data?.id) === Number(userProfile?.id)){\n return {\n id: panels?.id, \n isModerator: false, \n buttonsAccept: true,\n UserId: data?.id,\n User: data,\n pending: true\n } \n }else{\n return {\n id: panels?.id, \n isModerator: false, \n buttonsAccept: true,\n UserId: data?.id,\n User: data,\n pending: (userProfile?.role !== 'admin') ? false : true\n } \n } \n })\n \n let usersSelectss = []\n if(userSelects.length > 0){\n usersSelectss = [...panels?.CouncilEventPanelists, ...userSelects]\n }else{\n usersSelectss = [...panels?.CouncilEventPanelists]\n } \n\n return (\n \n Panel Start Time: {startTime.format(\"HH:mm a\")} {moment.tz.guess()}\n
\n\n Panel End Time: {endTime.format(\"HH:mm a\")} {moment.tz.guess()}\n
\n\n {usersSelectss?.map((user,index) => {\n \n return (\n {\n joinCouncilEventWait(\n panels.id,\n user.User,\n \"Unjoin\",\n false,\n false,\n event,\n {\n rejectWithEmail: false\n },\n () => updateDataInformation()\n ); \n }}\n removeAdmin={() => {\n joinCouncilEvent(\n panels.id,\n Number(user.UserId),\n \"Unjoin\",\n false,\n false,\n event.id,\n () => updateDataInformation()\n ); \n }}\n joinAdmin={() => {\n joinCouncilEvent(\n panels.id,\n Number(user.UserId),\n \"Join\",\n false,\n false,\n event.id,\n () => updateDataInformation()\n );\n }}\n />\n )\n })}\n
\n )\n };\n\n const dataIteratedForConference = (panels,users) => {\n let userSelects = users?.map((data2) => {\n let data = data2?.id ? data2 : JSON.parse(data2)\n if(Number(data?.id) === Number(userProfile?.id)){\n return {\n id: panels?.id, \n isModerator: false, \n buttonsAccept: true,\n UserId: data?.id,\n User: data,\n isKeynote: data.isKeynote,\n pending: true\n } \n }else{\n return {\n id: panels?.id, \n isModerator: false, \n buttonsAccept: true,\n UserId: data?.id,\n isKeynote: data.isKeynote,\n User: data,\n pending: (userProfile?.role !== 'admin') ? false : true\n } \n } \n })\n\n let usersSelectss2 = panels.arrayControlIdsExternal?.map((data2) => {\n let data = data2?.id ? data2 : JSON.parse(data2)\n if (Number(data?.id) === Number(userProfile?.id)) {\n return {\n id: panels?.id,\n isModerator: (data.isModerator === 'false') ? false : true,\n buttonsAccept: false,\n UserId: data?.id,\n User: data,\n isExternalUser: true,\n isKeynote: data.isKeynote,\n pending: true,\n };\n } else {\n return {\n id: panels?.id,\n isModerator: (data.isModerator === 'false') ? false : true,\n buttonsAccept: false,\n UserId: data?.id,\n isKeynote: data.isKeynote,\n User: data,\n isExternalUser: true,\n pending: userProfile?.role !== \"admin\" ? false : true,\n };\n }\n });\n \n let usersSelectss = []\n if(userSelects.length > 0){\n usersSelectss = [...panels.SpeakerMemberPanels,...userSelects, ...usersSelectss2]\n }else{\n usersSelectss = [...panels.SpeakerMemberPanels, ...usersSelectss2]\n } \n\n return (\n \n {usersSelectss?.map((user, index) => {\n return (\n [\n joinExternalAwait(\n panels?.id,\n user?.User,\n \"Unjoin\",\n false,\n false,\n event,\n null,\n () => updateDataInformation()\n )\n ]}\n remove={() => {\n // removeUserFunction(user?.UserId, '', panels?.panelName);\n // updateDataInformation();\n // joinCouncilEventWait(\n // panels.id,\n // user.User,\n // \"Unjoin\",\n // false,\n // false,\n // event,\n // () => updateDataInformation()\n // ); \n joinSpeakersEventWait(\n panels?.id,\n user?.User,\n \"Unjoin\",\n false,\n false,\n event,\n () => updateDataInformation()\n )\n }}\n removeAdmin={() => {\n removeUserFunction(user?.id, '', panels?.panelName);\n updateDataInformation();\n // joinCouncilEvent(\n // panels.id,\n // Number(user.UserId),\n // \"Unjoin\",\n // false,\n // false,\n // event.id,\n // () => updateDataInformation()\n // ); \n }}\n joinAdmin={() => {\n joinUser(panels,index,user)\n updateDataInformation();\n // joinUser(panels,index )\n // joinCouncilEvent(\n // panels.id,\n // Number(user.UserId),\n // \"Join\",\n // false,\n // false,\n // event.id,\n // () => updateDataInformation()\n // );\n }}\n />\n )\n })}\n
\n )\n };\n\n const completeProfile = () => {\n Emitter.emit(EVENT_TYPES.EVENT_VIEW_PROFILE);\n };\n\n const functionOrderPanels = (panels) => {\n if(panels !== undefined){\n let newPanels = panels?.filter((t) => (t?.typePanel?.length !== 0) ? t?.typePanel?.includes('panel') : true)\n\n let arrayOrderNumer = newPanels?.sort((a,b) => {\n\n let aTime = convertToLocalTime(a?.startDate, event?.timezone).format(\"YYYYMMDDHHmm\");\n let bTime = convertToLocalTime(a?.startDate, event?.timezone).format(\"YYYYMMDDHHmm\");\n\n return Number(aTime) - Number(bTime)\n \n })\n\n return arrayOrderNumer\n } else {\n \n return panels\n }\n }\n\n const functionOrderSessionsOfOneConference = (panels) => {\n if(panels !== undefined){\n // let newPanels = panels?.filter((t) => (t?.typePanel?.length !== 0) ? t?.typePanel?.includes('panel') : true)\n\n let arrayOrderNumer = panels?.sort((a,b) => {\n\n let aTime = convertToLocalTime(a?.startDate, event?.timezone).format(\"YYYYMMDDHHmm\");\n let bTime = convertToLocalTime(a?.startDate, event?.timezone).format(\"YYYYMMDDHHmm\");\n\n return Number(aTime) - Number(bTime)\n \n })\n return arrayOrderNumer\n } else {\n return panels\n }\n }\n\n const displayPanels = functionOrderPanels(event?.CouncilEventPanels)?.map((panel, index) => {\n return (\n \n
\n {showProfileCompletionFirewall && (\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n {(localStorage.getItem(\"community\") !== null) && \n \n \n
\n \n
\n }\n \n \n
\n Back
\nEvent Name: {event?.eventName}
\n\n Date:{\" \"}\n {convertToLocalTime(event?.startDate, timezone).format(\"LL\")} -{\" \"}\n {convertToLocalTime(event?.endDate, timezone).format(\"LL\")} (\n {userTimezone})\n
\nDescription: {event?.description}
\n\n { isGlobalConference ? displaySessionsOfOneGlobalConference : displayPanels }\n
\n \n
\n \n )}\n \n You must fully complete your profile before joining an event.\n
\n\n {\n remove(id, UserId);\n }}\n />\n )}\n
\n \n );\n};\n\nconst mapStateToProps = (state, props) => ({});\n\nconst mapDispatchToProps = {};\n\nMemberSpeakers.propTypes = {\n usersPanel: PropTypes.object,\n isAdmin: PropTypes.bool,\n remove: PropTypes.func,\n};\n\nMemberSpeakers.defaultProps = {\n usersPanel: {},\n isAdmin: false,\n remove: () => {},\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MemberSpeakers);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport PropTypes from \"prop-types\";\n\nimport { speakerAllPanelSpeakerSelector } from \"redux/selectors/speakerSelector\";\nimport { homeSelector } from \"redux/selectors/homeSelector\";\n\nimport { actions as speaker } from \"redux/actions/speaker-actions\";\nimport { getUser } from \"redux/actions/home-actions\";\n\nimport \"./style.scss\";\n\nconst ButtonsSpeakers = ({\n role,\n userProfile,\n setOpenSearchUser,\n panels,\n setBulCompleteProfile,\n setPanel,\n joinUser,\n removeUserFunction,\n setRemoveMembersSpeakers,\n removeMembersSpeakers,\n index,\n allMyPanels\n }) => {\n\n const {id, startDate, endDate, panelName, SpeakerMemberPanels} = panels\n \n const [bulJoinOrWithdraw, setBulJoinOrWithdraw] = useState(false)\n const [idWithdraw, setIdWithdraw] = useState(-1)\n const [withdraw, setWithdraw] = useState(false)\n const [full, setFul] = useState(false)\n\n useEffect(() => {\n setWithdraw(false)\n }, [allMyPanels, setWithdraw])\n\n useEffect(() => {\n let arraySpeakersNotAdmin = SpeakerMemberPanels?.filter((member) => {\n return member?.isModerator === false\n })\n \n if(arraySpeakersNotAdmin?.length > 4){\n setFul(true)\n }else{\n setFul(false)\n }\n },[SpeakerMemberPanels])\n\n useEffect(() => {\n allMyPanels.forEach((data) => {\n if(withdraw !== true && bulJoinOrWithdraw !== true){\n if(id === data?.SpeakerPanel?.id){\n setWithdraw(true)\n setIdWithdraw(data?.id)\n }\n }\n })\n }, [panels, withdraw, bulJoinOrWithdraw, userProfile, setWithdraw, setIdWithdraw, allMyPanels, id])\n\n const takeActionWithdrawOrJoinUser = (index) => {\n if(withdraw){\n setBulJoinOrWithdraw(true)\n removeUserFunction(idWithdraw,\"\",panelName)\n setWithdraw(false)\n setIdWithdraw(-1)\n }else{\n if(userProfile?.percentOfCompletion === 100){\n setBulJoinOrWithdraw(false)\n joinUser({\n id:id,\n startDate: startDate,\n endDate: endDate, \n panelName: panelName\n },index)\n }else{\n setBulCompleteProfile(true)\n }\n }\n }\n\n useEffect(() => {\n if(removeMembersSpeakers){\n setTimeout(() => {\n setRemoveMembersSpeakers(false)\n setWithdraw(false)\n setIdWithdraw(-1)\n }, 100)\n }\n },[removeMembersSpeakers,setRemoveMembersSpeakers,setWithdraw, setIdWithdraw ])\n \n return (\n <>\n {(!full) &&\n \n {img ? (\n \n {abbrName}\n \n )}\n
\n {isAdmin && (\n \n
\n \n {firstName} {lastName}\n
\n\n {titleProfessions}\n {isModerator ? \" / Moderator\" : \"\"}\n
\nThis panel is FULL
\n }\n {(role === \"admin\") && \n \n
\n )\n };\n\n const dataIterated = (panels) => (\n {panels?.panelName}
\nPanel topics:\n {categories}\n
\n\n {panels?.SpeakerMemberPanels?.map((user) => (\n
\n );\n\n const dataStatic = (panels) => (\n Filters:
\n }\n {type === \"panels\" &&\n\n {\n handleUpdatePanels();\n }}\n >\n \n \n \n \n \n \n \n
\n }\n {type === \"panels\" &&\n \n {handleFilterStatus(allPanelSpeakers?.panelsSpeakers)?.map((panels, index) => {\n return (\n
\n }\n {type === \"myPanels\" &&\n \n {handleFilterStatusMyPanels(allMyPanels)?.map((panels, index) => {\n return (\n
\n }\n