{"version":3,"file":"static/chunks/4870-6da34a3c280eda9c.js","mappings":"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","sources":["webpack://_N_E/./src/pages/jobs/AvailChecks/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { useRouter } from 'next/router';\r\nimport { Badge, Tooltip } from 'antd';\r\nimport { useQuery } from 'react-query';\r\nimport { useSelector } from 'react-redux';\r\nimport styled from 'styled-components';\r\n\r\nimport JobSectionList from '@components/JobSectionList/JobSectionList';\r\nimport RadioButton from '@components/RadioButton/RadioButton';\r\nimport { SearchBar } from '@components/SearchBar';\r\nimport { getMainLayout } from '@layouts/MainLayout';\r\nimport { BookingsActionQueryApi } from '@lib/api/endpoints/bookings/query';\r\nimport { FirstAvailActionQueryApi } from '@lib/api/endpoints/firstAvail/query';\r\nimport { InvitesQueryApi } from '@lib/api/endpoints/invites';\r\nimport { InvitesActionQueryApi } from '@lib/api/endpoints/invites/query';\r\nimport { useCountryWording } from '@lib/geotargeting';\r\nimport { RootState } from '@lib/redux.lib/store';\r\nimport { AVAIL_CHECK_STATUS_TO_LABEL_MAP } from '@lib/utils/statuses';\r\n\r\nimport { getFormattedDates } from '../../../lib/utils/jobsHelper';\r\nimport CameraVideoIcon from '../../../svg/CameraVideo.svg';\r\nimport { NextPageWithLayout } from '../../_app';\r\n\r\nconst InviteIndex: NextPageWithLayout = () => {\r\n  const [invite, setInvite] = useState<any[]>(null);\r\n  const [inviteAction, setInviteAction] = useState<any[]>(null);\r\n  const [inviteArchived, setInviteArchived] = useState<any[]>(null);\r\n  const [searchQuery, setSearchQuery] = useState('');\r\n  const userId = useSelector((state: RootState) => state.app.user?.profile?.id);\r\n  const userProfile = useSelector((state: RootState) => state.app.user.profile);\r\n\r\n  const router = useRouter();\r\n  const isMobileDevice = window.innerWidth <= 700;\r\n  const isSmallMobileDevice = window.innerWidth == 414;\r\n\r\n  const [isLoading, setIsLoading] = useState(true); // Add loading state\r\n\r\n  const handleSearchInputChange = (e: any) => {\r\n    setSearchQuery(e.target.value);\r\n  };\r\n\r\n  const { data: countInvitesRes } = useQuery({\r\n    queryKey: ['countInvites'],\r\n    queryFn: () => {\r\n      if (!userId) return;\r\n      return InvitesActionQueryApi.getUserInvitesActionType(userId);\r\n    },\r\n  });\r\n  const countInvites = countInvitesRes?.submissions_count;\r\n\r\n  const { data: countAvailChecksRes } = useQuery({\r\n    queryKey: ['countAvailChecks'],\r\n    queryFn: () => {\r\n      if (!userId) return;\r\n      return FirstAvailActionQueryApi.getUserFirstAvailActionType(userId);\r\n    },\r\n  });\r\n  const countAvailChecks = countAvailChecksRes?.first_avail_count;\r\n\r\n  const { data: countBookingsRes } = useQuery({\r\n    queryKey: ['countBookings'],\r\n    queryFn: () => {\r\n      if (!userId) return;\r\n      return BookingsActionQueryApi.getUserBookingsActionTypes(userId);\r\n    },\r\n  });\r\n  const countBookings = countBookingsRes?.booked_count;\r\n\r\n  // initializing the data\r\n  useEffect(() => {\r\n    const dataLoad = [\r\n      InvitesQueryApi.getUserInvites(userId)\r\n        .then((InvitesData) => {\r\n          setInvite(InvitesData);\r\n        })\r\n        .finally(() => {\r\n          setIsLoading(false);\r\n        }),\r\n      InvitesActionQueryApi.getUserInvitesAction(userId).then(\r\n        (InvitesAction) => {\r\n          setInviteAction(InvitesAction);\r\n        }\r\n      ),\r\n      InvitesActionQueryApi.getUserInvitesArchived(userId).then(\r\n        (InvitesArchived) => {\r\n          setInviteArchived(InvitesArchived);\r\n        }\r\n      ),\r\n    ];\r\n    // we use Promise.all instead of await so the requests can be made in parallel\r\n    Promise.all(dataLoad)\r\n      .catch((error) => {\r\n        console.error('error while api:', error);\r\n      })\r\n      .finally(() => {\r\n        console.debug('LOADING COMPLETED');\r\n      });\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  const filteredData =\r\n    invite?.filter((row) =>\r\n      row.project_name.toLowerCase().includes(searchQuery.toLowerCase())\r\n    ) || [];\r\n\r\n  const filteredDataAction =\r\n    inviteAction?.filter((row) =>\r\n      row.project_name.toLowerCase().includes(searchQuery.toLowerCase())\r\n    ) || [];\r\n\r\n  const filteredDataArchived =\r\n    inviteArchived?.filter((row) =>\r\n      row.project_name.toLowerCase().includes(searchQuery.toLowerCase())\r\n    ) || [];\r\n\r\n  const dataArchived =\r\n    filteredDataArchived?.map((row) => {\r\n      const dates = [];\r\n      for (const key in row.related_dates) {\r\n        if (Array.isArray(row.related_dates[key])) {\r\n          dates.push(...row.related_dates[key]);\r\n        }\r\n      }\r\n      const formattedDates = getFormattedDates(\r\n        dates,\r\n        userProfile?.selected_country\r\n      );\r\n      const plusDays =\r\n        formattedDates.length > 3 ? `+${formattedDates.length - 3}` : '';\r\n      return {\r\n        list_membership_id: row.list_membership_id,\r\n        projectname: (\r\n          <span style={{ display: 'flex', alignItems: 'center' }}>\r\n            {!isMobileDevice && (\r\n              <div\r\n                style={{\r\n                  display: 'flex',\r\n                  alignItems: 'center',\r\n                  justifyContent: 'center',\r\n                  width: '30px',\r\n                  height: '30px',\r\n                  borderRadius: '50%',\r\n                  background: '#F2F2F2',\r\n                  marginRight: '8px',\r\n                }}\r\n              >\r\n                <img\r\n                  src={CameraVideoIcon.src}\r\n                  alt='CameraVideo Icon'\r\n                  style={{ height: '18px', width: '18px' }}\r\n                />\r\n              </div>\r\n            )}\r\n            {row.project_name}\r\n          </span>\r\n        ),\r\n        role: row.related_column_values.Role,\r\n        location: `${row.formatted_project_location?.city}, ${row.formatted_project_location?.state}`,\r\n        dates: (\r\n          <span>\r\n            {formattedDates.length > 3 ? (\r\n              <Tooltip\r\n                overlayInnerStyle={{\r\n                  backgroundColor: '#4F4F4F',\r\n                  color: '#F9F9F9',\r\n                  padding: 16,\r\n                  fontSize: 12,\r\n                }}\r\n                showArrow={false}\r\n                title={formattedDates.join('')}\r\n              >\r\n                <span style={{ cursor: 'pointer' }}>\r\n                  {formattedDates.slice(0, 3)} <span>{plusDays}</span>\r\n                </span>\r\n              </Tooltip>\r\n            ) : (\r\n              <span>\r\n                {formattedDates.slice(0, 3)} <span>{plusDays}</span>\r\n              </span>\r\n            )}\r\n          </span>\r\n        ),\r\n        status: [AVAIL_CHECK_STATUS_TO_LABEL_MAP[row.list_status] || ''],\r\n        tags: [AVAIL_CHECK_STATUS_TO_LABEL_MAP[row.list_status] || ''],\r\n        notification_id: row.notification_id ? row.notification_id : '',\r\n      };\r\n    }) || [];\r\n\r\n  const countLengthArchived = dataArchived.length;\r\n  const data = filteredData.map((row) => {\r\n    const dates = [];\r\n    for (const key in row.related_dates) {\r\n      if (Array.isArray(row.related_dates[key])) {\r\n        dates.push(...row.related_dates[key]);\r\n      }\r\n    }\r\n    const formattedDates = getFormattedDates(\r\n      dates,\r\n      userProfile?.selected_country\r\n    );\r\n    const plusDays =\r\n      formattedDates.length > 3 ? `+${formattedDates.length - 3}` : '';\r\n\r\n    return {\r\n      list_membership_id: row.list_membership_id,\r\n      projectname: (\r\n        <span style={{ display: 'flex', alignItems: 'center' }}>\r\n          {!isMobileDevice && (\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                alignItems: 'center',\r\n                justifyContent: 'center',\r\n                width: '30px',\r\n                height: '30px',\r\n                borderRadius: '50%',\r\n                background: '#F2F2F2',\r\n                marginRight: '8px',\r\n              }}\r\n            >\r\n              <img\r\n                src={CameraVideoIcon.src}\r\n                alt='CameraVideo Icon'\r\n                style={{ height: '18px', width: '18px' }}\r\n              />\r\n            </div>\r\n          )}\r\n          {row.project_name}\r\n        </span>\r\n      ),\r\n      role: row.related_column_values.Role,\r\n      location: `${row.formatted_project_location?.city}, ${row.formatted_project_location?.state}`,\r\n      dates: (\r\n        <span>\r\n          {formattedDates.length > 3 ? (\r\n            <Tooltip\r\n              overlayInnerStyle={{\r\n                backgroundColor: '#4F4F4F',\r\n                color: '#F9F9F9',\r\n                padding: 16,\r\n                fontSize: 12,\r\n              }}\r\n              showArrow={false}\r\n              title={formattedDates.join('')}\r\n            >\r\n              <span style={{ cursor: 'pointer' }}>\r\n                {formattedDates.slice(0, 3)} <span>{plusDays}</span>\r\n              </span>\r\n            </Tooltip>\r\n          ) : (\r\n            <span>\r\n              {formattedDates.slice(0, 3)} <span>{plusDays}</span>\r\n            </span>\r\n          )}\r\n        </span>\r\n      ),\r\n      status: [AVAIL_CHECK_STATUS_TO_LABEL_MAP[row.list_status] || ''],\r\n      tags: [AVAIL_CHECK_STATUS_TO_LABEL_MAP[row.list_status] || ''],\r\n      notification_id: row.notification_id ? String(row.notification_id) : '',\r\n    };\r\n  });\r\n  const countLength = data.length;\r\n\r\n  const dataAction = filteredDataAction.map((row) => {\r\n    const dates = [];\r\n    for (const key in row.related_dates) {\r\n      if (Array.isArray(row.related_dates[key])) {\r\n        dates.push(...row.related_dates[key]);\r\n      }\r\n    }\r\n    const formattedDates = getFormattedDates(\r\n      dates,\r\n      userProfile?.selected_country\r\n    );\r\n    const plusDays =\r\n      formattedDates.length > 3 ? `+${formattedDates.length - 3}` : '';\r\n\r\n    return {\r\n      list_membership_id: row.list_membership_id,\r\n      projectname: (\r\n        <span style={{ display: 'flex', alignItems: 'center' }}>\r\n          {!isMobileDevice && (\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                alignItems: 'center',\r\n                justifyContent: 'center',\r\n                width: '30px',\r\n                height: '30px',\r\n                borderRadius: '50%',\r\n                background: '#F2F2F2',\r\n                marginRight: '8px',\r\n              }}\r\n            >\r\n              <img\r\n                src={CameraVideoIcon.src}\r\n                alt='CameraVideo Icon'\r\n                style={{ height: '18px', width: '18px' }}\r\n              />\r\n            </div>\r\n          )}\r\n          {row.project_name}\r\n        </span>\r\n      ),\r\n      role: row.related_column_values.Role,\r\n      location: `${row.formatted_project_location?.city}, ${row.formatted_project_location?.state}`,\r\n      dates: (\r\n        <span>\r\n          {formattedDates.length > 3 ? (\r\n            <Tooltip\r\n              overlayInnerStyle={{\r\n                backgroundColor: '#4F4F4F',\r\n                color: '#F9F9F9',\r\n                padding: 16,\r\n                fontSize: 12,\r\n              }}\r\n              showArrow={false}\r\n              title={formattedDates.join('')}\r\n            >\r\n              <span style={{ cursor: 'pointer' }}>\r\n                {formattedDates.slice(0, 3)} <span>{plusDays}</span>\r\n              </span>\r\n            </Tooltip>\r\n          ) : (\r\n            <span>\r\n              {formattedDates.slice(0, 3)} <span>{plusDays}</span>\r\n            </span>\r\n          )}\r\n        </span>\r\n      ),\r\n      status: [AVAIL_CHECK_STATUS_TO_LABEL_MAP[row.list_status] || ''],\r\n      tags: [AVAIL_CHECK_STATUS_TO_LABEL_MAP[row.list_status] || ''],\r\n      notification_id: row.notification_id ? String(row.notification_id) : '',\r\n    };\r\n  });\r\n\r\n  const handleItemClick = (item) => {\r\n    if (item.status[0] === 'Misc Message')\r\n      router.push(\r\n        `/jobs/AvailChecks/Invited?list_membership_id=${item.list_membership_id}&notification_id=${item.notification_id}`\r\n      );\r\n    else\r\n      router.push(\r\n        `/jobs/AvailChecks/Invited?list_membership_id=${item.list_membership_id}`\r\n      );\r\n  };\r\n\r\n  const { getCountryWording } = useCountryWording();\r\n\r\n  return (\r\n    <>\r\n      <ContentWrapper style={{ width: isSmallMobileDevice ? '414px' : '100%' }}>\r\n        <HeadingContainer>\r\n          <Heading1>\r\n            {getCountryWording('invites', 'capitalize', 'full')}\r\n          </Heading1>\r\n        </HeadingContainer>\r\n        <RadioButton\r\n          status='invite'\r\n          badgeCountInvites={<CustomBadge count={countInvites} />}\r\n          badgeCountAvailChecks={<CustomBadge count={countAvailChecks} />}\r\n          badgeCountBookings={<CustomBadge count={countBookings} />}\r\n        />\r\n        <div style={{ marginTop: '20px' }}>\r\n          <StyleSearch\r\n            placeholder='Search'\r\n            onChange={handleSearchInputChange}\r\n            value={searchQuery}\r\n          />\r\n        </div>\r\n        {isLoading ? null : ( // Check if loading // Display loading message\r\n          <>\r\n            {countInvites > 0 && (\r\n              <JobSectionList\r\n                defaultActiveKey={['1']}\r\n                onClick={handleItemClick}\r\n                sectionTitle={'Action Required'}\r\n                badgeCount={<CustomBadge count={countInvites} />}\r\n                data={dataAction}\r\n              />\r\n            )}\r\n            {countLength > 0 && (\r\n              <JobSectionList\r\n                defaultActiveKey={['1']}\r\n                onClick={handleItemClick} // Pass the onClick handler function\r\n                sectionTitle={'Avail Checks'}\r\n                badgeCount={countLength}\r\n                data={data}\r\n              />\r\n            )}\r\n            {countLengthArchived > 0 && (\r\n              <JobSectionList\r\n                onClick={handleItemClick} // Pass the onClick handler function\r\n                sectionTitle={'Archived'}\r\n                badgeCount={countLengthArchived}\r\n                data={dataArchived}\r\n              />\r\n            )}\r\n            {countInvites === 0 &&\r\n              countLength === 0 &&\r\n              countLengthArchived === 0 && (\r\n                <StyledEmptyText>\r\n                  You do not have any avail checks yet. When you get invited to\r\n                  or submit to a role, it will appear on this page.\r\n                </StyledEmptyText>\r\n              )}\r\n          </>\r\n        )}\r\n      </ContentWrapper>\r\n    </>\r\n  );\r\n};\r\n\r\nInviteIndex.getLayout = getMainLayout;\r\nexport default InviteIndex;\r\n\r\nconst ContentWrapper = styled.div`\r\n  padding: 24px;\r\n  margin: 0;\r\n  min-height: 550px;\r\n  width: '100%';\r\n  @media (max-width: 576px) {\r\n    background: #f9f9f9;\r\n    padding: 0px;\r\n    min-height: 920px;\r\n  }\r\n`;\r\n\r\nconst CustomBadge = styled(Badge)`\r\n  .ant-badge-count {\r\n    background: #e14a4a;\r\n    box-shadow: none;\r\n    width: 100%;\r\n    font-weight: 700;\r\n    font-size: 11px;\r\n  }\r\n`;\r\n\r\nconst Heading1 = styled.h1`\r\n  font-family: Inter;\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  line-height: 27px;\r\n  letter-spacing: 0em;\r\n  text-align: left;\r\n  @media (max-width: 576px) {\r\n    font-size: 17px;\r\n  }\r\n`;\r\n\r\nconst StyleSearch = styled(SearchBar)`\r\n  width: 380px;\r\n  height: 35px;\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  line-height: 15px;\r\n  /* identical to box height, or 125% */\r\n  color: #202020;\r\n  @media (max-width: 767px) {\r\n    display: none;\r\n  }\r\n`;\r\nconst HeadingContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  @media (max-width: 767px) {\r\n    margin-left: 15px;\r\n  }\r\n`;\r\n\r\nconst StyledEmptyText = styled.p`\r\n  font-family: Inter;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 15px;\r\n  margin-top: 2%;\r\n  @media (max-width: 576px) {\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    margin-top: 5%;\r\n    margin-left: 5%;\r\n    margin-right: 5%;\r\n  }\r\n`;\r\n"],"names":["InviteIndex","useState","invite","setInvite","inviteAction","setInviteAction","inviteArchived","setInviteArchived","searchQuery","setSearchQuery","userId","useSelector","state","app","user","profile","id","userProfile","router","useRouter","isMobileDevice","window","innerWidth","isSmallMobileDevice","isLoading","setIsLoading","data","useQuery","queryKey","queryFn","InvitesActionQueryApi","countInvites","countInvitesRes","submissions_count","FirstAvailActionQueryApi","countAvailChecks","countAvailChecksRes","first_avail_count","BookingsActionQueryApi","countBookings","countBookingsRes","booked_count","useEffect","dataLoad","InvitesQueryApi","then","InvitesData","finally","InvitesAction","InvitesArchived","Promise","all","catch","error","console","debug","filteredData","filter","row","project_name","toLowerCase","includes","filteredDataAction","filteredDataArchived","dataArchived","map","dates","key","related_dates","Array","isArray","push","formattedDates","getFormattedDates","selected_country","plusDays","length","list_membership_id","projectname","span","style","display","alignItems","div","justifyContent","width","height","borderRadius","background","marginRight","img","src","CameraVideoIcon","alt","role","related_column_values","Role","location","formatted_project_location","city","Tooltip","overlayInnerStyle","backgroundColor","color","padding","fontSize","showArrow","title","join","cursor","slice","status","AVAIL_CHECK_STATUS_TO_LABEL_MAP","list_status","tags","notification_id","countLengthArchived","String","countLength","dataAction","handleItemClick","item","useCountryWording","getCountryWording","ContentWrapper","HeadingContainer","Heading1","RadioButton","badgeCountInvites","CustomBadge","count","badgeCountAvailChecks","badgeCountBookings","marginTop","StyleSearch","placeholder","onChange","e","target","value","JobSectionList","defaultActiveKey","onClick","sectionTitle","badgeCount","StyledEmptyText","getLayout","getMainLayout","styled","Badge","SearchBar"],"sourceRoot":""}