(this["webpackJsonpmy-app"]=this["webpackJsonpmy-app"]||[]).push([[0],{437:function(e,a,t){e.exports=t.p+"static/media/grafana.07824330.png"},460:function(e,a){e.exports="data:image/jpeg;base64,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"},461:function(e,a,t){e.exports=t.p+"static/media/mastercard.362e39be.png"},462:function(e,a){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAMAAABOo35HAAACT1BMVEUKdNATedIAbs4Ab88Abc4AbM4JctBAk9tureNsrONLmd0BcM8LddFco+BtrONHl9wBb88QeNJgpeFwruQWe9PK4fX////b6/glhNYafdPX6PfS5fYYfNNQnN73+v3////6/P55s+UZfdP4+/1Tnt6cx+wMddG31vHQ5PYbftSjy+0Ecc8igtXe7PhFltzx9/z8/f5nqeLi7vkphtZkp+Ghyu3D3fMReNL9/v4Ic9Cx0/Ayi9jn8fpXoN+62PLo8vqHu+iz1PDw9vw8kdp7tOYggNXy9/yJvOjF3vREldvz+PwSedLG3/Tq8/s4jtlVn9+QwOqTwurV5/cKdNArh9dZod+At+dwruSlzO4DcM+bxuy92vINdtHj7/ktiNfk7/nl8Pr9/f4+ktr7/P7l8PqDuedaouAkg9UmhdbJ4PQUetI0jNg6kNqLvenB3PMvidcuidcdf9SMvulepODO4/UPd9GOv+nu9fsKc9BqquM2jdn5+/1Wn9+FuugGctD1+f1Om92+2vLL4vVRnd72+v1zsORMmt2r0O8FctCu0e/P5Pb7/f6XxOtJmNwAa81ipuF9teav0vCVw+vs9Pu11fH+/v/+//93suWpzu5+tub0+Pyw0vAng9anze4ohdYAbs8xitgOd9EnhdaeyO3T5vbN4vXg7fnI3/RKmd2Nv+mZxezk8PplqOJyr+S01fHZ6fjS5vbP4/X3+/11seXE3vRClNswitjm8Prf7fkZfdPQ5Pbp8vv+/v6w0vAdf9QJc9DN4/UMddD2+v3E3fSNvulHB3y4AAAAxXRSTlP79//////7////////////////9///////////////8f//////////////////////////////////////////////////////////////////////////////////////////8v//////////////+f/////////7//////////////////////////////////////////////////////////////////////////////////////rz//H3+/v/+/L/9W0AZRwAABKxSURBVHgB7NCBAAAgAASxq/ydU3iADWHNOF1W9RjJkiVLlixZyJIlS5YsWciSJUuWLFnI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"},493:function(e,a,t){e.exports=t(710)},710:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(27),o=t.n(l),c=t(40),i=t(68);const s={EDIT_FORM_VALUE:"EDIT_FORM_VALUE",EDIT_METADATA_VALUES:"EDIT_METADATA_VALUES",SET_METADATA_VALUES:"SET_METADATA_VALUES",EMPTY_FORM_VALUE:"EMPTY_FORM_VALUE",SET_PRODUCTS:"SET_PRODUCTS",ADD_PRODUCT:"ADD_PRODUCT",UPDATE_PRODUCT:"UPDATE_PRODUCT",ARCHIVE_PRODUCT:"ARCHIVE_PRODUCT",SET_USERS:"SET_USERS",ADD_USER:"ADD_USER",UPDATE_USER:"UPDATE_USER",DELETE_USER:"DELETE_USER",SET_CONNECTORS:"SET_CONNECTORS",UPDATE_CONNECTOR:"UPDATE_CONNECTOR",ADD_CONNECTOR:"ADD_CONNECTOR",DELETE_CONNECTOR:"DELETE_CONNECTOR",SET_CONNECTOR_INFO:"SET_CONNECTOR_INFO",SET_TOPICS:"SET_TOPICS",ADD_TOPIC:"ADD_TOPIC",DELETE_TOPIC:"DELETE_TOPIC",UPDATE_TOPIC:"UPDATE_TOPIC",SET_THINGS:"SET_THINGS",ADD_THING:"ADD_THING",DELETE_THING:"DELETE_THING",UPDATE_THING:"UPDATE_THING",DELETE_TOPICS:"DELETE_TOPICS",SET_DATABASES:"SET_DATABASES",ADD_DATABASE:"ADD_DATABASE",DELETE_DATABASE:"DELETE_DATABASE",UPDATE_DATABASE:"UPDATE_DATABASE",SET_NOTIFICATIONS:"SET_NOTIFICATIONS",ADD_NOTIFICATION:"ADD_NOTIFICATION",DELETE_NOTIFICATIONS:"DELETE_NOTIFICATIONS",UPDATE_NOTIFICATION:"UPDATE_NOTIFICATION",SET_FLOWS:"SET_FLOWS",ADD_FLOW:"ADD_FLOW",DELETE_FLOW:"DELETE_FLOW",UPDATE_FLOW:"UPDATE_FLOW",OPEN_DRAWER:"OPEN_DRAWER",CLOSE_DRAWER:"CLOSE_DRAWER",DELETE_FLOWS:"DELETE_FLOWS",SET_APIS:"SET_APIS",ADD_API:"ADD_API",DELETE_API:"DELETE_API",DELETE_APIS:"DELETE_APIS",UPDATE_API:"UPDATE_API",SET_SOURCES:"SET_SOURCES",ADD_SOURCE:"ADD_SOURCE",DELETE_SOURCE:"DELETE_SOURCE",DELETE_SOURCES:"DELETE_SOURCES",SET_ADDRESSES:"SET_ADDRESSES",ADD_ADDRESS:"ADD_ADDRESS",DELETE_ADDRESS:"DELETE_ADDRESS",UPDATE_ADDRESS:"UPDATE_ADDRESS",SET_METHODS:"SET_METHODS",ADD_METHOD:"ADD_METHOD",DELETE_METHOD:"DELETE_METHOD",UPDATE_METHOD:"UPDATE_METHOD"},m={date:"",service:"",facebook:"",twitter:"",firstname:"",lastname:"",email:"",line1:"",line2:"",postal_code:"",city:"",state:"",country:null,currency:null,amount:""},d=(e,a)=>{switch(a.type){case s.EDIT_FORM_VALUE:return{...e,[a.key.toLowerCase()]:a.value};case s.EMPTY_FORM_VALUE:return m;default:return e}},u=(e,a)=>{switch(a.type){case s.EDIT_METADATA_VALUES:return{...e,[a.key.toLowerCase()]:a.value};case s.SET_METADATA_VALUES:return a.value;default:return e}},p=(e,a)=>{switch(a.type){case s.SET_PRODUCTS:return a.value;case s.UPDATE_PRODUCT:return e.map(e=>e.id===a.productId?{...e,...a.value}:e);case s.ADD_PRODUCT:return[...e,a.product];case s.ARCHIVE_PRODUCT:return e.map(e=>e.id===a.productId?{...e,active:a.active}:e);default:return e}},E=(e,a)=>{switch(console.log(a),a.type){case s.SET_USERS:return a.value;case s.ADD_USER:return[...e,a.value];case s.DELETE_USER:return e.filter(e=>e.id!==a.userId);case s.UPDATE_USER:return e.map(e=>e.id===a.userId?{...e,...a.value}:e);default:return e}},g=(e,a)=>{switch(console.log(a),a.type){case s.SET_ADDRESSES:return a.value;case s.ADD_ADDRESS:return[...e,a.value];case s.DELETE_ADDRESS:return e.filter(e=>e.id!==a.addressId);case s.UPDATE_ADDRESS:return e.map(e=>e.id===a.addressId?{...e,...a.value}:e);default:return e}},h=(e,a)=>{switch(a.type){case s.SET_METHODS:return a.value;case s.ADD_METHOD:return[...e,a.value];case s.DELETE_METHOD:return e.filter(e=>e.id!==a.methodId);case s.UPDATE_METHOD:return e.map(e=>e.id===a.methodId?{...e,...a.value}:e);default:return e}},y=(e,a)=>{switch(a.type){case s.SET_CONNECTORS:return a.value;case s.UPDATE_CONNECTOR:return e.map(e=>e.name===a.connectorName?{...e,...a.value}:e);case s.ADD_CONNECTOR:return[...e,a.connector];case s.DELETE_CONNECTOR:return e.filter(e=>e.id!==a.value);default:return e}},b=(e,a)=>{switch(a.type){case s.SET_CONNECTOR_INFO:return a.value;default:return e}},v=(e,a)=>{switch(a.type){case s.OPEN_DRAWER:return!0;case s.CLOSE_DRAWER:return!1;default:return e}},C=(e,a)=>{switch(a.type){case s.SET_TOPICS:return a.value;case s.ADD_TOPIC:return[...e,a.topic];case s.DELETE_TOPIC:return e.filter(e=>e.id!==a.topicId);case s.DELETE_TOPICS:return e.filter(e=>!a.topicIds.includes(e.id));case s.UPDATE_TOPIC:return e.map(e=>e.id===a.topicId?{...e,...a.value}:e);default:return e}},f=(e,a)=>{switch(a.type){case s.SET_THINGS:return a.value;case s.ADD_THING:return[...e,a.thing];case s.DELETE_THING:return e.filter(e=>e.thing_id!==a.thingId);case s.UPDATE_THING:return e.map(e=>e.thing_id===a.thingId?{...e,name:a.name}:e);default:return e}},S=(e,a)=>{switch(a.type){case s.SET_DATABASES:return a.value;case s.ADD_DATABASE:return[a.database,...e];case s.DELETE_DATABASE:return e.filter(e=>e.id!==a.id);case s.UPDATE_DATABASE:return e.map(e=>e.id===a.id?{...e,...a.value}:e);default:return e}},w=(e,a)=>{switch(a.type){case s.SET_NOTIFICATIONS:return a.value;case s.ADD_NOTIFICATION:return[...e,a.notification];case s.DELETE_NOTIFICATIONS:return e.filter(e=>!a.topicIds.includes(e.id));case s.UPDATE_NOTIFICATION:return e.map(e=>e.id===a.id?{...e,seen:1}:e);default:return e}},A=(e,a)=>{switch(a.type){case s.SET_FLOWS:return a.value;case s.ADD_FLOW:return[...e,a.value];case s.DELETE_FLOW:return e.filter(e=>e.id!==a.flowId);case s.DELETE_FLOWS:return e.filter(e=>!a.flowIds.includes(e.id));case s.UPDATE_FLOW:return e.map(e=>e.id===a.flowId?{...e,name:a.name}:e);default:return e}},x=(e,a)=>{switch(a.type){case s.SET_APIS:return a.value;case s.ADD_API:return[...e,a.value];case s.DELETE_API:return e.filter(e=>e.id!==a.apiId);case s.DELETE_APIS:return e.filter(e=>!a.apiIds.includes(e.id));case s.UPDATE_API:return e.map(e=>e.id===a.apiId?{...e,name:a.name}:e);default:return e}},O=(e,a)=>{switch(a.type){case s.SET_SOURCES:return a.value;case s.ADD_SOURCE:return[...e,a.value];case s.DELETE_SOURCE:return e.filter(e=>e.id!==a.sourceId);case s.DELETE_SOURCES:return e.filter(e=>!a.sourceIds.includes(e.id));default:return e}},T=m,j={productId:null,productName:null,price:null,devices:0,messages:0,level:0},k=Object(n.createContext)(),N=e=>{let{children:a}=e;const[t,l]=Object(n.useReducer)(d,T),[o,c]=Object(n.useReducer)(u,j),[i,s]=Object(n.useReducer)(p,[]),[m,N]=Object(n.useReducer)(E,[]),[D,I]=Object(n.useReducer)(y,[]),[P,L]=Object(n.useReducer)(b,[]),[R,B]=Object(n.useReducer)(C,[]),[F,U]=Object(n.useReducer)(f,[]),[_,W]=Object(n.useReducer)(S,[]),[M,q]=Object(n.useReducer)(O,[]),[z,V]=Object(n.useReducer)(w,[]),[G,H]=Object(n.useReducer)(A,[]),[Y,K]=Object(n.useReducer)(v,!0),[Z,J]=Object(n.useReducer)(x,[]),[Q,X]=Object(n.useReducer)(g,[]),[$,ee]=Object(n.useReducer)(h,[]);return r.a.createElement(k.Provider,{value:{formValuesState:t,formValuesDispatch:l,metadataState:o,metadataDispatch:c,productsState:i,productsDispatch:s,usersState:m,usersDispatch:N,connectorsState:D,connectorsDispatch:I,connectorInfoState:P,connectorInfoDispatch:L,kafkaTopicsState:R,kafkaTopicsDispatch:B,thingsState:F,thingsDispatch:U,databasesState:_,databasesDispatch:W,notificationsState:z,notificationsDispatch:V,flowsState:G,flowsDispatch:H,drawerState:Y,drawerDispatch:K,apisState:Z,apisDispatch:J,sourcesState:M,sourcesDispatch:q,billingAddressesState:Q,billingAddressesDispatch:X,paymentMethodsState:$,paymentMethodsDispatch:ee}},a)},D=()=>Object(n.useContext)(k);var I=t(797),P=t(745);var L=function(e){let a,t,{open:n,message:l,severity:o,onClose:c}=e;switch(o){case"success":a="green",t="white";break;case"error":a="red",t="white";break;case"info":a="blue",t="white";break;case"warning":a="orange",t="white";break;default:a="grey",t="black"}return r.a.createElement(P.a,{open:n,autoHideDuration:6e3,onClose:c},r.a.createElement(I.a,{severity:o,onClose:c,style:{backgroundColor:a,color:t}},l))},R=t(11),B=t.n(R);const F=e=>{if(e.response){console.error("Response Error Data:",e.response.data),console.error("Response Error Status:",e.response.status),console.error("Response Error Headers:",e.response.headers);const a=e.response.data.message||e.response.data.error||"Unknown error occurred";throw new Error(a)}throw e.request?(console.error("No response received:",e.request),new Error("No response received from the server")):(console.error("Error setting up the request:",e.message),new Error(e.message))},U="https://www.thingwings.com/api",_=U+"/topics",W=U+"/things",M=U+"/acl",q=U+"/data-source",z=U+"/data-source-mapping",V=U+"/notifications",G=U+"/nodered",H=U+"/predictions",Y=()=>{const e=localStorage.getItem("token");return e?"Bearer "+e:null},K=()=>{const e=localStorage.getItem("user");return e?JSON.parse(e):null},Z=()=>{const e=K();return e&&1===e.admin},J=e=>{const a=window.location.search;return new URLSearchParams(a).get(e)},Q=e=>{try{let a;if(isNaN(e))a=new Date(e);else{const t="string"===typeof e?parseInt(e,10):e;a=new Date(t)}if(isNaN(a.getTime()))throw new Error("Invalid date");return a.toLocaleString()}catch(a){return null}},X=()=>{let e="#";for(let a=0;a<6;a++)e+="0123456789ABCDEF"[Math.floor(16*Math.random())];return e},$=()=>{const e="https://www.thingwings.com";window.location.href=e},ee=(e,a,t)=>async function(){try{await a(!0),await e(...arguments),await a(!1)}catch(n){if(console.error("Caught Error:",n),n&&n.response){const{status:e,data:a}=n.response;t(!0,`Response Error: ${e} - ${a.message||a}`,"error")}else n&&n.request?t(!0,"Network Error: No response from server","error"):n&&n.message?t(!0,"Error Occurred: "+n.message,"error"):t(!0,"An unknown error occurred","error")}finally{a(!1)}};B.a.defaults.headers.common.Authorization=Y();const ae=async()=>{try{return(await B.a.get(""+_)).data}catch(e){F(e)}},te=async e=>{try{return(await B.a.post(_+"/resume-topics",{topicIds:e})).data}catch(a){F(a)}},ne=async()=>{try{return(await B.a.get(""+W)).data}catch(e){F(e)}},re=async e=>{try{return(await B.a.get(`${M}/aclUser/${e}`)).data}catch(a){F(a)}},le=async e=>{try{return(await B.a.post(""+M,e)).data}catch(a){F(a)}},oe=async()=>{try{return(await B.a.get(""+q)).data}catch(e){F(e)}},ce=async e=>{try{return(await B.a.put(`${V}/${e}`)).data}catch(a){F(a)}};var ie=t(330),se=t(762),me=t(292),de=t(89),ue=t(752),pe=t(2),Ee=t(716),ge=t(717),he=t(382),ye=t(749),be=t(750),ve=t(751),Ce=t(747);const fe=Object(ie.a)(e=>({root:{},item:{display:"flex",paddingTop:0,paddingBottom:0,textDecoration:"none"},button:{padding:"10px 8px",justifyContent:"flex-start",textTransform:"none",letterSpacing:0,width:"100%",fontWeight:e.typography.fontWeightMedium},icon:{color:e.palette.icon,width:24,height:24,display:"flex",alignItems:"center",marginRight:e.spacing(1)},active:{color:e.palette.primary.main,fontWeight:e.typography.fontWeightMedium,"& $icon":{color:e.palette.primary.main}}}));var Se=e=>{const{pages:a,className:t,...n}=e,l=fe(),o=Object(c.h)(),[i,s]=r.a.useState(!1),[m,d]=r.a.useState(""),u=Object(c.g)(),p=()=>{s(!1)};return r.a.createElement(Ee.a,Object.assign({},n,{className:Object(pe.a)(l.root,t)}),a.map(e=>r.a.createElement(ge.a,{className:Object(pe.a)(l.item,{[l.active]:o.pathname===e.href}),disableGutters:!0,key:e.title},r.a.createElement(he.a,{className:l.button,onClick:()=>{return a=e.href,void("/steps"===o.pathname?(d(a),s(!0)):u.push(a));var a}},r.a.createElement("div",{className:l.icon},e.icon),e.title))),r.a.createElement(Ce.a,{open:i,onClose:p},r.a.createElement(ye.a,null,"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to exit this process?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:()=>{u.push(m),s(!1)},color:"primary",size:"small"},"Yes"),r.a.createElement(he.a,{onClick:p,color:"primary",size:"small"},"No"))))};const we=Object(ie.a)(e=>({drawer:{width:240,flexShrink:0},drawerPaper:{width:240},drawerHeader:{display:"flex",alignItems:"center",padding:e.spacing(0,1),...e.mixins.toolbar,justifyContent:"flex-end"}}));var Ae=e=>{let{open:a,pages:t,history:n}=e;const l=we();return r.a.createElement(de.a,{className:l.drawer,variant:"persistent",anchor:"left",open:a,classes:{paper:l.drawerPaper}},r.a.createElement("div",{className:l.drawerHeader}),r.a.createElement(ue.a,null),r.a.createElement(Se,{className:l.nav,pages:t,history:n}))},xe=t(31),Oe=t(722),Te=t(757),je=t(386),ke=t(308),Ne=t(799),De=t(69),Ie=t(759),Pe=t(238),Le=t(758),Re=t(760),Be=t(440),Fe=t.n(Be),Ue=t(53),_e=t(438),We=t.n(_e),Me=t(383);var qe=()=>r.a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",margin:10}},r.a.createElement(Me.a,{size:20}));const ze=()=>{const e=localStorage.getItem("user");return e?JSON.parse(e):null},Ve=()=>localStorage.getItem("token")||null,Ge=(e,a,t)=>{localStorage.setItem("token",e),localStorage.setItem("user",JSON.stringify(a)),localStorage.setItem("role",JSON.stringify(t))};var He=t(754),Ye=t(385),Ke=t(756),Ze=t(384),Je=t(753),Qe=t(755);const Xe=e=>{let{setLoading:a,handleAlert:t}=e;const{notificationsState:l,notificationsDispatch:o}=D(),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(null),u=ee(async e=>{e.seen||(await ce(e.id),o({type:s.UPDATE_NOTIFICATION,id:e.id})),d(e),i(!0)},a,t),p=()=>{i(!1),d(null)},E=ee(async()=>{const e=l.filter(e=>!e.seen);for(const a of e)await ce(a.id);o({type:s.MARK_ALL_AS_READ})},a,t),g=function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:50;return e.length>a?e.substring(0,a)+"...":e};return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ee.a,{style:{padding:10,minWidth:180,maxWidth:280}},r.a.createElement(ge.a,null,r.a.createElement(De.a,{variant:"h6",style:{flexGrow:1}},"Notifications"),r.a.createElement(Ze.a,{title:"Mark all as read"},r.a.createElement(ke.a,{color:"primary",onClick:E},r.a.createElement(Je.a,null)))),l.length>0?l.map(e=>r.a.createElement(ge.a,{button:!0,style:{minWidth:180,margin:5,borderRadius:5},selected:!e.seen,key:e.id,alignItems:"flex-start",onClick:async()=>{await u(e)}},r.a.createElement(He.a,null,r.a.createElement(Ne.a,{alt:"Notification Icon",src:"/static/images/avatar/1.jpg"})),r.a.createElement(Ye.a,{primary:e.typeN,secondary:r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{sx:{display:"inline"},component:"span",variant:"body2"},g(e.message)),r.a.createElement(De.a,{variant:"caption",display:"block",color:"textSecondary"},Q(e.created)))}))):r.a.createElement(ge.a,{alignItems:"flex-start"},r.a.createElement(He.a,null,r.a.createElement(Ne.a,{alt:"No Notifications",src:"/static/images/avatar/1.jpg"})),r.a.createElement(Ye.a,{primary:"Notification",secondary:r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{sx:{display:"inline"},component:"span",variant:"body2"},"There are no notifications ..."))}))),r.a.createElement(Ce.a,{open:c,onClose:p,fullWidth:!0,maxWidth:"sm"},r.a.createElement(ye.a,null,r.a.createElement(me.a,{display:"flex",alignItems:"center",justifyContent:"space-between"},r.a.createElement(me.a,{display:"flex",alignItems:"center"},r.a.createElement(Je.a,{style:{marginRight:8}})," ",r.a.createElement(De.a,{variant:"h6"},"Notification Details")),r.a.createElement(ke.a,{onClick:p,size:"small"},r.a.createElement(Qe.a,null)))),r.a.createElement(ue.a,null),r.a.createElement(be.a,null,m&&r.a.createElement(Ke.a,{container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},r.a.createElement("strong",null,"Type:"),"   ",m.typeN),r.a.createElement(De.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},r.a.createElement("strong",null,"Topic:")," ",m.topic),r.a.createElement(De.a,{variant:"body2",color:"textSecondary"},r.a.createElement("strong",null,"Created:")," ",Q(m.created))),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(me.a,{bgcolor:"background.paper",p:2,borderRadius:4,border:1,borderColor:"divider"},r.a.createElement(De.a,{variant:"body1",style:{whiteSpace:"pre-wrap"}},m.message))),r.a.createElement(Ke.a,{item:!0,xs:12})))))};var $e=t(439),ea=t.n($e),aa=t(437),ta=t.n(aa);const na=Object(ie.a)(e=>({appBar:{transition:e.transitions.create(["margin","width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),marginLeft:0,minWidth:240},appBarShift:{width:"calc(100% - 240px)",transition:e.transitions.create(["margin","width"],{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:240},flexGrow:{flexGrow:1},menuButton:{marginRight:e.spacing(2)},avatar:{cursor:"pointer",width:32,height:32},avatarSmall:{width:e.spacing(3),height:e.spacing(3)}}));var ra=e=>{let{open:a,handleDrawerOpen:t,handleDrawerClose:l,url:o,handleAlert:c}=e;const i=na(),[s,m]=Object(n.useState)(null),[d,u]=Object(n.useState)(!1),p=Boolean(s),{notificationsState:E}=D(),g=ze(),h={name:g.name,avatar:"https://www.thingwings.com/api/"+g.location,bio:g.email},y=Object(xe.a)(),b=Object(Oe.a)(y.breakpoints.down("sm"));return r.a.createElement(Te.a,{position:"fixed",className:Object(pe.a)(i.appBar,{[i.appBarShift]:a})},r.a.createElement(je.a,null,a?r.a.createElement(ke.a,{color:"inherit",onClick:l,edge:"start",className:i.menuButton},r.a.createElement(We.a,null)):r.a.createElement(ke.a,{color:"inherit",onClick:t,edge:"start",className:i.menuButton},r.a.createElement(Le.a,null)),r.a.createElement(Ne.a,{className:i.avatarSmall,onClick:t,alt:"Thingwings",src:"logo.png"}),!b&&r.a.createElement(De.a,{variant:"h6",noWrap:!0}," ThingWings "),r.a.createElement("div",{className:i.flexGrow}),r.a.createElement(Ze.a,{title:"Grafana"},r.a.createElement(ke.a,{onClick:()=>window.open("https://www.thingwings.com/grafana/")},r.a.createElement(Ne.a,{className:i.avatarSmall,alt:"Grafana",src:ta.a}))),r.a.createElement(Ze.a,{title:"Notifications"},r.a.createElement(ke.a,{color:"inherit",onClick:e=>{m(e.currentTarget)}},r.a.createElement(Ie.a,{overlap:"rectangular",badgeContent:E.filter(e=>!e.seen).length,color:"error"},r.a.createElement(Re.a,null)))),r.a.createElement(Pe.a,{anchorEl:s,open:p,onClose:()=>{m(null)},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},getContentAnchorEl:null},r.a.createElement(Xe,{setLoading:u,handleAlert:c})),r.a.createElement(Ze.a,{title:"Profile"},r.a.createElement(ke.a,{color:"inherit",component:Ue.a,to:"/account"},g.location?r.a.createElement(Ne.a,{className:i.avatarSmall,alt:"Person",src:h.avatar}):r.a.createElement(ea.a,null))),r.a.createElement(Ze.a,{title:"Logout"},r.a.createElement(ke.a,{color:"inherit",onClick:()=>{localStorage.removeItem("token"),localStorage.removeItem("user"),localStorage.removeItem("role"),localStorage.removeItem("notifications"),window.location.href="/signin"}},r.a.createElement(Fe.a,null)))))},la=t(761);var oa=e=>r.a.createElement(De.a,{variant:"body2",color:"textSecondary",align:"center"},"Copyright \xa9 ",r.a.createElement(la.a,{color:"inherit",href:"https://www.beemetrix.com"},"BeeMetrix")," ",(new Date).getFullYear(),"."),ca=t(197),ia=t.n(ca),sa=t(442),ma=t.n(sa),da=t(251),ua=t.n(da),pa=t(447),Ea=t.n(pa),ga=t(441),ha=t.n(ga),ya=t(450),ba=t.n(ya),va=t(448),Ca=t.n(va),fa=t(449),Sa=t.n(fa),wa=t(444),Aa=t.n(wa),xa=t(312),Oa=t.n(xa),Ta=t(445),ja=t.n(Ta),ka=t(446),Na=t.n(ka),Da=t(443),Ia=t.n(Da);const Pa=Object(ie.a)(e=>({root:{display:"flex"},content:{flexGrow:1,padding:e.spacing(3),transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),marginLeft:-240},contentShift:{transition:e.transitions.create("margin",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.enteringScreen}),marginLeft:0},drawerHeader:{display:"flex",alignItems:"center",padding:e.spacing(0,1),...e.mixins.toolbar,justifyContent:"flex-end"}}));var La=e=>{const{children:a,url:t,history:l}=e,o=Pa(),{drawerState:c,drawerDispatch:i}=D(),{notificationsDispatch:m}=D(),[d,u]=Object(n.useState)(!1),[p,E]=Object(n.useState)({open:!1,message:"",severity:"info"}),g=(e,a,t)=>{E({open:e,message:a,severity:t})},h=async()=>{await i({type:s.CLOSE_DRAWER})},y=ee(async()=>{const e=await(async()=>{try{return(await B.a.get(""+V)).data}catch(e){F(e)}})();await m({type:s.SET_NOTIFICATIONS,value:e})},u,g);Object(n.useEffect)(()=>{y()},[]);const b=ze(),v=[{title:"Dashboard",href:"/dashboard",icon:r.a.createElement(ha.a,null)},{title:"Process",href:"/steps",icon:r.a.createElement(ma.a,null)},{title:"Things",href:"/things",icon:r.a.createElement(Ia.a,null)},{title:"Plans",href:"/plan",icon:r.a.createElement(Aa.a,null)},{title:"Topics",href:"/topics",icon:r.a.createElement(ja.a,null)},{title:"Connectors",href:"/connectors",icon:r.a.createElement(ia.a,null)},{title:"AI Models",href:"/ai-models",icon:r.a.createElement(Na.a,null)},{title:"Flows",href:"/flows",icon:r.a.createElement(ua.a,null)},{title:"DataStores",href:"/datastores",icon:r.a.createElement(Ea.a,null)},{title:"Downloads",href:"/downloads",icon:r.a.createElement(Oa.a,null)},{title:"Account",href:"/account",icon:r.a.createElement(Ca.a,null)},{title:"Settings",href:"/settings",icon:r.a.createElement(Sa.a,null)}];return null!=b&&b.admin&&v.push({title:"Users",href:"/users",icon:r.a.createElement(ba.a,null)}),r.a.createElement("div",{className:o.root},r.a.createElement(se.a,null),r.a.createElement(L,{open:p.open,message:p.message,onClose:()=>{E(e=>({...e,open:!1}))},severity:p.severity}),r.a.createElement(ra,{open:c,handleDrawerOpen:async()=>{await i({type:s.OPEN_DRAWER})},handleDrawerClose:h,url:t,fetchData:y,loading:d,setLoading:u,handleAlert:g}),r.a.createElement(Ae,{open:c,handleDrawerClose:h,pages:v,history:l,url:t}),r.a.createElement("main",{className:Object(pe.a)(o.content,{[o.contentShift]:c})},r.a.createElement("div",{className:o.drawerHeader}),a,r.a.createElement(me.a,{pt:4},r.a.createElement(oa,null))))};const Ra=Object(ie.a)(()=>({root:{boxShadow:"none"}}));var Ba=e=>{const{className:a,...t}=e,n=Ra();return r.a.createElement(Te.a,Object.assign({},t,{className:Object(pe.a)(n.root,a),color:"primary",position:"fixed"}),r.a.createElement(je.a,null,r.a.createElement(Ue.a,{to:"/"})))};const Fa=Object(ie.a)(()=>({root:{paddingTop:64,height:"100%"},content:{height:"100%"}}));var Ua=e=>{const{children:a}=e,t=Fa();return r.a.createElement("div",{className:t.root},r.a.createElement(Ba,null),r.a.createElement("main",{className:t.content},a))};var _a=e=>{let{routes:a}=e;const t=ze(),n=Boolean(t),l=Boolean(null===t||void 0===t?void 0:t.admin);return r.a.createElement(c.d,null,a.map((e,a)=>{const t="MainLayout"===e.layout?La:Ua;return r.a.createElement(c.b,{key:a,path:e.path,exact:e.exact,render:a=>!n||"/signin"!==e.path&&"/signup"!==e.path&&"/"!==e.path?e.requiresAuth&&!n?r.a.createElement(c.a,{to:"/signin"}):n&&!l&&"/users"===e.path?r.a.createElement(c.a,{to:"/not-found"}):r.a.createElement(t,null,r.a.createElement(e.component,a)):r.a.createElement(c.a,{to:"/dashboard"})})}),r.a.createElement(c.b,{render:()=>r.a.createElement(c.a,{to:"/not-found"})}))},Wa=t(798),Ma=t(784),qa=t(764),za=t(765),Va=t(387),Ga=t(766),Ha=t(25),Ya=t(15);const Ka=U+"/api/users",Za=U+"/billing";B.a.defaults.headers.common.Authorization=Y();const Ja=async()=>{try{return(await B.a.get(""+Ka)).data.users}catch(e){F(e)}},Qa=async(e,a)=>{try{const t=e?Ka+"/admin":Ka;return(await B.a.post(t,a)).data}catch(t){F(t)}},Xa=async(e,a)=>{try{return(e?await B.a.put(`${Ka}/admin/${a.id}`,a):await B.a.put(`${Ka}/${a.id}`,a)).data}catch(t){F(t)}},$a=async e=>{try{return(await B.a.post(Za+"/address",e)).data}catch(a){F(a)}};var et=t(114),at=t(252),tt=t(313),nt=t.n(tt);const rt=Object(ie.a)(e=>({root:{borderRadius:"4px",alignItems:"center",padding:e.spacing(1),display:"flex",flexBasis:420},icon:{marginRight:e.spacing(1),color:e.palette.text.secondary},input:{flexGrow:1,fontSize:"14px",lineHeight:"16px",letterSpacing:"-0.05px"}}));var lt=e=>{const{className:a,onChange:t,style:n,...l}=e,o=rt();return r.a.createElement(et.a,Object.assign({},l,{className:Object(pe.a)(o.root,a),style:n}),r.a.createElement(nt.a,{className:o.icon}),r.a.createElement(at.a,Object.assign({},l,{className:o.input,disableUnderline:!0,onChange:t})))};const ot=Object(ie.a)(e=>({root:{display:"inline-block",borderRadius:"50%",flexGrow:0,flexShrink:0},sm:{height:e.spacing(1),width:e.spacing(1)},md:{height:e.spacing(2),width:e.spacing(2)},lg:{height:e.spacing(3),width:e.spacing(3)},neutral:{backgroundColor:e.palette.neutral},primary:{backgroundColor:e.palette.primary.main},info:{backgroundColor:e.palette.info.main},warning:{backgroundColor:e.palette.warning.main},danger:{backgroundColor:e.palette.error.main},success:{backgroundColor:e.palette.success.main}})),ct=e=>{const{className:a,size:t,color:n,...l}=e,o=ot();return r.a.createElement("span",Object.assign({},l,{className:Object(pe.a)({[o.root]:!0,[o[t]]:t,[o[n]]:n},a)}))};ct.defaultProps={size:"md",color:"default"};var it=ct;const st=Object(ie.a)(e=>({root:{marginBottom:e.spacing(2)},searchInput:{marginRight:e.spacing(1),width:"100%",maxWidth:300},addButton:{[e.breakpoints.down("sm")]:{marginTop:e.spacing(1),width:"100%"}}}));var mt=e=>{let{title:a,handleSearch:t,openForm:n}=e;const l=st();return r.a.createElement("div",{className:l.root},r.a.createElement(Ke.a,{spacing:2,container:!0,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(lt,{size:"small",className:l.searchInput,placeholder:"Search "+a,onChange:t})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6,style:{display:"flex",justifyContent:"flex-end"}},r.a.createElement(he.a,{className:l.addButton,color:"primary",variant:"contained",onClick:()=>{n("ADD")}},"Add "+a))))},dt=t(4),ut=t(763),pt=t(164),Et=t.n(pt);const gt=e=>({root:{margin:0,padding:e.spacing(2)},closeButton:{position:"absolute",right:e.spacing(1),top:e.spacing(1),color:e.palette.grey[500]},dialogTitle:{padding:e.spacing(2)},dialogContent:{padding:e.spacing(2)},dialogActions:{margin:0,padding:e.spacing(1)}}),ht=Object(dt.a)(gt)(e=>{let{classes:a,onClose:t,children:n}=e;return r.a.createElement(ye.a,{disableTypography:!0,className:a.root},r.a.createElement(De.a,{variant:"h6"},n),t&&r.a.createElement(ke.a,{edge:"end",className:a.closeButton,onClick:t},r.a.createElement(Et.a,null)))}),yt=Object(dt.a)(gt)(e=>{let{classes:a,children:t}=e;return r.a.createElement(be.a,{dividers:!0,className:a.dialogContent},t)}),bt=Object(dt.a)(gt)(e=>{let{classes:a,children:t}=e;return r.a.createElement(ve.a,{className:a.dialogActions},t)});var vt=e=>{let{open:a,maxWidth:t,onClose:n,title:l,contentText:o,onConfirm:c,confirmText:i,children:s}=e;return r.a.createElement(Ce.a,{open:a,fullWidth:!0,maxWidth:t,"aria-labelledby":"generic-dialog-title"},r.a.createElement(ht,{id:"generic-dialog-title",onClose:n},l),o&&r.a.createElement(ut.a,null,o),r.a.createElement(yt,null,s),r.a.createElement(bt,null,c&&r.a.createElement(r.a.Fragment,null,r.a.createElement(he.a,{onClick:c,color:"primary"},i||"Confirm"))))};var Ct=e=>{const{handleAlert:a}=e,[t,l]=Object(n.useState)(!1),o=ze(),c=ee(async e=>{await Xa(!1,{id:o.id,...e});const t={...o,...e};Ge(Ve(),t,(()=>{const e=localStorage.getItem("role");return e?JSON.parse(e):null})()),a(!0,"Info updated successfully","success")},l,a);return r.a.createElement(qa.a,{sx:{height:"100%"}},r.a.createElement(Ha.d,{initialValues:{name:o.name||"",username:o.username||"",email:o.email||"",phone:Q(o.created)||""},validationSchema:Ya.b({name:Ya.c().required("Name is required"),username:Ya.c().required("Username is required"),email:Ya.c().email("Invalid email address").required("Email is required")}),onSubmit:c},e=>{let{errors:a,touched:n,isSubmitting:l}=e;return r.a.createElement(Ha.c,{autoComplete:"off",noValidate:!0},r.a.createElement(za.a,null,t&&r.a.createElement(qe,null),r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,md:6,xs:12},r.a.createElement(Ha.b,{name:"name",as:Va.a,label:"Name",fullWidth:!0,variant:"outlined",error:n.name&&Boolean(a.name),helperText:n.name&&a.name})),r.a.createElement(Ke.a,{item:!0,md:6,xs:12},r.a.createElement(Ha.b,{name:"username",as:Va.a,label:"Username",fullWidth:!0,variant:"outlined",error:n.username&&Boolean(a.username),helperText:n.username&&a.username})),r.a.createElement(Ke.a,{item:!0,md:6,xs:12},r.a.createElement(Ha.b,{name:"email",as:Va.a,label:"Email Address",fullWidth:!0,variant:"outlined",error:n.email&&Boolean(a.email),helperText:n.email&&a.email})),r.a.createElement(Ke.a,{item:!0,md:6,xs:12},r.a.createElement(Ha.b,{name:"phone",as:Va.a,label:"Creation Date",fullWidth:!0,variant:"outlined",InputProps:{readOnly:!0}})))),r.a.createElement(ue.a,null),r.a.createElement(Ga.a,{style:{float:"right"}},r.a.createElement(he.a,{color:"primary",variant:"contained",type:"submit",disabled:l},"Update")))}))},ft=t(263),St=t(389),wt=t(165),At=t.n(wt);const xt=Object(ie.a)(e=>({root:{},details:{display:"flex"},avatar:{height:110,width:100},dialog:{padding:e.spacing(2)},dropzoneClass:{background:"#212121",fontSize:12,border:"1px solid "+e.palette.divider,borderRadius:e.shape.borderRadius,padding:e.spacing(2),marginBottom:e.spacing(2)},progress:{marginTop:e.spacing(2),textAlign:"center"},dialogActions:{justifyContent:"flex-end"},button:{marginLeft:e.spacing(1)}}));var Ot=e=>{let{className:a,handleAlert:t,...l}=e;const o=xt(),[c,i]=Object(n.useState)([]),[s,m]=Object(n.useState)(0),[d,u]=Object(n.useState)(!1),[p,E]=Object(n.useState)(!1),g=ze(),[h,y]=Object(n.useState)(g.location),b=ee(async()=>{try{const e=await(async(e,a)=>{try{const t=new FormData;e.forEach(e=>t.append("file",e));return(await B.a.post("https://www.thingwings.com/api/account/update-photo/"+e[0].name,t,{headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()},onUploadProgress:e=>{a(e.loaded/e.total*100)}})).data}catch(t){console.log(t),F(t)}})(c,m),a=null===e||void 0===e?void 0:e.location;y(a),g.location=a,Ge(Ve(),g,{}),v(),t(!0,"Profile picture updated successfully","success")}catch(e){console.error("Error uploading file:",e)}},u,t),v=()=>E(!1);return r.a.createElement(qa.a,Object.assign({},l,{className:Object(pe.a)(o.root,a)}),r.a.createElement(za.a,null,r.a.createElement(Ke.a,{container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(Ke.a,{item:!0,style:{position:"relative",display:"inline-block"}},r.a.createElement(Ne.a,{className:o.avatar,src:"https://www.thingwings.com/api/"+h}),r.a.createElement(ke.a,{style:{position:"absolute",bottom:0,right:0,backgroundColor:"white",border:"2px solid white"},onClick:()=>E(!0)},r.a.createElement(At.a,null)))),r.a.createElement(Ke.a,{style:{marginTop:10},container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(Ke.a,{item:!0},r.a.createElement(De.a,{gutterBottom:!0,variant:"body1",align:"center"},g.name),r.a.createElement(De.a,{color:"textSecondary",variant:"body1",align:"center"},g.email))),r.a.createElement("div",{className:o.progress},r.a.createElement(St.a,{value:100,variant:"determinate"}))),r.a.createElement(ue.a,null),r.a.createElement(Ce.a,{open:p,onClose:v,classes:{paper:o.dialog}},r.a.createElement(ye.a,null,"Upload Image"),r.a.createElement(be.a,{dividers:!0},r.a.createElement(ft.a,{onChange:e=>i(e),dropzoneClass:o.dropzoneClass,acceptedFiles:["image/*"],showPreviews:!0,showPreviewsInDropzone:!0,maxFileSize:5e6}),r.a.createElement("div",{className:o.progress},d&&r.a.createElement(qe,null),r.a.createElement(St.a,{variant:"determinate",value:s}),r.a.createElement(De.a,{variant:"body2"},Math.round(s)+"%"))),r.a.createElement(ve.a,{className:o.dialogActions},r.a.createElement(he.a,{onClick:v,color:"default",variant:"outlined",className:o.button},"Cancel"),r.a.createElement(he.a,{onClick:b,color:"primary",variant:"contained",className:o.button},"Upload"))))},Tt=t(768),jt=t(314),kt=t(315),Nt=t(323),Dt=t(390);const It=[{name:"Afghanistan",code:"AF"},{name:"\xc5land Islands",code:"AX"},{name:"Albania",code:"AL"},{name:"Algeria",code:"DZ"},{name:"American Samoa",code:"AS"},{name:"AndorrA",code:"AD"},{name:"Angola",code:"AO"},{name:"Anguilla",code:"AI"},{name:"Antarctica",code:"AQ"},{name:"Antigua and Barbuda",code:"AG"},{name:"Argentina",code:"AR"},{name:"Armenia",code:"AM"},{name:"Aruba",code:"AW"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Azerbaijan",code:"AZ"},{name:"Bahamas",code:"BS"},{name:"Bahrain",code:"BH"},{name:"Bangladesh",code:"BD"},{name:"Barbados",code:"BB"},{name:"Belarus",code:"BY"},{name:"Belgium",code:"BE"},{name:"Belize",code:"BZ"},{name:"Benin",code:"BJ"},{name:"Bermuda",code:"BM"},{name:"Bhutan",code:"BT"},{name:"Bolivia",code:"BO"},{name:"Bosnia and Herzegovina",code:"BA"},{name:"Botswana",code:"BW"},{name:"Bouvet Island",code:"BV"},{name:"Brazil",code:"BR"},{name:"British Indian Ocean Territory",code:"IO"},{name:"Brunei Darussalam",code:"BN"},{name:"Bulgaria",code:"BG"},{name:"Burkina Faso",code:"BF"},{name:"Burundi",code:"BI"},{name:"Cambodia",code:"KH"},{name:"Cameroon",code:"CM"},{name:"Canada",code:"CA"},{name:"Cape Verde",code:"CV"},{name:"Cayman Islands",code:"KY"},{name:"Central African Republic",code:"CF"},{name:"Chad",code:"TD"},{name:"Chile",code:"CL"},{name:"China",code:"CN"},{name:"Christmas Island",code:"CX"},{name:"Cocos (Keeling) Islands",code:"CC"},{name:"Colombia",code:"CO"},{name:"Comoros",code:"KM"},{name:"Congo",code:"CG"},{name:"Congo, The Democratic Republic of the",code:"CD"},{name:"Cook Islands",code:"CK"},{name:"Costa Rica",code:"CR"},{name:"Cote D'Ivoire",code:"CI"},{name:"Croatia",code:"HR"},{name:"Cuba",code:"CU"},{name:"Cyprus",code:"CY"},{name:"Czech Republic",code:"CZ"},{name:"Denmark",code:"DK"},{name:"Djibouti",code:"DJ"},{name:"Dominica",code:"DM"},{name:"Dominican Republic",code:"DO"},{name:"Ecuador",code:"EC"},{name:"Egypt",code:"EG"},{name:"El Salvador",code:"SV"},{name:"Equatorial Guinea",code:"GQ"},{name:"Eritrea",code:"ER"},{name:"Estonia",code:"EE"},{name:"Ethiopia",code:"ET"},{name:"Falkland Islands (Malvinas)",code:"FK"},{name:"Faroe Islands",code:"FO"},{name:"Fiji",code:"FJ"},{name:"Finland",code:"FI"},{name:"France",code:"FR"},{name:"French Guiana",code:"GF"},{name:"French Polynesia",code:"PF"},{name:"French Southern Territories",code:"TF"},{name:"Gabon",code:"GA"},{name:"Gambia",code:"GM"},{name:"Georgia",code:"GE"},{name:"Germany",code:"DE"},{name:"Ghana",code:"GH"},{name:"Gibraltar",code:"GI"},{name:"Greece",code:"GR"},{name:"Greenland",code:"GL"},{name:"Grenada",code:"GD"},{name:"Guadeloupe",code:"GP"},{name:"Guam",code:"GU"},{name:"Guatemala",code:"GT"},{name:"Guernsey",code:"GG"},{name:"Guinea",code:"GN"},{name:"Guinea-Bissau",code:"GW"},{name:"Guyana",code:"GY"},{name:"Haiti",code:"HT"},{name:"Heard Island and Mcdonald Islands",code:"HM"},{name:"Holy See (Vatican City State)",code:"VA"},{name:"Honduras",code:"HN"},{name:"Hong Kong",code:"HK"},{name:"Hungary",code:"HU"},{name:"Iceland",code:"IS"},{name:"India",code:"IN"},{name:"Indonesia",code:"ID"},{name:"Iran, Islamic Republic Of",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Ireland",code:"IE"},{name:"Isle of Man",code:"IM"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Jamaica",code:"JM"},{name:"Japan",code:"JP"},{name:"Jersey",code:"JE"},{name:"Jordan",code:"JO"},{name:"Kazakhstan",code:"KZ"},{name:"Kenya",code:"KE"},{name:"Kiribati",code:"KI"},{name:"Korea, Democratic People'S Republic of",code:"KP"},{name:"Korea, Republic of",code:"KR"},{name:"Kuwait",code:"KW"},{name:"Kyrgyzstan",code:"KG"},{name:"Lao People'S Democratic Republic",code:"LA"},{name:"Latvia",code:"LV"},{name:"Lebanon",code:"LB"},{name:"Lesotho",code:"LS"},{name:"Liberia",code:"LR"},{name:"Libyan Arab Jamahiriya",code:"LY"},{name:"Liechtenstein",code:"LI"},{name:"Lithuania",code:"LT"},{name:"Luxembourg",code:"LU"},{name:"Macao",code:"MO"},{name:"Macedonia, The Former Yugoslav Republic of",code:"MK"},{name:"Madagascar",code:"MG"},{name:"Malawi",code:"MW"},{name:"Malaysia",code:"MY"},{name:"Maldives",code:"MV"},{name:"Mali",code:"ML"},{name:"Malta",code:"MT"},{name:"Marshall Islands",code:"MH"},{name:"Martinique",code:"MQ"},{name:"Mauritania",code:"MR"},{name:"Mauritius",code:"MU"},{name:"Mayotte",code:"YT"},{name:"Mexico",code:"MX"},{name:"Micronesia, Federated States of",code:"FM"},{name:"Moldova, Republic of",code:"MD"},{name:"Monaco",code:"MC"},{name:"Mongolia",code:"MN"},{name:"Montserrat",code:"MS"},{name:"Morocco",code:"MA"},{name:"Mozambique",code:"MZ"},{name:"Myanmar",code:"MM"},{name:"Namibia",code:"NA"},{name:"Nauru",code:"NR"},{name:"Nepal",code:"NP"},{name:"Netherlands",code:"NL"},{name:"Netherlands Antilles",code:"AN"},{name:"New Caledonia",code:"NC"},{name:"New Zealand",code:"NZ"},{name:"Nicaragua",code:"NI"},{name:"Niger",code:"NE"},{name:"Nigeria",code:"NG"},{name:"Niue",code:"NU"},{name:"Norfolk Island",code:"NF"},{name:"Northern Mariana Islands",code:"MP"},{name:"Norway",code:"NO"},{name:"Oman",code:"OM"},{name:"Pakistan",code:"PK"},{name:"Palau",code:"PW"},{name:"Palestinian Territory, Occupied",code:"PS"},{name:"Panama",code:"PA"},{name:"Papua New Guinea",code:"PG"},{name:"Paraguay",code:"PY"},{name:"Peru",code:"PE"},{name:"Philippines",code:"PH"},{name:"Pitcairn",code:"PN"},{name:"Poland",code:"PL"},{name:"Portugal",code:"PT"},{name:"Puerto Rico",code:"PR"},{name:"Qatar",code:"QA"},{name:"Reunion",code:"RE"},{name:"Romania",code:"RO"},{name:"Russian Federation",code:"RU"},{name:"RWANDA",code:"RW"},{name:"Saint Helena",code:"SH"},{name:"Saint Kitts and Nevis",code:"KN"},{name:"Saint Lucia",code:"LC"},{name:"Saint Pierre and Miquelon",code:"PM"},{name:"Saint Vincent and the Grenadines",code:"VC"},{name:"Samoa",code:"WS"},{name:"San Marino",code:"SM"},{name:"Sao Tome and Principe",code:"ST"},{name:"Saudi Arabia",code:"SA"},{name:"Senegal",code:"SN"},{name:"Serbia and Montenegro",code:"CS"},{name:"Seychelles",code:"SC"},{name:"Sierra Leone",code:"SL"},{name:"Singapore",code:"SG"},{name:"Slovakia",code:"SK"},{name:"Slovenia",code:"SI"},{name:"Solomon Islands",code:"SB"},{name:"Somalia",code:"SO"},{name:"South Africa",code:"ZA"},{name:"South Georgia and the South Sandwich Islands",code:"GS"},{name:"Spain",code:"ES"},{name:"Sri Lanka",code:"LK"},{name:"Sudan",code:"SD"},{name:"Suriname",code:"SR"},{name:"Svalbard and Jan Mayen",code:"SJ"},{name:"Swaziland",code:"SZ"},{name:"Sweden",code:"SE"},{name:"Switzerland",code:"CH"},{name:"Syrian Arab Republic",code:"SY"},{name:"Taiwan, Province of China",code:"TW"},{name:"Tajikistan",code:"TJ"},{name:"Tanzania, United Republic of",code:"TZ"},{name:"Thailand",code:"TH"},{name:"Timor-Leste",code:"TL"},{name:"Togo",code:"TG"},{name:"Tokelau",code:"TK"},{name:"Tonga",code:"TO"},{name:"Trinidad and Tobago",code:"TT"},{name:"Tunisia",code:"TN"},{name:"Turkey",code:"TR"},{name:"Turkmenistan",code:"TM"},{name:"Turks and Caicos Islands",code:"TC"},{name:"Tuvalu",code:"TV"},{name:"Uganda",code:"UG"},{name:"Ukraine",code:"UA"},{name:"United Arab Emirates",code:"AE"},{name:"United Kingdom",code:"GB"},{name:"United States",code:"US"},{name:"United States Minor Outlying Islands",code:"UM"},{name:"Uruguay",code:"UY"},{name:"Uzbekistan",code:"UZ"},{name:"Vanuatu",code:"VU"},{name:"Venezuela",code:"VE"},{name:"Viet Nam",code:"VN"},{name:"Virgin Islands, British",code:"VG"},{name:"Virgin Islands, U.S.",code:"VI"},{name:"Wallis and Futuna",code:"WF"},{name:"Western Sahara",code:"EH"},{name:"Yemen",code:"YE"},{name:"Zambia",code:"ZM"},{name:"Zimbabwe",code:"ZW"}];var Pt=e=>{let{open:a,onClose:t,handleAlert:l,addressData:o}=e;const{billingAddressesDispatch:c}=D(),[i,m]=Object(n.useState)(!1),d=ee(async e=>{let a;o?(await $a({...e,id:o.id}),await c({type:s.UPDATE_ADDRESS,value:{...e,id:o.id},addressId:o.id})):(a=await $a(e),await c({type:s.ADD_ADDRESS,value:{...e,id:a.id}})),await t()},m,l),u=Object(Ha.e)({initialValues:{firstname:(null===o||void 0===o?void 0:o.firstname)||"",lastname:(null===o||void 0===o?void 0:o.lastname)||"",phone:(null===o||void 0===o?void 0:o.phone)||"",address_line1:(null===o||void 0===o?void 0:o.address_line1)||"",address_line2:(null===o||void 0===o?void 0:o.address_line2)||"",address_state:(null===o||void 0===o?void 0:o.address_state)||"",address_zip:(null===o||void 0===o?void 0:o.address_zip)||"",address_country:(null===o||void 0===o?void 0:o.address_country)||"FR"},enableReinitialize:!0,validationSchema:Ya.b({firstname:Ya.c().required("Required"),lastname:Ya.c().required("Required"),address_line1:Ya.c().required("Required"),address_zip:Ya.c().required("Required"),address_state:Ya.c().required("Required"),phone:Ya.c().required("Required"),address_country:Ya.c().required("Required")}),onSubmit:async e=>{await d(e)}});return r.a.createElement(Ce.a,{open:a,onClose:t},r.a.createElement(ye.a,null,o?"Edit Billing Address":"Add New Billing Address"),r.a.createElement(be.a,{divider:!0},r.a.createElement("form",{onSubmit:u.handleSubmit},r.a.createElement(Ke.a,{container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{label:"First Name",name:"firstname",variant:"outlined",required:!0,fullWidth:!0,value:u.values.firstname,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.firstname&&Boolean(u.errors.firstname),helperText:u.touched.firstname&&u.errors.firstname})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{label:"Last Name",name:"lastname",variant:"outlined",required:!0,fullWidth:!0,value:u.values.lastname,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.lastname&&Boolean(u.errors.lastname),helperText:u.touched.lastname&&u.errors.lastname})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Va.a,{label:"Street Address 1",name:"address_line1",variant:"outlined",required:!0,fullWidth:!0,value:u.values.address_line1,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.address_line1&&Boolean(u.errors.address_line1),helperText:u.touched.address_line1&&u.errors.address_line1})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Va.a,{label:"Street Address 2 (optional)",name:"address_line2",variant:"outlined",fullWidth:!0,value:u.values.address_line2,onChange:u.handleChange})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{label:"Postal Code",name:"address_zip",variant:"outlined",required:!0,fullWidth:!0,value:u.values.address_zip,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.address_zip&&Boolean(u.errors.address_zip),helperText:u.touched.address_zip&&u.errors.address_zip})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{label:"City",name:"address_state",variant:"outlined",required:!0,fullWidth:!0,value:u.values.address_state,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.address_state&&Boolean(u.errors.address_state),helperText:u.touched.address_state&&u.errors.address_state})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Va.a,{label:"Phone",name:"phone",variant:"outlined",required:!0,fullWidth:!0,value:u.values.phone,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.phone&&Boolean(u.errors.phone),helperText:u.touched.phone&&u.errors.phone})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,required:!0},r.a.createElement(kt.a,null,"Country"),r.a.createElement(Nt.a,{label:"Country",name:"address_country",value:u.values.address_country,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.address_country&&Boolean(u.errors.address_country)},It.map(e=>r.a.createElement(Dt.a,{key:e.code,value:e.code},e.name))),u.touched.address_country&&u.errors.address_country&&r.a.createElement("div",{style:{color:"red"}},u.errors.address_country)))))),r.a.createElement(ve.a,null,r.a.createElement(he.a,{disabled:i,variant:"contained",onClick:t,color:"secondary"},"Cancel"),r.a.createElement(he.a,{disabled:i,variant:"contained",onClick:u.handleSubmit,color:"primary"},"Submit"),i&&r.a.createElement(qe,{size:12})))},Lt=t(55),Rt=t.n(Lt);const Bt=Object(ie.a)(()=>({root:{padding:"16px",margin:"16px 0",borderRadius:"8px",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)"},centeredMessage:{textAlign:"center",marginTop:"16px"},headerActions:{display:"flex",justifyContent:"space-between",alignItems:"center"},addressCard:{padding:"10px",borderRadius:"8px",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)",position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center"}}));var Ft=e=>{const{className:a,handleAlert:t,...l}=e,o=Bt(),[c,i]=Object(n.useState)(!1),{billingAddressesDispatch:m,billingAddressesState:d}=D(),[u,p]=Object(n.useState)(!1),[E,g]=Object(n.useState)(!1),[h,y]=Object(n.useState)(null),[b,v]=Object(n.useState)(null),C=()=>{p(!0)},f=()=>{g(!1),v(null)};return Object(n.useEffect)(()=>{ee(async()=>{const e=await(async()=>{try{return(await B.a.get(Za+"/address")).data}catch(e){F(e)}})();await m({type:s.SET_ADDRESSES,value:e})},i,t)()},[]),r.a.createElement(r.a.Fragment,null,r.a.createElement(qa.a,Object.assign({sx:{height:"100%"}},l,{className:Object(pe.a)(o.root,a)}),r.a.createElement(Tt.a,{title:r.a.createElement("div",{className:o.headerActions},r.a.createElement("span",null,"Billing Address"),r.a.createElement(he.a,{variant:"contained",color:"primary",onClick:C},"Add Address"))}),r.a.createElement(za.a,null,c?r.a.createElement(qe,{size:20}):0===(null===d||void 0===d?void 0:d.length)?r.a.createElement(De.a,{variant:"body1",className:o.centeredMessage},"No billing addresses available."):r.a.createElement(Ke.a,{container:!0,spacing:3},null===d||void 0===d?void 0:d.map((e,a)=>r.a.createElement(Ke.a,{style:{display:"flex",alignItems:"center"},item:!0},r.a.createElement(qa.a,{variant:"outlined",className:o.addressCard},r.a.createElement(za.a,null,r.a.createElement(ke.a,{style:{color:"blue"},"aria-label":"edit",className:o.editButton,onClick:()=>(e=>{y(e),C()})(e)},r.a.createElement(At.a,null)),r.a.createElement(ke.a,{style:{color:"red"},"aria-label":"delete",className:o.deleteButton,onClick:()=>{return a=e.id,v(a),void g(!0);var a}},r.a.createElement(Rt.a,null)),r.a.createElement(De.a,{align:"center",variant:"body1"},e.firstname," ",e.lastname),r.a.createElement(De.a,{align:"center",variant:"body2"},e.phone),r.a.createElement(De.a,{align:"center",variant:"body2"},e.address_line1),r.a.createElement(De.a,{align:"center",variant:"body2"},e.address_city),r.a.createElement(De.a,{align:"center",variant:"body2"}," ",e.address_zip," ",e.address_country)))))))),r.a.createElement(Pt,{handleAlert:t,open:u,onClose:()=>{p(!1),y(null)},addressData:h}),r.a.createElement(Ce.a,{open:E,onClose:f},r.a.createElement(ye.a,null,"Confirm Delete"),r.a.createElement(be.a,null,r.a.createElement(ut.a,null,"Are you sure you want to delete this address?")),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:f,color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:async()=>{console.log("Delete address with ID:",b),await(async e=>{try{return(await B.a.delete(`${Za}/address/${e}`)).data}catch(a){F(a)}})(b),await m({type:s.DELETE_SOURCE,addressId:b}),f()},color:"secondary"},"Delete"))))},Ut=t(391),_t=t(392),Wt=t(769),Mt=t(393),qt=t(394),zt=t(395),Vt=t(73);const Gt=U+"/payments";B.a.defaults.headers.common.Authorization=Y();const Ht=async e=>{try{return(await B.a.post(Gt+"/create-setupintent",{customerId:e},{headers:{"Content-Type":"application/json"}})).data.clientSecret}catch(a){F(a)}},Yt=async(e,a)=>{try{return(await B.a.post(`${Gt}/set-default-method/${e}`,{customerId:e,paymentMethodId:a})).data}catch(t){F(t)}},Kt=e=>{let{invoice:a,isMobile:t}=e;return r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,(n=a.amount_paid,l=a.currency,`${(n/100).toFixed(2)} ${l.toUpperCase()}`)),r.a.createElement(_t.a,null,a.currency.toUpperCase()),r.a.createElement(_t.a,null,a.status.charAt(0).toUpperCase()+a.status.slice(1)),r.a.createElement(_t.a,null,(e=>{const a=e.lines.data.find(e=>e.plan&&e.plan.interval);return a?a.plan.interval.charAt(0).toUpperCase()+a.plan.interval.slice(1):"\u2014"})(a)),r.a.createElement(_t.a,null,a.number),r.a.createElement(_t.a,null,(e=>{const a=new Date(1e3*e);return`${a.toLocaleDateString()} ${a.toLocaleTimeString()}`})(a.created)),!t&&r.a.createElement(_t.a,null,r.a.createElement(la.a,{href:a.invoice_pdf,target:"_blank",rel:"noopener"},"Download PDF")));var n,l};var Zt=e=>{let{user:a,handleAlert:t}=e;const[l,o]=Object(n.useState)([]),[c,i]=Object(n.useState)(!1),s=Object(Oe.a)("(max-width:600px)");return Object(n.useEffect)(()=>{ee(async()=>{const e=await async function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10;try{return(await B.a.get(`${Gt}/invoices/${e}?limit=${a}`,{headers:{"Content-Type":"application/json"}})).data}catch(t){F(t)}}(a.CusId);o(e)},i,t)()},[]),r.a.createElement(et.a,{style:{padding:"16px",marginBottom:"16px"}},r.a.createElement(Wt.a,{style:{overflowX:"auto"}},r.a.createElement(Mt.a,null,r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Amount Paid"),r.a.createElement(_t.a,null,"Currency"),r.a.createElement(_t.a,null,"Status"),r.a.createElement(_t.a,null,"Frequency"),r.a.createElement(_t.a,null,"Invoice Number"),r.a.createElement(_t.a,null,"Created"),!s&&r.a.createElement(_t.a,null,"Actions"))),r.a.createElement(zt.a,null,l.map(e=>r.a.createElement(Kt,{key:e.id,invoice:e,isMobile:s}))))),c&&r.a.createElement(qe,{size:20}))},Jt=t(464),Qt=t.n(Jt),Xt=t(465),$t=t.n(Xt),en=t(396);Object(en.a)(e=>({topAppBar:{Height:"10vh",minHeight:"100px"},toolbar:{alignItems:"flex-start",justifyContent:"center",paddingTop:e.spacing(2),paddingBottom:e.spacing(2)},title:{flexGrow:1,alignSelf:"flex-end",verticalAlign:"middle",display:"inline-flex"}}));var an=t(775),tn=t(776),nn=t(777),rn=t(778),ln=t(779),on=t(770),cn=t(771),sn=t(772);const mn=Object(en.a)(e=>({root:{backgroundColor:"#ccc",zIndex:1,color:"#fff",width:50,height:50,display:"flex",borderRadius:"50%",justifyContent:"center",alignItems:"center"},active:{background:e.palette.primary.main,boxShadow:"0 4px 10px 0 rgba(0,0,0,.25)"},completed:{background:e.palette.primary.main}}));var dn=e=>{const a=mn(),{active:t,completed:n}=e,l={1:r.a.createElement(on.a,null),2:r.a.createElement(cn.a,null),3:r.a.createElement(sn.a,null),4:r.a.createElement(sn.a,null)};return r.a.createElement("div",{className:Object(pe.a)(a.root,{[a.active]:t,[a.completed]:n})},l[String(e.icon)])},un=t(800);var pn=()=>{const{formValuesState:e,formValuesDispatch:a}=D();return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{variant:"h6"},"Contact information")),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"First Name",name:"firstname",variant:"outlined",required:!0,fullWidth:!0,value:e.firstname,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"firstname",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Last Name",name:"lastname",variant:"outlined",required:!0,fullWidth:!0,value:e.lastname,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"lastname",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Email Address",name:"email",variant:"outlined",required:!0,fullWidth:!0,value:e.email,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"email",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Street Address 1",name:"address1",variant:"outlined",required:!0,fullWidth:!0,value:e.line1,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"line1",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Street Address 2 (optional)",name:"line2",variant:"outlined",fullWidth:!0,value:e.line2,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"line2",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Postal Code",name:"postal_code",variant:"outlined",required:!0,fullWidth:!0,value:e.postal_code,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"postal_code",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"City",name:"city",variant:"outlined",required:!0,fullWidth:!0,value:e.city,onChange:e=>a({type:s.EDIT_FORM_VALUE,key:"city",value:e.target.value})})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(un.a,{options:It,getOptionLabel:e=>e.name,renderInput:e=>r.a.createElement(Va.a,Object.assign({label:"Country",name:"country",variant:"outlined",required:!0,fullWidth:!0},e)),value:e.country,onChange:(e,t)=>{a({type:s.EDIT_FORM_VALUE,key:"country",value:t})}})))};var En=e=>{let{component:a,inputRef:t,...l}=e;const o=Object(n.useRef)();return Object(n.useImperativeHandle)(t,()=>({focus:()=>o.current.focus})),r.a.createElement(a,Object.assign({onReady:e=>o.current=e},l))};var gn=e=>{let{type:a}=e;const{formValuesState:t,formValuesDispatch:n}=D();return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ke.a,{container:!0,item:!0,xs:12},r.a.createElement(Ke.a,{item:!0,xs:12,sm:3},r.a.createElement(De.a,{variant:"h6"},"Payment Data")),r.a.createElement(Ke.a,{container:!0,item:!0,xs:12,sm:6,justifyContent:"space-between"},["dankort","discover","jcb","maestro","mastercard","visa","visaelectron"].map(e=>r.a.createElement("img",{key:e,src:`/cards/${e}.png`,alt:e,width:"50px",align:"bottom",style:{padding:"0 5px"}})))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(un.a,{options:hn,getOptionLabel:e=>e.code,renderOption:e=>r.a.createElement(r.a.Fragment,null,e.name," (",e.code,")"),renderInput:e=>r.a.createElement(Va.a,Object.assign({label:"Currency",name:"currency",variant:"outlined",fullWidth:!0},e)),value:t.currency,onChange:(e,a)=>{n({type:s.EDIT_FORM_VALUE,key:"currency",value:a})}})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Credit Card Number",name:"ccnumber",variant:"outlined",required:!0,fullWidth:!0,InputProps:{inputComponent:En,inputProps:{component:Vt.CardNumberElement}},InputLabelProps:{shrink:!0}})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Expiration Date",name:"ccexp",variant:"outlined",required:!0,fullWidth:!0,InputProps:{inputProps:{component:Vt.CardExpiryElement},inputComponent:En},InputLabelProps:{shrink:!0}})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"CVC",name:"cvc",variant:"outlined",required:!0,fullWidth:!0,InputProps:{inputProps:{component:Vt.CardCvcElement},inputComponent:En},InputLabelProps:{shrink:!0}})))};const hn=[{symbol:"\u20ac",name:"Euro",symbol_native:"\u20ac",decimal_digits:2,rounding:0,code:"EUR",name_plural:"euros"},{symbol:"$",name:"US Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"USD",name_plural:"US dollars"}];var yn=t(727);var bn=Object(dt.a)(e=>({alternativeLabel:{top:22},active:{"& $line":{background:e.palette.primary.main}},completed:{"& $line":{background:e.palette.primary.main}},line:{height:3,border:0,backgroundColor:"#eaeaf0",borderRadius:1}}))(yn.a);const vn=Object(en.a)(e=>({button:{marginRight:e.spacing(1)},mainBox:{position:"relative",marginTop:"-8px",padding:"10px 20px",borderBottomRightRadius:"4px",borderBottomLeftRadius:"4px",background:e.palette.background.default},stepper:{height:"calc(10vh - 40px)",minHeight:"55px"},form:{display:"flex",flexDirection:"column",justifyContent:"space-around"},buttonWrapper:{justifyContent:"flex-end"}})),Cn=e=>{let{step:a}=e;switch(a){case 0:return r.a.createElement(pn,null);case 1:return r.a.createElement(gn,null);default:return r.a.createElement(r.a.Fragment,null)}};var fn=e=>{let{stripe:a,handleAlert:t,customerId:l,closeStepper:o}=e;const c=vn(),[i,s]=Object(n.useState)(0),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)(!0),[E,g]=Object(n.useState)(""),{formValuesState:h}=D(),y=Object(Vt.useElements)(),b=()=>{0===i&&o(),s(e=>e-1)},v=ee(async()=>{const e=await Ht(l),{setupIntent:n,error:r}=await a.confirmCardSetup(e,{payment_method:{card:y.getElement(Vt.CardCvcElement),billing_details:{address:{line1:h.line1,line2:h.line2,city:h.city,state:h.state,postal_code:h.postal_code,country:h.address_country},name:`${h.firstname} ${h.lastname}`,email:h.email}}});r?t(!0,"Error confirming SetupIntent: "+r,"error"):n&&(await(async(e,a)=>{try{return(await B.a.post(`${Gt}/attach-payment-method/${e}`,{methodId:a},{headers:{"Content-Type":"application/json"}})).data}catch(r){F(r)}})(l,n.payment_method),t(!0,"Card saved successfully.","success"),s(e=>e+1))},d,t);return r.a.createElement(r.a.Fragment,null,r.a.createElement(an.a,{alternativeLabel:!0,className:c.stepper,connector:r.a.createElement(bn,null),activeStep:i},[1,2].map(e=>r.a.createElement(tn.a,{key:e},r.a.createElement(nn.a,{StepIconComponent:dn})))),r.a.createElement(me.a,{className:c.mainBox},2===i?r.a.createElement(Ke.a,{container:!0,spacing:3,direction:"column",justifyContent:"space-around",alignItems:"center",style:{height:"400px"}},u?r.a.createElement(rn.a,{fontSize:"large",color:"primary"}):r.a.createElement(ln.a,{fontSize:"large",color:"error"}),r.a.createElement(De.a,{variant:"h4"},E),r.a.createElement(he.a,{onClick:u?()=>{s(0),o()}:b,className:c.button},u?"Return":"Back")):r.a.createElement("form",{autoComplete:"off",className:c.form,onSubmit:e=>{e.preventDefault(),(async()=>{1===i?await v():s(e=>e+1)})()}},r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Cn,{step:i}),r.a.createElement(Ke.a,{container:!0,item:!0,justifyContent:"flex-end"},r.a.createElement(he.a,{className:c.button,onClick:b},"Back"),r.a.createElement(he.a,{variant:"contained",color:"primary",className:c.button,type:"submit",disabled:m},m?r.a.createElement(qe,{size:24}):1===i?"Add":"Next"))))))},Sn=t(780),wn=t(781),An=t(782),xn=t(460),On=t.n(xn),Tn=t(461),jn=t.n(Tn),kn=t(462),Nn=t.n(kn);const Dn={visa:On.a,mastercard:jn.a,amex:Nn.a},In=Object(ie.a)(e=>({box:{borderRadius:"12px",backgroundColor:e.palette.primary.main,color:"white",fontSize:"0.75rem",padding:"2px 8px",display:"inline-block"}}));function Pn(e){let{onAdd:a,user:t,stripe:l,priceId:o,isSelectable:i,handleAlert:m}=e;const{paymentMethodsState:d,paymentMethodsDispatch:u,formValuesState:p}=D(),[E,g]=Object(n.useState)(null),[h,y]=Object(n.useState)(!1),[b,v]=Object(n.useState)(null),[C,f]=Object(n.useState)(!1),[S,w]=Object(n.useState)(""),[A,x]=Object(n.useState)(!1),[O,T]=Object(n.useState)(""),[j,k]=Object(n.useState)(""),N=In(),I=Object(c.g)(),P=Object(Vt.useElements)();Object(n.useEffect)(()=>{(async()=>{try{y(!0);const e=await(async e=>{try{return(await B.a.get(`${Gt}/methods/${e}`)).data}catch(a){F(a)}})(t.CusId);await u({type:s.SET_METHODS,value:e.methods}),v(e.default)}catch(e){console.log(e)}finally{y(!1)}})()},[t.CusId]);const L=ee(async()=>{try{await(async(e,a)=>{try{return(await B.a.post(`${Gt}/delete-payment-method/${e}`,{customerId:e,paymentMethodId:a})).data}catch(t){F(t)}})(t.CusId,S),await u({type:s.DELETE_METHOD,methodId:S}),m(!0,"Payment method deleted successfully.","success")}catch(e){m(!0,"Error deleting payment method: "+e.message,"error")}},y,m),R=ee(async()=>{const e=await Ht(t.CusId),{setupIntent:a,error:n}=await l.confirmCardSetup(e,{payment_method:{id:E,card:P.getElement(Vt.CardCvcElement),billing_details:{address:{line1:p.line1,line2:p.line2,city:p.city,state:p.state,postal_code:p.postal_code,country:p.address_country},name:`${p.firstname} ${p.lastname}`,email:p.email}}});n?m(!0,"Error updating payment method: "+n.message,"error"):a&&m(!0,"Payment method updated successfully.","success")},y,m),U=ee(async e=>{try{await Yt(t.CusId,e),await v(e)}catch(a){console.log("Error setting payment method as default:",a)}},y,m);return r.a.createElement(Ke.a,{container:!0,direction:"column",spacing:1},r.a.createElement(Ke.a,{item:!0},r.a.createElement(ge.a,{button:!0,onClick:a},r.a.createElement(He.a,null,r.a.createElement(Ne.a,null,r.a.createElement(Sn.a,null))),r.a.createElement(Ye.a,{primary:"Add payment method"}))),r.a.createElement(Ke.a,{item:!0,container:!0,justifyContent:"center",alignItems:"center"},h&&r.a.createElement(qe,{size:20})),null===d||void 0===d?void 0:d.map(e=>{var a,t;return r.a.createElement(Ke.a,{item:!0,key:e.id},r.a.createElement(ge.a,{className:"flex items-center w-full h-10 py-1 px-2 shadow-lg m-2 justify-between rounded",button:i,onClick:()=>i&&g(e.id),disabled:i&&e.id===E},r.a.createElement(He.a,null,r.a.createElement(Ne.a,{alt:null===(a=e.card)||void 0===a?void 0:a.brand,src:Dn[null===(t=e.card)||void 0===t?void 0:t.brand]})),r.a.createElement(Ye.a,{primary:"......"+e.card.last4,secondary:`Expires ${e.card.exp_month} ${e.card.exp_year}`}),b===e.id&&r.a.createElement(me.a,{className:N.box},"default"),r.a.createElement("div",null,r.a.createElement(ke.a,{onClick:()=>{w(e.id),f(!0)},"aria-label":"delete"},r.a.createElement(wn.a,{fontSize:"small"})),r.a.createElement(ke.a,{onClick:()=>U(e.id),"aria-label":"set default"},r.a.createElement(An.a,{fontSize:"small",color:b===e.id?"primary":"inherit"})))))}),i&&o&&r.a.createElement(he.a,{onClick:async()=>{if(i&&E)try{y(!0),await(async(e,a,t)=>{try{await B.a.post(`${Gt}/confirm-payment/${e}`,{paymentMethod:a,priceId:t})}catch(n){F(n)}})(t.CusId,E,o),await I.push("/plan")}catch(e){console.log(e)}finally{y(!1)}},disabled:!E,variant:"contained",color:"primary",style:{alignSelf:"flex-end",margin:"10px"}},"Perform Payment"),r.a.createElement(Ce.a,{open:C,onClose:()=>f(!1)},r.a.createElement(ye.a,null,"Confirm Deletion"),r.a.createElement(be.a,null,r.a.createElement(ut.a,null,"Are you sure you want to delete this payment method? This action cannot be undone.")),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:()=>f(!1),color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:L,color:"secondary"},"Delete"))),r.a.createElement(Ce.a,{open:A,onClose:()=>x(!1)},r.a.createElement(ye.a,null,"Edit Payment Method"),r.a.createElement(be.a,null,r.a.createElement(gn,{type:"edit"})),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:()=>x(!1),color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:R,color:"secondary"},"Update"))))}const Ln=Object(en.a)(e=>({boxWrapper:{display:"flex",justifyContent:"center",width:"100%"},paper:{padding:e.spacing(2),backgroundColor:e.palette.background.paper,borderRadius:"8px",boxShadow:e.shadows[3],minWidth:"90%"}}));var Rn=e=>{let{isSelectable:a,user:t,planInfo:l,alert:o,handleAlert:c,loading:i,handleClose:s}=e;const m=Object(Vt.useStripe)(),d=Ln(),[u,p]=Object(n.useState)(!1);return r.a.createElement(me.a,{component:"main",className:d.boxWrapper},r.a.createElement(L,{open:o.open,message:o.message,onClose:s,severity:o.severity}),r.a.createElement(et.a,{className:d.paper,elevation:5},a&&r.a.createElement(De.a,{variant:"h5"},"Payment Form"),r.a.createElement(ue.a,{style:{margin:"10px 0px"}}),i&&r.a.createElement(qe,{size:20}),u?r.a.createElement(fn,{stripe:m,handleAlert:c,customerId:null===t||void 0===t?void 0:t.CusId,closeStepper:()=>{p(!1)}}):r.a.createElement(Pn,{stripe:m,handleAlert:c,user:t,onAdd:()=>{p(!0)},priceId:l.priceId,isSelectable:a})))},Bn=t(463);var Fn=()=>{const[e,a]=Object(n.useState)(null),[t,l]=Object(n.useState)({planName:"",priceId:""}),[o,c]=Object(n.useState)(!1),[i,s]=Object(n.useState)(null),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),E=Object(n.useCallback)((e,a,t)=>{p({open:e,message:a,severity:t})},[]),g=Object(n.useCallback)(()=>p(e=>({...e,open:!1})),[]);return Object(n.useEffect)(()=>{"/plan/payments"===window.location.pathname?d(!0):d(!1)},[]),Object(n.useEffect)(()=>{ee(async()=>{const e=await(async()=>{try{const e=await B.a.get(Gt+"/publishable-key"),{pk:a}=e.data;return a}catch(e){F(e)}})(),a=Object(Bn.a)(e);s(a)},c,E)(),(async()=>{const e=K();e&&e.CusId&&(a(e),l({planName:J("planName"),priceId:J("priceId")}))})()},[null===e||void 0===e?void 0:e.CusId,t.planName,t.priceId]),r.a.createElement("div",{style:{flexGrow:1}},i&&r.a.createElement(Vt.Elements,{stripe:i},r.a.createElement(Rn,{alert:u,user:e,planInfo:t,isSelectable:m,handleAlert:E,loading:o,setLoading:c,handleClose:g})))};const Un=Object(ie.a)(e=>({root:{padding:e.spacing(.5)},container:{borderRadius:e.shape.borderRadius},item:{padding:e.spacing(2),display:"flex",flexDirection:"column"}}));function _n(e){const{children:a,value:t,index:n,...l}=e;return r.a.createElement("div",Object.assign({role:"tabpanel",hidden:t!==n,id:"vertical-tabpanel-"+n,"aria-labelledby":"vertical-tab-"+n},l),t===n&&r.a.createElement(me.a,{sx:{p:3}},r.a.createElement(De.a,null,a)))}function Wn(e){return{id:"vertical-tab-"+e,"aria-controls":"vertical-tabpanel-"+e}}var Mn=e=>{let{url:a}=e;const t=Un(),[l,o]=Object(n.useState)({}),[c,i]=Object(n.useState)(!1),[s,m]=Object(n.useState)(0),[d,u]=Object(n.useState)(0),[p,E]=Object(n.useState)({open:!1,message:"",severity:"info"}),g=Object(n.useCallback)((e,a,t)=>{E({open:e,message:a,severity:t})},[]),h=Object(n.useCallback)(()=>E(e=>({...e,open:!1})),[]);return Object(n.useEffect)(()=>{const e=K();o(e)},[]),r.a.createElement("div",{className:t.root},r.a.createElement(me.a,{sx:{bgcolor:"background.paper"}},r.a.createElement(L,{open:p.open,message:p.message,onClose:h,severity:p.severity}),r.a.createElement(Wa.a,{style:{marginRight:20},variant:"scrollable",value:s,onChange:(e,a)=>{m(a)},sx:{borderRight:1}},r.a.createElement(Ma.a,Object.assign({icon:r.a.createElement(Qt.a,null),label:"PROFILE"},Wn(0))),(null===l||void 0===l?void 0:l.CusId)&&r.a.createElement(Ma.a,Object.assign({icon:r.a.createElement($t.a,null),label:"BILLING"},Wn(1)))),r.a.createElement(_n,{value:s,index:0},r.a.createElement(Ke.a,{container:!0,spacing:2,className:t.container},r.a.createElement(Ke.a,{item:!0,xs:12,md:4,className:t.item},r.a.createElement(Ot,{handleAlert:g})),r.a.createElement(Ke.a,{item:!0,xs:12,md:8,className:t.item},r.a.createElement(Ct,{handleAlert:g,url:a})),r.a.createElement(Ke.a,{item:!0,lg:12,md:12,xl:8,xs:12,className:t.item},r.a.createElement(Ft,{handleAlert:g})))),r.a.createElement(_n,{value:s,index:1},r.a.createElement(Wa.a,{style:{marginRight:20},variant:"scrollable",value:d,onChange:(e,a)=>{u(a)},sx:{borderRight:1}},r.a.createElement(Ma.a,Object.assign({label:"Billing History"},Wn(2))),r.a.createElement(Ma.a,Object.assign({label:"Payment Methods"},Wn(3)))),r.a.createElement(_n,{value:d,index:0},r.a.createElement(Zt,{user:l})),r.a.createElement(_n,{value:d,index:1},r.a.createElement(Fn,{isSelectable:!1})))))},qn=t(466),zn=t.n(qn),Vn=t(121),Gn=t.n(Vn);const Hn=Object(ie.a)(e=>({root:{height:"100%",padding:e.spacing(2),cursor:"pointer"},title:{display:"flex",alignItems:"center",color:e.palette.text.secondary,fontWeight:700},avatar:{backgroundColor:e.palette.success.main,height:56,width:56},icon:{marginLeft:e.spacing(1)},difference:{marginTop:e.spacing(2),display:"flex",alignItems:"center",height:"64px"},loadingContainer:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}}));var Yn=e=>{let{loading:a,count:t,history:n}=e;const l=Hn(),o=()=>{n.push("topics")};return r.a.createElement("div",{className:l.root,onClick:o},r.a.createElement(De.a,{className:l.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"TOPICS",r.a.createElement(ke.a,{onClick:o},r.a.createElement(Gn.a,{className:l.icon}))),r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0},a?r.a.createElement("div",{className:l.loadingContainer},r.a.createElement(Me.a,null)):r.a.createElement(De.a,{color:"inherit",variant:"h4"},t)),r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ne.a,{className:l.avatar},r.a.createElement(zn.a,null)))))},Kn=(t(295),t(524),t(198)),Zn=t.n(Kn),Jn=t(92),Qn=t.n(Jn),Xn=(Qn()(),Qn()(),Qn()(),Qn()(),Qn()(),Qn()(),t(785));const $n=Object(ie.a)(e=>({root:{height:"100%"},content:{alignItems:"center",display:"flex"},title:{fontWeight:700},avatar:{backgroundColor:e.palette.success.main,height:56,width:56},icon:{height:32,width:32},difference:{marginTop:e.spacing(.5),display:"flex",alignItems:"center"},differenceIcon:{color:e.palette.success.dark},icondown:{color:e.palette.warning.dark,marginRight:e.spacing(.5)},icondowntype:{color:e.palette.warning.dark},caption:{marginRight:e.spacing(.5)},differenceValue:{color:e.palette.success.dark,marginRight:e.spacing(.5)}}));var er=e=>{const{className:a,url:t,history:l,...o}=e,c=$n(),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(0),[u,p]=Object(n.useState)(0),[E,g]=Object(n.useState)(0),[h,y]=Object(n.useState)(0),[b,v]=Object(n.useState)(0);return Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let r=await fetch(t+"/getMetrics/ram",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await r.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);var n=Number.parseFloat(a/1e9).toFixed(2);s(n.toString()+" G")}catch(r){console.log("fetch data error "+r)}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/in",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);g((a/2e3).toString())}catch(n){console.log("fetch data error "+n)}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/out",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);y((a/2e3).toString())}catch(n){console.log("fetch data error "+n)}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/messages",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);v(a.toString())}catch(n){console.log("fetch data error "+n)}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/cpu",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=Number.parseFloat(100*e[0].value[1]).toFixed(2);p(a.toString())}catch(n){console.log("fetch data error "+n)}})()},[]),r.a.createElement(qa.a,Object.assign({},o,{className:Object(pe.a)(c.root,a)}),r.a.createElement(Xn.a,{onClick:()=>{window.open("https://www.thingwings.com/grafana/d/GCd4-WYVz/kafka-cluster-global-healthcheck?orgId=1&refresh=5s","_blank")},target:"_blank",href:"https://www.thingwings.com/grafana/d/GCd4-WYVz/kafka-cluster-global-healthcheck?orgId=1&refresh=5s"},r.a.createElement(za.a,null,r.a.createElement(Ke.a,{container:!0,justify:"space-between"},r.a.createElement(Ke.a,{item:!0},r.a.createElement(De.a,{className:c.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"Disk (Global topic size) / CPU"),r.a.createElement(De.a,{variant:"h3"},i," | ",u+"%")),r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ne.a,{className:c.avatar},r.a.createElement(Zn.a,{className:c.icon})))),r.a.createElement(Ke.a,{container:!0,justify:"space-between"},r.a.createElement(Ke.a,{xs:12},r.a.createElement("div",{className:c.difference},r.a.createElement(De.a,{className:c.caption,variant:"caption"},"Bytes in per sec"),r.a.createElement(De.a,{className:c.differenceValue,variant:"body2"},E," |"),r.a.createElement(De.a,{className:c.caption,variant:"caption"},"Bytes out per sec"),r.a.createElement(De.a,{className:c.differenceValue,variant:"body2"},h," |"),r.a.createElement(De.a,{className:c.caption,variant:"caption"},"Message in per sec"),r.a.createElement(De.a,{className:c.differenceValue,variant:"body2"},b),r.a.createElement(De.a,{className:c.caption,variant:"caption"})))))))},ar=t(239),tr=t.n(ar),nr=t(467),rr=t.n(nr);const lr=Object(ie.a)(e=>({root:{height:"100%"},content:{padding:0},actions:{justifyContent:"flex-end"},progress:{display:"flex",justifyContent:"center",marginTop:e.spacing(2)},tableContainer:{overflow:"auto","& .MuiTableCell-root":{padding:"10px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"}}}));var or=e=>{let{topicsDetails:a,history:t,handleAlert:l}=e;const o=lr(),[c,i]=Object(n.useState)(!1),[s,m]=Object(n.useState)([]),[d,u]=Object(n.useState)(!1),p=ee(async()=>{await te(s),await E(),await l(!0,"Topics Resumed successfully","success")},u,l),E=()=>{i(!1)};return r.a.createElement(qa.a,{className:o.root},r.a.createElement(Tt.a,{title:"Latest Messages",action:r.a.createElement(he.a,{color:"primary",size:"small",variant:"contained",onClick:()=>t.push("topics")},"View all ",r.a.createElement(tr.a,null))}),r.a.createElement(ue.a,null),r.a.createElement(za.a,{className:o.content},r.a.createElement(Mt.a,{className:o.tableContainer},r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Topic Name"),r.a.createElement(_t.a,null,"Messages Count"),r.a.createElement(_t.a,{align:"right"},"Actions"))),r.a.createElement(zt.a,null,null===a||void 0===a?void 0:a.map(e=>r.a.createElement(Ut.a,{key:e.id},r.a.createElement(_t.a,null,e.name),r.a.createElement(_t.a,null,e.messages_count),r.a.createElement(_t.a,{align:"right"},r.a.createElement(Ze.a,{title:"Resume topic"},r.a.createElement(ke.a,{size:"small",onClick:()=>{return a=e.id,m([a]),void i(!0);var a}},r.a.createElement(rr.a,{fontSize:"large"}))))))))),r.a.createElement(Ce.a,{open:c,onClose:E},r.a.createElement(ye.a,null,"Resume Topic"),r.a.createElement(be.a,null,r.a.createElement(ut.a,null,"Are you sure you want to resume the topic ?")),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:E,color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:p,color:"primary"},"Resume"))))},cr=t(99),ir=t(468),sr=t.n(ir),mr=t(7);const dr="#FFFFFF";var ur={black:"#000000",white:dr,primary:{contrastText:dr,dark:mr.colors.indigo[900],main:mr.colors.indigo[500],light:mr.colors.indigo[100]},secondary:{contrastText:dr,dark:mr.colors.blue[900],main:mr.colors.blue.A400,light:mr.colors.blue.A400},success:{contrastText:dr,dark:mr.colors.green[900],main:mr.colors.green[600],light:mr.colors.green[400]},info:{contrastText:dr,dark:mr.colors.blue[900],main:mr.colors.blue[600],light:mr.colors.blue[400]},warning:{contrastText:dr,dark:mr.colors.orange[900],main:mr.colors.orange[600],light:mr.colors.orange[400]},error:{contrastText:dr,dark:mr.colors.red[900],main:mr.colors.red[600],light:mr.colors.red[400]},text:{primary:mr.colors.blueGrey[900],secondary:mr.colors.blueGrey[600],link:mr.colors.blue[600]},background:{default:"#F4F6F8",paper:dr},icon:mr.colors.blueGrey[600],divider:mr.colors.grey[200]};ur.primary.main,ur.text.primary,ur.text.secondary,ur.text.secondary,ur.text.secondary,ur.text.secondary;const pr=Object(ie.a)(e=>({root:{height:"100%"},content:{alignItems:"center",display:"flex"},title:{fontWeight:700},avatar:{backgroundColor:e.palette.success.main,height:56,width:56},icon:{height:32,width:32},difference:{marginTop:e.spacing(.5),display:"flex",alignItems:"center"},differenceIcon:{color:e.palette.success.dark},icondown:{color:e.palette.warning.dark,marginRight:e.spacing(.5)},icondowntype:{color:e.palette.warning.dark},caption:{marginRight:e.spacing(.5)},differenceValue:{color:e.palette.success.dark,marginRight:e.spacing(.5)}}));var Er=e=>{const{className:a,url:t,history:l,...o}=e,c=pr(),[i,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(0),[u,p]=Object(n.useState)(0),[E,g]=Object(n.useState)(0),[h,y]=Object(n.useState)(0),[b,v]=Object(n.useState)(0);return Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/totalclient",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);s(a.toString())}catch(n){s("error")}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/mosin",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);g(a.toString())}catch(n){g("error")}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/mosout",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);y(a.toString())}catch(n){y("error")}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/messagemos",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=0;for(let t=0;t<e.length;t++)a=parseInt(e[t].value[1])+a,console.log(e[t]);v(a.toString())}catch(n){v("error")}})()},[]),Object(n.useEffect)(()=>{(async()=>{try{(new Date).toISOString();let n=await fetch(t+"/getMetrics/mossub",{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+Ve()}});var e=(await n.json()).data.result,a=e[0].value[1];p(a.toString())}catch(n){p("error")}})()},[]),r.a.createElement(qa.a,Object.assign({},o,{className:Object(pe.a)(c.root,a)}),r.a.createElement(Xn.a,{onClick:()=>{window.open("https://www.thingwings.com/grafana/d/Ie16aZLVz/mosquitto-broke?orgId=1&refresh=10s","_blank")},target:"_blank",href:"https://www.thingwings.com/grafana/d/Ie16aZLVz/mosquitto-broke?orgId=1&refresh=10s"},r.a.createElement(za.a,null,r.a.createElement(Ke.a,{container:!0,justify:"space-between"},r.a.createElement(Ke.a,{item:!0},r.a.createElement(De.a,{className:c.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"Client Total | Total subscriptions"),r.a.createElement(De.a,{variant:"h3"},i," | ",u)),r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ne.a,{className:c.avatar},r.a.createElement(sr.a,{className:c.icon})))),r.a.createElement(Ke.a,{container:!0,justify:"space-between"},r.a.createElement(Ke.a,{xs:12},r.a.createElement("div",{className:c.difference},r.a.createElement(De.a,{className:c.caption,variant:"caption"},"Bytes in per sec"),r.a.createElement(De.a,{className:c.differenceValue,variant:"body2"},E," |"),r.a.createElement(De.a,{className:c.caption,variant:"caption"},"Bytes out per sec"),r.a.createElement(De.a,{className:c.differenceValue,variant:"body2"},h," |"),r.a.createElement(De.a,{className:c.caption,variant:"caption"},"Tolal messages received"),r.a.createElement(De.a,{className:c.differenceValue,variant:"body2"},b),r.a.createElement(De.a,{className:c.caption,variant:"caption"})))))))};t(469);Object(ie.a)(e=>({root:{height:"100%"},content:{alignItems:"center",display:"flex"},title:{fontWeight:700},avatar:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText,height:56,width:56},icon:{height:32,width:32},difference:{marginTop:e.spacing(2),display:"flex",alignItems:"center",height:"64px"},progress:{marginTop:e.spacing(3)}}));var gr=t(260),hr=t.n(gr);const yr=Object(ie.a)(e=>({root:{height:"100%",padding:e.spacing(2),cursor:"pointer"},title:{display:"flex",alignItems:"center",color:e.palette.text.secondary,fontWeight:700},avatar:{backgroundColor:e.palette.success.main,height:56,width:56},icon:{marginLeft:e.spacing(1)},difference:{marginTop:e.spacing(2),display:"flex",alignItems:"center",height:"64px"},loadingContainer:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}}));var br=e=>{let{loading:a,apisCount:t,history:n}=e;const l=yr(),o=()=>{n.push("ai-models")};return r.a.createElement("div",{className:l.root,onClick:o},r.a.createElement(De.a,{className:l.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"AI Models",r.a.createElement(ke.a,{onClick:o},r.a.createElement(Gn.a,{className:l.icon}))),r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0},a?r.a.createElement("div",{className:l.loadingContainer},r.a.createElement(Me.a,null)):r.a.createElement(De.a,{color:"inherit",variant:"h4"},t)),r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ne.a,{className:l.avatar},r.a.createElement(hr.a,null)))))},vr=t(319),Cr=t.n(vr),fr=t(320),Sr=t.n(fr);const wr=Object(ie.a)(e=>({root:{height:"50%",padding:e.spacing(2),cursor:"pointer"},title:{display:"flex",alignItems:"center",color:e.palette.text.secondary,fontWeight:700},icon:{marginLeft:e.spacing(1)},avatar:{backgroundColor:e.palette.success.main,height:56,width:56},difference:{marginTop:e.spacing(.5),display:"flex",alignItems:"center"},differenceIcon:{color:e.palette.success.dark},icondown:{color:e.palette.warning.dark,marginRight:e.spacing(.5)},icondowntype:{color:e.palette.warning.dark},caption:{marginRight:e.spacing(.5)},differenceValue:{color:e.palette.success.dark,marginRight:e.spacing(.5)},loadingContainer:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}}));var Ar=e=>{let{history:a,loading:t,sourceConnectorsCount:n,sinkConnectorsCount:l,httpConnectorsCount:o,runningConnectorsCount:c,failedConnectorsCount:i}=e;const s=wr(),m=()=>{a.push("connectors")};return r.a.createElement("div",{className:s.root,onClick:m},r.a.createElement(De.a,{className:s.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"CONNECTIONS",r.a.createElement(ke.a,{onClick:m},r.a.createElement(Gn.a,{className:s.icon}))),t?r.a.createElement("div",{className:s.loadingContainer},r.a.createElement(Me.a,null)):r.a.createElement(r.a.Fragment,null,r.a.createElement(Ke.a,{container:!0,spacing:2},r.a.createElement(Ke.a,{xs:3,item:!0},r.a.createElement(De.a,{variant:"h4"},l+n)),r.a.createElement(Ke.a,{xs:5,item:!0},r.a.createElement("div",{className:s.difference},r.a.createElement(De.a,{className:s.differenceValue,variant:"body2"},c+" Running"),r.a.createElement(Cr.a,{className:s.differenceIcon})),r.a.createElement("div",{className:s.difference},r.a.createElement(De.a,{className:s.icondown,variant:"body2"},i+" Failed"),r.a.createElement(Sr.a,{className:s.icondowntype}))),r.a.createElement(Ke.a,{xs:4,item:!0},r.a.createElement(Ne.a,{className:s.avatar},r.a.createElement(ia.a,null))))))},xr=(t(169),t(266),t(137));Object(ie.a)(e=>({root:{height:"100%"},chartContainer:{position:"relative",height:"150px"},title:{fontWeight:700},stats:{marginTop:e.spacing(1),display:"flex",justifyContent:"center"},device:{textAlign:"center",padding:e.spacing(1)},deviceIcon:{color:e.palette.icon}}));t(621),t(321);Object(ie.a)(()=>({root:{height:"100%"},content:{padding:0},image:{height:48,width:48},actions:{justifyContent:"flex-end"}}));const Or=Object(ie.a)(e=>({root:{height:"100%",padding:e.spacing(2),cursor:"pointer"},title:{display:"flex",alignItems:"center",color:e.palette.text.secondary,fontWeight:700},avatar:{backgroundColor:e.palette.success.main,height:56,width:56},icon:{marginLeft:e.spacing(1)},difference:{marginTop:e.spacing(2),display:"flex",alignItems:"center",height:"64px"},loadingContainer:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}}));var Tr=e=>{let{loading:a,thingsCount:t,history:n}=e;const l=Or(),o=()=>{n.push("things")};return r.a.createElement("div",{className:l.root,onClick:o},r.a.createElement(De.a,{className:l.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"THINGS",r.a.createElement(ke.a,{onClick:o},r.a.createElement(Gn.a,{className:l.icon}))),r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0},a?r.a.createElement("div",{className:l.loadingContainer},r.a.createElement(Me.a,null)):r.a.createElement(De.a,{color:"inherit",variant:"h4"},t)),r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ne.a,{className:l.avatar},r.a.createElement(hr.a,null)))))};const jr=Object(ie.a)(()=>({root:{height:"100%"}}));var kr=e=>{let{data:a}=e;const t=jr(),n=Object(xe.a)(),l={labels:a.map(e=>e.label),datasets:[{label:"Messages Count",data:a.map(e=>e.value),backgroundColor:n.palette.primary.main,borderColor:n.palette.primary.dark,borderWidth:1,barPercentage:.05}]};return r.a.createElement(qa.a,{className:t.root},r.a.createElement(Tt.a,{title:"Messages Count per Topic"}),r.a.createElement("div",null,r.a.createElement(cr.Bar,{data:l,options:{scales:{y:{beginAtZero:!0}}}})))};Object(ie.a)(()=>({root:{height:"100%"}}));const Nr=Object(ie.a)(e=>({paper:{color:e.palette.text.secondary,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"}}));var Dr=e=>{let{history:a,url:t}=e;const l=Nr(),[o,c]=Object(n.useState)(null),[i,s]=Object(n.useState)(!0),[m,d]=Object(n.useState)([]),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),E=(e,a,t)=>{p({open:e,message:a,severity:t})},g=ze();return Object(n.useEffect)(()=>{ee(async()=>{const e=await(async()=>{try{return(await B.a.get("https://www.thingwings.com/api/dashboard")).data}catch(e){F(e)}})(),a=e.topicsDetails.map(e=>({label:e.name,value:e.messages_count}));d(a),c(e)},s,E)()},[]),r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:u.open,message:u.message,onClose:()=>{p(e=>({...e,open:!1}))},severity:u.severity}),r.a.createElement(Ke.a,{container:!0,spacing:3},g.admin?r.a.createElement(r.a.Fragment,null,r.a.createElement(Ke.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(er,{url:t,history:a})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(Er,{url:t,history:a}))):null,r.a.createElement(Ke.a,{item:!0,container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(et.a,{className:l.paper},r.a.createElement(Yn,{loading:i,count:(null===o||void 0===o?void 0:o.topicsCount)||0,history:a}))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(et.a,{className:l.paper},r.a.createElement(Ar,{loading:i,sourceConnectorsCount:(null===o||void 0===o?void 0:o.sourceConnectorsCount)||0,sinkConnectorsCount:(null===o||void 0===o?void 0:o.sinkConnectorsCount)||0,httpConnectorsCount:(null===o||void 0===o?void 0:o.httpConnectorsCount)||0,runningConnectorsCount:(null===o||void 0===o?void 0:o.runningConnectorsCount)||0,failedConnectorsCount:(null===o||void 0===o?void 0:o.failedConnectorsCount)||0,history:a}))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(et.a,{className:l.paper},r.a.createElement(br,{loading:i,apisCount:(null===o||void 0===o?void 0:o.apisCount)||0,history:a}))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(et.a,{className:l.paper},r.a.createElement(Tr,{loading:i,thingsCount:(null===o||void 0===o?void 0:o.thingsCount)||0,history:a})))),r.a.createElement(Ke.a,{item:!0,container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(or,{handleAlert:E,topicsDetails:(null===o||void 0===o?void 0:o.topicsDetails)||[],history:a})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(kr,{data:m})))))};const Ir=Object(ie.a)(e=>({root:{height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2)},content:{textAlign:"center"},image:{marginTop:50,display:"inline-block",maxWidth:"100%",width:240},button:{marginTop:20}}));var Pr=()=>{const e=Ir(),a=Object(c.g)();return r.a.createElement("div",{className:e.root},r.a.createElement(Ke.a,{container:!0,direction:"column",alignItems:"center",spacing:4},r.a.createElement(Ke.a,{item:!0},r.a.createElement(De.a,{variant:"h3"},"The page you are looking for isn\u2019t here")),r.a.createElement(Ke.a,{item:!0},r.a.createElement(De.a,{variant:"subtitle2"},"You either tried some shady route or you came here by mistake. Whichever it is, try using the navigation.")),r.a.createElement(Ke.a,{item:!0},r.a.createElement("img",{alt:"Under development",className:e.image,src:"/images/undraw_page_not_found_su7k.svg"})),r.a.createElement(Ke.a,{item:!0},r.a.createElement(he.a,{variant:"contained",color:"primary",className:e.button,onClick:()=>{a.push("/")}},"Return to Home"))))},Lr=t(200),Rr=t.n(Lr),Br=t(199),Fr=t.n(Br),Ur=t(258),_r=t.n(Ur);const Wr=U+"/connectors",Mr=Object(ie.a)(e=>({status:{marginRight:e.spacing(1)}}));var qr=e=>{var a,t;let{name:l,id:o,status:c,config:i,handleAlert:m,openForm:d}=e;const u=Mr(),[p,E]=Object(n.useState)(!1),{connectorInfoDispatch:g}=D(),[h,y]=Object(n.useState)(!1),{connectorsDispatch:b}=D(),v=()=>{E(!1)},C=ee(async()=>{await(async e=>{try{return(await B.a.delete(`${Wr}/${e}`)).data}catch(a){F(a)}})(o),await b({type:s.DELETE_CONNECTOR,value:o}),v()},y,m),{imageSrc:f,classType:S}=(()=>{let e,a;switch(i.connectorClass){case"io.confluent.connect.elasticsearch.ElasticsearchSinkConnector":e="/images/products/product_3.jpg",a="Elasticsearch";break;case"io.confluent.connect.jdbc.JdbcSinkConnector":e="/images/products/product_8.png",a="JDBC";break;case"com.thingwings.MqttSourceConnector":e="/images/products/product_1.png",a="MQTT";break;default:e="/images/products/product_7.png",a="Default"}return{imageSrc:e,classType:a}})();return r.a.createElement(r.a.Fragment,null,r.a.createElement(qa.a,{style:{display:"flex",flexDirection:"column",height:"100%"}},r.a.createElement(za.a,{style:{flex:1}},r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ze.a,{title:l.length>25?l:"",arrow:!0},r.a.createElement(De.a,{variant:"h6"},(e=>e.length>25?e.substring(0,25)+"...":e)(l)))),r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ke.a,{container:!0,alignItems:"center",justifyContent:"flex-end"},r.a.createElement(Ke.a,{item:!0},r.a.createElement(ke.a,{"aria-label":"info",onClick:async()=>{try{await g({type:s.SET_CONNECTOR_INFO,value:{...i,name:l}}),d("INFO")}catch(e){console.error("Error updating connector:",e)}}},r.a.createElement(Ze.a,{title:"Info"},r.a.createElement(_r.a,{color:"primary"}))),r.a.createElement(ke.a,{"aria-label":"delete",onClick:()=>{E(!0)}},r.a.createElement(Ze.a,{title:"Delete"},r.a.createElement(Rt.a,null))))))),r.a.createElement(Ke.a,{container:!0,justifyContent:"center"},r.a.createElement(Ke.a,{item:!0},r.a.createElement(Ne.a,{alt:"Product",src:f}))),r.a.createElement(De.a,{align:"center",variant:"body2"},S)),r.a.createElement(Ga.a,null,r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0},r.a.createElement("div",null,r.a.createElement(De.a,{display:"inline",variant:"body2"},c.type.toUpperCase()))),r.a.createElement(Ke.a,{item:!0},r.a.createElement("div",null,r.a.createElement(it,{className:u.status,color:"FAILED"===(null===(a=c.connector)||void 0===a?void 0:a.state)?"warning":"success",size:"sm"}),r.a.createElement(De.a,{display:"inline",variant:"body2"},null===(t=c.connector)||void 0===t?void 0:t.state)))))),r.a.createElement(Ce.a,{open:p,onClose:v},r.a.createElement(ye.a,{disableTypography:!1},"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this connector?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{disabled:h,onClick:C,color:"primary",size:"small"},"Yes"),r.a.createElement(he.a,{disabled:h,onClick:v,color:"primary",size:"small"},"No"),h&&r.a.createElement(qe,{size:12}))))},zr=t(729),Vr=t(414),Gr=t(431),Hr=t(138),Yr=t.n(Hr),Kr=t(470),Zr=t.n(Kr),Jr=t(141),Qr=t.n(Jr),Xr=t(257),$r=t.n(Xr);const el=Object(en.a)(e=>({root:{flexGrow:1,padding:e.spacing(3)},paper:{padding:e.spacing(2),textAlign:"center",color:e.palette.text.secondary,boxShadow:"0 0 10px rgba(0,0,0,0.1)"},fileInput:{display:"none"},uploadButton:{marginTop:e.spacing(2)}}));var al=()=>{const e=el(),[a,t]=Object(n.useState)(0),[l,o]=Object(n.useState)({open:!1,message:"",severity:""}),[c,i]=r.a.useState(!1),[s,m]=Object(n.useState)(Array.from({length:3},()=>null)),d=["SSL Cert","SSL Key","CA"];return r.a.createElement("div",{className:e.root},r.a.createElement(L,{open:l.open,message:l.message,onClose:i(!1),severity:l.severity}),r.a.createElement(Ke.a,{container:!0,spacing:3},s.map((a,t)=>r.a.createElement(Ke.a,{item:!0,xs:12,sm:4,key:t},r.a.createElement(et.a,{className:e.paper},r.a.createElement(ke.a,{disabled:!0,component:"label"},r.a.createElement($r.a,null),r.a.createElement("input",{type:"file",onChange:e=>((e,a)=>{const t=[...s];t[e]=a.target.files[0],m(t)})(t,e),className:e.fileInput})),r.a.createElement(De.a,{variant:"body2",component:"p"},a?a.name:"Choose file"),r.a.createElement(De.a,{variant:"body2",component:"p"},d[t]))))),r.a.createElement(he.a,{disabled:!0,variant:"contained",color:"primary",startIcon:r.a.createElement(Qr.a,null),className:e.uploadButton,onClick:async()=>{try{((e,a)=>{const t=new FormData;t.append("sslcert",e[0]),t.append("sslkey",e[1]),t.append("sslca",e[2]),B.a.post("https://www.thingwings.com/api/mqtt/upload-ssl",t,{headers:{"Content-Type":"multipart/form-data"},onUploadProgress:e=>{a(parseInt(Math.round(100*e.loaded/e.total)))}}).then(e=>e.data).catch(e=>{F(e)})})(s,t);o({open:!0,message:"Files uploaded successfully",severity:"success"})}catch(e){console.log(e),i(!0),o({open:!0,message:"Error uploading files",severity:"error"})}}},"Upload"))};const tl=Ya.b({dbname:Ya.c().required("Database Name is required"),dbtype:Ya.c().required("Database Type is required"),username:Ya.c().required("Username is required"),password:Ya.c().required("Password is required"),url:Ya.c().required("URL is required")});var nl=e=>{let{handleCloseNew:a,db:t,setLoading:l,handleAlert:o}=e;const{databasesDispatch:c}=D(),i=ee(async e=>{const t=await(async e=>{try{return(await B.a.post(""+q,e)).data}catch(a){F(a)}})(e);await c({type:s.ADD_DATABASE,database:{id:t.insertId,...e}}),a()},l,o),m=ee(async(e,a)=>{await(async(e,a)=>{try{return(await B.a.put(`${q}/${e}`,a)).data}catch(t){F(t)}})(e,a),await c({type:s.UPDATE_DATABASE,DatabaseId:e,name:a})},l,o),d=Object(Ha.e)({initialValues:{dbname:(null===t||void 0===t?void 0:t.dbname)||"",dbtype:(null===t||void 0===t?void 0:t.dbtype)||"",username:(null===t||void 0===t?void 0:t.username)||"",password:(null===t||void 0===t?void 0:t.password)||"",url:(null===t||void 0===t?void 0:t.url)||""},validationSchema:tl,onSubmit:e=>{console.log("Form submitted with values:",e),t?m(t.id,e):i(e)}});return Object(n.useEffect)(()=>{d.setValues({dbname:(null===t||void 0===t?void 0:t.dbname)||"",dbtype:(null===t||void 0===t?void 0:t.dbtype)||"",username:(null===t||void 0===t?void 0:t.username)||"",password:(null===t||void 0===t?void 0:t.password)||"",url:(null===t||void 0===t?void 0:t.url)||""})},[t]),r.a.createElement("form",{onSubmit:d.handleSubmit},r.a.createElement(Ke.a,{container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Database Name",variant:"outlined",name:"dbname",value:d.values.dbname,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.dbname&&!!d.errors.dbname,helperText:d.touched.dbname&&d.errors.dbname?d.errors.dbname:""})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(jt.a,{fullWidth:!0,variant:"outlined",error:d.touched.dbtype&&!!d.errors.dbtype},r.a.createElement(kt.a,null,"Database Type"),r.a.createElement(Nt.a,{label:"Database Type",name:"dbtype",value:d.values.dbtype,onChange:d.handleChange,onBlur:d.handleBlur},r.a.createElement(Dt.a,{value:""},r.a.createElement("em",null,"None")),r.a.createElement(Dt.a,{value:"elasticsearch"},"Elasticsearch"),r.a.createElement(Dt.a,{value:"postgres"},"Postgres")),d.touched.dbtype&&d.errors.dbtype&&r.a.createElement("p",{style:{color:"red"}},d.errors.dbtype))),r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Username",variant:"outlined",name:"username",value:d.values.username,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.username&&!!d.errors.username,helperText:d.touched.username&&d.errors.username?d.errors.username:""})),r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Password",variant:"outlined",type:"password",name:"password",value:d.values.password,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.password&&!!d.errors.password,helperText:d.touched.password&&d.errors.password?d.errors.password:""})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Va.a,{fullWidth:!0,label:"URL",variant:"outlined",name:"url",value:d.values.url,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.url&&!!d.errors.url,helperText:d.touched.url&&d.errors.url?d.errors.url:""}))),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:a,color:"primary"},"Cancel"),r.a.createElement(he.a,{type:"submit",color:"primary"},"Submit")))};const rl=Object(ie.a)(e=>({root:{margin:e.spacing(2)},button:{margin:e.spacing(1)}}));var ll=e=>{let{handleAlert:a,handleCloseForm:t,connectorType:l,connectorTopic:o,connectorThing:c,connectorPermission:i,setValues:m,disabled:d}=e;const u=rl(),[p,E]=Object(n.useState)(!1),[g,h]=Object(n.useState)([]),[y,b]=Object(n.useState)(!1),[v,C]=Object(n.useState)(null),[f,S]=Object(n.useState)("source"===l?[{value:"com.thingwings.MqttSourceConnector",label:"MQTT Connector"}]:[{value:"io.confluent.connect.elasticsearch.ElasticsearchSinkConnector",label:"Elasticsearch Connector"},{value:"io.confluent.connect.jdbc.JdbcSinkConnector",label:"PostgreSQL Connector"}]),[w,A]=Object(n.useState)([]),[x,O]=Object(n.useState)(!1),[T,j]=Object(n.useState)(!1),[k,N]=Object(n.useState)(!1),[I,P]=Object(n.useState)(""),{kafkaTopicsState:L,kafkaTopicsDispatch:R,connectorsDispatch:U,thingsDispatch:_,thingsState:W,databasesDispatch:M,databasesState:q}=D(),z=Object(Ha.e)({initialValues:{name:"",type:l||"",topic:o||"",connectorClass:"",valueConverter:"",thing:c||"",acl:i||"",username:"",password:"",connectionUrl:"",sourceTopic:""},validationSchema:Ya.b().shape({name:Ya.c().required("Name is required"),type:Ya.c().required("Connector Type is required"),topic:Ya.c().required("Topic is required"),connectorClass:Ya.c().required("Connector Class is required"),valueConverter:Ya.c().required("Value Converter is required")}),onSubmit:ee(async e=>{const n=await(async e=>{try{return(await B.a.post(""+Wr,e)).data}catch(a){F(a)}})({useCustomConfig:x,useMqttSSL:T,...e});U({type:s.ADD_CONNECTOR,connector:n.concatenatedData}),m&&m(e=>({...e,connectors:{...e.connectors,[l]:n.concatenatedData}})),t(),a(!0,"Connector added successfully","success")},E,a)});Object(n.useEffect)(()=>{ee(async()=>{const e=await ae();R({type:s.SET_TOPICS,value:e.topics})},E,a)()},[R]),Object(n.useEffect)(()=>{ee(async()=>{if("source"===z.values.type){const e=await ne();_({type:s.SET_THINGS,value:e})}},E,a)()},[z.values.type,_]),Object(n.useEffect)(()=>{if(z.values.thing){ee(async()=>{const e=await re(v.id);h(e)},E,a)()}},[z.values.thing,v]),Object(n.useEffect)(()=>{if(x&&"sink"===z.values.type){ee(async()=>{const e=await oe();M({type:s.SET_DATABASES,value:e})},E,a)()}},[x,z.values.type,M]);const V={"com.thingwings.MqttSourceConnector":[{value:"org.apache.kafka.connect.converters.ByteArrayConverter",label:"Byte Array Converter"}],"io.confluent.connect.elasticsearch.ElasticsearchSinkConnector":[{value:"org.apache.kafka.connect.json.JsonConverter",label:"JSON Converter"}],"io.confluent.connect.jdbc.JdbcSinkConnector":[{value:"io.confluent.connect.avro.AvroConverter",label:"Avro Converter"}]},G=Object(n.useCallback)(e=>{const a=e.target.value;z.setFieldValue("connectorClass",a),A(V[a]||[])},[z]),H=ee(async()=>{const e=await le({aclUserId:v.id,thingId:v.thing_id,deviceId:v.device_id,topicPath:I,pubsub:3});h(a=>[...a,{acl_id:e.id,topic:`${v.device_id}/${I}`,pubsub:3}]),a(!0,"Permission added successfully","success")},E,a);return r.a.createElement(r.a.Fragment,null,r.a.createElement(qa.a,{className:u.root},r.a.createElement(Tt.a,{title:"Connector Information"}),r.a.createElement(ue.a,null),r.a.createElement(za.a,null,p&&r.a.createElement(qe,{size:24}),r.a.createElement("br",null),r.a.createElement("form",{onSubmit:z.handleSubmit},r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Name",variant:"outlined",name:"name",value:z.values.name,onChange:z.handleChange,onBlur:z.handleBlur,error:z.touched.name&&!!z.errors.name,helperText:z.touched.name&&z.errors.name?z.errors.name:""})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,error:z.touched.type&&!!z.errors.type},r.a.createElement(kt.a,{htmlFor:"type"},"Type"),r.a.createElement(Nt.a,{disabled:d,native:!0,label:"Type",value:z.values.type,onChange:e=>{const a=e.target.value;z.setFieldValue("type",a),S("source"===a?[{value:"com.thingwings.MqttSourceConnector",label:"MQTT Connector"}]:[{value:"io.confluent.connect.elasticsearch.ElasticsearchSinkConnector",label:"Elasticsearch Connector"},{value:"io.confluent.connect.jdbc.JdbcSinkConnector",label:"PostgreSQL Connector"}])},onBlur:z.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),r.a.createElement("option",{value:"source"},"Source"),r.a.createElement("option",{value:"sink"},"Sink")),z.touched.type&&z.errors.type&&r.a.createElement(me.a,{color:"error.main"},z.errors.type))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,error:z.touched.topic&&!!z.errors.topic},r.a.createElement(kt.a,{htmlFor:"topic"},"Topic"),r.a.createElement(Nt.a,{disabled:d,native:!0,label:"Topic",name:"topic",value:z.values.topic,onChange:z.handleChange,onBlur:z.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),L.map(e=>r.a.createElement("option",{key:e.id,value:e.id},e.name))),z.touched.topic&&z.errors.topic&&r.a.createElement(me.a,{color:"error.main"},z.errors.topic))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,error:z.touched.connectorClass&&!!z.errors.connectorClass},r.a.createElement(kt.a,{htmlFor:"connectorClass"},"Connector Class"),r.a.createElement(Nt.a,{native:!0,label:"Connector Class",name:"connectorClass",value:z.values.connectorClass,onChange:G,onBlur:z.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),f.map(e=>r.a.createElement("option",{key:e.value,value:e.value},e.label))),z.touched.connectorClass&&z.errors.connectorClass&&r.a.createElement(me.a,{color:"error.main"},z.errors.connectorClass))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,error:z.touched.valueConverter&&!!z.errors.valueConverter},r.a.createElement(kt.a,{htmlFor:"valueConverter"},"Value Converter"),r.a.createElement(Nt.a,{native:!0,label:"Value Converter",name:"valueConverter",value:z.values.valueConverter,onChange:z.handleChange,onBlur:z.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),w.map(e=>r.a.createElement("option",{key:e.value,value:e.value},e.label))),z.touched.valueConverter&&z.errors.valueConverter&&r.a.createElement(me.a,{color:"error.main"},z.errors.valueConverter)))),r.a.createElement("br",null),r.a.createElement(zr.a,{in:"source"===z.values.type&&!x,timeout:"auto",unmountOnExit:!0},r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,error:z.touched.thing&&!!z.errors.thing},r.a.createElement(kt.a,{htmlFor:"thing"},"Thing"),r.a.createElement(Nt.a,{native:!0,disabled:d,label:"Thing",name:"thing",value:z.values.thing,onChange:e=>{const a=JSON.parse(e.target.value);z.setFieldValue("thing",a),C(W.find(e=>e.thing_id===Number(a)))},onBlur:z.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),W.map(e=>r.a.createElement("option",{key:e.thing_id,value:e.thing_id},e.name))),z.touched.thing&&z.errors.thing&&r.a.createElement(me.a,{color:"error.main"},z.errors.thing))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,error:z.touched.acl&&!!z.errors.acl},r.a.createElement(kt.a,{htmlFor:"acl"},"ACL"),r.a.createElement(Nt.a,{disabled:d,label:"ACL",name:"acl",value:z.values.acl,onChange:z.handleChange,onBlur:z.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),g.map(e=>r.a.createElement("option",{key:e.acl_id,value:e},e.topic))),z.touched.acl&&z.errors.acl&&r.a.createElement(me.a,{color:"error.main"},z.errors.acl)),z.values.thing&&0===g.length&&r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{style:{color:"red"}}," Add ACL to use this topic"),r.a.createElement(ke.a,{onClick:()=>N(!k)}," ",r.a.createElement(Yr.a,null)),r.a.createElement(zr.a,{in:k},r.a.createElement(me.a,{display:"flex",alignItems:"center"},r.a.createElement(Va.a,{label:"New Permission",value:I,onChange:e=>P(e.target.value),fullWidth:!0,variant:"outlined",margin:"normal"}),r.a.createElement(ke.a,{onClick:H},r.a.createElement(Zr.a,null)))))))),r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Vr.a,{control:r.a.createElement(Gr.a,{checked:x,onChange:e=>{O(e.target.checked)},name:"useCustomConfig"}),label:"Use Custom Configuration"}))),r.a.createElement(zr.a,{in:x,timeout:"auto",unmountOnExit:!0},r.a.createElement(Ke.a,{container:!0,spacing:3},"source"===z.values.type?r.a.createElement(r.a.Fragment,null,r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Username",variant:"outlined",name:"username",value:z.values.username,onChange:z.handleChange,onBlur:z.handleBlur,error:z.touched.username&&!!z.errors.username,helperText:z.touched.username&&z.errors.username?z.errors.username:""})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Password",variant:"outlined",name:"password",value:z.values.password,onChange:z.handleChange,onBlur:z.handleBlur,error:z.touched.password&&!!z.errors.password,helperText:z.touched.password&&z.errors.password?z.errors.password:""})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Connection URL",variant:"outlined",name:"connectionUrl",value:z.values.connectionUrl,onChange:z.handleChange,onBlur:z.handleBlur,error:z.touched.connectionUrl&&!!z.errors.connectionUrl,helperText:z.touched.connectionUrl&&z.errors.connectionUrl?z.errors.connectionUrl:""})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Source Topic",variant:"outlined",name:"sourceTopic",value:z.values.sourceTopic,onChange:z.handleChange,onBlur:z.handleBlur,error:z.touched.sourceTopic&&!!z.errors.sourceTopic,helperText:z.touched.sourceTopic&&z.errors.sourceTopic?z.errors.sourceTopic:""})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Vr.a,{control:r.a.createElement(Gr.a,{checked:T,onChange:e=>{j(e.target.checked)},name:"useMqttSSL"}),label:"Use SSL"}))):"sink"===z.values.type?r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(jt.a,{fullWidth:!0,variant:"outlined",error:z.touched.dbname&&!!z.errors.dbname},r.a.createElement(kt.a,null,"Select database"),r.a.createElement(Nt.a,{label:"Select database",name:"dbId",value:z.values.dbname,onChange:e=>{const{value:a}=e.target;"add.db"===a?(b(!0),z.setFieldValue("dbId",null)):z.handleChange(e)},onBlur:z.handleBlur},r.a.createElement(Dt.a,{key:"add.db",value:"add.db"},"Add new database"),q.map(e=>r.a.createElement(Dt.a,{key:e.id,value:e.id},e.dbname))),z.touched.dbname&&z.errors.dbname&&r.a.createElement("p",{style:{color:"red"}},z.errors.dbname))):null)),r.a.createElement(zr.a,{in:x&&T&&"source"===z.values.type,timeout:"auto",unmountOnExit:!0},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(al,null))),r.a.createElement(me.a,{display:"flex",justifyContent:"flex-end"},r.a.createElement(he.a,{type:"submit",variant:"contained",color:"primary",className:u.button},"Save"))))),r.a.createElement(vt,{open:y,onClose:()=>b(!1),title:"Database Information",contentText:"Databases are used to store data received from Kafka server."},r.a.createElement(nl,{handleCloseNew:()=>b(!1),handleAlert:a,setLoading:E})))};const ol=Object(en.a)(e=>({formContainer:{padding:e.spacing(3)},formField:{marginBottom:e.spacing(2)},formButton:{marginTop:e.spacing(2)}}));var cl=e=>{let{initialValues:a,onSubmit:t}=e;const n=ol(),l=Ya.b({name:Ya.c().required("Name is required"),topics:Ya.c().required("Topics are required"),connectorClass:Ya.c().required("Connector Class is required")}),o={...a,topics:(e=>{const a=null===e||void 0===e?void 0:e.indexOf("_");return-1===a?"":null===e||void 0===e?void 0:e.substring(a+1)})(a.topics)};return r.a.createElement(Ha.d,{initialValues:o,validationSchema:l,onSubmit:t},e=>{let{values:a,handleChange:t,handleBlur:l,handleSubmit:o,touched:c,errors:i,isSubmitting:s}=e;return r.a.createElement(Ha.c,{onSubmit:o,className:n.formContainer},r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Name",variant:"outlined",name:"name",value:a.name,onChange:t,onBlur:l,error:c.name&&!!i.name,helperText:c.name&&i.name?i.name:"",className:n.formField})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{fullWidth:!0,label:"Topics",variant:"outlined",name:"topics",value:a.topics,onChange:t,onBlur:l,error:c.topics&&!!i.topics,helperText:c.topics&&i.topics?i.topics:"",className:n.formField})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Va.a,{fullWidth:!0,label:"Connector Class",variant:"outlined",name:"connectorClass",value:a.connectorClass,onChange:t,onBlur:l,error:c.connectorClass&&!!i.connectorClass,helperText:c.connectorClass&&i.connectorClass?i.connectorClass:"",className:n.formField}))))})};const il=Object(ie.a)(e=>({root:{padding:e.spacing(3)},pagination:{marginTop:e.spacing(3),display:"flex",alignItems:"center",justifyContent:"flex-end"}}));var sl=e=>{let{history:a}=e;const t=il(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)(!1),[m,d]=Object(n.useState)(""),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),{connectorsState:E,connectorsDispatch:g,connectorInfoState:h}=D(),[y,b]=Object(n.useState)(""),[v,C]=Object(n.useState)(1),f=e=>{d(e)},S=()=>{d("")},w=(e,a,t)=>{p({open:e,message:a,severity:t})};Object(n.useEffect)(()=>{ee(async()=>{const e=await(async()=>{try{return(await B.a.get(""+Wr)).data}catch(e){F(e)}})();g({type:s.SET_CONNECTORS,value:e})},o,w)()},[g]);const A=E.filter(e=>e.name.toLowerCase().includes(y.toLowerCase())),x=8*v,O=x-8,T=A.slice(O,x),j=e=>{"next"===e&&v<Math.ceil(A.length/8)?C(e=>e+1):"prev"===e&&v>1&&C(e=>e-1)};return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:u.open,message:u.message,onClose:()=>{p(e=>({...e,open:!1}))},severity:u.severity}),r.a.createElement(mt,{title:"Connector",handleSearch:e=>{b(e.target.value)},openForm:f}),l?r.a.createElement(qe,null):r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)," "),T.map(e=>r.a.createElement(Ke.a,{item:!0,key:e.id,xs:12,sm:6,md:4,lg:3},r.a.createElement(qr,{history:a,name:e.name,id:e.id,status:e.status,config:e.config,handleAlert:w,openForm:f})))),r.a.createElement("div",{className:t.pagination},r.a.createElement(ke.a,{onClick:()=>j("prev"),disabled:1===v},r.a.createElement(Fr.a,null)),r.a.createElement(De.a,{variant:"caption"},`${v} of ${Math.ceil(A.length/8)}`),r.a.createElement(ke.a,{onClick:()=>j("next"),disabled:v===Math.ceil(A.length/8)},r.a.createElement(Rr.a,null))),r.a.createElement(Ce.a,{open:Boolean(m),onClose:S},"ADD"===m?r.a.createElement(ll,{handleAlert:w,handleCloseForm:S}):"INFO"===m?r.a.createElement(r.a.Fragment,null,r.a.createElement(ye.a,{disableTypography:!1},h.name),r.a.createElement(be.a,{dividers:!0},r.a.createElement(cl,{initialValues:h}))):null))},ml=t(789);const dl=U+"/auth";var ul=t(417),pl=t(325),El=t.n(pl),gl=t(326),hl=t.n(gl);const yl=Object(en.a)(e=>({root:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2),backgroundColor:e.palette.background.default},paper:{marginTop:40,width:"100%",maxWidth:600,padding:e.spacing(4),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,boxShadow:e.shadows[5]},submit:{margin:e.spacing(3,0,2)}})),bl=e=>{const[a,t]=Object(n.useState)(e);return{value:a,onChange:e=>t(e.target.value)}};var vl=e=>{let{onSubmit:a,loading:t,title:l}=e;const o=yl(),[c,i]=Object(n.useState)(!1),[s,m]=Object(n.useState)(!1),d=bl(""),u=bl("");return r.a.createElement(ml.a,{className:o.root,component:"main",maxWidth:"xs"},r.a.createElement("div",{className:o.paper},r.a.createElement(De.a,{variant:"h6"},l),r.a.createElement(Va.a,Object.assign({type:c?"text":"password"},d,{variant:"outlined",margin:"normal",required:!0,fullWidth:!0,label:"New Password",name:"newPassword",size:"small",InputProps:{endAdornment:r.a.createElement(ul.a,{position:"end"},r.a.createElement(ke.a,{onClick:()=>i(e=>!e),edge:"end"},c?r.a.createElement(El.a,null):r.a.createElement(hl.a,null)))}})),r.a.createElement(Va.a,Object.assign({type:s?"text":"password"},u,{variant:"outlined",margin:"normal",required:!0,fullWidth:!0,label:"Confirm Password",name:"confirmPassword",size:"small",InputProps:{endAdornment:r.a.createElement(ul.a,{position:"end"},r.a.createElement(ke.a,{onClick:()=>m(e=>!e),edge:"end"},s?r.a.createElement(El.a,null):r.a.createElement(hl.a,null)))}})),r.a.createElement(he.a,{type:"submit",fullWidth:!0,variant:"contained",color:"primary",className:o.submit,onClick:e=>{e.preventDefault(),a(d.value,u.value)},disabled:t},t?r.a.createElement(qe,null):"Submit")))};var Cl=()=>{const[e,a]=Object(n.useState)(!1),[t,l]=Object(n.useState)({open:!1,message:"",severity:"info"}),[o,c]=Object(n.useState)(!1),i=Object(n.useCallback)((e,a,t)=>{l({open:e,message:a,severity:t})},[]),s=Object(n.useCallback)(()=>l(e=>({...e,open:!1})),[]),m=ee(async(e,a)=>{if(e===a)try{await(async e=>{try{return(await B.a.post(dl+"/password-reset",{newPassword:e})).data}catch(a){console.log(a),F(a)}})(e),i(!0,"Password successfully updated.","success"),c(!0)}catch(t){console.error(t),i(!0,"An error occurred while updating your password.","error")}else i(!0,"Passwords do not match","error")},a,i);return r.a.createElement(ml.a,{component:"main",maxWidth:"xs"},r.a.createElement(se.a,null),r.a.createElement(L,{open:t.open,message:t.message,onClose:s,severity:t.severity}),r.a.createElement("div",null,r.a.createElement(vl,{title:o?"Success":"Update Password",onSubmit:m,loading:e})))};var fl=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement(se.a,null),r.a.createElement(Cl,null));const Sl=Object(en.a)(e=>({root:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2)},paper:{marginTop:40,width:"100%",maxWidth:600,padding:e.spacing(4),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,boxShadow:e.shadows[5]},avatar:{margin:e.spacing(1),backgroundColor:e.palette.secondary.main},form:{width:"100%",marginTop:e.spacing(1)},submit:{margin:e.spacing(3,0,2)},link:{margin:5,"&:hover":{textDecoration:"underline",color:e.palette.secondary.main}}})),wl=e=>{const[a,t]=Object(n.useState)(e);return{value:a,onChange:e=>t(e.target.value)}};var Al=()=>{const[e,a]=Object(n.useState)(!1),[t,l]=Object(n.useState)({open:!1,message:"",severity:"info"}),o=Object(n.useCallback)((e,a,t)=>{l({open:e,message:a,severity:t})},[]),c=Object(n.useCallback)(()=>l(e=>({...e,open:!1})),[]),i=wl(""),s=wl(""),m=Sl(),d=ee(async()=>{const e=await(async e=>{try{return(await B.a.post(dl+"/login",e)).data}catch(a){F(a)}})({identifier:i.value,password:s.value});var a;Ge(e.token,e.user,{}),a={},localStorage.setItem("notifications",JSON.stringify(a)),window.location.reload()},a,o),u=async e=>{"Enter"===e.key&&await d()};return r.a.createElement(ml.a,{className:m.root,component:"main",maxWidth:"xs"},r.a.createElement(se.a,null),r.a.createElement(L,{open:t.open,message:t.message,onClose:c,severity:t.severity}),r.a.createElement("div",{className:m.paper},r.a.createElement("div",{style:{display:"flex",justifyContent:"center"}},r.a.createElement("img",{src:"signin.png",alt:"BeeMetrix",width:"250px"})),r.a.createElement("div",{className:m.form},r.a.createElement(Va.a,Object.assign({type:"text"},i,{autoComplete:"username",variant:"outlined",margin:"normal",required:!0,fullWidth:!0,id:"username",label:"Username/Email",name:"username",onKeyDown:u,autoFocus:!0,size:"small"})),r.a.createElement(Va.a,Object.assign({type:"password"},s,{autoComplete:"new-password",variant:"outlined",margin:"normal",required:!0,fullWidth:!0,onKeyDown:u,id:"password",label:"Password",name:"password",size:"small"})),r.a.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},r.a.createElement(Vr.a,{control:r.a.createElement(Gr.a,{value:"remember",color:"primary"}),label:"Remember me"}),r.a.createElement(la.a,{component:Ue.a,to:"/request-token?type=password-reset",className:m.link},"Forgot password ?")),r.a.createElement(he.a,{type:"submit",fullWidth:!0,variant:"contained",color:"primary",className:m.submit,onClick:d,disabled:e},e?"Loading...":"Sign In"),e&&r.a.createElement(qe,null),r.a.createElement("p",null,"Don't have an account?",r.a.createElement(la.a,{component:Ue.a,to:"/signup",className:m.link},"Register Now")))))};const xl=Object(ie.a)(e=>({root:{backgroundColor:e.palette.background.default,display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2)},formContainer:{marginTop:40,width:"100%",maxWidth:600,padding:e.spacing(3),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,boxShadow:e.shadows[5]},signUpButton:{margin:e.spacing(2,0)},policy:{marginTop:e.spacing(1),display:"flex",alignItems:"center"},loginButton:{marginTop:e.spacing(2)}}));var Ol=Object(c.j)(e=>{const{history:a}=e,t=xl(),[l,o]=Object(n.useState)(!1),[c,i]=Object(n.useState)({open:!1,message:"",severity:""}),[s,m]=Object(n.useState)(!1),d=Ya.b().shape({name:Ya.c().required("Name is required"),username:Ya.c().required("Username is required"),email:Ya.c().email("Invalid email").required("Email is required"),organization:Ya.c().required("Organization is required"),password:Ya.c().min(6,"Password must be at least 6 characters").required("Password is required")}),u=ee(async(e,a)=>{let{setSubmitting:t,resetForm:n}=a;await Qa(!1,e),t(!1),n(),m(!0)},o,(e,a,t)=>{i({open:e,message:a,severity:t})});return r.a.createElement("div",{className:t.root},r.a.createElement(L,{open:c.open,message:c.message,onClose:()=>{i(e=>({...e,open:!1}))},severity:c.severity}),s?r.a.createElement("div",{className:t.formContainer},r.a.createElement(De.a,{variant:"h5",align:"center"},"Check your email!"),r.a.createElement(De.a,{color:"textSecondary",align:"center"},"An email has been sent to you. Please check your inbox to verify your account."),r.a.createElement(he.a,{component:Ue.a,to:"/signin",variant:"contained",color:"primary",className:t.loginButton,fullWidth:!0},"Go to Login")):r.a.createElement(Ha.d,{initialValues:{name:"",username:"",email:"",organization:"",password:""},validationSchema:d,onSubmit:u},e=>{let{isSubmitting:a,errors:n,touched:l}=e;return r.a.createElement(Ha.c,{className:t.formContainer},r.a.createElement(De.a,{variant:"h5",align:"center"},"Create new account"),r.a.createElement(De.a,{color:"textSecondary",gutterBottom:!0,align:"center"},"Use your email to create new account"),r.a.createElement(Ke.a,{style:{marginTop:10},container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Ha.b,{as:Va.a,size:"small",className:t.textField,fullWidth:!0,label:"First/Last Name",name:"name",variant:"outlined",error:l.name&&!!n.name,helperText:l.name&&n.name})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Ha.b,{as:Va.a,size:"small",className:t.textField,fullWidth:!0,label:"Username",name:"username",variant:"outlined",error:l.username&&!!n.username,helperText:l.username&&n.username})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ha.b,{as:Va.a,size:"small",className:t.textField,fullWidth:!0,label:"Email address",name:"email",variant:"outlined",error:l.email&&!!n.email,helperText:l.email&&n.email})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ha.b,{as:Va.a,size:"small",className:t.textField,fullWidth:!0,label:"Organization",name:"organization",variant:"outlined",error:l.organization&&!!n.organization,helperText:l.organization&&n.organization})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ha.b,{as:Va.a,size:"small",className:t.textField,fullWidth:!0,label:"Password",name:"password",type:"password",variant:"outlined",error:l.password&&!!n.password,helperText:l.password&&n.password}))),a?r.a.createElement(qe,null):r.a.createElement(he.a,{className:t.signUpButton,color:"primary",fullWidth:!0,size:"large",type:"submit",variant:"contained"},"Sign up now"),r.a.createElement(De.a,{color:"textSecondary",variant:"body1",align:"center"},"Have an account?"," ",r.a.createElement(la.a,{component:Ue.a,to:"/signin"},"Sign in")))}))}),Tl=t(792);var jl=e=>{let{open:a,onClose:t,initialValues:l,handleAlertOpen:o}=e;const[c,i]=Object(n.useState)(!1),{usersDispatch:m}=D(),d=Ya.b({name:Ya.c().required("Name is required"),username:Ya.c().required("Username is required"),email:Ya.c().email("Invalid email").required("Email is required"),organization:Ya.c().required("Organization is required"),password:Ya.c().min(6,"Password must be at least 6 characters").required("Password is required")}),u=ee(async e=>{const a=await Qa(!0,e);m({type:s.ADD_USER,value:{id:a.id,...e}}),o(!0,"User added successfully","success"),t()},i,o),p=ee(async e=>{await Xa(!0,e),m({type:s.UPDATE_USER,userId:l.id,value:e}),o(!0,"User updated successfully","success"),t()},i,o),E=ee(async()=>{await(async e=>{try{return(await B.a.delete(`${Ka}/${e}`)).data}catch(a){F(a)}})(l.id),m({type:s.DELETE_USER,userId:l.id}),o(!0,"User deleted successfully","success"),t()},i,o);return r.a.createElement(r.a.Fragment,null,"DELETE"===a?r.a.createElement(Ce.a,{open:!0,onClose:t,maxWidth:"xs",fullWidth:!0},r.a.createElement(ye.a,null,"Confirm Deletion"),r.a.createElement(be.a,null,r.a.createElement(De.a,null,"Are you sure you want to delete this user?")),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:E,color:"secondary"},"Confirm"))):"ADD"===a||"EDIT"===a?r.a.createElement(Ce.a,{open:Boolean(a),onClose:t,maxWidth:"sm",fullWidth:!0},r.a.createElement(ye.a,null,"EDIT"===a?"Edit User":"Add User"),r.a.createElement(be.a,null,r.a.createElement(Ha.d,{initialValues:l,validationSchema:d,onSubmit:async e=>{"EDIT"===a?await p(e):"ADD"===a&&await u(e)}},e=>{let{values:n,handleChange:l,handleBlur:o,errors:i,touched:s}=e;return r.a.createElement(Ha.c,null,r.a.createElement(Ke.a,{container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Ha.b,{as:Va.a,name:"name",label:"Name",fullWidth:!0,variant:"outlined",value:n.name,onChange:l,onBlur:o,error:s.name&&!!i.name,helperText:s.name&&i.name&&r.a.createElement(De.a,{variant:"body2",color:"error"},i.name)})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Ha.b,{as:Va.a,name:"username",label:"Username",fullWidth:!0,variant:"outlined",value:n.username,onChange:l,onBlur:o,error:s.username&&!!i.username,helperText:s.username&&i.username&&r.a.createElement(De.a,{variant:"body2",color:"error"},i.username)})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ha.b,{as:Va.a,name:"email",label:"Email",fullWidth:!0,variant:"outlined",value:n.email,onChange:l,onBlur:o,error:s.email&&!!i.email,helperText:s.email&&i.email&&r.a.createElement(De.a,{variant:"body2",color:"error"},i.email)})),"ADD"===a&&r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ha.b,{as:Va.a,name:"organization",label:"Organization",fullWidth:!0,variant:"outlined",value:n.organization,onChange:l,onBlur:o,error:s.organization&&!!i.organization,helperText:s.organization&&i.organization&&r.a.createElement(De.a,{variant:"body2",color:"error"},i.organization)})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ha.b,{as:Va.a,name:"password",label:"Password",type:"password",fullWidth:!0,variant:"outlined",value:n.password,onChange:l,onBlur:o,error:s.password&&!!i.password,helperText:s.password&&i.password&&r.a.createElement(De.a,{variant:"body2",color:"error"},i.password)}))),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(he.a,{disabled:c,type:"submit",color:"primary"},"EDIT"===a?"Update":"Add"),c&&r.a.createElement(qe,{size:24})))}))):null)};const kl=Object(en.a)(e=>({tableContainer:{padding:10,overflow:"auto",maxHeight:"calc(100vh - 220px)","& .MuiTableCell-root":{padding:"10px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"},[e.breakpoints.down("sm")]:{maxWidth:"90vw",overflowX:"auto"}}}));function Nl(e){let{path:a}=e;const t=kl(),[l,o]=Object(n.useState)(!1),{usersState:c,usersDispatch:i}=D(),[m,d]=Object(n.useState)(null),[u,p]=Object(n.useState)(""),[E,g]=Object(n.useState)({open:!1,message:"",severity:""}),[h,y]=Object(n.useState)(""),b=e=>p(e),v=(e,a,t)=>g({open:e,message:a,severity:t});Object(n.useEffect)(()=>{ee(async()=>{const e=await Ja();i({type:s.SET_USERS,value:e})},o,v)()},[i]);const C=(e,a)=>{"ADD"!==a&&d(e),b(a)},f=c.filter(e=>e.name.toLowerCase().includes(h.toLowerCase()));return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:E.open,message:E.message,onClose:()=>g(e=>({...e,open:!1})),severity:E.severity}),l?r.a.createElement(qe,null):r.a.createElement(r.a.Fragment,null,r.a.createElement(mt,{title:"User",handleSearch:e=>{y(e.target.value)},openForm:b}),r.a.createElement(Wt.a,{className:t.tableContainer,component:et.a},r.a.createElement(Mt.a,null,r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Name"),r.a.createElement(_t.a,null,"Username"),r.a.createElement(_t.a,null,"Email"),r.a.createElement(_t.a,null,"Organization"),r.a.createElement(_t.a,null,"Actions"))),r.a.createElement(zt.a,null,f.map(e=>r.a.createElement(Ut.a,{key:e.id},r.a.createElement(_t.a,null,e.name),r.a.createElement(_t.a,null,e.username),r.a.createElement(_t.a,null,e.email),r.a.createElement(_t.a,null,e.organization),r.a.createElement(_t.a,null,r.a.createElement(ke.a,{onClick:()=>C(e,"EDIT"),"aria-label":"edit"},r.a.createElement(Tl.a,null)),r.a.createElement(ke.a,{onClick:()=>C(e,"DELETE"),"aria-label":"delete"},r.a.createElement(wn.a,null)))))))),r.a.createElement(jl,{open:u,onClose:()=>p(""),handleAlertOpen:v,initialValues:"EDIT"===u||"DELETE"===u?m:{name:"",username:"",email:"",organization:"",password:""}})))}const Dl=Object(en.a)(e=>({root:{display:"flex"},container:{paddingTop:e.spacing(4),paddingBottom:e.spacing(4)}}));function Il(e){let{history:a,url:t}=e;const n=Dl();return r.a.createElement("div",{className:n.root},r.a.createElement(Ke.a,{container:!0,spacing:4},r.a.createElement(Ke.a,{item:!0,md:12,xs:12},r.a.createElement(Nl,{history:a,path:t}))))}var Pl=t(261),Ll=t.n(Pl),Rl=t(471),Bl=t.n(Rl);const Fl=Ya.b({modelName:Ya.c().required("API Name is required"),modelID:Ya.c().required("Model ID is required"),host:Ya.c().required("Host is required"),topic:Ya.c().required("Topic is required")});var Ul=e=>{let{initialValues:a,isEditMode:t,handleAlert:l,onClose:o,setValues:c,topic:i}=e;const{kafkaTopicsState:m,kafkaTopicsDispatch:d,apisDispatch:u}=D(),[p,E]=Object(n.useState)(!1);Object(n.useEffect)(()=>{ee(async()=>{const e=await ae();d({type:s.SET_TOPICS,value:e.topics})},E,l)()},[]);const g=Object(Ha.e)({initialValues:a||{modelName:"",modelID:"",username:"",password:"",host:"",topic:i||"",Apikey:""},validationSchema:Fl,onSubmit:ee(async e=>{if(t)await(async e=>{try{return(await B.a.put(`${H}/${e.id}`,e)).data}catch(a){F(a)}})(e),l(!0,"API updated successfully","success"),u({type:s.UPDATE_API,value:e});else{const a=await(async e=>{try{return(await B.a.post(""+H,e)).data}catch(a){F(a)}})(e);g.resetForm(),l(!0,"API added successfully","success"),u({type:s.ADD_API,value:a}),c&&c(e=>({...e,api:a}))}await o()},E,l)});return r.a.createElement("form",{onSubmit:g.handleSubmit},r.a.createElement(za.a,null,r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,md:6,sm:12,xs:12},r.a.createElement(Va.a,{fullWidth:!0,label:"API Name",name:"modelName",variant:"outlined",margin:"dense",value:g.values.modelName,onChange:g.handleChange,error:g.touched.modelName&&Boolean(g.errors.modelName),helperText:g.touched.modelName&&g.errors.modelName}),r.a.createElement(Va.a,{fullWidth:!0,label:"Host",name:"host",variant:"outlined",margin:"dense",value:g.values.host,onChange:g.handleChange,error:g.touched.host&&Boolean(g.errors.host),helperText:g.touched.host&&g.errors.host}),r.a.createElement(Va.a,{fullWidth:!0,label:"Username",name:"username",variant:"outlined",margin:"dense",value:g.values.username,onChange:g.handleChange})),r.a.createElement(Ke.a,{item:!0,md:6,sm:12,xs:12},r.a.createElement(jt.a,{fullWidth:!0,variant:"outlined",margin:"dense"},r.a.createElement(kt.a,{htmlFor:"topic"},"Topic"),r.a.createElement(Nt.a,{disabled:i,native:!0,label:"Topic",name:"topic",value:g.values.topic,onChange:g.handleChange,error:g.touched.topic&&Boolean(g.errors.topic)},r.a.createElement("option",{"aria-label":"None",value:""}),m.map(e=>r.a.createElement("option",{key:e.name,value:e.id},e.name))),g.touched.topic&&g.errors.topic&&r.a.createElement(De.a,{color:"error"},g.errors.topic)),r.a.createElement(Va.a,{fullWidth:!0,label:"Model ID",name:"modelID",variant:"outlined",margin:"dense",value:g.values.modelID,onChange:g.handleChange,error:g.touched.modelID&&Boolean(g.errors.modelID),helperText:g.touched.modelID&&g.errors.modelID}),r.a.createElement(Va.a,{fullWidth:!0,label:"Password",name:"password",type:"password",variant:"outlined",margin:"dense",value:g.values.password,onChange:g.handleChange})),r.a.createElement(Ke.a,{item:!0,md:12,sm:12,xs:12},r.a.createElement(Va.a,{fullWidth:!0,label:"API Key",name:"Apikey",variant:"outlined",margin:"dense",value:g.values.Apikey,onChange:g.handleChange})))),r.a.createElement(ve.a,null,r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,md:12,sm:12,xs:12},r.a.createElement(ue.a,null))),r.a.createElement(he.a,{type:"submit",color:"primary",variant:"contained"},t?"Update":"Save"),p&&r.a.createElement(qe,null)))};const _l=Object(ie.a)(e=>({root:{maxWidth:"100%",margin:"0 auto"},imageContainer:{height:64,width:64,margin:"0 auto",border:"1px solid "+e.palette.divider,borderRadius:"5px",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},image:{width:"100%"},statsItem:{display:"flex",alignItems:"center"},statsIcon:{color:e.palette.icon,marginRight:e.spacing(1)},avatar:{backgroundColor:e.palette.primary.main}}));var Wl=Object(n.memo)(e=>{let{className:a,product:t,handleAlert:l,...o}=e;const c=_l(),{apisDispatch:i}=D(),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)(!1),[E,g]=Object(n.useState)(!1),h=()=>{p(!1)},y=()=>{g(!1)},b=ee(async()=>{await(async e=>{try{return(await B.a.delete(`${H}/${e}`)).data}catch(a){F(a)}})(t.id),await i({type:s.DELETE_API,apiId:t.id}),l(!0,"API deleted successfully")},d,l);return r.a.createElement(r.a.Fragment,null,r.a.createElement(qa.a,Object.assign({},o,{className:Object(pe.a)(c.root,a)}),r.a.createElement(Tt.a,{avatar:r.a.createElement(Ne.a,{"aria-label":"recipe",className:c.avatar},t.modelName.charAt(0).toUpperCase()),action:r.a.createElement(r.a.Fragment,null,r.a.createElement(ke.a,{"aria-label":"edit",onClick:()=>{g(!0)}},r.a.createElement(At.a,null)),r.a.createElement(ke.a,{"aria-label":"delete",onClick:()=>{p(!0)}},r.a.createElement(Rt.a,null))),title:t.modelName,subheader:t.id}),r.a.createElement(za.a,null,r.a.createElement("div",{className:c.imageContainer},r.a.createElement("img",{alt:"Product",className:c.image,src:"/images/products/product_2.png"})),r.a.createElement(De.a,{align:"center",gutterBottom:!0,variant:"h4"},t.name)),r.a.createElement(ue.a,null),r.a.createElement(Ga.a,null,r.a.createElement(Ke.a,{container:!0,justify:"space-between"},r.a.createElement(Ke.a,{className:c.statsItem,item:!0},r.a.createElement(Ll.a,{className:c.statsIcon}),r.a.createElement(Ze.a,{title:t.host},r.a.createElement(De.a,{variant:"body2",color:"textSecondary"},(v=t.host,C=20,v.length>C?v.slice(0,C)+"...":v))),r.a.createElement(ke.a,{onClick:()=>{return e=t.host,void navigator.clipboard.writeText(e).then(()=>{alert("Copied to clipboard")}).catch(e=>{console.error("Could not copy text: ",e)});var e}},r.a.createElement(Bl.a,null))),r.a.createElement(Ke.a,{className:c.statsItem,item:!0},r.a.createElement(it,{color:"success",size:"sm"}))))),r.a.createElement(Ce.a,{open:u,onClose:h,maxWidth:"sm"},r.a.createElement(ye.a,null,"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this API?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:b,color:"primary",size:"small"},"Yes"),r.a.createElement(he.a,{onClick:h,color:"primary",size:"small"},"No"))),r.a.createElement(Ce.a,{open:E,onClose:y,fullWidth:!0,maxWidth:"sm"},r.a.createElement(ye.a,null,"Edit API"),r.a.createElement(be.a,{dividers:!0},r.a.createElement(Ul,{initialValues:t,isEditMode:!0,handleAlert:l,onClose:y}))));var v,C});const Ml=Object(ie.a)(e=>({root:{},row:{height:"42px",display:"flex",alignItems:"center",marginTop:e.spacing(1)},spacer:{flexGrow:1},importButton:{marginRight:e.spacing(1)},exportButton:{marginRight:e.spacing(1)},searchInput:{marginRight:e.spacing(1)}}));var ql=e=>{let{handleDialogOpen:a,handleSearchChange:t,...n}=e;const l=Ml();return r.a.createElement("div",Object.assign({},n,{className:l.root}),r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement("div",{className:l.row},r.a.createElement(lt,{className:l.searchInput,placeholder:"Search Api ",onChange:t}))),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement("div",{className:l.row},r.a.createElement("span",{className:l.spacer}),r.a.createElement(he.a,{color:"primary",variant:"contained",onClick:()=>{a()}},"Add Api")))))};const zl=e=>{let{dialogOpen:a,handleDialogClose:t,handleAlert:n,setValues:l,topic:o}=e;return r.a.createElement(Ce.a,{open:a,onClose:t,fullWidth:!0,maxWidth:"sm"},r.a.createElement(ye.a,{id:"form-dialog-title"},"API Information"),r.a.createElement(be.a,{dividers:!0},r.a.createElement(Ul,{handleAlert:n,onClose:t,topic:o,setValues:l})))},Vl=Object(ie.a)(e=>({root:{padding:e.spacing(3)},content:{marginTop:e.spacing(2)},pagination:{marginTop:e.spacing(3),display:"flex",alignItems:"center",justifyContent:"flex-end"}}));var Gl=e=>{const a=Vl(),{apisState:t,apisDispatch:l}=D(),[o,c]=Object(n.useState)(!1),[i,m]=Object(n.useState)({open:!1,message:"",severity:"info"}),d=Object(n.useCallback)((e,a,t)=>{m({open:e,message:a,severity:t})},[]),u=Object(n.useCallback)(()=>m(e=>({...e,open:!1})),[]),[p,E]=Object(n.useState)(!1),g=ee(async()=>{const e=await(async()=>{try{return(await B.a.get(""+H)).data}catch(e){F(e)}})();l({type:s.SET_APIS,value:e})},c,d);Object(n.useEffect)(()=>{g()},[]);const[h,y]=Object(n.useState)(""),b=t.filter(e=>e.modelName.toLowerCase().includes(h.toLowerCase()));return r.a.createElement("div",{className:a.root},r.a.createElement(L,{open:i.open,message:i.message,onClose:u,severity:i.severity}),r.a.createElement(ql,{handleDialogOpen:()=>{E(!0)},handleSearchChange:e=>{y(e.target.value)}}),r.a.createElement("div",{className:a.content},r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),o?r.a.createElement(Ke.a,{container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(qe,null)):b.map(e=>r.a.createElement(Ke.a,{item:!0,key:e.id,xs:12,sm:6,md:4,lg:3},r.a.createElement(Wl,{product:e,handleAlert:d}))))),r.a.createElement("div",{className:a.pagination},r.a.createElement(ke.a,null,r.a.createElement(Fr.a,null)),r.a.createElement(De.a,{variant:"caption"},o?0:t.length),r.a.createElement(ke.a,null,r.a.createElement(Rr.a,null))),r.a.createElement(zl,{dialogOpen:p,handleDialogClose:()=>{E(!1)},handleAlert:d}))};const Hl=Object(ie.a)(()=>({root:{width:"100%",height:"100%",overflow:"auto",padding:10},chartContainer:{position:"relative",padding:"10px",height:"80%",margin:"0px auto"}}));var Yl=e=>{let{selectedTopicsIds:a,streaming:t,className:l}=e;const o=Hl(),[c,i]=Object(n.useState)({datasets:[]}),s=Object(n.useCallback)(e=>{i(a=>{const t={...a},n=e.map(e=>e.name);return t.datasets=t.datasets.filter(e=>n.includes(e.label)),e.forEach(e=>{const a=t.datasets.findIndex(a=>a.label===e.name);-1!==a?t.datasets[a].data.push({x:Date.now(),y:e.messages_count}):t.datasets.push({label:e.name,fill:!1,borderColor:X(),data:[{x:Date.now(),y:e.messages_count}]})}),t})},[]),m=Object(n.useCallback)(async()=>{if(t&&0!==a.length)try{const e=await(async e=>{try{return(await B.a.post(_+"/messages_count",{topicIds:e})).data}catch(a){F(a)}})(a);s(e)}catch(e){console.error("Error fetching message counts:",e)}},[t,a,s]);Object(n.useEffect)(()=>{let e;return t&&0!==a.length?e=setInterval(m,1e4):(clearInterval(e),i({datasets:[]})),()=>clearInterval(e)},[t,a,m]);const d={maintainAspectRatio:!1,scales:{yAxes:[{}],xAxes:t?[{type:"realtime",realtime:{delay:1e3,duration:8e4,refresh:1e4}}]:[{}]},tooltips:{mode:"nearest",intersect:!1},hover:{mode:"nearest",intersect:!1},legend:{position:"right"}};return r.a.createElement(qa.a,{className:o.root},r.a.createElement(De.a,{style:{marginBottom:"10px"},variant:"h6"}," Messages Count  "),r.a.createElement("div",{className:o.chartContainer},r.a.createElement(cr.Line,{data:c,options:d})))},Kl=t(322),Zl=t.n(Kl);var Jl=e=>{let{openDialog:a}=e;return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ze.a,{title:"Add Topic"},r.a.createElement(ke.a,{onClick:()=>{a(0)}},r.a.createElement(Yr.a,null))))},Ql=t(472),Xl=t.n(Ql),$l=t(473),eo=t.n($l),ao=t(474),to=t.n(ao),no=t(475),ro=t.n(no),lo=t(476),oo=t.n(lo);const co=Object(en.a)({container:{display:"flex",alignItems:"center"},button:{margin:"0 4px"}});function io(e){const a=co();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:a.container},r.a.createElement(Ze.a,{title:"Pause Topic(s)"},r.a.createElement(ke.a,{onClick:e.onClick,className:a.button},r.a.createElement(Xl.a,null))),r.a.createElement(Ze.a,{title:"Resume Topic(s)"},r.a.createElement(ke.a,{onClick:e.onClick1,className:a.button},r.a.createElement(eo.a,null))),r.a.createElement(Ze.a,{title:"Delete Topic(s)"},r.a.createElement(ke.a,{onClick:e.onClick2,className:a.button},r.a.createElement(Rt.a,null))),r.a.createElement(Ze.a,{title:"See Messages"},r.a.createElement(ke.a,{onClick:e.onClick3,disabled:e.selectedRows.data.length>1,className:a.button},r.a.createElement(to.a,null))),r.a.createElement(Ze.a,{title:e.streaming?"Stop Streaming":"Start Streaming"},r.a.createElement(ke.a,{onClick:e.onClick4,className:a.button},e.streaming?r.a.createElement(ro.a,null):r.a.createElement(oo.a,null)))),r.a.createElement(Ce.a,{open:e.open,onClose:e.onClose},r.a.createElement(ye.a,null,"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this template?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{color:"primary",onClick:e.onClick5},"Yes"),r.a.createElement(he.a,{onClick:e.onClose,color:"primary"},"No"))))}const so=Object(ie.a)(()=>({tableContainer:{overflow:"auto","& .MuiTableCell-root":{padding:"5px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"}}}));var mo=e=>{let{selectedTopicsIds:a,setSelectedTopicsIds:t,streaming:l,setStreaming:o,handleAlert:c,listMessages:i,openDialog:m}=e;const d=so(),{kafkaTopicsState:u,kafkaTopicsDispatch:p}=D(),[E,g]=Object(n.useState)(!1),[h,y]=Object(n.useState)(!1),b=async()=>{try{y(!0),await(async e=>{try{return(await B.a.post(_+"/pause-topics",{topicIds:e})).data}catch(a){F(a)}})(a),c(!0,"Topics Paused successfully","success")}catch(e){console.log(e),c(!0,"Error pausing kafka topics, Please try again ;","error")}finally{y(!1)}},v=async()=>{try{y(!0),await te(a),c(!0,"Topics Resumed successfully","success")}catch(e){console.log(e),c(!0,"Error resuming kafka topics, Please try again ;","error")}finally{y(!1)}},C=async e=>{try{const t=await(async e=>{try{const a=e.map(async e=>(await B.a.delete(`${_}/${e}`),e));return await Promise.all(a),a}catch(a){F(a)}})(a),n=await Promise.all(t);await p({type:s.DELETE_TOPICS,topicIds:n}),g(!1),e([]),c(!0,"topic  deleted successfully","success")}catch(t){console.error("Error deleting topics:",t),c(!0,"error  deleting topics","error")}},f=()=>{g(!1)},S=[{label:"Id",name:"id",options:{display:!1}},{label:"Name",name:"name",options:{responsivePriority:1}},{label:"N\xb0 Partitions",name:"partitions",options:{responsivePriority:2}},{label:"Messages Number",name:"messages_count",options:{responsivePriority:3}},{label:"Status",name:"status",options:{filter:!0,responsivePriority:4,customBodyRender:(e,a,t)=>{const n={backgroundColor:"connected"===e?"green":"not_connected"===e?"red":"transparent",color:"white",padding:"4px 10px",borderRadius:"12px",boxShadow:"0 2px 5px rgba(0,0,0,0.2)",display:"inline-block"};return r.a.createElement("p",{style:n},"connected"===e?"Connected":"not_connected"===e?"Not Connected":e)}}}],w={filter:!0,selectableRows:"multiple",filterType:"dropdown",responsive:"standard",rowsPerPage:10,textLabels:{body:{noMatch:h?r.a.createElement(qe,null):"Sorry, no matching records found"}},isLoading:h,customToolbarSelect:(e,t,n)=>r.a.createElement(io,{selectedRows:e,streaming:l,open:E,onClose:f,onClick:b,onClick1:v,onClick2:()=>g(!0),onClick4:()=>o(!l),onClick5:()=>C(n),onClick3:async()=>{1===a.length&&await i(a[0])}}),customToolbar:()=>r.a.createElement(Jl,{openDialog:m}),onRowsSelect:(e,a)=>{if(0!==a.length){const e=a.map(e=>{var a;return null===(a=u[e.index])||void 0===a?void 0:a.id});t(e)}else t([])}};return r.a.createElement(Zl.a,{title:"Topics List",className:d.tableContainer,data:u,columns:S,options:w})},uo=t(477),po=t.n(uo);const Eo=e=>{let{name:a,timestamp:t,message:n,onOpen:l,onDelete:o}=e;return r.a.createElement(qa.a,null,r.a.createElement(za.a,null,r.a.createElement(me.a,{display:"flex",justifyContent:"space-between",alignItems:"center"},r.a.createElement(De.a,{variant:"h6"},a),r.a.createElement(me.a,null,l&&r.a.createElement(ke.a,{onClick:()=>l(n)},r.a.createElement(po.a,{color:"primary"})),o&&r.a.createElement(ke.a,{onClick:()=>o(n)},r.a.createElement(Rt.a,null)))),r.a.createElement(De.a,{variant:"body2",color:"textSecondary"},t)))},go=Object(ie.a)(e=>({root:{},item:{display:"flex",flexDirection:"column"},formControl:{minWidth:120,margin:e.spacing(1)},errorText:{color:"red",margin:e.spacing(1,0)}})),ho=Ya.b().shape({name:Ya.c().required("Field required").matches(/^[^_]*$/,"Name cannot contain underscores"),partitions:Ya.a().required("Field required"),replications:Ya.a().required("Field required")});var yo=e=>{let{dialogType:a,closeDialog:t,handleAlert:l,kafkaTopicsDispatch:o}=e;const c=go(),[i,m]=Object(n.useState)(!1),d=ee(async e=>{const a=await(async e=>{try{return(await B.a.post(""+_,e)).data}catch(a){F(a)}})(e);o({type:s.ADD_TOPIC,topic:a.topic}),t(a.topic)},m,l);return r.a.createElement(vt,{maxWidth:"sm",title:"Add Topic",onClose:t,open:0===a},r.a.createElement(Ha.d,{initialValues:{name:"",partitions:1,replications:1},validationSchema:ho,onSubmit:d},e=>{let{isSubmitting:a}=e;return r.a.createElement(Ha.c,null,r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,className:c.formControl},r.a.createElement(Ha.b,{as:Va.a,fullWidth:!0,label:"Name",margin:"dense",name:"name",required:!0,variant:"outlined",error:Boolean(r.a.createElement(Ha.a,{name:"name"})),helperText:r.a.createElement(Ha.a,{name:"name",component:"div",className:c.errorText})})),r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,className:c.formControl},r.a.createElement(kt.a,{htmlFor:"partitions-select"},"# of partitions"),r.a.createElement(Ha.b,{as:Nt.a,native:!0,label:"# of partitions",name:"partitions",inputProps:{id:"partitions-select"}},[1,2,3,4].map(e=>r.a.createElement("option",{key:e,value:e},e))),r.a.createElement(Ha.a,{name:"partitions",component:"div",className:c.errorText})),r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0,className:c.formControl},r.a.createElement(kt.a,{htmlFor:"replications-select"},"Replication factor"),r.a.createElement(Ha.b,{as:Nt.a,native:!0,label:"Replication factor",name:"replications",inputProps:{id:"replications-select"}},[1,2,3,4,5].map(e=>r.a.createElement("option",{key:e,value:e},e))),r.a.createElement(Ha.a,{name:"replications",component:"div",className:c.errorText})),r.a.createElement(me.a,{display:"flex",justifyContent:"flex-end"},r.a.createElement(he.a,{variant:"contained",size:"medium",color:"primary",type:"submit",disabled:i},"Add"),i&&r.a.createElement(qe,{size:24})))}))},bo=t(201),vo=t.n(bo);const Co=e=>{let{name:a,message:t,handleAlert:n}=e;const l=(()=>{try{return JSON.parse(t.message)}catch(e){return t.message}})();return r.a.createElement(qa.a,null,r.a.createElement(me.a,{style:{padding:"0 5px"},display:"flex",justifyContent:"space-between",alignItems:"center"},l.creationDate&&r.a.createElement(De.a,{variant:"h6"}," Date : ",Q(Number(l.creationDate))," ")),r.a.createElement(za.a,null,r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between",alignItems:"center"},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(vo.a,{name:a,src:l,enableClipboard:e=>{navigator.clipboard.writeText(JSON.stringify(e.src,null,2)),n(!0,"Copied to clipboard","success")}})))))};var fo=()=>{const{kafkaTopicsState:e,kafkaTopicsDispatch:a}=D(),[t,l]=Object(n.useState)([]),[o,c]=Object(n.useState)({}),[i,m]=Object(n.useState)(!1),[d,u]=Object(n.useState)(!1),[p,E]=Object(n.useState)([]),[g,h]=Object(n.useState)(null),y=e=>{h(e)},b=()=>{h(null)},[v,C]=Object(n.useState)({open:!1,message:"",severity:"info"}),f=(e,a,t)=>{C({open:e,message:a,severity:t})},S=ee(async()=>{const e=await ae(),t=await(async()=>{try{return(await B.a.get(_+"/latest/messages")).data}catch(e){F(e)}})();l(t),await a({type:s.SET_TOPICS,value:e.topics})},m,f),w=ee(async e=>{const a=await(async e=>{try{return(await B.a.get(`${_}/messages/${e}`)).data}catch(a){F(a)}})(e);l(a)},m,f);return Object(n.useEffect)(()=>{S()},[]),Object(n.useEffect)(()=>{0===p.length&&u(!1)},[p]),r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:v.open,message:v.message,onClose:()=>{C(e=>({...e,open:!1}))},severity:v.severity}),r.a.createElement(Ke.a,{container:!0,style:{height:"calc(100vh - 160px)"},spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,md:6,style:{height:"100%"}},r.a.createElement(mo,{streaming:d,setStreaming:u,kafkaTopicsState:e,selectedTopicsIds:p,setSelectedTopicsIds:E,handleAlert:f,listMessages:w,openDialog:y})),r.a.createElement(Ke.a,{item:!0,direction:"column",xs:12,md:6,style:{height:"100%"}},d&&r.a.createElement(Ke.a,{item:!0,style:{height:"calc(50% - 5px)",marginBottom:"10px"}},r.a.createElement(Yl,{selectedTopicsIds:p,streaming:d})),r.a.createElement(Ke.a,{item:!0,style:{height:d?"calc(50% - 5px)":"100%"}},r.a.createElement(et.a,{style:{height:"100%",padding:20,overflow:"auto"}},r.a.createElement(De.a,{style:{marginBottom:"10px"},variant:"h6"}," Latest Messages  "),r.a.createElement(Ke.a,{container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),i?r.a.createElement(Ke.a,{item:!0},r.a.createElement(qe,null)):0===t.length?r.a.createElement(Ke.a,{container:!0,justifyContent:"center",alignItems:"center",style:{height:"100%"}},r.a.createElement(De.a,null,"No messages available")):t.map((e,a)=>r.a.createElement(Ke.a,{item:!0,lg:4,md:6,sm:6,xs:12,key:a},r.a.createElement(Eo,{name:e.topic_name,timestamp:new Date(e.creationDate).toLocaleString(),message:e,onOpen:()=>(e=>{c(e),y(1)})(e)})))))))),r.a.createElement(yo,{dialogType:g,kafkaTopicsDispatch:a,handleAlert:f,closeDialog:b}),r.a.createElement(Ce.a,{open:1===g,onClose:b},r.a.createElement(ye.a,{disableTypography:!1},null===o||void 0===o?void 0:o.topic_name),r.a.createElement(be.a,{dividers:!0},r.a.createElement(Co,{name:null===o||void 0===o?void 0:o.topic_name,message:o,handleAlert:f}))))},So=t(773);const wo=Object(ie.a)(e=>({root:{padding:e.spacing(2)},inputContainer:{width:"100%",maxWidth:400,marginTop:20}}));var Ao=e=>{let{values:a,setValues:t,handleAlert:l,setLoading:o,loading:c}=e;const i=wo(),{kafkaTopicsState:m,kafkaTopicsDispatch:d}=D(),[u,p]=Object(n.useState)(null),E=Object(So.a)();Object(n.useEffect)(()=>{ee(async()=>{const e=await ae();await d({type:s.SET_TOPICS,value:e.topics})},o,l)()},[d,o,l]);return r.a.createElement("div",{className:i.root},r.a.createElement(Ke.a,{container:!0,justifyContent:"center"},r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(De.a,{variant:"h6"},"kafkaTopic & Permission"),c&&r.a.createElement(qe,null),r.a.createElement("div",{className:i.inputContainer},r.a.createElement(un.a,{size:"small",value:a.topic||null,onChange:(e,a)=>{"Add New kafka Topic"===a?(p(0),t(e=>({...e,topic:null}))):t(e=>({...e,topic:{...a,name:null===a||void 0===a?void 0:a.name}}))},options:["Add New kafka Topic",...m],getOptionLabel:e=>"string"===typeof e?e:e.name,renderInput:e=>r.a.createElement(Va.a,Object.assign({},e,{label:"kafkaTopic",variant:"outlined",fullWidth:!0})),filterOptions:(e,a)=>E(e,a),clearOnBlur:!0})))),r.a.createElement(yo,{dialogType:u,kafkaTopicsDispatch:d,handleAlert:l,closeDialog:e=>{t(a=>({...a,topic:e})),p(null)}}))};const xo=Object(ie.a)(e=>({root:{padding:e.spacing(2),backgroundColor:e.palette.background.default,borderRadius:8},connectorPaper:{padding:e.spacing(2),margin:e.spacing(2,0),border:"1px solid #ccc",borderRadius:8,backgroundColor:"#f9f9f9",textAlign:"center",cursor:"pointer",transition:"background-color 0.3s","&:hover":{backgroundColor:"#e0e0e0"}},title:{marginBottom:e.spacing(2),color:e.palette.text.primary}}));var Oo=e=>{var a;let{values:t,setValues:l,handleAlert:o,setLoading:c,loading:i}=e;const s=xo(),[m,d]=Object(n.useState)({open:!1,type:""}),u=e=>{d({open:!0,type:e})},p=()=>{d({open:!1,type:""})};return r.a.createElement(Ke.a,{justifyContent:"center",container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{align:"center",variant:"h6"},"Add Connectors")),r.a.createElement(Ke.a,{item:!0,xs:12,md:4},r.a.createElement(et.a,{className:s.connectorPaper,onClick:()=>u("source")},t.connectors.source?r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"subtitle1"},"Source Connector "),r.a.createElement(De.a,{variant:"h6"}," ",t.connectors.source.name," ")):r.a.createElement(De.a,{variant:"subtitle1"},"Add Source Connector"))),r.a.createElement(Ke.a,{item:!0,xs:12,md:4},r.a.createElement(et.a,{className:s.connectorPaper,onClick:()=>u("sink")},t.connectors.sink?r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"subtitle1"},"Sink Connector  "),r.a.createElement(De.a,{variant:"h6"},"  ",t.connectors.sink.name," ")):r.a.createElement(De.a,{variant:"subtitle1"},"Add Sink Connector"))),r.a.createElement(Ce.a,{open:m.open,onClose:p},r.a.createElement(ll,{open:m.open,handleCloseForm:p,handleAlert:o,connectorType:m.type,connectorTopic:null===(a=t.topic)||void 0===a?void 0:a.id,connectorThing:t.thing.thing_id,connectorPermission:t.thing.permission.topic,setValues:l,disabled:!0})))};const To=Object(ie.a)(e=>({root:{padding:e.spacing(2),backgroundColor:e.palette.background.default,borderRadius:8},apiPaper:{padding:e.spacing(2),margin:e.spacing(2,0),border:"1px solid #ccc",borderRadius:8,backgroundColor:"#f9f9f9",textAlign:"center",cursor:"pointer",transition:"background-color 0.3s","&:hover":{backgroundColor:"#e0e0e0"}},title:{marginBottom:e.spacing(2),color:e.palette.text.primary}}));var jo=e=>{var a;let{values:t,setValues:l,handleAlert:o,setLoading:c,loading:i}=e;const s=To(),[m,d]=Object(n.useState)(!1);return r.a.createElement(Ke.a,{justifyContent:"center",container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{align:"center",variant:"h6"},"API Information")),r.a.createElement(Ke.a,{item:!0,xs:12,md:4},r.a.createElement(et.a,{className:s.apiPaper,onClick:()=>{d(!0)}},t.api.modelName?r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"subtitle1"},"API Model "),r.a.createElement(De.a,{variant:"h6"}," ",t.api.modelName," ")):r.a.createElement(De.a,{variant:"subtitle1"},"Add New Modal"))),r.a.createElement(zl,{dialogOpen:m,handleDialogClose:()=>{d(!1)},handleAlert:o,isProcess:!0,setValues:l,topic:null===(a=t.topic)||void 0===a?void 0:a.id}))};Object(ie.a)(e=>({root:{},row:{height:"42px",display:"flex",alignItems:"center",marginTop:e.spacing(1)},spacer:{flexGrow:1},importButton:{marginRight:e.spacing(1)},exportButton:{marginRight:e.spacing(1)},searchInput:{marginRight:e.spacing(1)}})),Object(dt.a)(e=>({root:{margin:0,padding:e.spacing(2)},closeButton:{position:"absolute",right:e.spacing(1),top:e.spacing(1),color:e.palette.grey[500]}}))(e=>{const{children:a,classes:t,onClose:n,...l}=e;return r.a.createElement(ye.a,Object.assign({disableTypography:!0,className:t.root},l),r.a.createElement(De.a,{variant:"h6"},a),n?r.a.createElement(ke.a,{"aria-label":"close",className:t.closeButton,onClick:n},r.a.createElement(Et.a,null)):null)}),Object(dt.a)(e=>({root:{padding:e.spacing(2)}}))(be.a),Object(dt.a)(e=>({root:{margin:0,padding:e.spacing(1)}}))(ve.a);t(432),t(790),t(327),t(328),t(262);Object(en.a)(e=>({dropzoneClass:{borderRadius:0,border:"2px dashed white",padding:"30px 0px",height:150,background:"#c2c5c0",[e.breakpoints.down("sm")]:{width:"100%"},width:"100%",overflow:"auto",borderColor:"#FFFAFA",marginBottom:10,textAlign:"center"},dropzone:{borderRadius:0,border:"2px dashed white",padding:"30px 0px",height:150,background:"#a5a3a0",[e.breakpoints.down("sm")]:{width:"100%"},width:"100%",overflow:"auto",borderColor:"#FFFAFA",marginBottom:10,textAlign:"center"},inputFile1:{fontSize:30,height:150,width:300,position:"absolute",opacity:0},label:{fontSize:15,fontFamily:"sans-serif",fontStyle:"normal"},db:{[e.breakpoints.down("sm")]:{width:"100%"}}}));function ko(e){return r.a.createElement(xr.a,{styles:{padding:20},url:`https://www.thingwings.com/flow-editor/${e.containerName}/?token=${e.token}`,width:"100%",height:"500px",position:"relative",onLoad:e.onLoad,allowFullScreen:!0})}const No=e=>{let{flowControl:a,name:t,setProgress:l,handleAlert:o,handleDialogClose:c,flow:i,addProcessFlow:m,progress:d,history:u,isProcess:p}=e;const{flowsDispatch:E}=D(),[g,h]=Object(n.useState)(t||""),[y,b]=Object(n.useState)(!1),[v,C]=Object(n.useState)(""),f=Ve(),[S,w]=Object(n.useState)(!1);const A=Object(n.useCallback)(e=>h(e.target.value),[]),x=ee(async()=>{const e=await(async e=>{try{return(await B.a.post(G+"/flows",e)).data}catch(a){F(a)}})({name:g});E({type:s.ADD_FLOW,value:e.flow}),C(e.flow.containerName),m&&m({flowName:g,containerName:e.flow.containerName}),p?b(!0):u.push("/nodered/"+e.flow.containerName),c()},l,o),O=ee(async()=>{await(async(e,a)=>{try{return(await B.a.put(`${G}/flows/${e}`,{name:a})).data}catch(t){F(t)}})(null===i||void 0===i?void 0:i.id,g),E({type:s.UPDATE_FLOW,flowId:null===i||void 0===i?void 0:i.id})},l,o);return r.a.createElement(r.a.Fragment,null,r.a.createElement(vt,{open:a.add||a.edit,maxWidth:"sm",title:a.add?"New Flow":a.edit?"Update Flow":""},r.a.createElement(ut.a,null,"Enter Flow Name :"),d?r.a.createElement(qe,{size:12}):null,r.a.createElement(Va.a,{autoFocus:!0,value:g,margin:"dense",label:"Flow Name",fullWidth:!0,onChange:A}),r.a.createElement(ve.a,null,r.a.createElement(he.a,{color:"primary",onClick:()=>{C(""),c(a.add?"add":"edit")}},"Close"),r.a.createElement(he.a,{onClick:a.add?x:O,color:"primary"},a.add?"Add":"Update"))),r.a.createElement(vt,{open:y,maxWidth:"lg",onClose:()=>b(!1),title:"Flow : "+g},r.a.createElement(me.a,{display:"flex",justifyContent:"center"},S?r.a.createElement(r.a.Fragment,null):r.a.createElement(qe,null)," "),r.a.createElement(ko,{containerName:v,token:f,onLoad:function(){w(!0)}})))},Do=Object(ie.a)(e=>({root:{padding:e.spacing(2),backgroundColor:e.palette.background.default,borderRadius:8},connectorPaper:{padding:e.spacing(2),margin:e.spacing(2,0),border:"1px solid #ccc",borderRadius:8,backgroundColor:"#f9f9f9",textAlign:"center",cursor:"pointer",transition:"background-color 0.3s","&:hover":{backgroundColor:"#e0e0e0"}},title:{marginBottom:e.spacing(2),color:e.palette.text.primary}}));var Io=e=>{let{history:a,handleAlert:t,setLoading:l,loading:o,values:c,setValues:i}=e;const s=Do(),[m,d]=Object(n.useState)({add:!1,type:""}),[u,p]=Object(n.useState)(null),[E,g]=Object(n.useState)(!1),h=Ve();return r.a.createElement(Ke.a,{justifyContent:"center",container:!0,spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{align:"center",variant:"h6"},"Flow Information")),r.a.createElement(Ke.a,{item:!0,xs:12,md:4},r.a.createElement(et.a,{className:s.connectorPaper,onClick:()=>{d({add:!0,type:""})}},r.a.createElement(De.a,{variant:"subtitle1"},"Add New Flow"))),c.flowList.length>0&&r.a.createElement(Ke.a,{item:!0,container:!0,xs:12,justifyContent:1===c.flowList.length?"center":"flex-start",spacing:2},c.flowList.map((e,a)=>r.a.createElement(Ke.a,{item:!0,xs:12,md:4,key:a},r.a.createElement(et.a,{className:s.connectorPaper,onClick:()=>(e=>{p(e)})(e)},r.a.createElement(De.a,{variant:"subtitle1"},e.flowName))))),r.a.createElement(No,{flowControl:m,setProgress:l,addProcessFlow:e=>{i(a=>({...a,flowList:[...a.flowList,e]})),d({add:!1,type:""})},handleAlert:t,handleDialogClose:()=>{d({add:!1,type:""})},progress:o,history:a,isProcess:!0}),u&&r.a.createElement(vt,{open:Boolean(u),maxWidth:"lg",onClose:()=>{p(null)},title:"Flow: "+u.flowName},r.a.createElement(me.a,{display:"flex",justifyContent:"center"},E?r.a.createElement(r.a.Fragment,null):r.a.createElement(qe,null)," "),r.a.createElement(ko,{containerName:u.containerName,token:h,onLoad:function(){g(!0)}})))};const Po=Ya.b({thingName:Ya.c().required("Thing Name is required")});var Lo=e=>{let{open:a,handleAlert:t,handleCloseNew:l,thingName:o}=e;const{thingsDispatch:c}=D(),[i,m]=Object(n.useState)(!1),d=ee(async e=>{const a=await(async e=>{try{return(await B.a.post(""+W,e)).data}catch(a){F(a)}})({name:e.thingName});await c({type:s.ADD_THING,thing:a.newThing}),t(!0,"Thing added successfully","success"),l(a.newThing)},m,t),u=Object(Ha.e)({initialValues:{thingName:o||""},validationSchema:Po,onSubmit:e=>{d(e)}});return r.a.createElement(Ce.a,{open:a,onClose:l},r.a.createElement(ye.a,null," New Thing "),r.a.createElement(ue.a,null),r.a.createElement(be.a,null,r.a.createElement(ut.a,null,"Things are used to allow you to connect a pure MQTT client to thingwings"),r.a.createElement("form",{onSubmit:u.handleSubmit},r.a.createElement(Va.a,{autoFocus:!0,margin:"dense",label:"Thing Name",name:"thingName",type:"text",fullWidth:!0,value:u.values.thingName,onChange:u.handleChange,onBlur:u.handleBlur,error:u.touched.thingName&&Boolean(u.errors.thingName),helperText:u.touched.thingName&&u.errors.thingName}),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:l,color:"primary"},"Cancel"),r.a.createElement(he.a,{type:"submit",color:"primary"},"Add"),i&&r.a.createElement(qe,{size:24})))))};const Ro=e=>{let{openDialog:a,handleCloseDialog:t,selectData:l,setLoading:o,handleAlert:c,fetchDataAcl:i}=e;const[s,m]=Object(n.useState)({name:"",pubsub:3}),d=e=>{m({...s,[e.target.name]:e.target.value})},u=ee(async()=>{const e={aclUserId:l.id,deviceId:l.device_id,topicPath:s.name,pubsub:s.pubsub},a=await le(e);t({topic:`${l.device_id}/${s.name}`,acl_id:a.id}),i()},o,c);return r.a.createElement(Ce.a,{open:a.add,onClose:t},r.a.createElement(ye.a,null,"Add Permission"),r.a.createElement(be.a,null,r.a.createElement(ut.a,null),r.a.createElement(Va.a,{fullWidth:!0,label:"Topic path",margin:"dense",name:"name",variant:"outlined",value:s.name,onChange:d}),r.a.createElement(jt.a,{fullWidth:!0},r.a.createElement(kt.a,null,"Apply to"),r.a.createElement(Nt.a,{native:!0,value:s.pubsub,onChange:d,inputProps:{name:"pubsub",id:"pubsub-select"}},r.a.createElement("option",{value:3},"Publishes & Subscriptions"),r.a.createElement("option",{value:2},"Publishes"),r.a.createElement("option",{value:1},"Subscriptions")))),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:u,color:"primary"},"Add")))},Bo=Object(So.a)(),Fo=Object(ie.a)(e=>({root:{padding:e.spacing(2)},inputContainer:{width:"100%",maxWidth:400,marginTop:20}}));var Uo=e=>{let{values:a,setValues:t,handleAlert:l,setLoading:o,loading:c}=e;const i=Fo(),{thingsState:m,thingsDispatch:d}=D(),[u,p]=Object(n.useState)([]),[E,g]=Object(n.useState)({add:!1,formType:""}),[h,y]=Object(n.useState)(!1);Object(n.useEffect)(()=>{ee(async()=>{const e=await ne();await d({type:s.SET_THINGS,value:e})},o,l)()},[d,o,l]);const b=ee(async()=>{var e;if(null===(e=a.thing)||void 0===e?void 0:e.thing_id){const e=await re(a.thing.thing_id);p(e)}},y,l);Object(n.useEffect)(()=>{b()},[a.thing]);const v=e=>{"thing"===E.formType&&t(a=>({...a,thing:e})),"permission"===E.formType&&t(t=>({...t,thing:{...a.thing,permission:e}})),g({add:!1,formType:""})};return r.a.createElement("div",{className:i.root},r.a.createElement(Ke.a,{container:!0,justifyContent:"center"},r.a.createElement(Ke.a,{item:!0,xs:12,md:6},r.a.createElement(De.a,{variant:"h6"},"Thing & Permission"),r.a.createElement("div",{className:i.inputContainer},r.a.createElement(un.a,{loading:c,size:"small",value:a.thing,onChange:(e,a)=>{a?"Add New Thing"==a?g({add:!0,formType:"thing"}):t(e=>({...e,thing:{...a,name:null===a||void 0===a?void 0:a.name}})):p([])},options:["Add New Thing",...m],getOptionLabel:e=>"string"===typeof e?e:e.name,renderInput:e=>r.a.createElement(Va.a,Object.assign({},e,{label:"Thing",variant:"outlined",fullWidth:!0})),filterOptions:(e,a)=>Bo(e,a)})),r.a.createElement("div",{className:i.inputContainer},r.a.createElement(un.a,{loading:h,size:"small",value:a.thing.permission,onChange:(e,a)=>{"Add New Permission"===a?g({add:!0,formType:"permission"}):t(e=>({...e,thing:{...e.thing,permission:a}}))},options:["Add New Permission",...u],getOptionLabel:e=>"string"===typeof e?e:e.topic,renderInput:e=>r.a.createElement(Va.a,Object.assign({},e,{label:"Permission",variant:"outlined",fullWidth:!0})),filterOptions:(e,a)=>Bo(e,a),clearOnBlur:!0})))),"thing"===E.formType&&r.a.createElement(Lo,{open:E.add,handleCloseNew:v,handleAlert:l,thingName:a.thing.name}),"permission"===E.formType&&r.a.createElement(Ro,{openDialog:E,handleCloseDialog:v,selectData:a.thing,setLoading:o,handleAlert:l,fetchDataAcl:b}))};const _o=e=>{let{stepIndex:a,values:t,setValues:n,history:l,setLoading:o,handleAlert:c,loading:i,isStepValid:s}=e;const m=[r.a.createElement(Uo,{values:t,setValues:n,setLoading:o,handleAlert:c,loading:i}),r.a.createElement(Ao,{values:t,setValues:n,setLoading:o,handleAlert:c,loading:i}),r.a.createElement(Oo,{values:t,setValues:n,handleAlert:c,setLoading:o,loading:i}),r.a.createElement(Io,{values:t,setValues:n,handleAlert:c,setLoading:o,loading:i,history:l}),r.a.createElement(jo,{values:t,setValues:n,handleAlert:c,setLoading:o,loading:i})];return a<m.length?r.a.createElement(r.a.Fragment,null,m[a],!s&&r.a.createElement(De.a,{variant:"subtitle2",align:"center",color:"error"},"Please fill out the required fields to proceed.")):"All processes have been completed"},Wo=Object(en.a)(e=>({grid:{background:e.palette.background.default},stepContent:{margin:10,flex:"0 0 80%",transition:"transform 0.5s ease",opacity:1},buttonContainer:{display:"flex",justifyContent:"flex-end",marginTop:e.spacing(2)}})),Mo=["Thing","Topic","Connectors","Flow","Model"];var qo=e=>{const{history:a}=e,t=Wo(),[l,o]=Object(n.useState)(0),[c,i]=Object(n.useState)({thing:{thing_id:null,name:"",permission:""},topic:{topic_id:null,name:""},connectors:{sink:null,source:null},api:{modelName:""},flowList:[]}),[s,m]=Object(n.useState)(!1),[d,u]=Object(n.useState)(!1),[p,E]=Object(n.useState)({open:!1,message:"",severity:"info"}),g=Object(n.useCallback)((e,a,t)=>{E({open:e,message:a,severity:t})},[]),h=Object(n.useCallback)(()=>E(e=>({...e,open:!1})),[]),y=e=>{switch(e){case 0:case 1:case 2:case 3:case 4:default:return!0}};return r.a.createElement(Ke.a,{row:!0,container:!0,justifyContent:"center",spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,md:10,className:t.grid},r.a.createElement(et.a,null,r.a.createElement(L,{open:p.open,message:p.message,severity:p.severity,onClose:h}),r.a.createElement(an.a,{activeStep:l,alternativeLabel:!0},Mo.map(e=>r.a.createElement(tn.a,{key:e},r.a.createElement(nn.a,null,e)))))),r.a.createElement(Ke.a,{item:!0,xs:12,md:10,className:t.grid},r.a.createElement(et.a,{style:{padding:10}},r.a.createElement(_o,{stepIndex:l,values:c,setValues:i,history:a,setLoading:m,handleAlert:g,loading:s,isStepValid:y(l)}),r.a.createElement("div",{className:t.buttonContainer},r.a.createElement(he.a,{disabled:0===l,onClick:()=>{o(e=>Math.max(e-1,0))}},"Back"),r.a.createElement(he.a,{variant:"contained",color:"primary",onClick:()=>{l===Mo.length-1?(o(0),i({thing:{thing_id:null,name:"",permission:""},topic:{topic_id:null,name:""},connectors:{sink:null,source:null}}),g(!0,"Process finished successfully","success")):o(e=>Math.min(e+1,Mo.length-1))},disabled:!y(l)},l===Mo.length-1?"Finish":"Next"))),r.a.createElement(Ce.a,{fullScreen:!0,open:d,onClose:()=>u(!1)},r.a.createElement(ye.a,null,"Reset"),r.a.createElement(be.a,null,"Do you want to resume the pipeline process?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:()=>u(!1),color:"primary"},"No"),r.a.createElement(he.a,{onClick:()=>o(0),color:"primary"},"Yes")))))},zo=t(479),Vo=t.n(zo),Go=t(202),Ho=t.n(Go);const Yo=Object(ie.a)(e=>({root:{marginBottom:e.spacing(2)},searchInput:{marginRight:e.spacing(1),width:"100%",maxWidth:300},addButton:{[e.breakpoints.down("sm")]:{marginTop:e.spacing(1),width:"100%"}}}));var Ko=e=>{let{handleSearch:a,openForm:t}=e;const n=Yo();return r.a.createElement("div",{className:n.root},r.a.createElement(Ke.a,{container:!0},r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(lt,{className:n.searchInput,placeholder:"Search database",onChange:a})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6,style:{textAlign:"right"}},r.a.createElement(he.a,{className:n.addButton,color:"primary",variant:"contained",onClick:()=>{t()}},"Add Database"))))};const Zo=Object(en.a)(e=>({root:{[e.breakpoints.down("sm")]:{width:"100%"}},padding:{padding:e.spacing(1)},username:{padding:e.spacing(1)},searchInputContainer:{display:"flex",alignItems:"center",padding:e.spacing(1),borderRadius:e.shape.borderRadius,backgroundColor:e.palette.background.paper,boxShadow:e.shadows[1],flexGrow:1},searchInput:{marginLeft:e.spacing(1),flex:1},iconButton:{padding:10},btn:{[e.breakpoints.down("xs")]:{width:"100%",marginBottom:e.spacing(1)}},table:{minWidth:650,[e.breakpoints.down("xs")]:{minWidth:"100%","& thead":{display:"none"},"& tbody, & tr, & td":{display:"block",width:"100%"},"& td":{textAlign:"right",paddingLeft:"50%",position:"relative"},"& td::before":{content:"attr(data-label)",position:"absolute",left:0,width:"50%",paddingLeft:e.spacing(2),fontWeight:"bold",textAlign:"left"}}},popover:{pointerEvents:"none"},paper:{padding:e.spacing(1)},fallbackMessage:{margin:10}}));var Jo=e=>{let{handleAlert:a}=e;const t=Zo(),{databasesState:l,databasesDispatch:o}=D(),[c,i]=Object(n.useState)(null),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)(!1),E=()=>{c&&i(null),p(!1)},[g,h]=Object(n.useState)(!1),y=()=>{h(!1)},b=ee(async()=>{const e=await oe();await o({type:s.SET_DATABASES,value:e})},d,a),v=ee(async()=>{await(async e=>{try{return(await B.a.delete(`${q}/${e}`)).data}catch(a){F(a)}})(c.id),y(),await o({type:s.DELETE_DATABASE,id:c.id})},d,a);Object(n.useEffect)(()=>{b()},[]);const[C,f]=Object(n.useState)(""),S=l.filter(e=>e.dbname.toLowerCase().includes(C.toLowerCase())),w=[{key:"edit",label:"Edit Database",onClick:()=>{p(!0),O()}},{key:"delete",label:"Delete Database",onClick:()=>{h(!0),O()}}],[A,x]=r.a.useState(null),O=()=>{x(null)};return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ko,{handleSearch:e=>{f(e.target.value)},openForm:()=>{p(!0),O()}}),r.a.createElement(qa.a,{style:{padding:5}},r.a.createElement(Pe.a,{anchorEl:A,open:Boolean(A),onClose:O},w.map(e=>r.a.createElement(Dt.a,{key:e.key,onClick:e.onClick},e.label))),r.a.createElement(Ke.a,{style:{padding:10},item:!0,xs:12},m?r.a.createElement(qe,{size:20}):r.a.createElement(Wt.a,null,r.a.createElement(Mt.a,{className:t.table,"aria-label":"responsive table"},r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Name"),r.a.createElement(_t.a,{align:"center"},"Type"),r.a.createElement(_t.a,{align:"center"},"Username"),r.a.createElement(_t.a,{align:"center"},"URL"),r.a.createElement(_t.a,{align:"center"},"Actions"))),r.a.createElement(zt.a,null,S.map(e=>r.a.createElement(Ut.a,{key:e.id},r.a.createElement(_t.a,{align:"center","data-label":"Name"},e.dbname),r.a.createElement(_t.a,{align:"center","data-label":"Type"},e.dbtype),r.a.createElement(_t.a,{align:"center","data-label":"Username"},e.username),r.a.createElement(_t.a,{align:"center","data-label":"URL"},e.url),r.a.createElement(_t.a,{align:"center","data-label":"Actions"},r.a.createElement(ke.a,{edge:"end",onClick:a=>((e,a)=>{i(A?[]:a),x(A?null:e.currentTarget)})(a,e)},r.a.createElement(Ho.a,null))))))),0===(null===S||void 0===S?void 0:S.length)&&r.a.createElement(Ke.a,{item:!0,xs:12,style:{display:"flex",justifyContent:"center"}},r.a.createElement(De.a,{className:t.fallbackMessage,variant:"h6"},"No available databases"))))),r.a.createElement(vt,{open:g,onClose:y,title:"Confirm Deletion",contentText:"Are you sure you want to delete this item?",onConfirm:v,confirmText:"Delete"}),r.a.createElement(vt,{open:u,onClose:E,title:"Database Information",contentText:"Databases are used to store data received from Kafka server."},r.a.createElement(nl,{db:c,handleCloseNew:E,handleAlert:a,setLoading:d})))},Qo=t(480),Xo=t.n(Qo),$o=t(793),ec=t(794);const ac=Object(en.a)(e=>({root:{backgroundColor:e.palette.background.default},tableContainer:{flexGrow:1,overflow:"auto","& .MuiTableCell-root":{padding:"15px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"}},fallbackMessage:{textAlign:"center",marginTop:e.spacing(4),color:e.palette.text.secondary},paginationControls:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:e.spacing(3)},pageInfo:{margin:e.spacing(0,2)},messagesContainer:{flex:1,overflowY:"auto",maxHeight:"calc(100vh - 250px - 100px)"}}));var tc=e=>{let{handleAlert:a}=e;const t=ac(),{sourcesState:l,sourcesDispatch:o}=D(),[c,i]=Object(n.useState)({id:"",name:""}),[m,d]=Object(n.useState)([]),[u,p]=Object(n.useState)({}),[E,g]=Object(n.useState)(1),[h,y]=Object(n.useState)(50),[b,v]=Object(n.useState)(0),[C,f]=Object(n.useState)(!1),[S,w]=Object(n.useState)(!1),[A,x]=r.a.useState(null),[O,T]=Object(n.useState)(null),j=e=>{T(e)},k=()=>{T(null)},N=ee(async()=>{await(async e=>{try{return(await B.a.delete(`${z}/${e}`)).data}catch(a){F(a)}})(A),await o({type:s.DELETE_SOURCE,sourceId:A}),k()},w,a);Object(n.useEffect)(()=>{ee(async()=>{const e=await(async()=>{try{return(await B.a.get(""+z)).data}catch(e){F(e)}})();e.length>0&&await i({id:e[0].id,name:e[0].source_name}),await o({type:s.SET_SOURCES,value:e})},w,a)()},[]),Object(n.useEffect)(()=>{const e=ee(async()=>{const{messages:e,total:a}=c.id?await(async(e,a,t)=>{try{return(await B.a.get(`${z}/messages/${e}?page=${a}&size=${t}`)).data}catch(n){F(n)}})(c.id,E,h):{fetchedMessages:[],total:0};d(e),v(a)},w,a);c.id&&e()},[E,h,c.id,C]);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ke.a,{container:!0,style:{height:"calc(100vh - 250px)"},spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12,md:5,style:{height:"100%"}},r.a.createElement(Wt.a,{component:et.a,className:t.tableContainer},r.a.createElement(Mt.a,{"aria-label":"simple table"},r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"ID"),r.a.createElement(_t.a,null,"DataStore Type"),r.a.createElement(_t.a,null,"DataStore Name"),r.a.createElement(_t.a,null,"Actions"))),r.a.createElement(zt.a,null,l.map(e=>r.a.createElement(Ut.a,{key:e.id,selected:e.id===c.id},r.a.createElement(_t.a,null,e.id),r.a.createElement(_t.a,{component:"th",scope:"row"},e.dbname),r.a.createElement(_t.a,{component:"th",scope:"row"},e.source_name),r.a.createElement(_t.a,null,r.a.createElement(ke.a,{"aria-label":"play",onClick:()=>{return a=e.id,t=e.source_name,d([]),i({id:a,name:t}),void f(e=>!e);var a,t}},r.a.createElement(Xo.a,null)),r.a.createElement(ke.a,{"aria-label":"delete",onClick:()=>{x(e.id),j(1)}},r.a.createElement(Rt.a,null))))))))),r.a.createElement(Ke.a,{item:!0,xs:12,md:7,style:{height:"100%"}},r.a.createElement(et.a,{style:{height:"100%",padding:10,display:"flex",flexDirection:"column"}},r.a.createElement(De.a,{variant:"h6"},"Messages"),r.a.createElement(ue.a,{style:{margin:5}}),r.a.createElement(Ke.a,{container:!0,spacing:1,className:t.messagesContainer},S?r.a.createElement(Ke.a,{container:!0,justifyContent:"center"},r.a.createElement(qe,null)):0===m.length?r.a.createElement(Ke.a,{container:!0,justifyContent:"center",alignItems:"center",style:{marginTop:20,height:"100%"}},r.a.createElement(De.a,null,"No messages available")):null===m||void 0===m?void 0:m.map((e,a)=>r.a.createElement(Ke.a,{style:{padding:"10px"},item:!0,lg:4,md:6,sm:12,xs:12,key:a},r.a.createElement(Eo,{name:c.name,timestamp:e._source?Q(e._source.creationDate):Q(e.creationDate),message:e,onOpen:()=>(e=>{p({message:e._source||e}),j(3)})(e)})))),0!==(null===m||void 0===m?void 0:m.length)&&r.a.createElement("div",{className:t.paginationControls,style:{marginTop:"20px",alignSelf:"flex-end"}},r.a.createElement(ke.a,{color:"primary",onClick:()=>{E>1&&g(E-1)},disabled:1===E,size:"small"},r.a.createElement($o.a,null)),r.a.createElement(De.a,{variant:"caption",className:t.pageInfo},"Page ",E," of ",Math.ceil(b/h)),r.a.createElement(ke.a,{color:"primary",onClick:()=>{E*h<b&&g(E+1)},disabled:E*h>=b,size:"small"},r.a.createElement(ec.a,null)))))),r.a.createElement(Ce.a,{open:1===O,onClose:k},r.a.createElement(ye.a,{disableTypography:!1},"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this source?",r.a.createElement(I.a,{severity:"error"},"Note that deleting the data store will delete all of its data and its associated sink connector!!")),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:N,color:"primary",size:"small"},"Yes"),r.a.createElement(he.a,{onClick:k,color:"primary",size:"small"},"No"))),r.a.createElement(Ce.a,{open:3===O,onClose:k},r.a.createElement(ye.a,{disableTypography:!1},c.name),r.a.createElement(be.a,{dividers:!0},r.a.createElement(Co,{name:c.name,message:u._source?u._source:u,handleAlert:a}))))};const nc=Object(en.a)(e=>({root:{backgroundColor:e.palette.background.default}}));function rc(e){const a=nc(),{children:t,value:n,index:l}=e;return r.a.createElement(et.a,{className:a.root,square:!0},n===l&&r.a.createElement(me.a,{p:3},r.a.createElement(De.a,null,t)))}function lc(e){let{handleAlert:a}=e;const t=Object(xe.a)(),[n,l]=r.a.useState(0);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Wa.a,{value:n,onChange:(e,a)=>{l(a)},indicatorColor:"primary",textColor:"primary"},r.a.createElement(Ma.a,{label:"DataStores"}),r.a.createElement(Ma.a,{label:"Databases"})),r.a.createElement(Vo.a,{axis:"rtl"===t.direction?"x-reverse":"x",index:n,onChangeIndex:e=>{l(e)}},r.a.createElement(rc,{value:n,index:0,dir:t.direction},r.a.createElement(tc,{handleAlert:a})),r.a.createElement(rc,{value:n,index:1,dir:t.direction},r.a.createElement(Jo,{handleAlert:a}))))}var oc=()=>{const[e,a]=Object(n.useState)({open:!1,message:"",severity:""});return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:e.open,message:e.message,onClose:()=>{a(e=>({...e,open:!1}))},severity:e.severity}),r.a.createElement(lc,{handleAlert:(e,t,n)=>{a({open:e,message:t,severity:n})}}))};Object(ie.a)(e=>({root:{},imageContainer:{height:64,width:64,margin:"0 auto",border:"1px solid "+e.palette.divider,borderRadius:"5px",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},image:{width:"100%"},statsItem:{display:"flex",alignItems:"center"},statsIcon:{color:e.palette.icon,marginRight:e.spacing(1)}}));t(711);Object(ie.a)(e=>({root:{},row:{height:"42px",display:"flex",alignItems:"center",marginTop:e.spacing(1)},spacer:{flexGrow:1},importButton:{marginRight:e.spacing(1)},exportButton:{marginRight:e.spacing(1)},searchInput:{marginRight:e.spacing(1)}}));Qn()(),Qn()();const cc=Object(ie.a)(e=>({root:{padding:e.spacing(3)},content:{marginTop:e.spacing(2)},pagination:{marginTop:e.spacing(3),display:"flex",alignItems:"center",justifyContent:"flex-end"}}));var ic=e=>{const{history:a,url:t}=e,n=cc();return r.a.createElement("div",{className:n.root},r.a.createElement(xr.a,{url:"https://www.thingwings.com:4000/apis",width:"100%",height:"800px",id:"myId",className:"myClassname",display:"initial",position:"relative"}))};const sc=Object(ie.a)(e=>({root:{padding:e.spacing(1),height:"75vh"},myClassname:{border:"0"}}));var mc=e=>{const a=sc(),t=Ve(),[l,o]=Object(n.useState)(!1);let c=e.match.params.id;return r.a.createElement("div",{className:a.root,id:"root"},r.a.createElement(me.a,{display:"flex",justifyContent:"center"},l?r.a.createElement(r.a.Fragment,null):r.a.createElement(qe,null)),r.a.createElement(xr.a,{url:`https://www.thingwings.com/flow-editor/${c}/?token=${t}`,width:"100%",height:"100%",className:a.myClassname,position:"relative",onLoad:function(){o(!0)},allowFullScreen:!0}))},dc=t(434),uc=t(795),pc=t(163);const Ec=Object(en.a)(e=>({wrapper:{margin:e.spacing(1),position:"relative",alignItems:"center"},buttonProgress:{color:pc.a[500],position:"absolute",top:"50%",left:"50%",marginTop:-12,marginLeft:-12}}));var gc=e=>{const{history:a}=e,t=Ec(),[l,o]=Object(n.useState)(""),{flowsState:c,flowsDispatch:i}=D(),[m,d]=Object(n.useState)(""),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),E=Object(n.useCallback)((e,a,t)=>{p({open:e,message:a,severity:t})},[]),g=Object(n.useCallback)(()=>p(e=>({...e,open:!1})),[]),[h,y]=Object(n.useState)(null),b=Object(n.useCallback)((e,a)=>{o(a),y(e.currentTarget)},[]),v=Object(n.useCallback)(()=>{o(null),y(null)},[]),[C,f]=Object(n.useState)({add:!1,loadLib:!1,edit:!1,deploy:!1,restart:!1,delete:!1}),S=Object(n.useCallback)(e=>{f(a=>({...a,[e]:!0}))},[]),w=Object(n.useCallback)(e=>{f(a=>({...a,[e]:!1}))},[]),[A,x]=Object(n.useState)(!1),[O,T]=Object(n.useState)(!1),[j,k]=Object(n.useState)(0),[N,I]=Object(n.useState)(5);Object(n.useEffect)(()=>{ee(async()=>{const e=await(async()=>{try{return(await B.a.get(G+"/flows")).data}catch(e){F(e)}})();i({type:s.SET_FLOWS,value:e})},T,E)()},[i,E]);const P=ee(async()=>{l.id&&(await(async e=>{try{return(await B.a.delete(`${G}/flows/${e}`)).data}catch(a){F(a)}})(l.id),i({type:s.DELETE_FLOW,flowId:l.id}),v(),E(!0,"Flow deleted successfully","success"),w("delete"))},x,E),R=[{key:"edit",label:"Edit Flow",onClick:Object(n.useCallback)(()=>a.push("nodered/"+l.containerName),[a,l])},{key:"update",label:"Update Name",onClick:()=>{S("edit"),d(l.name)}},{key:"delete",label:"Delete Flow",onClick:()=>S("delete")}],[U,_]=Object(n.useState)(""),W=Object(n.useCallback)(e=>_(e.target.value),[]),M=c.filter(e=>e.name.toLowerCase().includes(U.toLowerCase()));return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:u.open,message:u.message,onClose:g,severity:u.severity}),r.a.createElement(Ke.a,{container:!0,spacing:3,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0,xs:3},r.a.createElement("div",{className:t.row},r.a.createElement(lt,{className:t.searchInput,placeholder:"Search flow",name:"search",value:U,onChange:W}))),r.a.createElement(Ke.a,{item:!0,xs:3},r.a.createElement(he.a,{variant:"contained",color:"primary",onClick:()=>S("add"),style:{float:"right"}},"Add Flow")),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(qa.a,null,r.a.createElement(Tt.a,{title:"List of Flows"}),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Pe.a,{anchorEl:h,open:Boolean(h),onClose:v},R.map(e=>r.a.createElement(Dt.a,{key:e.key,onClick:e.onClick},e.label))),r.a.createElement(Ke.a,{item:!0,xs:12},O?r.a.createElement(qe,null):0!==M.length?r.a.createElement(r.a.Fragment,null,r.a.createElement(Mt.a,null,r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Name"),r.a.createElement(_t.a,null,"Created"),r.a.createElement(_t.a,null,"Updated"),r.a.createElement(_t.a,{align:"right"},"Actions"))),r.a.createElement(zt.a,null,M.slice(j*N,j*N+N).map(e=>r.a.createElement(Ut.a,{key:e.id.toString()},r.a.createElement(_t.a,{component:"th",scope:"row"},e.name),r.a.createElement(_t.a,null,Q(e.created)),r.a.createElement(_t.a,null,Q(e.updated)),r.a.createElement(_t.a,{align:"right"},r.a.createElement(ke.a,{edge:"end",onClick:a=>b(a,e)},r.a.createElement(uc.a,null))))))),r.a.createElement(dc.a,{rowsPerPageOptions:[5,10,25],component:"div",count:M.length,rowsPerPage:N,page:j,onPageChange:(e,a)=>{k(a)},onRowsPerPageChange:e=>{I(parseInt(e.target.value,10)),k(0)}})):r.a.createElement(Ke.a,{style:{minHeight:100},spacing:3,container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(De.a,null," No Flows to show ")))))),r.a.createElement(No,{flowControl:C,name:m,setProgress:x,handleAlert:E,handleDialogClose:w,flow:l,progress:A,history:a}),r.a.createElement(Ce.a,{open:C.delete,onClose:()=>w("delete")},r.a.createElement(ye.a,{disableTypography:!1},"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this flow?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:P,color:"primary",size:"small"}," yes "),r.a.createElement(he.a,{onClick:()=>w("delete"),color:"primary",size:"small"}," No "),A?r.a.createElement(me.a,{display:"flex"}," ",r.a.createElement(Me.a,{color:"secondary"})," "):null)))},hc=t(433);const yc=e=>{let{value:a,onChange:t,...n}=e;return r.a.createElement(Wa.a,Object.assign({value:a,onChange:t},n))},bc=e=>{let{label:a,...t}=e;return r.a.createElement(Ma.a,Object.assign({label:a},t))},vc=e=>{let{children:a,value:t,index:n,...l}=e;return r.a.createElement("div",Object.assign({role:"tabpanel",hidden:t!==n,id:"simple-tabpanel-"+n,"aria-labelledby":"simple-tab-"+n},l),t===n&&r.a.createElement("div",null,a))},Cc=e=>{let{selectData:a}=e;return r.a.createElement(Ke.a,{container:!0,spacing:3,style:{margin:"10px"}},r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Type")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},"MQTT Broker")),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Created")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},a.created_at)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Updated")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},a.updated_at)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Device Id")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},a.device_id)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)))},fc=e=>{let{selectData:a}=e;return r.a.createElement(Ke.a,{container:!0,spacing:3,style:{margin:"10px"}},r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Host")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},"www.thingwings.com")),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Username")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},a.username)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},"Password")),r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(De.a,{variant:"h6",color:"textSecondary",component:"h4"},a.password)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)))};var Sc=e=>{let{aclUserId:a,handleAlert:t,fetchDataAcl:l,Acls:o}=e;const[c,i]=Object(n.useState)(!1),[s,m]=Object(n.useState)(null),[d,u]=Object(n.useState)(!1),p=ee(async()=>{await(async(e,a)=>{try{return(await B.a.delete(`${M}/${e}/${a}`)).data}catch(t){F(t)}})(a,s),l(),i(!1)},u,t),E=()=>{i(!1)};return r.a.createElement(Wt.a,null,r.a.createElement(Mt.a,null,r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Topic"),r.a.createElement(_t.a,null,"Access Type"),r.a.createElement(_t.a,null,"Action"))),r.a.createElement(zt.a,null,o.map(e=>r.a.createElement(Ut.a,{key:e.acl_id},r.a.createElement(_t.a,null,e.topic),r.a.createElement(_t.a,null,3==e.rw?"Publishes & Subscriptions":1==e.rw?"Subscriptions":"Publishes"),r.a.createElement(_t.a,null,r.a.createElement(ke.a,{onClick:()=>{return a=e.acl_id,m(a),void i(!0);var a}},r.a.createElement(Rt.a,null))))))),r.a.createElement(Ce.a,{open:c,onClose:E},r.a.createElement(ye.a,null,"Confirmation"),r.a.createElement(be.a,null,r.a.createElement(ut.a,null,"Are you sure you want to delete this permission?")),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:E,color:"primary"},"Cancel"),r.a.createElement(he.a,{disabled:d,onClick:p,color:"primary"},"Delete"),d&&r.a.createElement(qe,{size:24}))))};const wc=e=>{let{selectData:a,handleAlert:t}=e;const[l,o]=Object(n.useState)([]),[c,i]=Object(n.useState)(!0),[s,m]=Object(n.useState)({add:!1,delete:!1});Object(n.useEffect)(()=>{d()},[]);const d=ee(async()=>{i(!0);const e=await re(a.id);o(e)},i,t);return r.a.createElement(Ke.a,{container:!0,spacing:3,style:{margin:"10px"}},r.a.createElement(Ke.a,{item:!0,xs:6},r.a.createElement(he.a,{variant:"contained",color:"primary",onClick:()=>{return e="add",void m(a=>({...a,[e]:!0}));var e}},"Assign New Permission")),r.a.createElement(ue.a,null),r.a.createElement(Ke.a,{item:!0,xs:10},c?r.a.createElement(qe,null):r.a.createElement(Sc,{handleAlert:t,setAcls:o,Acls:l,aclUserId:a.id,fetchDataAcl:d})),r.a.createElement(Ro,{openDialog:s,handleCloseDialog:()=>{m({add:!1,delete:!1})},selectData:a,setLoading:i,handleAlert:t,fetchDataAcl:d}))};var Ac=e=>{let{selectData:a,thingName:t,handleThingNameChange:l,handleAlert:o,handleChange:c,value:i}=e;const[m,d]=Object(n.useState)(!1),{thingsDispatch:u}=D(),p=ee(async()=>{await(async(e,a)=>{try{return(await B.a.put(`${W}/${e}`,a)).data}catch(t){F(t)}})(a.thing_id,{name:t}),await u({type:s.UPDATE_THING,thingId:a.thing_id,name:t}),o(!0,"Thing updated successfully","success")},d,o);return r.a.createElement("div",{role:"presentation"},r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between",alignItems:"center",style:{marginTop:8}},r.a.createElement(Ke.a,{item:!0},r.a.createElement(Va.a,{autoFocus:!0,value:t,margin:"dense",label:"Thing Name",type:"text",fullWidth:!0,onChange:l})),r.a.createElement(Ke.a,{item:!0},r.a.createElement(ke.a,{"aria-controls":"customized-menu","aria-haspopup":"true",color:"primary",onClick:p},r.a.createElement(Zn.a,null)),m&&r.a.createElement(qe,{color:"secondary"})))),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(yc,{value:i,onChange:c,"aria-label":"ant example"},r.a.createElement(bc,{label:"Details"}),r.a.createElement(bc,{label:"Credentials"}),r.a.createElement(bc,{label:"Permissions"})),r.a.createElement(vc,{value:i,index:0},r.a.createElement(Cc,{selectData:a})),r.a.createElement(vc,{value:i,index:1},r.a.createElement(fc,{selectData:a})),r.a.createElement(vc,{value:i,index:2},r.a.createElement(wc,{selectData:a,handleAlert:o})))))};const xc=Object(en.a)(e=>({root:{margin:"0 auto",[e.breakpoints.down("sm")]:{width:"100%"}},padding:{padding:e.spacing(1)},username:{padding:e.spacing(1)},demo1:{backgroundColor:e.palette.background.paper},demo2:{backgroundColor:e.palette.background.paper},drawer:{width:500,flexShrink:0},drawerPaper:{width:500,top:"65px",padding:"10px",[e.breakpoints.down("sm")]:{width:"80%"}},drawerHeader:{display:"flex",alignItems:"center",padding:e.spacing(0,1),...e.mixins.toolbar,justifyContent:"flex-end"},searchInput:{marginRight:e.spacing(1),width:"100%",maxWidth:300},tableContainer:{overflow:"auto",maxHeight:"calc(100vh - 200px)","& .MuiTableCell-root":{padding:"15px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"}},runningChip:{backgroundColor:"#4caf50",color:"#fff"}}));var Oc=()=>{const e=xc(),a=Object(xe.a)(),t=Object(Oe.a)(a.breakpoints.down("sm")),{thingsState:l,thingsDispatch:o}=D(),[c,i]=r.a.useState(0),[m,d]=r.a.useState({}),[u,p]=Object(n.useState)(""),[E,g]=r.a.useState(null),h=Boolean(E),[y,b]=Object(n.useState)({open:!1,message:"",severity:"info"}),v=(e,a,t)=>{b({open:e,message:a,severity:t})},[C,f]=r.a.useState({top:!1,left:!1,bottom:!1,right:!1}),S=(e,a)=>()=>{f({...C,[e]:a})},[w,A]=r.a.useState(!1),x=()=>{A(!1)},O=()=>{g(null)},[T,j]=r.a.useState(!1),[k,N]=r.a.useState(!1),[I,P]=Object(n.useState)(!1),R=()=>{P(!1)},U=ee(async()=>{await O(),await(async e=>{try{return(await B.a.delete(`${W}/${e}`)).data}catch(a){F(a)}})(m.thing_id),await o({type:s.DELETE_THING,thingId:m.thing_id}),await R()},N,v);Object(n.useEffect)(()=>{ee(async()=>{const e=await ne();await o({type:s.SET_THINGS,value:e})},j,v)()},[]);const[_,M]=Object(n.useState)(""),q=l.filter(e=>e.name.toLowerCase().includes(_.toLowerCase())),[z,V]=Object(n.useState)(0),[G,H]=Object(n.useState)(5);return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:y.open,message:y.message,onClose:()=>{b(e=>({...e,open:!1}))},severity:y.severity}),r.a.createElement(de.a,{anchor:"right",open:C.right,onClose:S("right",!1),classes:{paper:e.drawerPaper}},r.a.createElement(Ac,{selectData:m,handleThingNameChange:e=>{p(e.target.value)},loading:T,handleChange:(e,a)=>{i(a)},thingName:u,value:c,toggleDrawer:S,handleAlert:v})),r.a.createElement(Ke.a,{container:!0,spacing:3,justifyContent:"space-between"},r.a.createElement(Ke.a,{item:!0,xs:6,sm:6,md:4},r.a.createElement("div",{className:e.row},r.a.createElement(lt,{className:e.searchInput,placeholder:"Search thing",name:"search",onChange:e=>{M(e.target.value)}}))),r.a.createElement(Ke.a,{item:!0,xs:4,sm:4,md:4,style:{textAlign:t?"center":"right"}},r.a.createElement(he.a,{variant:"contained",color:"primary",onClick:()=>{A(!0)},className:e.btn},"Add thing")),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Pe.a,{id:"long-menu",anchorEl:E,keepMounted:!0,open:h,onClose:O,PaperProps:{style:{maxHeight:216,width:"20ch"}},anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"}},r.a.createElement(Dt.a,{key:"1",selected:!1,onClick:S("right",!0)},"Details"),r.a.createElement(Dt.a,{key:"4",selected:!1,onClick:()=>{P(!0)}},"Delete ")),r.a.createElement(Ke.a,{item:!0,xs:12},T?r.a.createElement(qe,null):r.a.createElement(qa.a,null,r.a.createElement(Tt.a,{title:"List of Things"}),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Wt.a,{className:e.tableContainer},r.a.createElement(Mt.a,null,r.a.createElement(qt.a,null,r.a.createElement(Ut.a,null,r.a.createElement(_t.a,null,"Name"),r.a.createElement(_t.a,{align:"center"},"N\xb0 Messages"),r.a.createElement(_t.a,{align:"center"},"Created"),r.a.createElement(_t.a,{align:"center"},"Status"),r.a.createElement(_t.a,{align:"center"},"Actions"))),r.a.createElement(zt.a,null,q.slice(z*G,z*G+G).map(a=>r.a.createElement(Ut.a,{key:a.id},r.a.createElement(_t.a,null,r.a.createElement(Ke.a,{container:!0,alignItems:"center"},r.a.createElement(it,{color:"success",size:"sm",style:{marginRight:10}}),r.a.createElement(De.a,{variant:"body1"},a.name))),r.a.createElement(_t.a,{align:"center"},a.messages_count),r.a.createElement(_t.a,{align:"center"},Q(a.created_at)),r.a.createElement(_t.a,{align:"center"},r.a.createElement(hc.a,{label:"Running",className:e.runningChip})),r.a.createElement(_t.a,{align:"center"},r.a.createElement(ke.a,{edge:"end",onClick:e=>(async(e,a)=>{d(a),p(a.name),g(e.currentTarget)})(e,a)},r.a.createElement(Ho.a,{color:"primary"})))))))),r.a.createElement(dc.a,{component:"div",count:q.length,page:z,onPageChange:(e,a)=>V(a),rowsPerPage:G,onRowsPerPageChange:e=>{H(parseInt(e.target.value,10)),V(0)},rowsPerPageOptions:[5,10,15]}))))),r.a.createElement(Ce.a,{open:w,onClose:x,"aria-labelledby":"form-dialog-title"},r.a.createElement(ye.a,{id:"form-dialog-title"}," New Thing"),r.a.createElement(Lo,{handleAlert:v,handleCloseNew:x,open:w})),r.a.createElement(Ce.a,{open:I,onClose:R},r.a.createElement(ye.a,{disableTypography:!1},"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this thing?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:U,color:"primary",size:"small"}," yes "),r.a.createElement(he.a,{onClick:R,color:"primary",size:"small"}," No "),k&&r.a.createElement(qe,{size:24}))))},Tc=t(788),jc=t(796);const kc=Object(en.a)(e=>({root:{height:"100%"},content:{alignItems:"center",display:"flex"},title:{fontWeight:700},avatar:{backgroundColor:e.palette.error.main,height:56,width:56},icon:{height:32,width:32},difference:{marginTop:e.spacing(2),display:"flex",alignItems:"center"},differenceIcon:{color:e.palette.error.dark},differenceValue:{color:e.palette.error.dark,marginRight:e.spacing(1)},row:{height:"42px",display:"flex",alignItems:"center",marginTop:e.spacing(1)},spacer:{flexGrow:1},importButton:{marginRight:e.spacing(1)},exportButton:{marginRight:e.spacing(1)},searchInput:{marginRight:e.spacing(1)},media:{height:150,paddingTop:"40.25%"},expand:{transform:"rotate(0deg)",marginLeft:"auto",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest})},expandOpen:{transform:"rotate(180deg)"}}));var Nc=e=>{let{history:a,url:t,className:l,...o}=e;const c=kc(),[i,s]=Object(n.useState)([]),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),[E,g]=Object(n.useState)(!1),[h,y]=Object(n.useState)({}),[b,v]=Object(n.useState)(""),[C,f]=Object(n.useState)(!1),S=ee(async()=>{const e=await(async()=>{try{return(await B.a.get(U+"/allSDK")).data}catch(e){F(e)}})();s(e)},d,(e,a,t)=>{p({open:e,message:a,severity:t})});Object(n.useEffect)(()=>{S()},[]);const w=async e=>{await(async e=>{try{window.open(`${U}/download/${e}`)}catch(a){F(a)}})(e)};return r.a.createElement("div",{className:c.root},r.a.createElement(L,{open:u.open,message:u.message,onClose:()=>{p(e=>({...e,open:!1}))},severity:u.severity}),m&&r.a.createElement(qe,null),r.a.createElement(Ke.a,{container:!0,spacing:3},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(Tt.a,{title:"Downloads"})),r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(ue.a,null)),r.a.createElement(Ke.a,{container:!0,spacing:3},i.map(e=>r.a.createElement(Ke.a,{item:!0,lg:3,sm:6,xl:2,xs:12,key:e.label},r.a.createElement(qa.a,{className:c.root},r.a.createElement(Tt.a,{avatar:r.a.createElement(Ne.a,{"aria-label":"recipe",className:c.avatar},"SDK"),title:e.label,subheader:new Date(Date.now()).toDateString()}),r.a.createElement(Tc.a,{className:c.media,image:`${t}/${e.link}`,title:e.info}),r.a.createElement(za.a,null,r.a.createElement(De.a,{variant:"body2",color:"textSecondary",component:"p"},e.info),["espressif","gsm","arduino"].map(a=>e.get===a&&r.a.createElement(De.a,{key:a,className:c.root},r.a.createElement(la.a,{href:"#",onClick:()=>w(e.get)},a.toUpperCase()),r.a.createElement(ke.a,{onClick:()=>w(e.get)},r.a.createElement(jc.a,null))))),r.a.createElement(Ga.a,{disableSpacing:!0}))))),r.a.createElement(Ce.a,{open:C,onClose:()=>f(!1)},r.a.createElement(ye.a,null,"Confirmation"),r.a.createElement(be.a,{dividers:!0},"Are you sure you want to delete this template?"),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:async()=>{try{await(async e=>{try{return(await B.a.get(`${U}/deleteSchema/${e}`)).data}catch(a){F(a)}})(b),await S(),f(!1)}catch(e){console.error("Error:",e)}},color:"primary",size:"small"},"Yes"),r.a.createElement(he.a,{onClick:()=>f(!1),color:"primary",size:"small"},"No"))),r.a.createElement(Ce.a,{onClose:()=>{g(!1)},open:E},r.a.createElement(ye.a,null,"Description"),r.a.createElement(be.a,{dividers:!0},r.a.createElement(vo.a,{src:h})))))};const Dc=Object(en.a)(e=>({formContainer:{padding:e.spacing(2),borderRadius:e.spacing(1)}}));var Ic=e=>{let{handleClose:a,handleAlert:t}=e;const l=Dc(),{usersState:o,usersDispatch:c,productsDispatch:i}=D(),[m,d]=Object(n.useState)(!0),[u,p]=Object(n.useState)(null);Object(n.useEffect)(()=>{ee(async()=>{try{const e=await Ja();c({type:s.SET_USERS,value:e.users}),d(!1)}catch(u){p(u),d(!1)}},d,t)()},[]);const E=Object(Ha.e)({initialValues:{name:"",unitAmount:"",taxCode:"txcd_10000000",devices:"",messages:"",level:"",interval:"month",currency:"usd",users:[],planType:"Mqtt"},validationSchema:Ya.b({name:Ya.c().required("Required"),unitAmount:Ya.a().required("Required"),taxCode:Ya.c().required("Required"),devices:Ya.c().required("Required"),messages:Ya.c().required("Required"),level:Ya.c().required("Required"),interval:Ya.c().required("Required"),currency:Ya.c().required("Required"),planType:Ya.c().required("Required")}),onSubmit:async(e,t)=>{let{resetForm:n}=t;try{const t={name:e.name,unitAmount:e.unitAmount,taxCode:e.taxCode,metadata:{devices:e.devices,messages:e.messages,level:e.level},interval:e.interval,currency:e.currency,users:e.users,planType:e.planType},r=await(async e=>{try{return(await B.a.post(Gt+"/add-product",e)).data}catch(u){F(u)}})(t);await i({type:s.ADD_PRODUCT,value:r}),n(),a()}catch(u){console.error("Error adding product:",u)}}});return r.a.createElement(r.a.Fragment,null,m&&r.a.createElement("p",null,"Loading..."),u&&r.a.createElement("p",null,"Error: ",u.message),!m&&!u&&r.a.createElement("form",{onSubmit:E.handleSubmit},r.a.createElement(Ke.a,{container:!0,spacing:2,className:l.formContainer},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{variant:"h6"},"Add New Product")),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Product Name",name:"name",variant:"outlined",required:!0,fullWidth:!0,value:E.values.name,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.name&&Boolean(E.errors.name),helperText:E.touched.name&&E.errors.name})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Unit Amount",name:"unitAmount",variant:"outlined",required:!0,fullWidth:!0,type:"number",value:E.values.unitAmount,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.unitAmount&&Boolean(E.errors.unitAmount),helperText:E.touched.unitAmount&&E.errors.unitAmount})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Tax Code",name:"taxCode",variant:"outlined",required:!0,fullWidth:!0,value:E.values.taxCode,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.taxCode&&Boolean(E.errors.taxCode),helperText:E.touched.taxCode&&E.errors.taxCode})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Devices",name:"devices",variant:"outlined",required:!0,fullWidth:!0,value:E.values.devices,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.devices&&Boolean(E.errors.devices),helperText:E.touched.devices&&E.errors.devices})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Messages",name:"messages",variant:"outlined",required:!0,fullWidth:!0,value:E.values.messages,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.messages&&Boolean(E.errors.messages),helperText:E.touched.messages&&E.errors.messages})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Level",name:"level",variant:"outlined",required:!0,fullWidth:!0,value:E.values.level,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.level&&Boolean(E.errors.level),helperText:E.touched.level&&E.errors.level})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{select:!0,label:"Interval",name:"interval",variant:"outlined",required:!0,fullWidth:!0,value:E.values.interval,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.interval&&Boolean(E.errors.interval),helperText:E.touched.interval&&E.errors.interval},r.a.createElement(Dt.a,{value:"week"},"Weekly"),r.a.createElement(Dt.a,{value:"month"},"Monthly"),r.a.createElement(Dt.a,{value:"year"},"Yearly"))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(Va.a,{label:"Currency",name:"currency",variant:"outlined",required:!0,fullWidth:!0,value:E.values.currency,onChange:E.handleChange,onBlur:E.handleBlur,error:E.touched.currency&&Boolean(E.errors.currency),helperText:E.touched.currency&&E.errors.currency})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(jt.a,{variant:"outlined",fullWidth:!0},r.a.createElement(kt.a,{id:"plan-type-label"},"Plan Type"),r.a.createElement(Nt.a,{labelId:"plan-type-label",id:"plan-type-select",name:"planType",value:E.values.planType,onChange:E.handleChange,onBlur:E.handleBlur,label:"Plan Type",error:E.touched.planType&&Boolean(E.errors.planType)},r.a.createElement(Dt.a,{value:"Mqtt"},"Mqtt alone"),r.a.createElement(Dt.a,{value:"Kafka"},"Kafka alone"),r.a.createElement(Dt.a,{value:"Mqtt_Kafka"},"Mqtt + Kafka")),E.touched.planType&&E.errors.planType&&r.a.createElement(De.a,{color:"error",variant:"caption"},E.errors.planType))),r.a.createElement(Ke.a,{item:!0,xs:12,sm:6},r.a.createElement(un.a,{multiple:!0,name:"users",options:o,getOptionLabel:e=>e.name,value:E.values.users,onChange:(e,a)=>E.setFieldValue("users",a),renderTags:(e,a)=>e.map((e,t)=>r.a.createElement(hc.a,Object.assign({key:t,label:e.name},a({index:t})))),renderInput:e=>r.a.createElement(Va.a,Object.assign({},e,{variant:"outlined",label:"Users",placeholder:"Select users",error:E.touched.users&&Boolean(E.errors.users),helperText:E.touched.users&&E.errors.users}))})),r.a.createElement(Ke.a,{container:!0,justifyContent:"flex-end"},r.a.createElement(he.a,{type:"submit",variant:"contained",color:"primary"},"Add Product")))))};const Pc=Object(en.a)(e=>({formContainer:{padding:e.spacing(2),backgroundColor:"#f9f9f9",borderRadius:e.spacing(1)}}));var Lc=()=>{const e=Pc(),{metadataState:a,metadataDispatch:t}=D(),n=e=>{t({type:s.EDIT_METADATA_VALUES,key:e.target.name,value:e.target.value})};return r.a.createElement(Ke.a,{container:!0,spacing:2,className:e.formContainer},r.a.createElement(Ke.a,{item:!0,xs:12},r.a.createElement(De.a,{variant:"h6"},"Product : ",a.productName)),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Devices",name:"devices",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.devices,onChange:n})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Messages",name:"messages",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.messages,onChange:n})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Level",name:"level",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.level,onChange:n})),r.a.createElement(Ke.a,{item:!0,xs:12,sm:4},r.a.createElement(Va.a,{label:"Price",name:"price",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.price,onChange:n})))},Rc=t(791);const Bc=Object(dt.a)({switchBase:{color:"primary","&$checked":{color:"secondary"},"&$checked + $track":{backgroundColor:"secondary"}},checked:{},track:{}})(Rc.a);var Fc=e=>{const[a,t]=Object(n.useState)(!1),[l,o]=Object(n.useState)(!1),i=e.customerId,m=e.priceid&&e.currentPlan.priceId===e.priceid,d=e.currentPlan.nextPriceId===e.priceid,u=e.currentPlan.level,p=e.currentPlan.ongoing,E=m||d?new Date(1e3*e.currentPlan.currentend).toDateString():null,g=e.price,h=e.features,y=Object(c.g)(),{productsDispatch:b}=D(),v=()=>{y.push(`/plan/payments?planName=${e.name}&priceId=${e.priceid}`)},C=async()=>{t(!0);const a=await(async(e,a)=>{try{return(await B.a.post(`${Gt}/create-subscription/${e}`,{priceId:a})).data}catch(t){F(t)}})(i,e.priceid);e.setCurrentPlan(a),await e.fetchCustomerInfoData(),t(!1)};return r.a.createElement(qa.a,{variant:"outlined",style:{height:"100%",minHeight:"500px",display:"flex",flexDirection:"column",boxShadow:"8px 8px 8px rgba(0, 0, 0, 0.1)",backgroundColor:m?"rgba(0, 0, 255, 0.1)":"",border:d?"2px solid blue":null}},r.a.createElement(Tt.a,{style:{marginBottom:"30px"},title:r.a.createElement(De.a,{variant:"h5",align:"center"}," ",e.name," ")}),r.a.createElement(Tt.a,{style:{height:"100%",minHeight:"100px"},title:0===g?r.a.createElement(De.a,{variant:"h4",align:"center"}," Free "):5===g?r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"h4",align:"center"}," Custom Price "),r.a.createElement(De.a,{variant:"subtitle2",align:"center"},"Per Unit/Month")):r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"h4",align:"center"},"$",g),r.a.createElement(De.a,{variant:"subtitle2",align:"center"},"Per Unit/Month"))}),r.a.createElement(za.a,null,r.a.createElement("ul",null,r.a.createElement("hr",null),Object.entries(h).map(a=>{let[t,n]=a;const l=m?n*e.currentPlan.quantity:n;return"level"===t||r.a.createElement("li",{key:t},(e=>e>1e6?e/1e6+" M":e>1e3?e/1e3+" K":e)(l)+" "+t)})),!p&&r.a.createElement(De.a,{variant:"h6",style:{color:"Red"}},m&&r.a.createElement(r.a.Fragment,null," Ends ",E)||d&&r.a.createElement(r.a.Fragment,null," Starting ",E))),r.a.createElement("div",{style:{flexGrow:1}}),r.a.createElement(Ga.a,{style:{justifyContent:"flex-end"}},Z()?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,e.isActive?r.a.createElement("span",{style:{color:"green",marginRight:"8px"}},"Active"):r.a.createElement("span",{style:{color:"red",marginRight:"8px"}},"Archived")),r.a.createElement("div",null,Z()&&r.a.createElement(Bc,{checked:e.isActive,onChange:async a=>{try{const t=a.target.checked;await(async(e,a)=>{try{return(await B.a.put(`${Gt}/archive-product/${e}`,{active:a})).data}catch(t){F(t)}})(e.productId,t),b({type:s.ARCHIVE_PRODUCT,productId:e.productId,active:t})}catch(t){console.error("Error deleting product:",t)}},color:"primary"}),e.isActive&&Z()&&r.a.createElement(ke.a,{color:"primary",onClick:async()=>{await e.handleMetadaDataFormOpen({productId:e.productId,price:e.price,productName:e.name,...e.features})}},r.a.createElement(Tl.a,null)))):m?r.a.createElement(r.a.Fragment,null,r.a.createElement(he.a,{variant:"contained",color:"primary",onClick:v},e.currentPlan.quantity+" Units | +"),e.price>0&&r.a.createElement(he.a,{variant:"contained",color:"primary",disabled:a,onClick:async()=>{t(!0),await(async e=>{try{return(await B.a.put(`${Gt}/subscription-continuation/${e}`)).data}catch(a){F(a)}})(e.customerId),await e.fetchCustomerInfoData(),t(!1)}},a?"Processing...":p?"Cancel":"Reactivate")):r.a.createElement(r.a.Fragment,null,d||r.a.createElement(he.a,{variant:"contained",color:"primary",disabled:a,onClick:()=>{e.features.level<=u?C():v()}},a?"loading...":e.features.level<=u?"Schedule":e.currentPlan.priceId?"Upgrade":"Subscribe"))))};const Uc=Object(en.a)(e=>({container:{width:"90%",[e.breakpoints.up("md")]:{maxWidth:"none"}},drawerOpen:{width:"100%"}}));function _c(){var e;Uc();const{drawerState:a,metadataState:t,metadataDispatch:l,productsState:o,productsDispatch:c}=D(),[i,m]=Object(n.useState)(null),[d,u]=Object(n.useState)(!1),[p,E]=Object(n.useState)(null),[g,h]=Object(n.useState)(!1),[y,b]=Object(n.useState)(!1),[v,C]=Object(n.useState)({open:!1,message:"",severity:"info"}),f=Object(n.useCallback)((e,a,t)=>{C({open:e,message:a,severity:t})},[]),S=Object(n.useCallback)(()=>C(e=>({...e,open:!1})),[]),w=()=>{h(!1)},A=()=>{b(!1)},x=ee(async()=>{if(i){const e=await(async e=>{try{return(await B.a.get(`${Gt}/customer-info/${e}`)).data}catch(a){F(a)}})(i);E(e)}},u,f);Object(n.useEffect)(()=>{const e=K();e&&e.CusId&&m(e.CusId)},[]),Object(n.useEffect)(()=>{const e=ee(async()=>{await x()},u,f);ee(async()=>{const e=await(async()=>{try{return(await B.a.get(Gt+"/products")).data}catch(e){F(e)}})();c({type:s.SET_PRODUCTS,value:e})},u,f)(),e()},[i]);const O=ee(async()=>{const e=await(async e=>{try{return(await B.a.put(Gt+"/update-product",e)).data}catch(a){F(a)}})(t);c({type:"UPDATE_PRODUCT",productId:t.productId,value:e.updated_product}),A()},u,f),T=e=>{l({type:"SET_METADATA_VALUES",value:e}),b(!0)},j=o&&p&&(null===(e=o.find(e=>e.priceid===p.priceId))||void 0===e?void 0:e.metadata.level),k=o.sort((e,a)=>e.price-a.price);return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:v.open,message:v.message,onClose:S,severity:v.severity}),r.a.createElement("div",{style:{padding:20}},r.a.createElement(Ke.a,{container:!0,justifyContent:"space-between",style:{margin:5}},r.a.createElement("div",null,r.a.createElement(De.a,{variant:"h4"},"Pricing"),r.a.createElement("span",{variant:"subtitle1",gutterBottom:!0}," Credit balance: ",r.a.createElement("b",null,null===p||void 0===p?void 0:p.balance,"$"))),Z()&&r.a.createElement(he.a,{align:"center",variant:"contained",color:"primary",onClick:()=>h(!0)},"Add Product")),d?r.a.createElement(qe,{size:24}):r.a.createElement(Ke.a,{container:!0,justifyContent:"center",spacing:2},r.a.createElement(Ke.a,{item:!0,xs:12}," ",r.a.createElement(ue.a,null)),k.map(e=>r.a.createElement(Ke.a,{item:!0,key:e.id,xs:12,sm:6,md:4,lg:3},r.a.createElement(Fc,{isActive:e.active,productId:e.id,name:e.name,price:e.price,features:e.metadata,priceid:e.priceid,setCurrentPlan:E,currentPlan:{...p,level:j},customerId:i,fetchCustomerInfoData:x,handleMetadaDataFormOpen:T})))),r.a.createElement(Ce.a,{fullWidth:!0,open:g,onClose:w},r.a.createElement(be.a,null,r.a.createElement(Ic,{onClose:w,handleAlert:f}))),r.a.createElement(Ce.a,{open:y,onClose:A},r.a.createElement(ye.a,null,"Update Product Metadata"),r.a.createElement(be.a,null,r.a.createElement(Lc,null)),r.a.createElement(ve.a,null,r.a.createElement(he.a,{onClick:A,color:"primary"},"Cancel"),r.a.createElement(he.a,{onClick:O,color:"primary"},"Update")))))}const Wc=Object(en.a)(e=>({form:{width:"100%",marginTop:e.spacing(1)},submit:{margin:e.spacing(3,0,2)}})),Mc=e=>{let{isTokenExpired:a,passwordReset:t,userActivation:l}=e;const o=Wc(),[c,i]=Object(n.useState)(!1),[s,m]=Object(n.useState)({open:!1,message:"",severity:"info"}),[d,u]=Object(n.useState)(!1),[p,E]=Object(n.useState)(""),g=Object(n.useCallback)((e,a,t)=>{m({open:e,message:a,severity:t})},[]),h=Object(n.useCallback)(()=>m(e=>({...e,open:!1})),[]),y=ee(async e=>{let n="activation";t&&(n="password-reset"),a&&(n=l?"token-reset":"password-reset"),await(async(e,a)=>{try{return(await B.a.post(dl+"/send-email",{email:e,type:a})).data}catch(r){var t,n;throw new Error((null===(t=r.response)||void 0===t||null===(n=t.data)||void 0===n?void 0:n.message)||"Failed to send reset email.")}})(e.email,n),E(e.email),u(!0),g(!0,"Please check your email for further instructions.","success")},i,g),b=Object(Ha.e)({initialValues:{email:""},validationSchema:Ya.b({email:Ya.c().email("Invalid email address").required("Email is required")}),onSubmit:async e=>{await y(e)}});return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:s.open,message:s.message,onClose:h,severity:s.severity}),r.a.createElement(De.a,{variant:"h6"},t?"Password Reset":a&&l?"Request New Verification Link":"Account Activation"),r.a.createElement(De.a,{variant:"caption"},t&&!d?"Enter your email address to receive a password reset link.":a&&l?"Your verification link has expired. Enter your email to receive a new activation link.":""),a&&!d&&r.a.createElement(De.a,{color:"error",style:{marginTop:20}},"Your link has expired. Please request a new one."),r.a.createElement("form",{onSubmit:b.handleSubmit,className:o.form},d?r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"body1",style:{marginTop:20}},"Email sent to: ",r.a.createElement("strong",null,p)),r.a.createElement(De.a,{style:{marginTop:"10px",color:"#555"}},"Didn\u2019t receive the email? Check your spam folder or request a new link."),r.a.createElement(he.a,{onClick:()=>y({email:p}),fullWidth:!0,variant:"contained",style:{marginTop:"20px",backgroundColor:"#11b276",color:"#fff"},disabled:c},c?"Resending...":"Resend Email")):r.a.createElement(r.a.Fragment,null,r.a.createElement(Va.a,{type:"email",variant:"outlined",margin:"normal",required:!0,fullWidth:!0,id:"email",label:"Email",name:"email",autoComplete:"email",autoFocus:!0,size:"small",value:b.values.email,onChange:b.handleChange,onBlur:b.handleBlur,error:b.touched.email&&Boolean(b.errors.email),helperText:b.touched.email&&b.errors.email}),r.a.createElement(he.a,{type:"submit",fullWidth:!0,variant:"contained",color:"primary",className:o.submit,disabled:c||!b.isValid},c?"Sending...":"Send Email")),c&&r.a.createElement(qe,null)))},qc=Object(en.a)(e=>({paper:{marginTop:40,width:"100%",maxWidth:600,padding:e.spacing(4),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,boxShadow:e.shadows[5]}}));var zc=()=>{const e=Object(c.h)(),a=qc(),t=new URLSearchParams(e.search).get("token"),[l,o]=Object(n.useState)(!1),[i,s]=Object(n.useState)({open:!1,message:"",severity:"info"}),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)(!1),E=Object(n.useCallback)((e,a,t)=>{s({open:e,message:a,severity:t})},[]),g=Object(n.useCallback)(()=>s(e=>({...e,open:!1})),[]),h=ee(async(e,a)=>{if(e===a)try{await(async(e,a)=>{try{return(await B.a.post(dl+"/password-reset",{newPassword:a},{headers:{Authorization:"Bearer "+e}})).data}catch(t){console.log(t),F(t)}})(t,e),E(!0,"Password successfully reset.","success"),d(!0)}catch(n){console.error(n),"Token expired, please sign in again"===n.message||"Invalid token."===n.message?(E(!0,"Your link has expired. Please request a new one.","error"),p(!0)):E(!0,"An error occurred while resetting your password.","error")}else E(!0,"Passwords do not match","error")},o,E);return r.a.createElement(ml.a,{component:"main",maxWidth:"xs"},r.a.createElement(se.a,null),r.a.createElement(L,{open:i.open,message:i.message,onClose:g,severity:i.severity}),m?r.a.createElement("div",{className:a.paper},r.a.createElement(De.a,{variant:"subtitle1"},"Password successfully reset. You may now log in."),r.a.createElement(he.a,{fullWidth:!0,variant:"contained",disabled:l,style:{marginTop:"20px",backgroundColor:"#11b276",color:"#fff"},onClick:$},"Go to login page")):r.a.createElement(vl,{title:m?"Success":"Set New Password",onSubmit:h,loading:l}),r.a.createElement(Ce.a,{open:u,onClose:()=>p(!1)},r.a.createElement(be.a,null,r.a.createElement(Mc,{isTokenExpired:!0,passwordReset:!0}))))};const Vc=Object(en.a)(e=>({root:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2)},paper:{marginTop:40,width:"100%",maxWidth:600,padding:e.spacing(4),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,boxShadow:e.shadows[5]}}));var Gc=()=>{const e=Vc();return r.a.createElement(ml.a,{className:e.root,component:"main",maxWidth:"xs"},r.a.createElement(se.a,null),r.a.createElement("div",{className:e.paper},r.a.createElement(Mc,{passwordReset:!0})))};const Hc=Object(en.a)(e=>({root:{display:"flex",justifyContent:"center",alignItems:"center",padding:e.spacing(2),backgroundColor:e.palette.background.default},paper:{marginTop:40,width:"100%",maxWidth:600,padding:e.spacing(4),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,boxShadow:e.shadows[5]},submit:{margin:e.spacing(3,0,2)}}));var Yc=()=>{const e=Hc(),[a,t]=Object(n.useState)(!1),[l,o]=Object(n.useState)({open:!1,message:"",severity:"info"}),[i,s]=Object(n.useState)(!1),[m,d]=Object(n.useState)(!1),{token:u}=Object(c.i)(),[p,E]=Object(n.useState)(!1),g=Object(n.useCallback)((e,a,t)=>{o({open:e,message:a,severity:t})},[]),h=Object(n.useCallback)(()=>o(e=>({...e,open:!1})),[]),y=ee(async e=>{try{await(async e=>{try{return(await B.a.get(Ka+"/activate-user",{headers:{Authorization:"Bearer "+e}})).data}catch(a){console.log(a),F(a)}})(e),s(!0),g(!0,"Your account has been successfully activated!","success")}catch(a){console.log(a),"Token expired, please sign in again"===a.message?(d(!0),g(!0,"Your activation link has expired. Please request a new one.","error"),E(!0)):g(!0,"An error occurred while activating your account.","error")}},t,g);return r.a.createElement(r.a.Fragment,null,r.a.createElement(ml.a,{className:e.root,component:"main",maxWidth:"xs"},r.a.createElement(se.a,null),r.a.createElement(L,{open:l.open,message:l.message,onClose:h,severity:l.severity}),r.a.createElement("div",{className:e.paper},!m&&r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"h6"},i?"Success":"User Activation"),!i&&r.a.createElement(De.a,{variant:"caption"},"Click the button below to activate your account."),a&&r.a.createElement(qe,null),!a&&!i&&r.a.createElement(he.a,{type:"submit",fullWidth:!0,variant:"contained",color:"primary",className:e.submit,onClick:()=>y(u)},"Activate Account")),i&&r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"caption",align:"center"},"Your account has been activated! You can now log in."),r.a.createElement(he.a,{fullWidth:!0,variant:"contained",style:{marginTop:"20px",backgroundColor:"#11b276",color:"#fff"},className:e.submit,onClick:$,disabled:a},"Go to login page")),m&&r.a.createElement(r.a.Fragment,null,r.a.createElement(De.a,{variant:"h6"},"Token Activation Expired"),r.a.createElement(De.a,{variant:"caption"},"Your activation link has expired. Click below to request a new link."),r.a.createElement(he.a,{fullWidth:!0,variant:"contained",color:"primary",className:e.submit,onClick:()=>Yt(!0)},"Request New Link")))),r.a.createElement(Ce.a,{open:p,onClose:()=>E(!1)},r.a.createElement(be.a,null,r.a.createElement(Mc,{isTokenExpired:!0,userActivation:!0}))))};var Kc=()=>[{path:"/signin",exact:!0,component:Al,layout:"MinimalLayout"},{path:"/request-token",exact:!0,component:Gc,layout:"MinimalLayout"},{path:"/new-password",exact:!0,component:zc,layout:"MinimalLayout"},{path:"/activate-user/:token",exact:!0,component:Yc,layout:"MinimalLayout"},{path:"/signup",exact:!0,component:Ol,layout:"MinimalLayout"},{path:"/",exact:!0,component:Dr,layout:"MainLayout",requiresAuth:!0},{path:"/dashboard",exact:!0,component:Dr,layout:"MainLayout",requiresAuth:!0},{path:"/things",exact:!0,component:Oc,layout:"MainLayout",requiresAuth:!0},{path:"/nodered/:id",exact:!0,component:mc,layout:"MainLayout",requiresAuth:!0},{path:"/flows",exact:!0,component:gc,layout:"MainLayout",requiresAuth:!0},{path:"/datastores",exact:!0,component:oc,layout:"MainLayout",requiresAuth:!0},{path:"/steps",exact:!0,component:qo,layout:"MainLayout",requiresAuth:!0},{path:"/account",exact:!0,component:Mn,layout:"MainLayout",requiresAuth:!0},{path:"/plan",exact:!0,component:_c,layout:"MainLayout",requiresAuth:!0},{path:"/plan/payments",exact:!0,component:Fn,layout:"MainLayout",requiresAuth:!0},{path:"/settings",exact:!0,component:fl,layout:"MainLayout",requiresAuth:!0},{path:"/topics",exact:!0,component:fo,layout:"MainLayout",requiresAuth:!0},{path:"/ai-models",exact:!0,component:Gl,layout:"MainLayout",requiresAuth:!0},{path:"/downloads",exact:!0,component:Nc,layout:"MainLayout",requiresAuth:!0},{path:"/connectors",exact:!0,component:sl,layout:"MainLayout",requiresAuth:!0},{path:"/swagger",exact:!0,component:ic,layout:"MainLayout",requiresAuth:!0},{path:"/not-found",exact:!0,component:Pr,layout:"MinimalLayout"},{path:"/users",exact:!0,component:Il,layout:"MainLayout",requiresAuth:!0}];const Zc=Object(i.a)(),Jc=Kc();function Qc(){const{notificationsDispatch:e}=D(),[a,t]=Object(n.useState)({open:!1,message:"",severity:""});return Object(n.useEffect)(()=>{const a=Y();if(a){const n=new WebSocket("wss://www.thingwings.com/wss",[a.split(" ")[1]]);return n.addEventListener("open",()=>{console.log("Connected to server")}),n.addEventListener("message",async a=>{const n=JSON.parse(a.data);var r,l;console.log("Received message:",n),r=!0,l=n.message,t({open:r,message:l,severity:"warning"}),await e({type:s.ADD_NOTIFICATION,notification:n})}),n.addEventListener("ping",e=>{n.pong(),console.log("Received ping, sent pong")}),()=>{n.close()}}},[]),r.a.createElement(r.a.Fragment,null,r.a.createElement(L,{open:a.open,message:a.message,onClose:()=>{t({open:!1,message:"",severity:"info"})},severity:a.severity}),r.a.createElement(c.c,{history:Zc},r.a.createElement(_a,{routes:Jc})))}var Xc=t(136),$c=t(787);const ei=Object(Xc.b)({palette:{primary:{main:"#1C4E80"}}});o.a.render(r.a.createElement($c.a,{theme:ei},r.a.createElement(N,null,r.a.createElement(Qc,null))),document.getElementById("root"))}},[[493,1,2]]]);
//# sourceMappingURL=main.40a1564f.chunk.js.map