{"mappings":"qoCAAA,IAAAA,EAAAC,EAAA,kD,uBAAAD,EAAAE,OAAAC,EAAA,sB,oBACAH,EAAAE,OAAAC,EAAA,oC,kCADA,IAAAC,EAAAH,EAAA,qBACAI,EAAAJ,EAAA,kD,yKCDA,IAAAD,EAAAC,EAAA,kD,uBAQAD,EAAAE,OAAAC,EAAA,sB,OAAgBG,K,+JARhBC,EAAAN,EAAA,SAEAO,G,oBAAAP,EAAA,sB,sBAEAQ,EAAAR,EAAA,2B,sHAIO,SAASK,EAAQI,GAChBA,EAAN,OAAWA,KAAX,EAAAC,EAAAC,SAAA,IAAAC,UAAA,iCAEA,OACE,EAAAC,EAAAC,KAACC,EAAD,C,UACE,EAAAF,EAAAC,KAACN,EAAAQ,KAAD,CAAMC,MAAO,QAKnB,IAAMF,EAAgBG,UAAOC,IAAIC,M,yRClBjC,aACAC,OAAOC,eAAepB,EAAS,aAAc,CACzCqB,OAAO,IAEXrB,EAAQS,QACR,SAAgBa,GACZ,MAAMA,I,6BCNV,IAAAzB,EAAAC,EAAA,kD,6EAYayB,K,6BAZbnB,EAAAN,EAAA,SACA0B,G,oBAAA1B,EAAA,e,sBAEAQ,EAAAR,EAAA,2BACA2B,EAAA3B,EAAA,kCAQayB,EAAwB,SAAChB,GACpC,IAAAmB,EAAsDnB,EAA9CoB,aAAK,IAAAD,EAAG,OAAVA,EAAAE,EAAgDrB,EAA9BsB,yBAAiB,IAAAD,GAAjBC,EAExB,OACE,EAAAlB,EAAAmB,MAACL,EAAAM,4BAAD,CAA6BC,WAAWC,aAAYN,EAAO,CAACO,SAAYL,I,WACtE,EAAAlB,EAAAmB,MAAC,MAAD,CAAKE,UAAU,c,WACb,EAAArB,EAAAC,KAAC,MAAD,KACA,EAAAD,EAAAC,KAAC,MAAD,KACA,EAAAD,EAAAC,KAAC,MAAD,OAEDiB,IAAqB,EAAAlB,EAAAC,KAACN,EAAA6B,qBAAD,S,2NCtB5B,IAAAtC,EAAAC,EAAA,kD,mFAmBaiC,K,8EAnBb1B,EAAAP,EAAA,qB,6mDAEA,IAAMsC,GAAaC,eAAUnB,KAiBhBa,EAA8Bf,UAAOC,IAAIqB,IAmBnCF,I","sources":["packages/ipa/src/modules/auth/components/index.ts","packages/ipa/src/modules/auth/components/AppLogo/AppLogo.tsx","node_modules/@swc/helpers/lib/_throw.js","packages/ipa/src/modules/auth/components/SmallLoadingIndicator/SmallLoadingIndicator.tsx","packages/ipa/src/modules/auth/components/SmallLoadingIndicator/SmallLoadingIndicator.styles.ts"],"sourcesContent":["export { AppLogo } from './AppLogo/AppLogo';\nexport { SmallLoadingIndicator } from './SmallLoadingIndicator/SmallLoadingIndicator';\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nimport { Logo } from '@indico-data/permafrost';\n\ntype Props = {};\n\nexport function AppLogo(props: Props) {\n  const {} = props;\n\n  return (\n    <StyledAppLogo>\n      <Logo width={170} />\n    </StyledAppLogo>\n  );\n}\n\nconst StyledAppLogo = styled.div`\n  text-align: center;\n  padding-top: 60px;\n`;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nexports.default = _throw;\nfunction _throw(e) {\n    throw e;\n}\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { RandomLoadingMessage } from '@indico-data/permafrost';\nimport { StyledSmallLoadingIndicator } from './SmallLoadingIndicator.styles';\n\n\ntype Props = {\n  color?: string;\n  showRandomMessage?: boolean;\n};\n\nexport const SmallLoadingIndicator = (props: Props) => {\n  const { color = 'blue', showRandomMessage = false } = props;\n\n  return (\n    <StyledSmallLoadingIndicator className={classNames( color, {'wMessage': showRandomMessage })}>\n      <div className=\"slds-ripple\">\n        <div />\n        <div />\n        <div />\n      </div>\n      {showRandomMessage && <RandomLoadingMessage />}\n    </StyledSmallLoadingIndicator>\n  );\n};\n","import styled, { keyframes } from 'styled-components';\n\nconst sldsRipple = keyframes`\n100% {\n  top: 0px;\n  left: 0px;\n  width: 30px;\n  height: 30px;\n  opacity: 0;\n}\n0% {\n  top: 15px;\n  left: 15px;\n  width: 0px;\n  height: 0px;\n  opacity: 1;\n}\n`;\n\nexport const StyledSmallLoadingIndicator = styled.div`\n  display: inline-block;\n  vertical-align: middle;\n  width: 100%;\n\n  .slds-ripple {\n    position: relative;\n    width: 40px;\n    height: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n\n    div {\n      box-sizing: content-box;\n      position: absolute;\n      border-width: 2px;\n      border-style: solid;\n      opacity: 1;\n      border-radius: 50%;\n      animation: ${sldsRipple} 2.1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n\n      &:nth-child(1) {\n        border-color: #178ee0;\n      }\n\n      &:nth-child(2) {\n        border-color: #178ee0;\n        animation-delay: -0.7s;\n      }\n\n      &:nth-child(3) {\n        border-color: #178ee0;\n        animation-delay: -1.4s;\n      }\n    }\n  }\n\n  &.wMessage {\n    width: inherit;\n\n    .slds-ripple {\n      left: inherit;\n      transform: none;\n      display: inline-block;\n    }\n    .message {\n      display: inline-block;\n      color: #eee;\n      font-size: 12px;\n      font-style: italic;\n      height: 40px;\n      vertical-align: top;\n      padding-top: 10px;\n    }\n  }\n\n  &.white {\n    .slds-ripple div {\n      &:nth-child(1) {\n        border-color: #fff;\n      }\n\n      &:nth-child(2) {\n        border-color: #fff;\n      }\n\n      &:nth-child(3) {\n        border-color: #fff;\n      }\n    }\n  }\n`;\n"],"names":["parcelHelpers","require","export","exports","_appLogo","_smallLoadingIndicator","AppLogo","_react","_styledComponents","_permafrost","props","_throwJsDefault","default","TypeError","_jsxRuntime","jsx","StyledAppLogo","Logo","width","styled","div","_templateObject","Object","defineProperty","value","e","SmallLoadingIndicator","_classnames","_smallLoadingIndicatorStyles","_color","color","_showRandomMessage","showRandomMessage","jsxs","StyledSmallLoadingIndicator","className","classNames","wMessage","RandomLoadingMessage","sldsRipple","keyframes","_templateObject1"],"version":3,"file":"LoginView.6219cdcf.js.map"}