/home/infinitibizsol/.trash/static.2/js/ Current File: /home/infinitibizsol/.trash/static.2/js/288.3c71657f.chunk.js.map
{"version":3,"file":"static/js/288.3c71657f.chunk.js","mappings":"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","sources":["pages/Opportunity/Opportunities.js"],"sourcesContent":["import { Container, Grid, Stack, Typography, styled } from '@mui/material';\r\nimport { LocalizationProvider } from '@mui/x-date-pickers';\r\nimport { PickersDay } from \"@mui/x-date-pickers/PickersDay\";\r\nimport isBetweenPlugin from \"dayjs/plugin/isBetween\";\r\nimport { DateCalendar } from \"@mui/x-date-pickers/DateCalendar\";\r\nimport dayjs from 'dayjs';\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport React, { useEffect, useState } from 'react'\r\nimport { weekNumberYear } from 'weeknumber';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setFilterType } from 'src/features/users/userSlice';\r\n\r\n\r\n\r\n\r\ndayjs.extend(isBetweenPlugin);\r\n\r\nconst CustomPickersDay = styled(PickersDay, {\r\n    shouldForwardProp: (prop) => prop !== \"isSelected\" && prop !== \"isHovered\",\r\n})(({ theme, isSelected, isHovered, day }) => ({\r\n    borderRadius: 0,\r\n    ...(isSelected && {\r\n        backgroundColor: theme.palette.primary.main,\r\n        color: theme.palette.primary.contrastText,\r\n        \"&:hover, &:focus\": {\r\n            backgroundColor: theme.palette.primary.main,\r\n        },\r\n    }),\r\n    ...(isHovered && {\r\n        backgroundColor: theme.palette.primary[theme.palette.mode],\r\n        \"&:hover, &:focus\": {\r\n            backgroundColor: theme.palette.primary[theme.palette.mode],\r\n        },\r\n    }),\r\n    ...(day.day() === 0 && {\r\n        borderTopLeftRadius: \"50%\",\r\n        borderBottomLeftRadius: \"50%\",\r\n    }),\r\n    ...(day.day() === 6 && {\r\n        borderTopRightRadius: \"50%\",\r\n        borderBottomRightRadius: \"50%\",\r\n    }),\r\n}));\r\n\r\nconst isInSameWeek = (dayA, dayB) => {\r\n    if (dayB == null) {\r\n        return false;\r\n    }\r\n\r\n    return dayA.isSame(dayB, \"week\");\r\n};\r\n\r\nfunction Day(props) {\r\n    const { day, selectedDay, hoveredDay, ...other } = props;\r\n\r\n    return (\r\n        <CustomPickersDay\r\n            {...other}\r\n            day={day}\r\n            sx={{ px: 2.5 }}\r\n            disableMargin\r\n            selected={false}\r\n            isSelected={isInSameWeek(day, selectedDay)}\r\n            isHovered={isInSameWeek(day, hoveredDay)}\r\n        />\r\n    );\r\n}\r\n\r\n\r\n\r\n\r\nconst Opportunities = () => {\r\n\r\n  const [value, setValue] = useState(null);\r\n  const navigate = useNavigate();\r\n  const dispatch = useDispatch();\r\n  const [hoveredDay, setHoveredDay] = useState(null);\r\n  const { userInfo } = useSelector((state) => state.auth);\r\n\r\n  \r\n  useEffect(() => {\r\n    if (value) {\r\n        const jsDate = value.toDate();\r\n\r\n        // Pass the JavaScript Date object to weekNumberYear\r\n        const result = weekNumberYear(jsDate);\r\n\r\n        // console.log(\"result\", result);\r\n        const { day, week, year } = result;\r\n\r\n        // Calculate the start date of the week (considering Sunday as the first day)\r\n        const startDate = new Date(year, 0, week * 7);\r\n        const dayOfWeek = startDate.getDay();\r\n\r\n        // Calculate the start date for the clicked day\r\n        startDate.setDate(\r\n            startDate.getDate() - (dayOfWeek === 0 ? 6 : dayOfWeek - 1)\r\n        );\r\n\r\n        // Calculate the end date of the week\r\n        const endDate = new Date(startDate);\r\n        endDate.setDate(endDate.getDate() + 6);\r\n\r\n        const formattedStartDate = startDate.toLocaleDateString(\"en-US\", {\r\n            month: \"short\",\r\n            day: \"numeric\",\r\n        });\r\n\r\n        const formattedEndDate = endDate.toLocaleDateString(\"en-US\", {\r\n            month: \"short\",\r\n            day: \"numeric\",\r\n        });\r\n\r\n\r\n        if (result.week) {\r\n            dispatch(setFilterType('auctioneer'))\r\n            navigate(`/dashboard/app/users`, {\r\n                state: {\r\n                    week: result.week,\r\n                    startDate: formattedStartDate,\r\n                    endDate: formattedEndDate,\r\n                },\r\n            });\r\n        }\r\n    }\r\n}, [value, userInfo]);\r\n\r\n\r\n\r\n\r\n  return (\r\n      <>\r\n            <Container maxWidth=\"xl\">\r\n              <Grid item xs={12} md={12} lg={12}>\r\n                  <Stack\r\n                      direction=\"row\"\r\n                      alignItems=\"center\"\r\n                      justifyContent=\"space-between\"\r\n                      mb={5}\r\n                  >\r\n                      <Typography variant=\"h4\">Opportunity</Typography>\r\n                  </Stack>\r\n                  <div style={{ width: \"100%\" }}>\r\n                      <LocalizationProvider\r\n                          dateAdapter={AdapterDayjs}\r\n                          style={{ width: \"100%\" }}\r\n                      >\r\n                          <DateCalendar\r\n                              value={value}\r\n                              onChange={(newValue) => {\r\n                                  setValue(newValue);\r\n                              }}\r\n                              localetext={{\r\n                                  calendarWeekNumberHeaderText: \"Week\",\r\n                                  calendarWeekNumberText: (weekNumber) =>\r\n                                      `Week ${weekNumber}`,\r\n                              }}\r\n                              showDaysOutsideCurrentMonth\r\n                              displayWeekNumber\r\n                              slots={{ day: Day }}\r\n                              slotProps={{\r\n                                  day: (ownerState) => ({\r\n                                      selectedDay: value,\r\n                                      hoveredDay,\r\n                                      // onClick: () => handleWeek(),\r\n                                  }),\r\n                              }}\r\n                          />\r\n                      </LocalizationProvider>\r\n                  </div>\r\n              </Grid>\r\n            </Container>\r\n\r\n      </>\r\n  )\r\n}\r\n\r\nexport default Opportunities\r\n"],"names":["dayjs","isBetweenPlugin","CustomPickersDay","styled","PickersDay","shouldForwardProp","prop","_ref","theme","isSelected","isHovered","day","borderRadius","backgroundColor","palette","primary","main","color","contrastText","mode","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","isInSameWeek","dayA","dayB","isSame","Day","props","selectedDay","hoveredDay","other","_jsx","sx","px","disableMargin","selected","Opportunities","value","setValue","useState","navigate","useNavigate","dispatch","useDispatch","setHoveredDay","userInfo","useSelector","state","auth","useEffect","jsDate","toDate","result","weekNumberYear","week","year","startDate","Date","dayOfWeek","getDay","setDate","getDate","endDate","formattedStartDate","toLocaleDateString","month","formattedEndDate","setFilterType","_Fragment","children","Container","maxWidth","_jsxs","Grid","item","xs","md","lg","Stack","direction","alignItems","justifyContent","mb","Typography","variant","style","width","LocalizationProvider","dateAdapter","AdapterDayjs","DateCalendar","onChange","newValue","localetext","calendarWeekNumberHeaderText","calendarWeekNumberText","weekNumber","concat","showDaysOutsideCurrentMonth","displayWeekNumber","slots","slotProps","ownerState"],"sourceRoot":""}