2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
(this.webpackJsonpadobeassignment=this.webpackJsonpadobeassignment||[]).push([[8],{114:function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n),a=r(5),i=r.n(a),u=r(76),l=r.n(u),c=r(22),s=r(56),f=r(15),p=r(59),m=Object(p.a)((function(e){return e.data}),(function(e){return e.pages.login})),d=Object(s.createGetSelector)(m,"formValues"),b=Object(s.createGetSelector)(m,"formErrors"),y=r(77),h=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%"}}))))};h.defaultProps={},h.propTypes={meta:i.a.object};var g=h,v=r(78),E=r.n(v),O=function(e){return o.a.createElement("div",{className:E.a.root})};function j(e){return(j="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 w(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 _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){S(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function S(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function R(e,t){return!t||"object"!==j(t)&&"function"!==typeof t?P(e):t}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function V(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function N(e){return(N=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var x=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}(u,e);var t,r,n,a,i=(t=u,function(){var e,r=N(t);if(V()){var n=N(this).constructor;e=Reflect.construct(r,arguments,n)}else e=r.apply(this,arguments);return R(this,e)});function u(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u);var r=(t=i.call(this,e)).props.propsData&&t.props.propsData.id,n=t.props.value||t.props.propsData&&t.props.propsData.value;return t.state={error:!1,errorMessage:null},t.props.updateFormValues({formValues:S({},r,n||"")}),t.props.updateFormErrors({formErrors:S({},r,"")}),t.onChangeHandler=t.onChangeHandler.bind(P(t)),t.onBlurHandler=t.onBlurHandler.bind(P(t)),t.onFocusHandler=t.onFocusHandler.bind(P(t)),t}return r=u,(n=[{key:"validateFormField",value:function(e,t){var r=this.props,n=r.propsData,o=r.formErrors,a=r.formValues,i=r.updateFormErrors,u=r.updateFormValues,l=e.target.value&&e.target.value,c=!1,s="",f=n.id,p=t.dataRuleRegex&&new RegExp(t.dataRuleRegex.regex).test(l),m="address1"===e.target.id&&t.dataRuleRegex.po_regex&&new RegExp(t.dataRuleRegex.po_regex,"i").test(l);return e.target.tagName&&"SELECT"===e.target.tagName?t.required.isRequired&&0===e.target.selectedIndex&&!t.required.preSelected&&(c=!0,s=t.required.error_message):e.target.tagName&&"INPUT"===e.target.tagName?t.required.isRequired&&(""===l.trim("")?(c=!0,s=t.required.error_message):t.dataRuleRegex&&!p?(c=!0,s=t.dataRuleRegex.error_message):t.dataRuleRegex&&m&&(c=!0,s=t.dataRuleRegex.po_error_message)):(c=!1,s=null),this.setState({error:c}),i({formErrors:_({},o,S({},f,s))}),u({formValues:_({},a,S({},f,l))}),c}},{key:"onChangeHandler",value:function(e){var t=e.target.value;this.setState({value:t})}},{key:"onFocusHandler",value:function(e){this.setState({oldValue:e.target.value})}},{key:"onBlurHandler",value:function(e,t,r){r.oldValue=this.state.oldValue;var n=this.props.customBlurFormatter;this.validateFormField(r,e)||(t&&"function"===typeof t&&t(r),n&&"function"===typeof n&&this.setState({value:n(r)}))}},{key:"render",value:function(){var e=this.props,t=e.customBlurHandler,r=e.formErrors,n=e.propsData,a=n.elementType,i=r&&r[n.id],u=_({},this.props.propsData,{className:this.state.error?"error":"",error:this.state.error||i,errorMessage:i,handlers:{onBlurHandler:this.onBlurHandler,customBlurHandler:t,onChangeHandler:this.onChangeHandler,onFocusHandler:this.onFocusHandler},fieldValues:{propsValue:this.props.value,stateValue:this.state.value}});switch(a){case"input":return o.a.createElement(g,{meta:u});case"select":return o.a.createElement(O,{meta:u});default:return o.a.createElement("input",null)}}}])&&F(r.prototype,n),a&&F(r,a),u}(o.a.Component);x.propTypes={propsData:i.a.object.isRequired,className:i.a.string,customBlurHandler:i.a.func,customBlurFormatter:i.a.func,onFocus:i.a.func,value:i.a.string,formValues:i.a.object,formErrors:i.a.object,selectedCreditCard:i.a.object,updateFormValues:i.a.func,updateFormErrors:i.a.func};var D=x;function T(e){return(T="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 q(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function H(e,t){return!t||"object"!==T(t)&&"function"!==typeof t?L(e):t}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function B(e){return(B=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function I(e,t){return(I=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var J=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&I(e,t)}(u,e);var t,r,n,a,i=(t=u,function(){var e,r=B(t);if(C()){var n=B(this).constructor;e=Reflect.construct(r,arguments,n)}else e=r.apply(this,arguments);return H(this,e)});function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).state={name:"",greeting:""},t.handleChange=t.handleChange.bind(L(t)),t.handleSubmit=t.handleSubmit.bind(L(t)),t.onFocusHandler=t.onFocusHandler.bind(L(t)),t}return r=u,(n=[{key:"handleChange",value:function(e){this.setState({name:e.target.value})}},{key:"handleSubmit",value:function(e){e.preventDefault()}},{key:"onFocusHandler",value:function(){console.log("Parent, on focus handler")}},{key:"render",value:function(){var e=this,t=this.props,r=t.context,n=t.fieldValues,a=t.formErrors,i=t.formValues,u=t.metaData,l=t.updateFormErrors,c=t.updateFormValues,s=u&&r?Object.keys(u[r]):[],f=s&&s.map((function(t,s){var f=u[r][t];return f?o.a.createElement(D,{propsData:f,key:s,onFocus:e.onFocusHandler,value:n&&n[t],formErrors:a,formValues:i,updateFormErrors:l,updateFormValues:c}):null}));return f=f.filter((function(e){return null!==e})),o.a.createElement("form",{className:"c-Form",onSubmit:this.handleSubmit},o.a.createElement("fieldset",null,f),o.a.createElement("button",{type:"submit",className:"btn btn-primary btn-block",style:{marginTop:"15px",background:"black"}},"Submit"))}}])&&q(r.prototype,n),a&&q(r,a),u}(o.a.Component);J.propTypes={context:i.a.string,customBlurHandler:i.a.func,customBlurFormatter:i.a.func,metaData:i.a.object.isRequired,className:i.a.string,fieldValues:i.a.object,formErrors:i.a.object,formValues:i.a.object,updateFormErrors:i.a.func,updateFormValues:i.a.func};var M=J,z=function(e){return o.a.createElement("div",{className:"c-LoginForm"},o.a.createElement(M,{metaData:y,context:"login",updateFormValues:e.updateFormValues,updateFormErrors:e.updateFormErrors,formErrors:e.formErrors,formValues:e.formValues}))};z.propTypes={updateFormValues:i.a.func,updateFormErrors:i.a.func,formValues:i.a.object,formErrors:i.a.object};var G=z,A=r(9),U=r(113);function K(e){return(K="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 Q(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function W(e,t){return!t||"object"!==K(t)&&"function"!==typeof t?X(e):t}function X(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Y(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function Z(e){return(Z=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function $(e,t){return($=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var ee=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&$(e,t)}(u,e);var t,r,n,a,i=(t=u,function(){var e,r=Z(t);if(Y()){var n=Z(this).constructor;e=Reflect.construct(r,arguments,n)}else e=r.apply(this,arguments);return W(this,e)});function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).width=254,t.height=50,t.onSuccess=t.onSuccess.bind(X(t)),t.onFailure=t.onFailure.bind(X(t)),t}return r=u,(n=[{key:"componentDidMount",value:function(){U.a&&U.a.signin2&&U.a.signin2.render("g-signin2",{scope:"profile email",width:this.width,height:this.height,longtitle:!0,theme:"dark",onsuccess:this.onSuccess,onfailure:this.onFailure})}},{key:"onSuccess",value:function(e){console.log("Logged in as: "+e.getBasicProfile().getName()),this.props.history.push("/view/plp")}},{key:"onFailure",value:function(e){console.log(e)}},{key:"render",value:function(){return o.a.createElement("div",{className:"c-SocialLogin"},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:"g-signin2",id:"g-signin2"})),o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:"fb-login-button","data-width":this.width,"data-height":this.height,"data-size":"large","data-button-type":"continue_with","data-auto-logout-link":"false","data-use-continue-as":"true"}))))}}])&&Q(r.prototype,n),a&&Q(r,a),u}(o.a.Component);ee.defaultProps={},ee.propTypes={};var te=Object(A.e)(ee),re=r(23),ne=function(e){return o.a.createElement("div",{className:"c-Jumbotron"},o.a.createElement("h1",{className:"display-4"},e.jumboText),o.a.createElement("p",{className:"lead"},e.subText),o.a.createElement("hr",{className:"my-4"}),o.a.createElement("p",null,e.jumboDescription),o.a.createElement("p",{className:"lead"},o.a.createElement(re.b,{className:"btn btn-primary btn-lg",to:"/view/plp",role:"button"},"Go To PLP"),o.a.createElement(re.b,{className:"btn btn-primary btn-lg float-right",to:"#",role:"button",style:{marginLeft:"15px"}},e.furtherLink)))};ne.propTypes={furtherLink:i.a.string,jumboDescription:i.a.string,jumboText:i.a.string,subText:i.a.string};var oe=ne;function ae(e){return(ae="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 ie(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ue(e,t){return!t||"object"!==ae(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function le(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function ce(e){return(ce=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function se(e,t){return(se=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var fe=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&se(e,t)}(u,e);var t,r,n,a,i=(t=u,function(){var e,r=ce(t);if(le()){var n=ce(this).constructor;e=Reflect.construct(r,arguments,n)}else e=r.apply(this,arguments);return ue(this,e)});function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=i.call(this,e)).pageType="login",t}return r=u,(n=[{key:"componentDidMount",value:function(){(0,this.props.initializeLogin)()}},{key:"clicked",value:function(){console.log("login handler")}},{key:"render",value:function(){var e=this.props,t=e.updateFormErrors,r=e.updateFormValues,n=e.formErrors,a=e.formValues;return o.a.createElement("div",{className:"".concat(l.a.Login," container"),onClick:this.clicked},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12 col-lg-8"},o.a.createElement(oe,{jumboText:"Adobe - Joules to Watts assignment",subText:"PLP and Cart Page Demo",jumboDescription:"This app is build using React JS and routing is added using custom solutions to work on GH Pages. Login is optional and can be skipped.",furtherLink:"Learn more"})),o.a.createElement("div",{className:"col-12 col-lg-4"},o.a.createElement("div",{className:l.a.loginContainer},o.a.createElement("p",{className:l.a["c-login-intimation"]},"Let's get to know each other, shall we!"),o.a.createElement(G,{updateFormValues:r,updateFormErrors:t,formErrors:n,formValues:a}),o.a.createElement("p",{className:l.a.loginSplitter},"OR"),o.a.createElement(te,null)))))}}])&&ie(r.prototype,n),a&&ie(r,a),u}(o.a.Component);fe.propTypes={initializeLogin:i.a.func,dataState:i.a.object,updateFormValues:i.a.func,updateFormErrors:i.a.func,formValues:i.a.object,formErrors:i.a.object};var pe=Object(s.createPropsSelector)({dataState:m,formErrors:b,formValues:d}),me={initializeLogin:f.d,updateFormErrors:f.e,updateFormValues:f.f},de=Object(c.b)(pe,me)(fe);t.default=de},76: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"}},77: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":{}}}},"search":{"search":{"placeholder":"Search..","type":"text","id":"search","elementType":"input","validation":{"required":{"isRequired":"false"},"rules":{}}}}}')},78:function(e,t,r){}}]);
|
|
//# sourceMappingURL=8.e70f24d1.chunk.js.map
|