\n \n \n );\n export default SvgMsgread;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"unlockloadermodal_overAll__1g0R5\",\"textStyle\":\"unlockloadermodal_textStyle__2O3pj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"candidatedrawer_overAll__3MPBY\",\"openStyle\":\"candidatedrawer_openStyle__2-d-E\",\"border\":\"candidatedrawer_border__2nU5T\",\"button\":\"candidatedrawer_button__8vtvM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"loaderContainer\":\"TopLineLoader_loaderContainer__69I9S\",\"loader\":\"TopLineLoader_loader__22BnW\",\"load\":\"TopLineLoader_load__3q0sz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"taskList\":\"dndboardcol_taskList__1Ifx1\",\"overAll\":\"dndboardcol_overAll__2IIST\",\"titleStyle\":\"dndboardcol_titleStyle__2NmRU\",\"dropDownFlex\":\"dndboardcol_dropDownFlex__16tB8\",\"dropDate\":\"dndboardcol_dropDate__3ZThO\",\"dropMatch\":\"dndboardcol_dropMatch__2KGRi\",\"dropName\":\"dndboardcol_dropName__2Hgd4\",\"svgSort\":\"dndboardcol_svgSort__1K4l3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"stage_overAll__Plmun\",\"btnCancelStyle\":\"stage_btnCancelStyle__2iGkN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"dndboardscreen_overAll__2UWIa\",\"statusFlex\":\"dndboardscreen_statusFlex__2e4t_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"labelContainer\":\"jobtitlecard_labelContainer__38YfT\",\"valueText\":\"jobtitlecard_valueText__3eeFQ\",\"overAll\":\"jobtitlecard_overAll__NmGFi\",\"cardStyle\":\"jobtitlecard_cardStyle__3VkZb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subscriptionmodule\":\"aimatch_subscriptionmodule__B40NP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textStyle\":\"labelwithsvg_textStyle__1igGA\",\"flexStyle\":\"labelwithsvg_flexStyle__31gvj\",\"disable\":\"labelwithsvg_disable__3nh8b\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"nondsskill_overAll__--huM\",\"errorMessage\":\"nondsskill_errorMessage__HFbra\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardOverAll\":\"applicantquestionnaireresult_cardOverAll__1YE8W\",\"tableDiv\":\"applicantquestionnaireresult_tableDiv__3oJ8v\",\"svgAngle\":\"applicantquestionnaireresult_svgAngle__1mDXY\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"historytabdata_title__2Gxxu\",\"overAll\":\"historytabdata_overAll__23BQM\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"plansandfeatures_overAll__1SUsz\",\"switchFlex\":\"plansandfeatures_switchFlex__3wMO2\",\"inputHide\":\"plansandfeatures_inputHide__xZ_eN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"feedbackmodal_overAll__3cfYG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardOverAll\":\"loginpopupmodal_cardOverAll__1xA8H\",\"userInput\":\"loginpopupmodal_userInput__1shNH\",\"userPassword\":\"loginpopupmodal_userPassword__3dEuO\",\"btnConatiner\":\"loginpopupmodal_btnConatiner__2oy_p\",\"overAll\":\"loginpopupmodal_overAll__M3MKK\",\"svgZitaFlex\":\"loginpopupmodal_svgZitaFlex__1HXBi\",\"svgClose\":\"loginpopupmodal_svgClose__24s5C\",\"Log_title\":\"loginpopupmodal_Log_title__185M5\",\"text\":\"loginpopupmodal_text__3_6Ue\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"messages_overAll__2uYE9\",\"messageContainer\":\"messages_messageContainer__2rFcz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"text-10\":\"text_text-10__2sZ3S\",\"text-11\":\"text_text-11__3t6JD\",\"text-12\":\"text_text-12__3kfCN\",\"text-13\":\"text_text-13__25dic\",\"text-14\":\"text_text-14__2zsFM\",\"text-16\":\"text_text-16__1VTld\",\"text-18\":\"text_text-18__1HC7m\",\"text-20\":\"text_text-20__2_vpm\",\"text-22\":\"text_text-22__90pTO\",\"text-24\":\"text_text-24__3rjvw\",\"text-26\":\"text_text-26__1I9l-\",\"text-28\":\"text_text-28__3OGvV\",\"text-30\":\"text_text-30__3sRzY\",\"text-32\":\"text_text-32__1CfZI\",\"text-36\":\"text_text-36__2L0HY\",\"text-38\":\"text_text-38__1itzc\",\"text-40\":\"text_text-40__2KU_L\",\"text-42\":\"text_text-42__1lJPK\",\"text-44\":\"text_text-44__1UoHt\",\"text-46\":\"text_text-46__2SyrN\",\"text-48\":\"text_text-48__kR7Hp\",\"text-50\":\"text_text-50__31v7n\",\"bold\":\"text_bold__1aOEI\",\"textAlign-center\":\"text_textAlign-center__8f2Rn\",\"textAlign-left\":\"text_textAlign-left__1ncCs\",\"textAlign-right\":\"text_textAlign-right__FSqv4\",\"textAlign-justify\":\"text_textAlign-justify__2LkZA\",\"textStyles-underline\":\"text_textStyles-underline__2y2zo\",\"underLine\":\"text_underLine__2Jduu\",\"textStyles-italic\":\"text_textStyles-italic__2fUzp\",\"textColor-black\":\"text_textColor-black__2BDC2\",\"textColor-white\":\"text_textColor-white__14g2e\",\"textColor-error\":\"text_textColor-error__3jk0v\",\"textColor-success\":\"text_textColor-success__2zWN7\",\"textColor-theme\":\"text_textColor-theme__12XRr\",\"textColor-warning\":\"text_textColor-warning__3yley\",\"textColor-link\":\"text_textColor-link__2OSPQ\",\"textColor-blue\":\"text_textColor-blue__BYWuB\",\"textColor-gray\":\"text_textColor-gray__vFgGz\",\"textColor-primary\":\"text_textColor-primary__HC5wI\",\"textColor-info\":\"text_textColor-info__1vCYf\",\"textColor-black_1\":\"text_textColor-black_1__1Xgr3\",\"textColor-black2\":\"text_textColor-black2__Ufn4W\",\"textColor-disabled\":\"text_textColor-disabled__1v99c\",\"textColor-placeholder\":\"text_textColor-placeholder__3WOvK\",\"type-titleLarge\":\"text_type-titleLarge__Qt8bq\",\"type-titleMedium\":\"text_type-titleMedium__3-61Y\",\"type-titleSmall\":\"text_type-titleSmall__3ndaY\",\"transform-capitalize\":\"text_transform-capitalize__1SPQo\",\"transform-lowercase\":\"text_transform-lowercase__2I3gq\",\"transform-uppercase\":\"text_transform-uppercase__48rq-\",\"transform-initial\":\"text_transform-initial__RhJrV\",\"textStyles-ellipsis\":\"text_textStyles-ellipsis__rC5U5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"common\":\"button_common__2RldD\",\"buttonTypes-primary\":\"button_buttonTypes-primary__2p0QB\",\"buttonTypes-close\":\"button_buttonTypes-close__3Un1C\",\"buttonTypes-success\":\"button_buttonTypes-success__3zbvs\",\"buttonTypes-link\":\"button_buttonTypes-link__3pgsR\",\"buttonTypes-secondary\":\"button_buttonTypes-secondary__3QSSJ\",\"buttonTypes-tertiary\":\"button_buttonTypes-tertiary__1JBWK\",\"disabled-primary\":\"button_disabled-primary__HoitO\",\"disabled-secondary\":\"button_disabled-secondary__kppP7\",\"disabled-tertiary\":\"button_disabled-tertiary__YI8us\",\"disabled-link\":\"button_disabled-link__2tPzg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"commonStyle\":\"flex_commonStyle__2BqB0\",\"flexAlign-center\":\"flex_flexAlign-center__25Ig-\",\"reverse\":\"flex_reverse__2jzZa\",\"column\":\"flex_column__2_bYg\",\"columnFlex\":\"flex_columnFlex__1hORk\",\"row\":\"flex_row__OuLCG\",\"columnReverse\":\"flex_columnReverse__2bVsf\",\"start\":\"flex_start__2JGUe\",\"center\":\"flex_center__3jlA_\",\"end\":\"flex_end__AG4sr\",\"around\":\"flex_around__2VMpx\",\"between\":\"flex_between__3VlNF\",\"top\":\"flex_top__1Sud_\",\"middle\":\"flex_middle__2dWsL\",\"bottom\":\"flex_bottom__2DYjN\",\"wrap\":\"flex_wrap__xG2kf\",\"noWrap\":\"flex_noWrap__2WFQQ\",\"disabled\":\"flex_disabled__2C-2p\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"commonStyle\":\"card_commonStyle__2bIus\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"drawer_container__3MD3Q\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"errorMessage\":\"errormessage_errorMessage__1JjlX\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"checkboxStyle\":\"inputcheckbox_checkboxStyle__35OD4\",\"checkBoxTick\":\"inputcheckbox_checkBoxTick__LRNXU\",\"withOutLabel\":\"inputcheckbox_withOutLabel__20hPC\",\"withLabel\":\"inputcheckbox_withLabel__2KEye\",\"disabledStyled\":\"inputcheckbox_disabledStyled__106FE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"labelText\":\"labelwarpper_labelText__26Olk\",\"labelConatiner\":\"labelwarpper_labelConatiner__pXCgn\",\"overAll\":\"labelwarpper_overAll__hKItB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"modal_container__3_nYZ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"border-black\":\"status_border-black__rF-Os\",\"border-gray\":\"status_border-gray__FowT6\",\"border-success\":\"status_border-success__XpogU\",\"border-error\":\"status_border-error__1vky2\",\"border-yellow\":\"status_border-yellow__1oATO\",\"border-green\":\"status_border-green__208Yo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textStyle\":\"rowtext_textStyle__42uB0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"rowPadding\":\"rowcolumns_rowPadding__2cHkO\",\"rowPaddingOne\":\"rowcolumns_rowPaddingOne__OdYj9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"rowBorder-normal\":\"rows_rowBorder-normal__16sCE\",\"rowBorder-outline\":\"rows_rowBorder-outline__28LCL\",\"rowBorder-overAll\":\"rows_rowBorder-overAll__2MF9g\",\"rowFocus\":\"rows_rowFocus__FU_BX\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"titleTextStyle\":\"titlecolumns_titleTextStyle__32A0w\",\"titleTextStyle1\":\"titlecolumns_titleTextStyle1__3xTCK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"titleBorder\":\"tabletitle_titleBorder__CZ56O\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"flexStylesActive\":\"tabtitle_flexStylesActive__2dR5H\"};","import React, { useState, useEffect, useRef } from 'react';\nimport parse from 'html-react-parser';\nimport { AuthCodeMSALBrowserAuthenticationProvider } from '@microsoft/microsoft-graph-client/authProviders/authCodeMsalBrowser';\nimport { InteractionType, PublicClientApplication } from '@azure/msal-browser';\nimport { useMsal } from '@azure/msal-react';\nimport DOMPurify from 'dompurify';\nimport Toast from '../../uikit/Toast/Toast';\nimport {\n deletemail,\n movefolder,\n mailread,\n Gmail_unread_messages,\n Gmail_read_messages,\n Gmail_MessageToBin,\n getmail,\n move_to_spam,\n gmail_permanent_Delete,\n outlooktoken,\n getattachments,\n} from '../../emailService';\n\nimport config from '../../outlookmailConfig';\nimport { Flex, Card, Text } from '../../uikit';\nimport SvgArchive from '../../icons/SvgArchive';\nimport { SvgEdit, SvgTrash } from '../../icons';\nimport SvgSpam from '../../icons/SvgSpam';\nimport SvgJunk from '../../icons/SvgJunk';\nimport SvgReply from '../../icons/SvgReply';\nimport SvgReplyall from '../../icons/SvgReplyall';\nimport SvgForward from '../../icons/SvgForward';\nimport SvgRead from '../../icons/SvgRead';\nimport SvgLeft from '../../icons/SvgLeft';\nimport SvgRight from '../../icons/SvgRight';\nimport SvgDownload from '../../icons/SvgDownload';\nimport SvgEmptyMail from '../../icons/SVGEmptyMail';\nimport styles from './message.module.css';\n\ntype Props = {\n message: any;\n sidebarroute: number;\n composemodal: () => void;\n removemsg: () => void;\n isprofileview?: boolean;\n page: () => void;\n attachments: any;\n msglistcount: any;\n integration: string;\n emailcollection: any;\n updateMailaction: (val: any) => void;\n remove_message: (id: any) => void;\n update_message: (id: any, val: boolean) => void;\n Emailsidebar?: any;\n noEmails?: any;\n};\nconst Inbox = ({\n message,\n sidebarroute,\n composemodal,\n Emailsidebar,\n removemsg,\n isprofileview,\n page,\n attachments,\n remove_message,\n msglistcount,\n emailcollection,\n integration,\n updateMailaction,\n update_message,\n noEmails,\n}: Props) => {\n const msal = useMsal();\n const [view, setview] = useState(true);\n const [read, setread] = useState(true);\n const [emailCheck, setemailCheck] = useState(false);\n const [image, setimage] = useState([]);\n const iframeRef = useRef(null);\n const authProvider = new AuthCodeMSALBrowserAuthenticationProvider(\n msal.instance as PublicClientApplication,\n {\n account: msal.instance.getActiveAccount()!,\n scopes: config.scopes,\n\n interactionType: InteractionType.Popup,\n },\n );\n const selectinbox = () => {\n setview(!view);\n };\n\n const mail = (val) => {\n updateMailaction(val);\n composemodal();\n };\n\n const handle_disablefunction = () => {\n if (message !== '') {\n if (emailcollection.integration === 'outlook') {\n const emailValues = [\n ...emailcollection.maillist.map((item: any) => item.value),\n emailcollection.email,\n ];\n\n const bcc = message.bccRecipients.map(\n (item) => item.emailAddress.address,\n );\n const cc = message.ccRecipients.map(\n (item) => item.emailAddress.address,\n );\n const to = message.toRecipients.map(\n (item) => item.emailAddress.address,\n );\n const merged = [...bcc, ...cc, ...to];\n\n if (message.from !== undefined) {\n merged.push(message.from.emailAddress.address);\n }\n\n const allEmailsIncluded = merged.every((email) =>\n emailValues.some((e) => e.toLowerCase() === email.toLowerCase()),\n );\n setemailCheck(allEmailsIncluded);\n }\n\n if (emailcollection.integration === 'google') {\n const emailValues = [\n ...emailcollection.maillist.map((item: any) => item.value),\n emailcollection.email,\n ];\n\n const extractEmails = (value) => {\n const regex = /<([^>]+)>/g;\n return Array.from(value.matchAll(regex)).map((match) => match[1]);\n };\n\n const ToEmail = message.header\n .filter((item) => item.name === 'To')\n .flatMap((item) => extractEmails(item.value));\n\n const CcEmail = message.header\n .filter((item) => item.name === 'CC')\n .flatMap((item) => extractEmails(item.value));\n const From = message.header\n .filter((item) => item.name === 'From')\n .flatMap((item) => extractEmails(item.value));\n\n const Bcc = message.header\n .filter((item) => item.name === 'Bcc')\n .flatMap((item) => extractEmails(item.value));\n\n const val = [...ToEmail, ...CcEmail, ...Bcc, ...From];\n\n const merged: string[] = val.filter(\n (email, index, self) => self.indexOf(email) === index,\n );\n\n const allEmailsIncluded = merged.every((email) =>\n emailValues.some((e) => e.toLowerCase() === email.toLowerCase()),\n );\n setemailCheck(allEmailsIncluded);\n }\n }\n };\n\n useEffect(() => {\n if (integration === 'google') {\n readmessages();\n } else if (integration === 'outlook') {\n updatereadmessage();\n }\n handle_disablefunction();\n }, [message, integration, emailCheck]);\n\n const readmessages = async () => {\n const labelIds = message.labelIds || [];\n const isRead = !labelIds.includes('UNREAD');\n if (isRead === false && message !== '') {\n await Gmail_read_messages(message.id)\n .then((res) => {\n update_message(message.id, false);\n })\n .catch((error) => {});\n }\n };\n\n const updatereadmessage = async () => {\n if (message.isRead !== true && message !== '') {\n var readmessage = {\n IsRead: true,\n };\n outlooktoken(emailcollection.token).then(async () => {\n await mailread(message.id, readmessage)\n .then((res) => {\n update_message(message.id, true);\n //page();\n })\n .catch((error) => {});\n });\n }\n };\n\n const googleremove = async () => {\n if (sidebarroute === 5) {\n await gmail_permanent_Delete(message.id)\n .then((res) => {\n removemsg();\n Toast('Email permanently removed.', 'SHORT', 'success');\n Toast('Email permanently removed.', 'SHORT', 'success');\n remove_message(message.id);\n })\n .catch((error) => {});\n } else {\n await Gmail_MessageToBin(message.id)\n .then((res) => {\n removemsg();\n Toast('Email moved to trash successfully', 'SHORT', 'success');\n remove_message(message.id);\n })\n .catch((error) => {});\n }\n };\n\n const remove = async () => {\n if (message !== '') {\n if (sidebarroute === 5) {\n await deletemail(authProvider, message.id).then((res) => {\n removemsg();\n\n Toast('Email permanently deleted.', 'SHORT', 'success');\n remove_message(message.id);\n });\n } else {\n await movefolder(authProvider, message.id, 'deleteditems').then(\n (res) => {\n removemsg();\n\n Toast('Email deleted successfully.', 'SHORT', 'success');\n remove_message(message.id);\n },\n );\n }\n }\n };\n\n // const refetch = () => {\n // if (sidebarroute === 1) {\n // inboxapi();\n // } else if (sidebarroute === 2) {\n // senditemapi();\n // } else if (sidebarroute === 3) {\n // draftapi();\n // } else if (sidebarroute === 4) {\n // archiveapi();\n // } else if (sidebarroute === 5) {\n // deleteditemsapi();\n // } else {\n // junkemailapi();\n // }\n // };\n\n const archive = async () => {\n if (message !== '') {\n await movefolder(authProvider, message.id, 'archive').then((res) => {\n removemsg();\n // page();\n Toast('Email archived successfully.', 'SHORT', 'success');\n remove_message(message.id);\n });\n }\n };\n\n const junk = async () => {\n if (message !== '') {\n await movefolder(authProvider, message.id, 'junkemail').then((res) => {\n removemsg();\n // page();\n Toast('Email moved to junk successfully.', 'SHORT', 'success');\n remove_message(message.id);\n });\n }\n };\n\n const unread = async (val: boolean) => {\n if (message !== '') {\n var readmessage = {\n IsRead: false,\n };\n await mailread(message.id, readmessage).then((res) => {\n removemsg();\n update_message(message.id, false);\n });\n }\n };\n\n const getattach = async (val) => {\n if (integration === 'outlook') {\n await getattachments(val)\n .then((res) => {\n setimage(res.value);\n })\n .catch((error) => {\n setimage([]);\n });\n }\n };\n\n useEffect(() => {\n if (message) {\n getattach(message.id);\n }\n }, [message]);\n\n useEffect(() => {\n if (integration === 'google') {\n const iframe = iframeRef.current;\n if (iframe && message?.body) {\n const content = processEmailContent(message.body);\n iframe.srcdoc = content;\n\n iframe.onload = () => {\n const iframeDocument =\n iframe.contentDocument || iframe.contentWindow.document;\n const links = iframeDocument.querySelectorAll('a');\n\n const style2 = iframeDocument.createElement('style');\n style2.textContent = `\n p {\n margin-block-start: 7px;\n margin-block-end: 0px;\n /* Add any other styles you want for tag */\n }\n `;\n iframeDocument.head.appendChild(style2);\n\n links.forEach((link) => {\n link.addEventListener('click', (event) => {\n event.preventDefault();\n window.open(link.href, '_blank');\n });\n });\n };\n }\n }\n\n if (integration === 'outlook') {\n let htmlContent = '';\n\n // Check if message.body is a string or an object with a 'content' property\n if (typeof message.body === 'string') {\n htmlContent = message.body;\n } else if (message.body && typeof message.body.content === 'string') {\n htmlContent = message.body.content;\n }\n\n if (htmlContent) {\n const iframe = iframeRef.current;\n const processedContent = processEmailContent1(htmlContent, image);\n if (iframe) {\n iframe.srcdoc = processedContent;\n\n iframe.onload = () => {\n const iframeDocument =\n iframe.contentDocument || iframe.contentWindow?.document;\n const style1 = iframeDocument.createElement('style');\n style1.textContent = `\n body, div, font {\n font-size: 13px !important;\n font-family: 'Roboto', sans-serif;\n }\n html, body {\n height: 500px;\n }\n `;\n iframeDocument.head.appendChild(style1);\n\n const style2 = iframeDocument.createElement('style');\n style2.textContent = `\n p {\n margin-block-start: 7px;\n margin-block-end: 0px;\n /* Add any other styles you want for
tag */\n }\n `;\n iframeDocument.head.appendChild(style2);\n\n const links = iframeDocument?.querySelectorAll('a');\n links?.forEach((link) => {\n link.addEventListener('click', (event) => {\n event.preventDefault();\n window.open(link.href, '_blank');\n });\n });\n };\n }\n }\n }\n }, [message, image]);\n\n const donwnload = async (val) => {\n if (integration === 'google') {\n const data = val.contentBytes;\n const decodedData = Buffer.from(data, 'base64');\n const blob = new Blob([decodedData], { type: val.contentType });\n\n const url = URL.createObjectURL(blob);\n const link = document.createElement('a');\n link.href = url;\n link.download = val.name;\n link.click();\n URL.revokeObjectURL(url);\n } else {\n var a = document.createElement('a');\n a.href = `data:${val.contentType};base64,${val.contentBytes}`;\n a.download = val.name;\n a.click();\n }\n };\n\n // const Previousdata = () => {\n // previousfun();\n // };\n\n // const Nextdata = () => {\n // nextfun();\n // };\n\n const sender = (data, val) => {\n const from = data.filter((item) => item.name === 'From');\n if (from.length !== 0) {\n let From = from[0].value.replace(/\\s\\S*$/, '');\n return <>{From};\n } else {\n return <>{'(No Recipients)'};\n }\n };\n\n const subject = (data) => {\n const sub = data.filter((item) => item.name === 'Subject');\n if (sub.length !== 0) {\n if (sub[0].value !== '') {\n return <>{sub[0].value};\n } else {\n return <>{'(No Subject)'};\n }\n } else {\n return <>{'(No Subject)'};\n }\n };\n\n // const to = (data, val) => {\n // const from = data.filter((item) => item.name === 'To');\n // if (from.length !== 0) {\n // let From = from[0].value.replace(/\\s\\S*$/, '');\n // return <>{`To: ${from[0].value}`};\n // } else {\n // return <>{`To: (No Recipients)`};\n // }\n // };\n\n const to = (data) => {\n const from = data.filter((item) => item.name === 'To');\n\n if (from.length !== 0) {\n let toList = from[0].value.trim();\n if (toList !== '') {\n let toListArray = toList.split(',').map((email) => email.trim());\n let toListDisplay = toListArray.slice(0, 3).join(', ');\n let remainingCount = toListArray.length - 3;\n\n return (\n \n {`To: ${toListDisplay}`}\n {remainingCount > 0 && (\n \n {` (+ ${remainingCount} more)`}\n \n )}\n \n );\n }\n }\n\n return {`To: (No Recipients)`};\n };\n\n const gmailunread = async (val: any) => {\n await Gmail_unread_messages(val.id)\n .then((res) => {\n removemsg();\n update_message(message.id, true);\n })\n .catch((error) => {});\n };\n\n const movespam = async (val: any) => {\n var Gfolder = '';\n if (sidebarroute === 1) {\n Gfolder = 'INBOX';\n } else if (sidebarroute === 2) {\n Gfolder = 'SENT';\n } else if (sidebarroute === 3) {\n Gfolder = 'DRAFT';\n } else if (sidebarroute === 4) {\n Gfolder = 'SPAM';\n } else if (sidebarroute === 5) {\n Gfolder = 'TRASH';\n }\n await move_to_spam(message.id, Gfolder)\n .then((res) => {\n removemsg();\n Toast('Moved to spam folder successfully.', 'SHORT', 'success');\n remove_message(message.id);\n })\n .catch((error) => {});\n };\n\n const messageIcon = message !== '';\n\n const topActionBar = () => {\n if (!noEmails) {\n if (sidebarroute !== 3) {\n return (\n <>\n \n {sidebarroute !== 4 && (\n // Archive \n \n {integration === 'outlook' ? (\n \n ) : (\n ''\n )}\n \n )}\n\n {integration === 'google' ? (\n \n \n \n ) : (\n \n \n \n )}\n {sidebarroute !== 4 && (\n <>\n {integration === 'google' ? (\n \n \n \n ) : (\n ''\n )}\n \n )}\n\n {sidebarroute !== 6 && (\n <>\n {integration !== 'google' ? (\n \n \n \n ) : (\n ''\n )}\n \n )}\n \n \n );\n }\n\n return (\n <>\n \n {' '}\n \n \n \n {/* unread(false)}\n >\n \n */}\n {/* {}}\n >\n \n */}\n \n \n );\n }\n };\n\n const renderAttachments = attachments && (\n <>\n {attachments.length !== 0 && (\n \n {attachments.map((val, ind) => (\n \n \n \n {val.name}\n \n \n {Math.round(val.size / 1024)} KB\n \n \n \n donwnload(val)}\n >\n \n \n \n \n ))}\n \n )}\n \n );\n\n const drafticon = (val) => {\n var get = val.labelIds.includes('DRAFT');\n\n if (get === true) {\n return (\n <>\n mail('draft') : undefined}\n >\n \n \n \n );\n } else {\n return (\n <>\n mail('reply') : undefined}\n >\n \n \n {isprofileview !== true ? (\n mail('replyall') : undefined}\n >\n \n \n ) : (\n ''\n )}\n\n mail('forward') : undefined}\n >\n \n \n \n );\n }\n };\n\n const handlefunction = (val) => {\n const hasDraftLabel = val.includes('DRAFT');\n if (hasDraftLabel) {\n return (\n \n {'Draft'}\n \n );\n }\n };\n\n // const ccshow = (val) => {\n // const from = val.filter((item) => item.name === 'Cc');\n\n // if (from.length !== 0) {\n // let From = from[0].value.replace(/\\s\\S*$/, '');\n // if (from[0].value !== '') {\n // return <>{`Cc: ${from[0].value}`};\n // }\n // }\n // };\n\n const ccshow = (val) => {\n const from = val.filter((item) => item.name === 'Cc');\n\n if (from.length !== 0) {\n let ccList = from[0].value.trim();\n if (ccList !== '') {\n let ccListArray = ccList.split(',').map((email) => email.trim());\n let ccListDisplay = ccListArray.slice(0, 3).join(', ');\n let remainingCount = ccListArray.length - 3;\n\n return (\n \n {`Cc: ${ccListDisplay}`}\n {remainingCount > 0 && (\n alert('Show more Cc recipients')}\n >\n {` (+ ${remainingCount} more)`}\n \n )}\n \n );\n }\n }\n\n return null; // Return null if no Cc recipients\n };\n\n const processEmailContent = (htmlContent) => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(htmlContent, 'text/html');\n\n const links = doc.querySelectorAll('a');\n links.forEach((link) => {\n link.setAttribute('target', '_blank');\n });\n const sanitizedContent = DOMPurify.sanitize(doc.documentElement.outerHTML);\n return sanitizedContent;\n };\n\n const processEmailContent1 = (htmlContent: string, Images): string => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(htmlContent, 'text/html');\n\n // Replace CID references with Data URLs\n Images.forEach((attachment) => {\n if (attachment.isInline && attachment.contentId) {\n const cid = attachment.contentId;\n const dataUrl = `data:${attachment.contentType};base64,${attachment.contentBytes}`;\n const images = doc.querySelectorAll(`img[src=\"cid:${cid}\"]`);\n\n images.forEach((imgElement) => {\n // Ensure that the element is indeed an HTMLImageElement\n const img = imgElement as HTMLImageElement;\n img.src = dataUrl;\n });\n }\n });\n\n // Sanitize the HTML content\n return DOMPurify.sanitize(doc.documentElement.outerHTML);\n };\n\n const renderBody = () => {\n if (message !== '') {\n return (\n <>\n {integration === 'google' ? (\n <>\n \n \n \n {handlefunction(message.labelIds)}\n\n \n \n {sender(message.header, '0')}\n \n\n \n {drafticon(message)}\n \n \n gmailunread(message)\n : undefined\n }\n />\n \n \n \n \n\n {subject(message.header)}\n {to(message.header)}\n {ccshow(message.header)}\n \n \n\n \n \n \n {renderAttachments}\n \n \n ) : (\n <>\n \n \n \n \n {message.isDraft !== true ? (\n <>\n \n {message.sender.emailAddress.name}\n \n \n ) : (\n \n \n {'Draft'}\n \n \n {'(No Sender)'}\n \n \n )}\n\n \n {message.isDraft !== true ? (\n <>\n mail('reply') : undefined\n }\n >\n \n \n {isprofileview !== true ? (\n mail('replyall')\n : undefined\n }\n >\n \n \n ) : (\n ''\n )}\n mail('forward') : undefined\n }\n >\n \n \n \n ) : (\n mail('draft') : undefined\n }\n >\n \n \n )}\n\n \n unread(false) : undefined\n }\n />\n \n \n \n\n \n {message.subject !== ''\n ? message.subject\n : '(No Subject)'}\n \n {message.toRecipients.length !== 0 ? (\n <>\n \n \n {`To: ${message.toRecipients\n .slice(0, 3)\n .map((doc) => doc.emailAddress.name)\n .join(', ')}`}{' '}\n \n {message.toRecipients.length > 3 && (\n {` (+ ${\n message.toRecipients.length - 3\n } more)`}\n )}\n \n \n ) : (\n {`To: (No Recipients)`}\n )}\n {message.ccRecipients.length !== 0 && (\n <>\n \n \n {`Cc: ${message.ccRecipients\n .slice(0, 3)\n .map((doc) => doc.emailAddress.name)\n .join(', ')}`}{' '}\n \n {message.ccRecipients.length > 3 && (\n {` (+ ${\n message.ccRecipients.length - 3\n } more)`}\n )}\n \n \n )}\n {message.bccRecipients.length !== 0 && (\n <>\n \n \n {`Bcc: ${message.bccRecipients\n .slice(0, 3)\n .map((doc) => doc.emailAddress.name)\n .join(', ')}`}{' '}\n \n {message.bccRecipients.length > 3 && (\n {` (+ ${\n message.bccRecipients.length - 3\n } more)`}\n )}\n \n \n )}\n \n \n\n \n \n\n {renderAttachments}\n \n \n \n )}\n \n );\n }\n\n return (\n \n \n {/* */}\n Select an item to read\n Nothing is selected\n {/* */}\n \n );\n };\n\n return (\n \n \n {topActionBar()}\n \n {msglistcount !== 0 ? (\n <>\n \n {renderBody()}\n \n \n ) : (\n ''\n )}\n \n );\n};\n\nexport default Inbox;\n","const SvgEmptyMail = (props) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n export default SvgEmptyMail;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textInput\":\"messagetopbar_textInput__1MNbQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"name\":\"totalcount_name__3GFiP\",\"count\":\"totalcount_count__emla5\"};","import { useEffect, useState } from 'react';\r\nimport { useMediaQuery } from 'react-responsive';\r\nimport moment from 'moment';\r\nimport classNames from 'classnames/bind';\r\nimport Card from '../../uikit/Card/Card';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport Text from '../../uikit/Text/Text';\r\nimport { toCamelCase } from '../../uikit/helper';\r\nimport Button from '../../uikit/Button/Button';\r\nimport SvgUnlockedGreen from '../../icons/SvgUnlockedGreen';\r\nimport SvgLock from '../../icons/SvgLock';\r\nimport { WHITE } from '../../uikit/Colors/colors';\r\nimport SvgUnlock from '../../icons/SvgUnlock';\r\nimport SvgDollar from '../../icons/Svgdollar1';\r\n// import SvgJobtitle from '../../icons/SvgJobtitle';\r\nimport SvgQualification from '../../icons/qualification1';\r\nimport SvgRelocate from '../../icons/Relocate1';\r\nimport SvgSalary from '../../icons/Salary1';\r\nimport InputCheckBox from '../../uikit/InputCheckbox/InputCheckBox';\r\nimport { colorCode } from '../constValue';\r\nimport SvgJobtitle from '../../icons/Jobtitle';\r\nimport styles from './talentcardlist.module.css';\r\nimport { DataEntity } from './talentSourcingTypes';\r\n\r\n\r\n\r\nconst cx = classNames.bind(styles);\r\n\r\ntype Props = {\r\n talentList: DataEntity;\r\n index: any;\r\n handleUnlockSubmit: (arg: string) => void;\r\n handleClick: (e: { target: { id: string; checked: boolean } }) => void;\r\n isCheck: DataEntity;\r\n handleCandidateView: (hashKey: string) => void;\r\n candi_list?: string[];\r\n\r\n};\r\n\r\nconst notSpecified = (value: string, reLocate?: string) => {\r\n let initialValue;\r\n if (value === 'not_set' || reLocate === '0' || value === null) {\r\n initialValue = 'Not Specified';\r\n } else {\r\n initialValue = value;\r\n }\r\n return initialValue;\r\n};\r\n\r\nconst TalentCardMap = ({\r\n talentList,\r\n index,\r\n handleUnlockSubmit,\r\n handleClick,\r\n isCheck,\r\n handleCandidateView,\r\n candi_list,\r\n\r\n}: Props) => {\r\n const isTablet = useMediaQuery({ query: '(max-width: 1000px)' });\r\n const normal = useMediaQuery({ query: '(min-width: 1000px) and (max-width: 1411px)' });\r\n const isLarge = useMediaQuery({ query: '(min-width: 2560px)' });\r\n\r\n const [isColor, setColor] = useState([]);\r\n const [count, setcount] = useState(0)\r\n const [list, setlist] = useState([])\r\n useEffect(() => {\r\n setColor(colorCode);\r\n }, []);\r\n\r\n useEffect(() => {\r\n sessionStorage.setItem(\"index\", (index + 1));\r\n }, [index]);\r\n // const handleloader=(val)=>{\r\n // setSubmitLoader();\r\n // handleCandidateView(val)\r\n // }\r\n\r\n // const handlepage=()=>{\r\n // setcount(index+1)\r\n // }\r\n const checkVist = candi_list?.includes(talentList.id.toString())\r\n ? true\r\n : false;\r\n const sidebar = sessionStorage.getItem(\"EmpToggle\");\r\n const windowSize = sidebar === '1'\r\n ? window.innerWidth / 3.31\r\n : window.innerWidth / 3.76;\r\n return (\r\n <>\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {!checkVist ? String(talentList?.id)?.substring(6, 8) :\r\n Buffer.from(talentList.first_name, 'base64')?.toString('utf-8')?.charAt(0)}\r\n \r\n \r\n \r\n \r\n {!checkVist ?\r\n \r\n handleCandidateView(talentList.candidate_hash)\r\n }\r\n size={13}\r\n >\r\n {talentList.id}\r\n :\r\n \r\n handleCandidateView(talentList.candidate_hash)\r\n }\r\n size={13}\r\n >\r\n {toCamelCase(Buffer.from(talentList.first_name, 'base64')?.toString('utf-8'))}\r\n }\r\n \r\n {talentList.work_experience === 'not_set' ? (\r\n \r\n \r\n \r\n {talentList.hometown}\r\n \r\n \r\n \r\n {' | '}\r\n \r\n \r\n {`${notSpecified(\r\n talentList.work_experience,\r\n )}`}\r\n \r\n \r\n ) : (\r\n <>\r\n {talentList.work_experience === '0-1' && (\r\n \r\n \r\n \r\n {talentList.hometown}\r\n \r\n \r\n \r\n {' | '}\r\n \r\n \r\n {`${notSpecified(\r\n talentList.work_experience,\r\n )} Year`}\r\n \r\n \r\n )}\r\n {talentList.work_experience !== '0-1' && (\r\n \r\n \r\n \r\n {talentList.hometown}\r\n \r\n \r\n \r\n {' | '}\r\n \r\n \r\n {`${notSpecified(\r\n talentList.work_experience,\r\n )} Years`}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n Last Active:\r\n \r\n \r\n {moment(talentList.updated_on).fromNow()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {notSpecified(toCamelCase(talentList.desired_job_title))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {notSpecified(talentList.education_level)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {talentList.relocate === '1' ? (\r\n \r\n YES\r\n \r\n ) : (\r\n \r\n \r\n {notSpecified(talentList.relocate, talentList.relocate)}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {talentList.min_salary === 'Not Specified' &&\r\n talentList.max_salary === 'Not Specified' ? (\r\n \r\n {talentList.min_salary} \r\n \r\n ) : (\r\n \r\n \r\n {talentList.min_salary} - {talentList.max_salary}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {!checkVist ? (\r\n <>\r\n handleUnlockSubmit(talentList.candidate_hash)}\r\n >\r\n \r\n \r\n handleUnlockSubmit(talentList.candidate_hash)}>\r\n {'Unlock'}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n \r\n {'Unlocked'}\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default TalentCardMap;\r\n","import * as React from 'react';\nconst defaultProps = {\n fill: '#581845',\n width: 14,\n height: 14,\n }; \n\nconst SvgDollar = ({ width, height, fill }: typeof defaultProps) => ( \n \n \n \n);\nexport default SvgDollar;","import * as React from 'react';\nconst defaultProps = {\n fill: '#581845',\n width: 14,\n height: 14,\n};\nconst SvgRelocate = ({ width, height, fill }: typeof defaultProps)=> (\n \n \n \n);\nexport default SvgRelocate;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"des\":\"rolesandresponsibilities_des__13EVB\",\"rolesandresponsibilitiescard\":\"rolesandresponsibilities_rolesandresponsibilitiescard__2VWR8\",\"jobDetail\":\"rolesandresponsibilities_jobDetail__1lZzi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"verificationsuccessfully_overAll__2cp9i\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"jdparserloader_overAll__3_VDC\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"crossareatagediter_overAll__11umB\",\"statusFlex\":\"crossareatagediter_statusFlex__24l-8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"svgSquare\":\"svgStyles_svgSquare__1K--F\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overAll\":\"sharebutton_overAll__21GJ_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardStyle\":\"invitedjobstable_cardStyle__3HyaM\"};","import { Component } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nexport class NotFound extends Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default NotFound;\n","const profile = () => {\n return (\n <>\n \n \n );\n};\n\nexport default profile;\n","// const defaultProps = {\n// width: 22,\n// height: 22,\n// fill: 'none',\n// };\n\n// const SvgEmail = ({ width, height, fill }: typeof defaultProps) => {\n// return (\n// \n// \n// \n// );\n// };\n\n// SvgEmail.defaultProps = defaultProps;\n// export default SvgEmail;\n\n//import * as React from 'react';\n\n//import * as React from 'react';\n\n// const defaultProps = {\n// width: 22,\n// height: 22,\n// fill: 'none',\n// };\n\n// const SvgEmail = ({ width, height, fill }: typeof defaultProps) => {\n// return (\n// \n// \n// \n// );\n// };\n// export default SvgEmail;\n\n//import * as React from 'react';\n\nconst defaultProps = {\n width: 17,\n height: 17,\n fill: 'none',\n};\n\nconst SvgEmail = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n};\nexport default SvgEmail;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#581845',\n width: 24,\n height: 24,\n nonView: false,\n};\n\nconst SvgView = ({ width, height, fill, nonView }: typeof defaultProps) => {\n return nonView ? (\n \n \n \n ) : (\n \n \n \n );\n};\nSvgView.defaultProps = defaultProps;\n\nexport default SvgView;\n","/* eslint max-len: [\"error\", { \"code\": 20000 }] */\r\nconst defaultProps = {\r\n width: 130,\r\n height: 60,\r\n};\r\n\r\nconst SvgZitaLogo = ({ width, height }: typeof defaultProps) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\nSvgZitaLogo.defaultProps = defaultProps;\r\n\r\nexport default SvgZitaLogo;\r\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#FCC203',\n width: 14,\n height: 14,\n};\n\nconst SvgInactivate = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n \n );\n};\nSvgInactivate.defaultProps = defaultProps;\n\nexport default SvgInactivate;\n","import * as React from 'react';\nconst SvgUsername = (props) => (\n \n \n \n);\nexport default SvgUsername;","import * as React from 'react';\nconst SvgPasswordlock = (props) => (\n \n \n \n);\nexport default SvgPasswordlock;","import * as React from 'react';\nconst SvgLocktick = (props) => (\n \n \n \n);\nexport default SvgLocktick;","export default __webpack_public_path__ + \"static/media/Passwordupdate.fde4595c.png\";","import { FormikProps } from 'formik';\nimport { useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport SvgView from '../../icons/SvgView';\nimport Button from '../../uikit/Button/Button';\nimport ErrorMessage from '../../uikit/ErrorMessage/ErrorMessage';\nimport Flex from '../../uikit/Flex/Flex';\nimport { isEmpty } from '../../uikit/helper';\nimport InputText from '../../uikit/InputText/InputText';\nimport { Loader } from '../../uikit';\nimport Text from '../../uikit/Text/Text';\nimport { checkUpperCase, specialCharacter } from '../constValue';\n//import Logo from '../../assets/images/logo.png';\nimport SvgZitaLogo from '../../icons/SvgZitaLogo';\nimport SvgLocktick from '../../icons/SvgLocktick';\nimport Forgot from '../../assets/images/Passwordupdate.png';\nimport SvgLock from '../../icons/SvgLock';\n//import { home } from '../../appRoutesPath';\nimport LinkWrapper from '../../uikit/Link/LinkWrapper';\nimport { loginAuth } from '../../appRoutesPath';\nimport styles from './setnewpassword.module.css';\nconst today = new Date();\nexport type newPassFormProps = { newPass: string; changePass: string };\ntype Props = {\n formik: FormikProps;\n isSuccess: boolean;\n setPassSuccess: boolean | undefined;\n success: boolean;\n user_not_found: boolean;\n employeelogin: boolean;\n};\nexport const ErrorMessages = ({\n error,\n message,\n}: {\n error: boolean;\n message: string;\n}) => {\n return (\n \n {/* {error ? (\n ✕\n ) : (\n ✓\n )} */}\n\n \n {error ? (\n ✕\n ) : (\n ✓\n )}{' '}\n {message}\n \n \n );\n};\n\nexport const OnChangeErrors = ({\n error,\n message,\n}: {\n error: boolean;\n message: string;\n}) => {\n return (\n \n \n {error ? <>{message} : ''}\n \n \n );\n};\nconst SetNewPassword = ({\n formik,\n isSuccess,\n setPassSuccess,\n success,\n employeelogin,\n user_not_found,\n}: Props) => {\n const [isShowNewPass, setShowNewPass] = useState(false);\n const [isLoader, setLoader] = useState(false);\n const [isShowChangePass, setShowChnagePass] = useState(false);\n const [isrequired, setrequired] = useState(false);\n\n useEffect(() => {\n if (isSuccess) {\n setLoader(false);\n }\n }, [isSuccess]);\n const checkOne =\n !isEmpty(formik.values.newPass) &&\n !checkUpperCase.test(formik.values.newPass);\n const checkTwo =\n !isEmpty(formik.values.newPass) &&\n (formik.values.newPass.length < 8 || formik.values.newPass.length > 12);\n const isCheckThre =\n !isEmpty(formik.values.newPass) &&\n !specialCharacter.test(formik.values.newPass);\n const isValid =\n checkOne === false && checkTwo === false && isCheckThre === false\n ? false\n : true;\n\n const handleInputLength = (e, fieldName) => {\n const maxLength = 12; // Maximum length allowed\n\n if (e.target.value.length >= maxLength) {\n e.preventDefault(); // Prevent further input\n const truncatedValue = e.target.value.slice(0, maxLength);\n formik.setFieldValue(fieldName, truncatedValue); // Update the field value\n }\n };\n const handleSubmit = () => {\n setrequired(true);\n formik.handleSubmit();\n\n if(Object.keys(formik.errors).length===0 && !isEmpty(formik.values.newPass) && !isEmpty(formik.values.changePass)){\n setLoader(true);\n \n }\n };\n\n return (\n <>\n \n \n {isLoader && }\n \n {isSuccess && (\n <>\n \n \n \n \n \n Password Changed!\n \n \n\n \n \n Your password has been changed successfully.\n Please login with your new password\n \n \n {employeelogin === true ? (\n window.location.replace('/login')}\n >\n Login\n \n ) : (\n window.location.replace('/login_candidate')}\n >\n Login\n \n )\n\n }\n\n \n \n \n )}\n\n {setPassSuccess !== true && success === true && (\n <>\n \n \n Reset your new password?\n \n \n \n Please set the new password for your account\n \n \n\n \n
(\n \n )}\n className={styles.input}\n placeholder=\"New Password \"\n required\n value={formik.values.newPass}\n onChange={formik.handleChange('newPass')}\n onKeyPress={(e) => handleInputLength(e, 'newPass')}\n keyboardType={!isShowNewPass ? 'password' : 'text'}\n actionRight={() => (\n setShowNewPass(!isShowNewPass)}\n tabIndex={-1}\n >\n \n \n
\n \n )}\n />\n \n {isrequired && isEmpty(formik.values.newPass) && \n This field is required.}\n {!isEmpty(formik.values.newPass) && isValid && (\n \n \n\n 12\n }\n />\n\n \n \n )}\n\n (\n \n )}\n className={styles.input}\n placeholder=\"Confim New Password \"\n required\n value={formik.values.changePass}\n onChange={formik.handleChange('changePass')}\n keyboardType={!isShowChangePass ? 'password' : 'text'}\n onKeyPress={(e) => handleInputLength(e, 'changePass')}\n actionRight={() => (\n setShowChnagePass(!isShowChangePass)}\n tabIndex={-1}\n >\n \n \n
\n \n )}\n />\n \n \n {isrequired && isEmpty(formik.values.changePass) && \n This field is required.\n }\n {!isEmpty(formik.values.changePass) && ()}\n \n {\n // formik.handleSubmit();\n // setrequired(true);\n \n // }}\n onClick={handleSubmit}\n >\n Change\n \n 
\n \n \n \n \n );\n};\n\nexport default SetNewPassword;\n","import { useState, useEffect } from 'react';\n//import image1 from '../../assets/images/login1.png';\n//import image2 from '../../assets/images/login2.png';\n//import image3 from '../../assets/images/login3.png';\n\nconst image1 = 'https://d2uv78z986v35y.cloudfront.net/login11.png';\nconst image2 = 'https://d2uv78z986v35y.cloudfront.net/login2.png';\nconst image3 = 'https://d2uv78z986v35y.cloudfront.net/login3.png';\nimport Flex from '../../uikit/Flex/Flex';\nimport styles from './loginscreen.module.css';\nconst Loginslider = () => {\n const [currentCount, setCount] = useState(1);\n const [seconds, setSeconds] = useState(1000);\n \n const timer = () => setCount(currentCount + 1);\n\n useEffect(() => {\n if (currentCount >3) {\n const interval = setInterval(() => {\n setSeconds(seconds + 1);\n }, 2500);\n setCount(1)\n return;\n }\n const id = setInterval(timer, 2500);\n return () => clearInterval(id);\n }, [Image, currentCount]);\n\n const select = (val: number) => {\n setCount(val);\n };\n\n return (\n <>\n \n {currentCount === 1 ? (\n <>\n 
\n \n ) : (\n ''\n )}\n {currentCount === 2 ? (\n <>\n 
\n \n ) : (\n ''\n )}\n {currentCount === 3 ? (\n <>\n 
\n \n ) : (\n ''\n )}\n \n \n select(1)}\n >\n select(2)}\n >\n select(3)}\n >\n \n \n );\n};\n\nexport default Loginslider;\n","import { useState, useEffect } from 'react';\n// import image6 from '../../assets/images/login6.png';\n// import image8 from '../../assets/images/login8.png';\n// import image9 from '../../assets/images/login9.png';\nconst image6 = 'https://d2uv78z986v35y.cloudfront.net/login6.png';\nconst image8 = 'https://d2uv78z986v35y.cloudfront.net/login8.png';\nconst image9 = 'https://d2uv78z986v35y.cloudfront.net/login9.png';\n\nimport Flex from '../../uikit/Flex/Flex';\nimport styles from './loginscreen.module.css';\nconst Loginslidercandidate = () => {\n const [currentCount, setCount] = useState(1);\n const [seconds, setSeconds] = useState(1000);\n \n const timer = () => setCount(currentCount + 1);\n\n useEffect(() => {\n if (currentCount >3) {\n const interval = setInterval(() => {\n setSeconds(seconds + 1);\n }, 2500);\n setCount(1)\n return;\n }\n const id = setInterval(timer, 2500);\n return () => clearInterval(id);\n }, [Image, currentCount]);\n\n const select = (val: number) => {\n setCount(val);\n };\n\n return (\n <>\n \n {currentCount === 1 ? (\n <>\n 
\n \n ) : (\n ''\n )}\n {currentCount === 2 ? (\n <>\n 
\n \n ) : (\n ''\n )}\n {currentCount === 3 ? (\n <>\n 
\n \n ) : (\n ''\n )}\n \n \n select(1)}\n >\n select(2)}\n >\n select(3)}\n >\n \n \n );\n};\n\nexport default Loginslidercandidate;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#1890ff',\n width: 22,\n height: 22,\n};\n\nconst SvgInactive = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n \n \n );\n};\nSvgInactive.defaultProps = defaultProps;\n\nexport default SvgInactive;\n","export const routesPath = {\n TALENT_SOURCING: '/source_candidates',\n BULK_IMPORT: '/bulk_import',\n MYDATABASE: '/all_candidates',\n JOBS: '/jobs',\n MY_JOB_POSTING: '/job_list',\n REPORTS: '/reports',\n CALENDAR: '/calendar',\n MAIL: '/mail', \n LINKEDIN_SOURCING: '/linkedin_candidates',\n CANDIDATE_SOURCING: '/candidates_sourcing',\n};\n","import exp from 'constants';\r\nimport { routesPath } from './routes/routesPath';\r\n// Auth\r\nexport const loginAuth = `/login`;\r\nexport const websitesubscriptionscreen = `/plan_and_pricing`;\r\nexport const candidateLogin = '/login_candidate';\r\nexport const newPassword = `/new_password/:userId/:confirmationToken`;\r\nexport const recruiter = `/recruiter/:planId`;\r\nexport const home = `https://www.zita.ai/`;\r\n// Dashboadrd\r\nexport const homeRoute = `/`;\r\n//Email\r\nexport const inbox = '/mail';\r\n// Calendar\r\nexport const calendarRoute = '/calendar';\r\nexport const Role_value = '/rolevalue';\r\nexport const Interview_question = '/interview_question';\r\n// My Job Posting\r\nexport const jobSelect = `${routesPath.JOBS}/select`;\r\nexport const jobCreateDs = `${routesPath.JOBS}/create_ds`;\r\nexport const jobCreateDsUpdate = `${routesPath.JOBS}/create_ds/:jdId`;\r\nexport const jobCreateDsEdit = `${routesPath.JOBS}/create_ds_edit/:editJdId`;\r\n// export const jobCreateNonDs = `${routesPath.JOBS}/create_non_ds`;\r\nexport const jobCreateNonDs = `${routesPath.JOBS}/create_your_job`;\r\nexport const jobCreateNonDsUpdate = `${routesPath.JOBS}/create_your_job/:jdId`;\r\nexport const jobCreateNonDsEdit = `${routesPath.JOBS}/create_non_ds_edit/:editJdId`;\r\nexport const jobQuestionnaire = `${routesPath.JOBS}/questionnaire/:jd_id`;\r\nexport const weightagematching = `${routesPath.JOBS}/weightagematching/:jd_id`;\r\nexport const database = `${routesPath.MYDATABASE}/:jd_id?`;\r\nexport const jobPreview = `${routesPath.JOBS}/preview/:jdId`;\r\n// profile view\r\nexport const applicantProfileView = '/applicant_profile_view/:jdId/:candiId';\r\n// export const zitaMatchScreen = '/zita_match_candidate/:jdId';\r\nexport const candidateProfileView = '/candidate_profile_view/:jdId/:candiId';\r\nexport const applicantPipeLineScreen = '/applicant_pipe_line/:jdId';\r\nexport const pipelinejobsworkflow = '/jobs_workflow';\r\nexport const jdViewScreen = '/job_view/:jdId';\r\n// account setting\r\nexport const accountSettingRoutes = `/account_setting`;\r\nexport const profile = `/account_setting/profiles`;\r\nexport const Carrire = `/account_setting/build_careers_page`;\r\nexport const Subscription = `/account_setting/subscription`;\r\nexport const Templateshub = `/account_setting/templates_hub`;\r\nexport const ManagrUser = `/account_setting/manage_user`;\r\nexport const Integration = `/account_setting/integration`;\r\nexport const Hiring = `/account_setting/hiring_workflow`;\r\nexport const Notification = `/account_setting/email_notification`;\r\nexport const careerView = '/:pageUrl/careers';\r\nexport const jobPreviewView = `/:companyName/career_job_view/:jobId/:jobTitle`;\r\nexport const candidateProfileUpload = `/candidate_profile_upload/:empId`;\r\nexport const candidateProfileEdit = `/candidate_profile_edit/:empId`;\r\nexport const candidateApplyProfileView = `/apply_candidate_profile_view/:empId`;\r\nexport const checkActivate = '/check_activate';\r\nexport const orderSummaryRoute = `/order_summary`;\r\nexport const reports = `/reports`;\r\nexport const applicantSource = `${routesPath.REPORTS}/applicant-source`;\r\nexport const passivecandidate = `${routesPath.REPORTS}/passive-candidate`;\r\nexport const jobMetrics = `${routesPath.REPORTS}/job-metrics`;\r\nexport const sourcingPerformance = `${routesPath.REPORTS}/sourcing-performance`;\r\n// meeting scheduler\r\nexport const weightagematchingurl = `weightage_matching`;\r\nexport const weightagescoreurl = `weightage_score`;\r\nexport const meetingScheduler = `/event_scheduler`;\r\nexport const JobboardApi = 'job_board';\r\nexport const DrjobApi = 'dr_job_integration';\r\n","/* eslint-disable */\nimport { useEffect, useState, useRef } from 'react';\nimport axios from 'axios';\nimport { useHistory, useParams } from 'react-router-dom';\nimport { useForm } from 'react-hook-form';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport * as yup from 'yup';\nimport { isEmpty } from '../uikit/helper';\nimport SvgEmail from '../icons/SvgEmail';\nimport SvgLock from '../icons/SvgLock';\nimport SvgView from '../icons/SvgView';\nimport SvgZitaLogo from '../icons/SvgZitaLogo';\nimport SvgInactivate from '../icons/SvgInactivate'\nimport SvgUsername from '../icons/SvgUsername';\nimport SvgPasswordlock from '../icons/SvgPasswordlock';\nimport Loader from '../uikit/Loader/Loader';\nimport Text from '../uikit/Text/Text';\nimport { InputText } from '../uikit';\nimport Flex from '../uikit/Flex/Flex';\nimport styles from './setpassword.module.css';\nimport LabelWrapper from '../uikit/Label/LabelWrapper';\nimport Button from '../uikit/Button/Button';\nimport { GARY_8 } from '../uikit/Colors/colors';\nimport { ErrorMessages } from '../modules/Login/SetNewPassword';\nimport Loginslider from '../modules/Login/Loginslider';\nimport Loginslidercandidate from '../modules/Login/Loginslidercandidate';\nimport {\n checkUpperCase,\n PASSWORD_MATCH,\n specialCharacter,\n} from '../modules/constValue';\nimport Toast from '../uikit/Toast/Toast';\nimport SvgInactive from '../icons/SvgInactive';\nimport LinkWrapper from '../uikit/Link/LinkWrapper';\nimport { loginAuth } from '../appRoutesPath';\n\nconst SetPassword = () => {\n const { id } = useParams();\n const history = useHistory();\n const [isLogin, setIsLogin] = useState(false);\n const [userEmail, setUserEmail] = useState('');\n const [loader, setLoader] = useState(false);\n const [isPassword, setPassword] = useState('');\n const [isChangePassword, setChangePassword] = useState('');\n const [isShowNewPass, setShowNewPass] = useState(false);\n const [isShowChangePass, setShowChnagePass] = useState(false);\n const [Expire, setExpire] = useState(false);\n\n\n\n const myRef = useRef();\n\n ////////// Form Validation ////////////\n const schema = yup.object().shape({\n password: yup.string().required('This field is required.'),\n confirm_password: yup.string().required('This field is required.'),\n });\n\n const {\n register,\n handleSubmit,\n formState: { errors },\n setValue,\n } = useForm({\n mode: 'onChange',\n resolver: yupResolver(schema),\n });\n\n\n useEffect(() => {\n\n }, [Expire])\n\n const handelLogin = (data) => {\n setIsLogin(true);\n let userId = data;\n if (userId.password === userId.confirm_password) {\n const data = {\n email: userEmail,\n password: userId.password,\n };\n\n axios\n .patch('users/confirmation', data, {\n headers: { Authorization: '' },\n })\n .then(() => {\n // Toast('Login successfull');\n history.push('/login');\n })\n .catch((err) => {\n if (err.response.status !== 200) {\n Toast('Server Error ! Not Connected.', 'LONG', 'error');\n }\n });\n } else {\n Toast('Password does not match.', 'LONG', 'error');\n }\n };\n\n useEffect(() => {\n localStorage.clear();\n const data = {\n token: id,\n };\n axios\n .patch('users/check-token', data, {\n headers: { Authorization: undefined },\n })\n\n .then((res) => {\n if (res.data.success === false) {\n setExpire(true)\n setIsLogin(false)\n }\n if (res.data.success === true) {\n history.push('/login');\n } \n if (res.data.status === true) {\n // alert(\"er\")\n setIsLogin(true)\n setUserEmail(res.data.data.email);\n } else {\n localStorage.clear();\n // return history.push('/login');\n }\n setLoader(true);\n })\n .catch((err) => {\n // setLoader(true);\n // if (err.response.data.success === false) {\n localStorage.clear();\n // return history.push('/login');\n // }\n });\n // alert(\"Check\")\n }, [id]);\n\n const checkOne = !isEmpty(isPassword) && !checkUpperCase.test(isPassword);\n const checkTwo =\n !isEmpty(isPassword) && (isPassword.length < 8 || isPassword.length > 12);\n\n const isCheckThree =\n !isEmpty(isPassword) && !specialCharacter.test(isPassword);\n\n const isValid =\n checkOne === false && checkTwo === false && isCheckThree === false\n ? false\n : true;\n\n const changeValid =\n !isEmpty(isChangePassword) && isChangePassword !== isPassword;\n\n if (!loader) {\n return ;\n } \n return (\n <>\n {/* {isLogin && } */}\n {/* */}\n {/* */}\n {/*
*/}\n {isLogin === true && Expire === false ?\n <>\n\n
\n \n \n {/* */}\n < Text size={22} className={styles.Logs_title} bold >\n Welcome to Zita.\n \n \n Create your password and activate your account\n \n {/* */}\n \n \n Login to your account\n \n \n {/* label starts */}\n \n
\n (\n \n )}\n className={styles.inputStyle}\n type=\"text\"\n required\n placeholder=\"Your email or username\"\n disabled\n value={userEmail}\n\n />\n\n \n
\n
\n \n
(\n \n )}\n ref={myRef}\n className={styles.inputStyle}\n placeholder=\"Password at least 8 characters\"\n keyboardType={!isShowNewPass ? 'password' : 'text'}\n {...register('password')}\n name=\"password\"\n onChange={(e) => {\n setValue('password', e.target.value);\n setPassword(e.target.value);\n }}\n maxLength={12}\n />\n \n setShowNewPass(!isShowNewPass)}\n tabIndex={-1}\n >\n \n \n
\n \n\n
\n {errors.password?.message}\n \n {!isEmpty(isPassword) && isValid && (\n
\n \n 12\n }\n />\n \n \n )}\n
\n
\n \n
(\n \n )}\n className={styles.inputStyle}\n placeholder=\"Confirm Your Password\"\n keyboardType={!isShowChangePass ? 'password' : 'text'}\n name=\"confirm_password\"\n {...register('confirm_password')}\n onChange={(e) => {\n setValue('confirm_password', e.target.value);\n setChangePassword(e.target.value);\n }}\n maxLength={12}\n />\n \n setShowChnagePass(!isShowChangePass)}\n tabIndex={-1}\n >\n \n \n
\n \n {changeValid && (\n
\n {PASSWORD_MATCH}\n \n )}\n
\n {errors.confirm_password?.message}\n \n
\n \n Login\n \n
\n \n \n \n \n
\n \n \n \n \n \n {/* */}\n \n\n \n \n \n :\n
\n {Expire === true &&\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Oops! It seems that the invitation link you were trying to use is either invalid or\n expired. Please contact your administrator to proceed further.\n \n \n \n \n \n \n }\n
}\n \n );\n};\n\nexport default SetPassword;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#581845',\n width: 24,\n height: 24,\n};\n\nconst SvgHelp = ({ width, height, fill }: typeof defaultProps) => {\n return (\n
\n \n \n \n );\n};\nSvgHelp.defaultProps = defaultProps;\n\nexport default SvgHelp;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#fff',\n width: 24,\n height: 24,\n};\n\nconst SvgSetting = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n};\nSvgSetting.defaultProps = defaultProps;\n\nexport default SvgSetting;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#fff',\n width: 24,\n height: 24,\n \n };\n \n const SvgSettingnav = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n };\n SvgSettingnav.defaultProps = defaultProps;\n \n export default SvgSettingnav;\n "," /* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#581845',\n width: 22,\n height: 22,\n };\n \n const SvgLocknav = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n };\n SvgLocknav.defaultProps = defaultProps;\n \n export default SvgLocknav;\n ","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#ffffff',\n width: 22,\n height: 22,\n};\n\nconst SvgUser = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n {' '}\n \n );\n};\nSvgUser.defaultProps = defaultProps;\n\nexport default SvgUser;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#ffffff',\n width: 20,\n height: 24,\n };\n \n const SvgUsernav = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n {' '}\n \n );\n };\n SvgUsernav.defaultProps = defaultProps;\n \n export default SvgUsernav;\n ","// Api auth\nexport const API_AUTH_login = 'auth/auth_login';\nexport const PASSWORD_RESET = 'auth/password_reset_request';\nexport const PASSWORD_RESET_VALID = 'auth/password_reset_request_valid';\nexport const SIGNUP_RECRUITER = 'auth/signup_recruiter';\nexport const SIGN_GETRECRUITER = 'auth/signup_getrecruiter';\nexport const SIGN_CONTACT='auth/signup_recruiter_contact'\nexport const PASSWORD_SET = 'auth/password_set_request';\nexport const API_USER = 'user/user';\nexport const PERMISSION = 'user/permission';\nexport const PERMISSION_SIDEBAR = 'permissionsapi';\n\nexport const LIST = ' example/list';\nexport const TALENT_SOUCRCING = 'talent/talent_sourcing';\nexport const TALENT_SOUCRCING_SEARCH = 'talent/talent_sourcing_search';\nexport const TALENT_UNLOCK_CANDIDATE = 'talent/talent_unlock_candidate';\nexport const TALENT_BULK_ACTION_UNLOCK = 'talent/talent_bulk_action_unlock';\nexport const TALENT_BULK_ACTION_DOWNLOAD = 'talent/talent_bulk_action_download';\nexport const TALEN_PARSED_TEXT_UNLOCK = 'talent/talent_parsed_text_unlock';\nexport const TALEN_CANDIDATE_VIEW = 'talent/talent_candidate_view';\nexport const STRIPE_ACTION = 'talent/stripe_action';\nexport const CHECKOUT_ACTION = 'talent/checkout_action';\n\n// bulkimport action\n\nexport const BULK_IMPORT_INITIAL = 'bulk/bulk_import';\nexport const BULK_UPLOADED_CANDIDATES = 'bulk/bulk_uploaded_candidates';\nexport const BULK_UPLOADED_SEARCH = 'bulk/bulk_uploaded_search';\nexport const BULK_UPLOADED_TOTAL = 'bulk/bulk_uploaded_total';\nexport const BULK_UPLOADED_COMPLETED = 'bulk/bulk_uploaded_completed';\nexport const BULK_UPLOADED_IN_COMPLETED = 'bulk/bulk_uploaded_in_completed';\nexport const BULK_UPLOADED_PAGINATION = 'bulk/bulk_uploaded_pagination';\nexport const BULK_UPLOADED_DELETE = 'bulk/bulk_uploaded_delete';\nexport const BULK_UPLOADED_PARSING = 'bulk/bulk_uploaded_parsing';\nexport const BULK_UPLOADED_PROFILE_VIEW = 'bulk/bulk_uploaded_profile_view';\nexport const BULK_UPLOADED_SKILLS = 'bulk/skills_bulk';\nexport const BULK_UPLOADED_UPDATE_SKILLS = 'bulk/skills_update_bulk';\nexport const BULK_UPLOADED_EDU = 'bulk/education_bulk';\nexport const BULK_UPLOADED_EXP = 'bulk/experiences_bulk';\nexport const BULK_UPLOADED_EXP_UPDATE = 'bulk/experience_update_bulk/';\nexport const BULK_UPLOADED_UPDATE_PERSONAL = 'bulk/update_personal_info_bulk';\nexport const BULK_UPLOADED_MATCH = 'bulk/matching_api';\nexport const BULK_UPLOADED_QUS = 'bulk/questionnaire_bulk';\n\n// applicant profile view action\nexport const JOB_MATCHING_API = 'job_matching_api/job_matching_api';\nexport const APPLICANT_PROFILE_INITIAL = 'applicant/applicant_profile_initial';\nexport const APPLICANT_PROFILE_MATCH = 'applicant/applicant_profile_match';\nexport const APPLICANT_PROFILE_NOTES = 'applicant/applicant_profile_notes';\nexport const APPLICANT_PROFILE_LIST = 'applicant/applicant_profile_list';\nexport const APPLICANT_PROFILE_ALLMATCH =\n 'applicant/applicant_profile_all_match';\nexport const APPLICANT_PROFILE_MESSAGE = 'applicant/applicant_message';\nexport const APPLICANT_PROFILE_INTERVIEW_SCORECARD =\n 'applicant/applicant_interview_scorecard';\nexport const APPLICANT_PROFILE_MESSAGE_TEM = 'applicant/applicant_message_tem';\nexport const APPLICANT_PROFILE_CALENDER = 'applicant/applicant_calender';\nexport const APPLICANT_PROFILE_STATUS = 'applicant/applicant_status';\nexport const APPLICANT_PROFILE_FAVORITE = 'applicant/applicant_favourite';\nexport const SYNC_GOOGLE = 'applicant/sync_google';\nexport const SYNC_OUTLOOK = 'applicant/sync_outlook';\n\n// Candidate Profile Action\nexport const CANDIDATE_PROFILE_MESSAGE = 'candidate/candidate_profile_message';\nexport const LINKEDIN_SOURCING = 'coresignal_integration';\nexport const LINKEDIN_UNLOCK_CANDIDATES = 'coresignal_integration';\nexport const LINKEDIN_UNLOCK_CANDIDATES_IDS = 'linkedin_unlocked_candidate';\nexport const UNLOCKED_CANDIDATES = 'sourced_candidates_api';\nexport const Delete_CANDIDATES = 'delete_candidate';\n\n// Comparative Analysis\nexport const CANDIDATE_SEARCHING_DATA = 'candidate_searching_api';\nexport const COMPARATIVE_ANALYSIS_DATA = 'get_comparative_analysis';\nexport const COMPARATIVE_CSV_ANALYSIS = `download_analysis_csv`;\n// Applicant Pipe Line\nexport const APPLICANT_PIPE_LINE = 'applicantpipe/applicant_pipe_line';\nexport const APPLICANT_PIPE_LINE_DATA =\n 'applicantpipe/applicant_pipe_line_data';\nexport const APPLICANT_PIPE_LINE_FILTER =\n 'applicantpipe/applicant_pipe_line_filter';\nexport const APPLICANT_UPDATE_STATUS = 'applicantpipe/applicant_update_status';\nexport const KANBAN_UPDATE_STATUS = 'applicantpipe/kanban_update_status';\n\n// kanban pipeline\n\nexport const GET_KANBAN_DATA = 'applicantpipeline/kanban_stages';\nexport const UPDATE_KANBAN_DATA = 'applicantpipeline/kanban_stages_update';\nexport const DELETE_KANBAN_DATA = 'applicantpipeline/kanban_stages_delete';\nexport const DOWNLOAD_APPLICANTS = 'applicantpipeline/download_applicants';\n\n// Zita Match Candidate\nexport const ZITA_MATCH_CANDIDATE = 'zita/zita_match_candidate';\nexport const ZITA_MATCH_DATA_CANDIDATE = 'zita/zita_match_data_candidate';\nexport const ZitaMatchProgressApi = 'matching_process';\n\n// My DataBase\nexport const MY_DATABASE_INITIAL = 'mydatabase/mydatabase_inital';\nexport const MY_DATABASE_DATA = 'mydatabase/mydatabase_data';\nexport const MY_DATABASE_PROFILE_FAVORITE =\n 'mydatabase/mydatabase_profile_favorite';\n\n// Jd View\nexport const JD_VIEW = 'jdview/jd_view';\nexport const JD_VIEW_DOWNLOAD = 'jdview/jd_view_download';\nexport const JD_VIEW_INACTIVE = 'jdview/inactive_jd';\n\n// Create Jd\nexport const JD_PARSER = 'createjd/jd_parser';\nexport const JD_TEMPLATES = 'createjd/jd_templates';\nexport const JD_CREATE = 'createjd/create_jd';\nexport const JD_LOCATION = 'createjd/location';\nexport const JD_PROFILE = 'createjd/jd_profile';\nexport const JD_PROFILES = 'createjd/matching_algorithm';\nexport const JD_QUESTIONNAIRE = 'createjd/jd_questionnaire_for_jd';\nexport const JD_TEMPLATE = 'createjd/jd_template';\nexport const JD_DUPLICATE = 'createjd/jd_duplicate';\nexport const JD_WHATJOBS = 'createjd/what_jobs_posting/';\nexport const Industy_type = 'jd_industry_type';\nexport const AIcreate = 'AI_create';\n\n// my_job_posting\n\nexport const MYJOBPOSTING = 'myjobposting/my_job_posting';\nexport const MYJOBPOSTINGDATA = 'myjobposting/my_job_posting_data';\n\nexport const APPLICANTSSOURCE = 'reports/applicant_source_api';\nexport const APPLICANTSSOURCEDATA = 'reports/applicant_source_data';\nexport const APPLICANTSSOURCEDOWNLOAD = 'reports/applicant_source_download';\nexport const PASSIVECANDIDATEDATA = 'reports/passive_candidate_data';\nexport const JOBMETRICSDATA = 'reports/job_metrics_api';\nexport const JOBMETRICSDOWNLOAD = 'reports/job_metrics_download';\nexport const SOURCINGPERFORMANCE = 'reports/sourcing_performance';\nexport const JOBMETRICSCHARTDATA = 'reports/job_metrics_chart';\nexport const SOURCINGPERFORMANCEDATA = 'reports/sourcing_performance_data';\nexport const SOURCINGPERFORMANCEDOWNLOAD =\n 'reports/sourcing_performance_download';\n\n// account settings page\nexport const COMPANYPAGE = 'companypage/companypage';\nexport const USERPROFILE = 'userprofile/user_profile';\nexport const INTEGRATION = 'intergration/intergration';\nexport const GOOGLE_SYNC = 'google_sync_api/google_sync_api';\nexport const OUTLOOK_SYNC = 'outlook_sync_api/outlook_sync_api';\nexport const EMAILNOTIFI = 'email_preference/email_preference';\nexport const CALBACK_URL = 'calback_url/calback_url';\nexport const CALBACK_GOOGLE_URL = 'google_sync_api/google_sync_api';\nexport const PASSWORD = 'passwordchange/password_change';\nexport const ACCOUNT_SETTING_BUILD_CAREER = 'account/account_build_career';\nexport const ACCOUNT_SETTING_BUILD_CAREER_POST =\n 'account/account_build_career_post';\nexport const ACCOUNT_SETTING_CAREER_VIEW = 'account/account_career_view';\nexport const RESUME_UPLOAD = 'candidate/candidate_resume_upload';\nexport const CANDIDATA_PROFILE_RESUME_UPLOAD =\n 'candidate/candidate_profile_resume_upload';\nexport const CANDIDATE_PROFESSIONAL_DATA =\n 'candidate/candidate_professional_data';\nexport const CANDIDATE_PROFILE_BASIC_DETAILS =\n 'candidate/candidate_profile_basic_details';\nexport const CANDIDATE_PROFILE_EMAIL_VALIDATE =\n 'candidate/candidate_profile_email_validate';\nexport const CANDIDATE_PROFILE_OTP_VALIDATE =\n 'candidate/candidate_profile_otp_validate';\n\n//email integration\n\nexport const GET_EMAIL = 'email_label';\n\nexport const Email_Notifiy = 'Email_Notification';\n\nexport const OUTLOOK_USER_PROFILE = 'outlook/me';\n\nexport const INTEGRATE_MAIL = '';\n\nexport const OUTLOOk_MAIL_REMOVE = 'delete_outlook_mail';\n\nexport const OUTLOOk_MAIL_INTEGRATE = 'outlook_mail_api';\n\nexport const GOOGLE_MAIL_INTEGRATE = 'google_mail_api';\n\nexport const GOOGLE_MAIL_REMOVE = 'delete_google_mail';\n\nexport const GOOGLE_CALL_BACK_URL = 'google_callbackurl';\n\nexport const OUTLOOK_CALL_BACK_URL = 'Outlook_call_back_url';\n\nexport const OUTLOOK_EMAIL_GET = '/me/mailFolders/Inbox/messages';\n\n// [Account Settings] --> Templates\nexport const GET_TEMPLATE_DATA = 'account/template_data';\nexport const CREATE_TEMPLATE_DATA = 'account/template_data_create';\nexport const UPDATE_TEMPLATE_DATA = 'account/template_data_update';\nexport const PIPELINE_DATA = 'account/pipeline_data';\nexport const UPDATE_PIPELINE_DATA = 'account/pipeline_data_update';\nexport const DELETE_PIPELINE_DATA = 'account/pipeline_data_delete';\nexport const DEFAULT_PIPELINE_DATA = 'account/pipeline_data_default';\nexport const PIPELINE_STAGES = 'account/pipeline_stages';\nexport const ADD_PIPELINE_STAGE = 'account/pipeline_stage_add';\nexport const DELETE_PIPELINE_STAGE = 'account/pipeline_stage_delete';\nexport const UPDATE_PIPELINE_STAGE = 'account/pipeline_stage_update';\nexport const UPDATE_COLOUR_PALLATE = 'account/colour_pallate_update';\nexport const PIPELINE_SUGGESTIONS = 'account/pipeline_suggestions';\nexport const PIPELINE_STAGES_REORDER = 'account/pipeline_stages_reorder';\n\n// [Meeting Scheduler ] --> events\nexport const EVENT_SCHEDULER_FORM_DETAILS = 'events/events';\nexport const SLOTTER_FORM_DETAILS = 'events/slotter';\n\nexport const EVENTS_LIST = 'events/list';\nexport const EVENTS_DELETE = 'events/delete';\n\nexport const CALENDAR_EVENTS_LIST = 'calendar-events/list';\nexport const CALENDAR_EVENTS_DELETE = 'calendar-events/delete';\n\n// interview question\n\nexport const INTERVIEW_QUESTION = 'interviewer/questions';\nexport const EVALUATE_QUESTION = 'interviewer/evaluate_question_input';\n\n//chatbot\n\nexport const CHATBOT_DATA = 'chat_bot';\nexport const CHATBOT_FEEDBACK = 'feedback_chatbot';\nexport const CHATBOT_TIMER = 'chatbot_timer';\n\n//tour\nexport const TOUR_DATA = 'tour_data';\n","//Supscription API\r\nexport const subscriptionApi = 'subs_details_api';\r\n\r\nexport const websitesubscriptionscreenApi = 'website_details_api';\r\nexport const sourcingApi = `zita_talent_sourcing_api`;\r\nexport const sessionIdApi = `zita_talent_sourcing_api`;\r\nexport const paymentSourcingApi = `zita_talent_sourcing_api`;\r\nexport const sourcingSearch = `zita_talent_sourcing_search_api`;\r\nexport const unlockCandidatesApi = `unlock_candidates_api`;\r\nexport const parsedSourcingApi = `parsed_text_sourcing_api`;\r\nexport const bulkActionSourcingApi = `bulk_action_sourcing_api`;\r\nexport const bulkDownloadActionApi = `bulk_action_sourcing_api`;\r\nexport const candidateViewApi = `candidate_view_api`;\r\nexport const stripeApi = '/config/';\r\nexport const createCheckoutApi = `create-checkout-session`;\r\nexport const bulkImportApi = 'bulk-import/';\r\nexport const bulkImportUpdatePersonalApi = 'update_personal_info_bulk/';\r\nexport const uploadedCandidatesApi = 'uploaded_candidates/';\r\nexport const bulkUploadEducationEdit = 'education_bulk/';\r\nexport const bulkUploadQus = 'questionnaire_bulk/';\r\nexport const bulkUploadMatch = 'matching_algorithm';\r\nexport const bulkUploadExpAdd = 'experiences_bulk/';\r\nexport const uploadedCandiDelete = (id: number) => {\r\n const url = `delete_candidate/${id}`;\r\n return url;\r\n};\r\nexport const bulkUploadParsingApi = `bulk_upload_parsing/`;\r\nexport const bulkUploadProfileView = (id: number) => {\r\n const url = `candidate-profile-view/${id}`;\r\n return url;\r\n};\r\n\r\nexport const bulkUploadExpUpdate = (id: number) => {\r\n const url = `experience_update_bulk/${id}/`;\r\n return url;\r\n};\r\n\r\nexport const bulkUploadSkills = (id: number) => {\r\n const url = `skills_bulk/${id}/`;\r\n return url;\r\n};\r\n\r\n// export const bulkUploadEducationEdit = (id: number) => {\r\n// const url = `education_update_bulk/${id}/`;\r\n// return url;\r\n// };\r\n//Matching with cand_id\r\nexport const candidatematch = `job_matching_api`;\r\n// Applicant Profile View API\r\n\r\nexport const Pipeline_StagesApi = 'pipeline_status_api';\r\nexport const applicantProfileView = `applicants_profile_api`;\r\nexport const applicantMatchapi = `matching_analysis`;\r\nexport const applicantNotesApi = `candidate_notes`;\r\nexport const applicantUserlistApi = `mention_notification_candidate_notes`;\r\nexport const calenderEventApi = `calender_event`;\r\nexport const showAllMatch = `show_all_match`;\r\nexport const applicantMessagesApi = `messages`;\r\nexport const messagesDataApi = 'messages_data';\r\nexport const InterviewScorecardApi = 'interview_scorecard';\r\nexport const messagesTemplates = 'messages_templates';\r\nexport const applicantsStatusApi = `applicants_status`;\r\nexport const inviteToApplyApi = `invite_to_apply`;\r\nexport const favouriteApi = `favourite`;\r\nexport const candiDateMessageApi = `message_non_applicants`;\r\n\r\n// Linkedin\r\nexport const LinkedinSourcing = `coresignal_integration`;\r\nexport const LinkedinUnlockCandidates = `coresignal_integration`;\r\nexport const LinkedinUnlockCandidatesget = `linkedin_unlocked_candidate`;\r\nexport const unlocked_candidates = 'sourced_candidates_api';\r\n\r\n//Comparative Analysis\r\nexport const ComparativesearchingdataApi = `candidate_searching_api`;\r\nexport const ComparativeAnalysisApi = `get_comparative_analysis`;\r\nexport const ComparativecsvdownloadApi = `download_analysis_csv`;\r\n\r\n// chatbot\r\nexport const ChatbotgetApi = `chat_bot`;\r\nexport const ChatbotfeedbackApi = `feedback_chatbot`;\r\nexport const ChatbotTimerApi = `chatbot_timer`;\r\n\r\n// applicant pipe line module\r\nexport const applicantPipeLineApi = (jd_id: string) => {\r\n const url = `applicants_pipline/${jd_id}`;\r\n return url;\r\n};\r\nexport const applicantPipeLineDataApi = (jd_id: string) => {\r\n const url = `applicant_data/${jd_id}`;\r\n return url;\r\n};\r\nexport const applicantFilterApi = (jd_id: string) => {\r\n const url = `applicant_data/${jd_id}`;\r\n return url;\r\n};\r\nexport const applicantStatusUpdateApi = (jd_id: string) => {\r\n const url = `update_status/${jd_id}`;\r\n return url;\r\n};\r\n// Matchig based on both jd and cand_id\r\n// export const Zitamatching =`match_alg_api`;\r\n\r\nexport const zitaMatchDataApi = `zita_match_data`;\r\nexport const zitaMatchApi = `zita_match`;\r\nexport const zitaMatchDownloadApi = `bulk_download`;\r\nexport const myDataBaseInitalApi = 'my_database';\r\nexport const myDataBaseDataApi = `my_database_data`;\r\nexport const jdViewApi = (jdId: string) => {\r\n const url = `jd_view/${jdId}`;\r\n return url;\r\n};\r\nexport const inactiveJd = (jdId: string) => {\r\n const url = `inactive_jd/${jdId}`;\r\n return url;\r\n};\r\nexport const downloadJd = `download_jd`;\r\nexport const syncGoogleApi = 'google_sync_api/';\r\nexport const syncOutlookApi = 'outlook_sync_api/';\r\nexport const getGoogleEventsAPI = 'google_get_events/';\r\nexport const googleAddEvent = 'google_add_event/';\r\nexport const checkAuth = 'check_auth/';\r\nexport const addOauth = 'add_google_oauth/';\r\nexport const outlookAdd = 'outlook_add_event/';\r\n//Weightage matching\r\n// export const weightagemating = (jdId?: string) => {\r\n\r\n// const url = `weightage_matching/${jdId}`;\r\n// return url;\r\n// };\r\nexport const weightagemating = 'weightage_matching';\r\n\r\n// Create Jd\r\nexport const jdParserApi = `jd_parser`;\r\nexport const jdTemplatesApi = `jd_templates`;\r\nexport const createJdApi = 'create_jd';\r\nexport const locationApi = `load_location`;\r\nexport const AioutputApi = 'jd_creation_ai';\r\nexport const jdProfileApi = (jdId: string) => {\r\n const url = `jd_profile/${jdId}`;\r\n return url;\r\n};\r\nexport const industrytype = `jd_industry_type`;\r\nexport const missSkillsApi = (jdId?: string) => {\r\n const url = `missing_skills/${jdId}`;\r\n return url;\r\n};\r\n\r\nexport const questionnaireForJdApi = (jdId: string) => {\r\n const url = `questionnaire_for_jd/${jdId}`;\r\n return url;\r\n};\r\nexport const duplicateApi = (jdId: string) => {\r\n const url = `duplicate/${jdId}`;\r\n return url;\r\n};\r\nexport const questionnaireSaveApi = (jdId: string) => {\r\n const url = `questionnaire_save/${jdId}`;\r\n return url;\r\n};\r\n\r\nexport const jdPreviewApi = (jdId: string) => {\r\n const url = `jd_preview/${jdId}`;\r\n return url;\r\n};\r\n\r\nexport const edit_jdApi = (jdId?: string) => {\r\n const url = `edit_jd/${jdId}`;\r\n return url;\r\n};\r\nexport const postJdApi = (jdId?: string) => {\r\n const url = `post_jd/${jdId}`;\r\n return url;\r\n};\r\nexport const dsOrNotApi = (jdId?: string) => {\r\n const url = `dst_or_not/${jdId}`;\r\n return url;\r\n};\r\n//Matching Based on jd\r\nexport const matchingoverallApi = `matching_algorithm`;\r\n\r\n// profile summery in about tab api\r\nexport const profile_summaryApi = `profile_summary`;\r\n\r\n//Matching Based on candidate_id,jd_id and candidate_jd_id\r\nexport const onlycandidateid = `match_canid`;\r\nexport const onlyjobid = `match_jdid`;\r\nexport const Bothcandidateidjobid = `match_canid_jdid`;\r\n\r\nexport const validateJobIdApi = `validate_job_id`;\r\nexport const myjobpostapi = `my_job_posting`;\r\nexport const myjobpostdataapi = `my_job_posting_data`;\r\nexport const questionnaireTemplateApi = `questionnaire_templates`;\r\nexport const selectDsorNonDsApi = `select_ds_or_non_ds`;\r\nexport const templatesStages = `jobspipeline`;\r\n// export const kanbanPipelineView = (jd_id: number, workflow_id: number) =>\r\n// `kanban_pipeline_view?jd_id=${jd_id}&workflow_id=${workflow_id}`;\r\n\r\nexport const kanbanPipelineView = `kanban_pipeline_view`;\r\nexport const kanbanUpdation = `kanban_updation`;\r\nexport const emailAutomate = 'email_automation';\r\nexport const downloadBulkExport = `download_bulk_export`;\r\n\r\n// export const scheduledEvents = `calender_scheduled_events`;\r\n\r\n// Login Api\r\nexport const authApi = `${process.env.REACT_APP_API_ENDPOINT}login_api/`;\r\nexport const userApi = `users`;\r\nexport const passwordResetRequest = `${process.env.REACT_APP_API_ENDPOINT}password_reset_request/`;\r\nexport const emailValidRequest = (email: string, domain?: string) => {\r\n const url = `${process.env.REACT_APP_API_ENDPOINT}password_reset_request/?email=${email}&domain=${domain}`;\r\n return url;\r\n};\r\nexport const WebsiteValidRequest = (email: string, domain?: string) => {\r\n const url = `${process.env.REACT_APP_API_ENDPOINT}website_access?email=${email}&domain=${domain}`;\r\n return url;\r\n};\r\n\r\nexport const signupRecruiterApi = `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter/`;\r\nexport const signupRecruiterGetApi = (email: string, username: string,contactno:string) => {\r\n const url = `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter/?email=${email} &username=${username} &contact=${contactno} `;\r\n // const url = payload ? `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter/?username=${username}` :\r\n // `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter/?email=${email}`;\r\n return url;\r\n};\r\nexport const contactGetApi = (email: string, username: string,contactno:string,userid:string) => {\r\n const url = `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter_contact/?contact=${contactno} &userid=${userid} `;\r\n // const url = payload ? `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter/?username=${username}` :\r\n // `${process.env.REACT_APP_API_ENDPOINT}signup_recruiter/?email=${email}`;\r\n return url;\r\n};\r\n\r\nexport const emailActiveApi = (userId: string, confirmationToken: string) => {\r\n const url = `${process.env.REACT_APP_API_ENDPOINT}email_activate/?userid=${userId}&confirmation_token=${confirmationToken}`;\r\n return url;\r\n};\r\nexport const passwordSetRequest = `${process.env.REACT_APP_API_ENDPOINT}password_set_request/`;\r\n\r\n// permission APi\r\nexport const permissionApi = 'permission';\r\nexport const permissionsApi = 'permissionsapi'\r\nexport const logoApi = 'company_logo';\r\nexport const companyPageApi = `company_details`;\r\nexport const createjdtemplateApi = `jd_templates`;\r\nexport const createemailtemplateApi = `messages_templates`;\r\nexport const userProfileApi = `user_profile`;\r\nexport const intergrationApi = `intergration`;\r\nexport const googleSyncApi = `google_cal_api`;\r\nexport const calbackurlGoogleApi = `google_sync_api`;\r\nexport const outlookSyncApi = `outlook_cal_api`;\r\nexport const calbackurlApi = `calback_url`;\r\nexport const intergrationmailApi = `mail_integrate`;\r\nexport const passwordChangeApi = `password_change`;\r\nexport const buildCareerPageApi = 'build_career_page';\r\nexport const emailPreferenceApi = 'email_preference';\r\nexport const get_urlApi = 'get_url';\r\nexport const careerViewPageApi = (pageUrl: string) => {\r\n const url = `career_page/${pageUrl}`;\r\n return url;\r\n};\r\nexport const geteventsApi = `show_events`;\r\n\r\nexport const careerJobViewApi = (id: string) => {\r\n const url = `${process.env.REACT_APP_API_ENDPOINT}career_job_view/${id}`;\r\n return url;\r\n};\r\n\r\nexport const uploadResumeApi = `${process.env.REACT_APP_API_ENDPOINT}upload_resume/`;\r\n// export const professionalResume = 'upload_resume';\r\nexport const basicDetailApi = 'basic_detail/';\r\nexport const emailValidationApi = `email_validation`;\r\nexport const otpVerificationApi = `otp_verification`;\r\nexport const profileEditApi = 'profile_edit';\r\nexport const resumeReupload = 'edit_resume_file';\r\nexport const whatjobsApi = `what_jobs_posting/`;\r\nexport const whatjobstatusApi = `external_job_post`;\r\n// export const whatjobsApi = (jdId?: string) => {\r\n// const url = `what_jobs_posting/${jdId}`;\r\n// return url;\r\n// };\r\nexport const updatePersonalInfoApi = 'update_personal_info/';\r\nexport const updateJobPreferenceApi = 'update_job_preference/';\r\nexport const updateResumeOverviewApi = 'update_resume_overview';\r\nexport const skillsUpdateApi = (empId: number) => {\r\n const url = `skills_update/${empId}/`;\r\n return url;\r\n};\r\nexport const techSkillApi = `skills/`;\r\nexport const educationUpdateApi = (id?: string) => {\r\n const url = `education_update/${id}/`;\r\n return url;\r\n};\r\n\r\nexport const educationAdd = `education/`;\r\nexport const experienceUpdateApi = (id?: string) => {\r\n const url = `experience_update/${id}/`;\r\n return url;\r\n};\r\nexport const experiencesAddApi = `experiences/`;\r\nexport const projectUpdateApi = (id?: string) => {\r\n const url = `project_update/${id}/`;\r\n return url;\r\n};\r\nexport const projectAddApi = `project/`;\r\nexport const courseUpdateApi = (id?: string) => {\r\n const url = `course/${id}/`;\r\n return url;\r\n};\r\nexport const courseAddApi = 'course/';\r\nexport const dashboardApi = `dashboard/`;\r\nexport const candidateMessageApi = 'candidate_message/';\r\nexport const dashboardNavApi = `dashboard_nav_api/`;\r\nexport const logOutApi = 'auth/logout';\r\nexport const candiInviteStatusApi = (jdId: string) => {\r\n const url = `candi_invite_status/${jdId}`;\r\n return url;\r\n};\r\n\r\nexport const downloadProfileApi = 'download_profile';\r\nexport const manageSubscriptionApi = 'manage_subscription';\r\nexport const billingPortalApi = 'billing_portal';\r\nexport const cancelSubscriptionApi = 'cancel_subscription';\r\nexport const orderSummaryApi = `order_summary`;\r\nexport const renewSubscriptionApi = 'renew_subscription';\r\nexport const backendProcessApi = 'backend_process';\r\nexport const creditsPurchaseApi = 'credits_purchase';\r\nexport const dashboardEmpApi = 'dashboard_emp';\r\nexport const dashboardJobMetricsApi = 'dashboard_job_metrics';\r\nexport const dashboardMessageApi = 'dashboard_message';\r\nexport const applicantSourceApi = 'applicant_source_api';\r\nexport const applicantSourceDataApi = 'applicant_source_data';\r\nexport const applicantSourceDownloadApi = 'applicant_source_download';\r\nexport const passiveCandidateDataApi = 'passive_candidate_data';\r\nexport const jobMetricsApi = 'job_metrics_api';\r\nexport const jobMetricsDownloadApi = 'job_metrics_download';\r\nexport const jobMetricsChartApi = 'job_metrics_chart';\r\nexport const sourcingPerformanceApi = 'sourcing_performance';\r\nexport const sourcingPerformanceDataApi = 'sourcing_performance_data';\r\nexport const sourcingPerformanceDownloadApi = 'sourcing_performance_download';\r\nexport const dashboardCalenderApi = 'dashboard_calender';\r\nexport const notificationApi = 'notification';\r\nexport const urlValidApi = `url_verification`;\r\nexport const eventSchedulerApi = 'scheduler_dashboard';\r\nexport const slotterApi = 'slotter_interview';\r\nexport const calendar_slotter = 'calevents_slotter';\r\nexport const availbleslot = 'slotter_availble';\r\nexport const JdandApplicants = 'get_jd_and_applicants';\r\nexport const WebsiteEventRoute = 'website_access';\r\n\r\nexport const jobViewCountApi = (jdId: string) => {\r\n const url = `job_view_count_fun/${jdId}`;\r\n return url;\r\n};\r\n\r\n//outlook integration\r\n\r\nexport const maillist = `email_label`;\r\n\r\nexport const Notification = `Email_Notification`;\r\n\r\nexport const IntegrateMail = ``;\r\n\r\nexport const outlookmailIntegrate = `outlook_mail_api`;\r\n\r\n//export const outlookmailIntegrate = `outlook_mail_api`;\r\n\r\nexport const outlookProfile_remove = `delete_outlook_mail`;\r\n\r\nexport const getoutlookmaillist = `/me/mailFolders/Inbox/messages`;\r\n\r\nexport const google_mail_integrate = `google_mail_api`;\r\n\r\nexport const google_mail_remove = 'delete_google_mail';\r\n\r\nexport const google_callback = 'google_callbackurl';\r\n\r\nexport const outlook_callback = 'Outlook_call_back_url';\r\n\r\n/// Scheduled Events\r\n\r\nexport const calendarScheduledEvents = 'calender_scheduled_events';\r\nexport const Interview_role = 'interview_role';\r\nexport const interview_questionapi = 'interview_question';\r\n\r\n//calendar\r\nexport const googleconflicts = 'google_conflict_event';\r\nexport const outlookconflicts = 'outlook_conflict_event';\r\nexport const calendarconfiguration = 'calendar_configuration/';\r\n\r\nexport const interviewQuestion = 'interview_question';\r\n//tour\r\nexport const tour_data = 'tour_data';\r\n","import { createAsyncThunk } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport { USERPROFILE,PASSWORD } from '../../../../../actions/actions';\nimport { userProfileApi,passwordChangeApi } from '../../../../../routes/apiRoutes';\n\n// import { CompanyPageload } from './../../CompanyPageTypes';\n\nexport const userProfileMiddleWare = createAsyncThunk(\n USERPROFILE,\n async (_a, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(userProfileApi);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const userProfilePostMiddleWare = createAsyncThunk(\n USERPROFILE,\n async ({ formData }: any, { rejectWithValue }) => {\n try {\n const data = await axios.post(\n userProfileApi,\n\n formData,\n );\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\nexport const passwordChangeMiddleWare = createAsyncThunk(\n PASSWORD,\n async ({ formData }: any, { rejectWithValue }) => {\n try {\n const data = await axios.post(\n passwordChangeApi,\n formData,\n );\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);","import { createAsyncThunk } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport {\n API_AUTH_login,\n API_USER,\n PASSWORD_RESET,\n PASSWORD_RESET_VALID,\n PASSWORD_SET,\n PERMISSION,\n PERMISSION_SIDEBAR,\n} from '../../../../actions/actions';\nimport {\n WebsiteValidRequest,\n authApi,\n emailActiveApi,\n emailValidRequest,\n passwordResetRequest,\n passwordSetRequest,\n permissionApi,\n permissionsApi,\n userApi,\n} from '../../../../routes/apiRoutes';\nimport { LoginPayload, PasswordSetPayload } from '../../loginTypes';\nvar querystring = require('querystring');\n\nconst headers = new Headers();\n\nheaders.append('Content-Type', 'application/json');\nexport const loginMiddleWare = createAsyncThunk(\n API_AUTH_login,\n async ({ username, password,isStaff }: LoginPayload, { rejectWithValue }) => {\n try {\n const data = await fetch(authApi, {\n method: 'POST',\n headers,\n body: JSON.stringify({\n username,\n password,\n isStaff\n }),\n });\n return await data.json();\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const passwordResetRequestMiddleWare = createAsyncThunk(\n PASSWORD_RESET,\n async ({ email }: { email: string }, { rejectWithValue }) => {\n try {\n const data = await fetch(passwordResetRequest, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n },\n body: querystring.stringify({\n email,\n }),\n });\n return await data.json();\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\nexport const emailMiddleWare = createAsyncThunk(\n PASSWORD_RESET_VALID,\n async (\n { email, domain,}: { email: string; domain?: string;},\n { rejectWithValue },\n ) => {\n try {\n const data = await fetch(emailValidRequest(email, domain));\n return await data.json();\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\n\nexport const WebsiteEmailValidation = createAsyncThunk(\n PASSWORD_RESET_VALID,\n async (\n { email, domain,}: { email: string; domain?: string;},\n { rejectWithValue },\n ) => {\n try {\n const data = await fetch(WebsiteValidRequest(email, domain));\n return await data.json();\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const userMiddleWare = createAsyncThunk(\n API_USER,\n async (_a, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(userApi);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const emailActiveMiddleWare = createAsyncThunk(\n 'email_active',\n async (\n {\n userid,\n confirmation_token,\n }: { userid: string; confirmation_token: string },\n { rejectWithValue },\n ) => {\n try {\n const data = await fetch(emailActiveApi(userid, confirmation_token));\n return await data.json();\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const passwordSetRequestMiddleWare = createAsyncThunk(\n PASSWORD_SET,\n async (\n { password1, password2, userid }: PasswordSetPayload,\n { rejectWithValue },\n ) => {\n try {\n const data = await fetch(passwordSetRequest, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n },\n body: querystring.stringify({\n new_password1: password1,\n new_password2: password2,\n userid,\n }),\n });\n return await data.json();\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const permissionMiddleWare = createAsyncThunk(\n PERMISSION,\n async (_a, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(permissionApi);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const sidebarpermissionmiddleware = createAsyncThunk(\n PERMISSION_SIDEBAR,\n async (_a, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(permissionsApi);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);","import { createAsyncThunk } from '@reduxjs/toolkit';\r\nimport axios from 'axios';\r\nimport { dashboardNavApi, logOutApi } from '../../../../routes/apiRoutes';\r\n\r\nexport const navBarMiddleWare = createAsyncThunk(\r\n 'nav_bar',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(dashboardNavApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\nexport const logOutMiddleWare = createAsyncThunk(\r\n 'log_out',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.post(logOutApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n","import { createAsyncThunk } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport {\n CHATBOT_DATA,\n CHATBOT_FEEDBACK,\n CHATBOT_TIMER,\n} from '../../../../actions/actions';\nimport {\n ChatbotfeedbackApi,\n ChatbotgetApi,\n ChatbotTimerApi,\n} from '../../../../routes/apiRoutes';\nimport { Chatbotthumb, timer } from '../../ChatbotTypes';\nconst headers = new Headers();\n\nexport const chatbotcheckmiddleware = createAsyncThunk(\n CHATBOT_DATA,\n async ({ formData }: any, { rejectWithValue }) => {\n try {\n const { data } = await axios.post(ChatbotgetApi, formData);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const chatbotfeedbackmiddleware = createAsyncThunk(\n CHATBOT_FEEDBACK,\n async ({ formData }: any, { rejectWithValue }) => {\n try {\n const { data } = await axios.post(ChatbotfeedbackApi, formData);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const chatbotdataget = createAsyncThunk(\n CHATBOT_DATA,\n async (\n { thumb, thread, chat_id, chatclose }: Chatbotthumb,\n { rejectWithValue },\n ) => {\n try {\n const { data } = await axios.get(ChatbotgetApi, {\n params: { thumb, thread, chat_id, chatclose },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const chatbottimermiddleware = createAsyncThunk(\n CHATBOT_TIMER,\n async ({ count }: timer, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(ChatbotTimerApi, {\n params: { count },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\n// export const chatbotfeedbackmiddleware = createAsyncThunk(\n// ChatbotfeedbackApi,\n// async ({ feedback_data }: ChatbotFeedbackdata, { rejectWithValue }) => {\n// try {\n// const data = await fetch(ChatbotgetApi, {\n// method: 'POST',\n// headers,\n// body: feedback_data,\n// });\n// return await data.json();\n// } catch (error) {\n// const typedError = error as Error;\n// return rejectWithValue(typedError);\n// }\n// },\n// );\n","import { createAsyncThunk } from '@reduxjs/toolkit';\r\nimport axios from 'axios';\r\nimport { notificationApi, subscriptionApi } from '../../../../routes/apiRoutes';\r\nvar qs = require('qs');\r\nexport const notificationMiddleWare = createAsyncThunk(\r\n 'notification',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(notificationApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\nexport const notificationDeleteMiddleWare = createAsyncThunk(\r\n 'notification_delete',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.delete(notificationApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\nexport const notificationPostMiddleWare = createAsyncThunk(\r\n 'notification_delete',\r\n async ({ id }: { id: number }, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.post(\r\n notificationApi,\r\n qs.stringify({ id }, { arrayFormat: 'comma' }),\r\n );\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\nexport const SubsriptionMiddleWare = createAsyncThunk(\r\n 'subscriptionApi',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(subscriptionApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#cccccc',\n width: 16,\n height: 16,\n};\n\nconst SvgSearch = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n {' '}\n \n );\n};\nSvgSearch.defaultProps = defaultProps;\n\nexport default SvgSearch;\n","import {\n ReactChild,\n ReactFragment,\n ReactPortal,\n useEffect,\n useState,\n} from 'react';\nimport classNames from 'classnames/bind';\nimport AutoSuggest from 'react-autosuggest';\nimport { enterKeyPress, isEmpty, lowerCase } from '../../uikit/helper';\nimport LabelWrapper from '../../uikit/Label/LabelWrapper';\nimport Text from '../../uikit/Text/Text';\nimport styles from './inputsearch.module.css';\n// import { KeyObject } from 'crypto';\n// import { Key } from 'react-bootstrap-icons';\n\nconst cx = classNames.bind(styles);\n\nconst defaultProps = {\n name: '',\n placeholder: '',\n initialValue: '',\n disabled: false,\n onSubmit: null,\n};\n\ntype Props = {\n options?: any[];\n setFieldValue: Function;\n disabled?: boolean;\n name?: string;\n placeholder?: string;\n initialValue?: string;\n onKeyDown?: (arg: any) => void;\n label?: string;\n required?: boolean;\n errorMessage?: string;\n error?: boolean;\n labelBold?: boolean;\n onkeyPress?: (a: any) => void;\n style?: string;\n autoFocus?: boolean;\n inputRef?: any;\n // title?:string | undefined;\n};\n\nconst renderInputComponent = ({\n ref,\n onSubmit,\n onBlur,\n onChange,\n value,\n placeholder,\n disabled,\n type,\n onKeyDown,\n onFocus,\n error,\n onKeyPress,\n style,\n autoFocus,\n}: any) => {\n const getValue = value.includes(', usa');\n\n return (\n \n );\n};\n\nconst InputSearchnav = ({\n initialValue,\n setFieldValue,\n name,\n placeholder,\n disabled,\n options,\n onKeyDown,\n onkeyPress,\n label,\n required,\n errorMessage,\n error,\n labelBold,\n style,\n autoFocus,\n inputRef,\n}: Props) => {\n const [currentsuggestion, setSuggestion] = useState([]);\n const [currentvalue, setValue] = useState(initialValue);\n const [isErrorFocus, setErrorFocus] = useState(false);\n const [NoOptions, setNoOptions] = useState(false);\n const [isNovalue, setNovalue] = useState(false);\n const lowerCasedCompanies =\n options &&\n options.map((company) => {\n return company.toLowerCase();\n });\n useEffect(() => {\n setValue(initialValue);\n }, [initialValue]);\n\n useEffect(() => {\n if (isEmpty(currentvalue)) {\n setNoOptions(false);\n }\n }, [currentvalue]);\n const getSuggestions = (value: string) => {\n return (\n lowerCasedCompanies &&\n lowerCasedCompanies.filter((company) =>\n company.includes(value.trim().toLowerCase()),\n )\n );\n };\n\n const getSuggestionValue = (suggestion: any) => suggestion;\n\n const renderSuggestion = (\n suggestion:\n | boolean\n | ReactChild\n | ReactFragment\n | ReactPortal\n | null\n | undefined,\n ) => (\n \n {typeof suggestion === 'string'\n ? suggestion.replace(', usa', ', USA')\n : suggestion}\n
\n );\n\n const onSuggestionSelected = (_event: any, { suggestion }: any) => {\n let requiredValue = '';\n if (suggestion) {\n requiredValue = `${suggestion}`;\n }\n\n setFieldValue(name, requiredValue);\n };\n\n const onChange = (_event: object, { newValue }: { newValue: string }) => {\n setValue(newValue.replace(/\\b[a-z]/g, (match) => match.toUpperCase()));\n };\n\n const handleFocus = () => {\n setErrorFocus(true);\n };\n\n const handleBlur = () => {\n setErrorFocus(false);\n setNoOptions(false);\n };\n\n const inputProps: any = {\n placeholder,\n value: currentvalue,\n onChange,\n disabled,\n id: name,\n onkeydown: onKeyDown,\n error: error && isEmpty(currentvalue),\n onBlur: handleBlur,\n onFocus: handleFocus,\n onKeyPress: onkeyPress,\n style,\n autoFocus,\n };\n const onSuggestionsFetchRequested = ({ value }: { value: string }) => {\n setValue(value);\n const requiredSuggestions: any = getSuggestions(value);\n\n setSuggestion(requiredSuggestions);\n if (\n requiredSuggestions &&\n requiredSuggestions.length === 0 &&\n !isEmpty(value)\n ) {\n setNoOptions(true);\n } else {\n setNoOptions(false);\n }\n };\n const onSuggestionsClearRequested = () => {\n setSuggestion([]);\n };\n\n return (\n \n
\n \n {!isEmpty(errorMessage) && error && (\n \n {errorMessage}\n \n )}\n \n {NoOptions && (\n <>\n
\n No search found\n
\n \n )}\n
\r\n
\r\n \r\n
\r\n\r\n
{\r\n if (event.key === 'Enter') {\r\n searchNavigate(event.target.value);\r\n formik.setFieldValue('value', event.target.value);\r\n }\r\n }}\r\n />\r\n {children}
;\n};\n\nexport default Tab;\n","import { Client } from '@microsoft/microsoft-graph-client';\nimport { AuthCodeMSALBrowserAuthenticationProvider } from '@microsoft/microsoft-graph-client/authProviders/authCodeMsalBrowser';\nimport { createAsyncThunk } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport { InteractionType, PublicClientApplication } from '@azure/msal-browser';\nimport { useMsal } from '@azure/msal-react';\nimport {\n GET_EMAIL,\n Email_Notifiy,\n OUTLOOK_USER_PROFILE,\n OUTLOOK_EMAIL_GET,\n INTEGRATE_MAIL,\n OUTLOOk_MAIL_REMOVE,\n OUTLOOk_MAIL_INTEGRATE,\n GOOGLE_MAIL_INTEGRATE,\n GOOGLE_MAIL_REMOVE,\n GOOGLE_CALL_BACK_URL,\n OUTLOOK_CALL_BACK_URL,\n} from '../../../../actions/actions';\nimport {\n maillist,\n Notification,\n outlookProfile_remove,\n getoutlookmaillist,\n IntegrateMail,\n outlookmailIntegrate,\n google_mail_integrate,\n google_mail_remove,\n google_callback,\n outlook_callback,\n} from '../../../../routes/apiRoutes';\nimport config from '../../../../outlookmailConfig';\n\nlet graphClient = undefined;\n\nexport const getEmail = createAsyncThunk(\n GET_EMAIL,\n async (can_id?: Number | undefined) => {\n try {\n const Url = can_id ? `${maillist}?can_id=${can_id}` : maillist;\n const { data } = await axios.get(Url, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const Notificaton_send = createAsyncThunk(\n Email_Notifiy,\n async (candi_id: any) => {\n try {\n const Url = `${Notification}?candi_id=${candi_id}`;\n const { data } = await axios.get(Url, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const outlook_integrate_remove = createAsyncThunk(\n OUTLOOk_MAIL_REMOVE,\n async () => {\n try {\n const { data } = await axios.delete(outlookProfile_remove, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const outlookMailFolder = createAsyncThunk(\n OUTLOOK_EMAIL_GET,\n async (_a, { rejectWithValue }) => {\n try {\n const response: any = await graphClient\n ?.api(getoutlookmaillist)\n .top(25)\n .get();\n return response;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const integrate_mail = createAsyncThunk(INTEGRATE_MAIL, async () => {\n try {\n const { data } = await axios.get(IntegrateMail, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n});\n\nexport const outlook_integrate = createAsyncThunk(\n OUTLOOk_MAIL_INTEGRATE,\n async () => {\n try {\n const { data } = await axios.get(outlookmailIntegrate, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const outlook_remove = createAsyncThunk(\n OUTLOOk_MAIL_REMOVE,\n async () => {\n try {\n const { data } = await axios.delete(outlookProfile_remove, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const gmail_integrate = createAsyncThunk(\n GOOGLE_MAIL_INTEGRATE,\n async () => {\n try {\n const { data } = await axios.get(google_mail_integrate, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const google_remove = createAsyncThunk(GOOGLE_MAIL_REMOVE, async () => {\n try {\n const { data } = await axios.delete(google_mail_remove, {});\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n});\n\nexport const Google_Auth = createAsyncThunk(\n GOOGLE_CALL_BACK_URL,\n async ({ codeUrl }: { codeUrl: string | null }, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(google_callback, {\n params: { accessToken: codeUrl },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n\nexport const Outlook_Auth = createAsyncThunk(\n OUTLOOK_CALL_BACK_URL,\n async (\n {\n code,\n state,\n session_state,\n }: {\n code: string | null;\n state: string | null;\n session_state: string | null;\n },\n { rejectWithValue },\n ) => {\n try {\n const { data } = await axios.get(outlook_callback, {\n params: { code, state, session_state },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return typedError;\n }\n },\n);\n","const SvgGooglemail = (props) => (\n \n\n\n\n\n);\nexport default SvgGooglemail;","const defaultProps = {\n width: 50,\n height: 50,\n viewBox: '',\n};\n\nconst SvgOutlookMail = ({ width, height, viewBox }: typeof defaultProps) => {\n return (\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 \n \n \n \n \n \n \n \n \n \n \n \n );\n};\nSvgOutlookMail.defaultProps = defaultProps;\n\nexport default SvgOutlookMail;\n","import * as React from 'react';\nconst SvgArrowDown = (props) => (\n \n \n \n);\nexport default SvgArrowDown;","//import * as React from 'react';\nconst SvgPlus = (props) => (\n \n \n \n);\nexport default SvgPlus;\n","const SvgInbox = (props) => (\n \n \n \n);\nexport default SvgInbox;\n","//import * as React from 'react';\nconst SvgSend = (props) => (\n \n \n \n);\nexport default SvgSend;\n","import * as React from 'react';\nconst SvgDraft = (props) => (\n \n \n \n);\nexport default SvgDraft;\n","import React, { useState } from 'react';\n\nimport { Editor } from '@tinymce/tinymce-react';\nimport LinkWrapper from '../../uikit/Link/LinkWrapper';\nimport Text from '../../uikit/Text/Text';\nimport Button from '../../uikit/Button';\nimport Modal from '../../uikit/Modal/Modal';\nimport Flex from '../../uikit/Flex';\nimport CustomTooltip from '../../uikit/Tooltip/tooltip';\nimport SvgSetting from '../../icons/SvgSetting';\nimport SvgPlus from '../../icons/SvgPlus';\nimport SvgInbox from '../../icons/SvgInbox';\nimport SvgSend from '../../icons/SvgSend';\nimport SvgTrash from '../../icons/SvgTrash';\nimport SvgDraft from '../../icons/SvgMailDraft';\nimport SvgArchive from '../../icons/SvgArchive';\nimport SvgSpam from '../../icons/SvgSpam';\nimport SvgJunk from '../../icons/SvgJunk';\nimport styles from './sidebar.module.css';\n\ntype Props = {\n open: () => void;\n send: () => void;\n draft: () => void;\n inbox: () => void;\n archive: () => void;\n updateroute: (val) => void;\n deleteditems: () => void;\n junkemail: () => void;\n page: () => void;\n sidebarroute: number;\n integration: string;\n};\n\nconst Sidebar = ({\n open,\n send,\n draft,\n inbox,\n archive,\n updateroute,\n deleteditems,\n junkemail,\n page,\n sidebarroute,\n integration,\n}: Props) => {\n const [select, setSelect] = useState(1);\n\n const openmodel = () => {\n open();\n };\n\n const inboxmessage = (e, val) => {\n e.preventDefault();\n setSelect(val);\n updateroute(val);\n // page();\n };\n const sendmessage = (e, val) => {\n e.preventDefault();\n setSelect(val);\n updateroute(val);\n //page();\n };\n const draftmessage = (e, val) => {\n e.preventDefault();\n\n setSelect(val);\n updateroute(val);\n // page();\n };\n\n const archivemessage = (e, val) => {\n e.preventDefault();\n setSelect(val);\n updateroute(val);\n //page();\n };\n\n const trashmessage = (e, val) => {\n e.preventDefault();\n setSelect(val);\n updateroute(val);\n //page();\n };\n\n const junkmessage = (e, val) => {\n e.preventDefault();\n setSelect(val);\n updateroute(val);\n // page();\n };\n\n return (\n \n
\n
\n - \n \n {\n e.preventDefault();\n }}\n >\n \n \n \n
\n - \n \n inboxmessage(e, 1)}\n className={styles.hoverview}\n >\n \n {/* \n Inbox\n */}\n \n \n
\n - \n \n sendmessage(e, 2)}\n className={styles.hoverview}\n >\n \n {/* \n Sent\n */}\n \n \n
\n - \n \n draftmessage(e, 3)}\n className={styles.hoverview}\n >\n \n {/* \n Draft\n */}\n \n \n
\n {integration === 'outlook' ? (\n - \n \n archivemessage(e, 4)}\n className={styles.hoverview}\n >\n \n {/* \n Archive\n */}\n \n \n
\n ) : (\n - \n \n archivemessage(e, 4)}\n className={styles.hoverview}\n >\n \n {/* \n Archive\n */}\n \n \n
\n )}\n\n - \n \n trashmessage(e, 5)}\n className={styles.hoverview}\n >\n \n {/* \n Trash\n */}\n \n \n
\n {integration === 'outlook' ? (\n - \n \n junkmessage(e, 6)}\n className={styles.hoverview}\n >\n \n {/* \n junk\n */}\n \n \n
\n ) : (\n ''\n )}\n
\n
\n
\n \n \n \n \n {message}\n \n \n\n {!data.actions ? (\n \n \n \n ) : (\n data.actions\n )}\n\n {/* \n \n \n {message}\n \n \n \n \n \n */}\n \n \n
\n );\n};\nexport default VerificationModel;\n","import React, { useState, useEffect } from 'react';\nimport { AuthCodeMSALBrowserAuthenticationProvider } from '@microsoft/microsoft-graph-client/authProviders/authCodeMsalBrowser';\nimport { InteractionType, PublicClientApplication } from '@azure/msal-browser';\n\nimport { useMsal } from '@azure/msal-react';\nimport Toast from '../../uikit/Toast/Toast';\nimport Modal from '../../uikit/Modal/Modal';\nimport Text from '../../uikit/Text/Text';\nimport Flex from '../../uikit/Flex';\nimport Button from '../../uikit/Button/Button';\nimport config from '../../outlookmailConfig';\nimport {\n draftmail,\n Gmail_Draft,\n replay_all_forward_draft,\n draftupdate,\n initGoogleAuth,\n} from '../../emailService';\nimport Loader from '../../uikit/Loader/Loader';\nimport styles from './draftsave.module.css';\n\ntype Props = {\n verifiymodel: boolean;\n closeverify: () => void;\n composemodel: () => void;\n clearstate: () => void;\n Emailprops: any;\n auth: any;\n Mail_action: any;\n mail_id: any;\n replymail_draft: any;\n emailcollection: any;\n};\n\nconst Modaldraft = ({\n verifiymodel,\n closeverify,\n composemodel,\n clearstate,\n Emailprops,\n auth,\n Mail_action,\n mail_id,\n replymail_draft,\n emailcollection,\n}: Props) => {\n const msal = useMsal();\n const [loader, setloader] = useState(false);\n\n const authProvider = new AuthCodeMSALBrowserAuthenticationProvider(\n msal.instance as PublicClientApplication,\n {\n account: msal.instance.getActiveAccount()!,\n scopes: config.scopes,\n interactionType: InteractionType.Popup,\n },\n );\n\n const dontsave = () => {\n closeverify();\n clearstate();\n composemodel();\n };\n\n const cancel = () => {\n closeverify();\n };\n\n const reply_forward_replyall = async () => {\n const replyDatas = {\n comment: Emailprops.message.body.content,\n subject: Emailprops.message.subject, // Change the subject value here\n attachments: Emailprops.message.attachments,\n toRecipients: Emailprops.message.toRecipients,\n ccRecipients: Emailprops.message.ccRecipients,\n bccRecipients: Emailprops.message.bccRecipients,\n };\n\n await replay_all_forward_draft(\n authProvider,\n replyDatas,\n mail_id,\n 'createReplyAll',\n )\n .then((res) => {\n setloader(false);\n closeverify();\n clearstate();\n composemodel();\n Toast('Email saved as draft successfully.', 'LONG', 'success');\n })\n .catch((error) => {\n setloader(false);\n });\n };\n\n const draftsave = async () => {\n closeverify();\n if (auth === 'google') {\n if (Mail_action === 'compose' || Mail_action === 'draft') {\n Emailprops();\n } else {\n const drafts = {\n message: {\n raw: replymail_draft(),\n },\n };\n setloader(true);\n initGoogleAuth(emailcollection)\n .then(() => {\n Gmail_Draft(drafts)\n .then((res) => {\n clearstate();\n setloader(false);\n Toast('Draft saved successfully.', 'SHORT', 'success');\n closeverify();\n })\n .catch((error) => {\n Toast('Draft not saved. Please try again.', 'SHORT', 'error');\n setloader(false);\n closeverify();\n });\n })\n .catch((error) => {\n Toast('Draft not saved. Please try again.', 'SHORT', 'error');\n setloader(false);\n closeverify();\n });\n }\n } else if (auth === 'outlook') {\n setloader(true);\n\n if (Mail_action === 'compose') {\n await draftmail(authProvider, Emailprops)\n .then((res) => {\n setloader(false);\n closeverify();\n clearstate();\n composemodel();\n Toast('Email saved as draft successfully.', 'LONG', 'success');\n })\n .catch((error) => {\n setloader(false);\n });\n } else if (\n Mail_action === 'forward' ||\n Mail_action === 'reply' ||\n Mail_action === 'replyall'\n ) {\n reply_forward_replyall();\n } else if (Mail_action === 'draft') {\n await draftupdate(authProvider, mail_id, Emailprops.message)\n .then((res) => {\n setloader(false);\n closeverify();\n clearstate();\n composemodel();\n Toast('Email saved as draft successfully.', 'LONG', 'success');\n }) \n }\n }\n };\n\n return (\n \n {loader === true && }\n \n \n \n Save this message as a draft?\n \n \n This message has not been sent and contains unsaved changes. You can\n save it as a draft to work on later.\n \n \n \n \n \n \n \n \n Cancel\n \n \n \n \n \n \n \n \n \n
\n );\n};\nexport default Modaldraft;\n","import React, { useState, useEffect } from 'react';\nimport Select, { StylesConfig } from 'react-select';\n\ntype Props = {\n options?: any;\n onChange?: (arg: any) => void;\n value?: any;\n placeholder?: string;\n};\nconst customStyles: StylesConfig = {\n control: (baseStyles, state) => ({\n ...baseStyles,\n border: state.isFocused ? '1px solid white' : '1px solid white',\n boxShadow: state.isFocused ? '0px 0px 6px white' : '1px solid white',\n '&:hover': {\n border: '1px solid white',\n boxShadow: '0px 0px 6px white',\n },\n '&:focus': {\n border: '1px solid white',\n boxShadow: '0px 0px 6px white',\n },\n '&: css-319lph-ValueContainer':{\n padding: \"unset\"\n },\n minHeight: \"10px\",\n cursor: 'text',\n // width: '480px',\n flex: 1\n }),\n option: (styles, { data, isDisabled, isFocused, isSelected }) => {\n return {\n ...styles,\n backgroundColor: isSelected\n ? \"#333333\"\n : isFocused\n ? \"#EEE8EC\"\n : undefined,\n color: isSelected\n ? '#ccc'\n : \"#333333\",\n cursor: isDisabled ? 'not-allowed' : 'default',\n zIndex: 199999999999999,\n \n\n ':active': {\n ...styles[':active'],\n backgroundColor: !isDisabled\n ? isSelected\n ? \"red\"\n : \"#EEE8EC\"\n : undefined,\n },\n };\n },\n\n multiValueLabel: (styles, { data }) => ({\n ...styles,\n padding: '1px',\n }),\n multiValue: (styles, { data }) => {\n return {\n ...styles,\n backgroundColor: '#eee8ec',\n borderRadius: '24px',\n padding: '0.1px',\n fontSize: '14px',\n '&: css-12jo7m5': {\n padding: '1px important',\n },\n };\n },\n multiValueRemove: (styles, { data }) => ({\n ...styles,\n color: '#333333',\n ':hover': {\n color: '#333333',\n },\n }),\n placeholder: (styles) => ({\n ...styles,\n color: \"#b3b3b3\",\n fontSize: \"13px\",\n }),\n};\n\nconst multiselect = ({ options, onChange, value,placeholder }: Props) => {\n return (\n null,\n IndicatorSeparator: () => null,\n }}\n className=\"basic-multi-select\"\n classNamePrefix=\"select\"\n \n />\n );\n};\n\nexport default multiselect;\n","import React, { useState, useEffect, useRef } from 'react';\nimport { useFormik } from 'formik';\nimport { Editor } from '@tinymce/tinymce-react';\nimport Select from 'react-select';\nimport ReactQuill from 'react-quill';\nimport { Base64 } from 'js-base64';\nimport { AuthCodeMSALBrowserAuthenticationProvider } from '@microsoft/microsoft-graph-client/authProviders/authCodeMsalBrowser';\nimport { InteractionType, PublicClientApplication } from '@azure/msal-browser';\nimport { useMsal } from '@azure/msal-react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport parse from 'html-react-parser';\nimport moment from 'moment';\nimport { getDateString } from '../../uikit/helper';\nimport { AppDispatch, RootState } from '../../store';\nimport MessageTemplate from '../../modules/applicantprofilemodule/MessageTemplate';\nimport {\n getEmail,\n //outlookUserProfile,\n Notificaton_send,\n} from '../emailintegrationmodule/store/middleware/emailIntegrationMiddleWare';\nimport {\n applicantMessagesMiddleWare,\n messagesTemplatesMiddleWare,\n} from '../../modules/applicantprofilemodule/store/middleware/applicantProfileMiddleware';\n\nimport Text from '../../uikit/Text/Text';\nimport Button from '../../uikit/Button/Button';\nimport Modal from '../../uikit/Modal/Modal';\nimport Flex from '../../uikit/Flex/Flex';\nimport Toast from '../../uikit/Toast/Toast';\n\nimport SvgVectorexpand from '../../icons/SvgMailExpand';\nimport SvgVectorMinimise from '../../icons/SvgMailMinimise';\nimport Upload from '../../icons/SvgAttach';\nimport Temadd from '../../icons/SvgFileplus';\nimport SvgVectorClose from '../../icons/SvgMailClose';\nimport Loader from '../../uikit/Loader/Loader';\n//import SelectTag from '../../uikit/SelectTag/SelectTag';\nimport config from '../../outlookmailConfig';\nimport RichText from '../common/RichText';\nimport { SvgTrash } from '../../icons';\nimport {\n composemail,\n mailreplay,\n mailforward,\n initGoogleAuth,\n gmail_send,\n Gmail_Draft,\n mailreplayall,\n Gmail_Reply_forward,\n Gmail_profile,\n deletemail,\n gmail_permanent_Delete,\n gmail_draft_update,\n} from '../../emailService';\nimport InputText from '../../uikit/InputText/InputText';\nimport SvgCollapse from '../../icons/Svgcollapse';\nimport SvgExitFullScreen from '../../icons/SvgFullscreen';\nimport VerificationModel from './emailverificationmodelwindow';\nimport Draftmodel from './draftsavemodal';\nimport Multiselect from './multiselect';\nimport styles from './compose.module.css';\nimport maildata from './composemail.json';\n\ntype Props = {\n data: boolean;\n mail: string;\n onClose: () => void;\n replaymsg: any;\n integration: string;\n Mail_action: string;\n updateMailaction: (val: any) => void;\n atfiles: any;\n sidebarroute: any;\n remove_message: (id: any) => void;\n removemsg: () => void;\n newmsg: any;\n can_id?: any;\n isprofileview: boolean;\n candidate_mail: any;\n};\n\nconst Newmessage = ({\n data,\n onClose,\n mail,\n replaymsg,\n integration,\n Mail_action,\n updateMailaction,\n atfiles,\n can_id,\n sidebarroute,\n remove_message,\n removemsg,\n newmsg,\n isprofileview,\n candidate_mail,\n}: Props) => {\n const msal = useMsal();\n const dispatch: AppDispatch = useDispatch();\n const editorRef = useRef(null);\n\n const [style, setstyle] = useState(0);\n const [openCc, setopenCc] = useState(false);\n const [openBcc, setopenBcc] = useState(false);\n const [file, setFile] = useState([]);\n const [faildfile, setfaildfile] = useState([]);\n const [attachfile, setAttachfile] = useState([]);\n const [templatemodel, settemplatemodel] = useState(false);\n const [loader, setloader] = useState(false);\n const fileInputRef = useRef(null);\n\n const [tomail, setTomail] = useState([]);\n //multi select to mail //\n const [tosample, setTosample] = useState([]);\n\n const [ccmail, setCcmail] = useState([]);\n //multi select cc mail //\n const [ccsample, setCcsample] = useState([]);\n\n const [bccmail, setBccmail] = useState([]);\n //multi select bcc mail //\n const [bccsample, setBccsample] = useState([]);\n\n const [text, setText] = useState('');\n\n const [template, settemplate] = useState(false);\n\n const [message, setmessage] = useState('');\n const [verifiymodel, setVerifymodel] = useState<{\n open: boolean;\n actions?: React.ReactNode;\n }>({ open: false });\n\n const { messageTemplate, tags } = useSelector(\n ({ messageTemplateReducers }: RootState) => {\n return {\n messageTemplate: messageTemplateReducers.messageTemplate,\n tags: messageTemplateReducers.tags,\n };\n },\n );\n\n const emailcollection = useSelector(({ useremail }: RootState) => {\n return {\n emailcollection: useremail.mails,\n email: useremail.email,\n integration: useremail.account,\n token: useremail.token,\n };\n });\n\n const [subject, setSubject] = useState('');\n\n const authProvider = new AuthCodeMSALBrowserAuthenticationProvider(\n msal.instance as PublicClientApplication,\n {\n account: msal.instance.getActiveAccount()!,\n scopes: config.scopes,\n interactionType: InteractionType.Popup,\n },\n );\n\n const [draft, setDraft] = useState(false);\n\n const [messagebody, setMessagebody] = useState('');\n\n const removeref = () => {\n fileInputRef.current.value = null;\n };\n\n const replaymail = () => {\n if (integration === 'outlook') {\n if (replaymsg !== '') {\n var to = [];\n var converto = [];\n var a = {\n value: replaymsg.from.emailAddress.address,\n label: replaymsg.from.emailAddress.address,\n };\n\n const mailconvert = {\n emailAddress: {\n address: replaymsg.from.emailAddress.address,\n },\n };\n\n to.push(a);\n var sub = `Re: ${replaymsg.subject}`;\n formik.setFieldValue('userMessage', replaymsg.body.content);\n converto.push(mailconvert);\n setTosample(to);\n setTomail(converto);\n setSubject(sub);\n }\n }\n if (integration === 'google') {\n const subjects = replaymsg.header.find(\n (header) => header.name === 'Subject',\n ).value;\n if (sidebarroute === 2) {\n replyto();\n }\n\n if (sidebarroute === 1) {\n replyfrom();\n }\n\n if (sidebarroute === 4 || sidebarroute === 5) {\n const datas = replaymsg.labelIds.includes('INBOX');\n if (datas === true) {\n replyfrom();\n } else {\n replyto();\n }\n }\n var Gsub = `Re: ${subjects}`;\n formik.setFieldValue('userMessage', replaymsg.body);\n setSubject(Gsub);\n }\n };\n\n const replyfrom = () => {\n let repmail = [];\n const fromEmail = replaymsg.header.find(\n (header) => header.name === 'From',\n ).value;\n repmail.push(fromEmail);\n\n var togmail = {\n value: fromEmail,\n label: fromEmail,\n };\n\n setTosample(togmail);\n setTomail(repmail);\n };\n\n const replyto = () => {\n const ToEmails = replaymsg.header\n .filter((header) => header.name === 'To')\n .map((header) => header.value);\n\n if (ToEmails.length !== 0) {\n const ToArray = ToEmails[0].split(', ');\n const ToObjectsArray = ToArray.map((email, index) => {\n return { value: email, label: email };\n });\n setTosample(ToObjectsArray);\n setTomail(ToArray);\n }\n };\n\n const forward = () => {\n if (replaymsg !== '') {\n if (integration === 'outlook') {\n var sub = `Fw: ${replaymsg.subject}`;\n setSubject(sub);\n\n let files = [];\n\n atfiles.map((val, int) => {\n let fileInfo = {\n type: val.contentType,\n name: val.name,\n contentBytes: val.contentBytes,\n size: val.size,\n };\n files.push(fileInfo);\n setFile(files);\n setAttachfile(files);\n });\n formik.setFieldValue('userMessage', replaymsg.body.content);\n }\n\n if (integration === 'google') {\n const subjects = replaymsg.header.find(\n (header) => header.name === 'Subject',\n ).value;\n\n let collect = [];\n\n atfiles.map((val, int) => {\n let fileInfo = {\n type: val.contentType,\n name: val.name,\n contentBytes: val.contentBytes,\n size: val.size,\n };\n\n collect.push(fileInfo);\n });\n\n var Gsub = `Fw: ${subjects}`;\n setFile(collect);\n setAttachfile(atfiles);\n setSubject(Gsub);\n formik.setFieldValue('userMessage', replaymsg.body);\n }\n }\n };\n\n const replyall = () => {\n if (replaymsg !== '') {\n var to = [];\n var cc = [];\n var bcc = [];\n\n if (integration === 'outlook') {\n var converto = [];\n var a = {\n value: replaymsg.from.emailAddress.address,\n label: replaymsg.from.emailAddress.address,\n };\n\n if (a.value !== emailcollection.email) {\n to.push(a);\n }\n const mailconvert = {\n emailAddress: {\n address: replaymsg.from.emailAddress.address,\n },\n };\n converto.push(...replaymsg.toRecipients);\n converto.push(mailconvert);\n\n if (replaymsg.toRecipients.length !== 0) {\n replaymsg.toRecipients.map((val, int) => {\n if (emailcollection.email !== val['emailAddress'].address) {\n to.push({\n value: val['emailAddress'].address,\n label: val['emailAddress'].address,\n });\n }\n });\n }\n if (replaymsg.ccRecipients.length !== 0) {\n setopenCc(true);\n replaymsg.ccRecipients.map((val, int) => {\n if (emailcollection.email !== val['emailAddress'].address) {\n cc.push({\n value: val['emailAddress'].address,\n label: val['emailAddress'].address,\n });\n }\n });\n }\n if (replaymsg.bccRecipients.length !== 0) {\n setopenBcc(true);\n replaymsg.bccRecipients.map((val, int) => {\n if (emailcollection.email !== val['emailAddress'].address) {\n bcc.push({\n value: val['emailAddress'].address,\n label: val['emailAddress'].address,\n });\n }\n });\n }\n\n var sub = `Re: ${replaymsg.subject}`;\n formik.setFieldValue('userMessage', replaymsg.body.content);\n\n setTosample(to);\n setCcsample(cc);\n setBccsample(bcc);\n setTomail(converto);\n setCcmail(replaymsg.ccRecipients);\n setBccmail(replaymsg.bccRecipients);\n setSubject(sub);\n formik.setFieldValue('userMessage', replaymsg.body.content);\n }\n\n if (integration === 'google') {\n const subjects = replaymsg.header.find(\n (header) => header.name === 'Subject',\n ).value;\n var Gsub = `Re: ${subjects}`;\n setSubject(Gsub);\n formik.setFieldValue('userMessage', replaymsg.body);\n const ToEmails = replaymsg.header\n .filter((header) => header.name === 'To')\n .map((header) => header.value);\n\n const CcEmails = replaymsg.header\n .filter((header) => header.name === 'Cc')\n .map((header) => header.value);\n\n const BccEmails = replaymsg.header\n .filter((header) => header.name === 'Bcc')\n .map((header) => header.value);\n if (ToEmails.length !== 0) {\n const ToArray = ToEmails[0].split(', ');\n const ToObjectsArray = ToArray.map((email, index) => {\n return { value: email, label: email };\n });\n setTosample(ToObjectsArray);\n setTomail(ToArray);\n }\n if (CcEmails.length !== 0) {\n const CcArray = CcEmails[0].split(', ');\n const CcObjectsArray = CcArray.map((email, index) => {\n return { value: email, label: email };\n });\n setCcmail(CcArray);\n setCcsample(CcObjectsArray);\n }\n\n if (BccEmails.length !== 0) {\n const BccArray = BccEmails[0].split(', ');\n const BccObjectsArray = BccArray.map((email, index) => {\n return { value: email, label: email };\n });\n setBccmail(BccArray);\n setBccsample(BccObjectsArray);\n }\n }\n }\n };\n\n const profile_viewTo = () => {\n if (integration === 'outlook') {\n if (isprofileview === true) {\n const mailconvert = {\n emailAddress: {\n address: candidate_mail,\n },\n };\n var profile_mail = {\n label: candidate_mail,\n value: candidate_mail,\n };\n\n setTomail([mailconvert]);\n setTosample([profile_mail]);\n }\n }\n\n if (integration === 'google') {\n if (isprofileview === true) {\n setTomail([candidate_mail]);\n\n var profile_mail_google = {\n label: candidate_mail,\n value: candidate_mail,\n };\n setTosample([profile_mail_google]);\n }\n }\n };\n\n useEffect(() => {\n dispatch(messagesTemplatesMiddleWare());\n dispatch(getEmail(can_id ? can_id : undefined)).then((res) => {});\n\n profile_viewTo();\n }, []);\n\n //candidate Notification //\n\n const notification_send_candidate = () => {\n if (can_id) {\n let candi_id = JSON.stringify([can_id]);\n dispatch(Notificaton_send(candi_id)).then((res) => {});\n } else {\n const combined = tosample.concat(ccsample, bccsample);\n // Remove duplicates based on the 'value' property\n const unique = [];\n const seen = new Set();\n combined.forEach((item) => {\n if (!seen.has(item.value)) {\n seen.add(item.value);\n unique.push(item);\n }\n });\n const aValues = unique.map((item) => item.value);\n\n // Filter the candidate id only from email collection\n const candidateIds = emailcollection.emailcollection\n .filter(\n (item) => aValues.includes(item.value) && item.candidate === true,\n )\n .map((item) => item.id);\n let candi_id = JSON.stringify(candidateIds);\n dispatch(Notificaton_send(candi_id)).then((res) => {});\n }\n };\n\n useEffect(() => {\n if (Mail_action === 'reply') {\n replaymail();\n } else if (Mail_action === 'forward') {\n forward();\n } else if (Mail_action === 'replyall') {\n replyall();\n } else if (Mail_action === 'draft') {\n Draft_Compose();\n }\n }, [Mail_action, replaymsg]);\n\n // Draft Re-Compose//\n const Draft_Compose = () => {\n var to = [];\n var cc = [];\n var bcc = [];\n if (integration === 'outlook') {\n if (replaymsg.toRecipients.length !== 0) {\n replaymsg.toRecipients.map((val, int) => {\n to.push({\n value: val['emailAddress'].address,\n label: val['emailAddress'].address,\n });\n });\n }\n if (replaymsg.ccRecipients.length !== 0) {\n replaymsg.ccRecipients.map((val, int) => {\n cc.push({\n value: val['emailAddress'].address,\n label: val['emailAddress'].address,\n });\n });\n }\n if (replaymsg.bccRecipients.length !== 0) {\n replaymsg.bccRecipients.map((val, int) => {\n bcc.push({\n value: val['emailAddress'].address,\n label: val['emailAddress'].address,\n });\n });\n }\n\n let files = [];\n\n atfiles.map((val, int) => {\n let fileInfo = {\n type: val.contentType,\n name: val.name,\n contentBytes: val.contentBytes,\n size: val.size,\n };\n files.push(fileInfo);\n });\n\n formik.setFieldValue('userMessage', replaymsg.body.content);\n setTosample(to);\n setCcsample(cc);\n setBccsample(bcc);\n setTomail(replaymsg.toRecipients);\n setCcmail(replaymsg.ccRecipients);\n setBccmail(replaymsg.bccRecipients);\n setSubject(replaymsg.subject);\n setFile(files);\n setAttachfile(atfiles);\n }\n\n if (integration === 'google') {\n const ToEmails = replaymsg.header\n .filter((header) => header.name === 'To')\n .map((header) => header.value);\n\n const CcEmails = replaymsg.header\n .filter((header) => header.name === 'Cc')\n .map((header) => header.value);\n\n const BccEmails = replaymsg.header\n .filter((header) => header.name === 'Bcc')\n .map((header) => header.value);\n if (ToEmails.length !== 0) {\n const ToArray = ToEmails[0].split(', ');\n const ToObjectsArray = ToArray.map((email, index) => {\n return { value: email, label: email };\n });\n setTosample(ToObjectsArray);\n setTomail(ToArray);\n }\n if (CcEmails.length !== 0) {\n const CcArray = CcEmails[0].split(', ');\n const CcObjectsArray = CcArray.map((email, index) => {\n return { value: email, label: email };\n });\n setCcmail(CcArray);\n setCcsample(CcObjectsArray);\n }\n\n if (BccEmails.length !== 0) {\n const BccArray = BccEmails[0].split(', ');\n const BccObjectsArray = BccArray.map((email, index) => {\n return { value: email, label: email };\n });\n setBccmail(BccArray);\n setBccsample(BccObjectsArray);\n }\n const subjects = replaymsg.header.find(\n (header) => header.name === 'Subject',\n ).value;\n\n let collect = [];\n\n atfiles.map((val, int) => {\n let fileInfo = {\n type: val.contentType,\n name: val.name,\n contentBytes: val.contentBytes,\n size: val.size,\n };\n\n collect.push(fileInfo);\n });\n\n setFile(collect);\n setAttachfile(atfiles);\n setSubject(subjects);\n formik.setFieldValue('userMessage', replaymsg.body);\n }\n };\n\n //modal close function //\n const handleClose = () => {\n if (\n tomail.length !== 0 ||\n ccmail.length !== 0 ||\n bccmail.length !== 0 ||\n subject.length !== 0 ||\n attachfile.length !== 0 ||\n formik.values.userMessage !== ''\n ) {\n closeverify();\n } else {\n onClose();\n setstyle(0);\n setopenCc(false);\n setopenBcc(false);\n }\n };\n\n const handleview = () => {\n setstyle(1);\n };\n const handleViewPopup = () => {\n setstyle(0);\n };\n\n const handleMinimise = () => {\n if (style === 2) {\n setstyle(0);\n } else {\n setstyle(2);\n }\n };\n\n const openCC = () => {\n setopenCc(true);\n };\n\n const openBCC = () => {\n setopenBcc(true);\n };\n\n //Email Props//\n const Emailprops = {\n message: {\n subject: subject,\n body: {\n contentType: 'HTML',\n content: messagebody,\n },\n toRecipients: tomail,\n\n ccRecipients: ccmail,\n bccRecipients: bccmail,\n attachments: attachfile,\n },\n\n //saveToSentItems: true,\n };\n\n //Reply props//\n const outlook_replay_props = {\n message: {\n subject: subject,\n toRecipients: tomail,\n ccRecipients: ccmail,\n bccRecipients: bccmail,\n attachments: attachfile,\n },\n comment: messagebody,\n saveToSentItems: true,\n };\n\n //forward props//\n const outlook_forward_props = {\n comment: messagebody,\n subject: subject,\n toRecipients: tomail,\n ccRecipients: ccmail,\n bccRecipients: bccmail,\n attachments: attachfile,\n saveToSentItems: true,\n };\n\n //replyall props//\n\n const replyAll_props = {\n comment: messagebody,\n subject: subject,\n toRecipients: tomail,\n ccRecipients: ccmail,\n bccRecipients: bccmail,\n attachments: attachfile,\n saveToSentItems: true,\n };\n\n const replyData = {\n comment: 'Thank you for your message! We appreciate your feedback.',\n subject: 'subject',\n };\n\n const composeemail = async () => {\n setloader(true);\n if (integration === 'google') {\n if (Mail_action === 'compose' || Mail_action === 'draft') {\n gmail_compose();\n } else if (Mail_action === 'reply') {\n gmai_action();\n } else if (Mail_action === 'forward') {\n gmai_action();\n } else if (Mail_action === 'replyall') {\n gmai_action();\n }\n } else if (integration === 'outlook') {\n if (Mail_action === 'compose' || Mail_action === 'draft') {\n await composemail(authProvider, Emailprops).then((res) => {\n setloader(false);\n Toast('Email sent successfully.', 'LONG', 'success');\n notification_send_candidate();\n delete_draft();\n clearform();\n onClose();\n setstyle(0);\n });\n } else if (Mail_action === 'reply') {\n outlookreplay();\n } else if (Mail_action === 'forward') {\n outlookforward();\n } else if (Mail_action === 'replyall') {\n outlookreplayall();\n }\n }\n };\n\n const delete_draft = async () => {\n if (Mail_action === 'draft') {\n if (integration === 'outlook') {\n await deletemail(authProvider, replaymsg.id).then((res) => {\n removemsg();\n remove_message(replaymsg.id);\n });\n } else if (integration === 'google') {\n await gmail_permanent_Delete(replaymsg.id).then((res) => {\n removemsg();\n remove_message(replaymsg.id);\n });\n }\n }\n };\n\n const dailougeActions = (\n \n setVerifymodel({ open: false, actions: undefined })}\n style={{ marginRight: '10px' }}\n >\n Don`t Send\n \n {\n composeemail();\n setVerifymodel({ open: false, actions: undefined });\n }}\n >\n Send\n \n \n );\n\n //Email compose function //\n const sendmail = async () => {\n if (tomail.length === 0 && ccmail.length === 0 && bccmail.length === 0) {\n setmessage('Email must have at least one recepient');\n setVerifymodel({ open: true });\n } else if (subject.length === 0) {\n setmessage(\n 'Email subject is missing. Do you want to send without a subject?',\n );\n setVerifymodel({ open: true, actions: dailougeActions });\n } else if (formik.values.userMessage === '') {\n setmessage(\n 'Email content is missing. Please add the content before sending.',\n );\n setVerifymodel({ open: true });\n } else {\n composeemail();\n }\n };\n\n const outlookreplay = async () => {\n await mailreplay(authProvider, replaymsg.id, outlook_replay_props)\n .then((res) => {\n Toast('Message send successfully.', 'LONG', 'success');\n notification_send_candidate();\n clearform();\n })\n .catch((error) => {});\n };\n\n const outlookforward = async () => {\n await mailforward(authProvider, replaymsg.id, outlook_forward_props)\n .then((res) => {\n Toast('Message send successfully.', 'LONG', 'success');\n notification_send_candidate();\n clearform();\n })\n .catch((error) => {});\n };\n\n const outlookreplayall = async () => {\n await mailreplayall(authProvider, replaymsg.id, replyAll_props)\n .then((res) => {\n Toast('Message send successfully.', 'LONG', 'success');\n notification_send_candidate();\n clearform();\n })\n .catch((error) => {});\n };\n\n const clearform = () => {\n setAttachfile([]);\n setTomail([]);\n setCcmail([]);\n setBccmail([]);\n setSubject('');\n setCcsample([]);\n setBccsample([]);\n setTosample([]);\n setFile([]);\n setfaildfile([]);\n formik.resetForm();\n onClose();\n setstyle(0);\n setopenCc(false);\n setopenBcc(false);\n updateMailaction('compose');\n setloader(false);\n settemplate(false);\n };\n\n const selectfile = (e: any) => {\n const filterFileGreter = [...fileInputRef.current.files].filter(\n (item) => item.size > 10000000,\n );\n const filterFileles = [...fileInputRef.current.files].filter(\n (item) => item.size < 10000000,\n );\n\n let as = filterFileles;\n\n var allFiles = [...attachfile];\n if (integration === 'google') {\n for (var i = 0; i < as.length; i++) {\n let filecollection = as[i];\n let reader = new FileReader();\n reader.readAsDataURL(filecollection);\n\n reader.onload = () => {\n let fileInfo = {\n type: filecollection.type,\n name: filecollection.name,\n contentBytes: String(reader.result).split(',')[1],\n };\n allFiles.push(fileInfo);\n };\n }\n } else if (integration === 'outlook') {\n for (var j = 0; j < as.length; j++) {\n let filecollection = as[j];\n let reader = new FileReader();\n reader.readAsDataURL(filecollection);\n\n reader.onload = () => {\n let fileInfo = {\n '@odata.type': '#microsoft.graph.fileAttachment',\n name: filecollection.name,\n contentBytes: String(reader.result).split(',')[1],\n };\n allFiles.push(fileInfo);\n };\n }\n }\n\n setFile(file.concat(filterFileles));\n\n if (filterFileGreter.length !== 0) {\n setfaildfile(faildfile.concat(filterFileGreter));\n }\n setAttachfile(allFiles);\n };\n\n const handleModel = () => {\n settemplatemodel(!templatemodel);\n };\n\n const formik = useFormik({\n initialValues: {\n userMessage: '',\n userSubject: '',\n },\n onSubmit: () => {},\n });\n\n const getto = (val) => {\n if (integration === 'google') {\n setTosample(val);\n let lastElement = val.slice(-1);\n let check = tosample.filter((x) => !val.includes(x));\n\n if (check.length !== 0) {\n const removemail = tomail.filter((item) => item !== check[0].value);\n\n setTomail(removemail);\n } else {\n setTomail([...tomail, lastElement[0].value]);\n }\n } else {\n setTosample(val);\n let lastElement = val.slice(-1);\n\n let check = tosample.filter((x) => !val.includes(x));\n\n if (check.length !== 0) {\n const removemail = tomail.filter(\n (item) => item.emailAddress.address !== check[0].value,\n );\n setTomail(removemail);\n } else {\n const mailconvert = {\n emailAddress: {\n address: lastElement[0].value,\n },\n };\n setTomail([...tomail, mailconvert]);\n }\n }\n };\n\n const getcc = (val) => {\n if (integration === 'google') {\n setCcsample(val);\n let lastElement = val.slice(-1);\n let check = ccsample.filter((x) => !val.includes(x));\n\n if (check.length !== 0) {\n const removemail = ccmail.filter((item) => item !== check[0].value);\n\n setCcmail(removemail);\n } else {\n setCcmail([...ccmail, lastElement[0].value]);\n }\n } else {\n setCcsample(val);\n let lastElement = val.slice(-1);\n\n let check = ccsample.filter((x) => !val.includes(x));\n\n if (check.length !== 0) {\n const removemail = ccmail.filter(\n (item) => item.emailAddress.address !== check[0].value,\n );\n setCcmail(removemail);\n } else {\n const mailconvert = {\n emailAddress: {\n address: lastElement[0].value,\n },\n };\n setCcmail([...ccmail, mailconvert]);\n }\n }\n };\n\n const getbcc = (val) => {\n if (integration === 'google') {\n setBccsample(val);\n let lastElement = val.slice(-1);\n let check = bccsample.filter((x) => !val.includes(x));\n\n if (check.length !== 0) {\n const removemail = bccmail.filter((item) => item !== check[0].value);\n\n setBccmail(removemail);\n } else {\n setBccmail([...bccmail, lastElement[0].value]);\n }\n } else {\n setBccsample(val);\n let lastElement = val.slice(-1);\n\n let check = bccsample.filter((x) => !val.includes(x));\n\n if (check.length !== 0) {\n const removemail = bccmail.filter(\n (item) => item.emailAddress.address !== check[0].value,\n );\n setBccmail(removemail);\n } else {\n const mailconvert = {\n emailAddress: {\n address: lastElement[0].value,\n },\n };\n setBccmail([...bccmail, mailconvert]);\n }\n }\n };\n\n const getsubject = (e) => {\n setSubject(e.target.value);\n };\n\n const close = () => {\n setVerifymodel({ open: false });\n };\n\n const romovefile = (valint) => {\n const newdata = file.filter((val, index) => index !== valint);\n const attach = attachfile.filter((vals, ind) => ind !== valint);\n setFile(newdata);\n setAttachfile(attach);\n };\n\n const closeverify = () => {\n setDraft(!draft);\n };\n\n const editchage = (e) => {\n formik.setFieldValue('userMessage', e);\n setMessagebody(e);\n };\n\n ////// gmail /////\n\n const gmail_compose = () => {\n const toEmails = tomail.join(', ');\n const toCC = ccmail.join(', ');\n const toBCC = bccmail.join(', ');\n const emailss = [\n 'Content-Type: multipart/mixed; boundary=\"boundary\"\\n',\n 'MIME-Version: 1.0\\n',\n `To: ${toEmails}\\n`,\n `Cc: ${toCC}\\n`,\n `Bcc: ${toBCC}\\n`,\n `Subject: ${subject}\\n\\n`,\n `--boundary\\n`,\n 'Content-Type: text/html; charset=\"UTF-8\"\\n',\n 'MIME-Version: 1.0\\n',\n `\\n${messagebody}\\n\\n`,\n ];\n\n attachfile.forEach(async (attachment) => {\n emailss.push(\n `--boundary\\n`,\n `Content-Type: ${attachment.type}\\n`,\n 'MIME-Version: 1.0\\n',\n 'Content-Transfer-Encoding: base64\\n',\n `Content-Disposition: attachment; filename=\"${attachment.name}\"\\n\\n`,\n `${attachment.contentBytes}\\n\\n`,\n );\n });\n\n emailss.push(`--boundary--`);\n\n const email = emailss.join('');\n\n const base64EncodedEmail1 = btoa(email);\n\n setloader(true);\n initGoogleAuth(emailcollection.token)\n .then(() => {\n gmail_send(base64EncodedEmail1)\n .then((res) => {\n setloader(false);\n Toast('Message send successfully.', 'SHORT', 'success');\n notification_send_candidate();\n delete_draft();\n clearform();\n onClose();\n setstyle(0);\n })\n .catch((error) => {\n Toast('Message not sent. Please try again.', 'SHORT', 'error');\n setloader(false);\n });\n })\n .catch((error) => {\n Toast('Message not sent. Please try again.', 'SHORT', 'error');\n setloader(false);\n });\n };\n //gmail draft//\n const draft_props = () => {\n const toEmails = tomail.join(', ');\n const toCC = ccmail.join(', ');\n const toBCC = bccmail.join(', ');\n const emailss = [\n 'Content-Type: multipart/mixed; boundary=\"boundary\"\\n',\n 'MIME-Version: 1.0\\n',\n `To: ${toEmails}\\n`,\n `Cc: ${toCC}\\n`,\n `Bcc: ${toBCC}\\n`,\n `Subject: ${subject}\\n\\n`,\n `--boundary\\n`,\n 'Content-Type: text/html; charset=\"UTF-8\"\\n',\n 'MIME-Version: 1.0\\n',\n `\\n${messagebody}\\n\\n`,\n ];\n\n attachfile.forEach(async (attachment) => {\n emailss.push(\n `--boundary\\n`,\n `Content-Type: ${attachment.type}\\n`,\n 'MIME-Version: 1.0\\n',\n 'Content-Transfer-Encoding: base64\\n',\n `Content-Disposition: attachment; filename=\"${attachment.name}\"\\n\\n`,\n `${attachment.contentBytes}\\n\\n`,\n );\n });\n\n emailss.push(`--boundary--`);\n\n const email = emailss.join('');\n\n const rawMessage = btoa(email);\n const drafts = {\n message: {\n raw: rawMessage,\n },\n };\n return drafts;\n };\n\n const GmailDraft = async () => {\n if (Mail_action === 'draft') {\n setloader(true);\n initGoogleAuth(emailcollection.token)\n .then(() => {\n Gmail_Draft(draft_props())\n .then(async (res) => {\n setloader(false);\n\n await gmail_permanent_Delete(replaymsg.id).then((ress) => {});\n\n Toast('Draft saved successfully.', 'SHORT', 'success');\n clearform();\n closeverify();\n onClose();\n setstyle(0);\n })\n .catch((error) => {\n Toast('Draft not saved. Please try again.', 'SHORT', 'error');\n setloader(false);\n closeverify();\n onClose();\n });\n })\n .catch((error) => {\n Toast('Draft not saved. Please try again.', 'SHORT', 'error');\n setloader(false);\n closeverify();\n onClose();\n });\n } else {\n setloader(true);\n initGoogleAuth(emailcollection.token)\n .then(() => {\n Gmail_Draft(draft_props())\n .then((res) => {\n setloader(false);\n Toast('Draft saved successfully.', 'SHORT', 'success');\n clearform();\n closeverify();\n onClose();\n setstyle(0);\n })\n .catch((error) => {\n Toast('Draft not saved. Please try again.', 'SHORT', 'error');\n setloader(false);\n closeverify();\n onClose();\n });\n })\n .catch((error) => {\n Toast('Draft not saved. Please try again.', 'SHORT', 'error');\n setloader(false);\n closeverify();\n onClose();\n });\n }\n };\n\n const gmailreply_forward = () => {\n const toEmails = tomail.join(', ');\n const toCC = ccmail.join(', ');\n const toBCC = bccmail.join(', ');\n const fromEmail = replaymsg.header.find(\n (header) => header.name === 'From',\n ).value;\n const subjects = replaymsg.header.find(\n (header) => header.name === 'Subject',\n ).value;\n\n const time = moment(replaymsg.internalDate).format('llll');\n\n var replyHtml = '';\n\n if (Mail_action === 'reply' || Mail_action === 'replyall') {\n replyHtml = `\n \n \n
${messagebody}
\n
On ${replaymsg.internalDate}, ${fromEmail} wrote:
\n
${replaymsg.body}
\n \n
\n
${messagebody}
\n
---------- Forwarded message ----------
\n
From: ${fromEmail}
\n
Date: ${replaymsg.internalDate}
\n
Subject: ${subjects}
\n
${replaymsg.body}
\n
\n
\n {loader === true && }\n \n \n \n New Email \n \n \n \n \n \n \n \n {style === 1 ? (\n \n ) : (\n \n )}\n \n \n \n \n \n \n \n \n \n From \n \n {emailcollection.email}\n \n \n\n {isprofileview === true ? (\n \n \n To \n \n {candidate_mail}\n \n \n\n \n {!openCc && (\n \n Cc\n \n )}\n\n {!openBcc && (\n \n Bcc\n \n )}\n \n \n ) : (\n \n \n To\n \n getto(e)}\n value={tosample}\n placeholder={\n 'Search for a candidate, applicant, or team member'\n }\n />\n \n \n\n \n {!openCc && (\n \n Cc\n \n )}\n\n {!openBcc && (\n \n Bcc\n \n )}\n \n \n )}\n\n {openCc ? (\n <>\n \n \n Cc\n \n \n getcc(e)}\n value={ccsample}\n placeholder={'Add Cc recipients'}\n />\n \n \n \n ) : (\n ''\n )}\n\n {openBcc ? (\n <>\n \n \n Bcc\n {' '}\n \n getbcc(e)}\n value={bccsample}\n placeholder={'Add Bcc recipients'}\n />\n \n \n \n ) : (\n ''\n )}\n\n \n {/* Subject */}\n getsubject(e)}\n // onChange={(e) => formik.setFieldValue('userSubject', e.target.value)}\n placeholder=\"Add your email subject\"\n style={{ padding: '4px 12px 3px 3px' }}\n />\n \n \n \n {/* editchage(e)}\n /> */}\n\n {\n if (el) {\n editorRef.current = el;\n handleEditorReady(el.getEditor());\n }\n }}\n value={formik.values.userMessage}\n // modules={modules}\n // formats={formats}\n onChange={(e) => editchage(e)}\n />\n
\n \n )}\n {emailcollection.integration !== null &&\n emailcollection.integration !== '' &&\n emailcollection.email !== null && (\n <>\n \n \n \n \n \n \n \n \n \n \n \n ,\n \n )}\n {/* */}\n {emailcollection.integration !== null &&\n emailcollection.integration !== '' &&\n emailcollection.email !== null && (\n \n )}\n \n\n {emailcollection.email === null && <>{IntegrationMenuView}}\n \n \n );\n};\n\nexport default EmailScreen;\n","const defaultProps = {\n fill: '#424242',\n width: 20,\n height: 20,\n className: '',\n up: false,\n};\n\nconst SvgAngle = ({\n fill,\n width,\n height,\n className,\n up,\n}: typeof defaultProps) => {\n return !up ? (\n \n \n \n ) : (\n \n \n \n );\n};\n\nSvgAngle.defaultProps = defaultProps;\n\nexport default SvgAngle;\n","import { useMemo, useState } from 'react';\nimport classNames from 'classnames/bind';\nimport { useSelector } from 'react-redux';\nimport DocViewer, { DocViewerRenderers } from 'react-doc-viewer';\nimport Flex from '../../uikit/Flex/Flex';\nimport Text from '../../uikit/Text/Text';\nimport Collapse from '../../uikit/Collapse/Collapse';\nimport SvgAngle from '../../icons/SvgAngle';\nimport { isEmpty, notSpecified } from '../../uikit/helper';\nimport { RootState } from '../../store';\nimport styles from './resumecover.module.css';\n\nconst cx = classNames.bind(styles);\n\nconst ResumeCoverTab = () => {\n const [isOpen, setOpen] = useState(false);\n\n const { candidate_details, cover_letter } = useSelector(\n ({ applicantProfileInitalReducers }: RootState) => {\n return {\n candidate_details: applicantProfileInitalReducers.candidate_details,\n cover_letter:\n applicantProfileInitalReducers.cover_letter.length !== 0\n ? applicantProfileInitalReducers.cover_letter\n : [\n {\n id: 0,\n candidate_id_id: 0,\n jd_id_id: 0,\n cover_letter: '',\n source: '',\n created_on: '',\n },\n ],\n };\n },\n );\n\n const file = useMemo(\n () => process.env.REACT_APP_HOME_URL + 'media/' + candidate_details[0].file,\n [],\n );\n\n const coverLetter =\n notSpecified(cover_letter && cover_letter[0].cover_letter) ===\n 'Not Specified'\n ? true\n : false;\n\n const docs = [{ uri: file }];\n return (\n <> \n {isEmpty(cover_letter[0].cover_letter) ? (\n \n {notSpecified(cover_letter && cover_letter[0].cover_letter)} \n \n ) : (\n \n Cover Letter\n {cover_letter && cover_letter[0].cover_letter}\n \n )}\n \n \n {/* */}\n {/* */}\n \n {/* // \n // } */}\n\n {/* \n Resume\n \n \n \n */}\n \n );\n};\n\nexport default ResumeCoverTab;\n","import { useMemo, useState, useEffect } from 'react';\nimport classNames from 'classnames/bind';\nimport { useSelector } from 'react-redux';\nimport DocViewer, { DocViewerRenderers } from 'react-doc-viewer';\nimport PDF from 'react-pdf-js-infinite';\nimport FileViewer from 'react-file-viewer';\nimport { DocumentViewer } from 'react-documents';\nimport Flex from '../../uikit/Flex/Flex';\nimport SvgDownload from '../../icons/SvgDownload';\nimport Text from '../../uikit/Text/Text';\nimport Button from '../../uikit/Button/Button';\nimport Tab from '../../uikit/Tabs/Tab';\nimport Collapse from '../../uikit/Collapse/Collapse';\nimport Svgmaximize from '../../icons/Svgmaximize';\nimport Svgminimize from '../../icons/Svgminimize';\nimport SvgAngle from '../../icons/SvgAngle';\nimport { isEmpty, notSpecified } from '../../uikit/helper';\nimport { RootState } from '../../store';\nimport styles from './resumecover.module.css';\n\nconst cx = classNames.bind(styles);\n\nconst ResumeCoverTab = () => {\n const [isOpen, setOpen] = useState(false);\n const [zoomLevel, setZoomLevel] = useState(1);\n const [zoomLeveltxt, setZoomLeveltxt] = useState(0.63);\n const [base64, setBase64] = useState('');\n\n const [text, settext] = useState('');\n const handleZoomIn = () => {\n setZoomLevel((prevZoomLevel) => prevZoomLevel + 0.1);\n setZoomLeveltxt((prevZoomLevel) => prevZoomLevel + 0.1);\n };\n\n const handleZoomOut = () => {\n setZoomLevel((prevZoomLevel) => Math.max(0.7, prevZoomLevel - 0.1));\n setZoomLeveltxt((prevZoomLevel) => Math.max(0.3, prevZoomLevel - 0.1));\n };\n\n const { candidate_details, cover_letter } = useSelector(\n ({ applicantProfileInitalReducers }: RootState) => {\n return {\n candidate_details: applicantProfileInitalReducers.candidate_details,\n cover_letter:\n applicantProfileInitalReducers.cover_letter?.length !== 0\n ? applicantProfileInitalReducers.cover_letter\n : [\n {\n id: 0,\n candidate_id_id: 0,\n jd_id_id: 0,\n cover_letter: '',\n source: '',\n created_on: '',\n },\n ],\n };\n },\n );\n\n const file = useMemo(\n () => process.env.REACT_APP_HOME_URL + 'media/' + candidate_details[0].file,\n [],\n );\n var lastStr = candidate_details[0]?.file?.lastIndexOf('.');\n var filename = candidate_details[0]?.file?.substring(lastStr + 1);\n const update = () => {\n if (filename === 'txt') {\n fetch(file)\n .then((response) => response.text())\n .then((data) => settext(data));\n }\n };\n const coverLetter =\n notSpecified(cover_letter && cover_letter[0].cover_letter) ===\n 'Not Specified'\n ? true\n : false;\n\n const docs = [{ uri: file }];\n const zoomStyle = {\n transform: `scale(${zoomLevel})`,\n transformOrigin: '0 0',\n transition: 'transform 0.25s ease-in-out',\n };\n const zoomStyletxt = {\n transform: `scale(${zoomLeveltxt})`,\n transformOrigin: '0 0',\n transition: 'transform 0.25s ease-in-out',\n };\n const downloadFile = () => {\n const fileUrl = file; // Replace with your desired file URL\n\n fetch(fileUrl)\n .then((response) => response.blob())\n .then((blob) => {\n const url = window.URL.createObjectURL(new Blob([blob]));\n const a = document.createElement('a');\n a.href = url;\n a.download = candidate_details[0].file; // Provide a default file name\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n });\n };\n\n useEffect(() => {\n const convertToBase64 = async () => {\n try {\n const response = await fetch(file);\n const blob = await response.blob();\n const reader = new FileReader();\n\n reader.onloadend = () => {\n // Set the Base64 string (reader.result includes the data type)\n setBase64(reader.result);\n };\n\n // Read the blob as a Data URL\n reader.readAsDataURL(blob);\n } catch (error) {\n console.error('Error converting PDF to Base64:', error);\n }\n };\n\n convertToBase64();\n }, [file]);\n\n const fileType = file?.split('/');\n const fileTypeCondition = fileType[5]?.includes('.pdf');\n\n\n return (\n <>\n {candidate_details[0].file === null ? (\n \n Not Specified \n \n ) : (\n \n \n \n \n \n \n {/* \n \n \n \n \n */}\n \n {/* {update()} */}\n \n {file !== '' && (\n \n \n \n {/* {fileTypeCondition === true ? (\n \n ) : (\n <>\n {fileTypeCondition === false && (\n \n )}\n \n )} */}\n \n
\n \n \n )}\n \n )}\n \n );\n};\n\nexport default ResumeCoverTab;\n","import { useSelector } from 'react-redux';\nimport { RootState } from '../../store';\nimport SvgQuestion from '../../icons/SvgQustionarries';\nimport Flex from '../../uikit/Flex/Flex';\nimport { isEmpty } from '../../uikit/helper';\nimport Text from '../../uikit/Text/Text';\nimport styles from './questionnaire.module.css';\nimport MessageTab from './MessageTab';\n\ntype Props = {\n issingletab: boolean;\n};\nconst Questionnaire = ({issingletab}:Props) => {\n const { questionnaire } = useSelector(\n ({ applicantProfileInitalReducers }: RootState) => {\n return {\n questionnaire: applicantProfileInitalReducers.questionnaire,\n };\n },\n );\n\n return (\n \n \n {/* {questionnaire && questionnaire.length !== 0 && (\n // \n // \n // \n // \n // \n // No question found for this job\n // \n // \n // ) : (\n \n Application Question for this job\n \n )} */}\n {questionnaire &&\n questionnaire.map((list, index) => {\n return (\n \n \n \n {index + 1}:\n \n {list.question}\n \n \n {/* Response: */}\n\n {list.answer === '0' && NO}\n {list.answer === '1' && YES}\n {list.answer !== '0' && list.answer !== '1' && (\n \n {isEmpty(list.answer) ? (\n Not Answered\n ) : (\n list.answer\n )}\n \n )}\n \n \n );\n })}\n \n \n );\n};\n\nexport default Questionnaire;\n","import { useEffect, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport getSymbolFromCurrency from 'currency-symbol-map';\r\nimport { AppDispatch, RootState } from '../../store';\r\nimport SvgAngle from '../../icons/SvgAngle';\r\nimport Svgresume from '../../icons/Svgresumeicon';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport { isEmpty, lowerCase, notSpecified } from '../../uikit/helper';\r\nimport { workYear } from '../common/commonHelper';\r\nimport Status from '../../uikit/Status/Status';\r\nimport Text from '../../uikit/Text/Text';\r\nimport Tab from '../../uikit/Tabs/Tab';\r\nimport Loader from '../../uikit/Loader/Loader';\r\nimport Tabs from '../../uikit/Tabs/Tabs';\r\nimport Toast from '../../uikit/Toast/Toast';\r\nimport styles from './abouttab.module.css';\r\nimport ResumeCoverTab from './ResumeCoverTab';\r\nimport Resume from './Resume';\r\nimport Questionnaire from './Questionnaire';\r\n\r\n\r\nconst AboutTab = () => {\r\n const dispatch: AppDispatch = useDispatch();\r\n const [isloader, setloader] = useState(false);\r\n const [issuccessfalse, setsuccessfalse] = useState(null);\r\n const [showMore, setShowMore] = useState(false);\r\n const [isblock, setblock] = useState(false);\r\n const {\r\n can_id,\r\n jd_id\r\n } =\r\n useSelector(({ applicantProfileInitalReducers }: RootState) => {\r\n return {\r\n can_id: applicantProfileInitalReducers.can_id,\r\n jd_id: applicantProfileInitalReducers?.jd_id,\r\n };\r\n });\r\n\r\n const {\r\n candidate_details,\r\n total_exp,\r\n skills,\r\n personalInfo,\r\n source,\r\n create,\r\n questionnaire,\r\n Career_Trajectory,\r\n Achievements,\r\n Industry_Engagement,\r\n education,\r\n behaviour,\r\n Networking,\r\n summary,\r\n Expertise_and_Skills,\r\n isLoading,\r\n errorforprofile\r\n } =\r\n useSelector(({ applicantProfileInitalReducers, profilesummeryReducers }: RootState) => {\r\n return {\r\n source: applicantProfileInitalReducers.source,\r\n candidate_details: applicantProfileInitalReducers.candidate_details,\r\n create: applicantProfileInitalReducers.status_id === null || applicantProfileInitalReducers.status_id === undefined ? '' : applicantProfileInitalReducers.status_id[0].created_on === undefined ? '' : applicantProfileInitalReducers.status_id[0].created_on,\r\n initialLoader: applicantProfileInitalReducers.isLoading,\r\n questionnaire: applicantProfileInitalReducers.questionnaire,\r\n total_exp: applicantProfileInitalReducers.total_exp\r\n ? applicantProfileInitalReducers.total_exp\r\n : [\r\n {\r\n total_exp_year: 0,\r\n total_exp_month: 0,\r\n },\r\n ],\r\n skills: applicantProfileInitalReducers.skills\r\n ? applicantProfileInitalReducers.skills\r\n : [\r\n {\r\n id: 0,\r\n application_id_id: 0,\r\n soft_skill: '',\r\n tech_skill: '',\r\n updated_at: '',\r\n },\r\n ],\r\n personalInfo: applicantProfileInitalReducers.personalInfo\r\n ? applicantProfileInitalReducers.personalInfo\r\n : [\r\n {\r\n application_id: 0,\r\n user_id_id: 0,\r\n firstname: '',\r\n lastname: '',\r\n email: '',\r\n contact_no: 0,\r\n country_id: 0,\r\n state_id: 0,\r\n city_id: 0,\r\n zipcode: '',\r\n Date_of_birth: 0,\r\n linkedin_url: '',\r\n career_summary: '',\r\n gender_id: 0,\r\n updated_at: '',\r\n code_repo: '',\r\n visa_sponsorship: false,\r\n remote_work: false,\r\n type_of_job_id: 0,\r\n available_to_start_id: 0,\r\n industry_type_id: 0,\r\n curr_gross: '',\r\n current_currency: '',\r\n exp_gross: 0,\r\n salary_negotiable: false,\r\n current_country_id: 0,\r\n current_state_id: 0,\r\n current_city_id: 0,\r\n current1_country: '',\r\n current2_country: '',\r\n current3_country: '',\r\n relocate: false,\r\n current_city__name: '',\r\n current_country__name: '',\r\n current_state__name: '',\r\n type_of_job__label_name: '',\r\n available_to_start__label_name: '',\r\n industry_type__label_name: '',\r\n country__name: '',\r\n city__name: '',\r\n state__name: '',\r\n },\r\n ],\r\n Career_Trajectory: profilesummeryReducers.Career_Trajectory,\r\n Achievements: profilesummeryReducers.Achievements,\r\n Industry_Engagement: profilesummeryReducers.Industry_Engagement,\r\n education: profilesummeryReducers.education,\r\n behaviour: profilesummeryReducers.behaviour,\r\n Networking: profilesummeryReducers.Networking,\r\n summary: profilesummeryReducers.summary,\r\n Expertise_and_Skills: profilesummeryReducers.Expertise_and_Skills,\r\n isLoading: profilesummeryReducers.isLoading,\r\n errorforprofile: profilesummeryReducers.error\r\n };\r\n });\r\n\r\n // setting the loader based on the api responce for profile summary.\r\n useEffect(() => {\r\n if (isLoading === true) {\r\n setloader(true);\r\n }\r\n if (isLoading === false) {\r\n setloader(false);\r\n setsuccessfalse(false);\r\n localStorage.setItem('profile_summery', 'false');\r\n }\r\n }, [isLoading])\r\n\r\n // function for show more or less in the profile summery.\r\n const handleToggleShowMore = () => {\r\n setShowMore(!showMore);\r\n };\r\n\r\n const totalYear =\r\n total_exp && total_exp[0].total_exp_year !== 0\r\n ? total_exp && total_exp[0].total_exp_year > 1\r\n ? `${total_exp[0].total_exp_year} Years`\r\n : `${total_exp[0].total_exp_year} Year`\r\n : '';\r\n\r\n const totalMonths =\r\n total_exp && total_exp[0].total_exp_month !== 0\r\n ? total_exp && total_exp[0].total_exp_month > 1\r\n ? `${total_exp[0].total_exp_month} Months`\r\n : `${total_exp[0].total_exp_month} Month`\r\n : '';\r\n\r\n const relocate = isEmpty(personalInfo[0].relocate)\r\n ? 'Not Specified'\r\n : personalInfo[0].relocate === true\r\n ? 'YES'\r\n : 'NO';\r\n const remotework = isEmpty(personalInfo[0].remote_work)\r\n ? 'Not Specified'\r\n : personalInfo[0].relocate === true\r\n ? 'YES'\r\n : 'NO';\r\n const perAnnumGross = isEmpty(personalInfo[0].curr_gross) ? '' : 'Per Annum';\r\n\r\n const perAnnumExpGross = isEmpty(personalInfo[0].exp_gross)\r\n ? ''\r\n : `Per Annum ${personalInfo[0].salary_negotiable === false ? '' : '- Negotiable'\r\n }`;\r\n\r\n const currentGross =\r\n notSpecified(personalInfo[0].curr_gross) !== 'Not Specified'\r\n ? `${getSymbolFromCurrency(personalInfo[0].current_currency)} ${personalInfo[0].curr_gross\r\n } ${perAnnumGross}`\r\n : notSpecified(personalInfo[0].curr_gross);\r\n\r\n const expGross =\r\n notSpecified(personalInfo[0].exp_gross) !== 'Not Specified'\r\n ? `${getSymbolFromCurrency(personalInfo[0].current_currency)} ${personalInfo[0].exp_gross\r\n } ${perAnnumExpGross}`\r\n : notSpecified(personalInfo[0].exp_gross);\r\n\r\n const getFresher =\r\n total_exp &&\r\n total_exp[0].total_exp_year === 0 &&\r\n total_exp &&\r\n total_exp[0].total_exp_year === 0\r\n ? true\r\n : false;\r\n\r\n let currentLocation;\r\n if (\r\n isEmpty(personalInfo[0].city__name) &&\r\n isEmpty(personalInfo[0].state__name) &&\r\n isEmpty(personalInfo[0].country__name)\r\n ) {\r\n currentLocation = `Not Specified`;\r\n }\r\n\r\n const city__name = isEmpty(personalInfo[0].city__name)\r\n ? ''\r\n : `${personalInfo[0].city__name}, `;\r\n const state__name = isEmpty(personalInfo[0].state__name)\r\n ? ''\r\n : `${personalInfo[0].state__name}, `;\r\n\r\n const country__name = isEmpty(personalInfo[0].country__name)\r\n ? ''\r\n : `${personalInfo[0].country__name}`;\r\n\r\n let workLocation;\r\n if (\r\n isEmpty(personalInfo[0].current_state__name) &&\r\n isEmpty(personalInfo[0].current_country__name) &&\r\n isEmpty(personalInfo[0].current_city__name)\r\n ) {\r\n workLocation = 'Not Specified';\r\n }\r\n let Authorized;\r\n if (\r\n isEmpty(personalInfo[0].current1_country) &&\r\n isEmpty(personalInfo[0].current2_country) &&\r\n isEmpty(personalInfo[0].current3_country)\r\n ) {\r\n Authorized = 'Not Specified';\r\n }\r\n const date = isEmpty(create) ? '' : create.slice(0, create.indexOf('T'));\r\n const aboutData = [\r\n {\r\n lable: 'Applied Source:',\r\n value: notSpecified(source),\r\n },\r\n {\r\n lable: 'Applied Date:',\r\n value: notSpecified(date),\r\n },\r\n {\r\n lable: 'Contact Number:',\r\n value: notSpecified(personalInfo[0].contact_no),\r\n },\r\n {\r\n lable: 'Current Location:',\r\n value:\r\n currentLocation === 'Not Specified'\r\n ? currentLocation\r\n : `${city__name}${state__name}${country__name}`,\r\n },\r\n {\r\n lable: 'Email ID:',\r\n value: notSpecified(personalInfo[0].email),\r\n },\r\n // {\r\n // lable: 'LinkedIn:',\r\n // value: notSpecified(personalInfo[0].linkedin_url),\r\n // },\r\n // {\r\n // lable: 'GitHub:',\r\n // value: notSpecified(personalInfo[0].code_repo),\r\n // },\r\n\r\n {\r\n lable: 'Experience:',\r\n value: getFresher ? 'Fresher' : `${totalYear} ${totalMonths}`,\r\n },\r\n {\r\n lable: 'Qualification:',\r\n value: notSpecified(candidate_details[0].qualification),\r\n },\r\n ];\r\n\r\n const aboutData1 = [\r\n // {\r\n // lable: 'Job Type:',\r\n // value: notSpecified(personalInfo[0].type_of_job__label_name),\r\n // },\r\n // {\r\n // lable: 'Availability:',\r\n // value: notSpecified(personalInfo[0].available_to_start__label_name),\r\n // },\r\n {\r\n lable: 'Preferred Work Location:',\r\n value:\r\n workLocation === 'Not Specified'\r\n ? 'Not Specified'\r\n : `${personalInfo[0].current_city__name}, ${personalInfo[0].current_state__name}, ${personalInfo[0].current_country__name}`,\r\n },\r\n // {\r\n // lable: 'Willing to Relocate:',\r\n // value: relocate,\r\n // },\r\n {\r\n lable: 'Remote Availability:',\r\n value: remotework,\r\n },\r\n // {\r\n // lable: 'Industry Type:',\r\n // value: notSpecified(personalInfo[0].industry_type__label_name),\r\n // },\r\n {\r\n lable: 'Current Gross Salary:',\r\n value: currentGross,\r\n },\r\n // {\r\n // lable: 'Expected Gross Salary:',\r\n // value: expGross,\r\n // },\r\n {\r\n lable: 'Countries Authorized to Work:',\r\n value:\r\n Authorized === 'Not Specified'\r\n ? 'Not Specified'\r\n : `${personalInfo[0]?.current1_country}, ${personalInfo[0]?.current2_country}, ${personalInfo[0]?.current3_country}`,\r\n },\r\n ];\r\n const techSkillSplit =\r\n (candidate_details && candidate_details[0]?.skills?.length === 0) || candidate_details[0]?.skills === null\r\n ? []\r\n : candidate_details[0]?.skills?.replace(',,', ',').split(',');\r\n const softSkillSplit =\r\n (skills && skills?.length === 0) || skills[0]?.soft_skill === null\r\n ? []\r\n : skills[0]?.soft_skill?.replace(',,', ',').split(',');\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n {/* \r\n About Candidate\r\n \r\n {aboutData.map((list) => {\r\n return (\r\n \r\n \r\n {list.lable}\r\n \r\n {list.lable === 'Experience:' && list.value === 'Fresher' ? (\r\n \r\n {notSpecified(workYear(candidate_details[0].work_exp))}\r\n \r\n ) : (\r\n {list.value}\r\n )}\r\n \r\n );\r\n })} */}\r\n \r\n \r\n Job Preferences\r\n \r\n {aboutData1.map((list) => {\r\n return (\r\n \r\n \r\n {list.lable}\r\n \r\n {list.value}\r\n \r\n );\r\n })}\r\n \r\n {techSkillSplit[0] !== \"\" && techSkillSplit.length > 0 && techSkillSplit[0] !== undefined ? (\r\n <>\r\n \r\n Professional Skills\r\n \r\n \r\n {techSkillSplit &&\r\n techSkillSplit.map((skilsList, index) => {\r\n return (\r\n skilsList !== ' ' && (\r\n \r\n \r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n ) : ''}\r\n \r\n \r\n {softSkillSplit.length !== 0 && (\r\n <>\r\n {softSkillSplit[0] !== '' && (\r\n <>\r\n \r\n Soft Skills\r\n \r\n \r\n {softSkillSplit &&\r\n softSkillSplit.map((skilsList, index) => {\r\n return (\r\n skilsList !== ' ' && (\r\n \r\n \r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n {questionnaire && questionnaire.length !== 0 && (\r\n <>\r\n \r\n Applicant questionnaire\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Professional Profile Analysis\r\n \r\n {isloader ?\r\n \r\n \r\n Profile is being analysed.\r\n \r\n : <>\r\n {issuccessfalse !== null &&\r\n <>\r\n {issuccessfalse ?\r\n \r\n No information available for this section\r\n \r\n :\r\n <>\r\n {summary !== undefined ?\r\n <>\r\n \r\n Summary\r\n \r\n - \r\n \r\n {(summary &&\r\n summary?.length !== 0 ||\r\n summary !== undefined) ?\r\n summary : 'No information available for this section'\r\n }\r\n \r\n
\r\n {!showMore &&\r\n \r\n \r\n {showMore ? (\r\n \r\n {' View less'}\r\n \r\n \r\n ) : (\r\n \r\n {' View more'}\r\n \r\n \r\n )}\r\n \r\n }\r\n
\r\n \r\n {showMore && (\r\n \r\n Career Trajectory\r\n \r\n - \r\n \r\n Roles and Responsibilities \r\n \r\n \r\n
\r\n - \r\n \r\n Career Progressions and Promotions: \r\n {Career_Trajectory['Career Progressions and Promotions'] &&\r\n Career_Trajectory['Career Progressions and Promotions']?.length === 0 ?\r\n Career_Trajectory['Career Progressions and Promotions'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n
\r\n Achievements\r\n \r\n - \r\n \r\n Significant Contributions: \r\n {(Achievements['Significant Contributions'] &&\r\n Achievements['Significant Contributions']?.length !== 0 ||\r\n Achievements['Significant Contributions'] !== undefined) ?\r\n Achievements['Significant Contributions'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n - \r\n \r\n Impact: \r\n {(Achievements['Impact'] &&\r\n Achievements['Impact']?.length !== 0 ||\r\n Achievements['Impact'] !== undefined) ?\r\n Achievements['Impact'] :\r\n 'No information available for this section'}\r\n \r\n \r\n
\r\n
\r\n Expertise and Skills\r\n \r\n \r\n {(Expertise_and_Skills['Projects and Achievements Showcasing Skills'] === undefined ||\r\n Expertise_and_Skills['Technical Skills and Proficiency Levels'] === \"No information available for this section\") ?\r\n <>\r\n - \r\n \r\n Technical Skills and Proficiency Levels: \r\n No information available for this section\r\n \r\n
\r\n :\r\n <>\r\n - Technical Skills and Proficiency Levels
\r\n \r\n {Object?.entries(Expertise_and_Skills['Technical Skills and Proficiency Levels'])?.map(([skill, proficiency]) => (\r\n - \r\n {skill}: {proficiency}\r\n
\r\n ))}\r\n
\r\n }\r\n - \r\n \r\n Projects and Achievements Showcasing Skills: \r\n {(Expertise_and_Skills['Projects and Achievements Showcasing Skills'] &&\r\n Expertise_and_Skills['Projects and Achievements Showcasing Skills']?.length !== 0 ||\r\n Expertise_and_Skills['Projects and Achievements Showcasing Skills'] !== undefined) ?\r\n Expertise_and_Skills['Projects and Achievements Showcasing Skills'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n
\r\n \r\n Industry Engagement\r\n \r\n - \r\n \r\n Contributions to the Industry: \r\n {(Industry_Engagement['Contributions to the Industry'] &&\r\n Industry_Engagement['Contributions to the Industry']?.length !== 0 ||\r\n Industry_Engagement['Contributions to the Industry'] !== undefined) ?\r\n Industry_Engagement['Contributions to the Industry'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n - \r\n \r\n Professional Circles: \r\n {(Industry_Engagement['Professional Circles'] &&\r\n Industry_Engagement['Professional Circles']?.length !== 0 ||\r\n Industry_Engagement['Professional Circles'] !== undefined) ?\r\n Industry_Engagement['Professional Circles'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n
\r\n Networking and Professional Development \r\n \r\n Networking Engagement\r\n \r\n - \r\n \r\n Professional Network: \r\n {(Networking['Networking Engagement']['Professional Network'] &&\r\n Networking['Networking Engagement']['Professional Network']?.length !== 0 ||\r\n Networking['Networking Engagement']['Professional Network'] !== undefined) ?\r\n Networking['Networking Engagement']['Professional Network'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n - \r\n \r\n Engagement in Industry-Relevant Events: \r\n {(Networking['Networking Engagement']['Engagement in Industry-Relevant Events'] &&\r\n Networking['Networking Engagement']['Engagement in Industry-Relevant Events']?.length !== 0 ||\r\n Networking['Networking Engagement']['Engagement in Industry-Relevant Events'] !== undefined) ?\r\n Networking['Networking Engagement']['Engagement in Industry-Relevant Events'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n
\r\n Continuous Learning and Adaptability\r\n \r\n - \r\n \r\n Ongoing Education and Skill Development: \r\n {(Networking['Continuous Learning and Adaptability']['Ongoing Education and Skill Development'] &&\r\n Networking['Continuous Learning and Adaptability']['Ongoing Education and Skill Development']?.length !== 0 ||\r\n Networking['Continuous Learning and Adaptability']['Ongoing Education and Skill Development'] !== undefined) ?\r\n Networking['Continuous Learning and Adaptability']['Ongoing Education and Skill Development'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n - \r\n \r\n Adaptation to Industry Innovations: \r\n {(Networking['Continuous Learning and Adaptability']['Adaptation to Industry Innovations'] &&\r\n Networking['Continuous Learning and Adaptability']['Adaptation to Industry Innovations']?.length !== 0 ||\r\n Networking['Continuous Learning and Adaptability']['Adaptation to Industry Innovations'] !== undefined) ?\r\n Networking['Continuous Learning and Adaptability']['Adaptation to Industry Innovations'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n
\r\n \r\n Education and Alignment with Career Goals \r\n \r\n {(education && education?.length !== 0 || education !== undefined) ?\r\n education : 'No information available for this section'\r\n }\r\n Behavioral and Social Insights \r\n \r\n - \r\n \r\n Social Media and Professional Behavior: \r\n {(behaviour['Social Media and Professional Behavior'] &&\r\n behaviour['Social Media and Professional Behavior']?.length !== 0 ||\r\n behaviour['Social Media and Professional Behavior'] !== undefined) ?\r\n behaviour['Social Media and Professional Behavior'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n - \r\n \r\n Mobility and Ambition: \r\n {(behaviour['Mobility and Ambition'] &&\r\n behaviour['Mobility and Ambition']?.length !== 0 ||\r\n behaviour['Mobility and Ambition'] !== undefined) ?\r\n behaviour['Mobility and Ambition'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n - \r\n \r\n Consistency: \r\n {(behaviour['Consistency'] &&\r\n behaviour['Consistency']?.length === 0 ||\r\n behaviour['Consistency'] === undefined) ?\r\n behaviour['Consistency'] : 'No information available for this section'\r\n }\r\n \r\n
\r\n \r\n \r\n {showMore ? (\r\n \r\n {' View less'}\r\n \r\n \r\n ) : (\r\n \r\n {' View more'}\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n )}\r\n : \r\n No information available for this section\r\n }\r\n \r\n }\r\n }\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default AboutTab;\r\n","const defaultProps = {\n fill: '#666666',\n width: 24,\n height: 24,\n };\n \n const SvgNotesyet = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n };\n SvgNotesyet.defaultProps = defaultProps;\n \n export default SvgNotesyet;"," import { memo } from 'react'; \n\nconst defaultProps = {\n fill: '#581845',\n width: 24,\n height: 24,\n};\n\nconst Svgchatmessage = ({ fill, width, height }: typeof defaultProps) => (\n \n\n\n\n\n\n \n\n \n\n\n);\n\nSvgchatmessage.defaultProps = defaultProps;\n\nexport default memo(Svgchatmessage);\n","import InputText from '../../uikit/InputText/InputText';\r\nimport styles from './messagetopbar.module.css';\r\n\r\ntype Props = {\r\n formik: any;\r\n seterror?:any;\r\n};\r\nconst MessageTopBar = ({ formik,seterror }: Props) => {\r\n return (\r\n {\r\n formik.setFieldValue('userMessage',e.target.value)\r\n seterror(true)\r\n }}\r\n placeholder=\"Type your message here...\"\r\n />\r\n );\r\n};\r\n\r\nexport default MessageTopBar;\r\n","import Flex from '../../uikit/Flex/Flex';\r\nimport Text from '../../uikit/Text/Text';\r\nimport { firstNameChar, getDateString, isEmpty, toCamelCase } from '../../uikit/helper';\r\nimport { mediaPath } from '../constValue';\r\nimport styles from './messageslist.module.css';\r\n// import { Message } from './applicantProfileTypes';\r\n\r\ntype Props = {\r\n messages: any[];\r\n client_id_id: number;\r\n height: number;\r\n fixedHeight?: boolean;\r\n};\r\n\r\nconst MessageList = ({\r\n messages,\r\n client_id_id,\r\n height,\r\n fixedHeight,\r\n}: Props) => {\r\n return (\r\n \r\n {messages && messages[0]?.username !== '' && messages !== undefined &&\r\n messages\r\n .map((messageList, index) => {\r\n return (\r\n <>\r\n {messageList.sender === client_id_id ? (\r\n \r\n \r\n \r\n \r\n {messageList.message.split('\\n').map((message) => (\r\n \r\n {message}\r\n \r\n ))}\r\n \r\n \r\n { }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n HR\r\n \r\n
\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n
\r\n
\r\n {isEmpty(messageList.sender_image) ||\r\n messageList.sender_image === 'default.jpg' ? (\r\n
\r\n {\r\n `${messageList?.username?.charAt(0)}${messageList?.last_name?.charAt(0)}`\r\n }\r\n \r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n {messageList.message.split('\\n').map((message) => (\r\n \r\n {message}\r\n \r\n ))}\r\n \r\n \r\n {' '}\r\n \r\n {new Date(messageList.date_created).toLocaleString('en-US', {\r\n day: '2-digit',\r\n month: 'short',\r\n year: 'numeric',\r\n hour: 'numeric',\r\n minute: 'numeric',\r\n hour12: true,\r\n timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )} */}\r\n \r\n\r\n {messages.length === 0 ? (\r\n \r\n \r\n \r\n No conversations to show\r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default CandidateMessageTab;\r\n","// import * as React from 'react';\nconst defaultProps = {\n fill: '',\n width: 22,\n height: 22,\n};\nconst Svgeditingnotes = ({ width, height, fill }: typeof defaultProps) => (\n \n\n );\n Svgeditingnotes.defaultProps = defaultProps;\n export default Svgeditingnotes;\n \n \n ","import { createRef, useEffect, useState } from 'react';\nimport moment from 'moment';\nimport SvgBoxEdit from '../../icons/SvgBoxEdit';\nimport SvgDotMenu from '../../icons/SvgDotMenu';\nimport Svgeditingnotes from '../../icons/editingnotes';\n\nimport SvgTrash from '../../icons/SvgTrash';\nimport Flex from '../../uikit/Flex/Flex';\nimport { getDateString } from '../../uikit/helper';\nimport Text from '../../uikit/Text/Text';\nimport { Button, Modal } from '../../uikit';\nimport { Notes } from './applicantProfileTypes';\nimport styles from './notestab.module.css';\n\ntype Props = {\n notesList: Notes;\n handleDelete: (id: number) => void;\n handleOpenEdit: any;\n isEditing:any;\n};\n\nconst NotesDropDown = ({ notesList, handleDelete, handleOpenEdit, isEditing }: Props) => {\n const myRef = createRef();\n const [open, setopen] = useState(false);\n const [user, setuser] = useState(false);\n useEffect(() => {\n if (notesList.client_id_id === notesList.user) {\n setuser(true);\n } else {\n setuser(false);\n }\n }, []);\n return (\n \n \n \n \n {moment(notesList.created_at).fromNow()}\n \n \n {user?\n {\n handleOpenEdit(notesList.notes, notesList.id);\n }}\n className={styles.dropDownOverAll}\n >\n \n \n
\n :\n {\n handleOpenEdit(notesList.notes, notesList.id);\n }}\n className={styles.dropDownOverAll}\n >\n \n \n
\n \n }\n \n {user?\n {\n setopen(true);\n }}\n className={styles.dropDownOverAll}\n >\n {/* 'rgb(51 51 51/50%)' 88, 24, 69 */}\n \n \n \n : {\n setopen(true);\n }}\n className={styles.dropDownOverAll}\n >\n {/* 'rgb(51 51 51/50%)' 88, 24, 69 */}\n \n \n \n }\n \n \n \n \n This action will permanently delete this note.\n \n \n Are your sure to proceed?\n \n \n setopen(false)}\n >\n Cancel\n \n handleDelete(notesList.id)}\n >\n Delete\n \n \n \n \n \n );\n};\n\nexport default NotesDropDown;\n","import { useEffect, useState } from 'react';\r\nimport { useFormik } from 'formik';\r\nimport axios from 'axios';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n// import ReactHtmlParser, {\r\n// processNodes,\r\n// convertNodeToElement,\r\n// htmlparser2,\r\n// } from 'react-html-parser';\r\n// import parse from 'html-react-parser';\r\n// import ReactHtmlParser, {\r\n// processNodes,\r\n// convertNodeToElement,\r\n// htmlparser2,\r\n// } from 'react-html-parser';\r\nimport parse from 'html-react-parser';\r\nimport classNames from 'classnames/bind';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport Text from '../../uikit/Text/Text';\r\nimport Toast from '../../uikit/Toast/Toast';\r\nimport Loader from '../../uikit/Loader/Loader';\r\nimport ErrorMessage from '../../uikit/ErrorMessage/ErrorMessage';\r\nimport { messagesDataApi } from '../../routes/apiRoutes';\r\nimport Button from '../../uikit/Button/Button';\r\nimport { isEmpty } from '../../uikit/helper';\r\nimport Svgchatmessage from '../../icons/SvgChatmessage';\r\nimport { AppDispatch, RootState } from '../../store';\r\nimport {\r\n CANCEL,\r\n config,\r\n ERROR_MESSAGE,\r\n mentionspecialcharacter,\r\n} from '../constValue';\r\nimport { Message } from './applicantProfileTypes';\r\nimport MessageTemplate from './MessageTemplate';\r\nimport styles from './messagetab.module.css';\r\nimport MessageTopBar from './MessageTopBar';\r\nimport MessageList from './MessagesList';\r\nimport { applicantMessagesMiddleWare } from './store/middleware/applicantProfileMiddleware';\r\n\r\nvar querystring = require('querystring');\r\nconst cx = classNames.bind(styles);\r\n\r\nconst MessageTab = () => {\r\n const [messages, setMessage] = useState([]);\r\n const [isPostLoader, setPostLoader] = useState(false);\r\n const [useTemplate, setUseTemplate] = useState(false);\r\n const [inputboxchanging, setinputboxchanging] = useState(false);\r\n\r\n const [Errors, seterror] = useState(false);\r\n const dispatch: AppDispatch = useDispatch();\r\n\r\n const { chatname, jd_id, candidate_details, message, messageTemplate } =\r\n useSelector(\r\n ({\r\n applicantProfileInitalReducers,\r\n applicantMessageReducers,\r\n messageTemplateReducers,\r\n }: RootState) => {\r\n return {\r\n chatname: applicantProfileInitalReducers.chatname,\r\n jd_id: applicantProfileInitalReducers.jd_id,\r\n candidate_details: applicantProfileInitalReducers.candidate_details,\r\n message: applicantMessageReducers.message,\r\n messageTemplate: messageTemplateReducers.messageTemplate,\r\n };\r\n },\r\n );\r\n useEffect(() => {\r\n dispatch(applicantMessagesMiddleWare({ chatname, jd_id }));\r\n }, [chatname, jd_id]);\r\n\r\n useEffect(() => {\r\n setMessage(message);\r\n }, [message]);\r\n\r\n // submit message function\r\n const hanldeSubmit = () => {\r\n setPostLoader(true);\r\n const data = querystring.stringify({\r\n chatname,\r\n jd_id,\r\n username: 'username',\r\n message: formik.values.userMessage,\r\n });\r\n\r\n axios\r\n .post(messagesDataApi, data, config)\r\n .then(() => {\r\n setPostLoader(false);\r\n dispatch(applicantMessagesMiddleWare({ chatname, jd_id }));\r\n formik.setFieldValue('userMessage', '');\r\n seterror(false);\r\n formik.resetForm();\r\n Toast('Message Sent Successfully', 'SHORT');\r\n })\r\n .catch(() => {\r\n setPostLoader(false);\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n });\r\n };\r\n type notes = {\r\n userMessage: string;\r\n };\r\n const parser = new DOMParser();\r\n const handlemessage = (values: notes) => {\r\n const errors: Partial = {};\r\n const doc = parser.parseFromString(formik.values.userMessage, 'text/html');\r\n const textNodes = doc.querySelectorAll('body')[0].textContent;\r\n const texttrim = textNodes.trim();\r\n if (texttrim === '') {\r\n errors.userMessage = '';\r\n }\r\n if (isEmpty(texttrim)) {\r\n errors.userMessage = 'Enter valid Message.';\r\n }\r\n\r\n if (texttrim?.replace(/\\s+/g, '')?.length > 2000) {\r\n errors.userMessage = 'Message length should not exceed 2000 characters.';\r\n }\r\n return errors;\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues: {\r\n userMessage: '',\r\n },\r\n onSubmit: hanldeSubmit,\r\n validate: handlemessage,\r\n });\r\n\r\n useEffect(() => {\r\n formik.validateForm(formik.values);\r\n }, [formik.values]);\r\n\r\n const handleCancel = () => {\r\n formik.setFieldValue('userMessage', '');\r\n formik.resetForm();\r\n setinputboxchanging(false);\r\n };\r\n const client_id_id = candidate_details[0].client_id_id\r\n ? candidate_details[0].client_id_id\r\n : 0;\r\n // template close function\r\n const hanldeClose = () => {\r\n setUseTemplate(false);\r\n };\r\n // template open function\r\n const hanldeOpen = () => {\r\n setUseTemplate(true);\r\n };\r\n\r\n // message api call 5 sec once\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n dispatch(applicantMessagesMiddleWare({ chatname, jd_id }));\r\n }, 5000);\r\n return () => clearInterval(interval);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n {' '}\r\n Message to Applicant\r\n \r\n \r\n\r\n \r\n \r\n {Errors && (\r\n \r\n {formik?.errors?.userMessage}\r\n \r\n )}\r\n\r\n {/* */}\r\n \r\n \r\n \r\n {/* \r\n \r\n Use Templates\r\n \r\n */}\r\n \r\n \r\n {CANCEL}\r\n \r\n {isPostLoader ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n Send\r\n \r\n )}\r\n \r\n \r\n {messages === undefined || messages?.length === 0 ? (\r\n \r\n \r\n No conversations to show\r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default MessageTab;\r\n","import axios from 'axios';\r\nimport classNames from 'classnames/bind';\r\nimport { useFormik } from 'formik';\r\nimport { useRef, useEffect, useMemo, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport ReactQuill, { Quill } from 'react-quill';\r\n// import { Outlet } from \"react-router-dom\";\r\n// import { Invoice } from \"./Root.utils\";\r\n// import ReactHtmlParser, {\r\n// processNodes,\r\n// convertNodeToElement,\r\n// htmlparser2,\r\n// } from 'react-html-parser';\r\n// import parse from 'html-react-parser';\r\n// import 'react-quill/dist/quill.snow.css';\r\nimport Mention from 'quill-mention';\r\nQuill.register('modules/mention', Mention);\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Card } from '../../uikit';\r\nimport SvgInfo from '../../icons/SvgInfo';\r\n\r\nimport SvgNotes from '../../icons/SvgNotes';\r\nimport SvgNotesyet from '../../icons/Svgnonotesyet';\r\nimport SvgRefresh from '../../icons/SvgRefresh';\r\nimport { AppDispatch, RootState } from '../../store';\r\nimport Button from '../../uikit/Button/Button';\r\nimport { BLACK } from '../../uikit/Colors/colors';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport { firstNameChar, isEmpty, toCamelCase } from '../../uikit/helper';\r\nimport Table from '../../uikit/Table/Table';\r\nimport Text from '../../uikit/Text/Text';\r\nimport ErrorMessage from '../../uikit/ErrorMessage/ErrorMessage';\r\nimport Toast from '../../uikit/Toast/Toast';\r\nimport CandidateMessageTab from '../candidatemodule/CandidateMessageTab';\r\nimport {\r\n clientSecret,\r\n googleClientId,\r\n} from '../accountsettingsmodule/integrationmodule/IntegrationScreen';\r\nimport {\r\n calenderTokenGetMiddleWare,\r\n calenderTokenMiddleWare,\r\n} from '../accountsettingsmodule/integrationmodule/store/middleware/integrationmiddleware';\r\nimport RichText from '../common/RichText';\r\nimport Loader from '../../uikit/Loader/Loader';\r\nimport {\r\n mentionnotes,\r\n CANCEL,\r\n THIS_FIELD_REQUIRED,\r\n config,\r\n mediaPath,\r\n mentionspecialcharacter,\r\n} from '../constValue';\r\nimport { outlookTimeZone } from '../dashboardmodule/empdashboard/mock';\r\nimport { meetingTitle } from './MeetingTable';\r\nimport NotesDropDown from './NotesDropDown';\r\nimport styles from './notestab.module.css';\r\nimport {\r\n applicantNotesMiddleWare,\r\n calenderMiddleWare,\r\n syncGoogleMiddleWare,\r\n syncOutlookMiddleWare,\r\n checkAuthMiddleware,\r\n eventsApplicantsMiddleware,\r\n applicantUserListMiddleWare,\r\n applicantUserListstateMiddleWare,\r\n} from './store/middleware/applicantProfileMiddleware';\r\nimport MessageTab from './MessageTab';\r\nvar querystring = require('querystring');\r\n\r\nconst cx = classNames.bind(styles);\r\n\r\nexport type FormProps = {\r\n notes: string;\r\n};\r\nconst initial: FormProps = {\r\n notes: '',\r\n};\r\ntype Props = {\r\n isMeeting?: boolean;\r\n issingletab?: boolean;\r\n candidatemessage?: boolean;\r\n nomessagetab?: boolean;\r\n hidenotes?: boolean;\r\n showonlynotes?: boolean;\r\n};\r\nconst NotesTab = ({\r\n isMeeting,\r\n issingletab,\r\n candidatemessage,\r\n nomessagetab,\r\n hidenotes,\r\n showonlynotes\r\n}: Props) => {\r\n const [editorHtml, setEditorHtml] = useState('');\r\n const editorRef = useRef(null);\r\n const [isCollapse, setCollapse] = useState(false);\r\n const [isstylechange, setstylechange] = useState(false);\r\n const [isColor, setColor] = useState([]);\r\n const [buttonName, setButtonName] = useState('Add');\r\n const [getId, setGetId] = useState(0);\r\n const dispatch: AppDispatch = useDispatch();\r\n const [active, setActive] = useState(0);\r\n const [isGoogle, setIsGoogle] = useState(2);\r\n const [isLoad, setIsLoad] = useState(true);\r\n const [requir, setrequir] = useState();\r\n const [ischeck, setcheck] = useState(false);\r\n const [update, setupdate] = useState(false);\r\n const [valuestate, setvaluestate] = useState([]);\r\n const [valueun, setvalueun] = useState('');\r\n const [listmen, setList] = useState([]);\r\n const [hideelement, sethideelement] = useState(true);\r\n const [datastring, setDatastring] = useState(\r\n localStorage.getItem('Datastring') || undefined,\r\n );\r\n const [myevents, setMyevents] = useState([]);\r\n const [isEditing, setEditing] = useState(false)\r\n const history = useHistory();\r\n useEffect(() => {\r\n dispatch(applicantUserListMiddleWare()).then((res) => {\r\n setIsLoad(false);\r\n });\r\n }, []);\r\n\r\n const checkAuth = () => {\r\n dispatch(checkAuthMiddleware())\r\n .then((res) => {\r\n if (res.payload.status === true) {\r\n if (res.payload.account === 'google') {\r\n setIsGoogle(1);\r\n } else {\r\n setIsGoogle(0);\r\n }\r\n setActive(1);\r\n setIsLoad(false);\r\n dispatch(eventsApplicantsMiddleware({ can_id }))\r\n .then((response) => {\r\n if (response.payload.status === true) {\r\n setMyevents(\r\n response.payload.data.map((items: any) => {\r\n return {\r\n title: items.event_type + ' ' + items.applicant,\r\n organizer: response.payload.user,\r\n date: items.s_time,\r\n time:\r\n items.s_time.slice(12, 16) +\r\n ' - ' +\r\n items.e_time.slice(12, 16),\r\n };\r\n }),\r\n );\r\n }\r\n })\r\n } else {\r\n setActive(0);\r\n setIsLoad(false);\r\n }\r\n })\r\n };\r\n useEffect(() => {\r\n checkAuth();\r\n const colorCode = [\r\n '#d08014',\r\n '#d04343',\r\n '#db1f77',\r\n '#c0399f',\r\n '#6367de',\r\n '#286eb4',\r\n '#0f828f',\r\n '#7ca10c',\r\n '#925ace',\r\n '#647987',\r\n ];\r\n\r\n setColor(colorCode);\r\n }, []);\r\n\r\n const {\r\n candidate_details,\r\n notes,\r\n can_id,\r\n jd_id,\r\n // calenderEvent,\r\n // google,\r\n outlook,\r\n message,\r\n name,\r\n calenderLoader,\r\n } = useSelector(\r\n ({\r\n applicantNotesReducers,\r\n applicantProfileInitalReducers,\r\n calenderReducers,\r\n applicantUserlistReducer,\r\n applicantMessageReducers,\r\n }: RootState) => {\r\n return {\r\n candidate_details: applicantProfileInitalReducers.candidate_details,\r\n notes: applicantNotesReducers.notes,\r\n name: applicantUserlistReducer.data,\r\n can_id: applicantProfileInitalReducers.can_id,\r\n jd_id: applicantProfileInitalReducers?.jd_id,\r\n message: applicantMessageReducers?.message,\r\n // calenderEvent: calenderReducers.event,\r\n // google: calenderReducers.google,\r\n outlook: calenderReducers.outlook,\r\n calenderLoader: calenderReducers.isLoading,\r\n };\r\n },\r\n );\r\n\r\n // notes submit function\r\n\r\n\r\n const handleSubmit = (values: FormProps) => {\r\n const string = valueun;\r\n const final = [];\r\n const list2 = [{ user: -1, value: 'Everyone' }];\r\n if (name !== undefined) {\r\n const valu = [...list2, ...name];\r\n setList(valu);\r\n for (let i = 0; i < valu.length; i++) {\r\n const element = valu[i].value;\r\n if (string.includes(element)) {\r\n final.push(valu[i].user);\r\n }\r\n }\r\n } else {\r\n for (let i = 0; i < listmen.length; i++) {\r\n const element = listmen[i].value;\r\n if (string.includes(element)) {\r\n final.push(listmen[i].user);\r\n }\r\n }\r\n }\r\n\r\n const formData = new FormData();\r\n if (final.length !== 0) {\r\n formData.append('otheruserid', final.toString());\r\n } else {\r\n const testing = '-2';\r\n formData.append('otheruserid', testing);\r\n formData.append('notes', '');\r\n }\r\n\r\n const data = querystring.stringify({\r\n pk: can_id,\r\n notes: values.notes,\r\n });\r\n const notesbody = parser.parseFromString(values.notes, 'text/html');\r\n const textNode = notesbody.querySelectorAll('body')[0].textContent;\r\n formData.append('body', textNode);\r\n formData.append('candidate_id', can_id);\r\n formData.append('jd_id', jd_id ? jd_id : '0');\r\n if (buttonName === 'Add') {\r\n if (final.length !== 0) {\r\n const doc = parser.parseFromString(values.notes, 'text/html');\r\n const textNodes = doc.querySelectorAll('body')[0].textContent.trim();\r\n const applicantnames = candidate_details.map((e) => e.first_name);\r\n const test = ' has added a note to ' + toCamelCase(applicantnames[0]) + '’s profile.';\r\n formData.append('notes', test);\r\n formData.append('body', textNodes);\r\n formData.append('jd_id', jd_id);\r\n }\r\n setupdate(false);\r\n setIsLoad(true);\r\n axios\r\n .post(`candidate_notes?pk=${can_id}`, data)\r\n .then(() => {\r\n setCollapse(false);\r\n setstylechange(false);\r\n sethideelement(true);\r\n dispatch(applicantUserListstateMiddleWare({ formData }));\r\n dispatch(applicantNotesMiddleWare({ can_id }));\r\n Toast('Notes added successfully.', 'LONG', 'success');\r\n })\r\n .then(() => {\r\n setIsLoad(false);\r\n setname1('');\r\n formik.values.notes = '';\r\n formik.resetForm();\r\n });\r\n }\r\n const notesbodys = parser.parseFromString(values.notes, 'text/html');\r\n const textNod = notesbodys.querySelectorAll('body')[0].textContent;\r\n const dataOne = querystring.stringify({\r\n pk: getId,\r\n notes: values.notes,\r\n body: textNod,\r\n update: 'update',\r\n });\r\n\r\n if (buttonName === 'Update') {\r\n const removebutton = can_id + \"button\"\r\n localStorage.removeItem(removebutton)\r\n if (final.length !== 0) {\r\n const doc = parser.parseFromString(values.notes, 'text/html');\r\n const textNodes = doc.querySelectorAll('body')[0].textContent.trim();\r\n const applicantnames = candidate_details.map((e) => e.first_name);\r\n const test = ' has updated a note to ' + toCamelCase(applicantnames[0]) + '’s profile.';\r\n formData.append('notes', test);\r\n formData.append('body', textNodes);\r\n formData.append('jd_id', jd_id);\r\n formData.append('update', 'update');\r\n }\r\n setupdate(true);\r\n setIsLoad(true);\r\n axios\r\n .post(`candidate_notes?pk=${can_id}`, dataOne, config)\r\n .then(() => {\r\n setCollapse(false);\r\n sethideelement(true);\r\n setstylechange(false);\r\n setEditing(false)\r\n dispatch(applicantUserListstateMiddleWare({ formData }));\r\n dispatch(applicantNotesMiddleWare({ can_id }));\r\n if (buttonName === 'Update') {\r\n Toast('Notes updated successfully.', 'LONG', 'success');\r\n }\r\n dispatch(applicantUserListMiddleWare());\r\n })\r\n .then(() => {\r\n setIsLoad(false);\r\n setButtonName('Add');\r\n setname1('');\r\n formik.values.notes = '';\r\n formik.resetForm();\r\n });\r\n }\r\n };\r\n\r\n const parser = new DOMParser();\r\n type notess = {\r\n notes: string;\r\n };\r\n const handlerequire = (values: notess) => {\r\n const errors: Partial = {};\r\n const doc = parser.parseFromString(formik.values.notes, 'text/html');\r\n const textNodes = doc.querySelectorAll('body')[0].textContent.trim();\r\n const texttrim = textNodes.trim();\r\n if (texttrim === '') {\r\n setcheck(true);\r\n errors.notes = 'Enter valid notes.';\r\n } else if (\r\n texttrim?.replace(/\\s+/g, '')?.length > 2000\r\n //&&\r\n // mentionspecialcharacter.test(textNodes)\r\n ) {\r\n setcheck(true);\r\n errors.notes = 'Notes length should not exceed 2000 characters.';\r\n }\r\n return errors;\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues: initial,\r\n onSubmit: handleSubmit,\r\n validate: handlerequire,\r\n enableReinitialize: true,\r\n });\r\n\r\n useEffect(() => {\r\n if (formik.values.notes) {\r\n setvalueun(formik.values.notes);\r\n }\r\n }, [formik.values.notes]);\r\n useEffect(() => {\r\n formik.setFieldValue('notes', name1);\r\n }, []);\r\n // add notes function\r\n const hanldeInputOpen = () => {\r\n setButtonName('Add');\r\n sethideelement(false);\r\n setstylechange(true);\r\n setcheck(false);\r\n setCollapse(true);\r\n formik.setFieldValue('notes', name1);\r\n dispatch(applicantUserListMiddleWare());\r\n };\r\n // close notes function\r\n const hanldeInputClose = () => {\r\n setCollapse(false);\r\n setstylechange(false);\r\n sethideelement(true);\r\n setcheck(false);\r\n setname1('');\r\n formik.setFieldValue('notes', '');\r\n formik.resetForm();\r\n setEditing(false);\r\n const changebutton = can_id + \"button\"\r\n localStorage.removeItem(changebutton)\r\n setButtonName('Add');\r\n };\r\n\r\n // notes delete function\r\n const handleDelete = (id: number) => {\r\n setIsLoad(true);\r\n axios\r\n .delete('candidate_notes', { params: { pk: id } })\r\n .then(() => {\r\n Toast('Notes deleted successfully.');\r\n dispatch(applicantNotesMiddleWare({ can_id }));\r\n })\r\n .then(() => {\r\n setIsLoad(false);\r\n });\r\n formik.setFieldValue('notes', '');\r\n formik.resetForm();\r\n setButtonName('Add');\r\n\r\n\r\n };\r\n\r\n // notes submit function\r\n const handleOpenEdit = (value: string, id: any) => {\r\n setButtonName('Update');\r\n const changebutton = can_id + \"button\"\r\n localStorage.setItem(changebutton, 'true')\r\n setcheck(false);\r\n setGetId(id);\r\n formik.setFieldValue('notes', value);\r\n setCollapse(true);\r\n sethideelement(false);\r\n setEditing(true)\r\n };\r\n\r\n const notesbody = parser.parseFromString(formik.values.notes, 'text/html');\r\n const textNode = notesbody.querySelectorAll('body')[0].textContent;\r\n\r\n // @mention function,here they merging the everyone and other user name to show the mention\r\n if (editorRef.current) {\r\n const list2 = [{ user: -1, value: 'Everyone' }];\r\n if (name !== undefined) {\r\n const valu = [...list2, ...name];\r\n const fgt = valu.map((e) => e.value);\r\n const quill = editorRef.current.getEditor();\r\n const mention = new Mention(quill, {\r\n mentionDenotationChars: ['@'],\r\n allowedChars: /^[A-Za-z\\sÅÄÖåäö]*$/,\r\n source: (searchTerm: string, renderList: (values: any[]) => void) => {\r\n const filteredMentions = valu.filter((m) =>\r\n m.value.toLowerCase().includes(searchTerm.toLowerCase()),\r\n );\r\n renderList(filteredMentions);\r\n // dispatch(applicantUserListMiddleWare());\r\n },\r\n });\r\n }\r\n }\r\n const modules = {\r\n toolbar: [\r\n ['bold', 'italic', 'underline'],\r\n [{ header: [1, 2, 3, 4, 5] }],\r\n [{ list: 'ordered' }, { list: 'bullet' }],\r\n ['link'],\r\n ],\r\n clipboard: {\r\n matchVisual: false,\r\n },\r\n };\r\n\r\n const formats = [\r\n 'bold',\r\n 'italic',\r\n 'underline',\r\n 'header',\r\n 'list',\r\n 'bullet',\r\n 'link',\r\n ];\r\n\r\n\r\n const LOCAL_STORAGE_KEY = can_id;\r\n const [name1, setname1] = useState(\r\n JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY)) || '',\r\n );\r\n\r\n\r\n // the condition for setting the notes value when the navigating to other tab then come back to this page means the notes can't delete.\r\n useEffect(() => {\r\n const doc = parser.parseFromString(formik.values.notes, 'text/html');\r\n const textNodes = doc.querySelectorAll('body')[0].textContent.trim();\r\n if (textNodes.length !== 0 || name1 === '') {\r\n setname1(formik.values.notes);\r\n const changebutton = can_id + \"button\"\r\n const isButtonChange = localStorage.getItem(changebutton?.toString()); \r\n if (isButtonChange === 'true'){\r\n setButtonName('Update')\r\n }\r\n }\r\n }, [formik.values.notes, name1]);\r\n\r\n // the notes is empty then in localstorage also keep empty\r\n useEffect(() => {\r\n const doc = parser.parseFromString(formik.values.notes, 'text/html');\r\n const textNodes = doc.querySelectorAll('body')[0].textContent.trim();\r\n if (textNodes.length === 0) {\r\n localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(''));\r\n }\r\n }, [formik.values.notes]);\r\n\r\n useEffect(() => {\r\n localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(name1));\r\n const changebutton = can_id + \"button\"\r\n const isButtonChange = localStorage.getItem(changebutton?.toString()); \r\n if (isButtonChange === 'true'){\r\n setButtonName('Update')\r\n }\r\n }, [name1]);\r\n\r\n return (\r\n \r\n {hidenotes !== true &&\r\n \r\n \r\n Notes for Team Members\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {!isEmpty(textNode) && (\r\n \r\n )}\r\n \r\n {buttonName}\r\n \r\n \r\n {notes && notes.length !== 0 && (\r\n \r\n )}\r\n \r\n {notes && notes.length === 0 && (\r\n \r\n \r\n \r\n Notes not created yet\r\n \r\n \r\n )}\r\n\r\n \r\n {notes &&\r\n notes\r\n .map((list, indexList) => {\r\n const words = list?.updated_by?.split(' ');\r\n return (\r\n <>\r\n {list.notes !== '' && (\r\n \r\n \r\n \r\n \r\n {isEmpty(list.emp_image) ||\r\n list.emp_image === 'default.jpg' ? (\r\n \r\n \r\n {!isEmpty(list.updated_by) &&\r\n `${words[0][0]}${words[words.length - 1][0]\r\n }`}\r\n \r\n \r\n ) : (\r\n \r\n )}\r\n {list.updated_by}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n })\r\n .reverse()}\r\n \r\n {isLoad && }\r\n }\r\n\r\n {hidenotes !== true && nomessagetab || candidatemessage ? (\r\n \r\n ) : (\r\n ''\r\n )}\r\n {nomessagetab && (\r\n \r\n \r\n \r\n )}\r\n {candidatemessage && (\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default NotesTab;\r\n","const defaultProps = {\n fill: '#1890ff',\n width: 16,\n height: 16,\n};\nconst SvgSubcriptioncrown = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n\n );\n};\nSvgSubcriptioncrown.defaultProps = defaultProps;\n\nexport default SvgSubcriptioncrown;","\nconst defaultProps = {\n fill: '#ffffff',\n width: 22,\n height: 22,\n };\n \n const SvgMeetingicon = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n );\n };\n SvgMeetingicon.defaultProps = defaultProps;\n \n export default SvgMeetingicon;\n ","// /* eslint max-len: [\"error\", { \"code\": 2000 }] */\n// const defaultProps = {\n// fill: '#581845',\n// width: 22,\n// height: 22,\n// };\n\n// const SvgTick = ({ width, height, fill }: typeof defaultProps) => {\n// return (\n// \n// \n// \n// );\n// };\n// SvgTick.defaultProps = defaultProps;\n\n// export default SvgTick;\nconst defaultProps = {\n fill:\"none\",\n width: 10,\n height: 11,\n};\n\n// const SvgTick = ({ width, height, fill }: typeof defaultProps) => {\n// return (\n// \n// \n// \n// );\n// };\n// SvgTick.defaultProps = defaultProps;\n\n// export default SvgTick;\nimport * as React from 'react';\n// const SvgTick = (props) => (\n// \n// \n// \n// \n// );\n// export default SvgTick;\n \nconst SvgTick =(props)=> ( \n \n \n \n \n \n \n \n \n \n \n);\nexport default SvgTick;\n","var qs = require('qs');\n\nexport const paramsSerializer = (params: any) => {\n return qs.stringify(params, { arrayFormat: 'comma' });\n};\n","import { createAsyncThunk } from '@reduxjs/toolkit';\r\nimport axios from 'axios';\r\nimport {\r\n TALENT_BULK_ACTION_UNLOCK,\r\n TALENT_BULK_ACTION_DOWNLOAD,\r\n TALENT_SOUCRCING,\r\n TALENT_SOUCRCING_SEARCH,\r\n TALENT_UNLOCK_CANDIDATE,\r\n TALEN_PARSED_TEXT_UNLOCK,\r\n TALEN_CANDIDATE_VIEW,\r\n STRIPE_ACTION,\r\n CHECKOUT_ACTION,\r\n} from '../../../../actions/actions';\r\nimport {\r\n bulkActionSourcingApi,\r\n bulkDownloadActionApi,\r\n candidateViewApi,\r\n createCheckoutApi,\r\n parsedSourcingApi,\r\n paymentSourcingApi,\r\n sessionIdApi,\r\n sourcingApi,\r\n sourcingSearch,\r\n stripeApi,\r\n unlockCandidatesApi,\r\n} from '../../../../routes/apiRoutes';\r\nimport Toast from '../../../../uikit/Toast/Toast';\r\nimport { paramsSerializer } from '../../../../utility/helpers';\r\nimport { ERROR_MESSAGE } from '../../../constValue';\r\nimport {\r\n bulkActionCandidatePayload,\r\n bulkDownloadActionCandidatePayload,\r\n candidateViewPayload,\r\n CheckoutPayload,\r\n parsedTextUnlockPayload,\r\n SessionIdPayload,\r\n TalentSourcingSearchPayload,\r\n UnlockCandidatesPayload,\r\n} from '../../talentSourcingTypes';\r\n\r\nexport const talentSourcingMiddleWare = createAsyncThunk(\r\n TALENT_SOUCRCING,\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(sourcingApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\nexport const talentSourcingsessionIdMiddleWare = createAsyncThunk(\r\n TALENT_UNLOCK_CANDIDATE,\r\n async ({ session_id }: SessionIdPayload, { rejectWithValue }) => {\r\n try {\r\n const { data } = (await axios.get(sessionIdApi, {\r\n params: {\r\n session_id,\r\n },\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const talentSourcingSearchMiddleWare = createAsyncThunk(\r\n TALENT_SOUCRCING_SEARCH,\r\n async (\r\n { location, keywords, radius, lastActive,pagecount }: TalentSourcingSearchPayload,\r\n { rejectWithValue },\r\n ) => {\r\n try {\r\n const { data } = (await axios.get(sourcingSearch, {\r\n params: {\r\n last_active: lastActive,\r\n location,\r\n keywords,\r\n radius,\r\n pagecount\r\n },\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const unlockCandidateMiddleWare = createAsyncThunk(\r\n TALENT_UNLOCK_CANDIDATE,\r\n async ({ key }: UnlockCandidatesPayload, { rejectWithValue }) => {\r\n try {\r\n const { data } = (await axios.get(unlockCandidatesApi, {\r\n params: { key },\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const bulkActionSourcingMiddleWare = createAsyncThunk(\r\n TALENT_BULK_ACTION_UNLOCK,\r\n async (\r\n { candi_list, unlock }: bulkActionCandidatePayload,\r\n { rejectWithValue },\r\n ) => {\r\n try {\r\n const { data } = (await axios.get(bulkActionSourcingApi, {\r\n params: { candi_list, unlock },\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const bulkDownloadActionMiddleWare = createAsyncThunk(\r\n TALENT_BULK_ACTION_DOWNLOAD,\r\n async (\r\n { candi_list, download }: bulkDownloadActionCandidatePayload,\r\n { rejectWithValue },\r\n ) => {\r\n try {\r\n const { data } = (await axios.get(bulkDownloadActionApi, {\r\n params: {\r\n candi_list,\r\n download,\r\n },\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const parsedTextMiddleWare = createAsyncThunk(\r\n TALEN_PARSED_TEXT_UNLOCK,\r\n async ({ unlock_can_list }: parsedTextUnlockPayload, { rejectWithValue }) => {\r\n try {\r\n const { data } = (await axios.get(parsedSourcingApi, {\r\n params: { unlock_can_list },\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const candidateViewMiddleWare = createAsyncThunk(\r\n TALEN_CANDIDATE_VIEW,\r\n async ({ key }: candidateViewPayload, { rejectWithValue }) => {\r\n try {\r\n const { data } = (await axios.get(candidateViewApi, {\r\n params: { key },\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const stripeMiddleWare = createAsyncThunk(\r\n STRIPE_ACTION,\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(stripeApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\nexport const createCheckoutMiddleWare = createAsyncThunk(\r\n CHECKOUT_ACTION,\r\n async (\r\n { can_count, amount, manage_sub, back_url,plan,add_on, discounts}: CheckoutPayload,\r\n { rejectWithValue },\r\n ) => {\r\n try {\r\n const { data } = (await axios.get(createCheckoutApi, {\r\n params: { candicates: can_count, amount, manage_sub,back_url,plan,add_on, discounts},\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const paymentCanceledMiddleWare = createAsyncThunk(\r\n TALENT_UNLOCK_CANDIDATE,\r\n async ({ cancelled }: { cancelled: string }, { rejectWithValue }) => {\r\n try {\r\n const { data } = (await axios.get(paymentSourcingApi, {\r\n params: { cancelled },\r\n paramsSerializer,\r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n","import { createAsyncThunk } from '@reduxjs/toolkit';\r\nimport axios from 'axios';\r\nimport {\r\n billingPortalApi,\r\n cancelSubscriptionApi,\r\n manageSubscriptionApi,\r\n renewSubscriptionApi,\r\n websitesubscriptionscreenApi,\r\n} from '../../../../routes/apiRoutes';\r\nimport Toast from '../../../../uikit/Toast/Toast';\r\nimport { paramsSerializer } from '../../../../utility/helpers';\r\nimport { ERROR_MESSAGE } from '../../../constValue';\r\n\r\nexport const manageSubscriptionMiddleWare = createAsyncThunk(\r\n 'manage_subscription',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(manageSubscriptionApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\nexport const createCheckoutSubscriptionMiddleWare = createAsyncThunk(\r\n 'create_subscription_session',\r\n async (\r\n {\r\n plan,\r\n plan_name,\r\n count,\r\n back_url\r\n }: { plan: any; plan_name: any; count: any; back_url?:any; },\r\n { rejectWithValue },\r\n ) => {\r\n try {\r\n const token=localStorage.getItem('token');\r\n const { data } = (await axios.get('create_subscription_session', {\r\n params: { plan, plan_name, count,back_url },\r\n paramsSerializer,\r\n headers:{Authorization:`Token ${token}`} \r\n })) as any;\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n return rejectWithValue(typedError.message);\r\n }\r\n },\r\n);\r\n\r\nexport const billingPortalMiddleWare = createAsyncThunk(\r\n 'billingPortal',\r\n async (\r\n { order_summary }: { order_summary?: string },\r\n { rejectWithValue },\r\n ) => {\r\n try {\r\n const { data } = await axios.get(billingPortalApi, {\r\n params: {order_summary},\r\n });\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\nexport const cancelSubscriptionMiddleWare = createAsyncThunk(\r\n 'cancelSubscription',\r\n async (_a, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.post(cancelSubscriptionApi);\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\nexport const renewSubscriptionMiddleWare = createAsyncThunk(\r\n 'renewSubscription',\r\n async ({ key }: { key: string }, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(renewSubscriptionApi, {\r\n params: {\r\n key,\r\n },\r\n });\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\nexport const websiteSubscriptionScreenMiddleWare = createAsyncThunk(\r\n 'website_details_api',\r\n async (_, { rejectWithValue }) => {\r\n try {\r\n const { data } = await axios.get(websitesubscriptionscreenApi, {\r\n transformRequest: (_a, headers) => {\r\n delete headers.common.Authorization;\r\n },\r\n });\r\n return data;\r\n } catch (error) {\r\n const typedError = error as Error;\r\n return rejectWithValue(typedError);\r\n }\r\n },\r\n);\r\n\r\n","const defaultProps = {\n fill: '#424242',\n width: '13',\n height: '13',\n className: '',\n};\n\ninterface Props {\n fill?: string;\n width?: string | number;\n height?: string | number;\n className?: string;\n}\n\nconst Svgsubcriptiondoller = ({ fill, width, height, className }: Props) => (\n \n);\n\nSvgsubcriptiondoller.defaultProps = defaultProps;\n\nexport default Svgsubcriptiondoller;\n","const defaultProps = {\n fill: '#424242',\n width: '13',\n height: '13',\n className: '',\n};\n\ninterface Props {\n fill?: string;\n width?: string | number;\n height?: string | number;\n className?: string;\n}\n\nconst Svgsubcriptionrefresh = ({ fill, width, height, className }: Props) => (\n \n\n);\n\nSvgsubcriptionrefresh.defaultProps = defaultProps;\n\nexport default Svgsubcriptionrefresh;\n","const defaultProps = {\n fill: '#424242',\n width: '13',\n height: '13',\n className: '',\n};\n\ninterface Props {\n fill?: string;\n width?: string | number;\n height?: string | number;\n className?: string;\n}\n\nconst Svgsubcriptionduration = ({ fill, width, height, className }: Props) => (\n \n);\n\nSvgsubcriptionduration.defaultProps = defaultProps;\n\nexport default Svgsubcriptionduration;\n","import React, { useEffect } from 'react';\nimport { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { loadStripe } from '@stripe/stripe-js';\nimport { AppDispatch, RootState } from '../../store';\nimport { Flex, Text, Modal, Button, Card, LinkWrapper } from '../../uikit';\nimport Loader from '../../uikit/Loader/Loader';\nimport SvgClose from '../../icons/SvgClose';\nimport SvgTick from '../../icons/SvgTick';\nimport { SUCCESS } from '../../uikit/Colors/colors';\nimport { SubsriptionMiddleWare } from '../navbar/empnavbar/store/navbarmiddleware';\nimport styles from '../subscriptionmodule/subscriptionscreen.module.css';\nimport {\n backendProcessMiddleWare,\n creditsPurchaseMiddleWare,\n orderSummaryMiddleWare,\n orderSummaryPostMiddleWare,\n} from '../ordersummarymodule/store/ordersummarymiddleware';\nimport {\n createCheckoutMiddleWare,\n stripeMiddleWare,\n} from '../talentsourcingmodule/store/middleware/talentSoucringMiddleware';\nimport {\n createCheckoutSubscriptionMiddleWare,\n manageSubscriptionMiddleWare,\n} from '../accountsettingsmodule/managesubscription/store/managesubscriptionmiddleware';\nimport { isEmpty } from '../../uikit/helper';\nimport { permissionMiddleWare } from '../Login/store/middleware/loginMiddleWare';\nimport Svgsubcriptiondoller from '../../icons/Svgsubscriptiondoller';\nimport Svgsubcriptionrefresh from '../../icons/Svgsubscriptionrefresh';\nimport Svgsubcriptionduration from '../../icons/Svgsubscriptionduration';\ntype Props = {\n currentplan?: any;\n nextplan?: any;\n openmodel: boolean;\n setopensubcription: (a: any) => void;\n addon_name?: any;\n differece_key?: any;\n purpose?: any;\n purpose_freetrial?: any;\n purpose_addon?: any;\n handlefunction?: any;\n};\nconst SubscriptionModal = ({\n currentplan,\n nextplan,\n openmodel,\n setopensubcription,\n addon_name,\n differece_key,\n purpose,\n purpose_freetrial,\n purpose_addon,\n handlefunction,\n}: Props) => {\n const dispatch: AppDispatch = useDispatch();\n const [isLoader, setLoader] = useState(false);\n const [oldplan, setoldplan] = useState(null);\n const [Nextplan, setnextplan] = useState(null);\n const [filteredifference, setfilteredifference] = useState();\n const [selectedValue, setSelectedValue] = useState(1);\n const history = useHistory();\n\n useEffect(() => {\n dispatch(SubsriptionMiddleWare());\n }, []);\n\n const {\n current_plan,\n current_jd_count,\n total_plan,\n isLoading,\n add_on_plans,\n Last_plan,\n differences,\n super_user,\n client_url,\n } = useSelector(\n ({ SubscriptionReducers, permissionReducers }: RootState) => ({\n current_plan: SubscriptionReducers.current_plan,\n current_jd_count: SubscriptionReducers.current_jd_count,\n total_plan: SubscriptionReducers.total_plan,\n isLoading: SubscriptionReducers.isLoading,\n add_on_plans: SubscriptionReducers.add_on_plans,\n Last_plan: SubscriptionReducers.Last_plan,\n differences: SubscriptionReducers.differences,\n super_user: permissionReducers.super_user,\n client_url: permissionReducers.client_url,\n }),\n );\n\n // Getting current plan and next plan\n useEffect(() => {\n const found = total_plan?.find(\n (plan) =>\n plan?.plan_id ===\n (current_plan === 1 ? total_plan[1]?.plan_id : current_plan),\n );\n setoldplan(found);\n const founds = total_plan?.find(\n (plan) =>\n plan?.plan_id ===\n (current_plan === 1 ? total_plan[1]?.plan_id + 1 : current_plan + 1),\n );\n setnextplan(founds);\n }, []);\n\n // Filtering data based on perticular future\n function filterAndMapByKey(key) {\n const items = JSON.parse(differences?.toString())[0][key] || [];\n\n return { items };\n }\n\n // getting props for plan difference based on perticular future\n const key = differece_key;\n\n // seperating the data based on standerd and primium.\n const { items } = filterAndMapByKey(key);\n\n // createCheckoutMiddleWare middleware for add=on purchasing\n const url = window.location.href;\n const handleSubmit = (val) => {\n window.onbeforeunload = null;\n if (url?.toLowerCase()?.includes('calendar')) {\n localStorage?.setItem('return', 'true');\n }\n setLoader(true);\n dispatch(\n createCheckoutMiddleWare({\n can_count: JSON.stringify([selectedValue.toString()]),\n amount: [val.price],\n back_url: [\n url.startsWith(client_url) ? url.substring(client_url?.length) : url,\n ],\n plan: JSON.stringify([val?.stripe_id]),\n add_on: JSON.stringify([val?.addon_id__id]),\n }),\n ).then((response) => {\n dispatch(stripeMiddleWare()).then(async (stripRes) => {\n const stripe = await loadStripe(stripRes?.payload?.publicKey);\n if (response.payload.sessionId) {\n stripe\n ?.redirectToCheckout({\n sessionId: response?.payload?.sessionId,\n })\n .then((resp) => {\n setLoader(false);\n });\n }\n });\n });\n };\n\n // handleclick for plan purchasing direct while in free trial\n const handlepurchase = (val) => {\n dispatch(\n createCheckoutSubscriptionMiddleWare({\n plan: JSON.stringify([val?.stripe_id]),\n count: JSON.stringify(['1']),\n plan_name: JSON.stringify([val?.plan_id?.toString()]),\n back_url: [\n url.startsWith(client_url) ? url?.substring(client_url?.length) : url,\n ],\n }),\n ).then((response) => {\n dispatch(stripeMiddleWare()).then(async (stripRes) => {\n const stripe = await loadStripe(stripRes?.payload?.publicKey);\n if (response?.payload?.sessionId) {\n stripe\n ?.redirectToCheckout({\n sessionId: response?.payload?.sessionId,\n })\n .then(() => {\n setLoader(false);\n });\n }\n });\n });\n };\n\n //this will option for count of purchansing\n const generateOptions = (step) => {\n const val = step * 12;\n const options = [];\n\n for (let j = step; j <= val; j += step) {\n options?.push(j);\n }\n return options?.map((option) => (\n \n ));\n };\n\n // Handlechange for while choosing the add-on count\n const handleChange = (e, step) => {\n const selectedOption = parseInt(e.target.value, 10);\n const count = selectedOption / step;\n setSelectedValue(count);\n };\n const planid =\n add_on_plans &&\n add_on_plans\n ?.filter((item) => addon_name?.includes(item?.addon_id__name))\n .map((item) => item.addon_id__id);\n\n const stipids2 =\n add_on_plans &&\n add_on_plans\n ?.filter((item) => addon_name?.includes(item?.addon_id__name))\n .map((item) => item.stripe_id);\n //this is for storing localstoreage\n const setlocal = () => {\n localStorage.setItem('add_on_id', JSON.stringify(planid));\n localStorage.setItem('add_on_count', JSON.stringify([selectedValue]));\n localStorage.setItem('stipids', JSON.stringify(stipids2));\n };\n //this function is for navigattion\n const navigatetoordersummery = () => {\n const queryParams = `?key=${0}&count=1¤t=${false}`;\n // history.push(`/order_summary${queryParams}`);\n window.location.assign(\n window.location.origin + `/order_summary${queryParams}`,\n );\n };\n\n const handleNavigate = () => {\n const addOnIdExists = localStorage.getItem('add_on_id') !== null || undefined;\n const addOnCountExists = localStorage.getItem('add_on_count') !== null||undefined;\n const stipidsExists = localStorage.getItem('stipids') !== null||undefined;\n if (addOnIdExists && addOnCountExists && stipidsExists) {\n localStorage.setItem('add_on_id', JSON.stringify([]));\n localStorage.setItem('add_on_count', JSON.stringify([]));\n localStorage.setItem('stipids', JSON.stringify([]));\n }\n const queryParams = `?key=${Nextplan && Nextplan.plan_id}&count=1¤t=true`\n window.location.assign(\n window.location.origin + `/order_summary${queryParams}`,\n );\n };\n \n\n // Loading whilte triggering the add-on purchasing stripe API's\n if (isLoader) {\n return ;\n }\n const validfunction = () => {\n setopensubcription(false);\n if (url?.toLowerCase()?.includes('calendar')) {\n handlefunction();\n }\n };\n\n return (\n <>\n \n {super_user === true ? (\n \n \n \n {current_plan === 1 ? (\n \n Upgrade your plan\n \n ) : (\n \n {!Last_plan.toString().includes(current_plan.toString())\n ? 'Upgrade your plan'\n : 'Avail Additional Add-on Feature'}\n \n )}\n \n validfunction()}\n style={{ cursor: 'pointer' }}\n >\n \n \n \n\n {/* showing the text for add-on purchasing.they show only which add-on is count. */}\n {!Last_plan.includes(current_plan) ? (\n <>\n {current_plan !== 1 && purpose && (\n \n \n {purpose}\n \n \n )}\n {current_plan === 1 && purpose_freetrial && (\n \n \n {purpose_freetrial} | \n \n \n )}\n \n ) : (\n \n \n {purpose_addon} | \n \n \n )}\n\n {/* current plan is a free trial this comparition table will show for upgrade a plan. */}\n {current_plan === 1 && oldplan !== null && Nextplan !== null && (\n \n \n \n \n \n \n {oldplan.plan_name}\n \n (\n \n ${oldplan.price}\n \n /month)\n \n \n \n \n \n {Nextplan.plan_name}\n \n (\n \n ${Nextplan.price}\n \n /month)\n \n \n \n \n \n {items.map((data, ind) => (\n \n \n {data.title}\n \n \n {data.standard === true ? (\n \n \n \n ) : (\n \n {data.standard}\n \n )}\n \n \n {data.premium === true ? (\n \n \n \n ) : (\n \n {data.premium}\n \n )}\n \n \n ))}\n \n \n \n \n handlepurchase(oldplan)}\n flex={2.5}\n middle\n center\n marginTop={10}\n >\n \n \n handlepurchase(Nextplan)}\n flex={2.5}\n middle\n center\n marginTop={10}\n >\n \n \n \n \n )}\n\n {/* current plan is not a free trial this comparition table will show for upgrade a plan. */}\n {current_plan !== 1 &&\n !Last_plan.toString().includes(current_plan.toString()) &&\n oldplan !== null &&\n Nextplan !== null && (\n \n \n \n \n \n \n {oldplan.plan_name}\n \n (\n \n ${oldplan.price}\n \n /month)\n \n \n \n \n \n {Nextplan.plan_name}\n \n (\n \n ${Nextplan.price}\n \n /month)\n \n \n \n \n \n {items.map((data, ind) => (\n \n \n {data.title}\n \n \n {data.standard === true ? (\n \n \n \n ) : (\n \n {data.standard}\n \n )}\n \n \n {data.premium === true ? (\n \n \n \n ) : (\n \n {data.premium}\n \n )}\n \n \n ))}\n \n \n \n \n \n \n \n \n {/* */}\n \n {/* */}\n \n \n \n )}\n\n {/* current subscription have an add-on means shown the add-on */}\n {current_plan !== 1 &&\n !Last_plan.toString().includes(current_plan.toString()) &&\n add_on_plans &&\n add_on_plans?.filter((item) =>\n addon_name?.includes(item?.addon_id__name),\n ).length !== 0 && (\n <>\n \n \n {' '}\n {' '}\n \n \n OR\n \n {' '}\n \n \n \n Avail Additional Add-on Feature\n \n \n )}\n {current_plan !== 1 &&\n add_on_plans &&\n add_on_plans\n ?.filter((item) => addon_name?.includes(item?.addon_id__name))\n .map((val, index) => (\n \n \n \n {val?.addon_id__name === 'Resume Unlock'\n ? 'Sourcing Contact Unlock'\n : val?.addon_id__name}\n \n \n \n \n \n \n {val !== undefined\n ? JSON.parse(val?.addon_id__display_name)\n : ''}\n \n \n \n \n \n \n {' '}\n {val?.price}{' '}\n \n \n {val?.usage.toString() !== 'unlimited' ? (\n \n \n \n \n \n {' '}\n Rolling\n \n \n ) : (\n \n \n \n \n \n {' '}\n 30 Days Validity\n \n \n )}\n \n {val?.usage.toString() !== 'unlimited' && (\n \n \n {val?.addon_id__name}\n \n \n Quantity\n \n handleChange(e, Number(val?.usage))\n }\n >\n {generateOptions(Number(val?.usage))}\n \n \n \n )}\n {\n setlocal();\n navigatetoordersummery();\n }}\n >\n \n \n \n \n \n ))}\n \n ) : (\n \n \n \n Please contact your company admin to upgrade.\n \n \n \n \n \n \n )}\n \n \n );\n};\n\nexport default SubscriptionModal;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#424242',\n width: 24,\n height: 24,\n};\n\nconst SvgDotMenu = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n};\nSvgDotMenu.defaultProps = defaultProps;\n\nexport default SvgDotMenu;\n","import { createAsyncThunk } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport { IEventNotes, VerifyEventParams, ZitaEventSchedulerType } from '../../types';\nimport { stringifyParams } from '../../../../uikit/helper';\nimport { Interview_question, Role_value } from '../../../../appRoutesPath';\nimport { Interview_role, get_urlApi, interview_questionapi } from '../../../../routes/apiRoutes';\nvar querystring = require('qs');\n\nexport const getUpdateEventByIdMiddleWare = createAsyncThunk<\n IEventNotes,\n { event_id: string }\n>('schedule_event_by_id', async (payload, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(\n `update_event/?${stringifyParams(payload)}`,\n );\n return data as IEventNotes;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n});\n\nexport const scheduleEventMiddleware = createAsyncThunk(\n 'schedule_event',\n async (\n {\n title,\n reminder,\n extraNotes,\n myJd,\n privateNotes,\n eventType,\n applicantId,\n curJd,\n timeZone,\n interviewer,\n startTime,\n endTime,\n notes,\n location,\n interviewer_notes,\n questions,\n new_questions,\n attendees,\n summary\n }: ZitaEventSchedulerType,\n { rejectWithValue },\n ) => {\n try {\n const { data } = await axios.post('schedule_event/', {\n title,\n reminder,\n extraNotes,\n myJd,\n privateNotes,\n eventType,\n applicantId,\n curJd,\n timeZone,\n interviewer,\n startTime,\n endTime,\n notes,\n location,\n interviewer_notes,\n questions,\n new_questions,\n attendees,\n summary,\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const updateEventMiddleware = createAsyncThunk(\n 'update_event',\n async (\n {\n title,\n reminder,\n app_id,\n extraNotes,\n myJd,\n eventId,\n privateNotes,\n eventType,\n edit_jd,\n curJd,\n timeZone,\n interviewer,\n startTime,\n endTime,\n notes,\n location,\n interviewer_notes,\n attendees,\n summary,\n new_questions,\n questions \n }: ZitaEventSchedulerType,\n { rejectWithValue },\n ) => {\n try {\n const { data } = await axios.post(\n 'update_event/',\n // querystring.stringify(\n {\n title,\n reminder,\n app_id,\n extraNotes,\n myJd,\n eventId,\n privateNotes,\n eventType,\n edit_jd,\n curJd,\n timeZone,\n interviewer,\n startTime,\n endTime,\n notes,\n location,\n interviewer_notes,\n attendees,\n summary,\n new_questions,\n questions\n },\n // { arrayFormat: '' },\n // ),\n );\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const deleteGoogleEventMiddleware = createAsyncThunk(\n 'delete_google_event',\n async ({ eventId }: { eventId: string }, { rejectWithValue }) => {\n try {\n const { data } = await axios.post(\n 'delete_google_event/',\n querystring.stringify(\n {\n eventId,\n },\n { arrayFormat: 'comma' },\n ),\n );\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const deleteOutlookEventMiddleware = createAsyncThunk(\n 'delete_outlook_event',\n async ({ eventId }: { eventId: string }, { rejectWithValue }) => {\n try {\n const { data } = await axios.post(\n 'delete_outlook_event/',\n querystring.stringify(\n {\n eventId,\n },\n { arrayFormat: 'comma' },\n ),\n );\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const googleEditEventMiddleware = createAsyncThunk(\n 'google_edit_event',\n async ({ eventId }: { eventId: string }, { rejectWithValue }) => {\n try {\n const { data } = await axios.get('google_edit_event', {\n params: { eventId },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const outlookEditEventMiddleware = createAsyncThunk(\n 'outlook_edit_event',\n async ({ eventid }: { eventid: string }, { rejectWithValue }) => {\n try {\n const { data } = await axios.get('outlook_edit_event', {\n params: { eventId: eventid },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\nexport const curUserMiddleware = createAsyncThunk(\n 'get_cur_user',\n async ({ curUser }: { curUser: number }, { rejectWithValue }) => {\n try {\n const { data } = await axios.get('get_cur_user', {\n params: { userId: curUser },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const getUsersByCompanyIdMiddleware = createAsyncThunk(\n 'get_users_by_companyid',\n async (_a, { rejectWithValue }) => {\n try {\n const { data } = await axios.get('get_users_by_companyid');\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const verifyEventMiddleware = createAsyncThunk(\n 'verify_event',\n async (\n {\n calendarProvider,\n eventId,\n }:VerifyEventParams,\n { rejectWithValue },\n ) => {\n try {\n const { data } = await axios.get('verify_event', {\n params: { calendarProvider, eventId },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\nexport const getUrlMiddleware = createAsyncThunk(\n 'get_url',\n async ({ event_id }: { event_id: string }, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(get_urlApi, {\n params: { eventid: event_id },\n });\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\nexport const rolevaluemiddleware = createAsyncThunk(\n Role_value,\n async (_a, { rejectWithValue }) => {\n try {\n const { data } = await axios.get(Interview_role);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\nexport const Interview_question_middleware = createAsyncThunk(\n Interview_question,\n async ({ formData }: any, { rejectWithValue }) => {\n try {\n const { data } = await axios.post(interview_questionapi, formData);\n return data;\n } catch (error) {\n const typedError = error as Error;\n return rejectWithValue(typedError);\n }\n },\n);\n\n","import { useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport classNames from 'classnames/bind';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { AppDispatch, RootState } from '../../store';\r\nimport { mediaPath } from '../constValue';\r\nimport { calendarRoute } from '../../appRoutesPath';\r\nimport Svgeditingnotes from '../../icons/editingnotes';\r\nimport SvgBoxEdit from '../../icons/SvgBoxEdit';\r\nimport SvgDotMenu from '../../icons/SvgDotMenu';\r\nimport { Button, LinkWrapper, Modal } from '../../uikit';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport { firstNameChar, getDateString, isEmpty } from '../../uikit/helper';\r\nimport Text from '../../uikit/Text/Text';\r\nimport {\r\n deleteGoogleEventMiddleware,\r\n deleteOutlookEventMiddleware,\r\n} from '../calendarModule/store/middleware/calendarmiddleware';\r\nimport styles from './interviewscorecardtab.module.css';\r\nimport { eventsApplicantsMiddleware } from './store/middleware/applicantProfileMiddleware';\r\n// import { applicantIntegratemailReducers } from './store/reducer/applicantProfileReducer';\r\n// import { googleEditEventMiddleware, outlookEditEventMiddleware } from '../calendarModule/store/middleware/calendarmiddleware';\r\n// import { EventEntity } from './applicantProfileTypes';\r\nconst cx = classNames.bind(styles);\r\ninterface Props {\r\n hanldeRefresh?: any;\r\n seteventDeleteLoader?: (val?: any) => void;\r\n}\r\nexport const meetingTitle = ({\r\n hanldeRefresh,\r\n seteventDeleteLoader,\r\n}: Props) => [\r\n {\r\n title: 'Event Title',\r\n dataIndex: 'title',\r\n key: 'title',\r\n flex: 3,\r\n\r\n render: (value: string, attendeesevents) => (\r\n \r\n {value}\r\n \r\n ),\r\n },\r\n {\r\n title: 'Date',\r\n dataIndex: 'date',\r\n key: 'date',\r\n index: 'index',\r\n flex: 1,\r\n render: (value: string) => (\r\n \r\n {getDateString(value, 'll')}\r\n \r\n ),\r\n },\r\n {\r\n title: 'Timings',\r\n dataIndex: 'time',\r\n key: 'time',\r\n flex: 1.5,\r\n render: (value: string) => (\r\n \r\n {value}\r\n \r\n ),\r\n },\r\n {\r\n title: 'Duration',\r\n dataIndex: 'Time',\r\n key: 'Time',\r\n index: 'index',\r\n flex: 1.5,\r\n\r\n render: (value: number, index) => {\r\n const [duration, setduration] = useState(value);\r\n const [hours, sethours] = useState();\r\n const [minutes, setminutes] = useState();\r\n useEffect(() => {\r\n const values = Math.floor(value / 60);\r\n sethours(values);\r\n const min = value % 60;\r\n setminutes(min);\r\n }, [value]);\r\n return (\r\n \r\n {hours === 0 ? '' : hours} {hours === 0 ? '' : 'Hour'}\r\n {minutes === 0 ? '' : ' '} {minutes === 0 ? '' : minutes}\r\n {minutes === 0 ? '' : ' Minutes'}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: 'Created By',\r\n dataIndex: 'organizer',\r\n key: 'organizer',\r\n index: 'index',\r\n flex: 2,\r\n render: (value: string, index) => {\r\n const attendeesValue = index.attender;\r\n const [isColor, setColor] = useState([]);\r\n useEffect(() => {\r\n // checkAuth();\r\n const colorCode = [\r\n '#d08014',\r\n '#d04343',\r\n '#db1f77',\r\n '#c0399f',\r\n '#6367de',\r\n '#286eb4',\r\n '#0f828f',\r\n '#7ca10c',\r\n '#925ace',\r\n '#647987',\r\n ];\r\n\r\n setColor(colorCode);\r\n }, []);\r\n return (\r\n \r\n\r\n {attendeesValue.find((o) => o.org_id === index.org_id).image ===\r\n 'default.jpg' ||\r\n isEmpty(\r\n attendeesValue.find((o) => o.org_id === index.org_id).image,\r\n ) ? (\r\n \r\n { }\r\n \r\n {attendeesValue\r\n .find((o) => o.org_id === index.org_id)\r\n .first_name.charAt(0)}\r\n {attendeesValue\r\n .find((o) => o.org_id === index.org_id)\r\n .last_name.charAt(0)}\r\n \r\n \r\n ) : (\r\n o.org_id === index.org_id).image\r\n }\r\n />\r\n )}\r\n\r\n \r\n {/* {index.organizer.user__first_name +\r\n ' ' +\r\n index.organizer.user__last_name} */}\r\n {attendeesValue.find((o) => o.org_id === index.org_id).full_name}\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n title: 'Action',\r\n dataIndex: 'web_url',\r\n key: 'web_url',\r\n align: 'center',\r\n index: 'index',\r\n\r\n render: (value: string, index) => {\r\n const history = useHistory();\r\n const dispatch: AppDispatch = useDispatch();\r\n const [openEventDeleteModal, setOpenEventDeleteModal] = useState(false);\r\n const handleClick = () => {\r\n const phrase = index.title;\r\n const match = phrase.match(/^\\w+/);\r\n const firstWord = match ? match[0] : '';\r\n const params = new URLSearchParams();\r\n params.append('eventhandelerid', value);\r\n params.append('checkstatus', mail);\r\n params.append('eventhandeler', 'true');\r\n params.append('can_id_meeting',can_id);\r\n params.append('jd_id_meeting',jd_id);\r\n const url = `${calendarRoute}?${params}`;\r\n if (firstWord === 'Microsoft') {\r\n window.open(url);\r\n // window.open(calendarRoute);\r\n localStorage.setItem('eventhandeler', 'true');\r\n localStorage.setItem('eventhandelerid', value);\r\n \r\n } else {\r\n window.open(url);\r\n localStorage.setItem('eventhandeler', 'true');\r\n localStorage.setItem('eventhandelerid', value);\r\n \r\n }\r\n };\r\n\r\n\r\n const schedulehandleClick = () => {\r\n window.open(calendarRoute);\r\n localStorage.setItem('scheduleven', 'false');\r\n };\r\n const { can_id, jd_id, mail } = useSelector(\r\n ({\r\n applicantProfileInitalReducers,\r\n applicantIntegratemailReducers,\r\n }: RootState) => {\r\n return {\r\n can_id: applicantProfileInitalReducers.can_id,\r\n jd_id: applicantProfileInitalReducers.jd_id,\r\n mail: applicantIntegratemailReducers.mail,\r\n };\r\n },\r\n );\r\n\r\n // delete the secheduled enent.\r\n const handleDelete = () => {\r\n const phrase = index.title;\r\n const match = phrase.match(/^\\w+/);\r\n const firstWord = match ? match[0] : '';\r\n seteventDeleteLoader(true);\r\n if (mail === 'OUTLOOK') {\r\n dispatch(deleteOutlookEventMiddleware({ eventId: value })).then(\r\n (res) => {\r\n if (res) {\r\n {\r\n hanldeRefresh();\r\n dispatch(\r\n eventsApplicantsMiddleware({ can_id: index.can_id }),\r\n ).then(() => {\r\n hanldeRefresh();\r\n seteventDeleteLoader(false);\r\n });\r\n }\r\n }\r\n },\r\n );\r\n } else {\r\n dispatch(deleteGoogleEventMiddleware({ eventId: value })).then(\r\n (res) => {\r\n if (res) {\r\n {\r\n hanldeRefresh();\r\n dispatch(\r\n eventsApplicantsMiddleware({ can_id: index.can_id }),\r\n ).then(() => {\r\n hanldeRefresh();\r\n seteventDeleteLoader(false);\r\n });\r\n }\r\n }\r\n },\r\n );\r\n }\r\n };\r\n\r\n // join url will open in new tab.\r\n const joiningUrl = () => {\r\n window.open(index.join_url, '_blank');\r\n };\r\n const { Permission } = useSelector(\r\n ({ userProfileReducers }: RootState) => {\r\n return {\r\n Permission: userProfileReducers.user.id,\r\n };\r\n },\r\n );\r\n\r\n // get the event based on outlook or gmail.\r\n const getEventHasMeeting = (title: string, inde) => {\r\n let eventType = new RegExp(/[a-zA-Z]+ [a-zA-Z]+ /).exec(title);\r\n if (eventType) {\r\n if (eventType[0].includes('Google Meet')) {\r\n return true;\r\n } else if (eventType[0].includes('Microsoft Teams')) {\r\n return true;\r\n } else if (inde.slotter === true) {\r\n if (inde.join_link === true) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n // warning modal pop for delete event\r\n const DeleteWarningPopUp = (\r\n \r\n \r\n {/*
*/}\r\n \r\n \r\n Meeting will be canceled and notified to the attendees.\r\n \r\n \r\n Are you sure to proceed further?\r\n \r\n \r\n {/* */}\r\n\r\n {/*
*/}\r\n\r\n
\r\n setOpenEventDeleteModal(false)}\r\n >\r\n No, Thanks\r\n \r\n {\r\n setOpenEventDeleteModal(false);\r\n handleDelete();\r\n }}\r\n className={styles.deleteButton}\r\n >\r\n Cancel Meeting\r\n \r\n \r\n {/*
*/}\r\n \r\n \r\n Meeting will be canceled and notified to the attendees.\r\n \r\n \r\n Are you sure to proceed further?\r\n \r\n \r\n {/* */}\r\n\r\n {/*
*/}\r\n\r\n
\r\n setOpenEventDeleteModal(false)}\r\n >\r\n No, Thanks\r\n \r\n {\r\n setOpenEventDeleteModal(false);\r\n handleDelete();\r\n }}\r\n className={styles.deleteButton}\r\n >\r\n Cancel Meeting\r\n \r\n \r\n \r\n {0}%\r\n \r\n
\r\n {/* */}\r\n \r\n hanldeFavAction(list.candidate_id_id, list.jd_id_id)}\r\n tabIndex={-1}\r\n role={'button'}\r\n onKeyPress={() => {}}\r\n >\r\n {isFavLoader ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ApplicantMatch;\r\n","const defaultProps = {\n fill: 'none',\n width: 20,\n height: 20,\n color: 'theme',\n className: '',\n onClick: () => {},\n};\n\nconst SvgInviter = ({\n width,\n height,\n fill,\n color,\n className,\n onClick\n}: typeof defaultProps) => {\n return (\n \n \n \n \n );\n};\nSvgInviter.defaultProps = defaultProps;\n\nexport default SvgInviter;\n","import { useMemo, useState } from 'react';\r\nimport axios from 'axios';\r\nimport classNames from 'classnames/bind';\r\nimport { useDispatch } from 'react-redux';\r\nimport SvgInvite from '../../icons/SvgInvite';\r\nimport { inviteToApplyApi } from '../../routes/apiRoutes';\r\nimport { AppDispatch } from '../../store';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport Text from '../../uikit/Text/Text';\r\nimport SvgHeart from '../../icons/SvgHeart';\r\nimport SvgInviter from '../../icons/SvgInviter';\r\nimport Loader from '../../uikit/Loader/Loader';\r\nimport ProgressBar from '../../uikit/ProgressBar/ProgressBar';\r\nimport { getDateString, isEmpty, toCamelCase } from '../../uikit/helper';\r\nimport Toast from '../../uikit/Toast/Toast';\r\nimport CancelAndDeletePopup from '../common/CancelAndDeletePopup';\r\nimport { config, ERROR_MESSAGE, YES } from '../constValue';\r\nimport styles from './allmatchtab.module.css';\r\nimport {\r\n ApplicantEntity,\r\n CandidateDetailsEntity,\r\n MatchEntityOne,\r\n} from './applicantProfileTypes';\r\nimport {\r\n applicantAllMatchMiddleWare,\r\n applicantFavoriteMiddleWare,\r\n applicantStatusMiddleWare,\r\n} from './store/middleware/applicantProfileMiddleware';\r\n\r\nvar querystring = require('querystring');\r\nconst cx = classNames.bind(styles);\r\n\r\ntype Props = {\r\n list: MatchEntityOne;\r\n match: MatchEntityOne[];\r\n candidateId?: any;\r\n applicant?: ApplicantEntity[];\r\n candidate_details: CandidateDetailsEntity[];\r\n inviteMessage: string;\r\n match_percentage?: number;\r\n align_width?: boolean;\r\n};\r\n\r\nconst InviteMatch = ({\r\n list,\r\n match,\r\n candidateId,\r\n applicant,\r\n candidate_details,\r\n match_percentage,\r\n inviteMessage,\r\n align_width,\r\n}: Props) => {\r\n const dispatch: AppDispatch = useDispatch();\r\n const [isInvitePopUp, setInvitePopUp] = useState(false);\r\n const [isFavLoader, setFavLoader] = useState(false);\r\n const [isInviteLoader, setInviteLoader] = useState(false);\r\n const [isDate, setDate] = useState('');\r\n const hanldeFavAction = (can_id: number, jd_id: number) => {\r\n setFavLoader(true);\r\n dispatch(applicantFavoriteMiddleWare({ can_id, jd_id }))\r\n .then(() => {\r\n dispatch(applicantAllMatchMiddleWare({ can_id })).then(() => {\r\n setFavLoader(false);\r\n });\r\n })\r\n .catch(() => {});\r\n };\r\n\r\n // invite popup open function\r\n const hanldeInvitePopUp = () => {\r\n setInvitePopUp(true);\r\n setDate(list.invited);\r\n };\r\n\r\n // invite popup close function\r\n const hanldeInviteClosePopUp = () => {\r\n setInvitePopUp(false);\r\n };\r\n // invite api call function\r\n const hanldeInvite = (jdId: number, candId: number) => {\r\n hanldeInviteClosePopUp();\r\n setInviteLoader(true);\r\n const data = querystring.stringify({\r\n jd_id: jdId,\r\n candi_id: candId,\r\n });\r\n axios\r\n .post(inviteToApplyApi, data, config)\r\n .then(() => {\r\n setInviteLoader(false);\r\n Toast('Candidate invited successfully.');\r\n dispatch(applicantAllMatchMiddleWare({ can_id: candidateId }));\r\n })\r\n .catch(() => {\r\n setInviteLoader(false);\r\n Toast(ERROR_MESSAGE, 'LONG', 'error');\r\n });\r\n };\r\n\r\n const checkMatch = useMemo(\r\n () =>\r\n match && match.length === 1 && applicant && applicant.length === 0\r\n ? align_width\r\n ? '47%'\r\n : '32%'\r\n : align_width\r\n ? '47%'\r\n : '32%',\r\n [],\r\n );\r\n const matchTitle = `${list.jd_title}`;\r\n // const zeroCount =(match_percentage => match_percentage === 0).length;\r\n const profileMatchCount = match.filter(\r\n (item) => item.profile_match === 0,\r\n ).length;\r\n return (\r\n <>\r\n {isInviteLoader && }\r\n {isEmpty(isDate) && (\r\n \r\n {`Invite will be sent as an email to ${toCamelCase(\r\n candidate_details[0].first_name,\r\n )}.`}\r\n Are you sure to proceed?\r\n \r\n ) : (\r\n \r\n {`Invite will be sent as an email to ${toCamelCase(\r\n candidate_details[0].first_name,\r\n )} ${toCamelCase(candidate_details[0]?.last_name)}.`}\r\n Are you sure to proceed?\r\n \r\n )\r\n }\r\n btnDelete={() => hanldeInvite(list.jd_id_id, list.candidate_id_id)}\r\n btnCancel={hanldeInviteClosePopUp}\r\n btnRight={YES}\r\n open={isInvitePopUp}\r\n />\r\n )}\r\n {!isEmpty(isDate) && (\r\n \r\n {`The candidate ${\r\n candidate_details &&\r\n toCamelCase(candidate_details[0].first_name)\r\n } ${\r\n candidate_details && candidate_details[0]?.last_name !== null\r\n ? toCamelCase(candidate_details[0]?.last_name)\r\n : ''\r\n } has already been invited for this job on ${getDateString(\r\n isDate,\r\n 'll',\r\n )}.`}\r\n Do you wish to invite again?\r\n \r\n }\r\n btnDelete={() => hanldeInvite(list.jd_id_id, list.candidate_id_id)}\r\n btnCancel={hanldeInviteClosePopUp}\r\n btnRight={YES}\r\n open={isInvitePopUp}\r\n />\r\n )}\r\n {list.profile_match !== 0 && (\r\n \r\n \r\n \r\n \r\n {matchTitle}\r\n \r\n \r\n\r\n \r\n {' '}\r\n {list.job_id}\r\n \r\n \r\n {!isEmpty(list.applicant) ? (\r\n \r\n Status :\r\n {`Applied`}\r\n \r\n ) : list.interested === false ? (\r\n \r\n {' '}\r\n \r\n Invite to apply\r\n \r\n \r\n ) : (\r\n \r\n {' '}\r\n \r\n Invite to apply\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n = 40 && list.profile_match < 69,\r\n countStyle3: list.profile_match > 69,\r\n })}\r\n >\r\n \r\n {list.profile_match}%\r\n \r\n \r\n \r\n\r\n \r\n hanldeFavAction(list.candidate_id_id, list.jd_id_id)\r\n }\r\n tabIndex={-1}\r\n role={'button'}\r\n onKeyPress={() => {}}\r\n >\r\n \r\n {isFavLoader ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default InviteMatch;\r\n","import { useSelector } from 'react-redux';\r\nimport { RootState } from '../../store';\r\nimport Flex from '../../uikit/Flex/Flex';\r\nimport Text from '../../uikit/Text/Text';\r\nimport styles from './allmatchtab.module.css';\r\nimport ApplicantMatch from './ApplicantMatch';\r\nimport InviteMatch from './InviteMatch';\r\n\r\ntype Props = {\r\n title: string;\r\n inviteMessage: string;\r\n width?: string;\r\n align_width?: boolean;\r\n};\r\nconst AllMatchTab = ({ width, title, inviteMessage, align_width }: Props) => {\r\n const { match, applicant, candidate_details, can_id } = useSelector(\r\n ({\r\n applicantAllMatchReducers,\r\n applicantStausReducers,\r\n applicantProfileInitalReducers,\r\n }: RootState) => {\r\n return {\r\n match: applicantAllMatchReducers.match,\r\n applicant: applicantAllMatchReducers.applicant,\r\n invite: applicantStausReducers.invite,\r\n candidate_details: applicantProfileInitalReducers.candidate_details,\r\n can_id: applicantProfileInitalReducers.can_id,\r\n };\r\n },\r\n );\r\n const profileMatchCount = match.filter(item => item.profile_match === 0).length;\r\n return (\r\n \r\n \r\n All Matching jobs\r\n \r\n {match && match.length === 0 && applicant && applicant.length === 0 && (\r\n \r\n This candidate is not a match for any jobs\r\n \r\n )}\r\n {match.length === profileMatchCount &&\r\n \r\n This candidate is not a match for any jobs\r\n }\r\n {/* {match && match.length === && (\r\n \r\n This candidate is not a match for any jobs\r\n \r\n )} */}\r\n {match && match.length !== 0 || applicant && applicant.length !== 0 ?\r\n \r\n {match &&\r\n match.map((list, index) => {\r\n return (\r\n \r\n );\r\n }).reverse()}\r\n\r\n {applicant &&\r\n applicant.map((list, index) => {\r\n return (\r\n \r\n );\r\n }).reverse()}\r\n : ''}\r\n\r\n \r\n );\r\n};\r\n\r\nexport default AllMatchTab;\r\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#34cc65',\n width: 14,\n height: 14,\n};\n\nconst SvgDone = ({ width, height, fill }: typeof defaultProps) => {\n return (\n \n \n \n );\n};\nSvgDone.defaultProps = defaultProps;\n\nexport default SvgDone;\n","/* eslint max-len: [\"error\", { \"code\": 2000 }] */\nconst defaultProps = {\n fill: '#424242',\n width: '13',\n height: '13',\n className: '',\n };\n \n interface Props {\n fill?: string;\n width?: string | number;\n height?: string | number;\n className?: string;\n }\n \n const SvgClose = ({ fill, width, height, className }: Props) => (\n \n \n \n );\n \n SvgClose.defaultProps = defaultProps;\n \n export default SvgClose;\n ","import { useDispatch, useSelector } from 'react-redux';\nimport axios from 'axios';\nimport { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport { Bothcandidateidjobid } from '../../routes/apiRoutes';\nimport ProgressBar from '../../uikit/ProgressBar/ProgressBar';\nimport Flex from '../../uikit/Flex/Flex';\nimport Text from '../../uikit/Text/Text';\nimport SvgDone from '../../icons/SvgDone';\nimport SvgClose from '../../icons/Svgnotmatch';\nimport SvgSubcriptioncrown from '../../icons/Subscriptioncrown';\nimport { GARY_7, WHITE } from '../../uikit/Colors/colors';\nimport { AppDispatch, RootState } from '../../store';\nimport Tab from '../../uikit/Tabs/Tab';\nimport { Loader } from '../../uikit';\nimport { Button, LinkWrapper } from '../../uikit';\nimport Tabs from '../../uikit/Tabs/Tabs';\nimport { WeightagematchinggetMiddleWare } from '../createjdmodule/store/middleware/createjdmiddleware';\nimport { SubsriptionMiddleWare } from '../navbar/empnavbar/store/navbarmiddleware';\nimport SubscriptionModal from '../subscriptionmodule/subscriptionmoduleScreen';\nimport { CandidatejobidMatchMiddleWare } from './store/middleware/applicantProfileMiddleware';\nimport styles from './matchinganalysistab.module.css';\nimport AllMatchTab from './AllMatchTab';\nconst colorCode = [WHITE, GARY_7];\nexport interface DateEntity {\n not_matched_skills: [];\n not_matched_qualification: [];\n}\nexport type MyJobFormProps = {\n Notmatch: DateEntity;\n data: string;\n // postedOn: DateEntity;\n // jobType: string;\n // location: string;\n};\ntype Props = {\n updatr_overall?: (val: any) => void;\n dispatchhandling?: () => void;\n}\nconst MatchingAnalysisbasicTab = ({ updatr_overall, dispatchhandling }: Props) => {\n //subcription setstate\n const [isopensubcription, setopensubcription] = useState(false);\n\n useEffect(() => {\n dispatch(SubsriptionMiddleWare());\n }, []);\n const {\n matchql,\n data,\n overall_percentage,\n non_tech_percentage,\n Notmatchql,\n Notmatch,\n qualification_percent,\n skills_percent,\n overallskill,\n isLoading,\n overallQualification,\n jd_id,\n can_id,\n outputtech,\n outputnontech,\n ai_matching_plan,\n Permission\n } = useSelector(\n ({\n applicantProfileInitalReducers,\n candidatejdmatchReducers,\n weightageReducers,\n permissionReducers\n }: RootState) => {\n return {\n can_id: applicantProfileInitalReducers.can_id,\n jd_id: applicantProfileInitalReducers?.jd_id,\n isLoading: candidatejdmatchReducers.isLoading,\n ai_matching: candidatejdmatchReducers?.ai_matching,\n aidata: candidatejdmatchReducers?.data,\n match: candidatejdmatchReducers.match\n ? candidatejdmatchReducers.match\n : [],\n ai_matching_plan: candidatejdmatchReducers.ai_matching_plan,\n matchql: candidatejdmatchReducers.matched_data.matched_qualification,\n data: candidatejdmatchReducers.matched_data.matched_skills,\n overall_percentage: candidatejdmatchReducers.overall_percentage,\n non_tech_percentage: candidatejdmatchReducers.non_tech_percentage,\n Notmatch: candidatejdmatchReducers.not_matched_data.not_matched_skills,\n Notmatchql: candidatejdmatchReducers.not_matched_data.not_matched_qualification,\n qualification_percent: candidatejdmatchReducers.qualification_percent,\n skills_percent: candidatejdmatchReducers.skills_percent,\n overallskill: candidatejdmatchReducers.source.jd_skills,\n overallQualification: candidatejdmatchReducers.source.qualification,\n matchedlocation: candidatejdmatchReducers.matched_data.matched_location,\n notmatchedlocation: candidatejdmatchReducers.not_matched_data.not_matched_location,\n location: candidatejdmatchReducers.source.jd_location,\n location_percent: candidatejdmatchReducers.location_percent,\n success: weightageReducers.success,\n non_tech: weightageReducers.non_tech,\n tech: weightageReducers.tech_skills,\n outputnontech: candidatejdmatchReducers.non_technical,\n outputtech: candidatejdmatchReducers.technical,\n Permission: permissionReducers.data,\n\n };\n },\n );\n\n\n const [valtech, setvaltech] = useState(outputtech.length > 0 ? outputtech : [])\n const [valnontech, setvalnontech] = useState(outputnontech.length > 0 ? outputnontech : [])\n\n\n\n const [isViewMoreClicked, setIsViewMoreClicked] = useState(false);\n\n const handleViewMoreClick = () => {\n setIsViewMoreClicked(true);\n };\n\n const handleViewLessClick = () => {\n setIsViewMoreClicked(false);\n };\n const [isCollapse, setCollapse] = useState(false);\n const [isloadings, setisloading] = useState(false);\n\n const isTablet = useMediaQuery({ query: '(max-width: 1000px)' });\n const normal = useMediaQuery({ query: '(min-width: 1000px) and (max-width: 1411px)' });\n\n let formData = new FormData();\n const [isnextLoader, setnextLoader] = useState(false)\n\n\n const [model, setmodel] = useState(false)\n const [isInfoPopupOpen, setInfoPopupOpen] = useState(false);\n\n const [islodermatch, setloadermatch] = useState(false);\n\n const [overallpercent, setoverallpercent] = useState();\n\n\n useEffect(() => {\n setoverallpercent(overall_percentage)\n setvaltech(outputtech)\n setvalnontech(outputnontech)\n }, [])\n\n\n\n const [expandedIndex2, setExpandedIndex2] = useState([]);\n const [expandedIndex, setExpandedIndex] = useState([]);\n const dispatch: AppDispatch = useDispatch();\n\n function calculateLineCount(text, lineHeight, maxWidth) {\n // Create a temporary element to measure the text\n const tempElement = document.createElement(\"div\");\n tempElement.style.position = \"absolute\";\n tempElement.style.whiteSpace = \"pre-wrap\";\n tempElement.style.wordWrap = \"break-word\";\n tempElement.style.lineHeight = `${lineHeight}px`;\n tempElement.style.width = `${maxWidth}px`;\n tempElement.innerHTML = text;\n\n // Append the temporary element to the document\n document.body.appendChild(tempElement);\n\n // Calculate the number of lines based on the height of the element\n const lineCount = Math.ceil(tempElement.clientHeight / lineHeight);\n\n // Remove the temporary element\n document.body.removeChild(tempElement);\n\n return lineCount;\n }\n\n\n const handleToggleCollapse = (index) => {\n setExpandedIndex((prevIndexes) =>\n prevIndexes.includes(index)\n ? prevIndexes.filter((prevIndex) => prevIndex !== index)\n : [...prevIndexes, index]\n );\n };\n const handleToggleCollapse2 = (index) => {\n setExpandedIndex2((prevIndexes) =>\n prevIndexes.includes(index)\n ? prevIndexes.filter((prevIndex) => prevIndex !== index)\n : [...prevIndexes, index]\n );\n };\n\n useEffect(() => {\n setExpandedIndex([]);\n setExpandedIndex2([]);\n }, []);\n\n useEffect(() => {\n if (isLoading === true) {\n setisloading(true);\n } else {\n setisloading(false);\n }\n }, []);\n\n\n const checkMatch = overall_percentage === 0 ? true : false;\n const profileMatch = checkMatch ? 0 : overall_percentage;\n const skillconvert = Math.round((skills_percent / 95) * 100);\n const qualificationconvert = (qualification_percent / 5) * 100;\n return (\n <>\n \n \n \n \n Matching Analysis\n \n \n \n \n Overall matching score for this candidate with the job\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Skills\n \n \n \n \n \n \n \n Qualification\n \n \n \n \n \n\n {/* manoj \n \n Location \n \n \n \n \n manoj */}\n \n \n \n \n \n \n \n Skills\n \n \n \n {data ? data.length : 0}/\n {overallskill ? overallskill.length : 0}\n \n \n \n {data ? data.map((list) => {\n return (\n <>\n \n \n \n
\n \n {list}{' '}\n \n \n \n );\n }) : ''}\n {Notmatch ? Notmatch.map((fix) => {\n return (\n <>\n \n \n \n \n \n \n {' '}\n {fix}\n \n \n {' '}\n \n );\n }) : ''}\n \n \n \n\n \n \n \n Qualification\n \n \n \n {matchql ? matchql.length : 0}/\n {overallQualification ? overallQualification.length : 0}\n \n \n \n {matchql ? matchql.map((list) => {\n return (\n <>\n \n \n \n
\n \n {list}{' '}\n \n \n \n );\n }) : ''}\n {Notmatchql ? Notmatchql.map((list) => {\n return (\n <>\n \n \n \n \n \n {list}{' '}\n \n {' '}\n \n );\n }) : ''}\n \n \n \n \n {isopensubcription && (\n \n )}\n \n );\n};\n\nexport default MatchingAnalysisbasicTab;","import * as React from 'react';\nconst SvgNoData = (props) => (\n \n \n \n);\nexport default SvgNoData;","import * as React from 'react';\nconst SvgUpArrow = (props) => (\n \n \n \n);\nexport default SvgUpArrow;","import * as React from 'react';\nconst SvgArrowDown1 = (props) => (\n \n \n \n);\nexport default SvgArrowDown1;","import { useDispatch, useSelector } from 'react-redux';\nimport axios from 'axios';\nimport { useEffect, useState } from 'react';\nimport { CircularProgressbar, buildStyles } from 'react-circular-progressbar';\nimport ProgressBar from \"@ramonak/react-progress-bar\";\nimport { useMediaQuery } from 'react-responsive';\nimport { Bothcandidateidjobid } from '../../routes/apiRoutes';\nimport Flex from '../../uikit/Flex/Flex';\nimport Text from '../../uikit/Text/Text';\nimport { Card, Modal, Toast } from '../../uikit';\nimport SvgDone from '../../icons/SvgDone';\nimport SvgClose from '../../icons/Svgnotmatch';\nimport { GARY_7, WHITE } from '../../uikit/Colors/colors';\n\nimport { AppDispatch, RootState } from '../../store';\nimport Tab from '../../uikit/Tabs/Tab';\nimport { Loader } from '../../uikit';\nimport { Button, LinkWrapper } from '../../uikit';\nimport Tabs from '../../uikit/Tabs/Tabs';\nimport SvgAngle from '../../icons/SvgAngle';\nimport SvgNoData from '../../icons/SvgNoData';\nimport SvgModuleicon from '../../icons/SvgModuleicon';\n\nimport { removeUnderScores, lowerCase } from '../../uikit/helper';\nimport { WeightagematchinggetMiddleWare, WeightagematchingpostMiddleWare } from '../createjdmodule/store/middleware/createjdmiddleware';\nimport SvgUpArrow from '../../icons/SvgArrowUp';\nimport SvgArrowDown1 from '../../icons/SvgArrowDown1';\nimport {\n MatchArray,\n MatchJobArray,\n MatchLocationArray,\n WithoutArray,\n WithoutJobArray,\n WithoutLocationArray,\n} from './matchAnalysisTab';\nimport styles from './matchinganalysistab.module.css';\nimport AllMatchTab from './AllMatchTab';\nimport { CandidatejobidMatchMiddleWare } from './store/middleware/applicantProfileMiddleware';\nconst colorCode = [WHITE, GARY_7];\nexport interface DateEntity {\n not_matched_skills: [];\n not_matched_qualification: [];\n}\nexport type MyJobFormProps = {\n Notmatch: DateEntity;\n data: string;\n // postedOn: DateEntity;\n // jobType: string;\n // location: string;\n};\ntype Props = {\n updatr_overall?: (val: any) => void;\n technicalres?: any[];\n nontechnicalres?: any[];\n overallres?: number;\n overallnontechres?: number;\n status?: boolean;\n}\nconst Matchinganalysisweightage = ({ updatr_overall, technicalres, nontechnicalres, overallres, overallnontechres, status }: Props) => {\n\n const {\n match,\n matchql,\n data,\n overall_percentage,\n non_tech_percentage,\n Notmatchql,\n Notmatch,\n qualification_percent,\n skills_percent,\n overallskill,\n isLoading,\n overallQualification,\n notmatchedlocation,\n matchedlocation,\n location,\n location_percent,\n ai_matching,\n aidata,\n jd_id,\n can_id,\n tech,\n success,\n non_tech,\n outputtech,\n outputnontech,\n\n ai_matching_plan,\n current_plan,\n techres,\n nontechres,\n overall,\n nontechpercent,\n\n } = useSelector(\n ({\n applicantProfileInitalReducers,\n candidatejdmatchReducers,\n weightageReducers,\n permissionReducers,\n SubscriptionReducers,\n }: RootState) => {\n return {\n can_id: applicantProfileInitalReducers.can_id,\n jd_id: applicantProfileInitalReducers?.jd_id,\n isLoading: candidatejdmatchReducers.isLoading,\n ai_matching: candidatejdmatchReducers?.ai_matching,\n aidata: candidatejdmatchReducers?.data,\n match: candidatejdmatchReducers.match\n ? candidatejdmatchReducers.match\n : [],\n ai_matching_plan: candidatejdmatchReducers.ai_matching_plan,\n matchql: candidatejdmatchReducers.matched_data.matched_qualification,\n data: candidatejdmatchReducers.matched_data.matched_skills,\n overall_percentage: candidatejdmatchReducers.overall_percentage,\n non_tech_percentage: candidatejdmatchReducers.non_tech_percentage,\n Notmatch: candidatejdmatchReducers.not_matched_data.not_matched_skills,\n Notmatchql: candidatejdmatchReducers.not_matched_data.not_matched_qualification,\n qualification_percent: candidatejdmatchReducers.qualification_percent,\n skills_percent: candidatejdmatchReducers.skills_percent,\n overallskill: candidatejdmatchReducers.source.jd_skills,\n overallQualification: candidatejdmatchReducers.source.qualification,\n matchedlocation: candidatejdmatchReducers.matched_data.matched_location,\n notmatchedlocation: candidatejdmatchReducers.not_matched_data.not_matched_location,\n location: candidatejdmatchReducers.source.jd_location,\n location_percent: candidatejdmatchReducers.location_percent,\n success: weightageReducers.success,\n non_tech: weightageReducers.non_tech,\n current_plan: SubscriptionReducers.current_plan,\n tech: weightageReducers.tech_skills,\n outputnontech: candidatejdmatchReducers.non_technical,\n outputtech: candidatejdmatchReducers.technical,\n techres: weightageReducers.technical,\n nontechres: weightageReducers.non_technical,\n overall: weightageReducers.overall,\n nontechpercent: weightageReducers.nontech_score\n\n\n };\n },\n );\n const [valtech, setvaltech] = useState(outputtech.length > 0 ? outputtech : [])\n const [valnontech, setvalnontech] = useState(outputnontech.length > 0 ? outputnontech : [])\n\n\n\n const [isViewMoreClicked, setIsViewMoreClicked] = useState(false);\n\n const handleViewMoreClick = () => {\n setIsViewMoreClicked(true);\n };\n\n const handleViewLessClick = () => {\n setIsViewMoreClicked(false);\n };\n const [isCollapse, setCollapse] = useState(false);\n const [isloadings, setisloading] = useState(false);\n\n const isTablet = useMediaQuery({ query: '(max-width: 1000px)' });\n const normal = useMediaQuery({ query: '(min-width: 1000px) and (max-width: 1411px)' });\n\n let formData = new FormData();\n const [isnextLoader, setnextLoader] = useState(false)\n\n\n const [model, setmodel] = useState(false)\n const [isInfoPopupOpen, setInfoPopupOpen] = useState(false);\n\n const [islodermatch, setloadermatch] = useState(false);\n\n const [overallpercent, setoverallpercent] = useState();\n\n const [overallpercentnontech, setoverallpercentnontech] = useState();\n\n\n // useEffect(() => {\n // setoverallpercent(overall_percentage)\n // setvaltech(outputtech)\n // setvalnontech(outputtech)\n // setoverallpercentnontech(non_tech_percentage)\n // } , [])\n\n const [expandedIndex2, setExpandedIndex2] = useState([]);\n const [expandedIndex, setExpandedIndex] = useState([]);\n const dispatch: AppDispatch = useDispatch();\n\n function calculateLineCount(text, lineHeight, maxWidth) {\n // Create a temporary element to measure the text\n const tempElement = document.createElement(\"div\");\n tempElement.style.position = \"absolute\";\n tempElement.style.whiteSpace = \"pre-wrap\";\n tempElement.style.wordWrap = \"break-word\";\n tempElement.style.lineHeight = `${lineHeight}px`;\n tempElement.style.width = `${maxWidth}px`;\n tempElement.innerHTML = text;\n\n // Append the temporary element to the document\n document.body.appendChild(tempElement);\n\n // Calculate the number of lines based on the height of the element\n const lineCount = Math.ceil(tempElement.clientHeight / lineHeight);\n\n // Remove the temporary element\n document.body.removeChild(tempElement);\n\n return lineCount;\n }\n\n\n const handleToggleCollapse = (index) => {\n setExpandedIndex((prevIndexes) =>\n prevIndexes.includes(index)\n ? prevIndexes.filter((prevIndex) => prevIndex !== index)\n : [...prevIndexes, index]\n );\n };\n const handleToggleCollapse2 = (index) => {\n setExpandedIndex2((prevIndexes) =>\n prevIndexes.includes(index)\n ? prevIndexes.filter((prevIndex) => prevIndex !== index)\n : [...prevIndexes, index]\n );\n };\n\n useEffect(() => {\n setExpandedIndex([]);\n setExpandedIndex2([]);\n }, []);\n\n useEffect(() => {\n if (isLoading === true) {\n setisloading(true);\n } else {\n setisloading(false);\n }\n }, []);\n const dispatchhandling = () => {\n dispatch(\n CandidatejobidMatchMiddleWare({\n jd_id: jd_id,\n can_id: can_id,\n matching: true,\n }),\n );\n };\n const checkMatch = overall_percentage === 0 ? true : false;\n const profileMatch = checkMatch ? 0 : overall_percentage;\n const skillconvert = Math.round((skills_percent / 95) * 100);\n const qualificationconvert = (qualification_percent / 5) * 100;\n return (\n <>\n {isloadings || islodermatch && }\n \n \n\n \n