Sindbad~EG File Manager

{"version":3,"file":"static/js/285.77eb3fa8.chunk.js","mappings":"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","sources":["pages/Opportunity/opportunity.js"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport dayjs, { startOfWeek, endOfWeek } from \"dayjs\";\r\nimport isBetweenPlugin from \"dayjs/plugin/isBetween\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DateCalendar } from \"@mui/x-date-pickers/DateCalendar\";\r\nimport { PickersDay } from \"@mui/x-date-pickers/PickersDay\";\r\nimport { weekNumberYear } from \"weeknumber\";\r\nimport { Container, Stack, Typography } from \"@mui/material\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { getAuctioneerUsers } from \"src/features/users/userActions\";\r\nimport moment from \"moment\";\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 FullScreenContainer = styled(Container)({\r\n    height: \"100vh\", // 100% of viewport height\r\n    width: \"100vw\", // 100% of viewport width\r\n    padding: 0, // Remove padding\r\n    margin: 0, // Remove margin\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\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\nexport default function WeekPicker() {\r\n    const [hoveredDay, setHoveredDay] = useState(null);\r\n    const [value, setValue] = useState(dayjs());\r\n    const navigate = useNavigate();\r\n    const dispatch = useDispatch();\r\n    const { userInfo } = useSelector((state) => state.auth);\r\n\r\n    console.log(\"userInfo\", userInfo);\r\n\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    console.log(\"week\", week);\r\n    // Calculate the start date of the week (considering Sunday as the first day)\r\n    const startDate = new Date(year, 0, 1 + 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    console.log(\"Result week:\", result.week);\r\n\r\n    if (result.week) {\r\n        dispatch(\r\n            getAuctioneerUsers({\r\n                auctioneerId: userInfo?.user_id,\r\n                weekId: result?.week,\r\n            })\r\n        );\r\n\r\n        navigate(`/dashboard/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    return (\r\n        <>\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\" sx={{ mb: 5 }}>\r\n                    Opportunity\r\n                </Typography>\r\n            </Stack>\r\n            <LocalizationProvider dateAdapter={AdapterDayjs}>\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: () => {\r\n                                console.log(\"Week days\", ownerState);\r\n                                setHoveredDay(ownerState.weekNumber);\r\n                            },\r\n                        }),\r\n                    }}\r\n                />\r\n            </LocalizationProvider>\r\n        </>\r\n    );\r\n}\r\n"],"names":["dayjs","isBetweenPlugin","CustomPickersDay","styled","PickersDay","shouldForwardProp","prop","theme","isSelected","isHovered","day","borderRadius","backgroundColor","palette","primary","main","color","contrastText","mode","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","isInSameWeek","Container","height","width","padding","margin","display","flexDirection","dayA","dayB","isSame","Day","props","selectedDay","hoveredDay","other","sx","px","disableMargin","selected","WeekPicker","useState","setHoveredDay","value","setValue","navigate","useNavigate","dispatch","useDispatch","userInfo","useSelector","state","auth","console","log","jsDate","toDate","result","weekNumberYear","week","year","startDate","Date","dayOfWeek","getDay","setDate","getDate","endDate","formattedStartDate","toLocaleDateString","month","formattedEndDate","getAuctioneerUsers","auctioneerId","user_id","weekId","direction","alignItems","justifyContent","mb","variant","dateAdapter","AdapterDayjs","onChange","newValue","localetext","calendarWeekNumberHeaderText","calendarWeekNumberText","weekNumber","showDaysOutsideCurrentMonth","slots","slotProps","ownerState","onClick"],"sourceRoot":""}