/home/infinitibizsol/.trash/static.1/js/ Current File: /home/infinitibizsol/.trash/static.1/js/332.b2328c10.chunk.js.map
{"version":3,"file":"static/js/332.b2328c10.chunk.js","mappings":"4VA6BA,MAAMA,GAAmBC,EAAAA,EAAAA,IAAO,MAAPA,CAAc,CACnCC,IAAK,EACLC,MAAO,OACPC,OAAQ,OACRC,UAAW,YA2Lf,EAvLuBC,KAAO,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACzB,MAAM,MAAEC,IAAUC,EAAAA,EAAAA,MAClB,IAAIC,GAAWC,EAAAA,EAAAA,MACf,MAAM,SAAEC,IAAaC,EAAAA,EAAAA,KAAaL,GAAUA,EAAMM,OAElDC,QAAQC,IAAI,CAAER,UAMd,OACIS,EAAAA,EAAAA,MAACC,EAAAA,EAAS,CAAAC,SAAA,EACNF,EAAAA,EAAAA,MAACG,EAAAA,EAAK,CAACC,QAAS,EAAGC,GAAI,CAAEC,EAAG,GAAIJ,SAAA,EAC5BK,EAAAA,EAAAA,KAACJ,EAAAA,EAAK,CACFK,UAAU,MACVC,WAAW,SACXC,eAAe,gBAAeR,UAE9BK,EAAAA,EAAAA,KAACI,EAAAA,EAAU,CAACC,QAAQ,KAAKC,QAAM,EAAAX,SAAA,GAAAY,OAClB,OAALvB,QAAK,IAALA,GAAc,QAATT,EAALS,EAAOwB,eAAO,IAAAjC,OAAT,EAALA,EAAgBkC,KAAI,KAAAF,OAAS,OAALvB,QAAK,IAALA,OAAK,EAALA,EAAOwB,QAAQE,KAAI,KAAAH,OAAS,OAALvB,QAAK,IAALA,OAAK,EAALA,EAAOwB,QAAQG,YAI1EX,EAAAA,EAAAA,KAACJ,EAAAA,EAAK,CACFK,UAAU,MACVC,WAAW,SACXC,eAAe,gBAAeR,UAE9BF,EAAAA,EAAAA,MAACW,EAAAA,EAAU,CAACC,QAAQ,YAAWV,SAAA,EAC3BK,EAAAA,EAAAA,KAACI,EAAAA,EAAU,CACPQ,UAAU,OACVP,QAAQ,QACRP,GAAI,CACAe,MAAO,mBAKF,gBAazBpB,EAAAA,EAAAA,MAACqB,EAAAA,GAAI,CAACC,WAAS,EAAClB,QAAS,EAAEF,SAAA,EACvBK,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACE,MAAI,EAACC,GAAI,EAAEtB,UACbF,EAAAA,EAAAA,MAACyB,EAAAA,EAAI,CACDpB,GAAI,CACAqB,SAAU,WACVhD,MAAO,OACPiD,WAAY,WACdzB,SAAA,EAGFK,EAAAA,EAAAA,KAAChC,EAAgB,CACb8B,GAAI,CACA3B,MAAO,MACPC,OAAQ,MACRC,UAAW,WAEfgD,IAAG,GAAAd,OAAKe,EAAAA,GAAQ,KAAAf,OAAS,OAALvB,QAAK,IAALA,GAAc,QAATR,EAALQ,EAAOwB,eAAO,IAAAhC,OAAT,EAALA,EAAgB+C,YAuC9B,aAIlBvB,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACE,MAAI,EAACC,GAAI,KACfjB,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACE,MAAI,EAACC,GAAI,EAAEtB,UACbK,EAAAA,EAAAA,KAACwB,EAAAA,EAAK,CAAA7B,UACFF,EAAAA,EAAAA,MAACgC,EAAAA,EAAS,CAAA9B,SAAA,EACNF,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,YAEPK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,SAAO,OAALX,QAAK,IAALA,GAAc,QAATP,EAALO,EAAOwB,eAAO,IAAA/B,OAAT,EAALA,EAAgBmD,UAEhCnC,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,cAEPF,EAAAA,EAAAA,MAACkC,EAAAA,EAAS,CACNE,MAAO,CACHC,QAAS,OACT5B,WAAY,UACdP,SAAA,CAEI,OAALX,QAAK,IAALA,GAAc,QAATN,EAALM,EAAOwB,eAAO,IAAA9B,OAAT,EAALA,EAAgBqD,YACjB/B,EAAAA,EAAAA,KAACgC,EAAAA,EAAqB,CAClBH,MAAO,CACHhB,MAAM,GAADN,OAAU,OAALvB,QAAK,IAALA,GAAc,QAATL,EAALK,EAAOwB,eAAO,IAAA7B,OAAT,EAALA,EAAgBkC,MAAMoB,MAC5B,EACA,IAEJC,SAAU,OACVC,WAAY,iBAK5B1C,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,gBAEPK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,SACA,OAALX,QAAK,IAALA,GAAc,QAATJ,EAALI,EAAOwB,eAAO,IAAA5B,GAAdA,EAAgBwD,QAAO,GAAA7B,OACV,OAALvB,QAAK,IAALA,GAAc,QAATH,EAALG,EAAOwB,eAAO,IAAA3B,OAAT,EAALA,EAAgBuD,QAAO,YAC1B,SAId3C,EAAAA,EAAAA,MAACiC,EAAAA,EAAQ,CAAA/B,SAAA,EACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAACtB,QAAQ,YAAWV,UAC1BK,EAAAA,EAAAA,KAAA,KAAAL,SAAG,gBAEPK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,SACA,OAALX,QAAK,IAALA,GAAc,QAATF,EAALE,EAAOwB,eAAO,IAAA1B,GAAdA,EAAgBuD,QAAO,GAAA9B,OACV,OAALvB,QAAK,IAALA,GAAc,QAATD,EAALC,EAAOwB,eAAO,IAAAzB,OAAT,EAALA,EAAgBsD,SACnB,SAGdrC,EAAAA,EAAAA,KAAC0B,EAAAA,EAAQ,CAAA/B,UACLK,EAAAA,EAAAA,KAAC2B,EAAAA,EAAS,CAAAhC,UACNK,EAAAA,EAAAA,KAACsC,EAAAA,EAAM,CACHjC,QAAQ,YACRkC,QAlKjBC,KACftD,EAAS,4CAA6C,CAACF,MAAM,CAACwB,QAAa,OAALxB,QAAK,IAALA,OAAK,EAALA,EAAOwB,UAAU,EAkKvDb,SACH,0BAQjB,C,qBCrNhB8C,EAAyBC,EAAQ,MAIrCC,EAAQ,OAAU,EAClB,IAAIC,EAAiBH,EAAuBC,EAAQ,KAChDG,EAAcH,EAAQ,KACXC,EAAQ,GAAU,EAAIC,EAAeE,UAAuB,EAAID,EAAYE,KAAK,SAAU,CACxGC,GAAI,KACJC,GAAI,KACJC,EAAG,MACD,oB,eCXJC,OAAOC,eAAeT,EAAS,aAAc,CAC3CU,OAAO,IAETF,OAAOC,eAAeT,EAAS,UAAW,CACxCW,YAAY,EACZC,IAAK,WACH,OAAOC,EAAOC,aAChB,IAEF,IAAID,EAASd,EAAQ,K,2dCXrB,Q,QAAoC,E,uBCApC,QCDe,SAA4BgB,EAAWC,GAElD,MAAO,IAAM,IAUjB,E,yCCXA,QCAe,SAA4BC,EAAsBC,GAE7D,MAAO,IAAM,IAoBjB,ECtBA,Q,QAAqB,E,wBCArB,QCDe,SAAyBC,EAAOC,EAAUC,EAAeC,EAAUC,GAE9E,OAAO,IAOX,E,4CCaO,MAAMC,EAA8B,CACzCC,UAAWC,IAITC,EAAAA,EAAmBF,UAAUC,EAAU,E","sources":["pages/Inventory/VehicleDetails.js","../node_modules/@mui/icons-material/FiberManualRecord.js","../node_modules/@mui/icons-material/utils/createSvgIcon.js","../node_modules/@mui/material/utils/createChainedFunction.js","../node_modules/@mui/material/utils/deprecatedPropType.js","../node_modules/@mui/utils/deprecatedPropType/deprecatedPropType.js","../node_modules/@mui/material/utils/requirePropFactory.js","../node_modules/@mui/utils/requirePropFactory/requirePropFactory.js","../node_modules/@mui/material/utils/setRef.js","../node_modules/@mui/material/utils/unsupportedProp.js","../node_modules/@mui/utils/unsupportedProp/unsupportedProp.js","../node_modules/@mui/material/utils/index.js"],"sourcesContent":["import { useRef, useState, useEffect } from \"react\";\r\nimport {\r\n    Button,\r\n    Container,\r\n    Stack,\r\n    Box,\r\n    Typography,\r\n    Grid,\r\n    Card,\r\n    Tab,\r\n    Table,\r\n    TableBody,\r\n    TableCell,\r\n    TableRow,\r\n    TextField,\r\n    MenuItem,\r\n    Select,\r\n    FormControl,\r\n    InputLabel,\r\n    NumberInput,\r\n} from \"@mui/material\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { TabContext, TabList, TabPanel } from \"@mui/lab\";\r\nimport { baseURL, imageURL } from \"src/constants/baseURL\";\r\nimport FiberManualRecordIcon from \"@mui/icons-material/FiberManualRecord\";\r\nimport Iconify from \"src/components/iconify\";\r\n\r\nconst StyledProductImg = styled(\"img\")({\r\n    top: 0,\r\n    width: \"100%\",\r\n    height: \"100%\",\r\n    objectFit: \"contain\",\r\n    //   position: \"absolute\",\r\n});\r\n\r\nconst ProductDetails = () => {\r\n    const { state } = useLocation();\r\n    let navigate = useNavigate();\r\n    const { userInfo } = useSelector((state) => state.auth);\r\n\r\n    console.log({ state });\r\n\r\n    const handleEdit = () =>{\r\n        navigate(\"/dashboard/inventory/newVehicle?edit=true\", {state:{product:state?.product}});\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Stack spacing={2} sx={{ p: 3 }}>\r\n                <Stack\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"space-between\"\r\n                >\r\n                    <Typography variant=\"h2\" noWrap>\r\n                        {`${state?.product?.year} ${state?.product.make} ${state?.product.model}`}\r\n                    </Typography>\r\n                </Stack>\r\n\r\n                <Stack\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"space-between\"\r\n                >\r\n                    <Typography variant=\"subtitle1\">\r\n                        <Typography\r\n                            component=\"span\"\r\n                            variant=\"body1\"\r\n                            sx={{\r\n                                color: \"text.disabled\",\r\n                                // textDecoration: \"line-through\",\r\n                            }}\r\n                        >\r\n                            {/* {`Brand Name: ${state?.product.brand.brandName}`} */}\r\n                        </Typography>\r\n                        &nbsp;\r\n                    </Typography>\r\n                </Stack>\r\n            </Stack>\r\n            {/* <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\r\n          <Stack spacing={2} sx={{ p: 3 }}>\r\n            <StyledProductImg alt={\"name\"} src={state?.product.imgUrl[0]} />\r\n          </Stack>\r\n          <Stack spacing={2} sx={{ p: 3 }}>\r\n            <StyledProductImg alt={\"name\"} src={state?.product.imgUrl[0]} />\r\n          </Stack>\r\n        </Stack> */}\r\n            <Grid container spacing={2}>\r\n                <Grid item xs={5}>\r\n                    <Card\r\n                        sx={{\r\n                            position: \"relative\",\r\n                            width: \"100%\",\r\n                            background: \"#F1F1F1\",\r\n                        }}\r\n                    >\r\n                        {/* <Box sx={{ position: \"relative\", width: \"75%\" }}> */}\r\n                        <StyledProductImg\r\n                            sx={{\r\n                                width: \"80%\",\r\n                                height: \"80%\",\r\n                                objectFit: \"contain\",\r\n                            }}\r\n                            src={`${imageURL}/${state?.product?.imageUrl}`}\r\n                        />\r\n                        {/* <Box\r\n                            sx={{\r\n                                display: \"flex\",\r\n                                alignItems: \"center\",\r\n                                justifyContent: \"space-between\",\r\n                            }}\r\n                        >\r\n                           \r\n                            <Box\r\n                                sx={{\r\n                                    display: \"flex\",\r\n                                    flexWrap: \"wrap\",\r\n                                    alignItems: \"center\",\r\n                                    gap: 2,\r\n                                    width: \"100%\",\r\n                                    paddingX: 1,\r\n                                }}\r\n                            >\r\n                                {state?.product?.imgUrl.map((item, key) => (\r\n                                    <StyledProductImg\r\n                                        key={key}\r\n                                        sx={{\r\n                                            width: \"25%\",\r\n                                            height: \"5rem\",\r\n                                            borderRadius: \"10%\",\r\n                                            border:\r\n                                                item === image\r\n                                                    ? \"2px solid black\"\r\n                                                    : \"none\",\r\n                                            objectFit: \"contain\",\r\n                                        }}\r\n                                        onClick={() => setImage(item)}\r\n                                        src={item}\r\n                                    />\r\n                                ))}\r\n                            </Box>\r\n                           \r\n                        </Box> */}\r\n                        &nbsp;\r\n                    </Card>\r\n                </Grid>\r\n                <Grid item xs={1}></Grid>\r\n                <Grid item xs={6}>\r\n                    <Table>\r\n                        <TableBody>\r\n                            <TableRow>\r\n                                <TableCell variant=\"subtitle1\">\r\n                                    <b>VIN:</b>\r\n                                </TableCell>\r\n                                <TableCell>{state?.product?.vin}</TableCell>\r\n                            </TableRow>\r\n                            <TableRow>\r\n                                <TableCell variant=\"subtitle1\">\r\n                                    <b>COLOR:</b>\r\n                                </TableCell>\r\n                                <TableCell\r\n                                    style={{\r\n                                        display: \"flex\",\r\n                                        alignItems: \"center\",\r\n                                    }}\r\n                                >\r\n                                    {state?.product?.color_name}\r\n                                    <FiberManualRecordIcon\r\n                                        style={{\r\n                                            color: `${state?.product?.color.slice(\r\n                                                0,\r\n                                                6\r\n                                            )}`,\r\n                                            fontSize: \"30px\",\r\n                                            marginLeft: \"10px\",\r\n                                        }}\r\n                                    />\r\n                                </TableCell>\r\n                            </TableRow>\r\n                            <TableRow>\r\n                                <TableCell variant=\"subtitle1\">\r\n                                    <b>MILEAGE:</b>\r\n                                </TableCell>\r\n                                <TableCell>\r\n                                    {state?.product?.mileage\r\n                                        ? `${state?.product?.mileage} mileage`\r\n                                        : \"\"}\r\n                                </TableCell>\r\n                            </TableRow>\r\n\r\n                            <TableRow>\r\n                                <TableCell variant=\"subtitle1\">\r\n                                    <b>DETAILS:</b>\r\n                                </TableCell>\r\n                                <TableCell>\r\n                                    {state?.product?.details\r\n                                        ? `${state?.product?.details}`\r\n                                        : \"\"}\r\n                                </TableCell>\r\n                            </TableRow>\r\n                            <TableRow>\r\n                                <TableCell>\r\n                                    <Button\r\n                                        variant=\"contained\"\r\n                                        onClick={handleEdit}\r\n                                        // endIcon={ <Iconify icon={ \"eva:chevron-up-fill\" } />}\r\n                                    >Edit </Button>\r\n                                    \r\n                                </TableCell>\r\n                            </TableRow>\r\n                        </TableBody>\r\n                    </Table>\r\n                </Grid>\r\n            </Grid>\r\n        </Container>\r\n    );\r\n};\r\n\r\nexport default ProductDetails;\r\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"circle\", {\n  cx: \"12\",\n  cy: \"12\",\n  r: \"8\"\n}), 'FiberManualRecord');","\"use strict\";\n'use client';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"default\", {\n  enumerable: true,\n  get: function () {\n    return _utils.createSvgIcon;\n  }\n});\nvar _utils = require(\"@mui/material/utils\");","import createChainedFunction from '@mui/utils/createChainedFunction';\nexport default createChainedFunction;","import deprecatedPropType from '@mui/utils/deprecatedPropType';\nexport default deprecatedPropType;","export default function deprecatedPropType(validator, reason) {\n  if (process.env.NODE_ENV === 'production') {\n    return () => null;\n  }\n  return (props, propName, componentName, location, propFullName) => {\n    const componentNameSafe = componentName || '<<anonymous>>';\n    const propFullNameSafe = propFullName || propName;\n    if (typeof props[propName] !== 'undefined') {\n      return new Error(`The ${location} \\`${propFullNameSafe}\\` of ` + `\\`${componentNameSafe}\\` is deprecated. ${reason}`);\n    }\n    return null;\n  };\n}","import requirePropFactory from '@mui/utils/requirePropFactory';\nexport default requirePropFactory;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nexport default function requirePropFactory(componentNameInError, Component) {\n  if (process.env.NODE_ENV === 'production') {\n    return () => null;\n  }\n\n  // eslint-disable-next-line react/forbid-foreign-prop-types\n  const prevPropTypes = Component ? _extends({}, Component.propTypes) : null;\n  const requireProp = requiredProp => (props, propName, componentName, location, propFullName, ...args) => {\n    const propFullNameSafe = propFullName || propName;\n    const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];\n    if (defaultTypeChecker) {\n      const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);\n      if (typeCheckerResult) {\n        return typeCheckerResult;\n      }\n    }\n    if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n      return new Error(`The prop \\`${propFullNameSafe}\\` of ` + `\\`${componentNameInError}\\` can only be used together with the \\`${requiredProp}\\` prop.`);\n    }\n    return null;\n  };\n  return requireProp;\n}","import setRef from '@mui/utils/setRef';\nexport default setRef;","import unsupportedProp from '@mui/utils/unsupportedProp';\nexport default unsupportedProp;","export default function unsupportedProp(props, propName, componentName, location, propFullName) {\n  if (process.env.NODE_ENV === 'production') {\n    return null;\n  }\n  const propFullNameSafe = propFullName || propName;\n  if (typeof props[propName] !== 'undefined') {\n    return new Error(`The prop \\`${propFullNameSafe}\\` is not supported. Please remove it.`);\n  }\n  return null;\n}","'use client';\n\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/base/ClassNameGenerator';\nexport { default as capitalize } from './capitalize';\nexport { default as createChainedFunction } from './createChainedFunction';\nexport { default as createSvgIcon } from './createSvgIcon';\nexport { default as debounce } from './debounce';\nexport { default as deprecatedPropType } from './deprecatedPropType';\nexport { default as isMuiElement } from './isMuiElement';\nexport { default as ownerDocument } from './ownerDocument';\nexport { default as ownerWindow } from './ownerWindow';\nexport { default as requirePropFactory } from './requirePropFactory';\nexport { default as setRef } from './setRef';\nexport { default as unstable_useEnhancedEffect } from './useEnhancedEffect';\nexport { default as unstable_useId } from './useId';\nexport { default as unsupportedProp } from './unsupportedProp';\nexport { default as useControlled } from './useControlled';\nexport { default as useEventCallback } from './useEventCallback';\nexport { default as useForkRef } from './useForkRef';\nexport { default as useIsFocusVisible } from './useIsFocusVisible';\n// TODO: remove this export once ClassNameGenerator is stable\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_ClassNameGenerator = {\n  configure: generator => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(['MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.', '', \"You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead\", '', 'The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401', '', 'The updated documentation: https://mui.com/guides/classname-generator/'].join('\\n'));\n    }\n    ClassNameGenerator.configure(generator);\n  }\n};"],"names":["StyledProductImg","styled","top","width","height","objectFit","ProductDetails","_state$product","_state$product2","_state$product3","_state$product4","_state$product5","_state$product6","_state$product7","_state$product8","_state$product9","state","useLocation","navigate","useNavigate","userInfo","useSelector","auth","console","log","_jsxs","Container","children","Stack","spacing","sx","p","_jsx","direction","alignItems","justifyContent","Typography","variant","noWrap","concat","product","year","make","model","component","color","Grid","container","item","xs","Card","position","background","src","imageURL","imageUrl","Table","TableBody","TableRow","TableCell","vin","style","display","color_name","FiberManualRecordIcon","slice","fontSize","marginLeft","mileage","details","Button","onClick","handleEdit","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","default","jsx","cx","cy","r","Object","defineProperty","value","enumerable","get","_utils","createSvgIcon","validator","reason","componentNameInError","Component","props","propName","componentName","location","propFullName","unstable_ClassNameGenerator","configure","generator","ClassNameGenerator"],"sourceRoot":""}