{"version":3,"file":"static/chunks/pages/unsubscribe-7d7b7829e16b8979.js","mappings":"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","sources":["webpack://_N_E/?1e9e","webpack://_N_E/./src/components/DefaultFooter.tsx","webpack://_N_E/./src/pages/unsubscribe.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/unsubscribe\",\n      function () {\n        return require(\"private-next-pages/unsubscribe.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/unsubscribe\"])\n      });\n    }\n  ","/** @jsxImportSource @emotion/react */\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\nimport { COPYRIGHT_COPY } from \"../utils/constants\";\n\nconst FooterWrapper = styled.footer`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  margin-top: auto;\n  margin-bottom: 32px;\n`;\n\nconst FooterLinks = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n\n  a + a {\n    margin-left: 16px;\n  }\n`;\n\nconst FooterLink = styled.a`\n  color: #868482;\n  font-size: 14px;\n\n  margin-top: 4px;\n  margin-bottom: 4px;\n\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n\n  @media (max-width: 768px) {\n    font-size: 13px;\n  }\n\n  @media (max-width: 384px) {\n    font-size: 12px;\n  }\n`;\n\nconst FooterText = styled.a`\n  color: #868482;\n  font-size: 14px;\n\n  margin-top: 16px;\n\n  @media (max-width: 768px) {\n    font-size: 13px;\n  }\n\n  @media (max-width: 384px) {\n    font-size: 12px;\n  }\n`;\n\nexport default function DefaultFooter(): JSX.Element {\n  return (\n    <FooterWrapper id=\"default-footer\">\n      <FooterLinks>\n        <FooterLink href=\"https://berserkermail.com/pp\" target=\"_blank\">\n          Privacy Policy\n        </FooterLink>\n        <FooterLink href=\"https://berserkermail.com/tos\" target=\"_blank\">\n          Terms of Service\n        </FooterLink>\n        <FooterLink\n          href=\"https://berserkermail.com/subscription_agreement\"\n          target=\"_blank\"\n        >\n          Subscription Agreement\n        </FooterLink>\n        <FooterLink\n          href=\"https://berserkermail.com/guidelines.html\"\n          target=\"_blank\"\n        >\n          BerserkerMail Guidelines\n        </FooterLink>\n        <FooterLink\n          href=\"https://berserkermail.com/cancellation.html\"\n          target=\"_blank\"\n        >\n          Refunds & Cancellations Policy\n        </FooterLink>\n        <FooterLink href=\"https://berserkermail.com/contact\" target=\"_blank\">\n          Contact Us\n        </FooterLink>\n      </FooterLinks>\n\n      <FooterText dangerouslySetInnerHTML={{ __html: COPYRIGHT_COPY }} />\n    </FooterWrapper>\n  );\n}\n","/** @jsxImportSource @emotion/react */\nimport { css } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { useRouter } from \"next/router\";\nimport React, { useState } from \"react\";\nimport { api } from \"../api/GeneratedApi\";\nimport DefaultFooter from \"../components/DefaultFooter\";\nimport SeoHead from \"../components/SeoHead\";\nimport StyledButton from \"../components/StyledButton\";\nimport StyledCheckBox from \"../components/StyledCheckBox\";\nimport { getVisitorId } from \"../utils/FingerPrint\";\n\nconst Container = styled.div`\n  height: 100vh;\n  width: 100vw;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: start;\n  overflow: scroll;\n  padding: 0 16px;\n\n  #default-footer {\n    margin-top: 32px !important;\n  }\n`;\n\nconst Logo = styled.img`\n  width: 280px;\n\n  margin: 48px 0 32px;\n\n  @media (max-width: 1140px) {\n    width: 240px;\n  }\n\n  @media (max-width: 880px) {\n    width: 200px;\n  }\n`;\n\nconst Box = styled.div`\n  max-width: 690px;\n\n  margin: auto;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e5e5e5;\n`;\n\ninterface RowProps {\n  background?: string;\n  height?: string;\n}\n\nconst Row = styled.div<RowProps>`\n  width: 100%;\n  height: ${(props) => (props.height ? props.height : \"unset\")};\n  padding: 64px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  background: ${(props) => (props.background ? props.background : \"#f4f4f4\")};\n\n  position: relative;\n\n  @media (max-width: 1664px) {\n    padding: 56px;\n  }\n\n  @media (max-width: 768px) {\n    padding: 48px;\n  }\n\n  @media (max-width: 576px) {\n    padding: 40px;\n  }\n\n  @media (max-width: 384px) {\n    padding: 32px;\n  }\n`;\n\nconst Flex = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  @media (max-width: 384px) {\n    align-items: flex-start;\n  }\n`;\n\nconst Icon = styled.img`\n  width: 100px;\n\n  @media (max-width: 576px) {\n    width: 80px;\n  }\n`;\n\nconst Title = styled.div`\n  color: #111;\n  font-size: 24px;\n  font-weight: 700;\n\n  text-align: center;\n\n  margin-top: 16px;\n\n  @media (max-width: 768px) {\n    font-size: 22px;\n  }\n\n  @media (max-width: 576px) {\n    font-size: 20px;\n  }\n`;\n\nconst WarningText = styled.div`\n  color: #c00000;\n  font-size: 20px;\n\n  margin-left: 10px;\n\n  @media (max-width: 768px) {\n    font-size: 19px;\n  }\n\n  @media (max-width: 576px) {\n    font-size: 18px;\n  }\n`;\n\nconst Text = styled.div`\n  color: #111;\n  font-size: 18px;\n\n  margin-top: 16px;\n\n  @media (max-width: 768px) {\n    font-size: 17px;\n  }\n\n  @media (max-width: 576px) {\n    font-size: 16px;\n  }\n`;\n\nconst ButtonWrapper = styled.div`\n  position: absolute;\n  right: 64px;\n  bottom: 32px;\n\n  @media (max-width: 1664px) {\n    right: 56px;\n  }\n\n  @media (max-width: 768px) {\n    right: 48px;\n  }\n\n  @media (max-width: 576px) {\n    right: 40px;\n    bottom: 24px;\n  }\n\n  @media (max-width: 384px) {\n    right: 32px;\n  }\n`;\n\nconst Unsubscribed = styled.div`\n  width: 700px;\n  height: 320px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport default function Unsubscribe(): JSX.Element {\n  const router = useRouter();\n  const { id, emailHash } = router.query;\n\n  const [isUnsubscribe, setIsUnsubscribe] = useState(false);\n  const [isCheck, setIsCheck] = useState(false);\n\n  return (\n    <>\n      <SeoHead pageName=\"Unsubscribe\" />\n      <Container>\n        <Logo src={\"./icons/login/logo.svg\"} alt=\"logo\" />\n        <Box>\n          <Row>\n            <Icon src={\"./images/UnsubscribeIcon.svg\"} alt=\"Email tool\" />\n            <Title>Manage Your Email Subscription</Title>\n          </Row>\n          {!isUnsubscribe ? (\n            <Row\n              height=\"320px\"\n              background=\"#fff\"\n              style={{ alignItems: \"flex-start\" }}\n            >\n              <Flex>\n                <StyledCheckBox\n                  check={isCheck}\n                  handleCheck={() => setIsCheck(!isCheck)}\n                />\n                <WarningText>Never send me an email ever again</WarningText>\n              </Flex>\n              <Text>\n                Checking this box will immediately unsubscribe you from all\n                current and future email campaigns.\n              </Text>\n\n              <ButtonWrapper>\n                <StyledButton\n                  disable={!isCheck}\n                  css={css`\n                    border-radius: 48px;\n                  `}\n                  onClick={async () => {\n                    const visitorId = await getVisitorId();\n\n                    const response = api.endpoint.unsubscribedDetail(\n                      id as string,\n                      \"\",\n                      { emailHash: emailHash as string },\n                      { headers: { \"X-Visitor-Id\": visitorId } }\n                    );\n\n                    if (response) {\n                      setIsUnsubscribe(true);\n                    }\n                  }}\n                >\n                  Unsubscribe\n                </StyledButton>\n              </ButtonWrapper>\n            </Row>\n          ) : (\n            <Unsubscribed>\n              <Title\n                css={css`\n                  padding: 30px;\n                  color: #c00000;\n                `}\n              >\n                You have been unsubscribed\n              </Title>\n            </Unsubscribed>\n          )}\n        </Box>\n        <DefaultFooter />\n      </Container>\n    </>\n  );\n}\n"],"names":["window","__NEXT_P","push","FooterWrapper","styled","FooterLinks","FooterLink","FooterText","DefaultFooter","id","href","target","dangerouslySetInnerHTML","__html","COPYRIGHT_COPY","Container","Logo","Box","Row","props","height","background","Flex","Icon","Title","WarningText","Text","ButtonWrapper","Unsubscribed","Unsubscribe","router","useRouter","query","emailHash","useState","isUnsubscribe","setIsUnsubscribe","isCheck","setIsCheck","SeoHead","pageName","src","alt","css","style","alignItems","StyledCheckBox","check","handleCheck","StyledButton","disable","onClick","visitorId","getVisitorId","api","headers"],"sourceRoot":""}