(this["webpackJsonpvem-frontend"]=this["webpackJsonpvem-frontend"]||[]).push([[0],{73:function(e,t,n){"use strict";n.r(t);var a=n(0),c=n.n(a),o=n(10),s=n(44),i=n(45),l=n(46),r=function(){function e(){var t=this;Object(s.a)(this,e),this.auth0=void 0,this.handleAuthentication=function(){t.auth0.parseHash({_idTokenVerification:!1},(function(e,n){n&&n.accessToken&&n.idToken&&t.setSession(n)}))},this.login=function(){t.auth0.authorize()},this.logout=function(){console.log("logout"),localStorage.removeItem("access_token"),localStorage.removeItem("expires_at"),window.location.reload(!0)},this.isAuthenticated=function(){if("undefined"===typeof localStorage)return!1;var e=JSON.parse(localStorage.getItem("expires_at")||"null");return"number"===typeof e&&(new Date).getTime()<e};var n=window.location.href;this.auth0=new l.a({domain:"volumental.eu.auth0.com",clientID:"EIVszuIou05Pbp8zYYZ66T1I5Np7aFSk",redirectUri:n,audience:"https://internal.volumental.com",responseType:"token id_token",scope:"openid"})}return Object(i.a)(e,[{key:"setSession",value:function(e){if(void 0!==e.expiresIn){var t=JSON.stringify(1e3*e.expiresIn+(new Date).getTime());localStorage.setItem("expires_at",t)}else localStorage.setItem("expires_at","");localStorage.setItem("access_token",e.accessToken||""),window.location.replace("/")}}]),e}(),u=n(14),j=n(47),d=n.n(j),h=n(48),b=n.n(h),m=function(e,t){var n=window.location.hostname.includes("volumental.com")?"https://vem.volumental.com":"https://vem.volumental.dev";return fetch(n+e,{method:t,cache:"no-cache",headers:{"Content-Type":"application/json",Authorization:"Bearer "+localStorage.getItem("access_token")}})},O=n(5),f=function(e){var t=Object(a.useState)(""),n=Object(u.a)(t,2),c=n[0],o=n[1],s=Object(a.useState)(null),i=Object(u.a)(s,2),l=i[0],r=i[1],j=Object(a.useState)(!1),h=Object(u.a)(j,2),f=h[0],p=h[1],g=Object(a.useState)(null),v=Object(u.a)(g,2),S=v[0],x=v[1];Object(a.useEffect)((function(){o(""),x(null),p(!1),r(null)}),[e.selectedTenant]);var T=Object(a.useCallback)(b.a.debounce((function(e){console.log(e),p(!1),r(null),x(null)}),200),[]);Object(a.useEffect)((function(){c&&T(c)}),[c,T]);var y=Object(a.useCallback)((function(t){var n,a;t.preventDefault(),(n=e.selectedTenant,a=c,m("/v1/"+n+"/profiles/full_profile/"+a,"GET")).then((function(e){if(200!==e.status&&404!==e.status){var t="could not request profile, got response "+e.status;console.log(t),r(t)}return e.json()})).then((function(e){e.code?"NOT_FOUND"===e.code?p(!0):e.message?r(e.message):r(e.code):x(e)})).catch((function(e){console.log("error",e),r(e)}))}),[e.selectedTenant,c]);return Object(O.jsxs)("div",{className:"searchbar",children:[Object(O.jsxs)("form",{onSubmit:y,children:[Object(O.jsx)("input",{type:"text",placeholder:"Search on email address...",onChange:function(e){return o(e.target.value)},value:c}),Object(O.jsx)("button",{type:"submit",children:"Search"})]}),l&&Object(O.jsxs)("p",{children:["ERROR: ",l," "]}),f&&Object(O.jsxs)("p",{children:["Could not find user profile for ",c," in tenant ",e.selectedTenant,"."]}),S&&Object(O.jsx)(d.a,{src:S,name:null,indentWidth:2,collapsed:!1,displayObjectSize:!1,displayDataTypes:!1})]})},p=n(106),g=n(119),v=n(50),S=n.n(v),x=n(109),T=n(118),y=n(113),I=n(117),N=n(111),w=n(112),k=Object(p.a)((function(e){return Object(g.a)({root:{flexGrow:1},icon:{marginRight:e.spacing(1)},title:{marginRight:e.spacing(2)},tenantSelector:{color:"white"},divider:{flexGrow:1}})})),_=function(e){var t=e.auth,n=e.authenticated,c=e.selectedTenant,o=e.setSelectedTenant,s=Object(a.useState)(!0),i=Object(u.a)(s,2),l=i[0],r=i[1],j=Object(a.useState)(null),d=Object(u.a)(j,2),h=d[0],b=d[1],f=Object(a.useState)(),p=Object(u.a)(f,2),g=p[0],v=p[1];Object(a.useEffect)((function(){n&&m("/v1/tenants","GET").then((function(e){if(200===e.status)return e.json();var t="could not request tenants, got response "+e.status;console.log(t),b(t)})).then((function(e){var t=e.filter((function(e){return e.name.length>0}));v(t),r(!1)})).catch((function(e){console.log(e),b(e)}))}),[n]);var _=k(),E=Object(a.useCallback)((function(e){o(e.target.value)}),[o]);return Object(O.jsx)("div",{className:_.root,children:Object(O.jsx)(x.a,{position:"static",children:Object(O.jsxs)(N.a,{children:[Object(O.jsx)(S.a,{className:_.icon}),Object(O.jsx)(w.a,{variant:"h6",className:_.title,children:"Vem Frontend"}),n&&Object(O.jsxs)(O.Fragment,{children:[Object(O.jsxs)(I.a,{className:_.tenantSelector,native:!0,value:c,onChange:E,children:[Object(O.jsx)("option",{value:"",children:"Select a tenant"}),g&&g.map((function(e){return Object(O.jsx)("option",{value:e.name,children:e.name},e.name)}))]}),l&&Object(O.jsx)(y.a,{}),h&&Object(O.jsx)("p",{children:"COULD NOT LOAD TENANTS"}),Object(O.jsx)("div",{className:_.divider}),Object(O.jsx)(T.a,{onClick:t.logout,color:"inherit",children:"Logout"})]})]})})})},E=n(115),C=n(114),D=n(116),A=n(51),z=n.n(A),G=Object(p.a)((function(e){return Object(g.a)({emptyStateGrid:{minHeight:"40vh","& > * + *":{marginTop:e.spacing(2)}},emptyStateIcon:{fontSize:100,opacity:.8},emptyStateTitle:{color:"#777777"},emptyStateSubtitle:{color:"grey"}})})),F=function(e){var t=Object(a.useState)(!1),n=Object(u.a)(t,2),o=n[0],s=n[1],i=Object(a.useState)(localStorage.getItem("tenant")),l=Object(u.a)(i,2),r=l[0],j=l[1],d=e.auth;Object(a.useEffect)((function(){var e=d&&d.isAuthenticated();e||d.handleAuthentication(),s(e)}),[d]),Object(a.useEffect)((function(){null!==r&&localStorage.setItem("tenant",r)}),[r]);var h=G();return Object(O.jsxs)("div",{className:"app-root",children:[Object(O.jsx)(_,{auth:e.auth,authenticated:o,selectedTenant:r,setSelectedTenant:j}),Object(O.jsxs)(c.a.Fragment,{children:[Object(O.jsx)(C.a,{}),Object(O.jsx)(E.a,{maxWidth:"lg",style:{marginTop:"30px"},children:o&&null!==r?Object(O.jsx)(f,{selectedTenant:r}):Object(O.jsxs)(D.a,{className:h.emptyStateGrid,container:!0,spacing:0,direction:"column",alignItems:"center",justify:"center",children:[Object(O.jsx)(z.a,{className:h.emptyStateIcon}),Object(O.jsx)(w.a,{variant:"h4",className:h.emptyStateTitle,children:"Not Logged In"}),Object(O.jsx)(w.a,{variant:"subtitle1",className:h.emptyStateSubtitle,children:"Please login first."}),Object(O.jsx)(T.a,{variant:"outlined",color:"primary",onClick:function(){return localStorage.setItem("user_url",window.location.pathname),void d.login()},children:"Login"})]})})]})]})},L=new r;o.render(Object(O.jsx)(F,{auth:L}),document.getElementById("root"))}},[[73,1,2]]]);
//# sourceMappingURL=main.b14ce8e3.chunk.js.map