(this["webpackJsonpmy-app"]=this["webpackJsonpmy-app"]||[]).push([[0],{461:function(e,a){e.exports="data:image/jpeg;base64,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"},462:function(e,a,t){e.exports=t.p+"static/media/mastercard.362e39be.png"},463: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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"},492:function(e,a,t){e.exports=t(708)},708:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),l=t(27),o=t.n(l),i=t(40),c=t(66),s=t(138),m=t(784);const d={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"},u={date:"",service:"",facebook:"",twitter:"",firstname:"",lastname:"",email:"",line1:"",line2:"",postal_code:"",city:"",country:null,currency:null,amount:""},p=(e,a)=>{switch(a.type){case d.EDIT_FORM_VALUE:return{...e,[a.key.toLowerCase()]:a.value};case d.EMPTY_FORM_VALUE:return u;default:return e}},g=(e,a)=>{switch(a.type){case d.EDIT_METADATA_VALUES:return{...e,[a.key.toLowerCase()]:a.value};case d.SET_METADATA_VALUES:return a.value;default:return e}},E=(e,a)=>{switch(a.type){case d.SET_PRODUCTS:return a.value;case d.UPDATE_PRODUCT:return e.map(e=>e.id===a.productId?{...e,...a.value}:e);case d.ADD_PRODUCT:return[...e,a.product];case d.ARCHIVE_PRODUCT:return e.map(e=>e.id===a.productId?{...e,active:a.active}:e);default:return e}},h=(e,a)=>{switch(console.log(a),a.type){case d.SET_USERS:return a.value;case d.ADD_USER:return[...e,a.value];case d.DELETE_USER:return e.filter(e=>e.id!==a.userId);case d.UPDATE_USER:return e.map(e=>e.id===a.userId?{...e,...a.value}:e);default:return e}},y=(e,a)=>{switch(a.type){case d.SET_CONNECTORS:return a.value;case d.UPDATE_CONNECTOR:return e.map(e=>e.name===a.connectorName?{...e,...a.value}:e);case d.ADD_CONNECTOR:return[...e,a.connector];case d.DELETE_CONNECTOR:return e.filter(e=>e.id!==a.value);default:return e}},b=(e,a)=>{switch(a.type){case d.SET_CONNECTOR_INFO:return a.value;default:return e}},v=(e,a)=>{switch(a.type){case d.OPEN_DRAWER:return!0;case d.CLOSE_DRAWER:return!1;default:return e}},C=(e,a)=>{switch(a.type){case d.SET_TOPICS:return a.value;case d.ADD_TOPIC:return[...e,a.topic];case d.DELETE_TOPIC:return e.filter(e=>e.id!==a.topicId);case d.DELETE_TOPICS:return e.filter(e=>!a.topicIds.includes(e.id));case d.UPDATE_TOPIC:return e.map(e=>e.id===a.topicId?{...e,...a.value}:e);default:return e}},f=(e,a)=>{switch(a.type){case d.SET_THINGS:return a.value;case d.ADD_THING:return[...e,a.thing];case d.DELETE_THING:return e.filter(e=>e.thing_id!==a.thingId);case d.UPDATE_THING:return e.map(e=>e.thing_id===a.thingId?{...e,name:a.name}:e);default:return e}},A=(e,a)=>{switch(a.type){case d.SET_DATABASES:return a.value;case d.ADD_DATABASE:return[a.database,...e];case d.DELETE_DATABASE:return e.filter(e=>e.id!==a.id);case d.UPDATE_DATABASE:return e.map(e=>e.id===a.id?{...e,...a.value}:e);default:return e}},S=(e,a)=>{switch(a.type){case d.SET_NOTIFICATIONS:return a.value;case d.ADD_NOTIFICATION:return[...e,a.notification];case d.DELETE_NOTIFICATIONS:return e.filter(e=>!a.topicIds.includes(e.id));case d.UPDATE_NOTIFICATION:return e.map(e=>e.id===a.id?{...e,seen:1}:e);default:return e}},w=(e,a)=>{switch(a.type){case d.SET_FLOWS:return a.value;case d.ADD_FLOW:return[...e,a.value];case d.DELETE_FLOW:return e.filter(e=>e.id!==a.flowId);case d.DELETE_FLOWS:return e.filter(e=>!a.flowIds.includes(e.id));case d.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 d.SET_APIS:return a.value;case d.ADD_API:return[...e,a.value];case d.DELETE_API:return e.filter(e=>e.id!==a.apiId);case d.DELETE_APIS:return e.filter(e=>!a.apiIds.includes(e.id));case d.UPDATE_API:return e.map(e=>e.id===a.apiId?{...e,name:a.name}:e);default:return e}},T=(e,a)=>{switch(a.type){case d.SET_SOURCES:return a.value;case d.ADD_SOURCE:return[...e,a.value];case d.DELETE_SOURCE:return e.filter(e=>e.id!==a.sourceId);case d.DELETE_SOURCES:return e.filter(e=>!a.sourceIds.includes(e.id));default:return e}},O=u,N={productId:null,productName:null,price:null,devices:0,messages:0,level:0},k=Object(n.createContext)(),D=e=>{let{children:a}=e;const[t,l]=Object(n.useReducer)(p,O),[o,i]=Object(n.useReducer)(g,N),[c,s]=Object(n.useReducer)(E,[]),[m,d]=Object(n.useReducer)(h,[]),[u,D]=Object(n.useReducer)(y,[]),[_,j]=Object(n.useReducer)(b,[]),[I,B]=Object(n.useReducer)(C,[]),[R,L]=Object(n.useReducer)(f,[]),[P,F]=Object(n.useReducer)(A,[]),[U,M]=Object(n.useReducer)(T,[]),[W,q]=Object(n.useReducer)(S,[]),[z,G]=Object(n.useReducer)(w,[]),[V,K]=Object(n.useReducer)(v,!0),[H,Y]=Object(n.useReducer)(x,[]);return r.a.createElement(k.Provider,{value:{formValuesState:t,formValuesDispatch:l,metadataState:o,metadataDispatch:i,productsState:c,productsDispatch:s,usersState:m,usersDispatch:d,connectorsState:u,connectorsDispatch:D,connectorInfoState:_,connectorInfoDispatch:j,kafkaTopicsState:I,kafkaTopicsDispatch:B,thingsState:R,thingsDispatch:L,databasesState:P,databasesDispatch:F,notificationsState:W,notificationsDispatch:q,flowsState:z,flowsDispatch:G,drawerState:V,drawerDispatch:K,apisState:H,apisDispatch:Y,sourcesState:U,sourcesDispatch:M}},a)},_=()=>Object(n.useContext)(k);var j=t(797),I=t(745);var B=function(e){let a,t,{open:n,message:l,severity:o,onClose:i}=e;switch(o){case"success":a="green",t="white";break;case"error":a="red",t="white";break;case"info":a="blue",t="white";break;default:a="grey",t="black"}return r.a.createElement(I.a,{open:n,autoHideDuration:6e3,onClose:i},r.a.createElement(j.a,{severity:o,onClose:i,style:{backgroundColor:a,color:t}},l))},R=t(11),L=t.n(R);const P=()=>{const e=localStorage.getItem("user");return e?JSON.parse(e):null},F=()=>localStorage.getItem("token")||null,U=(e,a,t)=>{localStorage.setItem("token",e),localStorage.setItem("user",JSON.stringify(a)),localStorage.setItem("role",JSON.stringify(t))},M="https://www.thingwings.com/api",W=M+"/topics",q=M+"/things",z=M+"/acl",G=M+"/connectors",V=M+"/data-source",K=M+"/data-source-mapping",H=M+"/notifications",Y=M+"/nodered",Z=M+"/predictions",J=()=>{const e=localStorage.getItem("token");return e?"Bearer "+e:null},Q=()=>{const e=localStorage.getItem("user");return e?JSON.parse(e):null},X=()=>{const e=Q();return e&&1===e.admin},$=e=>{const a=window.location.search;return new URLSearchParams(a).get(e)},ee=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}},ae=()=>{let e="#";for(let a=0;a<6;a++)e+="0123456789ABCDEF"[Math.floor(16*Math.random())];return e},te=(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)}};L.a.defaults.headers.common.Authorization=J();const ne=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))},re=async()=>{try{return(await L.a.get(""+W)).data}catch(e){ne(e)}},le=async e=>{try{return(await L.a.post(W+"/resume-topics",{topicIds:e})).data}catch(a){ne(a)}},oe=async()=>{try{return(await L.a.get(""+q)).data}catch(e){ne(e)}},ie=async e=>{try{return(await L.a.get(`${z}/things/${e}`)).data}catch(a){ne(a)}},ce=async e=>{try{return(await L.a.post(""+z,e)).data}catch(a){ne(a)}},se=async()=>{try{return(await L.a.get(""+V)).data}catch(e){ne(e)}},me=async e=>{try{return(await L.a.put(`${H}/${e}`)).data}catch(a){ne(a)}};var de=t(334),ue=t(761),pe=t(299),ge=t(90),Ee=t(752),he=t(2),ye=t(714),be=t(715),ve=t(384),Ce=t(749),fe=t(750),Ae=t(751),Se=t(747);const we=Object(de.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 xe=e=>{const{pages:a,className:t,...n}=e,l=we(),o=Object(i.h)(),[c,s]=r.a.useState(!1),[m,d]=r.a.useState(""),u=Object(i.g)(),p=()=>{s(!1)};return r.a.createElement(ye.a,Object.assign({},n,{className:Object(he.b)(l.root,t)}),a.map(e=>r.a.createElement(be.a,{className:Object(he.b)(l.item,{[l.active]:o.pathname===e.href}),disableGutters:!0,key:e.title},r.a.createElement(ve.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(Se.a,{open:c,onClose:p},r.a.createElement(Ce.a,null,"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to exit this process?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:()=>{u.push(m),s(!1)},color:"primary",size:"small"},"Yes"),r.a.createElement(ve.a,{onClick:p,color:"primary",size:"small"},"No"))))};const Te=Object(de.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 Oe=e=>{let{open:a,pages:t,history:n}=e;const l=Te();return r.a.createElement(ge.a,{className:l.drawer,variant:"persistent",anchor:"left",open:a,classes:{paper:l.drawerPaper}},r.a.createElement("div",{className:l.drawerHeader}),r.a.createElement(Ee.a,null),r.a.createElement(xe,{className:l.nav,pages:t,history:n}))},Ne=t(30),ke=t(719),De=t(756),_e=t(388),je=t(313),Ie=t(799),Be=t(67),Re=t(758),Le=t(240),Pe=t(757),Fe=t(759),Ue=t(441),Me=t.n(Ue),We=t(64),qe=t(439),ze=t.n(qe),Ge=t(385);var Ve=e=>{let{size:a}=e;return r.a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},r.a.createElement(Ge.a,{size:a}))},Ke=t(754),He=t(387),Ye=t(755),Ze=t(753),Je=t(386);const Qe=e=>{let{setLoading:a,handleAlert:t}=e;const{notificationsState:l,notificationsDispatch:o}=_(),[i,c]=Object(n.useState)(!1),[s,m]=Object(n.useState)(null),u=te(async e=>{e.seen||(await me(e.id),o({type:d.UPDATE_NOTIFICATION,id:e.id})),m(e),c(!0)},a,t),p=()=>{c(!1),m(null)},g=te(async()=>{const e=l.filter(e=>!e.seen);for(const a of e)await me(a.id);o({type:d.MARK_ALL_AS_READ})},a,t);return r.a.createElement(r.a.Fragment,null,r.a.createElement(ye.a,{style:{padding:10,minWidth:200}},r.a.createElement(be.a,null,r.a.createElement(Be.a,{variant:"h6",style:{flexGrow:1}},"Notifications"),r.a.createElement(Je.a,{title:"Mark all as read"},r.a.createElement(je.a,{color:"primary",onClick:g},r.a.createElement(Ze.a,null)))),l.length>0?l.map(e=>r.a.createElement(be.a,{button:!0,style:{minWidth:200,margin:5,borderRadius:5},selected:!e.seen,key:e.id,alignItems:"flex-start",onClick:async()=>{await u(e)}},r.a.createElement(Ke.a,null,r.a.createElement(Ie.a,{alt:"Notification Icon",src:"/static/images/avatar/1.jpg"})),r.a.createElement(He.a,{primary:e.typeN,secondary:r.a.createElement(r.a.Fragment,null,r.a.createElement(Be.a,{sx:{display:"inline"},component:"span",variant:"body2"},e.message))}))):r.a.createElement(be.a,{alignItems:"flex-start"},r.a.createElement(Ke.a,null,r.a.createElement(Ie.a,{alt:"No Notifications",src:"/static/images/avatar/1.jpg"})),r.a.createElement(He.a,{primary:"Notification",secondary:r.a.createElement(r.a.Fragment,null,r.a.createElement(Be.a,{sx:{display:"inline"},component:"span",variant:"body2"},"There are no notifications ..."))}))),r.a.createElement(Se.a,{open:i,onClose:p},r.a.createElement(Ce.a,null,"Notification Details"),r.a.createElement(fe.a,null,r.a.createElement(Ye.a,null,s&&r.a.createElement(r.a.Fragment,null,r.a.createElement(Be.a,{variant:"h6"},s.typeN),r.a.createElement(Be.a,{variant:"body2"},s.message)))),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:p,color:"primary"},"Close"))))};var Xe=t(440),$e=t.n(Xe);const ea=Object(de.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 aa=e=>{let{open:a,handleDrawerOpen:t,handleDrawerClose:l,url:o,handleAlert:i}=e;const c=ea(),[s,m]=Object(n.useState)(null),[d,u]=Object(n.useState)(!1),p=Boolean(s),{notificationsState:g}=_(),E=P(),h={name:E.name,avatar:`${o}/${E.location}`,bio:E.email};const y=Object(Ne.a)(),b=Object(ke.a)(y.breakpoints.down("sm"));return r.a.createElement(De.a,{position:"fixed",className:Object(he.a)(c.appBar,{[c.appBarShift]:a})},r.a.createElement(_e.a,null,a?r.a.createElement(je.a,{color:"inherit",onClick:l,edge:"start",className:c.menuButton},r.a.createElement(ze.a,null)):r.a.createElement(je.a,{color:"inherit",onClick:t,edge:"start",className:c.menuButton},r.a.createElement(Pe.a,null)),r.a.createElement(Ie.a,{className:c.avatarSmall,onClick:t,alt:"Thingwings",src:"logo.png"}),!b&&r.a.createElement(Be.a,{variant:"h6",noWrap:!0}," ThingWings "),r.a.createElement("div",{className:c.flexGrow}),r.a.createElement(Je.a,{title:"Notifications"},r.a.createElement(je.a,{color:"inherit",onClick:function(e){m(e.currentTarget)}},r.a.createElement(Re.a,{overlap:"rectangular",badgeContent:d?r.a.createElement(Ve,{size:12}):g.filter(e=>!e.seen).length,color:"error"},r.a.createElement(Fe.a,null)))),r.a.createElement(Le.a,{anchorEl:s,open:p,onClose:()=>{m(null)}},r.a.createElement(Qe,{setLoading:u,handleAlert:i})),r.a.createElement(Je.a,{title:"Grafana"},r.a.createElement(je.a,{onClick:()=>window.open("https://www.thingwings.com/grafana/")},r.a.createElement(Ie.a,{className:c.avatarSmall,alt:"Grafana",src:"grafana.jpg"}))),r.a.createElement(Je.a,{title:"Profile"},r.a.createElement(je.a,{color:"inherit",component:We.a,to:"/account"},E.location?r.a.createElement(Ie.a,{alt:"Person",className:c.avatar,src:h.avatar}):r.a.createElement($e.a,null))),r.a.createElement(Je.a,{title:"Logout"},r.a.createElement(je.a,{color:"inherit",onClick:()=>{localStorage.removeItem("token"),localStorage.removeItem("user"),localStorage.removeItem("role"),localStorage.removeItem("notifications"),window.location.href="/signin"}},r.a.createElement(Me.a,null)))))},ta=t(760);var na=e=>r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",align:"center"},"Copyright \xa9 ",r.a.createElement(ta.a,{color:"inherit",href:"https://www.beemetrix.com"},"BeeMetrix")," ",(new Date).getFullYear(),"."),ra=t(195),la=t.n(ra),oa=t(443),ia=t.n(oa),ca=t(255),sa=t.n(ca),ma=t(447),da=t.n(ma),ua=t(442),pa=t.n(ua),ga=t(450),Ea=t.n(ga),ha=t(448),ya=t.n(ha),ba=t(449),va=t.n(ba),Ca=t(444),fa=t.n(Ca),Aa=t(445),Sa=t.n(Aa),wa=t(315),xa=t.n(wa),Ta=t(446),Oa=t.n(Ta),Na=t(254),ka=t.n(Na);const Da=Object(de.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 _a=e=>{const{children:a,url:t,history:l}=e,o=Da(),{drawerState:i,drawerDispatch:c}=_(),{notificationsDispatch:s}=_(),[m,u]=Object(n.useState)(!1),[p,g]=Object(n.useState)({open:!1,message:"",severity:"info"}),E=(e,a,t)=>{g({open:e,message:a,severity:t})},h=async()=>{await c({type:d.CLOSE_DRAWER})},y=te(async()=>{const e=await(async()=>{try{return(await L.a.get(""+H)).data}catch(e){ne(e)}})();await s({type:d.SET_NOTIFICATIONS,value:e})},u,E);Object(n.useEffect)(()=>{y()},[]);const b=P(),v=[{title:"Dashboard",href:"/dashboard",icon:r.a.createElement(pa.a,null)},{title:"Process",href:"/steps",icon:r.a.createElement(ia.a,null)},{title:"Things",href:"/things",icon:r.a.createElement(fa.a,null)},{title:"Plans",href:"/plan",icon:r.a.createElement(Sa.a,null)},{title:"Topics",href:"/topics",icon:r.a.createElement(ka.a,null)},{title:"Connectors",href:"/connectors",icon:r.a.createElement(la.a,null)},{title:"APIs",href:"/apis",icon:r.a.createElement(Oa.a,null)},{title:"Flows",href:"/flows",icon:r.a.createElement(sa.a,null)},{title:"Datasource Manager",href:"/dbmanager",icon:r.a.createElement(da.a,null)},{title:"Downloads",href:"/downloads",icon:r.a.createElement(xa.a,null)},{title:"Account",href:"/account",icon:r.a.createElement(ya.a,null)},{title:"Settings",href:"/settings",icon:r.a.createElement(va.a,null)}];return null!=b&&b.admin&&v.push({title:"Users",href:"/users",icon:r.a.createElement(Ea.a,null)}),r.a.createElement("div",{className:o.root},r.a.createElement(ue.a,null),r.a.createElement(B,{open:p.open,message:p.message,onClose:()=>{g(e=>({...e,open:!1}))},severity:p.severity}),r.a.createElement(aa,{open:i,handleDrawerOpen:async()=>{await c({type:d.OPEN_DRAWER})},handleDrawerClose:h,url:t,fetchData:y,loading:m,setLoading:u,handleAlert:E}),r.a.createElement(Oe,{open:i,handleDrawerClose:h,pages:v,history:l,url:t}),r.a.createElement("main",{className:Object(he.b)(o.content,{[o.contentShift]:i})},r.a.createElement("div",{className:o.drawerHeader}),a,r.a.createElement(pe.a,{pt:4},r.a.createElement(na,null))))};const ja=Object(de.a)(()=>({root:{boxShadow:"none"}}));var Ia=e=>{const{className:a,...t}=e,n=ja();return r.a.createElement(De.a,Object.assign({},t,{className:Object(he.b)(n.root,a),color:"primary",position:"fixed"}),r.a.createElement(_e.a,null,r.a.createElement(We.a,{to:"/"})))};const Ba=Object(de.a)(()=>({root:{paddingTop:64,height:"100%"},content:{height:"100%"}}));var Ra=e=>{const{children:a}=e,t=Ba();return r.a.createElement("div",{className:t.root},r.a.createElement(Ia,null),r.a.createElement("main",{className:t.content},a))};var La=e=>{let{routes:a}=e;const t=P(),n=Boolean(t),l=Boolean(null===t||void 0===t?void 0:t.admin);return r.a.createElement(i.d,null,a.map((e,a)=>{const t="MainLayout"===e.layout?_a:Ra;return r.a.createElement(i.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(i.a,{to:"/signin"}):n&&!l&&"/users"===e.path?r.a.createElement(i.a,{to:"/not-found"}):r.a.createElement(t,null,r.a.createElement(e.component,a)):r.a.createElement(i.a,{to:"/dashboard"})})}),r.a.createElement(i.b,{render:()=>r.a.createElement(i.a,{to:"/not-found"})}))},Pa=t(113),Fa=t(256),Ua=t(318),Ma=t.n(Ua);const Wa=Object(de.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 qa=e=>{const{className:a,onChange:t,style:n,...l}=e,o=Wa();return r.a.createElement(Pa.a,Object.assign({},l,{className:Object(he.b)(o.root,a),style:n}),r.a.createElement(Ma.a,{className:o.icon}),r.a.createElement(Fa.a,Object.assign({},l,{className:o.input,disableUnderline:!0,onChange:t})))};const za=Object(de.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}})),Ga=e=>{const{className:a,size:t,color:n,...l}=e,o=za();return r.a.createElement("span",Object.assign({},l,{className:Object(he.b)({[o.root]:!0,[o[t]]:t,[o[n]]:n},a)}))};Ga.defaultProps={size:"md",color:"default"};var Va=Ga;var Ka=t(762);const Ha=Object(de.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 Ya=e=>{let{title:a,handleSearch:t,openForm:n}=e;const l=Ha();return r.a.createElement("div",{className:l.root},r.a.createElement(Ka.a,{spacing:2,container:!0,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(qa,{size:"small",className:l.searchInput,placeholder:"Search "+a,onChange:t})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6,style:{display:"flex",justifyContent:"flex-end"}},r.a.createElement(ve.a,{className:l.addButton,color:"primary",variant:"contained",onClick:()=>{n("ADD")}},"Add "+a))))};var Za=e=>{let{open:a,onClose:t,title:n,contentText:l,onConfirm:o,confirmText:i,children:c}=e;return r.a.createElement(Se.a,{open:a,onClose:t,"aria-labelledby":"generic-dialog-title"},r.a.createElement(Ce.a,{id:"generic-dialog-title"},n),r.a.createElement(Ee.a,null),r.a.createElement(fe.a,null,l&&r.a.createElement(Ye.a,null,l),c),r.a.createElement(Ae.a,null,o&&r.a.createElement(r.a.Fragment,null,r.a.createElement(ve.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(ve.a,{onClick:o,color:"primary"},i||"Confirm"))))},Ja=t(798),Qa=t(781),Xa=t(763),$a=t(764),et=t(389),at=t(765),tt=t(24),nt=t(19);function rt(e){return r.a.createElement(j.a,Object.assign({elevation:6,variant:"filled"},e))}const lt=Object(de.a)(()=>({root:{}}));var ot=e=>{const{className:a,url:t,...n}=e,l=lt(),o=P(),[i,c]=r.a.useState(!1),s=(e,a)=>{"clickaway"!==a&&c(!1)};return r.a.createElement(Xa.a,Object.assign({sx:{height:"100%"}},n,{className:Object(he.b)(l.root,a)}),r.a.createElement(I.a,{open:i,autoHideDuration:6e3,onClose:s},r.a.createElement(rt,{onClose:s,severity:"success"},"Info updated successfully")),r.a.createElement(tt.d,{initialValues:{name:o.name||"",username:o.username||"",email:o.email||"",phone:ee(o.created)||""},validationSchema:nt.b({name:nt.c().required("Name is required"),username:nt.c().required("Username is required"),email:nt.c().email("Invalid email address").required("Email is required")}),onSubmit:(e,a)=>{let{setSubmitting:n}=a;L.a.put(`${t}/api/users/${o.id}`,e,{headers:{"Content-Type":"application/json",Authorization:"Bearer "+F()}}).then(()=>{const a={...o,...e};U(F(),a,(()=>{const e=localStorage.getItem("role");return e?JSON.parse(e):null})()),c(!0)}).catch(e=>{401===e.response.status&&alert("Unauthorized")}).finally(()=>n(!1))}},e=>{let{errors:a,touched:t,isSubmitting:n}=e;return r.a.createElement(tt.c,{autoComplete:"off",noValidate:!0},r.a.createElement($a.a,null,r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,md:6,xs:12},r.a.createElement(tt.b,{name:"name",as:et.a,label:"Name",fullWidth:!0,variant:"outlined",error:t.name&&Boolean(a.name),helperText:t.name&&a.name})),r.a.createElement(Ka.a,{item:!0,md:6,xs:12},r.a.createElement(tt.b,{name:"username",as:et.a,label:"Username",fullWidth:!0,variant:"outlined",error:t.username&&Boolean(a.username),helperText:t.username&&a.username})),r.a.createElement(Ka.a,{item:!0,md:6,xs:12},r.a.createElement(tt.b,{name:"email",as:et.a,label:"Email Address",fullWidth:!0,variant:"outlined",error:t.email&&Boolean(a.email),helperText:t.email&&a.email})),r.a.createElement(Ka.a,{item:!0,md:6,xs:12},r.a.createElement(tt.b,{name:"phone",as:et.a,label:"Creation Date",fullWidth:!0,variant:"outlined",InputProps:{readOnly:!0}})))),r.a.createElement(Ee.a,null),r.a.createElement(at.a,{style:{float:"right"}},r.a.createElement(ve.a,{color:"primary",variant:"contained",type:"submit",disabled:n},"Update")))}))},it=(t(227),t(270)),ct=t(391),st=t(802),mt=t(264),dt=t.n(mt);const ut=Object(de.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)}}));function pt(e){return r.a.createElement(j.a,Object.assign({elevation:6,variant:"filled"},e))}var gt=e=>{const{className:a,url:t,...n}=e,l=ut(),[o,i]=r.a.useState([]),[c,s]=r.a.useState(0),m=P();console.log(m);const[d,u]=r.a.useState(!1),[p,g]=r.a.useState(!1),[E,h]=r.a.useState(m.location),y=()=>u(!1),b=()=>u(!0),v=(e,a)=>{"clickaway"!==a&&g(!1)};return r.a.createElement(Xa.a,Object.assign({},n,{className:Object(he.b)(l.root,a)}),r.a.createElement(I.a,{open:p,autoHideDuration:6e3,onClose:v},r.a.createElement(pt,{onClose:v,severity:"success"},"Info updated successfully")),r.a.createElement($a.a,null,r.a.createElement(Ka.a,{container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(Ka.a,{onClick:b,item:!0,style:{position:"relative",display:"inline-block"}},r.a.createElement(Ie.a,{className:l.avatar,src:t+"/"+E}),r.a.createElement(je.a,{style:{position:"absolute",bottom:0,right:0,backgroundColor:"white",border:"2px solid white"},onClick:b},r.a.createElement(dt.a,null)))),r.a.createElement(Ka.a,{style:{marginTop:10},container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(Ka.a,{item:!0},r.a.createElement(Be.a,{gutterBottom:!0,variant:"body1",align:"center"},m.name),r.a.createElement(Be.a,{className:l.locationText,color:"textSecondary",variant:"body1",align:"center"},m.email))),r.a.createElement("div",{className:l.progress},r.a.createElement(ct.a,{value:100,variant:"determinate"}))),r.a.createElement(Ee.a,null),r.a.createElement(Se.a,{open:d,onClose:y,classes:{paper:l.dialog}},r.a.createElement(Ce.a,null,"Upload Image"),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(it.a,{onChange:e=>i(e),dropzoneClass:l.dropzoneClass,acceptedFiles:["image/*"],showPreviews:!0,showPreviewsInDropzone:!0,maxFileSize:5e6}),r.a.createElement("div",{className:l.progress},r.a.createElement(st.a,{max:"100",color:"success",value:c},Math.round(c,2),"%"))),r.a.createElement(Ae.a,{className:l.dialogActions},r.a.createElement(ve.a,{onClick:y,color:"default",variant:"outlined",className:l.button},"Cancel"),r.a.createElement(ve.a,{onClick:()=>{const e=new FormData;for(var a=0;a<o.length;a++)e.append("file",o[a]);L.a.post(t+"/updatePhoto/"+o[0].name,e,{headers:{"Content-Type":"application/json",Authorization:"Bearer "+F()},onUploadProgress(e){s(e.loaded/e.total*100)}}).then(e=>{console.log(e);const a=e.data.location;h(a),m.location=a,U(F(),m,{}),y(),g(!0)})},color:"primary",variant:"contained",className:l.button},"Upload"))))},Et=t(392),ht=t(769),yt=t(770),bt=t(771),vt=t(767);Object(Et.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 Ct=t(768),ft=t(329),At=t(319),St=t(393),wt=t(320);const xt=Object(de.a)(()=>({root:{}}));var Tt=e=>{const{className:a,history:t,path:n,...l}=e,o=xt(),[i,c]=r.a.useState(!1);function s(e){return r.a.createElement(j.a,Object.assign({elevation:6,variant:"filled"},e))}const m=(e,a)=>{"clickaway"!==a&&c(!1)},d=Object(tt.e)({initialValues:{address_city:"",address_country:"FR",address_line1:"",address_line1_check:"",address_line2:"",address_state:"",address_zip:"",address_zip_check:"",brand:"",country:"",firstname:"",lastname:"",phone:""},validationSchema:nt.b({firstname:nt.c().required("Required"),lastname:nt.c().required("Required"),address_line1:nt.c().required("Required"),address_zip:nt.c().required("Required"),address_city:nt.c().required("Required"),phone:nt.c().required("Required")}),onSubmit:e=>{L.a.post(n+"/FacturationAddress",e,{headers:{"Content-Type":"application/json",Authorization:"Bearer "+F()}}).then(e=>{console.log(e),c(!0)}).catch(e=>{console.log(e)})}});return r.a.createElement(r.a.Fragment,null,r.a.createElement(Xa.a,Object.assign({sx:{height:"100%"}},l,{className:Object(he.b)(o.root,a)}),r.a.createElement(Ct.a,{subheader:"The information can be edited",title:"Billing Address"}),r.a.createElement($a.a,null,r.a.createElement(I.a,{open:i,autoHideDuration:6e3,onClose:m},r.a.createElement(s,{onClose:m,severity:"success"},"Address updated successfully")),r.a.createElement("form",{onSubmit:d.handleSubmit},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"First Name",name:"firstname",variant:"outlined",required:!0,fullWidth:!0,value:d.values.firstname,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.firstname&&Boolean(d.errors.firstname),helperText:d.touched.firstname&&d.errors.firstname})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"Last Name",name:"lastname",variant:"outlined",required:!0,fullWidth:!0,value:d.values.lastname,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.lastname&&Boolean(d.errors.lastname),helperText:d.touched.lastname&&d.errors.lastname})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"Street Address 1",name:"address_line1",variant:"outlined",required:!0,fullWidth:!0,value:d.values.address_line1,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.address_line1&&Boolean(d.errors.address_line1),helperText:d.touched.address_line1&&d.errors.address_line1})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"Street Address 2 (optional)",name:"address_line2",variant:"outlined",fullWidth:!0,value:d.values.address_line2,onChange:d.handleChange})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"Postal Code",name:"address_zip",variant:"outlined",required:!0,fullWidth:!0,value:d.values.address_zip,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.address_zip&&Boolean(d.errors.address_zip),helperText:d.touched.address_zip&&d.errors.address_zip})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"City",name:"address_city",variant:"outlined",required:!0,fullWidth:!0,value:d.values.address_city,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.address_city&&Boolean(d.errors.address_city),helperText:d.touched.address_city&&d.errors.address_city})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(et.a,{label:"Phone ",name:"phone",variant:"outlined",required:!0,fullWidth:!0,value:d.values.phone,onChange:d.handleChange,onBlur:d.handleBlur,error:d.touched.phone&&Boolean(d.errors.phone),helperText:d.touched.phone&&d.errors.phone})),r.a.createElement(Ka.a,{xs:12,md:6,lg:3,item:!0},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0},r.a.createElement(wt.a,{id:"demo-simple-select-autowidth-label"},"Country"),r.a.createElement(ft.a,{labelId:"demo-simple-select-helper-label",id:"demo-simple-select-helper",value:d.values.address_country,onChange:d.handleChange,label:"Country",name:"address_country"},r.a.createElement(St.a,{value:"FR"},"France"))))),r.a.createElement(at.a,null,r.a.createElement(ve.a,{color:"primary",variant:"contained",type:"submit"},"Save details"))))))};var Ot=t(5),Nt=t(725);Object(Ot.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}}))(Nt.a);Object(Et.a)(e=>({root:{padding:e.spacing(4)}})),Object(Et.a)(e=>({button:{marginRight:e.spacing(1)},mainBox:{},stepper:{height:"calc(10vh - 40px)",minHeight:"55px"},form:{display:"flex",flexDirection:"column",justifyContent:"space-around"},buttonWrapper:{justifyContent:"flex-end"}}));var kt=t(464),Dt=t.n(kt),_t=t(465),jt=t.n(_t);const It=M+"/payments";L.a.defaults.headers.common.Authorization=J();var Bt=t(776),Rt=t(777),Lt=t(772),Pt=t(773);const Ft=Object(Et.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 Ut=e=>{const a=Ft(),{active:t,completed:n}=e,l={1:r.a.createElement(Lt.a,null),2:r.a.createElement(Pt.a,null),3:r.a.createElement(vt.a,null),4:r.a.createElement(vt.a,null)};return r.a.createElement("div",{className:Object(he.b)(a.root,{[a.active]:t,[a.completed]:n})},l[String(e.icon)])},Mt=t(800);const Wt=[{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 qt=()=>{const{formValuesState:e,formValuesDispatch:a}=_();return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Be.a,{variant:"h6"},"Contact information")),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"First Name",name:"firstname",variant:"outlined",required:!0,fullWidth:!0,value:e.firstname,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"firstname",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Last Name",name:"lastname",variant:"outlined",required:!0,fullWidth:!0,value:e.lastname,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"lastname",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Email Address",name:"email",variant:"outlined",required:!0,fullWidth:!0,value:e.email,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"email",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Street Address 1",name:"address1",variant:"outlined",required:!0,fullWidth:!0,value:e.line1,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"line1",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Street Address 2 (optional)",name:"line2",variant:"outlined",fullWidth:!0,value:e.line2,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"line2",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Postal Code",name:"postal_code",variant:"outlined",required:!0,fullWidth:!0,value:e.postal_code,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"postal_code",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"City",name:"city",variant:"outlined",required:!0,fullWidth:!0,value:e.city,onChange:e=>a({type:d.EDIT_FORM_VALUE,key:"city",value:e.target.value})})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(Mt.a,{options:Wt,getOptionLabel:e=>e.name,renderInput:e=>r.a.createElement(et.a,Object.assign({label:"Country",name:"country",variant:"outlined",required:!0,fullWidth:!0},e)),value:e.country,onChange:(e,t)=>{a({type:d.EDIT_FORM_VALUE,key:"country",value:t})}})))},zt=t(106);var Gt=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 Vt=()=>{const{formValuesState:e,formValuesDispatch:a}=_();return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{container:!0,item:!0,xs:12},r.a.createElement(Ka.a,{item:!0,xs:12,sm:3},r.a.createElement(Be.a,{variant:"h6"},"Payment Data")),r.a.createElement(Ka.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(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(Mt.a,{options:Kt,getOptionLabel:e=>e.code,renderOption:e=>r.a.createElement(r.a.Fragment,null,e.name," (",e.code,")"),renderInput:e=>r.a.createElement(et.a,Object.assign({label:"Currency",name:"currency",variant:"outlined",fullWidth:!0},e)),value:e.currency,onChange:(e,t)=>{a({type:d.EDIT_FORM_VALUE,key:"currency",value:t})}})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Credit Card Number",name:"ccnumber",variant:"outlined",required:!0,fullWidth:!0,InputProps:{inputComponent:Gt,inputProps:{component:zt.CardNumberElement}},InputLabelProps:{shrink:!0}})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Expiration Date",name:"ccexp",variant:"outlined",required:!0,fullWidth:!0,InputProps:{inputProps:{component:zt.CardExpiryElement},inputComponent:Gt},InputLabelProps:{shrink:!0}})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"CVC",name:"cvc",variant:"outlined",required:!0,fullWidth:!0,InputProps:{inputProps:{component:zt.CardCvcElement},inputComponent:Gt},InputLabelProps:{shrink:!0}})))};const Kt=[{symbol:"AED",name:"United Arab Emirates Dirham",symbol_native:"\u062f.\u0625.\u200f",decimal_digits:2,rounding:0,code:"AED",name_plural:"UAE dirhams"},{symbol:"Af",name:"Afghan Afghani",symbol_native:"\u060b",decimal_digits:0,rounding:0,code:"AFN",name_plural:"Afghan Afghanis"},{symbol:"ALL",name:"Albanian Lek",symbol_native:"Lek",decimal_digits:0,rounding:0,code:"ALL",name_plural:"Albanian lek\xeb"},{symbol:"AMD",name:"Armenian Dram",symbol_native:"\u0564\u0580.",decimal_digits:0,rounding:0,code:"AMD",name_plural:"Armenian drams"},{symbol:"AR$",name:"Argentine Peso",symbol_native:"$",decimal_digits:2,rounding:0,code:"ARS",name_plural:"Argentine pesos"},{symbol:"AU$",name:"Australian Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"AUD",name_plural:"Australian dollars"},{symbol:"man.",name:"Azerbaijani Manat",symbol_native:"\u043c\u0430\u043d.",decimal_digits:2,rounding:0,code:"AZN",name_plural:"Azerbaijani manats"},{symbol:"KM",name:"Bosnia-Herzegovina Convertible Mark",symbol_native:"KM",decimal_digits:2,rounding:0,code:"BAM",name_plural:"Bosnia-Herzegovina convertible marks"},{symbol:"Tk",name:"Bangladeshi Taka",symbol_native:"\u09f3",decimal_digits:2,rounding:0,code:"BDT",name_plural:"Bangladeshi takas"},{symbol:"BGN",name:"Bulgarian Lev",symbol_native:"\u043b\u0432.",decimal_digits:2,rounding:0,code:"BGN",name_plural:"Bulgarian leva"},{symbol:"BD",name:"Bahraini Dinar",symbol_native:"\u062f.\u0628.\u200f",decimal_digits:3,rounding:0,code:"BHD",name_plural:"Bahraini dinars"},{symbol:"FBu",name:"Burundian Franc",symbol_native:"FBu",decimal_digits:0,rounding:0,code:"BIF",name_plural:"Burundian francs"},{symbol:"BN$",name:"Brunei Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"BND",name_plural:"Brunei dollars"},{symbol:"Bs",name:"Bolivian Boliviano",symbol_native:"Bs",decimal_digits:2,rounding:0,code:"BOB",name_plural:"Bolivian bolivianos"},{symbol:"R$",name:"Brazilian Real",symbol_native:"R$",decimal_digits:2,rounding:0,code:"BRL",name_plural:"Brazilian reals"},{symbol:"BWP",name:"Botswanan Pula",symbol_native:"P",decimal_digits:2,rounding:0,code:"BWP",name_plural:"Botswanan pulas"},{symbol:"BYR",name:"Belarusian Ruble",symbol_native:"BYR",decimal_digits:0,rounding:0,code:"BYR",name_plural:"Belarusian rubles"},{symbol:"BZ$",name:"Belize Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"BZD",name_plural:"Belize dollars"},{symbol:"CA$",name:"Canadian Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"CAD",name_plural:"Canadian dollars"},{symbol:"CDF",name:"Congolese Franc",symbol_native:"FrCD",decimal_digits:2,rounding:0,code:"CDF",name_plural:"Congolese francs"},{symbol:"CHF",name:"Swiss Franc",symbol_native:"CHF",decimal_digits:2,rounding:.05,code:"CHF",name_plural:"Swiss francs"},{symbol:"CL$",name:"Chilean Peso",symbol_native:"$",decimal_digits:0,rounding:0,code:"CLP",name_plural:"Chilean pesos"},{symbol:"CN\xa5",name:"Chinese Yuan",symbol_native:"CN\xa5",decimal_digits:2,rounding:0,code:"CNY",name_plural:"Chinese yuan"},{symbol:"CO$",name:"Colombian Peso",symbol_native:"$",decimal_digits:0,rounding:0,code:"COP",name_plural:"Colombian pesos"},{symbol:"\u20a1",name:"Costa Rican Col\xf3n",symbol_native:"\u20a1",decimal_digits:0,rounding:0,code:"CRC",name_plural:"Costa Rican col\xf3ns"},{symbol:"CV$",name:"Cape Verdean Escudo",symbol_native:"CV$",decimal_digits:2,rounding:0,code:"CVE",name_plural:"Cape Verdean escudos"},{symbol:"K\u010d",name:"Czech Republic Koruna",symbol_native:"K\u010d",decimal_digits:2,rounding:0,code:"CZK",name_plural:"Czech Republic korunas"},{symbol:"Fdj",name:"Djiboutian Franc",symbol_native:"Fdj",decimal_digits:0,rounding:0,code:"DJF",name_plural:"Djiboutian francs"},{symbol:"Dkr",name:"Danish Krone",symbol_native:"kr",decimal_digits:2,rounding:0,code:"DKK",name_plural:"Danish kroner"},{symbol:"RD$",name:"Dominican Peso",symbol_native:"RD$",decimal_digits:2,rounding:0,code:"DOP",name_plural:"Dominican pesos"},{symbol:"DA",name:"Algerian Dinar",symbol_native:"\u062f.\u062c.\u200f",decimal_digits:2,rounding:0,code:"DZD",name_plural:"Algerian dinars"},{symbol:"Ekr",name:"Estonian Kroon",symbol_native:"kr",decimal_digits:2,rounding:0,code:"EEK",name_plural:"Estonian kroons"},{symbol:"EGP",name:"Egyptian Pound",symbol_native:"\u062c.\u0645.\u200f",decimal_digits:2,rounding:0,code:"EGP",name_plural:"Egyptian pounds"},{symbol:"Nfk",name:"Eritrean Nakfa",symbol_native:"Nfk",decimal_digits:2,rounding:0,code:"ERN",name_plural:"Eritrean nakfas"},{symbol:"Br",name:"Ethiopian Birr",symbol_native:"Br",decimal_digits:2,rounding:0,code:"ETB",name_plural:"Ethiopian birrs"},{symbol:"\u20ac",name:"Euro",symbol_native:"\u20ac",decimal_digits:2,rounding:0,code:"EUR",name_plural:"euros"},{symbol:"\xa3",name:"British Pound Sterling",symbol_native:"\xa3",decimal_digits:2,rounding:0,code:"GBP",name_plural:"British pounds sterling"},{symbol:"GEL",name:"Georgian Lari",symbol_native:"GEL",decimal_digits:2,rounding:0,code:"GEL",name_plural:"Georgian laris"},{symbol:"GH\u20b5",name:"Ghanaian Cedi",symbol_native:"GH\u20b5",decimal_digits:2,rounding:0,code:"GHS",name_plural:"Ghanaian cedis"},{symbol:"FG",name:"Guinean Franc",symbol_native:"FG",decimal_digits:0,rounding:0,code:"GNF",name_plural:"Guinean francs"},{symbol:"GTQ",name:"Guatemalan Quetzal",symbol_native:"Q",decimal_digits:2,rounding:0,code:"GTQ",name_plural:"Guatemalan quetzals"},{symbol:"HK$",name:"Hong Kong Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"HKD",name_plural:"Hong Kong dollars"},{symbol:"HNL",name:"Honduran Lempira",symbol_native:"L",decimal_digits:2,rounding:0,code:"HNL",name_plural:"Honduran lempiras"},{symbol:"kn",name:"Croatian Kuna",symbol_native:"kn",decimal_digits:2,rounding:0,code:"HRK",name_plural:"Croatian kunas"},{symbol:"Ft",name:"Hungarian Forint",symbol_native:"Ft",decimal_digits:0,rounding:0,code:"HUF",name_plural:"Hungarian forints"},{symbol:"Rp",name:"Indonesian Rupiah",symbol_native:"Rp",decimal_digits:0,rounding:0,code:"IDR",name_plural:"Indonesian rupiahs"},{symbol:"\u20aa",name:"Israeli New Sheqel",symbol_native:"\u20aa",decimal_digits:2,rounding:0,code:"ILS",name_plural:"Israeli new sheqels"},{symbol:"Rs",name:"Indian Rupee",symbol_native:"\u099f\u0995\u09be",decimal_digits:2,rounding:0,code:"INR",name_plural:"Indian rupees"},{symbol:"IQD",name:"Iraqi Dinar",symbol_native:"\u062f.\u0639.\u200f",decimal_digits:0,rounding:0,code:"IQD",name_plural:"Iraqi dinars"},{symbol:"IRR",name:"Iranian Rial",symbol_native:"\ufdfc",decimal_digits:0,rounding:0,code:"IRR",name_plural:"Iranian rials"},{symbol:"Ikr",name:"Icelandic Kr\xf3na",symbol_native:"kr",decimal_digits:0,rounding:0,code:"ISK",name_plural:"Icelandic kr\xf3nur"},{symbol:"J$",name:"Jamaican Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"JMD",name_plural:"Jamaican dollars"},{symbol:"JD",name:"Jordanian Dinar",symbol_native:"\u062f.\u0623.\u200f",decimal_digits:3,rounding:0,code:"JOD",name_plural:"Jordanian dinars"},{symbol:"\xa5",name:"Japanese Yen",symbol_native:"\uffe5",decimal_digits:0,rounding:0,code:"JPY",name_plural:"Japanese yen"},{symbol:"Ksh",name:"Kenyan Shilling",symbol_native:"Ksh",decimal_digits:2,rounding:0,code:"KES",name_plural:"Kenyan shillings"},{symbol:"KHR",name:"Cambodian Riel",symbol_native:"\u17db",decimal_digits:2,rounding:0,code:"KHR",name_plural:"Cambodian riels"},{symbol:"CF",name:"Comorian Franc",symbol_native:"FC",decimal_digits:0,rounding:0,code:"KMF",name_plural:"Comorian francs"},{symbol:"\u20a9",name:"South Korean Won",symbol_native:"\u20a9",decimal_digits:0,rounding:0,code:"KRW",name_plural:"South Korean won"},{symbol:"KD",name:"Kuwaiti Dinar",symbol_native:"\u062f.\u0643.\u200f",decimal_digits:3,rounding:0,code:"KWD",name_plural:"Kuwaiti dinars"},{symbol:"KZT",name:"Kazakhstani Tenge",symbol_native:"\u0442\u04a3\u0433.",decimal_digits:2,rounding:0,code:"KZT",name_plural:"Kazakhstani tenges"},{symbol:"LB\xa3",name:"Lebanese Pound",symbol_native:"\u0644.\u0644.\u200f",decimal_digits:0,rounding:0,code:"LBP",name_plural:"Lebanese pounds"},{symbol:"SLRs",name:"Sri Lankan Rupee",symbol_native:"SL Re",decimal_digits:2,rounding:0,code:"LKR",name_plural:"Sri Lankan rupees"},{symbol:"Lt",name:"Lithuanian Litas",symbol_native:"Lt",decimal_digits:2,rounding:0,code:"LTL",name_plural:"Lithuanian litai"},{symbol:"Ls",name:"Latvian Lats",symbol_native:"Ls",decimal_digits:2,rounding:0,code:"LVL",name_plural:"Latvian lati"},{symbol:"LD",name:"Libyan Dinar",symbol_native:"\u062f.\u0644.\u200f",decimal_digits:3,rounding:0,code:"LYD",name_plural:"Libyan dinars"},{symbol:"MAD",name:"Moroccan Dirham",symbol_native:"\u062f.\u0645.\u200f",decimal_digits:2,rounding:0,code:"MAD",name_plural:"Moroccan dirhams"},{symbol:"MDL",name:"Moldovan Leu",symbol_native:"MDL",decimal_digits:2,rounding:0,code:"MDL",name_plural:"Moldovan lei"},{symbol:"MGA",name:"Malagasy Ariary",symbol_native:"MGA",decimal_digits:0,rounding:0,code:"MGA",name_plural:"Malagasy Ariaries"},{symbol:"MKD",name:"Macedonian Denar",symbol_native:"MKD",decimal_digits:2,rounding:0,code:"MKD",name_plural:"Macedonian denari"},{symbol:"MMK",name:"Myanma Kyat",symbol_native:"K",decimal_digits:0,rounding:0,code:"MMK",name_plural:"Myanma kyats"},{symbol:"MOP$",name:"Macanese Pataca",symbol_native:"MOP$",decimal_digits:2,rounding:0,code:"MOP",name_plural:"Macanese patacas"},{symbol:"MURs",name:"Mauritian Rupee",symbol_native:"MURs",decimal_digits:0,rounding:0,code:"MUR",name_plural:"Mauritian rupees"},{symbol:"MX$",name:"Mexican Peso",symbol_native:"$",decimal_digits:2,rounding:0,code:"MXN",name_plural:"Mexican pesos"},{symbol:"RM",name:"Malaysian Ringgit",symbol_native:"RM",decimal_digits:2,rounding:0,code:"MYR",name_plural:"Malaysian ringgits"},{symbol:"MTn",name:"Mozambican Metical",symbol_native:"MTn",decimal_digits:2,rounding:0,code:"MZN",name_plural:"Mozambican meticals"},{symbol:"N$",name:"Namibian Dollar",symbol_native:"N$",decimal_digits:2,rounding:0,code:"NAD",name_plural:"Namibian dollars"},{symbol:"\u20a6",name:"Nigerian Naira",symbol_native:"\u20a6",decimal_digits:2,rounding:0,code:"NGN",name_plural:"Nigerian nairas"},{symbol:"C$",name:"Nicaraguan C\xf3rdoba",symbol_native:"C$",decimal_digits:2,rounding:0,code:"NIO",name_plural:"Nicaraguan c\xf3rdobas"},{symbol:"Nkr",name:"Norwegian Krone",symbol_native:"kr",decimal_digits:2,rounding:0,code:"NOK",name_plural:"Norwegian kroner"},{symbol:"NPRs",name:"Nepalese Rupee",symbol_native:"\u0928\u0947\u0930\u0942",decimal_digits:2,rounding:0,code:"NPR",name_plural:"Nepalese rupees"},{symbol:"NZ$",name:"New Zealand Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"NZD",name_plural:"New Zealand dollars"},{symbol:"OMR",name:"Omani Rial",symbol_native:"\u0631.\u0639.\u200f",decimal_digits:3,rounding:0,code:"OMR",name_plural:"Omani rials"},{symbol:"B/.",name:"Panamanian Balboa",symbol_native:"B/.",decimal_digits:2,rounding:0,code:"PAB",name_plural:"Panamanian balboas"},{symbol:"S/.",name:"Peruvian Nuevo Sol",symbol_native:"S/.",decimal_digits:2,rounding:0,code:"PEN",name_plural:"Peruvian nuevos soles"},{symbol:"\u20b1",name:"Philippine Peso",symbol_native:"\u20b1",decimal_digits:2,rounding:0,code:"PHP",name_plural:"Philippine pesos"},{symbol:"PKRs",name:"Pakistani Rupee",symbol_native:"\u20a8",decimal_digits:0,rounding:0,code:"PKR",name_plural:"Pakistani rupees"},{symbol:"z\u0142",name:"Polish Zloty",symbol_native:"z\u0142",decimal_digits:2,rounding:0,code:"PLN",name_plural:"Polish zlotys"},{symbol:"\u20b2",name:"Paraguayan Guarani",symbol_native:"\u20b2",decimal_digits:0,rounding:0,code:"PYG",name_plural:"Paraguayan guaranis"},{symbol:"QR",name:"Qatari Rial",symbol_native:"\u0631.\u0642.\u200f",decimal_digits:2,rounding:0,code:"QAR",name_plural:"Qatari rials"},{symbol:"RON",name:"Romanian Leu",symbol_native:"RON",decimal_digits:2,rounding:0,code:"RON",name_plural:"Romanian lei"},{symbol:"din.",name:"Serbian Dinar",symbol_native:"\u0434\u0438\u043d.",decimal_digits:0,rounding:0,code:"RSD",name_plural:"Serbian dinars"},{symbol:"RUB",name:"Russian Ruble",symbol_native:"\u0440\u0443\u0431.",decimal_digits:2,rounding:0,code:"RUB",name_plural:"Russian rubles"},{symbol:"RWF",name:"Rwandan Franc",symbol_native:"FR",decimal_digits:0,rounding:0,code:"RWF",name_plural:"Rwandan francs"},{symbol:"SR",name:"Saudi Riyal",symbol_native:"\u0631.\u0633.\u200f",decimal_digits:2,rounding:0,code:"SAR",name_plural:"Saudi riyals"},{symbol:"SDG",name:"Sudanese Pound",symbol_native:"SDG",decimal_digits:2,rounding:0,code:"SDG",name_plural:"Sudanese pounds"},{symbol:"Skr",name:"Swedish Krona",symbol_native:"kr",decimal_digits:2,rounding:0,code:"SEK",name_plural:"Swedish kronor"},{symbol:"S$",name:"Singapore Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"SGD",name_plural:"Singapore dollars"},{symbol:"Ssh",name:"Somali Shilling",symbol_native:"Ssh",decimal_digits:0,rounding:0,code:"SOS",name_plural:"Somali shillings"},{symbol:"SY\xa3",name:"Syrian Pound",symbol_native:"\u0644.\u0633.\u200f",decimal_digits:0,rounding:0,code:"SYP",name_plural:"Syrian pounds"},{symbol:"\u0e3f",name:"Thai Baht",symbol_native:"\u0e3f",decimal_digits:2,rounding:0,code:"THB",name_plural:"Thai baht"},{symbol:"DT",name:"Tunisian Dinar",symbol_native:"\u062f.\u062a.\u200f",decimal_digits:3,rounding:0,code:"TND",name_plural:"Tunisian dinars"},{symbol:"T$",name:"Tongan Pa\u02bbanga",symbol_native:"T$",decimal_digits:2,rounding:0,code:"TOP",name_plural:"Tongan pa\u02bbanga"},{symbol:"TL",name:"Turkish Lira",symbol_native:"TL",decimal_digits:2,rounding:0,code:"TRY",name_plural:"Turkish Lira"},{symbol:"TT$",name:"Trinidad and Tobago Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"TTD",name_plural:"Trinidad and Tobago dollars"},{symbol:"NT$",name:"New Taiwan Dollar",symbol_native:"NT$",decimal_digits:2,rounding:0,code:"TWD",name_plural:"New Taiwan dollars"},{symbol:"TSh",name:"Tanzanian Shilling",symbol_native:"TSh",decimal_digits:0,rounding:0,code:"TZS",name_plural:"Tanzanian shillings"},{symbol:"\u20b4",name:"Ukrainian Hryvnia",symbol_native:"\u20b4",decimal_digits:2,rounding:0,code:"UAH",name_plural:"Ukrainian hryvnias"},{symbol:"USh",name:"Ugandan Shilling",symbol_native:"USh",decimal_digits:0,rounding:0,code:"UGX",name_plural:"Ugandan shillings"},{symbol:"$U",name:"Uruguayan Peso",symbol_native:"$",decimal_digits:2,rounding:0,code:"UYU",name_plural:"Uruguayan pesos"},{symbol:"$",name:"US Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"USD",name_plural:"US dollars"},{symbol:"UZS",name:"Uzbekistan Som",symbol_native:"UZS",decimal_digits:0,rounding:0,code:"UZS",name_plural:"Uzbekistan som"},{symbol:"Bs.F.",name:"Venezuelan Bol\xedvar",symbol_native:"Bs.F.",decimal_digits:2,rounding:0,code:"VEF",name_plural:"Venezuelan bol\xedvars"},{symbol:"\u20ab",name:"Vietnamese Dong",symbol_native:"\u20ab",decimal_digits:0,rounding:0,code:"VND",name_plural:"Vietnamese dong"},{symbol:"FCFA",name:"CFA Franc BEAC",symbol_native:"FCFA",decimal_digits:0,rounding:0,code:"XAF",name_plural:"CFA francs BEAC"},{symbol:"CFA",name:"CFA Franc BCEAO",symbol_native:"CFA",decimal_digits:0,rounding:0,code:"XOF",name_plural:"CFA francs BCEAO"},{symbol:"YR",name:"Yemeni Rial",symbol_native:"\u0631.\u064a.\u200f",decimal_digits:0,rounding:0,code:"YER",name_plural:"Yemeni rials"},{symbol:"R",name:"South African Rand",symbol_native:"R",decimal_digits:2,rounding:0,code:"ZAR",name_plural:"South African rand"},{symbol:"ZK",name:"Zambian Kwacha",symbol_native:"ZK",decimal_digits:0,rounding:0,code:"ZMK",name_plural:"Zambian kwachas"}];var Ht=Object(Ot.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}}))(Nt.a);const Yt=Object(Et.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"}})),Zt=e=>{let{step:a}=e;switch(a){case 0:return r.a.createElement(qt,null);case 1:return r.a.createElement(Vt,null);default:return r.a.createElement(r.a.Fragment,null)}};var Jt=e=>{let{handleAlert:a,customerId:t,closeStepper:l}=e;const o=Yt(),[i,c]=Object(n.useState)(0),[s,m]=Object(n.useState)(!1),[d,u]=Object(n.useState)(!0),[p,g]=Object(n.useState)(""),{formValuesState:E}=_(),h=Object(zt.useStripe)(),y=Object(zt.useElements)(),b=()=>{0===i&&l(),c(e=>e-1)},v=te(async()=>{const e=await(async e=>{try{return(await L.a.post(It+"/create-setupintent",{customerId:e},{headers:{"Content-Type":"application/json"}})).data.clientSecret}catch(r){ne(r)}})(t),{setupIntent:n,error:r}=await h.confirmCardSetup(e,{payment_method:{card:y.getElement(zt.CardCvcElement)}});r?a(!0,"Error confirming SetupIntent: "+r,"error"):n&&(await(async(e,a)=>{try{return(await L.a.post(`${It}/atach-payment-method/${e}`,{methodId:a},{headers:{"Content-Type":"application/json"}})).data}catch(r){ne(r)}})(t,n.payment_method),a(!0,"Card saved successfully.","success"),c(e=>e+1))},m,a);return r.a.createElement(r.a.Fragment,null,r.a.createElement(ht.a,{alternativeLabel:!0,className:o.stepper,connector:r.a.createElement(Ht,null),activeStep:i},[1,2].map(e=>r.a.createElement(yt.a,{key:e},r.a.createElement(bt.a,{StepIconComponent:Ut})))),r.a.createElement(pe.a,{className:o.mainBox},2===i?r.a.createElement(Ka.a,{container:!0,spacing:3,direction:"column",justifyContent:"space-around",alignItems:"center",style:{height:"400px"}},d?r.a.createElement(Bt.a,{fontSize:"large",color:"primary"}):r.a.createElement(Rt.a,{fontSize:"large",color:"error"}),r.a.createElement(Be.a,{variant:"h4"},p),r.a.createElement(ve.a,{onClick:d?()=>{c(0),l()}:b,className:o.button},d?"Reset":"Back")):r.a.createElement("form",{autoComplete:"off",className:o.form,onSubmit:e=>{e.preventDefault(),1===i?v():c(e=>e+1)}},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Zt,{step:i}),r.a.createElement(Ka.a,{container:!0,item:!0,justifyContent:"flex-end"},r.a.createElement(ve.a,{className:o.button,onClick:b},"Back"),r.a.createElement(ve.a,{variant:"contained",color:"primary",className:o.button,type:"submit",disabled:s},s?r.a.createElement(Ve,{size:24}):1===i?"Add":"Next"))))))},Qt=t(460),Xt=t(778),$t=t(461),en=t.n($t),an=t(462),tn=t.n(an),nn=t(463),rn=t.n(nn);const ln={visa:en.a,mastercard:tn.a,amex:rn.a};function on(e){let{onAdd:a,user:t,priceId:l}=e;const[o,c]=Object(n.useState)(null),[s,m]=Object(n.useState)(null),[d,u]=Object(n.useState)(!1),[p,g]=Object(n.useState)(null),E=Object(i.g)();Object(n.useEffect)(()=>{(async()=>{try{u(!0);const e=await(async e=>{try{return(await L.a.get(`${It}/methods/${e}`)).data}catch(a){ne(a)}})(t.CusId);c(e.methods),g(e.default)}catch(e){console.log(e)}finally{u(!1)}})()},[t.CusId]);const h=e=>{const a=new Date;return a.setMonth(e-1),a.toLocaleString("en-US",{month:"short"})};return r.a.createElement(Ka.a,{container:!0,direction:"column",spacing:1},r.a.createElement(Ka.a,{item:!0},r.a.createElement(be.a,{button:!0,onClick:a},r.a.createElement(Ke.a,null,r.a.createElement(Ie.a,null,r.a.createElement(Xt.a,null))),r.a.createElement(He.a,{primary:"Add payment method"}))),r.a.createElement(Ka.a,{item:!0,container:!0,justifyContent:"center",alignItems:"center"},d&&r.a.createElement(Ge.a,{size:24})),null===o||void 0===o?void 0:o.map(e=>{var a,t;return r.a.createElement(Ka.a,{item:!0,key:e.id},r.a.createElement(be.a,{className:"flex items-center w-full h-10 py-1 px-2 shadow-lg m-2 justify-between rounded",button:!0,onClick:()=>m(e.id),disabled:e.id===s},r.a.createElement(Ke.a,null,r.a.createElement(Ie.a,{alt:null===(a=e.card)||void 0===a?void 0:a.brand,src:ln[null===(t=e.card)||void 0===t?void 0:t.brand]})),r.a.createElement(He.a,{primary:"......"+e.card.last4,secondary:`Expires ${h(e.card.exp_month)} ${e.card.exp_year}`}),r.a.createElement("div",{className:"rounded bg-main text-white text-xs h-fit w-10"},p===e.id?"default":"")))}),l&&r.a.createElement(ve.a,{onClick:async()=>{try{u(!0),await(async(e,a,t)=>{try{await L.a.post(`${It}/confirm-payment/${e}`,{paymentMethod:a,priceId:t})}catch(n){ne(n)}})(t.CusId,s,l),await E.push("/plan")}catch(e){console.log(e)}finally{u(!1)}},disabled:!s,variant:"contained",color:"primary",style:{alignSelf:"flex-end",margin:"10px"}},"Perform Payment"))}const cn=Object(Et.a)(e=>({}));var sn=()=>{const e=cn(),[a,t]=Object(n.useState)(null),[l,o]=Object(n.useState)(!1),[i,c]=Object(n.useState)(null),[s,m]=Object(n.useState)(!1),[d,u]=Object(n.useState)({planName:"",priceId:""}),[p,g]=Object(n.useState)({open:!1,message:"",severity:"info"}),E=Object(n.useCallback)((e,a,t)=>{g({open:e,message:a,severity:t})},[]),h=Object(n.useCallback)(()=>g(e=>({...e,open:!1})),[]);Object(n.useEffect)(()=>{te(async()=>{const e=await(async()=>{try{const e=await L.a.get(It+"/publishable-key"),{pk:a}=e.data;return a}catch(e){ne(e)}})(),a=Object(Qt.a)(e);t(a)},m,E)(),(async()=>{const e=Q();e&&e.CusId&&(c(e),u({planName:$("planName"),priceId:$("priceId")}))})()},[null===i||void 0===i?void 0:i.CusId,d.planName,d.priceId]);return r.a.createElement(pe.a,{component:"main",className:e.boxWrapper},r.a.createElement(B,{open:p.open,message:p.message,onClose:h,severity:p.severity}),s&&r.a.createElement(Ve,null),r.a.createElement(Pa.a,{elevation:5},a&&r.a.createElement(zt.Elements,{stripe:a},l?r.a.createElement(Jt,{handleAlert:E,customerId:null===i||void 0===i?void 0:i.CusId,closeStepper:()=>{o(!1)}}):r.a.createElement(on,{user:i,onAdd:()=>{o(!0)},priceId:d.priceId}))))},mn=t(394),dn=t(395),un=t(779),pn=t(396),gn=t(397),En=t(398);const hn=e=>{let{invoice:a}=e;return r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,(t=a.amount_paid,n=a.currency,`${(t/100).toFixed(2)} ${n.toUpperCase()}`)),r.a.createElement(dn.a,null,a.currency.toUpperCase()),r.a.createElement(dn.a,null,a.status.charAt(0).toUpperCase()+a.status.slice(1)),r.a.createElement(dn.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(dn.a,null,a.number),r.a.createElement(dn.a,null,(e=>{const a=new Date(1e3*e);return`${a.toLocaleDateString()} ${a.toLocaleTimeString()}`})(a.created)),r.a.createElement(dn.a,null,r.a.createElement(ta.a,{href:a.invoice_pdf,target:"_blank",rel:"noopener"},"Download PDF")));var t,n};var yn=e=>{let{invoices:a}=e;return r.a.createElement(Pa.a,{style:{padding:"16px",marginBottom:"16px"}},r.a.createElement(un.a,null,r.a.createElement(pn.a,null,r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Amount Paid"),r.a.createElement(dn.a,null,"Currency"),r.a.createElement(dn.a,null,"Status"),r.a.createElement(dn.a,null,"Frequency"),r.a.createElement(dn.a,null,"Invoice Number"),r.a.createElement(dn.a,null,"Created"),r.a.createElement(dn.a,null,"Actions"))),r.a.createElement(En.a,null,a.map(e=>r.a.createElement(hn,{key:e.id,invoice:e}))))))};const bn=Object(de.a)(e=>({root:{padding:e.spacing(4)},container:{borderRadius:e.shape.borderRadius},item:{padding:e.spacing(2),display:"flex",flexDirection:"column"}}));function vn(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(pe.a,{sx:{p:3}},r.a.createElement(Be.a,null,a)))}function Cn(e){return{id:"vertical-tab-"+e,"aria-controls":"vertical-tabpanel-"+e}}var fn=e=>{let{url:a}=e;const t=bn(),[l,o]=Object(n.useState)([]),[i,c]=Object(n.useState)({}),[s,m]=Object(n.useState)(!1),[d,u]=Object(n.useState)(0),[p,g]=Object(n.useState)(0),[E,h]=Object(n.useState)({open:!1,message:"",severity:"info"}),y=Object(n.useCallback)((e,a,t)=>{h({open:e,message:a,severity:t})},[]),b=Object(n.useCallback)(()=>h(e=>({...e,open:!1})),[]);return Object(n.useEffect)(()=>{const e=Q();c(e);te(async()=>{const a=await async function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10;try{return(await L.a.get(`${It}/invoices/${e}?limit=${a}`,{headers:{"Content-Type":"application/json"}})).data}catch(t){ne(t)}}(e.CusId);o(a)},m,y)()},[]),r.a.createElement("div",{className:t.root},r.a.createElement(pe.a,{sx:{bgcolor:"background.paper"}},r.a.createElement(B,{open:E.open,message:E.message,onClose:b,severity:E.severity}),s&&r.a.createElement(Ve,null),r.a.createElement(Ja.a,{style:{marginRight:20},variant:"scrollable",value:d,onChange:(e,a)=>{u(a)},sx:{borderRight:1}},r.a.createElement(Qa.a,Object.assign({icon:r.a.createElement(Dt.a,null),label:"PROFILE"},Cn(0))),(null===i||void 0===i?void 0:i.CusId)&&r.a.createElement(Qa.a,Object.assign({icon:r.a.createElement(jt.a,null),label:"BILLING"},Cn(1)))),r.a.createElement(vn,{value:d,index:0},r.a.createElement(Ka.a,{container:!0,spacing:2,className:t.container},r.a.createElement(Ka.a,{item:!0,xs:12,md:4,className:t.item},r.a.createElement(gt,{url:a})),r.a.createElement(Ka.a,{item:!0,xs:12,md:8,className:t.item},r.a.createElement(ot,{url:a})),r.a.createElement(Ka.a,{item:!0,lg:12,md:12,xl:8,xs:12,className:t.item},r.a.createElement(Tt,{path:a})))),r.a.createElement(vn,{value:d,index:1},r.a.createElement(Ja.a,{style:{marginRight:20},variant:"scrollable",value:p,onChange:(e,a)=>{g(a)},sx:{borderRight:1}},r.a.createElement(Qa.a,Object.assign({label:"Billing History"},Cn(2))),r.a.createElement(Qa.a,Object.assign({label:"Payment Methods"},Cn(3)))),r.a.createElement(vn,{value:p,index:0},r.a.createElement(yn,{invoices:l})),r.a.createElement(vn,{value:p,index:1},r.a.createElement(sn,null)))))},An=t(121),Sn=t.n(An);const wn=Object(de.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 xn=e=>{let{loading:a,count:t,history:n}=e;const l=wn(),o=()=>{n.push("topics")};return r.a.createElement("div",{className:l.root,onClick:o},r.a.createElement(Be.a,{className:l.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"TOPICS",r.a.createElement(je.a,{onClick:o},r.a.createElement(Sn.a,{className:l.icon}))),r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0},a?r.a.createElement("div",{className:l.loadingContainer},r.a.createElement(Ge.a,null)):r.a.createElement(Be.a,{color:"inherit",variant:"h3"},t)),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ie.a,{className:l.avatar},r.a.createElement(ka.a,null)))))},Tn=(t(523),t(196)),On=t.n(Tn),Nn=t(94),kn=t.n(Nn),Dn=(kn()(),kn()(),kn()(),kn()(),kn()(),kn()(),t(782));const _n=Object(de.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 jn=e=>{const{className:a,url:t,history:l,...o}=e,i=_n(),[c,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(0),[u,p]=Object(n.useState)(0),[g,E]=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 "+F()}});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 "+F()}});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]);E((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 "+F()}});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 "+F()}});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 "+F()}});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(Xa.a,Object.assign({},o,{className:Object(he.b)(i.root,a)}),r.a.createElement(Dn.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($a.a,null,r.a.createElement(Ka.a,{container:!0,justify:"space-between"},r.a.createElement(Ka.a,{item:!0},r.a.createElement(Be.a,{className:i.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"Disk (Global topic size) / CPU"),r.a.createElement(Be.a,{variant:"h3"},c," | ",u+"%")),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ie.a,{className:i.avatar},r.a.createElement(On.a,{className:i.icon})))),r.a.createElement(Ka.a,{container:!0,justify:"space-between"},r.a.createElement(Ka.a,{xs:12},r.a.createElement("div",{className:i.difference},r.a.createElement(Be.a,{className:i.caption,variant:"caption"},"Bytes in per sec"),r.a.createElement(Be.a,{className:i.differenceValue,variant:"body2"},g," |"),r.a.createElement(Be.a,{className:i.caption,variant:"caption"},"Bytes out per sec"),r.a.createElement(Be.a,{className:i.differenceValue,variant:"body2"},h," |"),r.a.createElement(Be.a,{className:i.caption,variant:"caption"},"Message in per sec"),r.a.createElement(Be.a,{className:i.differenceValue,variant:"body2"},b),r.a.createElement(Be.a,{className:i.caption,variant:"caption"})))))))},In=t(242),Bn=t.n(In),Rn=t(466),Ln=t.n(Rn);const Pn=Object(de.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 Fn=e=>{let{topicsDetails:a,history:t,handleAlert:l}=e;const o=Pn(),[i,c]=Object(n.useState)(!1),[s,m]=Object(n.useState)([]),[d,u]=Object(n.useState)(!1),p=te(async()=>{await le(s),await g(),await l(!0,"Topics Resumed successfully","success")},u,l),g=()=>{c(!1)};return r.a.createElement(Xa.a,{className:o.root},r.a.createElement(Ct.a,{title:"Latest Messages",action:r.a.createElement(ve.a,{color:"primary",size:"small",variant:"text",onClick:()=>t.push("topics")},"View all ",r.a.createElement(Bn.a,null))}),r.a.createElement(Ee.a,null),r.a.createElement($a.a,{className:o.content},r.a.createElement(pn.a,{className:o.tableContainer},r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Topic Name"),r.a.createElement(dn.a,null,"Messages Count"),r.a.createElement(dn.a,{align:"right"},"Actions"))),r.a.createElement(En.a,null,null===a||void 0===a?void 0:a.map(e=>r.a.createElement(mn.a,{key:e.id},r.a.createElement(dn.a,null,e.name),r.a.createElement(dn.a,null,e.messages_count),r.a.createElement(dn.a,{align:"right"},r.a.createElement(Je.a,{title:"Resume topic"},r.a.createElement(je.a,{size:"small",onClick:()=>{return a=e.id,m([a]),void c(!0);var a}},r.a.createElement(Ln.a,{fontSize:"large"}))))))))),r.a.createElement(Se.a,{open:i,onClose:g},r.a.createElement(Ce.a,null,"Resume Topic"),r.a.createElement(fe.a,null,r.a.createElement(Ye.a,null,"Are you sure you want to resume the topic ?")),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:g,color:"primary"},"Cancel"),r.a.createElement(ve.a,{onClick:p,color:"primary"},"Resume"))))},Un=t(100),Mn=t(467),Wn=t.n(Mn),qn=t(7);const zn="#FFFFFF";var Gn={black:"#000000",white:zn,primary:{contrastText:zn,dark:qn.colors.indigo[900],main:qn.colors.indigo[500],light:qn.colors.indigo[100]},secondary:{contrastText:zn,dark:qn.colors.blue[900],main:qn.colors.blue.A400,light:qn.colors.blue.A400},success:{contrastText:zn,dark:qn.colors.green[900],main:qn.colors.green[600],light:qn.colors.green[400]},info:{contrastText:zn,dark:qn.colors.blue[900],main:qn.colors.blue[600],light:qn.colors.blue[400]},warning:{contrastText:zn,dark:qn.colors.orange[900],main:qn.colors.orange[600],light:qn.colors.orange[400]},error:{contrastText:zn,dark:qn.colors.red[900],main:qn.colors.red[600],light:qn.colors.red[400]},text:{primary:qn.colors.blueGrey[900],secondary:qn.colors.blueGrey[600],link:qn.colors.blue[600]},background:{default:"#F4F6F8",paper:zn},icon:qn.colors.blueGrey[600],divider:qn.colors.grey[200]};Gn.primary.main,Gn.text.primary,Gn.text.secondary,Gn.text.secondary,Gn.text.secondary,Gn.text.secondary;const Vn=Object(de.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 Kn=e=>{const{className:a,url:t,history:l,...o}=e,i=Vn(),[c,s]=Object(n.useState)(""),[m,d]=Object(n.useState)(0),[u,p]=Object(n.useState)(0),[g,E]=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 "+F()}});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 "+F()}});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]);E(a.toString())}catch(n){E("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 "+F()}});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 "+F()}});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 "+F()}});var e=(await n.json()).data.result,a=e[0].value[1];p(a.toString())}catch(n){p("error")}})()},[]),r.a.createElement(Xa.a,Object.assign({},o,{className:Object(he.b)(i.root,a)}),r.a.createElement(Dn.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($a.a,null,r.a.createElement(Ka.a,{container:!0,justify:"space-between"},r.a.createElement(Ka.a,{item:!0},r.a.createElement(Be.a,{className:i.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"Client Total | Total subscriptions"),r.a.createElement(Be.a,{variant:"h3"},c," | ",u)),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ie.a,{className:i.avatar},r.a.createElement(Wn.a,{className:i.icon})))),r.a.createElement(Ka.a,{container:!0,justify:"space-between"},r.a.createElement(Ka.a,{xs:12},r.a.createElement("div",{className:i.difference},r.a.createElement(Be.a,{className:i.caption,variant:"caption"},"Bytes in per sec"),r.a.createElement(Be.a,{className:i.differenceValue,variant:"body2"},g," |"),r.a.createElement(Be.a,{className:i.caption,variant:"caption"},"Bytes out per sec"),r.a.createElement(Be.a,{className:i.differenceValue,variant:"body2"},h," |"),r.a.createElement(Be.a,{className:i.caption,variant:"caption"},"Tolal messages received"),r.a.createElement(Be.a,{className:i.differenceValue,variant:"body2"},b),r.a.createElement(Be.a,{className:i.caption,variant:"caption"})))))))};t(468);Object(de.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 Hn=t(267),Yn=t.n(Hn);const Zn=Object(de.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 Jn=e=>{let{loading:a,apisCount:t,history:n}=e;const l=Zn(),o=()=>{n.push("apis")};return r.a.createElement("div",{className:l.root,onClick:o},r.a.createElement(Be.a,{className:l.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"APIs",r.a.createElement(je.a,{onClick:o},r.a.createElement(Sn.a,{className:l.icon}))),r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0},a?r.a.createElement("div",{className:l.loadingContainer},r.a.createElement(Ge.a,null)):r.a.createElement(Be.a,{color:"inherit",variant:"h3"},t)),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ie.a,{className:l.avatar},r.a.createElement(Yn.a,null)))))},Qn=t(324),Xn=t.n(Qn),$n=t(325),er=t.n($n);const ar=Object(de.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 tr=e=>{let{history:a,loading:t,sourceConnectorsCount:n,sinkConnectorsCount:l,httpConnectorsCount:o,runningConnectorsCount:i,failedConnectorsCount:c}=e;const s=ar(),m=()=>{a.push("connectors")};return r.a.createElement("div",{className:s.root,onClick:m},r.a.createElement(Be.a,{className:s.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"CONNECTIONS",r.a.createElement(je.a,{onClick:m},r.a.createElement(Sn.a,{className:s.icon}))),t?r.a.createElement("div",{className:s.loadingContainer},r.a.createElement(Ge.a,null)):r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{container:!0,spacing:2},r.a.createElement(Ka.a,{xs:3,item:!0},r.a.createElement(Be.a,{variant:"h3"},l+n)),r.a.createElement(Ka.a,{xs:5,item:!0},r.a.createElement("div",{className:s.difference},r.a.createElement(Be.a,{className:s.differenceValue,variant:"body2"},i+" Running"),r.a.createElement(Xn.a,{className:s.differenceIcon})),r.a.createElement("div",{className:s.difference},r.a.createElement(Be.a,{className:s.icondown,variant:"body2"},c+" Failed"),r.a.createElement(er.a,{className:s.icondowntype}))),r.a.createElement(Ka.a,{xs:4,item:!0},r.a.createElement(Ie.a,{className:s.avatar},r.a.createElement(la.a,null))))))},nr=(t(166),t(273),t(197));Object(de.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(620),t(326);Object(de.a)(()=>({root:{height:"100%"},content:{padding:0},image:{height:48,width:48},actions:{justifyContent:"flex-end"}}));const rr=Object(de.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 lr=e=>{let{loading:a,thingsCount:t,history:n}=e;const l=rr(),o=()=>{n.push("things")};return r.a.createElement("div",{className:l.root,onClick:o},r.a.createElement(Be.a,{className:l.title,color:"textSecondary",gutterBottom:!0,variant:"body2"},"THINGS",r.a.createElement(je.a,{onClick:o},r.a.createElement(Sn.a,{className:l.icon}))),r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0},a?r.a.createElement("div",{className:l.loadingContainer},r.a.createElement(Ge.a,null)):r.a.createElement(Be.a,{color:"inherit",variant:"h3"},t)),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ie.a,{className:l.avatar},r.a.createElement(Yn.a,null)))))};const or=Object(de.a)(()=>({root:{height:"100%"}}));var ir=e=>{let{data:a}=e;const t=or(),n={labels:a.map(e=>e.label),datasets:[{label:"Messages Count",data:a.map(e=>e.value),backgroundColor:"rgba(75, 192, 192, 0.2)",borderColor:"rgba(75, 192, 192, 1)",borderWidth:1,barPercentage:.05}]};return r.a.createElement(Xa.a,{className:t.root},r.a.createElement(Ct.a,{title:"Messages Count per Topic"}),r.a.createElement("div",null,r.a.createElement(Un.Bar,{data:n,options:{scales:{y:{beginAtZero:!0}}}})))};Object(de.a)(()=>({root:{height:"100%"}}));const cr=Object(de.a)(e=>({paper:{color:e.palette.text.secondary,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"}}));var sr=e=>{let{history:a,url:t}=e;const l=cr(),[o,i]=Object(n.useState)(null),[c,s]=Object(n.useState)(!0),[m,d]=Object(n.useState)([]),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),g=(e,a,t)=>{p({open:e,message:a,severity:t})},E=P();return Object(n.useEffect)(()=>{te(async()=>{const e=await(async()=>{try{return(await L.a.get("https://www.thingwings.com/api/dashboard")).data}catch(e){ne(e)}})(),a=e.topicsDetails.map(e=>({label:e.name,value:e.messages_count}));d(a),i(e)},s,g)()},[]),r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:u.open,message:u.message,onClose:()=>{p(e=>({...e,open:!1}))},severity:u.severity}),r.a.createElement(Ka.a,{container:!0,spacing:3},E.admin?r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(jn,{url:t,history:a})),r.a.createElement(Ka.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(Kn,{url:t,history:a}))):null,r.a.createElement(Ka.a,{item:!0,container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(Pa.a,{className:l.paper},r.a.createElement(xn,{loading:c,count:(null===o||void 0===o?void 0:o.topicsCount)||0,history:a}))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(Pa.a,{className:l.paper},r.a.createElement(tr,{loading:c,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(Ka.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(Pa.a,{className:l.paper},r.a.createElement(Jn,{loading:c,apisCount:(null===o||void 0===o?void 0:o.apisCount)||0,history:a}))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6,md:6,lg:3},r.a.createElement(Pa.a,{className:l.paper},r.a.createElement(lr,{loading:c,thingsCount:(null===o||void 0===o?void 0:o.thingsCount)||0,history:a})))),r.a.createElement(Ka.a,{item:!0,container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(Fn,{handleAlert:g,topicsDetails:(null===o||void 0===o?void 0:o.topicsDetails)||[],history:a})),r.a.createElement(Ka.a,{item:!0,xs:12,md:6,lg:6},r.a.createElement(ir,{data:m})))))};const mr=Object(de.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 dr=()=>{const e=mr(),a=Object(i.g)();return r.a.createElement("div",{className:e.root},r.a.createElement(Ka.a,{container:!0,direction:"column",alignItems:"center",spacing:4},r.a.createElement(Ka.a,{item:!0},r.a.createElement(Be.a,{variant:"h3"},"The page you are looking for isn\u2019t here")),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Be.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(Ka.a,{item:!0},r.a.createElement("img",{alt:"Under development",className:e.image,src:"/images/undraw_page_not_found_su7k.svg"})),r.a.createElement(Ka.a,{item:!0},r.a.createElement(ve.a,{variant:"contained",color:"primary",className:e.button,onClick:()=>{a.push("/")}},"Return to Home"))))},ur=t(200),pr=t.n(ur),gr=t(199),Er=t.n(gr),hr=t(57),yr=t.n(hr),br=t(262),vr=t.n(br);const Cr=Object(de.a)(e=>({status:{marginRight:e.spacing(1)}}));var fr=e=>{var a,t;let{name:l,id:o,status:i,config:c,handleAlert:s,openForm:m}=e;const u=Cr(),[p,g]=Object(n.useState)(!1),{connectorInfoDispatch:E}=_(),[h,y]=Object(n.useState)(!1),{connectorsDispatch:b}=_(),v=()=>{g(!1)},C=te(async()=>{await(async e=>{try{return(await L.a.delete(`${G}/${e}`)).data}catch(a){ne(a)}})(o),await b({type:d.DELETE_CONNECTOR,value:o}),v()},y,s),{imageSrc:f,classType:A}=(()=>{let e,a;switch(c.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(Xa.a,{style:{display:"flex",flexDirection:"column",height:"100%"}},r.a.createElement($a.a,{style:{flex:1}},r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0},r.a.createElement(Je.a,{title:l.length>25?l:"",arrow:!0},r.a.createElement(Be.a,{variant:"h6"},(e=>e.length>25?e.substring(0,25)+"...":e)(l)))),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ka.a,{container:!0,alignItems:"center",justifyContent:"flex-end"},r.a.createElement(Ka.a,{item:!0},r.a.createElement(je.a,{"aria-label":"edit",onClick:async()=>{try{await E({type:d.SET_CONNECTOR_INFO,value:c}),m("INFO")}catch(e){console.error("Error updating connector:",e)}}},r.a.createElement(vr.a,null)),r.a.createElement(je.a,{"aria-label":"delete",onClick:()=>{g(!0)}},r.a.createElement(yr.a,null)))))),r.a.createElement(Ka.a,{container:!0,justifyContent:"center"},r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ie.a,{alt:"Product",src:f}))),r.a.createElement(Be.a,{align:"center",variant:"body2"},A)),r.a.createElement(at.a,null,r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0},r.a.createElement("div",null,r.a.createElement(Be.a,{display:"inline",variant:"body2"},i.type.toUpperCase()))),r.a.createElement(Ka.a,{item:!0},r.a.createElement("div",null,r.a.createElement(Va,{className:u.status,color:"FAILED"===(null===(a=i.connector)||void 0===a?void 0:a.state)?"warning":"success",size:"sm"}),r.a.createElement(Be.a,{display:"inline",variant:"body2"},null===(t=i.connector)||void 0===t?void 0:t.state)))))),r.a.createElement(Se.a,{open:p,onClose:v},r.a.createElement(Ce.a,{disableTypography:!1},"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this connector?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{disabled:h,onClick:C,color:"primary",size:"small"},"Yes"),r.a.createElement(ve.a,{disabled:h,onClick:v,color:"primary",size:"small"},"No"),h&&r.a.createElement(Ve,{size:12}))))},Ar=t(139),Sr=t.n(Ar),wr=t(469),xr=t.n(wr),Tr=t(727),Or=t(416),Nr=t(433),kr=t(142),Dr=t.n(kr),_r=t(261),jr=t.n(_r);const Ir=Object(Et.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 Br=()=>{const e=Ir(),[a,t]=Object(n.useState)(0),[l,o]=Object(n.useState)({open:!1,message:"",severity:""}),[i,c]=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(B,{open:l.open,message:l.message,onClose:c(!1),severity:l.severity}),r.a.createElement(Ka.a,{container:!0,spacing:3},s.map((a,t)=>r.a.createElement(Ka.a,{item:!0,xs:12,sm:4,key:t},r.a.createElement(Pa.a,{className:e.paper},r.a.createElement(je.a,{disabled:!0,component:"label"},r.a.createElement(jr.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(Be.a,{variant:"body2",component:"p"},a?a.name:"Choose file"),r.a.createElement(Be.a,{variant:"body2",component:"p"},d[t]))))),r.a.createElement(ve.a,{disabled:!0,variant:"contained",color:"primary",startIcon:r.a.createElement(Dr.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]),L.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=>{ne(e)})})(s,t);o({open:!0,message:"Files uploaded successfully",severity:"success"})}catch(e){console.log(e),c(!0),o({open:!0,message:"Error uploading files",severity:"error"})}}},"Upload"))};const Rr=nt.b({dbname:nt.c().required("Database Name is required"),dbtype:nt.c().required("Database Type is required"),username:nt.c().required("Username is required"),password:nt.c().required("Password is required"),url:nt.c().required("URL is required")});var Lr=e=>{let{handleCloseNew:a,db:t,setLoading:l,handleAlert:o}=e;const{databasesDispatch:i}=_(),c=te(async e=>{const t=await(async e=>{try{return(await L.a.post(""+V,e)).data}catch(a){ne(a)}})(e);await i({type:d.ADD_DATABASE,database:{id:t.insertId,...e}}),a()},l,o),s=te(async(e,a)=>{await(async(e,a)=>{try{return(await L.a.put(`${V}/${e}`,a)).data}catch(t){ne(t)}})(e,a),await i({type:d.UPDATE_DATABASE,DatabaseId:e,name:a})},l,o),m=Object(tt.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:Rr,onSubmit:e=>{console.log("Form submitted with values:",e),t?s(t.id,e):c(e)}});return Object(n.useEffect)(()=>{m.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:m.handleSubmit},r.a.createElement(Ka.a,{container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,md:6},r.a.createElement(et.a,{fullWidth:!0,label:"Database Name",variant:"outlined",name:"dbname",value:m.values.dbname,onChange:m.handleChange,onBlur:m.handleBlur,error:m.touched.dbname&&!!m.errors.dbname,helperText:m.touched.dbname&&m.errors.dbname?m.errors.dbname:""})),r.a.createElement(Ka.a,{item:!0,xs:12,md:6},r.a.createElement(At.a,{fullWidth:!0,variant:"outlined",error:m.touched.dbtype&&!!m.errors.dbtype},r.a.createElement(wt.a,null,"Database Type"),r.a.createElement(ft.a,{label:"Database Type",name:"dbtype",value:m.values.dbtype,onChange:m.handleChange,onBlur:m.handleBlur},r.a.createElement(St.a,{value:""},r.a.createElement("em",null,"None")),r.a.createElement(St.a,{value:"elasticsearch"},"Elasticsearch"),r.a.createElement(St.a,{value:"postgres"},"Postgres")),m.touched.dbtype&&m.errors.dbtype&&r.a.createElement("p",{style:{color:"red"}},m.errors.dbtype))),r.a.createElement(Ka.a,{item:!0,xs:12,md:6},r.a.createElement(et.a,{fullWidth:!0,label:"Username",variant:"outlined",name:"username",value:m.values.username,onChange:m.handleChange,onBlur:m.handleBlur,error:m.touched.username&&!!m.errors.username,helperText:m.touched.username&&m.errors.username?m.errors.username:""})),r.a.createElement(Ka.a,{item:!0,xs:12,md:6},r.a.createElement(et.a,{fullWidth:!0,label:"Password",variant:"outlined",type:"password",name:"password",value:m.values.password,onChange:m.handleChange,onBlur:m.handleBlur,error:m.touched.password&&!!m.errors.password,helperText:m.touched.password&&m.errors.password?m.errors.password:""})),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(et.a,{fullWidth:!0,label:"URL",variant:"outlined",name:"url",value:m.values.url,onChange:m.handleChange,onBlur:m.handleBlur,error:m.touched.url&&!!m.errors.url,helperText:m.touched.url&&m.errors.url?m.errors.url:""}))),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:a,color:"primary"},"Cancel"),r.a.createElement(ve.a,{type:"submit",color:"primary"},"Submit")))};const Pr=Object(de.a)(e=>({item:{display:"flex",flexDirection:"column"},button:{margin:e.spacing(1)}}));var Fr=e=>{let{handleAlert:a,handleCloseForm:t,connectorType:l,connectorTopic:o,connectorThing:i,connectorPermission:c,setValues:s}=e;const m=Pr(),[u,p]=Object(n.useState)(!1),[g,E]=Object(n.useState)([]),[h,y]=Object(n.useState)(!1),[b,v]=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"}]),[C,f]=Object(n.useState)([]),[A,S]=Object(n.useState)(!1),[w,x]=Object(n.useState)(!1),[T,O]=Object(n.useState)(!1),[N,k]=Object(n.useState)(""),[D,j]=Object(n.useState)(null),{kafkaTopicsState:I,kafkaTopicsDispatch:B,connectorsDispatch:R,thingsDispatch:P,thingsState:F,databasesDispatch:U,databasesState:M}=_(),W=Object(tt.e)({initialValues:{name:"",type:l||"",topic:o||"",connectorClass:"",valueConverter:"",thing:i||"",acl:c||"",username:"",password:"",connectionUrl:"",sourceTopic:""},validationSchema:nt.b().shape({name:nt.c().required("Name is required"),type:nt.c().required("Connector Type is required"),topic:nt.c().required("Topic is required"),connectorClass:nt.c().required("Connector Class is required"),valueConverter:nt.c().required("Value Converter is required")}),onSubmit:te(async e=>{const n=await(async e=>{try{return(await L.a.post(""+G,e)).data}catch(a){ne(a)}})({useCustomConfig:A,useMqttSSL:w,...e});R({type:d.ADD_CONNECTOR,connector:n.concatenatedData}),s&&("sink"===l?s(e=>({...e,connectors:{...e.connectors,sink:n.concatenatedData}})):"source"===l&&s(e=>({...e,connectors:{...e.connectors,source:n.concatenatedData}}))),t(),a(!0,"Connector added successfully","success")},p,a)});Object(n.useEffect)(()=>{te(async()=>{const e=await re();B({type:d.SET_TOPICS,value:e.topics})},p,a)()},[]),Object(n.useEffect)(()=>{te(async()=>{if("source"===W.values.type){const e=await oe();P({type:d.SET_THINGS,value:e})}},p,a)()},[W.values.type]),Object(n.useEffect)(()=>{if(W.values.thing){te(async()=>{const e=await ie(W.values.thing);E(e)},p,a)()}},[W.values.thing]),Object(n.useEffect)(()=>{if(A&&"sink"===W.values.type){te(async()=>{const e=await se();U({type:d.SET_DATABASES,value:e})},p,a)()}},[A,W.values.type]);const q=te(async()=>{await ce({aclUserId:D.id,thingId:D.thing_id,deviceId:D.device_id,topicPath:N,pubsub:3}),E(e=>[...e,{acl_id:D.id,topic:`${D.device_id}/${N}`,pubsub:3}]),a(!0,"Permission added successfully","success")},p,a);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Xa.a,{className:m.root},r.a.createElement(Ct.a,{title:"Connector Information"}),r.a.createElement(Ee.a,null),r.a.createElement($a.a,null,u&&r.a.createElement(Ve,{size:24}),r.a.createElement("br",null),r.a.createElement("form",{onSubmit:W.handleSubmit},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Name",variant:"outlined",name:"name",value:W.values.name,onChange:W.handleChange,onBlur:W.handleBlur,error:W.touched.name&&!!W.errors.name,helperText:W.touched.name&&W.errors.name?W.errors.name:""})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,error:W.touched.type&&!!W.errors.type},r.a.createElement(wt.a,{htmlFor:"type"},"Type"),r.a.createElement(ft.a,{native:!0,label:"Type",value:W.values.type,onChange:async e=>{const a=e.target.value;await W.setFieldValue("type",a),v("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:W.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),r.a.createElement("option",{value:"source"},"Source"),r.a.createElement("option",{value:"sink"},"Sink")),W.touched.type&&W.errors.type&&r.a.createElement(pe.a,{color:"error.main"},W.errors.type))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,error:W.touched.topic&&!!W.errors.topic},r.a.createElement(wt.a,{htmlFor:"topic"},"Topic"),r.a.createElement(ft.a,{native:!0,label:"Topic",name:"topic",value:W.values.topic,onChange:W.handleChange,onBlur:W.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),I.map(e=>r.a.createElement("option",{key:e.id,value:e.id},e.name))),W.touched.topic&&W.errors.topic&&r.a.createElement(pe.a,{color:"error.main"},W.errors.topic))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,error:W.touched.connectorClass&&!!W.errors.connectorClass},r.a.createElement(wt.a,{htmlFor:"connectorClass"},"Connector Class"),r.a.createElement(ft.a,{native:!0,label:"Connector Class",name:"connectorClass",value:W.values.connectorClass,onChange:e=>{const a=e.target.value;W.setFieldValue("connectorClass",a),f("com.thingwings.MqttSourceConnector"===a?[{value:"org.apache.kafka.connect.converters.ByteArrayConverter",label:"Byte Array Converter"}]:[{value:"org.apache.kafka.connect.json.JsonConverter",label:"JSON Converter"}])},onBlur:W.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),b.map(e=>r.a.createElement("option",{key:e.value,value:e.value},e.label))),W.touched.connectorClass&&W.errors.connectorClass&&r.a.createElement(pe.a,{color:"error.main"},W.errors.connectorClass))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,error:W.touched.valueConverter&&!!W.errors.valueConverter},r.a.createElement(wt.a,{htmlFor:"valueConverter"},"Value Converter"),r.a.createElement(ft.a,{native:!0,label:"Value Converter",name:"valueConverter",value:W.values.valueConverter,onChange:W.handleChange,onBlur:W.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),C.map(e=>r.a.createElement("option",{key:e.value,value:e.value},e.label))),W.touched.valueConverter&&W.errors.valueConverter&&r.a.createElement(pe.a,{color:"error.main"},W.errors.valueConverter)))),r.a.createElement("br",null),r.a.createElement(Tr.a,{in:"source"===W.values.type&&!A,timeout:"auto",unmountOnExit:!0},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,error:W.touched.thing&&!!W.errors.thing},r.a.createElement(wt.a,{htmlFor:"thing"},"Thing"),r.a.createElement(ft.a,{native:!0,label:"Thing",name:"thing",value:W.values.thing,onChange:e=>{const a=e.target.value;W.setFieldValue("thing",a),j(F.find(e=>e.thing_id===Number(a)))},onBlur:W.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),F.map(e=>r.a.createElement("option",{key:e.thing_id,value:e.thing_id},e.name))),W.touched.thing&&W.errors.thing&&r.a.createElement(pe.a,{color:"error.main"},W.errors.thing))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,error:W.touched.acl&&!!W.errors.acl},r.a.createElement(wt.a,{htmlFor:"acl"},"ACL"),r.a.createElement(ft.a,{native:!0,label:"ACL",name:"acl",value:W.values.acl,onChange:W.handleChange,onBlur:W.handleBlur},r.a.createElement("option",{"aria-label":"None",value:""}),g.map(e=>r.a.createElement("option",{key:e.acl_id,value:e.topic},e.topic))),W.touched.acl&&W.errors.acl&&r.a.createElement(pe.a,{color:"error.main"},W.errors.acl)),W.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(je.a,{onClick:()=>O(!T)}," ",r.a.createElement(Sr.a,null)),r.a.createElement(Tr.a,{in:T},r.a.createElement(pe.a,{display:"flex",alignItems:"center"},r.a.createElement(et.a,{label:"New Permission",value:N,onChange:e=>k(e.target.value),fullWidth:!0,variant:"outlined",margin:"normal"}),r.a.createElement(je.a,{onClick:q},r.a.createElement(xr.a,null)))))))),r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Or.a,{control:r.a.createElement(Nr.a,{checked:A,onChange:e=>{S(e.target.checked)},name:"useCustomConfig"}),label:"Use Custom Configuration"}))),r.a.createElement(Tr.a,{in:A,timeout:"auto",unmountOnExit:!0},r.a.createElement(Ka.a,{container:!0,spacing:3},"source"===W.values.type?r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Username",variant:"outlined",name:"username",value:W.values.username,onChange:W.handleChange,onBlur:W.handleBlur,error:W.touched.username&&!!W.errors.username,helperText:W.touched.username&&W.errors.username?W.errors.username:""})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Password",variant:"outlined",name:"password",value:W.values.password,onChange:W.handleChange,onBlur:W.handleBlur,error:W.touched.password&&!!W.errors.password,helperText:W.touched.password&&W.errors.password?W.errors.password:""})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Connection URL",variant:"outlined",name:"connectionUrl",value:W.values.connectionUrl,onChange:W.handleChange,onBlur:W.handleBlur,error:W.touched.connectionUrl&&!!W.errors.connectionUrl,helperText:W.touched.connectionUrl&&W.errors.connectionUrl?W.errors.connectionUrl:""})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Source Topic",variant:"outlined",name:"sourceTopic",value:W.values.sourceTopic,onChange:W.handleChange,onBlur:W.handleBlur,error:W.touched.sourceTopic&&!!W.errors.sourceTopic,helperText:W.touched.sourceTopic&&W.errors.sourceTopic?W.errors.sourceTopic:""})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(Or.a,{control:r.a.createElement(Nr.a,{checked:w,onChange:e=>{x(e.target.checked)},name:"useMqttSSL"}),label:"Use SSL"}))):"sink"===W.values.type?r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(At.a,{fullWidth:!0,variant:"outlined",error:W.touched.dbname&&!!W.errors.dbname},r.a.createElement(wt.a,null,"Select database"),r.a.createElement(ft.a,{label:"Select database",name:"dbId",value:W.values.dbname,onChange:e=>{const{value:a}=e.target;"add.db"===a?(y(!0),W.setFieldValue("dbId",null)):W.handleChange(e)},onBlur:W.handleBlur},r.a.createElement(St.a,{key:"add.db",value:"add.db"},"Add new database"),M.map(e=>r.a.createElement(St.a,{key:e.id,value:e.id},e.dbname))),W.touched.dbname&&W.errors.dbname&&r.a.createElement("p",{style:{color:"red"}},W.errors.dbname))):null)),r.a.createElement(Tr.a,{in:A&&w&&"source"===W.values.type,timeout:"auto",unmountOnExit:!0},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Br,null))),r.a.createElement(pe.a,{display:"flex",justifyContent:"flex-end"},r.a.createElement(ve.a,{type:"submit",variant:"contained",color:"primary",className:m.button},"Save"))))),r.a.createElement(Za,{open:h,onClose:()=>y(!1),title:"Database Information",contentText:"Databases are used to store data received from Kafka server."},r.a.createElement(Lr,{handleCloseNew:()=>y(!1),handleAlert:a,setLoading:p})))};const Ur=Object(Et.a)(e=>({formContainer:{padding:e.spacing(3)},formField:{marginBottom:e.spacing(2)},formButton:{marginTop:e.spacing(2)}}));var Mr=e=>{let{initialValues:a,onSubmit:t}=e;const n=Ur(),l=nt.b({name:nt.c().required("Name is required"),topics:nt.c().required("Topics are required"),connectorClass:nt.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(tt.d,{initialValues:o,validationSchema:l,onSubmit:t},e=>{let{values:a,handleChange:t,handleBlur:l,handleSubmit:o,touched:i,errors:c,isSubmitting:s}=e;return r.a.createElement(tt.c,{onSubmit:o,className:n.formContainer},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Name",variant:"outlined",name:"name",value:a.name,onChange:t,onBlur:l,error:i.name&&!!c.name,helperText:i.name&&c.name?c.name:"",className:n.formField})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{fullWidth:!0,label:"Topics",variant:"outlined",name:"topics",value:a.topics,onChange:t,onBlur:l,error:i.topics&&!!c.topics,helperText:i.topics&&c.topics?c.topics:"",className:n.formField})),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(et.a,{fullWidth:!0,label:"Connector Class",variant:"outlined",name:"connectorClass",value:a.connectorClass,onChange:t,onBlur:l,error:i.connectorClass&&!!c.connectorClass,helperText:i.connectorClass&&c.connectorClass?c.connectorClass:"",className:n.formField}))))})},Wr=t(198),qr=t.n(Wr);const zr=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(Xa.a,null,r.a.createElement(pe.a,{style:{padding:"0 5px"},display:"flex",justifyContent:"space-between",alignItems:"center"},l.creationDate&&r.a.createElement(Be.a,{variant:"h6"}," Date : ",ee(Number(l.creationDate))," ")),r.a.createElement($a.a,null,r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between",alignItems:"center"},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(qr.a,{name:a,src:l,enableClipboard:e=>{navigator.clipboard.writeText(JSON.stringify(e.src,null,2)),n(!0,"Copied to clipboard","success")}})))))},Gr=Object(de.a)(e=>({root:{padding:e.spacing(3)},pagination:{marginTop:e.spacing(3),display:"flex",alignItems:"center",justifyContent:"flex-end"}}));var Vr=e=>{let{history:a}=e;const t=Gr(),[l,o]=Object(n.useState)(!1),[i,c]=Object(n.useState)(!1),[s,m]=Object(n.useState)(""),u=e=>{m(e)},p=()=>{m("")},[g,E]=Object(n.useState)({open:!1,message:"",severity:"info"}),h=(e,a,t)=>{E({open:e,message:a,severity:t})},{connectorsState:y,connectorsDispatch:b,connectorInfoState:v}=_();Object(n.useEffect)(()=>{te(async()=>{const e=await(async()=>{try{return(await L.a.get(""+G)).data}catch(e){ne(e)}})();b({type:d.SET_CONNECTORS,value:e})},o,h)()},[]);const[C,f]=Object(n.useState)(""),A=y.filter(e=>e.name.toLowerCase().includes(C.toLowerCase()));return r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:g.open,message:g.message,onClose:()=>{E(e=>({...e,open:!1}))},severity:g.severity}),r.a.createElement(Ya,{title:"Connector",handleSearch:e=>{f(e.target.value)},openForm:u}),l?r.a.createElement(Ve,null):r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)," "),A.map(e=>r.a.createElement(Ka.a,{item:!0,key:e.id,xs:12,sm:6,md:4,lg:3},r.a.createElement(fr,{history:a,name:e.name,id:e.id,status:e.status,config:e.config,handleAlert:h,openForm:u})))),r.a.createElement("div",{className:t.pagination},r.a.createElement(je.a,null,r.a.createElement(Er.a,null)),r.a.createElement(Be.a,{variant:"caption"},A.length),r.a.createElement(je.a,null,r.a.createElement(pr.a,null))),r.a.createElement(Se.a,{open:Boolean(s),onClose:p},"ADD"===s?r.a.createElement(Fr,{handleAlert:h,handleCloseForm:p}):"INFO"===s?r.a.createElement(r.a.Fragment,null,r.a.createElement(Ce.a,{disableTypography:!1},v.name),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(Mr,{initialValues:v}))):null))},Kr=(t(787),t(788),t(775),t(790));t(470),t(327),t(729),t(419);Object(de.a)(()=>({root:{},item:{display:"flex",flexDirection:"column"}}));const Hr=Object(de.a)(()=>({root:{}}));var Yr=e=>{const{className:a,url:t,...l}=e,o=Hr(),[i,c]=Object(n.useState)({password:"",confirm:""}),s=e=>{c({...i,[e.target.name]:e.target.value})},[m,d]=r.a.useState(!1),[u,p]=r.a.useState(!1),g=()=>{d(!0)};function E(e){return r.a.createElement(j.a,Object.assign({elevation:6,variant:"filled"},e))}const h=(e,a)=>{"clickaway"!==a&&(d(!1),p(!1))};return r.a.createElement(Xa.a,Object.assign({},l,{className:Object(he.b)(o.root,a)}),r.a.createElement("form",null,r.a.createElement(I.a,{open:m,autoHideDuration:6e3,onClose:h},r.a.createElement(E,{onClose:h,severity:"success"},"info updated with success")),r.a.createElement(I.a,{open:u,autoHideDuration:6e3,onClose:h},r.a.createElement(E,{onClose:h,severity:"error"},"passwords does not match")),r.a.createElement(Ct.a,{subheader:"Update password",title:"Password"}),r.a.createElement(Ee.a,null),r.a.createElement($a.a,{style:{minHeight:240}},r.a.createElement(et.a,{fullWidth:!0,label:"Password",name:"password",required:!0,onChange:s,type:"password",value:i.password,variant:"outlined"}),r.a.createElement(et.a,{fullWidth:!0,label:"Confirm password",name:"confirm",required:!0,onChange:s,style:{marginTop:"1rem"},type:"password",value:i.confirm,variant:"outlined"})),r.a.createElement(Ee.a,null),r.a.createElement(at.a,null,r.a.createElement(ve.a,{variant:"outlined",onClick:()=>{i.password===i.confirm?L.a.put(t+"/api/users/password/"+P().id,i,{headers:{"Content-Type":"application/json",Authorization:"Bearer "+F()}}).then(e=>{g()}).catch(e=>{401===e.response.status&&alert("ok")}):p(!0)}},"Update"))))};const Zr=Object(de.a)(e=>({root:{padding:e.spacing(4)}}));var Jr=e=>{let{url:a}=e;const t=Zr();return r.a.createElement("div",{className:t.root},r.a.createElement(ue.a,null),r.a.createElement(Ka.a,{container:!0,spacing:4},r.a.createElement(Ka.a,{item:!0,md:12,xs:12},r.a.createElement(Yr,{url:a}))))},Qr=t(786);const Xr=Object(Et.a)(e=>({paper:{marginTop:e.spacing(8),display:"flex",flexDirection:"column",alignItems:"center"},avatar:{margin:e.spacing(1),backgroundColor:e.palette.secondary.main},form:{width:"100%",marginTop:e.spacing(1)},submit:{margin:e.spacing(3,0,2)}})),$r=e=>{const[a,t]=Object(n.useState)(e);return{value:a,onChange:e=>t(e.target.value)}};var el=()=>{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})},[]),i=Object(n.useCallback)(()=>l(e=>({...e,open:!1})),[]),c=$r(""),s=$r(""),m=Xr(),d=te(async()=>{const e=await(async e=>{try{return(await L.a.post("https://www.thingwings.com/api/auth/login",e)).data}catch(a){ne(a)}})({identifier:c.value,password:s.value});var a;U(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(Qr.a,{component:"main",maxWidth:"xs"},r.a.createElement(ue.a,null),r.a.createElement(B,{open:t.open,message:t.message,onClose:i,severity:t.severity}),r.a.createElement("div",{className:m.paper},r.a.createElement(Be.a,{component:"h1",variant:"h5"},r.a.createElement("img",{src:"signin.png",alt:"BeeMetrix",width:"250px",height:"100px"})," "),r.a.createElement("div",{className:m.form},r.a.createElement("div",null,r.a.createElement(et.a,Object.assign({type:"text"},c,{autoComplete:"username",variant:"outlined",margin:"normal",required:!0,fullWidth:!0,id:"username",label:"Username/Email",name:"username",onKeyDown:u,autoFocus:!0}))),r.a.createElement("div",null,r.a.createElement(et.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",autoFocus:!0}))),r.a.createElement(Or.a,{control:r.a.createElement(Nr.a,{value:"remember",color:"primary"}),label:"Remember me"}),r.a.createElement(ta.a,{component:We.a,to:"/signup",variant:"h6"},"Sign up"),r.a.createElement(ve.a,{type:"submit",fullWidth:!0,variant:"contained",color:"primary",className:m.submit,value:e?"Loading...":"Login",onClick:d,disabled:e},"Sign In"),e&&r.a.createElement(Ve,null))))};const al=M+"/api/users";L.a.defaults.headers.common.Authorization=J();const tl=async()=>{try{return(await L.a.get(""+al)).data.users}catch(e){ne(e)}},nl=async(e,a)=>{try{const t=e?al+"/admin":al;return(await L.a.post(t,a)).data}catch(t){ne(t)}},rl=Object(de.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"}}));var ll=Object(i.i)(e=>{const{history:a}=e,t=rl(),[l,o]=Object(n.useState)(!1),[i,c]=Object(n.useState)({open:!1,message:"",severity:""}),s=nt.b().shape({name:nt.c().required("Name is required"),username:nt.c().required("Username is required"),email:nt.c().email("Invalid email").required("Email is required"),organization:nt.c().required("Organization is required"),password:nt.c().min(6,"Password must be at least 6 characters").required("Password is required")}),m=te(async(e,t)=>{let{setSubmitting:n,resetForm:r}=t;await nl(!1,e),n(!1),r(),a.push("/signin")},o,(e,a,t)=>{c({open:e,message:a,severity:t})});return r.a.createElement("div",{className:t.root},r.a.createElement(B,{open:i.open,message:i.message,onClose:()=>{c(e=>({...e,open:!1}))},severity:i.severity}),r.a.createElement(tt.d,{initialValues:{name:"",username:"",email:"",organization:"",password:""},validationSchema:s,onSubmit:m},e=>{let{isSubmitting:a,errors:n,touched:l}=e;return r.a.createElement(tt.c,{className:t.formContainer},r.a.createElement(Be.a,{variant:"h5",align:"center"},"Create new account"),r.a.createElement(Be.a,{color:"textSecondary",gutterBottom:!0,align:"center"},"Use your email to create new account"),r.a.createElement(Ka.a,{style:{marginTop:10},container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(tt.b,{as:et.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(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(tt.b,{as:et.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(Ka.a,{item:!0,xs:12},r.a.createElement(tt.b,{as:et.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(Ka.a,{item:!0,xs:12},r.a.createElement(tt.b,{as:et.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(Ka.a,{item:!0,xs:12},r.a.createElement(tt.b,{as:et.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(Ve,null):r.a.createElement(ve.a,{className:t.signUpButton,color:"primary",fullWidth:!0,size:"large",type:"submit",variant:"contained"},"Sign up now"),r.a.createElement(Be.a,{color:"textSecondary",variant:"body1",align:"center"},"Have an account?"," ",r.a.createElement(ta.a,{component:We.a,to:"/signin",variant:"h6"},"Sign in")))}))}),ol=t(791),il=t(792);var cl=e=>{let{open:a,onClose:t,initialValues:l,handleAlertOpen:o}=e;const[i,c]=Object(n.useState)(!1),{usersDispatch:s}=_(),m=nt.b({name:nt.c().required("Name is required"),username:nt.c().required("Username is required"),email:nt.c().email("Invalid email").required("Email is required"),organization:nt.c().required("Organization is required"),password:nt.c().min(6,"Password must be at least 6 characters").required("Password is required")}),u=te(async e=>{const a=await nl(!0,e);s({type:d.ADD_USER,value:{id:a.id,...e}}),o(!0,"User added successfully","success"),t()},c,o),p=te(async e=>{await(async(e,a)=>{try{return(await L.a.put(`${al}/admin/${a.id}`,a)).data}catch(t){ne(t)}})(0,e),s({type:d.UPDATE_USER,userId:l.id,value:e}),o(!0,"User updated successfully","success"),t()},c,o),g=te(async()=>{await(async e=>{try{return(await L.a.delete(`${al}/${e}`)).data}catch(a){ne(a)}})(l.id),s({type:d.DELETE_USER,userId:l.id}),o(!0,"User deleted successfully","success"),t()},c,o);return r.a.createElement(r.a.Fragment,null,"DELETE"===a?r.a.createElement(Se.a,{open:!0,onClose:t,maxWidth:"xs",fullWidth:!0},r.a.createElement(Ce.a,null,"Confirm Deletion"),r.a.createElement(fe.a,null,r.a.createElement(Be.a,null,"Are you sure you want to delete this user?")),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(ve.a,{onClick:g,color:"secondary"},"Confirm"))):"ADD"===a||"EDIT"===a?r.a.createElement(Se.a,{open:Boolean(a),onClose:t,maxWidth:"sm",fullWidth:!0},r.a.createElement(Ce.a,null,"EDIT"===a?"Edit User":"Add User"),r.a.createElement(fe.a,null,r.a.createElement(tt.d,{initialValues:l,validationSchema:m,onSubmit:async e=>{"EDIT"===a?await p(e):"ADD"===a&&await u(e)}},e=>{let{values:n,handleChange:l,handleBlur:o,errors:c,touched:s}=e;return r.a.createElement(tt.c,null,r.a.createElement(Ka.a,{container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(tt.b,{as:et.a,name:"name",label:"Name",fullWidth:!0,variant:"outlined",value:n.name,onChange:l,onBlur:o,error:s.name&&!!c.name,helperText:s.name&&c.name&&r.a.createElement(Be.a,{variant:"body2",color:"error"},c.name)})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(tt.b,{as:et.a,name:"username",label:"Username",fullWidth:!0,variant:"outlined",value:n.username,onChange:l,onBlur:o,error:s.username&&!!c.username,helperText:s.username&&c.username&&r.a.createElement(Be.a,{variant:"body2",color:"error"},c.username)})),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(tt.b,{as:et.a,name:"email",label:"Email",fullWidth:!0,variant:"outlined",value:n.email,onChange:l,onBlur:o,error:s.email&&!!c.email,helperText:s.email&&c.email&&r.a.createElement(Be.a,{variant:"body2",color:"error"},c.email)})),"ADD"===a&&r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(tt.b,{as:et.a,name:"organization",label:"Organization",fullWidth:!0,variant:"outlined",value:n.organization,onChange:l,onBlur:o,error:s.organization&&!!c.organization,helperText:s.organization&&c.organization&&r.a.createElement(Be.a,{variant:"body2",color:"error"},c.organization)})),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(tt.b,{as:et.a,name:"password",label:"Password",type:"password",fullWidth:!0,variant:"outlined",value:n.password,onChange:l,onBlur:o,error:s.password&&!!c.password,helperText:s.password&&c.password&&r.a.createElement(Be.a,{variant:"body2",color:"error"},c.password)}))),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(ve.a,{disabled:i,type:"submit",color:"primary"},"EDIT"===a?"Update":"Add"),i&&r.a.createElement(Ve,{size:24})))}))):null)};const sl=Object(Et.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 ml(e){let{path:a}=e;const t=sl(),[l,o]=Object(n.useState)(!1),{usersState:i,usersDispatch:c}=_(),[s,m]=Object(n.useState)(null),[u,p]=Object(n.useState)(""),[g,E]=Object(n.useState)({open:!1,message:"",severity:""}),[h,y]=Object(n.useState)(""),b=e=>p(e),v=(e,a,t)=>E({open:e,message:a,severity:t});Object(n.useEffect)(()=>{te(async()=>{const e=await tl();c({type:d.SET_USERS,value:e})},o,v)()},[c]);const C=(e,a)=>{"ADD"!==a&&m(e),b(a)},f=i.filter(e=>e.name.toLowerCase().includes(h.toLowerCase()));return r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:g.open,message:g.message,onClose:()=>E(e=>({...e,open:!1})),severity:g.severity}),l?r.a.createElement(Ve,null):r.a.createElement(r.a.Fragment,null,r.a.createElement(Ya,{title:"User",handleSearch:e=>{y(e.target.value)},openForm:b}),r.a.createElement(un.a,{className:t.tableContainer,component:Pa.a},r.a.createElement(pn.a,null,r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Name"),r.a.createElement(dn.a,null,"Username"),r.a.createElement(dn.a,null,"Email"),r.a.createElement(dn.a,null,"Organization"),r.a.createElement(dn.a,null,"Actions"))),r.a.createElement(En.a,null,f.map(e=>r.a.createElement(mn.a,{key:e.id},r.a.createElement(dn.a,null,e.name),r.a.createElement(dn.a,null,e.username),r.a.createElement(dn.a,null,e.email),r.a.createElement(dn.a,null,e.organization),r.a.createElement(dn.a,null,r.a.createElement(je.a,{onClick:()=>C(e,"EDIT"),"aria-label":"edit"},r.a.createElement(ol.a,null)),r.a.createElement(je.a,{onClick:()=>C(e,"DELETE"),"aria-label":"delete"},r.a.createElement(il.a,null)))))))),r.a.createElement(cl,{open:u,onClose:()=>p(""),handleAlertOpen:v,initialValues:"EDIT"===u||"DELETE"===u?s:{name:"",username:"",email:"",organization:"",password:""}})))}const dl=Object(Et.a)(e=>({root:{display:"flex"},container:{paddingTop:e.spacing(4),paddingBottom:e.spacing(4)}}));function ul(e){let{history:a,url:t}=e;const n=dl();return r.a.createElement("div",{className:n.root},r.a.createElement(Ka.a,{container:!0,spacing:4},r.a.createElement(Ka.a,{item:!0,md:12,xs:12},r.a.createElement(ml,{history:a,path:t}))))}var pl=t(268),gl=t.n(pl),El=t(471),hl=t.n(El);const yl=nt.b({modelName:nt.c().required("API Name is required"),modelID:nt.c().required("Model ID is required"),host:nt.c().required("Host is required"),topic:nt.c().required("Topic is required")});var bl=e=>{let{initialValues:a,isEditMode:t,handleAlert:l,onClose:o}=e;const{kafkaTopicsState:i,kafkaTopicsDispatch:c,apisDispatch:s}=_(),[m,u]=Object(n.useState)(!1);Object(n.useEffect)(()=>{te(async()=>{const e=await re();c({type:d.SET_TOPICS,value:e.topics})},u,l)()},[]);const p=Object(tt.e)({initialValues:a||{modelName:"",modelID:"",username:"",password:"",host:"",topic:"",Apikey:""},validationSchema:yl,onSubmit:te(async e=>{if(t)await(async e=>{try{return(await L.a.put(`${Z}/${e.id}`,e)).data}catch(a){ne(a)}})(e),l(!0,"API updated successfully","success"),s({type:d.UPDATE_API,value:e});else{const a=await(async e=>{try{return(await L.a.post(""+Z,e)).data}catch(a){ne(a)}})(e);p.resetForm(),l(!0,"API added successfully","success"),s({type:d.ADD_API,value:a})}await o()},u,l)});return r.a.createElement("form",{onSubmit:p.handleSubmit},r.a.createElement($a.a,null,r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,md:6,sm:12,xs:12},r.a.createElement(et.a,{fullWidth:!0,label:"API Name",name:"modelName",variant:"outlined",margin:"dense",value:p.values.modelName,onChange:p.handleChange,error:p.touched.modelName&&Boolean(p.errors.modelName),helperText:p.touched.modelName&&p.errors.modelName}),r.a.createElement(et.a,{fullWidth:!0,label:"Host",name:"host",variant:"outlined",margin:"dense",value:p.values.host,onChange:p.handleChange,error:p.touched.host&&Boolean(p.errors.host),helperText:p.touched.host&&p.errors.host}),r.a.createElement(et.a,{fullWidth:!0,label:"Username",name:"username",variant:"outlined",margin:"dense",value:p.values.username,onChange:p.handleChange})),r.a.createElement(Ka.a,{item:!0,md:6,sm:12,xs:12},r.a.createElement(At.a,{fullWidth:!0,variant:"outlined",margin:"dense"},r.a.createElement(wt.a,{htmlFor:"topic"},"Topic"),r.a.createElement(ft.a,{native:!0,label:"Topic",name:"topic",value:p.values.topic,onChange:p.handleChange,error:p.touched.topic&&Boolean(p.errors.topic)},r.a.createElement("option",{"aria-label":"None",value:""}),i.map(e=>r.a.createElement("option",{key:e.name,value:e.uid},e.name))),p.touched.topic&&p.errors.topic&&r.a.createElement(Be.a,{color:"error"},p.errors.topic)),r.a.createElement(et.a,{fullWidth:!0,label:"Model ID",name:"modelID",variant:"outlined",margin:"dense",value:p.values.modelID,onChange:p.handleChange,error:p.touched.modelID&&Boolean(p.errors.modelID),helperText:p.touched.modelID&&p.errors.modelID}),r.a.createElement(et.a,{fullWidth:!0,label:"Password",name:"password",type:"password",variant:"outlined",margin:"dense",value:p.values.password,onChange:p.handleChange})),r.a.createElement(Ka.a,{item:!0,md:12,sm:12,xs:12},r.a.createElement(et.a,{fullWidth:!0,label:"API Key",name:"Apikey",variant:"outlined",margin:"dense",value:p.values.Apikey,onChange:p.handleChange})))),r.a.createElement(Ae.a,null,r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,md:12,sm:12,xs:12},r.a.createElement(Ee.a,null))),r.a.createElement(ve.a,{type:"submit",color:"primary",variant:"contained"},t?"Update":"Save"),m&&r.a.createElement(Ve,null)))};const vl=Object(de.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 Cl=Object(n.memo)(e=>{let{className:a,product:t,handleAlert:l,...o}=e;const i=vl(),{apisDispatch:c}=_(),[s,m]=Object(n.useState)(!1),[u,p]=Object(n.useState)(!1),[g,E]=Object(n.useState)(!1),h=()=>{p(!1)},y=()=>{E(!1)},b=te(async()=>{await(async e=>{try{return(await L.a.delete(`${Z}/${e}`)).data}catch(a){ne(a)}})(t.id),await c({type:d.DELETE_API,apiId:t.id}),l(!0,"API deleted successfully")},m,l);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Xa.a,Object.assign({},o,{className:Object(he.b)(i.root,a)}),r.a.createElement(Ct.a,{avatar:r.a.createElement(Ie.a,{"aria-label":"recipe",className:i.avatar},"A"),action:r.a.createElement(r.a.Fragment,null,r.a.createElement(je.a,{"aria-label":"edit",onClick:()=>{E(!0)}},r.a.createElement(dt.a,null)),r.a.createElement(je.a,{"aria-label":"delete",onClick:()=>{p(!0)}},r.a.createElement(yr.a,null))),title:t.modelName,subheader:t.topic}),r.a.createElement($a.a,null,r.a.createElement("div",{className:i.imageContainer},r.a.createElement("img",{alt:"Product",className:i.image,src:"/images/products/product_2.png"})),r.a.createElement(Be.a,{align:"center",gutterBottom:!0,variant:"h4"},t.name)),r.a.createElement(Ee.a,null),r.a.createElement(at.a,null,r.a.createElement(Ka.a,{container:!0,justify:"space-between"},r.a.createElement(Ka.a,{className:i.statsItem,item:!0},r.a.createElement(gl.a,{className:i.statsIcon}),r.a.createElement(Je.a,{title:t.host},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary"},(v=t.host,C=20,v.length>C?v.slice(0,C)+"...":v))),r.a.createElement(je.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(hl.a,null))),r.a.createElement(Ka.a,{className:i.statsItem,item:!0},r.a.createElement(Va,{color:"success",size:"sm"}))))),r.a.createElement(Se.a,{open:u,onClose:h,maxWidth:"sm"},r.a.createElement(Ce.a,null,"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this API?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:b,color:"primary",size:"small"},"Yes"),r.a.createElement(ve.a,{onClick:h,color:"primary",size:"small"},"No"))),r.a.createElement(Se.a,{open:g,onClose:y,fullWidth:!0,maxWidth:"sm"},r.a.createElement(Ce.a,null,"Edit API"),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(bl,{initialValues:t,isEditMode:!0,handleAlert:l,onClose:y}))));var v,C});const fl=Object(de.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 Al=e=>{let{handleDialogOpen:a,handleSearchChange:t,...n}=e;const l=fl();return r.a.createElement("div",Object.assign({},n,{className:l.root}),r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement("div",{className:l.row},r.a.createElement(qa,{className:l.searchInput,placeholder:"Search Api ",onChange:t}))),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement("div",{className:l.row},r.a.createElement("span",{className:l.spacer}),r.a.createElement(ve.a,{color:"primary",variant:"contained",onClick:()=>{a()}},"Add Api")))))};const Sl=e=>{let{dialogOpen:a,handleDialogClose:t,handleAlert:n}=e;return r.a.createElement(Se.a,{open:a,onClose:t,fullWidth:!0,maxWidth:"sm"},r.a.createElement(Ce.a,{id:"form-dialog-title"},"API Information"),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(bl,{handleAlert:n,onClose:t})))},wl=Object(de.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 xl=e=>{const a=wl(),{apisState:t,apisDispatch:l}=_(),[o,i]=Object(n.useState)(!1),[c,s]=Object(n.useState)({open:!1,message:"",severity:"info"}),m=Object(n.useCallback)((e,a,t)=>{s({open:e,message:a,severity:t})},[]),u=Object(n.useCallback)(()=>s(e=>({...e,open:!1})),[]),[p,g]=Object(n.useState)(!1),E=te(async()=>{const e=await(async()=>{try{return(await L.a.get(""+Z)).data}catch(e){ne(e)}})();l({type:d.SET_APIS,value:e})},i,m);Object(n.useEffect)(()=>{E()},[]);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(B,{open:c.open,message:c.message,onClose:u,severity:c.severity}),r.a.createElement(Al,{handleDialogOpen:()=>{g(!0)},handleSearchChange:e=>{y(e.target.value)}}),r.a.createElement("div",{className:a.content},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),o?r.a.createElement(Ka.a,{container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(Ve,null)):b.map(e=>r.a.createElement(Ka.a,{item:!0,key:e.id,xs:3},r.a.createElement(Cl,{product:e,handleAlert:m}))))),r.a.createElement("div",{className:a.pagination},r.a.createElement(je.a,null,r.a.createElement(Er.a,null)),r.a.createElement(Be.a,{variant:"caption"},o?0:t.length),r.a.createElement(je.a,null,r.a.createElement(pr.a,null))),r.a.createElement(Sl,{dialogOpen:p,handleDialogClose:()=>{g(!1)},handleAlert:m}))};const Tl=Object(de.a)(()=>({root:{width:"100%",height:"100%",overflow:"auto",padding:10},chartContainer:{position:"relative",padding:"10px",height:"80%",margin:"0px auto"}}));var Ol=e=>{let{selectedTopicsIds:a,streaming:t,className:l}=e;const o=Tl(),[i,c]=Object(n.useState)({datasets:[]}),s=Object(n.useCallback)(e=>{c(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:ae(),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 L.a.post(W+"/messages_count",{topicIds:e})).data}catch(a){ne(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),c({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(Xa.a,{className:o.root},r.a.createElement(Be.a,{style:{marginBottom:"10px"},variant:"h6"}," Messages Count  "),r.a.createElement("div",{className:o.chartContainer},r.a.createElement(Un.Line,{data:i,options:d})))},Nl=t(328),kl=t.n(Nl);var Dl=e=>{let{openDialog:a}=e;return r.a.createElement(r.a.Fragment,null,r.a.createElement(Je.a,{title:"Add Topic"},r.a.createElement(je.a,{onClick:()=>{a(0)}},r.a.createElement(Sr.a,null))))},_l=t(472),jl=t.n(_l),Il=t(473),Bl=t.n(Il),Rl=t(474),Ll=t.n(Rl),Pl=t(475),Fl=t.n(Pl),Ul=t(476),Ml=t.n(Ul);const Wl=Object(Et.a)({container:{display:"flex",alignItems:"center"},button:{margin:"0 4px"}});function ql(e){const a=Wl();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:a.container},r.a.createElement(Je.a,{title:"Pause Topic(s)"},r.a.createElement(je.a,{onClick:e.onClick,className:a.button},r.a.createElement(jl.a,null))),r.a.createElement(Je.a,{title:"Resume Topic(s)"},r.a.createElement(je.a,{onClick:e.onClick1,className:a.button},r.a.createElement(Bl.a,null))),r.a.createElement(Je.a,{title:"Delete Topic(s)"},r.a.createElement(je.a,{onClick:e.onClick2,className:a.button},r.a.createElement(yr.a,null))),r.a.createElement(Je.a,{title:"See Messages"},r.a.createElement(je.a,{onClick:e.onClick3,disabled:e.selectedRows.data.length>1,className:a.button},r.a.createElement(Ll.a,null))),r.a.createElement(Je.a,{title:e.streaming?"Stop Streaming":"Start Streaming"},r.a.createElement(je.a,{onClick:e.onClick4,className:a.button},e.streaming?r.a.createElement(Fl.a,null):r.a.createElement(Ml.a,null)))),r.a.createElement(Se.a,{open:e.open,onClose:e.onClose},r.a.createElement(Ce.a,null,"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this template?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{color:"primary",onClick:e.onClick5},"Yes"),r.a.createElement(ve.a,{onClick:e.onClose,color:"primary"},"No"))))}const zl=Object(de.a)(()=>({tableContainer:{overflow:"auto","& .MuiTableCell-root":{padding:"5px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"}}}));var Gl=e=>{let{selectedTopicsIds:a,setSelectedTopicsIds:t,streaming:l,setStreaming:o,handleAlert:i,listMessages:c,openDialog:s}=e;const m=zl(),{kafkaTopicsState:u,kafkaTopicsDispatch:p}=_(),[g,E]=Object(n.useState)(!1),[h,y]=Object(n.useState)(!1),b=async()=>{try{y(!0),await(async e=>{try{return(await L.a.post(W+"/pause-topics",{topicIds:e})).data}catch(a){ne(a)}})(a),i(!0,"Topics Paused successfully","success")}catch(e){console.log(e),i(!0,"Error pausing kafka topics, Please try again ;","error")}finally{y(!1)}},v=async()=>{try{y(!0),await le(a),i(!0,"Topics Resumed successfully","success")}catch(e){console.log(e),i(!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 L.a.delete(`${W}/${e}`),e));return await Promise.all(a),a}catch(a){ne(a)}})(a),n=await Promise.all(t);await p({type:d.DELETE_TOPICS,topicIds:n}),E(!1),e([]),i(!0,"topic  deleted successfully","success")}catch(t){console.error("Error deleting topics:",t),i(!0,"error  deleting topics","error")}},f=()=>{E(!1)},A=[{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)}}}],S={filter:!0,selectableRows:"multiple",filterType:"dropdown",responsive:"standard",rowsPerPage:10,textLabels:{body:{noMatch:h?r.a.createElement(Ve,null):"Sorry, no matching records found"}},isLoading:h,customToolbarSelect:(e,t,n)=>r.a.createElement(ql,{selectedRows:e,streaming:l,open:g,onClose:f,onClick:b,onClick1:v,onClick2:()=>E(!0),onClick4:()=>o(!l),onClick5:()=>C(n),onClick3:async()=>{1===a.length&&await c(a[0])}}),customToolbar:()=>r.a.createElement(Dl,{openDialog:s}),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(kl.a,{title:"Topics List",className:m.tableContainer,data:u,columns:A,options:S})},Vl=t(477),Kl=t.n(Vl);const Hl=e=>{let{name:a,timestamp:t,message:n,onOpen:l,onDelete:o}=e;return r.a.createElement(Xa.a,null,r.a.createElement($a.a,null,r.a.createElement(pe.a,{display:"flex",justifyContent:"space-between",alignItems:"center"},r.a.createElement(Be.a,{variant:"h6"},a),r.a.createElement(pe.a,null,l&&r.a.createElement(je.a,{onClick:()=>l(n)},r.a.createElement(Kl.a,null)),o&&r.a.createElement(je.a,{onClick:()=>o(n)},r.a.createElement(yr.a,null)))),r.a.createElement(Be.a,{variant:"body2",color:"textSecondary"},t)))},Yl=Object(de.a)(e=>({root:{},item:{display:"flex",flexDirection:"column"},formControl:{minWidth:120,margin:e.spacing(1)},errorText:{color:"red",margin:e.spacing(1,0)}})),Zl=nt.b().shape({name:nt.c().required("Field required").matches(/^[^_]*$/,"Name cannot contain underscores"),partitions:nt.a().required("Field required"),replications:nt.a().required("Field required")});var Jl=e=>{let{dialogType:a,closeDialog:t,handleAlert:l,kafkaTopicsDispatch:o}=e;const i=Yl(),[c,s]=Object(n.useState)(!1),m=te(async e=>{const a=await(async e=>{try{return(await L.a.post(""+W,e)).data}catch(a){ne(a)}})(e);o({type:d.ADD_TOPIC,topic:a.topic}),t()},s,l);return r.a.createElement(Se.a,{open:0===a,onClose:t},r.a.createElement(Ce.a,{disableTypography:!1},"Add Topic"),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(tt.d,{initialValues:{name:"",partitions:1,replications:1},validationSchema:Zl,onSubmit:m},e=>{let{isSubmitting:a}=e;return r.a.createElement(tt.c,null,r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,className:i.formControl},r.a.createElement(tt.b,{as:et.a,fullWidth:!0,label:"Name",margin:"dense",name:"name",required:!0,variant:"outlined",error:Boolean(r.a.createElement(tt.a,{name:"name"})),helperText:r.a.createElement(tt.a,{name:"name",component:"div",className:i.errorText})})),r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,className:i.formControl},r.a.createElement(wt.a,{htmlFor:"partitions-select"},"# of partitions"),r.a.createElement(tt.b,{as:ft.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(tt.a,{name:"partitions",component:"div",className:i.errorText})),r.a.createElement(At.a,{variant:"outlined",fullWidth:!0,className:i.formControl},r.a.createElement(wt.a,{htmlFor:"replications-select"},"Replication factor"),r.a.createElement(tt.b,{as:ft.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(tt.a,{name:"replications",component:"div",className:i.errorText})),r.a.createElement(pe.a,{display:"flex",justifyContent:"flex-end"},r.a.createElement(ve.a,{variant:"contained",size:"medium",color:"primary",type:"submit",disabled:c},"Add"),c&&r.a.createElement(Ve,{size:24})))})))};var Ql=()=>{const{kafkaTopicsState:e,kafkaTopicsDispatch:a}=_(),[t,l]=Object(n.useState)([]),[o,i]=Object(n.useState)({}),[c,s]=Object(n.useState)(!1),[m,u]=Object(n.useState)(!1),[p,g]=Object(n.useState)([]),[E,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})},A=te(async()=>{const e=await re(),t=await(async()=>{try{return(await L.a.get(W+"/latest/messages")).data}catch(e){ne(e)}})();l(t),await a({type:d.SET_TOPICS,value:e.topics})},s,f),S=te(async e=>{const a=await(async e=>{try{return(await L.a.get(`${W}/messages/${e}`)).data}catch(a){ne(a)}})(e);l(a)},s,f);return Object(n.useEffect)(()=>{A()},[]),Object(n.useEffect)(()=>{0===p.length&&u(!1)},[p]),r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:v.open,message:v.message,onClose:()=>{C(e=>({...e,open:!1}))},severity:v.severity}),r.a.createElement(Ka.a,{container:!0,style:{height:"calc(100vh - 160px)"},spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,md:6,style:{height:"100%"}},r.a.createElement(Gl,{streaming:m,setStreaming:u,kafkaTopicsState:e,selectedTopicsIds:p,setSelectedTopicsIds:g,handleAlert:f,listMessages:S,openDialog:y})),r.a.createElement(Ka.a,{item:!0,direction:"column",xs:12,md:6,style:{height:"100%"}},m&&r.a.createElement(Ka.a,{item:!0,style:{height:"calc(50% - 5px)",marginBottom:"10px"}},r.a.createElement(Ol,{selectedTopicsIds:p,streaming:m})),r.a.createElement(Ka.a,{item:!0,style:{height:m?"calc(50% - 5px)":"100%"}},r.a.createElement(Pa.a,{style:{height:"100%",padding:20,overflow:"auto"}},r.a.createElement(Be.a,{style:{marginBottom:"10px"},variant:"h6"}," Latest Messages  "),r.a.createElement(Ka.a,{container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),c?r.a.createElement(Ka.a,{item:!0},r.a.createElement(Ve,null)):0===t.length?r.a.createElement(Ka.a,{container:!0,justifyContent:"center",alignItems:"center",style:{height:"100%"}},r.a.createElement(Be.a,null,"No messages available")):t.map((e,a)=>r.a.createElement(Ka.a,{item:!0,lg:4,md:6,sm:6,xs:12,key:a},r.a.createElement(Hl,{name:e.topic_name,timestamp:new Date(e.creationDate).toLocaleString(),message:e,onOpen:()=>(e=>{i(e),y(1)})(e)})))))))),r.a.createElement(Jl,{dialogType:E,kafkaTopicsDispatch:a,handleAlert:f,closeDialog:b}),r.a.createElement(Se.a,{open:1===E,onClose:b},r.a.createElement(Ce.a,{disableTypography:!1},null===o||void 0===o?void 0:o.topic_name),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(zr,{name:null===o||void 0===o?void 0:o.topic_name,message:o,handleAlert:f}))))},Xl=t(774);const $l=Object(de.a)(e=>({root:{padding:e.spacing(2)},inputContainer:{width:"100%",maxWidth:400,marginTop:20}}));var eo=e=>{let{values:a,setValues:t,handleAlert:l,setLoading:o,loading:i}=e;const c=$l(),{kafkaTopicsState:s,kafkaTopicsDispatch:m}=_(),[u,p]=Object(n.useState)(null),g=Object(Xl.a)();Object(n.useEffect)(()=>{te(async()=>{const e=await re();await m({type:d.SET_TOPICS,value:e.topics})},o,l)()},[m,o,l]);return r.a.createElement("div",{className:c.root},r.a.createElement(Ka.a,{container:!0,justifyContent:"center"},r.a.createElement(Ka.a,{item:!0,xs:12,md:6},r.a.createElement(Be.a,{variant:"h6"},"kafkaTopic & Permission"),i&&r.a.createElement(Ve,null),r.a.createElement("div",{className:c.inputContainer},r.a.createElement(Mt.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",...s],getOptionLabel:e=>"string"===typeof e?e:e.name,renderInput:e=>r.a.createElement(et.a,Object.assign({},e,{label:"kafkaTopic",variant:"outlined",fullWidth:!0})),filterOptions:(e,a)=>g(e,a),clearOnBlur:!0})))),r.a.createElement(Jl,{dialogType:u,kafkaTopicsDispatch:m,handleAlert:l,closeDialog:()=>{p(null)}}))};const ao=Object(de.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 to=e=>{var a;let{values:t,setValues:l,handleAlert:o,setLoading:i,loading:c}=e;const s=ao(),[m,d]=Object(n.useState)({open:!1,type:""}),u=e=>{d({open:!0,type:e})},p=()=>{d({open:!1,type:""})};return r.a.createElement(Ka.a,{justifyContent:"center",container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Be.a,{align:"center",variant:"h6"},"Add Connectors")),r.a.createElement(Ka.a,{item:!0,xs:12,md:4},r.a.createElement(Pa.a,{className:s.connectorPaper,onClick:()=>u("source")},t.connectors.source?r.a.createElement(Be.a,{variant:"subtitle1"},"Sink Connector : ",t.connectors.source.name," "):r.a.createElement(Be.a,{variant:"subtitle1"},"Add Source Connector"))),r.a.createElement(Ka.a,{item:!0,xs:12,md:4},r.a.createElement(Pa.a,{className:s.connectorPaper,onClick:()=>u("sink")},t.connectors.sink?r.a.createElement(Be.a,{variant:"subtitle1"},"Sink Connector : ",t.connectors.sink.name," "):r.a.createElement(Be.a,{variant:"subtitle1"},"Add Sink Connector"))),r.a.createElement(Se.a,{open:m.open,onClose:p},r.a.createElement(Fr,{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})))};const no=Object(de.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 ro=e=>{let{values:a,setValues:t,handleAlert:l,setLoading:o,loading:i}=e;const c=no(),[s,m]=Object(n.useState)(!1);return r.a.createElement(Ka.a,{justifyContent:"center",container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Be.a,{align:"center",variant:"h6"},"Flow Information")),r.a.createElement(Ka.a,{item:!0,xs:12,md:4},r.a.createElement(Pa.a,{className:c.apiPaper,onClick:()=>{m(!0)}},r.a.createElement(Be.a,{variant:"subtitle1"},"Add New Modal"))),r.a.createElement(Sl,{dialogOpen:s,handleDialogClose:()=>{m(!1)},handleAlert:l}))},lo=t(263),oo=t.n(lo);Object(de.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(Ot.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(Ce.a,Object.assign({disableTypography:!0,className:t.root},l),r.a.createElement(Be.a,{variant:"h6"},a),n?r.a.createElement(je.a,{"aria-label":"close",className:t.closeButton,onClick:n},r.a.createElement(oo.a,null)):null)}),Object(Ot.a)(e=>({root:{padding:e.spacing(2)}}))(fe.a),Object(Ot.a)(e=>({root:{margin:0,padding:e.spacing(1)}}))(Ae.a);t(434),t(789),t(331),t(332),t(269);Object(Et.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%"}}}));const io=e=>{let{flowControl:a,name:t,setProgress:l,handleAlert:o,handleDialogClose:i,flow:c,progress:s,history:m}=e;const{flowsDispatch:u}=_(),[p,g]=Object(n.useState)(t||""),E=Object(n.useCallback)(e=>g(e.target.value),[]),[h,y]=Object(n.useState)(""),b=te(async()=>{const e=await(async e=>{try{return(await L.a.post(Y+"/flows",e)).data}catch(a){ne(a)}})({name:p});u({type:d.ADD_FLOW,value:e.flow}),y(e.flow.containerName)},l,o),v=te(async()=>{await(async(e,a)=>{try{return(await L.a.put(`${Y}/flows/${e}`,{name:a})).data}catch(t){ne(t)}})(null===c||void 0===c?void 0:c.id,p),u({type:d.UPDATE_FLOW,flowId:null===c||void 0===c?void 0:c.id})},l,o);return r.a.createElement(Se.a,{open:a.add||a.edit},r.a.createElement(Ce.a,{id:"form-dialog-title"},a.add?"New Flow":a.edit?"Update Flow":""),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(Ye.a,null,"Enter Flow Name :"),s?r.a.createElement(Ve,{size:12}):null,r.a.createElement(et.a,{autoFocus:!0,value:p,margin:"dense",label:"Flow Name",fullWidth:!0,onChange:E}),h&&a.add&&r.a.createElement(j.a,{severity:"success"},`Flow ${p} created successfully`)),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:()=>i(a.add?"add":"edit"),color:"primary"},"Close"),h&&a.add?r.a.createElement(ve.a,{onClick:()=>m.push("nodered/"+h),color:"primary"},"View"):r.a.createElement(ve.a,{onClick:a.add?b:v,color:"primary"},a.add?"Add":"Update")))},co=Object(de.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 so=e=>{let{values:a,setValues:t,handleAlert:l,setLoading:o,loading:i}=e;const c=co(),[s,m]=Object(n.useState)({add:!1,type:""});return r.a.createElement(Ka.a,{justifyContent:"center",container:!0,spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Be.a,{align:"center",variant:"h6"},"Flow Information")),r.a.createElement(Ka.a,{item:!0,xs:12,md:4},r.a.createElement(Pa.a,{className:c.connectorPaper,onClick:()=>{var e;m({add:!0,type:e})}},r.a.createElement(Be.a,{variant:"subtitle1"},"Add New Flow"))),r.a.createElement(io,{flowControl:s,setLoading:o,handleAlert:l,handleDialogClose:()=>{m({add:!1,type:""})},progress:i}))};const mo=nt.b({thingName:nt.c().required("Thing Name is required")});var uo=e=>{let{open:a,handleAlert:t,handleCloseNew:l,thingName:o}=e;const{thingsDispatch:i}=_(),[c,s]=Object(n.useState)(!1),m=te(async e=>{const a=await(async e=>{try{return(await L.a.post(""+q,e)).data}catch(a){ne(a)}})({name:e.thingName});await i({type:d.ADD_THING,thing:a.newThing}),t(!0,"Thing added successfully","success"),l()},s,t),u=Object(tt.e)({initialValues:{thingName:o||""},validationSchema:mo,onSubmit:e=>{m(e)}});return r.a.createElement(Se.a,{open:a,onClose:l},r.a.createElement(Ce.a,null," New Thing "),r.a.createElement(Ee.a,null),r.a.createElement(fe.a,null,r.a.createElement(Ye.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(et.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(Ae.a,null,r.a.createElement(ve.a,{onClick:l,color:"primary"},"Cancel"),r.a.createElement(ve.a,{type:"submit",color:"primary"},"Add"),c&&r.a.createElement(Ve,{size:24})))))};const po=e=>{let{openDialog:a,handleCloseDialog:t,selectData:l,setLoading:o,handleAlert:i,fetchDataAcl:c}=e;const[s,m]=Object(n.useState)({name:"",pubsub:3}),d=e=>{m({...s,[e.target.name]:e.target.value})},u=te(async()=>{await ce({aclUserId:l.id,thingId:l.thing_id,deviceId:l.device_id,topicPath:s.name,pubsub:s.pubsub});t(),c()},o,i);return r.a.createElement(Se.a,{open:a.add,onClose:t},r.a.createElement(Ce.a,null,"Add Permission"),r.a.createElement(fe.a,null,r.a.createElement(Ye.a,null),r.a.createElement(et.a,{fullWidth:!0,label:"Topic path",margin:"dense",name:"name",variant:"outlined",value:s.name,onChange:d}),r.a.createElement(At.a,{fullWidth:!0},r.a.createElement(wt.a,null,"Apply to"),r.a.createElement(ft.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(Ae.a,null,r.a.createElement(ve.a,{onClick:t,color:"primary"},"Cancel"),r.a.createElement(ve.a,{onClick:u,color:"primary"},"Add")))},go=Object(Xl.a)(),Eo=Object(de.a)(e=>({root:{padding:e.spacing(2)},inputContainer:{width:"100%",maxWidth:400,marginTop:20}}));var ho=e=>{let{values:a,setValues:t,handleAlert:l,setLoading:o,loading:i}=e;const c=Eo(),{thingsState:s,thingsDispatch:m}=_(),[u,p]=Object(n.useState)([]),[g,E]=Object(n.useState)({add:!1,formType:""}),[h,y]=Object(n.useState)(!1);Object(n.useEffect)(()=>{te(async()=>{const e=await oe();await m({type:d.SET_THINGS,value:e})},o,l)()},[m,o,l]);const b=te(async()=>{var e;if(null===(e=a.thing)||void 0===e?void 0:e.thing_id){const e=await ie(a.thing.thing_id);p(e)}},y,l);Object(n.useEffect)(()=>{b()},[a.thing]);const v=()=>{E({add:!1,formType:""})};return r.a.createElement("div",{className:c.root},r.a.createElement(Ka.a,{container:!0,justifyContent:"center"},r.a.createElement(Ka.a,{item:!0,xs:12,md:6},r.a.createElement(Be.a,{variant:"h6"},"Thing & Permission"),r.a.createElement("div",{className:c.inputContainer},r.a.createElement(Mt.a,{loading:i,size:"small",value:a.thing,onChange:(e,a)=>{a?"Add New Thing"==a?E({add:!0,formType:"thing"}):t(e=>({...e,thing:{...a,name:null===a||void 0===a?void 0:a.name}})):p([])},options:["Add New Thing",...s],getOptionLabel:e=>"string"===typeof e?e:e.name,renderInput:e=>r.a.createElement(et.a,Object.assign({},e,{label:"Thing",variant:"outlined",fullWidth:!0})),filterOptions:(e,a)=>go(e,a)})),r.a.createElement("div",{className:c.inputContainer},r.a.createElement(Mt.a,{loading:h,size:"small",value:a.thing.permission,onChange:(e,a)=>{"Add New Permission"===a?E({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(et.a,Object.assign({},e,{label:"Permission",variant:"outlined",fullWidth:!0})),filterOptions:(e,a)=>go(e,a),clearOnBlur:!0})))),"thing"===g.formType&&r.a.createElement(uo,{open:g.add,handleCloseNew:v,handleAlert:l,thingName:a.thing.name}),"permission"===g.formType&&r.a.createElement(po,{openDialog:g,handleCloseDialog:v,selectData:a.thing,setLoading:o,handleAlert:l,fetchDataAcl:b}))};const yo=Object(Et.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)}})),bo=["Thing","Topic","Connectors","Flow","Model"],vo=e=>{let{stepIndex:a,values:t,setValues:n,url:l,setLoading:o,handleAlert:i,loading:c}=e;const s=[r.a.createElement(ho,{values:t,setValues:n,setLoading:o,handleAlert:i,loading:c}),r.a.createElement(eo,{values:t,setValues:n,setLoading:o,handleAlert:i,loading:c}),r.a.createElement(to,{values:t,setValues:n,handleAlert:i,setLoading:o,loading:c}),r.a.createElement(so,{values:t,setValues:n,handleAlert:i,setLoading:o,loading:c}),r.a.createElement(ro,{values:t,setValues:n,handleAlert:i,setLoading:o,loading:c})];return a<s.length?s[a]:"All processes have been completed"};var Co=e=>{let{url:a}=e;const t=yo(),[l,o]=Object(n.useState)(0),[i,c]=Object(n.useState)({thing:{thing_id:null,name:"",permission:""},topic:{topic_id:null,name:""},connectors:{sink:null,source:null}}),[s,m]=Object(n.useState)(!1),[d,u]=Object(n.useState)(!1),[p,g]=Object(n.useState)({open:!1,message:"",severity:"info"}),E=Object(n.useCallback)((e,a,t)=>{g({open:e,message:a,severity:t})},[]),h=Object(n.useCallback)(()=>g(e=>({...e,open:!1})),[]);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{row:!0,container:!0,justifyContent:"center",spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12,md:10,className:t.grid},r.a.createElement(Pa.a,null,r.a.createElement(B,{open:p.open,message:p.message,severity:p.severity,onClose:h}),r.a.createElement(ht.a,{activeStep:l,alternativeLabel:!0},bo.map(e=>r.a.createElement(yt.a,{key:e},r.a.createElement(bt.a,null,e)))))),r.a.createElement(Ka.a,{item:!0,xs:12,md:10,className:t.grid},r.a.createElement(Pa.a,{style:{padding:10}},r.a.createElement(vo,{stepIndex:l,values:i,setValues:c,url:a,setLoading:m,handleAlert:E,loading:s}),r.a.createElement("div",{className:t.buttonContainer},r.a.createElement(ve.a,{disabled:0===l,onClick:()=>{o(e=>Math.max(e-1,0))}},"Back"),r.a.createElement(ve.a,{variant:"contained",color:"primary",onClick:()=>{l===bo.length-1?(o(0),c({thing:{thing_id:null,name:"",permission:""},topic:{topic_id:null,name:""},connectors:{sink:null,source:null}})):o(e=>Math.min(e+1,bo.length-1))}},l===bo.length-1?"Finish":"Next"))),r.a.createElement(Se.a,{fullScreen:!0,open:d,onClose:()=>u(!1)},r.a.createElement(Ce.a,null,"Reset"),r.a.createElement(fe.a,null,"Do you want to resume the pipeline process?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:()=>u(!1),color:"primary"},"No"),r.a.createElement(ve.a,{onClick:()=>o(0),color:"primary"},"Yes"))))))},fo=t(479),Ao=t.n(fo),So=t(201),wo=t.n(So);const xo=Object(de.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 To=e=>{let{handleSearch:a,openForm:t}=e;const n=xo();return r.a.createElement("div",{className:n.root},r.a.createElement(Ka.a,{container:!0},r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(qa,{className:n.searchInput,placeholder:"Search database",onChange:a})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6,style:{textAlign:"right"}},r.a.createElement(ve.a,{className:n.addButton,color:"primary",variant:"contained",onClick:()=>{t()}},"Add Database"))))};const Oo=Object(Et.a)(e=>({root:{margin:"0 auto",padding:e.spacing(3),[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"}}},tableContainer:{marginTop:e.spacing(3)},popover:{pointerEvents:"none"},paper:{padding:e.spacing(1)},fallbackMessage:{margin:10}}));var No=e=>{let{handleAlert:a}=e;const t=Oo(),{databasesState:l,databasesDispatch:o}=_(),[i,c]=Object(n.useState)(null),[s,m]=Object(n.useState)(!1),[u,p]=Object(n.useState)(!1),g=()=>{i&&c(null),p(!1)},[E,h]=Object(n.useState)(!1),y=()=>{h(!1)},b=te(async()=>{const e=await se();await o({type:d.SET_DATABASES,value:e})},m,a),v=te(async()=>{await(async e=>{try{return(await L.a.delete(`${V}/${e}`)).data}catch(a){ne(a)}})(i.id),y(),await o({type:d.DELETE_DATABASE,id:i.id})},m,a);Object(n.useEffect)(()=>{b()},[]);const[C,f]=Object(n.useState)(""),A=l.filter(e=>e.dbname.toLowerCase().includes(C.toLowerCase())),S=[{key:"edit",label:"Edit Database",onClick:()=>{p(!0),T()}},{key:"delete",label:"Delete Database",onClick:()=>{h(!0),T()}}],[w,x]=r.a.useState(null),T=()=>{x(null)};return r.a.createElement(r.a.Fragment,null,r.a.createElement(To,{handleSearch:e=>{f(e.target.value)},openForm:()=>{p(!0),T()}}),r.a.createElement(Xa.a,{style:{padding:5}},r.a.createElement(Le.a,{anchorEl:w,open:Boolean(w),onClose:T},S.map(e=>r.a.createElement(St.a,{key:e.key,onClick:e.onClick},e.label))),r.a.createElement(Ka.a,{style:{padding:10},item:!0,xs:12},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),s?r.a.createElement(Ve,null):r.a.createElement(un.a,{className:t.tableContainer},r.a.createElement(pn.a,{className:t.table,"aria-label":"responsive table"},r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Name"),r.a.createElement(dn.a,{align:"center"},"Type"),r.a.createElement(dn.a,{align:"center"},"Username"),r.a.createElement(dn.a,{align:"center"},"URL"),r.a.createElement(dn.a,{align:"center"},"Actions"))),r.a.createElement(En.a,null,A.map(e=>r.a.createElement(mn.a,{key:e.id},r.a.createElement(dn.a,{align:"center","data-label":"Name"},e.dbname),r.a.createElement(dn.a,{align:"center","data-label":"Type"},e.dbtype),r.a.createElement(dn.a,{align:"center","data-label":"Username"},e.username),r.a.createElement(dn.a,{align:"center","data-label":"URL"},e.url),r.a.createElement(dn.a,{align:"center","data-label":"Actions"},r.a.createElement(je.a,{edge:"end",onClick:a=>((e,a)=>{c(w?[]:a),x(w?null:e.currentTarget)})(a,e)},r.a.createElement(wo.a,null))))))),0===(null===A||void 0===A?void 0:A.length)&&r.a.createElement(Ka.a,{item:!0,xs:12,style:{display:"flex",justifyContent:"center"}},r.a.createElement(Be.a,{className:t.fallbackMessage,variant:"h6"},"No available sources"))))),r.a.createElement(Za,{open:E,onClose:y,title:"Confirm Deletion",contentText:"Are you sure you want to delete this item?",onConfirm:v,confirmText:"Delete"}),r.a.createElement(Za,{open:u,onClose:g,title:"Database Information",contentText:"Databases are used to store data received from Kafka server."},r.a.createElement(Lr,{db:i,handleCloseNew:g,handleAlert:a,setLoading:m})))},ko=t(480),Do=t.n(ko),_o=t(793),jo=t(794);const Io=Object(Et.a)(e=>({item:{maxHeight:"70vh",overflow:"auto"},demo:{height:"100%",display:"flex",flexDirection:"column"},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)}}));var Bo=e=>{let{url:a,handleAlert:t}=e;const l=Io(),{sourcesState:o,sourcesDispatch:i}=_(),[c,s]=Object(n.useState)({id:"",name:""}),[m,u]=Object(n.useState)([]),[p,g]=Object(n.useState)({}),[E,h]=Object(n.useState)(1),[y,b]=Object(n.useState)(50),[v,C]=Object(n.useState)(0),[f,A]=Object(n.useState)(!1),[S,w]=Object(n.useState)(!1),[x,T]=r.a.useState(null),[O,N]=Object(n.useState)(null),k=e=>{N(e)},D=()=>{N(null)},I=te(async()=>{await(async e=>{try{return(await L.a.delete(`${K}/${e}`)).data}catch(a){ne(a)}})(x),await i({type:d.DELETE_SOURCE,sourceId:x}),D()},w,t);Object(n.useEffect)(()=>{te(async()=>{const e=await(async()=>{try{return(await L.a.get(""+K)).data}catch(e){ne(e)}})();e.length>0&&await s({id:e[0].id,name:e[0].source_name}),await i({type:d.SET_SOURCES,value:e})},w,t)()},[]),Object(n.useEffect)(()=>{const e=te(async()=>{const{messages:e,total:a}=c.id?await(async(e,a,t)=>{try{return(await L.a.get(`${K}/messages/${e}?page=${a}&size=${t}`)).data}catch(n){ne(n)}})(c.id,E,y):{fetchedMessages:[],total:0};u(e),C(a)},w,t);c.id&&e()},[E,y,c.id,f]);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{className:l.item,item:!0,lg:5,md:6,sm:12,xs:12},r.a.createElement(un.a,{component:Pa.a,className:l.tableContainer},r.a.createElement(pn.a,{"aria-label":"simple table"},r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"ID"),r.a.createElement(dn.a,null,"Source Type"),r.a.createElement(dn.a,null,"Source Name"),r.a.createElement(dn.a,null,"Actions"))),r.a.createElement(En.a,null,o.map(e=>r.a.createElement(mn.a,{key:e.id,selected:e.id===c.id},r.a.createElement(dn.a,null,e.id),r.a.createElement(dn.a,{component:"th",scope:"row"},e.dbname),r.a.createElement(dn.a,{component:"th",scope:"row"},e.source_name),r.a.createElement(dn.a,null,r.a.createElement(je.a,{"aria-label":"play",onClick:()=>{return a=e.id,t=e.source_name,u([]),s({id:a,name:t}),void A(e=>!e);var a,t}},r.a.createElement(Do.a,null)),r.a.createElement(je.a,{"aria-label":"delete",onClick:()=>{T(e.id),k(1)}},r.a.createElement(yr.a,null))))))))),r.a.createElement(Ka.a,{className:l.item,item:!0,lg:7,md:6,sm:12,xs:12},S?r.a.createElement(Ve,null):r.a.createElement(r.a.Fragment,null,r.a.createElement(Ka.a,{style:{maxHeight:"90%",overflow:"auto"},container:!0,spacing:3},0===(null===m||void 0===m?void 0:m.length)?r.a.createElement(Ka.a,{item:!0,xs:12,style:{display:"flex",justifyContent:"center"}},r.a.createElement(Be.a,{className:l.fallbackMessage,variant:"caption"},"No messages available for this source")):null===m||void 0===m?void 0:m.map((e,a)=>r.a.createElement(Ka.a,{item:!0,lg:4,md:6,sm:12,xs:12,key:a},r.a.createElement(Hl,{name:c.name,timestamp:e._source?ee(e._source.creationDate):ee(e.creationDate),message:e,onOpen:()=>(e=>{g({message:e._source||e}),k(3)})(e),onDelete:()=>(e=>{g(e),k(3)})(e)})))),0!==(null===m||void 0===m?void 0:m.length)&&r.a.createElement("div",{className:l.paginationControls},r.a.createElement(je.a,{color:"primary",onClick:()=>{E>1&&h(E-1)},disabled:1===E,size:"small"},r.a.createElement(_o.a,null)),r.a.createElement(Be.a,{variant:"caption",className:l.pageInfo},"Page ",E," of ",Math.ceil(v/y)),r.a.createElement(je.a,{color:"primary",onClick:()=>{E*y<v&&h(E+1)},disabled:E*y>=v,size:"small"},r.a.createElement(jo.a,null)))))),r.a.createElement(Se.a,{open:0===O,onClose:D},r.a.createElement(Ce.a,{disableTypography:!1},"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this data ?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:async()=>{try{let e=await fetch(a+"/delete/"+x.name+"/"+x.type+"/"+x.id,{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+F()}}),t=await e.json();t=t.filter(e=>e._id!=x.id),D()}catch(e){console.error("Error error:",e)}},color:"primary",size:"small"}," yes "),r.a.createElement(ve.a,{onClick:D,color:"primary",size:"small"}," No "))),r.a.createElement(Se.a,{open:1===O,onClose:D},r.a.createElement(Ce.a,{disableTypography:!1},"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this source ?",r.a.createElement(j.a,{severity:"error"}," Note that deleting the source will delete all of its data !! ")),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:I,color:"primary",size:"small"}," yes "),r.a.createElement(ve.a,{onClick:D,color:"primary",size:"small"}," No "))),r.a.createElement(Se.a,{open:2===O,onClose:D},r.a.createElement(Ce.a,{disableTypography:!1},"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete the index definitely ?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:async()=>{try{await fetch(a+"/deleteALLIndex/"+x.name,{method:"GET",mode:"cors",headers:{"Content-Type":"application/json",Authorization:"Bearer "+F()}});D()}catch(e){console.error("Error error:",e)}},color:"primary",size:"small"}," yes "),r.a.createElement(ve.a,{onClick:D,color:"primary",size:"small"}," No "))),r.a.createElement(Se.a,{open:3===O,onClose:D},r.a.createElement(Ce.a,{disableTypography:!1},c.name),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(zr,{name:c.name,message:p._source?p._source:p,handleAlert:t}))))};function Ro(e){const{children:a,value:t,index:n}=e;return r.a.createElement(Pa.a,{square:!0},t===n&&r.a.createElement(pe.a,{p:3},r.a.createElement(Be.a,null,a)))}function Lo(e){let{handleAlert:a}=e;const t=Object(Ne.a)(),[n,l]=r.a.useState(0);return r.a.createElement(r.a.Fragment,null,r.a.createElement(Ja.a,{value:n,onChange:(e,a)=>{l(a)},indicatorColor:"primary",textColor:"primary"},r.a.createElement(Qa.a,{label:"Sources"}),r.a.createElement(Qa.a,{label:"Databases"})),r.a.createElement(Ao.a,{axis:"rtl"===t.direction?"x-reverse":"x",index:n,onChangeIndex:e=>{l(e)}},r.a.createElement(Ro,{value:n,index:0,dir:t.direction},r.a.createElement(Bo,{handleAlert:a})),r.a.createElement(Ro,{value:n,index:1,dir:t.direction},r.a.createElement(No,{handleAlert:a}))))}var Po=()=>{const[e,a]=Object(n.useState)({open:!1,message:"",severity:""});return r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:e.open,message:e.message,onClose:()=>{a(e=>({...e,open:!1}))},severity:e.severity}),r.a.createElement(Lo,{handleAlert:(e,t,n)=>{a({open:e,message:t,severity:n})}}))};Object(de.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(709);Object(de.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)}}));kn()(),kn()();const Fo=Object(de.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 Uo=e=>{const{history:a,url:t}=e,n=Fo();return r.a.createElement("div",{className:n.root},r.a.createElement(nr.a,{url:"https://www.thingwings.com:4000/apis",width:"100%",height:"800px",id:"myId",className:"myClassname",display:"initial",position:"relative"}))};const Mo=Object(de.a)(e=>({root:{padding:e.spacing(1),height:"75vh"},myClassname:{border:"0"}}));var Wo=e=>{const a=Mo(),t=F(),[l,o]=Object(n.useState)(!1);let i=e.match.params.id;return r.a.createElement("div",{className:a.root,id:"root"},r.a.createElement(pe.a,{display:"flex",justifyContent:"center"},l?r.a.createElement(r.a.Fragment,null):r.a.createElement(Ve,null)),r.a.createElement(nr.a,{url:`https://www.thingwings.com/flow-editor/${i}/?token=${t}`,width:"100%",height:"100%",className:a.myClassname,position:"relative",onLoad:function(){o(!0)},allowFullScreen:!0}))},qo=t(795),zo=t(162);const Go=Object(Et.a)(e=>({wrapper:{margin:e.spacing(1),position:"relative",alignItems:"center"},buttonProgress:{color:zo.a[500],position:"absolute",top:"50%",left:"50%",marginTop:-12,marginLeft:-12}}));var Vo=e=>{const{history:a}=e,t=Go(),[l,o]=Object(n.useState)(""),{flowsState:i,flowsDispatch:c}=_(),[s,m]=Object(n.useState)(""),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),g=Object(n.useCallback)((e,a,t)=>{p({open:e,message:a,severity:t})},[]),E=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}),A=Object(n.useCallback)(e=>{f(a=>({...a,[e]:!0}))},[]),S=Object(n.useCallback)(e=>{f(a=>({...a,[e]:!1}))},[]),[w,x]=Object(n.useState)(!1),[T,O]=Object(n.useState)(!1);Object(n.useEffect)(()=>{te(async()=>{const e=await(async()=>{try{return(await L.a.get(Y+"/flows")).data}catch(e){ne(e)}})();c({type:d.SET_FLOWS,value:e})},O,g)()},[c,g]);const N=te(async()=>{l.id&&(await(async e=>{try{return(await L.a.delete(`${Y}/flows/${e}`)).data}catch(a){ne(a)}})(l.id),c({type:d.DELETE_FLOW,flowId:l.id}),v(),g(!0,"Flow deleted successfully","success"),S("delete"))},x,g),k=[{key:"edit",label:"Edit Flow",onClick:Object(n.useCallback)(()=>a.push("nodered/"+l.containerName),[a,l])},{key:"update",label:"Update Name",onClick:()=>{A("edit"),m(l.name)}},{key:"delete",label:"Delete Flow",onClick:()=>A("delete")}],[D,j]=Object(n.useState)(""),I=Object(n.useCallback)(e=>j(e.target.value),[]),R=i.filter(e=>e.name.toLowerCase().includes(D.toLowerCase()));return r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:u.open,message:u.message,onClose:E,severity:u.severity}),r.a.createElement(Ka.a,{container:!0,spacing:3,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0,xs:3},r.a.createElement("div",{className:t.row},r.a.createElement(qa,{className:t.searchInput,placeholder:"Search flow",name:"search",value:D,onChange:I}))),r.a.createElement(Ka.a,{item:!0,xs:3},r.a.createElement(ve.a,{variant:"contained",color:"primary",onClick:()=>A("add"),style:{float:"right"}},"Add Flow")),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Xa.a,null,r.a.createElement(Ct.a,{title:"List of Flows"}),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Le.a,{anchorEl:h,open:Boolean(h),onClose:v},k.map(e=>r.a.createElement(St.a,{key:e.key,onClick:e.onClick},e.label))),r.a.createElement(Ka.a,{item:!0,xs:12},T?r.a.createElement(Ve,null):0!==R.length?r.a.createElement(pn.a,null,r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Name"),r.a.createElement(dn.a,null,"Created"),r.a.createElement(dn.a,null,"Updated"),r.a.createElement(dn.a,{align:"right"},"Actions"))),r.a.createElement(En.a,null,R.map(e=>r.a.createElement(mn.a,{key:e.id.toString()},r.a.createElement(dn.a,{component:"th",scope:"row"},e.name),r.a.createElement(dn.a,null,ee(e.created)),r.a.createElement(dn.a,null,ee(e.updated)),r.a.createElement(dn.a,{align:"right"},r.a.createElement(je.a,{edge:"end",onClick:a=>b(a,e)},r.a.createElement(qo.a,null))))))):r.a.createElement(Ka.a,{style:{minHeight:100},spacing:3,container:!0,justifyContent:"center",alignItems:"center"},r.a.createElement(Be.a,null," No Flows to show ")))))),r.a.createElement(io,{flowControl:C,name:s,setProgress:x,handleAlert:g,handleDialogClose:S,flow:l,progress:w,history:a}),r.a.createElement(Se.a,{open:C.delete,onClose:()=>S("delete")},r.a.createElement(Ce.a,{disableTypography:!1},"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this flow?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:N,color:"primary",size:"small"}," yes "),r.a.createElement(ve.a,{onClick:()=>S("delete"),color:"primary",size:"small"}," No "),w?r.a.createElement(pe.a,{display:"flex"}," ",r.a.createElement(Ge.a,{color:"secondary"})," "):null)))};const Ko=e=>{let{value:a,onChange:t,...n}=e;return r.a.createElement(Ja.a,Object.assign({value:a,onChange:t},n))},Ho=e=>{let{label:a,...t}=e;return r.a.createElement(Qa.a,Object.assign({label:a},t))},Yo=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))},Zo=e=>{let{selectData:a}=e;return r.a.createElement(Ka.a,{container:!0,spacing:3,style:{margin:"10px"}},r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Type")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},"MQTT Broker")),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Created")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},a.created_at)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Updated")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},a.updated_at)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Device Id")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},a.device_id)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)))},Jo=e=>{let{selectData:a}=e;return r.a.createElement(Ka.a,{container:!0,spacing:3,style:{margin:"10px"}},r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Host")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},"www.thingwings.com")),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Username")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},a.username)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},"Password")),r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(Be.a,{variant:"h6",color:"textSecondary",component:"h4"},a.password)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)))};var Qo=e=>{let{thingId:a,handleAlert:t,setAcls:l,Acls:o}=e;const[i,c]=Object(n.useState)(!1),[s,m]=Object(n.useState)(null),[d,u]=Object(n.useState)(!1),p=te(async()=>{await(async(e,a)=>{try{return(await L.a.delete(`${z}/${e}/${a}`)).data}catch(t){ne(t)}})(a,s),l(e=>e.filter(e=>e.id!==s)),c(!1)},u,t),g=()=>{c(!1)};return r.a.createElement(un.a,null,r.a.createElement(pn.a,null,r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Topic"),r.a.createElement(dn.a,null,"Access Type"),r.a.createElement(dn.a,null,"Action"))),r.a.createElement(En.a,null,o.map(e=>r.a.createElement(mn.a,{key:e.acl_id},r.a.createElement(dn.a,null,e.topic),r.a.createElement(dn.a,null,3==e.rw?"Publishes & Subscriptions":1==e.rw?"Subscriptions":"Publishes"),r.a.createElement(dn.a,null,r.a.createElement(je.a,{onClick:()=>{return a=e.acl_id,m(a),void c(!0);var a}},r.a.createElement(yr.a,null))))))),r.a.createElement(Se.a,{open:i,onClose:g},r.a.createElement(Ce.a,null,"Confirmation"),r.a.createElement(fe.a,null,r.a.createElement(Ye.a,null,"Are you sure you want to delete this permission?")),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:g,color:"primary"},"Cancel"),r.a.createElement(ve.a,{disabled:d,onClick:p,color:"primary"},"Delete"),d&&r.a.createElement(Ve,{size:24}))))};const Xo=e=>{let{selectData:a,handleAlert:t}=e;const[l,o]=Object(n.useState)([]),[i,c]=Object(n.useState)(!0),[s,m]=Object(n.useState)({add:!1,delete:!1});Object(n.useEffect)(()=>{d()},[]);const d=te(async()=>{c(!0);const e=await ie(a.thing_id);o(e)},c,t);return r.a.createElement(Ka.a,{container:!0,spacing:3,style:{margin:"10px"}},r.a.createElement(Ka.a,{item:!0,xs:6},r.a.createElement(ve.a,{variant:"contained",color:"primary",onClick:()=>{return e="add",void m(a=>({...a,[e]:!0}));var e}},"Assign New Permission")),r.a.createElement(Ee.a,null),r.a.createElement(Ka.a,{item:!0,xs:10},i?r.a.createElement(Ve,null):r.a.createElement(Qo,{handleAlert:t,setAcls:o,Acls:l,thingId:a.thing_id,fetchDataAcl:d})),r.a.createElement(po,{openDialog:s,handleCloseDialog:()=>{m({add:!1,delete:!1})},selectData:a,setLoading:c,handleAlert:t,fetchDataAcl:d}))};var $o=e=>{let{selectData:a,thingName:t,handleThingNameChange:l,handleAlert:o,handleChange:i,value:c}=e;const[s,m]=Object(n.useState)(!1),{thingsDispatch:u}=_(),p=te(async()=>{await(async(e,a)=>{try{return(await L.a.put(`${q}/${e}`,a)).data}catch(t){ne(t)}})(a.thing_id,{name:t}),await u({type:d.UPDATE_THING,thingId:a.thing_id,name:t}),o(!0,"Thing updated successfully","success")},m,o);return r.a.createElement("div",{role:"presentation"},r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between",alignItems:"center",style:{marginTop:8}},r.a.createElement(Ka.a,{item:!0},r.a.createElement(et.a,{autoFocus:!0,value:t,margin:"dense",label:"Thing Name",type:"text",fullWidth:!0,onChange:l})),r.a.createElement(Ka.a,{item:!0},r.a.createElement(je.a,{"aria-controls":"customized-menu","aria-haspopup":"true",color:"primary",onClick:p},r.a.createElement(On.a,null)),s&&r.a.createElement(Ve,{color:"secondary"})))),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ko,{value:c,onChange:i,"aria-label":"ant example"},r.a.createElement(Ho,{label:"Details"}),r.a.createElement(Ho,{label:"Credentials"}),r.a.createElement(Ho,{label:"Permissions"})),r.a.createElement(Yo,{value:c,index:0},r.a.createElement(Zo,{selectData:a})),r.a.createElement(Yo,{value:c,index:1},r.a.createElement(Jo,{selectData:a})),r.a.createElement(Yo,{value:c,index:2},r.a.createElement(Xo,{selectData:a,handleAlert:o})))))};const ei=Object(Et.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 - 160px)","& .MuiTableCell-root":{padding:"15px"},"& .MuiPaper-elevation4":{boxShadow:"0 0 0 0"}}}));var ai=()=>{const e=ei(),a=Object(Ne.a)(),t=Object(ke.a)(a.breakpoints.down("sm")),{thingsState:l,thingsDispatch:o}=_(),[i,c]=r.a.useState(0),[s,m]=r.a.useState({}),[u,p]=Object(n.useState)(""),[g,E]=r.a.useState(null),h=Boolean(g),[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}),A=(e,a)=>()=>{f({...C,[e]:a})},[S,w]=r.a.useState(!1),x=()=>{w(!1)},T=()=>{E(null)},[O,N]=r.a.useState(!1),[k,D]=r.a.useState(!1),[j,I]=Object(n.useState)(!1),R=()=>{I(!1)},P=te(async()=>{await T(),await(async e=>{try{return(await L.a.delete(`${q}/${e}`)).data}catch(a){ne(a)}})(s.thing_id),await o({type:d.DELETE_THING,thingId:s.thing_id}),await R()},D,v);Object(n.useEffect)(()=>{te(async()=>{const e=await oe();await o({type:d.SET_THINGS,value:e})},N,v)()},[]);const[F,U]=Object(n.useState)(""),M=l.filter(e=>e.name.toLowerCase().includes(F.toLowerCase()));return r.a.createElement(r.a.Fragment,null,r.a.createElement(B,{open:y.open,message:y.message,onClose:()=>{b(e=>({...e,open:!1}))},severity:y.severity}),r.a.createElement(ge.a,{anchor:"right",open:C.right,onClose:A("right",!1),classes:{paper:e.drawerPaper}},r.a.createElement($o,{selectData:s,handleThingNameChange:e=>{p(e.target.value)},loading:O,handleChange:(e,a)=>{c(a)},thingName:u,value:i,toggleDrawer:A,handleAlert:v})),r.a.createElement(Ka.a,{container:!0,spacing:3,justifyContent:"space-between"},r.a.createElement(Ka.a,{item:!0,xs:6,sm:6,md:4},r.a.createElement("div",{className:e.row},r.a.createElement(qa,{className:e.searchInput,placeholder:"Search thing",name:"search",onChange:e=>{U(e.target.value)}}))),r.a.createElement(Ka.a,{item:!0,xs:4,sm:4,md:4,style:{textAlign:t?"center":"right"}},r.a.createElement(ve.a,{variant:"contained",color:"primary",onClick:()=>{w(!0)},className:e.btn},"Add thing")),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Le.a,{id:"long-menu",anchorEl:g,keepMounted:!0,open:h,onClose:T,PaperProps:{style:{maxHeight:216,width:"20ch"}}},r.a.createElement(St.a,{key:"1",selected:!1,onClick:A("right",!0)},"Details"),r.a.createElement(St.a,{key:"4",selected:!1,onClick:()=>{I(!0)}},"Delete ")),r.a.createElement(Ka.a,{item:!0,xs:12},O?r.a.createElement(Ve,null):r.a.createElement(Xa.a,null,r.a.createElement(Ct.a,{title:"List of Things"}),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(un.a,{className:e.tableContainer},r.a.createElement(pn.a,null,r.a.createElement(gn.a,null,r.a.createElement(mn.a,null,r.a.createElement(dn.a,null,"Name"),r.a.createElement(dn.a,{align:"center"},"N\xb0 Messages"),r.a.createElement(dn.a,{align:"center"},"Created"),r.a.createElement(dn.a,{align:"center"},"Status"),r.a.createElement(dn.a,{align:"center"},"Actions"))),r.a.createElement(En.a,null,M.map(e=>r.a.createElement(mn.a,{key:e.id},r.a.createElement(dn.a,{component:"th",scope:"row"},r.a.createElement(Ka.a,{container:!0,alignItems:"center"},r.a.createElement(Va,{style:{marginRight:10},color:"success",size:"sm"}),r.a.createElement(Be.a,{variant:"body1"},e.name))),r.a.createElement(dn.a,{align:"center"},e.messages_count),r.a.createElement(dn.a,{align:"center"},ee(e.created_at)),r.a.createElement(dn.a,{align:"center"},r.a.createElement("span",{style:{backgroundColor:"green",color:"white",padding:"4px 8px",borderRadius:"15px",marginLeft:"8px"}},"Running")),r.a.createElement(dn.a,{align:"center"},r.a.createElement(je.a,{edge:"end",onClick:a=>(async(e,a)=>{m(a),p(a.name),E(e.currentTarget)})(a,e)},r.a.createElement(wo.a,null)))))))))))),r.a.createElement(Se.a,{open:S,onClose:x,"aria-labelledby":"form-dialog-title"},r.a.createElement(Ce.a,{id:"form-dialog-title"}," New Thing"),r.a.createElement(uo,{handleAlert:v,handleCloseNew:x,open:S})),r.a.createElement(Se.a,{open:j,onClose:R},r.a.createElement(Ce.a,{disableTypography:!1},"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this thing?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:P,color:"primary",size:"small"}," yes "),r.a.createElement(ve.a,{onClick:R,color:"primary",size:"small"}," No "),k&&r.a.createElement(Ve,{size:24}))))},ti=t(785),ni=t(796);const ri=Object(Et.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 li=e=>{let{history:a,url:t,className:l,...o}=e;const i=ri(),[c,s]=Object(n.useState)([]),[m,d]=Object(n.useState)(!1),[u,p]=Object(n.useState)({open:!1,message:"",severity:"info"}),[g,E]=Object(n.useState)(!1),[h,y]=Object(n.useState)({}),[b,v]=Object(n.useState)(""),[C,f]=Object(n.useState)(!1),A=te(async()=>{const e=await(async()=>{try{return(await L.a.get(M+"/allSDK")).data}catch(e){ne(e)}})();s(e)},d,(e,a,t)=>{p({open:e,message:a,severity:t})});Object(n.useEffect)(()=>{A()},[]);const S=async e=>{await(async e=>{try{window.open(`${M}/download/${e}`)}catch(a){ne(a)}})(e)};return r.a.createElement("div",{className:i.root},r.a.createElement(B,{open:u.open,message:u.message,onClose:()=>{p(e=>({...e,open:!1}))},severity:u.severity}),m&&r.a.createElement(Ve,null),r.a.createElement(Ka.a,{container:!0,spacing:3},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ct.a,{title:"Downloads"})),r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Ee.a,null)),r.a.createElement(Ka.a,{container:!0,spacing:3},c.map(e=>r.a.createElement(Ka.a,{item:!0,lg:3,sm:6,xl:2,xs:12,key:e.label},r.a.createElement(Xa.a,{className:i.root},r.a.createElement(Ct.a,{avatar:r.a.createElement(Ie.a,{"aria-label":"recipe",className:i.avatar},"SDK"),title:e.label,subheader:new Date(Date.now()).toDateString()}),r.a.createElement(ti.a,{className:i.media,image:`${t}/${e.link}`,title:e.info}),r.a.createElement($a.a,null,r.a.createElement(Be.a,{variant:"body2",color:"textSecondary",component:"p"},e.info),["espressif","gsm","arduino"].map(a=>e.get===a&&r.a.createElement(Be.a,{key:a,className:i.root},r.a.createElement(ta.a,{href:"#",onClick:()=>S(e.get)},a.toUpperCase()),r.a.createElement(je.a,{onClick:()=>S(e.get)},r.a.createElement(ni.a,null))))),r.a.createElement(at.a,{disableSpacing:!0}))))),r.a.createElement(Se.a,{open:C,onClose:()=>f(!1)},r.a.createElement(Ce.a,null,"Confirmation"),r.a.createElement(fe.a,{dividers:!0},"Are you sure you want to delete this template?"),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:async()=>{try{await(async e=>{try{return(await L.a.get(`${M}/deleteSchema/${e}`)).data}catch(a){ne(a)}})(b),await A(),f(!1)}catch(e){console.error("Error:",e)}},color:"primary",size:"small"},"Yes"),r.a.createElement(ve.a,{onClick:()=>f(!1),color:"primary",size:"small"},"No"))),r.a.createElement(Se.a,{onClose:()=>{E(!1)},open:g},r.a.createElement(Ce.a,null,"Description"),r.a.createElement(fe.a,{dividers:!0},r.a.createElement(qr.a,{src:h})))))},oi=t(435);const ii=Object(Et.a)(e=>({formContainer:{padding:e.spacing(2),borderRadius:e.spacing(1)}}));var ci=e=>{let{handleClose:a,handleAlert:t}=e;const l=ii(),{usersState:o,usersDispatch:i,productsDispatch:c}=_(),[s,m]=Object(n.useState)(!0),[u,p]=Object(n.useState)(null);Object(n.useEffect)(()=>{te(async()=>{try{const e=await tl();i({type:d.SET_USERS,value:e.users}),m(!1)}catch(u){p(u),m(!1)}},m,t)()},[]);const g=Object(tt.e)({initialValues:{name:"",unitAmount:"",taxCode:"txcd_10000000",devices:"",messages:"",level:"",interval:"month",currency:"usd",users:[],planType:"Mqtt"},validationSchema:nt.b({name:nt.c().required("Required"),unitAmount:nt.a().required("Required"),taxCode:nt.c().required("Required"),devices:nt.c().required("Required"),messages:nt.c().required("Required"),level:nt.c().required("Required"),interval:nt.c().required("Required"),currency:nt.c().required("Required"),planType:nt.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 L.a.post(It+"/add-product",e)).data}catch(u){ne(u)}})(t);await c({type:d.ADD_PRODUCT,value:r}),n(),a()}catch(u){console.error("Error adding product:",u)}}});return r.a.createElement(r.a.Fragment,null,s&&r.a.createElement("p",null,"Loading..."),u&&r.a.createElement("p",null,"Error: ",u.message),!s&&!u&&r.a.createElement("form",{onSubmit:g.handleSubmit},r.a.createElement(Ka.a,{container:!0,spacing:2,className:l.formContainer},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Be.a,{variant:"h6"},"Add New Product")),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Product Name",name:"name",variant:"outlined",required:!0,fullWidth:!0,value:g.values.name,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.name&&Boolean(g.errors.name),helperText:g.touched.name&&g.errors.name})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Unit Amount",name:"unitAmount",variant:"outlined",required:!0,fullWidth:!0,type:"number",value:g.values.unitAmount,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.unitAmount&&Boolean(g.errors.unitAmount),helperText:g.touched.unitAmount&&g.errors.unitAmount})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Tax Code",name:"taxCode",variant:"outlined",required:!0,fullWidth:!0,value:g.values.taxCode,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.taxCode&&Boolean(g.errors.taxCode),helperText:g.touched.taxCode&&g.errors.taxCode})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Devices",name:"devices",variant:"outlined",required:!0,fullWidth:!0,value:g.values.devices,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.devices&&Boolean(g.errors.devices),helperText:g.touched.devices&&g.errors.devices})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Messages",name:"messages",variant:"outlined",required:!0,fullWidth:!0,value:g.values.messages,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.messages&&Boolean(g.errors.messages),helperText:g.touched.messages&&g.errors.messages})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Level",name:"level",variant:"outlined",required:!0,fullWidth:!0,value:g.values.level,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.level&&Boolean(g.errors.level),helperText:g.touched.level&&g.errors.level})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{select:!0,label:"Interval",name:"interval",variant:"outlined",required:!0,fullWidth:!0,value:g.values.interval,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.interval&&Boolean(g.errors.interval),helperText:g.touched.interval&&g.errors.interval},r.a.createElement(St.a,{value:"week"},"Weekly"),r.a.createElement(St.a,{value:"month"},"Monthly"),r.a.createElement(St.a,{value:"year"},"Yearly"))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(et.a,{label:"Currency",name:"currency",variant:"outlined",required:!0,fullWidth:!0,value:g.values.currency,onChange:g.handleChange,onBlur:g.handleBlur,error:g.touched.currency&&Boolean(g.errors.currency),helperText:g.touched.currency&&g.errors.currency})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(At.a,{variant:"outlined",fullWidth:!0},r.a.createElement(wt.a,{id:"plan-type-label"},"Plan Type"),r.a.createElement(ft.a,{labelId:"plan-type-label",id:"plan-type-select",name:"planType",value:g.values.planType,onChange:g.handleChange,onBlur:g.handleBlur,label:"Plan Type",error:g.touched.planType&&Boolean(g.errors.planType)},r.a.createElement(St.a,{value:"Mqtt"},"Mqtt alone"),r.a.createElement(St.a,{value:"Kafka"},"Kafka alone"),r.a.createElement(St.a,{value:"Mqtt_Kafka"},"Mqtt + Kafka")),g.touched.planType&&g.errors.planType&&r.a.createElement(Be.a,{color:"error",variant:"caption"},g.errors.planType))),r.a.createElement(Ka.a,{item:!0,xs:12,sm:6},r.a.createElement(Mt.a,{multiple:!0,name:"users",options:o,getOptionLabel:e=>e.name,value:g.values.users,onChange:(e,a)=>g.setFieldValue("users",a),renderTags:(e,a)=>e.map((e,t)=>r.a.createElement(oi.a,Object.assign({key:t,label:e.name},a({index:t})))),renderInput:e=>r.a.createElement(et.a,Object.assign({},e,{variant:"outlined",label:"Users",placeholder:"Select users",error:g.touched.users&&Boolean(g.errors.users),helperText:g.touched.users&&g.errors.users}))})),r.a.createElement(Ka.a,{container:!0,justifyContent:"flex-end"},r.a.createElement(ve.a,{type:"submit",variant:"contained",color:"primary"},"Add Product")))))};const si=Object(Et.a)(e=>({formContainer:{padding:e.spacing(2),backgroundColor:"#f9f9f9",borderRadius:e.spacing(1)}}));var mi=()=>{const e=si(),{metadataState:a,metadataDispatch:t}=_(),n=e=>{t({type:d.EDIT_METADATA_VALUES,key:e.target.name,value:e.target.value})};return r.a.createElement(Ka.a,{container:!0,spacing:2,className:e.formContainer},r.a.createElement(Ka.a,{item:!0,xs:12},r.a.createElement(Be.a,{variant:"h6"},"Product : ",a.productName)),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Devices",name:"devices",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.devices,onChange:n})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Messages",name:"messages",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.messages,onChange:n})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Level",name:"level",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.level,onChange:n})),r.a.createElement(Ka.a,{item:!0,xs:12,sm:4},r.a.createElement(et.a,{label:"Price",name:"price",variant:"outlined",type:"number",required:!0,fullWidth:!0,value:a.price,onChange:n})))};const di=Object(Ot.a)({switchBase:{color:"primary","&$checked":{color:"secondary"},"&$checked + $track":{backgroundColor:"secondary"}},checked:{},track:{}})(Kr.a);var ui=e=>{const[a,t]=Object(n.useState)(!1),[l,o]=Object(n.useState)(!1),c=e.customerId,s=e.priceid&&e.currentPlan.priceId===e.priceid,m=e.currentPlan.nextPriceId===e.priceid,u=e.currentPlan.level,p=e.currentPlan.ongoing,g=s||m?new Date(1e3*e.currentPlan.currentend).toDateString():null,E=e.price,h=e.features,y=Object(i.g)(),{productsDispatch:b}=_(),v=()=>{y.push(`/plan/payments?planName=${e.name}&priceId=${e.priceid}`)},C=async()=>{t(!0);const a=await(async(e,a)=>{try{return(await L.a.post(`${It}/create-subscription/${e}`,{priceId:a})).data}catch(t){ne(t)}})(c,e.priceid);e.setCurrentPlan(a),await e.fetchCustomerInfoData(),t(!1)};return r.a.createElement(Xa.a,{variant:"outlined",style:{height:"100%",minHeight:"500px",display:"flex",flexDirection:"column",boxShadow:"8px 8px 8px rgba(0, 0, 0, 0.1)",backgroundColor:s?"rgba(0, 0, 255, 0.1)":"transparent",border:m?"2px solid blue":null}},r.a.createElement(Ct.a,{style:{marginBottom:"30px"},title:r.a.createElement(Be.a,{variant:"h5",align:"center"}," ",e.name," ")}),r.a.createElement(Ct.a,{style:{height:"100%",minHeight:"100px"},title:0===E?r.a.createElement(Be.a,{variant:"h4",align:"center"}," Free "):5===E?r.a.createElement(r.a.Fragment,null,r.a.createElement(Be.a,{variant:"h4",align:"center"}," Custom Price "),r.a.createElement(Be.a,{variant:"subtitle2",align:"center"},"Per Unit/Month")):r.a.createElement(r.a.Fragment,null,r.a.createElement(Be.a,{variant:"h4",align:"center"},"$",E),r.a.createElement(Be.a,{variant:"subtitle2",align:"center"},"Per Unit/Month"))}),r.a.createElement($a.a,null,r.a.createElement("ul",null,r.a.createElement("hr",null),Object.entries(h).map(a=>{let[t,n]=a;const l=s?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(Be.a,{variant:"h6",style:{color:"Red"}},s&&r.a.createElement(r.a.Fragment,null," Ends ",g)||m&&r.a.createElement(r.a.Fragment,null," Starting ",g))),r.a.createElement("div",{style:{flexGrow:1}}),r.a.createElement(at.a,{style:{justifyContent:"flex-end"}},X()?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,X()&&r.a.createElement(di,{checked:e.isActive,onChange:async a=>{try{const t=a.target.checked;await(async(e,a)=>{try{return(await L.a.put(`${It}/archive-product/${e}`,{active:a})).data}catch(t){ne(t)}})(e.productId,t),b({type:d.ARCHIVE_PRODUCT,productId:e.productId,active:t})}catch(t){console.error("Error deleting product:",t)}},color:"primary"}),e.isActive&&X()&&r.a.createElement(je.a,{color:"primary",onClick:async()=>{await e.handleMetadaDataFormOpen({productId:e.productId,price:e.price,productName:e.name,...e.features})}},r.a.createElement(ol.a,null)))):s?r.a.createElement(r.a.Fragment,null,r.a.createElement(ve.a,{variant:"contained",color:"primary",onClick:v},e.currentPlan.quantity+" Units | +"),e.price>0&&r.a.createElement(ve.a,{variant:"contained",color:"primary",disabled:a,onClick:async()=>{t(!0),await(async e=>{try{return(await L.a.put(`${It}/subscription-continuation/${e}`)).data}catch(a){ne(a)}})(e.customerId),await e.fetchCustomerInfoData(),t(!1)}},a?"Processing...":p?"Cancel":"Reactivate")):r.a.createElement(r.a.Fragment,null,m||r.a.createElement(ve.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 pi=Object(Et.a)(e=>({container:{width:"90%",[e.breakpoints.up("md")]:{maxWidth:"none"}},drawerOpen:{width:"100%"}}));function gi(){var e;pi();const{drawerState:a,metadataState:t,metadataDispatch:l,productsState:o,productsDispatch:i}=_(),[c,s]=Object(n.useState)(null),[m,u]=Object(n.useState)(!1),[p,g]=Object(n.useState)(null),[E,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})},[]),A=Object(n.useCallback)(()=>C(e=>({...e,open:!1})),[]),S=()=>{h(!1)},w=()=>{b(!1)},x=te(async()=>{if(c){const e=await(async e=>{try{return(await L.a.get(`${It}/customer-info/${e}`)).data}catch(a){ne(a)}})(c);g(e)}},u,f);Object(n.useEffect)(()=>{const e=Q();e&&e.CusId&&s(e.CusId)},[]),Object(n.useEffect)(()=>{const e=te(async()=>{await x()},u,f);te(async()=>{const e=await(async()=>{try{return(await L.a.get(It+"/products")).data}catch(e){ne(e)}})();i({type:d.SET_PRODUCTS,value:e})},u,f)(),e()},[c]),console.log(m);const T=te(async()=>{const e=await(async e=>{try{return(await L.a.put(It+"/update-product",e)).data}catch(a){ne(a)}})(t);i({type:"UPDATE_PRODUCT",productId:t.productId,value:e.updated_product}),w()},u,f),O=e=>{l({type:"SET_METADATA_VALUES",value:e}),b(!0)},N=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(B,{open:v.open,message:v.message,onClose:A,severity:v.severity}),r.a.createElement("div",{style:{padding:20}},r.a.createElement(Ka.a,{container:!0,justifyContent:"space-between",style:{margin:5}},r.a.createElement("div",null,r.a.createElement(Be.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,"$"))),X()&&r.a.createElement(ve.a,{align:"center",variant:"contained",color:"primary",onClick:()=>h(!0)},"Add Product")),m?r.a.createElement(Ve,{size:24}):r.a.createElement(Ka.a,{container:!0,justifyContent:"center",spacing:2},r.a.createElement(Ka.a,{item:!0,xs:12}," ",r.a.createElement(Ee.a,null)),k.map(e=>r.a.createElement(Ka.a,{item:!0,key:e.id,xs:12,sm:6,md:4,lg:3},r.a.createElement(ui,{isActive:e.active,productId:e.id,name:e.name,price:e.price,features:e.metadata,priceid:e.priceid,setCurrentPlan:g,currentPlan:{...p,level:N},customerId:c,fetchCustomerInfoData:x,handleMetadaDataFormOpen:O})))),r.a.createElement(Se.a,{fullWidth:!0,open:E,onClose:S},r.a.createElement(fe.a,null,r.a.createElement(ci,{onClose:S,handleAlert:f}))),r.a.createElement(Se.a,{open:y,onClose:w},r.a.createElement(Ce.a,null,"Update Product Metadata"),r.a.createElement(fe.a,null,r.a.createElement(mi,null)),r.a.createElement(Ae.a,null,r.a.createElement(ve.a,{onClick:w,color:"primary"},"Cancel"),r.a.createElement(ve.a,{onClick:T,color:"primary"},"Update")))))}const Ei=Object(Et.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 hi=e=>{let{title:a,logoLink:t}=e;const n=Ei();return r.a.createElement(_e.a,{className:n.toolbar},void 0!==a&&r.a.createElement(Ka.a,{container:!0,item:!0,direction:"row",alignItems:"center",xs:12,sm:6},r.a.createElement(Ka.a,{item:!0},void 0!==t&&r.a.createElement("img",{src:""+t,alt:"logo",height:"70px"})),r.a.createElement(Ka.a,{item:!0},r.a.createElement(Be.a,{className:n.title,variant:"h4",noWrap:!0,color:"primary"},a.toUpperCase()))))};var yi=()=>r.a.createElement("div",{style:{flexGrow:1}},r.a.createElement(hi,{title:"PAYMENT FORM",logoLink:"/logo.png"}),r.a.createElement(sn,null));var bi=()=>[{path:"/signin",exact:!0,component:el,layout:"MinimalLayout"},{path:"/signup",exact:!0,component:ll,layout:"MinimalLayout"},{path:"/",exact:!0,component:sr,layout:"MainLayout",requiresAuth:!0},{path:"/dashboard",exact:!0,component:sr,layout:"MainLayout",requiresAuth:!0},{path:"/things",exact:!0,component:ai,layout:"MainLayout",requiresAuth:!0},{path:"/nodered/:id",exact:!0,component:Wo,layout:"MainLayout",requiresAuth:!0},{path:"/flows",exact:!0,component:Vo,layout:"MainLayout",requiresAuth:!0},{path:"/dbmanager",exact:!0,component:Po,layout:"MainLayout",requiresAuth:!0},{path:"/steps",exact:!0,component:Co,layout:"MainLayout",requiresAuth:!0},{path:"/account",exact:!0,component:fn,layout:"MainLayout",requiresAuth:!0},{path:"/plan",exact:!0,component:gi,layout:"MainLayout",requiresAuth:!0},{path:"/plan/payments",exact:!0,component:yi,layout:"MainLayout",requiresAuth:!0},{path:"/settings",exact:!0,component:Jr,layout:"MainLayout",requiresAuth:!0},{path:"/topics",exact:!0,component:Ql,layout:"MainLayout",requiresAuth:!0},{path:"/apis",exact:!0,component:xl,layout:"MainLayout",requiresAuth:!0},{path:"/downloads",exact:!0,component:li,layout:"MainLayout",requiresAuth:!0},{path:"/connectors",exact:!0,component:Vr,layout:"MainLayout",requiresAuth:!0},{path:"/swagger",exact:!0,component:Uo,layout:"MainLayout",requiresAuth:!0},{path:"/not-found",exact:!0,component:dr,layout:"MinimalLayout"},{path:"/users",exact:!0,component:ul,layout:"MainLayout",requiresAuth:!0}];const vi=Object(c.a)(),Ci=Object(s.b)(),fi=bi();function Ai(){const[e,a]=Object(n.useState)({open:!1,message:"",severity:""});return Object(n.useEffect)(()=>{const e=J();if(e){const t=new WebSocket("wss://k8s.thingwings.com/wss",[e.split(" ")[1]]);return t.addEventListener("open",()=>{console.log("Connected to server")}),t.addEventListener("message",e=>{var t,n;console.log("Received message:",e.data),t=!0,n=e.data,a({open:t,message:n,severity:"info"})}),t.addEventListener("ping",e=>{t.pong(),console.log("Received ping, sent pong")}),()=>{t.close()}}},[]),r.a.createElement(m.a,{theme:Ci},r.a.createElement(D,null,r.a.createElement(B,{open:e.open,message:e.message,onClose:()=>{a({open:!1,message:"",severity:"info"})},severity:e.severity}),r.a.createElement(i.c,{history:vi},r.a.createElement(La,{routes:fi}))))}o.a.render(r.a.createElement(Ai,null),document.getElementById("root"))}},[[492,1,2]]]);
//# sourceMappingURL=main.a74bcf92.chunk.js.map