(this["webpackJsonptodo-ui"]=this["webpackJsonptodo-ui"]||[]).push([[0],{109:function(e,t,n){e.exports=n(110)},110:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(36),i=n.n(c),u=n(106),o=n(46),s=Object(o.b)((function(){}));!function(){var e=n(224).default;i.a.render(r.a.createElement(u.a,{store:s},r.a.createElement(e,null)),document.getElementById("root"))}()},180:function(e,t,n){e.exports={nodeDiameter:"72px",jointDiameter:"24px",jointOffsetX:"2px"}},220:function(e,t,n){e.exports={nodeDiameter:"72px",jointDiameter:"24px",jointOffsetX:"2px"}},221:function(e,t,n){e.exports={nodeDiameter:"72px",jointDiameter:"24px",jointOffsetX:"2px"}},223:function(e,t,n){e.exports={nodeDiameter:"72px",jointDiameter:"24px",jointOffsetX:"2px"}},224:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(29),i=n.n(c),u=n(73),o=n.n(u);n(180);function s(e){var t=e.title,n=e.subtitle;return r.a.createElement("div",{className:"canvas-header"},r.a.createElement(o.a,{level:1,displayLevel:3,isLight:!0,className:"canvas-header__robot-title"},t),r.a.createElement("div",{className:"canvas-header__robot-subtitle-container"},r.a.createElement(o.a,{level:1,displayLevel:3},r.a.createElement("span",{className:"canvas-header__robot-subtitle"},n))))}var l=n(5),m=n.n(l),p=n(14),f=n(23),d=n(28),v=n.n(d),h=n(47),b=n.n(h);n(220);function w(e){var t=e.item,n=e.editItem,a=e.saveItem,c=e.deleteItem,i=r.a.useState(t.text),u=Object(f.a)(i,2),o=u[0],s=u[1],l=r.a.useState(0),m=Object(f.a)(l,2),p=(m[0],m[1]);return r.a.createElement("div",{className:"item"},r.a.createElement("div",{className:"input"},r.a.createElement(b.a,{isReadOnly:!t.editable,onChange:function(e){var n=e.target.value;s(n),t.text=n},placeholder:"Input text",size:"medium",value:o})),r.a.createElement("div",{className:"buttons"},r.a.createElement(v.a,{kind:"secondary",onClick:function(){var e=t.editable;t.editable=!e,t.text=o,e?function(e){a(e)}(t):function(e){n(e)}(t),p((function(e){return e+1}))}},t.editable?"Save":"Edit"),"\xa0\xa0",r.a.createElement(v.a,{kind:"destructive",onClick:function(){c(t)}},"Delete")))}n(221);var E=n(104),x=n(105),j=function(){function e(){Object(E.a)(this,e)}return Object(x.a)(e,[{key:"fetchData",value:function(){var e=Object(p.a)(m.a.mark((function e(t,n){var a,r,c=arguments;return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=c.length>2&&void 0!==c[2]?c[2]:{},r=t.replace(/\/$/g,""),e.abrupt("return",fetch("".concat(r).concat(n),a));case 3:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}()},{key:"getNodes",value:function(){var e=Object(p.a)(m.a.mark((function e(t){var n,a,r;return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.fetchData(t,"/items/");case 2:if(!(n=e.sent).ok){e.next=9;break}return e.next=6,n.json();case 6:return a=e.sent,r=a.data,e.abrupt("return",r);case 9:return e.abrupt("return",Promise.reject(n.status));case 10:case"end":return e.stop()}}),e,this)})));return function(t){return e.apply(this,arguments)}}()},{key:"saveItem",value:function(){var e=Object(p.a)(m.a.mark((function e(t,n){return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.fetchData(t,"/items/",{method:"POST",body:JSON.stringify(n)});case 2:case"end":return e.stop()}}),e,this)})));return function(t,n){return e.apply(this,arguments)}}()},{key:"deleteItem",value:function(){var e=Object(p.a)(m.a.mark((function e(t,n){return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.fetchData(t,"/items/".concat(n.id),{method:"DELETE",body:JSON.stringify(n)});case 2:case"end":return e.stop()}}),e,this)})));return function(t,n){return e.apply(this,arguments)}}()}]),e}(),O=r.a.createContext(void 0);function y(e){var t=e.children;return r.a.createElement(O.Provider,{value:new j},t)}var g=n(226);function k(e){var t=r.a.useState(0),n=Object(f.a)(t,2),c=(n[0],n[1],function(){var e;return null!==(e=window.localStorage.getItem("server"))&&void 0!==e?e:"https://325-o11y-assignment-uthra-manoj-todo-api-main.highbond-s3.com/"}),i=function(){var e=r.a.useContext(O);if(void 0===e)throw new Error("useApi must be used within an TodoApiProvider");return e}(),u=Object(a.useState)([]),o=Object(f.a)(u,2),s=o[0],l=o[1],d=r.a.useState(c()),h=Object(f.a)(d,2),E=h[0],x=h[1];Object(a.useEffect)((function(){function e(){return(e=Object(p.a)(m.a.mark((function e(){var t;return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.getNodes(c());case 2:t=e.sent,l(t);case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var j=function(){var e=Object(p.a)(m.a.mark((function e(t){return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:s.map((function(e){e!==t&&(e.editable=!1)}));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),y=function(){var e=Object(p.a)(m.a.mark((function e(t){return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.saveItem(c(),t);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),k=function(){var e=Object(p.a)(m.a.mark((function e(t){var n;return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=s.filter((function(e){return e!==t})),l(n),e.next=4,i.deleteItem(c(),t);case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return r.a.createElement("div",{className:"list"},r.a.createElement("div",{className:"todo-server"},r.a.createElement(b.a,{onChange:function(e){var t=e.target.value;x(t),window.localStorage.setItem("server",t)},placeholder:"Input server URL",size:"medium",value:E})),r.a.createElement("div",null," \xa0"),r.a.createElement("div",{className:"todo-add"},r.a.createElement(v.a,{kind:"primary",onClick:function(){s.map((function(e){1==e.editable&&(y(e),e.editable=!1)}));var e=Math.max.apply(Math,s.map((function(e){return e.order})))+1,t={id:Object(g.a)(),text:"",order:e<1?1:e,editable:!0};l((function(e){return e.concat([t])}))}},"Add Item")),s.map((function(e,t){return r.a.createElement("div",{key:e.id,className:"list-item"},r.a.createElement(w,{item:e,editItem:function(e){return j(e)},saveItem:function(e){return y(e)},deleteItem:function(e){return k(e)}}))})))}function N(e){return r.a.createElement("div",null,r.a.createElement("div",{className:"container grey"},r.a.createElement(s,{title:"TODO App",subtitle:"Observability Training"})),r.a.createElement(k,null))}n(222),n(223);function D(){return r.a.createElement("div",{className:"layout"},r.a.createElement(y,null,r.a.createElement("div",{className:"sriracha"},r.a.createElement(i.a,null,r.a.createElement(c.Logo,{launchpadUrl:"https://www.wegalvanize.com"}),r.a.createElement(c.CurrentApp,{appModuleName:"Highbond",appUrl:"/"}),r.a.createElement(c.Helper,{helpDocUrl:"https://www.wegalvanize.com",supportUrl:"https://www.wegalvanize.com"}),r.a.createElement(c.User,{username:"Username",userProfileUrl:"https://www.wegalvanize.com",logoutUrl:"https://www.wegalvanize.com"}))),r.a.createElement(N,null)))}n.d(t,"default",(function(){return D}))}},[[109,1,2]]]);
//# sourceMappingURL=main.0ac3e46b.chunk.js.map