@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Login/components/Login.js

@@ -1 +1,93 @@
-import o from"prop-types";import r from"classnames";import{styled as i,Tooltip as e}from"@material-ui/core";import{isMobileDetected as n,isTabletDetected as c}from"../../../utils/mobileDetect.js";import a from"./LogoIcon.js";import"./Login.global.css.js";import{jsx as l,jsxs as t}from"react/jsx-runtime";var m=window.innerHeight<window.innerWidth,p=i(e)({maxWidth:300,margin:0}),g=function(o){var i=o.children,e=o.location,a=o.logoIcon,g=o.logoTooltip,d=o.promoBackgroundImage,s=o.promoBackgroundWebM,u=o.promoBackgroundMp4,h=o.promoLink,b=s||u,k=t("a",{href:h,target:"_blank",rel:"noreferrer",className:r("c-login-promo",!b&&"c-login-promo__image"),style:{backgroundImage:!b&&"url(".concat(d,")")},children:["Promo",b&&t("video",{loop:!0,muted:!0,autoPlay:!0,playsinline:!0,className:"c-login-promo__video",children:[s&&l("source",{src:s,type:"video/webm"}),u&&l("source",{src:u,type:"video/mp4"})]})]});return t("div",{className:r("c-login",{"c-login-mobile":n||c,"c-login-large_content":"/login"!==e.path,"c-login-landscape":m}),children:[k,t("div",{className:"c-login-content",children:[l("div",{className:"c-login-logo",children:l(p,{title:g,placement:"bottom",children:l("div",{children:a})})}),i]})]})};g.propTypes={children:o.node,logoIcon:o.node,logoTooltip:o.string,promoLink:o.string,promoBackgroundImage:o.string,promoBackgroundWebM:o.string,promoBackgroundMp4:o.string},g.defaultProps={children:void 0,logoIcon:l(a,{}),logoTooltip:"",promoLink:"https://www.corva.ai/",promoBackgroundImage:"/static/media/67f05495a7dbbee777bb0c7974f4588a.jpg",promoBackgroundWebM:void 0,promoBackgroundMp4:void 0};export{g as default};
+import { isMobileDetected, isTabletDetected } from '../../../utils/mobileDetect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { styled, Tooltip } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import LogoIcon from './LogoIcon.js';
+import './Login.global.css.js';
+
+var LoginBackgroundImage = "/static/media/67f05495a7dbbee777bb0c7974f4588a.jpg";
+var isLandscape = window.innerHeight < window.innerWidth;
+var StyledTooltip = styled(Tooltip)({
+  maxWidth: 300,
+  margin: 0
+});
+
+var Login = function Login(_ref) {
+  var children = _ref.children,
+      location = _ref.location,
+      logoIcon = _ref.logoIcon,
+      logoTooltip = _ref.logoTooltip,
+      promoBackgroundImage = _ref.promoBackgroundImage,
+      promoBackgroundWebM = _ref.promoBackgroundWebM,
+      promoBackgroundMp4 = _ref.promoBackgroundMp4,
+      promoLink = _ref.promoLink;
+  var hasVideoAnimation = promoBackgroundWebM || promoBackgroundMp4;
+
+  var backgroundAnimation = /*#__PURE__*/jsxs("a", {
+    href: promoLink,
+    target: "_blank",
+    rel: "noreferrer",
+    className: classNames('c-login-promo', !hasVideoAnimation && 'c-login-promo__image'),
+    style: {
+      backgroundImage: !hasVideoAnimation && "url(".concat(promoBackgroundImage, ")")
+    },
+    children: ["Promo", hasVideoAnimation && /*#__PURE__*/jsxs("video", {
+      loop: true,
+      muted: true,
+      autoPlay: true,
+      playsinline: true,
+      className: "c-login-promo__video",
+      children: [promoBackgroundWebM && /*#__PURE__*/jsx("source", {
+        src: promoBackgroundWebM,
+        type: "video/webm"
+      }), promoBackgroundMp4 && /*#__PURE__*/jsx("source", {
+        src: promoBackgroundMp4,
+        type: "video/mp4"
+      })]
+    })]
+  });
+
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames('c-login', {
+      'c-login-mobile': isMobileDetected || isTabletDetected,
+      'c-login-large_content': location.path !== '/login',
+      'c-login-landscape': isLandscape
+    }),
+    children: [backgroundAnimation, /*#__PURE__*/jsxs("div", {
+      className: "c-login-content",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "c-login-logo",
+        children: /*#__PURE__*/jsx(StyledTooltip, {
+          title: logoTooltip,
+          placement: "bottom",
+          children: /*#__PURE__*/jsx("div", {
+            children: logoIcon
+          })
+        })
+      }), children]
+    })]
+  });
+};
+
+Login.propTypes = {
+  children: PropTypes.node,
+  logoIcon: PropTypes.node,
+  logoTooltip: PropTypes.string,
+  promoLink: PropTypes.string,
+  promoBackgroundImage: PropTypes.string,
+  promoBackgroundWebM: PropTypes.string,
+  promoBackgroundMp4: PropTypes.string
+};
+Login.defaultProps = {
+  children: undefined,
+  logoIcon: /*#__PURE__*/jsx(LogoIcon, {}),
+  logoTooltip: '',
+  promoLink: 'https://www.corva.ai/',
+  promoBackgroundImage: LoginBackgroundImage,
+  promoBackgroundWebM: undefined,
+  promoBackgroundMp4: undefined
+};
+
+export default Login;
+//# sourceMappingURL=Login.js.map

