, or turn it into a ")+"drag source or a drop target itself.")}}(i);var a=r?function(t){return e(t,r)}:e;return function(e,n){var r=e.ref;return re("string"!==typeof r,"Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a or

. Read more: https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute"),r?(0,t.cloneElement)(e,{ref:function(e){ia(r,e),ia(n,e)}}):(0,t.cloneElement)(e,{ref:n})}(i,a)}}function sa(e){var t={};return Object.keys(e).forEach((function(n){var r=e[n];if(n.endsWith("Ref"))t[n]=e[n];else{var o=aa(r);t[n]=function(){return o}}})),t}function la(e){return la="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},la(e)}function ua(e){return null!==e&&"object"===la(e)&&e.hasOwnProperty("current")}function ca(e,t){for(var n=0;n{let{id:n,task:r,index:o,moveItem:i,readOnlyMode:a,isTaskFocused:s,sendTaskUpdated:l,handleTaskFocus:u,sendTaskDeleted:c,sendTaskCreated:d,isLast:f,listItemType:p}=e;const h=(0,t.useRef)(null),[,m]=va({accept:p,hover(e,t){if(!h.current)return;const n=e.index,r=o;if(n===r)return;const a=h.current.getBoundingClientRect(),s=(a.bottom-a.top)/2,l=t.getClientOffset().y-a.top;nr&&l>s||(i(n,r),e.index=r)}}),[{isDragging:g},v,y]=Aa({item:{type:p,id:n,index:o},collect:e=>({isDragging:e.isDragging()})});return v(m(h)),(0,Gr.jsxs)(Ia,{ref:y,children:[(0,Gr.jsx)(ja,{ref:h,children:(0,Gr.jsxs)(Gr.Fragment,{children:[(0,Gr.jsx)(Gn,{disabled:a||s,size:"small",ref:h,children:(0,Gr.jsx)(Ra.A,{})}),(0,Gr.jsx)($a,{disabled:a||s,checked:1==r.completed,onChange:e=>{l(r.id,r.description,e.target.checked,0)},color:"primary"})]})}),(0,Gr.jsx)(Ka,{children:(0,Gr.jsx)(Kn,{error:s,InputProps:{startAdornment:s?(0,Gr.jsx)(nr,{position:"start",children:(0,Gr.jsx)(Pa.A,{color:"error"})}):null},inputProps:{tabIndex:1e3+o},onBlur:()=>{u(null)},onFocus:()=>{u(r.id)},disabled:a||s,multiline:!0,onKeyPress:f?e=>{"Enter"==e.key&&r.description.length>0&&d()}:null,autoFocus:r.autoFocus,placeholder:"New List Item",fullWidth:!0,className:"item-textfield "+(r.completed?"completed-task-textfield":""),onChange:e=>{l(r.id,e.target.value,r.completed)},value:r.description})}),(0,Gr.jsx)(Ya,{children:(0,Gr.jsx)(Gn,{disabled:a||s,onClick:()=>{c(r.id)},edge:"end","aria-label":"delete",children:(0,Gr.jsx)(Oa.A,{})})})]},r.id)};var Ga=n(64),Za=n.n(Ga),Ja=n(1981),es=n.n(Ja);const ts={enableMouseEvents:!0},ns=window.innerWidth<=760||window.innerHeight<=500?ve:Ao,rs=es()(Za()),os={confirmButtonColor:"#3f51b5"},is=1,as=2,ss=3,ls=4,us=5,cs=6,ds=7,fs=8;class ps extends t.Component{constructor(e){super(e),this.ws=null,this.offlineMode=!1,this.offlineQueue=[],this.isSubscribed=!1,this.windowFocused=!1,this.trySilentReconnect=!1,this.state={list:{name:"",slug:"",editors:[]},tasks:[],wsId:null,shareDialogOpen:!1,showLoadingBackdrop:!1,showOfflineMode:!1},this.wsConnectionAttempts=0,this.shouldFocusNewTask=!1,this.taskUpdateTimeout=null,this.nameChangeTimeout=null,this.taskFocusTimeout=null,this.taskFocusTimeoutMS=200,this.slug=this.props.match.params.slug,this.listNameChange=this.listNameChange.bind(this)}componentDidMount(){this.reconnectWS(),window.onfocus=()=>{this.windowFocused=!0,this.trySilentReconnect&&(this.reconnectWS(),this.trySilentReconnect=!1)},window.onblur=()=>{this.windowFocused=!1}}setOfflineMode(e){this.offlineMode=e,this.setState({showOfflineMode:e})}processOfflineQueue(){for(;this.offlineQueue.length>0;){const e=this.offlineQueue.shift();this.sendActionToAPI(e.type,e.data),e.type!==cs&&e.type!==ds&&this.handleMessage({data:JSON.stringify(ne({action:e.type},e.data))})}}reconnectWS(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.showLoading(!e),this.isSubscribed=!1,this.ws=new WebSocket("wss://api2.quicktodos.com"),this.ws.addEventListener("open",(e=>{this.showLoading(!1),this.wsConnectionAttempts=0,this.sendActionToAPIWithSlug(cs)})),this.ws.addEventListener("message",this.handleMessage.bind(this)),this.ws.onclose=e=>{this.setOfflineMode(!0),this.windowFocused?this.reconnectWS(!0):this.trySilentReconnect=!0}}showLoading(e){this.setState({showLoadingBackdrop:e})}render(){return(0,Gr.jsxs)("div",{className:"content-div",children:[(0,Gr.jsxs)("div",{className:"header-box",children:[(0,Gr.jsx)(Gn,{className:"DeleteListIconButton",onClick:()=>{this.sendDelete()},"aria-label":"delete",children:(0,Gr.jsx)(Er.A,{color:"secondary"})}),(0,Gr.jsx)(Gn,{size:"small",className:"home-icon-button",onClick:()=>{window.location.assign("/")},children:(0,Gr.jsx)("img",{src:"./qt_fav.png",className:"home-icon"})}),(0,Gr.jsx)("div",{className:"list-name-box",children:(0,Gr.jsx)(Kn,{multiline:!0,className:"list-name-input",onChange:this.listNameChange,value:this.state.list.name,InputProps:{endAdornment:(0,Gr.jsx)(nr,{position:"end",children:(0,Gr.jsxs)(Gn,{edge:"end",onClick:this.clickShare.bind(this),"aria-label":"share",size:"small",children:[(0,Gr.jsx)(Sr.A,{}),this.state.showOfflineMode&&(0,Gr.jsx)(Or.A,{className:"offline-icon"})]})})}})})]}),this.getIncompleteListItemsComponents(),(0,Gr.jsxs)("div",{className:"add-button-box",children:[(0,Gr.jsx)(We,{size:"medium",className:"add-button",color:"primary","aria-label":"Add",onClick:()=>{this.sendTaskCreated()},variant:"extended",disabled:this.state.showOfflineMode,children:(0,Gr.jsx)(Xn.A,{})}),(0,Gr.jsx)("div",{className:"version-box",children:"Version 2"})]}),this.getCompleteListItemsComponents(),(0,Gr.jsx)(Zr,{open:this.state.shareDialogOpen,onClose:()=>{this.setState({shareDialogOpen:!1})}}),(0,Gr.jsx)(lr,{open:this.state.showLoadingBackdrop,children:(0,Gr.jsx)(Ar,{color:"inherit"})})]})}showError(e,t){return this.showSwal(e,t||"Uh oh, something happened!","error")}showWarning(e,t){return this.showSwal(e,t||"Heads-up!","warning")}showYesNoConfirmation(e,t){return this.showSwal(e,t,"info",{showCancelButton:!0,confirmButtonText:"Yes, delete it"})}showSwal(e,t,n,r){return rs.fire(ne(ne({title:t,text:e,icon:n,confirmButtonText:"Okay"},r),os))}clickShare(){this.setState({shareDialogOpen:!0})}getIncompleteListItemsComponents(){return this.getListItemComponents(!1).length<1?(0,Gr.jsx)("div",{className:"center-everything no-items-left",children:"You don't have any items left!"}):(0,Gr.jsx)(Qi,{backend:ns,options:ts,children:(0,Gr.jsx)(wn,{children:this.getListItemComponents(!1)})})}getCompleteListItemsComponents(){const e=this.getListItemComponents(!0);return e.length<1?null:(0,Gr.jsxs)(vr,{className:"ExpansionPanel",children:[(0,Gr.jsx)(br,{expandIcon:(0,Gr.jsx)(kr.A,{}),id:"completed-panel-header",children:(0,Gr.jsxs)(er,{children:["Completed (",e.length,")"]})}),(0,Gr.jsx)(xr,{children:(0,Gr.jsx)(Qi,{backend:ns,options:ts,children:(0,Gr.jsx)(wn,{className:"ExpansionPanelList",children:e})})})]})}moveItem(e,t){if(!this.isTaskFocused(this.state.tasks[e])){this.state.tasks.splice(t,0,this.state.tasks.splice(e,1)[0]);var n=[...this.state.tasks.filter((e=>!e.completed)),...this.state.tasks.filter((e=>e.completed))];n.forEach(((e,t)=>{e.order=t})),this.setState({tasks:n}),this.sendActionToAPIWithSlug(fs,{task_orders:n.map((e=>({task_id:e.id,order:e.order})))})}}sortTasksAndUpdate(){this.setState({tasks:this._sortTasks(this.state.tasks)})}_sortTasks(e){return[...e.filter((e=>!e.completed)).sort(this._sortItemsByOrder),...e.filter((e=>e.completed)).sort(this._sortItemsByOrder)]}_sortItemsByOrder(e,t){return null==e.order&&null!=t.order?1:null!=e.order&&null==t.order?-1:null==e.order&&null==t.order?0:e.order-t.order}getListItemComponents(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];var t=[];if(this.state.tasks.length<1)return t;var n=0;return this.state.tasks.forEach(((t,r)=>{t.completed==e&&(n=r)})),this.state.tasks.forEach(((r,o,i)=>{if(r.completed==e){var a=o==n,s=this.isTaskFocused(r.id);t.push((0,Gr.jsx)(Qa,{listItemType:e?"complete_item":"incomplete_item",id:r.id,task:r,index:o,moveItem:this.moveItem.bind(this),readOnlyMode:this.state.readOnlyMode,isTaskFocused:s,sendTaskUpdated:this.sendTaskUpdated.bind(this),handleTaskFocus:this.handleTaskFocus.bind(this),sendTaskDeleted:this.sendTaskDeleted.bind(this),sendTaskCreated:this.sendTaskCreated.bind(this),isLast:a},r.id))}})),t}isTaskFocused(e){return this.state.list.editors.some((t=>t.task_id==e&&t.ws_id!=this.state.wsId))}sendTaskCreated(){this.shouldFocusNewTask=!0,this.sendActionToAPIWithSlug(ss)}handleTaskCreated(e){this.shouldFocusNewTask&&(e.autoFocus=!0,this.shouldFocusNewTask=!1),this.setState((t=>({tasks:this._sortTasks([...t.tasks,e])})))}sendTaskDeleted(e){this.showYesNoConfirmation("This action cannot be undone!","Delete this item?").then((t=>{t.value&&(this.handleTaskDeleted(e),this.sendActionToAPIWithSlug(us,{task_id:e}))}))}handleTaskDeleted(e){this.setState((t=>({tasks:t.tasks.filter((t=>t.id!==e))})))}cleanUserDescriptions(e){if(null==e)return"";var t=e.replace(/[<>\n]/g,"");return t.length>255&&(t=t.substring(0,255)),t}sendTaskUpdated(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:300;null!=this.taskUpdateTimeout&&clearTimeout(this.taskUpdateTimeout),t=this.cleanUserDescriptions(t),this.handleTaskUpdated(e,t,n),this.taskUpdateTimeout=setTimeout((()=>{this.sendActionToAPIWithSlug(ls,{task_id:e,description:t,completed:n})}),r)}handleTaskUpdated(e,t,n){this.setState((r=>{const o=r.tasks.map((r=>r.id===e?ne(ne({},r),{},{description:t,completed:n}):r));return{tasks:this._sortTasks(o)}}))}listNameChange(e){null!=this.nameChangeTimeout&&clearTimeout(this.nameChangeTimeout),e.target.value=this.cleanUserDescriptions(e.target.value),this.state.list.name=e.target.value,this.setState({list:this.state.list}),this.nameChangeTimeout=setTimeout((()=>{this.sendActionToAPIWithSlug(is,{name:this.state.list.name}),this.setWindowTitle(this.state.list.name)}),300)}sendDelete(){this.showYesNoConfirmation("This action cannot be undone!","Delete this list?").then((e=>{e.value&&this.sendActionToAPIWithSlug(as)}))}handleDelete(){this.showWarning("You are being redirected to the home page!","List was deleted!").then((()=>{window.location.replace("/")}))}handleTaskFocus(e){null!=this.taskFocusTimeout&&clearTimeout(this.taskFocusTimeout),this.taskFocusTimeout=setTimeout((()=>{this.sendActionToAPIWithSlug(ds,{task_id:e})}),this.taskFocusTimeoutMS)}handleTaskFocused(e,t){var n=this.state.list.editors.findIndex((e=>e.ws_id==t));n<0?this.state.list.editors.push({ws_id:t,task_id:e}):this.state.list.editors[n].task_id=e,this.setState({list:this.state.list})}handleTaskOrdered(e){this.setState((t=>{const n=t.tasks.map((t=>{var n;const r=null===(n=e.find((e=>e.task_id===t.id)))||void 0===n?void 0:n.order;return void 0!==r?ne(ne({},t),{},{order:r}):t}));return{tasks:this._sortTasks(n)}}))}setWindowTitle(e){document.title=e+" - QuickTodos"}handleMessage(e){var t=JSON.parse(e.data);switch(t.action){case cs:null==t.list.editors&&(t.list.editors=[]),this.setState({list:t.list,tasks:this._sortTasks(t.list.tasks),wsId:t.ws_id}),this.setWindowTitle(this.state.list.name),this.isSubscribed=!0,this.setOfflineMode(!1),this.offlineQueue.length>0&&setTimeout((()=>this.processOfflineQueue()),0);break;case as:this.handleDelete();break;case is:this.state.list.name=t.name,this.setState({list:this.state.list});break;case ss:this.handleTaskCreated(t.task);break;case us:this.handleTaskDeleted(t.task_id);break;case ls:this.handleTaskUpdated(t.task_id,t.description,t.completed);break;case ds:this.handleTaskFocused(t.task_id,t.ws_identifier);break;case fs:this.handleTaskOrdered(t.task_orders);break;case void 0:console.error(t),null!=t.error&&this.showError(t.error).then((()=>{""==this.state.list.slug&&window.location.replace("/")}));break;default:console.error(t)}}sendActionToAPIWithSlug(e,t){this.sendActionToAPI(e,ne({slug:this.slug},t))}sendActionToAPI(e,t){e!==cs?!this.offlineMode&&this.isSubscribed?this.ws.send(JSON.stringify(ne({action:e},t)),console.error):this.offlineQueue.push({type:e,data:t,timestamp:Date.now()}):this.ws.send(JSON.stringify(ne({action:e},t)),console.error)}}const hs=ps;var ms=n(854),gs=n.n(ms),vs=n(8646),ys=n(3508),bs=n(2852);const ws=es()(Za()),xs={confirmButtonColor:"#3f51b5"},ks=(e,t)=>({question:e,answer:t}),Es=[ks("Do lists ever expire?","Lists are automatically deleted if they have not been accessed for 14 days."),ks("Can I set a password on my list?","List passwords are planned for the version 2 release!"),ks("Is list data encrypted?","Due to there not being user accounts or passwords, list data cannot be encrypted per user. When list passwords are implemented, encryption will be added."),ks("Can I see a planned roadmap for quicktodos.com?","An official roadmap is coming soon!"),ks("Can I reserve a specific URL?","URL reservations are planned for a future release."),ks("Where can I send feedback?",(0,Gr.jsxs)("span",{children:["Feedback can be emailed to ",(0,Gr.jsx)("a",{href:"mailto:feedback@quicktodos.com",children:"feedback@quicktodos.com"})]}))];class Ss extends t.Component{constructor(){super(...arguments),this.state={listName:"",showLoadingBackdrop:!1}}render(){return(0,Gr.jsxs)("div",{className:"content-root",children:[(0,Gr.jsx)(lr,{className:"loading-backdrop",open:this.state.showLoadingBackdrop,children:(0,Gr.jsx)(Ar,{color:"primary"})}),(0,Gr.jsxs)("div",{className:"top-color-bg default-padding-top-bottom",children:[(0,Gr.jsxs)("div",{className:"header-box",children:[(0,Gr.jsx)("img",{src:"logo_inverse.png",className:"header-logo"}),(0,Gr.jsx)("h1",{className:"subheader-line",children:"Collaborative and disposable todo lists"}),(0,Gr.jsx)("h3",{className:"subheader-line-2",children:"Create a new todo list with the click of a button. Share the link and collaborate with others in real-time."})]}),(0,Gr.jsx)("div",{className:"new-list-box",children:(0,Gr.jsxs)("div",{className:"new-list-group",children:[(0,Gr.jsx)(Kn,{onChange:e=>{this.setState({listName:e.target.value})},value:this.state.listName,placeholder:"New List Name",variant:"outlined",className:"new-list-input",size:"small",onKeyPress:e=>{"Enter"==e.key&&this.createListAndOpen()}}),(0,Gr.jsx)(jr,{className:"new-list-button",variant:"contained",color:"primary",onClick:()=>{this.createListAndOpen()},children:"Create A List"})]})})]}),(0,Gr.jsxs)("div",{className:"feature-grid restrict-middle default-padding-top-bottom",children:[(0,Gr.jsx)(Ts,{icon:(0,Gr.jsx)(vs.A,{}),title:"Collaborate in real-time",description:"Changes are shared real-time with anyone else on your list, allowing you to collaborate without worrying about refreshing."}),(0,Gr.jsx)(Ts,{icon:(0,Gr.jsx)(ys.A,{}),title:"No login required",description:"Don't worry about registering for a user account, just share your unique link to start collaborating!"}),(0,Gr.jsx)(Ts,{icon:(0,Gr.jsx)(bs.A,{}),title:"Simple and disposable",description:"Need more than one list? Just create a new one! Lists are simple to use and completely disposable."})]}),(0,Gr.jsxs)("div",{className:"faq-box",children:[(0,Gr.jsx)("h2",{className:"faq-box-header",children:"Frequently Asked Questions"}),(0,Gr.jsx)("div",{className:"faq-lines",children:Es.map(((e,t)=>(0,Gr.jsx)(Cs,{question:e.question,answer:e.answer},"FAQ"+t)))})]}),(0,Gr.jsxs)("span",{className:"copyright-notice",children:["Copyright ",(new Date).getFullYear()," User Defined LLC"]})]})}createListAndOpen(){this.setState({showLoadingBackdrop:!0});gs().post("".concat("https://api2.quicktodos.com","/list/create"),{name:this.state.listName}).then((e=>{window.location.assign("/"+e.data.slug)})).catch((e=>{ws.fire(ne({title:"Failed to create list!",text:"Sorry about that... If this continues to happen, please contact support@quicktodos.com",icon:"error",confirmButtonText:"Okay"},xs)).then((()=>{this.setState({showLoadingBackdrop:!1})}))}))}}function Cs(e){e.question,e.answer;return(0,Gr.jsxs)(vr,{className:"faq-line-expansion-panel",children:[(0,Gr.jsxs)(br,{expandIcon:(0,Gr.jsx)(kr.A,{}),children:[(0,Gr.jsx)("span",{className:"question-prefix",children:"Q."}),e.question]}),(0,Gr.jsx)(xr,{children:e.answer})]})}function Ts(e){var n=t.cloneElement(e.icon,{className:"icon",fontSize:"large",htmlColor:"#3b77d8"});return(0,Gr.jsxs)(dn,{className:"feature-box",children:[(0,Gr.jsx)("div",{className:"feature-box-icon",children:n}),(0,Gr.jsx)("h4",{className:"feature-box-title",children:e.title}),(0,Gr.jsx)(er,{className:"feature-box-description",children:e.description})]})}const As=Ss;class Os extends t.Component{render(){return(0,Gr.jsxs)("div",{children:[(0,Gr.jsx)(q,{path:"/:slug",component:hs}),(0,Gr.jsx)(q,{exact:!0,path:"/",component:As})]})}}const Ps=Os,Rs=Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));function Ns(e,t){navigator.serviceWorker.register(e).then((e=>{e.onupdatefound=()=>{const n=e.installing;null!=n&&(n.onstatechange=()=>{"installed"===n.state&&(navigator.serviceWorker.controller?(console.log("New content is available and will be used when all tabs for this page are closed. See https://bit.ly/CRA-PWA."),t&&t.onUpdate&&t.onUpdate(e)):(console.log("Content is cached for offline use."),t&&t.onSuccess&&t.onSuccess(e)))})}})).catch((e=>{console.error("Error during service worker registration:",e)}))}var Ds=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),o=0;o{const t="".concat("","/service-worker.js");Rs?(!function(e,t){fetch(e,{headers:{"Service-Worker":"script"}}).then((n=>{const r=n.headers.get("content-type");404===n.status||null!=r&&-1===r.indexOf("javascript")?navigator.serviceWorker.ready.then((e=>{e.unregister().then((()=>{window.location.reload()}))})):Ns(e,t)})).catch((()=>{console.log("No internet connection found. App is running in offline mode.")}))}(t,e),navigator.serviceWorker.ready.then((()=>{console.log("This web app is being served cache-first by a service worker. To learn more, visit https://bit.ly/CRA-PWA")}))):Ns(t,e)}))}}()})()})(); //# sourceMappingURL=main.0879f1ff.js.map