\n
\n \n {productTiles}\n
\n \n
\n );\n};\n\nSearch.defaultProps = {\n\n};\n\nSearch.propTypes = {\n\n};\n\nexport default Search;","import Search from './Search.jsx';\n\nexport default Search;","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CartIcon = props => {\n return (\n \n
\n );\n};\n\nCartIcon.defaultProps = {\n\n};\n\nCartIcon.propTypes = {\n\n};\n\nexport default CartIcon;","import CartIcon from './CartIcon.jsx';\n\nexport default CartIcon;","import React, {useEffect} from 'react';\nimport Search from './../Search'\nimport CartIcon from './../CartIcon'\n\nconst Header = props => {\n\n useEffect(() => {\n const body = document.body;\n const scrollUp = \"scroll-up\";\n const scrollDown = \"scroll-down\";\n let lastScroll = 0;\n\n window.addEventListener(\"scroll\", () => {\n const currentScroll = window.pageYOffset;\n if (currentScroll === 0) {\n body.classList.remove(scrollUp);\n return;\n }\n \n if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) {\n // down\n body.classList.remove(scrollUp);\n body.classList.add(scrollDown);\n } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) {\n // up\n body.classList.remove(scrollDown);\n body.classList.add(scrollUp);\n }\n lastScroll = currentScroll;\n });\n })\n \n return (\n \n
\n );\n};\n\nSortAndFilterPanel.defaultProps = {\n\n};\n\nSortAndFilterPanel.propTypes = {\n\n};\n\nexport default SortAndFilterPanel;","import SortAndFilterPanel from './SortAndFilterPanel.jsx';\n\nexport default SortAndFilterPanel;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './Button.component.scss'\n\nconst Button = props => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {product.discountedPrice && ₹{Math.ceil(product.discountedPrice)}}\n {product.price && {product.price}}\n {product.discount && {product.discount}% off}\n
\n \n
\n );\n};\n\nPlp.defaultProps = {\n\n};\n\nPlp.propTypes = {\n\n};\n\nexport default Plp;","import Plp from './Plp.jsx';\n\nexport default Plp;"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/3.f25fa7ad.chunk.js b/static/js/3.f25fa7ad.chunk.js
new file mode 100644
index 0000000..54e8fe2
--- /dev/null
+++ b/static/js/3.f25fa7ad.chunk.js
@@ -0,0 +1,2 @@
+(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[3],{42:function(e,t,a){"use strict";var r=a(0),n=a.n(r),c=a(7),o=a.n(c),l=function(e){var t=e.meta;return n.a.createElement("div",{className:"c-InputField"},n.a.createElement("div",{className:"form-group row ".concat(t.container_class?t.container_class:""),"aria-required":t.aria_required},n.a.createElement("label",{htmlFor:t.id,className:"col-12 col-sm-3 col-lg-12 col-form-label"},t.validation.required.isRequired&&!t.isStandAloneField&&n.a.createElement("span",{className:"required-indicator"},"* "),t.label),t.secondaryLabel?n.a.createElement("span",{className:"field--label-description"},t.secondaryLabel):null,n.a.createElement("div",{className:"col-12 col-sm-9 col-12"},t.error&&n.a.createElement("span",{className:"form-wrapper__field-error"},t.errorMessage),n.a.createElement("input",{className:"form-control ".concat(t.error?"error":""),type:t.type,id:t.id,name:t.name,"data-firstname":"null",value:t.fieldValues&&void 0!==t.fieldValues.stateValue?t.fieldValues.stateValue:t.fieldValues.propsValue,required:t.validation.required.isRequired?"required":"",minLength:t.validation.rules.minlength,maxLength:t.validation.rules.maxlength,placeholder:t.placeholder,"aria-required":t.aria_required,"aria-invalid":t.aria_invalid,onBlur:function(e){return t.handlers.onBlurHandler(t.validation,t.handlers.customBlurHandler,e)},onFocus:t.handlers.onFocusHandler,onChange:t.handlers.onChangeHandler,style:{width:"100%"}}))))};l.defaultProps={},l.propTypes={meta:o.a.object};var i=l;t.a=i},51:function(e,t,a){},56:function(e,t,a){},57:function(e,t,a){},58:function(e,t,a){},59:function(e,t,a){},60:function(e,t,a){},63:function(e,t,a){"use strict";a.r(t);var r=a(0),n=a.n(r),c=(a(51),a(40)),o=a(39),l=a(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"===typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],r=!0,n=!1,c=void 0;try{for(var o,l=e[Symbol.iterator]();!(r=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);r=!0);}catch(i){n=!0,c=i}finally{try{r||null==l.return||l.return()}finally{if(n)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a\n \n \n {meta.secondaryLabel ? (\n {meta.secondaryLabel}\n ) : null}\n
\n \n );\n};\n\nInputField.defaultProps = {\n\n};\n\nInputField.propTypes = {\n meta: PropTypes.object\n};\n\nexport default InputField;","import InputField from './InputField';\n\nexport default InputField;","import React, {useState} from 'react';\nimport './Search.component.scss';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\nimport InputField from './../../atoms/InputField'\n\nconst Search = props => {\n const [iconClicked, setIconClicked] = useState(false)\n return (\n \n {meta.error && (\n {meta.errorMessage}\n )}\n \n meta.handlers.onBlurHandler(\n meta.validation,\n meta.handlers.customBlurHandler,\n e\n )\n }\n onFocus={meta.handlers.onFocusHandler}\n onChange={meta.handlers.onChangeHandler}\n style={{width: '100%'}}\n />\n
\n setIconClicked(!iconClicked)}>\n {iconClicked &&
\n );\n};\n\nSearch.defaultProps = {\n\n};\n\nSearch.propTypes = {\n\n};\n\nexport default Search;","import Search from './Search.jsx';\n\nexport default Search;","import React from 'react';\nimport './CartIcon.component.scss';\nimport {withRouter} from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faShoppingCart } from '@fortawesome/free-solid-svg-icons'\n\nconst CartIcon = props => {\n\n const navigateToCart = () => {\n props.history.push('/view/cart')\n }\n\n return (\n \n
\n );\n};\n\nCartIcon.defaultProps = {\n\n};\n\nCartIcon.propTypes = {\n\n};\n\nexport default withRouter(CartIcon);","import CartIcon from './CartIcon.jsx';\n\nexport default CartIcon;","import React, {useEffect} from 'react';\nimport Search from './../Search'\nimport CartIcon from './../CartIcon'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faStar } from '@fortawesome/free-solid-svg-icons'\n\nconst Header = props => {\n\n useEffect(() => {\n const body = document.body;\n const scrollUp = \"scroll-up\";\n const scrollDown = \"scroll-down\";\n let lastScroll = 0;\n\n window.addEventListener(\"scroll\", () => {\n const currentScroll = window.pageYOffset;\n if (currentScroll === 0) {\n body.classList.remove(scrollUp);\n return;\n }\n \n if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) {\n // down\n body.classList.remove(scrollUp);\n body.classList.add(scrollDown);\n } else if (currentScroll < lastScroll && body.classList.contains(scrollDown)) {\n // up\n body.classList.remove(scrollDown);\n body.classList.add(scrollUp);\n }\n lastScroll = currentScroll;\n });\n })\n \n return (\n \n
\n );\n};\n\nSortAndFilterPanel.defaultProps = {\n\n};\n\nSortAndFilterPanel.propTypes = {\n\n};\n\nexport default SortAndFilterPanel;","import SortAndFilterPanel from './SortAndFilterPanel.jsx';\n\nexport default SortAndFilterPanel;","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport * as fwIcons from '@fortawesome/free-solid-svg-icons'\nimport './Button.component.scss'\n\nconst Button = props => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {product.discountedPrice && ₹{Math.ceil(product.discountedPrice)}}\n {\n hasDiscount &&\n (\n \n {product.price}\n {product.discount}% off\n \n )\n }\n
\n \n
\n \n {productTiles}\n
\n \n
\n );\n};\n\nPlp.defaultProps = {\n\n};\n\nPlp.propTypes = {\n\n};\n\nexport default Plp;","import Plp from './Plp.jsx';\n\nexport default Plp;"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/4.4f6cf072.chunk.js b/static/js/4.4f6cf072.chunk.js
new file mode 100644
index 0000000..f3dc84a
--- /dev/null
+++ b/static/js/4.4f6cf072.chunk.js
@@ -0,0 +1,2 @@
+(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[4],{42:function(e,t,r){"use strict";var n=r(0),o=r.n(n),a=r(7),i=r.n(a),u=function(e){var t=e.meta;return o.a.createElement("div",{className:"c-InputField"},o.a.createElement("div",{className:"form-group row ".concat(t.container_class?t.container_class:""),"aria-required":t.aria_required},o.a.createElement("label",{htmlFor:t.id,className:"col-12 col-sm-3 col-lg-12 col-form-label"},t.validation.required.isRequired&&!t.isStandAloneField&&o.a.createElement("span",{className:"required-indicator"},"* "),t.label),t.secondaryLabel?o.a.createElement("span",{className:"field--label-description"},t.secondaryLabel):null,o.a.createElement("div",{className:"col-12 col-sm-9 col-12"},t.error&&o.a.createElement("span",{className:"form-wrapper__field-error"},t.errorMessage),o.a.createElement("input",{className:"form-control ".concat(t.error?"error":""),type:t.type,id:t.id,name:t.name,"data-firstname":"null",value:t.fieldValues&&void 0!==t.fieldValues.stateValue?t.fieldValues.stateValue:t.fieldValues.propsValue,required:t.validation.required.isRequired?"required":"",minLength:t.validation.rules.minlength,maxLength:t.validation.rules.maxlength,placeholder:t.placeholder,"aria-required":t.aria_required,"aria-invalid":t.aria_invalid,onBlur:function(e){return t.handlers.onBlurHandler(t.validation,t.handlers.customBlurHandler,e)},onFocus:t.handlers.onFocusHandler,onChange:t.handlers.onChangeHandler,style:{width:"100%"}}))))};u.defaultProps={},u.propTypes={meta:i.a.object};var l=u;t.a=l},44:function(e,t,r){e.exports={Login:"Login_Login__PPKkV",loginContainer:"Login_loginContainer__24QXD","c-login-intimation":"Login_c-login-intimation__1OU36",loginSplitter:"Login_loginSplitter__1IrNe"}},47:function(e){e.exports=JSON.parse('{"login":{"email":{"label":"Email ID","placeholder":"Email ID","type":"text","id":"email","elementType":"input","validation":{"required":{"isRequired":"true","error_message":"This field is required."},"rules":{"minlength":6,"maxlength":50}}},"password":{"label":"Password","placeholder":"Password","type":"password","id":"password","elementType":"input","validation":{"required":{"isRequired":"true","error_message":"This field is required."},"rules":{}}}}}')},48:function(e,t,r){},64:function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n),a=r(7),i=r.n(a),u=r(44),l=r.n(u),s=r(22),c=r(43),p=r(13),f=r(46),m=Object(f.a)((function(e){return e.data}),(function(e){return e.pages.login})),d=Object(c.createGetSelector)(m,"formValues"),b=Object(c.createGetSelector)(m,"formErrors"),y=r(47),h=r(42),g=r(48),v=r.n(g),E=function(e){return o.a.createElement("div",{className:v.a.root})};function _(e){return(_="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t\n \n \n {meta.secondaryLabel ? (\n {meta.secondaryLabel}\n ) : null}\n
\n \n );\n};\n\nInputField.defaultProps = {\n\n};\n\nInputField.propTypes = {\n meta: PropTypes.object\n};\n\nexport default InputField;","import InputField from './InputField';\n\nexport default InputField;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Login\":\"Login_Login__PPKkV\",\"loginContainer\":\"Login_loginContainer__24QXD\",\"c-login-intimation\":\"Login_c-login-intimation__1OU36\",\"loginSplitter\":\"Login_loginSplitter__1IrNe\"};","import {createSelector} from 'reselect'\nimport {createGetSelector} from 'reselect-immutable-helpers'\n\nconst getData = ({data}) => data\n\nexport const getLogin = createSelector(\n getData,\n (dataState) => {\n return dataState.pages.login\n }\n)\n\nexport const getFormValues = createGetSelector(getLogin, 'formValues')\nexport const getFormErrors = createGetSelector(getLogin, 'formErrors')","import SelectOption from './SelectOption';\n\nexport default SelectOption;","import React from 'react';\nimport styles from './SelectOption.component.scss';\n\nconst SelectOption = props => {\n return (\n \n {meta.error && (\n {meta.errorMessage}\n )}\n \n meta.handlers.onBlurHandler(\n meta.validation,\n meta.handlers.customBlurHandler,\n e\n )\n }\n onFocus={meta.handlers.onFocusHandler}\n onChange={meta.handlers.onChangeHandler}\n style={{width: '100%'}}\n />\n
\n \n
\n );\n};\n\nexport default SelectOption;","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport InputField from '../../../atoms/InputField'\nimport SelectOption from '../../../atoms/SelectOption'\n\n/**\n * INSERT_DESCRIPTION_HERE\n */\n\nclass FormFieldContainer extends React.Component {\n constructor(props) {\n super(props)\n const componentKey = this.props.propsData && this.props.propsData.id\n const passedValue = this.props.value || (this.props.propsData && this.props.propsData.value)\n this.state = {\n error: false,\n errorMessage: null\n }\n this.props.updateFormValues({\n formValues: {\n // ...this.props.formValues,\n [componentKey]: passedValue ? passedValue : ''\n }\n })\n this.props.updateFormErrors({\n formErrors: {\n // ...this.props.formErrors,\n [componentKey]: ''\n }\n })\n this.customExecutes = this.customExecutes.bind(this)\n this.prepareCVN = this.prepareCVN.bind(this)\n this.executeDateValidations = this.executeDateValidations.bind(this)\n this.onChangeHandler = this.onChangeHandler.bind(this)\n this.onBlurHandler = this.onBlurHandler.bind(this)\n this.onFocusHandler = this.onFocusHandler.bind(this)\n }\n\n /**\n * validateFormField - validates the input field values\n * @param {object} event js event object\n * @param {object} validationObj fieldinput data as props\n */\n validateFormField(e, validationObj) {\n const {propsData, formErrors, formValues, updateFormErrors, updateFormValues} = this.props\n const inputValue = e.target.value && e.target.value\n let error = false\n let errorMessage = ''\n const componentKey = propsData.id\n const validRegex =\n validationObj.dataRuleRegex &&\n new RegExp(validationObj.dataRuleRegex.regex).test(inputValue)\n const poValidRegex =\n e.target.id === 'address1' &&\n validationObj.dataRuleRegex.po_regex &&\n new RegExp(validationObj.dataRuleRegex.po_regex, 'i').test(inputValue)\n\n if (e.target.tagName && e.target.tagName === 'SELECT') {\n if (\n validationObj.required.isRequired &&\n e.target.selectedIndex === 0 &&\n !validationObj.required.preSelected\n ) {\n error = true\n errorMessage = validationObj.required.error_message\n }\n } else if (e.target.tagName && e.target.tagName === 'INPUT') {\n if (validationObj.required.isRequired) {\n if (inputValue.trim('') === '') {\n error = true\n errorMessage = validationObj.required.error_message\n } else if (validationObj.dataRuleRegex && !validRegex) {\n error = true\n errorMessage = validationObj.dataRuleRegex.error_message\n } else if (validationObj.dataRuleRegex && poValidRegex) {\n error = true\n errorMessage = validationObj.dataRuleRegex.po_error_message\n }\n }\n } else {\n error = false\n errorMessage = null\n }\n\n if (!errorMessage && propsData.id === 'expiration_month') {\n errorMessage = this.executeDateValidations()\n if (errorMessage) {\n error = true\n }\n }\n\n this.setState({\n error\n })\n\n updateFormErrors({\n formErrors: {\n ...formErrors,\n [componentKey]: errorMessage\n }\n })\n\n updateFormValues({\n formValues: {\n ...formValues,\n [componentKey]: inputValue\n }\n })\n\n return error\n }\n\n onChangeHandler(event) {\n const value = event.target.value\n this.setState({\n value\n })\n this.executeDateValidations(event)\n }\n\n onFocusHandler(event) {\n this.setState({\n oldValue: event.target.value\n })\n }\n\n onBlurHandler(validation, customBlurHandler, e) {\n e.oldValue = this.state.oldValue\n const {customBlurFormatter} = this.props\n const isError = this.validateFormField(e, validation)\n if (!isError) {\n if (customBlurHandler && typeof customBlurHandler === 'function') {\n customBlurHandler(e)\n }\n if (customBlurFormatter && typeof customBlurFormatter === 'function') {\n this.setState({value: customBlurFormatter(e)})\n }\n }\n }\n\n prepareCVN() {\n const {propsData, selectedCreditCard} = this.props\n if (propsData && propsData.ccNumberUpdated !== undefined && propsData.ccNumberUpdated) {\n this.setState({\n value: ''\n })\n this.props.updateFormValues({\n formValues: {\n ...this.props.formValues,\n security_code: ''\n }\n })\n propsData.ccNumberUpdated = false\n }\n if (selectedCreditCard) {\n if (selectedCreditCard.payment_card.card_type === 'Amex') {\n propsData.validation.dataRuleRegex.regex = /^[0-9'\\s]{4}$/\n propsData.validation.rules.maxlength = 4\n } else {\n propsData.validation.dataRuleRegex.regex = /^[0-9'\\s]{3}$/\n propsData.validation.rules.maxlength = 3\n }\n }\n }\n\n executeDateValidations(event) {\n const {propsData, formValues, formErrors, updateFormErrors} = this.props\n let errorMessage = ''\n if (propsData.id === 'expiration_month' || propsData.id === 'expiration_year') {\n let month = ''\n let year = ''\n if (propsData.id === 'expiration_month') {\n month = +event.target.value\n year = +formValues.expiration_year\n } else if (propsData.id === 'expiration_year') {\n month = +formValues.expiration_month\n year = +event.target.value\n }\n const currentYear = new Date().getFullYear()\n const currentMonth = new Date().getMonth()\n if (year === currentYear && month < currentMonth + 1) {\n errorMessage = 'This Credit Card is expired'\n } else {\n errorMessage = ''\n }\n updateFormErrors({\n formErrors: {\n ...formErrors,\n expiration_month: errorMessage\n }\n })\n }\n return errorMessage\n }\n\n customExecutes() {\n this.prepareCVN()\n }\n\n render() {\n const {customBlurHandler, formErrors, propsData} = this.props\n const {elementType} = propsData\n const errorMessage = formErrors && formErrors[propsData.id]\n this.customExecutes()\n const meta = {\n ...this.props.propsData,\n className: this.state.error ? 'error' : '',\n error: this.state.error || errorMessage,\n errorMessage,\n handlers: {\n onBlurHandler: this.onBlurHandler,\n customBlurHandler,\n onChangeHandler: this.onChangeHandler,\n onFocusHandler: this.onFocusHandler\n },\n fieldValues: {\n propsValue: this.props.value,\n stateValue: this.state.value\n }\n }\n\n /**\n * switch function - returns HTML Tag depending upon the requirement\n * @param {string} elementType - element type e.g. input,select\n */\n switch (elementType) {\n case 'input':\n return \n \n
\n );\n};\n\nLoginForm.propTypes = {\n updateFormValues: PropTypes.func,\n updateFormErrors: PropTypes.func,\n formValues: PropTypes.object,\n formErrors: PropTypes.object\n};\n\nexport default LoginForm;","import LoginForm from './LoginForm';\n\nexport default LoginForm;","import React from 'react';\nimport {withRouter} from 'react-router-dom'\nimport {gapi} from 'gapi-script'\n\nclass SocialLogin extends React.Component{\n\n constructor(props) {\n super(props)\n this.width = 254\n this.height = 50\n this.onSuccess = this.onSuccess.bind(this)\n this.onFailure = this.onFailure.bind(this)\n }\n\n componentDidMount() {\n gapi && gapi.signin2 && gapi.signin2.render('g-signin2', {\n 'scope': 'profile email',\n 'width': this.width,\n 'height': this.height,\n 'longtitle': true,\n 'theme': 'dark',\n 'onsuccess': this.onSuccess,\n 'onfailure': this.onFailure\n }); \n }\n\n onSuccess(googleUser) {\n console.log('Logged in as: ' + googleUser.getBasicProfile().getName());\n this.props.history.push('/view/plp')\n }\n\n onFailure(error) {\n console.log(error);\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nSocialLogin.defaultProps = {\n\n};\n\nSocialLogin.propTypes = {\n\n};\n\nexport default withRouter(SocialLogin)","import SocialLogin from './SocialLogin.jsx';\n\nexport default SocialLogin;","import React from 'react';\nimport PropTypes from 'prop-types'\nimport {Link} from 'react-router-dom'\n\nconst Jumbotron = props => {\n return (\n \n
\n \n \n
\n \n \n
\n \n
\n
\n );\n};\n\nJumbotron.propTypes = {\n furtherLink: PropTypes.string,\n jumboDescription: PropTypes.string,\n jumboText: PropTypes.string,\n subText: PropTypes.string\n};\n\nexport default Jumbotron;","import Jumbotron from './Jumbotron.jsx';\n\nexport default Jumbotron;","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './Login.module.scss'\nimport {connect} from 'react-redux'\nimport {createPropsSelector} from 'reselect-immutable-helpers'\n\nimport * as actions from './actions'\nimport {getLogin, getFormErrors, getFormValues} from './selectors'\nimport LoginForm from '../../components/molecules/LoginForm'\nimport SocialLogin from '../../components/molecules/SocialLogin'\nimport Jumbotron from '../../components/molecules/common/Jumbotron'\n\nclass Login extends React.Component {\n constructor(props) {\n super(props)\n this.pageType = 'login'\n }\n\n componentDidMount() {\n const {initializeLogin} = this.props\n initializeLogin()\n }\n\n clicked() {\n console.log('login handler')\n }\n\n render() {\n const {updateFormErrors, updateFormValues, formErrors, formValues} = this.props\n return (\n {props.jumboText}
\n{props.subText}
\n\n
{props.jumboDescription}
\n\n Go To PLP\n {props.furtherLink}\n
\n\n
\n )\n }\n}\n\nLogin.propTypes = {\n initializeLogin: PropTypes.func,\n dataState: PropTypes.object,\n updateFormValues: PropTypes.func,\n updateFormErrors: PropTypes.func,\n formValues: PropTypes.object,\n formErrors: PropTypes.object\n}\n\nconst mapStateToProps = createPropsSelector({\n dataState: getLogin,\n formErrors: getFormErrors,\n formValues: getFormValues\n})\n\nconst mapDispatchToProps = {\n initializeLogin: actions.initializeLogin,\n updateFormErrors: actions.updateFormErrors,\n updateFormValues: actions.updateFormValues\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Login)\n","import Login from './Login.jsx';\n\nexport default Login;"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/4.f91bccb6.chunk.js b/static/js/5.14c94f27.chunk.js
similarity index 98%
rename from static/js/4.f91bccb6.chunk.js
rename to static/js/5.14c94f27.chunk.js
index 7c510fb..989e981 100644
--- a/static/js/4.f91bccb6.chunk.js
+++ b/static/js/5.14c94f27.chunk.js
@@ -1,2 +1,2 @@
-(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[4],{39:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return gapi}));var gapi=window.gapi=window.gapi||{};gapi._bs=(new Date).getTime(),function(){var m=this||self,aa=function(t){var e=typeof t;if("object"==e){if(!t)return"null";if(t instanceof Array)return"array";if(t instanceof Object)return e;var r=Object.prototype.toString.call(t);if("[object Window]"==r)return"object";if("[object Array]"==r||"number"==typeof t.length&&"undefined"!=typeof t.splice&&"undefined"!=typeof t.propertyIsEnumerable&&!t.propertyIsEnumerable("splice"))return"array";if("[object Function]"==r||"undefined"!=typeof t.call&&"undefined"!=typeof t.propertyIsEnumerable&&!t.propertyIsEnumerable("call"))return"function"}else if("function"==e&&"undefined"==typeof t.call)return"object";return e},ba=function(t,e,r){return t.call.apply(t.bind,arguments)},ca=function(t,e,r){if(!t)throw Error();if(2\n
\n \n
\n \n
\n \n
\n Let's get to know each other, shall we!
\nOR
\n");var xa={MATH:!0,SCRIPT:!0,STYLE:!0,SVG:!0,TEMPLATE:!0},za=function(t){var e,r=!1;return function(){return r||(e=function(){if("undefined"===typeof document)return!1;var t=document.createElement("div"),e=document.createElement("div");return e.appendChild(document.createElement("div")),t.appendChild(e),!!t.firstChild&&(e=t.firstChild.firstChild,t.innerHTML=va(wa),!e.parentElement)}(),r=!0),e}}(),A=window,B=document,Aa=A.location,Ba=function(){},Ca=/\[native code\]/,C=function(t,e,r){return t[e]=t[e]||r},Da=function(t){for(var e=0;e
");var xa={MATH:!0,SCRIPT:!0,STYLE:!0,SVG:!0,TEMPLATE:!0},za=function(t){var e,r=!1;return function(){return r||(e=function(){if("undefined"===typeof document)return!1;var t=document.createElement("div"),e=document.createElement("div");return e.appendChild(document.createElement("div")),t.appendChild(e),!!t.firstChild&&(e=t.firstChild.firstChild,t.innerHTML=va(wa),!e.parentElement)}(),r=!0),e}}(),A=window,B=document,Aa=A.location,Ba=function(){},Ca=/\[native code\]/,C=function(t,e,r){return t[e]=t[e]||r},Da=function(t){for(var e=0;e
\");var xa={MATH:!0,SCRIPT:!0,STYLE:!0,SVG:!0,TEMPLATE:!0},za=function(a){var b=!1,c;return function(){b||(c=a(),b=!0);return c}}(function(){if(\"undefined\"===typeof document)return!1;var a=document.createElement(\"div\"),b=document.createElement(\"div\");b.appendChild(document.createElement(\"div\"));a.appendChild(b);if(!a.firstChild)return!1;b=a.firstChild.firstChild;a.innerHTML=va(wa);return!b.parentElement});\n /*\n gapi.loader.OBJECT_CREATE_TEST_OVERRIDE &&*/\n var A=window,B=document,Aa=A.location,Ba=function(){},Ca=/\\[native code\\]/,C=function(a,b,c){return a[b]=a[b]||c},Da=function(a){for(var b=0;b
\");var xa={MATH:!0,SCRIPT:!0,STYLE:!0,SVG:!0,TEMPLATE:!0},za=function(a){var b=!1,c;return function(){b||(c=a(),b=!0);return c}}(function(){if(\"undefined\"===typeof document)return!1;var a=document.createElement(\"div\"),b=document.createElement(\"div\");b.appendChild(document.createElement(\"div\"));a.appendChild(b);if(!a.firstChild)return!1;b=a.firstChild.firstChild;a.innerHTML=va(wa);return!b.parentElement});\n /*\n gapi.loader.OBJECT_CREATE_TEST_OVERRIDE &&*/\n var A=window,B=document,Aa=A.location,Ba=function(){},Ca=/\\[native code\\]/,C=function(a,b,c){return a[b]=a[b]||c},Da=function(a){for(var b=0;b
\n \n \n {meta.secondaryLabel ? (\n {meta.secondaryLabel}\n ) : null}\n
\n \n );\n};\n\nInputField.defaultProps = {\n\n};\n\nInputField.propTypes = {\n meta: PropTypes.object\n};\n\nexport default InputField;","import InputField from './InputField';\n\nexport default InputField;","import SelectOption from './SelectOption';\n\nexport default SelectOption;","import React from 'react';\nimport styles from './SelectOption.component.scss';\n\nconst SelectOption = props => {\n return (\n \n {meta.error && (\n {meta.errorMessage}\n )}\n \n meta.handlers.onBlurHandler(\n meta.validation,\n meta.handlers.customBlurHandler,\n e\n )\n }\n onFocus={meta.handlers.onFocusHandler}\n onChange={meta.handlers.onChangeHandler}\n style={{width: '100%'}}\n />\n
\n \n
\n );\n};\n\nexport default SelectOption;","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport InputField from '../../../atoms/InputField'\nimport SelectOption from '../../../atoms/SelectOption'\n\n/**\n * INSERT_DESCRIPTION_HERE\n */\n\nclass FormFieldContainer extends React.Component {\n constructor(props) {\n super(props)\n const componentKey = this.props.propsData && this.props.propsData.id\n const passedValue = this.props.value || (this.props.propsData && this.props.propsData.value)\n this.state = {\n error: false,\n errorMessage: null\n }\n this.props.updateFormValues({\n formValues: {\n // ...this.props.formValues,\n [componentKey]: passedValue ? passedValue : ''\n }\n })\n this.props.updateFormErrors({\n formErrors: {\n // ...this.props.formErrors,\n [componentKey]: ''\n }\n })\n this.customExecutes = this.customExecutes.bind(this)\n this.prepareCVN = this.prepareCVN.bind(this)\n this.executeDateValidations = this.executeDateValidations.bind(this)\n this.onChangeHandler = this.onChangeHandler.bind(this)\n this.onBlurHandler = this.onBlurHandler.bind(this)\n this.onFocusHandler = this.onFocusHandler.bind(this)\n }\n\n /**\n * validateFormField - validates the input field values\n * @param {object} event js event object\n * @param {object} validationObj fieldinput data as props\n */\n validateFormField(e, validationObj) {\n const {propsData, formErrors, formValues, updateFormErrors, updateFormValues} = this.props\n const inputValue = e.target.value && e.target.value\n let error = false\n let errorMessage = ''\n const componentKey = propsData.id\n const validRegex =\n validationObj.dataRuleRegex &&\n new RegExp(validationObj.dataRuleRegex.regex).test(inputValue)\n const poValidRegex =\n e.target.id === 'address1' &&\n validationObj.dataRuleRegex.po_regex &&\n new RegExp(validationObj.dataRuleRegex.po_regex, 'i').test(inputValue)\n\n if (e.target.tagName && e.target.tagName === 'SELECT') {\n if (\n validationObj.required.isRequired &&\n e.target.selectedIndex === 0 &&\n !validationObj.required.preSelected\n ) {\n error = true\n errorMessage = validationObj.required.error_message\n }\n } else if (e.target.tagName && e.target.tagName === 'INPUT') {\n if (validationObj.required.isRequired) {\n if (inputValue.trim('') === '') {\n error = true\n errorMessage = validationObj.required.error_message\n } else if (validationObj.dataRuleRegex && !validRegex) {\n error = true\n errorMessage = validationObj.dataRuleRegex.error_message\n } else if (validationObj.dataRuleRegex && poValidRegex) {\n error = true\n errorMessage = validationObj.dataRuleRegex.po_error_message\n }\n }\n } else {\n error = false\n errorMessage = null\n }\n\n if (!errorMessage && propsData.id === 'expiration_month') {\n errorMessage = this.executeDateValidations()\n if (errorMessage) {\n error = true\n }\n }\n\n this.setState({\n error\n })\n\n updateFormErrors({\n formErrors: {\n ...formErrors,\n [componentKey]: errorMessage\n }\n })\n\n updateFormValues({\n formValues: {\n ...formValues,\n [componentKey]: inputValue\n }\n })\n\n return error\n }\n\n onChangeHandler(event) {\n const value = event.target.value\n this.setState({\n value\n })\n this.executeDateValidations(event)\n }\n\n onFocusHandler(event) {\n this.setState({\n oldValue: event.target.value\n })\n }\n\n onBlurHandler(validation, customBlurHandler, e) {\n e.oldValue = this.state.oldValue\n const {customBlurFormatter} = this.props\n const isError = this.validateFormField(e, validation)\n if (!isError) {\n if (customBlurHandler && typeof customBlurHandler === 'function') {\n customBlurHandler(e)\n }\n if (customBlurFormatter && typeof customBlurFormatter === 'function') {\n this.setState({value: customBlurFormatter(e)})\n }\n }\n }\n\n prepareCVN() {\n const {propsData, selectedCreditCard} = this.props\n if (propsData && propsData.ccNumberUpdated !== undefined && propsData.ccNumberUpdated) {\n this.setState({\n value: ''\n })\n this.props.updateFormValues({\n formValues: {\n ...this.props.formValues,\n security_code: ''\n }\n })\n propsData.ccNumberUpdated = false\n }\n if (selectedCreditCard) {\n if (selectedCreditCard.payment_card.card_type === 'Amex') {\n propsData.validation.dataRuleRegex.regex = /^[0-9'\\s]{4}$/\n propsData.validation.rules.maxlength = 4\n } else {\n propsData.validation.dataRuleRegex.regex = /^[0-9'\\s]{3}$/\n propsData.validation.rules.maxlength = 3\n }\n }\n }\n\n executeDateValidations(event) {\n const {propsData, formValues, formErrors, updateFormErrors} = this.props\n let errorMessage = ''\n if (propsData.id === 'expiration_month' || propsData.id === 'expiration_year') {\n let month = ''\n let year = ''\n if (propsData.id === 'expiration_month') {\n month = +event.target.value\n year = +formValues.expiration_year\n } else if (propsData.id === 'expiration_year') {\n month = +formValues.expiration_month\n year = +event.target.value\n }\n const currentYear = new Date().getFullYear()\n const currentMonth = new Date().getMonth()\n if (year === currentYear && month < currentMonth + 1) {\n errorMessage = 'This Credit Card is expired'\n } else {\n errorMessage = ''\n }\n updateFormErrors({\n formErrors: {\n ...formErrors,\n expiration_month: errorMessage\n }\n })\n }\n return errorMessage\n }\n\n customExecutes() {\n this.prepareCVN()\n }\n\n render() {\n const {customBlurHandler, formErrors, propsData} = this.props\n const {elementType} = propsData\n const errorMessage = formErrors && formErrors[propsData.id]\n this.customExecutes()\n const meta = {\n ...this.props.propsData,\n className: this.state.error ? 'error' : '',\n error: this.state.error || errorMessage,\n errorMessage,\n handlers: {\n onBlurHandler: this.onBlurHandler,\n customBlurHandler,\n onChangeHandler: this.onChangeHandler,\n onFocusHandler: this.onFocusHandler\n },\n fieldValues: {\n propsValue: this.props.value,\n stateValue: this.state.value\n }\n }\n\n /**\n * switch function - returns HTML Tag depending upon the requirement\n * @param {string} elementType - element type e.g. input,select\n */\n switch (elementType) {\n case 'input':\n return \n \n
\n );\n};\n\nLoginForm.propTypes = {\n updateFormValues: PropTypes.func,\n updateFormErrors: PropTypes.func,\n formValues: PropTypes.object,\n formErrors: PropTypes.object\n};\n\nexport default LoginForm;","import LoginForm from './LoginForm';\n\nexport default LoginForm;","import React from 'react';\nimport {withRouter} from 'react-router-dom'\nimport {gapi} from 'gapi-script'\n\nclass SocialLogin extends React.Component{\n\n constructor(props) {\n super(props)\n this.width = 254\n this.height = 50\n this.onSuccess = this.onSuccess.bind(this)\n this.onFailure = this.onFailure.bind(this)\n }\n\n componentDidMount() {\n gapi && gapi.signin2 && gapi.signin2.render('g-signin2', {\n 'scope': 'profile email',\n 'width': this.width,\n 'height': this.height,\n 'longtitle': true,\n 'theme': 'dark',\n 'onsuccess': this.onSuccess,\n 'onfailure': this.onFailure\n }); \n }\n\n onSuccess(googleUser) {\n console.log('Logged in as: ' + googleUser.getBasicProfile().getName());\n this.props.history.push('/view/plp')\n }\n\n onFailure(error) {\n console.log(error);\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nSocialLogin.defaultProps = {\n\n};\n\nSocialLogin.propTypes = {\n\n};\n\nexport default withRouter(SocialLogin)","import SocialLogin from './SocialLogin.jsx';\n\nexport default SocialLogin;","import React from 'react';\nimport PropTypes from 'prop-types'\nimport {Link} from 'react-router-dom'\n\nconst Jumbotron = props => {\n return (\n \n
\n \n \n
\n \n \n
\n \n
\n
\n );\n};\n\nJumbotron.propTypes = {\n furtherLink: PropTypes.string,\n jumboDescription: PropTypes.string,\n jumboText: PropTypes.string,\n subText: PropTypes.string\n};\n\nexport default Jumbotron;","import Jumbotron from './Jumbotron.jsx';\n\nexport default Jumbotron;","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './Login.module.scss'\nimport {connect} from 'react-redux'\nimport {createPropsSelector} from 'reselect-immutable-helpers'\n\nimport * as actions from './actions'\nimport {getLogin, getFormErrors, getFormValues} from './selectors'\nimport LoginForm from '../../components/molecules/LoginForm'\nimport SocialLogin from '../../components/molecules/SocialLogin'\nimport Jumbotron from '../../components/molecules/common/Jumbotron'\n\nclass Login extends React.Component {\n constructor(props) {\n super(props)\n this.pageType = 'login'\n }\n\n componentDidMount() {\n const {initializeLogin} = this.props\n initializeLogin()\n }\n\n clicked() {\n console.log('login handler')\n }\n\n render() {\n const {updateFormErrors, updateFormValues, formErrors, formValues} = this.props\n return (\n {props.jumboText}
\n{props.subText}
\n\n
{props.jumboDescription}
\n\n Go To PLP\n {props.furtherLink}\n
\n\n
\n )\n }\n}\n\nLogin.propTypes = {\n initializeLogin: PropTypes.func,\n dataState: PropTypes.object,\n updateFormValues: PropTypes.func,\n updateFormErrors: PropTypes.func,\n formValues: PropTypes.object,\n formErrors: PropTypes.object\n}\n\nconst mapStateToProps = createPropsSelector({\n dataState: getLogin,\n formErrors: getFormErrors,\n formValues: getFormValues\n})\n\nconst mapDispatchToProps = {\n initializeLogin: actions.initializeLogin,\n updateFormErrors: actions.updateFormErrors,\n updateFormValues: actions.updateFormValues\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Login)\n","import Login from './Login.jsx';\n\nexport default Login;"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/6.6abd565d.chunk.js b/static/js/6.6abd565d.chunk.js
deleted file mode 100644
index 7365551..0000000
--- a/static/js/6.6abd565d.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[6],{41:function(n,t,e){"use strict";e.d(t,"a",(function(){return r})),e.d(t,"b",(function(){return i}));var r={prefix:"fas",iconName:"filter",icon:[512,512,[],"f0b0","M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"]},i={prefix:"fas",iconName:"sort",icon:[320,512,[],"f0dc","M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z"]}},50:function(n,t,e){"use strict";e.d(t,"a",(function(){return v}));var r=e(51),i=e(7),a=e.n(i),o=e(0),c=e.n(o);function s(n){return(s="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"===typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function f(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function l(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function u(n){for(var t=1;t\n
\n \n
\n \n
\n \n
\n Let's get to know each other, shall we!
\nOR
\n