package/components/Login/components/Login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","sources":["../../../../src/components/Login/components/Login.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { Tooltip, styled } from '@material-ui/core';\nimport { isMobileDetected, isTabletDetected } from '~/utils/mobileDetect';\n\nimport LogoIcon from './LogoIcon';\nimport LoginBackgroundImage from '../assets/login_screen_progressive.jpg';\n\nimport './Login.global.css';\n\nconst isLandscape = window.innerHeight < window.innerWidth;\nconst StyledTooltip = styled(Tooltip)({ maxWidth: 300, margin: 0 });\n\nconst Login = ({\n  children,\n  location,\n  logoIcon,\n  logoTooltip,\n  promoBackgroundImage,\n  promoBackgroundWebM,\n  promoBackgroundMp4,\n  promoLink,\n}) => {\n  const hasVideoAnimation = promoBackgroundWebM || promoBackgroundMp4;\n\n  const backgroundAnimation = (\n    <a\n      href={promoLink}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      className={classnames('c-login-promo', !hasVideoAnimation && 'c-login-promo__image')}\n      style={{ backgroundImage: !hasVideoAnimation && `url(${promoBackgroundImage})` }}\n    >\n      Promo\n      {hasVideoAnimation && (\n        <video loop muted autoPlay playsinline className=\"c-login-promo__video\">\n          {promoBackgroundWebM && <source src={promoBackgroundWebM} type=\"video/webm\" />}\n          {promoBackgroundMp4 && <source src={promoBackgroundMp4} type=\"video/mp4\" />}\n        </video>\n      )}\n    </a>\n  );\n\n  return (\n    <div\n      className={classnames('c-login', {\n        'c-login-mobile': isMobileDetected || isTabletDetected,\n        'c-login-large_content': location.path !== '/login',\n        'c-login-landscape': isLandscape,\n      })}\n    >\n      {backgroundAnimation}\n      <div className=\"c-login-content\">\n        <div className=\"c-login-logo\">\n          <StyledTooltip title={logoTooltip} placement=\"bottom\">\n            <div>{logoIcon}</div>\n          </StyledTooltip>\n        </div>\n\n        {children}\n      </div>\n    </div>\n  );\n};\nLogin.propTypes = {\n  children: PropTypes.node,\n  logoIcon: PropTypes.node,\n  logoTooltip: PropTypes.string,\n  promoLink: PropTypes.string,\n  promoBackgroundImage: PropTypes.string,\n  promoBackgroundWebM: PropTypes.string,\n  promoBackgroundMp4: PropTypes.string,\n};\n\nLogin.defaultProps = {\n  children: undefined,\n  logoIcon: <LogoIcon />,\n  logoTooltip: '',\n  promoLink: 'https://www.corva.ai/',\n  promoBackgroundImage: LoginBackgroundImage,\n  promoBackgroundWebM: undefined,\n  promoBackgroundMp4: undefined,\n};\n\nexport default Login;\n"],"names":["isLandscape","window","innerHeight","innerWidth","StyledTooltip","styled","Tooltip","maxWidth","margin","Login","children","location","logoIcon","logoTooltip","promoBackgroundImage","promoBackgroundWebM","promoBackgroundMp4","promoLink","hasVideoAnimation","backgroundAnimation","_jsxs","classnames","backgroundImage","_jsx","isMobileDetected","isTabletDetected","path","propTypes","PropTypes","node","string","defaultProps","undefined","LoginBackgroundImage"],"mappings":";;;;;;;;;AAUA,IAAMA,WAAW,GAAGC,MAAM,CAACC,WAAP,GAAqBD,MAAM,CAACE,UAAhD;AACA,IAAMC,aAAa,GAAGC,MAAM,CAACC,OAAD,CAAN,CAAgB;AAAEC,EAAAA,QAAQ,EAAE,GAAZ;AAAiBC,EAAAA,MAAM,EAAE;AAAzB,CAAhB,CAAtB;;IAEMC,KAAK,GAAG,SAARA,KAAQ,OASR;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,WAKI,QALJA,WAKI;AAAA,MAJJC,oBAII,QAJJA,oBAII;AAAA,MAHJC,mBAGI,QAHJA,mBAGI;AAAA,MAFJC,kBAEI,QAFJA,kBAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,iBAAiB,GAAGH,mBAAmB,IAAIC,kBAAjD;;AAEA,MAAMG,mBAAmB,gBACvBC;AACE,IAAA,IAAI,EAAEH,SADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,GAAG,EAAC,YAHN;AAIE,IAAA,SAAS,EAAEI,UAAU,CAAC,eAAD,EAAkB,CAACH,iBAAD,IAAsB,sBAAxC,CAJvB;AAKE,IAAA,KAAK,EAAE;AAAEI,MAAAA,eAAe,EAAE,CAACJ,iBAAD,kBAA6BJ,oBAA7B;AAAnB,KALT;AAAA,wBAQGI,iBAAiB,iBAChBE;AAAO,MAAA,IAAI,MAAX;AAAY,MAAA,KAAK,MAAjB;AAAkB,MAAA,QAAQ,MAA1B;AAA2B,MAAA,WAAW,MAAtC;AAAuC,MAAA,SAAS,EAAC,sBAAjD;AAAA,iBACGL,mBAAmB,iBAAIQ;AAAQ,QAAA,GAAG,EAAER,mBAAb;AAAkC,QAAA,IAAI,EAAC;AAAvC,QAD1B,EAEGC,kBAAkB,iBAAIO;AAAQ,QAAA,GAAG,EAAEP,kBAAb;AAAiC,QAAA,IAAI,EAAC;AAAtC,QAFzB;AAAA,MATJ;AAAA,IADF;;AAkBA,sBACEI;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,SAAD,EAAY;AAC/B,wBAAkBG,gBAAgB,IAAIC,gBADP;AAE/B,+BAAyBd,QAAQ,CAACe,IAAT,KAAkB,QAFZ;AAG/B,2BAAqB1B;AAHU,KAAZ,CADvB;AAAA,eAOGmB,mBAPH,eAQEC;AAAK,MAAA,SAAS,EAAC,iBAAf;AAAA,8BACEG;AAAK,QAAA,SAAS,EAAC,cAAf;AAAA,+BACEA,IAAC,aAAD;AAAe,UAAA,KAAK,EAAEV,WAAtB;AAAmC,UAAA,SAAS,EAAC,QAA7C;AAAA,iCACEU;AAAA,sBAAMX;AAAN;AADF;AADF,QADF,EAOGF,QAPH;AAAA,MARF;AAAA,IADF;AAoBD;;AACDD,KAAK,CAACkB,SAAN,GAAkB;AAChBjB,EAAAA,QAAQ,EAAEkB,SAAS,CAACC,IADJ;AAEhBjB,EAAAA,QAAQ,EAAEgB,SAAS,CAACC,IAFJ;AAGhBhB,EAAAA,WAAW,EAAEe,SAAS,CAACE,MAHP;AAIhBb,EAAAA,SAAS,EAAEW,SAAS,CAACE,MAJL;AAKhBhB,EAAAA,oBAAoB,EAAEc,SAAS,CAACE,MALhB;AAMhBf,EAAAA,mBAAmB,EAAEa,SAAS,CAACE,MANf;AAOhBd,EAAAA,kBAAkB,EAAEY,SAAS,CAACE;AAPd,CAAlB;AAUArB,KAAK,CAACsB,YAAN,GAAqB;AACnBrB,EAAAA,QAAQ,EAAEsB,SADS;AAEnBpB,EAAAA,QAAQ,eAAEW,IAAC,QAAD,KAFS;AAGnBV,EAAAA,WAAW,EAAE,EAHM;AAInBI,EAAAA,SAAS,EAAE,uBAJQ;AAKnBH,EAAAA,oBAAoB,EAAEmB,oBALH;AAMnBlB,EAAAA,mBAAmB,EAAEiB,SANF;AAOnBhB,EAAAA,kBAAkB,EAAEgB;AAPD,CAArB;;;;"}

package/components/Login/components/LogoIcon.js

@@ -1 +1,21 @@
-import{memo as a}from"react";import{jsx as h}from"react/jsx-runtime";var l=a((function(){return h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"200",height:"50",fill:"none",viewBox:"0 0 200 50",children:h("path",{fill:"#fff",d:"M35.867 35.917a.732.732 0 00-.604-.319H24.1c-7.956 0-12.706-3.987-12.706-10.666 0-5.05 3.258-10.486 10.41-10.486h13.498a.732.732 0 00.61-.327l2.274-3.408a.733.733 0 00-.609-1.14h-15.77c-9.038 0-15.348 6.225-15.348 15.138 0 8.962 6.597 15.72 15.345 15.72h15.767a.733.733 0 00.606-1.147l-2.31-3.365zM59.852 9.075c-12 0-17.835 5.202-17.835 15.902 0 10.732 5.833 15.948 17.835 15.948s17.835-5.216 17.835-15.948c0-10.7-5.833-15.902-17.835-15.902zm0 27.019c-9.283 0-12.9-3.117-12.9-11.115 0-7.966 3.617-11.07 12.9-11.07 9.283 0 12.9 3.104 12.9 11.07 0 7.998-3.617 11.115-12.9 11.115zM104.104 9.571h-22.43a.737.737 0 00-.65.392.736.736 0 00.047.758l2.352 3.409a.735.735 0 00.604.316h18.521c6.15 0 8.891 1.79 8.891 5.802 0 3.492-3.325 5.578-8.891 5.578H84.279a.734.734 0 00-.733.733v13.135c0 .404.329.733.733.733h3.469c.404 0 .733-.329.733-.733v-9.219h16.458l5.58 9.72a.737.737 0 00.535.233h4.685a.731.731 0 00.523-1.248l-6.143-10.17c3.162-.778 6.373-3.845 6.373-9.033 0-4.079-1.8-7.141-5.207-8.858-2.673-1.346-5.648-1.548-7.181-1.548zM157.85 9.571h-4.09a.732.732 0 00-.633.363l-14.165 24.219L125.067 9.94a.736.736 0 00-.636-.369h-4.325a.733.733 0 00-.633 1.1l16.331 28.134c.423.752 1.394 2.029 3.079 2.029 1.25 0 2.286-.681 3.079-2.027l16.521-28.132a.728.728 0 00.004-.735.738.738 0 00-.637-.369zM173.823 9.167c-1.663 0-2.644 1.27-3.079 2.03l-16.559 28.126a.733.733 0 00.634 1.104h4.127a.73.73 0 00.633-.364L173.744 15.8l11.352 19.794h-12.892a.732.732 0 00-.621.344l-2.108 3.364a.732.732 0 00.621 1.123h22.506a.733.733 0 00.633-1.1l-16.333-28.13c-.423-.753-1.394-2.028-3.079-2.028z"})})}));export{l as default};
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+function Icon() {
+  return /*#__PURE__*/jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "200",
+    height: "50",
+    fill: "none",
+    viewBox: "0 0 200 50",
+    children: /*#__PURE__*/jsx("path", {
+      fill: "#fff",
+      d: "M35.867 35.917a.732.732 0 00-.604-.319H24.1c-7.956 0-12.706-3.987-12.706-10.666 0-5.05 3.258-10.486 10.41-10.486h13.498a.732.732 0 00.61-.327l2.274-3.408a.733.733 0 00-.609-1.14h-15.77c-9.038 0-15.348 6.225-15.348 15.138 0 8.962 6.597 15.72 15.345 15.72h15.767a.733.733 0 00.606-1.147l-2.31-3.365zM59.852 9.075c-12 0-17.835 5.202-17.835 15.902 0 10.732 5.833 15.948 17.835 15.948s17.835-5.216 17.835-15.948c0-10.7-5.833-15.902-17.835-15.902zm0 27.019c-9.283 0-12.9-3.117-12.9-11.115 0-7.966 3.617-11.07 12.9-11.07 9.283 0 12.9 3.104 12.9 11.07 0 7.998-3.617 11.115-12.9 11.115zM104.104 9.571h-22.43a.737.737 0 00-.65.392.736.736 0 00.047.758l2.352 3.409a.735.735 0 00.604.316h18.521c6.15 0 8.891 1.79 8.891 5.802 0 3.492-3.325 5.578-8.891 5.578H84.279a.734.734 0 00-.733.733v13.135c0 .404.329.733.733.733h3.469c.404 0 .733-.329.733-.733v-9.219h16.458l5.58 9.72a.737.737 0 00.535.233h4.685a.731.731 0 00.523-1.248l-6.143-10.17c3.162-.778 6.373-3.845 6.373-9.033 0-4.079-1.8-7.141-5.207-8.858-2.673-1.346-5.648-1.548-7.181-1.548zM157.85 9.571h-4.09a.732.732 0 00-.633.363l-14.165 24.219L125.067 9.94a.736.736 0 00-.636-.369h-4.325a.733.733 0 00-.633 1.1l16.331 28.134c.423.752 1.394 2.029 3.079 2.029 1.25 0 2.286-.681 3.079-2.027l16.521-28.132a.728.728 0 00.004-.735.738.738 0 00-.637-.369zM173.823 9.167c-1.663 0-2.644 1.27-3.079 2.03l-16.559 28.126a.733.733 0 00.634 1.104h4.127a.73.73 0 00.633-.364L173.744 15.8l11.352 19.794h-12.892a.732.732 0 00-.621.344l-2.108 3.364a.732.732 0 00.621 1.123h22.506a.733.733 0 00.633-1.1l-16.333-28.13c-.423-.753-1.394-2.028-3.079-2.028z"
+    })
+  });
+}
+
+var LogoIcon = memo(Icon);
+
+export default LogoIcon;
+//# sourceMappingURL=LogoIcon.js.map

