{"version":3,"sources":["../ /^/.//.*/.svg$/ groupOptions: {} namespace object","theme/defaultTheme.ts","theme/GlobalStyle.ts","components/Button.tsx","components/Icon.tsx","components/typography.tsx","hooks/useSystem.ts","services/SessionService.ts","components/Notification/Modal.tsx","components/Notification/index.tsx","App.tsx","serviceWorker.ts","index.tsx","Providers.tsx"],"names":["map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","keys","Object","module","exports","defaultTheme","colors","primary100","primaryDisabled","gray100","grayDark","gray30","gray10","white","shadows","elevation2","EButtonType","GlobalStyle","createGlobalStyle","theme","Button","props","text","buttonType","onClick","buttonWidth","className","ButtonComponent","ButtonBase","primary","PrimaryButton","secondary","SecondaryButton","Text","defaultProps","styled","button","gray20","div","IconWrapper","iconWidth","undefined","color","TypoH2","TypoSubheader","TypoBodyRegular","useSystem","match","useRouteMatch","path","strict","sensitive","params","system","SessionService","getSessionDuration","a","fetch","res","ok","json","expired","date","prolongSession","method","redirectToTiles","errorCode","window","parent","location","href","setIframeDisplay","display","iframe","document","getElementById","style","showIframe","root","filter","hideIframe","getConfig","logout","catch","error","logWarn","message","console","warn","HideBodyOverflow","Modal","handleProlong","resetTimer","setTimer","Mask","Wrapper","stopPropagation","ModalContent","StyledIcon","name","width","StyledTypoH2","Separator","ButtonsContainer","StyledButton","ImportedIconRef","useRef","useState","loading","setLoading","useEffect","isComponentMounted","namedImport","default","current","ImportedIcon","Notification","Container","App","timerRef","lastMilisecondsOfSession","setLastMilisecondsOfSession","notificationInterval","setNotificationInterval","init","useCallback","difference","Math","max","differenceInMilliseconds","Date","clearTimeout","setTimeout","Boolean","hostname","parentPath","pathname","isWhitelisted","some","whitelistedPath","startsWith","ReactDOM","render","basename","process","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.eab67e9e.chunk.js","sourcesContent":["var map = {\n\t\"./logout.svg\": [\n\t\t298,\n\t\t3\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 293;\nmodule.exports = webpackAsyncContext;","export type TTheme = typeof defaultTheme;\n\nexport const defaultTheme = {\n  colors: {\n    // PRIMARY\n    primary100: \"#055A60\",\n    primaryDisabled: \"#78ADB0\",\n\n    // GRAY\n    gray100: \"#2F2F2F\",\n    grayDark: \"#181818\",\n    gray30: \"#E3E3E3\",\n    gray10: \"#F3F3F3\",\n\n    // MISC\n    white: \"#FFFFFF\"\n  },\n  shadows: {\n    elevation2: \"0px 1px 2px rgba(10, 27, 56, 0.08), 0px 2px 4px rgba(10, 27, 56, 0.12)\"\n  }\n};\n\nexport type TDefaultThemeColor = keyof typeof defaultTheme.colors;\n","import { createGlobalStyle } from \"styled-components/macro\";\nimport { TTheme } from \"./defaultTheme\";\n\nexport const GlobalStyle = createGlobalStyle`\n  body {\n    background-color: ${({ theme }: { theme: TTheme }) => theme.colors.gray10};\n    font-family: \"Nunito Sans\", sans-serif;\n    font-size: 16px;\n    line-height: 20px;\n    font-weight: 400;\n    color: ${({ theme }) => theme.colors.gray100};\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-overflow-scrolling: touch;\n\n    *, *:before, *:after {\n      box-sizing: border-box;\n      transition-duration: 0.25s;\n      transition-timing-function: ease-in-out;\n      transition-property: color, background-color, padding, border-color, border-width, box-shadow, stroke, fill;\n    }\n\n    a {\n      color: ${({ theme }) => theme.colors.primary100};\n      font-weight: 700;\n\n      &:hover {\n        color: ${({ theme }) => theme.colors.gray100};\n        text-decoration: none;\n      }\n\n      &:active {\n        text-decoration: underline;\n      }\n    }\n  }\n`;\n","import React, { FC, MouseEvent } from \"react\";\nimport styled from \"styled-components/macro\";\n\nexport enum EButtonType {\n  primary = \"primary\",\n  primaryBlack = \"primaryBlack\",\n  secondary = \"secondary\"\n}\ninterface IButtonProps {\n  text: string;\n  onClick: (e: MouseEvent) => void;\n  buttonType?: keyof typeof EButtonType;\n  buttonWidth?: string;\n  className?: string;\n}\n\nexport const Button: FC<IButtonProps> = props => {\n  const { text, buttonType, onClick, buttonWidth, className } = props;\n\n  let ButtonComponent = ButtonBase;\n\n  if (buttonType === EButtonType.primary) ButtonComponent = PrimaryButton;\n  if (buttonType === EButtonType.secondary) ButtonComponent = SecondaryButton;\n\n  return (\n    <ButtonComponent buttonWidth={buttonWidth} onClick={onClick} className={className}>\n      <Text>{text}</Text>\n    </ButtonComponent>\n  );\n};\n\nButton.defaultProps = {\n  buttonType: EButtonType.primary\n};\n\nconst ButtonBase = styled.button<{ buttonWidth?: string }>`\n  font-weight: 700;\n  color: ${({ theme }) => theme.colors.white};\n  padding: 0 24px;\n  border-width: 0;\n  outline: 0;\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  ${({ buttonWidth }) => buttonWidth && `width: ${buttonWidth}`};\n\n  min-width: 128px;\n  max-width: 400px;\n  height: 44px;\n\n  &:active:not(:disabled) {\n    transform: translateY(1px);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n`;\n\nconst PrimaryButton = styled(ButtonBase)`\n  background-color: ${({ theme }) => theme.colors.primary100};\n\n  &:hover:not(:disabled) {\n    background-color: ${({ theme }) => theme.colors.grayDark};\n  }\n\n  &:disabled {\n    background-color: ${({ theme }) => theme.colors.primaryDisabled};\n  }\n`;\n\nconst SecondaryButton = styled(ButtonBase)`\n  background-color: ${({ theme }) => theme.colors.white};\n  color: ${({ theme }) => theme.colors.grayDark};\n  border: 2px solid;\n  border-color: ${({ theme }) => theme.colors.gray30};\n\n  &:hover:not(:disabled) {\n    border-color: ${({ theme }) => theme.colors.primary100};\n\n    * {\n      color: ${({ theme }) => theme.colors.primary100};\n    }\n  }\n\n  &:disabled {\n    background-color: ${({ theme }) => theme.colors.gray20};\n  }\n`;\n\nconst Text = styled.div`\n  display: flex;\n  align-items: center;\n`;\n","import React, { FC, SVGProps, useEffect, useRef, useState } from \"react\";\nimport styled from \"styled-components/macro\";\nimport { TDefaultThemeColor } from \"../theme/defaultTheme\";\n\ninterface IIconProps extends SVGProps<SVGSVGElement> {\n  name: string;\n  width?: number;\n  className?: string;\n  onClick?: (e?: any) => void;\n  color?: TDefaultThemeColor;\n}\n\nexport const Icon: FC<IIconProps> = (props): JSX.Element | null => {\n  const { name, width, className, onClick, color } = props;\n  const ImportedIconRef = useRef<FC<SVGProps<SVGSVGElement>>>();\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    let isComponentMounted = true;\n    setLoading(true);\n\n    (async (): Promise<void> => {\n      try {\n        const { default: namedImport } = await import(\n          `!!@svgr/webpack?-svgo,+titleProp,+ref!../assets/icons/${name}.svg`\n        );\n        ImportedIconRef.current = namedImport;\n      } catch (err) {\n        throw err;\n      } finally {\n        isComponentMounted && setLoading(false);\n      }\n    })();\n\n    return () => {\n      isComponentMounted = false;\n    };\n  }, [name]);\n\n  if (loading || !ImportedIconRef.current) return null;\n\n  const { current: ImportedIcon } = ImportedIconRef;\n\n  return (\n    <IconWrapper iconWidth={width} className={className} onClick={onClick} color={color}>\n      <ImportedIcon />\n    </IconWrapper>\n  );\n};\n\nconst IconWrapper = styled.div<{\n  iconWidth?: number;\n  onClick?: () => void;\n  color?: TDefaultThemeColor;\n}>`\n  display: inline-block;\n  cursor: ${({ onClick }) => (!!onClick ? \"pointer\" : \"inherit\")};\n\n  > svg {\n    ${({ iconWidth }) => iconWidth !== undefined && `width: ${iconWidth}px;`}\n    height: 100%;\n    display: block;\n  }\n\n  ${({ color, theme }) =>\n    color &&\n    `\n      svg g {\n        &, path, circle, rect {\n          stroke: ${theme.colors[color]} !important;\n        }\n\n        rect {\n          fill: ${theme.colors[color]} !important;\n        }\n\n        tspan {\n          stroke: transparent !important;\n          fill: ${theme.colors[color]} !important;\n        }\n      }\n\n      svg > path {\n        stroke: ${theme.colors[color]} !important;\n      }\n  `};\n`;\n","import styled from \"styled-components/macro\";\n\nexport const TypoH2 = styled.div`\n  font-weight: 600;\n  font-size: 32px;\n  line-height: 40px;\n`;\n\nexport const TypoSubheader = styled.div`\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 24px;\n`;\n\nexport const TypoBodyRegular = styled.div`\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 20px;\n`;\n","import { useRouteMatch } from \"react-router\";\n\nexport const useSystem = () => {\n  const match = useRouteMatch<{ system: string }>({\n    path: \"/app/:system\",\n    strict: false,\n    sensitive: false\n  });\n  return match?.params.system || \"TILES\";\n};\n","import { SessionDuration } from \"../models/SessionDuration\";\nimport { ConfigValues } from \"../models/ConfigValues\";\n\ntype rtt = () => void;\ntype rtt2 = (system: string, errorCode: string) => void;\n\nexport default class SessionService {\n  public static getSessionDuration = async (system: string): Promise<SessionDuration> => {\n    const res = await fetch(`/status/api/session/duration/${system}`);\n    if (res.ok) {\n      const json = await res.json();\n      return { expired: false, date: json.date };\n    } else {\n      return { expired: true, date: \"\" };\n    }\n  };\n\n  public static prolongSession = (system: string) => {\n    return fetch(`/status/api/session/prolong/${system}`, { method: \"PUT\" });\n  };\n\n  public static redirectToTiles: rtt & rtt2 = (system?: string, errorCode?: string) => {\n    // TODO: Handle error codes\n    window.parent.location.href = errorCode ? `/home/error/${system}/${errorCode}` : \"/home/logout\";\n  };\n\n  private static setIframeDisplay = (display: \"block\" | \"none\") => {\n    const iframe = window.parent.document.getElementById(\"sessionExtender\");\n    if (iframe) {\n      iframe.style.display = display;\n    }\n  };\n\n  public static showIframe = () => {\n    SessionService.setIframeDisplay(\"block\");\n    const root = window.parent.document.getElementById(\"root\");\n    if (root) {\n      root.style.filter = \"blur(10px)\";\n    }\n  };\n  public static hideIframe = () => {\n    SessionService.setIframeDisplay(\"none\");\n    const root = window.parent.document.getElementById(\"root\");\n    if (root) {\n      root.style.filter = \"\";\n    }\n  };\n\n  public static getConfig = (): Promise<ConfigValues> =>\n    fetch(\"/status/api/config\").then(res => res.json());\n\n  public static logout = () => {\n    return fetch(\"/home/api/session\", { method: \"DELETE\" })\n      .then(() => SessionService.redirectToTiles())\n      .catch(error => {\n        // TODO: Handle failed logout (error codes)\n        SessionService.logWarn(error, \"Logout failed\");\n        SessionService.redirectToTiles();\n      });\n  };\n\n  public static logWarn = (error: any, message: string = \"\") => {\n    console.warn(`SESSION STATUS: ${message}`);\n    console.warn(error);\n  };\n}\n","import React from \"react\";\nimport styled, { createGlobalStyle } from \"styled-components/macro\";\nimport { TTheme } from \"../../theme/defaultTheme\";\nimport { Button, EButtonType } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { TypoBodyRegular, TypoH2, TypoSubheader } from \"../typography\";\nimport { useSystem } from \"../../hooks/useSystem\";\nimport SessionService from \"../../services/SessionService\";\n\nconst HideBodyOverflow = createGlobalStyle`\n  body {\n    overflow: hidden;\n  }\n`;\n\ninterface ModalProps {\n  setTimer: () => void;\n  resetTimer: () => void;\n}\n\nexport const Modal = (props: ModalProps) => {\n  const system = useSystem();\n  const handleLogout = () => {\n    SessionService.logout();\n  };\n\n  const handleProlong = async () => {\n    props.resetTimer();\n    try {\n      const { expired } = await SessionService.getSessionDuration(system);\n      if (!expired) {\n        await SessionService.prolongSession(system);\n        props.setTimer();\n        SessionService.hideIframe();\n      } else {\n        SessionService.redirectToTiles();\n      }\n    } catch (error) {\n      SessionService.logWarn(error, \"Couldn't prolong session\");\n      SessionService.redirectToTiles();\n    }\n  };\n\n  return (\n    <Mask>\n      <HideBodyOverflow />\n      <Wrapper onClick={e => e.stopPropagation()}>\n        <ModalContent>\n          <StyledIcon name=\"logout\" width={120} />\n          <StyledTypoH2>Twoja sesja wkrótce wygaśnie</StyledTypoH2>\n          <TypoBodyRegular>\n            Ze względu na brak aktywności nastąpi automatyczne wylogowanie\n          </TypoBodyRegular>\n        </ModalContent>\n        <Separator />\n        <ButtonsContainer>\n          <StyledButton\n            onClick={e => {\n              e.stopPropagation();\n              handleLogout();\n            }}\n            text={\"Wyloguj\"}\n            buttonType={EButtonType.secondary}\n          />\n\n          <Button\n            onClick={e => {\n              e.stopPropagation();\n              handleProlong();\n            }}\n            text={\"Przedłuż sesję\"}\n          />\n        </ButtonsContainer>\n      </Wrapper>\n    </Mask>\n  );\n};\n\nconst Mask = styled.div`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 999;\n  padding: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:before {\n    content: \"\";\n    z-index: -1;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    opacity: 0.6;\n    background-color: ${({ theme }: { theme: TTheme }) => theme.colors.gray100};\n  }\n`;\n\nconst Wrapper = styled.div`\n  background-color: ${({ theme }) => theme.colors.gray10};\n  max-width: 640px;\n  margin-top: -240px;\n  width: 100%;\n  display: block;\n  box-shadow: ${({ theme }) => theme.shadows.elevation2};\n`;\n\nconst ModalContent = styled(TypoSubheader)`\n  padding: 32px 24px;\n  max-height: calc(100vh - 250px);\n  white-space: break-spaces;\n  text-align: center;\n  flex-direction: column;\n  word-wrap: break-word;\n  overflow: auto;\n`;\n\nconst StyledIcon = styled(Icon)`\n  margin-bottom: 24px;\n`;\n\nconst StyledTypoH2 = styled(TypoH2)`\n  color: ${({ theme }) => theme.colors.primary100};\n  margin-bottom: 24px;\n`;\n\nconst Separator = styled.div`\n  height: 1px;\n  background-color: ${({ theme }) => theme.colors.gray30};\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding: 16px 0;\n`;\n\nconst StyledButton = styled(Button)`\n  margin-right: 16px;\n`;\n","import React from \"react\";\nimport styled from \"styled-components/macro\";\nimport { Modal } from \"./Modal\";\n\ninterface NotificationProps {\n  setTimer: () => void;\n  resetTimer: () => void;\n}\n\nexport const Notification = (props: NotificationProps) => {\n  return (\n    <Container>\n      <Modal setTimer={props.setTimer} resetTimer={props.resetTimer} />\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n","import React, { useEffect, useRef, useCallback, useState } from \"react\";\nimport styled from \"styled-components/macro\";\nimport { Notification } from \"./components/Notification\";\nimport SessionService from \"./services/SessionService\";\nimport differenceInMilliseconds from \"date-fns/differenceInMilliseconds\";\nimport { useSystem } from \"./hooks/useSystem\";\n\nexport const App = () => {\n  const timerRef = useRef<ReturnType<typeof setTimeout>>();\n  const [lastMilisecondsOfSession, setLastMilisecondsOfSession] = useState(0);\n  const [notificationInterval, setNotificationInterval] = useState(0);\n\n  const system = useSystem();\n\n  useEffect(() => {\n    const init = async () => {\n      try {\n        SessionService.prolongSession(system); // Assure that session is as fresh as possible\n        const { lastMilisecondsOfSession, notificationInterval } = await SessionService.getConfig();\n        setLastMilisecondsOfSession(lastMilisecondsOfSession);\n        setNotificationInterval(notificationInterval);\n      } catch (error) {\n        setLastMilisecondsOfSession(180000);\n        setNotificationInterval(1020000);\n        SessionService.logWarn(error, \"Couldn't get config\");\n      }\n    };\n    init();\n  }, [setLastMilisecondsOfSession, setNotificationInterval, system]);\n\n  const setTimer = useCallback(async () => {\n    try {\n      const { date, expired } = await SessionService.getSessionDuration(system);\n      if (!expired) {\n        const difference = Math.max(0, differenceInMilliseconds(new Date(date), new Date()));\n        clearTimeout(timerRef.current);\n        if (difference <= lastMilisecondsOfSession) {\n          SessionService.showIframe();\n          timerRef.current = setTimeout(setTimer, difference + 1000);\n        } else {\n          timerRef.current = setTimeout(setTimer, difference - lastMilisecondsOfSession);\n        }\n      } else {\n        SessionService.redirectToTiles();\n      }\n    } catch (error) {\n      SessionService.logWarn(error, \"Couldn't get session duration\");\n      SessionService.showIframe();\n    }\n  }, [lastMilisecondsOfSession, system]);\n\n  const resetTimer = () => clearTimeout(timerRef.current);\n\n  useEffect(() => {\n    if (notificationInterval !== 0) {\n      timerRef.current = setTimeout(setTimer, notificationInterval);\n    }\n    return () => clearTimeout(timerRef.current);\n  }, [setTimer, notificationInterval]);\n\n  return (\n    <Wrapper>\n      <Notification setTimer={setTimer} resetTimer={resetTimer} />\n    </Wrapper>\n  );\n};\n\nconst Wrapper = styled.div`\n  text-align: center;\n`;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === \"localhost\" ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === \"[::1]\" ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\n);\n\ntype Config = {\n  onSuccess?: (registration: ServiceWorkerRegistration) => void;\n  onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n  if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener(\"load\", () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            \"This web app is being served cache-first by a service \" +\n              \"worker. To learn more, visit https://bit.ly/CRA-PWA\"\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === \"installed\") {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                \"New content is available and will be used when all \" +\n                  \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\"\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log(\"Content is cached for offline use.\");\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error(\"Error during service worker registration:\", error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { \"Service-Worker\": \"script\" }\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get(\"content-type\");\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf(\"javascript\") === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\"No internet connection found. App is running in offline mode.\");\n    });\n}\n\nexport function unregister() {\n  if (\"serviceWorker\" in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","// This must be the first line in src/index.tsx\n// tslint:disable-next-line: no-implicit-dependencies\nimport \"react-app-polyfill/stable\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport { Providers } from \"./Providers\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nconst parentPath = window.parent.location.pathname;\n\nconst pathWhitelist = [\n  \"/home/change-login\",\n  \"/home/change-password\",\n  \"/home/confirm-login\",\n  \"/home/create-document-password\",\n  \"/home/change-document-password\"\n];\nconst isWhitelisted = pathWhitelist.some(whitelistedPath => parentPath.startsWith(whitelistedPath));\n\nif (!parentPath.startsWith(\"/home\") || isWhitelisted) {\n  ReactDOM.render(<Providers />, document.getElementById(\"root\"));\n}\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","import React, { FC } from \"react\";\nimport { ThemeProvider } from \"styled-components/macro\";\nimport { Normalize } from \"styled-normalize\";\nimport { BrowserRouter, MemoryRouter } from \"react-router-dom\";\n\nimport { defaultTheme } from \"./theme/defaultTheme\";\nimport { GlobalStyle } from \"./theme/GlobalStyle\";\n\nimport { App } from \"./App\";\n\nexport const Providers: FC = () => (\n  <ThemeProvider theme={defaultTheme}>\n    <div>\n      <Normalize />\n      <GlobalStyle />\n      <BrowserRouter basename={`/${process.env.REACT_APP_PREFIX}`}>\n        <App />\n      </BrowserRouter>\n    </div>\n  </ThemeProvider>\n);\n\nexport const TestProviders: FC = ({ children }) => (\n  <ThemeProvider theme={defaultTheme}>\n    <div>\n      <GlobalStyle />\n      <MemoryRouter initialEntries={[`/${process.env.REACT_APP_PREFIX}`]}>{children}</MemoryRouter>\n    </div>\n  </ThemeProvider>\n);\n"],"sourceRoot":""}