{"version":3,"file":"PumppausRow.CyKcZkJr.js","sources":["../../src/pages/steps/StepTilaus/Rows/PumppausRow/PumppausRow.jsx"],"sourcesContent":["import { Button, Fade, Grid, Tooltip, Typography } from \"@mui/material\";\r\n\r\nimport { useKeikkaData } from \"src/context/KeikkaDataContext\";\r\n\r\nimport IconsContainer from \"src/components/icons/others/IconsContainer\";\r\nimport PropTypes from \"prop-types\";\r\nimport MySkeleton from \"src/components/layout/MySkeleton\";\r\n\r\nexport default function PumppausRow(props) {\r\n  const { keikkaData } = useKeikkaData();\r\n  const fadeTime = 500;\r\n\r\n  const handleRowClick = () => props.onClick();\r\n  const isError =\r\n    keikkaData.auth.edit &&\r\n    keikkaData.tila.keikkaTilaId < 5 &&\r\n    keikkaData.pumppu.pumppuError() != null;\r\n\r\n  const styles = {\r\n    div: {\r\n      padding: isError ? \"10px\" : \"0px\",\r\n      transition: \"all 0.6s ease-in-out\",\r\n    },\r\n  };\r\n  return (\r\n    <div style={styles.div}>\r\n      <Tooltip\r\n        disableInteractive\r\n        title={isError && keikkaData.pumppu.pumppuError(keikkaData.tila.keikkaTilaId < 4)}\r\n        placement=\"top-end\"\r\n        arrow>\r\n        <Button\r\n          variant={keikkaData.auth.edit && keikkaData.pumppu.pumppuError() ? \"outlined\" : \"text\"}\r\n          sx={{ minHeight: \"50px\", margin: 0, padding: 0, transition: \"all 0.9s ease-in-out\" }}\r\n          onClick={handleRowClick}\r\n          fullWidth\r\n          aria-label=\"Muokkaa pumppausta\">\r\n          <Grid container className=\"stepRow\" sx={{ width: \"100%\" }}>\r\n            <Grid size={{ xs: 3 }} sx={{ textAlign: \"right\" }}>\r\n              <Typography\r\n                variant=\"h6\"\r\n                sx={{ paddingRight: \"5px\" }}\r\n                noWrap\r\n                color=\"primary\"\r\n                className=\"fixPrint transitionElement\">\r\n                Pumppu:\r\n              </Typography>\r\n            </Grid>\r\n\r\n            {keikkaData.keikkaId === 0 || keikkaData.isLoading ? (\r\n              <MySkeleton width=\"70%\" height=\"35px\" />\r\n            ) : (\r\n              <>\r\n                <Fade in={true} timeout={fadeTime}>\r\n                  <Grid\r\n                    size={{ xs: 8 }}\r\n                    sx={{\r\n                      paddingTop: \"5px\",\r\n                      textAlign: \"left\",\r\n                    }}>\r\n                    {keikkaData.auth.read && (\r\n                      <div>\r\n                        <div style={{ display: \"flex\", gap: 12, alignItems: \"center\" }}>\r\n                          <Typography\r\n                            variant=\"body\"\r\n                            color=\"primary\"\r\n                            className=\"fixPrint transitionElement\">\r\n                            {keikkaData.pumppuToimittaja.asiakasNimi}{\" \"}\r\n                          </Typography>\r\n                          {keikkaData.pumppuToimittaja.sijaintiMatkaM > 0 && (\r\n                            <Typography\r\n                              variant=\"body2\"\r\n                              color=\"primary\"\r\n                              className=\"fixPrint transitionElement\">\r\n                              {Math.round(keikkaData.pumppuToimittaja.sijaintiMatkaM / 1000)} km\r\n                            </Typography>\r\n                          )}\r\n                        </div>\r\n                        <Typography\r\n                          color={\r\n                            keikkaData.pumppu.pumppuStringLong != null ? \"primary\" : \"warning.main\"\r\n                          }\r\n                          className=\"fixPrint transitionElement\">\r\n                          {keikkaData.pumppu.pumppuStringLong != null\r\n                            ? keikkaData.pumppu.pumppuStringLong\r\n                            : keikkaData.auth.edit\r\n                            ? \"Valitse pumppu\"\r\n                            : \"Pumppu puuttuu\"}\r\n                        </Typography>\r\n                        {keikkaData.pumppu.pumppuLinja != null && (\r\n                          <Typography color=\"primary\" className=\"fixPrint transitionElement\" noWrap>\r\n                            {keikkaData.pumppu.linjaStringLong}\r\n                          </Typography>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </Grid>\r\n                </Fade>\r\n                <Fade in={true} timeout={fadeTime}>\r\n                  <Grid size={{ xs: 1 }} className=\"frontPageEditIcon\">\r\n                    <IconsContainer\r\n                      showWarning={\r\n                        keikkaData.tila.keikkaTilaId < 5 && keikkaData.pumppu.pumppuError() != null\r\n                      }\r\n                      showEdit={keikkaData.auth.edit}\r\n                      editOpacity={0.5}\r\n                    />\r\n                  </Grid>\r\n                </Fade>\r\n              </>\r\n            )}\r\n          </Grid>\r\n        </Button>\r\n      </Tooltip>\r\n    </div>\r\n  );\r\n}\r\n\r\nPumppausRow.propTypes = {\r\n  onClick: PropTypes.func,\r\n};\r\n"],"names":["PumppausRow","props","keikkaData","useKeikkaData","isError","auth","edit","tila","keikkaTilaId","pumppu","pumppuError","style","div","padding","transition","children","jsx","Tooltip","disableInteractive","title","placement","arrow","Button","variant","sx","minHeight","margin","onClick","handleRowClick","fullWidth","jsxs","Grid","container","className","width","size","xs","textAlign","Typography","paddingRight","noWrap","color","keikkaId","isLoading","MySkeleton","height","Fragment","Fade","in","timeout","paddingTop","read","display","gap","alignItems","pumppuToimittaja","asiakasNimi","sijaintiMatkaM","Math","round","pumppuStringLong","pumppuLinja","linjaStringLong","IconsContainer","showWarning","showEdit","editOpacity","propTypes","PropTypes","func"],"mappings":"+XAQA,SAAwBA,EAAYC,GAC5B,MAAAC,WAAEA,GAAeC,IAIjBC,EACJF,EAAWG,KAAKC,MAChBJ,EAAWK,KAAKC,aAAe,GACI,MAAnCN,EAAWO,OAAOC,cAQpB,SACG,MAAA,CAAIC,MAPQ,CACbC,IAAK,CACHC,QAAST,EAAU,OAAS,MAC5BU,WAAY,yBAIKF,IACjBG,SAACC,EAAAC,EAAA,CACCC,oBAAkB,EAClBC,MAAOf,GAAWF,EAAWO,OAAOC,YAAYR,EAAWK,KAAKC,aAAe,GAC/EY,UAAU,UACVC,OAAK,EACLN,SAAAC,EAACM,GACCC,QAASrB,EAAWG,KAAKC,MAAQJ,EAAWO,OAAOC,cAAgB,WAAa,OAChFc,GAAI,CAAEC,UAAW,OAAQC,OAAQ,EAAGb,QAAS,EAAGC,WAAY,wBAC5Da,QAtBeC,IAAM3B,EAAM0B,UAuB3BE,WAAS,EACT,aAAW,qBACXd,SAAAe,EAACC,EAAK,CAAAC,WAAS,EAACC,UAAU,UAAUT,GAAI,CAAEU,MAAO,QAC/CnB,SAAA,CAAAC,EAACe,GAAKI,KAAM,CAAEC,GAAI,GAAKZ,GAAI,CAAEa,UAAW,SACtCtB,SAAAC,EAACsB,EACC,CAAAf,QAAQ,KACRC,GAAI,CAAEe,aAAc,OACpBC,QAAM,EACNC,MAAM,UACNR,UAAU,6BAA6BlB,uBAKlB,IAAxBb,EAAWwC,UAAkBxC,EAAWyC,YACtCC,EAAW,CAAAV,MAAM,MAAMW,OAAO,SAG7Bf,EAAAgB,EAAA,CAAA/B,SAAA,CAAAC,EAAC+B,GAAKC,IAAI,EAAMC,QA3Cb,IA4CDlC,SAAAC,EAACe,GACCI,KAAM,CAAEC,GAAI,GACZZ,GAAI,CACF0B,WAAY,MACZb,UAAW,QAEZnC,SAAAA,EAAWG,KAAK8C,MACdrB,EAAA,MACC,CAAAf,SAAA,CAAAe,EAAC,OAAInB,MAAO,CAAEyC,QAAS,OAAQC,IAAK,GAAIC,WAAY,UAClDvC,SAAA,CAAAe,EAACQ,GACCf,QAAQ,OACRkB,MAAM,UACNR,UAAU,6BACT/B,SAAAA,CAAAA,EAAWqD,iBAAiBC,YAAa,OAE3CtD,EAAWqD,iBAAiBE,eAAiB,GAC3C3B,EAAAQ,EACC,CAAAf,QAAQ,QACRkB,MAAM,UACNR,UAAU,6BACTyB,SAAAA,CAAAA,KAAKC,MAAMzD,EAAWqD,iBAAiBE,eAAiB,KAAM,YAIrEzC,EAACsB,GACCG,MACwC,MAAtCvC,EAAWO,OAAOmD,iBAA2B,UAAY,eAE3D3B,UAAU,6BACT/B,SAAsC,QAA3BO,OAAOmD,iBACf1D,EAAWO,OAAOmD,iBAClB1D,EAAWG,KAAKC,KAChB,iBACA,mBAE4B,MAAjCJ,EAAWO,OAAOoD,eAChBvB,EAAW,CAAAG,MAAM,UAAUR,UAAU,6BAA6BO,QAAM,EACtEtC,SAAAA,EAAWO,OAAOqD,yBAO/B9C,EAAC+B,GAAKC,IAAI,EAAMC,QAxFb,IAyFDlC,SAAAC,EAACe,GAAKI,KAAM,CAAEC,GAAI,GAAKH,UAAU,oBAC/BlB,SAAAC,EAAC+C,GACCC,YACE9D,EAAWK,KAAKC,aAAe,GAAwC,MAAnCN,EAAWO,OAAOC,cAExDuD,SAAU/D,EAAWG,KAAKC,KAC1B4D,YAAa,oBAWnC,CAEAlE,EAAYmE,UAAY,CACtBxC,QAASyC,EAAUC"}