@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Login/components/EmailField.js

@@ -1,82 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { withStyles, TextField } from '@material-ui/core';
-import PropTypes from 'prop-types';
-
-var PAGE_NAME = 'EmailField';
-
-var EmailField = function EmailField(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange,
-      disabled = _ref.disabled,
-      error = _ref.error,
-      classes = _ref.classes;
-  return /*#__PURE__*/jsx(TextField, {
-    "data-testid": "".concat(PAGE_NAME, "_emailInput"),
-    id: "email-input",
-    label: "Email",
-    type: "email",
-    name: "email",
-    autoComplete: "email",
-    value: value,
-    placeholder: "Enter your email address",
-    variant: "outlined",
-    InputLabelProps: {
-      classes: {
-        root: classes.emailFieldLabelRoot,
-        focused: classes.emailFieldFocused
-      }
-    },
-    InputProps: {
-      classes: {
-        root: classes.emailFieldRoot,
-        input: classes.emailInput,
-        disabled: classes.emailFieldDisabled,
-        focused: classes.emailFieldFocused,
-        error: classes.emailFieldError
-      }
-    },
-    onChange: onChange,
-    disabled: disabled,
-    error: !!error,
-    helperText: error,
-    fullWidth: true
-  });
-};
-
-EmailField.defaultProps = {
-  disabled: false,
-  error: null
-};
-EmailField.propTypes = {
-  value: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
-  disabled: PropTypes.bool,
-  error: PropTypes.string,
-  classes: PropTypes.shape().isRequired
-};
-var EmailField$1 = withStyles(function (theme) {
-  return {
-    emailFieldRoot: {
-      '&:hover:not($emailFieldDisabled):not($emailFieldFocused):not($emailFieldError) $emailFieldNotchedOutline': {
-        borderColor: theme.status.loginButton
-      },
-      '&$emailFieldFocused $emailFieldNotchedOutline': {
-        borderColor: theme.status.loginButton
-      }
-    },
-    emailInput: {
-      '&:-webkit-autofill': {
-        WebkitBoxShadow: '0 0 0 100px #233 inset'
-      }
-    },
-    emailFieldLabelRoot: {
-      color: '#666',
-      '&$emailFieldFocused': {
-        color: theme.status.loginButton
-      }
-    }
-  };
-})(EmailField);
-
-export default EmailField$1;
-//# sourceMappingURL=EmailField.js.map
+import e from"prop-types";import{withStyles as l,TextField as i}from"@material-ui/core";import{jsx as o}from"react/jsx-runtime";var a=function(e){var l=e.value,a=e.onChange,r=e.disabled,t=e.error,d=e.classes;return o(i,{"data-testid":"".concat("EmailField","_emailInput"),id:"email-input",label:"Email",type:"email",name:"email",autoComplete:"email",value:l,placeholder:"Enter your email address",variant:"outlined",InputLabelProps:{classes:{root:d.emailFieldLabelRoot,focused:d.emailFieldFocused}},InputProps:{classes:{root:d.emailFieldRoot,input:d.emailInput,disabled:d.emailFieldDisabled,focused:d.emailFieldFocused,error:d.emailFieldError}},onChange:a,disabled:r,error:!!t,helperText:t,fullWidth:!0})};a.defaultProps={disabled:!1,error:null},a.propTypes={value:e.string.isRequired,onChange:e.func.isRequired,disabled:e.bool,error:e.string,classes:e.shape().isRequired};var r=l((function(e){return{emailFieldRoot:{"&:hover:not($emailFieldDisabled):not($emailFieldFocused):not($emailFieldError) $emailFieldNotchedOutline":{borderColor:e.status.loginButton},"&$emailFieldFocused $emailFieldNotchedOutline":{borderColor:e.status.loginButton}},emailInput:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #233 inset"}},emailFieldLabelRoot:{color:"#666","&$emailFieldFocused":{color:e.status.loginButton}}}}))(a);export{r as default};

package/components/Login/components/HiddenEmailField.js

@@ -1,32 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-
-var muiStyles = {
-  input: {
-    display: 'none'
-  }
-}; // NOTE: Workaround to fill username field in browser's password managers
-
-function HiddenEmailField(props) {
-  return props.email ? /*#__PURE__*/jsx("input", {
-    name: "hidden-email",
-    className: props.classes.input,
-    type: "email",
-    defaultValue: props.email
-  }) : null;
-}
-
-HiddenEmailField.propTypes = {
-  email: PropTypes.string,
-  classes: PropTypes.shape({
-    input: PropTypes.string.isRequired
-  }).isRequired
-};
-HiddenEmailField.defaultProps = {
-  email: null
-};
-var HiddenEmailField$1 = withStyles(muiStyles)(HiddenEmailField);
-
-export default HiddenEmailField$1;
-//# sourceMappingURL=HiddenEmailField.js.map
+import e from"prop-types";import{withStyles as i}from"@material-ui/core/styles";import{jsx as a}from"react/jsx-runtime";function r(e){return e.email?a("input",{name:"hidden-email",className:e.classes.input,type:"email",defaultValue:e.email}):null}r.propTypes={email:e.string,classes:e.shape({input:e.string.isRequired}).isRequired},r.defaultProps={email:null};var s=i({input:{display:"none"}})(r);export{s as default};

package/components/Login/components/Login.global.css.js

@@ -1,5 +1 @@
-import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".c-login {\n  display: flex;\n  flex: 1;\n  background-color: #212121;\n}\n\n.c-login-promo {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n  text-indent: -9999px;\n}\n\n.c-login-promo__image {\n  background-size: cover;\n  background-position: center bottom;\n  background-repeat: no-repeat;\n}\n\n.c-login-promo__video {\n  object-fit: cover;\n  max-height: 100vh;\n  height: 100vh;\n}\n\n.c-login-content {\n  width: 439px;\n  background-color: #212121;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.c-login-logo {\n  padding-top: 156px;\n  display: flex;\n  justify-content: center;\n  padding-bottom: 30px;\n}\n\n.c-login-mobile .c-login-promo {\n  display: none;\n}\n\n.c-login-mobile.c-login-large_content {\n  align-items: center;\n  justify-content: center;\n}\n\n.c-login-mobile.c-login-large_content .c-login-logo {\n  padding-top: 0;\n}\n\n.c-login-mobile.c-login-landscape {\n  align-items: flex-start;\n}\n\n.c-login-mobile.c-login-landscape .c-login-logo {\n  padding-top: 57px;\n  padding-bottom: 0;\n}\n\n@media (max-width: 1023px) {\n  .c-login-promo {\n    display: none;\n  }\n\n  .c-login-large_content {\n    align-items: center;\n    justify-content: center;\n  }\n\n  .c-login-large_content .c-login-logo {\n    padding-top: 0;\n  }\n\n  .c-login-landscape {\n    align-items: flex-start;\n  }\n\n  .c-login-landscape .c-login-logo {\n    padding-top: 57px;\n    padding-bottom: 0;\n  }\n}\n\n@supports (-webkit-touch-callout: none) {\n  .c-login-promo {\n    display: none;\n  }\n\n  .c-login-large_content {\n    align-items: center;\n    justify-content: center;\n  }\n\n  .c-login-large_content .c-login-logo {\n    padding-top: 0;\n  }\n\n  .c-login-landscape {\n    align-items: flex-start;\n  }\n\n  .c-login-landscape .c-login-logo {\n    padding-top: 57px;\n    padding-bottom: 0;\n  }\n}\n";
-styleInject(css_248z);
-//# sourceMappingURL=Login.global.css.js.map
+import o from'./../../../ext-esm/style-inject/dist/style-inject.es.js';o(".c-login{background-color:#212121;display:flex;flex:1}.c-login-promo{display:flex;flex:1;overflow:hidden;text-indent:-9999px}.c-login-promo__image{background-position:bottom;background-repeat:no-repeat;background-size:cover}.c-login-promo__video{height:100vh;max-height:100vh;object-fit:cover}.c-login-content{align-items:center;background-color:#212121;display:flex;flex-direction:column;justify-content:flex-start;width:439px}.c-login-logo{display:flex;justify-content:center;padding-bottom:30px;padding-top:156px}.c-login-mobile .c-login-promo{display:none}.c-login-mobile.c-login-large_content{align-items:center;justify-content:center}.c-login-mobile.c-login-large_content .c-login-logo{padding-top:0}.c-login-mobile.c-login-landscape{align-items:flex-start}.c-login-mobile.c-login-landscape .c-login-logo{padding-bottom:0;padding-top:57px}@media (max-width:1023px){.c-login-promo{display:none}.c-login-large_content{align-items:center;justify-content:center}.c-login-large_content .c-login-logo{padding-top:0}.c-login-landscape{align-items:flex-start}.c-login-landscape .c-login-logo{padding-bottom:0;padding-top:57px}}@supports (-webkit-touch-callout:none){.c-login-promo{display:none}.c-login-large_content{align-items:center;justify-content:center}.c-login-large_content .c-login-logo{padding-top:0}.c-login-landscape{align-items:flex-start}.c-login-landscape .c-login-logo{padding-bottom:0;padding-top:57px}}");

package/components/Login/components/Login.js

@@ -1,93 +1 @@
-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
+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};

package/components/Login/components/LogoIcon.js

@@ -1,21 +1 @@
-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
+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};

package/components/Login/components/OrDivider.js

@@ -1,60 +1 @@
-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
+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};

package/components/Login/components/PasswordField.js

@@ -1,91 +1 @@
-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
+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};

package/components/Login/components/Step.js

@@ -1,20 +1 @@
-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
+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};

package/components/Login/components/StepContent.js

@@ -1,32 +1 @@
-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
+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};

package/components/Login/components/StepFooter.js

@@ -1,88 +1 @@
-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
+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};

package/components/Login/components/StepHeader.js

@@ -1,37 +1 @@
-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
+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};

package/components/Login/index.js

@@ -1,11 +1 @@
-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
+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";