package/components/Login/components/LogoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoIcon.js","sources":["../../../../src/components/Login/components/LogoIcon.js"],"sourcesContent":["import { memo } from 'react';\n\nfunction Icon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"200\"\n      height=\"50\"\n      fill=\"none\"\n      viewBox=\"0 0 200 50\"\n    >\n      <path\n        fill=\"#fff\"\n        d=\"M35.867 35.917a.732.732 0 00-.604-.319H24.1c-7.956 0-12.706-3.987-12.706-10.666 0-5.05 3.258-10.486 10.41-10.486h13.498a.732.732 0 00.61-.327l2.274-3.408a.733.733 0 00-.609-1.14h-15.77c-9.038 0-15.348 6.225-15.348 15.138 0 8.962 6.597 15.72 15.345 15.72h15.767a.733.733 0 00.606-1.147l-2.31-3.365zM59.852 9.075c-12 0-17.835 5.202-17.835 15.902 0 10.732 5.833 15.948 17.835 15.948s17.835-5.216 17.835-15.948c0-10.7-5.833-15.902-17.835-15.902zm0 27.019c-9.283 0-12.9-3.117-12.9-11.115 0-7.966 3.617-11.07 12.9-11.07 9.283 0 12.9 3.104 12.9 11.07 0 7.998-3.617 11.115-12.9 11.115zM104.104 9.571h-22.43a.737.737 0 00-.65.392.736.736 0 00.047.758l2.352 3.409a.735.735 0 00.604.316h18.521c6.15 0 8.891 1.79 8.891 5.802 0 3.492-3.325 5.578-8.891 5.578H84.279a.734.734 0 00-.733.733v13.135c0 .404.329.733.733.733h3.469c.404 0 .733-.329.733-.733v-9.219h16.458l5.58 9.72a.737.737 0 00.535.233h4.685a.731.731 0 00.523-1.248l-6.143-10.17c3.162-.778 6.373-3.845 6.373-9.033 0-4.079-1.8-7.141-5.207-8.858-2.673-1.346-5.648-1.548-7.181-1.548zM157.85 9.571h-4.09a.732.732 0 00-.633.363l-14.165 24.219L125.067 9.94a.736.736 0 00-.636-.369h-4.325a.733.733 0 00-.633 1.1l16.331 28.134c.423.752 1.394 2.029 3.079 2.029 1.25 0 2.286-.681 3.079-2.027l16.521-28.132a.728.728 0 00.004-.735.738.738 0 00-.637-.369zM173.823 9.167c-1.663 0-2.644 1.27-3.079 2.03l-16.559 28.126a.733.733 0 00.634 1.104h4.127a.73.73 0 00.633-.364L173.744 15.8l11.352 19.794h-12.892a.732.732 0 00-.621.344l-2.108 3.364a.732.732 0 00.621 1.123h22.506a.733.733 0 00.633-1.1l-16.333-28.13c-.423-.753-1.394-2.028-3.079-2.028z\"\n      />\n    </svg>\n  );\n}\n\nexport default memo(Icon);\n"],"names":["Icon","_jsx","memo"],"mappings":";;;AAEA,SAASA,IAAT,GAAgB;AACd,sBACEC;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,KAAK,EAAC,KAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,OAAO,EAAC,YALV;AAAA,2BAOEA;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,CAAC,EAAC;AAFJ;AAPF,IADF;AAcD;;AAED,eAAeC,IAAI,CAACF,IAAD,CAAnB;;;;"}

package/components/Login/components/OrDivider.js

