{"version":3,"sources":["components/common/Modal/styledComponents.ts","components/common/Modal/ModalDrawer.tsx"],"names":["DialogHeader","styled","div","_templateObject","_taggedTemplateLiteral","siteColors","primary","XButton","button","_templateObject2","CloseButton","_templateObject3","Drawer","_templateObject4","observer","utilityStore","useUtilityStore","userStore","useUserStore","content","React","createElement","DrawerContainer","FlexContainer","justifyContent","RouterLink","to","Logo","onClick","closeDrawer","src","logo","alt","Divider","NavBox","List","NAV_ITEMS","map","item","itemIndex","hideAnonymous","IsAuthenticated","hideLoggedIn","requireLogin","NavbarItem","key","handleNavbarClose","AuthBarItem","hideDesktop","HiddenTabletUp","SignInItem","gap","column","NavAds","position","ButtonContainer","Panel","headerText","isOpen","drawer","onDismiss","isLightDismiss","hasCloseButton","styles","header","display","padding","margin","commands","isBlocking","type","PanelType","customNear","customWidth","focusTrapZoneProps","disableFirstFocus"],"mappings":"0RAGaA,EAAeC,IAAOC,IAAGC,MAAAC,YAAA,oGAGhBC,IAAWC,SAIpBC,EAAUN,IAAOO,OAAMC,MAAAL,YAAA,2FACdC,IAAWC,SAMpBI,EAAcT,IAAOO,OAAMG,MAAAP,YAAA,8FAO3BQ,EAASX,IAAOC,IAAGW,MAAAT,YAAA,0M,iCCxBhC,8KA2FeU,uBAvEK,WAClB,IAAMC,EAAeC,cACfC,EAAYC,cAIZC,EACJC,IAAAC,cAACC,IAAe,KACdF,IAAAC,cAACE,IAAa,CAACC,eAAe,UAC5BJ,IAAAC,cAACI,IAAU,CAACC,GAAG,KACbN,IAAAC,cAACM,IAAI,CAACC,QAASb,EAAac,YAAaC,IAAKC,IAAMC,IAAI,WAG5DZ,IAAAC,cAACY,IAAO,MACRb,IAAAC,cAACa,IAAM,KACLd,IAAAC,cAACc,IAAI,KACFC,IAAUC,KAAI,SAACC,EAAMC,GACpB,OAAID,EAAKE,gBAAkBvB,EAAUwB,iBAGjCH,EAAKI,cAAgBzB,EAAUwB,gBAF1B,KAKLH,EAAKK,aACA1B,EAAUwB,gBACfrB,IAAAC,cAACuB,IAAU,CAACC,IAAKN,EAAWO,kBAAmB/B,EAAac,YAAaS,KAAMA,IAE/ElB,IAAAC,cAAC0B,IAAW,CAACF,IAAKN,EAAWO,kBAAmB/B,EAAac,YAAaS,KAAMA,IAI7EA,EAAKU,YACV5B,IAAAC,cAAC4B,IAAc,CAACJ,IAAKN,GACnBnB,IAAAC,cAAC6B,IAAU,CAACJ,kBAAmB/B,EAAac,YAAaS,KAAMA,KAGjElB,IAAAC,cAACuB,IAAU,CAACC,IAAKN,EAAWO,kBAAmB/B,EAAac,YAAaS,KAAMA,QAIrFlB,IAAAC,cAACE,IAAa,CAAC4B,IAAI,OAAOC,QAAM,EAAC5B,eAAe,cAC9CJ,IAAAC,cAACgC,IAAM,CAACC,SAAU,IAClBlC,IAAAC,cAACgC,IAAM,CAACC,SAAU,IAClBlC,IAAAC,cAACgC,IAAM,CAACC,SAAU,KAEpBlC,IAAAC,cAACkC,IAAe,KACdnC,IAAAC,cAACX,IAAW,CAACkB,QAASb,EAAac,aAAa,YAMxD,OACET,IAAAC,cAACmC,IAAK,CACJC,WAAW,eACXC,OAAQ3C,EAAa4C,OACrBC,UAAW7C,EAAac,YACxBgC,gBAAgB,EAChBC,gBAAgB,EAChBC,OAxDgB,CAClBC,OAAQ,CAACC,QAAS,QAAS9C,QAAS,CAAC+C,QAAS,MAAOC,OAAQ,OAAQC,SAAU,CAAEH,QAAS,SAwDxFI,YAAY,EACZC,KAAMC,IAAUC,WAChBC,YAAa,QACbC,mBAAoB,CAACC,mBAAmB,IAGxCvD,IAAAC,cAACT,IAAM,KAAEO","file":"static/js/61.654e5a9d.chunk.js","sourcesContent":["import styled from 'src/utils/styled/styled';\nimport { siteColors } from 'src/constants/themes';\n\nexport const DialogHeader = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  background-color: ${siteColors.primary};\n  padding: 4px;\n`;\n\nexport const XButton = styled.button`\n  background-color: ${siteColors.primary};\n  border: none;\n  color: white;\n  font-size: 1.2rem;\n`;\n\nexport const CloseButton = styled.button`\n  background-color: white;\n  border: none;\n  color: black;\n  font-size: 1.2rem;\n`;\n\nexport const Drawer = styled.div`\n  width: 256px;\n  flex-shrink: 0;\n  top: 0;\n  flex: 1 0 auto;\n  height: 100%;\n  display: flex;\n  outline: 0;\n  flex-direction: column;\n  border-right: 1px solid rgba(0, 0, 0, 0.12);\n`;","import { Link as RouterLink } from 'react-router-dom';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { useUserStore, useUtilityStore } from 'src/stores/useMobxStores';\nimport { Panel, PanelType } from '@fluentui/react';\nimport { ButtonContainer, Divider, DrawerContainer, Logo, NavBox } from '../Navbar/styledComponents';\nimport { FlexContainer } from 'src/components/base/container';\nimport { List } from 'src/components/base/list';\nimport {  HiddenTabletUp } from 'src/components/base/hidden';\nimport NavAds from '../Ads/NavAds';\nimport { NavbarItem } from '../Navbar/NavItems/NavbarItem';\nimport { NAV_ITEMS } from 'src/constants/NavConstants/NavBarConstants';\nimport { AuthBarItem } from '../Navbar/NavItems/AuthBarItem';\nimport { SignInItem } from '../Navbar/NavItems/SignInItem';\nimport logo from '../../../assets/images/DLMS-Logo-Vector-2021-250x80.png';\nimport { CloseButton, Drawer } from './styledComponents';\n\n\n\n\nconst DrawerModal = () => {\n  const utilityStore = useUtilityStore();\n  const userStore = useUserStore();\n  const panelStyles = {\n    header: {display: 'none'}, content: {padding: '0px', margin: '0px'}, commands: { display: 'none'}\n  };\n  const content = (\n    <DrawerContainer>\n      <FlexContainer justifyContent='center'>\n        <RouterLink to='/'>\n          <Logo onClick={utilityStore.closeDrawer} src={logo} alt='logo' />\n        </RouterLink>\n      </FlexContainer>\n      <Divider />\n      <NavBox>\n        <List>\n          {NAV_ITEMS.map((item, itemIndex) => {\n            if (item.hideAnonymous && !userStore.IsAuthenticated) {\n              return null;\n            }\n            if (item.hideLoggedIn && userStore.IsAuthenticated) {\n              return null;\n            }\n            if (item.requireLogin) {\n              return userStore.IsAuthenticated ? (\n                <NavbarItem key={itemIndex} handleNavbarClose={utilityStore.closeDrawer} item={item} />\n              ) : (\n                <AuthBarItem key={itemIndex} handleNavbarClose={utilityStore.closeDrawer} item={item} />\n              );\n            }\n\n            return item.hideDesktop ? (\n              <HiddenTabletUp key={itemIndex}>\n                <SignInItem handleNavbarClose={utilityStore.closeDrawer} item={item} />\n              </HiddenTabletUp>\n            ) : (\n              <NavbarItem key={itemIndex} handleNavbarClose={utilityStore.closeDrawer} item={item} />\n            );\n          })}\n        </List>\n        <FlexContainer gap='10px' column justifyContent='flex-start'>\n          <NavAds position={2} />\n          <NavAds position={3} />\n          <NavAds position={4} />\n        </FlexContainer>\n        <ButtonContainer>\n          <CloseButton onClick={utilityStore.closeDrawer}>Close</CloseButton>\n        </ButtonContainer>\n      </NavBox>\n    </DrawerContainer>\n  );\n\n  return (\n    <Panel\n      headerText='Sample panel'\n      isOpen={utilityStore.drawer}\n      onDismiss={utilityStore.closeDrawer}\n      isLightDismiss={true}\n      hasCloseButton={false}\n      styles={panelStyles}\n      isBlocking={true}\n      type={PanelType.customNear}\n      customWidth={'256px'}\n      focusTrapZoneProps={{disableFirstFocus: true}}\n      // You MUST provide this prop! Otherwise screen readers will just say \"button\" with no label.\n    >\n      <Drawer>{content}</Drawer>\n    </Panel>\n  );\n};\n\nexport default observer(DrawerModal);\n"],"sourceRoot":""}