{"version":3,"file":"PageFooter-RJN_QA4j.js","sources":["../../src/common/worldEvents.ts","../../src/components/PageHeader.tsx","../../src/components/PageFooter.tsx"],"sourcesContent":["interface Event {\n  start: { day: number; month: number; },\n  dayDuration: number\n}\n\nconst halloween = {\n  start: { day: 25, month: 10 },\n  dayDuration: 9\n};\nconst christmas = {\n  start: { day: 23, month: 12 },\n  dayDuration: 13\n};\n\nconst now = Date.now();\n\nexport const isHalloween = isEventActive(halloween);\nexport const isChristmas = false;\n\nfunction isEventActive({start, dayDuration}: Event) {\n  const startDate = new Date();\n  startDate.setDate(start.day);\n  startDate.setMonth(start.month - 1);\n  startDate.setHours(0);\n  startDate.setMinutes(0);\n\n  const endDate = new Date(startDate);\n  endDate.setDate(startDate.getDate() + dayDuration);\n  endDate.setHours(23);\n  endDate.setMinutes(59);\n\n\n  if (startDate.getFullYear() !== endDate.getFullYear()) {\n    endDate.setFullYear(startDate.getFullYear());\n    startDate.setFullYear(startDate.getFullYear() - 1);\n  }\n\n  return now > startDate.getTime() && now < endDate.getTime();\n}\n\nexport const appLogoUrl = () => {\n  if (isHalloween) return \"/assets/halloween-logo.png\";\n  if (isChristmas) return \"/assets/christmas-logo.png\";\n  return \"/assets/logo.png\";\n}; ","import { createSignal, Match, onMount, Show, Switch } from \"solid-js\";\nimport { css, styled } from \"solid-styled-components\";\nimport { A } from \"solid-navigator\";\nimport env from \"@/common/env\";\nimport { getUserDetailsRequest } from \"@/chat-api/services/UserService\";\nimport { RawUser } from \"@/chat-api/RawData\";\nimport { getStorageString, StorageKeys } from \"@/common/localStorage\";\nimport Icon from \"./ui/icon/Icon\";\nimport { appLogoUrl } from \"@/common/worldEvents\";\nimport { useTransContext } from \"@mbarzda/solid-i18next\";\n\n\nconst HeaderContainer = styled(\"header\")`\n  display: flex;\n  height: 70px;\n  flex-shrink: 0;\n`;\n\nconst titleContainerStyle = css`\n  display: flex;\n  align-items: center;\n  font-size: 24px;\n  align-self: center;\n  margin-left: 10px;\n  height: 50px;\n  padding-left: 10px;\n  padding-right: 10px;\n  color: white;\n  text-decoration: none;\n  transition: 0.2s;\n  border-radius: 8px;\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n`;\n\nconst Title = styled(\"div\")`\n  margin-left: 10px;\n  @media (max-width: 500px) {\n    display: none;\n  }\n`;\n\nconst Logo = styled(\"img\")`\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.86);\n  backdrop-filter: blur(34px);\n`;\n\nconst NavigationContainer = styled(\"nav\")`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-left: auto;\n  margin-right: 10px;\n`;\n\nconst LinkContainer = styled(\"div\")<{primary: boolean}>`\n  display: flex;\n  align-items: center;\n  font-size: 18px;\n  transition: 0.2s;\n  color: white;\n  text-decoration: none;\n  border-radius: 8px;\n  height: 50px;\n  padding-left: 10px;\n  padding-right: 15px;\n  \n  &:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n  }  \n\n  && {\n    ${props => (\n    props.primary ? `\n        background-color: var(--primary-color);\n        opacity: 0.9;\n        transition: 0.2s;\n        &:hover {\n          opacity: 1;\n        }\n      ` : undefined\n  )}\n  }\n\n`;\n\nconst linkIconStyle = css`\n  margin-right: 5px;\n`;\n\nexport default function PageHeader(props: { hideAccountInfo?: boolean}) {\n  const [user, setUser] = createSignal<null | false | RawUser>(null);\n\n  onMount(async () => {\n    if (props.hideAccountInfo) {\n      return;\n    }\n    if (!getStorageString(StorageKeys.USER_TOKEN, null)) {\n      return setUser(false);\n    }\n    const details = await getUserDetailsRequest();\n    if (!details) {\n      return setUser(false);\n    }\n    setUser(details.user);\n  });\n\n  return (\n    <HeaderContainer class=\"header-container\">\n      <A href=\"/\" class={titleContainerStyle}>\n        <Logo src={appLogoUrl()} alt=\"logo\"/>\n        <Title>{env.APP_NAME}</Title>\n      </A>\n      <Show when={user() === false}><LoggedOutLinks/></Show>\n      <Show when={user()}><LoggedInLinks user={user() as RawUser}/></Show>\n    </HeaderContainer>\n  );\n}\n\nfunction LoggedInLinks (props: {user: RawUser}) {\n  const [t] = useTransContext();\n\n  return (\n    <NavigationContainer class=\"navigation-container\">\n      <HeaderLink href='#' label={t(\"header.accountButton\")} />\n      <HeaderLink href='/app' label={t(\"header.openAppButton\")} primary={true} icon='open_in_browser' />\n    </NavigationContainer>\n  );\n}\n\nfunction LoggedOutLinks() {\n  const [t] = useTransContext();\n  return (\n    <NavigationContainer class=\"navigation-container\">\n      <HeaderLink href='/login' label={t(\"header.loginButton\")} icon='login' />\n      <HeaderLink href='/register' label={t(\"header.joinNowButton\")} primary={true} icon=\"add\" />\n    </NavigationContainer>\n  );\n}\n\nfunction HeaderLink(props: { icon?: string, href: string, label: string, primary?: boolean }) {\n  return (\n    <a href={props.href} style={{\"text-decoration\": \"none\"}}>\n      <LinkContainer primary={props.primary || false}>\n        <Show when={props.icon}><Icon name={props.icon} class={linkIconStyle} /></Show>\n        {props.label}\n      </LinkContainer>\n    </a>\n  );\n}\n","import { styled } from \"solid-styled-components\";\nimport { CustomLink } from \"./ui/CustomLink\";\nimport { FlexRow } from \"./ui/Flexbox\";\n\nconst FooterContainer = styled(FlexRow)`\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  flex-shrink: 0;\n`; \n\nexport default function PageFooter() {\n  return (\n    <FooterContainer>\n      <CustomLink decoration href=\"/privacy\">Privacy Policy</CustomLink>\n      <CustomLink decoration href=\"/terms-and-conditions\">Terms And Conditions</CustomLink>\n    </FooterContainer>\n  );\n}"],"names":["halloween","now","isHalloween","isEventActive","start","dayDuration","startDate","endDate","appLogoUrl","HeaderContainer","styled","titleContainerStyle","css","Title","Logo","NavigationContainer","LinkContainer","props","primary","undefined","linkIconStyle","PageHeader","user","setUser","createSignal","onMount","hideAccountInfo","getStorageString","StorageKeys","USER_TOKEN","details","getUserDetailsRequest","_$createComponent","children","A","href","src","alt","env","APP_NAME","Show","when","LoggedOutLinks","LoggedInLinks","t","useTransContext","HeaderLink","label","icon","_el$","_tmpl$","style","setProperty","_$insert","Icon","name","_$memo","_$effect","_$setAttribute","FooterContainer","FlexRow","PageFooter","CustomLink","decoration"],"mappings":"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"}