@@ -1 +1,60 @@
-import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import r from"@material-ui/core/Divider";import i from"@material-ui/core/Grid";import s from"@material-ui/core/Typography";import{jsxs as a,jsx as m}from"react/jsx-runtime";function c(e){return a(i,{container:!0,justify:"space-between",alignItems:"center",wrap:"nowrap",children:[m(i,{item:!0,className:e.classes.dividerItem,children:m(r,{})}),m(i,{item:!0,className:e.classes.textItem,children:m(s,{variant:"subtitle1",className:e.classes.text,children:"OR"})}),m(i,{item:!0,className:e.classes.dividerItem,children:m(r,{})})]})}c.propTypes={classes:e.shape({dividerItem:e.string.isRequired,textItem:e.string.isRequired,text:e.string.isRequired}).isRequired};var l=t((function(e){return{dividerItem:{flex:10},textItem:{textAlign:"center",paddingLeft:24,paddingRight:24},text:{color:e.palette.primary.text6}}}))(c);export{l as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Grid from '@material-ui/core/Grid';
+import Divider from '@material-ui/core/Divider';
+
+var muiStyles = function muiStyles(theme) {
+  return {
+    dividerItem: {
+      flex: 10
+    },
+    textItem: {
+      textAlign: 'center',
+      paddingLeft: 24,
+      paddingRight: 24
+    },
+    text: {
+      color: theme.palette.primary.text6
+    }
+  };
+};
+
+function OrDivider(props) {
+  return /*#__PURE__*/jsxs(Grid, {
+    container: true,
+    justify: "space-between",
+    alignItems: "center",
+    wrap: "nowrap",
+    children: [/*#__PURE__*/jsx(Grid, {
+      item: true,
+      className: props.classes.dividerItem,
+      children: /*#__PURE__*/jsx(Divider, {})
+    }), /*#__PURE__*/jsx(Grid, {
+      item: true,
+      className: props.classes.textItem,
+      children: /*#__PURE__*/jsx(Typography, {
+        variant: "subtitle1",
+        className: props.classes.text,
+        children: "OR"
+      })
+    }), /*#__PURE__*/jsx(Grid, {
+      item: true,
+      className: props.classes.dividerItem,
+      children: /*#__PURE__*/jsx(Divider, {})
+    })]
+  });
+}
+
+OrDivider.propTypes = {
+  classes: PropTypes.shape({
+    dividerItem: PropTypes.string.isRequired,
+    textItem: PropTypes.string.isRequired,
+    text: PropTypes.string.isRequired
+  }).isRequired
+};
+var OrDivider$1 = withStyles(muiStyles)(OrDivider);
+
+export default OrDivider$1;
+//# sourceMappingURL=OrDivider.js.map

package/components/Login/components/OrDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrDivider.js","sources":["../../../../src/components/Login/components/OrDivider.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\n\nconst muiStyles = theme => ({\n  dividerItem: {\n    flex: 10,\n  },\n  textItem: {\n    textAlign: 'center',\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  text: {\n    color: theme.palette.primary.text6,\n  },\n});\n\nfunction OrDivider(props) {\n  return (\n    <Grid container justify=\"space-between\" alignItems=\"center\" wrap=\"nowrap\">\n      <Grid item className={props.classes.dividerItem}>\n        <Divider />\n      </Grid>\n      <Grid item className={props.classes.textItem}>\n        <Typography variant=\"subtitle1\" className={props.classes.text}>\n          OR\n        </Typography>\n      </Grid>\n      <Grid item className={props.classes.dividerItem}>\n        <Divider />\n      </Grid>\n    </Grid>\n  );\n}\n\nOrDivider.propTypes = {\n  classes: PropTypes.shape({\n    dividerItem: PropTypes.string.isRequired,\n    textItem: PropTypes.string.isRequired,\n    text: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles(muiStyles)(OrDivider);\n"],"names":["muiStyles","theme","dividerItem","flex","textItem","textAlign","paddingLeft","paddingRight","text","color","palette","primary","text6","OrDivider","props","_jsxs","_jsx","classes","propTypes","PropTypes","shape","string","isRequired","withStyles"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK;AAAA,SAAK;AAC1BC,IAAAA,WAAW,EAAE;AACXC,MAAAA,IAAI,EAAE;AADK,KADa;AAI1BC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS,EAAE,QADH;AAERC,MAAAA,WAAW,EAAE,EAFL;AAGRC,MAAAA,YAAY,EAAE;AAHN,KAJgB;AAS1BC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAER,KAAK,CAACS,OAAN,CAAcC,OAAd,CAAsBC;AADzB;AAToB,GAAL;AAAA,CAAvB;;AAcA,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;AACxB,sBACEC,KAAC,IAAD;AAAM,IAAA,SAAS,MAAf;AAAgB,IAAA,OAAO,EAAC,eAAxB;AAAwC,IAAA,UAAU,EAAC,QAAnD;AAA4D,IAAA,IAAI,EAAC,QAAjE;AAAA,4BACEC,IAAC,IAAD;AAAM,MAAA,IAAI,MAAV;AAAW,MAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcf,WAApC;AAAA,6BACEc,IAAC,OAAD;AADF,MADF,eAIEA,IAAC,IAAD;AAAM,MAAA,IAAI,MAAV;AAAW,MAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcb,QAApC;AAAA,6BACEY,IAAC,UAAD;AAAY,QAAA,OAAO,EAAC,WAApB;AAAgC,QAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcT,IAAzD;AAAA;AAAA;AADF,MAJF,eASEQ,IAAC,IAAD;AAAM,MAAA,IAAI,MAAV;AAAW,MAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcf,WAApC;AAAA,6BACEc,IAAC,OAAD;AADF,MATF;AAAA,IADF;AAeD;;AAEDH,SAAS,CAACK,SAAV,GAAsB;AACpBD,EAAAA,OAAO,EAAEE,SAAS,CAACC,KAAV,CAAgB;AACvBlB,IAAAA,WAAW,EAAEiB,SAAS,CAACE,MAAV,CAAiBC,UADP;AAEvBlB,IAAAA,QAAQ,EAAEe,SAAS,CAACE,MAAV,CAAiBC,UAFJ;AAGvBd,IAAAA,IAAI,EAAEW,SAAS,CAACE,MAAV,CAAiBC;AAHA,GAAhB,EAINA;AALiB,CAAtB;AAQA,kBAAeC,UAAU,CAACvB,SAAD,CAAV,CAAsBa,SAAtB,CAAf;;;;"}

package/components/Login/components/PasswordField.js

@@ -1 +1,91 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as r}from"react";import{withStyles as e,TextField as s,InputAdornment as i}from"@material-ui/core";import t from"@material-ui/core/IconButton";import d from"@material-ui/icons/Visibility";import a from"@material-ui/icons/VisibilityOff";import{jsx as l}from"react/jsx-runtime";var n=e((function(o){return{passwordFieldRoot:{"&:hover:not($passwordFieldDisabled):not($passwordFieldFocused):not($passwordFieldError) $passwordFieldNotchedOutline":{borderColor:o.status.loginButton},"&$passwordFieldFocused $passwordFieldNotchedOutline":{borderColor:o.status.loginButton}},passwordFieldLabelRoot:{"&$passwordFieldFocused":{color:o.status.loginButton}},passwordField:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #233 inset"}}}}))((function(e){var n=e.value,p=e.onChange,u=e.disabled,c=e.error,w=e.classes,m=r(!1),F=o(m,2),b=F[0],f=F[1];return l(s,{id:"password-input",label:"Password",type:b?"text":"password",name:"password",value:n,variant:"outlined",onChange:p,autoComplete:"password",disabled:u,error:!!c,helperText:c,InputProps:{endAdornment:l(i,{position:"end",children:l(t,{"aria-label":"Toggle password visibility",onClick:function(){return f((function(o){return!o}))},children:l(b?d:a,{})})}),classes:{root:w.passwordFieldRoot,input:w.passwordField,disabled:w.passwordFieldDisabled,focused:w.passwordFieldFocused,error:w.passwordFieldError,notchedOutline:w.passwordFieldNotchedOutline}},InputLabelProps:{classes:{root:w.passwordFieldLabelRoot,focused:w.passwordFieldFocused}},fullWidth:!0})}));export{n as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx } from 'react/jsx-runtime';
+import { withStyles, TextField, InputAdornment } from '@material-ui/core';
+import { useState } from 'react';
+import IconButton from '@material-ui/core/IconButton';
+import VisibilityIcon from '@material-ui/icons/Visibility';
+import VisibilityOffIcon from '@material-ui/icons/VisibilityOff';
+
+var PasswordField = function PasswordField(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      disabled = _ref.disabled,
+      error = _ref.error,
+      classes = _ref.classes;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isPasswordVisible = _useState2[0],
+      setIsPasswordVisible = _useState2[1];
+
+  var togglePassword = function togglePassword() {
+    return setIsPasswordVisible(function (val) {
+      return !val;
+    });
+  };
+
+  return /*#__PURE__*/jsx(TextField, {
+    id: "password-input",
+    label: "Password",
+    type: isPasswordVisible ? 'text' : 'password',
+    name: "password",
+    value: value,
+    variant: "outlined",
+    onChange: onChange,
+    autoComplete: "password",
+    disabled: disabled,
+    error: !!error,
+    helperText: error,
+    InputProps: {
+      endAdornment: /*#__PURE__*/jsx(InputAdornment, {
+        position: "end",
+        children: /*#__PURE__*/jsx(IconButton, {
+          "aria-label": "Toggle password visibility",
+          onClick: togglePassword,
+          children: isPasswordVisible ? /*#__PURE__*/jsx(VisibilityIcon, {}) : /*#__PURE__*/jsx(VisibilityOffIcon, {})
+        })
+      }),
+      classes: {
+        root: classes.passwordFieldRoot,
+        input: classes.passwordField,
+        disabled: classes.passwordFieldDisabled,
+        focused: classes.passwordFieldFocused,
+        error: classes.passwordFieldError,
+        notchedOutline: classes.passwordFieldNotchedOutline
+      }
+    },
+    InputLabelProps: {
+      classes: {
+        root: classes.passwordFieldLabelRoot,
+        focused: classes.passwordFieldFocused
+      }
+    },
+    fullWidth: true
+  });
+};
+
+var PasswordField$1 = withStyles(function (theme) {
+  return {
+    passwordFieldRoot: {
+      '&:hover:not($passwordFieldDisabled):not($passwordFieldFocused):not($passwordFieldError) $passwordFieldNotchedOutline': {
+        borderColor: theme.status.loginButton
+      },
+      '&$passwordFieldFocused $passwordFieldNotchedOutline': {
+        borderColor: theme.status.loginButton
+      }
+    },
+    passwordFieldLabelRoot: {
+      '&$passwordFieldFocused': {
+        color: theme.status.loginButton
+      }
+    },
+    passwordField: {
+      '&:-webkit-autofill': {
+        WebkitBoxShadow: '0 0 0 100px #233 inset'
+      }
+    }
+  };
+})(PasswordField);
+
+export default PasswordField$1;
+//# sourceMappingURL=PasswordField.js.map

package/components/Login/components/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","sources":["../../../../src/components/Login/components/PasswordField.js"],"sourcesContent":["import { useState } from 'react';\nimport { InputAdornment, TextField, withStyles } from '@material-ui/core';\nimport IconButton from '@material-ui/core/IconButton';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport VisibilityOffIcon from '@material-ui/icons/VisibilityOff';\n\nconst PasswordField = ({ value, onChange, disabled, error, classes }) => {\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n  const togglePassword = () => setIsPasswordVisible(val => !val);\n  return (\n    <TextField\n      id=\"password-input\"\n      label=\"Password\"\n      type={isPasswordVisible ? 'text' : 'password'}\n      name=\"password\"\n      value={value}\n      variant=\"outlined\"\n      onChange={onChange}\n      autoComplete=\"password\"\n      disabled={disabled}\n      error={!!error}\n      helperText={error}\n      InputProps={{\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <IconButton\n              aria-label=\"Toggle password visibility\"\n              onClick={togglePassword}\n            >\n              {isPasswordVisible ? <VisibilityIcon /> : <VisibilityOffIcon />}\n            </IconButton>\n          </InputAdornment>\n        ),\n        classes: {\n          root: classes.passwordFieldRoot,\n          input: classes.passwordField,\n          disabled: classes.passwordFieldDisabled,\n          focused: classes.passwordFieldFocused,\n          error: classes.passwordFieldError,\n          notchedOutline: classes.passwordFieldNotchedOutline,\n        },\n      }}\n      InputLabelProps={{\n        classes: {\n          root: classes.passwordFieldLabelRoot,\n          focused: classes.passwordFieldFocused,\n        },\n      }}\n      fullWidth\n    />\n  );\n};\n\nexport default withStyles((theme) => ({\n  passwordFieldRoot: {\n    '&:hover:not($passwordFieldDisabled):not($passwordFieldFocused):not($passwordFieldError) $passwordFieldNotchedOutline': {\n      borderColor: theme.status.loginButton,\n    },\n    '&$passwordFieldFocused $passwordFieldNotchedOutline': {\n      borderColor: theme.status.loginButton,\n    },\n  },\n  passwordFieldLabelRoot: {\n    '&$passwordFieldFocused': {\n      color: theme.status.loginButton,\n    },\n  },\n  passwordField: {\n    '&:-webkit-autofill': {\n      WebkitBoxShadow: '0 0 0 100px #233 inset',\n    },\n  },\n}))(PasswordField);\n"],"names":["PasswordField","value","onChange","disabled","error","classes","useState","isPasswordVisible","setIsPasswordVisible","togglePassword","val","_jsx","endAdornment","root","passwordFieldRoot","input","passwordField","passwordFieldDisabled","focused","passwordFieldFocused","passwordFieldError","notchedOutline","passwordFieldNotchedOutline","passwordFieldLabelRoot","withStyles","theme","borderColor","status","loginButton","color","WebkitBoxShadow"],"mappings":";;;;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAmD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,QAAyC,QAAzCA,QAAyC;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,MAArBC,KAAqB,QAArBA,KAAqB;AAAA,MAAdC,OAAc,QAAdA,OAAc;;AAAA,kBACrBC,QAAQ,CAAC,KAAD,CADa;AAAA;AAAA,MAChEC,iBADgE;AAAA,MAC7CC,oBAD6C;;AAEvE,MAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMD,oBAAoB,CAAC,UAAAE,GAAG;AAAA,aAAI,CAACA,GAAL;AAAA,KAAJ,CAA1B;AAAA,GAAvB;;AACA,sBACEC,IAAC,SAAD;AACE,IAAA,EAAE,EAAC,gBADL;AAEE,IAAA,KAAK,EAAC,UAFR;AAGE,IAAA,IAAI,EAAEJ,iBAAiB,GAAG,MAAH,GAAY,UAHrC;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,KAAK,EAAEN,KALT;AAME,IAAA,OAAO,EAAC,UANV;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,YAAY,EAAC,UARf;AASE,IAAA,QAAQ,EAAEC,QATZ;AAUE,IAAA,KAAK,EAAE,CAAC,CAACC,KAVX;AAWE,IAAA,UAAU,EAAEA,KAXd;AAYE,IAAA,UAAU,EAAE;AACVQ,MAAAA,YAAY,eACVD,IAAC,cAAD;AAAgB,QAAA,QAAQ,EAAC,KAAzB;AAAA,+BACEA,IAAC,UAAD;AACE,wBAAW,4BADb;AAEE,UAAA,OAAO,EAAEF,cAFX;AAAA,oBAIGF,iBAAiB,gBAAGI,IAAC,cAAD,KAAH,gBAAwBA,IAAC,iBAAD;AAJ5C;AADF,QAFQ;AAWVN,MAAAA,OAAO,EAAE;AACPQ,QAAAA,IAAI,EAAER,OAAO,CAACS,iBADP;AAEPC,QAAAA,KAAK,EAAEV,OAAO,CAACW,aAFR;AAGPb,QAAAA,QAAQ,EAAEE,OAAO,CAACY,qBAHX;AAIPC,QAAAA,OAAO,EAAEb,OAAO,CAACc,oBAJV;AAKPf,QAAAA,KAAK,EAAEC,OAAO,CAACe,kBALR;AAMPC,QAAAA,cAAc,EAAEhB,OAAO,CAACiB;AANjB;AAXC,KAZd;AAgCE,IAAA,eAAe,EAAE;AACfjB,MAAAA,OAAO,EAAE;AACPQ,QAAAA,IAAI,EAAER,OAAO,CAACkB,sBADP;AAEPL,QAAAA,OAAO,EAAEb,OAAO,CAACc;AAFV;AADM,KAhCnB;AAsCE,IAAA,SAAS;AAtCX,IADF;AA0CD,CA7CD;;AA+CA,sBAAeK,UAAU,CAAC,UAACC,KAAD;AAAA,SAAY;AACpCX,IAAAA,iBAAiB,EAAE;AACjB,8HAAwH;AACtHY,QAAAA,WAAW,EAAED,KAAK,CAACE,MAAN,CAAaC;AAD4F,OADvG;AAIjB,6DAAuD;AACrDF,QAAAA,WAAW,EAAED,KAAK,CAACE,MAAN,CAAaC;AAD2B;AAJtC,KADiB;AASpCL,IAAAA,sBAAsB,EAAE;AACtB,gCAA0B;AACxBM,QAAAA,KAAK,EAAEJ,KAAK,CAACE,MAAN,CAAaC;AADI;AADJ,KATY;AAcpCZ,IAAAA,aAAa,EAAE;AACb,4BAAsB;AACpBc,QAAAA,eAAe,EAAE;AADG;AADT;AAdqB,GAAZ;AAAA,CAAD,CAAV,CAmBX9B,aAnBW,CAAf;;;;"}

package/components/Login/components/Step.js

@@ -1 +1,20 @@
-import r from"prop-types";import e from"@material-ui/core/Grid";import{jsx as i}from"react/jsx-runtime";function o(r){return i(e,{container:!0,direction:"column",wrap:"nowrap",alignItems:"center",children:r.children})}o.propTypes={children:r.node.isRequired};export{o as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import Grid from '@material-ui/core/Grid';
+
+function Step(props) {
+  return /*#__PURE__*/jsx(Grid, {
+    container: true,
+    direction: "column",
+    wrap: "nowrap",
+    alignItems: "center",
+    children: props.children
+  });
+}
+
+Step.propTypes = {
+  children: PropTypes.node.isRequired
+};
+
+export default Step;
+//# sourceMappingURL=Step.js.map

package/components/Login/components/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","sources":["../../../../src/components/Login/components/Step.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport Grid from '@material-ui/core/Grid';\n\n\nfunction Step(props) {\n  return (\n    <Grid\n      container\n      direction=\"column\"\n      wrap=\"nowrap\"\n      alignItems=\"center\"\n    >\n      {props.children}\n    </Grid>\n  );\n}\n\nStep.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default Step;\n"],"names":["Step","props","_jsx","children","propTypes","PropTypes","node","isRequired"],"mappings":";;;;AAKA,SAASA,IAAT,CAAcC,KAAd,EAAqB;AACnB,sBACEC,IAAC,IAAD;AACE,IAAA,SAAS,MADX;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,UAAU,EAAC,QAJb;AAAA,cAMGD,KAAK,CAACE;AANT,IADF;AAUD;;AAEDH,IAAI,CAACI,SAAL,GAAiB;AACfD,EAAAA,QAAQ,EAAEE,SAAS,CAACC,IAAV,CAAeC;AADV,CAAjB;;;;"}

package/components/Login/components/StepContent.js

@@ -1 +1,32 @@
-import r from"prop-types";import{withStyles as e}from"@material-ui/core/styles";import i from"@material-ui/core/Grid";import{jsx as t}from"react/jsx-runtime";function s(r){return t(i,{item:!0,className:r.classes.gridItem,children:r.children})}s.propTypes={children:r.node.isRequired,classes:r.shape({gridItem:r.string.isRequired}).isRequired};var m=e((function(r){return{gridItem:{padding:r.spacing(2,4,2,4),width:"100%"}}}))(s);export{m as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Grid from '@material-ui/core/Grid';
+
+var muiStyles = function muiStyles(theme) {
+  return {
+    gridItem: {
+      padding: theme.spacing(2, 4, 2, 4),
+      width: '100%'
+    }
+  };
+};
+
+function StepContent(props) {
+  return /*#__PURE__*/jsx(Grid, {
+    item: true,
+    className: props.classes.gridItem,
+    children: props.children
+  });
+}
+
+StepContent.propTypes = {
+  children: PropTypes.node.isRequired,
+  classes: PropTypes.shape({
+    gridItem: PropTypes.string.isRequired
+  }).isRequired
+};
+var StepContent$1 = withStyles(muiStyles)(StepContent);
+
+export default StepContent$1;
+//# sourceMappingURL=StepContent.js.map

package/components/Login/components/StepContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepContent.js","sources":["../../../../src/components/Login/components/StepContent.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Grid from '@material-ui/core/Grid';\n\nconst muiStyles = theme => ({\n  gridItem: {\n    padding: theme.spacing(2, 4, 2, 4),\n    width: '100%',\n  },\n});\n\n\nfunction StepContent(props) {\n  return (\n    <Grid item className={props.classes.gridItem}>\n      {props.children}\n    </Grid>\n  );\n}\n\nStepContent.propTypes = {\n  children: PropTypes.node.isRequired,\n  classes: PropTypes.shape({\n    gridItem: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles(muiStyles)(StepContent);\n"],"names":["muiStyles","theme","gridItem","padding","spacing","width","StepContent","props","_jsx","classes","children","propTypes","PropTypes","node","isRequired","shape","string","withStyles"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK;AAAA,SAAK;AAC1BC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,EAAiB,CAAjB,EAAoB,CAApB,EAAuB,CAAvB,CADD;AAERC,MAAAA,KAAK,EAAE;AAFC;AADgB,GAAL;AAAA,CAAvB;;AAQA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,sBACEC,IAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcP,QAApC;AAAA,cACGK,KAAK,CAACG;AADT,IADF;AAKD;;AAEDJ,WAAW,CAACK,SAAZ,GAAwB;AACtBD,EAAAA,QAAQ,EAAEE,SAAS,CAACC,IAAV,CAAeC,UADH;AAEtBL,EAAAA,OAAO,EAAEG,SAAS,CAACG,KAAV,CAAgB;AACvBb,IAAAA,QAAQ,EAAEU,SAAS,CAACI,MAAV,CAAiBF;AADJ,GAAhB,EAENA;AAJmB,CAAxB;AAOA,oBAAeG,UAAU,CAACjB,SAAD,CAAV,CAAsBM,WAAtB,CAAf;;;;"}

package/components/Login/components/StepFooter.js

@@ -1 +1,88 @@
-import e from"prop-types";import{withStyles as r}from"@material-ui/core/styles";import t from"@material-ui/core/Grid";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as i}from"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as n,jsxs as l}from"react/jsx-runtime";function o(e){var r=e.children,o=e.classes,a=e.showNeedHelp,p=e.needHelpExternalLink;return n(t,{item:!0,className:o.gridItem,children:l(t,{container:!0,direction:"row",justify:"space-between",alignItems:"center",children:[l(t,{item:!0,children:[a&&!p&&n(i,{"data-testid":"".concat("EmailPo","_needHelp"),className:o.helpLink,href:"/login/help",children:"Need help?"}),a&&p&&n("a",{"data-testid":"".concat("EmailPo","_needHelp"),className:o.helpLink,href:p,target:"_blank",rel:"noreferrer",children:"Need help?"})]}),n(t,{item:!0,children:r})]})})}o.propTypes={children:e.node,showNeedHelp:e.bool,needHelpExternalLink:e.string,classes:e.shape({gridItem:e.string.isRequired,helpLink:e.string.isRequired}).isRequired},o.defaultProps={children:null,needHelpExternalLink:null,showNeedHelp:!0};var a=r((function(e){return{gridItem:{padding:e.spacing(2,4,4,4),width:"100%"},helpLink:{color:e.palette.primary.text6,textTransform:"uppercase",padding:e.spacing(1),borderRadius:4,"&:hover":{background:"#333",color:"#fff"}}}}))(o);export{a as default};
+import '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import '../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import { UniversalLink } from '../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import Grid from '@material-ui/core/Grid';
+
+var PAGE_NAME = 'EmailPo';
+
+var muiStyles = function muiStyles(theme) {
+  return {
+    gridItem: {
+      padding: theme.spacing(2, 4, 4, 4),
+      width: '100%'
+    },
+    helpLink: {
+      color: theme.palette.primary.text6,
+      textTransform: 'uppercase',
+      padding: theme.spacing(1),
+      borderRadius: 4,
+      '&:hover': {
+        background: '#333',
+        color: '#fff'
+      }
+    }
+  };
+};
+
+var NEED_HELP_LABEL = 'Need help?';
+
+function StepFooter(props) {
+  var children = props.children,
+      classes = props.classes,
+      showNeedHelp = props.showNeedHelp,
+      needHelpExternalLink = props.needHelpExternalLink;
+  return /*#__PURE__*/jsx(Grid, {
+    item: true,
+    className: classes.gridItem,
+    children: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      direction: "row",
+      justify: "space-between",
+      alignItems: "center",
+      children: [/*#__PURE__*/jsxs(Grid, {
+        item: true,
+        children: [showNeedHelp && !needHelpExternalLink && /*#__PURE__*/jsx(UniversalLink, {
+          "data-testid": "".concat(PAGE_NAME, "_needHelp"),
+          className: classes.helpLink,
+          href: "/login/help",
+          children: NEED_HELP_LABEL
+        }), showNeedHelp && needHelpExternalLink && /*#__PURE__*/jsx("a", {
+          "data-testid": "".concat(PAGE_NAME, "_needHelp"),
+          className: classes.helpLink,
+          href: needHelpExternalLink,
+          target: "_blank",
+          rel: "noreferrer",
+          children: NEED_HELP_LABEL
+        })]
+      }), /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: children
+      })]
+    })
+  });
+}
+
+StepFooter.propTypes = {
+  children: PropTypes.node,
+  showNeedHelp: PropTypes.bool,
+  needHelpExternalLink: PropTypes.string,
+  classes: PropTypes.shape({
+    gridItem: PropTypes.string.isRequired,
+    helpLink: PropTypes.string.isRequired
+  }).isRequired
+};
+StepFooter.defaultProps = {
+  children: null,
+  needHelpExternalLink: null,
+  showNeedHelp: true
+};
+var StepFooter$1 = withStyles(muiStyles)(StepFooter);
+
+export default StepFooter$1;
+//# sourceMappingURL=StepFooter.js.map

package/components/Login/components/StepFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepFooter.js","sources":["../../../../src/components/Login/components/StepFooter.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Grid from '@material-ui/core/Grid';\nimport { UniversalLink } from '../../DevCenter/DevCenterRouterContext';\n\nconst PAGE_NAME = 'EmailPo';\n\nconst muiStyles = theme => ({\n  gridItem: {\n    padding: theme.spacing(2, 4, 4, 4),\n    width: '100%',\n  },\n  helpLink: {\n    color: theme.palette.primary.text6,\n    textTransform: 'uppercase',\n    padding: theme.spacing(1),\n    borderRadius: 4,\n    '&:hover': {\n      background: '#333',\n      color: '#fff',\n    },\n  },\n});\n\nconst NEED_HELP_LABEL = 'Need help?';\n\nfunction StepFooter(props) {\n  const { children, classes, showNeedHelp, needHelpExternalLink } = props;\n\n  return (\n    <Grid item className={classes.gridItem}>\n      <Grid container direction=\"row\" justify=\"space-between\" alignItems=\"center\">\n        <Grid item>\n          {showNeedHelp && !needHelpExternalLink && (\n            <UniversalLink\n              data-testid={`${PAGE_NAME}_needHelp`}\n              className={classes.helpLink}\n              href=\"/login/help\"\n            >\n              {NEED_HELP_LABEL}\n            </UniversalLink>\n          )}\n          {showNeedHelp && needHelpExternalLink && (\n            <a\n              data-testid={`${PAGE_NAME}_needHelp`}\n              className={classes.helpLink}\n              href={needHelpExternalLink}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            >\n              {NEED_HELP_LABEL}\n            </a>\n          )}\n        </Grid>\n        <Grid item>{children}</Grid>\n      </Grid>\n    </Grid>\n  );\n}\n\nStepFooter.propTypes = {\n  children: PropTypes.node,\n  showNeedHelp: PropTypes.bool,\n  needHelpExternalLink: PropTypes.string,\n  classes: PropTypes.shape({\n    gridItem: PropTypes.string.isRequired,\n    helpLink: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nStepFooter.defaultProps = {\n  children: null,\n  needHelpExternalLink: null,\n  showNeedHelp: true,\n};\n\nexport default withStyles(muiStyles)(StepFooter);\n"],"names":["PAGE_NAME","muiStyles","theme","gridItem","padding","spacing","width","helpLink","color","palette","primary","text6","textTransform","borderRadius","background","NEED_HELP_LABEL","StepFooter","props","children","classes","showNeedHelp","needHelpExternalLink","_jsx","_jsxs","propTypes","PropTypes","node","bool","string","shape","isRequired","defaultProps","withStyles"],"mappings":";;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAlB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK;AAAA,SAAK;AAC1BC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,EAAiB,CAAjB,EAAoB,CAApB,EAAuB,CAAvB,CADD;AAERC,MAAAA,KAAK,EAAE;AAFC,KADgB;AAK1BC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC,OAAd,CAAsBC,KADrB;AAERC,MAAAA,aAAa,EAAE,WAFP;AAGRR,MAAAA,OAAO,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CAHD;AAIRQ,MAAAA,YAAY,EAAE,CAJN;AAKR,iBAAW;AACTC,QAAAA,UAAU,EAAE,MADH;AAETN,QAAAA,KAAK,EAAE;AAFE;AALH;AALgB,GAAL;AAAA,CAAvB;;AAiBA,IAAMO,eAAe,GAAG,YAAxB;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAA2B;AAAA,MACjBC,QADiB,GACyCD,KADzC,CACjBC,QADiB;AAAA,MACPC,OADO,GACyCF,KADzC,CACPE,OADO;AAAA,MACEC,YADF,GACyCH,KADzC,CACEG,YADF;AAAA,MACgBC,oBADhB,GACyCJ,KADzC,CACgBI,oBADhB;AAGzB,sBACEC,IAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,SAAS,EAAEH,OAAO,CAAChB,QAA9B;AAAA,2BACEoB,KAAC,IAAD;AAAM,MAAA,SAAS,MAAf;AAAgB,MAAA,SAAS,EAAC,KAA1B;AAAgC,MAAA,OAAO,EAAC,eAAxC;AAAwD,MAAA,UAAU,EAAC,QAAnE;AAAA,8BACEA,KAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAA,mBACGH,YAAY,IAAI,CAACC,oBAAjB,iBACCC,IAAC,aAAD;AACE,mCAAgBtB,SAAhB,cADF;AAEE,UAAA,SAAS,EAAEmB,OAAO,CAACZ,QAFrB;AAGE,UAAA,IAAI,EAAC,aAHP;AAAA,oBAKGQ;AALH,UAFJ,EAUGK,YAAY,IAAIC,oBAAhB,iBACCC;AACE,mCAAgBtB,SAAhB,cADF;AAEE,UAAA,SAAS,EAAEmB,OAAO,CAACZ,QAFrB;AAGE,UAAA,IAAI,EAAEc,oBAHR;AAIE,UAAA,MAAM,EAAC,QAJT;AAKE,UAAA,GAAG,EAAC,YALN;AAAA,oBAOGN;AAPH,UAXJ;AAAA,QADF,eAuBEO,IAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAA,kBAAYJ;AAAZ,QAvBF;AAAA;AADF,IADF;AA6BD;;AAEDF,UAAU,CAACQ,SAAX,GAAuB;AACrBN,EAAAA,QAAQ,EAAEO,SAAS,CAACC,IADC;AAErBN,EAAAA,YAAY,EAAEK,SAAS,CAACE,IAFH;AAGrBN,EAAAA,oBAAoB,EAAEI,SAAS,CAACG,MAHX;AAIrBT,EAAAA,OAAO,EAAEM,SAAS,CAACI,KAAV,CAAgB;AACvB1B,IAAAA,QAAQ,EAAEsB,SAAS,CAACG,MAAV,CAAiBE,UADJ;AAEvBvB,IAAAA,QAAQ,EAAEkB,SAAS,CAACG,MAAV,CAAiBE;AAFJ,GAAhB,EAGNA;AAPkB,CAAvB;AAUAd,UAAU,CAACe,YAAX,GAA0B;AACxBb,EAAAA,QAAQ,EAAE,IADc;AAExBG,EAAAA,oBAAoB,EAAE,IAFE;AAGxBD,EAAAA,YAAY,EAAE;AAHU,CAA1B;AAMA,mBAAeY,UAAU,CAAC/B,SAAD,CAAV,CAAsBe,UAAtB,CAAf;;;;"}

package/components/Login/components/StepHeader.js

@@ -1 +1,37 @@
-import r from"prop-types";import{withStyles as e}from"@material-ui/core/styles";import i from"@material-ui/core/Grid";import t from"@material-ui/core/Typography";import{jsx as s}from"react/jsx-runtime";function a(r){return s(i,{item:!0,className:r.classes.gridItem,children:s(t,{variant:"h6",children:r.children})})}a.propTypes={children:r.string.isRequired,classes:r.shape({gridItem:r.string.isRequired}).isRequired};var m=e((function(r){return{gridItem:{padding:r.spacing(4),textAlign:"center",width:"100%"}}}))(a);export{m as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import Grid from '@material-ui/core/Grid';
+
+var muiStyles = function muiStyles(theme) {
+  return {
+    gridItem: {
+      padding: theme.spacing(4),
+      textAlign: 'center',
+      width: '100%'
+    }
+  };
+};
+
+function StepHeader(props) {
+  return /*#__PURE__*/jsx(Grid, {
+    item: true,
+    className: props.classes.gridItem,
+    children: /*#__PURE__*/jsx(Typography, {
+      variant: "h6",
+      children: props.children
+    })
+  });
+}
+
+StepHeader.propTypes = {
+  children: PropTypes.string.isRequired,
+  classes: PropTypes.shape({
+    gridItem: PropTypes.string.isRequired
+  }).isRequired
+};
+var StepHeader$1 = withStyles(muiStyles)(StepHeader);
+
+export default StepHeader$1;
+//# sourceMappingURL=StepHeader.js.map

package/components/Login/components/StepHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepHeader.js","sources":["../../../../src/components/Login/components/StepHeader.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\n\nconst muiStyles = theme => ({\n  gridItem: {\n    padding: theme.spacing(4),\n    textAlign: 'center',\n    width: '100%',\n  },\n});\n\n\nfunction StepHeader(props) {\n  return (\n    <Grid item className={props.classes.gridItem}>\n      <Typography variant=\"h6\">{props.children}</Typography>\n    </Grid>\n  );\n}\n\nStepHeader.propTypes = {\n  children: PropTypes.string.isRequired,\n  classes: PropTypes.shape({\n    gridItem: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles(muiStyles)(StepHeader);\n"],"names":["muiStyles","theme","gridItem","padding","spacing","textAlign","width","StepHeader","props","_jsx","classes","children","propTypes","PropTypes","string","isRequired","shape","withStyles"],"mappings":";;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK;AAAA,SAAK;AAC1BC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADD;AAERC,MAAAA,SAAS,EAAE,QAFH;AAGRC,MAAAA,KAAK,EAAE;AAHC;AADgB,GAAL;AAAA,CAAvB;;AASA,SAASC,UAAT,CAAoBC,KAApB,EAA2B;AACzB,sBACEC,IAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcR,QAApC;AAAA,2BACEO,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,IAApB;AAAA,gBAA0BD,KAAK,CAACG;AAAhC;AADF,IADF;AAKD;;AAEDJ,UAAU,CAACK,SAAX,GAAuB;AACrBD,EAAAA,QAAQ,EAAEE,SAAS,CAACC,MAAV,CAAiBC,UADN;AAErBL,EAAAA,OAAO,EAAEG,SAAS,CAACG,KAAV,CAAgB;AACvBd,IAAAA,QAAQ,EAAEW,SAAS,CAACC,MAAV,CAAiBC;AADJ,GAAhB,EAENA;AAJkB,CAAvB;AAOA,mBAAeE,UAAU,CAACjB,SAAD,CAAV,CAAsBO,UAAtB,CAAf;;;;"}

package/components/Login/index.js

@@ -1 +1,11 @@
-export{default as Login}from"./components/Login.js";export{default as PasswordField}from"./components/PasswordField.js";export{default as Chip}from"./components/Chip.js";export{default as StepFooter}from"./components/StepFooter.js";export{default as StepContent}from"./components/StepContent.js";export{default as StepHeader}from"./components/StepHeader.js";export{default as Step}from"./components/Step.js";export{default as OrDivider}from"./components/OrDivider.js";export{default as HiddenEmailField}from"./components/HiddenEmailField.js";export{default as EmailField}from"./components/EmailField.js";
+export { default as Login } from './components/Login.js';
+export { default as PasswordField } from './components/PasswordField.js';
+export { default as Chip } from './components/Chip.js';
+export { default as StepFooter } from './components/StepFooter.js';
+export { default as StepContent } from './components/StepContent.js';
+export { default as StepHeader } from './components/StepHeader.js';
+export { default as Step } from './components/Step.js';
+export { default as OrDivider } from './components/OrDivider.js';
+export { default as HiddenEmailField } from './components/HiddenEmailField.js';
+export { default as EmailField } from './components/EmailField.js';
+//# sourceMappingURL=index.js.map

package/components/Login/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}