https://m.stylishop.com/static/js/pages_account_profile.d397db71.chunk.js

1(window.webpackJsonpstyli=window.webpackJsonpstyli||[]).push([[15],{530:function(e,a,t){"use strict";var r=t(0),l=t.n(r),n=t(7),c=t.n(n),s=t(39),i=t(5),o=t(10),m=t(2);a.a=function(e){var a=e.title,t=void 0===a?"":a,r=e.icon,n=e.link,b=e.title2,u=void 0===b?"":b,d=e.icon2,f=e.link2,p=void 0===f?"":f,v=e.rightCTA,O=e.is2ndActive,h=void 0!==O&&O,N=e.noBottomGap,E=void 0!==N&&N,g=Object(s.f)(),j=function(e){return"undefined"!==typeof e&&g.push("/".concat(m.CURRENT_LANG_PREFIX,"/account/").concat(e))};return l.a.createElement(o.BrowserView,null,l.a.createElement("div",{className:"flex top-xs pt-24"},l.a.createElement("div",{className:"ml-0 mr-auto flex middle-xs"},l.a.createElement("div",{className:c()("flex middle-xs pb-24",{"fw-6":""===u,"o-50 fw-5":h&&""!==u,"fw-6 bb-brand mb-n-1":!h&&""!==u,"cursor-default":"undefined"===typeof n}),onClick:function(){return j(n)},onKeyPress:function(){return j(n)},role:"link"},r?l.a.createElement("div",{className:"pr-r-10 flex middle-xs"},r):null,l.a.createElement("div",{className:"fs-16 lh-20 ls-048"},Object(i.translate)(t))),""!==u?l.a.createElement("div",{className:c()("flex middle-xs pb-24 ml-r-40",h?"fw-6 bb-brand mb-n-1":"fw-5 o-50"),onClick:function(){return j(p)},onKeyPress:function(){return j(p)},role:"link"},d?l.a.createElement("div",{className:"pr-r-10"},d):null,l.a.createElement("div",{className:"fs-16 lh-20 ls-048"},Object(i.translate)(u))):null),v?l.a.createElement("div",{className:"mr-0 ml-auto"},v):null),l.a.createElement("hr",{className:c()("mt-0",E?"mb-0":"mb-24")}))}},567:function(e,a,t){"use strict";var r=t(0),l=t.n(r);function n(){return(n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var c=l.a.createElement("g",{stroke:"#3B3B3B",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.2,transform:"translate(3 2)",fill:"none",fillRule:"evenodd"},l.a.createElement("rect",{width:14.222,height:8.691,y:7.111,rx:1.58}),l.a.createElement("path",{d:"M3.16 7.111v-3.16A3.952 3.952 0 017.111 0h0a3.95 3.95 0 013.95 3.95v3.161"}));a.a=function(e){return l.a.createElement("svg",n({width:20,height:20},e),c)}},568:function(e,a,t){"use strict";var r=t(0),l=t.n(r);function n(){return(n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var c=l.a.createElement("defs",null,l.a.createElement("clipPath",{id:"myAddresses_svg__a"},l.a.createElement("path",{d:"M1 0h18v20H1zm0 0"})),l.a.createElement("clipPath",{id:"myAddresses_svg__b"},l.a.createElement("path",{d:"M9.863 16.066V20h.985v-3.934h1.312V20h.98v-3.934h5.247V8.523a3.934 3.934 0 00-3.934-3.933h-2.621V3.277h2.95V0h-3.934v4.59H5.602a3.934 3.934 0 00-3.934 3.933v7.543zm3.934-13.77h-1.965V.985h1.965zm-2.95 3.278v3.117a.818.818 0 00-.284.914c.109.336.421.563.777.563a.822.822 0 00.492-1.477V5.574h2.621a2.952 2.952 0 012.953 2.95v6.558h-7.87V8.523a3.931 3.931 0 00-1.337-2.949zm-8.199 9.508V8.523a2.952 2.952 0 012.954-2.949 2.95 2.95 0 012.949 2.95v6.558zm0 0"})),l.a.createElement("clipPath",{id:"myAddresses_svg__c"},l.a.createElement("path",{d:"M3.633 9.18h3.933v.984H3.633zm0 0"}))),s=l.a.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"}),i=l.a.createElement("g",{clipPath:"url(#myAddresses_svg__a)"},l.a.createElement("g",{clipPath:"url(#myAddresses_svg__b)"},l.a.createElement("path",{d:"M0 0h20v20H0z"}))),o=l.a.createElement("g",{clipPath:"url(#myAddresses_svg__c)"},l.a.createElement("path",{d:"M-1.367 4.18h13.933v10.984H-1.367zm0 0"}));a.a=function(e){return l.a.createElement("svg",n({width:"20pt",height:"20pt",viewBox:"0 0 20 20"},e),c,s,i,o)}},569:function(e,a,t){"use strict";var r=t(0),l=t.n(r);function n(){return(n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var c=l.a.createElement("path",{fill:"#2D2D2D",fillRule:"nonzero",d:"M16.48 6.88H8.4V4.8c0-1.6 1.28-2.96 2.96-2.96h1.04c1.2 0 2.24.72 2.72 1.76.16.4.64.56 1.04.4.4-.16.56-.64.4-1.04-.72-1.68-2.32-2.8-4.16-2.8h-1.04c-2.48 0-4.56 2-4.56 4.56v2.16c-1.84.32-3.28 2-3.28 3.92v8.88c0 2.24 1.76 4 4 4h8.88c2.24 

10 4-1.76 4-4v-8.8c.08-2.24-1.76-4-3.92-4zm2.4 12.88c0 1.36-1.04 2.4-2.4 2.4H7.52c-1.36 0-2.4-1.04-2.4-2.4v-8.88c0-1.36 1.04-2.4 2.4-2.4h8.88c1.36 0 2.4 1.04 2.4 2.4v8.88h.08zM13.2 14c0 .32-.16.64-.4.88v1.84c0 .48-.32.8-.8.8-.48 0-.8-.32-.8-.8v-1.84c-.24-.24-.4-.56-.4-.88 0-.64.56-1.2 1.2-1.2.64 0 1.2.56 1.2 1.2z"});a.a=function(e){return l.a.createElement("svg",n({width:25,height:25},e),c)}},628:function(e,a,t){"use strict";var r=t(4),l=t.n(r),n=t(8),c=t(1),s=t(6),i=t(0),o=t.n(i),m=t(132),b=t(47),u=t.n(b),d=t(39),f=t(56),p=t(7),v=t.n(p),O=t(32),h=t(3),N=t(114),E=t(5),g=t(2),j=t(567),C=t(221),w=t.n(C),y=t(222),x=t.n(y),_=t(223),k=t.n(_),P=t(224),A=t.n(P),R=t(225),S=t.n(R),B=t(226),M=t.n(B),I=t(568),U=t(234);function z(){return(z=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var G=o.a.createElement("defs",null,o.a.createElement("clipPath",{id:"profile_svg__a"},o.a.createElement("path",{d:"M3 2h14v16H3zm0 0"})),o.a.createElement("clipPath",{id:"profile_svg__b"},o.a.createElement("path",{d:"M16.09 17.273a.725.725 0 01-.727.727.725.725 0 01-.726-.727 5.09 5.09 0 00-5.09-5.09 5.091 5.091 0 00-5.094 5.09.725.725 0 01-.726.727.725.725 0 01-.727-.727 6.545 6.545 0 1113.09 0zM9.547 10c-2.211 0-4-1.79-4-4s1.789-4 4-4a4 4 0 010 8zm0-1.453A2.544 2.544 0 0012.09 6 2.544 2.544 0 107 6a2.547 2.547 0 002.547 2.547zm0 0"}))),H=o.a.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"}),L=o.a.createElement("g",{clipPath:"url(#profile_svg__a)"},o.a.createElement("g",{clipPath:"url(#profile_svg__b)"},o.a.createElement("path",{fill:"#2d2d2d",d:"M0 0h20v20H0z"}))),T=function(e){return o.a.createElement("svg",z({width:"20pt",height:"20pt",viewBox:"0 0 20 20"},e),G,H,L)},V=t(19),D=t(36),Y=t(12),F=t(10),K=t(228),J=t(569),X=t(70),q=t(530);a.a=function(){var e=Object(d.f)(),a={ae:w.a,sa:x.a,kw:k.a,bh:S.a,qa:A.a,in:M.a},t=Object(i.useState)([{selected:!1,label:"Female",value:2},{selected:!1,label:"Male",value:1}]),r=Object(s.a)(t,2),b=r[0],p=r[1],C=Object(i.useState)([]),y=Object(s.a)(C,2),_=y[0],P=y[1],R=Object(i.useState)(),B=Object(s.a)(R,2),z=B[0],G=B[1],H=Object(i.useState)({}),L=Object(s.a)(H,2),W=L[0],Q=L[1],Z=Object(i.useState)(),$=Object(s.a)(Z,2),ee=$[0],ae=$[1],te=Object(i.useState)({firstName:!1,lastName:!1,email:!1,mobile:!1}),re=Object(s.a)(te,2),le=re[0],ne=re[1],ce=Object(i.useState)({}),se=Object(s.a)(ce,2),ie=se[0],oe=se[1],me=Object(i.useState)(!1),be=Object(s.a)(me,2),ue=be[0],de=be[1],fe=Object(V.b)(),pe=Object(s.a)(fe.account,2),ve=pe[0],Oe=pe[1],he=Object(s.a)(fe.shipping,2)[1],Ne=Object(h.z)(),Ee=u()(g.PHONE_CODE),ge=Object.keys(g.PHONE_CODE),je=function(e){var a="in"===g.COUNTRY.toLowerCase()?10:9,t=e;return e&&(t="0"===e.substr(0,1)?t.substr(1,t.length):t.substr(0,a)),t},Ce=function(e){var a=ie.mobile,t=ie.mobileNumber,r=ie.phoneCountry;ie.ageGroupId||oe(Object(c.a)(Object(c.a)({},W),{},{ageGroupId:Number(e),countryCode:ie.countryCode,mobile:a,mobileNumber:t,phoneCountry:r})),Q(Object(c.a)(Object(c.a)({},W),{},{ageGroupId:Number(e)})),P(_.map((function(a){return Object(c.a)(Object(c.a)({},a),{},{selected:a.id===e})})))},we=function(e){Q(Object(c.a)(Object(c.a)({},W),{},{gender:e})),p(b.map((function(a){return Object(c.a)(Object(c.a)({},a),{},{selected:e===a.value})})))},ye=function(e){var a=W,t=e.target,r=t.name,l=t.value;switch(a[r]="mobile"===r?l.replace(" ",""):l,a.mobileNumber="".concat(a.countryCode," ").concat(je(a.mobile)),Q(Object(c.a)({},a)),r){case"firstName":l&&Object(D.e)(l)&&ne(Object(c.a)(Object(c.a)({},le),{},{firstName:!1}));break;case"lastName":l&&Object(D.e)(l)&&ne(Object(c.a)(Object(c.a)({},le),{},{lastName:!1}));break;case"email":l&&Object(D.c)(l)&&ne(Object(c.a)(Object(c.a)({},le),{},{email:!1}));break;case"mobile":l&&Object(D.g)(l,Ne)&&ne(Object(c.a)(Object(c.a)({},le),{},{mobile:!1}))}};Object(i.useEffect)((function(){Ce(z)}),[z]),Object(i.useEffect)((function(){ve.config&&ve.config.ageGroup&&P(ve.config.ageGroup[g.COUNTRY]&&ve.config.ageGroup[g.COUNTRY].map((function(e){return Object(c.a)(Object(c.a)({},e),{},{selected:e.id===z})}))||[])}),[ve.config]),Object(i.useEffect)((function(){if(ve.profile&&ve.profile.customer){var a=Object(c.a)({},ve.profile.customer),t=[];a.passwordAvailable&&de(a.passwordAvailable),a.mobileNumber&&(a.mobileNumber.split(" ").length<2?Ee.forEach((function(e){-1!==a.mobileNumber.indexOf(e)&&(t=[e,a.mobileNumber.replace(e,"")])}

1)):t=a.mobileNumber.split(" ")),ae(a.mobileNumber?"".concat(t[0]||g.PHONE_CODE[g.COUNTRY.toUpperCase()]):g.PHONE_CODE[g.COUNTRY.toUpperCase()]),we(a.gender),G(a.ageGroupId?a.ageGroupId.toString():"");var r=_.find((function(e){return!!a.ageGroupId&&e.id===a.ageGroupId.toString()})),l=b.find((function(e){return e.value===a.gender})),n="";t[0]&&(n=ge[Ee.indexOf(t[0])]&&ge[Ee.indexOf(t[0])].toLowerCase());var s={firstName:a.firstName,lastName:a.lastName,email:a.email,countryCode:a.mobileNumber?t[0]:g.PHONE_CODE[g.COUNTRY.toUpperCase()],phoneCountry:n,mobile:t[1],mobileNumber:a.mobileNumber,gender:l&&l.value,ageGroupId:r&&Number(r.id)};Q(Object(c.a)(Object(c.a)({},s),{},{countryCode:t[0]?t[0]:g.PHONE_CODE[g.COUNTRY.toUpperCase()],mobile:t[0]?t[1]:a.mobileNumber,mobileNumber:t[0]?a.mobileNumber:"".concat(g.PHONE_CODE[g.COUNTRY.toUpperCase()]," ").concat(a.mobileNumber),phoneCountry:n||g.COUNTRY.toLowerCase()})),oe(Object(c.a)({},s))}else e.push("/".concat(g.CURRENT_LANG_PREFIX,"/account/"))}),[ve.profile,ve.profile&&ve.profile.customer]);var xe=function(){Object(h.E)(e)},_e=function(){Object(Y.Cc)({},Oe,he),e.push("/".concat(g.CURRENT_LANG_PREFIX,"/account/"))},ke=function(a){return e.push("/".concat(g.CURRENT_LANG_PREFIX,"/account/").concat(a))},Pe=function(){var e=!1,a=!1,t=!1,r=!1,l=!1;return W.firstName||(e=!0,a=Object(E.translate)("Please enter a valid value")),W.firstName&&!Object(D.e)(W.firstName)&&(e=!0,a=Object(E.translate)("No Special Characters allowed")),W.lastName||(e=!0,t=Object(E.translate)("Please enter a valid value")),W.lastName&&!Object(D.e)(W.lastName)&&(e=!0,t=Object(E.translate)("No Special Characters allowed")),W.email||(e=!0,l=Object(E.translate)("Please enter a valid value")),W.email&&!Object(D.c)(W.email)&&(e=!0,l=Object(E.translate)("Invalid email. Can you check the format?")),W.mobile||(e=!0,r=Object(E.translate)("Please enter a valid value")),W.mobile&&!Object(D.g)(W.mobile,Ne)&&(e=!0,r=[13,12,14,16,18,20].indexOf(Ne)>-1?Object(E.translate)("Please use a valid mobile number (eg. 50123456)"):Object(E.translate)("Please use a valid mobile number (eg. 501234567)")),ne({firstName:a,lastName:t,email:l,mobile:r}),e},Ae=function(){var e=Object(n.a)(l.a.mark((function e(){return l.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Pe()){e.next=2;break}return e.abrupt("return",!1);case 2:if(ie.mobile===je(W.mobile)){e.next=9;break}return e.next=5,Object(Y.mc)({useridentifier:W.mobileNumber,loginType:"MOBILE_LOGIN",initiatedFrom:"profile"},Oe);case 5:e.sent.exists?Object(Y.Oc)({type:"error",content:Object(E.translate)("Sorry, this mobile is already registered with us.")},Oe):Object(Y.Mc)({phone:W.mobileNumber,envokedFrom:"profile"},Oe),e.next=10;break;case 9:Object(Y.Ec)(Object(c.a)({},W),Oe);case 10:return e.abrupt("return",!0);case 11:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(i.useEffect)((function(){ve.phoneVerified&&Object(Y.Ec)(Object(c.a)({},W),Oe)}),[ve.phoneVerified]),Object(i.useEffect)((function(){ve.profileUpdateSuccess&&F.isMobile&&xe()}),[ve.profileUpdateSuccess]),o.a.createElement(o.a.Fragment,null,o.a.createElement(q.a,{title:"My Account",icon:o.a.createElement(K.a,{className:"d-block"}),link:"",title2:ue?"Change Password":"",icon2:o.a.createElement(J.a,{className:"d-block"}),link2:"changepassword",is2ndActive:!1,rightCTA:o.a.createElement("div",{className:"flex center-xs",role:"button",onClick:_e,onKeyPress:_e},o.a.createElement("div",{className:"fs-14 lh-18 ls-064 fw-6 bb-brand-dashed pb-4"},Object(E.translate)("Sign out of my account")))}),o.a.createElement("div",{className:v()({"bg-thumb-gray":!F.isBrowser})},o.a.createElement(F.MobileView,null,o.a.createElement(m.a,{showLogo:!1,title:Object(E.translate)("My Account"),backAction:xe}),o.a.createElement("div",{className:"pl-15 pr-15 mb-4 mt-50 bg-white"},o.a.createElement("div",{className:"flex middle-xs bb-light"},o.a.createElement(I.a,{className:"w-20"}),o.a.createElement(X.a,{id:"addresses",title:"My Addresses",noBorder:!0,onClick:ke})),"in"!==g.COUNTRY.toLowerCase()?o.a.createElement("div",{className:"flex middle-xs bb-light"},o.a.createElement(U.a,{className:"w-20"}),o.a.createElement(X.a,{id:"savedcards",title:"My Saved Cards",noBorder:!0,onClick:ke})):null,o.a.createElement("div",{className:"flex middle-xs"},o.a.createElement(j.a,{className:"w-20"}),o.a.createElement(X.a,{id:"security-privacy",title:"Security and Privacy",onClick:ke,noBorder:!0})))),o.a.createElement("div",{className:v()({"pl-15 pr-15 mb-4 pb-16 bg-white":!F.isBrowser})},o.a.createElement(F.MobileView,null,o.a.createElement("div",{className:"flex middle-xs bb-light"},o.a.createElement(T,{className:"w-20"}),o.a.createElement(X.a,{id:"profileDetails",title:"Profile Details",noBorder:!0,rightAngle:!1,isLink:"true"}))),o.a.createElement(f.a,{label:"*".concat(Object(E.translate)("First Name")),labelClass:"block ls-072 fs-12",className:"r-ta-l",n

1ame:"firstName",value:W.firstName,dir:"ltr",type:"text",onChange:ye,error:le.firstName,wrapClassNames:v()("col-xs-12 mt-16",{})}),o.a.createElement(f.a,{label:"*".concat(Object(E.translate)("Last Name")),labelClass:"block ls-072 fs-12",className:"r-ta-l",name:"lastName",value:W.lastName,dir:"ltr",type:"text",onChange:ye,error:le.lastName,wrapClassNames:v()("col-xs-12 mt-16",{})}),o.a.createElement(f.a,{label:"*".concat(Object(E.translate)("Email")),labelClass:"block ls-072 fs-12",className:"r-ta-l",name:"email",value:W.email,dir:"ltr",type:"email",disabled:!0,onChange:function(){},error:le.email,wrapClassNames:v()("col-xs-12 mt-16",{})}),o.a.createElement("div",{className:"row mt-16"},o.a.createElement(f.a,{label:Object(E.translate)("Country code"),labelClass:"block ls-072 fs-12",value:ee,className:v()("r-ta-r w90p en-font",{}),prefix:o.a.createElement("img",{className:"r-ml-15 mt-14 pos-abs h-24",src:a[W.phoneCountry||g.COUNTRY],alt:"flag"}),wrapClassNames:v()("col-xs-4 r-pr-10",{}),disabled:!0}),o.a.createElement(f.a,{label:"*".concat(Object(E.translate)("Enter Mobile Number")),labelClass:"block ls-072 fs-12",name:"mobile",value:W.mobile,type:"tel",maxLength:"10",dir:"ltr",onChange:ye,error:le.mobile,className:v()("en-font r-ta-l",{}),wrapClassNames:v()("col-xs-8 r-pl-10",{}),placeholder:"in"===g.COUNTRY.toLowerCase()?"":"Ex: 522626548"}),o.a.createElement("div",{className:v()("flex col-xs-12 bt-light-gray",F.isBrowser?"bb-light-gray pt-24 pb-24 mb-24 mt-24":"pt-16 mt-15")},b.map((function(e,a){return o.a.createElement("div",{className:v()("flex",{"col-xs-7":a,"col-xs-5":!a}),onClick:function(){return we(e.value)},onKeyPress:function(){return we(e.value)},role:"button"},o.a.createElement(N.a,{checked:e.selected,role:"checkbox"}),o.a.createElement("div",{className:v()("pl-8 pr-8 fs-14",{"fw-6":e.selected,"pt-3":g.IS_ARABIC})},Object(E.translate)(e.label)))}))))),o.a.createElement("div",{className:v()({"pl-15 pr-15 bg-white pb-25":!F.isBrowser})},o.a.createElement("div",{className:v()(F.isBrowser?"pb-8 fs-16 lh-20 ls-048 c-dark-gray fw-6":"cap pt-16 pb-16 bb-light-gray fs-12 c-brown-gray")},Object(E.translate)("Age Group")),o.a.createElement("div",{className:v()("ta-l",{"pr-10 pl-10":!F.isBrowser})},_.map((function(e){return o.a.createElement("div",{className:v()("flex",F.isBrowser?"pt-8 pb-8":"bb-light-gray pt-16 pb-16 "),onClick:function(){return Ce(e.id)},onKeyPress:function(){return Ce(e.id)},role:"button"},o.a.createElement(N.a,{checked:e.selected,role:"checkbox"}),o.a.createElement("div",{className:v()("pl-8 pr-8 fs-14",{"fw-6":e.selected,"pt-3":g.IS_ARABIC})},g.IS_ARABIC?e.value_ar:e.value))}))),o.a.createElement(F.MobileView,null,o.a.createElement("div",{className:"flex center-xs pb-20 mt-16 ",role:"button",onClick:_e,onKeyPress:_e},o.a.createElement("div",{className:"fs-14 lh-18 fw-6 bb-brand-dashed pb-4"},Object(E.translate)("Sign out of my account"))))),o.a.createElement("div",{className:v()("bg-white bt-light-gray pb-15 ",F.isBrowser?"ta-r mt-16":"pl-15 pr-15")},o.a.createElement(O.a,{disabled:ve.profileUpdateLoading||JSON.stringify(W)===JSON.stringify(ie)||ve.otpLoading,className:v()("primary cap p-14",F.isBrowser?"w-270 mt-24":"w100p mt-15"),onClick:Ae},o.a.createElement("span",{className:v()("fs-14 fw-6 ls-16 lh-20")},Object(E.translate)("SAVE CHANGES"))))))}},776:function(e,a,t){"use strict";t.r(a);var r=t(0),l=t.n(r),n=t(85),c=t.n(n),s=t(628),i=t(2),o=t(5);a.default=function(){return l.a.createElement(l.a.Fragment,null,l.a.createElement(c.a,null,l.a.createElement("html",{lang:i.IS_ARABIC?"ar":"en",dir:i.IS_ARABIC?"rtl":"ltr"}),l.a.createElement("title",null,Object(o.translate)("Styli")," - ",Object(o.translate)("Online fashion store"))),l.a.createElement(s.a,null))}}}]);
2//# sourceMappingURL=pages_account_profile.d397db71.chunk.js.map