{"version":3,"sources":["_platform/src/utils/getReturnUrlPath.js","containers/LoginPage/LoginPage.js","containers/LoginPage/images/hp-login-banner-@1x.jpg","containers/LoginPage/images/hp-login-banner-@2x.jpg","containers/LoginPage/images/hp-login-banner-mobile-@1x.jpg","containers/LoginPage/images/hp-login-banner-mobile-@2x.jpg","containers/LoginPage/images/hp-login-banner-tablet-@1x.jpg","containers/LoginPage/images/hp-login-banner-tablet-@2x.jpg","_platform/src/components/MessageBox/MessageBox.js","../node_modules/memoize-one/dist/memoize-one.esm.js","_platform/src/utils/checkPermissions.js","_platform/src/utils/checkRoles.js","_platform/src/utils/PrivateComponent.js","_platform/src/components/Button/Button.js","_platform/src/utils/PublicComponent.js"],"names":["pageQueryString","qs","parse","history","location","search","replace","ignoreQueryPrefix","LoginProvider","LoadAsync","__webpack_require__","e","then","bind","LoginForm","Promise","all","PageContainer","styled","div","_templateObject","bgMobile1x","bgMobile2x","up","css","_templateObject2","bgTablet1x","bgTablet2x","_templateObject3","bgDesktop1x","bgDesktop2x","IntroContainer","_templateObject4","RegisterContainer","_templateObject5","LoginContainer","_templateObject6","_templateObject7","withTheme","withSettings","_ref","settings","react_default","a","createElement","PublicComponent","redirectOnError","getReturnUrlPath","settingsApp","loginPagePath","Helmet_default","smooth_ui_core_sc_es","className","justifyContent","xs","sm","osm","lg","olg","Button","as","Link","to","disableMeta","formLabels","labelUserName","module","exports","p","StyledAlert","Alert","Title","Multiline","MessageBox","children","_ref$title","title","undefined","_ref$variant","variant","react__WEBPACK_IMPORTED_MODULE_1___default","defaultProps","areInputsEqual","newInputs","lastInputs","length","i","__webpack_exports__","resultFn","isEqual","lastThis","lastResult","lastArgs","calledOnce","_len","arguments","newArgs","Array","_key","this","apply","checkPermissions","currentUser","requiredPermissions","isArray","permissions","some","item","indexOf","propTypes","PropTypes","object","isRequired","array","checkPermissionsMemoized","memoizeOne","checkRoles","requiredRoles","roles","checkRolesMemoized","PrivateComponent","_this$props","props","deniedPermissions","deniedRoles","displayError","errorMessage","publicOnly","tempAuthAllowed","user","_this$props2","currentUserTemp","UnauthorisedComponent","RedirectOnErrorComponent","react_router","push","userObject","token","userId","Component","mapStateToProps","createStructuredSelector","selectCurrentUser","selectCurrentUserTemp","connect","ButtonBlock","Box","theme","buttonBlockSpacerTop","buttonBlockSpacerBottom","buttonBlockHasSeparator","concat","buttonBlockSpacerInner","buttonSeparatorColor","StyledButton","disabled","customInputBtnFontWeight","minWidth","inputBtnMinWidth","controlFocus","th","bool","string","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_PrivateComponent__WEBPACK_IMPORTED_MODULE_1__","Object","assign"],"mappings":"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","file":"static/js/loginPage.2c454eae.chunk.js","sourcesContent":["import qs from 'qs';\nimport history from '_platform/src/utils/history';\n\nconst pageQueryString = qs.parse(\n // Normalise key\n history.location.search.replace(/returnUrl/gi, 'returnUrl'),\n {\n ignoreQueryPrefix: true,\n }\n);\n\nexport default pageQueryString.returnUrl;\n","/**\n * Login Page\n */\n\n// Core imports\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\n// Style, SEO and settings\nimport Helmet from 'react-helmet';\nimport { Col, css, Grid, Row, up, styled, withTheme } from '@smooth-ui/core-sc';\n\n// Additional Components/Containers\nimport Button from '_platform/src/components/Button/Button';\nimport LoadAsync from '_platform/src/utils/LoadAsync';\nimport PublicComponent from '_platform/src/utils/PublicComponent';\nimport getReturnUrlPath from '_platform/src/utils/getReturnUrlPath';\n\nimport { withSettings } from 'containers/WebApp/SettingsContext';\n\nimport bgDesktop1x from './images/hp-login-banner-@1x.jpg';\nimport bgDesktop2x from './images/hp-login-banner-@2x.jpg';\nimport bgMobile1x from './images/hp-login-banner-mobile-@1x.jpg';\nimport bgMobile2x from './images/hp-login-banner-mobile-@2x.jpg';\nimport bgTablet1x from './images/hp-login-banner-tablet-@1x.jpg';\nimport bgTablet2x from './images/hp-login-banner-tablet-@2x.jpg';\n\nconst LoginProvider = LoadAsync(() =>\n import(\n /* webpackChunkName: \"loginProvider\" */ '_platform/src/containers/LoginProvider/LoginProvider'\n )\n);\nconst LoginForm = LoadAsync(() =>\n import(\n /* webpackChunkName: \"loginForm\" */ '_platform/src/components/LoginForm/LoginForm'\n )\n);\n\nconst PageContainer = styled.div`\n align-items: center;\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n justify-content: center;\n background-image: url(${bgMobile1x});\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n padding: 2rem 0;\n @media only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 144dpi),\n only screen and (min-resolution: 1.5dppx) {\n background-image: url(${bgMobile2x});\n }\n ${up(\n 'sm',\n css`\n background-image: url(${bgTablet1x});\n @media only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 144dpi),\n only screen and (min-resolution: 1.5dppx) {\n background-image: url(${bgTablet2x});\n }\n `\n )}\n ${up(\n 'lg',\n css`\n background-image: url(${bgDesktop1x});\n @media only screen and (min-device-pixel-ratio: 1.5),\n only screen and (min-resolution: 144dpi),\n only screen and (min-resolution: 1.5dppx) {\n background-image: url(${bgDesktop1x});\n background-color: #003865;\n }\n @media only screen and (min-width: 4096px) {\n background-image: url(${bgDesktop2x});\n background-color: #003865;\n }\n `\n )}\n`;\n\n/*const LoginLogo = styled.h1`\n margin-bottom: 0;\n margin-top: 0;\n padding-bottom: 1rem;\n padding-top: 0;\n img {\n height: auto;\n width: 222px;\n }\n`;*/\n\nconst IntroContainer = styled.div`\n border: 1px solid #fff;\n box-sizing: border-box;\n background-color: rgba(0, 0, 0, 0.5);\n color: #fff;\n margin-bottom: 0.5rem;\n margin-top: 0.5rem;\n padding: 2rem;\n h2 {\n font-size: 30px;\n }\n p {\n color: #fff;\n }\n a {\n color: #fff;\n &:visited {\n color: #fff;\n }\n }\n`;\n\nconst RegisterContainer = styled.div`\n max-width: 500px;\n //padding-left: 50px;\n`;\n\nconst LoginContainer = styled.div`\n max-width: 500px;\n\n h2 {\n font-size: 20px;\n font-weight: bold;\n }\n\n .reset-password {\n a {\n font-size: 14px;\n font-weight: normal;\n }\n }\n\n ${up(\n 'lg',\n css`\n padding-left: 2rem;\n min-width: 300px;\n `\n )};\n`;\n\nconst LoginPage = ({ settings }) => (\n \n \n Login\n {/**/}\n \n\n \n \n \n \n \n \n

\n Welcome to{' '}\n HP Commercial Club\n

\n

\n The HP Commercial Club is designed to reward your Partner\n Businesses for your sales of HP products. The more HP products\n you sell, the more reward dollars you receive.\n

\n

\n Register below to participate in the HP Commercial Club.\n

\n \n
\n \n \n \n

Already registered?

\n

\n Please login below using the details already provided to you.\n

\n \n \n \n
\n \n
\n
\n
\n
\n \n);\n\nLoginPage.propTypes = {\n settings: PropTypes.object.isRequired,\n};\n\nexport default withTheme(withSettings(LoginPage));\n","module.exports = __webpack_public_path__ + \"static/media/hp-login-banner-@1x.c2bd4ba2.jpg\";","module.exports = __webpack_public_path__ + \"static/media/hp-login-banner-@2x.f15b0758.jpg\";","module.exports = __webpack_public_path__ + \"static/media/hp-login-banner-mobile-@1x.1632bc2a.jpg\";","module.exports = __webpack_public_path__ + \"static/media/hp-login-banner-mobile-@2x.59032973.jpg\";","module.exports = __webpack_public_path__ + \"static/media/hp-login-banner-tablet-@1x.936d7912.jpg\";","module.exports = __webpack_public_path__ + \"static/media/hp-login-banner-tablet-@2x.8b45ed1f.jpg\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert, styled } from '@smooth-ui/core-sc';\n\nconst StyledAlert = styled(Alert)`\n margin-top: 1rem;\n`;\n\nexport const Title = styled.div`\n font-weight: bold;\n`;\n\nexport const Multiline = styled.div`\n white-space: pre-line;\n`;\n\nconst MessageBox = ({ children, title = undefined, variant = 'primary' }) => {\n return (\n \n {title ? {title} : null}\n {children}\n \n );\n};\n\nMessageBox.propTypes = {\n children: PropTypes.node.isRequired,\n title: PropTypes.string,\n variant: PropTypes.string,\n};\n\nMessageBox.defaultProps = {\n title: undefined,\n variant: 'primary',\n};\n\nexport default MessageBox;\n","function areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n\n for (var i = 0; i < newInputs.length; i++) {\n if (newInputs[i] !== lastInputs[i]) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction index(resultFn, isEqual) {\n if (isEqual === void 0) {\n isEqual = areInputsEqual;\n }\n\n var lastThis;\n var lastArgs = [];\n var lastResult;\n var calledOnce = false;\n\n var result = function result() {\n for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {\n newArgs[_key] = arguments[_key];\n }\n\n if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {\n return lastResult;\n }\n\n lastResult = resultFn.apply(this, newArgs);\n calledOnce = true;\n lastThis = this;\n lastArgs = newArgs;\n return lastResult;\n };\n\n return result;\n}\n\nexport default index;","/**\n * Check Permissions - Check if the user has ANY of the required permissions\n *\n * @param {object} currentUser The user object containing the permissions property\n * @param {array} requiredPermissions The array of required permissions\n *\n */\n\nimport memoizeOne from 'memoize-one';\nimport PropTypes from 'prop-types';\n\nconst checkPermissions = (currentUser, requiredPermissions) => {\n if (\n !requiredPermissions ||\n !Array.isArray(requiredPermissions) ||\n !currentUser ||\n !currentUser.permissions ||\n !Array.isArray(currentUser.permissions)\n )\n return false;\n\n return currentUser.permissions.some(\n item => requiredPermissions.indexOf(item) >= 0\n );\n};\n\ncheckPermissions.propTypes = {\n currentUser: PropTypes.object.isRequired,\n requiredPermissions: PropTypes.array.isRequired,\n};\n\nconst checkPermissionsMemoized = memoizeOne(checkPermissions);\n\nexport default checkPermissionsMemoized;\n","/**\n * Check Roles - Check if the user has ANY of the required roles\n *\n * @param {object} currentUser The user object containing the roles property\n * @param {array} requiredRoles The array of required roles\n *\n */\n\nimport memoizeOne from 'memoize-one';\nimport PropTypes from 'prop-types';\n\nconst checkRoles = (currentUser, requiredRoles) => {\n if (\n !requiredRoles ||\n !Array.isArray(requiredRoles) ||\n !currentUser ||\n !currentUser.roles ||\n !Array.isArray(currentUser.roles)\n )\n return false;\n\n return currentUser.roles.some(item => requiredRoles.indexOf(item) >= 0);\n};\n\ncheckRoles.propTypes = {\n currentUser: PropTypes.object.isRequired,\n requiredRoles: PropTypes.array.isRequired,\n};\n\nconst checkRolesMemoized = memoizeOne(checkRoles);\n\nexport default checkRolesMemoized;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Redirect } from 'react-router-dom';\nimport {\n selectCurrentUser,\n selectCurrentUserTemp,\n} from '../containers/App/selectors'; // _platform\nimport checkPermissions from '../utils/checkPermissions'; // _platform\nimport checkRoles from '../utils/checkRoles'; // _platform\nimport MessageBox from '../components/MessageBox/MessageBox'; // _platform\n\n/**\n * Private Component - HoC to determine whether a component should be displayed\n * based on authentication, permissions and/or roles\n *\n * TODO: Extend with prop to supply function to determine permission `verifyFn` similar to LoadAsync\n *\n * The `user` prop can be either currentUser or currentUserTemp, depending on what the parent component determines is applicable.\n * If the `user` prop is not supplied, then this component will retrieve the user data via the App selectors.\n * The `tempAuthAllowed` prop determines whether currentUserTemp can be used\n *\n * `publicOnly` prop inverts the check so that the child component is only displayed to unauthenticated users (use `PublicComponent`)\n *\n * `deniedPermissions` and `deniedRoles` props take precedence over `requiredPermissions` and `requiredRoles`.\n * For example, if the props are `requiredRoles={['Administrator']} deniedRoles={['Administrator']}`,\n * users with the `Administrator` role will be denied access to the child component.\n *\n * If the checks determine that the access should be denied to the child component:\n * - By default the child component is skipped silently\n * - If the `redirectOnError` prop is supplied, the user will be redirected to the supplied local path\n * - Otherwise, if the `displayError` prop is supplied, the user will be shown an error\n * which can be customised via the `errorMessage` prop\n */\n\nclass PrivateComponent extends Component {\n render() {\n const {\n deniedPermissions,\n deniedRoles,\n displayError,\n errorMessage,\n publicOnly,\n redirectOnError,\n requiredPermissions,\n requiredRoles,\n tempAuthAllowed,\n user,\n } = this.props;\n const { currentUser, currentUserTemp } = this.props;\n\n const UnauthorisedComponent = displayError ? (\n \n {errorMessage || 'Unauthorised'}\n \n ) : null;\n\n const RedirectOnErrorComponent = redirectOnError ? (\n \n ) : null;\n\n // Determine which user object to use\n // 1. Use `user` prop if supplied\n // 2. If `tempAuthAllowed` prop:\n // 1. Is true: use `currentUserTemp` if available, if not use currentUser\n // 3. Is false: use currentUser\n //\n // Check for user.token and currentUserTemp.token to ensure they're not the\n // default empty objects. Cleaner than using Object.keys\n let userObject = {};\n if (user && user.token && user.userId) {\n userObject = user;\n } else if (tempAuthAllowed && currentUserTemp && currentUserTemp.token) {\n userObject = currentUserTemp;\n } else {\n userObject = currentUser;\n }\n\n // Invert the check if the publicOnly prop is supplied - used in PublicComponent\n if (publicOnly) {\n return !userObject.token\n ? this.props.children\n : RedirectOnErrorComponent || UnauthorisedComponent;\n }\n\n // Check granular permissions if supplied\n if (\n !!userObject.token &&\n ((deniedPermissions && checkPermissions(userObject, deniedPermissions)) ||\n (requiredPermissions &&\n !checkPermissions(userObject, requiredPermissions)))\n ) {\n return RedirectOnErrorComponent || UnauthorisedComponent;\n }\n\n // Check granular roles if supplied\n if (\n !!userObject.token &&\n ((deniedRoles && checkRoles(userObject, deniedRoles)) ||\n (requiredRoles && !checkRoles(userObject, requiredRoles)))\n ) {\n return RedirectOnErrorComponent || UnauthorisedComponent;\n }\n\n return !!userObject.token\n ? this.props.children\n : RedirectOnErrorComponent || UnauthorisedComponent;\n }\n}\n\nPrivateComponent.propTypes = {\n children: PropTypes.node.isRequired,\n currentUser: PropTypes.object.isRequired,\n currentUserTemp: PropTypes.object.isRequired,\n deniedPermissions: PropTypes.array,\n deniedRoles: PropTypes.array,\n displayError: PropTypes.bool,\n errorMessage: PropTypes.string,\n publicOnly: PropTypes.bool, // Inverts PrivateComponent - displays component to unauthenticated users only. Used by PublicComponent wrapper\n redirectOnError: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n requiredPermissions: PropTypes.array,\n requiredRoles: PropTypes.array,\n tempAuthAllowed: PropTypes.bool,\n user: PropTypes.object,\n};\n\nPrivateComponent.defaultProps = {\n deniedPermissions: undefined,\n deniedRoles: undefined,\n displayError: false,\n errorMessage: undefined,\n publicOnly: false,\n redirectOnError: undefined,\n requiredPermissions: undefined,\n requiredRoles: undefined,\n tempAuthAllowed: false,\n user: {},\n};\n\nconst mapStateToProps = createStructuredSelector({\n currentUser: selectCurrentUser(),\n currentUserTemp: selectCurrentUserTemp(),\n});\n\nexport default connect(\n mapStateToProps,\n null\n)(PrivateComponent);\n","/**\n * Button\n */\nimport PropTypes from 'prop-types';\nimport { Box, Button, controlFocus, styled, th } from '@smooth-ui/core-sc';\n\n// Button Block\nexport const ButtonBlock = styled(Box)`\n margin-top: ${props => props.theme.buttonBlockSpacerTop || '2rem'};\n margin-bottom: ${props => props.theme.buttonBlockSpacerBottom || '1rem'};\n\n ${props =>\n !!props.theme.buttonBlockHasSeparator\n ? `\n padding-top: ${props.theme.buttonBlockSpacerInner || '1.5rem'};\n border-top: 1px solid ${props.theme.buttonSeparatorColor || '#dee2e6'};\n `\n : null};\n`;\n\nconst StyledButton = styled(Button)`\n ${props => props.disabled && `cursor: not-allowed;`}\n ${props =>\n props.theme.customInputBtnFontWeight &&\n `font-weight: ${props.theme.customInputBtnFontWeight};`}\n margin-top: 1px;\n min-width: ${props => props.minWidth || props.theme.inputBtnMinWidth};\n text-align: center;\n\n &:focus {\n ${p => controlFocus(th(p.variant)(p))(p)}\n }\n`;\n\nStyledButton.propTypes = {\n disabled: PropTypes.bool,\n minWidth: PropTypes.string,\n theme: PropTypes.object,\n};\nexport default StyledButton;\n","/**\n * Public Component - Wrapper for PrivateComponent with the publicOnly flag\n */\n\nimport React from 'react';\nimport PrivateComponent from './PrivateComponent';\n\nconst PublicComponent = props => ;\n\nexport default PublicComponent;\n"],"sourceRoot":""}