https://www.nosotrasonline.com.ec/8429-748a1d39b757999d93cc.js

1"use strict";(self.webpackChunknol_portal_home_v5=self.webpackChunknol_portal_home_v5||[]).push([[8429],{8429:function(e,a,t){t.r(a);var n=t(4634),l=t.n(n),i=t(5715),s=t.n(i),c=t(6540),r=t(4467),o=t(5577),m=t(4589),u=t(255);a.default=function(e){var a=e.setshowingEditPicture,t=e.mobile,n=(0,c.useContext)(u.Rs).dispatch,i=(0,c.useState)(!1),p=s()(i,2),f=p[0],g=p[1],d=(0,c.useState)(null),v=s()(d,2),N=v[0],E=v[1],h=(0,c.useState)(null),b=s()(h,2),w=b[0],O=b[1],k=(0,c.useState)(null),C=s()(k,2),z=C[0],L=C[1],S=(0,c.useState)(!1),y=s()(S,2),A=y[0],F=y[1],B=(0,c.useState)(!1),I=s()(B,2),_=I[0],T=I[1];(0,c.useEffect)(function(){g(!0)},[]);var x=function(){g(!1),setTimeout(function(){a(!1)},500)},j=["https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-almohada.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-fuego.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-granito.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-huevo.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-mentruaci%C3%B3n.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-nube.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-ni%C3%B1a1.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-ni%C3%B1a2.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-ni%C3%B1a3.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-ni%C3%B1a4.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-ni%C3%B1a5.png","https://dev-portals-images.s3.amazonaws.com/NOL/profile/default/img-ni%C3%B1a6.png"],R=function(){return null!==w&&("jpg"!==U(w.name)&&"jpeg"!==U(w.name)&&"png"!==U(w.name)||w.size>5242880?F(!0):F(!1)),null!==w&&("jpg"!==U(w.name)&&"jpeg"!==U(w.name)&&"png"!==U(w.name)||w.size>5242880)},U=function(e){return e.split(".")[e.split(".").length-1].toLowerCase()},D=function(e){var a=new FileReader;a.onloadend=function(){L(a.result)},a.readAsDataURL(e)};return c.createElement("div",{className:"f-edit-picture-container "+(f?"showing":"")},c.createElement("span",{className:"icon2-close f-close-icon",onClick:function(){return x()}}),c.createElement("label",{className:"f-title-edit-picture"},"Cambia tu foto de perfil"),c.createElement("label",{className:"f-subtitle-edit-picture"},"SUBE UNA FOTO"),c.createElement("div",{className:"f-input-img-container"},null===z?c.createElement(c.Fragment,null,c.createElement("div",{className:"f-text-input-position"},c.createElement("div",{className:"f-rotate-container"},c.createElement("span",{className:"f-icon icon-exit f-exit-icon"})),t?c.createElement(c.Fragment,null,c.createElement("label",{className:"f-top-label"},"Ve a la galeria y"),c.createElement("label",{className:"f-bottom-label"},"Elige tu imagen de perfil")):c.createElement(c.Fragment,null,c.createElement("label",{className:"f-top-label"},"Arrastra la imagen que quieras o"),c.createElement("label",{className:"f-bottom-label"},"Explora en tu dispositivo"))),c.createElement("input",{className:"f-input-file-box",type:"file",name:"f-profile-picture",onChange:function(e){var a;a=e.target.files[0],E(null),D(a),O(a),F(!1)}})):c.createElement(c.Fragment,null,c.createElement("div",{className:"f-img-prev-container"},c.createElement("div",{className:"f-icon-clear-container",onClick:function(){L(null),O(null)}},c.createElement("span",{className:"icon2-close f-close-icon"})),c.createElement("img",{className:"f-img-prev",alt:"Imagen previa",src:z})),A&&c.createElement("label",{className:"f-img-label-error"},"*Debe ser jpg o png y no superar 5mb"))),c.createElement("label",{className:"f-subtitle-edit-picture"},"O ELIGE UN AVATAR"),c.createElement(m.A,l()({},{infinite:!1,dots:!1,slidesToShow:1,slidesToScroll:1,lazyLoad:!0},{className:"f-avatars-container"}),c.createElement("div",null,c.createElement("div",{className:"f-avatar-section active"},j.map(function(e,a){return a<6?c.createElement("div",{className:"f-img-avatar-container",key:a,onClick:function(){return function(e){O(null),L(null),E(e),F(!1)}(a)}},c.createElement("img",{className:"f-img-avatar",src:e,alt:"Imagen avatar"}),N===a&&c.createElement("div",{className:"f-check-container"},c.createElement("span",{className:"icon-check-2 f-check-icon"}))):null}))),c.createElement("div",null,c.createElement("div",{className:"f-avatar-section "},j.map(function(e,a){return a>=6?c.createElement("div",{className:"f-img-avatar-container",key:a,onClick:function(){return E(a)}},c.createElement("img",{className:"f-img-avatar",src:e,alt:"Imagen avatar"}),N===a&&c.createElement("div",{className:"f-check-container"},c.createElement("span",{className:"icon-check-2 f-check-icon"}))):null})))),c.createElement("div",{className:"f-buttons-container "+(_?"disable":""),onClick:function(){return function(){var e={headers:{Authorization:JSON.parse(localStorage.getItem("TOKEN_INFO")).idToken}};if(!R()){T(!0);var a=new FormData;null!==N?a.append("avatar",j[N]):a.append("image",w),o.A.updatePicture(a,e).then(function(e){200===e.status?(x(),n({type:"set-user-info",payload:e.data}),localStorage.setItem("USER_INFO",JSON.stringify(e.data))):console.log("Error in update picture service.")}).finally(function(){T(!1)})}}()}},c.createElement(r.A,{title:"Guardar",className:"primary-blue short fit alter"})))}}}]);
2//# sourceMappingURL=8429-748a1d39b757999d93cc.js.map