{"version":3,"sources":["webpack:///./app/containers/DisabledUserPage/messages.js","webpack:///./app/containers/DisabledUserPage/index.js"],"names":["defineMessages","disabledUserMessage","id","defaultMessage","contactSupportMessage","ContentContainer","styled","div","ClickableImage","img","MessageContainer","h3","AccountContainer","h4","PageLoader","DisabledUserPage","useAuth0","user","logout","onClick","style","height","width","marginTop","src","DynamicFormattedMessage","messages","name","TextLink","color","window","open"],"mappings":"ugBAEeA,4BAAe,CAC5BC,oBAAqB,CACnBC,GAAI,sDACJC,eAAgB,4BAElBC,sBAAuB,CACrBF,GAAI,wDACJC,eAAgB,mC,ktDCEpB,IAAME,iBAAmBC,sCAAOC,IAAV,mBAShBC,eAAiBF,sCAAOG,IAAV,oBAIdC,iBAAmBJ,sCAAOK,GAAV,oBAKhBC,iBAAmBN,sCAAOO,GAAV,oB,KAUX,KAACC,WAAA,EAAD,IAJI,SAASC,mBAAmB,aAChBC,gCAAjBC,KADiC,SACjCA,KAAMC,OAD2B,SAC3BA,OAEd,OAAKD,KAIH,KAACZ,iBAAD,UACE,KAACG,eAAD,CACEW,QAASD,OACTE,MAAO,CAAEC,OAAQ,OAAQC,MAAO,OAAQC,UAAW,QACnDC,IAAI,0DAEN,KAACd,iBAAD,UACE,8BAACe,wBAAA,EAA4BC,SAASzB,sBAExC,KAACW,iBAAD,WAAoBK,MAAQ,IAAIU,MAEhC,KAACC,SAAA,EAAD,CACEC,MAAM,UACNV,QAAS,WACPD,SACAY,OAAOC,KAAK,4CAJhB,EAOE,8BAACN,wBAAA,EAA4BC,SAAStB,yBArB1C","file":"47.e9637509450c0fccd63e.chunk.js","sourcesContent":["import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n  disabledUserMessage: {\n    id: 'app.containers.DisabledUserPage.disabledUserMessage',\n    defaultMessage: 'This account is disabled',\n  },\n  contactSupportMessage: {\n    id: 'app.containers.DisabledUserPage.contactSupportMessage',\n    defaultMessage: 'Click here to contact support',\n  },\n})\n","import React from 'react'\nimport styled from 'styled-components'\n\nimport { useAuth0 } from 'react-auth0-wrapper'\n\nimport DynamicFormattedMessage from 'components/DynamicFormattedMessage'\nimport PageLoader from 'components/PageLoader'\nimport TextLink from 'components/TextLink'\n\nimport messages from './messages'\n\nconst ContentContainer = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: 100vw;\n  text-align: center;\n`\n\nconst ClickableImage = styled.img`\n  cursor: pointer;\n`\n\nconst MessageContainer = styled.h3`\n  margin-top: 10px;\n  margin-bottom: 10px;\n`\n\nconst AccountContainer = styled.h4`\n  color: #666666; /* make it greyer so it looks disabled */\n  margin: 0;\n  margin-bottom: 15px;\n`\n\nexport default function DisabledUserPage() {\n  const { user, logout } = useAuth0()\n\n  if (!user) {\n    return <PageLoader />\n  }\n  return (\n    <ContentContainer>\n      <ClickableImage\n        onClick={logout}\n        style={{ height: '58px', width: 'auto', marginTop: '10px' }}\n        src=\"https://sonrai-logos.s3.amazonaws.com/productLogo.png\"\n      />\n      <MessageContainer>\n        <DynamicFormattedMessage {...messages.disabledUserMessage} />\n      </MessageContainer>\n      <AccountContainer>{(user || {}).name}</AccountContainer>\n\n      <TextLink\n        color=\"primary\"\n        onClick={() => {\n          logout()\n          window.open('mailto:support@sonraisecurity.com')\n        }}\n      >\n        <DynamicFormattedMessage {...messages.contactSupportMessage} />\n      </TextLink>\n    </ContentContainer>\n  )\n}\n"],"sourceRoot":""}