\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n } else if (showRequirements) {\r\n return (\r\n \r\n Password Strength: {message} \r\n
\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n};\r\n\r\nconst RenderCriteria = (showRequirements, criteriaList) => {\r\n if (criteriaList && showRequirements) {\r\n return (\r\n \r\n Password Strength: \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n return '';\r\n};\r\n\r\nexport const ForgotPasswordLink = withRouter(({ history, path }) => {\r\n if (path === 'reset') {\r\n return (\r\n { history.push('/reset'); }} >\r\n Forgot your password?\r\n \r\n );\r\n }\r\n return (\r\n \r\n Forgot your password?\r\n \r\n );\r\n});\r\n\r\nconst RenderPasswordFunctionality = (type, showHidePassword, forgotPasswordPath) => {\r\n if (forgotPasswordPath) {\r\n return (\r\n Create a strong password by:
\r\n\r\n {criteriaList.map(val => (\r\n
\r\n \r\n
\r\n ))}\r\n {val.match ? '✔' : '●'}
\r\n {val.message}\r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n \r\n {type === 'password' ? 'Show' : 'Hide'}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst PasswordPresentation = ({\r\n dataTestId,\r\n input,\r\n label,\r\n inputType,\r\n showHidePassword,\r\n forgotPasswordPath,\r\n message,\r\n criteriaList,\r\n messageColor,\r\n showRequirements,\r\n strength,\r\n meta: {\r\n touched,\r\n },\r\n}) =>\r\n (\r\n \r\n
\r\n );\r\n\r\n\r\nPasswordPresentation.defaultProps = {\r\n dataTestId: '',\r\n forgotPasswordPath: '',\r\n showRequirements: false,\r\n};\r\n\r\nPasswordPresentation.propTypes = {\r\n input: shape({}).isRequired,\r\n dataTestId: string,\r\n label: string.isRequired,\r\n inputType: string.isRequired,\r\n showHidePassword: func.isRequired,\r\n forgotPasswordPath: string,\r\n message: string.isRequired,\r\n criteriaList: arrayOf(shape({})).isRequired,\r\n messageColor: string.isRequired,\r\n meta: shape({}).isRequired,\r\n showRequirements: bool,\r\n strength: number.isRequired,\r\n};\r\n\r\nexport default PasswordPresentation;\r\n","import { connect } from 'react-redux';\r\nimport LogInForm from './LogInForm';\r\nimport { logIn } from './LogInActions';\r\nimport switchTab from '../app/AppActions';\r\n\r\nfunction mapDispatchToProps(dispatch, ownProps) {\r\n return {\r\n onSubmit: values => dispatch(logIn(values, ownProps.onSigninSuccess)),\r\n signUp: () => dispatch(switchTab('signUp')),\r\n };\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n return {\r\n initialValues: {\r\n 'login-email': ownProps.customer && ownProps.customer.email,\r\n },\r\n forgotPasswordPath: ownProps.forgotPasswordPath,\r\n isSubmitting: state.login.isSubmitting,\r\n serverMessage: state.login.serverMessage,\r\n };\r\n}\r\n\r\nconst LogInContainer = connect(mapStateToProps, mapDispatchToProps)(LogInForm);\r\nexport default LogInContainer;\r\n","import React, { Component } from 'react';\r\nimport {\r\n string,\r\n func,\r\n bool,\r\n shape,\r\n} from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport TextBox from '../form/TextBox';\r\nimport Password from '../form/PasswordContainer';\r\nimport { required } from '../form/validators';\r\n\r\n// eslint-disable-next-line react/prefer-stateless-function\r\nclass LogInForm extends Component {\r\n render() {\r\n const {\r\n forgotPasswordPath,\r\n handleSubmit,\r\n serverMessage,\r\n signUp,\r\n initialValues,\r\n } = this.props;\r\n const disabled = this.props.isSubmitting ? { disabled: 'disabled' } : {};\r\n\r\n return (\r\n \r\n
\r\n {RenderCriteria(showRequirements, criteriaList)}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nLogInForm.defaultProps = {\r\n forgotPasswordPath: '',\r\n isSubmitting: false,\r\n initialValues: {},\r\n displayRegisterLink: true,\r\n displaySitePolicyLinks: true,\r\n emailInputStyles: undefined,\r\n};\r\n\r\nLogInForm.propTypes = {\r\n forgotPasswordPath: string,\r\n handleSubmit: func.isRequired,\r\n isSubmitting: bool,\r\n serverMessage: string.isRequired,\r\n signUp: func.isRequired,\r\n initialValues: shape({\r\n 'login-email': string,\r\n }),\r\n displayRegisterLink: bool,\r\n displaySitePolicyLinks: bool,\r\n emailInputStyles: shape({}),\r\n};\r\n\r\nexport default reduxForm({\r\n form: 'login',\r\n})(LogInForm);\r\n","import { api } from '../../api/Axios';\r\n\r\nconst login = (email, password) => {\r\n const resource = 'manage/login';\r\n const data = { email, password };\r\n return api.post(resource, data);\r\n};\r\nexport default { login };\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport backToSignIn from './ResetPasswordActions';\r\nimport ForgotYourPasswordForm from './ForgotYourPasswordForm';\r\nimport { FORGOT_YOUR_PASSWORD, CHECK_YOUR_IN_BOX } from '../reset-password/ResetPasswordConstants';\r\nimport CheckYourInBoxContainer from '../reset-password/CheckYourInBoxContainer';\r\nimport ResetPasswordApi from '../api/ResetPasswordApi';\r\n\r\nclass ForgotYourPasswordContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n step: FORGOT_YOUR_PASSWORD,\r\n instructions: {\r\n text: 'Enter your email and we\\'ll send you instructions to reset your password.',\r\n },\r\n errorMessage: '',\r\n };\r\n this.onSubmit = this.onSubmit.bind(this);\r\n }\r\n\r\n onSubmit(values) {\r\n ResetPasswordApi.submitPasswordReset(values.email).then(() => {\r\n this.setState({\r\n step: CHECK_YOUR_IN_BOX,\r\n });\r\n }).catch((error) => {\r\n console.log('submitPasswordReset-error', error); // eslint-disable-line no-console\r\n if (error.response.status === 404) {\r\n this.setState({\r\n errorMessage: 'Email not found: Sorry, we don\\'t recognize that email. Please try again.',\r\n });\r\n } else if (error.response.status === 400 || error.response.status === 406) {\r\n this.setState({\r\n errorMessage: 'Unexpected error occurred. Please try again.',\r\n });\r\n } else {\r\n this.setState({\r\n errorMessage: 'Unexpected error occurred. Please try again later.',\r\n });\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n if (this.state.step === FORGOT_YOUR_PASSWORD) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n check_circle\r\n \r\n Check your inbox.\r\n
\r\nThis leaves your login and cart unchanged.\",\r\n buttons: {\r\n ok: {\r\n text: \"Ok\"\r\n },\r\n cancel: {\r\n text: \"Cancel\"\r\n }\r\n }\r\n }, function() {\r\n window.location = globals.globalPaths.logOutURI;\r\n });\r\n };\r\n\r\n var logout = () => {\r\n $.ajax({\r\n url: \"/InternalUser/LogoutAndRemoveCookie\",\r\n }).done((d) => {\r\n window.location = \"/\";\r\n });\r\n };\r\n\r\n var vm = {\r\n cartOnBehalfOf: cookiesFactory.cartOnBehalfOf(),\r\n dateAsOfText: dateAsOfText,\r\n logoutOnBehalfOf: logoutOnBehalfOf,\r\n shouldShowOnBehalfOfDropdown: shouldShowOnBehalfOfDropdown,\r\n showDateAsOfSticky: showDateAsOfSticky,\r\n username: cookiesFactory.userNameWithoutDomainPrefix(),\r\n emptyCart: emptyCart,\r\n visible: cookiesFactory.isInternalUser(),\r\n logout: logout,\r\n }\r\n\r\n ko.applyBindings(vm, jQuerySelectorResult[0]);\r\n\r\n return {}\r\n\r\n});\r\n","/*eslint-disable*/\r\ndefine([\r\n \"globals\",\r\n \"underscore\",\r\n \"knockout\",\r\n \"jquery\",\r\n \"postal\",\r\n \"cookies-factory\",\r\n \"cart-count\",\r\n \"js-cookie\",\r\n \"../../../react/site-bdc/header-modal/index\",\r\n \"ko-autocomplete\",\r\n \"colorbox\"\r\n], function(\r\n globals,\r\n _,\r\n ko,\r\n $,\r\n postal,\r\n cookiesFactory,\r\n CartCount,\r\n jsCookie,\r\n AppModal,\r\n) {\r\n \"use strict\";\r\n\r\n AppModal.default();\r\n\r\n return function HeaderViewModel() {\r\n var self = this;\r\n var cartCount = new CartCount();\r\n\r\n var useDelorean = globals.siteId === 3;\r\n self.searchValue = ko.observable();\r\n self.cartItemCount = ko.observable(0);\r\n self.channel = postal.channel(\"cart\");\r\n\r\n self.name = ko.computed(function() {\r\n if (cookiesFactory.userName() === undefined) {\r\n return \"\";\r\n }\r\n return cookiesFactory.userName();\r\n });\r\n\r\n self.showName = ko.computed(function() {\r\n return self.name() !== \"\";\r\n });\r\n\r\n self.internalName = ko.computed(function() {\r\n if (cookiesFactory.userName() === undefined) {\r\n return \"\";\r\n }\r\n return \"logged in as: \" + cookiesFactory.userName();\r\n });\r\n\r\n self.dateAsOf = ko.computed(function() {\r\n if (cookiesFactory.dateAsOf() === undefined) {\r\n return \"\";\r\n }\r\n return cookiesFactory.dateAsOf();\r\n });\r\n\r\n self.showTime = ko.computed(function() {\r\n return self.dateAsOf() !== \"\";\r\n });\r\n\r\n self.showSurefit = function(viewModel, event) {\r\n event.preventDefault();\r\n $.colorbox({\r\n href: event.target.href,\r\n transition: \"none\",\r\n width: \"600px\",\r\n maxWidth: \"95%\",\r\n maxHeight: \"95%\"\r\n });\r\n };\r\n\r\n self.dispatchLoginStatusChangeEvent = function(isLoggedIn) {\r\n const loginStatusChangeEvent = new CustomEvent(\"loginStatusChange\", {\r\n detail: {\r\n taskName: \"loginStatusChange\",\r\n isLoggedIn\r\n }\r\n });\r\n\r\n document.dispatchEvent(loginStatusChangeEvent);\r\n };\r\n\r\n self.getAuthStatus = function(isAuthenticated) {\r\n if (jsCookie.get(\"internalUser\")) {\r\n return \"rep\";\r\n } else if (isAuthenticated) {\r\n return \"consumer\";\r\n }\r\n return \"guest\";\r\n };\r\n\r\n self.handleAuthStatus = function(authData) {\r\n var cartCountObject = $(\"[data-cart-count]\");\r\n cartCount.updateCartCount(authData.ItemCount, cartCountObject);\r\n self.cartItemCount(authData.ItemCount);\r\n cartCountObject.attr(\"data-cart-count\", authData.ItemCount);\r\n self.dispatchLoginStatusChangeEvent(authData.IsAuthenticated);\r\n var body = $(document.body);\r\n if (authData.HasMandiMeasureLineItem) {\r\n body.attr(\r\n \"data-has-mandi-measure-line-item\",\r\n authData.HasMandiMeasureLineItem\r\n );\r\n } else {\r\n body.removeAttr(\"data-has-mandi-measure-line-item\");\r\n }\r\n\r\n if (authData.IsAuthenticated) {\r\n body.attr(\"data-is-authenticated\", authData.IsAuthenticated);\r\n } else {\r\n body.removeAttr(\"data-is-authenticated\");\r\n }\r\n\r\n $(document).trigger({\r\n type: \"cartUpdated\"\r\n });\r\n };\r\n\r\n self.updateHeaderWithLoginStatus = function() {\r\n if (window.cartwithloginstatus) {\r\n self.handleAuthStatus(window.cartwithloginstatus);\r\n } else {\r\n $.ajax(globals.globalPaths.getCartWithLoginStatus)\r\n .done(function(response) {\r\n self.handleAuthStatus(response);\r\n })\r\n .fail(function() {\r\n self.cartItemCount(0);\r\n $(document).trigger({\r\n type: \"cartUpdated\"\r\n });\r\n });\r\n }\r\n };\r\n\r\n self.channel.subscribe(\"cart.list.updated\", function() {\r\n self.updateHeaderWithLoginStatus();\r\n });\r\n\r\n document.addEventListener(\"cart.list.updated\", function() {\r\n self.updateHeaderWithLoginStatus();\r\n });\r\n\r\n self.channel.subscribe(\"new.cart\", function() {\r\n self.updateHeaderWithLoginStatus();\r\n });\r\n self.updateHeaderWithLoginStatus();\r\n\r\n $(\"#gcc-header-topnav-myaccount-sign-in\").click(e => {\r\n const loginEvent = new CustomEvent(\"loginRequested\", {\r\n detail: {\r\n taskName: \"open modal\"\r\n }\r\n });\r\n\r\n var blockSignIn = window.location.href,\r\n preCheckout = \"/Ordering/Checkout/Signin\";\r\n if (blockSignIn.indexOf(preCheckout) === -1) {\r\n document.dispatchEvent(loginEvent);\r\n }\r\n });\r\n\r\n $(\"#gcc-header-topnav-create-estimate\").click(e => {\r\n const estimateModalEvent = new CustomEvent(\"createEstimate\", {\r\n detail: {\r\n taskName: \"open modal\"\r\n }\r\n });\r\n\r\n document.dispatchEvent(estimateModalEvent);\r\n });\r\n\r\n $(\"#exitEstimateModeLink\").click(e => {\r\n const exitEstimateModalEvent = new CustomEvent(\"exitEstimate\", {\r\n detail: {\r\n taskName: \"open modal\"\r\n }\r\n });\r\n\r\n document.dispatchEvent(exitEstimateModalEvent);\r\n });\r\n };\r\n});\r\n","define([\r\n \"globals\",\r\n \"jquery\",\r\n \"knockout\",\r\n \"underscore\",\r\n \"autocomplete\",\r\n \"typeahead.js\",],\r\nfunction(globals, $, ko, _, Autocomplete) {\r\n\r\n \"use strict\";\r\n\r\n ko.bindingHandlers.koAutocomplete = {\r\n\r\n init: function(element, valueAccessor) {\r\n\r\n var siteId = globals !== undefined ? globals.siteId : window.siteId;\r\n var isMobile = globals.ssm.states[0].active;\r\n if (siteId !== 11) {\r\n\r\n var autocomplete = new Autocomplete();\r\n $.when(autocomplete.getData()).done(function(autoCompleteData) {\r\n\r\n var jsonData = JSON.parse(autoCompleteData);\r\n\r\n var prefix = (globals.siteId === 1) ? \"ab\" : \"bdc\";\r\n $(element).typeahead({\r\n hint: true,\r\n highlight: true,\r\n minLength: 1,\r\n classNames: {\r\n wrapper: prefix + \"-typeahead-wrapper\",\r\n input: prefix + \"-typeahead-input\",\r\n hint: prefix + \"-typeahead-hint\",\r\n menu: prefix + \"-typeahead-menu\",\r\n dataset: prefix + \"-typeahead-dataset\",\r\n suggestion: prefix + \"-typeahead-suggestion\",\r\n selectable: prefix + \"-typeahead-selectable\",\r\n empty: prefix + \"-typeahead-empty\",\r\n open: prefix + \"-typeahead-open\",\r\n cursor: prefix + \"-typeahead-cursor\",\r\n highlight: prefix + \"-typeahead-highlight\"\r\n }\r\n },\r\n {\r\n name: \"label\",\r\n displayKey: \"label\",\r\n source: autocomplete.substringMatcher(jsonData),\r\n limit: 6,\r\n templates: {\r\n suggestion: function (queryItem) {\r\n\r\n if ($(\".bdc-captive-header-autocomplete\").length > 0) {\r\n return \"\";\r\n }\r\n else {\r\n return \"
\" + queryItem.label + \"
\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n // Goes to URL when item is selected\r\n $(\"input\").on(\"typeahead:selected\", function(x) {\r\n var clickedOptionValue = this.value;\r\n\r\n var objFound = _.find(jsonData, function(obj) {\r\n return obj.label === clickedOptionValue;\r\n });\r\n if ($(\".bdc-captive-header-autocomplete\").length > 0) {\r\n search();\r\n }\r\n else {\r\n if (objFound.url.indexOf('?') != -1) {\r\n objFound.url += \"&searchType=redirect\";\r\n } else {\r\n objFound.url += \"?searchType=redirect\";\r\n }\r\n window.location.href = objFound.url;\r\n }\r\n });\r\n\r\n // Scroll page to Inline Search when mobile menu is open\r\n if (isMobile) {\r\n $(\"#gcc-inline-search\").focus(function() {\r\n if ($(this).offset().top > 120) {\r\n $(\"html, body\").animate({\r\n scrollTop: $(this).offset().top - 10\r\n }, 500);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n});\r\n","define([\r\n \"jquery\",\r\n \"globals\"],\r\nfunction($, globals) {\r\n\r\n \"use strict\";\r\n\r\n var Autocomplete = function() {\r\n\r\n var substringMatcher = function(strs) {\r\n return function findMatches(q, cb) {\r\n var matches, substrRegex;\r\n\r\n // an array that will be populated with substring matches\r\n matches = [];\r\n\r\n // regex used to determine if a string contains the substring `q`\r\n substrRegex = new RegExp(q, \"i\");\r\n\r\n // iterate through the pool of strings and for any string that\r\n // contains the substring `q`, add it to the `matches` array\r\n $.each(strs, function (i, str) {\r\n if (substrRegex.test(str.label)) {\r\n matches.push(str);\r\n }\r\n });\r\n\r\n cb(matches);\r\n };\r\n };\r\n\r\n var getData = function() {\r\n return $.ajax(\"/infopage/_autocomplete.js\").done(function(data) {\r\n return JSON.parse(data);\r\n });\r\n }\r\n\r\n return {\r\n getData: getData,\r\n substringMatcher: substringMatcher\r\n }\r\n\r\n };\r\n\r\n return Autocomplete;\r\n\r\n});\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport SignInSignUp from './SignInSignUp';\r\nimport appActions from './AppActions';\r\n\r\nclass SignInSignUpContainer extends React.Component {\r\n componentWillMount() {\r\n this.props.switchTab(this.props.defaultTab);\r\n }\r\n\r\n render() {\r\n return (\r\n this.props.selectedTab != null &&\r\n (\r\n \r\n {/* selectedTab(State) and switchTab(Function) should live in this component */}\r\n {signInTab}\r\n {signUpTab}\r\n
\r\n );\r\n }\r\n}\r\n\r\nSignInSignUp.defaultProps = {\r\n customer: {},\r\n signInLabelClassNameOverride: undefined,\r\n signUpLabelClassNameOverride: undefined,\r\n signInLabelDivClassNameOverride: undefined,\r\n signUpLabelDivClassNameOverride: undefined,\r\n finishCreatingAccount: false,\r\n accountInvitationGuid: undefined,\r\n showAccountBenefitsText: true,\r\n showSignUpBorderBottom: true,\r\n signUpTitleElementType: 'div',\r\n};\r\n\r\nSignInSignUp.propTypes = {\r\n selectedTab: string.isRequired,\r\n switchTab: func.isRequired,\r\n forgotPasswordPath: string.isRequired,\r\n customer: shape({\r\n firstName: string,\r\n lastName: string,\r\n email: string,\r\n }),\r\n onSigninSuccess: func.isRequired,\r\n onRegistrationSuccess: func.isRequired,\r\n showSignIn: bool.isRequired,\r\n showSignUp: bool.isRequired,\r\n signInLabel: string.isRequired,\r\n signUpLabel: string.isRequired,\r\n signInLabelClassNameOverride: string,\r\n signUpLabelClassNameOverride: string,\r\n signInLabelDivClassNameOverride: string,\r\n signUpLabelDivClassNameOverride: string,\r\n showAlreadyHaveAccount: bool.isRequired,\r\n finishCreatingAccount: bool,\r\n accountInvitationGuid: string,\r\n showAccountBenefitsText: bool,\r\n showSignUpBorderBottom: bool,\r\n signUpTitleElementType: string,\r\n};\r\n\r\nexport default SignInSignUp;\r\n","import { connect } from 'react-redux';\r\nimport { formValueSelector, change } from 'redux-form';\r\nimport RegisterForm from './RegisterForm';\r\nimport { register, forgotPassword, validateUniqueEmail } from './RegisterActions';\r\nimport getPasswordStrength from '../form/PasswordStrength';\r\nimport switchTab from '../app/AppActions';\r\n\r\nconst selector = formValueSelector('register');\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n return {\r\n initialValues: {\r\n firstName: ownProps.customer && ownProps.customer.firstName,\r\n lastName: ownProps.customer && ownProps.customer.lastName,\r\n email: ownProps.customer && ownProps.customer.email,\r\n accountInvitationGuid: ownProps.accountInvitationGuid !== undefined ?\r\n ownProps.accountInvitationGuid : undefined,\r\n },\r\n isSubmitting: state.register.isSubmitting,\r\n passwordStrength: getPasswordStrength(selector(state, 'password')),\r\n updateIsUniqueEmail: ownProps.updateIsUniqueEmail,\r\n isUniqueEmail: ownProps.isUniqueEmail,\r\n serverMessage: state.register.serverMessage,\r\n hasSuccessfullyCreatedAccount: state.register.hasSuccessfullyCreatedAccount,\r\n showAlreadyHaveAccount: ownProps.showAlreadyHaveAccount,\r\n finishCreatingAccount: ownProps.finishCreatingAccount,\r\n showSignIn: ownProps.showSignIn,\r\n showAccountBenefitsText: ownProps.showAccountBenefitsText,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch, ownProps) {\r\n return {\r\n onSubmit: values => dispatch(register(values, ownProps.onRegistrationSuccess)),\r\n onForgotPasswordClicked: () => dispatch(forgotPassword()),\r\n onEmailBlurred: () => dispatch(validateUniqueEmail()),\r\n prefillLoginEmail: email => dispatch(change('login', 'login-email', email)),\r\n signIn: () => dispatch(switchTab('signIn')),\r\n };\r\n}\r\n\r\nconst RegisterContainer = connect(mapStateToProps, mapDispatchToProps)(RegisterForm);\r\nexport default RegisterContainer;\r\n","import React from 'react';\r\nimport {\r\n func,\r\n bool,\r\n string,\r\n shape,\r\n} from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport TextBox from '../form/TextBox';\r\nimport EmailTextBox from '../form/EmailTextBox';\r\nimport Password from '../form/PasswordContainer';\r\nimport validate from './validate';\r\nimport asyncValidate from './asyncValidate';\r\nimport { required, validEmail, validPassword } from '../form/validators';\r\nimport RegisterConfirmation from './RegisterConfirmationContainer';\r\n\r\nexport const RegistrationForm = (props) => {\r\n const {\r\n handleSubmit,\r\n serverMessage,\r\n signIn,\r\n isSubmitting,\r\n prefillLoginEmail,\r\n updateIsUniqueEmail,\r\n isUniqueEmail,\r\n initialValues,\r\n showAlreadyHaveAccount,\r\n finishCreatingAccount,\r\n showSignIn,\r\n showAccountBenefitsText,\r\n } = props;\r\n\r\n const disabled = isSubmitting ? { disabled: 'disabled' } : {};\r\n return (\r\n \r\n );\r\n};\r\n\r\nRegistrationForm.defaultProps = {\r\n initialValues: {},\r\n finishCreatingAccount: false,\r\n showSignIn: true,\r\n showAccountBenefitsText: false,\r\n};\r\n\r\nRegistrationForm.propTypes = {\r\n handleSubmit: func.isRequired,\r\n isSubmitting: bool.isRequired,\r\n serverMessage: string.isRequired,\r\n signIn: func.isRequired,\r\n prefillLoginEmail: func.isRequired,\r\n updateIsUniqueEmail: func.isRequired,\r\n isUniqueEmail: bool.isRequired,\r\n initialValues: shape({\r\n firstName: string,\r\n lastName: string,\r\n email: string,\r\n accountInvitationGuid: string,\r\n }),\r\n showAlreadyHaveAccount: bool.isRequired,\r\n finishCreatingAccount: bool,\r\n showSignIn: bool,\r\n showAccountBenefitsText: bool,\r\n};\r\n\r\nconst inviteToRegister = hasSuccessfullyCreatedAccount => (!hasSuccessfullyCreatedAccount);\r\n\r\nconst RegisterComponent = (props) => {\r\n const {\r\n isSubmitting,\r\n handleSubmit,\r\n serverMessage,\r\n signIn,\r\n prefillLoginEmail,\r\n updateIsUniqueEmail,\r\n isUniqueEmail,\r\n hasSuccessfullyCreatedAccount,\r\n initialValues,\r\n showAlreadyHaveAccount,\r\n finishCreatingAccount,\r\n showSignIn,\r\n showAccountBenefitsText,\r\n } = props;\r\n\r\n const registerFormProps = {\r\n handleSubmit,\r\n isSubmitting,\r\n prefillLoginEmail,\r\n serverMessage,\r\n signIn,\r\n updateIsUniqueEmail,\r\n isUniqueEmail,\r\n initialValues,\r\n showAlreadyHaveAccount,\r\n finishCreatingAccount,\r\n showSignIn,\r\n showAccountBenefitsText,\r\n };\r\n\r\n const registrationElement =\r\n inviteToRegister(hasSuccessfullyCreatedAccount) ?\r\n \r\n { /* should conditionally render the component based on selected tab */}\r\n {showSignIn && (\r\n
\r\n \r\n {registrationElement}\r\n
\r\n );\r\n};\r\n\r\nRegisterComponent.defaultProps = {\r\n initialValues: {},\r\n finishCreatingAccount: false,\r\n showSignIn: true,\r\n showAccountBenefitsText: true,\r\n};\r\n\r\nRegisterComponent.propTypes = {\r\n handleSubmit: func.isRequired,\r\n isSubmitting: bool.isRequired,\r\n signIn: func.isRequired,\r\n prefillLoginEmail: func.isRequired,\r\n updateIsUniqueEmail: func.isRequired,\r\n isUniqueEmail: bool.isRequired,\r\n serverMessage: string.isRequired,\r\n hasSuccessfullyCreatedAccount: bool.isRequired,\r\n initialValues: shape({\r\n firstName: string,\r\n lastName: string,\r\n email: string,\r\n accountInvitationGuid: string,\r\n }),\r\n showAlreadyHaveAccount: bool.isRequired,\r\n finishCreatingAccount: bool,\r\n showSignIn: bool,\r\n showAccountBenefitsText: bool,\r\n};\r\n\r\nexport default reduxForm({\r\n form: 'register',\r\n validate,\r\n asyncValidate,\r\n asyncBlurFields: ['email'],\r\n})(RegisterComponent);\r\n","import React from 'react';\r\nimport {\r\n shape,\r\n string,\r\n bool,\r\n func,\r\n} from 'prop-types';\r\n\r\nconst EmailTextBox = (props) => {\r\n const {\r\n input,\r\n isUniqueEmail,\r\n showSignIn,\r\n dataTestId,\r\n prefillLoginEmail,\r\n signIn,\r\n label,\r\n type,\r\n meta: { touched, error },\r\n readOnly,\r\n } = props;\r\n\r\n const transitionViaEmail = (e) => {\r\n e.preventDefault();\r\n prefillLoginEmail(input.value);\r\n signIn();\r\n };\r\n\r\n const hidden = type === 'hidden';\r\n const hasError = (touched || hidden) && error;\r\n const inputStyle = {};\r\n if (hidden) {\r\n inputStyle.border = 0;\r\n inputStyle.height = 'auto';\r\n if (!hasError) {\r\n inputStyle.margin = 'auto';\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\n\r\nEmailTextBox.defaultProps = {\r\n dataTestId: '',\r\n isUniqueEmail: true,\r\n showSignIn: true,\r\n readOnly: false,\r\n};\r\n\r\nEmailTextBox.propTypes = {\r\n input: shape({}).isRequired,\r\n dataTestId: string,\r\n isUniqueEmail: bool,\r\n showSignIn: bool,\r\n prefillLoginEmail: func.isRequired,\r\n label: string.isRequired,\r\n signIn: func.isRequired,\r\n type: string.isRequired,\r\n meta: shape({}).isRequired,\r\n readOnly: bool,\r\n};\r\n\r\nexport default EmailTextBox;\r\n","const validate = (values) => {\r\n const errors = {};\r\n if (!values.username) {\r\n errors.username = 'Required';\r\n }\r\n if (!values.password) {\r\n errors.password = 'Required';\r\n }\r\n return errors;\r\n};\r\n\r\nexport default validate;\r\n","import RegisterApi from '../api/RegisterApi';\r\n\r\nconst asyncValidate = (values, dispatch, props) => (\r\n RegisterApi.checkUniqueEmail(values.email).then((isUnique) => {\r\n if (!isUnique.data) {\r\n props.updateIsUniqueEmail(false);\r\n // eslint-disable-next-line no-throw-literal\r\n throw { email: 'Email already registered. Want to sign in?' };\r\n } else {\r\n props.updateIsUniqueEmail(true);\r\n }\r\n })\r\n);\r\n\r\nexport default asyncValidate;\r\n","import { connect } from 'react-redux';\r\nimport { closeModal } from '../modal/modalActions';\r\nimport RegisterConfirmation from './RegisterConfirmation';\r\n\r\nconst mapStateToProps = state => ({\r\n redirect: state.modal &&\r\n state.modal.event &&\r\n state.modal.event.detail ?\r\n state.modal.event.detail.redirectAfterCreate :\r\n undefined,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n closeModal: () => dispatch(closeModal()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RegisterConfirmation);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst RegisterConfirmation = ({ closeModal, redirect }) => {\r\n const continueShopping = (e) => {\r\n if (!redirect) {\r\n closeModal();\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n return (\r\n \r\n {isUniqueEmail ?\r\n {error}\r\n :\r\n \r\n Email already registered. {showSignIn && transitionViaEmail(e)}>Want to sign in?}\r\n \r\n }\r\n
\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nRegisterConfirmation.defaultProps = {\r\n redirect: true,\r\n};\r\n\r\nRegisterConfirmation.propTypes = {\r\n closeModal: PropTypes.func.isRequired,\r\n redirect: PropTypes.bool,\r\n};\r\n\r\n\r\nexport default RegisterConfirmation;\r\n","const getPasswordStrength = (val) => {\r\n let strength = 1;\r\n const strengths = {\r\n 1: { color: '#707c80', msg: 'Too Short' },\r\n 2: { color: '#dc2a2a', msg: 'Weak' },\r\n 3: { color: '#fcc300', msg: 'Almost There' },\r\n 4: { color: '#73b93b', msg: 'Strong' },\r\n };\r\n\r\n if (val == null) {\r\n return {\r\n strength,\r\n color: strengths[strength].color,\r\n message: strengths[strength].msg,\r\n };\r\n }\r\n\r\n // If the password length is less than 8\r\n // strength is 1\r\n if (val.length <= 7) strength = 1;\r\n\r\n // If the password length is greater than 6 and contain any\r\n // lowercase alphabet or any number or any special character\r\n // strength is 2\r\n if (val.length > 7 && (val.match(/[a-z]/) || val.match(/\\d+/)\r\n || val.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,=,<,>]/))) strength = 2;\r\n\r\n // If the password length is greater than 6 and contain alphabet,\r\n // number,special character respectively\r\n // strength is 3\r\n if (val.length > 7 && ((val.match(/[a-z]/) && val.match(/\\d+/))\r\n || (val.match(/\\d+/) && val.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,=,<,>]/))\r\n || (val.match(/[a-z]/) && val.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,=,<,>]/)))) strength = 3;\r\n\r\n // If the password length is greater than 6 and must contain uppsercase and lowercase alphabets,\r\n // numbers and special characters\r\n // strength is 4\r\n if (val.length > 7 && val.match(/[a-z]/) && val.match(/[A-Z]/)\r\n && val.match(/\\d+/) && val.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),+,=,<,>]/)) strength = 4;\r\n\r\n return {\r\n strength,\r\n color: strengths[strength].color,\r\n message: strengths[strength].msg,\r\n };\r\n};\r\n\r\nexport default getPasswordStrength;\r\n","import { combineReducers } from 'redux';\r\nimport { reducer as formReducer } from 'redux-form';\r\nimport previousProducts from '../../modules/previous-products/previousProductsReducer';\r\nimport login from '../../login-register/login/LoginReducer';\r\nimport register from '../../login-register/register/reducer';\r\nimport modal from '../../login-register/modal/reducer';\r\nimport app from '../../login-register/app/reducer';\r\nimport resetPassword from '../../login-register/reset-password/ResetPasswordReducer';\r\nimport estimateModal from '../../createestimate/estimateReducer';\r\n\r\nconst reducers = combineReducers({\r\n\r\n previousProducts,\r\n login,\r\n register,\r\n app,\r\n form: formReducer,\r\n modal,\r\n resetPassword,\r\n estimateModal,\r\n});\r\n\r\nexport default reducers;\r\n","\r\nconst defaultState = {\r\n isOpen: false,\r\n event: null,\r\n};\r\n\r\n\r\nconst estimateModal = (state = defaultState, action) => {\r\n switch (action.type) {\r\n case 'OPEN_ESTIMATE_MODAL':\r\n return Object.assign({}, state, { isOpen: true, event: action.event });\r\n case 'CLOSE_ESTIMATE_MODAL':\r\n return Object.assign({}, state, { isOpen: false });\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default estimateModal;\r\n","import { Utils } from './Utils';\r\n\r\nmodule.exports = { Utils };\r\n","import axios from 'axios';\r\nimport { Utils } from '../common';\r\n\r\nclass Axios {\r\n constructor() {\r\n const newBaseUrl = Utils.getUrlAddress(window.location.href).replace(/\\/+$/g, '');\r\n this.baseUrl = `${newBaseUrl}/`;\r\n axios.defaults.baseURL = this.baseUrl;\r\n axios.defaults.headers.post['Content-Type'] = 'application/json';\r\n\r\n const axiosConfig = {\r\n headers: { Accept: 'application/json' },\r\n credentials: 'same-origin',\r\n };\r\n\r\n const instance = axios.create(axiosConfig);\r\n\r\n // You can alter axios defaults after instance has been created from the client\r\n // const api = new AxiosInstance();\r\n // api.defaults.headers.common['Authorization'] = AUTH_TOKEN;\r\n return instance;\r\n }\r\n}\r\n\r\nconst api = new Axios();\r\n\r\nmodule.exports = { api };\r\n","import { render } from 'react-dom';\r\nimport React from 'react';\r\nimport { Provider } from 'react-redux';\r\nimport reducers from './app/reducers';\r\nimport App from './app/App';\r\n\r\nimport configureStore from '../store/configureStore';\r\n\r\nexport default function boostrapReact() {\r\n const mountSite = document.getElementById('gcc-header-react-boot-strap');\r\n if (mountSite) {\r\n const store = configureStore(reducers);\r\n\r\n render(\r\n \r\n check_circle\r\n Success!\r\n
\r\nYou now have a
Blinds.com account.
\r\n Blinds.com account.
We’ll send you an email with a link to confirm your account.
\r\n \r\n Continue Shopping\r\n \r\n\r\n
\r\n);\r\n\r\nexport default App;\r\n","import { connect } from 'react-redux';\r\nimport AppModal from './AppModal';\r\nimport { closeModal, openModal } from './modalActions';\r\nimport { setLoginStatus } from '../login/LogInActions';\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n isOpen: state.modal.isOpen,\r\n resetPasswordStep: state.resetPassword.step,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n onCloseModal: () => dispatch(closeModal()),\r\n openModal: e => dispatch(openModal(e)),\r\n setLoginStatus: isLoggedIn => dispatch(setLoginStatus(isLoggedIn)),\r\n };\r\n}\r\n\r\n\r\nconst AppModalContainer = connect(mapStateToProps, mapDispatchToProps)(AppModal);\r\nexport default AppModalContainer;\r\n","/* eslint-disable no-restricted-globals */\r\nimport Modal from 'react-modal';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { HashRouter, Route } from 'react-router-dom';\r\nimport SignInSignUpContainer from '../app/SignInSignUpContainer';\r\nimport { changeDefaultTab } from './modalActions';\r\nimport ForgotYourPasswordContainer from '../reset-password/ForgotYourPasswordContainer';\r\nimport CheckYourInBoxContainer from '../reset-password/CheckYourInBoxContainer';\r\nimport { registrationSuccess } from '../register/RegisterActions';\r\n\r\nclass AppModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.customer = {};\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('loginRequested', (e) => {\r\n this.customer = (e.detail && e.detail.customer) || {};\r\n this.props.openModal(e);\r\n window.location.hash = 'sign-in';\r\n });\r\n\r\n document.addEventListener('loginClose', () => {\r\n this.props.onCloseModal();\r\n });\r\n\r\n document.addEventListener('setLoginStatus', (e) => {\r\n this.props.setLoginStatus(e.detail.isLoggedIn);\r\n });\r\n\r\n document.addEventListener('signInSignUpModalRequested', (e) => {\r\n if (e.detail.selectedTab === 'signIn') {\r\n this.props.changeDefaultTab('signIn');\r\n } else if (e.detail.selectedTab === 'signUp') {\r\n this.props.changeDefaultTab('signUp');\r\n }\r\n\r\n this.props.openModal(e);\r\n\r\n window.location.hash = 'sign-in';\r\n });\r\n }\r\n\r\n static onSigninSuccess() {\r\n document.body.setAttribute('data-is-authenticated', true);\r\n if (window.location.href.toLowerCase().endsWith('orderstatus')) {\r\n window.location.href = `${window.location.origin}/myaccount/dashboard`;\r\n return;\r\n }\r\n if (location.hash) {\r\n window.location.href = window.location.href.replace(location.hash, '');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n (\r\n AppModal.onSigninSuccess()}\r\n onRegistrationSuccess={(dispatch) => {\r\n dispatch(registrationSuccess());\r\n AppModal.onSigninSuccess();\r\n }}\r\n />\r\n )}\r\n />\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEstimateModal.propTypes = {\r\n isOpen: PropTypes.bool.isRequired,\r\n onCloseEstimateModal: PropTypes.func.isRequired,\r\n openEstimateModal: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default EstimateModal;\r\n","/* eslint-disable no-restricted-globals */\r\nfunction openEstimateModal(e) {\r\n return {\r\n type: 'OPEN_ESTIMATE_MODAL',\r\n event: e,\r\n };\r\n}\r\n\r\nfunction closeEstimateModal() {\r\n history.pushState('', document.title, window.location.pathname + window.location.search);\r\n return {\r\n type: 'CLOSE_ESTIMATE_MODAL',\r\n };\r\n}\r\nexport { closeEstimateModal, openEstimateModal };\r\n"],"sourceRoot":""}\r\n
\r\n \r\n \r\n ![\"\"](\"/Content/Images/Blinds.com/icon_close_x.svg\")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n How it Works
\r\n
\r\n \r\n ![\"\"](\"/Content/Images/Blinds.com/Icon_Window.svg\")
\r\n
\r\n \r\n Shop
\r\nBrowse our selection to find just\r\n
what you're looking for.\r\n
\r\n ![\"\"](\"/Content/Images/Blinds.com/Icon_MeasureTape.svg\")
\r\n
\r\n \r\n Measure
\r\nDIY measure your windows or\r\n
book a pro-measure appointment.\r\n
\r\n ![\"\"](\"/Content/Images/Blinds.com/Icon_Truck.svg\")
\r\n
\r\n \r\n Order
\r\nCustomize and order the perfect fit\r\n
for your window coverings.\r\n
\r\n ![\"\"](\"/Content/Images/Blinds.com/Icon_Wrench.svg\")
\r\n
\r\n \r\n Install
\r\nDIY install or book an installation\r\n
appointment once products arrive.\r\n
\r\n \r\n
\r\n Get Started
\r\n \r\n