\n {data?.SenderUser?.AccountId === userProfile?.AccountId ? (\n {\"Bid Amount\"}
\n ) : null}\n\n \n {\"$\"}\n {data?.SourceTypeId == 1\n ? bidUpdateSuccess?.ActualRate?.$numberDecimal\n ? bidUpdateSuccess?.ActualRate?.$numberDecimal\n : bidUpdateSuccess?.ActualRate?.toLocaleString(\"en-US\")\n ? bidUpdateSuccess?.ActualRate?.toLocaleString(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })\n : bidUpdateSuccess?.Rate?.$numberDecimal\n ? bidUpdateSuccess?.Rate?.$numberDecimal\n : bidUpdateSuccess?.Rate?.toLocaleString(\"en-US\")\n ? bidUpdateSuccess?.Rate?.toLocaleString(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })\n : cardDetails?.ActualRate?.$numberDecimal\n ? cardDetails?.ActualRate?.$numberDecimal\n : cardDetails?.ActualRate?.toLocaleString(\"en-US\")\n ? cardDetails?.ActualRate?.toLocaleString(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })\n : cardDetails?.Rate?.$numberDecimal\n ? cardDetails?.Rate?.$numberDecimal\n : cardDetails?.Rate?.toLocaleString(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })\n : bidUpdateSuccess?.Rate?.$numberDecimal\n ? bidUpdateSuccess?.Rate?.$numberDecimal\n : bidUpdateSuccess?.Rate?.toLocaleString(\"en-US\")\n ? bidUpdateSuccess?.Rate?.toLocaleString(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })\n : cardDetails?.Rate?.$numberDecimal\n ? cardDetails?.Rate?.$numberDecimal\n : cardDetails?.Rate?.toLocaleString(\"en-US\", {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n })}\n /\n {cardDetails?.BudgetTypeId\n ? budgetOptions?.find((o) => {\n return o.BudgetTypeId === cardDetails?.BudgetTypeId;\n }).BudgetTypeName\n : null}\n
\n {/* {cardDetails?.BudgetTypes\n ? cardDetails?.BudgetTypes?.BudgetTypeCode ??\n cardDetails?.BudgetTypes?.BudgetTypeName\n : SkillListingCard?.BudgetTypes?.BudgetTypeName ??\n SkillListingCard?.BudgetTypeCode} */}\n \n {data?.GigCard?.WorkplacePolicy != \"fully-remote\" && (\n \n Location
\n \n {`${\n data?.GigCard?.CityName || data?.GigCard?.Cities?.CityName\n }, ${data?.GigCard?.Regions?.RegionName}`}\n
\n
\n )}\n {data?.ProposalCard?.IdealTermsName && (\n \n Tax Terms
\n {`${data?.ProposalCard?.IdealTermsName}`}
\n
\n )}\n\n \n Ideal start date
\n \n {bidUpdateSuccess?.IdealStartDate\n ? moment(bidUpdateSuccess?.IdealStartDate).format(\n \"MMMM DD, YYYY\"\n )\n : moment(cardDetails?.IdealStartDate).format(\n \"dddd , MMMM DD, YYYY\"\n )}\n
\n
\n {permanentJob ? null : (\n \n Contract length
\n \n {/* {bidUpdateSuccess?.IdealContractLength\n ? bidUpdateSuccess?.IdealContractLength\n ?.IdealContractLengthValue\n : cardDetails?.IdealContractLength\n ? cardDetails.IdealContractLength?.IdealContractLengthValue\n : GigCard?.IdealContractLength?.IdealContractLengthName} */}\n {\n permanentJob\n ? \"Permanent\": cardDetails?.IdealTerm\n ? contractOptions?.find((o) => o.IdealContractLengthId === cardDetails?.IdealTerm)\n ?.IdealContractLengthName\n : cardDetails?.IdealTermsId\n ? contractOptions?.find((o) => o.IdealContractLengthId === cardDetails?.IdealTermsId) ?.IdealContractLengthName\n : null\n}\n
\n {/* \n {bidUpdateSuccess?.IdealContractLength ??\n cardDetails?.IdealContractLength\n ? cardDetails?.IdealContractLength\n : GigCard?.IdealContractLengthName}\n
*/}\n
\n )}\n {/* \n Job rate
\n \n {\"$\"}\n {bidUpdateSuccess?.Rate?.$numberDecimal ??\n cardDetails?.Rate?.$numberDecimal ??\n cardDetails?.Rate}\n /{bidUpdateSuccess?.BudgetType ?? cardDetails?.BudgetType}\n
\n
*/}\n \n \n {data?.SenderUser?.AccountId === userProfile?.AccountId ? (\n
\n ) : (\n
\n
Recruiter’s Message
\n
\n
\n )}\n {/*
\n {moment(Created).format(\"hh:mm A\")}{\" \"}\n {data?.SenderUser?.AccountId === userProfile?.AccountId ? (\n \n \n {\n setRejectModalVisible(true);\n setBidinfoTip(false);\n }}\n disabled={disableHandler()}\n >\n {bidLoading === \"Declined\" ? {\n setBidinfoTip(true);\n }}\n id=\"Accept-btn\"\n className={\n status == \"Retracted Bid\" ||\n bidStatus.includes(\"Accepted Bid\") ||\n bidStatus.includes(\"Declined Bid\")\n ? \"Retracted-btn\"\n : \"btncard\"\n }\n onClick={() => AcceptCandidateBid(\"Accepted\")}\n disabled={disableHandler()}\n >\n {bidLoading === \"Accept\" ? (\n \n
Accept
\n
(For Interview) \n
\n
Accept
\n
(For Interview) \n
}\n
\n ) : (\n source == 2 && (\n \n {\n if (isDisable){\n return;\n }\n setVisible(true)}}\n >\n {status == \"Retracted Bid\" ? \"retracted\" : \"Retract bid\"}\n \n {\n if (isDisable){\n return;\n }\n EditBidFunction(true);\n }}\n >\n Edit bid\n \n \n
\n )\n )}\n \n \n
Let us know the reason why you're not interested
\n
{\n setRejectReason(e.target.getAttribute(\"data-id\"));\n reasononeRef.current.style.background = \"#e7f3eb\";\n reasonthreeRef.current.style.background = \"#fff\";\n reasontwoRef.current.style.background = \"#fff\";\n reasonfourRef.current.style.background = \"#fff\";\n }}\n ref={reasononeRef}\n >\n On assignment\n {\n setRejectReason(e.target.getAttribute(\"data-id\"));\n reasontwoRef.current.style.background = \"#e7f3eb\";\n reasonthreeRef.current.style.background = \"#fff\";\n reasononeRef.current.style.background = \"#fff\";\n reasonfourRef.current.style.background = \"#fff\";\n }}\n >\n Not interested in the location\n \n {\n setRejectReason(e.target.getAttribute(\"data-id\"));\n reasonthreeRef.current.style.background = \"#e7f3eb\";\n reasontwoRef.current.style.background = \"#fff\";\n reasononeRef.current.style.background = \"#fff\";\n reasonfourRef.current.style.background = \"#fff\";\n }}\n >\n Estimated pay rate is too low\n \n {\n setRejectReason(e.target.getAttribute(\"data-id\"));\n reasonthreeRef.current.style.background = \"#fff\";\n reasontwoRef.current.style.background = \"#fff\";\n reasononeRef.current.style.background = \"#fff\";\n reasonfourRef.current.style.background = \"#e7f3eb\";\n }}\n >\n Skills not a match\n \n {\n rejectReason && AcceptCandidateBid(\"Declined\", rejectReason);\n // if (title == \"Cancel this interview?\") {\n // dispatch(\n // updateInterview({\n // InterviewId: interviewId,\n // InterviewStatus: \"Interview Cancelled\",\n // Reason: rejectReason,\n // })\n // );\n // } else {\n // dispatch(\n // updateBid({\n // id: bidId,\n // BidStatusName: \"Offer Declined\",\n // SkillListingId: SkillListing_id,\n // DeclineReason: rejectReason,\n // })\n // );\n // }\n }}\n >\n {/* {\n history.push(`/details/${gigData?.JobOrderId}`);\n }}\n >\n {gigData?.Title}\n \n {ProfessionCode === \"IT\" ? (\n {gigData?.WorkplacePolicy}
\n ) : (\n \n
\n \n
\n
\n
{gigData?.FacilityName ? gigData?.FacilityName : \"N/A\"}
\n
\n
\n
\n
\n {/* 4 */}\n {gigData?.facilityRating?.rating\n ? Number(gigData?.facilityRating?.rating)\n : DefaultsRating}\n
\n
\n
\n {gigData?.facilityRating?.reviews &&\n \"(\" + gigData?.facilityRating?.reviews + \")\"}\n
\n {/*
{moment({ time }).fromNow()}
*/}\n
\n
\n
\n
Details
\n {detailsData.map((data) => (\n
\n \n \n {data} \n
\n ))}\n
\n
\n
Documents
\n {documentsData.map((data) => (\n
\n \n \n {data} \n
\n ))}\n
\n By being submitted you will be able to reserve a spot for the hiring\n manager to review your qualifications and make an offer to you - this\n is an incentive rate position and will go fast!\n
\n
\n
\n
Bonus
\n {/* {bonusData.map((data) => ( */}\n
\n \n \n \n $500 Referral Bonus\n Program Available -- refer another RN and you get paid if they work.\n \n
\n
\n \n \n \n $150 Bonus - Provide\n submission Documents within 2 hours\n \n
\n
\n
\n
\n \n
{\n if (props.isPlacedBids) {\n history.push(\"/placebids\");\n }\n if (props.isReceivedBids) {\n history.push(\"/receivedbids\");\n }\n }}\n className=\"bid-header-text\"\n >\n {pageType}\n \n
\n \n {gigData?.Title?.length > 23 && dimensions < 720\n ? gigData?.Title?.slice(0, 23) + \"...\"\n : gigData?.Title}\n
\n \n {dimensions > 768 && detailTitleView}\n \n {isReceivedBids && (\n \n {bidData?.skill_listings?.Title\n ? bidData?.skill_listings?.Title\n : \"N/A\"}\n
\n )}\n \n \n
\n
\n {bidType == \"Bid\"\n ? bidData?.ActualRate?.$numberDecimal\n ? bidData?.ActualRate?.$numberDecimal\n : bidData?.ActualRate\n ? bidData?.ActualRate.toFixed(2)\n : bidData?.Rate?.$numberDecimal\n ? bidData?.Rate?.$numberDecimal\n : bidData.Rate?.toLocaleString(\"en-US\")\n ? bidData.Rate?.toLocaleString(\"en-US\")\n : 0\n : bidData?.Rate?.$numberDecimal\n ? bidData?.Rate?.$numberDecimal\n : bidData.Rate?.toLocaleString(\"en-US\")\n ? bidData.Rate?.toLocaleString(\"en-US\")\n : 0}\n / {getBidRateType(bd)}\n
\n {/*
${bidData?.Rate ? Number(bidData?.Rate) : 0}/wk
*/}\n {/*
4000/wk
*/}\n
\n {/* {ProfessionCode === \"HC\"\n ? \"Pay Package\"\n : \"Estimated pay package\"} */}\n {ProfessionCode === \"HC\"\n ? props.isPlacedBids\n ? \"Desired pay\"\n : \"Pay package\"\n : props.isPlacedBids\n ? \"Desired pay\"\n : \"Estimated pay package\"}\n
\n
\n
\n {/*
Las Vegas
*/}\n
\n {gigData?.Cities?.CityName}, {gigData?.Regions?.Code}\n
\n
\n
\n
\n {placeholder ? (\n setDefaultplaceholder(true)}\n />\n ) : (\n showPlaceholder(true)}\n />\n )}\n \n {dimensions < 768 && (\n {detailTitleView}
\n )}\n {/* {dimensions > 768 && isPlacedBids ? contentDetailPage : null} */}\n \n \n \n {dimensions > 768 && (\n \n {isReceivedBids ? (\n
\n )}\n {dimensions < 768 &&
}\n \n \n About the bid
\n {/* {gigData?.Description}
*/}\n \n \n {/* {ProfessionCode === \"HC\"\n ? \"Pay Package\"\n : \"Estimated pay package\"} */}\n {ProfessionCode === \"HC\"\n ? props.isPlacedBids\n ? \"Desired Pay\"\n : \"Pay package\"\n : props.isPlacedBids\n ? \"Desired Pay\"\n : \"Estimated pay package\"}\n \n \n $\n {bidType == \"Bid\"\n ? bidData?.ActualRate?.$numberDecimal\n ? bidData?.ActualRate?.$numberDecimal\n : bidData?.ActualRate?.toLocaleString(\"en-US\")\n ? bidData?.ActualRate?.toLocaleString(\"en-US\")\n : 0\n : bidData?.Rate?.$numberDecimal\n ? bidData?.Rate?.$numberDecimal\n : bidData?.Rate?.toLocaleString(\"en-US\")\n ? bidData.Rate?.toLocaleString(\"en-US\")\n : 0}\n / {getBidRateType(bd)}\n {/* ${bidData?.Rate ? bidData?.Rate : 0}/WK */}\n \n
\n \n {isPlacedBids && (\n <>\n Location \n \n {gigData?.Regions?.Code || gigData?.Cities?.CityName\n ? `${gigData?.Cities?.CityName}, ${\n gigData?.Regions?.Code && gigData?.Regions?.Code\n }`\n : \"N/A\"}\n \n \n )}\n {isReceivedBids && (\n <>\n \n Ideal start date\n \n \n {bidData?.IdealStartDate\n ? moment(bidData?.IdealStartDate).format(\"MMM DD, YYYY\")\n : \"N/A\"}\n \n \n )}\n
\n \n {isPlacedBids && (\n <>\n Tax term \n \n {bidData?.IdealTermsName ? bidData?.IdealTermsName : \"N/A\"}\n \n \n )}\n {isReceivedBids && bidData?.IdealTerm != null && (\n <>\n \n Contract length\n \n \n {/* {bidData?.IdealContractLength?.IdealContractLengthName\n ? bidData?.IdealContractLength?.IdealContractLengthName\n : \"N/A\"} */}\n {bidData?.IdealTerm\n ? contractOptions?.find((o) => {\n return (\n o?.IdealContractLengthId === bidData?.IdealTerm\n );\n })?.IdealContractLengthName\n : bidData?.IdealTerm\n ? contractOptions?.find((o) => {\n return (\n o?.IdealContractLengthId === bidData?.IdealTerm\n );\n })?.IdealContractLengthName\n : null}\n \n \n )}\n
\n {/* \n Job Rate \n \n ${gigData?.BudgetMin ? Number(gigData?.BudgetMin) * 40 : 0}/wk\n \n
*/}\n \n \n
Cover letter
\n {/*
\n {Message?.slice(0, seeMore)}\n {Message?.length > 400 && seeMore === 400 ? (\n {\n setseeMore();\n }}\n >\n {\" \"}\n {Space} See More...\n \n ) : null}\n
*/}\n
\n */}\n {Message?.length > 400 && (\n {\n setseeMore(!seeMore);\n }}\n className=\"seeMoreButton\"\n >\n {!seeMore ? \"See more\" : \"See less\"}\n \n )}\n \n {/* {dimensions < 768 && (\n \n Show full job description\n
\n )} */}\n {/* \n {contentDetailPage}\n Happy Skillgigsing :)
\n */}\n {/* {dimensions > 768 && StageAboutUI} */}\n {dimensions > 768 && StageAboutUI}\n {dimensions < 768 && ActionButtonMobile}\n {dimensions < 768 && stageRanking?.BidStatusName === \"Hired\" ? (\n \n
history.push(`/messages`)}\n onClick={() =>\n history.push({\n pathname: `/messages`,\n // pathname: `/messages/${bidData?.message?.ConversationId}`,\n state: {\n openConvo: true,\n conversationId: bidData?.message?.ConversationId,\n },\n })\n }\n >\n Chat with the employer \n \n \n \n \n \n {ExtraSection}\n {dimensions > 768 &&\n stageRanking?.BidStatusName !== \"On Billing\" &&\n stageRanking?.BidStatusName !== \"Off Billing\" &&\n stageRanking?.BidStatusName !== \"Billing Extend\" &&\n stageRanking?.BidStatusName !== \"Canceled\" &&\n stageRanking?.BidStatusName !== \"Terminated\" && (\n \n
\n history.push({\n pathname: `/messages`,\n // pathname: `/messages/${bidData?.message?.ConversationId}`,\n state: {\n openConvo: true,\n conversationId: bidData?.message?.ConversationId,\n },\n })\n }\n >\n \n \n Let's talk \n \n
Want to discuss this opportunity further?
\n
Chat with the employer directly.
\n
\n \n
\n
\n
\n Clicking on ‘Interested’ on a bid doesn’t mean a job offer or you've been hired. It simply indicates you would like to consider this job opportunity.\n
\n
{ setBidinfoTip(false); e.stopPropagation() }}\n >Got it \n \n }\n color=\"#ddeefe\"\n overlayClassName=\"tooltip-class\"\n placement={props.placement}\n defaultVisible={true}\n defaultOpen={true}\n visible={bidInfotip}\n overlayStyle={{zIndex:'999'}}\n >\n {props.children}\n \n )\n}","import React from \"react\";\nimport \"../ReceivedBidDetailPage.css\";\nimport { BidinfoTooltip } from \"../../../../components/BidInfoTooltip\";\n\nconst Interested_NotInterested = (props) => {\n const {\n disableState,\n yes,\n no,\n yesText,\n noText,\n submitDeclinedReason,\n OpenModalBoxStages,\n stagename,\n } = props;\n\n return (\n \n
\n \n {\n if (disableState) return;\n submitDeclinedReason(true);\n }}\n >\n {disableState?yesText:\n \n {yesText}\n \n }\n \n {\n if (disableState) return;\n OpenModalBoxStages(stagename);\n }}\n >\n {noText}\n \n \n );\n};\n\nexport default Interested_NotInterested;\n","export default __webpack_public_path__ + \"static/media/ChatWithRecruitor.81e9eb80.svg\";","import React, { useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Radio, Space } from \"antd\";\nimport moment from \"moment\";\nimport ToolTips from \"../../../components/ToolTip/ToolTips\";\nimport { useEffect } from \"react\";\nimport { useUpdateLogger } from \"../../../shared/useUpdateLogger\";\n\nconst RadioButtonInterview = ({ onChangeRadio, BidDetailData }) => {\n const AccountId = useSelector(\n (state) => state.profileReducer.user.profile.AccountId\n );\n const [RescheduleLength, setRescheduleLength] = useState(\n BidDetailData?.interview?.ReScheduledTimings?.length\n );\n\n const [timing, setTimings] = useState(\n BidDetailData?.interview?.Interviews_ScheduledTimings\n );\n\n useEffect(() => {\n if (\n BidDetailData?.interview?.ModifiedBy !== AccountId &&\n RescheduleLength\n ) {\n setTimings(\n BidDetailData?.interview?.ReScheduledTimings[RescheduleLength - 1]\n );\n return;\n }\n setTimings(BidDetailData?.interview?.Interviews_ScheduledTimings);\n }, [BidDetailData, AccountId]);\n\n // useUpdateLogger(\n // \"timing:\",\n // BidDetailData?.interview?.Interviews_ScheduledTimings\n // );\n\n // useUpdateLogger(\"timing2:\", timing);\n\n return (\n <>\n {BidDetailData?.interview?.ModifiedBy !== AccountId ||\n BidDetailData?.interview?.InterviewStatuses?.InterviewStatusName ===\n \"Pending\" ? (\n \n
\n Available interview times{\" \"}\n
\n
\n \n {timing?.map((data) => {\n // \n return (\n <>\n {data?.StartTime && (\n \n \n
\n {moment(data?.StartTime).format(\n \"dddd , MMMM DD, YYYY\"\n )}\n \n
\n {moment(data?.StartTime)\n .local()\n .format(\"hh:mm:ss A\")}\n
\n
\n \n \n
\n Available interview times\n
\n
\n \n {RescheduleLength &&\n BidDetailData?.interview?.ReScheduledTimings[\n RescheduleLength - 1\n ]?.map((data) => {\n return (\n <>\n {data?.StartTime && (\n \n \n
\n {/* {moment(data?.StartTime).format(\n \"dddd, Do MMMM, YYYY\"\n )} */}\n {moment(data?.StartTime).format(\n \"dddd , MMMM DD, YYYY\"\n )}\n \n
\n {/* {moment(timeStamp[4], \"HH:mm:ss\").format(\n \"hh:mm:ss A\"\n )} */}\n {moment(data?.StartTime)\n .local()\n .format(\"hh:mm:ss A\")}\n
\n
\n \n {showError && ErrorMsg}
\n {ExtraBar ? : null}\n {screeningdisplay ? (\n \n \n {message1} \n {\n if (icon) refOffer.current.click();\n }}\n >\n {message2 ? (\n <>\n {icon ? (\n \n \n ) : null}\n \n {DetailPageData?.interview?.ModifiedBy === AccountId &&\n DetailPageData?.interview?.InterviewStatuses?.InterviewStatusName ===\n \"Rescheduled\" ? (\n \n Request to reschedule\n \n ) : (\n {\n if (stagename === \"Interview\"){\n ErrorMsgCheck && AcceptButton(stagename);\n !ErrorMsgCheck && setshowError(true)\n }\n else{\n AcceptButton(stagename);\n }\n }}\n >\n {disabled?\n yesText\n :\n \n {yesText}\n \n }\n \n )}\n {\n OpenModalBoxStages(stagename);\n }}\n >\n {noText}\n \n history.push({\n pathname: `/messages/${DetailPageData?.ConversationId}`,\n state: {\n openConvo: true,\n conversationId: DetailPageData?.ConversationId,\n },\n })}\n >\n \n \n \n \n {RescheduledAccepted ||\n (Reschedule && DetailPageData?.interview?.ModifiedBy !== AccountId) ? (\n \n Request to reschedule\n
\n ) : null}\n \n );\n};\n\nexport default ActionButtonMobile;\n","import axios from \"axios\";\nimport { fetchToken } from \"../API/API\";\n\nconst BackendApiBaseUrl = process.env.REACT_APP_API_URL;\n\nconst downloadFilesfromChat = `${BackendApiBaseUrl}/message/getattachment`;\n// const downloadFilesfromChat = \"http://192.168.18.40:4000/development/message/getattachment\";\n\nconst downloadChatFilesApi = async (FilePath) => {\n const headers = fetchToken();\n const result = await axios.get(`${downloadFilesfromChat}/${FilePath}`, {\n headers,\n });\n return result;\n};\nexport default downloadChatFilesApi;\n","import React, { useState, useEffect } from \"react\";\n\nimport moment from \"moment\";\nimport { useDispatch, useSelector } from \"react-redux\";\n\nimport { BiCalendar } from \"react-icons/bi\";\nimport { FiPaperclip } from \"react-icons/fi\";\nimport { Input, Radio, Space } from \"antd\";\nimport RadioButtonInterview from \"./RadioButtonInterview\";\nimport { useUpdateLogger } from \"../../../shared/useUpdateLogger\";\nimport { useRef } from \"react\";\nimport downloadChatFilesApi from \"../../../shared/downloadFiles\";\n\nconst ScreeningAndSchedule = (props) => {\n const refOffer = useRef();\n\n const {\n dimensions,\n disableState,\n screeningDate,\n uppertext,\n lowerText,\n firstButton,\n secondButton,\n screeningdisplay,\n ThirdButton,\n Reschedule,\n disableStateScreening,\n no,\n icon,\n CalendraModal,\n Interviewselecter,\n onchangeStage,\n AcceptInterview,\n iconCal,\n OpenModalBoxStages,\n stagename,\n AcceptButtonStages,\n AcceptButton,\n setInterviewTime,\n errorMessage,\n isPlacedBidsStatus,\n disabledAccepted,\n removeExtraspace,\n } = props;\n\n const BidDetailData = useSelector(\n (state) => state.BidsReducer.detailReceivedBid\n );\n\n const PlacedBidDetailData = useSelector(\n (state) => state.BidsReducer.detailPlacedBid\n );\n\n const AccountId = useSelector(\n (state) => state.profileReducer.user.profile.AccountId\n );\n\n const [DetailPageData, setDetailPageData] = useState();\n\n useEffect(() => {\n {\n isPlacedBidsStatus\n ? setDetailPageData(PlacedBidDetailData)\n : setDetailPageData(BidDetailData);\n }\n }, [BidDetailData, isPlacedBidsStatus]);\n\n // // \n // useUpdateLogger(\"Interviewselecter\", Interviewselecter);\n // useUpdateLogger(\"DetailPageData\", DetailPageData);\n\n const onChangeRadio = (event) => {\n setInterviewTime(event?.target?.value);\n };\n\n const handleDownload = async (filePath) => {\n // \n await downloadChatFilesApi(filePath);\n };\n\n return (\n \n {Interviewselecter ? (\n {errorMessage}
\n {screeningdisplay === \"True\" ? (\n \n \n {uppertext} \n {\n if (icon) refOffer.current.click();\n // handleDownload(\n // DetailPageData?.offers?.Attachments[0]?.FilePath\n // );\n }}\n >\n {lowerText ? (\n <>\n {icon ? (\n \n {\n AcceptButton(stagename);\n }}\n >\n {firstButton}\n \n {\n OpenModalBoxStages(stagename);\n }}\n >\n {secondButton}\n \n {Reschedule ? (\n \n {ThirdButton}\n \n ) : null}\n \n )}\n \n );\n};\n\nexport default ScreeningAndSchedule;\n","import React, { useEffect, useRef, useState } from \"react\";\n\nimport { FiPaperclip } from \"react-icons/fi\";\nimport { useSelector } from \"react-redux\";\nimport downloadChatFilesApi from \"../../../shared/downloadFiles\";\n\nconst OfferLetter = ({ isPlacedBidsStatus }) => {\n const refOffer = useRef();\n\n const [DetailPageData, setDetailPageData] = useState();\n\n const BidDetailData = useSelector(\n (state) => state.BidsReducer.detailReceivedBid\n );\n\n const PlacedBidDetailData = useSelector(\n (state) => state.BidsReducer.detailPlacedBid\n );\n\n const offer = DetailPageData?.offers?.Attachments[0];\n\n const handleDownload = async (filePath) => {\n // \n await downloadChatFilesApi(filePath);\n };\n\n useEffect(() => {\n {\n isPlacedBidsStatus\n ? setDetailPageData(PlacedBidDetailData)\n : setDetailPageData(BidDetailData);\n }\n }, [BidDetailData, isPlacedBidsStatus]);\n\n return (\n \n View offer
\n \n refOffer.current.click()}\n >\n \n );\n};\n\nexport default OfferLetter;\n","export default __webpack_public_path__ + \"static/media/LadyGrowthChart.a5e02224.svg\";","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport LadyGrowthChart from \"../../../assets/icons/LadyGrowthChart.svg\";\nimport ChatRecruitorWhite from \"../../../assets/icons/chatRecruitorWhite.svg\";\nimport BlueColorChatIcon from \"../../../assets/icons/BlueColorChatIcon.png\";\nimport { useUpdateLogger } from \"../../../shared/useUpdateLogger\";\n\nconst CompleteCredentialing = ({ BidDetailData }) => {\n const history = useHistory();\n\n const name = useSelector((state) => state.profileReducer.user.name);\n const ProfessionCode = useSelector(\n (state) => state.profileReducer.user.profile.ProfessionCode\n );\n\n return (\n \n {/*
{`Congrats ${name ? name : \"\"}`}
*/}\n
Congrats on accepting the offer!
\n
\n
\n {ProfessionCode === \"IT\"\n ? \"You're hired! Chat with your employer about any final paperwork for you to complete.\"\n : \"Your final step is to upload the requested documents to complete your credentialing.\"}\n
\n
\n history.push({\n pathname: `/messages`,\n state: {\n openConvo: true,\n conversationId: BidDetailData?.message?.ConversationId,\n },\n })\n }\n >\n \n
\n
{message1} \n
\n {message2}\n \n
{message3} \n
\n {Duration}\n \n
\n history.push({\n pathname: `/messages`,\n state: {\n openConvo: true,\n conversationId: BidDetailData?.message?.ConversationId,\n },\n })\n }\n >\n Chat with the employer\n \n \n \n {/* \n
\n
{message1} \n
{message2} \n
{message3} \n
\n {Duration}\n \n
\n history.push({\n pathname: `/messages`,\n // pathname: `/messages/${bidData?.message?.ConversationId}`,\n state: {\n openConvo: true,\n conversationId: BidDetailData?.message?.ConversationId,\n },\n })\n }\n >\n Chat with the employer\n \n \n \n setModalVisibleBidDeclined(true)}\n yesText=\"Accept\"\n noText=\"Decline\"\n />\n setModalVisibleBidDeclined(true)}\n />\n \n
handlingFile(e)}\n />\n {offerFileName && (\n \n
\n
\n\n
\n {offerFileName} \n \n {offerFileSize} {offerFileType}\n \n
\n
signature.current.click()}\n >\n \n {offerFileName ? \"Reupload Document\" : \"Upload digital signature offer\"}\n Please upload digitally signed document
}\n \n Accept offer\n
\n \n );\n};\n\nexport default UploadFile;\n","import React, { useEffect, useState } from \"react\";\nimport {\n Modal,\n DatePicker,\n Dropdown,\n Menu,\n Button,\n} from \"antd\";\nimport \"./style.css\";\nimport moment from \"moment\";\nimport { DownOutlined, LoadingOutlined } from \"@ant-design/icons\";\n\n\nconst InterviewDrawer = (props) => {\n const Loading = false;\n\n const [visible, setVisible] = useState();\n const [windowDimensions, setWindowDimensions] = useState(\n getWindowDimensions()\n );\n const [interviewStartTime, setInterviewStartTime] = useState(\"\");\n const [interviewEndTime, setInterviewEndTime] = useState(\"\");\n const [interviewStartTime2, setInterviewStartTime2] = useState(\"\");\n const [interviewEndTime2, setInterviewEndTime2] = useState(\"\");\n const [interviewStartTime3, setInterviewStartTime3] = useState(\"\");\n const [interviewEndTime3, setInterviewEndTime3] = useState(\"\");\n const [firstDate, setfirstDate] = useState(false);\n const [secondDate, setsecondDate] = useState(false);\n const [thirdDate, setthirdDate] = useState(false);\n const [interviewError, setInterviewError] = useState(\"\");\n\n const [timePhase_start_1, setTimePhase_start_1] = useState(\"am\");\n const [hours_start_1, setHours_start_1] = useState(\"12\");\n const [minutes_start_1, setMinutes_start_1] = useState(\"00\");\n\n const [timePhase_end_1, setTimePhase_end_1] = useState(\"am\");\n const [hours_end_1, setHours_end_1] = useState(\"12\");\n const [minutes_end_1, setMinutes_end_1] = useState(\"00\");\n\n const [timePhase_start_2, setTimePhase_start_2] = useState(\"am\");\n const [hours_start_2, setHours_start_2] = useState(\"12\");\n const [minutes_start_2, setMinutes_start_2] = useState(\"00\");\n\n const [timePhase_end_2, setTimePhase_end_2] = useState(\"am\");\n const [hours_end_2, setHours_end_2] = useState(\"12\");\n const [minutes_end_2, setMinutes_end_2] = useState(\"00\");\n\n const [timePhase_start_3, setTimePhase_start_3] = useState(\"am\");\n const [hours_start_3, setHours_start_3] = useState(\"12\");\n const [minutes_start_3, setMinutes_start_3] = useState(\"00\");\n\n const [timePhase_end_3, setTimePhase_end_3] = useState(\"am\");\n const [hours_end_3, setHours_end_3] = useState(\"12\");\n const [minutes_end_3, setMinutes_end_3] = useState(\"00\");\n\n const [timeError, setTimeError] = useState(\"none\");\n\n const [firstDatePickerVisible, setFirstDatePickerVisible] =\n useState(false);\n const [secondDatePickerVisible, setSecondDatePickerVisible] =\n useState(false);\n const [thirdDatePickerVisible, setThirdDatePickerVisible] =\n useState(false);\n\n useEffect(() => {\n if (props.timings) {\n setfirstDate(\n moment(props?.timings[0]?.StartTime)\n .format(\"dddd, DD MMMM, YYYY\")\n .toString()\n );\n setsecondDate(\n moment(props?.timings[1]?.StartTime)\n .format(\"dddd, DD MMMM, YYYY\")\n .toString()\n );\n setthirdDate(\n moment(props?.timings[2]?.StartTime)\n .format(\"dddd, DD MMMM, YYYY\")\n .toString()\n );\n\n if (props.timings[0]) {\n var first_timing_start_time = moment(\n props.timings[0]?.StartTime\n ).format(\"h:mm A\");\n setInterviewStartTime(first_timing_start_time);\n setHours_start_1(moment(props.timings[0]?.StartTime).format(\"h\"));\n setMinutes_start_1(moment(props.timings[0]?.StartTime).format(\"mm\"));\n setTimePhase_start_1(moment(props.timings[0]?.StartTime).format(\"A\"));\n\n var first_timing_end_time = moment(props.timings[0]?.EndTime).format(\n \"h:mm A\"\n );\n setInterviewEndTime(first_timing_end_time);\n setHours_end_1(moment(props.timings[0]?.EndTime).format(\"h\"));\n setMinutes_end_1(moment(props.timings[0]?.EndTime).format(\"mm\"));\n setTimePhase_end_1(moment(props.timings[0]?.EndTime).format(\"A\"));\n }\n\n if (props.timings[1]) {\n var second_timing_start_time = moment(\n props.timings[1]?.StartTime\n ).format(\"h:mm A\");\n setInterviewStartTime2(second_timing_start_time);\n setInterviewStartTime(first_timing_start_time);\n setHours_start_2(moment(props.timings[1]?.StartTime).format(\"h\"));\n setMinutes_start_2(moment(props.timings[1]?.StartTime).format(\"mm\"));\n setTimePhase_start_2(moment(props.timings[1]?.StartTime).format(\"A\"));\n\n var second_timing_end_time = moment(props.timings[1]?.EndTime).format(\n \"h:mm A\"\n );\n setInterviewEndTime2(second_timing_end_time);\n setHours_end_2(moment(props.timings[1]?.EndTime).format(\"h\"));\n setMinutes_end_2(moment(props.timings[1]?.EndTime).format(\"mm\"));\n setTimePhase_end_2(moment(props.timings[1]?.EndTime).format(\"A\"));\n }\n\n if (props.timings[2]) {\n var third_timing_start_time = moment(\n props.timings[2]?.StartTime\n ).format(\"h:mm A\");\n setInterviewStartTime3(third_timing_start_time);\n setInterviewStartTime(first_timing_start_time);\n setHours_start_3(moment(props.timings[2]?.StartTime).format(\"h\"));\n setMinutes_start_3(moment(props.timings[2]?.StartTime).format(\"mm\"));\n setTimePhase_start_3(moment(props.timings[2]?.StartTime).format(\"A\"));\n\n var third_timing_end_time = moment(props.timings[2]?.EndTime).format(\n \"h:mm A\"\n );\n setInterviewEndTime3(third_timing_end_time);\n setHours_end_3(moment(props.timings[2]?.EndTime).format(\"h\"));\n setMinutes_end_3(moment(props.timings[2]?.EndTime).format(\"mm\"));\n setTimePhase_end_3(moment(props.timings[2]?.EndTime).format(\"A\"));\n }\n }\n // }\n }, [props]);\n\n useEffect(() => {\n setVisible(props.open);\n }, [props]);\n\n const onClose = () => {\n setTimeError(\"\");\n setInterviewError(\"\");\n setFirstDatePickerVisible(false);\n setSecondDatePickerVisible(false);\n setThirdDatePickerVisible(false);\n setTimeout(() => {\n setVisible(false);\n props.close(false);\n }, 100);\n };\n\n function getWindowDimensions() {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n }\n\n useEffect(() => {\n function handleResize() {\n setWindowDimensions(getWindowDimensions());\n }\n\n window.addEventListener(\"resize\", handleResize);\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n useEffect(() => {\n if (firstDate != \"\" && secondDate != \"\" && thirdDate != \"\") {\n setTimeError(\"\");\n }\n }, []);\n\n const getDtae = (t, ts) => {\n if (t == null) {\n setfirstDate(false);\n } else {\n setfirstDate(new Date(t._d));\n }\n };\n\n const getSecondDate = (t, ts) => {\n if (t == null) {\n setsecondDate(false);\n } else {\n setsecondDate(new Date(t._d));\n }\n };\n\n const getThirdDate = (t, ts) => {\n if (t == null) {\n setthirdDate(false);\n } else {\n setthirdDate(new Date(t._d));\n }\n };\n\n const setHours = (time_type, mode, menuItem) => {\n if (mode == \"1\") {\n if (time_type == \"start\") {\n setHours_start_1(menuItem.key);\n } else {\n setHours_end_1(menuItem.key);\n }\n } else if (mode == \"2\") {\n if (time_type == \"start\") {\n setHours_start_2(menuItem.key);\n } else {\n setHours_end_2(menuItem.key);\n }\n } else {\n if (time_type == \"start\") {\n setHours_start_3(menuItem.key);\n } else {\n setHours_end_3(menuItem.key);\n }\n }\n };\n\n const hoursMenu = (time_type, mode) => {\n return (\n setHours(time_type, mode, menuItem)}\n className=\"time-dropdown-menu\"\n >\n \n 1\n \n \n 2\n \n \n 3\n \n \n 4\n \n \n 5\n \n \n 6\n \n \n 7\n \n \n 8\n \n \n 9\n \n \n 10\n \n \n 11\n \n \n 12\n \n \n );\n };\n\n const array = [];\n for (let i = 0; i < 61; i++) {\n var num;\n if (i < 10) {\n num = \"0\" + i.toString();\n } else {\n num = i.toString();\n }\n array.push(num);\n }\n\n const setMinutes = (time_type, mode, menuItem) => {\n if (mode == \"1\") {\n if (time_type == \"start\") {\n setMinutes_start_1(menuItem.key);\n } else {\n setMinutes_end_1(menuItem.key);\n }\n } else if (mode == \"2\") {\n if (time_type == \"start\") {\n setMinutes_start_2(menuItem.key);\n } else {\n setMinutes_end_2(menuItem.key);\n }\n } else {\n if (time_type == \"start\") {\n setMinutes_start_3(menuItem.key);\n } else {\n setMinutes_end_3(menuItem.key);\n }\n }\n };\n\n const minutesMenu = (time_type, mode) => {\n return (\n \n setMinutes(time_type, mode, menuItem)}\n className=\"time-dropdown-menu\"\n >\n {array.map((i) => (\n \n {i}\n \n ))}\n \n
\n );\n };\n\n const setTimePhase = (time_type, mode, menuItem) => {\n if (mode == \"1\") {\n if (time_type == \"start\") {\n setTimePhase_start_1(menuItem.key);\n } else {\n setTimePhase_end_1(menuItem.key);\n }\n } else if (mode == \"2\") {\n if (time_type == \"start\") {\n setTimePhase_start_2(menuItem.key);\n } else {\n setTimePhase_end_2(menuItem.key);\n }\n } else {\n if (time_type == \"start\") {\n setTimePhase_start_3(menuItem.key);\n } else {\n setTimePhase_end_3(menuItem.key);\n }\n }\n };\n\n const timePhaseMenu = (time_type, mode) => {\n return (\n setTimePhase(time_type, mode, menuItem)}\n >\n AM \n PM \n \n );\n };\n\n const renderExtraFooter = (mode) => {\n return (\n <>\n \n \n hoursMenu(\"start\", mode)}\n className=\"time-dropdown\"\n trigger={[\"click\"]}\n placement=\"bottom\"\n >\n \n \n {mode == \"1\"\n ? hours_start_1\n : mode == \"2\"\n ? hours_start_2\n : mode == \"3\"\n ? hours_start_3\n : null}\n
\n \n \n : \n\n minutesMenu(\"start\", mode)}\n className=\"time-dropdown\"\n trigger={[\"click\"]}\n placement=\"bottom\"\n >\n \n \n {mode == \"1\"\n ? minutes_start_1\n : mode == \"2\"\n ? minutes_start_2\n : mode == \"3\"\n ? minutes_start_3\n : null}\n
\n \n \n\n timePhaseMenu(\"start\", mode)}\n className=\"time-dropdown\"\n trigger={[\"click\"]}\n placement=\"bottom\"\n >\n \n \n {mode == \"1\"\n ? timePhase_start_1.toUpperCase()\n : mode == \"2\"\n ? timePhase_start_2.toUpperCase()\n : mode == \"3\"\n ? timePhase_start_3.toUpperCase()\n : null}\n
\n \n \n \n\n \n hoursMenu(\"\", mode)}\n className=\"time-dropdown\"\n trigger={[\"click\"]} \n placement=\"bottom\"\n >\n \n \n {mode == \"1\"\n ? hours_end_1\n : mode == \"2\"\n ? hours_end_2\n : mode == \"3\"\n ? hours_end_3\n : null}\n
\n \n \n : \n\n minutesMenu(\"\", mode)}\n className=\"time-dropdown\"\n trigger={[\"click\"]}\n placement=\"bottom\"\n >\n \n \n {mode == \"1\"\n ? minutes_end_1\n : mode == \"2\"\n ? minutes_end_2\n : mode == \"3\"\n ? minutes_end_3\n : null}\n
\n \n \n\n timePhaseMenu(\"\", mode)}\n className=\"time-dropdown\"\n trigger={[\"click\"]}\n placement=\"bottom\"\n >\n \n \n {mode == \"1\"\n ? timePhase_end_1.toUpperCase()\n : mode == \"2\"\n ? timePhase_end_2.toUpperCase()\n : mode == \"3\"\n ? timePhase_end_3.toUpperCase()\n : null}\n
\n \n \n \n \n
\n {timeError == \"none\" ? null : timeError}\n
\n
\n {\n if (mode == \"1\") {\n setFirstDatePickerVisible(\"\");\n setMinutes_end_1(\"00\");\n setHours_end_1(\"12\");\n setTimePhase_end_1(\"am\");\n setTimePhase_start_1(\"am\");\n setMinutes_start_1(\"00\");\n setHours_start_1(\"12\");\n } else if (mode == \"2\") {\n setSecondDatePickerVisible(\"\");\n setMinutes_end_2(\"00\");\n setHours_end_2(\"12\");\n setTimePhase_end_2(\"am\");\n setTimePhase_start_2(\"am\");\n setMinutes_start_2(\"00\");\n setHours_start_2(\"12\");\n } else {\n setThirdDatePickerVisible(\"\");\n setMinutes_end_3(\"00\");\n setHours_end_3(\"12\");\n setTimePhase_end_3(\"am\");\n setTimePhase_start_3(\"am\");\n setMinutes_start_3(\"00\");\n setHours_start_3(\"12\");\n }\n setTimeError(\"none\");\n }}\n >\n Cancel\n \n\n {\n if (mode == \"1\") {\n setInterviewStartTime(\n hours_start_1 +\n \":\" +\n minutes_start_1 +\n \": \" +\n timePhase_start_1\n );\n setInterviewEndTime(\n hours_end_1 + \":\" + minutes_end_1 + \": \" + timePhase_end_1\n );\n let stime = moment(\n hours_start_1 +\n \":\" +\n minutes_start_1 +\n \": \" +\n timePhase_start_1,\n \"HH:mm A\"\n );\n let etime = moment(\n hours_end_1 + \":\" + minutes_end_1 + \": \" + timePhase_end_1,\n \"HH:mm A\"\n );\n if (stime >= etime) {\n setTimeError(\"Choose a Future Time Slot\");\n if (!firstDate) {\n setfirstDate(moment().format(\"dddd, DD MMMM, YYYY\"));\n }\n setFirstDatePickerVisible(true);\n } else {\n if (!firstDate) {\n setfirstDate(moment().format(\"dddd, DD MMMM, YYYY\"));\n setFirstDatePickerVisible(false);\n }\n setTimeError(\"none\");\n if (firstDate && timeError == \"none\") {\n setFirstDatePickerVisible(false);\n }\n }\n } else if (mode == \"2\") {\n setInterviewStartTime2(\n hours_start_2 +\n \":\" +\n minutes_start_2 +\n \": \" +\n timePhase_start_2\n );\n setInterviewEndTime2(\n hours_end_2 + \":\" + minutes_end_2 + \": \" + timePhase_end_2\n );\n let stime2 = moment(\n hours_start_2 +\n \":\" +\n minutes_start_2 +\n \": \" +\n timePhase_start_2,\n \"HH:mm A\"\n );\n let etime2 = moment(\n hours_end_2 + \":\" + minutes_end_2 + \": \" + timePhase_end_2,\n \"HH:mm A\"\n );\n if (stime2 >= etime2) {\n setTimeError(\"Choose a Future Time Slot...\");\n if (!secondDate) {\n setsecondDate(moment().format(\"dddd, DD MMMM, YYYY\"));\n }\n setSecondDatePickerVisible(true);\n } else {\n setTimeError(\"none\");\n if (secondDate) {\n setSecondDatePickerVisible(false);\n } else if (!secondDate) {\n setsecondDate(moment().format(\"dddd, DD MMMM, YYYY\"));\n setSecondDatePickerVisible(false);\n }\n }\n } else {\n setInterviewStartTime3(\n hours_start_3 +\n \":\" +\n minutes_start_3 +\n \": \" +\n timePhase_start_3\n );\n setInterviewEndTime3(\n hours_end_3 + \":\" + minutes_end_3 + \": \" + timePhase_end_3\n );\n let stime3 = moment(\n hours_start_3 +\n \":\" +\n minutes_start_3 +\n \": \" +\n timePhase_start_3,\n \"HH:mm A\"\n );\n let etime3 = moment(\n hours_end_3 + \":\" + minutes_end_3 + \": \" + timePhase_end_3,\n \"HH:mm A\"\n );\n if (stime3 >= etime3) {\n setTimeError(\"Choose a Future Time Slot\");\n if (!thirdDate) {\n setthirdDate(moment().format(\"dddd, DD MMMM, YYYY\"));\n }\n } else {\n setTimeError(\"none\");\n if (thirdDate) {\n setThirdDatePickerVisible(false);\n } else if (!thirdDate) {\n setthirdDate(moment().format(\"dddd, DD MMMM, YYYY\"));\n setThirdDatePickerVisible(false);\n }\n }\n }\n }}\n >\n Select\n \n \n \n \n );\n };\n\n const openFunction = (mode) => {\n if (mode == \"1\") {\n setFirstDatePickerVisible(true);\n } else if (mode == \"2\") {\n setSecondDatePickerVisible(true);\n } else {\n setThirdDatePickerVisible(true);\n }\n };\n\n DatePicker.handleClickOutside = () => {\n setFirstDatePickerVisible(false);\n };\n\n const Datepicker = () => {\n useEffect(() => {\n if (firstDate != \"\" && secondDate != \"\" && thirdDate != \"\") {\n setTimeError(\"\");\n }\n }, []);\n return (\n <>\n \n
Let's find a better time for the interview.
\n
\n Propose up to 3 of your available interview times.\n
\n
\n
\n setFirstDatePickerVisible(false)}\n open={firstDatePickerVisible && props.open}\n onOpenChange={() => openFunction(\"1\")}\n onChange={(time, timeString) => getDtae(time, timeString)}\n format={`dddd, MMMM DD, YYYY [${interviewStartTime}] - [${interviewEndTime}]`}\n // placeholder=\"Choose Interview date and time first\"\n placeholder=\"Choose a date and time\"\n renderExtraFooter={() => renderExtraFooter(\"1\")}\n value={\n firstDate?.StartTime\n ? moment(firstDate?.StartTime).local()\n : firstDate\n ? moment(firstDate).local()\n : false\n }\n disabledDate={(current) => {\n return moment().add(-1, \"days\") >= current;\n }}\n />\n
\n\n
\n setSecondDatePickerVisible(false)}\n onOpenChange={() => openFunction(\"2\")}\n format={`dddd, MMMM DD, YYYY [${interviewStartTime2}] - [${interviewEndTime2}]`}\n // placeholder=\"Choose Interview date and time second\"\n placeholder=\"Choose a date and time\"\n renderExtraFooter={() => renderExtraFooter(\"2\")}\n value={\n secondDate?.StartTime\n ? moment(secondDate?.StartTime).local()\n : secondDate\n ? moment(secondDate).local()\n : false\n }\n onChange={(time, timeString) => getSecondDate(time, timeString)}\n disabledDate={(current) => {\n return moment().add(-1, \"days\") >= current;\n }}\n />\n
\n\n
\n setThirdDatePickerVisible(false)}\n onOpenChange={() => openFunction(\"3\")}\n format={`dddd, MMMM DD, YYYY [${interviewStartTime3}] - [${interviewEndTime3}]`}\n // placeholder=\"Choose Interview date and time third\"\n placeholder=\"Choose a date and time\"\n renderExtraFooter={() => renderExtraFooter(\"3\")}\n value={\n thirdDate?.StartTime\n ? moment(thirdDate?.StartTime).local()\n : thirdDate\n ? moment(thirdDate).local()\n : false\n }\n onChange={(time, timeString) => getThirdDate(time, timeString)}\n disabledDate={(current) => {\n return moment().add(-1, \"days\") >= current;\n }}\n />\n
\n
{interviewError}
\n
\n {props.reSchedule\n ? \"Send Reschedule Request \"\n : \"Send proposed interview times\"}\n {Loading ? Reschedule Interview
}\n className=\"Custom-date-picker\"\n >\n <>\n \n
Let's find a better time for the interview.
\n
\n Propose up to 3 of your available interview times.\n
\n
\n \n
\n setFirstDatePickerVisible(false)}\n open={firstDatePickerVisible && props.open}\n onOpenChange={() => openFunction(\"1\")}\n onChange={(time, timeString) => getDtae(time, timeString)}\n format={`dddd, MMMM DD, YYYY [${interviewStartTime}] - [${interviewEndTime}]`}\n // // placeholder=\"Choose Interview date and time first\"\n placeholder=\"Choose a date and time\"\n renderExtraFooter={() => renderExtraFooter(\"1\")}\n value={\n firstDate?.StartTime\n ? moment(firstDate?.StartTime).local()\n : firstDate\n ? moment(firstDate).local()\n : false\n }\n disabledDate={(current) => {\n return moment().add(-1, \"days\") >= current;\n }}\n />\n
\n\n
\n setSecondDatePickerVisible(false)}\n onOpenChange={() => openFunction(\"2\")}\n format={`dddd, MMMM DD, YYYY [${interviewStartTime2}] - [${interviewEndTime2}]`}\n // placeholder=\"Choose Interview date and time second\"\n placeholder=\"Choose a date and time\"\n renderExtraFooter={() => renderExtraFooter(\"2\")}\n value={\n secondDate?.StartTime\n ? moment(secondDate?.StartTime).local()\n : secondDate\n ? moment(secondDate).local()\n : false\n }\n onChange={(time, timeString) =>\n getSecondDate(time, timeString)\n }\n disabledDate={(current) => {\n return moment().add(-1, \"days\") >= current;\n }}\n />\n
\n\n
\n setThirdDatePickerVisible(false)}\n onOpenChange={() => openFunction(\"3\")}\n format={`dddd, MMMM DD, YYYY [${interviewStartTime3}] - [${interviewEndTime3}]`}\n // placeholder=\"Choose Interview date and time third\"\n placeholder=\"Choose a date and time\"\n renderExtraFooter={() => renderExtraFooter(\"3\")}\n value={\n thirdDate?.StartTime\n ? moment(thirdDate?.StartTime).local()\n : thirdDate\n ? moment(thirdDate).local()\n : false\n }\n onChange={(time, timeString) =>\n getThirdDate(time, timeString)\n }\n disabledDate={(current) => {\n return moment().add(-1, \"days\") >= current;\n }}\n />\n
\n
{interviewError}
\n
setModalVisibleBidDeclined(true)}\n yesText=\"Interested\"\n noText=\"Not Interested\"\n submitDeclinedReason={submitDeclinedReason}\n stagename=\"New\"\n AcceptButton={AcceptButton}\n OpenModalBoxStages={OpenModalBoxStages}\n disableState={disableStatevalue}\n />\n );\n setActionButtonMobile(\n setModalVisibleBidDeclined(true)}\n submitDeclinedReason={submitDeclinedReason}\n stagename=\"New\"\n OpenModalBoxStages={OpenModalBoxStages}\n AcceptButton={AcceptButton}\n />\n );\n\n if (BidDetailData?.ranking?.BidStatusName === \"Retracted\") {\n setAboutUI(\n setModalVisibleBidDeclined(true)}\n yesText=\"Interested\"\n noText=\"Not Interested\"\n submitDeclinedReason={submitDeclinedReason}\n stagename=\"New\"\n // AcceptButton={AcceptButton}\n // OpenModalBoxStages={OpenModalBoxStages}\n disableState={true}\n />\n );\n setActionButtonMobile(\n setModalVisibleBidDeclined(true)}\n submitDeclinedReason={submitDeclinedReason}\n stagename=\"New\"\n // OpenModalBoxStages={OpenModalBoxStages}\n // AcceptButton={AcceptButton}\n disabled={true}\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Declined\") {\n setAboutUI(\n setModalVisibleBidDeclined(true)}\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Interview\") {\n setAboutUI(\n setModalVisibleBidCalender(true)}\n setModalVisibleBidCalender={setModalVisibleBidCalender}\n AcceptButton={AcceptButton}\n stagename=\"Interview\"\n OpenModalBoxStages={OpenModalBoxStages}\n errorMessage={errorMessage}\n />\n );\n setActionButtonMobile(\n setModalVisibleBidCalender(true)}\n AcceptButton={AcceptButton}\n errorMessage={errorMessage}\n Reschedule\n />\n );\n }\n if (BidDetailData?.ranking?.BidStatusName === \"Interview Accepted\") {\n const event = new Date(\n BidDetailData?.interview?.ApprovedScheduledTiming?.StartTime\n );\n const time = event.toLocaleDateString(undefined, {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n year: \"numeric\",\n });\n setAboutUI(\n setModalVisibleBidCalender(true)}\n OpenModalBoxStages={OpenModalBoxStages}\n />\n );\n setActionButtonMobile(\n setModalVisibleBidCalender(true)}\n stagename=\"Interview Accepted\"\n OpenModalBoxStages={OpenModalBoxStages}\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Interview Declined\" || BidDetailData?.ranking?.BidStatusName === \"Interview Cancelled\") {\n setAboutUI(\n setModalVisibleBidDeclined(true)}\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Offer\") {\n setAboutUI(\n setModalVisibleBidDeclined(true)}\n />\n );\n setExtraSection( setModalVisibleBidDeclined(true)}\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Hired\") {\n setAboutUI( setModalVisibleBidDeclined(true)}\n />\n );\n }\n return () => {\n setAboutUI(null);\n setExtraSection(null);\n };\n }, [BidDetailData, errorMessage]);\n // \n const RescheduleInterview = (firstDateTimings, secondDateTimings, thirdDateTimings) => {\n let startTime = firstDateTimings?.StartTime ? firstDateTimings?.StartTime : getRescheduleModalDateValues(0, \"StartTime\");\n let startTime1 = secondDateTimings?.StartTime ? secondDateTimings?.StartTime : getRescheduleModalDateValues(1, \"StartTime\");\n let startTime2 = thirdDateTimings?.StartTime ? thirdDateTimings?.StartTime : getRescheduleModalDateValues(2, \"StartTime\");\n let endTime = firstDateTimings?.EndTime ? firstDateTimings?.EndTime : getRescheduleModalDateValues(0, \"EndTime\");\n let endTime1 = secondDateTimings?.EndTime ? secondDateTimings?.EndTime : getRescheduleModalDateValues(1, \"EndTime\");\n let endTime2 = thirdDateTimings?.EndTime ? thirdDateTimings?.EndTime : getRescheduleModalDateValues(2, \"EndTime\");\n dispatch(\n InterviewScheduleAcceptedInit({\n id: BidDetailData?.interview?.InterviewId,\n idSearch: bidId,\n reschedule: true,\n receivedBid: true,\n body: {\n ReScheduledTimings: [\n {\n StartTime: startTime,\n EndTime: endTime,\n },\n {\n StartTime: startTime1,\n EndTime: endTime1,\n },\n {\n StartTime: startTime2,\n EndTime: endTime2,\n },\n ],\n InterviewStatus: \"Rescheduled\",\n Message: \"You have rescheduled the interview\",\n },\n })\n );\n setModalVisibleBidCalender(false);\n };\n\n const getRescheduleModalDateValues = (index, type) => {\n let retunData;\n if(BidDetailData?.interview?.ReScheduledTimings && BidDetailData?.interview?.ReScheduledTimings.length){\n let rescheduledTimings = BidDetailData?.interview?.ReScheduledTimings;\n retunData = rescheduledTimings[rescheduledTimings.length-1]?.length ? \n moment(rescheduledTimings[rescheduledTimings.length - 1][index]?.[type]) : null;\n }\n else {\n let interviewScheduledTimings = BidDetailData?.interview?.Interviews_ScheduledTimings;\n retunData = interviewScheduledTimings && interviewScheduledTimings.length ? \n moment(interviewScheduledTimings[index]?.[type]) : null;\n }\n return retunData;\n }\n\n const getRescheduleModalDateAutofill = () => {\n let retunData;\n if (BidDetailData?.interview?.ReScheduledTimings && BidDetailData?.interview?.ReScheduledTimings.length) {\n let rescheduledTimings = BidDetailData?.interview?.ReScheduledTimings;\n retunData = rescheduledTimings[rescheduledTimings.length - 1]?.length ?\n rescheduledTimings[rescheduledTimings.length - 1] : null;\n }\n else {\n let interviewScheduledTimings = BidDetailData?.interview?.Interviews_ScheduledTimings;\n retunData = interviewScheduledTimings && interviewScheduledTimings.length ?\n interviewScheduledTimings : null;\n }\n return retunData;\n }\n\n function AcceptInterview() {\n // // \n\n if (declinedReason) {\n dispatch(\n InterviewScheduleAcceptedInit({\n id: BidDetailData?.interview?.InterviewId,\n idSearch: bidId,\n reschedule: true,\n receivedBid: true,\n body: {\n InterviewStatus: \"Rejected\",\n Message: \"You have rejected the interview\",\n ReasonId: ReasonToDecline,\n DeclineReason: declinedReason,\n },\n })\n );\n } else {\n setInterviewSendRequest(true);\n }\n setModalVisibleBidDeclined(false);\n }\n\n function AcceptOfferBid() {\n // // \n\n if (declinedReason) {\n dispatch(\n acceptOffer({\n id: BidDetailData?.BidId,\n Status: \"Decline\",\n BidType: \"Bid\",\n ReasonId: ReasonToDecline,\n DeclineReason: declinedReason,\n })\n );\n } else {\n setInterviewSendRequest(true);\n }\n setModalVisibleBidDeclined(false);\n setTimeout(() => {\n SendRequestDetail();\n }, 1000);\n }\n\n function submitDeclinedReason(AcceptRecivedBid) {\n // // \n setdisableStatevalue(true)\n\n if (!declinedReason && AcceptRecivedBid) {\n dispatch(\n updateDeclinedReasonsReceivedBids({\n id: BidDetailData.BidId,\n idSearch: bidId,\n body: {\n Message: \"Update Bid by talent\",\n BidStatusName: \"Accepted\",\n },\n })\n );\n alertNotification(\n \"success\",\n \"Thank you for showing interest\",\n \"Stages\",\n messageRoute\n );\n } else if (!AcceptRecivedBid && declinedReason) {\n dispatch(\n updateDeclinedReasonsReceivedBids({\n id: BidDetailData?.BidId,\n idSearch: bidId,\n body: {\n Message: \"Update Bid by talent\",\n BidStatusName: \"Declined\",\n DeclineReason: declinedReason,\n DeclineReasonId: BidDeclineId,\n },\n })\n );\n setModalVisibleBidDeclined(false);\n } else if (!declinedReason && !AcceptRecivedBid) {\n setvalidateError(true)\n }\n }\n // // \n return (\n \n {loading || interviewloader ? (\n
\n ) : (\n BidDetailData.BidId && (\n
\n )\n )}\n
\n \n {AcceptButtonModal === \"Offer\"\n ? \"Accept Offer\"\n : `Not Interested in this ${Modaltitle}?`}\n
\n \n {talentstagemodal === \"New\" ? (\n
\n Let us know the reason why you're not interested\n
\n ) : null}\n
\n {talentstagemodal === \"New\" ? (\n <>\n {declinedReasonsBid.length > 0 &&\n declinedReasonsBid.map((item) => (\n
{\n setDeclinedReason(item.Reason);\n setBidDeclineId(item?.ReasonId);\n }}\n >\n {item.Reason}\n \n ))}\n {validateError &&
Please select a reason
}\n
{submitDeclinedReason(false)}}>\n Submit Reason\n
\n \n ) : null}\n {talentstagemodal === \"Interview\" ||\n talentstagemodal === \"Interview Accepted\" ||\n talentstagemodal === \"Offer\" ? (\n <>\n
\n Please select a reason for declining this {talentstagemodal}\n
\n {declinedReasonsBid.length > 0 &&\n declinedReasonsBid.map((item) => (\n
{\n setDeclinedReason(item.Reason);\n setReasonToDecline(item.ReasonId);\n }}\n >\n {item.Reason}\n {\n talentstagemodal === \"Offer\"\n ? AcceptOfferBid()\n : AcceptInterview();\n }}\n >\n Submit Reason\n \n \n
\n \n {yesText}\n \n { OpenModalBoxStages(stagename) }}\n >\n {noText}\n \n \n {Reason}
\n {SecondStage ? \n {/*
: null}\n : null}\n \n \n \n {yesText}\n \n { OpenModalBoxStages(stagename) }}\n >\n {noText}\n \n \n \n );\n}\n\nexport default AcceptedPlacedBid;\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { fetchDetailPlaceBid, retractBid, RetractBidUpdateStageInit } from '../../../redux/actions';\n\nconst RetractedModal = (props) => {\n const dispatch = useDispatch();\n // \n function handleOkRetract() {\n dispatch(RetractBidUpdateStageInit(props.props));\n props.setModalVisibleBidDeclinedPlacedBid(false)\n props.setPlacedBidSendRequest(\"RetractedModal\")\n // setTimeout(() => {\n // props.setPlacedBidSendRequest(\"RetractedModal\")\n // dispatch(fetchDetailPlaceBid(props.props))\n // }, 1000)\n }\n function handleCancelRetract(){\n props.setModalVisibleBidDeclinedPlacedBid(false)\n }\n return (\n \n
\n Do you want to retract your bid?\n
\n
\n
{handleCancelRetract()}}\n >\n No, go back\n
\n
handleOkRetract()}\n >\n Yes, retract bid\n \n
\n
\n \n \n {yesText}\n \n \n { OpenModalBoxStages(stagename) }}\n >\n {noText}\n \n history.push({\n pathname: `/messages/${BidDetailData?.ConversationId}`,\n state: {\n openConvo: true,\n conversationId: BidDetailData?.ConversationId,\n },\n })}\n >\n \n
\n
\n Your Bid got accepted by the employer.\n
\n );\n\n function editBidRoute() {\n history.push({\n pathname: `/edit-bid/${bidId}`,\n state: {\n id: BidDetailData?._id,\n jobOrder: bidId,\n JobType: BidDetailData?.gigs?.JobOrderTypes?.JobOrderTypeName\n },\n });\n }\n\n useEffect(() => {\n window.scrollTo(0, 0);\n\n if (BidDetailData?.ranking?.BidStatusName === \"New\") {\n setAboutUI(\n setModalVisibleBidCalender(true)}\n isPlacedBidsStatus\n errorMessage={ErrorMessagePlaceBid}\n />\n );\n setActionButtonMobile(\n setModalVisibleBidCalender(true)}\n isPlacedBidsStatus\n Reschedule\n errorMessage={ErrorMessagePlaceBid}\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Interview Accepted\") {\n const time = moment(\n BidDetailData?.interview?.ApprovedScheduledTiming?.StartTime\n ).format(\"dddd , MMMM DD, YYYY\");\n\n setAboutUI(\n setModalVisibleBidCalender(true)}\n OpenModalBoxStages={OpenModalBoxStages}\n />\n );\n setActionButtonMobile(\n setModalVisibleBidCalender(true)}\n stagename=\"Interview Accepted\"\n OpenModalBoxStages={OpenModalBoxStages}\n RescheduledAccepted\n iconcal\n />\n );\n }\n\n if (BidDetailData?.ranking?.BidStatusName === \"Interview Declined\" || BidDetailData?.ranking?.BidStatusName === \"Interview Cancelled\") {\n setAboutUI(\n \n {loading || interviewloader ? (\n
\n ) : (\n BidDetailData.ProposalId && (\n
\n )\n )}\n
\n {talentstagemodal === \"New\" ? (\n Retract your Bid?
\n ) : (\n \n {AcceptButtonModal === \"Offer\"\n ? \"Accept Offer\"\n : `Decline this ${Modaltitle}?`}\n
\n )}\n \n {talentstagemodal === \"Offers\" ? (\n
\n Let us know the reason why you're declining\n
\n ) : null}\n
\n {talentstagemodal === \"offers\" ? (\n <>\n {declinedReasonsBid.length > 0 &&\n declinedReasonsBid.map((item) => (\n
setDeclinedReason(item.ReasonId)}\n >\n {item.Reason}\n \n ))}\n
\n Submit Reason\n
\n \n ) : null}\n {talentstagemodal === \"Interview\" ||\n talentstagemodal === \"Interview Accepted\" ||\n talentstagemodal === \"Offer\" ? (\n <>\n
\n Please select a reason for declining this {talentstagemodal}\n
\n {declinedReasonsBid.length > 0 &&\n declinedReasonsBid.map((item) => (\n
{\n setDeclinedReason(item.ReasonId);\n setReasonToDecline(item.Reason);\n }}\n >\n {item.Reason}\n {\n talentstagemodal === \"Offer\"\n ? AcceptOfferBid()\n : AcceptInterview();\n }}\n >\n Submit reason\n \n \n Do you want to retract your bid?
\n \n {/*{loading ?
:*/}\n\n \n
\n
{props.ProposalStatus === 'Pending' ? 'Bid Placed' : props.ProposalStatus} \n {props.ProposalStatus === 'Retracted' ? \"\" :\n <>\n
\n \n
\n \n \n }\n
\n
\n {props.gigs[0].Title}
\n \n
\n Facility \n {props.gigs[0].FacilityName}\n
\n
\n Location \n {props.gigs[0].Location.Location}\n
\n
\n
\n
\n
\n Total\n
{props.TotalBids} {props.TotalBids > 1 ? 'Bids' : 'Bid'}
\n
\n
\n Your bid\n
${props?.ActualRate}/{props?.BudgetType}
\n
\n
\n Highest bid\n
${parseFloat(props.HighestBid).toFixed(0)}/{props.HighestBid_BudgetType}
\n
\n
\n
\n Modified on Fri, September 24, 2021 12:26 PM\n
\n
\n \n {props.title}<Text strong className=\"counter\">{props.count}</Text> \n {\n props.elementRight\n }\n \n
\n {props.children}\n \n {props.elementBottom}\n
\n \n )\n}\n\nexport default HomeCategoryCard;\n","import React, { useEffect, useState } from \"react\";\nimport { Row, Menu, Dropdown, Button, Col, Spin, Pagination } from \"antd\";\nimport \"./MyPlacedBids.css\";\nimport PlacedBidItem from \"./PlacedBidItem/PlacedBidItem\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport { DownOutlined } from \"@ant-design/icons\";\n// actions\nimport {\n createBidReset,\n fetchProposals,\n ResetBidData,\n retractBidReset,\n updateBidReset,\n} from \"../../../../redux/actions\";\n\n// Shared components\nimport HomeCategoryCard from \"../HomeCategoryCard/HomeCategoryCard\";\n\nconst bidsTypes = [\n {\n name: \"All Bids\",\n key: \"All\",\n },\n {\n name: \"Pending Bids\",\n key: \"Pending\",\n },\n {\n name: \"Accepted Bids\",\n key: \"Accepted\",\n },\n {\n name: \"Declined Bids\",\n key: \"Declined\",\n },\n {\n name: \"Interview Pending Bids\",\n key: \"InterviewPending\",\n },\n {\n name: \"Interview Scheduled Bids\",\n key: \"InterviewScheduled\",\n },\n {\n name: \"Retracted Bids\",\n key: \"Retracted\",\n },\n];\n\nconst pageSize = 12;\n\nconst MyPlacedBids = (props) => {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const [selectedBidType, setSelectedBidType] = useState(\"Pending Bids\");\n const [selectedBidStatus, setSelectedBidStatus] = useState(\"Pending\");\n const [currentPage, setCurrentPage] = useState(1);\n const [count, setCount] = useState(0);\n\n const proposals = useSelector((state) => state.proposalsReducer.bids);\n const loading = useSelector((state) => state.proposalsReducer.loading);\n const error = useSelector((state) => state.proposalsReducer.error);\n\n useEffect(() => {\n searchBids(\"Pending\", 0);\n }, []);\n\n useEffect(() => {\n // \n setCount(proposals.length);\n }, [proposals]);\n\n const searchBids = (bidStatus, skip) => {\n dispatch(\n fetchProposals(\"61264e8d5ec66685869a8462\", pageSize, skip, bidStatus)\n );\n };\n\n const onDropDownItemCLick = (bidType, key) => {\n setSelectedBidType(bidType);\n setSelectedBidStatus(key);\n setCurrentPage(1);\n searchBids(key, 0);\n };\n\n const onChangePage = (page) => {\n // // \n searchBids(selectedBidStatus, page * (pageSize - 1));\n setCurrentPage(page);\n };\n\n const onEditPress = (id) => {\n dispatch(retractBidReset());\n dispatch(createBidReset());\n dispatch(updateBidReset());\n dispatch(ResetBidData());\n history.push({\n pathname: `/edit-bid/${id}`,\n state: {\n id,\n },\n });\n };\n\n const menu = (\n \n {bidsTypes.map((item) => (\n onDropDownItemCLick(item.name, item.key)}\n >\n {item.name}\n \n ))}\n \n );\n\n return (\n <>\n \n onChangePage(page)}\n />\n \n ) : null\n }\n elementRight={\n \n \n {selectedBidType} \n \n }\n >\n \n {loading ? (\n \n
\n ) : (\n proposals.map((item) => (\n onEditPress(item._id)}\n {...item}\n id={item._id}\n />\n ))\n )}\n
\n \n \n );\n};\n\nexport default MyPlacedBids;\n","import React from 'react';\nimport {Row} from \"antd\";\n\nimport MyPlacedBids from \"./components/MyPlacedBids/MyPlacedBids\";\n\nconst Proposals = props => {\n return(\n <>\n \n \n
\n \n )\n};\n\nexport default Proposals;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport {\n Form,\n Input,\n Alert,\n Col,\n Select,\n Spin,\n Row,\n Card,\n\n Radio,\n Divider,\n Button,\n} from \"antd\";\nimport {\n CloseCircleFilled,\n CheckCircleTwoTone,\n CheckCircleFilled,\n CloseCircleTwoTone,\n ConsoleSqlOutlined,\n} from \"@ant-design/icons\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport Panel from \"./Panel\";\nimport {\n createBid,\n updateBid,\n fetchBidData,\n isModalVisibleAuth,\n updateBidReset,\n fetchInboxMessages,\n fetchMessagesCounts,\n} from \"../../../redux/actions\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport {\n getCookie,\n getImageByStateCode,\n setCookie,\n} from \"../../../shared/helpers\";\nimport ToolTips from \"../../../components/ToolTip/ToolTips\";\nimport { Convert, Converter } from \"easy-currencies\";\nimport Loader from \"../../../components/Loader/Loader\";\nimport { calculateFinalAmount } from \"../../../assets/helpers\";\n\nconst BidForm = (props) => {\n var history = useHistory();\n const dispatch = useDispatch();\n const { Option } = Select;\n const { TextArea } = Input;\n const [rate, setRate] = useState(null);\n const [bill, setBill] = useState(\"\");\n const [dollar, setDollar] = useState(\"\");\n const [dollarBill, setDollarBill] = useState(\"\");\n const [dollarClick, setDollarClick] = useState(false);\n const [dollarBillClick, setDollarBillClick] = useState(false);\n const [rateBy, setRateBy] = useState(\"Hour\");\n const [sgFee, setSGFEE] = useState(0);\n const [error, setError] = useState(\"\");\n const [gigTitle, setgigTitle] = useState(\"\");\n const [defaultValue, setDefaultValue] = useState(\"\");\n\n //useState for bidInputError\n const [bidInputError, setBidInputError] = useState(\"\");\n //useState for taxTermError\n const [taxTermError, setTaxTermError] = useState(\"\");\n const [dimensions, setDimensions] = useState(window.innerWidth);\n //useState for messageError\n const [messageError, setMessageError] = useState(\"\");\n const cookie = getCookie(\"talentToken\");\n\n const success = useSelector((state) => state.createBidReducers.success);\n const loading = useSelector((state) => state.createBidReducers.loading);\n const Error = useSelector((state) => state.createBidReducers.error);\n\n const upSuccess = useSelector((state) => state.updateBidReducers.success);\n const upLoading = useSelector((state) => state.updateBidReducers.loading);\n const upError = useSelector((state) => state.updateBidReducers.error);\n\n const rLoading = useSelector((state) => state.retractBidReducers.loading);\n const rError = useSelector((state) => state.retractBidReducers.error);\n\n const dataSuccess = useSelector((state) => state.getBidDataReducer.gigs);\n const dataLoading = useSelector((state) => state.getBidDataReducer.loading);\n const dataError = useSelector((state) => state.getBidDataReducer.error);\n const ProfessionCode = useSelector((state) => state.profileReducer.user.profile.ProfessionCode);\n const talentPrivate = useSelector(\n (state) => state?.profileReducer?.talentApiData?.talentPrivate\n );\n\n //state.authReducer.isModalVisibleAuth\n const isModalVisibleAuthSelector = useSelector(\n (state) => state.authReducer.isModalVisibleAuth\n );\n\n // const getUser = useSelector(())\n const inputRef = useRef(null);\n\n const [message, setMessage] = useState(\n dataSuccess?.Message ? dataSuccess?.Message : \"\"\n );\n const [currency, setcurrency] = useState(\"$USD\");\n const [CurrencySign, setCurrencySign] = useState(\"\");\n const [taxTerm, setTax] = useState(\"\");\n const [bidshow, setBidshow] = useState(true);\n const [upSuccessData, setupSuccessData] = useState(false);\n const tax = [\"1099/Corp-to-Corp\", \"W-2\"];\n const [placeholder, showPlaceholder] = useState(false);\n const [Defaultplaceholder, setDefaultplaceholder] = useState(false);\n const [CityNameImg, setCityNameImg] = useState();\n const [RegionCodeImg, setRegionCodeImg] = useState();\n\n const [span, setSpan] = useState(\n \" Your net pay will vary based on factors such as your preferred payment method (W2 or 1099) and tax obligations.\"\n );\n var date = Date().toLocaleString();\n var onlyNumb = /^[0-9\\b]+$/;\n // const { isModalVisibleAuth, setIsModalVisibleAuth } = props;\n // const [ isModalVisibleAuth, setIsModalVisibleAuth ] = useState(false);\n const skillgigsFeeRate = 10; // Skillgigs fee rate in percentage (10%)\n let payrollFeeRate = 18; // Payroll fee rate in percentage (18%)\n\n const { state } = useLocation();\n useEffect(() => {\n setupSuccessData(true);\n }, []);\n\n // const { title, FacilityName, RegionName, budget } = state;\n const RegionName = state?.RegionName;\n const title = state?.title;\n const FacilityName = state?.FacilityName;\n const budget = state?.budget;\n const JobType = state?.JobType\n const Remote = state?.Remote\n\n const id = state?.JobOrderId;\n\n useEffect(() => {\n setCityNameImg(props?.method == \"put\" ? dataSuccess?.gigs?.Cities?.CityName : RegionName?.CityName );\n setRegionCodeImg(props?.method == \"put\" ? dataSuccess?.gigs?.Regions?.Code : RegionName?.Location.split(\", \")[1] );\n setDefaultplaceholder(false);\n }, [\n dataSuccess?.gigs?.Cities?.CityName, \n dataSuccess?.gigs?.Regions?.Code,\n RegionName?.CityName,\n RegionName?.Location.split(\", \")[1]\n ])\n\n const handleChange = (value) => {\n setcurrency(value);\n // dispatch(\n // updateBid(\n setRate(null);\n setBill(null);\n setDollar(null);\n setDollarClick(false);\n setDollarBill(null);\n setDollarBillClick(false);\n };\n const checkDimensions = () => {\n setDimensions(window.innerWidth);\n };\n useEffect(() => {\n window.addEventListener(\"resize\", checkDimensions);\n }, []);\n const saveBidToLocalStorage = () => {\n //save state to local storage\n localStorage.setItem(\"bidData\", JSON.stringify(state));\n const gigId = state?.JobOrderId;\n const bidFormData = [\n gigId,\n null,\n null,\n null,\n message,\n date,\n date,\n null,\n rateBy,\n \"In Progress\",\n rate,\n taxTerm,\n 0,\n date,\n sgFee,\n null,\n null,\n date,\n bill,\n currency.substring(1),\n ];\n localStorage.setItem(\"bid\", JSON.stringify(bidFormData));\n localStorage.setItem(\"redirectTo\", \"/create-bid\");\n };\n \n const NULL_VALUES = [undefined,null, \"\"];\n const isNull = (val) => NULL_VALUES.includes(val);\n\n const handleSubmit = (e) => {\n const cookie = getCookie(\"talentToken\");\n \n //multiple if cases intaxTerm, rateBy, rate, bill are empty, then show error\n if (\n isNull(taxTerm) ||\n isNull(rateBy) ||\n isNull(rate) ||\n isNull(message) ||\n rate < 5\n ) {\n if (isNull(taxTerm)) {\n setTaxTermError(\"choose a tax term\");\n }\n if (isNull(rateBy)) {\n setBidInputError(\"Add your bid rate\");\n }\n if (rate <= 0) {\n // setBidInputError(\"Minimum Bid amount is 5$\");\n setBidInputError(\"Add your bid rate\");\n }\n if (isNull(rate)) {\n setBidInputError(\"Add your bid rate\");\n }\n if (isNull(message)) {\n setMessageError(\n \"Add a cover letter to help the employer get to know you better\"\n );\n }\n return;\n }\n \n // if (\n // taxTerm === \"\" ||\n // rateBy === \"\" ||\n // rate === \"\" ||\n // bill === \"\" ||\n // message === \"\"\n // ) {\n // setBidInputError(\"Please choose a bid\");\n // setTaxTermError(\"Please choose a tax term\");\n // setMessageError(\"Please add cover message\");\n // return;\n // }\n\n if (cookie) {\n // e.preventDefault();\n if (props.method == \"post\") {\n dispatch(\n createBid(\n id,\n null,\n null,\n null,\n // `${message}\n
\n \n
\n {/* \n {props.method === \"put\" ? (\n
\n {\" \"}\n Edit bid{\" \"}\n
\n ) : (\n \"Place your bid for the gig\"\n )}\n \n <>\n history.goBack()}\n >\n {placeholder ? (\n setDefaultplaceholder(true)}\n />\n ) : (\n showPlaceholder(true)}\n />\n )}\n\n \n {\" \"}\n {gigTitle ? gigTitle : dataSuccess?.gigs?.Title}{\" \"}\n \n \n Place a bid to see if you'll be a great fit for the gig.\n
\n \n\n {loading || upLoading || dataLoading || rLoading ? (\n \n
\n ) : (\n <>\n handleSubmit(e)}\n >\n {Error || upError || rError ? (\n <>\n \n {\n // if (e.target.value.length < 200) .slice(0, 150)\n setMessage(e.target.value);\n }}\n placeholder=\"You can mention how you'll be a great fit for the gig...\"\n value={message}\n />\n \n\n \n Choose your tax term\n \n\n \n \n \n W-2\n \n \n 1099/Corp-to-Corp\n \n \n \n\n \n What is your desired pay?{\" \"}\n \n \n
\n \n \n Hourly\n \n \n {ProfessionCode === \"IT\" && JobType === \"Permanent\" ? \"Yearly\" : \"Weekly\"}\n \n \n \n\n
\n \n {/* \n \n USD - $\n \n \n INR - ₹\n \n \n PESO - ₱\n \n \n CAD - $\n \n */}\n\n \n
\n
\n {currency.slice(1) !== \"USD\" ? (\n !dollarClick ? (\n {\n rate\n ? setDollarClick(true)\n : setDollarClick(false);\n }}\n >\n Convert to USD\n \n Convert to USD ${dollar}\n
\n ) : (\n
\n \n \n Note:{span}\n \n \n
\n {error ? (\n \n {error}\n \n ) : null}\n { !talentPrivate && \n 756 ? { marginTop: \"1rem\" } : {}\n }\n >\n Estimated total billed to employer\n \n {/* */}\n \n
*/}\n \n }\n {\n currency.slice(1) !== \"USD\" ? (\n !dollarBillClick ? (\n {\n bill\n ? setDollarBillClick(true)\n : setDollarBillClick(false);\n }}\n >\n Convert to USD\n \n ) : dollarBill ? (\n <>\n \n Convert to USD ${dollarBill}\n
{\" \"}\n \n ) : (\n {dollarBill}
\n }\n \n {/* \n \n \n {props.method === \"put\" ? \"Update bid\" : \"Place bid\"}{\" \"}\n {bill && !talentPrivate\n ? `(${currency.substring(0, 1)} ${bill})`\n : props.method === \"put\" && !talentPrivate\n ? `(${dataSuccess?.ActualRate})`\n : \"\"}\n \n \n {/* \n
*/}\n
\n \n \n )}\n {/* */}\n \n {\" \"}\n \n \n \n );\n};\nexport default BidForm;","import React from \"react\";\nimport { Button, Col, Row } from \"antd\";\nimport \"./BidtoApply.css\";\nconst FormBtn = () => {\n return (\n \n {/* Cancel \n */}\n \n \n Place a bid\n \n \n \n
\n );\n};\nexport default FormBtn;\n","import React from 'react';\n\nimport { PageHeader, Typography, Col } from 'antd';\nimport './BidtoApply.css';\nimport BidForm from './BidForm-new';\nimport FormBtn from './BidFormButtons';\nconst BidtoApply = () => {\n return (\n \n {/*
\n \n \n )\n}\n\nexport default BidtoApply;","import React, { useEffect, useState } from 'react';\nimport { Button, Col, Row, Modal } from 'antd';\nimport './BidtoApply.css';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {retractBid, retractBidReset} from '../../../redux/actions';\nimport { useHistory } from \"react-router-dom\";\n\nconst EditFormBtns = (props) => {\n // \n const dispatch = useDispatch();\n const rSuccess = useSelector(state => state.retractBidReducers.success);\n var history = useHistory();\n const [isModalVisible, setIsModalVisible] = useState(false);\n const showModal = () => {\n setIsModalVisible(true);\n };\n\n const handleOk = () => {\n setIsModalVisible(false);\n dispatch(retractBid('Retracted', props.id,\"Bid Retracted\",'Bid Retracted',\"Bid was Retracted by the user\"));\n };\n\n useEffect(() => {\n if (rSuccess) {\n history.push('/dashboard');\n dispatch(retractBidReset());\n }\n });\n\n const handleCancel = () => {\n setIsModalVisible(false);\n };\n\n return (\n <>\n \n Do you want to retract your bid?
\n \n \n CANCEL \n \n UPDATE BID \n \n RETRACT BID
\n \n );\n}\nexport default EditFormBtns;\n","import React from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport BidHeader from \"./BidHeader\";\nimport BidForm from \"./BidForm-new\";\nimport EditFormBtns from \"./EditFormbtns\";\nimport { useSelector } from \"react-redux\";\nimport { useEffect } from \"react\";\n\nconst EditBid = () => {\n const { state } = useLocation();\n const { id, jobOrder } = state;\n\n return (\n \n {/*
*/}\n
\n \n \n
\n
\n {\n props.loading\n ?
\n \n
\n :
\n \n {props.recipientName} ({props.totalMessages})\n \n \n {props.gigName} \n {props.bidStatus} \n \n \n \n {moment(props.lastMessageTimeStamp).fromNow()}\n \n
\n \n
\n }\n
\n
\n Messages received\n \n {\n loading\n ? [1,2,3,4,5].map(()=>(
))\n : data.map((item)=>\n
onItemClicked(\n item._id,\n item.users[0]._id,\n item.skill_listings.length ? 'Skill Listing' : 'Gig',\n item.skill_listings.length ? item.skill_listings[0].Title : item.gigs[0].Title,\n item.users[0].name,\n receipentName\n )}\n recipientName={item.users[0].name}\n gigName={item.skill_listings.length ? item.skill_listings[0].Title : item.gigs[0].Title}\n totalMessages={item.totalmessages}\n bidStatus={item.RecipientLabels}\n lastMessageTimeStamp={item.Created}\n />\n )\n\n }\n \n \n
\n Messages Sent\n \n {\n loading\n ? [1,2,3,4,5].map(()=>(
))\n : data.map((item)=>\n
onItemClicked(\n item._id,\n item.users[0]._id,\n item.skill_listings.length ? 'Skill Listing' : 'Gig',\n item.skill_listings.length ? item.skill_listings[0].Title : item.gigs[0].Title,\n item.users[0].name,\n // receipentName\n user\n )}\n recipientName={item.users[0].name}\n gigName={item.skill_listings.length ? item.skill_listings[0].Title : item.gigs.length?item.gigs[0].Title:''}\n totalMessages={item.totalmessages}\n bidStatus={item.SenderLabels}\n lastMessageTimeStamp={item.Created}\n />)\n }\n \n \n
} />\n
Chat with {props.userName} \n
\n In context of {props.contextType}: {props.contextName} \n
\n \n Reply:* \n \n onTextInputChange(val)}\n />\n \n \n \n \n {/*Choose File */}\n
\n \n \n Cancel\n \n \n or\n
\n \n Send\n \n {/**/}\n {/* {fileData.uploading ? 'Uploading' : 'Start Upload'}*/}\n {/**/}\n \n \n )\n}\n\nexport default SendMessage;\n","import React, { useEffect, useState } from \"react\";\nimport { Row, Col } from \"antd\";\nimport { DownloadOutlined, FileTextTwoTone } from \"@ant-design/icons\";\nimport downloadChatFilesApi from \"../../../shared/downloadFiles\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { receivedMessage } from \"../../../redux/actions\";\n\nconst MessageContainer = (props) => {\n const success = useSelector((state) => state.getChatHistoryReducer.chats);\n const message = props.msgs.MessageText;\n\n // const [files,setFiles] = useState;\n const dispatch = useDispatch();\n const downloadFiles = async (filepath) => {\n try {\n const path = filepath.split(\"/\");\n const para = await downloadChatFilesApi(path[2]);\n // // \n window.open(para.data.downloadURL);\n } catch {}\n };\n\n return (\n <>\n \n {success.length ? (\n
\n ) : (\n \"\"\n )}\n {/* dangerouslySetInnerHTML={{__html:success.length ? success[0].MessageText : ''} */}\n {props.msgs.Attachments\n ? props.msgs.Attachments.map((files) => {\n // setFiles(files);\n return (\n
\n );\n })\n : \"\"}\n
\n
\n ) : (\n success.map((msgs) => {\n return (\n <>\n {/* \n \n \n \n {msgs.SenderUser[0].name\n ? msgs.SenderUser[0].name\n : \"\"}\n \n \n }\n content={\n \n // {success.length ?
: ''}\n // {/* dangerouslySetInnerHTML={{__html:success.length ? success[0].MessageText : ''} */}\n // {msgs.Attachments[0] ?\n // msgs.Attachments.map((files) => {\n // return (\n //
\n // )\n // })\n // : ''}\n //
\n {success.length\n ? moment(msgs.Created).format(\n \"dddd , MMMM DD, YYYY hh:mm A\"\n )\n : \"\"}\n \n }\n />\n \n
\n \n ) : (\n \" \"\n )}\n\n {id == msgs.SenderUserId ? (\n \n \n \n \n {success.length ? msgs.SenderUser[0].name : \"\"}\n \n \n }\n content={\n // \n // {success.length ?
: ''}\n // {msgs.Attachments[0] ?\n // msgs.Attachments.map((files) => {\n // // // \n // return (\n //
\n // )\n // })\n // : ''}\n //
\n {success.length\n ? moment(msgs.Created).format(\n \"dddd , MMMM DD, YYYY hh:mm A\"\n )\n : \"\"}\n \n }\n />\n \n
\n \n ) : (\n \"\"\n )}\n \n );\n })\n )}\n \n \n );\n};\nexport default ChatHistory;\n","import React from \"react\";\nimport \"./Chat.css\";\nimport {\n Row,\n Col,\n Typography,\n Input,\n Divider\n} from \"antd\";\nimport {useParams, useLocation} from \"react-router-dom\"\n\nimport SendMessage from \"./components/SendMessage\";\nimport ChatHistory from \"./components/ChatHistory\";\n\nconst {Title} = Typography;\nconst responsiveCardSizes = {\n xs: {\n span: 22,\n offset: 1,\n },\n md: {\n span: 20,\n offset: 2,\n }\n}\n\nconst Chat = props => {\n const {id} = useParams();\n const {state} = useLocation();\n // \n return(\n \n \n History \n
\n \n
\n )\n}\n\nexport default Chat;\n","export default __webpack_public_path__ + \"static/media/ic_sharp-cancel.e85c4d5c.svg\";","export default __webpack_public_path__ + \"static/media/Group 19971.f053c0fa.svg\";","export default __webpack_public_path__ + \"static/media/Group 19971 (1).31528531.svg\";","export default __webpack_public_path__ + \"static/media/Group 19971 (2).80bebe6c.svg\";","export default __webpack_public_path__ + \"static/media/Group 19971 (3).85a2bdd6.svg\";","export default __webpack_public_path__ + \"static/media/Group 19971 (4).903e8d3b.svg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURUdwTPvLw/7LxP3Mw//Pv/3KxP3LxP3Lw/7LxP/Lv/3LxP3KxMROPsRNPf3LxOLEwNiclPe+tsxjVevm5efX1dR6bstdTtOIfsdWR92EeOGup96QhuickdFsX+C5tK6O52cAAAAMdFJOUwBAz1AQa4jivyCgrxLwJJEAAAMmSURBVEjHtZeJcqMwDIZDEhJCrNj4AMcc7/+Y6xNsc5TtzmqaoW38oV9CssXlsmn3W1lfnx9tz+r9KO6X03Z/VJ/MqvJ1Ci1WpOeLX6M2gtsh+jpAjdUH4svnvKwZvrSVANCO36FZnJe7eZrJvoXE2u/MP7bZq/9ajbBhIuDXDekvL7kRsGMBf7722F7CrrWDp/Oa8Zq/cGhfrzylXa4aeswCos06a+U5dqHLVcA/s4AQzZNWn4k30C7uKrA3++fgv7Sf1QUZcyt6uzy0iRXduKI6Yh0MsolcF/ZOvjbC0sDKjvQisJ4WkWvbSc0SVMwSxjBmnCL/P2dqdv2KHWeaCev1hU6Ghlk3jBa5h2e8OAbaGTOrgTJBKSCBMHZawqomVEqVPiZEGOecYUoUUhNSnBJGBaOxbOi97ruV0C4hE6wXmVh7xHskMWMCIdbFsqH1uotEtVamYe0WG1e8s0Ko+21hve6ba4khqiGCQTj3CCvNdpi3lI0ojhkGV+DvrDK9bJshHaoQSPZS8eRR+d6sXb5GSGK27q1rI9lIFykLtj2urjbbJObgHiE5MUwU0+lKH5XL2PNi8waJbO/elqRQeCJyKTlv0mI5bMNFTjaaa011mWzYh53shdWlIlM2hmX6qLRshkXcWzbqKGYPZwnTTjkhBHM+LW2M2jzdPmHXdPdCqMPGiGASWu6N8Szm0RV3nfUFCg4Z0TfyJmT2qGyRvF1HDjHsxRLteqT5zhKX58PtflFjzEtNkpTaZl1jFKuWXJZiouFtNrSkK+4+021+HJzspEnIVTimmjhhHscEJpXtwrFqc+Q43WOcbXcL7Zl3m6zbe1/z1qsi1d49njCX6e4fO642Nv2ZBd2OdJONN32/68vkuNEf2a4PLpvqxtVmfN70m0dGfEFRgXzmga46f8SG0aL+xeHud69kIvqXseL0QANbA808/p0cpfLh0Q9xQ7uPyv6nEXB3fETj7vio6TC4buOj+myOf2nWDP7NR+Z+GZnvp4b10dxBtvTUsG6k18evCdXxO87teYAW//PVyIov1y9lj795qSse78q9Dl7r8rZD/gHdqJv+WAdiYAAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/Group 19971 (5).738002a1.svg\";","export default __webpack_public_path__ + \"static/media/Group 19971 (6).2b0158fa.svg\";","import React, { useEffect, useState, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport {\n Divider,\n Input,\n Rate,\n Badge,\n Radio,\n Space,\n Modal,\n Button,\n DatePicker,\n} from \"antd\";\nimport { FaRegHospital } from \"react-icons/fa\";\nimport {\n fetchChatHistory,\n fetchDeclinedReasonsBids,\n InterviewScheduleAcceptedInit,\n postFavoriteGigCard,\n removeFavoriteGigCard,\n RetractBidUpdateStageInit,\n sendMessage,\n updateDeclinedReasonsReceivedBids,\n} from \"../../../../redux/actions\";\nimport CalendarIcon from \"../../../../assets/icons/CalendarIcon.svg\";\nimport { getImageByStateCode } from \"../../../../shared/helpers\";\nimport \"./MessageDetail.css\";\nimport { GroupChatIcon } from \"../../../../assets/icons/GroupChatIcon.svg\";\nimport Chat from \"../../../Chat/Chat\";\nimport ProfileAvatar from \"../../../../components/ProfileAvatar\";\nimport { CgAttachment } from \"react-icons/cg\";\nimport { sectionBody } from \"aws-amplify\";\nimport FavoriteFunction from \"../../../Bid/FavoriteFunction/FavoriteFunction\";\nimport { RiCheckDoubleFill } from \"react-icons/ri\";\nimport moment from \"moment\";\nimport closeIcon from \"../../../../assets/icons/ic_sharp-cancel.svg\";\nimport acceptedIcon from \"../../../../assets/icons/Group 19971.svg\";\nimport clipBoardIcon from \"../../../../assets/icons/Group 19971 (1).svg\";\nimport phoneIcon from \"../../../../assets/icons/Group 19971 (2).svg\";\nimport offerIcon from \"../../../../assets/icons/Group 19971 (3).svg\";\nimport rocketOutIcon from \"../../../../assets/icons/Group 19971 (4).svg\";\nimport rocketInIcon from \"../../../../assets/icons/Group 19971 (5).svg\";\nimport TerminatedIcon from \"../../../../assets/icons/Group 19971 (6).svg\";\nimport RejectedIcon from \"../../../../assets/icons/Group 19971.png\";\nimport MediaQuery from \"react-responsive\";\nimport {\n getFileIcon,\n getFileSizeInfo,\n} from \"../../../../components/fileInformation\";\nimport { BiCopy } from \"react-icons/bi\";\nimport { AiOutlineUpload } from \"react-icons/ai\";\nimport { DefaultsRating } from \"../../../WelcomeWizard/helper\";\nconst MessageDetail = (props) => {\n const history = useHistory();\n const { id } = useParams();\n const chats = useSelector((state) => state.getChatHistoryReducer.chats);\n const profile = useSelector((state) => state.profileReducer.user);\n const declineReasons = useSelector(\n (state) => state.BidsReducer.declinedReasonsBid\n );\n const BidDetailData = useSelector(\n (state) => state.BidsReducer.detailReceivedBid\n );\n const dispatch = useDispatch();\n const [placeholder, showPlaceholder] = useState(false);\n const [showmore, setShowmore] = useState(false);\n const [gig, setGig] = useState();\n const [bid, setBid] = useState();\n const [interview, setInterview] = useState();\n const [proposal, setProposal] = useState();\n const [skillListing, setSkillListing] = useState();\n const [interested, setInterested] = useState(false);\n const [reschedule, setReschedule] = useState(false);\n const [rescheduleFlag, setRescheduleFlag] = useState(false);\n const [decline, setDecline] = useState(false);\n const [declineFlag, setDeclineFlag] = useState(false);\n const [retract, setRetract] = useState(false);\n const [isRetract, setIsRetract] = useState(false);\n const [isProposalAccept, setIsProposalAccept] = useState(false);\n const [offerInterested, setOfferInterested] = useState(false);\n const [clicked, setClicked] = useState();\n const [bidType, setBidType] = useState(null);\n const [conversations, setConversations] = useState();\n const messagesEndRef = useRef(null);\n const [attachmentFile, setAttachmentFile] = useState([]);\n const [textArea, setTextArea] = useState(null);\n const [textAreaValue, setTextAreaValue] = useState(null);\n const inputAttachmentBox = useRef(null);\n const inputTextArea = useRef(null);\n const [isModalVisible, setIsModalVisible] = useState(false);\n const [selectDeclineInput, setSelectDeclineInput] = useState(null);\n const [selectedDeclineValue, setSelectedDeclineValue] = useState(null);\n const [ranking, setRanking] = useState(null);\n const [isPlaceBid, setIsPlaceBid] = useState(null);\n const [interviewCard, setInterviewCard] = useState(null);\n // const [declinedReason, setDeclinedReason] = useState(\"abc\");\n const [seeMoreFlag, setSeeMoreFlag] = useState(false);\n const [declinedReason, setDeclinedReason] = useState();\n const [isSelected, setIsSelected] = useState(false);\n const [value, setValue] = useState(1);\n // DatePicker\n const [DateValueStage, setDateValueStage] = useState();\n const [DateValueStage1, setDateValueStage1] = useState();\n const [DateValueStage2, setDateValueStage2] = useState();\n const [Endtime, setEndtime] = useState();\n const [Endtime1, setEndtime1] = useState();\n const [Endtime2, setEndtime2] = useState();\n const [interviewTime, setInterviewTime] = useState(null);\n // \n\n const dateFormatList = [\"MMMM d, YYYY\", \"MMMM d, YYYY\"];\n const [dateValue, setDateValue] = useState();\n var ctime = new Date(dateValue);\n // \n const options = {\n weekday: \"long\",\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n hour: \"numeric\",\n hour12: true,\n };\n\n // // \n // onsole.log(\"message conversations\", conversations?.BidStatus);\n // \n const showModal = () => {\n setIsModalVisible(true);\n };\n const modelTitle = () => {\n if (reschedule) {\n return \"Reschedule interview\";\n }\n if (decline === \"decline-bid\") {\n return \"Not interested in this bid?\";\n }\n if (decline === \"decline-interview\") {\n return \"Decline this interview?\";\n }\n if (decline === \"decline-offer\") {\n return \"Decline this offer?\";\n }\n if (offerInterested) {\n return \"Accept offer\";\n }\n if (clicked === \"retract-bid\") {\n return \"Retract your bid?\";\n }\n };\n\n const handleOk = () => {\n setIsModalVisible(false);\n };\n const handleOkRetract = () => {\n setIsModalVisible(false);\n setInterested(true);\n setIsRetract(true);\n dispatch(RetractBidUpdateStageInit(proposal?._id));\n };\n\n const handleCancel = () => {\n setIsModalVisible(false);\n };\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({\n behavior: \"smooth\",\n block: \"end\",\n });\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [gig, bid, proposal, interested]);\n useEffect(() => {\n // dispatch(fetchDeclinedReasonsBids(\"interview\"));\n // dispatch(\n // updateDeclinedReasonsReceivedBids({\n // id: bid?._id,\n // body: {\n // Message: \"Update Bid by talent\",\n // BidStatusName: \"Not Interested\",\n // DeclineReason: \"Price too low\",\n // },\n // })\n // );\n //////// Interview schedule API\n // dispatch(InterviewScheduleAcceptedInit({\n // id: BidDetailData?.interview?._id,\n // body: {\n // \"ReScheduledTimings\": [{\n // \"StartTime\": \"2022-06-23T17:45:00.000+00:00\",\n // \"EndTime\": \"2022-06-23T18:45:00.000+00:00\"\n // },\n // {\n // \"StartTime\": \"2022-06-22T17:45:00.000+00:00\",\n // \"EndTime\": \"2022-06-22T18:45:00.000+00:00\"\n // },\n // ],\n // \"InterviewStatus\": \"Rescheduled\",\n // \"Message\": \"You have Rescheduledthe interview\"\n // }\n // })\n // )\n }, []);\n\n // from intput field (file type attachment) - onClick()\n const onChangeFile = ({ target: { files } }) => {\n // \n let flag = false;\n const length = files.length;\n for (let i = 0; i < length; i++) {\n const fileIcon = getFileIcon(getFileFormat(files[i].name));\n if (fileIcon) {\n const fileSize = getFileSizeInfo(files[i]);\n if (fileSize) {\n setAttachmentFile((prevState) => {\n return [...prevState, files[i]];\n });\n }\n if (i === 0 && length === 1 && !fileSize) flag = true;\n }\n if (i === 0 && length === 1 && !fileIcon) flag = true;\n }\n flag ? getDispayBlock() : getDispayNone(\"fromFileAttachment\");\n };\n\n // from textarea field (height adjustment) - onClick()\n const textAreaAdjust = (element) => {\n // \n const val = element.target.value;\n if (val !== \"\") {\n element.target.style.height = -2 + element.target.scrollHeight + \"px\";\n } else {\n element.target.style.height = \"40px\";\n if (window.innerWidth < 768) element.target.style.height = \"53px\";\n }\n setTextArea(element);\n setTextAreaValue(element.target.value);\n };\n\n // get file format - (from AttachmentDiv)\n const getFileFormat = (fileName) => {\n const behideDot = fileName?.lastIndexOf(\".\") + 1;\n const fileLength = fileName?.length;\n const fileFormat = fileName?.slice(behideDot, fileLength);\n // \n return fileFormat;\n };\n\n const handleOnCLickTextAreaFocus = () => {\n getDispayBlock(\"fromTextWithAttachment\");\n };\n\n useEffect(() => {\n if (isProposalAccept === true) {\n dispatch(\n InterviewScheduleAcceptedInit({\n id: interview?._id,\n body: {\n ApprovedScheduledTiming: {\n StartTime: interviewTime?.StartTime,\n EndTime: interviewTime?.EndTime,\n },\n InterviewStatus: \"Accepted\",\n Message: \"You have accepted the interview\",\n },\n })\n );\n } else if (isProposalAccept === false) {\n // seterrorMessage(\"Please select one date from above\");\n // // \n }\n // \n }, [isProposalAccept, interviewTime]);\n\n // remove attachment - (from AttachmentDiv) - onClick()\n const onRemoveAttachment = (fileName, e) => {\n if (e && e.stopPropagation) e.stopPropagation();\n setAttachmentFile(() => {\n return attachmentFile.filter((file) => {\n return file.name !== fileName;\n });\n });\n // \n getDispayNone(\"onRemoveAttachment\");\n };\n const handleReschedule = () => {\n setReschedule(true);\n showModal();\n };\n const handleDecline = async () => {\n // setDecline(\"decline-bid\");\n // showModal();\n // const data = await declineReasons;\n // if (decline === \"decline-interview\" && declineReasons?.length > 0 && data) {\n // showModal();\n // }\n };\n\n useEffect(() => {\n if (isProposalAccept === true) {\n dispatch(\n InterviewScheduleAcceptedInit({\n id: interview?._id,\n body: {\n ApprovedScheduledTiming: {\n StartTime: interviewTime?.StartTime,\n EndTime: interviewTime?.EndTime,\n },\n InterviewStatus: \"Accepted\",\n Message: \"You have accepted the interview\",\n },\n })\n );\n } else if (isProposalAccept === false) {\n // seterrorMessage(\"Please select one date from above\");\n // // \n }\n // \n }, [isProposalAccept, interviewTime]);\n\n useEffect(() => {\n if (decline === \"decline-interview\" && declineReasons?.length > 0) {\n showModal();\n }\n if (decline === \"decline-bid\" && declineReasons?.length > 0) {\n showModal();\n }\n }, [declineReasons]);\n useEffect(() => {\n if (!textArea?.target?.value && attachmentFile.length === 0) {\n getDispayBlock();\n }\n }, [attachmentFile, textArea]);\n useEffect(() => {\n if (props.isReceivedBids) {\n setBidType(\"Bid\");\n } else {\n setBidType(\"Proposal\");\n }\n }, [bid]);\n useEffect(() => {\n // dispatch(fetchChatHistory(id));\n setDecline(false);\n setInterested(false);\n }, [id]);\n useEffect(() => {\n setRetract(false);\n setOfferInterested(false);\n setDecline(false);\n setReschedule(false);\n setDeclinedReason(false);\n\n setIsRetract(false);\n setDeclineFlag(false);\n setRescheduleFlag(false);\n setInterviewCard(null);\n chats?.data?.body?.gigCard\n ? setGig(chats?.data?.body?.gigCard?.gig)\n : setGig(chats?.data?.body?.placedBidCard?.gig);\n chats?.data?.body?.gigCard\n ? setRanking(chats?.data?.body?.gigCard?.ranking)\n : setRanking(chats?.data?.body?.placedBidCard?.ranking);\n chats?.data?.body?.gigCard ? setIsPlaceBid(false) : setIsPlaceBid(true);\n chats?.data?.body?.interviewCard?.interview &&\n setInterviewCard(chats?.data?.body?.interviewCard?.interview);\n setBid(chats?.data?.body?.gigCard?.bid);\n setProposal(chats?.data?.body?.placedBidCard?.proposal);\n setSkillListing(chats?.data?.body?.gigCard?.skillListing);\n setInterview(chats?.data?.body?.interviewCard?.interview);\n // \n // \n // {chats?.data?.body?.conversations.map((data) => // \n setConversations(chats?.data?.body?.conversations);\n !interviewTime &&\n setInterviewTime(\n chats?.data?.body?.interviewCard?.interview?.ScheduledTimings[1]\n );\n }, [\n chats?.data?.body?.gigCard?.gig,\n chats?.data?.body?.placedBidCard?.proposal,\n chats?.data?.body?.gigCard?.skillListing,\n chats?.data?.body?.placedBidCard?.interviewCard,\n chats?.data?.body?.conversations,\n interviewCard,\n ranking,\n ]);\n\n // useEffect(() => {\n // ranking?.BidStatusName === \"Retracted\" && setIsRetract(true);\n // }, isRetract);\n\n // useEffect(() => {\n // {\n // conversations?.map((data) => {\n // data.BidStatus && data.BidStatus === true\n // ? // \n // : null;\n // });\n // }\n // }, [conversations]);\n const handleRetract = () => {\n showModal();\n setRetract(true);\n setClicked(\"retract-bid\");\n };\n\n const ProposedInterviewHandle = () => {\n setIsProposalAccept(true);\n };\n\n const handleOffer = () => {\n setInterested(true);\n setOfferInterested(true);\n showModal();\n };\n\n const onchangeRadio = (e) => {\n setValue(e.target.value);\n // \n };\n const onchangeRadio1 = (e, key, time) => {\n if (key === 0) {\n setValue(0);\n } else if (key === 1) {\n setValue(1);\n } else {\n setValue(2);\n }\n // \n // \n setInterviewTime(time);\n };\n\n const declineReasonHandler = (e) => {\n setIsSelected(!isSelected);\n // \n setDeclinedReason(e.target.innerText);\n };\n\n const handleReasonSubmit = () => {\n // alert(\"hi\");\n if (isSelected && decline === \"decline-interview\") {\n dispatch(\n InterviewScheduleAcceptedInit({\n // id: \"jasdkflj64657987987\",\n id: interview?._id,\n body: {\n // ReScheduledTimings: [\n // {\n // StartTime: \"2022-06-23T17:45:00.000+00:00\",\n // EndTime: \"2022-06-23T18:45:00.000+00:00\",\n // },\n // {\n // StartTime: \"2022-06-22T17:45:00.000+00:00\",\n // EndTime: \"2022-06-22T18:45:00.000+00:00\",\n // },\n // ],\n InterviewStatus: \"Rejected\",\n Reason: declinedReason,\n },\n })\n );\n } else if (isSelected && decline === \"decline-bid\") {\n dispatch(\n updateDeclinedReasonsReceivedBids({\n id: bid?._id,\n body: {\n Message: \"Update bid by talent\",\n BidStatusName: \"Declined\",\n DeclineReason: declinedReason,\n },\n })\n );\n }\n handleOk();\n setDeclineFlag(true);\n };\n\n const handleAcceptedReceivedBide = () => {\n dispatch(\n updateDeclinedReasonsReceivedBids({\n id: bid?._id,\n body: {\n Message: \"Update Bid by talent\",\n BidStatusName: \"Accepted\",\n },\n })\n );\n };\n\n const InterViewCard = () => {\n return (\n <>\n \n
\n
\n \n
\n
Profile submitted
\n \n {/*
Congratulations!
*/}\n
\n Good news! We submitted your profile to the employer at\n
\n
\n
Thursday, January 3, 2022
\n
9:00 AM
\n
\n
\n You'll set up an interview next. We'll notify you of proposed\n interview times.\n
\n
\n
\n
\n
\n
{\n setReschedule(true);\n setDecline(false);\n handleReschedule();\n }}\n >\n Request to reschedule\n \n
{\n setDecline(true);\n setReschedule(false);\n // handleDecline();\n }}\n >\n Decline\n declineReasonHandler(e)}\n >\n {data.Reason}\n \n );\n };\n\n const OfferCard = () => {\n return (\n \n
\n
\n \n
\n
Offer
\n \n
Congrats!
\n
The employer sent you an offer
\n
\n {/* Job Details */}\n
\n
\n
Start date
\n
\n {moment(`${bid?.IdealStartDate}`).format(\"MMM DD, YYYY\")}\n
\n
\n
\n
End date
\n
\n {/* {gig?.JobOrderTypeName ? gig?.JobOrderTypeName : \"NA\"} */}\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
\n
\n {gig?.ProfessionCode === \"HC\" ? (\n
\n
Pay package
\n {/*
\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
*/}\n
\n ${gig?.BudgetMin ? gig?.BudgetMin : \"NA\"}/Wk\n
\n
\n ) : null}\n
Offer letter
\n
\n {/* {bid?.Comments} */}\n Lorem Ipsum is simply dummy text of the printing and typesetting\n industry. Lorem Ipsum has been the industry's standard dummy\n text.Lorem Ipsum is simply dummy text of the printing and\n typesetting industry. Lorem Ipsum has been the industry's\n standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type\n specimen book. It has survived not only five centuries, but also\n the leap into electronic typesetting, remaining.\n \n
\n
\n
\n Open the document to digitally sign it then upload your signed offer\n to accept:\n
\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
{\n setDecline(\"decline-offer\");\n setReschedule(false);\n showModal();\n }}\n >\n Decline\n {\n handleOffer();\n }}\n disabled={decline === \"decline-offer\" || interested}\n >\n {interested ? \"Accepted\" : \"Accept\"}\n \n \n \n );\n };\n\n const AddtoCalanderCard = () => {\n return (\n <>\n \n
\n
\n \n
\n
Interview scheduled
\n \n {/*
Congratulations!
*/}\n
\n Good news! Your interview is scheduled. Here are your interview\n details.\n
\n
When
\n
\n
Thursday, January 3, 2022
\n
9:00 AM - 10:00 AM
\n
\n
Where
\n
\n
https://teams.microsoft.com.....
\n\n
\n
\n
\n
Add to my calendar
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
\n
\n
{\n setReschedule(true);\n setDecline(false);\n handleReschedule();\n }}\n >\n Request to reschedule\n \n
{\n showModal();\n setReschedule(false);\n setDecline(\"decline-interview\");\n }}\n >\n Decline\n \n \n
\n Available interview times\n
\n
onchangeRadio(e)} value={value}>\n {props.date?.map((date, i) => {\n const time = new Date(date?.StartTime);\n const TimeArr = getProposedInterviewDateAndTime(time);\n\n return (\n \n \n
\n
\n
\n onchangeRadio1(e, (key = i), (time = date))\n }\n value={value}\n >\n \n {TimeArr[0] + \", \" + TimeArr[1] + \", \" + TimeArr[2]}\n
\n \n {TimeArr[3]} - {TimeArr[4]}\n
\n \n \n
\n
\n
onchangeRadio1(e, (key = 1))}\n value={value}\n >\n Thursday, 3rd January, 2022
\n 9:00 AM - 10:00 AM
\n \n\n \n \n
\n
\n
onchangeRadio1(e, (key = 2))}\n value={value}\n >\n Thursday, 3rd January, 2022
\n 9:00 AM - 10:00 AM
\n \n\n \n \n
\n
\n
onchangeRadio1(e, (key = 3))}\n value={value}\n >\n Thursday, 3rd January, 2022
\n 9:00 AM - 10:00 AM
\n */}\n \n\n \n
1:48 PM
\n {props.type === \"reschedule\" ? (\n <>\n
\n
\n \n ) : null}\n
\n \n {props.type === \"reschedule\" ? null : (\n <>\n
\n
6 ||\n isProposalAccept ||\n declineFlag ||\n rescheduleFlag) &&\n \" interested-decline\"\n }`}\n onClick={() => {\n // showModal();\n // setReschedule(false);\n if (\n !(\n ranking?.Rank > 6 ||\n isProposalAccept ||\n declineFlag ||\n rescheduleFlag\n )\n ) {\n dispatch(fetchDeclinedReasonsBids(\"interview\"));\n setDecline(\"decline-interview\");\n setReschedule(false);\n handleDecline();\n }\n // declineReasons.then(() => {\n // showModal();\n // setReschedule(false);\n // });\n }}\n >\n {ranking?.Rank === 8 || declineFlag\n ? \"Declined\"\n : \"Decline\"}\n \n
6 ||\n isProposalAccept ||\n declineFlag ||\n rescheduleFlag) &&\n \" interested-decline\"\n }`}\n onClick={() => {\n if (\n !(\n ranking?.Rank > 6 ||\n isProposalAccept ||\n declineFlag ||\n rescheduleFlag\n )\n ) {\n ProposedInterviewHandle();\n }\n }}\n >\n {(ranking?.Rank > 6 && !(ranking?.Rank === 8)) ||\n isProposalAccept ||\n rescheduleFlag\n ? \"Accepted\"\n : \"Accept\"}\n 6 ||\n isProposalAccept ||\n declineFlag ||\n rescheduleFlag) &&\n \" interested-decline\"\n }`}\n onClick={() => {\n if (\n !(\n ranking?.Rank > 6 ||\n isProposalAccept ||\n declineFlag ||\n rescheduleFlag\n )\n ) {\n setReschedule(true);\n setDecline(false);\n handleReschedule();\n }\n }}\n >\n Request to reschedule\n \n \n \n \n );\n };\n\n ////DECLINE /////\n const DeclineBid = () => {\n return (\n <>\n \n
\n
\n \n
\n
Offer declined
\n \n
\n Declined {window.innerWidth > 768 && \"!\"}\n
\n
Your declined the offer
\n
\n
Reason
\n
Accepted another offer
\n
\n
\n
\n
\n
\n
\n \n
\n
Offer accepted
\n \n {/*
Congratulations!
*/}\n
\n Congrats on accepting the employer’s offer! Here’s a copy of your\n signed offer document:\n
\n
\n
\n
Thursday, January 3, 2022
\n
9:00 AM
\n
\n
\n
\n
\n
\n
\n Hi candidate name\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
\n
\n
\n Hi CHi HRM name,\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
\n
\n {/*
Congratulations!
*/}\n
Resume
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
You're Hired!
\n \n {/*
Congratulations!
*/}\n
\n You're successfully hired by the employer. Congrats on landing the\n new gig!\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
\n
\n
\n \n
\n
On billing
\n \n
Congratulations!
\n
You have moved to the On billing
\n
\n {/* Job Details */}\n
\n
\n
Start date
\n
\n {moment(`${bid?.IdealStartDate}`).format(\"MMM DD, YYYY\")}\n
\n
\n
\n
End date
\n
\n {/* {gig?.JobOrderTypeName ? gig?.JobOrderTypeName : \"NA\"} */}\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
\n
\n {gig?.ProfessionCode === \"HC\" ? (\n
\n
Pay package
\n {/*
\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
*/}\n
\n ${gig?.BudgetMin ? gig?.BudgetMin : \"NA\"}/Wk\n
\n
\n ) : null}\n
\n
Contract duration
\n
\n {/* {gig?.JobOrderTypeName ? gig?.JobOrderTypeName : \"NA\"} */}\n {/* {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"} */}\n 13 months\n
\n
\n
\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
\n
\n
\n \n \n {props.type === \"rejected\" ? \"Interview Declined\" : \"Terminated\"}\n
\n \n
\n {props.type === \"rejected\" ? \"Interview Declined\" : \"Sorry!\"}\n
\n
\n {props.type === \"rejected\"\n ? \"Employer rejected you\"\n : \"Your employer moved you to terminated.\"}\n
\n
\n {/* Job Details */}\n {props.type !== \"rejected\" && (\n
\n
\n
Start date
\n
\n {moment(`${bid?.IdealStartDate}`).format(\"MMM DD, YYYY\")}\n
\n
\n
\n
End date
\n
\n {/* {gig?.JobOrderTypeName ? gig?.JobOrderTypeName : \"NA\"} */}\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
\n
\n {gig?.ProfessionCode === \"HC\" ? (\n
\n
Pay package
\n {/*
\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
*/}\n
\n ${gig?.BudgetMin ? gig?.BudgetMin : \"NA\"}/Wk\n
\n
\n ) : null}\n
\n
Contract duration
\n
\n {/* {gig?.JobOrderTypeName ? gig?.JobOrderTypeName : \"NA\"} */}\n {/* {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"} */}\n 13 months\n
\n
\n
\n )}\n {props.type === \"rejected\" && (\n
\n
\n
\n
Reason
\n
Desired pay is over budget
\n
\n
\n
\n )}\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n {props.type !== \"rejected\" && (\n
\n
{\n setReschedule(true);\n setDecline(false);\n handleReschedule();\n }}\n >\n Rate the Employer\n \n
\n
\n
\n
\n
{fileName} \n
{getFileFormat(fileName)}
\n
\n
\n
onRemoveAttachment(fileName, e)}\n className=\"attachment-container-close-btn\"\n />\n \n {/* /// Bid Start //// */}\n {(ranking?.BidStatusName === \"New\" ||\n ranking?.BidStatusName === \"Retracted\" ||\n ranking?.Rank >= 1 ||\n ranking?.Rank >= 2) && (\n <>\n {chats?.data?.body?.gigCard ? (\n ////// Received Bid Start /////\n !(\n ranking?.BidStatusName === \"Retracted\" || ranking?.Rank === 2\n ) && (\n
\n
\n
\n
\n
{skillListing?.Title}
\n
\n
\n
{gig?.Title}
\n\n {gig?.ProfessionCode === \"HC\" ? (\n
{gig?.FacilityName}
\n ) : (\n
{gig?.WorkplacePolicy}
\n )}\n
\n
\n {/* Job Details */}\n {gig?.ProfessionCode === \"HC\" ? (\n
\n
\n
\n
\n
\n {gig?.Rating ? Number(gig?.Rating) : DefaultsRating}\n \n
\n
\n ({gig?.Review ? gig?.Review : 0})\n \n
\n
\n
\n ) : null}\n
\n
\n {/*
*/}\n
\n Pay package ${gig?.BudgetMin}/wk\n
\n
\n
Ideal start date
\n
\n {moment(`${bid?.IdealStartDate}`).format(\n \"MMM DD, YYYY\"\n )}\n
\n
\n
\n
Contract length
\n
\n {gig?.IdealContractLengthName\n ? gig?.IdealContractLengthName\n : \"NA\"}\n
\n
\n {gig?.ProfessionCode === \"HC\" ? (\n
\n
Gig Rate
\n
\n ${gig?.BudgetMin ? gig?.BudgetMin : \"NA\"}/Wk\n
\n
\n ) : null}\n
Cover letter
\n
\n {bid?.Comments?.length < 120 ? (\n bid?.Comments\n ) : (\n <>\n {seeMoreFlag\n ? bid?.Comments\n : bid?.Comments.slice(0, 120)}\n setSeeMoreFlag(true)}\n >\n {\" \"}\n {!seeMoreFlag ? \"See More...\" : \"\"}\n \n \n )}\n
\n
\n
\n
\n
\n
\n
\n
= 2 || declineFlag || interested\n ? \"interested-decline\"\n : \"interested\"\n }\n onClick={() => {\n if (!(ranking?.Rank >= 2 || declineFlag || interested)) {\n setDecline(\"decline-bid\");\n dispatch(fetchDeclinedReasonsBids(\"bid\"));\n }\n }}\n >\n {ranking?.Rank === 4 || declineFlag\n ? \"Declined\"\n : \"Decline\"}\n \n
= 2 ||\n interested ||\n declineFlag ||\n (conversations?.BidStatus &&\n conversations?.BidStatus === \"Accepted\")\n ? \"interested-decline\"\n : \"interested\"\n }\n onClick={() => {\n if (\n !(\n (ranking?.Rank >= 2 && !(ranking?.Rank === 4)) ||\n declineFlag ||\n interested\n )\n ) {\n setInterested(true);\n handleAcceptedReceivedBide();\n }\n }}\n disabled={decline === \"decline-bid\" || interested}\n >\n {(ranking?.Rank >= 2 && !(ranking?.Rank === 4)) ||\n interested\n ? \"Accepted\"\n : \"Accept\"}\n \n
\n \n
\n {gig?.ProfessionCode === \"HC\" ? (\n
{gig?.FacilityName}
\n ) : (\n
{gig?.WorkplacePolicy}
\n )}\n
\n {/* Job Details */}\n {gig?.ProfessionCode === \"HC\" ? (\n
\n
\n
\n
\n
\n {gig?.Rating ? Number(gig?.Rating) : DefaultsRating}\n \n
\n
\n ({gig?.Review ? gig?.Review : 0})\n \n
\n
\n \n Pay Package ${proposal?.ActualRate}/wk\n
\n \n
Location
\n
\n {gig?.Location?.LocationLong\n ? gig?.Location?.LocationLong\n : \"NA\"}\n
\n
\n
Tax Term
\n
\n {proposal?.IdealTerms ? proposal?.IdealTerms : \"NA\"}\n
\n
\n
Gig Rate
\n
${gig?.BudgetMin ? gig?.BudgetMin : \"NA\"}/Wk
\n
Cover letter
\n \n \n \n \n \n \n \n
= 2 ||\n (isRetract && ranking?.BidStatusName === \"New\")\n ? \"interested-decline\"\n : \"interested\"\n }\n onClick={() => {\n !(\n interested ||\n ranking?.BidStatusName === \"Retracted\" ||\n ranking?.Rank >= 2 ||\n (isRetract && ranking?.BidStatusName === \"New\")\n ) && editBidHandler();\n }}\n >\n Edit bid\n = 2 ||\n (isRetract && ranking?.BidStatusName === \"New\")\n ? \"interested-decline\"\n : \"interested\"\n }\n onClick={() => {\n !(\n interested ||\n ranking?.BidStatusName === \"Retracted\" ||\n ranking?.Rank >= 2 ||\n (isRetract && ranking?.BidStatusName === \"New\")\n ) && handleRetract();\n }}\n >\n {interested ||\n ranking?.BidStatusName === \"Retracted\" ||\n ranking?.Rank === 2 ||\n (isRetract && ranking?.BidStatusName === \"New\")\n ? \"Bid Retracted\"\n : \"Retract bidss\"}\n \n \n \n )}\n \n )}\n {/* /// Bid End //// */}\n {/* Accepted Card Start */}\n {(ranking?.BidStatusName === \"Accepted\" ||\n (ranking?.Rank >= 3 && !(ranking?.BidStatusName === \"Declined\"))) && (\n <>\n \n
\n \n
\n \n
\n
Bid Accepted
\n \n
Congrats!
\n
\n {isPlaceBid\n ? \"Your bid got accepted by the employer.\"\n : \"You accepted the employer’s bid. We’ll notify you once we submit your profile to the employer.\"}\n
\n
\n
1:48 PM
\n {/*
\n
*/}\n
\n
\n
\n
\n \n
\n
\n {isPlaceBid ? \"Offer declined\" : \"Bid declined\"}\n
\n \n
\n Declined {window.innerWidth > 768 && \"!\"}\n
\n
\n {isPlaceBid\n ? \"Your bid has been declined by the candidate\"\n : \"Offer has been declined by you\"}\n
\n
\n
Reason
\n
Not enough overall experience
\n
\n
\n
\n
\n
\n
\n \n
\n
Profile submitted
\n \n {/*
Congratulations!
*/}\n
\n Good news! We submitted your profile to the employer at\n
\n
\n
Thursday,January 3, 2022
\n
9:00 AM
\n
\n
\n You'll set up an interview next. We'll notify you of proposed\n interview times.\n
\n
\n
\n
\n \n
\n \n
\n
Interview accepted
\n \n {/*
Congratulations!
*/}\n
\n Congrats! You’ve accepted an interview time for:\n
\n
\n
Thursday,January 3, 2022
\n
9:00 AM - 10:00 AM
\n
\n
\n The employer will share the interview details shortly.\n
\n
\n
\n \n
\n \n
\n
Interview declined
\n \n
\n Interview Declined {window.innerWidth > 768 && \"!\"}\n
\n
\n {window.innerWidth > 768\n ? \"Interview canceled by the candidate\"\n : \"You declined the interview\"}\n
\n
\n
Reason
\n
{interviewCard.Reason}
\n
\n
\n
\n
\n
textAreaAdjust(e)}\n ref={inputTextArea}\n onBlur={onBlurTextArea}\n onFocus={onFocusTextArea}\n value={textAreaValue}\n >\n \n {attachmentFile.map((file, i) => (\n \n
\n \n {offerInterested ? (\n <>\n
\n
\n Upload digital signature offer\n
\n
Accept offer
\n \n ) : null}\n {decline === \"decline-bid\" && declineReasons ? (\n <>\n
\n Please select a reason for not interested\n
\n {declineReasons?.map((data) => (\n
declineReasonHandler(e)}\n >\n {data.Reason}\n handleReasonSubmit()}\n >\n Submit Reason\n \n \n ) : null}\n {decline === \"decline-interview\" && declineReasons ? (\n <>\n \n Let us know why you’re declining this bid:\n
\n {declineReasons?.map((data) => (\n declineReasonHandler(e)}\n >\n {data.Reason}\n \n // handleReasonSubmit()}\n >\n Submit reason\n \n \n ) : (\n <>\n )}\n {decline === \"decline-offer\" ? (\n <>\n \n Let the employer know the reason why you're declining their\n offer:\n
\n {[\n \"Accepted another offer\",\n \"No longer interested in the gig\",\n \"Estimated pay rate is too low\",\n \"I’d like to consider another time\",\n ].map((data, i) => (\n {\n setSelectedDeclineValue(e.target.innerHTML);\n setSelectDeclineInput(i);\n }}\n >\n {data}\n \n ))}\n {/* Accept another offer
\n \n Not Interested in the Gig\n
\n \n Estimated pay rate is too low\n
\n \n Need to reschedule the joining date\n
*/}\n {\n // \n // dispatch function here\n setSelectedDeclineValue(null);\n setSelectDeclineInput(null);\n handleCancel();\n }}\n >\n Decline offer\n \n \n ) : null}\n {retract ? (\n <>\n \n Do you want to retract your{\" \"}\n {window.innerWidth > 768 && \"Placed\"} Bid?\n
\n \n
handleCancel()}>\n No, go back\n
\n
handleOkRetract()}\n >\n Yes, retract bid\n \n Let's find a better time to set up your interview.\n
\n \n Interview timings \n (Propose up to 3 of your available interview times).\n
\n \n
\n \n
\n \n
\n \n Send reschedule request\n \n \n ) : null}\n \n \n {/* Model End */}\n \n );\n};\nexport default MessageDetail;\n","export default __webpack_public_path__ + \"static/media/searchBar12.88a4495c.svg\";","export default __webpack_public_path__ + \"static/media/searchBar21.a656a5e5.svg\";","export default __webpack_public_path__ + \"static/media/notificationfilled.5456a03e.svg\";","export default __webpack_public_path__ + \"static/media/notificationfilledgreen.854d485b.svg\";","export default __webpack_public_path__ + \"static/media/chatfill.ac444479.svg\";","export default __webpack_public_path__ + \"static/media/chatfillgrey.37a16c8c.svg\";","export default __webpack_public_path__ + \"static/media/carbon_close-filled.33710917.svg\";","export default __webpack_public_path__ + \"static/media/KeyboardArrowDown.56846135.svg\";","export default __webpack_public_path__ + \"static/media/cilFilter.56d6ea5b.svg\";","import React, { useRef, useState, useEffect } from \"react\";\nimport \"./OnboardingMessageSend.css\";\nimport { CgAttachment } from \"react-icons/cg\";\nimport {\n getFileIcon,\n getFileSizeInfo,\n} from \"../../../../components/fileInformation\";\nimport closeIcon from \"../../../../assets/icons/ic_sharp-cancel.svg\";\nimport { sendMessage } from \"../../../../redux/actions\";\nimport { useDispatch } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\n\nconst OnboardingMessageSend = () => {\n const [attachmentFile, setAttachmentFile] = useState([]);\n const [textArea, setTextArea] = useState(null);\n const [textAreaValue, setTextAreaValue] = useState(null);\n const inputAttachmentBox = useRef(null);\n const inputTextArea = useRef(null);\n const { id } = useParams();\n const dispatch = useDispatch();\n // \n\n // from intput field (file type attachment) - onClick()\n const onChangeFile = ({ target: { files } }) => {\n // \n let flag = false;\n const length = files.length;\n for (let i = 0; i < length; i++) {\n const fileIcon = getFileIcon(getFileFormat(files[i].name));\n if (fileIcon) {\n const fileSize = getFileSizeInfo(files[i]);\n if (fileSize) {\n setAttachmentFile((prevState) => {\n return [...prevState, files[i]];\n });\n }\n if (i === 0 && length === 1 && !fileSize) flag = true;\n }\n if (i === 0 && length === 1 && !fileIcon) flag = true;\n }\n flag ? getDispayBlock() : getDispayNone(\"fromFileAttachment\");\n };\n\n // from textarea field (height adjustment) - onClick()\n const textAreaAdjust = (element) => {\n // \n const val = element.target.value;\n if (val !== \"\") {\n element.target.style.height = -2 + element.target.scrollHeight + \"px\";\n } else {\n element.target.style.height = \"40px\";\n // if (window.innerWidth < 768) element.target.style.height = \"53px\";\n }\n setTextArea(element);\n setTextAreaValue(element.target.value);\n };\n\n // get file format - (from AttachmentDiv)\n const getFileFormat = (fileName) => {\n const behideDot = fileName?.lastIndexOf(\".\") + 1;\n const fileLength = fileName?.length;\n const fileFormat = fileName?.slice(behideDot, fileLength);\n // \n return fileFormat;\n };\n\n const handleOnCLickTextAreaFocus = () => {\n getDispayBlock(\"fromTextWithAttachment\");\n };\n\n // remove attachment - (from AttachmentDiv) - onClick()\n const onRemoveAttachment = (fileName, e) => {\n if (e && e.stopPropagation) e.stopPropagation();\n setAttachmentFile(() => {\n return attachmentFile.filter((file) => {\n return file.name !== fileName;\n });\n });\n // \n getDispayNone(\"onRemoveAttachment\");\n };\n\n // attachment component here\n const AttachmentDiv = ({ file: { name: fileName } }) => {\n return (\n <>\n \n
\n
\n
\n
{fileName} \n
{getFileFormat(fileName)}
\n
\n
\n
onRemoveAttachment(fileName, e)}\n className=\"attachment-container-close-btn\"\n />\n \n
\n
textAreaAdjust(e)}\n ref={inputTextArea}\n onBlur={onBlurTextArea}\n onFocus={onFocusTextArea}\n value={textAreaValue}\n >\n \n {attachmentFile.map((file, i) => (\n \n
\n Clear all \n Filter \n
\n );\n return (\n <>\n {dimensions > 720 ? (\n \n
\n
\n {showSearch ? (\n
\n {/*
All Conversation (0)
*/}\n
\n
\n {selected} (\n {messageInboxParams?.data?.totalResults\n ? messageInboxParams?.data?.totalResults\n : 0}\n )\n \n
\n
setIsOpens(!isOpens)}\n >\n \n
\n
\n {filterCount}\n \n
\n
\n
setShowSearch(false)}\n />\n \n
\n
\n {isOpens ? (\n
\n
\n {/*
*/}\n \n \n \n \n {\" \"}\n
All Conversationsssss
\n
\n ({messageInboxParams?.data?.totalResults})\n
{\" \"}\n
\n \n {\" \"}\n
Unread
\n
\n ({messageInboxParams?.data?.allCount?.UnRead}){\" \"}\n
{\" \"}\n
\n \n {\" \"}\n
\n {\" \"}\n Favorites{\" \"}\n
\n
\n (\n {\n messageInboxParams?.data?.allCount\n ?.Favorites\n }\n ){\" \"}\n
{\" \"}\n
\n \n {/* */}\n
\n
Bid type
\n
\n
\n \n \n \n {\" \"}\n \n {\" \"}\n All bids{\" \"}\n \n \n ({messageInboxParams?.data?.allCount?.AllBids}\n ){\" \"}\n {\" \"}\n
\n \n \n \n {\" \"}\n \n {\" \"}\n Placed bids{\" \"}\n \n \n (\n {\n messageInboxParams?.data?.allCount\n ?.PlacedBids\n }\n ){\" \"}\n {\" \"}\n
\n \n \n \n {\" \"}\n
\n {\" \"}\n Received bids{\" \"}\n
\n
\n (\n {\n messageInboxParams?.data?.allCount\n ?.ReceivedBids\n }\n ){\" \"}\n
{\" \"}\n
\n \n \n
\n {\" \"}\n Filter by bid status{\" \"}\n
\n
\n
\n \n {MessageStatus?.map((Stages) => {\n return (\n <>\n \n \n
\n {Stages?.BidStatusName}\n
\n
\n (\n {Stages?.BidStatusName === \"New\"\n ? messageInboxParams?.data?.allCount\n ?.New\n : Stages?.BidStatusName ===\n \"Retracted\"\n ? messageInboxParams?.data?.allCount\n ?.Retracted\n : Stages?.BidStatusName === \"Accepted\"\n ? messageInboxParams?.data?.allCount\n ?.Accepted\n : Stages?.BidStatusName === \"Declined\"\n ? messageInboxParams?.data?.allCount\n ?.Declined\n : Stages?.BidStatusName ===\n \"Profile submitted\"\n ? messageInboxParams?.data?.allCount\n ?.ProfileSubmitted\n : Stages?.BidStatusName ===\n \"Interview\"\n ? messageInboxParams?.data?.allCount\n ?.Interview\n : Stages?.BidStatusName ===\n \"Interview accepted\"\n ? messageInboxParams?.data?.allCount\n ?.InterviewAccepted\n : Stages?.BidStatusName ===\n \"Interview declined\"\n ? messageInboxParams?.data?.allCount\n ?.InterviewDeclined\n : Stages?.BidStatusName === \"Offer\"\n ? messageInboxParams?.data?.allCount\n ?.Offer\n : Stages?.BidStatusName ===\n \"Offer accepted\"\n ? messageInboxParams?.data?.allCount\n ?.OfferAccepted\n : Stages?.BidStatusName ===\n \"Offer declined\"\n ? messageInboxParams?.data?.allCount\n ?.OfferDeclined\n : Stages?.BidStatusName === \"Hired\"\n ? messageInboxParams?.data?.allCount\n ?.Hired\n : Stages?.BidStatusName ===\n \"On billing\"\n ? messageInboxParams?.data?.allCount\n ?.OnBilling\n : Stages?.BidStatusName ===\n \"Off billing\"\n ? messageInboxParams?.data?.allCount\n ?.OffBilling\n : Stages?.BidStatusName ===\n \"Billing extend\"\n ? messageInboxParams?.data?.allCount\n ?.BillingExtend\n : Stages?.BidStatusName === \"Canceled\"\n ? messageInboxParams?.data?.allCount\n ?.Canceled\n : Stages?.BidStatusName ===\n \"Terminated\"\n ? messageInboxParams?.data?.allCount\n ?.Terminated\n : null}\n )\n
\n
\n \n );\n })}\n \n \n \n
\n
clearFilter()}\n trigger={[\"click\"]}\n >\n Clear all{\" \"}\n \n
messageFilter()}\n trigger={[\"click\"]}\n >\n Apply{\" \"}\n \n
\n
\n {/* search bar */}\n
\n
\n {searchSelect ? null : (\n
\n )}\n
getFilterMessage(e.target.value)}\n // onKeyDown={handleKeyDown}\n />\n {searchSelect ? (\n \n {inboxData?.conversations?.length > 0 && (\n // \n ) : null}\n \n
\n
{\n setShowSearch(true);\n setSearchSelect(\"\");\n }}\n />\n \n {messages &&\n messages.length > 0 &&\n messages.map((data) => {\n return (\n
\n )}\n \n {clicked ? (\n \n {/*
\n
\n {profile?.name.charAt(0)}
\n \n
\n
*/}\n
\n {/*
\n {profile?.name.charAt(0)}
\n */}\n
\n
\n {RecipientUserPictureUrl ? (\n
\n ) : (\n
\n {reciepentName?.charAt(0)}\n
\n )}\n
\n
0 ? \"Ellipse-message-dot12\" : null\n }\n > \n
\n \n {reciepentName ? reciepentName : \"\"}\n \n Last seen 1 hour ago \n
\n
\n {/*
\n
{props.reciepentName}
\n
Last seen
\n
*/}\n
\n
\n
\n {\" \"}\n Select a conversation{\" \"}\n
\n
\n
\n {SwitchWindow === \"messages\" ? (\n
\n
\n \n \n All conversation{\" \"}\n \n \n \n (\n {messageInboxParams?.data?.totalResults\n ? messageInboxParams?.data?.totalResults\n : 0}\n )\n \n
\n \n
{\n handleFilterDrawer(!filterDrawer);\n }}\n >\n {filterCount} \n \n
\n
\n {/* {!showSearchs && searchSelect.length == 0 ? null : ( */}\n {messages?.length > 0 ? (\n messages &&\n messages?.length > 0 &&\n messages?.map((data) => {\n return (\n
\n );\n })\n ) : (\n
\n
\n
No conversations \n
\n )}\n
Notifications
\n )}\n \n \n
\n {/* search bar */}\n
\n
\n {searchSelect ? null : (\n
\n )}\n
getFilterMessage(e.target.value)}\n // onKeyDown={handleKeyDown}\n />\n \n {inboxData?.conversations?.length > 0 &&\n searchSelect ? (\n \n \n
\n
\n
\n
\n
\n
\n {!offSearch && searchSelect.length == 0 ? null : (\n
\n {messages &&\n messages?.length > 0 &&\n messages?.map((data) => {\n return (\n
\n )}\n
\n \n Clear all\n \n \n \n \n \n All conversations \n \n {\" \"}\n ({messageInboxParams?.data?.totalResults})\n \n
\n \n \n \n Unread \n \n {\" \"}\n ({messageInboxParams?.data?.allCount?.UnRead})\n \n
\n \n \n \n Favorites \n \n ({messageInboxParams?.data?.allCount?.Favorites})\n \n
\n \n \n \n \n {\" \"}\n Bid type{\" \"}\n
\n \n \n \n \n All bids \n \n ({messageInboxParams?.data?.allCount?.AllBids})\n \n
\n \n \n \n Placed bids \n \n ({messageInboxParams?.data?.allCount?.PlacedBids})\n \n
\n \n \n \n Received bids \n \n ({messageInboxParams?.data?.allCount?.ReceivedBids})\n \n
\n \n \n \n \n {\" \"}\n Filter by bid status\n
\n \n \n {MessageStatus.map((Stages) => {\n return (\n <>\n \n \n {Stages?.BidStatusName} \n \n (\n {Stages?.BidStatusName === \"New\"\n ? messageInboxParams?.data?.allCount?.New\n : Stages?.BidStatusName === \"Retracted\"\n ? messageInboxParams?.data?.allCount\n ?.Retracted\n : Stages?.BidStatusName === \"Accepted\"\n ? messageInboxParams?.data?.allCount?.Accepted\n : Stages?.BidStatusName === \"Declined\"\n ? messageInboxParams?.data?.allCount?.Declined\n : Stages?.BidStatusName ===\n \"Profile submitted\"\n ? messageInboxParams?.data?.allCount\n ?.ProfileSubmitted\n : Stages?.BidStatusName === \"Interview\"\n ? messageInboxParams?.data?.allCount\n ?.Interview\n : Stages?.BidStatusName ===\n \"Interview accepted\"\n ? messageInboxParams?.data?.allCount\n ?.InterviewAccepted\n : Stages?.BidStatusName ===\n \"Interview declined\"\n ? messageInboxParams?.data?.allCount\n ?.InterviewDeclined\n : Stages?.BidStatusName === \"Offer\"\n ? messageInboxParams?.data?.allCount?.Offer\n : Stages?.BidStatusName === \"Offer accepted\"\n ? messageInboxParams?.data?.allCount\n ?.OfferAccepted\n : Stages?.BidStatusName === \"Offer declined\"\n ? messageInboxParams?.data?.allCount\n ?.OfferDeclined\n : Stages?.BidStatusName === \"Hired\"\n ? messageInboxParams?.data?.allCount?.Hired\n : Stages?.BidStatusName === \"On billing\"\n ? messageInboxParams?.data?.allCount\n ?.OnBilling\n : Stages?.BidStatusName === \"Off billing\"\n ? messageInboxParams?.data?.allCount\n ?.OffBilling\n : Stages?.BidStatusName === \"Billing extend\"\n ? messageInboxParams?.data?.allCount\n ?.BillingExtend\n : Stages?.BidStatusName === \"Canceled\"\n ? messageInboxParams?.data?.allCount?.Canceled\n : Stages?.BidStatusName === \"Terminated\"\n ? messageInboxParams?.data?.allCount\n ?.Terminated\n : null}\n )\n \n
\n \n \n );\n })}\n \n \n \n \n \n \n ) : (\n \n {/*
\n
\n {profile?.name.charAt(0)}
\n \n
\n
*/}\n
\n {/*
\n {profile?.name.charAt(0)}
\n */}\n
\n
\n {RecipientUserPictureUrl ? (\n
\n ) : (\n
\n {reciepentName?.charAt(0)}\n
\n )}\n
\n
0 ? \"Ellipse-message-dot12\" : null\n }\n > \n
\n \n {reciepentName ? reciepentName : \"\"}\n \n Last seen 1 hour ago \n
\n
\n {/*
\n
{props.reciepentName}
\n
Last seen
\n
*/}\n
\n
\n
\n
\n
\n Bid successfully {state?.Updated ? \"updated\" : \"placed\"} on gig\n
\n
\n
\n Gig \n \n \n {title} \n \n \n
\n {/*
\n Job rate \n \n ${budget ? budget : 0}/wk\n \n
*/}\n {RegionName &&
\n Location \n \n {RegionName?.Location\n ? RegionName?.Location\n : RegionName\n ? RegionName\n : \"N/A\"}\n \n
\n }\n
\n Tax term \n \n {taxTerm ? taxTerm : \"N/A\"}\n \n
\n
\n \n Estimated pay package\n \n \n ${rate ? parseFloat(rate)?.toLocaleString('en-US') : 0}{\" \"}\n {rateBy === \"Hourly\" || rateBy === \"Hour\" ? \"/HR\" : rateBy === \"Yearly\" || rateBy === \"Year\" ? \"/YR\" : \"/WK\"}\n \n
\n\n
\n Cover letter
\n {message ? message : \"N/A\"}
\n \n
\n
\n
{\n if (props?.isReceivedBids)\n history.push(`/receivedbid-detail/${bid.BidId}`);\n\n if (props?.isRetractedBids) retractedBidUpdateClick();\n }}\n >\n {props?.isReceivedBids && (\n {bid?.SkillListing?.Title}
\n )}\n {placeholder ? (\n <>\n {\n if (props.isPlaceBids)\n history.push(`/placedbid-detail/${bid.ProposalId}`);\n }}\n >\n setDefaultplaceholder(true)}\n />\n \n {/* @
*/}\n \n ) : (\n <>\n {\n if (props.isPlaceBids)\n history.push(`/placedbid-detail/${bid.ProposalId}`);\n }}\n >\n showPlaceholder(true)}\n />\n \n \n )}\n Editbidpage(gig._id)}\n >\n \n
{\n if (props.isPlaceBids)\n history.push(`/placedbid-detail/${bid.ProposalId}`);\n }}\n >\n {gig?.Title ? gig?.Title : \"NA\"}\n \n {gig?.WorkplacePolicy ? gig?.WorkplacePolicy : \"NA\"}\n
\n ) : (\n \n {gig?.FacilityName ? gig?.FacilityName : \"NA\"}\n
\n )}\n \n {/* \n
\n
\n
\n
\n {gig?.facilityRating?.rating\n ? gig?.facilityRating?.rating\n : 3.5}\n
\n
\n {gig?.facilityRating?.reviews &&\n \"(\" + gig?.facilityRating?.reviews + \")\"}\n
\n
\n
\n
{moment(time).fromNow()}
\n
\n \n Total \n \n {bid.TotalBids} bids\n {\" \"}\n \n Desired pay \n \n {\" \"}\n {bid?.Gig?.BudgetTypes?.BudgetTypeId\n ? \"$\" +\n bid?.Gig?.BudgetMin +\n \"/ \" +\n getBidRateType(\n bid?.Gig?.BudgetTypes?.BudgetTypeCode ??\n bid?.Gig?.BudgetTypes?.BudgetTypeId\n )\n : bid?.Gig?.BudgetMin != 0\n ? \"$\" + bid?.Gig?.BudgetMin\n : \"$Negotiable\"}\n {\" \"}\n \n Highest bid \n \n {\" \"}\n {\"$\" +\n HighestBid +\n \"/ \" +\n getBidRateType(bid?.HighestBid_BudgetType)}{\" \"}\n {\" \"}\n \n
\n
\n )}\n {(props?.isReceivedBids || props?.isRetractedBids) && (\n
\n )}\n \n
\n
\n \n ${bidRate}/\n {getBidRateType(\n bid?.BudgetType?.BudgetTypeName ?? bid?.BudgetTypeId\n )}\n \n
\n
{\n e.stopPropagation();\n history.push({\n pathname: `/messages`,\n state: {\n openConvo: true,\n conversationId: bid?.ConversationId,\n },\n });\n }}\n >\n \n
\n {/* {ProfessionCode === \"HC\" ? \"Pay Package\" : \"Estimated pay package\"} */}\n {ProfessionCode === \"HC\"\n ? props?.isPlaceBids\n ? \"Desired pay\"\n : \"Pay package\"\n : props?.isPlaceBids\n ? \"Desired pay\"\n : \"Estimated pay package\"}\n
\n \n {(props?.isReceivedBids || props?.isPlaceBids) && (\n {\n if (props.isPlaceBids)\n history.push(`/placedbid-detail/${bid.ProposalId}`);\n }}\n >\n {props?.isReceivedBids ? (\n \n
\n )} */}\n \n {/* ); */}\n \n );\n};\n\nexport default BidCard;\n","export default __webpack_public_path__ + \"static/media/Create.f348e77e.svg\";","export default \"data:image/png;base64,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\"","import React from \"react\";\n\nimport { Link } from \"react-router-dom\";\nimport \"./ReceivedBids.css\";\nimport createimg from \"../../../assets/icons/Create.svg\";\nimport noReceivedimg from \"../../../assets/icons/nobids.png\"\n\nconst NoReceivedBidsView = () => {\n return (\n \n
\n
\n
\n {/* Create new skill listings and have more bids */}\n No data found\n \n {/*
\n
\n
Create a skill listing
\n */}\n
\n
\n {\n handleFilterStage(undefined, undefined);\n }}\n >\n \n {\"All\"}\n \n \n {receivedBidStatus\n .filter(function (stage) {\n return stage.BidStatusName !== \"Retracted\";\n })\n .map((stage) => {\n // Replace \"Accepted\" with \"Interested\" and \"Declined\" with \"Not interested\"\n const modifiedBidStatusName =\n stage.BidStatusName === \"Accepted\"\n ? \"Interested\"\n : stage.BidStatusName === \"Declined\"\n ? \"Not interested\"\n : stage.BidStatusName;\n return (\n \n handleFilterStage(stage.BidStatusId, modifiedBidStatusName) // Pass the modified status name\n }\n >\n \n {modifiedBidStatusName}\n {modifiedBidStatusName === \"Profile Submitted\" && (\n \n 
\n \n \n