{"version":3,"file":"static/chunks/pages/index-49c174be33e7f39c.js","mappings":"sFACA,CAAAA,OAAAC,QAAA,CAAAD,OAAAC,QAAA,MAAAC,IAAA,EACA,IACA,WACA,OAAeC,EAAQ,KACvB,EACA,oOCmBA,IAAMC,EAAgBC,CAAAA,EAAAA,EAAAA,EAAAA,EAAOC,EAAAA,EAAUA,EAAAA,UAAAA,CAAAA,uEAKjCC,EAAaF,CAAAA,EAAAA,EAAAA,EAAAA,EAAOG,EAAAA,EAAIA,EAAAA,UAAAA,CAAAA,uDAIxBC,EAAcJ,CAAAA,EAAAA,EAAAA,EAAAA,EAAOK,EAAAA,EAAMA,EAAAA,UAAAA,CAAAA,8BAAE,IAAO,EACxCC,MAAO,QACPC,gBAAiB,UACjBC,SAAUC,EAAAA,CAAWA,CAACC,SAAS,CAAC,EAAE,CACpC,GAEMC,EAAcX,EAAAA,EAAMA,CAACY,GAAG,CAAAC,UAAA,wEAKxBC,EAAYd,CAAAA,EAAAA,EAAAA,EAAAA,EAAOG,EAAAA,EAAIA,EAAAA,UAAAA,CAAAA,iDACdM,EAAAA,CAAWA,CAACC,SAAS,CAAC,EAAE,EAGjCK,EAAkBf,CAAAA,EAAAA,EAAAA,EAAAA,EAAOC,EAAAA,EAAUA,EAAAA,UAAAA,CAAAA,iDAC1BQ,EAAAA,CAAWA,CAACC,SAAS,CAAC,EAAE,EAG1BM,EAAoC,OAAC,CAChDC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACV,CAAAC,EACOC,EAASC,CAAAA,EAAAA,EAAAA,SAAAA,IAETC,EAAqB,CAACC,EAAiBC,EAAeC,KAC1DL,EAAOxB,IAAI,CAAC,mBAAgC2B,MAAAA,CAAbE,EAAK,UAA6BD,MAAAA,CAArBD,EAAU,aAAmBG,MAAA,CAARF,GACnE,EAEA,MACE,GAAAG,EAAAC,IAAA,EAACC,EAAAA,EAAIA,CAAAA,WACH,GAAAF,EAAAG,GAAA,EAACC,EAAAA,EAAWA,CAAAA,CAACC,MAAO,WAClB,GAAAL,EAAAG,GAAA,EAACG,EAAAA,EAAIA,CAAAA,CAACC,QAAQ,kBAAkBC,IAAK,EAAGC,aAAY,YAClD,GAAAT,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAC9B,SAAU,WAAIS,QAGxB,GAAAW,EAAAG,GAAA,EAACQ,EAAAA,EAAUA,CAAAA,CAACC,MAAO,GAAMC,UAAU,2BACjC,GAAAb,EAAAC,IAAA,EAACa,EAAAA,EAAGA,CAAAA,WACF,GAAAd,EAAAG,GAAA,EAAChB,EAAAA,UAAgB,oBACjB,GAAAa,EAAAG,GAAA,EAAChB,EAAAA,UAAgB,aACjB,GAAAa,EAAAG,GAAA,EAAChB,EAAAA,UAAgB,aACjB,GAAAa,EAAAG,GAAA,EAAChC,EAAAA,UACC,GAAA6B,EAAAG,GAAA,EAACY,EAAAA,EAAcA,CAAAA,UAAC,mBAItB,GAAAf,EAAAG,GAAA,EAACpB,EAAAA,UACC,GAAAiB,EAAAG,GAAA,EAACQ,EAAAA,EAAUA,CAAAA,CAACC,MAAO,YAChBtB,MAAAA,EAAAA,KAAAA,EAAAA,EAAS0B,GAAG,CAAC,CAACC,EAAWC,IAEtB,GAAAlB,EAAAC,IAAA,EAACa,EAAAA,EAAGA,CAAAA,WACF,GAAAd,EAAAG,GAAA,EAACjB,EAAAA,UACEiC,CAAAA,EAAAA,EAAAA,OAAAA,EAAO,IAAIC,KAAKH,EAAKI,UAAU,EAAG,WAErC,GAAArB,EAAAG,GAAA,EAACjB,EAAAA,UAAW+B,EAAKK,QAAQ,CAAC/B,EAAU,GACpC,GAAAS,EAAAG,GAAA,EAACjB,EAAAA,UAAW+B,EAAKM,QAAQ,CAAChC,EAAU,GACpC,GAAAS,EAAAG,GAAA,EAAC7B,EAAAA,UACC,GAAA0B,EAAAG,GAAA,EAAC3B,EAAAA,CACCgD,KAAK,SACL9C,MAAM,OACN+C,QAAS,IACP9B,MAAAA,EAAAA,KAAAA,EAAAA,EACEsB,EAAKI,UAAU,CACfJ,EAAKS,QAAQ,CACbnC,YAGL,aAjBK2B,UA4BxB,iBCnGO,IAAMS,EAAcvD,EAAAA,EAAMA,CAACY,GAAG,CAAAC,UAAA,6IAGlBJ,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,CAC1BxB,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,CAAIxB,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,EAK5CuB,EAAWxD,EAAAA,EAAMA,CAACY,GAAG,CAAAC,UAAA,wDAIrB4C,EAAazD,EAAAA,EAAMA,CAACY,GAAG,CAAAC,UAAA,4FACvBJ,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,CAAIxB,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,CACnCxB,EAAAA,CAAWA,CAACiD,MAAM,CAACC,KAAK,EAIxCC,EAAa5D,CAAAA,EAAAA,EAAAA,EAAAA,EAAOyD,GAAAA,UAAAA,CAAAA,8DAIpBI,EAAa7D,EAAAA,EAAMA,CAACY,GAAG,CAAAC,UAAA,oGAEpBJ,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,EAKvB6B,EAAc9D,EAAAA,EAAMA,CAACY,GAAG,CAAAC,UAAA,6EAGrBJ,EAAAA,CAAWA,CAACwB,KAAK,CAAC,EAAE,EAGhB8B,EAA0C,OAAC,CACtD9C,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACV,CAAAC,EACOC,EAASC,CAAAA,EAAAA,EAAAA,SAAAA,IAETC,EAAqB,CAACC,EAAiBC,EAAeC,KAC1DL,EAAOxB,IAAI,CAAC,mBAAgC2B,MAAAA,CAAbE,EAAK,UAA6BD,MAAAA,CAArBD,EAAU,aAAmBG,MAAA,CAARF,GACnE,EAEA,MACE,GAAAG,EAAAG,GAAA,EAAAH,EAAAoC,QAAA,WACE,GAAApC,EAAAC,IAAA,EAAC0B,EAAAA,WACC,GAAA3B,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAC9B,SAAU,WAAIS,IACnBC,MAAAA,EAAAA,KAAAA,EAAAA,EAAS0B,GAAG,CAAC,CAACC,EAAWC,IAEtB,GAAAlB,EAAAG,GAAA,EAAAH,EAAAoC,QAAA,WACE,GAAApC,EAAAC,IAAA,EAAC+B,EAAAA,CACCnB,UAAU,SACVY,QAAS,IACP9B,MAAAA,EAAAA,KAAAA,EAAAA,EACEsB,EAAKI,UAAU,CACfJ,EAAKS,QAAQ,CACbnC,aAIJ,GAAAS,EAAAG,GAAA,EAACyB,EAAAA,UACC,GAAA5B,EAAAC,IAAA,EAACS,EAAAA,EAAIA,CAAAA,CAAC9B,SAAU,EAAGyD,WAAW,WAAWC,GAAG,iBAAO,MAC7CC,CAAAA,EAAAA,EAAAA,OAAAA,EAAW,IAAInB,KAAKH,MAAAA,EAAAA,KAAAA,EAAAA,EAAMS,QAAQ,GAAG,KAAG,IAC3CP,CAAAA,EAAAA,EAAAA,OAAAA,EAAO,IAAIC,KAAKH,MAAAA,EAAAA,KAAAA,EAAAA,EAAMI,UAAU,EAAG,UAAU,KAAG,IAChDF,CAAAA,EAAAA,EAAAA,OAAAA,EAAO,IAAIC,KAAKH,MAAAA,EAAAA,KAAAA,EAAAA,EAAMS,QAAQ,EAAG,eAItC,GAAA1B,EAAAC,IAAA,EAACgC,EAAAA,WACC,GAAAjC,EAAAG,GAAA,EAACqC,EAAAA,CAAOA,CAAAA,CAACC,MAAM,oBACb,GAAAzC,EAAAC,IAAA,EAACiC,EAAAA,WACC,GAAAlC,EAAAG,GAAA,EAACuC,EAAAA,EAAIA,CAAAA,CAAClB,KAAM,EAAG9C,MAAM,OAAOiE,UAAU,iBACtC,GAAA3C,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAChC,MAAM,OAAOE,SAAU,EAAGyD,WAAW,oBACxCpB,EAAKK,QAAQ,CAAC/B,EAAU,QAI/B,GAAAS,EAAAG,GAAA,EAACqC,EAAAA,CAAOA,CAAAA,CAACC,MAAM,oBACb,GAAAzC,EAAAC,IAAA,EAACiC,EAAAA,WACC,GAAAlC,EAAAG,GAAA,EAACuC,EAAAA,EAAIA,CAAAA,CAAClB,KAAM,EAAG9C,MAAM,OAAOiE,UAAU,iBACtC,GAAA3C,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAChC,MAAM,OAAOE,SAAU,EAAGyD,WAAW,oBACxCpB,EAAKM,QAAQ,CAAChC,EAAU,qBAYjD,ECpGaqD,EAAqB,SA4BrBC,EAaAA,EAxCX,IAAMC,EAAWC,CAAAA,EAAAA,EAAAA,CAAAA,EAAS,eAAkChD,MAAA,CAAnBiD,EAAAA,CAAWA,CAACC,MAAM,CAAC,MACtD,CAAEC,KAAMC,CAAG,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IAEhBC,EAAUC,CADAC,EAAAA,EAAAA,EAAAA,EAAWC,EAAAA,CAAcA,EACjBC,GAAG,CAAC,OAAQ,aAE9B,CAAEC,UAAAA,CAAS,CAAER,KAAML,CAAY,CAAE,CAAGc,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,CAAC,eAAe,CAAE,IACnE,IAAIC,EAAAA,CAASA,GAAGC,eAAe,CAACC,iBAAiB,CAAC,CAChDC,WAAYZ,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAKa,YAAY,GAAI,EACnC,IAGI,CAAEN,UAAWO,CAAa,CAAEf,KAAMgB,CAAU,CAAE,CAAGP,CAAAA,EAAAA,EAAAA,QAAAA,EACrD,CAAC,aAAa,CACd,IACE,IAAIC,EAAAA,CAASA,GAAGO,UAAU,CAACC,0BAA0B,CAAC,CACpDL,WAAYZ,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAKa,YAAY,GAAI,EACnC,WAGJ,GAAiBC,EACR,GAAAjE,EAAAG,GAAA,EAACkE,EAAAA,EAAMA,CAAAA,CAAAA,GAEZhB,EAEA,GAAArD,EAAAG,GAAA,EAAAH,EAAAoC,QAAA,WACGU,EACC,GAAA9C,EAAAG,GAAA,EAAAH,EAAAoC,QAAA,WACGS,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAcK,IAAI,GAAlBL,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAoByB,QAAQ,CAACtD,GAAG,CAAC,CAACuD,EAASrD,IAExC,GAAAlB,EAAAG,GAAA,EAACgC,EAAiBA,CAEhB9C,KAAM,GAAgBU,MAAA,CAAbwE,EAAQlF,IAAI,CAAC,qBAAqB,EAC3CC,QAAS4E,MAAAA,EAAAA,KAAAA,EAAAA,EAAYhB,IAAI,CACzB3D,UAAWgF,EAAQC,UAAU,EAHxBtD,MASb,GAAAlB,EAAAG,GAAA,EAACG,EAAAA,EAAIA,CAAAA,CAACmE,KAAM,CAAEC,IAAK,OAAQ,EAAGlE,IAAK,WAChCqC,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAcK,IAAI,GAAlBL,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAoByB,QAAQ,CAACtD,GAAG,CAAC,CAACuD,EAASrD,IAExC,GAAAlB,EAAAG,GAAA,EAACf,EAAWA,CAEVC,KAAM,GAAgBU,MAAA,CAAbwE,EAAQlF,IAAI,CAAC,qBAAqB,EAC3CE,UAAWgF,EAAQC,UAAU,CAC7BlF,QAAS4E,MAAAA,EAAAA,KAAAA,EAAAA,EAAYhB,IAAI,EAHpBhC,QAYZ,IAEX,oDCMA,IAAMyD,EAAUvG,CAAAA,EAAAA,EAAAA,EAAAA,EAAOwG,EAAAA,EAAKA,EAAAA,UAAAA,CAAAA,qDA2G5B,IAAAC,EAAeC,CAAAA,EAAAA,EAAAA,CAAAA,EAvGY,SA2BZC,EAKEA,EA/Bf,GAAM,CAAE7B,KAAMC,CAAG,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IAEhB,CAAEM,UAAAA,CAAS,CAAER,KAAM6B,CAAM,CAAE,CAAGpB,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,CAAC,UAAU,CAAE,IACxD,IAAIC,EAAAA,CAASA,GAAGC,eAAe,CAACC,iBAAiB,CAAC,CAChDC,WAAYZ,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAKa,YAAY,GAAI,EACnC,IAYF,MACE,GAAAhE,EAAAG,GAAA,EAAC6E,EAAAA,CAAMA,CAAAA,CAACC,KAAM,CAAEC,MAAO,MAAO,WAC5B,GAAAlF,EAAAG,GAAA,EAACgF,EAAAA,EAAWA,CAAAA,CAACC,WAAU,GAACC,iBAAgB,YACtC,GAAArF,EAAAC,IAAA,EAAC0E,EAAAA,CAAQtE,MAAO,YAEbqD,EACC,GAAA1D,EAAAG,GAAA,EAACkE,EAAAA,EAAMA,CAAAA,CAAAA,GAEP,GAAArE,EAAAC,IAAA,EAAAD,EAAAoC,QAAA,YACG2C,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAQ7B,IAAI,CAACoC,OAAO,CAACC,QAAQ,GAA7BR,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAA+BS,IAAI,CAClC,GAAaC,oBAAAA,EAAQC,EAAE,CAAK,GACzB,GAAA1F,EAAAG,GAAA,EAACyC,EAAkBA,CAAAA,GAExB,GAAA5C,EAAAG,GAAA,EAAAH,EAAAoC,QAAA,WACG2C,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAQ7B,IAAI,CAACoC,OAAO,CAACC,QAAQ,GAA7BR,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAA+BS,IAAI,CAClC,GAAaC,sBAAAA,EAAQC,EAAE,CAAK,GACzB,GAAA1F,EAAAG,GAAA,EAACwF,EAAAA,OAAwBA,CAAAA,CAAAA,QAuBpC,GAAA3F,EAAAC,IAAA,EAAC2E,EAAAA,EAAKA,CAAAA,CAACvE,MAAO,YACZ,GAAAL,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAC2B,WAAW,OAAOzD,SAAU,WAAG,eAGrC,GAAAoB,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,UAAC,mEAGN,GAAAV,EAAAC,IAAA,EAACS,EAAAA,EAAIA,CAAAA,WACH,GAAAV,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAC2B,WAAW,OAAOC,GAAG,gBAAO,YAE1B,IAAI,kBAGd,GAAAtC,EAAAC,IAAA,EAACS,EAAAA,EAAIA,CAAAA,WACH,GAAAV,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAC2B,WAAW,OAAOC,GAAG,gBAAO,WAE1B,IACR,GAAAtC,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CACH4B,GAAG,IACH5D,MAAM,OACN2D,WAAW,OACXuD,KAAK,uCACLC,OAAO,SACPC,IAAI,+BACL,qCAIH,GAAA9F,EAAAC,IAAA,EAACS,EAAAA,EAAIA,CAAAA,WACH,GAAAV,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,CAAC2B,WAAW,OAAOC,GAAG,gBAAO,YAE1B,IAAI,kBAGd,GAAAtC,EAAAG,GAAA,EAACO,EAAAA,EAAIA,CAAAA,UAAC,0DACN,GAAAV,EAAAC,IAAA,EAACS,EAAAA,EAAIA,CAAAA,WAAC,WACI,GAAAV,EAAAG,GAAA,EAAC4F,KAAAA,CAAAA,GACT,GAAA/F,EAAAG,GAAA,EAAC4F,KAAAA,CAAAA,GAAK,+BAOpB","sources":["webpack://_N_E/","webpack://_N_E/./src/components/booking-summary-card/summary-card.tsx","webpack://_N_E/./src/components/booking-summary-card/summary-mobile-card.tsx","webpack://_N_E/./src/components/booking-summary-card/booking-summary-card.tsx","webpack://_N_E/./src/pages/index.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/\"])\n      });\n    }\n  ","import {\n  BasicTable,\n  Button,\n  Card,\n  Cell,\n  CellHeader,\n  DividerItem,\n  Grid,\n  Row,\n  Text,\n  VisuallyHidden,\n} from 'components/ui';\nimport { WeeklyBookingReport } from 'lib/api/generated';\nimport { useRouter } from 'next/router';\nimport { FC } from 'react';\nimport styled from 'styled-components';\nimport { globalTheme } from '../../styles/global-theme';\nimport { format } from 'date-fns';\n\nexport interface SummaryCardProps {\n  name: string;\n  details?: WeeklyBookingReport[];\n  productId: string;\n}\n\nconst ActionsHeader = styled(CellHeader)`\n  text-align: right;\n  position: relative;\n`;\n\nconst ButtonCell = styled(Cell)`\n  padding-right: 40px;\n`;\n\nconst ColorButton = styled(Button)(() => ({\n  color: 'white',\n  backgroundColor: '#C934E1',\n  fontSize: globalTheme.fontSizes[3],\n}));\n\nconst SummaryList = styled.div`\n  max-height: 200px;\n  overflow-y: scroll;\n`;\n\nconst CellValue = styled(Cell)`\n  font-size: ${globalTheme.fontSizes[3]};\n`;\n\nconst LargeCellHeader = styled(CellHeader)`\n  font-size: ${globalTheme.fontSizes[3]};\n`;\n\nexport const SummaryCard: FC<SummaryCardProps> = ({\n  name,\n  details,\n  productId,\n}) => {\n  const router = useRouter();\n\n  const handleClickSummary = (startDate: Date, endDate: Date, type: string) => {\n    router.push(`/stockbook?type=${type}&date=${startDate}&date_to=${endDate}`);\n  };\n\n  return (\n    <Card>\n      <DividerItem space={1}>\n        <Grid columns='1fr max-content' gap={1} stackOnSmall>\n          <Text fontSize={5}>{name}</Text>\n        </Grid>\n      </DividerItem>\n      <BasicTable fixed={true} className='summary-booking'>\n        <Row>\n          <LargeCellHeader>Week Commencing</LargeCellHeader>\n          <LargeCellHeader>Incoming</LargeCellHeader>\n          <LargeCellHeader>Outgoing</LargeCellHeader>\n          <ActionsHeader>\n            <VisuallyHidden>Actions</VisuallyHidden>\n          </ActionsHeader>\n        </Row>\n      </BasicTable>\n      <SummaryList>\n        <BasicTable fixed={true}>\n          {details?.map((item: any, index: number) => {\n            return (\n              <Row key={index}>\n                <CellValue>\n                  {format(new Date(item.start_date), 'd MMM')}\n                </CellValue>\n                <CellValue>{item.incoming[productId]}</CellValue>\n                <CellValue>{item.outgoing[productId]}</CellValue>\n                <ButtonCell>\n                  <ColorButton\n                    size='xSmall'\n                    color='pink'\n                    onClick={() =>\n                      handleClickSummary?.(\n                        item.start_date,\n                        item.end_date,\n                        productId\n                      )\n                    }\n                  >\n                    View\n                  </ColorButton>\n                </ButtonCell>\n              </Row>\n            );\n          })}\n        </BasicTable>\n      </SummaryList>\n    </Card>\n  );\n};\n","import { Icon, Text, Tooltip } from 'components/ui';\nimport { format, getISOWeek } from 'date-fns';\nimport { WeeklyBookingReport } from 'lib/api/generated';\nimport { useRouter } from 'next/router';\nimport { FC } from 'react';\nimport styled from 'styled-components';\nimport { globalTheme } from 'styles/global-theme';\n\nexport interface SummaryCardProps {\n  name: string;\n  details: WeeklyBookingReport[];\n  productId: string;\n}\n\nexport const CardWrapper = styled.div`\n  display: grid;\n  grid-gap: 10px;\n  margin-bottom: ${globalTheme.space[2]};\n  padding: ${globalTheme.space[1]} ${globalTheme.space[1]};\n  background-color: #f8f8f8;\n  border-radius: 8px;\n`;\n\nexport const RowInner = styled.div`\n  text-align: center;\n`;\n\nexport const RowWrapper = styled.div`\n  padding: ${globalTheme.space[0]} ${globalTheme.space[1]};\n  background-color: ${globalTheme.colors.white};\n  border-radius: 8px;\n`;\n\nconst SummaryBox = styled(RowWrapper)`\n  background-color: #ffffff;\n`;\n\nconst InOutCount = styled.div`\n  display: flex;\n  gap: ${globalTheme.space[1]};\n  align-items: center;\n  justify-content: center;\n`;\n\nconst IconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${globalTheme.space[0]};\n`;\n\nexport const SummaryMobileCard: FC<SummaryCardProps> = ({\n  name,\n  details,\n  productId,\n}) => {\n  const router = useRouter();\n\n  const handleClickSummary = (startDate: Date, endDate: Date, type: string) => {\n    router.push(`/stockbook?type=${type}&date=${startDate}&date_to=${endDate}`);\n  };\n\n  return (\n    <>\n      <CardWrapper>\n        <Text fontSize={5}>{name}</Text>\n        {details?.map((item: any, index: number) => {\n          return (\n            <>\n              <SummaryBox\n                className='dayRow'\n                onClick={() =>\n                  handleClickSummary?.(\n                    item.start_date,\n                    item.end_date,\n                    productId\n                  )\n                }\n              >\n                <RowInner>\n                  <Text fontSize={3} fontWeight='semiBold' as='span'>\n                    Wk {getISOWeek(new Date(item?.end_date))} :{' '}\n                    {format(new Date(item?.start_date), 'dd MMM')} -{' '}\n                    {format(new Date(item?.end_date), 'dd MMM')}\n                  </Text>\n                </RowInner>\n\n                <InOutCount>\n                  <Tooltip label='Incoming'>\n                    <IconWrapper>\n                      <Icon size={5} color='blue' component='IncomingIcon' />\n                      <Text color='blue' fontSize={4} fontWeight='semiBold'>\n                        {item.incoming[productId]}\n                      </Text>\n                    </IconWrapper>\n                  </Tooltip>\n                  <Tooltip label='Outgoing'>\n                    <IconWrapper>\n                      <Icon size={5} color='pink' component='OutgoingIcon' />\n                      <Text color='pink' fontSize={4} fontWeight='semiBold'>\n                        {item.outgoing[productId]}\n                      </Text>\n                    </IconWrapper>\n                  </Tooltip>\n                </InOutCount>\n              </SummaryBox>\n            </>\n          );\n        })}\n      </CardWrapper>\n    </>\n  );\n};\n","import { useAbility } from '@casl/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { AbilityContext } from 'components/can';\nimport { Grid, Loader } from 'components/ui';\nimport { useBuyerOrg } from 'hooks/use-buyer-org';\nimport { ApiClient } from 'lib/api/client';\nimport { useMedia } from 'react-use';\nimport { breakpoints } from 'styles/breakpoints';\nimport { SummaryCard } from './summary-card';\nimport { SummaryMobileCard } from './summary-mobile-card';\n\nexport const BookingSummaryCard = () => {\n  const isMobile = useMedia(`(max-width: ${breakpoints.medium})`);\n  const { data: org } = useBuyerOrg();\n  const ability = useAbility(AbilityContext);\n  const canRead = ability.can('read', 'Stockbook');\n\n  const { isLoading, data: activeFields } = useQuery(['activeFields'], () =>\n    new ApiClient().organisationApi.orgConfigRetrieve({\n      buyerOrgId: org?.buyer_org_id || '',\n    })\n  );\n\n  const { isLoading: weeklyLoading, data: weeklyData } = useQuery(\n    ['weeklyData'],\n    () =>\n      new ApiClient().reportsApi.orgReportBookingWeeklyList({\n        buyerOrgId: org?.buyer_org_id || '',\n      })\n  );\n\n  if (isLoading && weeklyLoading) {\n    return <Loader />;\n  }\n  if (canRead) {\n    return (\n      <>\n        {isMobile ? (\n          <>\n            {activeFields?.data?.products.map((product, index: number) => {\n              return (\n                <SummaryMobileCard\n                  key={index}\n                  name={`${product.name} booking summary` || ''}\n                  details={weeklyData?.data as []}\n                  productId={product.product_id}\n                />\n              );\n            })}\n          </>\n        ) : (\n          <Grid auto={{ min: '420px' }} gap={1}>\n            {activeFields?.data?.products.map((product, index: number) => {\n              return (\n                <SummaryCard\n                  key={index}\n                  name={`${product.name} booking summary` || ''}\n                  productId={product.product_id}\n                  details={weeklyData?.data}\n                />\n              );\n            })}\n          </Grid>\n        )}\n      </>\n    );\n  } else {\n    return null;\n  }\n};\n","import { BookingSummaryCard } from 'components/booking-summary-card/booking-summary-card';\nimport { Layout } from 'components/layout';\nimport { IconProps, Loader, PageWrapper, Stack, Text } from 'components/ui';\nimport { withAuth } from 'components/with-auth';\nimport { NextPage } from 'next';\nimport { PATHS } from 'settings/config';\nimport styled from 'styled-components';\nimport { useBuyerOrg } from '../hooks/use-buyer-org';\nimport { useQuery } from '@tanstack/react-query';\nimport { ApiClient } from '../lib/api/client';\nimport React from 'react';\nimport StockbookRequiredSummary from './stockbook-required-summary';\n\ntype Feature = {\n  title: string;\n  description: string;\n  buttonText: string;\n  link: string;\n  icon: IconProps['component'];\n};\n\n{\n  /** TODO: disable for the moment. As the page is quite busy with the other features. [Mon 20 Jan] */\n}\n// const features: Feature[] = [\n//   {\n//     title: 'Set up your company profile',\n//     description:\n//       'Set up your company profile information, delivery addresses, and users. Manage your subscription plan.',\n//     buttonText: 'Company Profile',\n//     link: PATHS.organisation.profile,\n//     icon: 'BusinessIcon',\n//   },\n//   {\n//     title: 'Build your supplier list',\n//     description:\n//       'Search for suppliers (vendors and agents) on Agora Livestock, or send them an invite to join.',\n//     buttonText: 'Suppliers',\n//     link: PATHS.contacts.home,\n//     icon: 'ContactsIcon',\n//   },\n//   {\n//     title: 'Create your networks',\n//     description:\n//       'Organise your contacts into networks (e.g. premium suppliers, certified suppliers, etc.)',\n//     buttonText: 'Networks',\n//     link: PATHS.privateGroups.home,\n//     icon: 'PadlockIcon',\n//   },\n//   {\n//     title: 'Create and manage your prices',\n//     description:\n//       'Create or upload your price grids, manage who can see them (private, public vs. contacts only), and see interested suppliers.',\n//     buttonText: 'My prices',\n//     link: PATHS.prices.home,\n//     icon: 'PriceTagIcon',\n//   },\n//   {\n//     title: 'Send and receive contracts',\n//     description:\n//       'Send booking confirmations to suppliers, and review offers that you have received.',\n//     buttonText: 'Contracts',\n//     link: PATHS.offers.home,\n//     icon: 'PageIcon',\n//   },\n//   {\n//     title: 'Stockbook',\n//     description:\n//       'Record the important details about your upcoming deliveries and contracts in one place for your entire organisation to view and manage.',\n//     buttonText: 'Stockbook',\n//     link: PATHS.stockbook.home,\n//     icon: 'StockbookIcon',\n//   },\n// ];\n\nconst Wrapper = styled(Stack)`\n  max-width: 960px;\n`;\n\nconst HomePage: NextPage = () => {\n  const { data: org } = useBuyerOrg();\n\n  const { isLoading, data: config } = useQuery(['reports'], () =>\n    new ApiClient().organisationApi.orgConfigRetrieve({\n      buyerOrgId: org?.buyer_org_id || '',\n    })\n  );\n\n  {\n    /** TODO: disable for the moment. As the page is quite busy with the other features. [Mon 20 Jan] */\n  }\n  // const [stockRequiredRef, setStockRequiredRef] = useState<any>(null);\n\n  // const handleChildRef = (ref: any) => {\n  //   setStockRequiredRef(ref);\n  // };\n\n  return (\n    <Layout meta={{ title: 'Home' }}>\n      <PageWrapper fullHeight includeMarginTop>\n        <Wrapper space={2}>\n          {/*todo hook this up to the config api*/}\n          {isLoading ? (\n            <Loader />\n          ) : (\n            <>\n              {config?.data.reports.homepage?.find(\n                (feature) => feature.id === 'booking_summary'\n              ) && <BookingSummaryCard />}\n\n              <>\n                {config?.data.reports.homepage?.find(\n                  (feature) => feature.id === 'stockbook_summary'\n                ) && <StockbookRequiredSummary />}\n              </>\n            </>\n          )}\n          {/*todo disable for the moment. As the page is quite busy with the other features*/}\n          {/*<FeatureItems auto={{ min: '240px' }} gap={3}>*/}\n          {/*  {features.map(({ title, description, link, icon, buttonText }) => (*/}\n          {/*    <FeatureItem key={title}>*/}\n          {/*      <Stack space={0}>*/}\n          {/*        <Text fontWeight='bold' fontSize={3}>*/}\n          {/*          {title}*/}\n          {/*        </Text>*/}\n          {/*        <Text>{description}</Text>*/}\n          {/*      </Stack>*/}\n          {/*      <Link href={link} passHref>*/}\n          {/*        <Button size='small' iconLeft={icon}>*/}\n          {/*          {buttonText}*/}\n          {/*        </Button>*/}\n          {/*      </Link>*/}\n          {/*    </FeatureItem>*/}\n          {/*  ))}*/}\n          {/*</FeatureItems>*/}\n\n          <Stack space={1}>\n            <Text fontWeight='bold' fontSize={3}>\n              Need help?\n            </Text>\n            <Text>\n              If you have any other questions, please contact us immediately\n            </Text>\n            <Text>\n              <Text fontWeight='bold' as='span'>\n                Office:\n              </Text>{' '}\n              1300 812 345\n            </Text>\n            <Text>\n              <Text fontWeight='bold' as='span'>\n                Email:\n              </Text>{' '}\n              <Text\n                as='a'\n                color='blue'\n                fontWeight='bold'\n                href='mailto:support@agoralivestock.com.au'\n                target='_blank'\n                rel='noopener noreferrer'\n              >\n                support@agoralivestock.com.au\n              </Text>\n            </Text>\n            <Text>\n              <Text fontWeight='bold' as='span'>\n                Mobile:\n              </Text>{' '}\n              0427 279 988\n            </Text>\n            <Text>Feature requests or feedback are greatly appreciated!</Text>\n            <Text>\n              Thanks, <br />\n              <br /> Agora Livestock\n            </Text>\n          </Stack>\n        </Wrapper>\n      </PageWrapper>\n    </Layout>\n  );\n};\n\nexport default withAuth(HomePage);\n"],"names":["window","__NEXT_P","push","__webpack_require__","ActionsHeader","styled","CellHeader","ButtonCell","Cell","ColorButton","Button","color","backgroundColor","fontSize","globalTheme","fontSizes","SummaryList","div","withConfig","CellValue","LargeCellHeader","SummaryCard","name","details","productId","param","router","useRouter","handleClickSummary","startDate","endDate","type","concat","jsx_runtime","jsxs","Card","jsx","DividerItem","space","Grid","columns","gap","stackOnSmall","Text","BasicTable","fixed","className","Row","VisuallyHidden","map","item","index","format","Date","start_date","incoming","outgoing","size","onClick","end_date","CardWrapper","RowInner","RowWrapper","colors","white","SummaryBox","InOutCount","IconWrapper","SummaryMobileCard","Fragment","fontWeight","as","getISOWeek","Tooltip","label","Icon","component","BookingSummaryCard","activeFields","isMobile","useMedia","breakpoints","medium","data","org","useBuyerOrg","canRead","ability","useAbility","AbilityContext","can","isLoading","useQuery","ApiClient","organisationApi","orgConfigRetrieve","buyerOrgId","buyer_org_id","weeklyLoading","weeklyData","reportsApi","orgReportBookingWeeklyList","Loader","products","product","product_id","auto","min","Wrapper","Stack","pages","withAuth","config","Layout","meta","title","PageWrapper","fullHeight","includeMarginTop","reports","homepage","find","feature","id","StockbookRequiredSummary","href","target","rel","br"],"sourceRoot":""}